@charset "UTF-8";
@import "picker.css";

.header_title{position: relative;padding-top: 100px;height: 400px;}
.header_title .box::before{content: "";display: block;width: 100%;height: 100%;background: rgba(0 64 92/.4);background-blend-mode: multiply;
position: absolute;left: 0;top: 0;}
.header_title .box{display: flex;height: 100%;align-items: center;justify-content: center;position: relative;}
.header_title .box h1{font-size: 2.5rem;font-family: 'Shippori Mincho', serif;color: #FFF9F0;position: relative;}

.l_breadcrumb ul{text-align: left;max-width: 1080px;margin: 0 auto;font-size: 0.8125rem;display: flex;height: 40px;align-items: center;}

/** フォーム共通 ***/

.contact_form select,
.contact_form input{font-family:"Noto Sans",-apple-system, BlinkMacSystemFont,Arial,Roboto,"Droid Sans",sans-serif;}
input.formtxt,textarea.formtxt,select.formtxt{padding:7px;background-color:#fff;border: 1px solid #808080;-webkit-border-radius: 5px;border-radius: 5px;font-size:1rem;
-webkit-box-sizing: border-box;box-sizing: border-box;max-width:100%;font-family: "Noto Sans",-apple-system, BlinkMacSystemFont,Arial,Roboto,"Droid Sans",sans-serif;}
input.formtxt{line-height:1.25;}
textarea.formtxt{line-height:1.5;width:100%;}

.contact_about .wrapper{max-width:1080px;padding:0 40px 60px;border-bottom:1px solid #cdcdcd;}
.contact_about h2{font-weight:bold;font-size:1.375rem;margin-bottom:20px;}
.contact_about em{margin-top:10px;color: #d44f4f;}

.contact_form .wrapper{max-width:1020px;}

.contact_form h2{margin-bottom:40px;font-size:1.375rem;font-weight:bold;text-align:center;}
.contact_form .attention{margin-bottom:40px;text-align:center; color:#d44f4f;}
.contact_form table{width:100%;}

.contact_form th,
.contact_form td{border-bottom: 1px solid #cdcdcd;}

.contact_form th{font-weight:bold;}
.contact_form th .name .narrow{font-size:85%;}
.contact_form th em{background-color: #d44f4f;color: #fff;font-size: 0.75rem;width: 44px;text-align: center;line-height: 24px;}
.contact_form td.birth > *{margin-right:5px;margin-bottom:5px;}

.contact_form td dl.address{font-size:0.8125rem;}
.contact_form td dt{padding:0 10px 10px 0;font-weight:bold;}
.contact_form td dd{padding-bottom:20px;}

.contact_form td .add{font-size:0.8125rem;margin-left:5px;margin-right:5px;display:inline-block;}
.contact_form td .alert{margin-top:10px;font-size:0.9375rem;}
.contact_form td .note{font-size:0.8125rem;margin-top:20px;}
.contact_form td .note a{color:#d44f4f;}

.contact_form em{color: #d44f4f;}

.contact_form .conf_text{text-align:center;margin-bottom:20px;}

.contact_about .comp{text-align:center;}
.contact_about .comp .btn{width:240px;margin:40px auto 0;}
.contact_about .comp .btn a{display:block;padding:10px;text-align:center;background-color:#C89E45;color:#fff;text-decoration:none;}

.contact_form .button{ width:80%;max-width:320px;margin-right:auto;margin-left:auto; }

.contact_form .button input,
.contact_form .button_wrap form input{width:100%;background-color:#c66c7b;border:none;display:block;-webkit-border-radius: 30px;border-radius:30px;line-height: 1;font-weight:bold;color:#fff;background-color: #c66c7b;}

.contact_form .button_wrap{width:100%;max-width:680px;margin-right:auto;margin-left:auto;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;justify-content: space-between;}
.contact_form .button_wrap form{display:block;width:48%;}


@media screen and (min-width:1081px) {

	.contact_form{ padding-top:75px;padding-bottom:160px; }

	.contact_form table{margin-bottom:35px;}

	.contact_form tr:nth-child(2n) th,
	.contact_form tr:nth-child(2n) td{background-color:#f9f4eb;}
	
	.contact_form th{width:250px;padding:24px 0 24px 20px;}
	.contact_form th .name{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;justify-content: space-between;}
	.contact_form th .name> *{display:block;}
	
	.contact_form td{padding:30px 20px 30px 60px;}

	.contact_about{padding-top:75px;}
	.contact_about .comp{padding-bottom:90px;}
}

@media screen and (max-width:1080px) {
	
	.contact_form{ padding-top:40px;padding-bottom:60px; }
	
	.contact_form table,
	.contact_form tr,
	.contact_form th,
	.contact_form td{display:block;}
	
	.contact_form table{margin-bottom:20px;}
	
	.contact_form th{background-color:#f9f4eb;padding:14px 20px;}
	.contact_form th .name> *{display:inline-block;margin-right:5px;}
	.contact_form td{padding:14px 20px 20px;}
	.contact_form td input[type="text"]{max-width:100%;-webkit-box-sizing: border-box;box-sizing: border-box;}

	.contact_about{padding-top:40px;}
	.contact_about .comp{padding-bottom:40px;}
}

@media screen and (min-width:769px) {
	.contact_form .button input,
	.contact_form .button_wrap form input{padding:24px 0;font-size:1.125rem;}
	

}

@media screen and (max-width:768px) {
	input.formtxt,textarea.formtxt,select.formtxt{padding:5px;font-size:0.9375rem;}
	
	.contact_form .button input,
	.contact_form .button_wrap form input{padding:16px 0;font-size:1rem;}
	
	
}