@charset "utf-8";

.contact_aisatu_sub{
	width:90%;font-size:16px;color:#000;
	max-width:900px;
	margin:50px auto 0 auto;position:relative;
	line-height:180%;
	text-align:left;
}

.contact_btn_white{
	display:inline-block;
	max-width:412px;
	width:90%;
	height:46px;
	background:#fff;
	color:#8DB843;
	font-size:16px;
	font-weight:bold;
	border-radius:30px;
	position:relative;
}
.contact_btn_white:after{
	content:'';
	position:absolute;
	bottom:-10px;
	left:50%;
	transform:translate(-50% ,0% );
	background:#fff;
	height:25px;
	width:30px;
	clip-path:polygon(100% 0, 50% 100%,0 0%);
	z-index:-1
}
.contact_btn_white_text{
	display:flex;
	align-items:center;
	height:100%;
	justify-content:center;
}

#contact_title{
	font-size:45px;font-weight:bold;text-align:center;
}
.contact_title_sub{
	font-size:35px;
	font-weight:bold;
	border-left: solid 7px #E57A7A;
	padding-left:23px;
	box-sizing:border-box;
	max-width:1393px;
	width:100%;
	margin:50px auto 0 auto;
	line-height:110%;
}

.contact_top_flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 90%;
	max-width:800px;
	margin:50px auto 0 auto;
    position: relative;
    padding: 20px 0;
}
.contact_top_flex::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    background: #d8e6ee;
    transform: translateY(-50%);
    z-index: 0;
}
.contact_top_flex > div {
    background: #e7f1f7;
    padding: 10px 22px;
    border-radius: 25px;
    z-index: 1;
    font-size: 16px;
    color: #00396a;
    white-space: nowrap;
}
.contact_top_flex > div.active {
    background: #00396a;
    color: #fff;
}


::placeholder {
	color:#ddd;
	opacity: 1;
	font-weight:normal;
}
#toiawase_form1 input[type="text"]{
	height:35px;
	width:100%;
	outline:solid 1px #ddd;
	border:none;
	border-radius:0px;
	font-size:16px;
	padding:0 20px;
	box-sizing:border-box;
}
#toiawase_form1 textarea{
	height:220px;
	width:100%;
	outline:solid 1px #ddd;
	border:none;
	border-radius:0px;
	font-size:16px;
	padding:20px 20px;
	box-sizing:border-box;
}
#toiawase_form1 select{
	height:40px;
	font-size:19px;
	padding:5px;
}
.chkbox {
	margin:10px 0 0 0;
}
#mail_form .radio_label {
	padding:0 10px 0px 11px;
	display:inline-block;
	cursor:pointer;
	position:relative;
	font-size:16px;
	color:#00396a;
}
#mail_form .check_label {
	padding:0 10px 0px 35px;
	display:inline-block;
	cursor:pointer;
	position:relative;
	font-size:16px;
}
#mail_form .check_label:before {
	content:'';
	margin:3px 0px 0px 2px;
	padding:2px 0px 2px 4px;
	width:14px;
	height:14px;
	display:inline-block;
	position:absolute;
	left:0px;
	background-color:#fff;
	border:1px #000 solid;
}

#mail_form input[type=radio] {
	transform:scale(1);
}
#mail_form input[type=checkbox] {
	display:none;
}
#mail_form input[type=checkbox]:checked + label:before {
	padding:0px 2px 4px 2px;

	line-height:120%;
	content:'\2713';
	font-size:16px;
	color:#205c81;
	background-color:#fff;
}

#toiawase_form1 {
	max-width:1000px;
	width:90%;
	text-align:left;
	margin:0 auto;
	padding:0 0 25px 0;
}

.toiawase_form1_td {
	display:flex;
	align-items: stretch; 
    justify-content: space-between;
	margin:0px auto 0px auto;
	width:100%;
	max-width:1000px;
	border-top:1px solid #3f6570;
}
.toiawase_form1_td.toiawase_form1_td_last{
	border-bottom:1px solid #3f6570;
}

.toiawase_form1_td_1{
	display:flex;
	align-items: center;
	justify-content:space-between;
	flex:0.35;
	font-size:16px;
	font-weight:bold;
	color:#00396a;
	padding:20px 30px; 
    box-sizing:border-box;
}
.toiawase_form1_td:nth-child(odd) .toiawase_form1_td_1{
	background:#dbe8f7;
}
.toiawase_form1_td:nth-child(even) .toiawase_form1_td_1{
	background:#ebf4fb;
}
.toiawase_form1_td_1_1{
	flex:0.8;
}
.toiawase_form1_td_1_2{
	display:flex;
	align-items:center;
	justify-content:center;
	padding:3px 5px;
	border-radius:5px;
	background:#00396a;
	color:#fff;
	font-weight:normal;
}
.toiawase_form1_td_2{
	display:flex;
	align-items: center;
	flex:0.65;
	padding: 20px 25px; 
    box-sizing: border-box;
}
.toiawase_form1_td_2.radio_flex_2{
	display:block;
}

.toiawase_form1_maru{
	vertical-align:middle;color:#ED7980;font-size:60%;margin-right:3px;
}

.toiawase_check_div{
	background:#fff;
	border:1px #000 solid;
	padding:50px;
	border-radius:40px;
	box-sizing:border-box;
}
.toiawase_check_div_sm{
	background:#fff;
	border:1px #000 solid;
	border-radius:30px;
	box-sizing:border-box;
	display:none;
	padding:20px;
}

.toiawase_check_div2{
	background:#fff;
	border:1px #000 solid;
	padding:20px 40px;
	border-radius:40px;
	box-sizing:border-box;
}
.toiawase_form1_pp_text {
	font-size:16px;
	max-width:550px;
	background:#dbe8f7;
	text-align:center;
	margin:100px auto 0px auto;
	padding:15px;
	box-sizing:border-box;
	color:#00396a;
	font-weight:bold;
}
.toiawase_form1_pp_text a{
	font-size:16px;
	color:#308731;
	text-decoration:underline;
}
.toiawase_form1_pp_text div{
	display:inline-block;
	background:#fff;
	margin:20px auto 0 auto;
	padding:8px 15px;
	box-sizing:border-box;
}
.toiawase_form1_pp{
	overflow-y:scroll;
	height:260px;
	outline:solid 1px #E3E4E5;
	border-radius:15px;
	font-size:16px;
	padding:20px;
	box-sizing:border-box;
}
.toiawase_form1_pp::-webkit-scrollbar {
	width: 5px;
	border-radius:15px;
}
.toiawase_form1_pp::-webkit-scrollbar-thumb{
 	background:#005BAC;
	border-radius:10px;
}
.toiawase_form1_pp::-webkit-scrollbar-track {
	background: #eee;
	border-radius:10px;
}
#mail_form .bold21{
	font-size:16px;
	font-weight:bold;
}
#mail_form .reg21{
	font-size:16px;
}
#mail_form .check_flex{
	display:flex;
}

.submit1{
	border:none;
	font-size:16px;
	font-weight:bold;
	max-width:148px;
	width:90%;
	height:45px;
	color:#fff;
	background:#00396a;
}
.submit1:hover{
	opacity:0.7;
	cursor:pointer;
}
.clear1 {
	border:solid 1px #333;width:150px;font-size:18px;padding:5px 20px;border-radius:20px;background:#fff;margin:0 5%;
}
.clear1:hover{
	background:#eee;cursor:pointer
}
.koumoku_label{
	vertical-align:top;
	display:inline-block;width:24%;
}
.koumoku_label2{
	display:inline-block;width:74%;
}

@media screen and (max-width:1366px) {
.contact_ribbon_flex_1_sub{
	font-size:19px;
}
.contact_ribbon_img_1{
	max-width:278px;
}
}

@media screen and (max-width:1024px) {
.toiawase_form1_td_2{
	display:flex;
	align-items: center;
	flex:0.65;
	padding: 20px 0px; 
    box-sizing: border-box;
}
.contact_aisatu_sub{
	font-size:16px;
}

#contact_title{
	font-size:35px;
}
.contact_ribbon_flex_1_sub{
	font-size:19px;
}
.contact_ribbon_img_1{
	max-width:238px;
}
.toiawase_form1_td {
	display:block;
}
}

@media screen and (max-width:784px) {
#contact_title{
	font-size:28px;
}
.contact_title_sub{
	font-size:25px;
}
.contact_ribbon_flex_1_sub{
	font-size:17px;
}
.contact_ribbon_img_1{
	max-width:190px;
}
.toiawase_form1_td_1{

}

.toiawase_form1_td {
	border-top:none;
}
.toiawase_form1_td.toiawase_form1_td_last{
	border-bottom:none;
}	
	
#toiawase_form1 input[type="text"]{
	height:50px;
	font-size:16px;
	padding:0 20px;
}
#toiawase_form1 textarea{
	height:180px;
	font-size:16px;
	padding:20px 20px;
}
.toiawase_check_div{
	display:none;
	padding:20px;
}
.toiawase_check_div_sm{
	display:block;
	padding:20px;
}
#mail_form{
	width:95%;
	margin:0 auto;
}
#mail_form label {
	font-size:17px;
}
#mail_form .radio_label {

	font-size:16px;
}
#mail_form .check_label {

	font-size:16px;
}
#mail_form .check_label:before {
	content:'';margin:2px 0 0px 2px;
	padding:0px 0px 4px 4px;
	width:14px;
	height:14px;
	display:inline-block;
	position:absolute;
	left:0px;
	background-color:#fff;
	border:1px #000 solid;
}
	
#policy{
	font-size:20px;max-width:400px;
}
#policy a{
	font-size:20px;
}

#contact_policy{
	max-width:400px;
	font-size:20px;
}
#contact_policy a{
	font-size:20px;
}
#contact_policy label {
	padding:0 10px 10px 26px;font-size:20px;
	
}
	
.koumoku_label{display:block;width:90%;margin:30px auto 30px auto;}
.koumoku_label2{display:block;width:90%;margin:0 auto;}

#mail_form .bold21{
	font-size:16px;
}
#mail_form .reg21{
	font-size:16px;
}
#mail_form .check_flex{
	display:block;
}
#mail_form .check_flex_sub{
	display:inline-block;margin-left:0;
}
.clear1 {
	margin:0 2%;width:120px;
}
}

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

.contact_top_flex > div {
    background: #e7f1f7;
    padding: 7px 15px;
    border-radius: 25px;
    z-index: 1;
    font-size: 12px;
    color: #00396a;
    white-space: nowrap;
}
.contact_top_flex > div.active {
    background: #00396a;
    color: #fff;
}
#contact_title{
	font-size:22px;
}
.contact_ribbon_flex_1_sub{
	font-size:13px;
}
.contact_ribbon_img_1{
	max-width:100px;
}
}