@charset "utf-8";

/* スマホ　start */

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


.case-wrapper {
  margin: 0px auto 100px;
  padding: 60px 0 0 0;
  text-align:center;
  width:94%;
}
.case-wrapper:after {
  content: '';
  display: block;
  clear: both;
}
.case-wrapper h1 {
margin: 0 auto;
padding:20px 0 0 0;
font-size:20px;
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;
}

.case-wrapper p {
  margin: 20px 0 0 0;
  padding:0;
  text-align:left;
}

.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-nav-wrap {
  margin: 80px auto;
  padding: 0px 0 0 0;
  text-align:center;
}
.case-nav-wrap:after {
  content: '';
  display: block;
  clear: both;
}

.case-nav-type {
  margin: 60px 10px;
  padding: 0px 0 0 0;
  text-align:center;
  width:40%;
  display:inline-block;
  vertical-align:top;
}
.case-nav-type h3 {
  margin: 0 auto;
  padding:0 0 0 0;
  font-size:18px;
  text-align:center;
  color:#40310d;
  border-bottom:1px solid #40310d;
}
.case-nav-type-box {
  margin: 20px auto 50px;
  padding: 10px;
  text-align:center;
  position: relative;
  background:#e6ded1;
  border-radius:30px;
  width:80%;
}
.case-nav-type-box a {
  position: absolute;
  top: 0;
  left: 0;
  height:100%;
  width: 100%;
}
.case-nav-type-box p {
  margin: 0 auto;
  padding:0 0 0 0;
  font-size:15px;
  text-align:center;
  color:#40310d;
}

.case-nav-type-box img {
  margin: 10px auto;
  text-align:center;
  width:86%;
}

.case-nav-block {
  margin: 80px auto;
  padding: 0px 0 0 0;
  text-align:center;
}
.case-nav-block:after {
  content: '';
  display: block;
  clear: both;
}
.case-nav-box {
  margin: 60px auto;
  padding: 0px 0 0 0;
  text-align:center;
  width:90%;
}
.case-nav-box img {
  width:260px;
}
.case-block {
  margin: 60px auto 100px;
  padding: 0 0 0 0;
  text-align:center;
  width:94%;
}
.case-block:after {
  content: '';
  display: block;
  clear: both;
}
.case-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;
}


.case-individual {
 margin: 80px auto;
 padding: 0;
 text-align:center;
 width:94%;
 max-width:1200px;
 font-size:17px;
}
.case-individual:after {
  content: '';
  display: block;
  clear: both;
}
.case-individual dl {
 padding: 10px 0;
 vertical-align:top;
 border-bottom: 1px solid #ccc;
}
.case-individual dt {
 text-align:left;
 font-weight:bold;
 padding:8px 0 8px 0;
 border-bottom:none;
}
.case-individual dd {
 text-align:left;
 padding:8px 0 8px 0;
 border-bottom:none;
}
.case-individual-image-wrap {
  margin: 80px auto;
  padding: 0px 0 0 0;
  text-align:center;
}
.case-individual-image-wrap:after {
  content: '';
  display: block;
  clear: both;
}
.case-individual-image {
  margin: 10px auto;
  padding:0;
  text-align:center;
  width:90%;
}
.case-individual-image-cap {
  margin: 30px auto 0;
  padding:0;
  text-align:center;
  color:#0c959a;
}
.case-individual h2 {
  margin: 0;
  padding:0;
  font-size:18px;
  text-align:left;
  color:#40310d;
}
.case-individual p {
  margin: 20px 0 0 0;
  padding:0;
  font-size:17px;
  text-align:left;
}

.case-category-individual-wrap {
  margin: 120px auto;
  padding: 0px 0 0 0;
  text-align:center;
  width:90%;
}
.case-category-individual-wrap:after {
  content: '';
  display: block;
  clear: both;
}
.case-category-individual-wrap h3 {
  margin: 0 auto;
  padding:0;
  font-size:18px;
  text-align:center;
  color:#40310d;
}
.case-left {
  margin: 0 auto ;
  text-align:center;
  width:98%;
}
.case-right {
  margin: 20px auto;
  text-align:center;
  width:98%;
}


.case-detail {
 margin: 30px auto;
 padding: 0;
 text-align:center;
 width:94%;
 max-width:1200px;
}
.case-detail dl {
 padding: 10px 0;
 border-bottom: 1px solid #ccc;
 vertical-align:top;
}
.case-detail dt {
 text-align:left;
 font-weight:bold;
}
.case-detail dd {
 text-align:left;
}

.case-table {
  border-collapse: collapse;
  margin:0px auto;
  text-align:center;
  width:100%;
}
.case-table td {
  padding: 5px;
  text-align:right;
  width: 60%;
  border:1px solid #ccc;
}
.case-table th {
  padding: 5px;
  text-align: left;
  width: 40%;
  font-weight:normal;
  border:1px solid #ccc;
}


.case-detail-image {
  margin: 10px auto;
  padding:0;
  text-align:center;
  width:90%;
}
.case-detail-image-cap {
  margin: 30px auto 0;
  padding:0;
  text-align:center;
  color:#0c959a;
}

.case-risk-nav li {
border-radius: 30px;
background-color: #e5d7b5; 
text-align:center;
width:300px;
 margin:10px auto;
}
.case-risk-nav a {
border-radius: 30px;
 margin:0;
 padding: 5px 5px;
 display: block;
 text-decoration: none;
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
 color:#40310d;
 font-size:15px;
 -webkit-transition-duration: 0.3s;
 transition-duration: 0.3s;
}
.case-back-nav li {
border-radius: 30px;
background-color: #e5d7b5; 
text-align:center;
width:80%;
 margin:60px auto;
}
.case-back-nav a {
border-radius: 30px;
 margin:0;
 padding: 8px 5px;
 display: block;
 text-decoration: none;
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
 color:#40310d;
 font-size:16px;
 -webkit-transition-duration: 0.3s;
 transition-duration: 0.3s;
}

}
/* スマホ　end */



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


.case-wrapper {
  margin: 0px auto 100px;
  padding: 100px 0 0 0;
  text-align:center;
  width:90%;
  min-width:960px;
  max-width:1600px;
}
.case-wrapper:after {
  content: '';
  display: block;
  clear: both;
}
.case-wrapper h1 {
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;
}

.case-wrapper p {
  margin: 20px 0 0 0;
  padding:0;
  text-align:center;
}
.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 {
  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;
  border-radius:none;
}
.case-category-text{
  width: 65%;
  margin: 0;
  padding:10px 5px 8px 5px;
  text-align:left;
  font-weight:bold;
  color:#40310d;
  line-height:1.2;
  font-size:15px;
}



.case-nav-wrap {
  margin: 80px auto;
  padding: 0px 0 0 0;
  text-align:center;
}
.case-nav-wrap:after {
  content: '';
  display: block;
  clear: both;
}

.case-nav-type {
  margin: 60px 20px;
  padding: 0px 0 0 0;
  text-align:center;
  width:26%;
  display:inline-block;
  vertical-align:top;
}
.case-nav-type h3 {
  margin: 0 auto;
  padding:0 0 0 0;
  font-size:18px;
  text-align:center;
  color:#40310d;
  border-bottom:1px solid #40310d;
}
.case-nav-type-box {
  margin: 20px auto 30px;
  padding: 10px;
  text-align:center;
  position: relative;
  background:#e6ded1;
  border-radius:30px;
  width:84%;
}
.case-nav-type-box a {
  position: absolute;
  top: 0;
  left: 0;
  height:100%;
  width: 100%;
}
.case-nav-type-box p {
  margin: 0 auto;
  padding:0 0 0 0;
  font-size:17px;
  text-align:center;
  color:#40310d;
}

.case-nav-type-box img {
  margin: 10px auto;
  text-align:center;
  width:80%;
}



.case-nav-block {
  margin: 80px auto;
  padding: 0px 0 0 0;
  text-align:center;
}
.case-nav-block:after {
  content: '';
  display: block;
  clear: both;
}
.case-nav-box {
  margin: 60px 20px;
  padding: 0px 0 0 0;
  text-align:center;
  width:40%;
  display:inline-block;
}
.case-nav-box img {
  width:300px;
}
.case-nav-box:hover img{
  opacity: 0.7;
  transition-duration: 0.5s;
}

.case-block {
  margin: 80px auto;
  padding: 0px 0 0 0;
  text-align:center;
}
.case-block:after {
  content: '';
  display: block;
  clear: both;
}
.case-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: 500px;
  height:80px;
}



.case-individual {
 margin: 80px auto;
 padding: 0;
 text-align:center;
 width:100%;
 max-width:1200px;
 font-size:17px;
}
.case-individual:after {
  content: '';
  display: block;
  clear: both;
}
.case-individual dl {
 padding: 10px 0;
 vertical-align:top;
 display: flex;
 flex-wrap: wrap;
 border-bottom: 1px solid #ccc;
}
.case-individual dt {
 text-align:left;
 font-weight:bold;
 padding:8px 0 8px 0;
 width:30%;
 border-bottom:none;
}
.case-individual dd {
 text-align:left;
 width:70%;
 padding:8px 0 8px 0;
 border-bottom:none;
}
.case-individual-image-wrap {
  margin: 80px auto;
  padding: 0px 0 0 0;
  text-align:center;
 display: flex;
 flex-wrap: wrap;
}
.case-individual-image-wrap:after {
  content: '';
  display: block;
  clear: both;
}
.case-individual-image {
  margin: 10px auto;
  padding:0;
  text-align:center;
  width:30%;
}
.case-individual-image-cap {
  margin: 30px auto 0;
  padding:0;
  text-align:center;
  color:#0c959a;
}
.case-individual h2 {
  margin: 0;
  padding:0;
  font-size:18px;
  text-align:left;
  color:#40310d;
}
.case-individual p {
  margin: 20px 0 0 0;
  padding:0;
  font-size:17px;
  text-align:left;
}

.case-category-individual-wrap {
  margin: 120px auto;
  padding: 0px 0 0 0;
  text-align:center;
  width:90%;
}
.case-category-individual-wrap:after {
  content: '';
  display: block;
  clear: both;
}
.case-category-individual-wrap h3 {
  margin: 0 auto;
  padding:0;
  font-size:18px;
  text-align:center;
  color:#40310d;
}
.case-left {
  margin: 0;
  text-align:left;
  float:left;
  width:60%;
}
.case-right {
  margin: 0;
  text-align:left;
  float:right;
  width:40%;
}


.case-detail {
 margin: 30px auto;
 padding: 0;
 text-align:center;
 width:94%;
 max-width:1200px;
}
.case-detail dl {
 padding: 10px 0;
 border-bottom: 1px solid #ccc;
 vertical-align:top;
}
.case-detail dt {
 text-align:left;
 font-weight:bold;
}
.case-detail dd {
 text-align:left;
}

.case-table {
  border-collapse: collapse;
  margin:0px;
  text-align:left;
  width:100%;
}
.case-table td {
  padding: 5px;
  text-align:right;
  width: 65%;
  border:1px solid #ccc;
}
.case-table th {
  padding: 5px;
  text-align: left;
  width: 35%;
  font-weight:normal;
  border:1px solid #ccc;
}

.case-chosei {
  margin: 10px 0 0 0;
  padding:0;
  text-align:left;
  color:#d51027;
  display:block;
}

.case-detail-image {
  margin: 10px auto;
  padding:0;
  text-align:center;
  width:90%;
}
.case-detail-image-cap {
  margin: 30px auto 0;
  padding:0;
  text-align:center;
  color:#0c959a;
}

.case-risk-nav li {
border-radius: 30px;
background-color: #e5d7b5; 
text-align:center;
width:300px;
 margin:10px auto;
}
.case-risk-nav a {
border-radius: 30px;
 margin:0;
 padding: 5px 5px;
 display: block;
 text-decoration: none;
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
 color:#40310d;
 font-size:15px;
 -webkit-transition-duration: 0.3s;
 transition-duration: 0.3s;
}
.case-risk-nav a:hover {
border-radius: 30px;
 margin:0;
 padding: 5px 5px;
 display: block;
 text-decoration: none;
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
 color:#ffffff;
font-size:15px;
background-color:#c1a769;
}

.case-back-nav li {
border-radius: 30px;
background-color: #e5d7b5; 
text-align:center;
width:300px;
 margin:100px 20px;
 display:inline-block;
}
.case-back-nav a {
border-radius: 30px;
 margin:0;
 padding: 8px 5px;
 display: block;
 text-decoration: none;
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
 color:#40310d;
 font-size:16px;
 -webkit-transition-duration: 0.3s;
 transition-duration: 0.3s;
}
.case-back-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;
}



}
/* PCメイン　end */