@charset "utf-8";

/* スマホ　start */

@media screen and (max-width: 768px) {


.symptoms-wrapper {
  margin: 0px auto 100px;
  padding: 60px 0 0 0;
  text-align:center;
  width:94%;
}
.symptoms-wrapper:after {
  content: '';
  display: block;
  clear: both;
}
.symptoms-wrapper h2 {
margin: 0 auto;
padding:20px 0 0 0;
font-size:22px;
text-align:center;
color:#40310d;
background-image:url('../images/content-title-bg.svg');
background-repeat:no-repeat;
background-position: center;
background-size: 300px;
height:100px;
}
.symptoms-wrapper p {
  margin: 20px 0 0 0;
  padding:0;
  text-align:left;
  line-height:1.8;
}

.symptoms-block {
  margin: 40px auto ;
  padding: 0 0 0 0;
  text-align:center;
  width:94%;
}
.symptoms-block:after {
  content: '';
  display: block;
  clear: both;
}
.symptoms-block h3 {
  margin: 0;
  padding:10px 0 0 0;
  font-size:18px;
  text-align:left;
  color:#40310d;
  background-image:url('../images/top-medical-bg.svg');
  background-repeat:no-repeat;
  background-position: 0px 0px;
  background-size: 300px;
  height:60px;
}
.symptoms-block h4 {
  margin: 0;
  padding:10px 0 0 0;
  font-size:18px;
  text-align:left;
 color:#0c959a;
}
.symptoms-image {
  margin: 0px 0 0 20px;
  text-align:right;
  float:right;
  width:120px;
}
.symptoms-block p {
  margin: 20px 0 0 0;
  padding:0;
  text-align:left;
  line-height:1.8;
}

.symptoms-type-wrapper {
  margin: 0px auto;
  padding: 0;
  text-align:center;
  width:90%;
}
.symptoms-type-wrapper:after {
  content: '';
  display: block;
  clear: both;
}

.symptoms-case-box {
 width:80%;
 margin: 50px auto 80px;
 padding: 0;
 text-align:center;
}
.symptoms-case-box h4 {
 margin:0 auto;
 color:#40310d;
 font-size:18px;
 text-align:center;
 border-bottom:1px solid #ccc;
}
.symptoms-case-image {
 margin:10px auto;
 text-align:center;
 width:65%;
}
.symptoms-case-name {
 margin:10px auto;
 font-size:17px;
 text-align:center;
 font-weight:bold;
 color:#0c959a;
}

.symptoms-case-nav li {
  border-radius: 30px;
background-color: #5d4b1f; 
text-align:center;
width:90%;
 margin:10px auto 0 auto;
}
.symptoms-case-nav a {
  border-radius: 30px;
 margin:0;
 padding: 8px 5px;
 display: block;
 text-decoration: none;
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
 color:#ffffff;
 font-size:16px;
 -webkit-transition-duration: 0.3s;
 transition-duration: 0.3s;
}

.symptoms-detail-box {
  margin: 40px auto;
  padding: 15px;
  text-align:center;
  width:94%;
  border-radius:30px;
  background:#fcfaf7;
}
.symptoms-detail-box:after {
  content: '';
  display: block;
  clear: both;
}
.symptoms-detail-box h4 {
  margin: 0;
  padding:0;
  font-size:17px;
  text-align:left;
  color:#5c4a1e;
}
.symptoms-detail-box p {
  margin: 10px 0 0 0;
  padding:0;
  text-align:left;
}

.symptoms-detail-box h5 {
  margin: 20px 0 -10px 0;
  padding:0;
  font-size:17px;
  text-align:left;
  color:#0c959a;
}

.symptoms-detail-detail {
  margin: 40px auto;
  padding: 0;
  text-align:center;
  width:94%;
}
.symptoms-detail-detail h5 {
  margin: 0;
  padding:0;
  font-size:17px;
  text-align:left;
  color:#0c959a;
}
.symptoms-detail-detail p {
  margin: 10px 0 0 0;
  padding:0;
  font-size:16px;
  text-align:left;
}
ol.symptoms-detail-list li {
  margin: 10px 0 0 20px;
  padding:0;
  font-size:16px;
  text-align:left;
  list-style:decimal;
}

.symptoms-risk-block {
 margin: 0px auto;
 padding: 0;
 text-align:center;
 width:98%;
}
.symptoms-risk-block dl {
 padding: 15px 0;
 vertical-align:top;
}
.symptoms-risk-block dt {
 text-align:left;
 font-weight:bold;
}
.symptoms-risk-block dd {
 text-align:left;
 margin:0 0 20px 0;
}
.table-case-fee {
  border-collapse: collapse;
  width: 65%;
  margin:10px 0 0 0;
  text-align:left;
}
.table-case-fee {
  border-collapse: collapse;
  border: 1px solid #999;
  margin:10px auto;
  text-align:center;
  width:100%;
}
.table-case-fee td {
 display: block;
 text-align: left;
 padding:3px;
 border-bottom: 1px dotted #999;
}
.table-case-fee th {
 display: block;
 border-top: none;
 border-bottom: none;
 width: 100%;
 padding:3px;
}
.symptoms-fee-cate {
  margin: 20px 0 -4px 0;
  padding:0;
  font-size:17px;
  text-align:left;
  color:#0c959a;
  font-weight:bold;
  display:block;
}

.symptoms-risk-nav li {
  border-radius: 30px;
background-color: #5d4b1f; 
text-align:center;
width:200px;
 margin:10px auto 0 auto;
}
.symptoms-risk-nav a {
  border-radius: 30px;
 margin:0;
 padding: 8px 5px;
 display: block;
 text-decoration: none;
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
 color:#ffffff;
 font-size:16px;
 -webkit-transition-duration: 0.3s;
 transition-duration: 0.3s;
}

ul.case-jogaku-list li {
  margin: 10px 0 10px 30px;
  padding:0;
  text-align:left;
  list-style-type: decimal;
  color:#de5462;
}

.case-category-wrap {
  margin: 80px auto;
  padding: 0px 0 0 0;
  text-align:center;
  width:90%;
}
.case-category-wrap:after {
  content: '';
  display: block;
  clear: both;
}
.case-category-wrap h2 {
  margin: 0 ;
  padding:0 0 0 0;
  font-size:18px;
  text-align:left;
  color:#40310d;
  border-bottom:1px solid #40310d;
}
.case-category-container {
  margin: 0 auto;
}
.case-category-box{
  width: 100%;
  margin: 50px auto;
  position: relative;
  border:1px solid #6e5f3c;
  display: flex;
  background:#fbf8f0;
}
.case-category-box-none{
  display: none;
}
.case-category-box a{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.case-category-box:hover{
  opacity: 0.8;
  transition: 0.5s;
}
.case-category-image{
  width: 35%;
  margin: 0;
  text-align:left;
}
.case-category-text{
  width: 65%;
  margin: 0;
  padding:10px 5px 8px 5px;
  text-align:left;
  font-weight:bold;
  color:#40310d;
  line-height:1.2;
}

.case-category-type {
  margin: 50px 0 -30px 0;
  padding:0;
  font-size:17px;
  text-align:left;
  color:#0c959a;
  font-weight:bold;
  display:block;
}
}
/* スマホ　end */



/* PC　start */
@media screen and (min-width: 769px) {


.symptoms-wrapper {
  margin: 0px auto 100px;
  padding: 100px 0 0 0;
  text-align:center;
  width:84%;
  min-width:960px;
  max-width:1600px;
}
.symptoms-wrapper:after {
  content: '';
  display: block;
  clear: both;
}
.symptoms-wrapper h2 {
margin: 0 auto;
padding:20px 0 0 0;
font-size:22px;
text-align:center;
color:#40310d;
background-image:url('../images/content-title-bg.svg');
background-repeat:no-repeat;
background-position: center;
background-size: 600px;
height:100px;
}
.symptoms-wrapper p {
  margin: 20px auto;
  padding:0;
  text-align:center;
  line-height:1.8;
}

.symptoms-block {
  margin: 80px auto ;
  padding: 0 0 0 0;
  text-align:center;
  width:94%;
}
.symptoms-block:after {
  content: '';
  display: block;
  clear: both;
}
.symptoms-block h3 {
  margin: 0;
  padding:10px 0 0 0;
  font-size:20px;
  text-align:left;
  color:#40310d;
  background-image:url('../images/top-medical-bg.svg');
  background-repeat:no-repeat;
  background-position: 0px 0px;
  background-size: 600px;
  height:100px;
}
.symptoms-block h4 {
  margin: 0;
  padding:10px 0 0 0;
  font-size:18px;
  text-align:left;
 color:#0c959a;
}
.symptoms-image {
  margin: 0px 0 0 20px;
  text-align:right;
  float:right;
  width:300px;
}
.symptoms-block p {
  margin: 20px 0 0 0;
  padding:0;
  text-align:left;
  line-height:1.8;
}

.symptoms-type-wrapper {
  margin: 30px auto;
  padding: 0;
  text-align:center;
  width:90%;
  min-width:960px;
  max-width:1600px;
}
.symptoms-type-wrapper:after {
  content: '';
  display: block;
  clear: both;
}

.symptoms-case-box {
 width:25%;
 margin: 50px 22px ;
 padding: 0;
 text-align:center;
 vertical-align:top;
 display:inline-block;
}
.symptoms-case-box h4 {
 margin:0 auto;
 color:#40310d;
 font-size:18px;
 text-align:center;
 border-bottom:1px solid #ccc;
}
.symptoms-case-image {
 margin:10px auto;
 text-align:center;
 width:65%;
}
.symptoms-case-name {
 margin:10px auto;
 font-size:17px;
 text-align:center;
 font-weight:bold;
 color:#0c959a;
}

.symptoms-case-nav li {
  border-radius: 30px;
background-color: #5d4b1f; 
text-align:center;
width:90%;
 margin:10px auto 0 auto;
}
.symptoms-case-nav a {
  border-radius: 30px;
 margin:0;
 padding: 8px 5px;
 display: block;
 text-decoration: none;
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
 color:#ffffff;
 font-size:16px;
 -webkit-transition-duration: 0.3s;
 transition-duration: 0.3s;
}
.symptoms-case-nav a:hover {
  border-radius: 30px;
 margin:0;
 padding: 8px 5px;
 display: block;
 text-decoration: none;
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
 color:#ffffff;
font-size:16px;
background-color:#c1a769;
}

.symptoms-detail-box {
  margin: 40px auto;
  padding: 15px;
  text-align:center;
  width:94%;
  border-radius:30px;
  background:#fcfaf7;
}
.symptoms-detail-box:after {
  content: '';
  display: block;
  clear: both;
}
.symptoms-detail-box h4 {
  margin: 0;
  padding:0;
  font-size:18px;
  text-align:left;
  color:#5c4a1e;
}
.symptoms-detail-box p {
  margin: 10px 0 0 0;
  padding:0;
  text-align:left;
}

.symptoms-detail-box h5 {
  margin: 20px 0 -10px 0;
  padding:0;
  font-size:17px;
  text-align:left;
  color:#0c959a;
}
.symptoms-detail-detail {
  margin: 40px auto;
  padding: 0;
  text-align:center;
  width:94%;
}
.symptoms-detail-detail h5 {
  margin: 0;
  padding:0;
  font-size:17px;
  text-align:left;
  color:#0c959a;
}
.symptoms-detail-detail p {
  margin: 10px 0 0 0;
  padding:0;
  font-size:16px;
  text-align:left;
}
ol.symptoms-detail-list li {
  margin: 10px 0 0 20px;
  padding:0;
  font-size:16px;
  text-align:left;
  list-style:decimal;
}

.symptoms-risk-block {
 margin: 0px auto;
 padding: 0;
 text-align:center;
 width:98%;
}
.symptoms-risk-block dl {
 padding: 15px 0;
 vertical-align:top;
}
.symptoms-risk-block dt {
 text-align:left;
 font-weight:bold;
}
.symptoms-risk-block dd {
 text-align:left;
 margin:0 0 20px 0;
}
.table-case-fee {
  border-collapse: collapse;
  width: 65%;
  margin:10px 0 0 0;
  text-align:left;
}
.table-case-fee th,
.table-case-fee td {
  padding: 10px;
  border: 1px solid #999;
  font-size:16px;
}
.table-case-fee th {
  text-align: center;
  width: 40%;
  font-size:16px;
}
.symptoms-fee-cate {
  margin: 20px 0 -4px 0;
  padding:0;
  font-size:17px;
  text-align:left;
  color:#0c959a;
  font-weight:bold;
  display:block;
}

.symptoms-risk-nav li {
  border-radius: 30px;
background-color: #5d4b1f; 
text-align:center;
width:200px;
 margin:10px auto 0 auto;
}
.symptoms-risk-nav a {
  border-radius: 30px;
 margin:0;
 padding: 8px 5px;
 display: block;
 text-decoration: none;
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
 color:#ffffff;
 font-size:16px;
 -webkit-transition-duration: 0.3s;
 transition-duration: 0.3s;
}
.symptoms-risk-nav a:hover {
  border-radius: 30px;
 margin:0;
 padding: 8px 5px;
 display: block;
 text-decoration: none;
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
 color:#ffffff;
font-size:16px;
background-color:#c1a769;
}
ul.case-jogaku-list li {
  margin: 10px 0 10px 30px;
  padding:0;
  text-align:left;
  list-style-type: decimal;
  color:#de5462;
}

.case-category-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.case-category-box{
  width: 360px;
  margin: 20px 10px;
  position: relative;
  border:1px solid #6e5f3c;
  display: flex;
  background:#fbf8f0;
}
.case-category-box-none{
  width: 360px;
  margin: 20px 10px;
  display: flex;
}
.case-category-box a{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.case-category-box:hover{
  opacity: 0.8;
  transition: 0.5s;
}
.case-category-image{
  width: 35%;
  margin: 0;
  text-align:left;
}
.case-category-text{
  width: 65%;
  margin: 0;
  padding:12px 5px 8px 5px;
  text-align:left;
  font-weight:bold;
  color:#40310d;
  line-height:1.2;
  font-size:15px;
}

.case-category-type {
  margin: 50px 0 0 0;
  padding:0;
  font-size:17px;
  text-align:left;
  color:#0c959a;
  font-weight:bold;
  display:block;
}
}
/* PCメイン　end */