@charset "utf-8";

body {
	color: #333;
	background: #fff;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	  -webkit-text-size-adjust: 100%;
}
.mainWrap {
	min-width: 1000px;
	overflow: hidden;
}
@media only screen and (max-width:767px){
	.mainWrap { min-width: 100%; }
}


/* ---------------------------------------------------------
汎用
--------------------------------------------------------- */

.clearfix::after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	font-size:0;
	visibility:hidden;
}


/* font size */
.f10 {font-size: 63%;}/*10px*/
.f11 {font-size: 69%;}/*11px*/
.f12 {font-size: 75%;}/*12px*/
.f13 {font-size: 82%;}/*13px*/
.f14 {font-size: 88%;}/*14px*/
.f15 {font-size: 94%;}/*15px*/
.f16 {font-size:100%;}/*16px*/
.f17 {font-size:107%;}/*17px*/
.f18 {font-size:113%;}/*18px*/
.f19 {font-size:119%;}/*19px*/
.f20 {font-size:125%;}/*20px*/
.f22 {font-size:138%;}/*22px*/
.f23 {font-size:144%;}/*23px*/
.f24 {font-size:150%;}/*24px*/
.f26 {font-size:163%;}/*26px*/
.f28 {font-size:175%;}/*28px*/
.f30 {font-size:188%;}/*30px*/
.f32 {font-size:200%;}/*32px*/
.f34 {font-size:213%;}/*34px*/
.f36 {font-size:225%;}/*36px*/
.f38 {font-size:238%;}/*38px*/
.f40 {font-size:250%;}/*40px*/
.f48 {font-size:300%;}/*48px*/
.f60 {font-size:375%;}/*60px*/
@media only screen and (max-width:767px){
	/* font size */
	.f10 {font-size: 12px;}
	.f11 {font-size: 12px;}
	.f12 {font-size: 12px;}
	.f13 {font-size: 14px;}
	.f14 {font-size: 14px;}
	.f15 {font-size: 14px;}
	.f16 {font-size: 14px;}
	.f17 {font-size: 16px;}
	.f18 {font-size: 16px;}
	.f19 {font-size: 16px;}
	.f20 {font-size: 16px;}
	.f22 {font-size: 16px;}
	.f23 {font-size: 16px;}
	.f24 {font-size: 16px;}
	.f26 {font-size: 18px;}
	.f28 {font-size: 18px;}
	.f30 {font-size: 18px;}
	.f32 {font-size: 20px;}
	.f34 {font-size: 20px;}
	.f36 {font-size: 20px;}
	.f38 {font-size: 20px;}
	.f40 {font-size: 20px;}
	.f48 {font-size: 20px;}
	.f60 {font-size: 36px;}
}

/* マージン */
.mt5 { margin-top:5px;}
.mt10 { margin-top:10px;}
.mt15 { margin-top:15px;}
.mt20 { margin-top:20px;}
.mt25 { margin-top:25px;}
.mt30 { margin-top:30px;}
.mt35 { margin-top:35px;}
.mt40 { margin-top:40px;}
.mt45 { margin-top:45px;}
.mt50 { margin-top:50px;}
.mt55 { margin-top:55px;}

.mb10 { margin-bottom:10px;}
.mb15 { margin-bottom:15px;}
.mb20 { margin-bottom:20px;}
.mb25 { margin-bottom:25px;}
.mb30 { margin-bottom:30px;}
.mb35 { margin-bottom:35px;}
.mb40 { margin-bottom:40px;}
.mb45 { margin-bottom:45px;}
.mb50 { margin-bottom:50px;}
.mb55 { margin-bottom:55px;}
.mb60 { margin-bottom:60px;}
.mb70 { margin-bottom:70px;}
.mb80 { margin-bottom:80px;}

.pt30 { padding-top:30px;}
.pt40 { padding-top:40px;}
.pt50 { padding-top:50px;}

@media only screen and (max-width:767px){
	/* マージン */
	.mt5 { margin-top:2%;}
	.mt10 { margin-top:2%;}
	.mt15 { margin-top:2%;}
	.mt20 { margin-top:5%;}
	.mt25 { margin-top:5%;}
	.mt30 { margin-top:5%;}
	.mt35 { margin-top:5%;}
	.mt40 { margin-top:8%;}
	.mt45 { margin-top:8%;}
	.mt50 { margin-top:10%;}
	.mt55 { margin-top:10%;}

	.mb10 { margin-bottom:2%;}
	.mb15 { margin-bottom:2%;}
	.mb20 { margin-bottom:5%;}
	.mb25 { margin-bottom:5%;}
	.mb30 { margin-bottom:5%;}
	.mb35 { margin-bottom:5%;}
	.mb40 { margin-bottom:8%;}
	.mb45 { margin-bottom:8%;}
	.mb50 { margin-bottom:10%;}
	.mb55 { margin-bottom:10%;}
	.mb60 { margin-bottom:50%;}
	.mb70 { margin-bottom:10%;}
	.mb80 { margin-bottom:10%;}

	.pt30 { padding-top:5%;}
	.pt40 { padding-top:8%;}
	.pt50 { padding-top:10%;}
}


a ,a:active { text-decoration:none; }
strong { font-weight: bold; }
img { line-height:0; font-size:0; vertical-align:bottom;}
@media only screen and (max-width:767px){
	img { max-width:100%; height:auto;}
}

/* 幅 */
.inner {
	max-width: 880px;
	padding: 0 10px;
	margin: 0 auto;
}

.pt3{
	padding-top: 3%!important;
}

section .inner {padding: 40px 10px 60px;}

@media only screen and (max-width:767px){
	section .inner {padding: 20px 2.5% 30px;}
}

/* 見出し */
.hTtl {
	position: relative;
	width: 100%;
	min-width: 1000px;
	display: table;
	color: #fff;
	font-size: 100%;
	text-align: center;
	padding: 40px 10px;
}
.hTtl .hTtl_m {
	display: table-cell;
	vertical-align: middle;
}


.hTtl .hTtl_f30 { font-size: 188%;/*30px*/ }
.hTtl .hTtl_f36 { font-size: 225%;/*36px*/ }
.hTtl .hTtl_f40 { font-size: 250%;/*40px*/ }
.hTtl .hTtl_f45 { font-size: 281.25%;/*45px*/ }

.hTtl_1 {
	width: 100%;
	color: #333;
	font-size: 275%;/*44px;*/
	font-weight: bold;
	text-align: center;
	line-height: 150%;
	padding: 0 10px 0;
}
.hTtl_1 .hTtl_f40 { font-size: 90.909%; }
.hTtl_1 .hTtl_f48 { font-size: 106.091%; }

.hTtl_2 {
	position: relative;
	width: 100%;
	max-width: 547px;
	font-size: 188%;/*30px*/
	font-weight: bold;
	text-align: center;
	margin: 65px auto 35px;
}
.hTtl_2:before {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	position: absolute;
	top: 50%;
	left: 50%;
	right: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 1;
}
.hTtl_2 span {
	background: #fff;
	padding: 0 20px;
	position: relative;
	z-index: 5;
}

.hTtl_3 {
	width: 100%;
	color: #333;
	font-size: 188%;/*30px;*/
	font-weight: bold;
	text-align: center;
	line-height: 180%;
	padding: 0 10px 0;
}
.hTtl_3 span { font-size: 119.681%; }


@media only screen and (max-width:767px){
	.hTtl {
		min-width: 100%;
		letter-spacing: -0.07em;
		padding: 30px 10px;
	}

	.hTtl .hTtl_f30 { font-size: 16px; }
	.hTtl .hTtl_f36 { font-size: 22px; }
	.hTtl .hTtl_f40 { font-size: 26px; }
	.hTtl .hTtl_f45 { font-size: 26px; }

	.hTtl_1 {
		font-size: 28px;
		font-weight: bold;
		line-height: 120%;
		letter-spacing: -0.05em;
		padding: 0 0 0;
	}
	.hTtl_1 .hTtl_f40 { font-size: 26px; }
	.hTtl_1 .hTtl_f48 { font-size: 30px; }

	.hTtl_2 {
		width: 88.35820895522389%;
		font-size: 22px;
		margin: 30px auto 15px;
	}
	.hTtl_2 span {
		background: #fff;
		padding: 0 5px;
		position: relative;
		z-index: 5;
	}

	.hTtl_3 {
		font-size: 22px;
		line-height: 160%;
		letter-spacing: -0.05em;
		padding: 0 0 0;
	}
	.hTtl_3 span { font-size: 26px; }

}
/* 見出し */
.ttl_bg_gr_top { background:#4bb5be; font-size:250%; color: #FFF; text-align:center; padding:20px 0;}/*トップページ背景グリーンの白文字 */
.ttl_bg_gr { background:#4bb5be; font-size:188%; color: #FFF; text-align:center; padding:20px 0;}/* 背景グリーンの白文字 */
.ttl_bg_gr_min { background:#4bb5be; font-size:107%; color: #FFF; text-align:center; padding:8px 0; line-height: 1.4;}/* 背景グリーンの白文字 17px */
.ttl_bk { font-size:188%;}/* 黒文字の左寄せ */
.ttl_bk_min { font-size:138%;}/* 黒文字の左寄せ */
.ttl_bk_ct {font-size:188%; text-align:center;}/* 黒文字のセンター揃え */
.ttl_gr { font-size:188%; color:#599B37;}/* グリーン文字の左寄せ */
.ttl_gr_ct { font-size:188%; color:#599B37;text-align:center;}/* グリーン文字のセンター揃え */
.ttl_border_b {padding: 10px 0 0 0; border-bottom: #83ccd2 1px solid;}/* 下ボーダーのタイトル */

@media only screen and (max-width:767px){
	.ttl_bg_gr_top {font-size:17px; padding:2% 1%; }
	.ttl_bg_gr {font-size:18px; padding:4% 1%;}
	.ttl_bg_gr_min {font-size:16px; padding:2% 1%;}
	.ttl_bk { font-size:18px;}
	.ttl_bk_ct {font-size:18px;}
	.ttl_gr { font-size:18px; }/* グリーン文字の左寄せ */
	.ttl_gr_ct { font-size:18px;}/* グリーン文字のセンター揃え */
}
@media only screen and (max-width:320px){
	.ttl_bg_gr_min {font-size:15px;}
}

/* 下矢印 */
.gr_arrow { margin-bottom: 23px;}
.gr_arrow::after {
	content: " ";
	position:absolute;
	border-style:solid;
	background-color:transparent;
	border-width:23px 23px 0;
	top:auto;
	bottom:-23px;
	left: 50%;
	right: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	border-color: #83ccd2 transparent;
}
/*  ▼ 濃い色の帯　*/
.gr_arrow2::after {
    content: " ";
    position: absolute;
    border-style: solid;
    background-color: transparent;
    border-width: 23px 23px 0;
    top: auto;
    bottom: -23px;
    left: 50%;
    right: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border-color: #246065 transparent;
}
/*  ▼ 黒茶色の帯　*/
.gr_arrow3::after {
    content: " ";
    position: absolute;
    border-style: solid;
    background-color: transparent;
    border-width: 23px 23px 0;
    top: auto;
    bottom: -23px;
    left: 50%;
    right: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border-color: #1f150c transparent;
}

/* リボン */
.ribon {
	width: 315px;
	background: url(../img/ribon.png) no-repeat;
	margin: 0 auto 5px;
}
.ribon span {
	display: block;
	font-weight: bold;
	text-align: center;
	position: relative;
	top: -3px;
}
@media only screen and (max-width:767px){
	.ribon {
		width: 190px;
		background-size: 190px auto;
		margin: 0 auto 10px;
	}
}

/* color */
.f_w { color: #fff; }
.f_r,.red-text { color: #cd3246; }
.f_g { color: #83ccd2; }
.f_dg { color: #246065; }
.f_or { color: #ed831c;}

/* align */
.txt_c{ text-align:center;}
.txt_r{ text-align:right;}

/* 背景色 */
.bg_gr { background:#83ccd2;}
.bg_lgr { background:#f2f8ea;}
.bg_w { background:#fff;}
.bg_llgr { background:#f7fdf4;}
.bg_lpk { background:#fef9fc;}
.bg_llbl { background:#f8fafe;}
.bg_lo { background:#fefcee;}
.bg_lbl { background:#f4fcff;}
.bg_dgr { background:#246065;}
.bg_red { background: #930000;}
.bg_dbr { background:#1f150c;}

/* 蛍光ペン 黄色 */
.f_border {
	background: -webkit-linear-gradient(
			transparent 70%,
			rgba(237, 194, 0, 0.5) 70%
		);
	background: linear-gradient(
			transparent 70%,
			rgba(237, 194, 0, 0.5) 70%
		);
 }
/* 蛍光ペン ピンク色 */
.f_p_border {
	background: -webkit-linear-gradient(
			transparent 70%,
			rgba(255, 107, 107, 0.5) 70%
		);
	background: linear-gradient(
			transparent 70%,
			rgba(255, 107, 107, 0.5) 70%
		);
 }
/* 赤線 */
.f_border_r { border-bottom: 3px dotted #cd3246; }
/* 見出し中央線 */
.f_g_border:before { border-top: solid 1px #83ccd2; }
.f_lg_border:before { border-top: solid 1px #bfe097; }

/* フロート */
.f_left { float:left;}
.f_right { float:right;}
@media only screen and (max-width:767px){
	.f_left { float:none;}
	.f_right { float:none;}
}

/* 改行 */
.br_pc { display:block;}
.br_sp { display:inline;}
@media only screen and (max-width:767px){
	.br_pc { display: inline;}
	.br_sp { display: block;}
}

/* PC、SPの表示・非表示 */
.spVer { display: none; }
@media only screen and (max-width:767px){
	.pcVer { display:none;}
	.spVer { display: block;}
}

/* block */
.block{ display: block;}

/* border */
table .border-top-4px{ border-top: #dedede 4px solid}

/* ========================================
    text decoration
======================================== */
.l {
  text-align: left !important;
}

.c {
  text-align: center !important;
}

.r {
  text-align: right !important;
}

.b {
  font-weight: bold !important;
}

.n {
  font-weight: normal !important;
}

._ {
  text-decoration: underline !important;
}





























/* ---------------------------------------------------------
header
--------------------------------------------------------- */
#header { position: relative; background: #fff; z-index: 10;}
#header .inner .logo { float: left; padding: 10px 0;}
#header .inner .logo img { width: 179px;}

/* headerにtelある場合*/
#header .inner .header_tel { float: right; padding: 10px 0;}
#header .inner .header_tel > div,
#header .inner .header_tel > a {font-size: 22px; font-weight: bold;}
#header .inner .header_tel img { margin-right: 5px;}
#header .inner .header_tel span { font-size: 13px; vertical-align: middle;}

@media only screen and (max-width:767px){

    /* headerにtelある場合*/
    #header .inner .header_tel { margin-right: -10px;}
    #header .inner .header_tel > div,
    #header .inner .header_tel > a { position: relative; padding-left: 36px; font-size: 14px; display: block; color: #4bb5be;}
    #header .inner .header_tel img { position: absolute; top: 0; left: 0}
    #header .inner .header_tel span { display: block; font-size: 11px; margin-top: 2px;}
}


/* ---------------------------------------------------------
footer
--------------------------------------------------------- */
#footer { background: #83ccd2; padding: 50px 0 0; position: relative; z-index: 99999;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#83ccd2+0,299aa4+50,244d65+100 */
background: #83ccd2; /* Old browsers */
background: -moz-linear-gradient(left, #83ccd2 0%, #299aa4 50%, #244d65 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #83ccd2 0%,#299aa4 50%,#244d65 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #83ccd2 0%,#299aa4 50%,#244d65 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#83ccd2', endColorstr='#244d65',GradientType=1 ); /* IE6-9 */
}
#footer .inner {text-align: center;}
#footer .inner p.boxTxt { background: rgba(255,255,255,0.9); color:#2798a2; font-weight: bold; display: inline-block; padding: 10px 20px; line-height: 1.4;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}
#footer .inner h2 { margin: 20px 0; line-height: 1.4;}


#footer .logo {padding-top: 10px; background: #FFF; margin-top: 40px;}
#footer .logo img { display: block; width: 254px; margin: auto;}
#footer p.copyright { background: #FFF; text-align: center; padding: 10px 0;}

@media only screen and (max-width:767px){
	#footer {padding: 30px 0 0;}
	#footer .inner p.boxTxt { padding: 10px 14px; letter-spacing: -0.02em;}
	#footer .inner h2 { font-size: 5.7vw;}
	#footer .logo { margin-top: 0px;}
	#footer .logo img { width: 179px;}
	#footer p.copyright { font-size: 11px;}

    #footer .cv_sec .btn_set.type2{ margin-bottom: 20px;}
}

.footer-logo{
	text-align: center;
}

/* ---------------------------------------------------------
global
--------------------------------------------------------- */
.txt { line-height: 200%;}

@media only screen and (max-width:767px){
	.txt { line-height: 160%;}
}


/* ---------------------------------------------------------
sec
--------------------------------------------------------- */
.sec {
    width: 980px;
}
.inner, .sec {
    margin-left: auto;
    margin-right: auto;
}
.sec a, .sec a:active {
    outline: 0;
    text-decoration: none;
    color: #000;
}
.sec a:hover {
  text-decoration: underline;
}


@media only screen and (max-width:767px){
	.sec {
		width: auto;
		padding-left: 10px;
		padding-right: 10px;
	}

}



/* ---------------------------------------------------------
2column float
--------------------------------------------------------- */

.col2Box {
	overflow: hidden;
  }
  .col2Box .left {
	float: left;
	text-align: left !important;
	padding-right: 20px;
	width: 740px;
  }
  .col2Box .right {
	float: right;
  }

  @media only screen and (max-width:767px){

	.col2Box {
	  overflow: hidden;
	}
	.col2Box .left {
	  overflow: visible;
	  padding-right: 0;
	  width: auto;
	  float: none;
	}
	.col2Box .right {
	  float: none;
	  text-align: center;
	  margin-top: 20px;
	  margin-bottom: 30px;
	}

  }


/* ---------------------------------------------------------
 CV btn
--------------------------------------------------------- */
.cv_sec { }
.cv_sec .btn_set { max-width: 880px; margin: auto; letter-spacing: -.4em; height: 84px; overflow: hidden;}/* innner width */
.cv_sec .btn_set.h_large { height: 134px;}
.cv_sec .btn_set a,
.cv_sec .btn_set div { display: inline-block; letter-spacing: normal; width: 270px; text-align: center; padding:15px 10px 10px; height: 80px; box-sizing: border-box; font-weight: bold; font-size: 26px; vertical-align: top; background: #000;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.cv_sec .btn_set a {
	color: #FFF;
	transition-duration:0.1s;
	transition-timing-function:ease-in-out;
}
.cv_sec .btn_set a:nth-child(2){margin: 0 25px;}
.cv_sec .btn_set a > img,
.cv_sec .btn_set div > img{
    margin-right: 10px;
    vertical-align: top;
}
.cv_sec .btn_set span {display: block; margin-top: 5px; font-size: 18px;}
.cv_sec .btn_set a:hover { box-shadow: 0 0 0 0 !important; margin-top: 4px !important; opacity: 0.9;}



.cv_sec .btn_set a.btn_web { font-size: 23px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e7582b+0,e87a31+100 */
	background: #e7582b; /* Old browsers */
	background: -moz-linear-gradient(top, #e7582b 0%, #e87a31 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #e7582b 0%,#e87a31 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #e7582b 0%,#e87a31 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7582b', endColorstr='#e87a31',GradientType=0 ); /* IE6-9 */
	/* box-shadow */
	box-shadow:0px 4px 0px 0px #cf5f15;
}
.cv_sec .btn_set a.btn_line {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#27920a+0,00b900+100 */
	background: #27920a; /* Old browsers */
	background: -moz-linear-gradient(top, #27920a 0%, #00b900 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #27920a 0%,#00b900 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #27920a 0%,#00b900 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#27920a', endColorstr='#00b900',GradientType=0 ); /* IE6-9 */
	/* box-shadow */
	box-shadow:0px 4px 0px 0px #2c7818;
}
.cv_sec .btn_set a.btn_tel { /* for sp*/
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4bb5be+0,60cbd4+100 */
	background: #4bb5be; /* Old browsers */
	background: -moz-linear-gradient(top, #4bb5be 0%, #60cbd4 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #4bb5be 0%,#60cbd4 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #4bb5be 0%,#60cbd4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4bb5be', endColorstr='#60cbd4',GradientType=0 ); /* IE6-9 */
	/* box-shadow */
	box-shadow:0px 4px 0px 0px #2f929a;
}
.cv_sec .btn_set div.btn_tel { /* for pc*/
	background: #FFF;
	border: 3px solid #4bb5be;
	/* box-shadow */
	box-shadow:0px 4px 0px 0px #2f929a;
    font-size: 24px;
    padding: 15px 0px 10px;
}
.cv_sec .btn_set .btn_sp {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#27920a+0,00b900+100 */
	background: #c5282c; /* Old browsers */
	background: -moz-linear-gradient(top, #c5282c 0%, #d34044 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #c5282c 0%,#d34044 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #c5282c 0%,#d34044 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5282c', endColorstr='#d34044',GradientType=0 ); /* IE6-9 */
	/* box-shadow */
	box-shadow:0px 4px 0px 0px #c01b1f;
}
.cv_sec .btn_set a.btn_web_green {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#459322+0,73ae2e+100 */
    background: rgb(69,147,34); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(69,147,34,1) 0%, rgba(115,174,46,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(69,147,34,1) 0%,rgba(115,174,46,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(69,147,34,1) 0%,rgba(115,174,46,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#459322', endColorstr='#73ae2e',GradientType=0 ); /* IE6-9 */
	/* box-shadow */
	box-shadow:0px 4px 0px 0px #2f710e;
}
.cv_sec .btn_set a.btn_web_blue {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#35adb7+0,57bac2+100 */
	background: #35adb7; /* Old browsers */
	background: -moz-linear-gradient(top, #35adb7 0%, #57bac2 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #35adb7 0%,#57bac2 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #35adb7 0%,#57bac2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#35adb7', endColorstr='#57bac2',GradientType=0 ); /* IE6-9 */
	/* box-shadow */
	box-shadow:0px 4px 0px 0px #2c979f;
}
.cv_sec .btn_set .btn_web.type_blue {
	background:#3577ae;
	background:-moz-linear-gradient(top, rgba(23,87,148,1) 0,rgba(53,119,174,1) 100%);
	background:-webkit-linear-gradient(top, rgba(23,87,148,1) 0,rgba(53,119,174,1) 100%);
	background:linear-gradient(to bottom,rgba(23,87,148,1) 0,rgba(53,119,174,1) 100%);
	box-shadow:0 4px 0 0 #0f4e8c;
}
.cv_sec .btn_set .btn_web.type_blue2 {
	background:#6489d2;
	background:-moz-linear-gradient(top, rgba(80,122,203,1) 0,rgba(100,137,210,1) 100%);
	background:-webkit-linear-gradient(top, rgba(80,122,203,1) 0,rgba(100,137,210,1) 100%);
	background:linear-gradient(to bottom,rgba(80,122,203,1) 0,rgba(100,137,210,1) 100%);
	box-shadow:0 4px 0 0 #4a73c4;
}
@media only screen and (max-width:767px){
	.cv_sec .btn_set { height: auto;}/* innner width */
	.cv_sec .btn_set.h_large { height: auto;}
	.cv_sec .btn_set a,
	.cv_sec .btn_set div { width: 33.333%; padding:17px 0px 5px; height: 64px; font-size: 14px;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
	}
	.cv_sec .btn_set span {margin-top: 5px; font-size: 11px;}
    .cv_sec .btn_set .btn_sp span {margin-top: 2px;}
	.cv_sec .btn_set a:hover { margin-top: 0px !important;}
    .cv_sec .btn_set a:nth-child(2){margin: 0;}
	.cv_sec .btn_set a > img,
	.cv_sec .btn_set div > img { margin-right: 3px; vertical-align: top; width: 16px;}

	.cv_sec .btn_set a.btn_line { margin: 0;}
	.cv_sec .btn_set a.btn_web,
    .cv_sec .btn_set a.btn_sp{ letter-spacing: -0.03em; line-height: 1.1; font-size: 14px; padding-top: 11px;}
	.cv_sec .btn_set a.btn_web > img,
    .cv_sec .btn_set a.btn_sp > img { width: 14px; margin-left: -5px; margin-right: 6px;}
    .cv_sec .btn_set div.btn_tel { /* for pc*/
        font-size: 13px;
        padding: 17px 0px 5px;
    }

}

/* type2 */
.cv_sec .btn_set.type2 {padding: 0 !important;}
.cv_sec .btn_set.type2 ul { display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; align-content: stretch;}
.cv_sec .btn_set.type2 ul li { display: table; width: calc(25% - 0px); margin: 0 auto; padding: 0 6px;}
.cv_sec .btn_set.type2 a,
.cv_sec .btn_set.type2 div { display: block; letter-spacing: normal; width: 100%; text-align: center; padding:0 !important; height: auto; }
.cv_sec .btn_set.type2 a:nth-child(2){margin: 0;}
.cv_sec .btn_set.type2 a > img,
.cv_sec .btn_set.type2 div > img{ margin-right: 0;}
.cv_sec .btn_set.type2 span {}

@media only screen and (max-width:767px){
    .cv_sec .btn_set.type2 {padding: 5px 3px 10px !important;}
    .cv_sec .btn_set.type2 ul { margin: 0 !important; overflow: visible !important;}
    .cv_sec .btn_set.type2 ul li { width: calc(25% - 5px) !important; margin: 0 auto !important; padding: 0;}
	.cv_sec .btn_set.type2 a,
	.cv_sec .btn_set.type2 div { width: 100%; padding:0; height: auto;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }
	.cv_sec .btn_set.type2 a > img,
	.cv_sec .btn_set.type2 div > img { margin-right: 0; width: 100%; max-width: 87px;}
	.cv_sec .btn_set.type2 a.btn_line { margin: 0;}
	.cv_sec .btn_set.type2 a.btn_web,
    .cv_sec .btn_set.type2 a.btn_sp{ padding-top: 0;}
	.cv_sec .btn_set.type2 a.btn_web > img,
    .cv_sec .btn_set.type2 a.btn_sp > img { width: 100%; margin-left: 0; margin-right: 0;}
    .cv_sec .btn_set.type2 div.btn_tel { /* for pc*/padding: 0;}

}

/* type2 col3 */
.cv_sec .btn_set.type2.col3 ul li { width: calc(33.33% - 0px);}
.cv_sec .btn_set.type2.col3 ul li:nth-child(4) {display: none;}

@media only screen and (max-width:767px){
    .cv_sec .btn_set.type2.col3 ul li { width: calc(33.33% - 5px) !important;}
}

/* type2 col2 */
.cv_sec .btn_set.type2.col2 ul li { width: calc(50% - 0px);}
@media only screen and (max-width:767px){
	.cv_sec .btn_set.type2.col2 ul li { width: calc(50% - 5px) !important;}
	.cv_sec .btn_set.type2.col2 ul li.is_col1 { width: calc(99% - 5px) !important;}
    .cv_sec .btn_set.type2.col2 a > img,
	.cv_sec .btn_set.type2.col2 div > img { width: auto; max-width: 100%; max-height: 70px;}
}

/* type2 col1 */
.cv_sec .btn_set.type2.col1 ul li { width: calc(100% - 0px);}
@media only screen and (max-width:767px){
    .cv_sec .btn_set.type2.col1 ul li { width: calc(100% - 5px) !important;}
    .cv_sec .btn_set.type2.col1 a > img,
	.cv_sec .btn_set.type2.col1 div > img { max-width: 90px;}
}
/* type2 col1 max-width 100% */
.cv_sec .btn_set.type2.col1 a > img.max-w100,
.cv_sec .btn_set.type2.col1 div > img.max-w100 { max-width: 100%;}

/* 無料 WEB予約をするボタン */
.cv_sec .btn_set.visible { overflow: visible;}
.cv_sec .btn_set.type2.single_button ul li {width: 560px;}
.cv_sec .btn_set.type2.single_button a { width: 560px; height: 80px; position: relative;}
.cv_sec .btn_set.type2.single_button a > img { position: absolute; top: -10px; left: 40px;}
.cv_sec .btn_set.type2.single_button a:after { content: '\f105'; font-family: FontAwesome; right: 25px; color: #FFF; display: block; position: absolute; top: 50%; text-align: center; font-size: 50px; margin-top: -0.5em; }
@media only screen and (max-width:767px){
    #main .cv_sec .btn_set.type2.single_button {padding: 15px 5px 20px !important;}
    .cv_sec .btn_set.type2.single_button ul li {width:calc(100% - 10px) !important;}
    .cv_sec .btn_set.type2.single_button a { width: 100%; height: 60px;}
    .cv_sec .btn_set.type2.single_button a > img { max-width: 275px; top: -3px; left: 50%; margin-left: -150px;}
    .cv_sec .btn_set.type2.single_button a:after {right: 10px; font-size: 30px;}
}

/* 無料 カウンセリング予約をするボタン */
.cv_sec .btn_set.type2.single_button.w680 ul li {width: 680px;}
.cv_sec .btn_set.type2.single_button.w680 a { width: 680px;}
.cv_sec .btn_set.type2.single_button.w680 a > img { left: 20px;}
@media only screen and (max-width:767px){
    .cv_sec .btn_set.type2.single_button.w680 ul li {width:calc(100% - 10px) !important;}
    .cv_sec .btn_set.type2.single_button.w680 a { width: 100%;}
    .cv_sec .btn_set.type2.single_button.w680 a > img { max-width: 258px; top: -6px; left: 50%; margin-left: -153px;}
    .cv_sec .btn_set.type2.single_button.w680 a:after {right: 10px; font-size: 30px;}
}

/* 簡単20秒スマホ診察予約ボタン */
@media only screen and (max-width:767px){
    .cv_sec .btn_set.type2.single_button.btn_sp_yoyaku a > img { max-width: 275px; margin-left: -158px;}
}

/* type7 */
.cv_sec .btn_set.button7 {text-align: center;}
.cv_sec .btn_set.button7 a,
.cv_sec .btn_set.button7 div {width: 350px; margin: 0 20px;}

@media only screen and (max-width:767px){
	.cv_sec .btn_set.button7 a,
	.cv_sec .btn_set.button7 div { width: 50%; margin: 0;}
}

/* type7 button7_a */
@media only screen and (max-width:767px){
	.cv_sec .btn_set.button7.button7_a a.btn_web,
	.cv_sec .btn_set.button7.button7_a a.btn_tel{
		letter-spacing: 0;
    line-height: 1.3;
    font-size: 14px;
		padding-top: 15px;
	}
	.cv_sec .btn_set.button7.button7_a a.btn_web > img{
		transform: translateY(1px);
	}
	.cv_sec .btn_set.button7.button7_a a.btn_tel > img{
		transform: translateY(2px);
	}
}

/* type8 WEB予約とスマホ診察予約パターン */
.cv_sec .btn_set.type8 {padding: 0 !important;}
.cv_sec .btn_set.type8 ul { display: -webkit-flex; display: flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; align-content: stretch;}
.cv_sec .btn_set.type8 ul li { display: table; width: calc(50% - 0px); margin: 0 auto; padding: 0 6px;}
.cv_sec .btn_set.type8 a,
.cv_sec .btn_set.type8 div { display: block; letter-spacing: normal; width: 100%; text-align: center; padding:0 !important; height: auto; }
.cv_sec .btn_set.type8 a:nth-child(2){margin: 0;}
.cv_sec .btn_set.type8 a > img,
.cv_sec .btn_set.type8 div > img{ margin-right: 0;}
.cv_sec .btn_set.type8 span {}

@media only screen and (max-width:767px){
    .cv_sec .btn_set.type8 {padding: 5px 3px 10px !important;}
    .cv_sec .btn_set.type8 ul { margin: 0 !important; overflow: visible !important;}
    .cv_sec .btn_set.type8 ul li { width: calc(50% - 5px) !important; margin: 0 auto !important; padding: 0;}
	.cv_sec .btn_set.type8 a,
	.cv_sec .btn_set.type8 div { width: 100%; padding:0; height: auto;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }
	.cv_sec .btn_set.type8 a > img,
	.cv_sec .btn_set.type8 div > img { margin-right: 0; width: 100%; max-width: 87px;}
	.cv_sec .btn_set.type8 a.btn_line { margin: 0;}
	.cv_sec .btn_set.type8 a.btn_web,
    .cv_sec .btn_set.type8 a.btn_sp{ padding-top: 0;}
	.cv_sec .btn_set.type8 a.btn_web > img,
    .cv_sec .btn_set.type8 a.btn_sp > img { width: 100%; margin-left: 0; margin-right: 0;}
    .cv_sec .btn_set.type8 div.btn_tel { /* for pc*/padding: 0;}

}



/* ---------------------------------------------------------
# main
--------------------------------------------------------- */
#main {}

#main .mv_image { background: url(../../edwave/img/main_bg.jpg) no-repeat; background-size:100% 480px;}
#main .mv_image h1  {max-width: 990px; margin: 0 auto;}
#main .mv_image h1 img { max-width: 100%;}

#main .cv_sec { padding: 20px 0;}
#main .cv_sec .btn_set { padding: 0 10px; font-size: 0;}


#main .link_anchor {border-top: 1px solid #DDD;}
#main .link_anchor .link_set {max-width: 880px; margin: auto; padding: 0 10px; letter-spacing: -.4em; font-size: 0; width: 100%;}/* innner width */
#main .link_anchor .link_set > a { display: inline-block; letter-spacing: normal; font-size: 16px; font-size: 1rem; font-weight: bold; text-align: center; padding: 16px 10px 20px; box-sizing: border-box; border-right: 1px solid #DDD; vertical-align: middle; height:80px; position: relative; color: #333;}
#main .link_anchor .link_set.col3 > a {width: 33.3333%;}
#main .link_anchor .link_set.col4 > a {width: 25%;}
#main .link_anchor .link_set > a:first-child {border-left: 1px solid #DDD;}
#main .link_anchor .link_set > a.line1 { padding-top:24px; }
#main .link_anchor .link_set > a:after {
    content: '\f107';
    font-family: FontAwesome;
    left: 50%;
    margin-left: -0.5em;
    color: #83ccd2;
    display: block;
    position: absolute;
    bottom: 10px;
    text-align: center;
}

@media only screen and (max-width:767px){
	#main .cv_sec { padding: 1px 0 0;}
	#main .cv_sec .btn_set { padding: 0;}
    #main .cv_sec .btn_set.type2 { border-bottom: 1px solid #DDD;}

	#main .link_anchor {border-top: none;}
	#main .link_anchor .link_set {padding: 0;}
	#main .link_anchor .link_set > a { font-size: 12px; letter-spacing: -0.05em; height: 65px; padding: 16px 0px 20px;}
  #main .link_anchor .link_set > a .small {
    font-size: 10px;
    letter-spacing: -0.1em;
    line-height: 1.3;
  }
	#main .link_anchor .link_set > a:after { bottom: 5px;}
}
@media only screen and (max-width:374px){
	#main .link_anchor .link_set > a { font-size: 3.1vw;}
}



/* ---------------------------------------------------------
# sec01 ※こんな症状にお悩みの方
--------------------------------------------------------- */

#sec01 .layout ul {
	line-height: 200%;
}
#sec01 .layout ul li {
	margin-bottom: 15px;
	line-height: 1.5;
}
#sec01 .layout ul li::before {
	display: inline-block;
	content: "";
	width: 25px;
	height: 21px;
	background: url(../../common/img/list_icon.png) no-repeat;
	background-size: 25px auto;
	padding-right: 12px;
}
#sec01 .arrow {
	width: 100%;
	max-width: 148px;
	margin: 50px auto 15px;
}

/* ========== SP ========== */
@media only screen and (max-width:767px){
	#sec01 .layout .pic {
		display: block;
		margin: auto;
	}
	#sec01 .layout {
		padding: 10px 2.8169014084507045%;
	}
	#sec01 .layout ul {
		margin-top: 30px;;
	}
	#sec01 .layout ul li::before {
		width: 17px;
		height: 14px;
		background-size: 17px auto;
		padding-right: 4px;
	}
	#sec01 .arrow {
		width: 27.042253521126757%;
		margin: 0 auto 10px;
	}

}


/* ---------------------------------------------------------
クリニック紹介
--------------------------------------------------------- */

.clinic .f_left { width:270px; margin: 0 30px 0 0; text-align: center;}
.clinic .f_right { width:560px; margin: 0;}
.clinic .f_right.no_img{ float: left; margin: auto;}/* no image styele */
.clinic .f_right dt{ float:left;clear:left; font-weight:bold;}
.clinic .f_right dd{ margin:0 0 10px 90px;}
.clinic .f_right dd.jump_tel img{ margin-bottom:3px;}
.clinic .f_right dd.jump_tel span{font-size: 22px; font-weight: bold;}

@media only screen and (max-width:767px){

	.clinic .f_left { width:100%; margin: 0 auto 2%;}
	.clinic .f_right { width:100%;}
	.clinic .f_right dt{ width:100%; margin:0 0 2%;}
	.clinic .f_right dd{ margin:0 0 2% 0;}
	.clinic .f_right dd img{ width:10%;}
	.clinic .f_right dd.jump_tel span{font-size: 14px;}

}

/* アクセス */
.access .map { margin:0 0 20px;}
.access .map iframe{ width:100%; height:400px;}

@media only screen and (max-width:767px){
	.access { margin:0 0 10%;}
	.access .map { margin:0 0 2%;}
	.access .map iframe{ width:100%; height: 50vw; }
}




/*-------------------------------------------------------------------
table
-------------------------------------------------------------------*/
.table01,
.table02 {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border-collapse: collapse;
  table-layout: fixed;
}
.table01 th, .table01 td, .table01 caption,
.table02 th,
.table02 td,
.table02 caption {
  padding: 10px;
  border: #d6d6d6 1px solid;
}

.table01 th, .table01 td {
  width: 33%;
}
.table01 th {
  font-weight: bold;
  text-align: center;
}
.table01 td {
  vertical-align: top;
}
.table01 thead th {
  background-color: #4bb5be;
  color: #fff;
}

.table01 thead th:last-child {
  background-color: #ed831c;
}
.table01 tbody th {
  color: #fff;
  background-color: #83ccd2;
}

.table02 .col01 {
  width: 30%;
}
.table02 .col02 {
  width: 35%;
}
.table02 caption {
  border-bottom: none;
  background-color: #4bb5be;
  color: #fff;
  font-weight: bold;
}
.table02 th, .table02 td {
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
    line-height: 1.5;
}
.table02 thead th {
  background-color: #83ccd2;
  color: #fff;
  font-weight: bold;
    text-align: center;
}

.table02 tbody th {
  text-align: left;
}
.table02 tbody th.title .name {
  text-decoration: underline;
}
.table02 tbody th.title .name:hover {
  text-decoration: none;
}
.table02 tbody th.title .label {
  display: inline-block;
}
.table02 tbody td {
  text-align: center;
}





/*-------------------------------------------------------------------
price
-------------------------------------------------------------------*/
.color-blue .button_link, .color-green .button_link, .color-brown .button_link {
  border: #fff 2px solid;
  line-height: 1.3;
  top: 2px;
  right: 2px;
}
.color-blue .button_link:after, .color-green .button_link:after, .color-brown .button_link:after {
  color: #FFF;
}
.color-blue.section_anker--list, .color-green.section_anker--list, .color-brown.section_anker--list {
  border: none;
}
.color-blue.section_anker--list .button_link, .color-green.section_anker--list .button_link, .color-brown.section_anker--list .button_link {
  font-weight: bold;
  padding: 10px 10px 2px 10px;
  margin: 0 5px;
}
.color-blue.section_anker--list .button_link:after, .color-green.section_anker--list .button_link:after, .color-brown.section_anker--list .button_link:after {
  display: block;
}

.color-blue .button_link {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #008bc5), color-stop(0, #3fa7d3));
  background: -webkit-linear-gradient(top, #3fa7d3 0%, #008bc5 100%);
  background: -moz-linear-gradient(top, #3fa7d3 0%, #008bc5 100%);
  background: -ms-linear-gradient(top, #3fa7d3 0%, #008bc5 100%);
  background: linear-gradient(to bottom, #3fa7d3 0%, #008bc5 100%);
}
.color-blue .table02 caption {
  background-color: #008bc5;
}
.color-blue .table02 thead th {
  background-color: #3fa7d3;
}

.color-green .button_link {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #00b355), color-stop(0, #3ec47e));
  background: -webkit-linear-gradient(top, #3ec47e 0%, #00b355 100%);
  background: -moz-linear-gradient(top, #3ec47e 0%, #00b355 100%);
  background: -ms-linear-gradient(top, #3ec47e 0%, #00b355 100%);
  background: linear-gradient(to bottom, #3ec47e 0%, #00b355 100%);
}
.color-green .table02 caption {
  background-color: #00b355;
}
.color-green .table02 thead th {
  background-color: #3ec47e;
}

.color-brown .button_link {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #5c4224), color-stop(0, #6f5230));
  background: -webkit-linear-gradient(top, #6f5230 0%, #5c4224 100%);
  background: -moz-linear-gradient(top, #6f5230 0%, #5c4224 100%);
  background: -ms-linear-gradient(top, #6f5230 0%, #5c4224 100%);
  background: linear-gradient(to bottom, #6f5230 0%, #5c4224 100%);
}
.color-brown .table02 caption {
  background-color: #5c4224;
}
.color-brown .table02 thead th {
  background-color: #6f5230;
}

.page_price section.main .bnr_enkaku {
  display: none;
}



/*-------------------------------------------------------------------
faq-enkaku
-------------------------------------------------------------------*/
.faq01{line-height: 1.5;}
.faq01_title {
  background: url(/common/images/faq/icon_q.png) no-repeat left top;
  margin-bottom: 20px;
  padding-left: 48px;
  font-weight: bold;
  min-height: 30px;
}
.faq01_text {
  background: url(/common/images/faq/icon_a.png) no-repeat left top;
  margin-bottom: 30px;
  padding: 0 0 30px 48px;
  border-bottom: #636363 1px dotted;
}
.faq01_text:last-child {
  border-bottom: none;
  margin-bottom: 0;
}

.bnr_chiryo {
  display: none;
}

.page_faq .bnr_chiryo {
  display: block;
}

.page_faq section.main .bnr_enkaku {
  display: none;
}


/*-------------------------------------------------------------------
flow-enkaku
-------------------------------------------------------------------*/

.sec_flow .right.bg_w img {max-width: 128px; }
@media only screen and (max-width: 767px) {
    .sec_flow .right.bg_w img {max-width: 40%; }
}

/*-------------------------------------------------------------------
merit-enkaku
-------------------------------------------------------------------*/

.section_merit {
  padding: 20px;
  background-color: #83ccd2;
}
.section_merit--inner {
  overflow: hidden;
}
.section_merit--title {
  background-color: #102a2c;
  padding: 15px 0;
  color: #fff;
  text-align: center;
}
@media only screen and (max-width: 767px) {
    .section_merit {
        padding: 15px 10px;
    }
  .section_merit--title {
  }
}
.section_merit--list {
  float: left;
  width: 48.5%;
  margin-top: 20px;
  padding: 20px;
  background-color: #fff;
  border-bottom: #4bb5be 2px solid;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  border-radius: 9px;
  text-align: center;
}
.section_merit--list:nth-child(even) {
  float: right;
}
@media only screen and (max-width: 767px) {
  .section_merit--list{
        margin-top: 10px;
      padding: 10px;
    }
  .section_merit--list p:last-child{
      min-height: 4em;
  }
}
.section_merit--list span {
  color: #102a2c;
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  .section_merit--list span {
  }
}
.section_merit--list img {
  width: 30%;
    margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .section_merit--list img {
    width: 40%;
  }
}



/*-------------------------------------------------------------------
curon-enkaku
-------------------------------------------------------------------*/
.section_curon {
  border: #00B355 4px solid;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  border-radius: 9px;
  padding: 40px 20px;
    margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
  .section_curon {
    margin: 0 0 30px;
    padding: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .section_curon .qrcode {
    display: none;
  }
}
.section_curon h4 {
  text-align: center;
  margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
  .section_curon h4 {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .section_curon h4 img {
    height: 55px;
  }
}
.section_curon--colum {
  display: table;
  margin: 0 auto 20px;
}
@media only screen and (max-width: 767px) {
  .section_curon--colum {
    display: block;
  }
}
.section_curon--col {
  width: 135px;
  display: table-cell;
  vertical-align: top;
}
@media only screen and (max-width: 767px) {
  .section_curon--col {
    width: 50%;
    display: block;
    padding: 0 5px;
    float: left;
    text-align: center;
  }
}
.section_curon--col.googlePlay {
  padding-left: 30px;
}
@media only screen and (max-width: 767px) {
  .section_curon--col.googlePlay {
    float: right;
    padding-left: 5px;
  }
}
@media only screen and (max-width: 767px) {
  .section_curon--col a img {
    height: 40px;
  }
}
@media only screen and (max-width: 374px) {
  .section_curon--col a img {
    height: 34px;
  }
}
.section_curon--colbtn {
  display: table-cell;
  vertical-align: top;
  padding-top: 27px;
  padding-left: 40px;
}
@media only screen and (max-width: 767px) {
  .section_curon--colbtn {
    clear: both;
    display: block;
    padding-top: 15px;
    padding-left: 0;
    text-align: center;
  }
}
.section_curon--colbtn .button {
  padding: 5px 80px 5px 15px;
  border: #aac9ba 1px solid;
  border-radius: 5px;
}
@media only screen and (max-width: 767px) {
  .section_curon--colbtn .button {
    padding: 5px;
  }
}
.section_curon--colbtn .button:before {
  content: '\f002';
  font-family: FontAwesome;
  font-size: 18px;
  font-size: 1.8rem;
  margin-right: 10px;
}
.section_curon--comment {
  background: #efefef;
}
.section_curon--comment p {
  display: table;
  margin: auto;
  padding: 20px;
}
@media only screen and (max-width: 767px) {
  .section_curon--comment p {
    display: block;
    padding: 20px;
  }
}
.section_curon--comment p img {
  display: table-cell;
  padding-right: 20px;
  height: 80px;
}
@media only screen and (max-width: 767px) {
  .section_curon--comment p img {
    display: block;
    padding-right: 0;
    width: 80px;
    height: 80px;
    margin: 0 auto 10px;
  }
}
.section_curon--comment p strong {
  display: table-cell;
  vertical-align: middle;
}
@media only screen and (max-width: 767px) {
  .section_curon--comment p .text_none {
    display: none;
  }
}



















/* ---------------------------------------------------------
btn
--------------------------------------------------------- */

.cvBtn a {
	display: inline-block;
	color: #fff;
	font-size: 175%;
	width: 562px;
	height: 75px;
	padding: 20px;
	position: relative;
}
.cvBtn a .cvBtnTxt::before {
	content: "";
	display: inline-block;
	width: 36px;
	height: 24px;
	background: url(../img/cvbtn_icon.png) no-repeat;
	background-size: 36px auto;
	padding-left: 25px;
	position: relative;
	top: 2px;
}
.cvBtn a::after{
	content: "";
	position: absolute;
	top: 32px;
	right: 20px;
	width: 13px;
	height: 13px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.cvBtn.cvbtnBg a {
	/*CSS Gradient*/
	background: #eda62b; /* Old browsers */
	background: -moz-linear-gradient(top,  #eda62b 0%, #db7209 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #eda62b 0%,#db7209 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #eda62b 0%,#db7209 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eda62b', endColorstr='#db7209',GradientType=0 ); /* IE6-9 */
	border-radius: 5px;
	/* box-shadow */
	box-shadow:0px 5px 0px 0px #ce6b08;
	-moz-box-shadow:0px 5px 0px 0px #ce6b08;
	-webkit-box-shadow:0px 5px 0px 0px #ce6b08;
}
.cvBtn a:hover {
	box-shadow:0px 1px 0px 0px #ce6b08;
	-moz-box-shadow:0px 1px 0px 0px #ce6b08;
	-webkit-box-shadow:0px 1px 0px 0px #ce6b08;
	position: relative;
	top: 4px;
}
.cvBtn .cvBtnTxt {
	display: inline-block;
	padding-top: 4px;
}
.cvBtn .cvBtnTxt .cvBtnTxtS {
	font-size: 82.143%;
}
@media only screen and (max-width:767px){

	.cvBtn a {
		position: relative;
		width: 100%;
		height: 60px;
		font-size: 18px;
		padding: 10px 20px;
		text-align: center;
	}
	.cvBtn a .cvBtnTxt::before {
		content: "";
		display: inline-block;
		width: 28px;
		height: 18px;
		background: url(../img/cvbtn_icon.png) no-repeat;
		background-size: 28px auto;
		padding-left: 10px;
	}
	.cvBtn a::after{
		content: none;
	}
	.cvBtn .cvBtnTxt {
		display: inline-block;
		padding-top: 9px;
		padding-left: 0;
	}
	.cvBtn .cvBtnTxt .cvBtnTxtS {
		font-size: 16px;
	}

}
@media only screen and (max-width:374px){
	.cvBtn a { font-size: 16px; padding: 10px 12px;}
	.cvBtn .cvBtnTxt .cvBtnTxtS { font-size: 14px; }
	.cvBtn a::before { width: 24px; height: 14px; background-size: 24px auto; top: 24px; }
}




/* ---------------------------------------------------------
CVボタン
--------------------------------------------------------- */

@media only screen and (max-width:767px){

	/* スマホ用　CVボタン 横3列ver 160511 */
	.btn_yoyaku_sp_col3 {width:100%;margin: 3% 0 6% 1%;}
	.btn_yoyaku_sp_col3 ul{ width:98%; box-sizing:border-box; margin:0 1% ;overflow:hidden;}
	.btn_yoyaku_sp_col3 ul li {width:32%; margin:0 1% 0 0; float:left;}
	.btn_yoyaku_sp_col3 ul li a{ display:block;}
	.btn_yoyaku_sp_col3 ul li.btn_yoyaku{ margin:0 1% 0 0;}
	.btn_yoyaku_sp_col3 .text_c{     font-family: Arial,Roboto,"Droid Sans","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif; font-size:14px; font-weight:bold; margin-bottom:2%; text-align: center;}

	/* フッター固定CVボタン 横3列ver 100スクロールしたら出現 160705 */
	#btn_footfix .btn_yoyaku_sp_col3 { width:100%; margin:0;}
	#btn_footfix .btn_yoyaku_sp_col3 ul{ width:100%; margin:1% 0 1% 1%;overflow:hidden;}
	#btn_footfix .btn_yoyaku_sp_col3 ul li {width:32%; margin:0 1% 0 0; float:left;}
	#btn_footfix .btn_yoyaku_sp_col3 ul li a{ display:block;}
	#btn_footfix .btn_yoyaku_sp_col3 ul li.btn_yoyaku{ margin:0 1% 0 0;}
	#btn_footfix .btn_yoyaku_sp_col3 .text_c{ margin-bottom:0;}

}


@media only screen and (max-width:767px){

	.btn_yoyaku_sp_col3 .text {
		background: #246065;
		font-weight: bold;
		color: #FFF;
	  text-align: center;
	  font-size: 12px;
	  padding-top: 2px;
	  padding-bottom: 2px;
		line-height: 1.4;
		margin: 0;
	  }
	  #btn_footfix .btn_yoyaku_sp_col3 ul {
		  width: 100%;
		  margin: 1% 0 1% 1%;
		  overflow: hidden;
	  }
	  #btn_footfix {
		  width: 100%;
		  position: fixed;
		  right: 0;
		  bottom: 0;
		  left: auto;
		  margin: 0;
		  background: rgba(255, 255, 255 ,1);
		  z-index: 10001;
		  padding-top: 0;
		  box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
		}


}



/* ---------------------------------------------------------
bg brown style
--------------------------------------------------------- */

.browm #header,
.browm #footer,
.browm #footer .logo ,
.browm #main .cv_sec,
.browm #btn_footfix .cv_sec,
.ttl_bg_gr_min { background: #231815;}
.browm #footer .logo { margin: 40px 0; padding: 0;}

@media only screen and (max-width:767px){
    .browm #footer .logo { margin: 20px 0; padding: 0;}
}

/* ---------------------------------------------------------
リスト
--------------------------------------------------------- */
.check_list {
  border: #eeeeee 10px solid;
  padding: 35px 50px;
}
.check_list li {
  font-weight: bold;
  line-height: 1.4;
  position: relative;
  padding-left: 52px;
}
.check_list li:not(:first-of-type) {
  margin-top: 16px;
}
.check_list li::before {
  content: '';
  position: absolute;
  width: 42px;
  height: 38px;
  background-repeat: no-repeat;
  background-image: url(../img/icon_chek.png);
  left: 0;
}

.check_list_y li::before {
  background-image: url(../img/icon_chek_y.png);
}

@media only screen and (max-width:767px){
  .check_list {
    border: #eeeeee 5px solid;
    padding: 15px;
  }
  .check_list li {
    padding-left: 28px;
  }
  .check_list li:not(:first-of-type) {
    margin-top: 15px;
  }
  .check_list li::before {
    width: 21px;
    height: 19px;
    background-size: 21px auto;
    top: 2px;
  }
}


/* ---------------------------------------------------------
doctors style
--------------------------------------------------------- */

.doctors_sec {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#19425a+0,2b9da6+70 */
    background: #19425a; /* Old browsers */
    background: -moz-linear-gradient(top, #19425a 0%, #2b9da6 70%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #19425a 0%,#2b9da6 70%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #19425a 0%,#2b9da6 70%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#19425a', endColorstr='#2b9da6',GradientType=0 ); /* IE6-9 */
}
.doctors_sec .inner{padding: 0; }
.doctors_sec .inner img {max-width: 100%;}

@media only screen and (max-width:767px){
    .doctors_sec .inner{overflow: hidden;}
    .doctors_sec .inner img {max-width: 110%; margin-left: -5%;}
}



/*-------------------------------------------------------------------
caution box
-------------------------------------------------------------------*/
.coution_box_red {
  text-align: center;
  border: 3px solid #930000;
  line-height: 1.2;
}
.coution_box_red p {
  font-weight: bold;
}
.coution_box_red p.f24 {
  color: #fff;
  background: #930000;
  margin: 0;
  padding: 10px;
}
.coution_box_red p.red-text {
  padding: 20px;
  background: #ffeded;
  color: #930000;
}

/*-------------------------------------------------------------------
youtube iframe
-------------------------------------------------------------------*/
.video{
  position:relative;
  width:100%;
  padding-top:56.25%;
}
.video iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}

/*-------------------------------------------------------------------
2019 GW
-------------------------------------------------------------------*/
.gw-sale > img{
	max-width: 100%;
	display: block;
	margin: 0 auto 20px;
}

/*-------------------------------------------------------------------
2019 cam_price20190531
-------------------------------------------------------------------*/
.cam_price20190531 {
	padding: 20px 10px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1a1a1a+50,231815+51 */
	background: #1a1a1a; /* Old browsers */
	background: -moz-linear-gradient(top,  #1a1a1a 50%, #231815 51%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #1a1a1a 50%,#231815 51%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #1a1a1a 50%,#231815 51%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a1a1a', endColorstr='#231815',GradientType=0 ); /* IE6-9 */
}
.cam_price20190531 > img{
	max-width: 100%;
	display: block;
	margin: auto;
}

/* ---------------------------------------------------------
 sec_2nd_anniversary
--------------------------------------------------------- */

.sec_2nd_anniversary {
	padding: 20px 0;
	background: #000000;
}
.sec_2nd_anniversary .inner{
	max-width: 580px;
}
.sec_2nd_anniversary .inner > img{
	max-width: 100%;
	display: block;
	margin: auto;
}
.sec_2nd_anniversary .inner > p{
	font-size: 12px;
	text-align: right;
	color: #e4b665;
	margin-top: 5px;
}

.sec12 {
    color: #222222;
	font-size: 120%;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.sec12 h2 {
    font-size: 40px;
    text-align: left;
    margin: 40px 0 10px;
    font-weight: bold;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    color: #2d7dc8;
}
.sec12 span {
	font-size: 80%;
    font-weight: normal;
    padding: 0 0 0 1.5em;
}
.sec12 .name {
    margin: 0 0 4% 0;
}
.sec12 h3 {
    font-weight: bold;
}
.sec12 dd {
    margin: 0 0 2%;
}
.sec12 dl {
	font-size: 80%;
	line-height: 1.45em;
}
.sec12 dl {
	font-size: 80%;
	line-height: 1.45em;
}
.sec12 .clinic-wrap {
	max-width: 90%;
    margin: auto;
}
.sec12 .clinic-flex{
	display: flex;
}
.sec12 .clinic-flex li{
	width: calc( ( 100% - 35px ) / 2 );
}
.sec12 .clinic-flex h3{
    color: #2d7dc8;
	font-size: 95%;
	white-space: nowrap;
}
.sec12 .clinic-flex h3 .clinic-info {
	display: inline-block;
	color: #fff;
	background: #2d7dc8;
	font-size: 14px;
	font-weight: bold;
	padding: 1px 15px;
	position: relative;
    top: -2px;
}
.sec12 .maplogo img{
	max-width: 90%;
}
@media only screen and (max-width:767px){
.sec12 h2 {
font-size: 140%;
}
.sec12 .clinic-flex{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.sec12 .clinic-flex li {
	width: 100%;
    margin: 0 auto;}
}
.sec12 .l-wrap {
margin: 20px 0;
}
.clinicBox .clinicList {
    width: 55%;
    margin: 0px 0px 0px 10%;
    padding: 30px 0px 100px 0px;
    position: relative;
    float: left;
}
.clinicBox .clinicList .clinicArea1 {
    left: 50%;
    top: 5%;
}
.clinicBox .clinicList .clinicArea {
    margin: 0px;
    position: absolute;
    min-width: 100px;
}
.clinicBox .clinicList .clinicArea .areaIndex {
    margin: 0px 0px 2px 0px;
    padding: 2px 4px;
    background: #2d7dc8;
    color: #FFF;
    font-size: 16px;
    font-weight: bold;
}
.clinicBox .clinicList .clinic .triger {
    font-size: 14px;
    font-weight: bold;
    color: 111;
    cursor: pointer;
    transition: all 300ms 0s ease;
}

p {
    line-height: 1.6em;
}
.clinicBox .clinicList .clinic .triger:before {
    content: "・";
}
.clinicBox .clinicList .clinic .clinicDetail {
    display: none;
    position: absolute;
    left: 0px;
    top: 0px;
    opacity: 0;
}
.clinicBox .clinicList .clinic .clinicDetail div, .clinicBox .clinicList .clinic .clinicDetail p {
    display: none;
}

.doctor_prof .f_left {
	width: 270px;
    margin: 0 30px 0 0;
    text-align: center;
}

.doctor_prof .f_right {
	width: 470px;
    margin: 0;
	font-size: 20px;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    line-height: 180%;
}

.doctor_prof .txt {
  flex-direction: column;
  display: flex;
}

.doctor_prof .txt.f22 {
	font-size: 138%;
	line-height: 200%;
	margin-bottom: 10px;
	padding: 0;
}

.doctor_prof .txt dt {
	float: left;
	clear: left;
	font-weight: bold;
}

  
.doctor_prof .txt dd {
	font-size: 16px;
	margin: 0 0 20px 0;
}

@media only screen and (max-width:767px){
	.doctor_prof .f_left {
		width: 100%;
		margin: 0 auto 2%;
	}
	.doctor_prof .f_right {
		width: 100%;
		font-size: 16px;
		line-height: 160%;
	}
	.doctor_prof .txt.f22 {
		font-size: 16px;
	}
}
