@charset "utf-8";

/*==================================================================================================================
リセット
==================================================================================================================*/
/*リセット*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, div, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, hgroup, menu, nav, output, ruby, summary, time, mark, audio, video {
	margin:0;
	padding:0;
	text-align:left;
	font-weight:normal;
    font-style:normal;
	background-repeat:no-repeat;
	border:0 none;
}


/*==================================================================================================================
再定義
==================================================================================================================*/
/*基本リンク
------------------------------------------------------------------------------------------------------------------*/

/*
a:hover img, a:focus img {
	opacity:0.75;
	filter:alpha(opacity=75);
}
*/

/*リスト
------------------------------------------------------------------------------------------------------------------*/
ol, ul, li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

/* paddingやborderも widthに含める形式に統一
------------------------------------------------------------------------------------------------------------------*/
* { box-sizing:border-box; }

/*==================================================================================================================
クリア
==================================================================================================================*/
.clear {
	clear:both;
	size:0;
}
.clearfix {
	display: inline-table;
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	clear: both;
	height: 0;
	display:block;
	content:".";
	zoom:1;
}
/* IE6 */
* html .clearfix {
	zoom: 1;
}
/* IE7 */
*:first-child+html .clearfix {
	zoom: 1;
}
/* Hides from IE-mac \*/  
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */  



/*==================================================================================================================
フォントに関する基本スタイル
==================================================================================================================*/
/*基本文字サイズ&文字色
------------------------------------------------------------------------------------------------------------------*/
html{
	font-size:100%;
}
body {
	font-family: "Noto Sans Japanese","Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
	line-height:2;
	color:#333;
}

/*段落*/
p {
	margin:0px 0px 15px 0px;/*下部に余白*/
}

/*文字サイズ*/


/*基本リンク
------------------------------------------------------------------------------------------------------------------*/
/*リンク文字色*/
a:link    {color:#fff;}
a:visited {color:#0099cc;}
a:hover   {color:#00a9f0;}

/*マーカー＆強調文字色
------------------------------------------------------------------------------------------------------------------*/
/*ラインマーカー*/
.c_mrk {
	background-color:#e5d89b;/*Marker*/
	padding:0 3px;
}
/*強調文字色*/
.c_ptv {color:#df0000;}/*positive*/
.c_pit {color:#900000;}/*point up*/
.c_ngt {color:#5488a2;}/*negative)*/
.c_off {color:#cac5ba;}/*off*/

.att{color:#cc6666;}
.red{color: red;}


/*右寄せ*/
.txt_right, .txt_right p {
	text-align:right;
}
/*中央寄せ*/
.txt_center, .txt_center p {
	text-align:center;
}
/*明朝*/
.f_mn {
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}

.ef_mn{
	font-family:'Times New Roman', 'ff-serif', "Yu Mincho", "Hiragino Mincho Pro", "Hiragino Mincho ProN", "MS PMincho", 'Times New Roman', serif;
}
/*hタグ*/
h3{
	font-family: 'Barlow Condensed', sans-serif;
    font-family: 'Lora', serif;
    font-size: 2em;}
.f_m{font-size: 0.7em}


/*==================================================================================================================
テーブルに関する設定
==================================================================================================================*/
table {
	border-collapse: collapse;
	border-spacing:0;
	width: 100%;
}
/*テーブルタイトル*/
caption {
	text-align:left;
	font-weight:bold;
	color:#993300;
}
/*枠線*/
th,td{
	border:1px solid #fff;
	padding:20px;
    }
thead th,tfoot th {
	vertical-align:top;
	background-color:#ffffff61;
	color:#FFFFFF;
    text-align: center;}
thead td,tfoot td {
	vertical-align:top;
	background-color:#999;
	color:#FFFFFF;
}
tbody th {
	vertical-align:top;
	background-color:hsla(0, 57%, 42%, 0.33);
    width: 30%;}
tbody td {
	vertical-align:top;
	background-color:rgba(255, 255, 255, 0.08);
}

/*その他
-------------------------------------------------------------------------------------------------------------------*/
/*区切り線*/
hr{clear:both;border:0px solid #fff;padding:15px 0;width:0;}

/*画像・オブジェクト*/
img         {border:0 none;vertical-align:bottom;}
object	    {text-decoration:none;border:none;margin:0px;padding:0px;vertical-align:bottom;}
/*フレックス処理*/
.flex{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}
.smt_br{display: none;}

/*==================================================================================================================
レイアウト設定
==================================================================================================================*/

body		{background-color: #FFF;}
.inner      {width:99.5%;max-width:995px;margin:0 auto;}


/*ヘッダー
-------------------------------------------------------------------------------------------------------------------*/
#header{
width:100%;
}
#header .inner {margin:0 auto;padding:0;position: relative;}
#header_logo  {width:273px;height:44px;position:absolute;left:0;top:40px;background-image:url(../images/header_logo.png);
}#header_logo a{width:273px;height:44px;text-indent:-999999px;overflow:hidden;display:block;}

#header_tel {width:229px;height:56px;position:absolute;top:0;right:0;}

#header_icn{position: absolute;right: 240px;top:20px;}
#header_icn ul{}
#header_icn ul li{display: inline-block;margin:0 2px;}


/*グローバルメニュー*/
/*グローバルナビ-スマホメニュー*/
#globalbtn,#header_btn_smt,#globalnav ul li.gnav_smt {display:none;}


#globalnav{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,0.7+10,0.7+90,0+100 */
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 10%, rgba(255,255,255,0.8) 90%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 10%,rgba(255,255,255,0.8) 90%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 10%,rgba(255,255,255,0.8) 90%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */	padding: 10px 0;
	position: relative;
	overflow: visible;
}

#globalnav::before{
	content: "";
	position: absolute;
	display: block;
	width: 100%;
	height: 8px;
	top: -8px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,0.7+15,0.7+85,0+100 */
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 15%, rgba(255,255,255,0.5) 85%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 15%,rgba(255,255,255,0.5) 85%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 15%,rgba(255,255,255,0.5) 85%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */	
}

#globalnav::after{
	content: "";
	position: absolute;
	display: block;
	width: 100%;
	height: 8px;
	bottom: -8px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,0.7+15,0.7+85,0+100 */
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 15%, rgba(255,255,255,0.5) 85%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 15%,rgba(255,255,255,0.5) 85%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 15%,rgba(255,255,255,0.5) 85%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */	
}

#globalnav ul{
  display: -webkit-flex; /* Safari */
  display: flex;
  -webkit-flex-wrap: wrap; /* Safari */
  flex-wrap:         wrap;
  -webkit-justify-content: space-between; /* Safari */
  justify-content:         space-between;
}



#globalnav ul li a{
	display: inline-block;
	text-align: center; 
	text-decoration: none;
	color: #3a2b02;
}

#globalnav ul li a:hover{
	color: #9c8544;
	transition: 0.3s;
}


/*パンナビ＆ページの先頭へ戻る
-------------------------------------------------------------------------------------------------------------------*/
/*パンくずナビ*/
#breadcrumb {
    margin-bottom: 10px;
    font-size: 0.8rem;
}



#breadcrumb li{
	display: inline-block;
	margin-right: 5px;
}


#page_top{text-align:right; padding-right:0px; margin-top:10px; font-size:90%;}
#page_top a:link{color:#0091db; text-decoration:none;}
#page_top a:visited{color:#0091db;}
#page_top a:focus,#page_top a:hover{text-decoration:underline;}



/*フッター
------------------------------------------------------------------------------------------------------------------*/
#footer{
	background: url(../images/foot_bg.png) top center no-repeat;
	padding: 12% 0 10px;
    background-size: cover;
    overflow: visible;
   }


#top_page #footer{
    margin-top: -200px;
	/*background-color: #fff;*/
}




#footer .f_logo{
	text-align: center;
	margin-bottom: 40px;
}

#footer .foot_nav{
	margin-bottom: 30px;
}

#footer .foot_nav ul{
	text-align:center;
	max-width: 600px;
	margin: 0 auto;
}

#footer .foot_nav li{
	display:inline-block;
	margin:0 20px;
}

#footer .foot_nav li a{
	text-decoration: none;
	color: #fff;
	font-size: 0.875rem;
}




/*コピーライト
------------------------------------------------------------------------------------------------------------------*/

#copyright {
	text-align:center;
	color: #fff;
	font-size: 0.8rem;
	letter-spacing:1px;
}

/*ボックス処理
-------------------------------------------------------------------------------------------------------------------*/
.box_left {float:left;}
.box_right{float:right;}


/*横幅1100px以下の場合
-------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1100px) {
#header .inner{padding: 0 30px;}
#wrapper    {width:100%;}
.inner      {width:100%;}
#globalnav ul li{/*width:13.7%;max-width:137px;min-width:137px;font-size:17px;*/display: inline-block;}
#globalnav ul li a{width:100%;}
#side .snav{padding:14px 7px;margin-bottom:30px;}
#side .snav_ttl{font-size:1.7rem;}
#side .snav ul li {line-height: 1.2;font-size:1.3rem;}
#side a{padding:12px 8px;}
}

@media screen and (max-width: 499px) {
#globalnav ul li{font-size: 14px;}
#gnav01{width:20%;}
#gnav04, #gnav05{width:50%;}

}

/*ボタン設定
-------------------------------------------------------------------------------------------------------------------*/
.btn_more{
  position: relative;
	text-align: center;
	margin:0 auto;
	display: table;
	padding: 8px 50px;
	border:1px solid #FFFFFF;
	line-height: 1.2;
	font-weight: bold;
	letter-spacing: -1px;
	font-size: 1.8rem;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.btn_more:before {
  background:#410404;/*hover時のカラー*/
	content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.btn_more:hover, .btn_more:focus, .btn_more:active {
  color: white;
}
.btn_more:hover:before, .btn_more:focus:before, .btn_more:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.btn_more a{color:#FFF;text-decoration: none;}


.link_btn01 a{
	display: inline-block;
	background: #006f35;
	border: 1px solid #006f35;
	padding: 3px 20px;
	color: #fff;
	text-decoration: none;
}

.link_btn01 a:hover{
	border: 1px solid #006f35;
	background: #fff;
	color: #006f35;
	transition: 0.5s;
}




.btn_effec li a{
	display: block;
	text-align: center;
	text-decoration: none;
	color: #333;
}

.btn_effec li a:hover{
	background: #006f35;
	color: #fff;
	transition: 0.7s;
}

.btn_effec li{
	position: relative;
  	overflow: hidden;
	float: left;
	margin-right: 35px;
	margin-bottom: 35px;
}

.btn_effec li:nth-of-type(4n+4){
	margin-right: 0;
}

.btn_effec li a{
	color: #fff;
}

.btn_effec li dl{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	-webkit-transition: .3s;
	transition: .3s;
	opacity: 0;
}

.btn_effec li:hover dl{
	opacity: 1;
}

.btn_effec li dt,
.btn_effec li dd{
	text-align: center;
}

.btn_effec li dt{
	padding-top: 100px;
}

.transform01 {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.btn_effec li:hover .transform01 {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}





.button01{
  text-align: center;
}
.button01 a{
	display: inline-block;
	background-color: rgba(255,255,255,0.5);
	border: 1px solid #3a2b02;
	text-align: center;
	padding: 5px 30px;
	text-decoration: none;
	color: #3a2b02;
}

.button01 a:hover {
  background-color: #3a2b02;
  color: #fff;
  -webkit-transition: all .4s;
  transition: all .4s;
}

.button02{
  margin: 0 auto;
  text-align: center;
}

.button02 a{
	display: inline-block;
	background-color: #fff;
	border: 1px solid #333;
	text-align: center;
	padding: 5px 50px;
	text-decoration: none;
	color: #333;
}

.button02 a:hover {
  background-color: #65aabc;
  border-color: #65aabc;
  color: #fff;
  -webkit-transition: all .3s;
  transition: all .3s;
}




.img_fl li,
.list_fl li{
	float: left;
}

.list_fl li:last-child{
	margin-right: 0;
}



/*基本設定ここまで
-------------------------------------------------------------------------------------------------------------------*/


/*==================================================================================================================
トップページ固有
==================================================================================================================*/
/*メインビジュアル
-------------------------------------------------------------------------------------------------------------------*/


#top_page{
	background: url(../images/sub_bg.jpg) center bottom;
	color: #3a2b02;
}

#top_page #header{
	background: none;
	position: relative;
}

#top_page .main_img{
	background: url(../index/main_img.jpg) center center no-repeat;
	background-size: cover;
	padding-top: 30px;
	height: 810px;
}


#top_page .main_img h1{
	margin-bottom: 200px;
}


.main_img h1,
.main_img h2{
	text-align: center;
}
.main_img h2 img{
	margin: 0 auto;
	display: block;
	max-width: 412px;
    width: 100%;}


.img_size img{
	width: 100%;
	margin: 0 auto;
}

#top_page #globalnav{
	position: absolute;
  width: 100%;
	bottom: 0;
}


.top_box01{
	background: url(../index/top_bg.jpg) center center no-repeat;
	background-size: cover;
	padding: 30px 0 200px;
}

.top_box01 h3{
	margin-bottom: 30px;
}


.top_box01 .box01_text{
	width: 400px;
	height: 397px;
	padding-top: 60px;
	position: relative;
}

.top_box01 .box01_text .box01_text_cont{
	color: #3a2b02;
	font-size: 1rem;
	line-height: 1.6;
}

.top_box01 .box01_text .button01{
	position: absolute;
	right: 60px;
	bottom: 60px;
}


.top_box01 .top_box01_2{
	display: flex;
	justify-content: space-between;
	width: 80%;
	margin: 0 auto;
}

.top_box02_wrap{
	padding: 50px 0;
	background: #fff;	
}

.top_box02 h3{
	text-align: center;
}

.top_box02 ul{
	display: flex;
	justify-content: space-between;
}


.top_box02 li{
	width: 260px;
	font-size: 0.875rem;
}

.top_box02 li p{
	text-align: center;
}

.top_box02 li dt{
	font-size: 0.75rem;
	margin-bottom: 20px;
	text-align: center;
}

.top_box02 li dt span{
	display: block;
	text-align: center;
	font-size: 0.875rem;	
}



.content_bottom{
	margin-bottom: 60px;
}
.content_bottom .box01_img img{
	max-width: 566px;
	width: 100%;
}



/*==================================================================================================================
サブページ
==================================================================================================================*/
/*共通
-------------------------------------------------------------------------------------------------------------------*/
#header{
	background: url(../images/sub_header_bg.jpg) center top no-repeat;
	background-size: cover;
}

#sub_page{
	color: #fff;
}

#sub_page #footer{
	background-color: none !important;
}

#sub_page #wrapper{
	padding-top: 60px;
	background: url(../images/sub_bg.jpg) center top no-repeat;
	background-size: cover;
}

#sub_page .main_img h1{
	padding-top: 20px;
	margin-bottom: 50px;
}

#sub_page .main_img h2{
	display: none;
}

#sub_page h2{
	margin-bottom: 80px;
}



.sub_p h2,
.sub_p h3{
	font-weight: normal;
}



/*セルララの魅力*/


.charm_box h3.main{
	margin-bottom: 60px;
	text-align: center;
	font-weight: 100;
	font-size: 1rem;
}

.charm_box .box01 div{
	margin-bottom: 30px;
}

.charm_box .box01 ul{
	margin: 0 auto;
    display: grid;
    /* justify-items: center; */
    justify-content: center;
    margin-bottom: 40px;	
}

.charm_box .box01 li{
	color: #fceda7;
	font-size: 1.4rem;
}

.charm_box .box01 li:before{
	content: "●";
	margin-right: 5px;
	font-size: 0.875rem;
}

.charm_box .box02 h4{
	font-size: 2rem;
	text-align: center;
	margin-bottom: 30px;
	font-weight: normal;
}

.charm_box .box02 ul{
	display: flex;
	justify-content: space-around;
}

.charm_box .box02 li{
	width: 20%;
}

.charm_box .box02 dt{
	margin-bottom: 5px;
}

.charm_box .box02 dt,
.charm_box .box02 dd{
	text-align: center;
	font-size: 1rem;
}



/*サロン情報*/

.salon_box h3{
	margin-bottom: 20px;
}

.box_reserve{margin-top: 50px;}
.btn_tel a, .btn_form a{
    display: block;
    width: 300px;
    text-align: center;
    border: 1px solid;
    padding: 20px;
    margin: 0 auto 60px;
    color: #fff;
    text-decoration: none;}
.btn_tel a{background: #00a9f07a;}
.btn_form a{background: hsla(0, 57%, 42%, 0.33);}
.salon_box ul{
	text-align: center;
	padding: 30px 0;
}
.salon_box ul li{
	display: inline-block;
	padding: 0 10px;
}

.salon_box .box02{
	max-width: 700px;
	width: 100%;
	margin: 0 auto 60px;
}
/*
.salon_box .box02 .mess_text{
	width: 500px;
}
*/
.salon_box .box02 .mess_text p{
	text-align: center;
}

.salon_box .box02 .mess_text dt,
.salon_box .box02 .mess_text dd{
	text-align: right;
}

.salon_box .box02 .mess_text dt{
	font-size: 1.2rem;
}

.salon_box .box02 .mess_text dd{
	font-size: 0.875rem;
}


.salon_box .box03 .salon_info{
	display: grid;
	justify-content: center;
	margin-bottom: 30px;
	position: relative;

}
.btn_other{
	position: absolute;
	right: 0;
    bottom: 0;
	text-align: center;
}
.btn_other a{
    display: block;
	max-width: 300px;
    text-align: center;
    background: rgba(153,105,141,0.5);
    border: 1px solid;
    padding: 20px;
    color: #fff;
    text-decoration: none;
		line-height: 1.4;
}
@media screen and (min-width: 1000px){
	.btn_other a:hover{	background: rgba(0,0,154,0.7);color: #fff;transition: 0.8s;}
}


.salon_box .box03 dt,
.salon_box .box03 dd{
	display: inline-block;
}

.salon_box .box03 dt{
	width: 100px;
}
.salon_box .box03 .salon_info a, .salon_box .gmap a{
	text-decoration: none;
	color: #fff;
}

.salon_box .box04 dl{
	background: rgba(255,255,255,0.7);
	margin-bottom: 10px;
	padding: 20px 0;
	color: #111;
}

.salon_box .box04 dt,
.salon_box .box04 dd{
	text-align: center;
	font-weight: 300;
}
.menu_txt{color: #b61010;}
.salon_box .box04 dt{
	font-size: 1.8rem;
    font-weight: 300;}

.salon_box .box04 dd span{
	display: block;
	text-align: center;
}
ul#salon_list{
    width: 70%;
    margin: 50px auto;}
ul#salon_list li{
    border-bottom: 1px dotted;
    margin-bottom: 20px;
    padding-bottom: 20px;}
ul#salon_list li dl{}
ul#salon_list li dt{
	font-weight: bold;
	font-size: 1.5em;
}
ul#salon_list li a{
    width: 50%;
    background: #b08484a1;
    border: 1px solid;
    padding: 10px;
    color: #fff;
    text-decoration: none;}


.salon_name{margin-bottom: 60px;}
.salon_name h2, .salon_name p{text-align: center;}
#sub_page .salon_name h2{
	position: relative;
	font-family:'Times New Roman', 'ff-serif', "Yu Mincho", "Hiragino Mincho Pro", "Hiragino Mincho ProN", "MS PMincho", 'Times New Roman', serif;
	font-size: 2.7em;
	margin-bottom: 10px;
	letter-spacing: 1px;
	line-height: 1;
	padding-bottom: 20px;
}
#sub_page .salon_name h2::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 35%;
    height: 1px;
    margin: 0 auto;
    text-align: center;
    background-image: -webkit-linear-gradient(left, transparent, #fff 50%, #fff 50%, transparent);
    background-image: linear-gradient(to right, transparent, #fff 50%, #fff 50%, transparent);
    background-position: center;
    background-repeat: no-repeat;
}




/*お問い合わせ*/
.form_box{margin-top: 50px;}
.form_box .warn { font-weight:bold; margin-bottom:20px; }
@media only screen and (max-width:480px) {
  .form_box .warn { border:1px solid #fff; padding:3px; line-height:1.3; font-size:90%; }
}
.form_box dt, .form_box dd{
	display: inline-block;
	padding: 5px 10px; 
}

.form_box dt{
	width: 25%;
	background: #459dbf99;
	color: #fff;
	float: left;
}

.form_box dd{
	width: 74%;
	float: right;
}

.form_box dd input[type=text],
.form_box dd textarea{
	width: 100%;
}

.form_box .box02 dl{
	margin-bottom: 20px;
}

.form_box dd .formRadio label { display:table; }
.form_box dd .formRadio input { color:#000; }
.form_box dd .dtime { display:inline-block; width:10em; }
.form_box dd .efo_mark { display:none; }
.form_box dd input.snum { width:2em; }
.form_box dd .formVe { margin:0 5px 0 2px; }


.form_box .submit{
	text-align: center;
    margin-top: 50px;}

.form_box .submit ul{
	display: inline-block;
}

.form_box .submit li{
	float: left;
	border: 1px solid #fff;
}
.form_box .submit li:first-child{
	margin-right: 20px;
}

.form_box .submit li input{
	display: block;
	cursor: pointer;
	padding: 5px 20px;
	text-decoration: none;
	color: #fff;
	background:transparent;
	border:none;
}
.form_box .submit li input:hover{
	background: #929292;
	color: #fff;
	transition: 0.7s;
}


.flow_box{
	text-align: center;
}




.attention_box{
	width: 100%;
    max-width: 800px;
    margin: 0 auto;
}

ul.txt_ind li{
    text-indent: -1em;
    padding-left: 1em;
    line-height: 1.6;
    margin-bottom: 15px;
}

dl#privacy dt{
    font-size: 120%;
}

dl#privacy dd{
	margin:0 0 20px 20px;
}

.attention_box ol{
	border:1px #fff solid;
	padding:0 25px 0 50px;
	margin-top:20px;
}
.attention_box ol li{
	margin-bottom:0;
	list-style: decimal;
	text-indent: 0;
    padding-left: 0;
}