@charset "UTF-8";

/*
共通部分
*/
body{
	line-height:1.5;
	counter-reset: number 0;
}
.section p{
	font-size:120%;
	line-height:1.7;
	z-index:2;
	position:relative;
}

.f80per{ font-size:80%; }
.f120per{ font-size:120%; }
.color-black{
	color:#000;
}


#header{
	background-color:#274665;
	padding-top:1.5em;
	padding-bottom:1.5em;
}
.login-nav ul{
	padding-top:.5em;
}

.login-nav li,
.footerNav li{
	display:inline;
	display:inline-block;
	padding:0 1em;
	margin-right:.2em;
	margin-left:.2em;
}
.login-nav li a{
	border-bottom:none;
	padding:0;
	line-height:1
}
.login-nav li:last-child{
	border-left:1px solid #FFF;
}

#header .logo {
	width:auto;
	height:40px;
}

#footer{
	background-color:#FFF;
	color:#000;
	font-size:100%;
}
#footer a{
	color:#000;
}
#footer .content-width{
	padding:1.5em 1em;
}
#footer .copy{
	color:#777;
}


/*
プロモーションTOP
*/
.section{
	background-color:#F6F5F3;
	background-repeat:no-repeat;
	position:relative;
	overflow:hidden;
}
.section.odd{
}
.section.even{
	background-color:#FFF;
}
.section > .bgcolor02{
	background-color:transparent;
}
/* 表示箇所の調整 */
#section001{
	padding-bottom:50px;
}
#section001 .img-div{
	width:45%;
	position:relative;
}
#section001 .img-div img{
	position:absolute;
	top:4em;
	left:1em;
	max-width:auto;
	width:auto;
	z-index:0;
}
#section002{
	background-image:url("../images/home/img03.png");
	background-position:bottom center;
	padding-bottom:200px;
}
#section003 .img-div,
#section004 .img-div,
#section005 .img-div{
	position:absolute;
	right:0em;
}
#section003 .img-div{
	margin-top:5em;
}
#section004{
	padding-bottom:150px;
}
#section004 .img-div{
	margin-top:-2em;
}
#section005 .img-div{
	margin-right:10em;
}
#section006,
#section011{
	background-position:center right;
	background-color:#2E4056;
}
#section006{
	background-image:url("../images/home/img10.png");
}
#section011{
	background-image:url("../images/home/img12.png");
	padding:2em 0;
}



.section .content-width{
	padding:3em 1em 5em;
}
.section .content-width .border-box{
	margin:auto;
}

/*
タイトル
*/
.section-title{
	font-weight:bold;
	color:#405b78;
}
.section-title-sub{
	font-size:70%;
	font-size:1.2rem;
	display:block;
}

.section-title.title01{
	font-size:250%;
}
.section-title.title01 h1{
	font-size:150%;
	line-height:1.2;
}
.section-title.title01 h1 .section-title-sub{
	margin-right:.5em;
}
.section-title.title01 h2 .section-title-sub{
	margin-right:2em;
}

.section-title.title02:before{
	counter-increment: number 1;
	content:counter(number, decimal-leading-zero);
	color: #2581C4;
	font-size:250%;
	font-weight:bold;
	color:#C9D2D9;
	float:left;
	line-height:1;
	padding-right:.2em;
	padding-right:1.5rem;
}

.section-title.title02{
	font-size:325%;
	margin-bottom:1em;
	line-height:1.4;
}
.section-title.title02 .section-title-sub{
	font-size:80%;
}

.section-title.title03{
	font-size:200%;
	margin-bottom:1.5em;
}
.section-title.title03:after{
	content:'';
	display:block;
	margin:.75em auto 2em;
	border-bottom:1.5px solid #405b78;
	width:3em;
}


/*
申込ボタン
*/
.btn-apply{
	font-size:140%;
	padding:2em 1.5em;
	margin:1.5em 0;
	position:relative;
}
.btn-apply.btn-big{
	_font-size:130%;
	_padding:1.5em 3em;
}
.btn-apply i{
	font-size:140%;
	position:absolute;
	top:35%;
	right:1%;
}


/*
トップ項目
*/

.home-icon01{
	position:relative;
	font-size:110%;
	vertical-align:middle;
	width:10em;
	height:10em;
	text-align:center;
	color:#FFF;
	display:inline-block;
	display:table-cell;
	padding:1em;
	border-radius:999em;
	background-color:#D8524F;
	box-shadow:0 0 1em .3em rgba(255, 255, 255, 0.8);
}
.home-icon01:after{
	content: "";
	position: absolute;
	border:1em solid transparent;
	border-top:2em solid #D8524F;
	right:.5em;
	bottom:-1.2em;
	transform:rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}


/*
連番の機能紹介
*/
.section-title-num{
	display:none;
}
.section-about01 li{
	background-color:#274665;
	display:inline-block;
	border-radius:1em;
	color:#FFF;
	padding:1.5em;
	margin:1em;
	position:relative;
	z-index:1;
}
.section-about01 li:nth-of-type(2),
.section-about01 li:nth-of-type(3){
	font-size:105%;
	left:-5em;
}
.section-about01 li:nth-of-type(1){
	float:left;
}
.section-about01 li:nth-of-type(2){
	float:right;
	margin-right:10em;
}
.section-about01 li:nth-of-type(3){
	float:right;
	clear:right;
}
.section-about01 li:after{
	content: "";
	position: absolute;
	border:1em solid transparent;
	z-index:-1;
}
.section-about01 li:nth-of-type(1):after{
	border-width:1.5em;
	border-left:5em solid #274665;
	right:-5em;
	top:60%;
	transform:rotate(30deg);
	-webkit-transform: rotate(30deg);
}
.section-about01 li:nth-of-type(2):after,
.section-about01 li:nth-of-type(3):after{
	border-right:5em solid #274665;
}
.section-about01 li:nth-of-type(2):after{
	left:-1em;
	top:90%;
	transform:rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}
.section-about01 li:nth-of-type(3):after{
	top:60%;
	left:-4em;
	transform:rotate(-25deg);
	-webkit-transform: rotate(-25deg);
}

.bgcolor02 .section-title{
	color:#FFF;
}
.bgcolor02 .section-title.title03:after{
	border-bottom-color:#FFF;
}

.title02 .come{
	vertical-align:top;
	font-size:75%;
}

p span.color01,
p span.color02{
	font-weight:bold;
}


/*
ノウハウ記事・機能説明
*/
.border-box.list-box-wrap{
	border:none;
	overflow:hidden;
}
.list-box-wrap .box-header-title{
	background-color:#D9544F;
	margin-top:calc(-1em / 1.4);
	padding-top:1em;
	color:#FFF;
	position: relative;
	margin-bottom:1em;

}
.list-box-wrap .box-header-title:after{
	content: "";
	left: calc(50% - 3em);
	position: absolute;
	border:3em solid transparent;
	border-top: 1.1em solid #D9544F;
	_top:4em;
	bottom:-3.99em;
}
.list-style-square{
	padding:.5em;
	font-size:130%;
	line-height:1.8;
}
.list-style-square li:before{
	content:'■';
}

/*
料金
*/
.price-box{
	padding:.75em 5em;
	margin:1em 0;
	font-size:110%;
	border-radius:5em;
}
.price-box em{
	font-size:200%;
	font-style:normal;
}

/*
ドクター一覧
*/
.doctor-list li{
	float:left;
	padding:1em;
	margin-bottom:1em;
}
.doctor-list .img,
.doctor-list h3,
.doctor-list p{
	margin-bottom:.5em;
}
.doctor-list h3{
	font-size:140%;
	font-weight:bold;
}
.doctor-list p,
.doctor-list small{
	text-align:left;
}
.doctor-list small{
	font-size:95%;
	display:block;
}

/*
セミナー記事
*/
.article-list .date,
.article-list a{
	display:block;
}
.article-list a{
	margin-bottom:1em;
}




/* メールフォーム */
.mailform .h1-title{
	text-align:center;
	margin:3em;
	font-size:150%;
}
.mailform .border-box{
	line-height:1.5;
	text-align:center;
	margin:3em auto;
	padding:3em 5em;
	width:60%;
	min-width:500px;
}
.mailform.form-box .border-box{
	padding:7.5em 5em;
}

.mailform .border-box th,
.mailform .border-box td{
	text-align:left;
	display:block;
	padding:0;
}
.mailform .border-box td{
	margin-bottom:1.5em;
}

.mailform .btn.btn-big{
	padding:1em 3em;
}