@charset "utf-8";

/*
body
----------------------------------------*/
html,body{	height: 100%;}
body {	min-width: 1300px;	width:auto;	color: #000;	margin:0 auto; padding:0;	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	text-align: center;	font-size: 14px;	line-height: 169%;	background-color:＃F4F5F7;}
img {	border: 0 none;	vertical-align: top;	max-width : 100%;	height: auto;}
a { text-decoration:none; color: #000; }

.mb15{ margin-bottom:15px;}
.bold{ font-weight:bold;}


.red{ color:#F00000;}
.pink{ color:#f90077;}
.blue{ color:#006abb;}
.gray{ color:#b1b1b1;}

@media screen and (min-width: 737px) {
	body a{}
	body a:hover {	-webkit-transition: all 0.6s ease;	-moz-transition: all 0.6 ease;	-o-transition: all 0.6 ease;	opacity:0.7; 	filter: alpha(opacity=70);        /* ie lt 8 */	-ms-filter: "alpha(opacity=70)";  /* ie 8 */	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */	-khtml-opacity: 0.7;              /* Safari 1.x */}
	body a.conversion{ display:block; margin:0 auto; background-color:#FFF; overflow:auto;  }
	body a.conversion img{ display:block; }
	body a.conversion:hover{ opacity:1; 	filter: alpha(opacity=100);        /* ie lt 8 */	-ms-filter: "alpha(opacity=100)";  /* ie 8 */	-moz-opacity:1;                 /* FF lt 1.5, Netscape */	-khtml-opacity: 1;              /* Safari 1.x */ }
	body a.conversion img:hover{	-webkit-transition: all 0.6s ease;	-moz-transition: all 0.6 ease;	-o-transition: all 0.6 ease;	opacity:0.7; 	filter: alpha(opacity=70);        /* ie lt 8 */	-ms-filter: "alpha(opacity=70)";  /* ie 8 */	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */	-khtml-opacity: 0.7;              /* Safari 1.x */}
}

/* clearfix */
.clearfix:after {	content: ".";	display: block;	height: 0;	clear: both;	visibility: hidden;}
.clearfix {	display: inline-block;}
/* clearword */
.clearword {	text-indent:100%;	white-space:nowrap;	overflow:hidden;}
/* empty_word */
.empty_word{ display:none;}

.mincho{font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;}

/* 共通
----------------------------------------*/
#main_contents{ width:100%; margin:0 auto; position: relative; overflow:hidden; z-index:1;}
p { line-height:171%;}
.page_color{color:#00a6c2;}

/* header */
header { display:block; width:100%; position:relative; top:0px; padding:0; background-color:transparent!important; z-index:9999; overflow:hidden;}
header .inner{ width:95%; max-width:1400px; margin:0 auto;}
header h1{ float:left; }
header .contact{ float:right; display:block; overflow:hidden; }

/* footer */
footer{ clear:both; display:block; position:relative; width:100%; margin:0; padding:50px; color:#FFF; background-color:#00a88e;}

/* navi */
#goTop{ display:block; position:fixed; bottom:10px; right:2%; width:80px; height:80px; background-image:url(../images/btn_pagetop.png);  z-index:99;}

/* 御礼ページ用 */
#thanks_box{ text-align:center; margin: 0px auto; clear:both; }
#thanks_box h2{ margin:75px auto; }
#thanks_box p{ display:block; width:90%; margin:20px auto 0 auto; }
#ThanksComment{ clear:both; padding-bottom:80px; overflow:hidden;}

/* メインコンテンツ */
section{ clear:both; display:block; position:relative; overflow:auto;}
.inner{ position:relative; display:block; height:100%; margin: auto;}
#main { background-image:url(../images/main_bg.jpg); background-repeat: no-repeat; background-position: center top; }
#main h2{ display:block; margin:50px auto 0 auto;  }
#main h3{ display:block; text-align:left; width:94%; margin:0 auto; }
#main h3 img{ max-width:50%; }
#intro .image { display:block; overflow:hidden; }
#intro .image li{ display:block; float:left;width:50%;}
#intro .text{ display:block; text-align:left;}
#resolve h2{ display:block; position:relative;  background-color:#00a88e;}
#resolve .text p{ display:block; text-align:left;}
#resolve .text{ display:block;}
#resolve .text p{ display:block; width:95%;}
#resolve .image { display:block; overflow:hidden; }
#resolve .image li{ display:block; }
#resolve .copyright{ display:block; margin-top:10px; max-width:480px; text-align:right;}
.experience{ border:4px #b8a28a solid; box-sizing:border-box; padding-bottom:30px; overflow:visible; }
.experience h2{ display:block;  }
.experience h3{ display:block; position:relative; text-align:left; overflow:hidden; }
.experience h4{ display:block; position:relative; color: #b8a28a; font-weight:bold;}
.experience>div{ position:relative; }
.experience>div>ul{ display:block; clear:both; overflow:hidden;}
.experience>div>ul>li{ display:block;}
.experience .no03 h5{ display:block; width:950px; max-width:95%; text-align:left; margin:0 auto;}
.experience .no03 p{ display:block; width:950px; max-width:95%; text-align:left; margin:0 auto;}
.experience a.reserve{ display:block; margin:30px auto;}
.model h4{ margin-bottom:20px; }
.model>ul>li{ display:block; }
.model>ul>li h5{ display:block; width:96%; margin:0 auto; color:#00a88e; line-height:150%; text-align:left;}
.model>ul>li p{ display:block; width:96%; margin:0 auto; text-align:left;}
.model .caption{ display:block; }
#model>div>ul>li{ display:block; }
#model>div>ul>li h4{ display:block; width:90%; margin:0 auto; color:#00a88e; line-height:150%; text-align:left;}
#model>div>ul>li p{ display:block; width:90%; margin:0 auto; text-align:left;}
#model .caption{ display:block; }
#hall>p{ display:block;}
#hall>div{ clear:both; margin:0 auto;overflow:auto;}
#hall .map{ display:block;}
#hall .address{ display:block; background-color:#eeeeee; }
#hall .address h3{ display:block; width:95%; margin:0 auto 20px auto;}
#hall .address h4{ display:block; width:80%; margin:0 auto 10px auto; text-align:left;}
#hall .address p{ display:block; width:80%; margin:0 auto; text-align:left;}

/* フォーム　*/
#contact h3{ margin-top:50px; }
#contact .caption{ display:block; margin:0 auto 30px auto;}
.sec_contact{ position:relative; z-index:3; width:100%; padding:110px 0 84px 0; clear:both;}
.contactform{ margin:0 auto; padding:0; padding:70px 0; border-top:1px #555555 solid; overflow:hidden;}
.sec_contact_tilbox{ margin:0 auto 65px auto;}
.sec_contact_tilbox h2{ height:39px; margin:0 auto 28px auto; position:relative; z-index:1;}
.sec_contact_tilbox h2 img{ position:absolute; z-index:3; top:0; left:50%; margin-left:-220px;}
.sec_contact_tilbox h2 .sec08til_bdr{ position:absolute; z-index:2; height:6px; background:#774600; display:block; width:100%; left:0; top:50%; margin-top:-3px;}
.form{ margin:0 auto; clear:both;}
.mail_nec{ position:absolute; right:50px; top:8px; line-height:1.2; color:#FFFFFF; background:#e60012; border-radius:2px; padding:3px 5px 2px 5px; font-weight:normal;}
.mail_lr{ width:1000px; margin:0 auto; clear:both; overflow: hidden; margin-bottom:30px; font-size: 107%;}
.mail_lr .mail_l{ position:relative; width:250px; float:left; text-align:left; padding:10px 0px; position:relative; font-weight:bold;}
.mail_lr .mail_l span{ position:absolute; top:6px; right:20px; display:block; padding:1px 10px; color:#fff; font-size:90%; font-weight:normal; background-color:#a1a1a1; border-radius: 5px;/* CSS3草案 */      -webkit-border-radius: 5px;  /* Safari,Google Chrome用 */      -moz-border-radius: 5px; /* Firefox用 */}
@media (max-width: 767px) {.mail_lr .mail_l span{ top:10px; right:0px;}	}
.mail_lr.required .mail_l span{background-color:#dd040d;}
.mail_lr .mail_r{ width:750px; float:left; text-align:left; font-size:107%; position:relative; line-height:40px;}
.mail_lr .mail_r02{ width:750px; float:left; text-align:left; font-size:107%; position:relative; padding:10px 0;}
.mail_lr .mail_r input,.mail_lr .mail_r02 input{ height:40px; padding:0 5px; text-align:left;	-webkit-appearance: none;	-moz-appearance: none;	-ms-appearance: none;	-o-appearance: none;	appearance: none;}
.mail_lr .mail_r input,.mail_lr .mail_r02 input,.mail_lr .mail_r textarea,.mail_lr .mail_r02 textarea{ background:#fff; border:1px solid #ccc; border-radius:3px;}
.mail_lr .mail_r input:focus,.mail_lr .mail_r textarea:focus,.mail_lr .mail_r02 input:focus,.mail_lr .mail_r02 textarea:focus{ background:#fff;}
.mail_lr .mail_r select{ padding:10px; }
.mail70{ width:70px!important; padding:12px 5px; margin-bottom:0;}
.mail300{ width:300px!important; padding:12px 5px; margin-bottom:0;}
.mail780{ width:780px!important; max-width:100%; padding:12px 5px; margin-bottom:0;}
.mail_h155{ height:155px!important;}
.mail_addressbox_upper{ margin-left:24px;}
.mail_addressbox{ margin-top:20px;}
.mail_r select.con_select{	padding:0 40px 0 5px;	height:36px;	-webkit-appearance: none;	-moz-appearance: none;	-ms-appearance: none;	-o-appearance: none;	appearance: none;	background-size:contain;
}
.mail_r select.con_select::-ms-expand {  display: none;}
.mail_theme{ padding-top:30px;}
.mail_theme_til{ background:#774600; color:#fff; height:40px; line-height:40px; font-size:107%; border:1px solid #ccc;}
.mail_theme_til span{}
.mail_theme_list{ padding:30px 85px 5px 85px; background:#fff; color:#000; font-size:107%; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
.mail_theme_list ul{ overflow:hidden;}
.mail_theme_list ul li{ text-align:left; float:left; width:25%; height:25px; margin-bottom:25px;}

.submitbox{ margin:90px auto 0px auto; text-align:center;}
.formbtn{ cursor:pointer; width:500px; height:90px; line-height:90px; text-align:center; color:#00a88e; background:#fff; font-size: 107%; border:1px #00a88e solid; display:block; margin:0 auto; font-weight:bold;
transition: all 0.3s ease-in-out 0s;}
.formbtn:hover{ color:#fff; background:#00a88e;}

.thanks_btn{ margin:40px auto; clear:both; max-width:250px;}
.thanks_btn a{ display:block; color:#FFF; background:#000; padding:20px 0px; font-size: 114%; }

@media (min-width: 768px) {	.formbtn:hover{ -webkit-transition: all 0.6s ease;	-moz-transition: all 0.6 ease;	-o-transition: all 0.6 ease;	opacity:0.7; 	filter: alpha(opacity=70);        /* ie lt 8 */	-ms-filter: "alpha(opacity=70)";  /* ie 8 */	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */	-khtml-opacity: 0.7;              /* Safari 1.x */ }}
.mfp_err{ background:none!important; padding-left:0!important; color:#e60012!important;}
.mail_lr .mail_r textarea{ line-height:150%;}
.mail_lr .mail_r label {    display: inline-block;}
.mail_theme_list ul li label {    display: inline-block;}
input[type=radio] + label {    position: relative;      display: inline-block;    margin-right: 15px!important;    line-height: 185%;    cursor: pointer;}
input[type=checkbox] + label {    position: relative;      display: inline-block;    margin-right: 15px!important;    line-height: 185%;    cursor: pointer;}
@media (min-width: 1px) {
	input[type=radio]{        display: none;        margin: 0;    }
	input[type=radio] + label {        padding: 0 0 0 24px;    }
	input[type=radio] + label::before{        content: "";        position: absolute;        top: 50%;        left: 0;		-webkit-box-sizing: border-box;        -moz-box-sizing: border-box;        box-sizing: border-box;        display: block;        width: 18px;        height: 18px;        margin-top: -9px;        background-color: #000000;    }
	input[type=radio] + label::before {        border: 2px solid #000000;        border-radius: 30px;    }
	input[type=radio]:checked + label::after {        content: "";        position: absolute;        top: 50%;        -moz-box-sizing: border-box;        box-sizing: border-box;        display: block;    }
	input[type=radio]:checked + label::after {        left: 5px;        width: 8px;        height: 8px;        margin-top: -4px;         background: #FFFFFF;        border-radius: 8px;    }
	input[type=radio]{        display: none;        margin: 0;    }
	input[type=radio] + label {        padding: 0 15px 0 24px;    }
	input[type=radio] + label::before{        content: "";        position: absolute;        top: 50%;        left: 0;		-webkit-box-sizing: border-box;        -moz-box-sizing: border-box;        box-sizing: border-box;        display: block;        width: 18px;        height: 18px;        margin-top: -11px;        background-color: #FFFFFF;    }
	input[type=radio] + label::before {        border: 2px solid #000000;        border-radius: 30px;    }
	input[type=radio]:checked + label::after {        content: "";        position: absolute;        top: 50%;        -moz-box-sizing: border-box;        box-sizing: border-box;        display: block;    }
	input[type=radio]:checked + label::after {        left: 5px;        width: 8px;        height: 8px;        margin-top: -6px;         background: #000000;        border-radius: 8px;    }
	input[type=checkbox] {    display: none;    margin: 0;	cursor:pointer;}
	input[type=checkbox] + label {    padding: 0px 0 0 34px;}
	input[type=checkbox] + label::before {        content: "";        position: absolute;        top: 10px;        left: 0;        -moz-box-sizing: border-box;        box-sizing: border-box;        display: block;        width: 24px;        height: 24px;        margin-top: -9px;        background: #fff;}
	input[type=checkbox] + label::before {        border: 1px solid #ccc;		border-radius:3px;}
	input[type=checkbox]:checked + label::after {        content: "";        position: absolute;        top: 50%;        -moz-box-sizing: border-box;        box-sizing: border-box;        display: block;}
	input[type=checkbox]:checked + label::after {        left: 2px;        width: 22px;        height: 14px;        margin-top: -12px;        border-left: 4px solid #000;        border-bottom: 4px solid #000;        -webkit-transform: rotate(-45deg);        -ms-transform: rotate(-45deg);        transform: rotate(-45deg);}

}

/* ＰＣ */
@media (min-width: 1040px) {	
	.sp_on{ display:none!important;}
	.tb_on{ display:none!important;}
	.pc_on{}

	.inner{ width:1100px; max-width:100%;}
	/* header */
	header{ margin-bottom:-30px; }

	/* メインコンテンツ */
	#main{ height:527px; }
	#intro .text{ float:right;width:40%; padding-top:50px;}
	#intro .image{ float:left;width:58%;}
	#resolve .text{ width:50%;}
	#resolve .text p{  width:95%;}
	#resolve .image{  width:50%;}
	#resolve .no01 .image li{ float:left; width:50%;}
	#resolve>div:nth-child(even) .text{ float:left; }
	#resolve>div:nth-child(even) .image{ float:right; }
	#resolve>div:nth-child(odd) .text{ float:right; }
	#resolve>div:nth-child(odd) .image{ float:left; }
	.experience{ margin-top:90px; }
	.experience h2{ position:absolute; top:-40px; left:40px; }
	.experience h3{ left:300px; }
	.experience h4{ font-size:150%;}
	.experience>div>ul>li{ float:left;}
	.experience>div.no01>ul>li{ margin:30px auto 60px auto;}
	.model{ max-width:1000px; margin-left:auto; margin-right:auto;}
	.model>ul>li{ float:left; width:32%; margin-right:0.5%; margin-left:0.5%; margin-bottom:60px;}
	.model>ul>li:nth-child(5n){ clear:left;}
	.model>ul>li h5{ margin:20px auto;  font-size:130%;}
	.model .caption{ margin-bottom:50px; }
	#model>div>ul>li{ float:left; width:48%; margin-bottom:60px;}
	#model>div>ul>li:nth-child(odd){ clear:left; margin-right:4%;}
	#model>div>ul>li h4{ margin:20px auto;  font-size:180%;}
	#model .caption{ margin-bottom:50px; }
	#hall>p{ margin-bottom:50px;}
	#hall>div{ width:98%; max-width:1000px; margin-top:25px;}
	#hall .map{ width:50%; margin:0;}
	#hall .address{ width:48%; min-height:355px; padding:30px 0;}
	#hall>div:nth-child(even) .map{ float:left;}
	#hall>div:nth-child(even) .address{ float:right;}
	#hall>div:nth-child(odd) .map{ float:right;}
	#hall>div:nth-child(odd) .address{ float:left;}
	#hall .address h3{ font-size:150%;}
	#hall .address h4{ font-size:120%;}
}

/* タブレット */
@media screen and (min-width: 768px) and (max-width: 1039px) {
	/* 共通
	----------------------------------------*/
	body { min-width: 320px; padding-top:0;}
	p{ max-width:100%; }
	body a.conversion{ display:block; clear:left; margin:20px auto; width:90%; }
	
	.sp_on{ display:none!important;}
	.tb_on{ }
	.pc_on {display:none!important;}

	/* clearword */
	.clearword {	text-indent:none;	white-space:normal;	overflow:hidden;}

	/* header */
	header { width:100%; height:auto; margin-bottom:-30px;}
	header .inner{ width:98%; margin:0 auto;}
	header h1{ width:50%; text-align:left;}

	/* footer */
	footer{ margin:0px;  }

	/* navi */

	/* 御礼ページ用 */
	#thanks_box{ text-align:center; margin: 0px auto; clear:both; }
	#thanks_box h2{ margin:100px auto 75px auto; }
	#thanks_box p{ display:block; width:90%; margin:20px auto 0 auto; }
	#ThanksComment{ clear:both;  padding-bottom:80px; overflow:hidden;}

	/* メインコンテンツ */
	.inner{ width:95%;}
	#main{ height:527px; }
	#intro .text{ float:right;width:40%; padding-top:10px;}
	#intro .image{ float:left;width:58%;}
	#resolve .text{ width:50%;}
	#resolve .text p{  width:95%;}
	#resolve .image{  width:50%;}
	#resolve .no01 .image li{ float:left; width:50%;}
	#resolve>div:nth-child(even) .text{ float:left; }
	#resolve>div:nth-child(even) .image{ float:right; }
	#resolve>div:nth-child(odd) .text{ float:right; }
	#resolve>div:nth-child(odd) .image{ float:left; }
	.experience{ margin-top:90px; }
	.experience h2{ position:absolute; top:-40px; left:2%; width:25%;}
	.experience h3{ top:20px; left:30%; width:70%;}
	.experience h4{ font-size:150%; margin-top:50px;}
	.experience>div>ul{ width:540px; margin:0 auto;}
	.experience>div>ul>li{ float:left;}
	.experience>div.no01>ul>li{ margin:15px auto 30px auto;}
	.experience .no03 img{ max-width:98%; }
	.model>ul{ width:96%; margin:0 auto;}
	.model>ul>li{ float:left; width:49%; margin-bottom:30px;}
	.model>ul>li:nth-child(odd){ clear:left; margin-right:2%;}
	.model>ul>li h5{ margin:20px auto;  font-size:180%;}
	.model>ul>li img{ max-height:260px;}
	.model .caption{ margin-bottom:50px; }
	#model>div>ul>li{ float:left; width:49%; margin-bottom:30px;}
	#model>div>ul>li:nth-child(odd){ clear:left; margin-right:2%;}
	#model>div>ul>li h4{ margin:20px auto;  font-size:180%;}
	#model>div>ul>li img{ max-height:260px;}
	#model .caption{ margin-bottom:50px; }
	#hall>p{ margin-bottom:50px;}
	#hall>div{ width:98%; max-width:1000px; margin-top:25px;}
	#hall .map{ width:100%;}
	#hall .address{ fwidth:100%; padding:30px 0;}
	#hall .address h3{ font-size:150%;}
	#hall .address h4{ font-size:120%;}

	@media screen and (min-width: 1024px){
	}
	@media screen and (max-width: 1023px){
	}

	/* フォーム　*/
	.sec_contact{ position:relative; z-index:3; width:100%; padding:50px 0 50px 0; clear:both;background:#f9f6f2;}
	.contactform{ margin:0 auto; padding:0 0 30px 0;}
	.sec_contact_tilbox{ margin:0 auto 30px auto;}
	.sec_contact_tilbox h2{ height:auto; margin:0 auto 28px auto; position:relative; z-index:1;}
	.sec_contact_tilbox h2 img{ position:relative; z-index:3; top:0; left:0%; max-width:80%; margin:0 auto;}
	.sec_contact_tilbox img{ max-width:80%; }
	.sec_contact_tilbox h2 .sec08til_bdr{ display:none; position:absolute; z-index:2; height:6px; background:#774600; display:block; width:100%; left:0; top:50%; margin-top:-3px;}
	.form{ margin:0 auto; clear:both;}
	.mail_nec{ position:absolute; right:0px; top:12px;}
	.mail_lr{ width:92%; clear:both; overflow: hidden; margin-bottom:20px; padding:0 0;}
	.mail_lr .mail_l{ width:100%; float:none; text-align:left; padding:12px 0px; color:#595757; position:relative; }
	.mail_lr .mail_l02{ width:100%; float:none; text-align:left; padding:6px 0px; color:#595757; position:relative; }
	.mail_lr .mail_r{ width:100%; float:none; text-align:left;}
	.mail_lr .mail_r input,.mail_lr .mail_r textarea{ border:none;}
	.mail_lr .mail_r02{ width:100%; float:none;text-align:left; font-size:107%; position:relative; padding:10px 0;}
	.mail_lr .mail_r input,.mail_lr .mail_r02 input{ height:40px; padding:0 5px;}
	.mail_lr .mail_r input,.mail_lr .mail_r02 input,.mail_lr .mail_r textarea,.mail_lr .mail_r02 textarea{ background:#fff; border:1px solid #ccc; border-radius:3px;}
	.mail_lr .mail_r input:focus,.mail_lr .mail_r textarea:focus,.mail_lr .mail_r02 input:focus,.mail_lr .mail_r02 textarea:focus{ background:#fff;}
	.mail70{ width:70px!important; padding:12px 5px; margin-bottom:0;}
	.mail300{ width:200px!important; padding:12px 5px; margin-bottom:0;}
	.mail780{ width:100%!important; padding:12px 5px; margin-bottom:0;}
	.mail_h155{ height:155px!important;}
	.mail_addressbox_upper{ margin-left:24px;}
	.mail_addressbox{ margin-top:20px;}
	.mail_lr .mail_r span{ position:absolute; display:block; top:0px; left:0; line-height:40px; height:40px;}
	.mail_lr .mail_r span{ position:absolute; display:block; top:0px; left:0; line-height:40px; height:40px;}
	.mail_theme{ padding-top:30px;}
	.mail_theme_til{ background:#774600; color:#fff; height:40px; line-height:40px; font-size:107%; border:1px solid #ccc;}
	.mail_theme_list{ padding:30px 4% 30px 4%; background:#fff; color:#000; font-size:107%; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
	.mail_theme_list ul{ overflow:hidden;}
	.mail_theme_list ul li{ text-align:left; float:left; width:50%; height:auto; margin-bottom:15px;}
	.submitbox{ margin:30px auto 0 auto; text-align:center;}
	.formbtn{ cursor:pointer; width:280px; height:60px; line-height:60px; text-align:center; font-size: 107%; display:block; margin:0 auto; font-weight:bold;	transition: none;}
}

@media screen and (max-width: 1032px) {
}

/* スマートフォン（ディスプレイ幅767px以下）より小さい画面 */
@media screen and (max-width: 767px) {
	/* 共通
	----------------------------------------*/
	body { min-width: 320px; padding-top:0;}
	p{ max-width:100%; }
	body a.conversion{ display:block; clear:left; margin:20px auto; width:90%; }
	
	/* clearword */
	.clearword {	text-indent:none;	white-space:normal;	overflow:hidden;}
	.sp_on{ display:block!important; margin:0 auto;}
	.tb_on{ display:none!important;}
	.pc_on{ display:none!important;}

	/* header */
	header { width:100%; height:auto; margin-bottom:-10px;}
	header .inner{ width:98%; margin:0 auto;}
	header h1{ width:60%;}
	header .contact {  width:38%; margin:0 0 0 2%;}

	/* footer */
	footer{ margin:0px; padding:50px 0; }

	/* navi */

	/* 御礼ページ用 */
	#thanks_box{ text-align:center; margin: 0px auto; clear:both; }
	#thanks_box h2{ margin:100px auto 75px auto; }
	#thanks_box p{ display:block; width:90%; margin:20px auto 0 auto; }
	#ThanksComment{ clear:both; padding-bottom:80px; overflow:hidden;}

	/* メインコンテンツ */
	.inner{ width:95%;}
	#main{ height:527px; }
	#main h2{ width:55%;  }
	#intro .image{ margin:20px 0;}
	#resolve>div{ margin-bottom:30px;}
	#resolve .no01 .image li{ float:left; width:49%;}
	#resolve .no01 .image li:nth-child(even){ margin-left:2%; }
	#resolve .text>p{ margin-bottom:10px;}
	.experience{ margin:70px auto 50px auto; }
	.experience h2{ position:relative; width:35%; top:0px; left:5%; margin-top:-30px; }
	.experience h3{  }
	.experience h4{ font-size:120%;}
	.experience .no03 img{ max-width:95%; }
	.experience>div.no01>ul>li{ margin:15px auto 30px auto;}
	.model>ul{ width:96%; margin:0 auto;}
	.model>ul>li{ margin-bottom:30px;}
	.model>ul>li h5{ margin:20px auto;  font-size:130%;}
	.model .caption{ width:90%; margin:0 auto 20px auto; }
	#model>div>ul>li{ margin-bottom:30px;}
	#model>div>ul>li h4{ margin:20px auto;  font-size:130%;}
	#model .caption{ width:90%; margin:0 auto 20px auto; }
	#hall>p{ margin-bottom:50px;}
	#hall>div{ width:98%; max-width:1000px; margin-top:25px;}
	#hall .map{ width:100%;}
	#hall .address{ fwidth:100%; padding:30px 0;}
	#hall .address h3{ font-size:130%;}
	#hall .address h4{ font-size:120%;}

	/* フォーム　*/
	#contact h3 img{ width:90%;}
	#contact .caption{ width:90%; font-size:90%;}
	.sec_contact{ position:relative; z-index:3; width:100%; padding:50px 0 50px 0; clear:both;background:#f9f6f2;}
	.contactform{ margin:0 auto; padding:0 0 30px 0;}
	.sec_contact_tilbox{ margin:0 auto 30px auto;}
	.sec_contact_tilbox h2{ height:auto; margin:0 auto 28px auto; position:relative; z-index:1;}
	.sec_contact_tilbox h2 img{ position:relative; z-index:3; top:0; left:0%; max-width:80%; margin:0 auto;}
	.sec_contact_tilbox img{ max-width:80%; }
	.sec_contact_tilbox h2 .sec08til_bdr{ display:none; position:absolute; z-index:2; height:6px; background:#774600; display:block; width:100%; left:0; top:50%; margin-top:-3px;}
	.form{ margin:0 auto; clear:both;}
	.mail_nec{ position:absolute; right:0px; top:12px;}
	.mail_lr{ width:92%;  clear:both; overflow: hidden; margin-bottom:20px; padding:0 0;}
	.mail_lr .mail_l{ width:100%; float:none; text-align:left; padding:12px 0px; color:#595757; position:relative; }
	.mail_lr .mail_l02{ width:100%; float:none; text-align:left; padding:6px 0px; color:#595757; position:relative; }
	.mail_lr .mail_r{ width:100%; float:none; text-align:left;}
	.mail_lr .mail_r input,.mail_lr .mail_r textarea{ border:none;}
	.mail_lr .mail_r02{ width:100%; float:none;text-align:left; font-size:107%; position:relative; padding:10px 0;}
	.mail_lr .mail_r input,.mail_lr .mail_r02 input{ height:40px; padding:0 5px;}
	.mail_lr .mail_r input,.mail_lr .mail_r02 input,.mail_lr .mail_r textarea,.mail_lr .mail_r02 textarea{ background:#fff; border:1px solid #ccc; border-radius:3px;}
	.mail_lr .mail_r input:focus,.mail_lr .mail_r textarea:focus,.mail_lr .mail_r02 input:focus,.mail_lr .mail_r02 textarea:focus{ background:#fff;}
	.mail70{ width:70px!important; padding:12px 5px; margin-bottom:0;}
	.mail300{ width:200px!important; padding:12px 5px; margin-bottom:0;}
	.mail780{ width:100%!important; padding:12px 5px; margin-bottom:0;}
	.mail_h155{ height:155px!important;}
	.mail_addressbox_upper{ margin-left:24px;}
	.mail_addressbox{ margin-top:20px;}
	.mail_lr .mail_r span{ position:absolute; display:block; top:0px; left:0; line-height:40px; height:40px;}
	.mail_lr .mail_r span{ position:absolute; display:block; top:0px; left:0; line-height:40px; height:40px;}
	.mail_theme{ padding-top:30px;}
	.mail_theme_til{ background:#774600; color:#fff; height:40px; line-height:40px; font-size:107%; border:1px solid #ccc;}
	.mail_theme_list{ padding:30px 4% 30px 4%; background:#fff; color:#000; font-size:107%; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
	.mail_theme_list ul{ overflow:hidden;}
	.mail_theme_list ul li{ text-align:left; float:left; width:50%; height:auto; margin-bottom:15px;}
	.submitbox{ margin:30px auto 0 auto; text-align:center;}
	.formbtn{ cursor:pointer; width:280px; height:60px; line-height:60px; text-align:center;  font-size: 107%; display:block; margin:0 auto; font-weight:bold;	transition: none;}
}

@media screen and (max-width: 767px) and (orientation : landscape) {
}

@media screen and (max-width: 640px) {
}

@media screen and (max-width: 560px) {
}

@media screen and (max-width: 520px) {
}

@media screen and (max-width: 480px) {
}

@media screen and (max-width: 420px){
}
@media screen and (max-width: 767px) {
	.btn_box{
		width: calc(100% - 20px)!important;
	}
}