@charset "UTF-8";
/*===================================
　フォントサイズ 
===================================*/
.tsume{
	letter-spacing: -8px;
}
.index-fs-copy{
	font-family: 'Noto Serif JP', serif;
	font-size: 1.75em;
	line-height: 1.5;
	margin-bottom: .5em;
	color: #595649;
}
.index-fs-copy-small{
	font-family: 'Noto Serif JP', serif;
	font-size: 1.625em;
	line-height: 1.5;
	margin-bottom: .5em;
	color: #595649;
}
.index-fs-title{
	font-size: 1.75em;
	line-height: 1.5;
	margin-bottom: .75rem;
	color: #595649;
}
.index-fs-title-w{
	font-size: 2em;
	line-height: 1.5;
	margin-bottom: .75rem;
	color: #fff;
}
	@media (max-width:1112px) {
		.index-fs-copy,
		.index-fs-copy-small{
			font-size: 1.5em;
		}
		.index-fs-title{
			font-size: 1.5em;
		}
		.index-fs-title-w{
			font-size: 1.75em;
		}
	}
	@media (max-width:750px) {
		.index-fs-copy,
		.index-fs-copy-small{
			font-size: 1.25em;
		}
		.index-fs-title{
			font-size: 1.5em;
			font-weight: 700;
		}
		.index-fs-title-w{
			font-size: 1.5em;
			font-weight: 700;
		}
		.shinryo-inner .index-fs-copy,
		.trimming-inner .index-fs-title {
			font-size: 1.5em;
		}
	}

/*============================
　丸矢印
============================*/
.arrow-s,
.arrow-m,
.arrow-l{
	position: relative;
	cursor: pointer;
}
.arrow-s::before,
.arrow-m::before,
.arrow-l::before,
.arrow-m::after,
.arrow-l::after{
	transition : all .5s;
	-webkit-transition: all .5s;
}
.arrow-s:hover::before,
.arrow-m:hover::before,
.arrow-l:hover::before{
	background: #df7503;
}

/*小さい*/
.arrow-s::before { 
	content: "";
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	right: 0;
	width: 1.5rem;
	height: 1.5rem;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	background: #726f60;
}
.arrow-s::after {
	content: "";
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	right: .675rem;
	width: .375rem;
	height: .375rem;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
/*中くらい*/
.arrow-m::before { 
	content: "";
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	right: 0;
	width: 2.75rem;
	height: 2.75rem;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	background: #726f60;
}
.arrow-m::after {
	content: "";
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	right: 1.25rem;
	width: .5rem;
	height: .5rem;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
/*大きい*/
.arrow-l::before { 
	content: "";
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	right: 0;
	width: 4rem;
	height: 4rem;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	background: #726f60;
}
.arrow-l::after {
	content: "";
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	right: 1.75rem;
	width: .75rem;
	height: .75rem;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
	@media (max-width:750px) {
		.arrow-l::before { 
			width: 2.75rem;
			height: 2.75rem;
		}
		.arrow-l::after {
			right: 1.25rem;
			width: .5rem;
			height: .5rem;
		}
	}


/*===================================
　index　ファーストビュー 
===================================*/
#wrap-fv{
	padding-top: 100px;
	background: #fff;
	position: relative;
	z-index: 1;
}
#bg-fv{
	background: #efefef;
}
	@media (max-width:1112px) {
		#wrap-fv{
			padding-top: 5.5em;
		}
	}
	@media (max-width:750px) {
		#wrap-fv{
			padding-top: 3.75em;
		}
	}
/*ファーストビュー背景　----------------*/
.monthly-msg{
	display: block;
	height: 0;
	padding-top: 56.4421669107%;
	position: relative;

}
	@media (max-width:1112px) {
		.monthly-msg{
			padding-top: 0;
			height: 763px;
		}
	}
	@media screen and (orientation: portrait) and (max-width:750px){
		.monthly-msg{
			height: 100vh; /* Fallback */
			height: calc(var(--vh, 1vh) * 100);
		}
	}

/*　！！！！　↓ バックグランド季節ごと ↓ ！！！！ */

/*　春 ーーーーーーー　3月　〜　5月末 ーーーーーーー　*/
.fv--spring .monthly-msg{
	background: url(../images/index/top-spring.jpg) no-repeat 19% center;
	background-size: cover;
}
/*　夏 ーーーーーーー　6月　〜　8月末 ーーーーーーー　*/
.fv--summer .monthly-msg{
	background: url(../images/index/top-summer.jpg) no-repeat 68% center;
	background-size: cover;
}
/*　秋 ーーーーーーー　9月　〜　11月末 ーーーーーーー　*/
.fv--autumn .monthly-msg{
	background: url(../images/index/top-autumn.jpg) no-repeat 55% center;
	background-size: cover;
}
/*　冬 ーーーーーーー　12月　〜　2月末 ーーーーーーー　*/
.fv--winter .monthly-msg{
	background: url(../images/index/top-winter.jpg) no-repeat 33% center;
	background-size: cover;
}

/*  マンスリーメッセージ  ----------------*/
.monthly-postion{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
}
.monthly-image{
	position: relative;
	top: -3.5em;
}
.monthly-image img{
	padding: 0 .5em;
	height: 17em;
}
/*　冬のみ　行間ひろめ ーーーーーーー　*/
.fv--winter .monthly-image img{
	padding: 0 .75em;
} 
	@media screen and (orientation: portrait) and (max-width:750px){
		.monthly-image{
			top: -7em;	
		}
		.monthly-image img{
			height: 14em;
		}
		/*　冬のみ　文字調整 ーー　*/
		.fv--winter .monthly-image img{
			height: 15em;
		}
	}

/* CSSアニメーション  monthly-flex div img に設定 .9秒後 */
.monthly-image div img{
	opacity: 0;
	animation: fade .5s ease forwards;
}
@keyframes fade{
	100%{
		opacity: 1;
	}
}
.monthly-image div:nth-child(1) img{
	animation-delay: 4s;
}
.monthly-image div:nth-child(2) img{
	animation-delay: 4.9s;
}
.monthly-image div:nth-child(3) img{
	animation-delay: 5.8s;
}
.monthly-image div:nth-child(4) img{
	animation-delay: 6.7s;
}

/*  GIFアニメ  ----------------*/
.animetion-icon{
	position: absolute;
	bottom: 6rem;
	width: calc(100% - 59%);
	opacity: 0;
	animation: delay-anime .4s ease forwards;
	animation-delay: 1.6s;
}
@keyframes delay-anime{
	100%{
		opacity: 1;
	}
}


/*　春夏　GIFアニメ配置 ーーーーーーー　*/
.fv--spring .animetion-icon,
.fv--summer .animetion-icon{
	left: 3rem;
}
/*　秋冬　GIFアニメ配置 ーーーーーーー　*/
.fv--autumn .animetion-icon,
.fv--winter .animetion-icon{
	right: 3rem;
}
	@media (max-width:1285px) {
		/*　春夏　GIFアニメ配置調整　*/
		.fv--spring .animetion-icon,
		.fv--summer .animetion-icon{
			left: 1.5rem;
		}
	}
	/* 690px で SPサイズ */
	@media screen and (orientation: portrait) and (max-width:690px){
		.animetion-icon{
			width: calc(100% - 4em);
			padding: 0 2em;
		}
		.fv--spring .animetion-icon,
		.fv--summer .animetion-icon{
			left: auto;	
		}
		.fv--autumn .animetion-icon,
		.fv--winter .animetion-icon{
			right: auto;
		}
	}

/*===================================
　Information
===================================*/
/* インフォ全体 Flex設定 （右寄せ）*/
.section-information{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap:wrap;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	width: 100%;
	margin-top: -4.5rem;
	padding-bottom: 4.5rem;
	position: relative;
}
.title-info{
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	width: 2em;
	font-size: 1.25em;
	font-weight: bold;
	font-family: 'Roboto', sans-serif;
	letter-spacing: 3px;
	color: #726f60;
}
.index-info-all{
	width: calc(80.3vw - 2em);
}
/*　インフォの上部　緑背景　*/
.index-info-top{
	background: #9fb61b;
}
/*　インフォの下部　白背景　*/
.index-info-bottom{
	background: #fff;
}
/*　インフォの余白　*/
.index-info-top{
	padding: 1em 3em 1.5em 2em;
}
.index-info-bottom{
	padding: 1.5em 3em 1.5em 0;
}
	@media (min-width:1536px) {
		.index-info-all{
			width: calc(72.3vw - 2em);
		}
		.index-info-top,
		.index-info-bottom{
			padding-right: 5em;
		}
	}
	@media (max-width:1112px) {
		.index-info-all{
			width: calc(97.5vw - 2em);
		}
		.index-info-top{
			padding-left: 1.5em;
		}
		.index-info-top,
		.index-info-bottom{
			padding-right: 1em;
		}
	}
	@media (max-width:750px) {
		.section-information{
			margin-top: -6rem;
			padding-bottom: 3rem;
		}
		.index-info-bottom{
			padding: 0;
		}
	}

.oshirase{
	width: calc(100% - 26.5vw - 2em);
	padding-right: 2em;
}
.sns{
	width: 26.5vw;
	font-size: .9375em;
}
	@media (min-width:1536px) {
		.oshirase{
			width: calc(100% - 22vw - 2em);
		}
		.sns{
			width: 22vw;
		}
	}
	@media (max-width:1112px) {
		.oshirase{
			width: calc(100% - 33vw - 2em);
		}
		.sns{
			width: 33vw;
		}
	}
	@media (max-width:750px) {
		.oshirase{
			width: 100%;
			padding-right: 0;
		}
		.sns{
			width: 100%;
			margin-top: 1em;
		}
	}

/* おしらせ スタイル*/
.oshirase ul{
	color: #fff;
	margin-top: .125em;
}
.oshirase li{
	font-size: .9375em;
	padding: .5em 0;
	border-bottom: 1px dotted #fff;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.oshirase li span{
	font-weight: bold;
	font-family: 'Roboto', sans-serif;
}
.oshirase li a{
	color: #fff;
	padding-left: 1em;
}
.title-oshirase{
	color: #fff;
	font-size: 1.5em;
	font-weight: 700;
	position: relative;
	display: inline-block;
	padding-right: 1.5em;
}
	@media (max-width:750px) {
		.oshirase li {
			font-size: .85714em;
			padding: 1em 0;
			line-height: 1.6;
		}
		.oshirase li a{
			display: block;
			padding-left: 0;
		}
	}
/* スタッフブログ */
.staff-blog{
	background: #fff;
	padding: 1.25em;
	margin-top: .5em;
}
	@media (max-width:1112px) {
		.staff-blog{
			padding: 1em;
		}
	}
	@media (max-width:750px) {
		.staff-blog{
			padding: 1.25em;
		}
	}
.title-staff-blog{
	color: #726f60;
	display: block;
	font-weight: 700;
	position: relative;
	padding-right: 2em;
	margin-bottom: .5em;
}
.staff-blog-entry{
	font-size: .9375em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.staff-blog-entry span{
	font-weight: bold;
	font-family: 'Roboto', sans-serif;
}
.staff-blog-entry a{
	text-decoration: underline;
	padding-left: .75em;
}

/* SNSボックス */
.sns-list{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap:wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: .5em;
}
.sns-list a{
	display: block;
	width: 33%;
	background: #becf67;
}
.sns-list img{
	width: 32px;
	height: auto;
	display: block;
	margin: 0 auto;
	padding: 1em 0;
}
	@media (max-width:750px) {
		.sns-list{
			margin-top: 1.5rem;
			justify-content: flex-end;
		}
		.sns-list a{
			width: auto;
			background: none;
			margin: 0 .5em;
		}
		.sns-list img{
			padding: 0;
		}
	}

/* information メニュー  */
.index-info-bottom ul{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap:wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.index-info-bottom li{
	width: 19.5%;
	border-right: 1px solid #b6b5ad;
}

.index-info-bottom li a{
	display: block;
	text-align: center;
	height:62px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 100%;
	transition: all .5s;
	-webkit-transition: all .5s;
}
.index-info-bottom li a:hover{
	opacity: .6;
}
.index-info-bottom li.info-first a{
	background-image: url(../images/index/btn-info-first.png);
}
.index-info-bottom li.info-webyoyaku a{
	background-image: url(../images/index/btn-info-webyoyaku.png);
}
.index-info-bottom li.info-tel a{
	background-image: url(../images/index/btn-info-tel.png);
}
.index-info-bottom li.info-schedule a{
	background-image: url(../images/index/btn-info-schedule.png);
}
.index-info-bottom li.info-trimming a{
	background-image: url(../images/index/btn-info-trimming.png);
}
	@media (max-width:750px) {
		.index-info-bottom li{
			width: 49.5%;
			border-color: #e2e2e2;
		}
		.index-info-bottom li:last-child{
			border-right: 0;
		}
		.index-info-bottom li a{
			text-indent: 0;
			height: auto;
			padding: 1.75em 0 1.75em 1em;
			background-repeat: no-repeat;
			background-position: 8% center;
			background-size: auto 43%;
			font-size: .9285em;
			color: #726f60;
			font-weight: 600;
		}
		.index-info-bottom li.info-first a{
			background-image: url(../images/index/btn-info-first-sp.png);
			
		}
		.index-info-bottom li.info-trimming a{
			background-image: url(../images/index/btn-info-trimming-sp.png);
		}
		.index-info-bottom li.info-webyoyaku,
		.index-info-bottom li.info-tel,
		.index-info-bottom li.info-schedule{
			display: none;
		}
	}

/*===================================
　ビデオ背景
===================================*/

.section-video{
	padding-top: 45.8333333333%;
	position: relative;
}
.wrap-video{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left:0;
	z-index: 0;
}

.bg-video{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}


	@media screen and (orientation: portrait) and (max-width:750px){
		.section-video{
			padding-top: 50vh;
		}
	}
/*===================================
　 診療のご案内
===================================*/
/*動画隠すための背景*/
#section-index-bgc{
	position: relative;
	background: #fff;
}
.section-shinryo{
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	width: 100%;
	position: relative;
}
.shinryo-bgc{
	width: 65vw;
	background: #fff;
	margin-top: -11rem;
}
.shinryo-inner{
	position: relative;
	padding: 3.75em 0 2em 4em;
}
.shinryo-inner a{
	display: inline-block;
	/* arrow　調整*/
	margin-right: 5%;
	padding-right: 3.75em;
}

.shinryo-table{
	background: #9fb61b;
	color: #fff;
	margin-left: 4rem;
	padding: 1.25em 1.75em;
}
.title-shinryo-table{
	font-size: 1.5em;
	font-weight: 500;
	padding-left: 1.25em;
	background: url(../images/common/icon-time-white.png) no-repeat left center;
	background-size: 1em auto;
	margin-bottom: .25em;
}
.shinryo-time{
	font-size: 1.25em;
}
.shinryo-time li{
	margin-bottom: .25em;
}
.shinryo-time span.time{
	font-weight: 500;
}
.shinryo-time span.br{
	font-family: 'Roboto', sans-serif;
}

	@media (min-width:1536px) {
		.shinryo-bgc{
			width: 55.2vw;
		}
	}
	@media (max-width:1112px) {
		.shinryo-bgc{
			margin-top: -6rem;
		}
		.shinryo-inner{
			padding: 3.5em 0 2em 3.25em;
		}
		.shinryo-table{
			margin-left: 3.25em;
			padding: 1.25em 1.5em;
			font-size: 1.125;
		}
	}
	@media (max-width:750px) {
		.shinryo-bgc{
			width: 92vw;
		}
		.shinryo-inner{
			padding: 2.25em 0 1.5em 1.75em;
		}
		.shinryo-inner a{
			display: inline-block;
			width: calc(100% - 5% - 3em);
			margin-right: 5%;
			padding-right: 3em;
		}
		.shinryo-table{
			font-size: 1em;
			margin-left: 1.5em;
			padding: 1.25em;
		}
		.title-shinryo-table{
			font-size: 1.125em;
		}
		.shinryo-time{
			font-size: 1.0714em;
		}
	}
	@media (max-width:567px) {
		.shinryo-time span.time{
			display: block;
		}
		.shinryo-inner span.br{
			display: block;
		}
	}

/*===================================
当院について
/*===================================*/
.section-aamc{
	max-width: 1200px;
	margin: 0 auto;
	width: 90%;
}
	@media (min-width:1536px) {
		.section-aamc{
			max-width: 1349px;
		}
	}
.section-about{
	position: relative;
	margin-top: 8em;
}
.logo-aamc{
	position: absolute;
	bottom: 13rem;
	left: 0;
	width: 23.5rem;
	height: 16.5rem;
	background: url(../images/index/logo-aamc.png) no-repeat;
	background-size: 100% auto;
	z-index: 0;
}
.section-about .item-txt,
.section-staff .item-txt{
	width: 48%;
	text-align: justify;
	margin-top: auto;
}
.section-about .item-thumbnail,
.section-staff .item-thumbnail{
	width: 48%;
	line-height: 1.0;
}
.section-about a{
	display: inline-block;
	/* arrow　調整*/
	padding-right: 4.5em;
}

	@media (max-width:1280px) {
		.logo-aamc{
			width: 20.5rem;
			height: 14.5rem;
		}
	}
	@media (max-width:1112px) {
		.logo-aamc{
			width: 15rem;
			height: 10.75rem;
			bottom: 10rem;
		}
	}
	@media (max-width:750px) {
		.section-about{
			margin-top: 14em;
		}
		.logo-aamc{
			width: 13.5rem;
			height: 9.75rem;
			bottom: auto;
			top: -8.9rem;
			left: -3px;
			z-index: 1;
		}
		.section-about .item-txt,
		.section-staff .item-txt,
		.section-about .item-thumbnail,
		.section-staff .item-thumbnail{
			width: 100%;
		}
		.section-about .index-fs-title,
		.section-staff .index-fs-title{
			padding-top: 1em;
		}
	}
	/*改行調整*/
	@media (max-width:946px) {
		.section-staff .item-txt br{
			display: none;
		}
	}

.section-staff{
	position: relative;
	margin-top: 4.5em;
	padding-bottom: 4.5em;
}
	@media (max-width:750px) {
		.section-staff{
			margin-top: 3em;
			padding-bottom: 3em;
		}
	}

.section-staff .item-txt{
	margin-top: auto;
}
.section-staff-link{
	margin-top: 1.5em;
}
.section-staff-link li {
	width: 49%;
}
.section-staff-link li a{
	font-size: 1.125em;
	position: relative;
	display: block;
	padding: 1.25em .75em 1.25em 1.25em;
	border: 1px solid #d8d6d3;
	border-radius: .25em;
	-moz-border-radius: .25em;
	-webkit-border-radius: .25em;
	transition : all .4s;
	-webkit-transition : all .4s;
}
.section-staff-link li a:hover{
	background: #e9e8e6;
}
	@media (max-width:1112px) {
		.section-staff-link li a{
			font-size: 1.0em;
			padding: 1.25em 1em;
		}
	}
	@media (max-width:750px) {
		.section-staff-link li a{
			padding-right: .5em;
		}
	}


/*===================================
　 ピックアップ
===================================*/
.section-pickup{
	background: linear-gradient(180deg, #fff 0%, #fff 50%, #9fb61b 50%, #9fb61b 100%);
	text-align: center;
	padding: 1em 0 4em;
}
.title-pickup{
	color: #d35600;
	font-size: 3em;
	font-weight: 700;
	font-family: 'Montserrat', sans-serif;
}
.pickup-item{
	margin: .25em 0 1.5em;
}
.pickup-item a{
	display: block;
	padding: .75em;

}
.pickup-item a img{
	transition : all .4s;
	-webkit-transition : all .4s;
	border-radius: .75rem;
	-moz-border-radius: .75rem;
	-webkit-border-radius: .75rem;
	box-shadow: 0 0 16px 0 rgba(0,0,0,0.1);
}
.pickup-item a:hover img{
	filter: grayscale(60%);
}
.txt-pickup{
	margin-top: 5em;
}
	@media (max-width:750px) {
		.section-pickup{
			padding: 0 0 3em;
		}
		.title-pickup{
			font-size: 2.75em;
		}
		.pickup-item{
			margin: .25em 0 0 0;
		}
		.txt-pickup{
			margin-top: 4em;
		}
	}
/*===================================
　 予防
===================================*/
.section-yobou{
	margin: 4em auto 0;
	max-width: 1200px;
	width: 90%;
}
	@media (min-width:1536px) {
		.section-yobou{
			max-width: 1349px;
		}
	}
	@media (max-width:750px) {
		.section-yobou{
			width: 95%;
			margin-left: 5%;
			margin-top: 2.75em;
		}
	}
.yobou-inner{
	position: relative;
	width: 100%;
}
.yobou-inner::before{
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background: #4bb6d4;
	transition: .5s;
	transform-origin: left top;
	transform: scale(0, 1);
}
.yobou-inner.scrollin::before {
	transform: scale(1, 1);
}
.yobou-bg{
	display: block;
	position: relative;
	background: url(../images/index/img-yobou.png) no-repeat 95% bottom;
	background-size: auto 80%;
	transition : all .5s;
	-webkit-transition : all .5s;
	height:320px
}
	@media (min-width:1536px) {
		.yobou-bg{
			height:360px
		}
	}
	@media (max-width:1112px) {
		.yobou-bg{
			height: 220px;
		}
	}
.yobou-posi{
	width: 90%;
	height: 100%;
	margin: 0 auto;
}
.yobou-posi > a{
	width: 100%;
}
	@media (max-width:1112px) {
		.yobou-bg{
			background-size: auto 68%;
		}
	}
	@media (max-width:750px) {
		.yobou-bg{
			background-size: 52% auto;
		}
	}
	@media screen and (orientation: portrait) and (max-width:750px){
		.yobou-posi{
			position: relative;
			top: -3.25em;
		}
		.yobou-inner a.arrow-m::before{
			top: auto;
			bottom: -5.5rem;
			right: auto;
			left: 0;
		}
		.yobou-inner a.arrow-m::after{
			top: auto;
			bottom: calc(-5.5rem + 1.25em);
			right: auto;
			left: 1.125em;
		}
	}

.kenshin-campaign{
	display: block;
	font-weight: bold;
	background: #9fb61b;
	color: #fff;
	padding: .75em 1.25em;
	position: relative;
	box-shadow: 0 -12px 12px -12px  rgba(0,0,0,0.2);
}
.kenshin-campaign:before{
	content: "";
	position: absolute;
	top: -20px;
	left: 4em;
	margin-left: 10px;
	border: 10px solid transparent;
	border-bottom: 10px solid #9fb61b;
}
.kenshin-campaign a{
	color: #fff;
	padding: 0 .25em;
	position: relative;
	display: inline-block;
	letter-spacing: 1px;
	font-size: 1.08em;
}
.kenshin-campaign a:before{
	position: absolute;
	bottom: .25em;
	left: 0;
	width: 100%;
	height: 1px;
	background: #fff;
	content: "";
}

/*===================================
　 手術について
===================================*/
.section-surgery{
	position: relative;
	margin-top: 4.5em;
	display: block;
	width: 100%;
	height: 0;
	padding-top: 28.5505124451%;
	background: #bbbcb7 url(../images/index/bg-surgery.jpg) no-repeat 17% center;
	background-size: 100% auto;
	transition : all .5s;
	-webkit-transition : all .5s;
}

.surgery-inner{
	position: absolute;
	top: 50%;
	right: 9%;
	padding-right: 6rem;;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.surgery-posi{
	display: block;
	white-space: nowrap;
	margin-left: auto;
}
	@media (min-width:1536px) {
		.surgery-inner{
			max-width: 1349px;
		}
	}
	@media (max-width:1112px) {
		.section-surgery{
			padding-top: 0;
			height: 250px;
			background-size: cover;
		}
		.surgery-inner{
			right: 5%;
			padding-right: 5rem;
		}
	}
	@media (max-width:750px) {
		.section-surgery{
			margin-top: 1.75em;
			width: 95%;
			height: 2spx;
		}
		.surgery-inner{
			padding-right: 0;
		}
		.section-surgery .arrow-l::before{
			bottom: -9rem;
		}
		.section-surgery .arrow-l::after{
			bottom: -9rem;
		}
	}


/*===================================
　 トリミング
===================================*/
.section-trimming{
	max-width: 1200px;
	width: 90%;
	margin: 0 auto;
}
	@media (min-width:1536px) {
		.section-trimming{
			max-width: 1349px;
		}
	}

.trimming-inner{
	position: relative;
	overflow: hidden;
	padding: 4.75em 0 7em;
}
.trimming-inner .item-txt{
	width: 45%;
}
.trimming-inner .item-thumbnail{
	width: 50%;
}
.trimming-inner .item-txt a.arrow-m{
	position: relative;
	display: block;
}
.trimming-inner .item-txt a.arrow-m::before{
	top: auto;
	bottom: 0;
	right: 0;
}
.trimming-inner .item-txt a.arrow-m::after{
	top: auto;
	bottom: 1rem;
	right: 1.25rem;
}

	@media (max-width:1112px) {
		.trimming-inner{
			padding: 5.5em 0 8.5em;
		}
	}
	@media (max-width:900px) {
		.trimming-inner span.br{
			display: block;
		}
	}
	@media (max-width:750px) {
		.trimming-inner{
			padding: 3em 0 12em;
		}
		.trimming-inner .item-txt,
		.trimming-inner .item-thumbnail{
			width: 100%;
		}
		.trimming-inner span.br{
			display: inline;
		}
	}
	@media (max-width:374px) {
		/*コピー調整*/
		.trimming-inner span.br{
			display: block;
		}
	}

.logo-trimming{
	position: absolute;
	top: -5rem;
	left: 0;
	width: 18rem;
	height: 2.5rem;
	background:  url(../images/index/logo-trimming.png) no-repeat center;
	background-size: 100% auto;
}
	@media (max-width:1280px) {
		.logo-trimming{
			width: 15rem;
			height: 2rem;
		}
	}
	@media (max-width:1112px) {
		.logo-trimming{
			width: 13rem;
			height: 1.75rem;
		}
	}
	@media (max-width:750px) {
		.logo-trimming{
			position: relative;
			top: auto;
			left: auto;
			width: 15em;
			margin: 1.5em 0 .5em;
		}
	}
.onepoint-mark-m{
	background:  url(../images/index/icon-midori.png) no-repeat;
	background-size: auto 100%;
	width: 6.5rem;
	height: 6.5rem;
	position: absolute;
	bottom: -1.5rem;
	left: 1rem;
	animation: mark 4s infinite;
	animation-delay: .5s;
}
.onepoint-mark-o{
	background:  url(../images/index/icon-orange.png) no-repeat;
	background-size: auto 100%;
	width: 9rem;
	height: 9rem;
	position: absolute;
	bottom: -1.5rem;
	left: 7.5rem;
	animation: mark 4s infinite;
	animation-delay: 1s;
}
.onepoint-mark-c{
	background:  url(../images/index/icon-cha.png) no-repeat;
	background-size: auto 100%;
	width: 11rem;
	height: 11rem;
	position: absolute;
	bottom: -1.5rem;
	left: 14rem;
	animation: mark 4s infinite;
	animation-delay: 1.5s;
}
	@media (max-width:1112px) {
		.onepoint-mark-m{
			width: 4.5rem;
			height: 4.5rem;
		}
		.onepoint-mark-o{
			width: 7rem;
			height: 7rem;
			left: 6.5rem;
		}
		.onepoint-mark-c{
			width: 9rem;
			height: 9rem;
			left: 12rem;
		}
	}
	@media (max-width:750px) {
		.onepoint-mark-m{
			margin-left: -3.25em;
			left: calc(50% - 5rem);
			bottom: -.25rem;
		}
		.onepoint-mark-o{
			margin-left: -3.25em;
			left: calc(50%);
			bottom: -.75rem;
		}
		.onepoint-mark-c{
			margin-left: -3.25em;
			left: calc(50% + 5.25rem);
			bottom: -.5rem;
		}
	}
	@keyframes mark{
		50% {
			transform: rotate(0); 
			-webkit-transform: rotate(0); 
		}
		60% { 
			transform: rotate(5deg); 
			-webkit-transform: rotate(8deg);
		}
		70% { 
			transform: rotate(-5deg); 
			-webkit-transform: rotate(-5deg); 
		}
		80% { 
			transform: rotate(5deg); 
			-webkit-transform: rotate(5deg); 
		}
		100% { 
			transform: rotate(0); 
			-webkit-transform: rotate(0); 
		}
	}


/*===================================
リクルート
===================================*/
.section-recruit{
	display: block;
	height: 327px;
	width: 100%;
	background: rgba(114,111,100,.7);
	position: relative;
}
	@media (max-width:1112px) {
		.section-recruit{
			height: 230px;
		}
	}
	@media (max-width:750px) {
		.section-recruit{
			height: auto;
			padding-top: 1em;
		}
	}

.recruit-inner{
	max-width: 1200px;
	margin: 0 auto;
	width: 90%;
	height: 100%;
	position: relative;
}
	@media (min-width:1536px) {
		.recruit-inner{
			max-width: 1349px;
		}
	}
	@media (max-width:750px) {
		.recruit-inner{
			display: block;
			padding-bottom: 5em;
		}
	}

.recruit-icon{
	font-size: 1.625em;
	line-height: 1.0;
	color: #fff;
	position: absolute;
	width: 10rem;
	height: 10rem;
	line-height: 10rem;
	text-align: center;
}
.recruit-icon div{
	position: relative;
}
.recruit-icon div:before{
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	width: calc(100% - 2px);
	height: calc(100% - 2px);
	border: 1px dashed #fff;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	animation:10s linear infinite rotation;
}

	@keyframes rotation{
		0%{ transform:rotate(0);}
		100%{ transform:rotate(360deg); }
	}
	@media (max-width:750px) {
		.recruit-icon{
			position: relative;
			font-size: .75em;
			width: 4.25rem;
			height: 4.25rem;
			line-height: 4.25rem;
			padding-bottom: .75em;
		}
	}

.section-recruit .item-txt{
	display: inline-block;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	font-size: 1.75em;
	color: #fff;
}
	@media (max-width:1112px) {
		.section-recruit .item-txt{
			font-size: 1.5em;
		}
	}
	@media (max-width:750px) {
		.section-recruit .item-txt{
			font-size: 1.375em;
		}
		.section-recruit a.arrow-l::before{
			top: auto;
			bottom: -3.1rem;
			right: 0;
			left: auto;
		}
		.section-recruit a.arrow-l::after{
			top: auto;
			bottom: -2rem;
			right: 1.25rem;
			left: auto;
		}
	}
.border-move .new{
	font-family: 'Montserrat', sans-serif;
	font-size: .625em;
	position: absolute;
	top: calc(50% - 2.25em);
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	color: #fff;
	padding: .25em 1em;
	line-height: 1.0;
	background: #df7503;
}

.border-move span{
	position: relative;
}
.border-move span::before{
	position: absolute;
	left: 0;
	bottom: -.5rem;
	width: 100%;
	height: 1px;
	background: #fff;
	content: "";
	transition: 1s;
	transform-origin: left top;
	transform: scale(0, 1);
}
.section-recruit:hover .border-move span::before{
	transform: scale(1, 1);
}