/* -------------------------------------------------------------------
MV
------------------------------------------------------------------- */

#mv {
    position: relative;
    display: -ms-flexbox!important;
    display: -webkit-flex!important;
    display: flex!important;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.copy h2.fade{
    opacity: 1;
    transition: 2.4s;
    transition-delay: 1.2s;
}
.copy .txt.fade{
    opacity: 1;
    transition: 1.2s;
    transition-delay: 2.5s;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
}
.sp-slide {
    -webkit-transform: scale(1) rotate(0.1deg);
    -moz-transform: scale(1) rotate(0.1deg);
    -ms-transform: scale(1) rotate(0.1deg);
    -o-transform: scale(1) rotate(0.1deg);
    transform: scale(1) rotate(0.1deg);
    transform-origin: center;
    -webkit-transition: -webkit-transform 60000ms linear!important;
    -moz-transition: -moz-transform 60000ms linear!important;
    -o-transition: -o-transform 60000ms linear!important;
    transition: transform 60000ms linear!important;
}
.sp-selected {
    opacity: 1;
    -webkit-transform: scale(1.44) rotate(0.1deg)!important;
    -moz-transform: scale(1.44) rotate(0.1deg)!important;
    -ms-transform: scale(1.44) rotate(0.1deg)!important;
    -o-transform: scale(1.44) rotate(0.1deg)!important;
    transform: scale(1.44) rotate(0.1deg)!important;
    -webkit-transition: -webkit-transform 60000ms linear!important;
    -moz-transition: -moz-transform 60000ms linear!important;
    -o-transition: -o-transform 60000ms linear!important;
    transition: transform 60000ms linear!important;
}
.sp-button.sp-selected-button{
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -ms-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
}
.sp-slide .bg {
    opacity: 0;
    transition:opacity 1.4s
}
.sp-selected .bg {
    opacity: 1;
}
.sp-buttons{
    opacity: 0;
    animation: fadeIn 1s cubic-bezier(0.190, 1.000, 0.220, 1.000) 0s 1 forwards;
    -webkit-animation: fadeIn 1s cubic-bezier(0.190, 1.000, 0.220, 1.000) 0s 1 forwards;
}
.sp-button{
    transition: all 0.6s;
}


/*1440PX*/
@media screen and (min-width:1440px) {
    .slide02 h2 {
        top:219px!important;
        left:341px!important;
    }
    .slide03 h2 {
        top: 144px!important;
        right:80px!important;
    }
    .slide01 .bg{
        background: url(../img/pc/top/mv01.png?20180327) no-repeat center center;
        background-size: cover;
    }
    .slide02 .bg {
        background: url(../img/pc/top/mv02.png?20180327) no-repeat center center;
        background-size: cover;
    }
    .slide03 .bg {
        background: url(../img/pc/top/mv03.png?20180327) no-repeat center center;
        background-size: cover;
    }
    .slide04 .bg {
        background: url(../img/pc/top/mv04.png?20180327) no-repeat center center;
        background-size: cover;
    }
}

@media screen and (min-width:751px) and (max-width:1440px) {
    .slide02 h2 {
        top:219px!important;
        left:23.680555555555554%!important;
    }
    .slide03 h2 {
        top: 144px!important;
        right:5.694444444444445%!important;
    }
    .slide01 .bg{
        background: url(../img/pc/top/mv01.png?20180327) no-repeat center center;
        background-size: cover;
    }
    .slide02 .bg {
        background: url(../img/pc/top/mv02.png?20180327) no-repeat center center;
        background-size: cover;
    }
    .slide03 .bg {
        background: url(../img/pc/top/mv03.png?20180327) no-repeat center center;
        background-size: cover;
    }
    .slide04 .bg {
        background: url(../img/pc/top/mv04.png?20180327) no-repeat center center;
        background-size: cover;
    }
}

/*752PX*/
@media screen and (min-width:751px) {
    #mv {
        width: 100%;
        //height: 784px;
        margin: 0 auto 32px;
    }
    .slider-pro {
      width: 100%;
      height: 100%;
    }
    #carousel-main-banner{
      position: relative;
      //visibility:hidden;
    }
    .sp-slides {
        transform: none!important;
    }
    #carousel-main-banner:not(.ie) .sp-slide,
    #carousel-main-banner:not(.ie) .sp-mask {
      width: 100%!important;
      margin: 0 auto;
    }
    .sp-slide,
    .sp-mask {
      width: 100%!important;
      margin: 0 auto;
      left: 0!important;
    }
    #carousel-main-banner.ie .sp-mask,
    #carousel-main-banner.ie .sp-mask {
      width: auto;
      margin: 0 auto;
    }
    .copy {
        width: 100%;
        //height: 784px;
        margin: auto;
        position: absolute;
        top: 0;
        display: block;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 100;
    }
    .copy h2 {
        //width: 35.76388888888889%;
        //height: 28.316326530612244%;
        width: 538px;
        height: 142px;
        margin: auto;
        display: block;
        position: absolute;
        z-index: 3;
        opacity: 0;
    }
    .copy h2 span.logo{
        width: 150px;
        height: 142px;
        display: block;
        background: url(../img/pc/top/h2_logo.png?20180327) no-repeat 0 0;
        background-size: contain;
        text-indent: -9999px;
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 0;
    }
    .copy h2 span.txt1{
        width: 301px;
        height: 56px;
        display: block;
        background: url(../img/pc/top/h2_txt01.png?20180327) no-repeat 0 0;
        background-size: contain;
        text-indent: -9999px;
        overflow: hidden;
        position: absolute;
        top: 16px;
        left: 153px;
    }
    .copy h2 span.txt2{
        width: 385px;
        height: 56px;
        display: block;
        background: url(../img/pc/top/h2_txt02.png?20180327) no-repeat 0 0;
        background-size: contain;
        text-indent: -9999px;
        overflow: hidden;
        position: absolute;
        top: 72px;
        left: 153px;
    }
    .copy .txt {
        //width: 10%;
        //height: 18.367346938775512%;
        width: 144px;
        height: 144px;
        margin: auto;
        position: absolute;
        display: block;
        background: url(../img/pc/top/txt_mv.png?20180327) no-repeat 0 0;
        background-size: contain;
        font-size: 0;
        overflow: hidden;
        text-indent: -9999px;
        z-index: 2;
        opacity: 0;
        transform: translateY(32px);
        -webkit-transform: translateY(32px);
    }
    .copy h2 {
        top:0!important;
        left:0!important;
        right: 0!important;
        bottom: 0!important;
    }
    .copy .txt {
        left: auto!important;
        top: auto!important;
        right: 5.694444444444445%!important;
        bottom: 6.63265306122449%!important;
        //right: 82px!important;
        //bottom:52px!important;
    }
    .sp-mask {
        height: -webkit-calc(100vh - 8px)!important;
        height: calc(100vh - 8px)!important;
        overflow: hidden;
        //padding: 54.44444444444444% 0 0!important;
    }
    .sp-slides {
        width: 100%;
        position: absolute!important;
        top: 0;
        margin-top: 0;
    }
    .sp-slide .bg {
        width: 100%;
        //height: 784px;
        height: -webkit-calc(100vh - 8px)!important;
        height: calc(100vh - 8px)!important;
        //padding: 54.44444444444444% 0 0!important;
    }   
    .sp-buttons-wrap{
        width: 100%;
        height: 16px;
        margin:auto;
        position: absolute;
        left:0;
        right: 0;
        bottom: -8px;
        //background-color: #50545b;
        z-index: 1100;
    }
    .sp-buttons-wrap:after {
        content: "";
        width: 100%;
        height: 8px;
        background: #50545b;
        display: block;
        position: absolute;
        bottom: 0;
        z-index: -1;
    }
    .sp-buttons{
        width: 59.30555555555556%;
        height: 16px;
        margin:auto;
        left:0;
        right: 0;
        position: relative
    }
    .sp-buttons:after {
        content: "";
        width: 100%;
        height: 8px;
        background: #FFF;
        display: block;
        position: absolute;
        bottom: 0;
        z-index: -1;
    }
    .sp-button{
        width: 25%!important;
        height:16px;
        //background-color: #bcbdc0!important;
        border-radius: 0!important;
        display: inline-block;
        opacity: 1!important;
        float: left;
        //border-right:1px solid #FFF;
        box-sizing: border-box;
        position: relative;
        cursor: pointer;
    }
    .sp-button:after {
        content: "";
        width: calc(100% - 1px);
        height: 8px;
        display: block;
        position: absolute;
        bottom: 0;
        left:0;
        background-color: #bcbdc0!important;
        //border-right: 1px solid #FFF;
    }
    .sp-button.sp-selected-button:after{
        content: "";
        width: 100%;
        height: 8px;
        display: block;
        position: absolute;
        bottom: 0;
        left:0;
        background-color: #FFF!important;
        //border-right: 1px solid #FFF;
    }
    .sp-button:hover:after {
        content: "";
        width: calc(100% - 1px);
        height: 8px;
        display: block;
        position: absolute;
        bottom: 0;
        left:0;
        background-color: #e0e0e0!important;
        //border-right: 1px solid #FFF;
    }
}/* --------------------------------------------- PC end */


/*751PX*/
@media screen and (max-width:750px) {
    #mv {
        width: 100%;
        /*padding-top: 100vh;*/
        /*313px*/
        margin: 64px auto 0;
        background: #FFF;
        position: relative;
        overflow: hidden;
    }
    #mv .img {
        width: auto;
        height: 100%;
        margin: auto;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        text-align: center;
        z-index: 1;
    }
    .sp-slide,
    .sp-mask {
       width: 100%!important;
      /* height: calc(100vh - 64px)!important; */
    }
    .copy {
        width: 100%;
        /* height: calc(100vh - 64px)!important; */
        margin: auto;
        position: absolute;
        top: 0;
        display: block;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 100;
    }
    .copy h2 {
        width: 72.20744680851064%;
        padding-top: 51.06382978723404%;
        height: 0!important;
        margin: auto;
        position: absolute;
        display: block;
        z-index: 3;
        opacity: 0;
    }
    .copy h2 span.logo{
        width: 31.30755064456722%;
        padding-top: 31.30755064456722%;
        margin: auto;
        display: block;
        background: url(../img/pc/top/h2_logo.png?20180327) no-repeat 0 0;
        background-size: contain;
        text-indent: -9999px;
        overflow: hidden;
        position: absolute;
        top:0;
        left: 0;
        right: 0;
    }
    .copy h2 span.txt1{
        width: 78.26887661141805%;
        padding-top: 14.3646408839779%;
        margin: auto;
        display: block;
        background: url(../img/pc/top/h2_txt01.png?20180327) no-repeat 0 0;
        background-size: contain;
        text-indent: -9999px;
        overflow: hidden;
        position: absolute;
        top: 57.291666666666664%;
        left: 10.681399631675875%;
    }
    .copy h2 span.txt2{
        width: 100%;
        padding-top: 14.3646408839779%;
        margin: auto;
        display: block;
        background: url(../img/pc/top/h2_txt02.png?20180327) no-repeat 0 0;
        background-size: contain;
        text-indent: -9999px;
        overflow: hidden;
        position: absolute;
        top: 79.6875%;
        left: 0;
    }
    .copy .txt {
        width: 108px;
        height: 108px;
        margin: auto;
        position: absolute;
        display: block;
        background: url(../img/sp/top/txt_mv.png?20180327) no-repeat 0 0;
        background-size: contain;
        font-size: 0;
        overflow: hidden;
        text-indent: -9999px;
        z-index: 2;
        opacity: 0;
        transform: translateY(32px);
        -webkit-transform: translateY(32px);
    }
    .sp-slide .bg {
        width: 100%;
        height: calc(100vh - 64px);
        /*height: calc(100vh - 64px);*/
    }
    .slide01 .bg{
        background: url(../img/sp/top/mv01.png?20180327) no-repeat center center;
        background-size: cover;
    }
    .slide02 .bg{
        background: url(../img/sp/top/mv02.png?20180327) no-repeat center center;
        background-size: cover;
    }
    .slide03 .bg{
        background: url(../img/sp/top/mv03.png?20180327) no-repeat center center;
        background-size: cover;
    }
    .slide04 .bg{
        background: url(../img/sp/top/mv04.png?20180327) no-repeat center center;
        background-size: cover;
    }
    .copy h2 {
        top:0!important;
        left:0!important;
        right: 0!important;
        bottom: 0!important;
    }
    .copy .txt {
        top:auto!important;
        left: 4.25531914893617%!important;
        bottom:32px!important;/*44px!important*/
    }
    .sp-buttons-wrap{
        width: 100%;
        height: 8px;
        margin:auto;
        position: absolute;
        left:0;
        right: 0;
        bottom: 0;
        //background-color: #50545b;
        z-index: 1100;
    }
    .sp-buttons-wrap:after {
        content: "";
        width: 100%;
        height: 4px;
        background: #50545b;
        display: block;
        position: absolute;
        bottom: 0;
        z-index: -1;
    }
    .sp-buttons{
        width: 77.52659574468085%;
        height: 8px;
        margin:auto;
        left:0;
        right: 0;
        position: relative
    }
    .sp-buttons:after {
        content: "";
        width: 100%;
        height: 4px;
        background: #FFF;
        display: block;
        position: absolute;
        bottom: 0;
        z-index: -1;
    }
    .sp-button{
        width: calc(25% - 1px)!important;
        height: 8px;
        //background-color: #bcbdc0!important;
        border-radius: 0!important;
        display: inline-block;
        opacity: 1!important;
        float: left;
        //border-right:1px solid transparent;
        position: relative;
        box-sizing: border-box;
        cursor: pointer;
    }
    .sp-button:after {
        content: "";
        width: calc(100% - 1px);
        height: 4px;
        display: block;
        position: absolute;
        bottom: 0;
        left:0;
        background-color: #bcbdc0!important;
        //border-right: 1px solid #FFF;
    }
    .sp-button.sp-selected-button:after{
        content: "";
        width: 100%;
        height: 4px;
        display: block;
        position: absolute;
        bottom: 0;
        left:0;
        background-color: #FFF!important;
        //border-right: 1px solid #FFF;
    }
    .sp-button:hover:after {
        content: "";
        width: calc(100% - 1px);
        height: 4px;
        display: block;
        position: absolute;
        bottom: 0;
        left:0;
        background-color: #e0e0e0!important;
        //border-right: 1px solid #FFF;
    }
}


/* --------------------------------------------- SP end */



@media screen and (max-height:667px) and (min-width:426px) and (max-width:750px){
.copy h2 {
    width: 43.484042553191486%;
    padding-top: 30.71808510638298%;
}
}
/* --------------------------------------------- SP end */

@media screen and (max-height:450px) and (max-width:750px){
.copy h2 {
    width: 43.484042553191486%;
    padding-top: 30.71808510638298%;
}
}
/* --------------------------------------------- SP end */

//@media screen and (max-height:667px) and (min-width: 321px) {
//.copy .txt {
//    max-width: 108px;
//    width: 29.589041095890412%;
//    padding-top: 29.589041095890412%;
//    height: 0;
//    background-position: left bottom;
//}
//}
///* --------------------------------------------- SP end */

//@media screen and (max-height:568px) and (max-width: 320px) {
.copy .txt {
//    width: 29.589041095890412%;
//    padding-top: 29.589041095890412%;
//    height: 0;
//    background-position: left bottom;
//}
//}
///* --------------------------------------------- SP end */


@media screen and (max-height:520px) and (min-width: 321px) and (max-width: 375px) {
.copy .txt {
//    width: 29.589041095890412%;
//    padding-top: 29.589041095890412%;
//    height: 0;
//    background-position: left bottom;
//}
.copy h2 span {
    margin: -16px auto 0!important;
}
}
/* --------------------------------------------- SP end */


@media screen and (max-height:568px) and (max-width: 320px) {
.copy .txt {
//    width: 29.589041095890412%;
//    padding-top: 29.589041095890412%;
//    height: 0;
//    background-position: left bottom;
//}
.copy h2 span {
    margin: -16px auto 0!important;
}
}
/* --------------------------------------------- SP end */



/* -------------------------------------------------------------------
information-container
------------------------------------------------------------------- */

.information-container {
    width: 100%;
    margin:auto;
}

.information-container ul li dl dd .ttl{
    white-space: normal;
}

/*752PX*/
@media screen and (min-width:751px) {
.information-container {
    max-width: 1280px;
}
.information-container .title{
    width: 247px;
    height: 27px;
}
.information-container .title h2{
    width: 247px;
    height: 27px;
    overflow: hidden;
    text-indent: 100%;
    background: url(../img/pc/top/information.svg) no-repeat center center;
    background-size: 247px 27px;
    box-sizing: content-box;
}
.information-container ul{
    width: 100%;
    margin:auto;
    padding: 0;
    white-space: nowrap;
    overflow: hidden;
}
.information-container ul li{
    width: 33.333333%;
    padding:28px 48px;
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    vertical-align: top;
}
.information-container ul li:after{
    content:"";
    width: 1px;
    height: 100%;
    border-left:solid 1px #a8a9ad;
    position: absolute;
    top:0;
    right:0;
}
.information-container ul li:last-child:after{
    content:none;
}

.information-container ul li dl{
    padding:0 0 0 48px;
    position: relative;
}

.information-container ul li dl:after{
    content:"";
    width: 32px;
    height: 1px;
    background: #333;
    position: absolute;
    top:10px;
    left: 0;
}
.information-container ul li dl dt{
    color: #97989d;
    font-size: 14px;
    display: flex;
    justify-content: flex-start;
    flex-flow: row wrap;
}
.information-container ul li dl dt time {
    line-height: 1.8;
}
.information-container ul li dl dd .ttl{
    margin:24px 0;
    font-size: 1rem;
}
.information-container ul li dl dd{
    color: #51545b;
    font-size: 14px;
}
.information-container .flag{
    min-width: 124px;
    height: 24px;
    padding: 0 8px;
    text-align: center;
    box-sizing: border-box;
    background-color: #74767c;
}
.information-container .flag a{
    color: #FFF;
    font-size: 12px;
    line-height: 24px;
    text-align: center;
    text-decoration: none;
}
}/* --------------------------------------------- PC end */

/*1024PX*/
@media screen and (min-width:751px) and (max-width:1024px){
.information-container .flag{
    margin-top:8px;
    display: block;
}

}/* --------------------------------------------- SP end */

/*1024PX*/
@media screen and (min-width:1025px){
.information-container .flag{
    margin-left:16px;
    display: inline-block;
}

}/* --------------------------------------------- SP end */



@media screen and (max-width:750px) {
.information-container {
    width: 100%;
    padding: 0 4.25531914893617%;
}
.information-container .title{
    width: 157px;
    height: 18px;
}
.information-container .title h2{
    width: 157px;
    height: 18px;
    overflow: hidden;
    text-indent: 100%;
    background: url(../img/pc/top/information.svg) no-repeat center center;
    background-size: contain;
}
.information-container ul{
    width: 100%;
    margin:auto;
    padding: 0 ;
    overflow: hidden;
}
.information-container ul li{
    width: 100%;
    padding:32px 0;
    display: block;
    position: relative;
    box-sizing: border-box;
    border-bottom:solid 1px #a8a9ad;
}
.information-container ul li:first-child{
    padding:0 0 32px;
}
.information-container ul li dl{
    padding:0 0 0 24px;
    position: relative;
}
.information-container ul li dl:after{
    content:"";
    width: 16px;
    height: 1px;
    background: #333;
    position: absolute;
    top:10px;
    left: 0;
}
.information-container ul li dl dt{
    color: #97989d;
    font-size: 12px;
    display: flex;
    justify-content: flex-start;
    flex-flow: row wrap;
}
.information-container ul li dl dt time {
    line-height: 1.8;
}
.information-container ul li dl dd .ttl{
    margin:24px 0;
    font-size: 1rem;
}
.information-container ul li dl dd{
    color: #51545b;
    font-size: 12px;
}
.information-container .flag{
    min-width: 110px;
    height: 22px;
    padding:0 8px;
    margin-left:8px;
    text-align: center;
    background-color: #74767c;
    display: inline-block;
}
.information-container .flag a{
    color: #FFF;
    font-size: 10px;
    line-height: 22px;
    text-align: center;
    text-decoration: none;
}

}/* --------------------------------------------- SP end */



/* -------------------------------------------------------------------
care-type-container
------------------------------------------------------------------- */

.care-type-container {
    width: 100%;
    margin:auto;
}
.care-type-container .container-inner li{
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.care-type-container.pure-g {
    white-space: normal;
}
.care-type-container .container-inner li{
  position: relative;
}
.care-type-container a{
  width: 100%;
  height: 100%;
  position: absolute;
  top:0;
  left:0;
  display: block;
  z-index: 10;
  text-transform: uppercase;
  overflow: hidden;
  -webkit-transition: .3s;
  transition: .3s;
}
.care-type-container a,
.care-type-container a:hover{
    text-decoration: none;
}
.care-type-container .container-inner li a:after {
  content: '';
  position: absolute;
  -webkit-transition: .3s;
  transition: .3s;
  width: 0;
  left: 50%;
  bottom: 0;
  height: 3px;
  background: #f7f7f7;
  z-index: 100;
}
.care-type-container .container-inner li a:hover:after{
  width: 100%;
  left: 0;
}
.care-type-container .container-inner li a:hover {
  -webkit-box-shadow: inset 0px 0px 0px 6px #CCC;
          box-shadow: inset 0px 0px 0px 6px #CCC;
}
.care-type-container .container-inner li a:hover:after {
  width: 0%;
}

@-moz-document url-prefix() {
.care-type-container .container-inner li a {
  -webkit-box-shadow: inset 0px 0px 0px 6px rgba(255,255,255,0);
          box-shadow: inset 0px 0px 0px 6px rgba(255,255,255,0);
}
}

/*752PX*/
@media screen and (min-width:751px) {
.care-type-container .container-fluid .title{
    margin:0 auto 64px;
}
.care-type-container .container-inner ul{
    width: 100%;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: inherit;
    -ms-flex-pack: inherit;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-flow:row;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}
.care-type-container .container-inner li{
    display: block;   
}
.care-type-container .img {
    width: 100%;
    height: auto;
    margin: 0 auto;
    /*position: absolute;
    top: 0;
    bottom:0;
    left: 0;
    right: 0;*/
    z-index: 1;
}
.care-type-container .stupidIE{
    width: 100%;
    height: 100%;
    position: relative;
    display: -ms-grid;
    //-ms-grid-columns: min-content;
}
.care-type-container .txt {
    width: -moz-min-content; 
    width: -webkit-min-content;
    width: min-content;
    height: 80.83333333333333%;
    margin: 0 auto;
    top: 11.875%;/*57px*/
    left: 11.875%;
    position: absolute;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    flex-flow: wrap row;
    z-index: 2;
    //border: solid 1px;
}
/*.care-type-container .txt span.inline{
    height: 100%;
    margin: 0 auto;
    display:block;
}
.care-type-container .txt span.nom{
    width: 100%;
    height: 12.708333333333332%;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.care-type-container .txt span.nom img{
    max-width: 51px;
    width: auto;
    height: 100%;
    margin: 0 auto;
    text-align: center;
    display: block;
}*/
.care-type-container .txt span.inline {
    min-width: 1.5em;
    height: 90%;
    margin: 0 auto;
    position: relative;
    top: 4.037267080745342%;
    left: 0;
    right: 0;
}
.care-type-container .care-typ-01  .txt span.inline,
.care-type-container .care-typ-06  .txt span.inline {
    min-width:2.6em;
}
.care-type-container .txt span.inline .inner {
    //width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline;
    transform: translateY(-50%) translateX(-50%);
    writing-mode: tb-rl -o-writing-mode: vertical-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
}
.care-type-container .txt span.nom {
    width: 100%;
    height: 15.721649484536082%;/*61px*/
    //padding-bottom: 37.704918032786885%;
    //position: absolute;
    //top: 0;
    //left: 0;
    //right: 0;
    text-align: center;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    //border: solid 1px;
}
.care-type-container .txt span.nom img {
    max-width: 51px;
    width: auto;
    height: 100%;
    margin: 0 auto;
    text-align: center;
    display: block;
}
img.ofi{
    object-fit: scale-down;
    font-family: 'object-fit: contain; object-position: 50% 0;'
}
.care-type-container .care-typ-01 .txt,
.care-type-container .care-typ-06 .txt{
    line-height: 1.4;
}

}/* --------------------------------------------- PC end */


@media all and (min-width:751px) and (-ms-high-contrast:none){
  *::-ms-backdrop, .care-type-container .txt span.nom img {
    height: 104%;
}
  *::-ms-backdrop, .care-type-container .txt span.inline .inner {
    //width: 100%; 
    height: 100%;
    display: block;
    margin-left:-4px;
    //position: static;
    //transform: none;
    writing-mode: tb-rl;
    -o-writing-mode: vertical-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
}
  *::-ms-backdrop, .care-type-container .care-typ-01  .txt span.inline,
  *::-ms-backdrop, .care-type-container .care-typ-06  .txt span.inline {
    margin-left:auto!important;
}
  *::-ms-backdrop, .care-type-container .txt {
    max-width: 51px;
    //padding-left: 11.875%;
    //left: 0%;
}
}/* --------------------------------------------- IE11 end */



@media screen and (min-width:751px) and (max-width:1024px){
.care-type-container .txt {
    font-size: 16px;
}
.care-type-container .txt span.inline {
    min-width:1.3em;
}
.care-type-container .care-typ-01  .txt span.inline {
    min-width:2.6em;
}
.care-type-container .care-typ-06  .txt span.inline {
    min-width:2.6em;
}
}/* --------------------------------------------- SP end */


@media screen and (min-width:1024px) and (max-width:1240px){
.care-type-container .txt {
    font-size: 20px;
}
.care-type-container .care-typ-01 .txt,
.care-type-container .care-typ-06 .txt {
    //line-height: 1.8;
}
}/* --------------------------------------------- SP end */


@media all and (min-width:1024px) and (max-width:1240px) and (-ms-high-contrast:none){
  *::-ms-backdrop, .care-type-container .txt {
    width:1.4em;
}
}/* --------------------------------------------- IE11 end */



@media screen and (min-width:1241px){
.care-type-container .txt {
    font-size: 22px;
}
}/* --------------------------------------------- SP end */

@media screen and (min-width:1440px){
/*.care-type-container .txt {
    padding-top:84px;
    top: 57px;
    left: 57px;
    font-size: 22px;
}*/
.care-type-container .txt span img{
    width: 51px;
    height: auto;
}
}/* --------------------------------------------- PC end */


@media screen and (max-width:750px) {
.care-type-container .container-inner ul{
    width: 100%;  
}
.care-type-container .container-inner li{
    width: 100%; 
    margin-top: 1px;
    padding-top: 40.42553191489361%;
    background-color: #f0f0f0;   
}
.care-type-container .img {
    width: 100%;
    height: auto;
    margin: 0 auto;
    position: absolute;
    top: 0;
    bottom:0;
    left: 0;
    right: 0;
    z-index: 1;
}
.care-type-container .txt {
    margin: 0 auto;
    /*padding-top: 64px;*/
    top: 24px;
    left: 4.25531914893617%;
    position: absolute;
    z-index: 2;
}
.care-type-container .txt span.inline{
    height: 100%;
    margin: 0 auto;
    padding-top: 24px;
    display:block;
}
.care-type-container .txt span.nom{
    width: 100%;
    display:block;
}
.care-type-container .txt span img{
    width: auto;
    height: 38px;
    margin: 0;
}
.care-type-container .care-typ-01 .txt,
.care-type-container .care-typ-06 .txt{
    line-height: 1.4;
}
}/* --------------------------------------------- SP end */




/* -------------------------------------------------------------------
recommendeMenu
------------------------------------------------------------------- */

#recommendeMenu {
    position: relative;
    z-index: 2;
}

#recommendeMenu .container .pure-u-sm-1-2 .pure-u-sm-1-2:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    left: 0;
    border-top: 7px solid #b3b3b3;
    border-right: 7px solid transparent;
}

#recommendeMenu .container .pure-g .pure-u-sm-1-2 a:hover {
    opacity: .75;
}


/*752PX*/

@media screen and (min-width:751px) {
    #recommendeMenu {
        width: 100%;
        max-width: 1248px;
        margin: auto;
        padding: 64px 0 0;
    }
    #recommendeMenu:after {
        content: "";
        display: block;
        clear: both;
    }
    #recommendeMenu h3 {
        width: 209px;
        height: 21px;
        margin: 0;
        padding-left: 48px;
        overflow: hidden;
        text-indent: 100%;
        white-space: nowrap;
        position: relative;
        background: url(../img/sp/top/recommende_h3.svg) no-repeat 48px center;
        background-size: 209px;
        box-sizing: content-box;
    }
    #recommendeMenu h3:before {
        content: "";
        width: 32px;
        height: 1px;
        margin: auto;
        display: block;
        background: #c1c1c1;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
    }
    #recommendeMenu .container {
        width: 100%;
        margin: auto;
        padding-top: 42px;
        display: block;
    }
    #recommendeMenu .container .pure-g {
        max-width: 1280px;
        width: 100%;
        text-align: center;
        margin: auto;
        display: block;
    }
    #recommendeMenu .container .pure-u-sm-1-2 {
        float: left;
    }
    #recommendeMenu .container .pure-u-sm-1-2 .pure-u-sm-1-2 {
        height: 469px;
        margin: 0 auto;
        border-right: solid 2px #FFF;
        background: #f3f3f3;
        position: relative;
        float: left;
    }
    #recommendeMenu .container .pure-u-sm-1-2:not(:first-child) .pure-u-sm-1-2:last-child {
        border-left: none;
    }
    #recommendeMenu .container .pure-u-sm-1-2:not(:first-child) .pure-u-sm-1-2 {
        height: 233px;
    }
    #recommendeMenu .container .pure-u-sm-1-2:nth-of-type(2) {
        border-bottom: solid 1px #FFF;
    }
    #recommendeMenu .container .pure-u-sm-1-2:nth-of-type(3) {
        border-top: solid 1px #FFF;
    }
    #recommendeMenu a {
        width: 100%;
        height: 100%;
        /*padding:28px 14px;*/
        padding: 32px 24px;
        color: #666;
        text-decoration: none;
        display: block;
        position: relative;
        z-index: 2;
    }
    #recommendeMenu a:hover {
        text-decoration: underline;
    }
    #recommendeMenu a .inner {
        margin: auto;
        display: block;
        overflow: hidden;
    }
    #recommendeMenu .container .pure-u-sm-1-2:first-child .pure-u-sm-1-2 .thmbs {
        width: 100%;
        margin: auto;
        text-align: center;
        display: block;
    }
    #recommendeMenu .container .pure-u-sm-1-2:not(:first-child) .pure-u-sm-1-2 .thmbs {
        display: inline-block;
        float: left;
    }
    #recommendeMenu .thmbs img {
        margin: auto;
        display: block;
    }
    #recommendeMenu .container .pure-u-sm-1-2 .pure-u-sm-1-2 .md {
        overflow: hidden;
        text-indent: 100%;
        white-space: nowrap;
    }
    #recommendeMenu .container .pure-u-sm-1-2:first-child .pure-u-sm-1-2 .md {
        width: 100%;
        height: 23px;
        margin: 94px auto;
        text-align: center;
        display: block;
    }
    #recommendeMenu .container .pure-u-sm-1-2:not(:first-child) .pure-u-sm-1-2 .md {
        height: 72px;
        text-align: center;
        display: inline-block;
        float: left;
    }
    #recommendeMenu a .inner.re_menu01 .md {
        background: url(../img/pc/top/re_menu01.png?20180327) no-repeat center center;
    }
    #recommendeMenu a .inner.re_menu02 .md {
        background: url(../img/pc/top/re_menu02.png?20180327) no-repeat center center;
    }
    #recommendeMenu p {
        line-height: 2;
    }
}


/* --------------------------------------------- PC end */


/*1280PX〜*/

@media screen and (min-width:1280px) {
    #recommendeMenu a .inner.re_menu01,
    #recommendeMenu a .inner.re_menu02 {
        width: 232px;
    }
    #recommendeMenu a .inner.re_menu03,
    #recommendeMenu a .inner.re_menu04,
    #recommendeMenu a .inner.re_menu05,
    #recommendeMenu a .inner.re_menu06 {
        /*width: 249px;*/
    }
    #recommendeMenu .container .pure-u-sm-1-2:not(:first-child) .pure-u-sm-1-2 .thmbs {
        width: 72px;
    }
    #recommendeMenu .container .pure-u-sm-1-2:not(:first-child) .pure-u-sm-1-2 .md {
        /*width: 161px;*/
        width: 180px;
    }
    #recommendeMenu .container .pure-u-sm-1-2:not(:first-child) .pure-u-sm-1-2 p {
        padding-top: 32px;
    }
    #recommendeMenu a .inner.re_menu03 .md {
        background: url(../img/pc/top/re_menu03.png?20180327) no-repeat 16px center;
    }
    #recommendeMenu a .inner.re_menu04 .md {
        background: url(../img/pc/top/re_menu04.png?20180327) no-repeat 16px center;
    }
    #recommendeMenu a .inner.re_menu05 .md {
        background: url(../img/pc/top/re_menu05.png?20180327) no-repeat 16px center;
    }
    #recommendeMenu a .inner.re_menu06 .md {
        background: url(../img/pc/top/re_menu06.png?20180327) no-repeat 16px center;
    }
}


/* --------------------------------------------- PC end */


/*1024px〜1280PX*/

@media screen and (min-width:1024px) and (max-width:1280px) {
    #recommendeMenu a .inner {
        width: 214px;
    }
    #recommendeMenu .container .pure-u-sm-1-2:first-child .pure-u-sm-1-2 .thmbs {
        width: 100%;
        height: 72px;
        position: relative;
    }
    #recommendeMenu .container .pure-u-sm-1-2:first-child .pure-u-sm-1-2 .thmbs img {
        position: absolute;
        top: 0;
        right: 0;
    }
    #recommendeMenu .container .pure-u-sm-1-2:not(:first-child) .pure-u-sm-1-2 .thmbs {
        width: 72px;
    }
    #recommendeMenu .container .pure-u-sm-1-2:not(:first-child) .pure-u-sm-1-2 .md {
        width: 142px;
    }
    #recommendeMenu .container .pure-u-sm-1-2:not(:first-child) .pure-u-sm-1-2 p {
        padding-top: 32px;
    }
    #recommendeMenu a .inner.re_menu03 .md,
    #recommendeMenu a .inner.re_menu04 .md,
    #recommendeMenu a .inner.re_menu05 .md,
    #recommendeMenu a .inner.re_menu06 .md {
        background-repeat: no-repeat;
        background-position: center center;
    }
    #recommendeMenu a .inner.re_menu03 .md {
        background-image: url(../img/pc/top/re_menu03_s.png?20180327);
    }
    #recommendeMenu a .inner.re_menu04 .md {
        background-image: url(../img/pc/top/re_menu04_s.png?20180327);
    }
    #recommendeMenu a .inner.re_menu05 .md {
        background-image: url(../img/pc/top/re_menu05_s.png?20180327);
    }
    #recommendeMenu a .inner.re_menu06 .md {
        background-image: url(../img/pc/top/re_menu06_s.png?20180327);
    }
}


/* --------------------------------------------- PC end */


/*752PX〜1280PX*/

@media screen and (min-width:751px) and (max-width:1280px) {
    #recommendeMenu {
        padding-left: 18px;
        padding-right: 18px;
    }
}


/* --------------------------------------------- PC end */


/*752PX〜1023PX*/

@media screen and (min-width:751px) and (max-width:1023px) {
    #recommendeMenu a .inner {
        width: auto;
    }
    #recommendeMenu .container .pure-u-sm-1-2:first-child .pure-u-sm-1-2 .thmbs {
        width: 100%;
        height: 72px;
        position: relative;
    }
    #recommendeMenu .container .pure-u-sm-1-2:first-child .pure-u-sm-1-2 .thmbs img {
        position: absolute;
        top: 0;
        right: 0;
    }
    #recommendeMenu .container .pure-u-sm-1-2:not(:first-child) .pure-u-sm-1-2 .thmbs img {
        max-width: 100%;
        height: auto;
        display: block;
    }
    #recommendeMenu .container .pure-u-sm-1-2:not(:first-child) .pure-u-sm-1-2 .thmbs {
        width: 33.64485981308411%;
    }
    #recommendeMenu .container .pure-u-sm-1-2:not(:first-child) .pure-u-sm-1-2 .md {
        width: 66.35514018691589%;
        height: 0;
        padding-top: 30.90128755364807%;
    }
    #recommendeMenu .container .pure-u-sm-1-2:not(:first-child) .pure-u-sm-1-2 p {
        padding-top: 13.793103448275861%;
        font-size: 13px;
    }
    #recommendeMenu a .inner .md {
        background-repeat: no-repeat;
        background-position: center center;
    }
    #recommendeMenu a .inner.re_menu01 .md {
        background-image: url(../img/pc/top/re_menu01_s.png?20180327);
        background-size: contain;
    }
    #recommendeMenu a .inner.re_menu02 .md {
        background-image: url(../img/pc/top/re_menu02_s.png?20180327);
        background-size: contain;
    }
    #recommendeMenu a .inner.re_menu03 .md {
        background-image: url(../img/pc/top/re_menu03_s.png?20180327);
        background-size: contain;
    }
    #recommendeMenu a .inner.re_menu04 .md {
        background-image: url(../img/pc/top/re_menu04_s.png?20180327);
        background-size: contain;
    }
    #recommendeMenu a .inner.re_menu05 .md {
        background-image: url(../img/pc/top/re_menu05_s.png?20180327);
        background-size: contain;
    }
    #recommendeMenu a .inner.re_menu06 .md {
        background-image: url(../img/pc/top/re_menu06_s.png?20180327);
        background-size: contain;
    }
}


/* --------------------------------------------- PC end */


/*751PX*/

@media screen and (max-width:750px) {
    #recommendeMenu {
        width: 100%;
        margin: auto;
        /*padding:8.51063829787234% 4.25531914893617% 0;*/
        padding: 49px 16px 0;
    }
    #recommendeMenu:after {
        content: "";
        display: block;
        clear: both;
    }
    #recommendeMenu h3 {
        width: 148px;
        margin: auto;
        padding: 0 48px;
        overflow: hidden;
        box-sizing: content-box;
        text-indent: 100%;
        white-space: nowrap;
        position: relative;
        background: url(../img/sp/top/recommende_h3.svg) no-repeat center center;
        background-size: 148px;
    }
    #recommendeMenu h3:before,
    #recommendeMenu h3:after {
        content: "";
        width: 32px;
        height: 1px;
        margin: auto;
        display: block;
        background: #c1c1c1;
    }
    #recommendeMenu h3:before {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
    }
    #recommendeMenu h3:after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
    }
    #recommendeMenu .container {
        width: 100%;
        margin: auto;
        /*padding-top:10.372340425531915%;*/
        padding-top: 39px;
        display: block;
    }
    #recommendeMenu .container .pure-g {
        width: 100%;
        text-align: center;
        margin: auto;
        display: block;
    }
    #recommendeMenu .container .pure-u-sm-1-2:first-child > .pure-u-sm-1-2 {
        width: 50%!important;
        float: left;
    }
    #recommendeMenu .container .pure-u-sm-1-2:first-child:after {
        content: "";
        display: block;
        clear: both;
    }
    #recommendeMenu .container .pure-u-sm-1-2 .pure-u-sm-1-2 {
        height: auto;
        margin: 0 auto;
        border-right: solid 1px #FFF;
        border-bottom: solid 1px #FFF;
        background: #f3f3f3;
        position: relative;
    }
    #recommendeMenu .container .pure-u-sm-1-2:not(:first-child) .pure-u-sm-1-2 {
        border-right: none;
    }
    #recommendeMenu a {
        width: 100%;
        height: 100%;
        color: #666;
        text-decoration: none;
        display: block;
        position: relative;
        z-index: 2;
    }
    #recommendeMenu .container .pure-u-sm-1-2:first-child > .pure-u-sm-1-2 a {
        padding: 11.078717201166182% 8.16326530612245%;
        /*38px 28px*/
    }
    #recommendeMenu .container .pure-u-sm-1-2:not(:first-child) > .pure-u-sm-1-2 a {
        padding: 5.523255813953488% 4.069767441860465%;
        /*38px 28px*/
    }
    #recommendeMenu a:hover {
        text-decoration: underline;
    }
    #recommendeMenu a .inner {
        margin: auto;
        display: block;
        overflow: hidden;
    }
    #recommendeMenu .container .pure-u-sm-1-2:first-child .pure-u-sm-1-2 .thmbs {
        width: 100%;
        margin: auto;
        text-align: center;
        display: block;
    }
    #recommendeMenu .container .pure-u-sm-1-2:not(:first-child) .pure-u-sm-1-2 .thmbs {
        width: 19.186046511627907%;
        display: inline-block;
        float: left;
    }
    #recommendeMenu .thmbs img {
        max-width: 100%;
        height: auto;
        display: block;
    }
    #recommendeMenu .container .pure-u-sm-1-2 .pure-u-sm-1-2 .md {
        overflow: hidden;
        text-indent: 100%;
        white-space: nowrap;
    }
    #recommendeMenu .container .pure-u-sm-1-2:first-child .pure-u-sm-1-2 .md {
        width: 100%;
        height: 0;
        margin: 13.994169096209912% auto;
        /*48px*/
        /*padding-top: 9.329446064139942%;32px*/
        padding-top: 16px;
        text-align: center;
        display: block;
    }
    #recommendeMenu .container .pure-u-sm-1-2:not(:first-child) .pure-u-sm-1-2 .md {
        width: 79.73856209150327%;
        height: 0;
        margin-top: 1.0245901639344261%;
        padding: 12px 0 0 0;
        /*4.918032786885246%*/
        text-align: center;
        display: inline-block;
        float: left;
        position: relative;
    }
    #recommendeMenu .container .re_menu06 .md {
        padding: 31px 0 0 0!important;
    }
    #recommendeMenu .container .pure-u-sm-1-2:not(:first-child) .pure-u-sm-1-2 p {
        width: 79.73856209150327%;
        padding: 4.57516339869281% 0 0 6.557377049180328%;
        font-size: 12px;
        text-align: left;
        float: left;
    }
    #recommendeMenu .container .pure-u-sm-1-2:first-child a .inner .md {
        background-position: center center;
        background-repeat: no-repeat;
    }
    #recommendeMenu .container .pure-u-sm-1-2:not(:first-child) a .inner .md:after {
        content: "";
        width: 100%;
        /*93%*/
        max-width: 450px;
        height: 100%;
        position: absolute;
        top: 0;
        left: 6.557377049180328%;
        display: block;
        background-repeat: no-repeat;
        background-position: left center;
    }
    #recommendeMenu a .inner.re_menu01 .md {
        background-image: url(../img/sp/top/re_menu01.png?20180327);
        background-size: 95px;
    }
    #recommendeMenu a .inner.re_menu02 .md {
        background-image: url(../img/sp/top/re_menu02.png?20180327);
        background-size: 90px;
    }
    #recommendeMenu a .inner.re_menu03 .md:after {
        background-image: url(../img/sp/top/re_menu03.png?20180327);
        background-size: 224px 12px;
    }
    #recommendeMenu a .inner.re_menu04 .md:after {
        background-image: url(../img/sp/top/re_menu04.png?20180327);
        background-size: 224px 12px;
    }
    #recommendeMenu a .inner.re_menu05 .md:after {
        background-image: url(../img/sp/top/re_menu05.png?20180327);
        background-size: 224px 12px;
    }
    #recommendeMenu a .inner.re_menu06 .md:after {
        background-image: url(../img/sp/top/re_menu06.png?20180327);
        background-size: 204px 31px;
    }
    #recommendeMenu p {
        font-size: 12px;
        line-height: 2;
    }
}


/* --------------------------------------------- SP end */


/* -------------------------------------------------------------------
medicalTreatement
------------------------------------------------------------------- */

#medicalTreatement {
    position: relative;
    z-index: 2;
    background: #92ac56;
}

#medicalTreatement .container .mtMenu_cp .btnWrap {
    background: #92ac56;
    background: -moz-linear-gradient(51deg, #92ac56 40%, #6e8f21 60%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(51deg, #92ac56 40%, #6e8f21 60%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(51deg, #92ac56 40%, #6e8f21 60%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#92ac56', endColorstr='#6e8f21', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

#medicalTreatement .container .mtMenu_cd .btnWrap {
    background: #da9625;
    background: -moz-linear-gradient(51deg, #da9625 40%, #e97401 60%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(51deg, #da9625 40%, #e97401 60%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(51deg, #da9625 40%, #e97401 60%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#da9625', endColorstr='#e97401', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

#medicalTreatement .container .btnWrap:hover {
    opacity: .75;
}


/*752PX*/

@media screen and (min-width:751px) {
    #medicalTreatement {
        width: 100%;
        margin: 64px auto;
        padding: 52px 0;
    }
    #medicalTreatement .wrapper {
        width: 100%;
        max-width: 1248px;
        margin: auto;
    }
    #medicalTreatement .wrapper:after {
        content: "";
        display: block;
        clear: both;
    }
    #medicalTreatement h3 {
        width: 157px;
        height: 23px;
        margin: 0;
        padding-left: 48px;
        overflow: hidden;
        text-indent: 100%;
        white-space: nowrap;
        position: relative;
        background: url(../img/sp/top/medical_h3.svg) no-repeat 48px center;
        background-size: 157px;
        box-sizing: content-box;
    }
    #medicalTreatement h3:before {
        content: "";
        width: 32px;
        height: 1px;
        margin: auto;
        display: block;
        background: #FFF;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
    }
    #medicalTreatement .container {
        width: 100%;
        text-align: center;
        margin: auto;
        padding-top: 40px;
        display: block;
    }
    #medicalTreatement .container .pure-g {
        width: 100%;
        text-align: center;
        margin: auto;
        display: block;
    }
    #medicalTreatement .container .pure-u-sm-1-2 {
        position: relative;
        box-sizing: border-box;
    }
    #medicalTreatement .container .pure-u-sm-1-2:first-child {
        padding-right: 16px;
    }
    #medicalTreatement .container .pure-u-sm-1-2:last-child {
        padding-left: 16px;
    }
    #medicalTreatement .container .pure-u-sm-1-2 > .inner {
        background-color: #FFF;
        border: solid 1px #e2e2e2;
    }
    #medicalTreatement .container .pure-u-sm-1-2 .block {
        width: 100%;
        margin-bottom: 1px;
        display: block;
        position: relative;
    }
    #medicalTreatement .container .mtMenu_cp .block {
        background: #f4f7ee;
    }
    #medicalTreatement .container .mtMenu_cd .block {
        background: #fcf6ed;
    }
    #medicalTreatement .md {
        margin: 0;
        display: inline-block;
        float: left;
    }
    #medicalTreatement .thumbs {
        display: inline-block;
    }
    #medicalTreatement h4 {
        text-align: left;
        margin: 0;
        overflow: hidden;
        text-indent: 100%;
        white-space: nowrap;
        position: relative;
        z-index: 2;
    }
    #medicalTreatement p {
        line-height: 1.8;
        color: #666666;
        text-align: left;
    }
    #medicalTreatement ul {
        font-size: 15px;
        line-height: 2;
        color: #333333;
        text-align: left;
    }
    #medicalTreatement ul li {
        padding-left: 1rem;
        position: relative;
    }
    #medicalTreatement ul li:before {
        content: "";
        width: 4px;
        height: 4px;
        display: block;
        position: absolute;
        top: 10px;
        left: 0;
        margin: auto;
    }
    #medicalTreatement .container .mtMenu_cp ul li:before {
        background: #91ab54;
    }
    #medicalTreatement .container .mtMenu_cd ul li:before {
        background: #daa625;
    }
    #medicalTreatement .container .btnWrap {
        position: relative;
        border: none;
    }
    #medicalTreatement .container .btnWrap .svg {
        width: 173px;
        height: 16px;
    }
    #medicalTreatement .container .btnWrap .svg rect,
    #medicalTreatement .container .btnWrap .svg path {
        fill: #FFF;
    }
    #medicalTreatement .btnWrap .button {
        text-align: right;
    }
    #medicalTreatement .btnWrap .button a {
        padding: 0 32px;
        color: #FFF;
        -webkit-align-items: flex-end;
        align-items: flex-end;
    }
}


/* --------------------------------------------- PC end */


/*1280PX〜*/

@media screen and (min-width:1280px) {
    #medicalTreatement {
        padding-left: 16px;
        padding-right: 16px;
    }
    #medicalTreatement .container .pure-u-sm-1-2 > .inner {
        padding: 32px 32px 0;
    }
    #medicalTreatement .container .btnWrap {
        margin-bottom: 32px;
    }
    #medicalTreatement .md {
        width: 53.13653136531366%;
        /*288px*/
        max-width: 288px;
        padding: 0 32px;
    }
    #medicalTreatement .thumbs {
        width: 46.86346863468634%;
        /*254px*/
        max-width: 254px;
        padding: 32px 32px 0 0;
    }
    #medicalTreatement h4 {
        font-size: 24px;
        margin-left: -32px;
        padding: 32px 0 38px 32px;
    }
    #medicalTreatement .mtMenu01 h4 {
        background: url(../img/pc/top/h_biyougeka.svg) no-repeat 32px 32px;
        background-size: 116px;
    }
    #medicalTreatement .mtMenu02 h4 {
        background: url(../img/pc/top/h_keiseigeka.svg) no-repeat 32px 32px;
        background-size: 191px;
    }
    #medicalTreatement .mtMenu03 h4 {
        background: url(../img/pc/top/h_biyouhihuka.svg) no-repeat 32px 32px;
        background-size: 146px;
    }
    #medicalTreatement .mtMenu04 h4 {
        background: url(../img/pc/top/h_hihuka.svg) no-repeat 32px 32px;
        background-size: 159px;
    }
    #medicalTreatement .md h4:before {
        content: "";
        width: 3px;
        height: 100%;
        position: absolute;
        top: -1px;
        left: -1px;
    }
    #medicalTreatement .container .mtMenu_cp .md h4:before {
        background: #91ab54;
    }
    #medicalTreatement .container .mtMenu_cd .md h4:before {
        background: #daa625;
    }
    #medicalTreatement p {
        margin-top: 4px;
        font-size: 17px;
    }
    #medicalTreatement ul {
        padding: 32px;
    }
}


/* --------------------------------------------- PC end */


/*752PX〜1024PX*/

@media screen and (min-width:751px) and (max-width:1279px) {
    #medicalTreatement {
        padding-left: 16px;
        padding-right: 16px;
    }
    #medicalTreatement .container .pure-u-sm-1-2 > .inner {
        padding: 32px 32px 0;
    }
    #medicalTreatement .container .btnWrap {
        margin-bottom: 32px;
    }
    #medicalTreatement .md {
        width: 100%;
        padding: 0 26px 20px;
        position: relative;
    }
    #medicalTreatement .md:before {
        content: "";
        width: 3px;
        height: 100%;
        position: absolute;
        top: -1px;
        left: -1px;
    }
    #medicalTreatement .container .mtMenu_cp .md:before {
        background: #91ab54;
    }
    #medicalTreatement .container .mtMenu_cd .md:before {
        background: #daa625;
    }
    #medicalTreatement .thumbs {
        width: 100%;
        padding: 8px 0 0 0;
    }
    #medicalTreatement h4 {
        font-size: 24px;
        margin-left: -32px;
        padding: 32px 0 15px 32px;
    }
    #medicalTreatement .mtMenu01 h4 {
        background: url(../img/pc/top/h_biyougeka.svg) no-repeat 32px 32px;
        background-size: 116px;
    }
    #medicalTreatement .mtMenu02 h4 {
        background: url(../img/pc/top/h_keiseigeka.svg) no-repeat 32px 32px;
        background-size: 191px;
    }
    #medicalTreatement .mtMenu03 h4 {
        background: url(../img/pc/top/h_biyouhihuka.svg) no-repeat 32px 32px;
        background-size: 146px;
    }
    #medicalTreatement .mtMenu04 h4 {
        background: url(../img/pc/top/h_hihuka.svg) no-repeat 32px 32px;
        background-size: 159px;
    }
    #medicalTreatement p {
        font-size: 15px;
    }
    #medicalTreatement ul {
        padding: 26px;
    }
}


/* --------------------------------------------- PC end */


/*751PX*/

@media screen and (max-width:750px) {
    #medicalTreatement {
        width: 100%;
        /*margin: 4.25531914893617% auto 0;
    padding:8.51063829787234% 4.25531914893617%;*/
        margin: 16px auto 0;
        padding: 32px 16px;
    }
    #medicalTreatement .wrapper {
        width: 100%;
        margin: auto;
    }
    #medicalTreatement .wrapper:after {
        content: "";
        display: block;
        clear: both;
    }
    #medicalTreatement h3 {
        width: 111px;
        margin: auto;
        padding: 0 48px;
        overflow: hidden;
        box-sizing: content-box;
        text-indent: 100%;
        white-space: nowrap;
        position: relative;
        background: url(../img/sp/top/medical_h3.svg) no-repeat center center;
        background-size: 111px;
    }
    #medicalTreatement h3:before,
    #medicalTreatement h3:after {
        content: "";
        width: 32px;
        height: 1px;
        margin: auto;
        display: block;
        background: #FFF;
    }
    #medicalTreatement h3:before {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
    }
    #medicalTreatement h3:after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
    }
    #medicalTreatement .container {
        width: 100%;
        text-align: center;
        margin: auto;
        /*padding-top:8.51063829787234%;*/
        padding-top: 32px;
        display: block;
    }
    #medicalTreatement .container .pure-g {
        width: 100%;
        text-align: center;
        margin: auto;
        display: block;
    }
    #medicalTreatement .container .pure-u-sm-1-2 {
        position: relative;
        box-sizing: border-box;
    }
    #medicalTreatement .container .pure-u-sm-1-2:first-child {
        /*margin-bottom:4.25531914893617%;*/
        margin-bottom: 16px;
    }
    #medicalTreatement .container .pure-u-sm-1-2 > .inner {
        /*padding: 4.651162790697675% 4.651162790697675% 0;*/
        padding: 16px 16px 0;
        background-color: #FFF;
        border: solid 1px #e2e2e2;
    }
    #medicalTreatement .container .pure-u-sm-1-2 .block {
        width: 100%;
        margin-bottom: 1px;
        /*padding:0 5.128205128205128%;*/
        display: block;
        position: relative;
    }
    #medicalTreatement .container .mtMenu_cp .block {
        background: #f4f7ee;
    }
    #medicalTreatement .container .mtMenu_cd .block {
        background: #fcf6ed;
    }
    #medicalTreatement .md {
        width: 50%;
        /*312px*/
        margin: 0;
        /*padding:0 5.128205128205128%;*/
        display: inline-block;
        float: left;
    }
    #medicalTreatement .thumbs {
        width: 50%;
        /*280px*/
        max-width: 280px margin: 0;
        /*padding:5.128205128205128% 5.128205128205128% 0;*/
        padding: 16px 16px 0;
        display: inline-block;
    }
    #medicalTreatement img {
        max-width: 100%;
        height: auto;
    }
    #medicalTreatement h4 {
        font-size: 0;
        /*margin-left:-32px;*/
        padding: 61px 18px 0;
        text-align: left;
        overflow: hidden;
        text-indent: 100%;
        white-space: nowrap;
        position: relative;
        z-index: 2;
    }
    #medicalTreatement .mtMenu01 h4 {
        background: url(../img/pc/top/h_biyougeka.svg) no-repeat 18px 24px;
        background-size: 70px;
    }
    #medicalTreatement .mtMenu02 h4 {
        background: url(../img/pc/top/h_keiseigeka.svg) no-repeat 18px 24px;
        background-size: 106px;
    }
    #medicalTreatement .mtMenu03 h4 {
        background: url(../img/pc/top/h_biyouhihuka.svg) no-repeat 18px 24px;
        background-size: 87px;
    }
    #medicalTreatement .mtMenu04 h4 {
        background: url(../img/pc/top/h_hihuka.svg) no-repeat 18px 24px;
        background-size: 88px;
    }
    #medicalTreatement .md h4:before {
        content: "";
        width: 3px;
        height: 100%;
        position: absolute;
        top: -1px;
        left: -1px;
    }
    #medicalTreatement .container .mtMenu_cp .md h4:before {
        background: #91ab54;
    }
    #medicalTreatement .container .mtMenu_cd .md h4:before {
        background: #daa625;
    }
    #medicalTreatement p {
        margin-top: -10px;
        padding-left: 18px;
        /*11.538462%*/
        font-size: 13px;
        line-height: 1.8;
        color: #666666;
        text-align: left;
    }
    #medicalTreatement ul {
        padding: 5.128205128205128%;
        /*32px*/
        font-size: 13px;
        line-height: 2;
        color: #333333;
        text-align: left;
    }
    #medicalTreatement ul li {
        padding-left: 1rem;
        position: relative;
    }
    #medicalTreatement ul li:before {
        content: "";
        width: 4px;
        height: 4px;
        display: block;
        position: absolute;
        top: 10px;
        left: 0;
        margin: auto;
    }
    #medicalTreatement .container .mtMenu_cp ul li:before {
        background: #91ab54;
    }
    #medicalTreatement .container .mtMenu_cd ul li:before {
        background: #daa625;
    }
    #medicalTreatement .container .btnWrap {
        margin-bottom: 4.651162790697675%;
        position: relative;
        border: none;
    }
    .svg-btn-txt {
        width: 161px;
        margin-left: -19px;
        fill: #FFF!important;
    }
    #medicalTreatement .btnWrap .button {
        text-align: center;
    }
}


/* --------------------------------------------- SP end */


/* -------------------------------------------------------------------
bottomContainer
------------------------------------------------------------------- */


/*752PX*/

@media screen and (min-width:751px) {
    #bottomContainer {
        width: 100%;
        max-width: 1248px;
        margin: auto;
        display: table;
    }
}


/* --------------------------------------------- PC end */


/* -------------------------------------------------------------------
information
------------------------------------------------------------------- */


/*752PX*/

@media screen and (min-width:751px) {
    #information {
        margin: auto;
        padding: 64px 16px 0;
        display: table-cell;
    }
    #information h3 {
        width: 152px;
        height: 24px;
        margin: 0;
        overflow: hidden;
        text-indent: 100%;
        white-space: nowrap;
        position: relative;
        background: url(../img/sp/top/information_h3.svg) no-repeat 48px center;
        background-size: 104px;
        box-sizing: content-box;
    }
    #information h3:before {
        content: "";
        width: 32px;
        height: 1px;
        margin: auto;
        display: block;
        background: #c1c1c1;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
    }
    #information .container {
        margin-top: 32px;
        display: block;
    }
    #information a {
        width: 100%;
        height: 100%;
        padding: 6px 0;
        color: #333333;
        text-decoration: none;
        display: block;
    }
    #information a:hover {
        text-decoration: underline;
    }
    #information span {
        color: #54730c;
    }
    #information p {
        padding: 10px 18px 4px;
        margin: 16px 0;
        border-left: solid 1px #b3b3b3;
    }
    #information hr {
        height: 0;
        margin: 0;
        padding: 0;
        border: 0;
        border-bottom: solid 4px #f3f3f3;
    }
}


/* --------------------------------------------- PC end */


/*1280PX*/

@media screen and (min-width:1280px) {
    #information {
        width: 50%;
        max-width: 612px;
        margin: auto;
        padding: 64px 16px 0;
        display: table-cell;
    }
}


/* --------------------------------------------- PC end */


/*752PX〜1280PX*/

@media screen and (min-width:751px) and (max-width:1279px) {
    #information {
        padding-left: 16px;
        padding-right: 16px;
    }
    #information .container {
        /*max-width: 608px;*/
    }
}


/* --------------------------------------------- PC end */


/*751PX*/

@media screen and (max-width:750px) {
    #information {
        width: 100%;
        margin: auto;
        /*padding:8.51063829787234% 4.25531914893617% 0;*/
        padding: 32px 16px 0;
    }
    #information h3 {
        width: 74px;
        margin: auto;
        padding: 0 48px;
        overflow: hidden;
        box-sizing: content-box;
        text-indent: 100%;
        white-space: nowrap;
        position: relative;
        background: url(../img/sp/top/information_h3.svg) no-repeat center center;
        background-size: 74px;
    }
    #information h3:before,
    #information h3:after {
        content: "";
        width: 32px;
        height: 1px;
        margin: auto;
        display: block;
        background: #c1c1c1;
    }
    #information h3:before {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
    }
    #information h3:after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
    }
    #information .container {
        margin-top: 16px;
        /*4.651162790697675%*/
        font-size: 10px;
        display: block;
    }
    #information a {
        width: 100%;
        height: 100%;
        padding: 6px 0;
        color: #333333;
        text-decoration: none;
        display: block;
    }
    #information a:hover {
        text-decoration: underline;
    }
    #information span {
        color: #54730c;
    }
    #information p {
        padding: 8px 0 8px 16px;
        /*2.3255813953488373% 0 2.3255813953488373% 4.651162790697675%*/
        margin: 16px 0;
        /*4.651162790697675%*/
        border-left: solid 1px #b3b3b3;
    }
    #information hr {
        height: 0;
        margin: 0;
        padding: 0;
        border: 0;
        border-bottom: solid 4px #f3f3f3;
    }
}


/* --------------------------------------------- SP end */


@media screen and (min-width: 751px){
.container-fluid .title{
    margin: 0 auto 48px;
}
}


/* -------------------------------------------------------------------
Print
------------------------------------------------------------------- */

@media print {

}