@charset "UTF-8";

.contents_form{background-color:#fff;/*border-bottom:60px solid #fde9e0;*/-webkit-border-radius: 0 0 60px 60px;border-radius: 0 0 60px 60px;}
.contents_form em{color:#ff0000;}
.contents_form form{display:inline;}
.contents_form p.alert{margin-bottom:10px;}

/** 注釈文言 **/
.contents_form td .add{font-size:13px;margin-left:10px;}

/** 確認 **/
.contents_form .conf td{}

/** フォーム共通 ***/
input.formtxt,textarea.formtxt,select.formtxt{background-color:#fff;border: 1px solid #808080;-webkit-border-radius: 5px;border-radius: 5px;font-size:16px;
-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{padding:10px;line-height:1.25;}
textarea.formtxt{padding:10px;line-height:1.5;width:100%;}
select.formtxt{padding:10px;}

input.long{width:100%;}

.form_head .wrapper{padding-top:45px;max-width:1020px;margin:0 auto 35px;text-align:center;}
.form_head h1{max-width:355px;padding-right:20%;margin:0 auto 50px;}

.form_head .target{max-width:380px;margin:0 auto 44px;padding:0 50px;-webkit-border-radius: 10px; border-radius: 10px;background-color: #FFF;-webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.5);box-shadow: 0 3px 10px rgba(0,0,0,0.5);}
.form_head .target dl{font-weight:bold;align-items:center;padding:10px 0;font-size:24px;line-height:1.2;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;justify-content: space-between;}
.form_head .target dt{padding:0 5px;position:relative;}
.form_head .target dt::after {content: "";width: 100px;height: 1px;background: #d8d8d8;position: absolute;top: 50%;left: 100%;display: block;}
.form_head .target dd{color: #006A8E;padding:0 5px;position:relative;background-color:#fff;}
.ladies_site .form_head .target dd{color:#D36D7E;}
.form_head .explain{text-align:left;}

.form_contact{max-width:1020px;margin:0 auto;}

.form_contact table{width:100%;margin-bottom:35px;}
.form_contact th{padding:24px 0 24px 20px;font-weight:bold;}
.form_contact th .name{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;justify-content: space-between;}
.form_contact th .name> *{display:block;}
.form_contact td{padding:15px 20px 15px 35px;}
.form_contact td.birth > *{margin-right:5px;margin-bottom:5px;}

.form_contact td div.sex{width:280px;display:-webkit-flex;display:flex;border:1px solid #808080;-webkit-border-radius: 5px; border-radius: 5px;}
.form_contact td div.sex label{width:25%;padding:7px 10px;background-color: #FFF;border-right:1px solid #808080;text-align:center;}
.form_contact td div.sex label.on{background-color: #92BDCC;color:#fff;}
.form_contact td div.sex label:first-child{-webkit-border-radius: 5px 0 0 5px;border-radius: 5px 0 0 5px;}
.form_contact td div.sex label:last-child{width:50%;border-right:none;-webkit-border-radius: 0 5px 5px 0;border-radius: 0 5px 5px 0;}
.form_contact td div.sex label input{display:none;}

.form_contact td dl.address{font-size:14px;}
.form_contact td dt{padding:0 10px 10px 0;font-weight:bold;}
.form_contact td dd{padding-bottom:10px;}

.form_contact td div.sex label:hover{cursor:pointer;}

.contents_form .privacy{margin-bottom:45px;text-align:center;}

.button_area{max-width:995px;margin-right:auto;margin-left:auto;padding:0 0 60px;}
.button_area .box{max-width:860px;text-align:center;padding:23px 20px 26px;-webkit-border-radius: 40px; border-radius: 40px;background-color: #EAF3F7;margin-right:auto;margin-left:auto;}
.ladies_site .button_area .box{background-color:#f8eae1;}
.button_area .box .agree{text-align:center;margin-bottom:20px;font-size:18px;font-weight:bold;}
.button_area .form_btn{margin:25px auto 0;}
.button_area .form_btn input,.button_area .form_confirm_btn input,.comp .come_btn a{border:none;display:block;padding:14px 0;-webkit-border-radius: 20px;border-radius:20px;font-family: "Noto Sans",-apple-system, BlinkMacSystemFont,Arial,Roboto,"Droid Sans",sans-serif;font-size:20px;line-height: 1;font-weight:bold;color:#fff;background-color: #006A8E;}
.ladies_site .button_area .form_btn input,.ladies_site .button_area .form_confirm_btn input,.ladies_site .comp .come_btn a{background-color:#c66c7b;}
.button_area .form_btn input,.comp .come_btn a{margin-right:auto;margin-left:auto;width:90%;max-width:286px;}

.button_area .form_confirm_btn{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;justify-content: space-between;flex-direction: row-reverse;max-width:635px;margin-right:auto;margin-left:auto;}
.button_area .form_confirm_btn form{width:48%;}
.button_area .form_confirm_btn input{width:100%;}

.comp .come_btn a{text-decoration: none;padding: 0;height: 40px;line-height: 40px;}

p.comp{text-align:center;padding:60px 0;}

@media screen and (min-width:768px) {
	.ladies_site .form_head h1 img{max-width: none;}

	.l_column_main{padding-bottom: 60px;}
	.l_second .l_footer{padding-top: 90px;}
	input.middle{width:62%;}
	
	.form_contact th,.form_contact td{font-size:18px;border-bottom:1px solid #808080;}
	.form_contact th{width:270px;}
	.form_contact td.birth br{display:none;}
	.form_contact td dl.address{align-items: center;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
	.form_contact td dt{width:100px;}
	.form_contact td dd{width:calc(100% - 110px);}
}


@media screen and (max-width:767px) {

	input.formtxt, textarea.formtxt, textarea.formtxt,select.formtx{font-size:15px;}

	input.middle{width:100%;}

	.form_head h1{max-width:240px;padding:0;}
	.form_head .wrapper{padding-top:25px;margin-bottom:30px;}
	.form_head .target{padding:0 20px;display: inline-block;margin-bottom:25px;}
	.form_head .target dl{justify-content: flex-start;font-size:18px;}
	.form_head .target dd{margin-left:30px;}
	
	.form_contact table,
	.form_contact th,.form_contact td{display:block;width:100%;}
	.form_contact th{padding:15px 10px 10px;font-size:16px;}
	.form_contact td{border-bottom:none;padding:0 10px 15px;}
	.contents_form td .add{margin:10px 0 0;display:block;}
	
	.form_contact th .name{justify-content: flex-start;}
	.form_contact th .name em{margin-left:10px;}
	
	.form_contact td dl.address{margin-left:20px;}
	
	.contents_form .privacy{font-size:14px;}
	
}
