@charset "UTF-8";

/****************************************
トップページ
*****************************************/

/*mainimg*/
#mainimg{margin: auto;height: 550px;overflow: hidden;}
#mainimg h2{position: absolute;/*width: 40%;*/margin: auto;text-align: right; z-index: 2;top: 0px;right: 10px;left: 0;}
#slide_wrap {position: relative;overflow: hidden;}
#slide_wrap li{display: inline-block;position: relative;}
#slide_wrap .slide_item{opacity: 0;transition: opacity 2s linear, transform 7.5s linear;position: relative;text-align: center}
#slide_wrap .slide_item p{transform: scale(1);transition: opacity 2s linear, transform 7.5s linear;}
#slide_wrap .slide_item h2{}
#slide_wrap .slide_item:not(:first-child){position: absolute;top: 0;left: 0;right: 0;margin: auto}
#slide_wrap .slide_item.show_ {width: 100%; opacity: 1;}
#slide_wrap .slide_item.zoom_ p{transform: scale(1.1);}
#slide_wrap .slide_item p img {display:block;object-fit: cover;height:600px!important;width: auto!important;}
@media screen and (max-width: 896px) {
#mainimg{width:100%;height:330px;}
#mainimg h2{width: 100%;}
#mainimg h2 img{width: 40%;}
#slide_wrap .slide_item p img{height:340px!important;object-fit: cover;width: 100%!important}
.pc{display:block!important}
.sp{display:none !important;}
}
@media screen and (max-width: 480px) {
.pc{display:none!important}
.sp{display:block!important;}
#mainimg{width:100%;height:300px;}
#mainimg h2{text-align: center}
#mainimg h2 img{width:auto!important;height: 300px!important}
#slide_wrap .slide_item p img{height:320px!important;object-fit: cover;width: 100%!important}
}
.youtube-vid{
    display: flex;
    justify-content: space-around;
    max-width: 896px;
    width: 100%;
    margin: 80px auto;
}
.youtube-vid-1 iframe{
    width: 400px;
    height: 250px;
}
.youtube-vid-2 iframe{
    width: 400px;
    height: 250px;
}
.Acute-Care-Surgery-form a{
    max-width: fit-content;
    width: 90%;
    margin-top: 19px;
    padding: 8px 20px;
    display: block;
    background: #006769;
    background-size: 22px;
    color: #fff;
    font-size: 1.4rem;
    border-radius: 50px;
    text-align: center;
    text-decoration: none;
    letter-spacing: 0.2em;
    text-indent: 0.2em;
    margin: 50px auto;
}

@media screen and (max-width: 896px) {
.youtube-vid{
    display:block;
    margin: 50px auto;
} 
.youtube-vid-1 iframe{
    max-width: 540px;
    width: 95%;
    height: 250px;
}
.youtube-vid-2 iframe{
    max-width: 540px;
    width: 95%;
    height: 250px;
}
}
/*診療案内*/
#inner-info{background: #e0edf1;padding: 35px 0 56px}
#inner-info dt a{text-decoration: none}
#inner-info dt{font-size: 2.5rem;letter-spacing: 0.2em;text-indent: 0.2em;}
#inner-info dt span{display:inline-block;vertical-align: middle;background: url("../images/top/bt_arrow.svg") no-repeat right center;background-size: 15px;padding-right: 22px}
#inner-info dd{text-align: left;padding-top: 20px;letter-spacing: 0.3em}
@media screen and (max-width: 896px) {
#inner-info dt{font-size: 1.9rem;letter-spacing: 0em;text-indent: 0em;}
}
@media screen and (max-width: 480px) {
#inner-info dt{font-size: 2.5rem;letter-spacing: 0.2em;text-indent: 0.2em;}
#inner-info li.col3{width: 100%}
#inner-info li:nth-child(2){margin: 20px 0}
}

/*特徴*/
#inner-tokucho{padding: 40px 0}
#inner-tokucho h2{margin-bottom: 48px}
#inner-tokucho dl{position: relative}
#inner-tokucho dt{width: 347px;text-align: left;z-index: 2;position: relative}
#inner-tokucho dd{width: 691px;margin-left: -142px;z-index: 1;position: relative}
#inner-tokucho dt h2{text-indent: 0;margin-bottom: 20px}
#inner-tokucho dt p{letter-spacing: 0.1em;text-align: justify;text-justify: inter-ideograph;}

@media screen and (max-width: 896px) {
#inner-tokucho dt{width: 60%;}
#inner-tokucho dd{width: 70%;margin-left: -30%;}
}

@media screen and (max-width: 480px) {
#inner-tokucho dt{width: 96%;margin: auto; -webkit-box-ordinal-group:2;-ms-flex-order:2;-webkit-order:2;order:2;}
#inner-tokucho dd{width: 100%;margin-left:0px;margin-bottom: 20px; -webkit-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1;}
}

.more{margin: 30px 0}
.more span{display: inline-block;border-bottom: 2px solid #006769;letter-spacing: 0.2em;background: url("../images/top/bt_arrow.svg") no-repeat right center;background-size: 15px;padding-right: 22px}


/*皆様へ*/
#inner-for{margin-bottom: 56px;}
#inner-for .imgwide{position: relative}
#inner-for .imgwide>img{width: 100%;height: 460px;object-fit: cover}
#inner-for .inner--short{position: absolute;bottom: 50%;right: 50%;
transform: translateY(50%) translateX(50%);
-webkit-transform: translateY(50%) translateX(50%);}
#inner-for dl{width: 54%;background: #fff;padding:30px 46px 10px;}
#inner-for h2{letter-spacing: 0.2em;text-indent: 0.2em;}
#inner-for dd{text-align: left}
#inner-for dd .icon{margin: 17px auto 29px;width: 143px}
#inner-for dd p{letter-spacing: 0.1em;text-align: justify;text-justify: inter-ideograph;}
#inner-for .subslide{margin-top: 30px}
#inner-for .subslide div img{width: 100%;height: auto;border-left: 20px solid #fff}

@media screen and (max-width: 896px) {
#inner-for .imgwide>img{width: 100%;height: auto!important;}
#inner-for .inner--short{position:static;top: 0%;left: 0%;transform: translateY(0%) translateX(0%);-webkit- transform: translateY(0%) translateX(0%);}
#inner-for dl{width: 90%;text-align: center; margin: auto; padding:20px 0;}
#inner-for .subslide{margin-top: 0px}
#inner-for .subslide div img{width: 96%;height: auto;border-left:none}
}

/*お知らせ*/
#inner-news{padding: 40px 0;border-top: 3px solid #006769;background: url("../images/top/inner-news_bg.gif")}
#inner-news .inner--short{width: 800px}
#inner-news h2{margin-bottom: 28px;border-bottom: 1px solid #006769;padding-bottom: 20px}
#inner-news dl{display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap:wrap;justify-content: flex-start;-webkit-justify-content: flex-start;margin-bottom: 28px;border-bottom: 1px solid #006769;padding-bottom: 20px;text-align: left}
#inner-news dt{width: 13%}
#inner-news dd{width: 87%}
#inner-news dd a{display: block;background: url("../images/top/bt_arrow.svg") no-repeat right center;background-size: 15px;padding-right: 22px}
.btlist a{ display: inline-block;text-decoration: none; letter-spacing: 0.2em;text-indent: 0.2em;border: 2px solid #006769;padding:3px 40px 3px 20px;border-radius: 4px;background: #fff url("../images/top/bt_arrow.svg") no-repeat 96% center;background-size: 15px;}
@media screen and (max-width: 896px) {
#inner-news .inner--short{width:90%}
#inner-news dt{width: 100%}
#inner-news dd{width: 100%}
}

@media print{
#mainimg{margin: auto;height: auto!important;}
#slide_wrap .slide_item p img {height:auto;}
#inner-for .subslide{overflow: hidden}
#inner-for .subslide div{float: left;width: 16%;}
#inner-for .subslide div:nth-child(-n+6){display: block}
#inner-for .subslide div img{visibility: visible;display: block}
}