@charset "utf-8";

/*基本設定
----------------------------------------------------*/

body {
		margin:0;
		padding:0;
		font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
		color:#282828;
		line-height:2;
		font-size:15px;
		-webkit-text-size-adjust: 100%;
		position: relative;
}

html {   
		overflow-y:scroll;   
}  


a {
		color:#2d7fa1;
		text-decoration:underline;
}

a:hover {
		color:#2d7fa1;
		text-decoration:none;
		opacity: 0.8;
}

img {
		border:0;
}

h1,h2,h3,h4,h5,p {
		margin:0;
		padding:0;
		font-weight:normal;
}

ul,li,dl,dt,dd {
		margin:0;
		padding:0;
		list-style-type:none;
}

table {
		width:100%;
		border:0;
}

figure{
	margin: 0;
	padding: 0;
	line-height: 0;
}

.clear {
		clear:both;
}

.fix:after {
		content: "."; 
		display:block; 
		clear:both;
		height:0;
		visibility:hidden;
}

.fix {
		min-height:1px;
}

* html .fix {
		height:1px;
		/*\*//*/
		height: auto;
		overflow: hidden;
		/**/
}

.red {
		color:#f92a2a;
}


/*section p
----------------------------------------------------*/

.section {
		margin:0 0 30px 0;
		width:100%;
}
.inner {
		width:100%;
}
.ml30 {
		margin-left: 30px;
}
.mr30{
		margin-right: 30px;
}

.btm0 {
		margin-bottom: 0!important;
}

.btm5 {
		margin-bottom:5px;
}

.btm10 {
		margin-bottom:10px;
}

.btm15 {
		margin-bottom:15px;
}

.btm20 {
		margin-bottom:20px;
}

.btm25 {
		margin-bottom:25px;
}

.btm30 {
		margin-bottom:30px;
}

.btm40 {
		margin-bottom:40px;
}


.top5 {
		margin-top:5px;
}

.top10 {
		margin-top:10px;
}

.top20 {
		margin-top:20px;
}
.top30 {
		margin-top: 30px;
}

.f10 {
		font-size:10px;
}

.f12 {
		font-size:12px!important;
}

.f13 {
		font-size: 13px!important;
}

.f14 {
		font-size:14px;
}

.f18 {
		font-size:18px!important;
}

p.l11 {
		line-height:1.1;
}

p.l13 {
		line-height:1.3;
}

.m0 {
		margin:0!important;
}

.tar {
		text-align:right;
}

.tac {
		text-align:center;
}

.f-l {
		float:left;
}

.f-r {
		float:right;
}

.lh15{
		line-height: 1.5;
}

.hover a:hover{
 	   opacity: 0.7; 
 	   filter: alpha(opacity=70); 
  	  -moz-opacity: 0.7;
}

.list_disc{
		margin-left: 20px;
}

.list_disc li{
		list-style: disc;
}

.list_num{
		margin-left: 20px;
		margin-bottom: 20px;
}

.list_num li{
		list-style-type: decimal;
}

.text_ul01{
		font-weight: bold;
		color: #e11f1f;
		text-decoration: underline;
}

.text_ul02{
		border-bottom: 1px solid;
}

.marker{
	font-size: 1.5em;
	background: #f8e859;
	display: inline;
	font-weight: bold;
}

.strong01{
	font-size: 1em;
	font-weight: bold;
	color: #f92a2a;
}

.strong02{
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
	color: #f92a2a;
	line-height: 1.5;
}

.strong03{
	font-size: 1.5em;
	font-weight: bold;
	color: #f6ff00;
	border-bottom: 2px solid;
}

.strong04{
	font-size: 1em;
	font-weight: bold;
	color: #f6ff00;
	border-bottom: 1px solid;
}

.strong05{
	font-size: 1.7em;
	font-weight: bold;
	color: #f92a2a;
	border-bottom: 3px solid;
}

.point01{
	font-size: 1.3em;
	font-weight: bold;
}


/*ヘッダー
----------------------------------------------------*/
#header{
	border-top: 7px solid #418baa;
	border-bottom: 3px solid #418baa;
}

.h_wrap{
	width: 95%;
	max-width: 1050px;
	margin: 0 auto;
	padding: 0 2.5%;
}

.h_copy{
	margin-top: 7px;
	display: block;
}

.h_copy h1{
	font-size: 12px;
	line-height: 1.5;
}

.h_conts{
	margin-top: 15px;
	
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.h_strong{
	display: -webkit-flex;
	display: flex;
}

.h_strong p{
	margin-left: 15px;
}

.h_strong p:first-of-type{
	margin-left: 0;
}

.h_strong p img{
	height: 27px;
}

.h_tel_contact{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
}

.h_tel{
	margin-top: 3px;
}

.h_tel_num{
	line-height: 0;
	margin-bottom: 10px;
}

.h_tel_num img{
	width: auto;
	max-width: 100%;
	height: 30px;
}

.h_tel_text p{
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	margin-top: 5px;
}

.h_tel_text p:first-of-type{
	margin-top: 0;
}

.h_tel_contact dl{
	display: -webkit-flex;
	display: flex;
	
	font-size: 12px;
	line-height: 1.5;
}

.h_tel_contact dl dt{
	width: 5em;
}

.h_contact{
	margin-left: 25px;
}

.h_contact_btn{
	display: block;
	
}

.h_contact_btn a{
	display: block;
	background: #e11f1f;
	color: #fff;
	padding: 7px 25px;
	
	text-align: center;
	border-radius: 5px;	
	line-height: 1;
	
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;

}

.h_contact_btn a img{
	margin-right: 10px;
	vertical-align: sub;
}

.h_map{
	background: url("../images/common/h_map.png") no-repeat left center;
	padding: 6px 0 6px 30px;
	margin-top: 5px;
	
	font-size: 12px;
	font-weight: bold;
	line-height: 17px;
}

.h_access{
	background: url("../images/common/h_access.png") no-repeat left center;
	padding: 6px 0 6px 30px;
	margin-top: 0px;
	
	font-size: 12px;
	font-weight: bold;
	line-height: 17px;
}

#sp_head,
#sp_top{
	display: none;
}


/*ナビ
----------------------------------------------------*/

.h_nav{
	margin-top: 30px;
}

.h_nav ul{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.h_nav ul li{
	width: calc(100% / 7 - 1px);
	border-left: 1px dotted #4692b2;
	
	text-align: center;
	padding: 5px 0;
}

.h_nav ul li:last-child{
	width: calc(100% / 7 - 2px);
	border-right: 1px solid #4692b2;
}

.h_nav ul li a{
	color: #212121;
	text-decoration: none;
}



/*ナビ
----------------------------------------------------*/
#scroll_menu{
	width: 100%;
	background: #fff;
	border-bottom: 1px solid #4692b2;
	padding: 15px 0;
	height: 45px;
	
	position: fixed;
	top: -86px;
	
	z-index: 99999;
	
	opacity: 0;
	transition: top 0.15s linear 0s, opacity 0.15s linear 0s;
}

.scroll_menu_wrap{
	width: 95%;
	max-width: 1050px;
	margin: 0 auto;
	padding: 0 2.5%;
	
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
}

.scroll_logo p{
	line-height: 0;
}

.scroll_logo img{
	width: auto;
	height: 3.4vw;
	max-height: 45px;
}

.scroll_menu ul{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.scroll_menu ul li{
	margin-left: 20px;
	line-height: 1.2;
}

.scroll_menu ul li a{
	font-size: 14px;
	color: #212121;
	text-decoration: none;
}


/*main-image
----------------------------------------------------*/

#mainimage{
	background: #f3f8fa repeat left top;
	
	width: 100%;
	max-height: 100%;
	max-height: 770px;
	
	position: relative;
}

.mainimage_pc,
.mainimage_sp{
	position: relative;
	z-index: 2;	
}

#mainimage p{
	text-align: center;
	line-height: 0;
}

#mainimage p img{
	width: 100%;
	max-width: 1250px;
}

.mainimage_sp{
	display: none;
}

.mainimage_bg{
	display: block;
	width: 100%;
	height: 100%;
	
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
	
	border-bottom: 6px solid #7cb6ce;
	background: url("../images/common/bg_mainimage_btm.png") repeat-x left bottom;
	background-size: 70vw auto;
}

/*common
----------------------------------------------------*/
#main{
	position: relative;
}

.bg_blue{
	background: #4692b2;
	color: #fff;
}

.bg_skyblue{
	background: #d6e4ea;
}


.bg_orange{
	background: #f9a109;
}

.mainconts{
	padding: 40px 0 60px;
}

.main_conts_wrap{
	width: 95%;
	max-width: 1050px;
	padding: 0 2.5%;
	margin: 0 auto;
}

.main_conts_wrap p{
	margin-bottom: 25px;
}

.main_conts_wrap p:last-of-type{
	margin-bottom: 0;
}

.ttl01{
	font-size: 32px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0.05em;
	text-align: center;
	color: #fff;
	line-height: 1.5;
	margin-bottom: 50px;
}

.ttl01 span{
	position: relative;
}

.ttl01 span:before{
	content: "";
	display: block;
	width: 46px;
	height: 83px;
	
	background: url("../images/common/ttl01_l.png") no-repeat left center;
	
	position: absolute;
	left: -66px;
	top: 0;
}

.ttl01 span:after{
	content: "";
	display: block;
	width: 46px;
	height: 83px;
	
	background: url("../images/common/ttl01_r.png") no-repeat left center;
	
	position: absolute;
	right: -46px;
	top: 0;
}

.ttl02{
	font-size: 32px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0.05em;
	text-align: center;
	color: #282624;
	line-height: 1.5;
	margin-bottom: 20px;
}

.ttl02_sub{
	border: 1px solid #282624;
	border-left: none;
	border-right: none;
	padding: 10px 0;
	
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	color: #282624;
}

.ttl03{
	font-size: 36px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0.05em;
	text-align: center;
	color: #282624;
	line-height: 1.5;
	margin-bottom: 40px;
}

.ttl04{
	font-size: 26px;
	font-weight: bold;
	letter-spacing: 0.05em;
	color: #fff;
	background: #2d7fa1;
	border-radius: 5px;
	width: calc(100% - 40px);
	padding: 10px 20px;
	margin-bottom: 20px;
}

.ttl05{
	border: 1px solid #282624;
	border-left: none;
	border-right: none;
	padding: 10px 0;
	
	margin-bottom: 20px;
	
	font-size: 28px;
	font-weight: bold;
	text-align: center;
}

.ttl06{
	font-size: 52px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	line-height: 1.2;
	margin-bottom: 50px;
}

.ttl07{
	font-size: 38px;
	font-weight: bold;
	line-height: 1.5;
	border-bottom: 2px solid;
	color: #8dbd3e;
	margin-bottom: 20px;
}

.ttl08{
	font-size: 36px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0.05em;
	text-align: center;
	color: #fff;
	line-height: 1.5;
	margin-bottom: 40px;
}

.tbl01,
.tbl01 tbody{
	display: block;
}

.tbl01 tbody tr{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	
	border-top:1px solid #e7e7e7;
}

.tbl01 tbody tr:last-of-type{
	border-bottom:1px solid #e7e7e7;
}

.tbl01 tbody tr th,
.tbl01 tbody tr td{
	padding: 20px;
	font-size: 18px;
}

.tbl01 tbody tr th{
	width: 10em;
	background: #8dbd3e;
	color: #fff;
}

.tbl01 tbody tr td{
	background: #fff;
	width: calc(100% - 10em);
}

/*トップページ
----------------------------------------------------*/

/* メディア掲載 */

.media_conts{
	padding: 60px 0 80px;
}

.media_ttl01{
	width: 100%;
	text-align: center;
	margin-bottom: 20px;
}

.media_ttl01 img{
	width: auto;
	max-width: 100%;
	height: auto;
}

.media_img{
	text-align: center;
	margin: 0 auto;
}

.media_img img{
	width: auto;
	max-width: 100%;
	height: auto;
}



/* 患者様の声　一番上 */
.main_voice_wrap{
	width: calc(100% - 40px);
	max-width: 900px;
	margin: 0 auto;
	
	background: #fff;
	border-radius: 10px;
	padding: 20px;
}

.mainvoice{
	width: 100%;
	max-width: 700px;
	margin: 0 auto;
}

.mainvoice_ttl{
	margin: 0 auto;
	line-height: 1.5;

	font-size: 30px;
	font-weight: bold;
	color: #f92a2a;
	text-align: center;
}

.mainvoice_movie{
	width: 100%;
	max-width: 700px;
	margin: 20px auto;
}

.mainvoice_movie iframe{
	width: 100%;
	max-width: 700px;
	height: 350px;
}

.mainvoice dl{
	margin-bottom: 30px;
}

.mainvoice dl:last-of-type{
	margin-bottom: 15px;
}

.mainvoice dt{
	font-size: 16px;
	background: #f1f9ff;
	padding: 10px 15px 10px 35px;
	border-radius: 5px;
	margin-bottom: 10px;
	line-height: 1.8;
}

.mainvoice dt:before{
	content: "Q";
	font-size: 1.2em;	
	color: #f92a2a;	
	line-height: 1;	
	margin-right: 5px;	
	margin-left: -20px;
}


/* あなたは、こんな悩みはありませんか？ */
.nayami_wrap{
	padding-bottom: 0 !important;
}

.nayami_conts{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	
	margin-top: 35px;
}

.nayami_img{
	width: 100%;
	max-width: 350px;
	margin-left: 30px;
	
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: flex-end;
	align-items: flex-end;
}

.nayami_img img{
	width: 100%;
}

.nayami_list{
	margin-bottom: 50px;
}

.nayami_list ul li{
	background: url("../images/top/icon_nayami.png") no-repeat left top;
	padding-left: 40px;
	margin-bottom: 18px;
	
	font-size: 17px;
}

/* その悩み、当院にお任せください */



.omakase_list{
	margin-top: 70px;
}


/* 患者様の声 */
.voice_list{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.voice_conts{
	width: calc(50% - 20px);
	max-width: 495px;
	box-shadow: 0 1px 5px #ddd;
	margin-left: 0;
	margin-right: 20px;
	margin-top: 40px;
}

.voice_conts:nth-child(1),
.voice_conts:nth-child(2){
	margin-top: 0;
}

.voice_conts:nth-child(2n){
	margin-right: 0;
	margin-left: auto;
}

.voice_ttl{
	background: #4692b2;
	padding: 10px 15px;
	border-radius: 5px 5px 0 0;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	letter-spacing: 0.05em;
	line-height: 1.5;
}

.voice_ttl span{
	display: block;
}

.voice_img{
	margin-bottom: 10px;
}

.voice_img img{
	width: 100%;
}

.voice_img iframe{
	width: 100%;
	height: 27vw;
	max-height: 293px;
}

.voice_text{
	padding: 0 10px 10px;
}

.voice_q{
	font-size: 16px;
	background: #4692b2;
	padding: 10px 15px 10px 35px;
	border-radius: 5px;
	margin-bottom: 10px;
	line-height: 1.8;
	color: #fff;
}

.voice_q:before{
	content: "Q";
	font-size: 1.2em;
	color: #fff;
	line-height: 1;
	margin-right: 5px;
	margin-left: -20px;
}

.voice_text p{
	padding: 0 15px 15px;
	margin-bottom: 5px;
}

.kj {
	font-size: 90%;
	color: #888;
}

div.kj {
	margin:30px 0;
}

p.kj {
	margin-top: -8px;
}



/* 院長プロフィール */
.profile_wrap{
	margin-top: 40px;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
	margin-bottom: 40px;
}

.profile_img{
	width: 312px;
	margin-left: 30px;
}

.profile_text{
	width: calc(100% - 342px);
}

.profile_text p{
	margin-bottom: 15px;
}

.profile_name{
	margin-top: 10px;
	font-size: 22px;
	font-weight: bold;
	color: #282624;
	text-align: center;
	line-height: 1.5;
}

.profile_recommend{
	width: calc(100% - 10px);
	max-width: 1050px;
	margin: 50px auto 0;
	border: 5px solid #f92a2a;
	background: #fff;
	border-radius: 10px;
}

.profile_recommend_wrap{
	width: calc(100% - 100px);
	padding: 30px 50px;
}

.profile_recommend_ttl{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	
	font-size: 34px;
	font-weight: bold;
	line-height: 1.5;
	color: #f92a2a;
	
	margin-bottom: 75px;
	position: relative;
}

.profile_recommend_ttl:after{
	content: "";
	display: block;
	
	width: 100%;
	border-bottom: 2px dashed #f92a2a;
	margin: 0 auto;
	
	position: absolute;
	left: 0;
	right: 0;
	bottom: -25px;
	
}

.profile_recoomend_conts{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.profile_recommend_img{
	width: 100%;
	max-width: 245px;
}

.profile_recommend_text{
	width: calc(100% - 245px);
	margin-left: 30px;
}

.profile_recommend_ttl02{
	font-size: 28px;
	font-weight: bold;
	padding-bottom: 7px;
	border-bottom: 3px solid;
	margin-bottom: 13px;
}

.profile_recommend_profile span{
	font-size: 1.4em;
	font-weight: bold;
}

.profile_seminar{
	background: #2d7fa1;
	padding: 30px;
	box-sizing: border-box;
	margin-top: 40px;
	position: relative;
}

.profile_seminar:after{
	content: "";
	display: block;
	
	border: 2px solid #fff;
	width: calc(100% - 10px);
	height: calc(100% - 10px);
	box-sizing: border-box;
	
	position: absolute;
	left: 5px;
	top: 5px;
}

.profile_seminar_ttl01{
	text-align: center;
	margin-bottom: 20px;
	padding: 0 15px;
	line-height: 1.3;
}

.profile_seminar_ttl01 span{
	font-size: 37px;
	font-weight: bold;
	color: #fff;
	
	position: relative;
}

.profile_seminar_ttl01 span:before{
	content: "";
	display: block;
	
	width: 18px;
	height: 49px;
	background: url("../images/top/icon_seminar_ttl01_l.png") no-repeat left top;
	background-size: contain;
	
	position: absolute;
	left: -30px;
	bottom: 0;
}

.profile_seminar_ttl01 span:after{
	content: "";
	display: block;
	
	width: 18px;
	height: 49px;
	background: url("../images/top/icon_seminar_ttl01_r.png") no-repeat left top;
	background-size: contain;
	
	position: absolute;
	right: -30px;
	bottom: 0;
}

.profile_seminar_img{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.profile_seminar_img li{
	width: calc(100% / 3 - 10px);
	margin-right: 15px;
}

.profile_seminar_img li:last-of-type{
	margin-right: 0;
}

.profile_seminar_img li img{
	width: auto;
	max-width: 100%;
	height: auto;
}

/*top_movie*/
.top_prmovie{
	width: 100%;
	height: 50vw;
	max-height: 560px;
}



/* スタッフ紹介 */
.staff_wrap{
	margin-top: 50px;
}

.staff_conts{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	
	margin-top: 50px;
}

.staff_img{
	width: 277px;
}

.staff_img img{
	width: auto;
	max-width: 100%;
}

.staff_info{
	width: calc(100% - 307px);
	margin-left: 30px;
}

.staff_voice{
	background: #fff;
	padding: 10px 20px;
	border-radius: 5px;
	
	margin-bottom: 10px;
	
	font-size: 26px;
	font-weight: bold;
	color: #f9a109;
	line-height: 1.5;
	
	position: relative;
}

.staff_voice:before{
	content: "";
	display: block;
	
	width: 0;
	height: 0;
	border: 15px solid transparent;
	border-right: 15px solid #fff;
	
	position: absolute;
	left: -27px;
	top: 14px;
}

.staff_name{
	font-size: 24px;
	font-weight: bold;
}

.staff_info dl{
	display: -webkit-flex;
	display: flex;
}

.staff_info dl dt{
	margin-right: 5px;
}


/* 施術時間について */
.service_time{
	
	width: calc(100% - 62px);
	max-width: 1080px;
	margin: 0 auto;
	border: 1px solid #f92a2a;

	padding: 30px;
	border-radius: 5px;
}

.service_time_wrap{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
}

.service_time_text{
	margin-left: 30px;
}

.service_time_ttl01{
	display: block;
	font-size: 32px;
	font-weight: bold;
	color: #f92a2a;
	text-decoration: underline;
	letter-spacing: 0.04em;
	margin-bottom: 20px !important;
	line-height: 1.5;
	text-align: center;
}

.service_time_conts{
	margin-top: 20px;
	color: #f92a2a;
}

.service_time_conts:first-of-type{
	margin-top: 0;
}

.service_time_ttl02{
	font-size: 24px;
	font-weight: bold;
	color: #f92a2a;
	letter-spacing: 0.04em;
	margin-bottom: 0 !important;
}


/* 施術の流れ */
.flow_conts_wrap{
	counter-reset: num;
}

.flow_conts{
	margin-top: 30px;
}

.flow_ttl01{
	font-size: 18px;
	font-weight: bold;
	color: #4692b2;
	letter-spacing: 0.04em;
	line-height: 1.4;
	
	position: relative;
}

.flow_ttl01:before{
	content: counter(num) ".";
	counter-increment: num;
	
	font-size: 2em;
	font-style: italic;
	margin-right: 5px;
}

.flow_ttl01:after{
	content: "";
	display: block;
	width: 100%;
	height: 0;
	
	position: absolute;
	bottom: 0;
	border-bottom: 1px solid #4692b2;
}

.flow_conts_inline{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
	
	margin-top: 30px;
}

.flow_img{
	width: 100%;
	max-width: 314px;
}

.flow_text{
	width: calc(100% - 314px);
	margin-right: 30px
}


/*選ばれる7つの理由*/

.select_conts_wrap{
	counter-reset: selectnum;
}

.select_conts{
	margin-top: 80px;
	counter-increment: selectnum;
}

.select_conts:first-of-type{
	margin-top: 40px;
}

.select_ttl01{
	background: #6fbc37;
    color: #fff;
    padding: 17px;
    border-radius: 5px;
    margin-bottom: 30px;
    font-size: 20px;
    font-weight: bold;
    padding-left: 118px;
    line-height: 1.5;
}

.select_ttl01:before{
	content: "理由" counter(selectnum);
	background: #fff;
	padding: 5px 7px;
	border-radius: 5px;
	margin-right: 1em;
	margin-left: -88px;
	font-weight: bold;
	color: #6fbc37;
}

.select_conts_inline{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	
}

.select_conts_lr{
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.select_conts_rl{
	-webkit-flex-direction: row;
	flex-direction: row;
}


.select_conts_lr .select_img,
.select_conts_rl .select_img{
	width: 314px;
}

.select_img img{
	width: auto;
	max-width: 100%;
}

.select_conts_lr .select_text{
	width: calc(100% - 344px);
	margin-right: 30px;
}

.select_conts_rl .select_text{
	width: calc(100% - 344px);
	margin-left: 30px;
}

.select_conts_tb{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
}

.select_conts_tb .select_img{
	margin-top: 30px;
	min-height: 0%;
}

.select_conts_tb .select_img ul{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.select_conts_tb .select_img ul li{
	margin-left: 30px;
	width: calc(100% / 3 - 20px);
}

.select_conts_tb .select_img ul li:first-child{
	margin-left: 0;
}

.select_recommend{
	border: 3px solid #8dbd3e;
	background: #fff;
	padding: 20px;
	border-radius: 10px;
	
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.recommend_ttl01{
	font-size: 24px;
	font-weight: bold;
	color: #8dbd3e;
	border-bottom: 2px dashed;
	margin-bottom: 15px;
}

.recommend_voice{
	background: #8dbd3e;
	padding: 15px;
	border-radius: 10px;
	
	font-size: 20px;
	font-weight: bold;
	line-height: 1.7;
	color: #fff;
	
	position: relative;
}

.recommend_voice:before{
	content: "";
	display: block;
	
	width: 0;
	height: 0;
	border: 20px solid transparent;
	border-right: 20px solid #8dbd3e;
	
	position: absolute;
	left: -30px;
	top: 10px;
}

.recommend_text{
	width: 100%;
	margin-top: 30px;
}



/* 施術料金・初回特別割引 */
.price_tbl,
.price_tbl tbody{
	display: block;
}

.price_tbl tr{
	display: -webkit-flex;
	display: flex;
	
	border-top: 1px solid #e7e7e7;
}

.price_tbl tr:last-of-type{
	border-bottom: 1px solid #e7e7e7;
}

.price_tbl tr th{
	display: block;
	width: 15em;
	padding: 20px;
	text-align: center;	
	font-weight: bold;
	background: #3aa5d2;
	
	font-size: 18px;
	
	color: #fff;
}

.price_tbl tr td{
	display: block;
	width: calc(100% - 15em);
	padding: 20px;
	font-size: 18px;
}

.price_tbl tr td span{
	font-size: 1.2em;
}

.price_offer{
	margin-top: 50px;
}

.price_offer_text01{
	font-size: 35px;
	font-weight: bold;
	line-height: 1.5;
	text-align: center;
	color: #282624;
}

.price_offer_text01 span{
	background: linear-gradient(transparent 60%, #f6ff00 60%);
}

.price_offer_limit01{
	margin-top: 40px;
	
	border-top: 1px solid #282624;
	border-bottom: 1px solid #282624;
	padding: 25px 0 15px;
}

.price_offer_limit01 p{
	font-size: 30px;
	font-weight: bold;
	color: #282624;
	text-align: center;
	line-height: 1.5;
}

.price_offer_limit01 span{
	font-size: 55px;
	color: #fb1e1e;
}

.price_offer_mainimg{
	margin: 30px auto;
	text-align: center;
}

.price_offer_mainimg img{
	width: auto;
	max-width: 100%;
}

.price_offer_limit02{
	font-size: 30px;
	font-weight: bold;
	color: #282828;
	text-align: center;
	line-height: 1.5;
	
	background: #ececec;
	display: block;
	width: calc(100% - 40px);
	padding: 20px;
	border-radius: 5px;
}

.member_num_close{
	text-decoration: line-through;
}

.member_num_limit{
	font-size: 1.5em;
	text-decoration: underline;
	color: #f92a2a;
}

.offer_conts_line{
	margin-top: 20px;
}

.offer_conts_line_pc img{
	width: auto;
	max-width: 100%;
}

.offer_conts_line_sp{
	display: none;
}



/* 何故、初回は1,980円なのか？ */
.conts_divide{
	margin: 40px auto;
	
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.conts_divide_l,
.conts_divide_r{
	width: 47.5%;
	background: #fff;
	border-radius: 10px 10px 0 0;
}

.conts_divide_ttl{
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	padding: 10px 20px;
	border-radius: 10px 10px 0 0;
}

.conts_divide_l .conts_divide_ttl{
	background: #e11f1f;
}

.conts_divide_r .conts_divide_ttl{
	background: #4692b2;
}

.conts_divide_text{
	padding: 20px;
}

.conts_divide_false li{
	background: url("../images/top/icon_false.png") no-repeat left 4px;
	padding-left: 30px;
	margin-bottom: 12px;
}

.conts_divide_false li:last-child{
	margin-bottom: 0;
}

.conts_divide_true li{
	background: url("../images/top/icon_true.png") no-repeat left 4px;
	padding-left: 30px;
	margin-bottom: 12px;
}

.conts_divide_true li:last-child{
	margin-bottom: 0;
}

.first_recall{
	margin-top: 50px;
}


/*さらに、以下の２つの来院特典をお付けしています！*/

.specialgift_conts{
	width: 100%;
	margin-top: 60px;

	display: -webkit-flex;
	display: flex;
}

.specialgift_conts:first-of-type{
	margin-top: 40px;
}

.special_gift_text{
	margin-left: 40px;
	font-size: 18px;
}

.gift_ttl01{
	font-size: 30px;
	font-weight: bold;
	line-height: 1;
	color: #4692b2;
	margin-bottom: 10px !important;
	
	position: relative;
}

.gift_ttl01 span{
	padding-left: 35px;
	display: inline;
	position: relative;
}

.gift_ttl01 span:before{
	content: "";
	display: block;
	background: url("../images/top/bg_giftttl01_01.png") no-repeat left top;
	width: 22px;
	height: 31px;
	
	position: absolute;
	left: 0;
	top: 5px;
}


.gift_ttl01 span:after{
	content: "";
	display: block;
	background: url("../images/top/bg_giftttl01_02.png") no-repeat left top;
	width: 22px;
	height: 31px;
	
	position: absolute;
	right: -30px;
	top: 5px;
}

.gift_ttl02{
	font-size: 30px;
	font-weight: bold;
	text-decoration: underline;
	line-height: 1.5;
	color: #4692b2;
	display: block;
	margin: 0 0 10px;
}



/* オファー */
.offer_conts01{

}

.offer_ttl01{
	font-size: 70px;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	color: #fff;
		
	display: block;
}

.offer_ttl01 span{
	position: relative;
}

.offer_ttl01 span:before{
	content: "";
	display: block;
	
	width: 44px;
	height: 80px;
	background: url("../images/top/bg_offer_ttl01_l.png") no-repeat left top;
	
	position: absolute;
	top: 10px;
	left: -70px;
}

.offer_ttl01 span:after{
	content: "";
	display: block;
	
	width: 44px;
	height: 80px;
	background: url("../images/top/bg_offer_ttl01_r.png") no-repeat left top;
	
	position: absolute;
	top: 10px;
	right: -70px;
}

.offer_conts_ttl01{
	font-size: 28px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	text-decoration: underline;
	letter-spacing: 0.04em;
}

.offer_conts01_img{
	margin: 30px auto;
	text-align: center;
	display: block;
}

.offer_conts01_img img{
	width: auto;
	max-width: 100%;
}

.offer_conts02{
	width: calc(100% - 42px);
	background: #fff;
	color: #282624;
	padding: 10px 20px;
	
	margin: 30px auto;
}

.offer_conts02 p{
	font-size: 42px;
	color: #282624;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0.04em;
	line-height: 1.2;
}

.offer_conts02 p span{
	font-size: 1.3em;
	color: #f92a2a;
}


.offer_conts03_pc,
.offer_conts03_img{
	position: relative;
}

.offer_conts03_sp{
	display: none;
}

.offer_conts03_img img{
	width: auto;
	max-width: 100%;
}

.offer_telbtn{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	
	position: absolute;
	bottom: 0.8vw;
	left: 0;
	right: 0;
}

.offer_telbtn{
	width: 100%;
}

.offer_telbtn img{
	width: auto;
	max-width: 90vw;
}

.offer_conts04{
	color: #fff;
	margin-top: 30px;
}

.offer_conts04 p{
	font-size: 13px;
	line-height: 2;
	margin-bottom: 0;
}

/* 施術メニュー */
.menulist_conts{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	
	margin-top: 50px;
}

.menulist_conts:first-of-type{
	margin-top: 0;
}

.menulist_img{
	width: 200px;
}

.menulist_text{
	width: calc(100% - 230px);
	margin-left: 30px;
}


/* 整体院の紹介 */
.info-gaikan{
	margin: 30px 0 50px;
}

.info-gaikan ul{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.info-gaikan ul li{
	width: calc(100% - 25px);
	margin-right: 50px;
}

.info-gaikan ul li:last-child{
	margin-right: 0;
}

.info-gaikan ul li img{
	width: auto;
	max-width: 100%;
	height: auto;
}

.info-naikan{
	margin-top: 30px;
}

.info-naikan ul{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.info-naikan ul li{
	width: calc(100% / 3);
	max-width: 330px;
	margin-right: 30px;
}

.info-naikan ul li:last-child{
	margin-right: 0;
}

.info-naikan ul li figure{
	margin-bottom: 10px;
}

.info-naikan ul li figure img{
	width: auto;
	max-width: 100%;
}

.info-naikan ul li p{
	line-height: 1.8;
}


/* アクセス */
.access_info_wrap{
	margin-top: 40px;
	
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.access_map{
	width: 100%;
	max-width: 540px;
}

.access_map iframe{
	width: 540px;
	height: 395px;
}

.access_mapinfo{
	width: calc(100% - 540px);
	margin-left: 50px;
}

.access_map_conts{
	margin-bottom: 20px;
}

.access_map_conts p{
	margin-bottom: 0;
}

.access_mapinfo dl{
	display: -webkit-flex;
	display: flex;	
}

.access_mapinfo dl dt{
	width: 5em;
}

.access_mapinfo dl dd{
	width: calc(100% - 5em);
}

.access_map_ttl01{
	font-size: 15px;
	font-weight: bold;
}

.access_root{
	margin-top: 50px;
}


.access_rootlist{
	margin-top: 40px;
	counter-reset: guidenum;
	
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.access_rootlist li{	
	width: calc(100% / 3 - 67px);
	max-width: 305px;
	position: relative;
	margin-bottom: 25px;
	position: relative;
	text-align: center;
	vertical-align: top;
	margin-left: 100px;
}

.access_rootlist li:nth-child(3n+1){
	margin-left: 0;
}


.access_rootlist li:before {
    content: url("../images/top/access_arrow.png");
    left: -75px;
    position: absolute;
    top: 22%;
}

.access_rootlist li:first-child:before,
.access_rootlist li:nth-child(3n+1):before{
	content: none;
}

.access_rootlist li img{
	width: auto;
	max-width: 100%;
}

.access_rootlist_text{
	line-height: 1.5;
	margin: 10px 0 0 2.5em;
	text-align: left;
}

.access_rootlist_text:before{
	color: #4692b2;
	content: counter(guidenum) ".";
	counter-increment: guidenum;
	font-size: 25px;
	font-weight: bold;
	line-height: 1;
	margin-left: -1.5em;
	padding: 0 6px;
}


/* 最後に... */

.last_conts h2,
.last_conts p{

}

.last_catch_conts{
	margin-bottom: 40px;
}

.last_catch_ttl{
	font-size: 25px;
	font-weight: bold;
	color: #fff;
	text-decoration: underline;
}

.last_catch_text{
	margin-top: 40px;
}

.last_catch_text p{

}


/* pagetop */
#pagetop{
	position: absolute;
	bottom: 10px;
	right: 2.5%;
	line-height: 0;
}

#pagetop img{
	width: auto;
	max-width: 79px;
}


/*下層ページ
----------------------------------------------------*/
#breadcrumb{
	width: 95%;
	max-width: 1050px;
	padding: 0 2.5%;
	margin: 5px auto 0;
}

#breadcrumb ul{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

#breadcrumb ul li{
	font-size: 13px;
}

#breadcrumb ul li:before{
	content: ">";
	margin: 0 5px;
}

#breadcrumb ul li:first-child:before{
	content: none;
}


.contact_tel,
.contact_mail{
	margin-top: 40px;
}

.contact_tel p{
	margin-bottom: 5px;
}

.contact_telnum a{
	font-size: 1.5em;
	font-weight: bold;
}

.contact_tel dl{
	display: -webkit-flex;
	display: flex;
	margin-bottom: 10px;
}

.contact_tel dl dt{
	width: 5em;
}

.contact_tel dl dd{
	width: calc(100% - 5em);
}

.contact_btn{
	margin-top: 1em;
}

.contact_btn a{
	display: inline-block;
	box-sizing: border-box;
	padding: 8px 32px 8px 16px;
	background: #6fbc37;
	
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	position: relative;
	border-radius: 4px;
}

.contact_btn a:after{
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 6px solid transparent;
	border-left: 8px solid #fff;
	position: absolute;
	right: 4px;
	top: calc(50% - 7px);	
}

.contact_form{
	width: calc(100% - 80px);
	background: #d6e4ea;
	padding: 30px 40px;
	
	margin-top: 40px;
}


.form_tbl tr{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	
	padding-bottom: 20px;
	border-bottom: 1px dashed;
	margin-bottom: 20px;
}

.form_tbl tr th{
	width: 100%;
	display: block;
	text-align: left;
	
	font-size: 18px;
	font-weight: normal;
	line-height: 1.5;
	margin-bottom: 5px;
}

.form_tbl tr td{
	width: 100%;
	display: block;
}

.form_tbl tr td input{
	font-size: 17px !important;
}

.required{
	background: #fe4239;
	padding: 0 5px;
	font-size: 0.8em;
	color: #fff;
	margin-left: 10px;

	display: inline-block;
}


.form_name{
	display: block;
	width: 100%;
	max-width: 25em;
}

.form_mail{
	display: block;
	width: 100%;
	max-width: 30em;
}

.form_tel{
	display: block;
	width: 100%;
}

.form_tel input{
	display: block;
	width: 100%;
	max-width: 10em;
}

.form_reserve01,
.form_reserve02,
.form_reserve03{
	width: 100%;
	max-width: 20em;
}

.form_textarea{
	display: block;
	width: 100%;
	min-height: 200px;
}

.form_confirm{
	font-size: 16px;
	text-align: center;
}

.form_submit{
	margin-top: 15px;
	text-align: center;
}

.form_submit input{
	width: 100%;
	max-width: 500px;
	padding: 20px 0;
	margin: 0 auto;
	font-size: 25px;
	font-weight: bold;
	color: #fff;
	letter-spacing: 0.05em;
	border: none;
	background: #fe4239;
	border-radius: 100px;
	-webkit-appearance: none;
}

.form_submit input[disabled]{
	background: #ccc;
}


/*wordpress
----------------------------------------------------*/
.blog_conts{
	width: 95%;
	max-width: 1050px;
	padding: 20px 2.5%;
	margin: 0 auto 50px;
	
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.blog_main{
	width: calc(80% - 71px);
}

.single_date{
	background: #f92a2a none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    padding: 1px 10px;
}

.s_ttl01{
	color: #7fb8de;
    font-size: 32px;
    font-weight: bold;
    line-height: 1.2;
    margin: 15px 0;
    text-align: left;
}

.blog_cat{
	border-bottom: 1px dashed #212121;
    margin-bottom: 20px;
    padding-bottom: 20px;
}


.blog_side{
	width: 20%;
	max-width: 250px;
	border-left: 1px solid #7fb8de;
	padding-left: 35px;
	margin-left: 35px;
}

.side_blog_ttl{
	color: #212121;
    font-size: 19px;
    font-weight: bold;
    margin-bottom: 5px !important;
}

.blog_single p{
	margin-bottom: 15px;
}

.blog_single img.alignright{
	float: right;
	margin-left: 10px;
}

.blog_single img.alignleft{
	float: left;
		margin-right: 10px;
}

.blog_single img{
	width: auto;
	max-width: 100%;
	height: 100%;
}

.blog_single .single_date{
	margin-bottom: 0;
}

.single_ttl{
	color: #418baa;
    font-size: 32px;
    font-weight: bold;
    line-height: 1.2;
    margin: 15px 0;
    text-align: left;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 5px;
}

.single_cat{
	padding-bottom: 20px;
	border-bottom: 1px dashed #212121;
    margin-bottom: 40px;
    line-height: 1;
}

.single_cat p{
	float: left;
}

.blog_single h3{
	border-left: 10px solid #418baa;
	border-bottom: 1px solid #418baa;
    font-size: 1.6em;
    font-weight: bold;
    color: #282624;
    margin: 40px auto 25px;
    padding: 5px 0 5px 15px;
}

.blog_single h4{
	border-bottom: 1px dashed;
    font-size: 1.4em;
    font-weight: bold;
    color: #418baa;
    margin: 30px auto 15px;
    padding-bottom: 5px;
}

.blog_single ul{
	margin-bottom: 30px;
	background: #f5fafd;
	border: 1px solid #418baa;
	padding: 15px;
	border-radius: 5px;
}

.blog_single li{
	background: url("../images/top/icon_nayami.png") no-repeat left top;
	padding-left: 38px;
	margin-bottom: 10px;
	
	font-size: 20px;
	line-height: 1.7;
	
	border-bottom: 1px dashed;
	padding-bottom: 5px;
}

.blog_single p {
	margin-bottom: 30px;
}

.wp-pagenavi{
	text-align: center;
}

.side_menu{
	margin-bottom: 30px;
}

.side_menu ul{
	border-top: 2px solid #418baa;
    border-bottom: 2px solid #418baa;
    padding: 5px 10px;
}

.side_menu li{
	border-bottom: 1px dashed #418baa;
    margin-top: 8px;
    padding-bottom: 5px;
    padding-left: 1.3em;
    line-height: 1.6;
}

.side_menu li:first-child{
	margin-top: 0;
}

.side_menu li:before{
	content: url("../images/common/side_icon01.png");
    margin-left: -1.3em;
    margin-right: 5px;
    padding-top: 2px;
    vertical-align: middle;
}

.side_menu li:last-child{
	border-bottom: none;
	padding-bottom: 0;
}

.side_menu li a{
	text-decoration: none;
}



/*フッター
----------------------------------------------------*/

#sp_pagebtm{
	display: block;
	
	width: 100%;
	line-height: 0;
	opacity: 1;
	
	position: fixed;
	left: 0;
	bottom: -200px;
	
	transition: all 0.4s linear 0s;
	background: rgba(255, 255, 255, 0.8);
}

.sp_pagebtm-wrap{
	display: flex;
	justify-content: space-between;
	box-sizing: border-box;
	padding: 8px 8px 16px;
}

.sp_pagebtm-conts{
	margin-right: 4px;
}

.sp_pagebtm-conts:last-of-type{
	margin-right: 0;
}

.sp_pagebtm-conts img{
	width: auto;
	max-width: 100%;
	height: auto;
}

#footer{
	border-top: 6px solid #104259;
	background: #0c2029;
}

.f_wrap{
	width: 95%;
	max-width: 1050px;
	margin: 0 auto;
	padding: 40px 2.5%;
	
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.f_conts_l{
	font-size: 13px;
	color: #fff;
	line-height: 1.8;
}

.f_logo{
	margin-bottom: 20px;
}

.f_logo a:hover{
	opacity: 1;
}

.f_conts_l dl{
	display: -webkit-flex;
	display: flex;
	margin-bottom: 5px;
}

.f_conts_l dl dt{
	width: 4em;
}

.f_conts_l dl dd{
	width: calc(100% - 4em);
}

.f_bnr{
	margin-top: 20px;
}

.f_bnrconts img{
	width: auto;
	max-width: 100%;
	height: auto;
}

.f_conts_r{
	display: -webkit-flex;
	display: flex;
}

.f_conts_r dl {
	margin-left: 50px;
}

.f_conts_r dl dt{
	font-size: 14px;
	font-weight: bold;
	color: #fff;
}

.f_conts_r dl dd a{
	background: url("../images/common/f_icon.png") no-repeat left 3px;
	padding-left: 20px;
	color: #fff;
	text-decoration: none;
}

.f_cr{
	width: 100%;
	font-size: 13px;
	background: #191616;
	text-align: center;
	color: #fff;	
	
	padding: 5px 0;
}

.f_cr a{
 	color: #fff;
	text-decoration: none;
}
