
/*--common--*/
main article{min-height:700px;}
.marker{background: linear-gradient(transparent 50%, #fff799 50%);font-style:normal;}
.attention{color:#ad0003;}
.smp{display:none;}

#privacy{margin-top:-100px;padding-top:100px;}


.ttl_page{height:300px;position:relative;padding:0 15px;background:#7ecef4 url(../img/common/pattern01.png);display:flex;align-items:center;justify-content:center;}
.ttl_page h1{width:1080px;font-size:5.0rem;color:#fff;padding:0 15px;font-family: 'Poppins', sans-serif;line-height:1.4;text-align:center;}
.ttl_page h1 small{display:block;font-size:1.4rem;letter-spacing:0.6em;font-family: 'Noto Sans JP', "メイリオ", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Yu Gothic", sans-serif;}


.page_error .inner{min-height:300px;padding:45px 15px 120px;}
.page_error .message p{font-size:2.4rem;font-weight:bold;text-align:center;color:#999;margin-bottom:2em;}
.page_error .btn_home a{display:block;width:280px;max-width:100%;font-size:1.6rem;border:1px solid #000;text-align:center;padding:15px;transition-duration:.4s;margin:0 auto;}
.page_error .btn_home a:after{content:"\f138";font-family:FontAwesome;margin-left:10px;}
.page_error .btn_home a:hover{background:#000;color:#fff;}





/*--contact--*/
section.form .inner{width:900px;padding:45px 15px 120px;}

section.form .inner > p{font-size:1.6rem;margin-bottom:60px;text-align:center;}
section.form .check{font-size:1.8rem;margin-bottom:30px;}
section.form .check li{position:relative;padding-left:1.2em;margin-bottom:10px;}
section.form .check li:before{content:"\f046";font-family:FontAwesome;position:absolute;left:0;top:0;color:#eb6877;}

form .require{display:inline-block;background:#448aca;color:#fff;font-size:1.2rem;line-height:1.4;text-align:center;padding:3px 10px;margin-left:10px;}
form table{width:100%;margin:0 auto 40px;font-size:1.6rem;}
form table th,
form table td{padding:15px 20px;border-bottom:1px solid #eee;}
form table th{background:#fafafa;letter-spacing:0.2em;width:30%;}
form table td{background:#fff;color:#666;width:70%;}
form table th small{color:#b71c1c;}
form table label{cursor:pointer;position:relative;}

form label{cursor:pointer;}
form table input[type="text"],
form table input[type="email"],
form table input[type="tel"],
form table input[type="url"],
form table select,
form table textarea{padding:10px;border:3px solid #eee;cursor:pointer;font-size:1.6rem;width:100%;line-height:1.3;}
form table input[type="text"]:focus,
form table input[type="email"]:focus,
form table input[type="tel"]:focus,
form table input[type="url"]:focus,
form table select:focus,
form table textarea:focus{border-color:#7ecef4;outline:none;}
form table textarea{height:200px;}
form table label{margin-right:10px;}
form table label input[type="checkbox"],
form table label input[type="radio"]{margin-right:5px;}
form .btn_form{text-align:center;}
form .btn_form input[type="submit"]{width:280px;padding:15px 20px;color:#fff;border:none;background:#cf323f;cursor:pointer;letter-spacing:3px;font-size:1.8rem;-webkit-appearance:none;}
form .btn_form input[type="submit"]:hover{opacity:0.7;}
form .btn_form input[disabled="disabled"],
form .btn_form input[disabled="disabled"]:hover{background:#ddd;opacity:1;cursor:default;}
form .btn_form input[type="button"]{padding:15px 20px;color:#000;border:none;background:#ddd;cursor:pointer;letter-spacing:3px;font-size:1.8rem;-webkit-appearance:none;}
form .btn_form input[type="button"]:hover{opacity:0.7;}

.thanks .inner{padding:60px 15px 90px;}
.thanks p{font-size:1.6rem;margin-bottom:1.3em;text-align:center;}


.privacy{padding:20px;background:#fafafa;}
.privacy h2{border-bottom:5px solid #ddd;font-family:游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;font-weight:bold;font-size:2.4rem;margin-bottom:15px;}
.privacy h3{font-size:1.8rem;color:#841015;}
.privacy ol li{list-style:outside decimal;margin-left:1.5em;}
.privacy ol li strong{font-weight:bold;}




/*****************************************************************************
 Responsive
 *****************************************************************************/
@media screen and (max-width: 768px) {
	#privacy{margin-top:calc(-2.6875vw * 5);padding-top:calc(2.6875vw * 5);}

	form table th,
	form table td{display:block;width:100%;}
	form table input[type="text"],
	form table input[type="email"],
	form table input[type="tel"],
	form table input[type="url"],
	form table select,
	form table textarea{width:100%;}
	form table ul li{width:100%;margin:0 0 10px;}
	form table label input[type="radio"]{-webkit-appearance: radio;}
	form table label input[type="checkbox"]{-webkit-appearance: checkbox;}





}


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

	section.form .inner > p{text-align:left;}





}


@media screen and (max-width: 480px) {
	.smp{display:block;}
	.ttl_page{height:230px;}
	.ttl_page h1{font-size:4.0rem;}

	.page_error .inner{min-height:initial;}
	.page_error .message p{font-size:2.0rem;text-align:left;}


	section.form .inner > p,
	form table th,
	form table td{font-size:1.4rem;}
	form .btn_form{text-align:left;}
	form .btn_form input[type="submit"]{width:100%;}
	.thanks p{font-size:1.4rem;text-align:left;}





}


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

	form table td{padding:10px 5px;}



}


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

	.ttl_page{height:200px;}
	.ttl_page h1{font-size:3.2rem;}



}






