@charset "UTF-8";
/* CSS Document */

header{height: 790px;}
header:after{background: url("../img/index/mv_bg.jpg");background-size: cover;background-attachment: fixed}

header .txt{font-family: YuMincho, "Yu Mincho", "serif";font-size: 2.5em; color: #FFC000;
	letter-spacing: 0.1em;position: absolute;top: 50%;right: 8vw;transform: translateY(-50%);
	line-height: 1.7;}
header .txt span{display: block; border-bottom: 1px solid;}

header .mv{width: 61vw;position: absolute;left: 0;top: 140px;}
header .mv img{width: 100%;height: 100%;object-fit: cover;}

header .mv .slick-list{height: 560px;overflow: hidden;}
header .mv .slick-list .slick-track,
header .mv .slick-list li{height: 100%;}

header .mv .slick-dots li button{
	background: none;
    border: none;padding: 0;border-radius: 0;outline: none;
	-webkit-appearance: none;-moz-appearance: none;appearance: none;
	overflow: hidden;width: 8px;height: 8px;text-indent: -20px;
}
header .mv .slick-dots{padding: 20px 0 0 8vw;}
header .mv .slick-dots li{display: inline-block;margin-right: 8px;}
header .mv .slick-dots li button:before{content: "";display: block; width: 7px;height: 7px;
	background: #fff;border-radius: 10px;}
header .mv .slick-dots li.slick-active button:before{background: #ffcc00;}

h2{text-align: center;font-family: YuMincho, "Yu Mincho", "serif";font-weight: normal;
	font-size: 2.28em;letter-spacing: 0.2em;}
h2 span{display: block;color: #FFC000;font-size: 0.75em; margin-bottom: 10px;}

.top .news{padding: 50px 0 120px;}
.top .news h2{font-size: 1.714em;}
.top .news h2 span{font-size: 1em;}
.top .news h2:after{content: "";display: block;margin:15px auto 30px;width: 1px;height: 15px;
	background: #282828;}

.top .news .entry{margin-bottom: 50px;}
.top .news .entry ul{width: 525px;margin: auto;letter-spacing: 0.1em;}
.top .news .entry ul li{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 2;}
.top .news .entry ul span{margin-right: 15px;}

.top .news .blog{display: flex;justify-content: space-between;}
.top .news .blog .box{
	flex-basis: calc(100%/3 - 40px/3);
	position: relative;border: 1px solid;padding: 25px 10px 15px;
	text-align: center;font-family: YuMincho, "Yu Mincho", "serif";font-size: 1.42em;letter-spacing: 0.1em;transition-duration: .3s;}
.top .news .blog .box a{position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
.top .news .blog .box:hover{opacity: 0.6;}
.top .news .blog .box .ico{position: absolute;left: 50%;top: -18px;transform: translateX(-50%);}
.top .news .blog .box span{display: block;font-size: 0.8em;}
.top .news .blog .box:after{content: "";border: 4px solid;border-color: transparent #282828 #282828 transparent;position: absolute;right: 5px;bottom: 5px;}

.top .concept{background: #282828;color: #fff;padding: 160px 0 90px;position: relative;}
.top .concept h2{text-align: left;margin-bottom: 165px;}
.top .concept .txt{column-count: 2;column-gap: 40px;}
.top .concept .txt p{text-align: justify; letter-spacing: 0.1em;line-height: 2;}
.top .concept .photo{position: absolute;top: -50px; right: 0;}

.top .doctor{position: relative;padding: 100px 0;}
.top .doctor .name{background: #FFC000;padding: 20px 8px;font-size: 1.28em;
	font-family: YuMincho, "Yu Mincho", "serif";letter-spacing: 0.1em;
	writing-mode: vertical-rl; -webkit-writing-mode: vertical-lr;
	position: absolute;right: 20px;top: -20px;}
.top .doctor .photo{width: 45vw;position: absolute;}
.top .doctor .photo img{width: 100%;}

.top .doctor section .in h2{text-align: left;margin-bottom: 40px;}
.top .doctor section .in{width: 50%;margin-left: auto;}
.top .doctor section .in p{text-align: justify;letter-spacing: 0.1em;line-height: 1.8;}

.top .doctor section .in .btn{margin-top: 30px;}

.top .about{padding: 50px 0;background: rgba(255,192,0,0.9);position: relative;}
.top .about:after{content: "";background: url("../img/index/about_bg.jpg")no-repeat;
	background-size: cover;background-attachment: fixed; position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: -1;}
.top .about .tit{background: #282828;color: #fff;position: absolute;top: -20px;left: 8vw; padding: 60px 5.8vw 80px;}
.top .about h2{line-height: 1.74;}
.top .about .txt{width: 41vw;text-align: justify;letter-spacing: 0.1em;line-height: 1.75;
	margin-left: auto;margin-right: 8vw;}
.top .about .txt .btn{margin-top: 30px;}

.top .features{padding: 100px 0;}
.top .features h2{margin-bottom: 100px;}
.top .features .box{display: flex;align-items: center;margin-bottom: 90px;
	justify-content: space-between;}
.top .features .box .photo,
.top .features .box .txt{flex-basis: 33vw; position: relative;}
.top .features .box:nth-child(odd) .photo{margin-left: 10vw;}
.top .features .box:nth-child(even) .photo{margin-right: 10vw;order: 2;}
.top .features .box:nth-child(odd) .txt{margin-right: 14vw;}
.top .features .box:nth-child(even) .txt{margin-left: 14vw;order: 1;}
.top .features .box .photo:after{content: "";width: 21vw;height: calc(100% + 40px);background: #282828;
	position: absolute;top: -20px;z-index: -1;}
.top .features .box:nth-child(odd) .photo:after{left: -10vw;}
.top .features .box:nth-child(even) .photo:after{right: -10vw;}
.top .features .box .num{font-family: YuMincho, "Yu Mincho", "serif";font-size: 1.714em;
	color: #FFC000;letter-spacing: 0.2em;margin-bottom: 40px;}
.top .features .box .num:after{content: "";display: inline-block;width: 110px;height: 1px;
	background: #FFC000;vertical-align: middle;margin-left: 15px;}
.top .features .box h3{font-weight: 600; font-family: YuMincho, "Yu Mincho", "serif";
	font-size: 1.714em;letter-spacing: 0.1em;line-height: 1.75;margin-bottom: 40px;}
.top .features .box h3 + p{text-align: justify; letter-spacing: 0.1em;line-height: 1.714em;}

.top .slide{background: linear-gradient(to bottom,#fff 20%,#ffcc00 20%);padding-bottom: 50px;}
.top .slide ul{text-align: center;}
.top .slide li{display: inline-block;margin: 0 15px;}

.top .group{padding: 75px 0;}
.top .group h2{margin-bottom: 70px;}
.top .group .wrap{display: flex;justify-content: center;}
.top .group .box{margin: 0 15px;position: relative;}
.top .group .txt{width: calc(100% - 30px);background: #fff;padding: 30px 25px 0;margin: auto;
	transform: translateY(-25px);}
.top .group .txt .add{letter-spacing: 0.1em;line-height: 1.7;margin-bottom: 10px;}
.top .group .txt .tel{font-family: YuMincho, "Yu Mincho", "serif";font-size: 1.42em;
	letter-spacing: 0.1em;margin-bottom: 15px;}
.top .group .txt .btn{text-align: center;}
.top .group .txt .btn a{width: 100%;}

.top .group h3{background: #FFC000;padding: 20px 8px;font-weight: normal; font-size: 1.28em;
	font-family: YuMincho, "Yu Mincho", "serif";letter-spacing: 0.1em;
	writing-mode: vertical-rl; -webkit-writing-mode: vertical-lr;
	position: absolute;right: 20px;top: -20px;}


.top .recruit{background: linear-gradient(to bottom,#fff 15px,#f4f4f4 15px);}
.top .recruit h2{margin-bottom: 35px;}
.top .recruit .wrap{display: flex;justify-content: center;}
.top .recruit .wrap .box{display: flex;flex-direction: column; flex-basis: calc(100%/3);}
.top .recruit .wrap .box:not(:first-child) .txt{border-left: 1px solid #d4d4d4;}
.top .recruit .wrap .photo{line-height: 0;flex-grow: 0;flex-shrink: 0;}
.top .recruit .wrap .photo img{width: calc(100vw/3);}
.top .recruit .wrap .txt{height: 100%; padding: 50px 3vw 110px;position: relative;}
.top .recruit h3{font-family: YuMincho, "Yu Mincho", "serif";font-size: 1.42em;
	letter-spacing: 0.1em;margin-bottom: 30px;}
.top .recruit h3 span{display: block;color: #939393; font-size: 0.6em;font-weight: normal;
	margin-bottom: 10px;letter-spacing: 0.1em;}
.top .recruit h3 + p{text-align: justify;letter-spacing: 0.1em; line-height: 1.7;}
.top .recruit .wrap .btn{position: absolute;left: 3vw;bottom: 50px;}