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

/* Font 指定 */
@import url("https://fonts.googleapis.com/earlyaccess/sawarabimincho.css");
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");



@media (min-width: 1200px){
	.container-fluid{
		width: 1200px;
	}
}


html,
body{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	margin: 0;
	padding: 0;
	font-size: 16px;
	color: #17130e;
	line-height: 160%;
	font-feature-settings: "pkna" 1;
}

@media (max-width: 991px){
	html,body{font-size: 14px; font-feature-settings: "pkna" 1;}
}

@media (max-width: 767px){
	html,body{font-size: 12px; font-feature-settings: "pkna" 1;}
}


i{
	margin: 0 0.3em;
}

a{
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all  0.5s ease;
}

body{
	background: url(../img/bg_1.jpg) no-repeat top center fixed;
	background-size: cover;
}

/********************
斜め背景
********************/
.contents,
.contents_2{
  position: relative;
  overflow: hidden;
  margin: 10% 0;
  padding: 5.5rem 0 10rem;
}

.contents:before {/*茶色*/
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 150%;
	height: 80%;
	padding: 0;
	margin: 3% -20% 10%;
	background-image: -webkit-linear-gradient(270deg,rgba(63,51,39,1.00) 0%,rgba(87,68,49,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(63,51,39,1.00) 0%,rgba(87,68,49,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(63,51,39,1.00) 0%,rgba(87,68,49,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(63,51,39,1.00) 0%,rgba(87,68,49,1.00) 100%);
	-webkit-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center;
	-webkit-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	transform: rotate(3deg);
	z-index: -1;
}

.contents_2:before {/*ベージュ*/
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 150%;
	height: 80%;
	margin: 3% -20% 10%;
	background-image: -webkit-linear-gradient(270deg,rgba(251,248,239,1.00) 0%,rgba(241,225,202,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(251,248,239,1.00) 0%,rgba(241,225,202,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(251,248,239,1.00) 0%,rgba(241,225,202,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(251,248,239,1.00) 0%,rgba(241,225,202,1.00) 100%);
	-webkit-transform-origin: right center;
	-ms-transform-origin: right center;
	transform-origin: right center;
	-webkit-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg);
	z-index: -1;
}

.contents_inner {
  box-sizing: boder-box;
  width: 100%;
  max-width: 1200px;
  height: 100%;
  margin: 0 auto;
  padding: 4rem 1rem;
  color: #fff;
  text-align: center;
}

@media (max-width: 767px){
.contents_inner {
	padding: 0 1rem 8rem;
	}
}

/********************
共通
********************/

/** スマホでのみ改行 **/
@media (min-width: 768px){
	.br-sp{
		display: none;
	}
}

/** マーカー風アンダーライン **/
.m_orange {background:linear-gradient(transparent 70%, rgba(255,78,14,0.70) 70%);}/* オレンジ */

/** 自動改行 **/
em{
	display: inline-block;
	font-style: normal;
}

/***** トップへ戻る ****/
.back_top{
	display: inline-block;
	line-height: 160%;
	font-family: 'Sawarabi Mincho';
	font-size: 1.1rem;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	padding: 0.8rem 1.5rem;
	background: rgba(255,255,255,0.80);
	color: #3f3327;
	position: fixed;
	bottom: 1.5rem;
	right: 1.5rem;
	-webkit-box-shadow: 0px 0 0.5rem rgba(63,51,39,0.70);
	box-shadow: 0px 0 0.5rem rgba(63,51,39,0.70);
}

.back_top:hover{
	color: #F42B0E;
	text-decoration: none;
	background: rgba(255,255,255,1.00);
}

/********************
ヘッダー
********************/
header{
	-webkit-box-shadow: 0px 0px 0.8rem rgba(0,0,0,0.70);
	box-shadow: 0px 0px 0.8rem rgba(0,0,0,0.70);
	background-image: -webkit-linear-gradient(270deg,rgba(63,51,39,1.00) 0%,rgba(87,68,49,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(63,51,39,1.00) 0%,rgba(87,68,49,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(63,51,39,1.00) 0%,rgba(87,68,49,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(63,51,39,1.00) 0%,rgba(87,68,49,1.00) 100%);
}

/* ロゴ */
#header_logo{
	position: relative;
}

#header_logo div{
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	padding: 1.5rem 0.8rem 1.8rem;
	background: #fff;
	width: 80%;
	z-index: 9999;
	-webkit-box-shadow: 0 0 1rem 0.2rem rgba(0,0,0,0.70);
	box-shadow: 0 0 1rem 0.2rem rgba(0,0,0,0.70);
	border-bottom-left-radius: 0.5rem;
	border-bottom-right-radius: 0.5rem;
}

#header_logo img{
	display: block;
	margin: 0 auto;
	width: 80%;
	height: auto;
}


/* お問い合わせ */
.header-contact{
	display: block;
	margin: 1rem 0.8rem;
	text-align: center;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 3.5rem;
	height: 3.5rem;
	font-family: 'Sawarabi Mincho';
	color: #3f3327;
	text-decoration: none;
	border-radius: 0.5rem;
	background-image: -webkit-linear-gradient(270deg,rgba(251,248,239,1.00) 0%,rgba(241,225,202,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(251,248,239,1.00) 0%,rgba(241,225,202,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(251,248,239,1.00) 0%,rgba(241,225,202,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(251,248,239,1.00) 0%,rgba(241,225,202,1.00) 100%);
}

.header-contact:hover{
	text-decoration: none;
	font-weight: bold;
	color: #F42B0E;
	background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(251,248,239,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(251,248,239,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(251,248,239,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(251,248,239,1.00) 100%);
}

@media (max-width: 767px){
	.header-contact{
		font-size: 1.2rem;
	}
}

/********************
Content1
********************/
#content_1 .container-fluid{
	padding: 2rem 0 0;
	margin: 3rem auto 0;
}

@media (max-width: 767px){
	#content_1 .container-fluid{
		margin-top: 1rem;
	}
}

#content_1 h1{
	font-family: 'Sawarabi Mincho';
	font-size: 3rem;
	font-weight: bold;
	text-align: center;
	line-height: 180%;
	padding: 1.2rem 1rem;
	background: rgba(255,255,255,0.60);
	margin-bottom: 3rem;
}
#content_1 h1 .m_orange {
	font-size: 1.4em;
}

#content_1 h2{
	font-size: 1.8rem;
	margin: 0 1rem;
	font-weight: bold;
	text-align: center;
	line-height: 180%;
	text-shadow: 
		0 2px 0 #fff,
		2px 0 0 #fff,
		0 -2px 0 #fff,
		-2px 0 0 #fff,
		-2px -2px 0 #fff,
		2px -2px 0 #fff,
		-2px 2px 0 #fff,
		-2px -2px 0 #fff
}

#content_1 h2 strong{
	font-size: 1.4em;
	font-weight: bold;
	color: #F42B0E;
}

#content_1 .arrow{
	display: block;
	text-align: center;
	margin: 1.5rem auto 0;
	font-size: 5rem;
	color: #F42B0E;
	transform: scale(1.5 , 1)
}


@media (max-width: 767px){
	#content_1 h1{
		font-size: 2rem;
	}
	#content_1 h2{
		font-size: 1.5rem;
	}
}

/********************
Navi
********************/
#navi{
	margin: 3rem auto 0;
}
#navi div{
	margin: 0;
	padding: 0;
}

#navi a{
	display: block;
	margin: 0.8rem;
	padding: 1rem 0;
	font-size: 1.1rem;
	text-align: center;
	line-height: 160%;
	font-family: 'Sawarabi Mincho';
	color: #fff;	
	border-radius: 0.5rem;
	background-image: -webkit-linear-gradient(270deg,rgba(63,51,39,1.00) 0%,rgba(87,68,49,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(63,51,39,1.00) 0%,rgba(87,68,49,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(63,51,39,1.00) 0%,rgba(87,68,49,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(63,51,39,1.00) 0%,rgba(87,68,49,1.00) 100%);
}

#navi a:hover{
	text-decoration: none;
	font-weight: bold;
	color: #F42B0E;
	background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(251,248,239,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(251,248,239,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(251,248,239,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(251,248,239,1.00) 100%);}

#navi a strong{
	font-size: 1.2em;
}

@media (max-width: 767px){
	#navi a{
		font-size: 1.4rem;
		margin: 0.5rem 1rem 1.5rem;
		padding: 1.5rem 0.5rem;
	}
}

/********************
理由その1
********************/
.reason_1 p{
	text-align: left;
	font-size: 1.2rem;
	line-height: 180%;
	margin: 1rem;
}

.reason_1 p strong{
	font-size: 1.2em;
}

.reason_1 img{
	display: block;
	max-width: 100%;
	background: #fff;
	padding: 1rem;
	margin: 1rem auto 3rem;
	-webkit-box-shadow: 0px 0.2rem 0.5rem rgba(0,0,0,0.80);
	box-shadow: 0px 0.2rem 0.5rem rgba(0,0,0,0.80);
}

.reason_1 h1{
	font-family: 'Sawarabi Mincho';
	font-size: 2.5rem;
	font-weight: bold;
	text-align: center;
	line-height: 180%;
	color: #fff;
}

.reason_1 h1 strong{
	font-size: 1.5em;
	margin: 0 1rem 1.5rem;
}

.reason_1 h2{
	font-family: 'Sawarabi Mincho';
	font-size: 2rem;
	font-weight: bold;
	text-align: left;
	margin-bottom: 1.5rem;
}

.reason_1 h2 span{
	display: inline-block;
	width: 5rem;
	height: 5rem;
	padding: 0.8rem;
	margin-right: 1rem;
	border-radius: 3rem;
	background: #F42B0E;
	text-align: center;
	color: #fff;
	font-size: 1rem;
}

.reason_1 h2 span strong{
	font-size: 2.2rem;
}


/********************
理由その2
********************/
.reason_2 p{
	text-align: left;
	font-size: 1.2rem;
	line-height: 180%;
	color: #17130e;
	margin: 1rem;
}

.reason_2 p strong{
	font-size: 1.2em;
}


.reason_2 img{
	display: block;
	max-width: 100%;
	background: #fff;
	padding: 1rem;
	margin: 1rem auto 3rem;
	-webkit-box-shadow: 0px 0.2rem 0.5rem rgba(0,0,0,0.80);
	box-shadow: 0px 0.2rem 0.5rem rgba(0,0,0,0.80);
}


.reason_2 h1{
	font-family: 'Sawarabi Mincho';
	font-size: 2.5rem;
	font-weight: bold;
	text-align: center;
	line-height: 180%;
	color: #17130e;
}

.reason_2 h1 strong{
	font-size: 1.5em;
	margin: 0 1rem 1.5rem;
}

.reason_2 ol{
	color: #17130e;
	text-align: left;
}

@media (max-width: 767px){
	.reason_1 h1,
	.reason_2 h1{
		font-size: 1.4rem;
	}
	
	.reason_1 h1 strong,
	.reason_2 h1 strong{
		font-size: 1.3em;
	}
}

/**** 問い合わせボタン ****/
.btn-contact{
	display: block;
	margin: 0.5rem auto;
	text-align: center;
	font-size: 2rem;
	font-weight: bold;
	line-height: 5rem;
	height: 5rem;
	font-family: 'Sawarabi Mincho';
	color: #3f3327;
	text-decoration: none;
	border-radius: 0.5rem;
	background-image: -webkit-linear-gradient(270deg,rgba(251,248,239,1.00) 0%,rgba(241,225,202,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(251,248,239,1.00) 0%,rgba(241,225,202,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(251,248,239,1.00) 0%,rgba(241,225,202,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(251,248,239,1.00) 0%,rgba(241,225,202,1.00) 100%);
}
.btn2-contact{
	display: block;
	margin: 0.5rem auto;
	text-align: center;
	font-size: 2rem;
	font-weight: bold;
	line-height: 5rem;
	height: 5rem;
	font-family: 'Sawarabi Mincho';
	color: #fff;
	text-decoration: none;
	border-radius: 0.5rem;
	background-image: -webkit-linear-gradient(270deg,rgba(63,51,39,1.00) 0%,rgba(87,68,49,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(63,51,39,1.00) 0%,rgba(87,68,49,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(63,51,39,1.00) 0%,rgba(87,68,49,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(63,51,39,1.00) 0%,rgba(87,68,49,1.00) 100%);
}

.btn-contact:hover,
.btn2-contact:hover{
	text-decoration: none;
	font-weight: bold;
	color: #F42B0E;
	background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(251,248,239,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(251,248,239,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(251,248,239,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(251,248,239,1.00) 100%);
}

@media (max-width: 767px){
	.btn-contact,
	.btn2-contact{
		font-size: 1.5rem;
	}
}


/********************
先輩ドクターの声
********************/
#doctor{
	padding: 1.8rem 1rem 2.5rem;
	background: rgba(63,51,39,0.80);
	margin-bottom: 5rem;
	color: #fff;
}

#doctor img{
	display: block;
	max-width: 100%;
	height: auto;
	background: #fff;
	padding: 1rem;
	margin: 1rem 0 1rem auto;
	-webkit-box-shadow: 0px 0.2rem 0.5rem rgba(0,0,0,0.80);
	box-shadow: 0px 0.2rem 0.5rem rgba(0,0,0,0.80);
}

#doctor h3{
	font-family: 'Sawarabi Mincho';
	font-size: 1.4rem;
	margin: 1rem 0 1rem;
}

#doctor h4{
	font-family: 'Sawarabi Mincho';
	font-size: 1.2rem;
	text-align: right;
}

#doctor h1{
	font-family: 'Sawarabi Mincho';
	font-size: 2rem;
	font-weight: bold;
	margin: 0.5rem 0 1.5rem;
	line-height: 180%;
}

#doctor h2{
	font-family: 'Sawarabi Mincho';
	font-size: 1.5rem;
	font-weight: bold;
	margin: 1.5rem 0 1rem;
	line-height: 160%;
}

#doctor .img_left{
	float: left;
	width: 30%;
	height: auto;
	margin: 0 1rem 2rem 0;
}


#doctor .img_right{
	float: right;
	width: 30%;
	height: auto;
	margin: 0 0 2rem 1rem;
}

#doctor .clear{
	clear: both;
}

#doctor .clinic{
	color: #17130e;
	background: rgba(251,248,239,0.80);
	padding: 2rem 1rem 0;
	margin-bottom: 2rem;
}

/********************
会社情報
********************/
#company{
	padding: 1.8rem 1rem 2.5rem;
	margin-bottom: 0;
	color: #17130e;
	background: rgba(251,248,239,0.80);
}

.link{
	color: #17130e;
}

.link:hover{
	color: #DC4C02;
}

#company h1{
	font-family: 'Sawarabi Mincho';
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: 1.5rem;
}

#company h2{
	font-family: 'Sawarabi Mincho';
	font-size: 1.5rem;
	font-weight: bold;
}

#company img{
	display: block;
	max-width: 100%;
	height: auto;
	background: #fff;
	padding: 1rem;
	margin: 1rem auto;
	-webkit-box-shadow: 0px 0.2rem 0.5rem rgba(0,0,0,0.80);
	box-shadow: 0px 0.2rem 0.5rem rgba(0,0,0,0.80);
}

.bold{
	font-family: 'Sawarabi Mincho';
	font-size: 1.2rem;

}

#corp_info{
	width: 100%;
	border: 1px solid #3F3327;
	margin: 1rem 0 1.5rem;
}

#corp_info caption{
	font-family: 'Sawarabi Mincho';
	font-size: 1.2rem;
	font-weight: bold;
	color: #3F3327;
}

#corp_info th,
#corp_info td{
	margin: 0;
	padding: 0.8rem;
	border: 1px dotted #3F3327;
}

#corp_info th{
	background: #3F3327;
	color: #fff;
	border-bottom: 1px dotted #fff;
}

#privacy{
	margin: 5rem 0 2rem;
}

#privacy h3{
	font-family: 'Sawarabi Mincho';
	font-size: 1.5rem;
	font-weight: bold;
	color: #3F3327;
	text-align: center;
	padding: 0.5rem;
	border-bottom: 1px dotted #3F3327;
	margin: 0 0 1rem;
}

#privacy h4{
	font-family: 'Sawarabi Mincho';
	font-size: 1.2rem;
	font-weight: bold;
	margin-top: 1.5rem;
}

.dot_box{
	border: 1px dotted #3F3327;
	padding: 1rem;
	margin: 0 0 1rem;
}


/********************
Fotter
********************/
footer{
	font-size: 0.8rem;
	padding: 0.5rem;
	text-align: center;
	color: #fff;
	background-image: -webkit-linear-gradient(270deg,rgba(63,51,39,1.00) 0%,rgba(87,68,49,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(63,51,39,1.00) 0%,rgba(87,68,49,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(63,51,39,1.00) 0%,rgba(87,68,49,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(63,51,39,1.00) 0%,rgba(87,68,49,1.00) 100%);
}

/********************
セミナー情報
********************/
.seminar{
	background: #fff;
	margin: 2rem 0.8rem;
	padding: 1.5rem 2rem;
	text-align: center;
	-webkit-box-shadow: 0px 0.2rem 0.5rem rgba(0,0,0,0.50);
	box-shadow: 0px 0.2rem 0.5rem rgba(0,0,0,0.50);
}

.seminar h2{
	font-family: 'Sawarabi Mincho';
	font-size: 1.5rem;
	font-weight: bold;
	margin: 1rem 0 1.5rem;
}

.seminar .btn2-contact{
	font-size: 1.2rem;
	line-height: 3rem;
	height: 3rem;
}

.seminar .date{
	color: #F42B0E;
	font-size: 1.3rem;
	font-weight: bold;
	margin: 2rem 0;
}











header {
	position: fixed;
    width: 100%;
	height:90px;
    top: 0;
    z-index: 10;
}
.row {
	position: relative;
}
.header_link1 {
	width:360px;
	position: absolute;
	right: 360px;
}
.header_link1 a {
	display: block;
    margin: 1rem 0.8rem;
    text-align: center;
    font-size: 1.5rem;
    font-weight: bold;
    font-family: 'Sawarabi Mincho';
    color: #3f3327;
    text-decoration: none;
    border-radius: 0.25rem;
    background-image: -webkit-linear-gradient(270deg,rgba(251,248,239,1.00) 0%,rgba(241,225,202,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(251,248,239,1.00) 0%,rgba(241,225,202,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(251,248,239,1.00) 0%,rgba(241,225,202,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(251,248,239,1.00) 0%,rgba(241,225,202,1.00) 100%);
}
.header_link1 a:hover {
	text-decoration: none;
	font-weight: bold;
	color: #F42B0E;
	background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(251,248,239,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(251,248,239,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(251,248,239,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(251,248,239,1.00) 100%);
}
.header_link2 {
	width:360px;
	position: absolute;
	right: 0;
}
#seminar {
	margin: 0  auto -100px ;
	padding: 100px 0 0;
}
.header_link1 a,
.header_link2 a  {
	line-height:1.5;
	height: auto;
	padding: 2% 0;
}
.header_link1 a br,
.header_link2 a br {
	display: none;
}

@media (max-width: 991px){
header {
	height:80px;
}
.header_link1 {
	width:38%;
	position: absolute;
	right: 37%;
}
.header_link2 {
	width:38%;
	position: absolute;
	right: 0;
}
.header_link1 a,
.header_link2 a  {
	font-size:1.5rem;
}
}
@media (max-width:767px){
header {
	height:70px;
}
.header_link1 {
	width:32%;
	position: absolute;
	right: 30%;
}
.header_link2 {
	width:32%;
	position: absolute;
	right: 0;
}
.header_link1 a,
.header_link2 a  {
	font-size:1rem;
	line-height:1.5;
	height: auto;
	padding: 2% 0;
}
.header_link1 a br,
.header_link2 a br {
	display: block;
}

}