@charset "utf-8";

/* reset
----------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
	border:0;
	font-family:inherit;
	font-size:100%;
	font-style:inherit;
	font-weight:inherit;
	margin:0;
	outline:0;
	padding:0;
	vertical-align:baseline;
}
:focus{
	outline:0;
}
body{
	background-color:#FFF;
	line-height:1;
	-webkit-text-size-adjust:100%;
}
ol, ul{
	list-style:none;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
caption, th, td{
	font-weight:normal;
	text-align:left;
}
blockquote:before, blockquote:after,
q:before, q:after{
	content:"";
}
blockquote, q{
	quotes:"" "";
}
img{
	margin:0;
	padding:0;
}
a img{
	border:0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section{
	display:block;
}


*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

/* space
----------------------------------------------- */
.pt_5{padding-top:5px;}
.pt_10{padding-top:10px;}
.pt_20{padding-top:20px;}
.pt_30{padding-top:30px;}
.pr_5{padding-right:5px;}
.pr_10{padding-right:10px;}
.pr_20{padding-right:20px;}
.pr_30{padding-right:30px;}
.pb_5{padding-bottom:5px;}
.pb_10{padding-bottom:10px;}
.pb_20{padding-bottom:20px;}
.pb_30{padding-bottom:30px;}
.pl_5{padding-left:5px;}
.pl_10{padding-left:10px;}
.pl_20{padding-left:20px;}
.pl_30{padding-left:30px;}

.mt_5{margin-top:5px;}
.mt_10{margin-top:10px;}
.mt_20{margin-top:20px;}
.mt_30{margin-top:30px;}
.mr_5{margin-right:5px;}
.mr_10{margin-right:10px;}
.mr_20{margin-right:20px;}
.mr_30{margin-right:30px;}
.mb_5{margin-bottom:5px;}
.mb_10{margin-bottom:10px;}
.mb_20{margin-bottom:20px;}
.mb_30{margin-bottom:30px;}
.ml_5{margin-left:5px;}
.ml_10{margin-left:10px;}
.ml_20{margin-left:20px;}
.ml_30{margin-left:30px;}

.f26{font-size:26px;}
.f_smaller{font-size:70%;}
.f_bold{font-weight:bold;}

.f_col_blue{color:#3C62C9;}
.f_col_red{color:#F90206;}

.txt_underline{text-decoration:underline;}

.w100{width:100%; max-width:800px;}
.w80{width:90%; max-width:600px;}

/*link styles
----------------------------------------------- */
a:hover.move{position:relative; top:1px; left:1px;}
a:hover.alp img {
	filter: alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity: 0.8;
}

/* common
----------------------------------------------- */
*, *:before, *:after {
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
body{
	font: 100%/1.6 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
/*
    font: 100%/1.8 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	font: 100%/1.8 "open sans",arial,sans-serif;*/
}
#wrapper{
	width:100%;
	text-align:center;
}
.title{
	font-size:33px;
	font-weight:bold;
	line-height:1.8;
}
.cmt{
	font-size:18px;
	line-height:2.0;
}
.line{
	background:url(../images/common/line.gif) bottom repeat-x;
	width:900px; 
	margin:0 auto;
}

/* clearfix
----------------------------------------------- */
.clearfix:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
.clearfix{
	display:block;
	zoom:1;
}

/*pagetop
----------------------------------------------- */
.pagetop {
	position: fixed;
	bottom: 50px;
	right: 55px;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transform: scale(1.5);
	   -moz-transform: scale(1.5);
	    -ms-transform: scale(1.5);
	     -o-transform: scale(1.5);
	transform: scale(1.5);
	  -webkit-transition: all .5s;
	     -moz-transition: all .5s;
	       -o-transition: all .5s;
	          transition: all .5s;
}
.pagetop a {
	display: block;
	width: 60px;
	height: 60px;
	background-color: #112F44;
	text-align: center;
	color: #fff;
	font-size: 24px;
	text-decoration: none;
	line-height: 60px;

	border-radius:5px;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
}
.pagetop.show {
	opacity: 0.9;
	filter: alpha(opacity=90);
	-webkit-transform: scale(1);
	   -moz-transform: scale(1);
	    -ms-transform: scale(1);
	     -o-transform: scale(1);
	        transform: scale(1);
}


/*header
----------------------------------------------- */
/*=====================
		header
=====================*/
#header{
/*	position:static;*/
	position: fixed;
	width:100%;
	border-top:5px #233239 solid;
	background-color:#F7F7F7;
	z-index:100;

    box-shadow: 1px 1px 2px #666;
    -moz-box-shadow: 1px 1px 2px #666;　/* Firefox用 */  
    -webkit-box-shadow: 1px 1px 2px #666;　/* Safari,Google Chrome用 */  
}
.header_inner{
	width:1000px;
	margin:0 auto;
	overflow:hidden;
}
#logo{
	min-width:228px;
	padding-top:25px;
	padding-left:10px;
	float:left;
}
#menu{
	float:right;
	padding-top:30px;
	padding-left:20px;
	padding-bottom:15px;
	overflow:hidden;
}
#menu li{
	float:left;
	padding-right:20px;
	padding-left:20px;
	border-left:1px #CCC solid;
	
	font-size:13px;
	font-weight:normal;
	color:#333;
}
#menu li a{
	color:#333;
	text-decoration:none;
}
#menu li a:hover{
	color:#999;
}

.pc{display:block;}
.sp{display:none;}

/*main
----------------------------------------------- */
/*=====================
		main
=====================*/
#main{
	padding-top:60px;
}
#main_img{
/*	padding-top:60px;*/
}
#toggle{ 
 display: none;
}

/*=====================
		about
=====================*/
#about{
	padding-top:110px;
	padding-bottom:130px;
}
#about .title{
	margin-bottom:60px;
}

/*=====================
		merit
=====================*/
#merit{
	padding-top:90px;
/*	padding-bottom:100px;*/
	padding-bottom:50px;
	background:#F7F7F7;
}
#merit .inner{
	max-width:900px;
	margin:0 auto;
}
#merit .title{
	font:"open sans",arial,sans-serif;
	width:100%;
	margin-bottom:50px;
	padding-bottom:20px;
}
#merit .box{
	border:10px #F0F0F0 solid;
	background-color:#FFF;
	margin:0 20px 40px;
	padding:20px;
	text-align:left;

	overflow: hidden;
	_zoom:1;
}
#merit .box h4{
	font-size:22px;
	font-weight:bold;
}
#merit .box_icon{
	width:10%;
	float:left;
	clear:right;
}
#merit .box_icon img{
	min-width:70px;
}

#merit .box_ttl{
	width:90%;
	padding-left:20px;
	float:left;
	clear:right;
}
#merit .box_cmt{
	width:90%;
	padding-left:20px;
	float:left;
	clear:right;
}

/*=====================
		merit_02
=====================*/
#merit_02{
	margin:10px;
	padding-top:80px;
/*	padding-bottom:100px;
	background:#F7F7F7;
*/}
#merit_02 .inner{
	max-width:900px;
	margin:0 auto;
	padding-bottom:10%;
}
#merit_02 .title{
	font:"open sans",arial,sans-serif;
	width:100%;
	margin-bottom:50px;
	padding-bottom:20px;
}
#merit_02 .box{
	border:10px #F0F0F0 solid;
	background-color:#FFF;
	margin:0 20px 40px;
	padding:20px;
	text-align:left;

	overflow: hidden;
	_zoom:1;
}


/*=====================
		seo
=====================*/
#seo{
	margin:10px;
/*	padding-top:130px;
	color:#666;
*/
	padding-bottom:20px;
	color:#333;
}
#seo .inner{
	max-width:900px;
	margin:0 auto;
}
#seo .cmt{
	padding-bottom:130px;
	color:#333;
}
/*#seo .title{
	padding-bottom:60px;
	color:#333;
}
*/
#seo .title{
	font:"open sans",arial,sans-serif;
	width:100%;
	max-width:900px;
	margin:0 auto 50px;
/*	margin-bottom:50px;*/
	padding-bottom:20px;
	color:#333;
}
#seo .seo01_stl{
	position: relative;
}
#seo .seo01_stl .triangle {
	position: absolute;
	bottom: -10px;
	left: 50%;
	margin-left: -20px;
	width: 0;
	height: 0;
	border-top: 20px solid #233239;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
}
#seo .seo01{
/*	background:#FEFDF3;*/
	background:#FFFEF9;
	padding-top:50px;
	padding-bottom:100px;
}
#seo .seo02_stl{
	position: relative;
	background:#FFFEF9;
}
#seo .seo02_stl .triangle {
	position: absolute;
	bottom: -10px;
	left: 50%;
	margin-left: -20px;
	width: 0;
	height: 0;
	border-top: 20px solid #233239;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
}
#seo .seo02{
/*	background:#F5FCF9;*/
	background:#FAFEFC;
	padding-top:50px;
	padding-bottom:100px;
}
#seo .seo03_stl{
	position: relative;
	background:#FAFEFC;
}
#seo .seo03_stl .triangle {
	position: absolute;
	bottom: -10px;
	left: 50%;
	margin-left: -20px;
	width: 0;
	height: 0;
	border-top: 20px solid #233239;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
}
#seo .seo03{
/*	background:#FFF8F2;*/
	background:#FFFDFB;
	padding-top:50px;
	padding-bottom:100px;
}
#seo .seo_cmt{
	margin-top:30px;
	font-size:16px;
	line-height:2.0;
	padding-bottom:40px;
}

/*=====================
		step
=====================*/
#step{
	padding-top:90px;
	padding-bottom:100px;
	background:#F7F7F7;
}
#step .title{
	width:100%;
	margin-bottom:50px;
	padding-bottom:20px;
}
#step .inner{
	max-width:900px;
	margin:0 auto;
}
#step .inner li{
	border:10px #F0F0F0 solid;
	margin:0 20px 40px;
/*	margin-bottom:40px;
*/	padding:20px 10px;

	overflow: hidden;
	_zoom:1;
}
#step .arrow{
	background:url(../images/step/arrow_down.png) center bottom no-repeat;
}
.box_L{
	width:30%;
	float:left;
}
.box_R{
	width:70%;
	padding-top:10px;
	padding-left:20px;
	float:left;
	text-align:left;
}

/*=====================
		partner
=====================*/
#partner{
	padding-top:130px;
/*	padding-bottom:20px;*/
}
#partner .title{
	width:100%;
	margin-bottom:40px;
}
#partner .cmt{
	width:100%;
	padding-top:20px;
	padding-bottom:120px;
}

/*=====================
		contact
=====================*/
#contact{
/*	width:90%;
	margin:0 auto;
	padding:100px;
*/}
/*.btn{
	background:url(../images/common/bg_btn.gif) center no-repeat;
	width:600px;
	height:40px;
	padding-top:20px;
	color:#FFF;
	font-weight:bold;
}
*/
#contact .btn_submit{
	width:70%;
	margin-right:10px;
	margin-left:10px;
	padding:15px 20px;
	background:#E67C72;

	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
}
#contact .btn_submit a{
	 color:#FFF;
	 font-size:16px;
	 font-weight:bold;
	 text-decoration:none;
}

/*=====================
	privacy_policy
=====================*/
#privacy_policy{
	margin-bottom:20px;
	text-align:left;
	font-size:80%;
}
#privacy_policy .sub_title{
	font-size:140%;
	font-weight:bold;
}
.inlineframe{
	padding:20px 15px 25px;
	border:1px #D5D5D5 solid;
	background-color:#FFFFFF;
	height:250px;
	overflow:auto;
	overflow-y:scroll;
	overflow-x:hidden;
}
#privacy_policy dl{
	margin-top:30px;
}
#privacy_policy dt{
	margin-bottom:5px;
	padding-left:10px;
	font-size:110%;
	font-weight:bold;

	border-left:3px #EBA3A4 solid;
}
#privacy_policy dd{
	margin-bottom:25px;
}
#privacy_policy hr{
margin-top:30px;
margin-bottom:20px;
border:1px #D5D5D5 solid;
}
/* 注意書きスタイル設定 */
.mod_form001 p.error{
    display:none;
    font-weight:bold;
    color:#C00;
}
 
/* フォーム枠 */
.mod_form001{
	width:100%;
    padding:10px;
    text-align:center;
}

/*footer
----------------------------------------------- */
/*=====================
		footer
=====================*/
#footer{
	background:#233239;
	margin-top:40px;
	padding-top:10px;
	padding-bottom:20px;
	height:auto;
}
address{
	color:#FFF;
	font-size:12px;
}


/* =alert
----------------------------------------------- */
.alert_window{
 display:none;
}
.alert_window .close{
	position:absolute;
	top:-50px;
	right:0;
	width:32px;
	height:32px;
	cursor:pointer;
}
.alert_window .inner{
 position:fixed;
 left:50%;
 top:30%;
 border:5px #EEE solid;
 background:#FFF;
 z-index:1000;
}

.alert_window .inner{
 width:500px;
}
.alert_window .bg{
 position:fixed;
 left:0;
 top:0;
 height:100%;
 width:100%;
 background:#000;
 opacity:0.3;
 filter: alpha(opacity=30);
 -moz-opacity:0.30;
 z-index:999;
}
/* txt style */
#mail_error .inner{height:150px;}
/*#mail_submit_error .inner{height:180px;}*/
/*#mail_finish .inner{height:340px;}*/
.alert_window .inner{
	font-size:90%;
}
.alert_window .txt{
	padding: 20px;
}
.alert_window .txt .mds{
	margin:0 0 10px;
 	font-weight:bold;
	font-size:110%;
}



@media screen and (max-width: 979px) {
/*----------------------------------------------------------------------------------------------
		979px以下用（タブレット用）の記述
---------------------------------------------------------------------------------------------- */

/* common
----------------------------------------------- */
#wrapper{
	width:100%;
	text-align:center;
}
.title{
	font-size:170%;
	font-weight:bold;
	line-height:1.6;
}
.cmt{
	font-size:100%;
	line-height:1.8;
}

/* header
----------------------------------------------- */
/*=====================
		header
=====================*/
#header{
}
.header_inner{
	width:100%;
	margin:0 auto;
	overflow:hidden;
}
#logo{
	width:20%;
	padding-top:20px;
	padding-left:10px;
	float:left;
}
#menu li{
	padding-right:13px;
	padding-left:13px;
}


/*main
----------------------------------------------- */
/*=====================
		main
=====================*/
#main{
	padding-top:50px;
}
#main_img{
/*	padding-top:50px;*/
}

/*=====================
		about
=====================*/
#about{
	padding:10% 20px 15%;
}
#about .title{
	margin-bottom:10%;
}


}



@media screen and (max-width: 767px) {
/*----------------------------------------------------------------------------------------------
		767px以下用（タブレット／スマートフォン用）の記述 
---------------------------------------------------------------------------------------------- */

/* common
----------------------------------------------- */
#wrapper{
	width:100%;
	text-align:center;
}
.title{
	font-size:150%;
	font-weight:bold;
	line-height:1.6;
}
.cmt{
	font-size:100%;
	line-height:1.8;
}
.pc{display:none;}
.sp{display:block;}


/*=====================
		header
=====================*/
#header{
	position:fixed;
	top:0;
}
.header_inner{
	width:100%;
	margin:0 auto;
	overflow:hidden;
}
#logo{
	float:none;
	width:20%;
	padding-top:20px;
	padding-left:10px;
}
/*#menu{
	display: none;
	}
#menu li{
	width: 100%;
}
*/
#toggle{
	display: block;
	position: relative;
	width: 100%;
	background: #222;
}
#toggle a{
	display: block;
	position: relative;
	padding: 12px 0 10px;
	border-bottom: 1px solid #444;
	color: #fff;
	text-align: center;
	text-decoration: none;
}
#toggle:before{
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 10px;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	background: #fff;
}
#toggle a:before, #toggle a:after{
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 10px;
	width: 20px;
	height: 4px;
	background: #222;
}
#toggle a:before{
	margin-top: -6px;
}
#toggle a:after{
	margin-top: 2px;
}
#menu{
	width:100%;
	float:right;
	padding-top:0;
	padding-left:0;
	padding-bottom:0;
	overflow:hidden;
}
#menu li{
	display: block;
	width: 100%;
	margin: 0;
	padding:0;
	color:#FFF;
	border-bottom:1px #444 solid;
	border-left:none;
}
#menu li a{
	display: block;
	padding: 15px 0 15px;
	background: #333;
	color:#FFF;
	text-align: center;
	text-decoration: none;
}
#menu li a:hover{
	background: #444;
}

/*main
----------------------------------------------- */
/*=====================
		main
=====================*/
#main{
	position:static;
	padding-top:100px;
}
#main_img{
	position:relative;
/*	padding-top:100px;*/
}

/*=====================
		merit
=====================*/
#merit .title{
	width:100%;
	margin-bottom:50px;
	padding-bottom:1%;
}
#merit .box h4{
	font-size:140%;
	line-height:1.2;
	padding-bottom:5%;
	font-weight:bold;
}
#merit .box_icon{
	width:13%;
	float:left;
	margin:0 auto;
}
#merit .box_icon img{
	min-width:50px;
	max-width:70px;
}

#merit .box_ttl{
	width:87%;
	padding-left:10px;
	float:left;
	clear:right;
}
#merit .box_cmt{
	width:100%;
	padding-left:0;
	float:left;
	clear:right;
}

/*=====================
		merit_02
=====================*/
#merit_02{
	padding:10% 10px 0;
}

/*=====================
		seo
=====================*/
/*#seo{
	margin:10% 10px 0;
	color:#666;
}
*/
#seo .cmt{
	padding-bottom:15%;
	color:#333;
text-align:left;
}
/*
#seo .title{
	padding-bottom:15%;
	color:#333;
}
#seo .seo01_stl{
	position: relative;
}
#seo .seo01_stl .triangle {
	position: absolute;
	bottom: -10px;
	left: 50%;
	margin-left: -20px;
	width: 0;
	height: 0;
	border-top: 20px solid #233239;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
}
#seo .seo01{
	background:#FFFEF9;
	padding-bottom:10%;
}
#seo .seo02_stl{
	position: relative;
	background:#FFFEF9;
}
#seo .seo02_stl .triangle {
	position: absolute;
	bottom: -10px;
	left: 50%;
	margin-left: -20px;
	width: 0;
	height: 0;
	border-top: 20px solid #233239;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
}
#seo .seo02{
	background:#FAFEFC;
	padding-top:10%;
	padding-bottom:10%;
}
#seo .seo03_stl{
	position: relative;
	background:#FAFEFC;
}
#seo .seo03_stl .triangle {
	position: absolute;
	bottom: -10px;
	left: 50%;
	margin-left: -20px;
	width: 0;
	height: 0;
	border-top: 20px solid #233239;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
}
#seo .seo03{
	background:#FFFDFB;
	padding-top:10%;
	padding-bottom:10%;
}
#seo .seo_cmt{
	margin:10px 10px 0;
	font-size:16px;
	line-height:1.6;
	padding-bottom:10%;
}

*//*=====================
		partner
=====================*/
#partner{
	padding-top:10%;
}
#partner .title{
	padding:10% 10px 5%;
}
#partner .cmt{
	width:100%;
	padding:10% 20px 10%;
}

.alert_window .inner{
 	width:500px;
}

.alert_window .inner {
    background: #fff none repeat scroll 0 0;
    border: 5px solid #eee;
    left: 50%;
    position: fixed;
    top: 30%;
    z-index: 1000;
}
.pagetop {
	display:none;
}
/*footer
----------------------------------------------- */
/*=====================
		footer
=====================*/
#footer{
	background:#233239;
	margin-top:40px;
	padding-top:10px;
	padding-bottom:20px;
	height:auto;
}
address{
	color:#FFF;
	font-size:70%;
}
}



@media screen and (max-width: 479px) {
/*----------------------------------------------------------------------------------------------
		479px以下用（スマートフォン用）の記述 
---------------------------------------------------------------------------------------------- */
.pc{display:none;}
.sp{display:block;}

/*main
----------------------------------------------- */
/*=====================
		main
=====================*/
#main{
	padding-top:105px;
}

/*=====================
		merit
=====================*/
#merit{
	padding-top:10%;
	padding-bottom:15%;
	background:#F7F7F7;
}
#merit .box{
	border:10px #F0F0F0 solid;
	background-color:#FFF;
	margin:0 20px 20px;
	padding:15px;
	text-align:left;

	overflow: hidden;
	_zoom:1;
}
#merit .title{
	width:100%;
	margin-bottom:10%;
	padding-bottom:5%;
}
#merit .box h4{
	font-size:130%;
	line-height:1.2;
	padding-bottom:5%;
	font-weight:bold;
}
#merit .box_icon{
	width:20%;
	float:left;
	clear:right;
}
#merit .box_icon img{
	min-width:50px;
}

#merit .box_ttl{
	width:80%;
	padding-left:10px;
	float:left;
	clear:right;
}
#merit .box_cmt{
	width:100%;
	padding-left:0;
	float:left;
	clear:right;
}

/*=====================
		step
=====================*/
#step{
	padding-top:10%;
	padding-bottom:10%;
	background:#F7F7F7;
}
#step .title{
	width:100%;
	margin-bottom:10%;
	padding-bottom:5%;
}
#step .inner{
	margin:0 auto;
}
#step .inner li{
	border:10px #F0F0F0 solid;
	margin:0 20px 10%;
	padding:20px 10px;

	overflow: hidden;
	_zoom:1;
}
#step .arrow{
	background:url(../images/step/arrow_down.png) center bottom no-repeat;
}
.box_L{
	width:100%;
}
.box_R{
	width:100%;
	padding-top:10px;
	padding-left:10px;
	text-align:left;
}

.pagetop {
	display:none;
}

/*=====================
		seo
=====================*/
#seo .seo_cmt{
	margin-top:10%;
	font-size:16px;
	line-height:1.6;
	text-align:left;
}
#seo .seo01{
	background:#FFFEF9;
	padding-top:10%;
	padding-bottom:8%;
}
#seo .seo02{
	background:#FFFEF9;
	padding-top:10%;
	padding-bottom:8%;
}
#seo .seo03{
	background:#FFFEF9;
	padding-top:10%;
	padding-bottom:8%;
}
#seo .seo_cmt{
	margin-top:10px;
	font-size:16px;
	line-height:2.0;
	padding-bottom:40px;
}


.alert_window .inner{
 	width:300px;
}

.alert_window .inner {
    background: #fff none repeat scroll 0 0;
    border: 5px solid #eee;
    left: 50%;
    position: fixed;
    top: 10%;
    z-index: 1000;
}

}





/* =contact
----------------------------------------------- */
@media screen and (min-width: 320px){
#contact .wrapper{
 padding:5% 0;
}
#contact .ttl{
 width:30%;
 margin:0 auto 1%;
}
#contact .ttl img{
 width:100%;
}
#contact .inner{
 padding:2%;
}
#contact .must .item,
#contact .any .item{
	-webkit-background-size:40px auto;
	-moz-background-size:40px auto;
	background-size:40px auto;
 background-position:left center;
 background-repeat:no-repeat;
}
#contact .must .item{
 background-image:url(../images/common/icn_must.png);
}
#contact .any .item{
 background-image:url(../images/common/icn_any.png);
}
#contact .item{
 padding:3px 0 0 50px;
 text-align:left;
}
#contact .item,
#contact .item2{
 display:block;
 min-height:17px;
}
#contact .reply{
 padding:2% 0 4%;
 text-align:left;
}
#contact .reply2{
 padding:2% 0;
 text-align:left;
}
#contact .box,
#contact .address{
 padding:4% 2%;
 background-color:#F9F9F9;
}
#contact .box{
 margin:0 0 2%;
}
#contact .box:last-child{
 margin:0;
}
#contact .box .mds{
 font-weight:bold;
}
#contact .box dd label{
 display:block;
 float:left;
 width:40%;
 padding:0 4% 0 0;
}
#contact .w100{width:95%;}
#contact .w80{width:76%;}
#contact .w30{width:26%;}
#contact .w20{width:16%;}
#contact .inline{padding:0 5px;}
#contact input[type="text"],
#contact textarea{
 border:1px #DDD solid;
 -webkit-box-shadow:inset 2px 2px 2px rgba(0,0,0,0.1);
 -moz-box-shadow:inset 2px 2px 2px rgba(0,0,0,0.1);
 box-shadow:inset 2px 2px 2px rgba(0,0,0,0.1);
 -moz-border-radius:4px;
 -webkit-border-radius:4px;
 border-radius:4px;
}
#contact select{
 height:30px;
 line-height:30px;
}
#contact input,
#contact textarea{
 font-size:100%;
 color:#515253;
}
#contact input[type="text"]{
 height:30px;
 padding:3px 2%;
}
#contact input[type="checkbox"]{
 margin:0 2% 0 0;
 vertical-align:middle;
}
#contact textarea{
 width:95%;
 height:100px;
 padding:8px 2%;
}
#contact .att{
 height:100px;
 padding:2%;
 border:1px #DDD solid;
 background-color:#F5F5F5;
 overflow:auto;
}
#contact .att dl,
#contact .att p{
 margin:0 0 2%;
}
#contact .att dt{
 font-weight:bold;
}
#contact .agree{
 margin:4% 0;
	text-align:center;
}
#contact .sp_att{
	color:#666;
	font-size:80%;
	text-align:center;
}
#contact .sp_att .bp{
 display:none;
}
#contact .btn_submit{
/* width:50%;*/
 width:70%;
 margin:5% auto 0;
}
#contact .btn_submit img{
 width:300px;
}
#contact .status{
 display:block;
 margin:1% 0 0;
 color:#db665a;
}
/*--------------------select box*/
.slct_w380{
 width:260px;
}
.slct_w110{
 width:80px;
}
.slct_w90{
 width:50px;
}
/* デフォルト */
.customSelect{
 background:#FFF;
 padding:2% 0 2% 4%;
 border:1px #EEE solid;
 border-radius:4px;
}
/* ホバー時 */
.customSelect.customSelectHover{
}
/* インナー */
.customSelectInner{
	-webkit-background-size:5px auto;
	-moz-background-size:5px auto;
	background-size:5px auto;
 background-position:right center;
 background-repeat:no-repeat;
 background-image:url(../images/common/icn_selectbox.png);
}
/*---------------------------*/
}
@media screen and (min-width: 768px){
#contact .wrapper{
 padding:4% 0;
}
#contact .ttl{
 width:25%;
}
#contact .inner{
/* padding:4%;*/
 width:700px;
 margin:0 auto;
 padding:30px 0 0;
}
#contact .must,
#contact .any{
 padding:0 0 4%;
}
#contact .must .item,
#contact .any .item{
	-webkit-background-size:auto;
	-moz-background-size:auto;
	background-size:auto;
}
#contact .item{
 float:left;
 width:40%;
 min-height:33px;
 padding:7px 0 0 55px;
 text-align:center;
}
#contact .reply{
 float:right;
 width:60%;
 min-height:33px;
 padding:0 0 0;
}
#contact .box,
#contact .address{
 padding:2% 4%;
}
#contact textarea{
 height:150px;
}
#contact .att dd{
 font-size:90%;
}
#contact .sp_att .bp{
 display:block;
}
#contact .btn_submit{
/* width:305px;*/
 width:50%;
}
#contact .status{
 margin:5px 0 0;
}
#form_submit{
 cursor:pointer;
}

/*--------------------select box*/
.slct_w380{
 width:380px;
}
.slct_w110{
 width:100px;
}
.slct_w90{
 width:80px;
}
/* デフォルト */
.customSelect{
 padding:2% 0 2% 4%;
}

/* ホバー時 */
.customSelect.customSelectHover{
}
/* インナー */
.customSelectInner{
	-webkit-background-size:auto;
	-moz-background-size:auto;
	background-size:auto;
}
/*---------------------------*/
}
@media screen and (min-width: 1280px){
#contact .ttl{
 width:236px;
 margin-bottom:10px;
}
#contact .must,
#contact .any{
 padding:0 0 20px;
}
#contact .inner{
 width:900px;
 margin:0 auto;
 padding:30px 0 0;
}
#contact .item{
 width:255px;
 padding:13px 0 0 70px;
}
#contact .reply{
 width:575px;
}
#contact .item2{
 float:left;
 width:145px;
 padding:13px 0 0;
}
#contact .reply2{
 float:right;
 width:480px;
 padding:0;
}
#contact .address dl{
 padding:0 0 20px;
}
#contact .address dl:last-child{
 padding:0;
}
#contact .address{
 padding:0;
 background-color:transparent;
}
#contact .w100{width:587px;}
#contact .w80{width:440px;}
#contact .w30{width:160px; margin-right:18px;}
#contact .w20{width:110px;}
#contact .inline{padding:0 15px;}
#contact input[type="checkbox"]{
 position:relative;
 top:-1px;
 margin:0 0.5em 0 0;
}
#contact select{
 height:50px;
 line-height:50px;
}
#contact input[type="text"]{
 height:50px;
 padding:3px 20px;
}
#contact textarea{
 width:588px;
 height:200px;
 padding:17px 20px;
}
#contact .agree{
 margin:18px 0;
}
/*--------------------select box*/
.slct_w380{
 width:365px;
}
.slct_w110{
 width:105px;
}
.slct_w90{
 width:75px;
}
/* デフォルト */
.customSelect{
 padding:15px 5px 15px 10px;
}
/* ホバー時 */
.customSelect.customSelectHover{
}
/* インナー */
.customSelectInner{
}
/*---------------------------*/
}