@charset "UTF-8";
/*================================================
 *  CSSリセット
 ================================================*/
/*一般見栄えクラス*/
.newformcontact .fwbold{
	font-weight: bold;
	font-size: 120%;
}
.newformcontact .alignmiddle{
	vertical-align: middle;
}
.newformcontact .csai{
	font-size: 80%;
}
.newformcontact .eali{
	text-indent: -10px;
	padding-left: 20px;
	font-weight: bold;
}
.newformcontact .eali i{
	margin-right: 5px;
	color: #f00;
}
.newformcontact .grcenter{
	display: grid;
	place-items: center;
}
.newformcontact .dnone{
	display: none;
}.newformcontact .dinline{
	display: inline;
}
.newformcontact .mt0{
	margin-top: 0!important;
}
/*********
ページコンテンツ内
**********/
#main.newmaincontact{
	width: 67%;
	order: 1;
	float: left;
}



@media screen and (max-width: 767px){ 
	#main.newmaincontact{
	width: 100%;
	float: none;
}

}


/******************************
上の黒い部分
*******************************/
#contents.newformcontact{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}
.formue{
	width: 100%;
	padding: 2%;
	box-sizing: border-box;
	background-color: #000;
	color: #fff;
	font-size: 15px;
	border-radius: 8px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 3%;
}
.formue a{
	text-decoration: none;
	color: #fff;
}
.formue .dtfs{
	width: 58%;
}
.formue .nitosan{
	width: 40%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.formue .dtsc{
	width: 49%;
	border-radius: 8px;
	padding: 2%;
	box-sizing: border-box;
	background-color: #f00;
	text-align: center;
}
.formue .dtth{
	width: 49%;
	border-radius: 8px;
	padding: 2%;
	box-sizing: border-box;
	background-color: rgb(4, 122, 83);
	text-align: center;
}


@media screen and (max-width: 1000px) and (min-width: 768px){ 
.formue .nitosan{
	font-size: 1.4vw;
}
}


@media screen and (max-width: 767px){ 
.formue .dtfs,.formue .nitosan{
	width: 100%;
}
.formue .nitosan{
	margin-top: 5%;
}
}


@media screen and (max-width: 480px){ 
.formue .nitosan{
	font-size: 3.8vw;
}
.formue .dtsc,.formue .dtth{
	width: 100%;
}
.formue .dtth{
	margin-top: 3%;
}

}

/***********
スマホのみ文章
**********/
.formsp{
	display: none;
}
@media screen and (max-width: 480px){ 
.formsp{
	display: block;
	margin-bottom: 5%;
	background-color: antiquewhite;
	box-sizing: border-box;
	padding: 2%;
	border-radius: 8px;
	border: solid rgb(248, 117, 117) 1px;
}
}
/***********
sub右部分
**********/
.subcontact{
	order: 2;
	width: 29%;
	padding: 1.5%;
	box-sizing: border-box;
	border: solid #ddd 1px;
	border-radius: 8px;
}
.subcontact .pointt{
	font-weight: bold;
	background-color:rgb(168, 2, 2);
	font-size: 18px;
	color: #fff;
	padding: 1%;
	text-align: center;
	box-sizing: border-box;
}

.subcontact .easubin{
	margin-top: 2%;
	padding-top: 2%;
	border-top: solid #ddd 1px;
}
.subcontact  .subinue{
	border-top: none;
}
.subcontact .subtt{
	color:rgb(168, 2, 2);
	font-weight: bold;
}

@media screen and (max-width: 767px){ 
.subcontact{
	margin-top: 3%;
	width: 100%;
}
}

/***********
form部分
**********/
.newmailform .eaformbox{
	padding: 2%;
	box-sizing: border-box;
	border: solid #ddd 1px;
	border-radius: 8px;
	margin-top: 3%;
}

.newmailform .formflexbox{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}


.newmailform .hanbunbox{
	width: 49%;
}

.newmailform .eaformbox .labelyonko,.newmailform .eaformbox .labelgoko{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.newmailform .eaformbox select{
	appearance: none;
	-webkit-appearance: none;
	background: url(../img/mailform/arrow.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right center;
	color: #666;
}
.newmailform .eaformbox input[type="text"],.newmailform select{
	display: block;
	padding: 2%;
	border: solid #ddd 1px;
	border-radius: 8px;
	width: 100%;
	box-sizing: border-box;
}
.newmailform .eaformbox .yubinbox{
	display: flex;
	justify-content: space-between;
}
.newmailform .eaformbox .yubinbox input.yubinran{
	width: 23%;
}
.newmailform .eaformbox .yubinbox input.addressran{
	width: 75%;
}
.newmailform .eaformbox .labelyonko label{
	width: 24.5%;
}
.newmailform .eaformbox .labelgoko label{
	width: 19%;
}
.newmailform .eaformbox input[type="checkbox"],.newmailform .eaformbox input[type="radio"]{
	appearance: none;
	-webkit-appearance: none;
	margin: 0;
	display: none;
}
.newmailform .eaformbox label span{
	padding: 3px 4px;
	border-radius: 8px;
	border: solid #ddd 1px;
	width: 100%;
	box-sizing: border-box;
	display: block;
	display: grid;
	place-items: center;
	height: 100%;
}

.newmailform .eaformbox label > input:checked + span{
	border: solid #fc0202 1px;
	background-color: #fae5e5;
}


.newmailform .eaformbox .kakomanai input[type="checkbox"]{
	appearance: auto;
	margin-right: 5px;
	display: inline;
}

.newmailform .eaformtt{
	font-weight: bold;
	font-size: 18px;
}

.newmailform .eaformdt{
	margin-top: 3%;
}

.newmailform .formnaiyo{
	font-weight: bold;
}
.newmailform .formnaiyo .fwbold{
	font-size: 100%;
}

.newmailform .formhisu{
	padding: 1px 3px;
	background-color: #f00;
	margin-left: 5px;
	margin-right: 5px;
	color: #fff;
	font-weight: bold;
	font-size: 11px;
}
.newmailform .formnini{
	padding: 1px 3px;
	background-color: #ccc;
	margin-left: 5px;
	margin-right: 5px;
	color: #fff;
	font-weight: bold;
	font-size: 11px;
}


.newmailform .eaformdt.waku{
	padding: 2%;
	background-color: #f0f0f0;
	box-sizing: border-box;
	border: dashed 2px #f00;
	border-radius: 8px;
}
.newmailform .eaformbox .yobo{
	width: 100%;
	padding: 2%;
	box-sizing: border-box;
	height: 150px;
	overflow-y: scroll;
	border-radius: 8px 0 0 8px;
	border: solid #ddd 1px;
}

.newmailform .submitbox{
	text-align: center;
	margin-top: 5%;
	margin-bottom: 3%;
}
.newmailform .submitbox input{
	padding: 2% 3%;
	background-color: #f00;
	color: #fff;
	font-weight: bold;
	border-radius: 8px;
	font-size: 20px;
}
.newmailform .g-recaptcha div{
	margin-left: auto;
	margin-right: auto;
}
.newmailform .kibojikan{
	font-size: 14px;
}
.newmailform .pribox{
	margin-top: 2%;
	padding: 2%;
	box-sizing: border-box;
	border: solid #ffbfbf 1px;
	height: 200px;
	overflow-y: scroll;
	border-radius: 8px 0 0 8px;
	font-size: 11px;
}

@media screen and (max-width: 767px){ 
.newmailform .eaformbox .labelyonko,.newmailform .eaformbox .labelgoko{
	justify-content: flex-start;
}
.newmailform .eaformbox .labelyonko label,.newmailform .eaformbox .labelgoko label{
	width: 30%;
	margin: 1%
}
.newmailform .hanbunbox{
	width: 100%;
}

}

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

.newmailform .eaformbox .labelyonko label,.newmailform .eaformbox .labelgoko label{
	width: 47%;
}
}

/********************
ページ内確認用
*********************/
.newmailform .require_moji,.newmailform .requiredochira_moji{
	font-weight: bold;
	font-size: 15px;
	margin-top: 2%;
	animation: linear 2s blink infinite;
	color: #f00;
}
@keyframes blink{
	0%{ opacity: 1;}
	50%{ opacity: 0;}
	100%{ opacity: 1;}

}

/********************
確認画面
*********************/
.comfirmform .eaconbox{
	padding: 2% 0;
	border-bottom: dashed 1px #ddd;

}

.comfirmform .err{
	font-weight: bold;
	color: #f00;
}

.comfirmform .submit_area {
	text-align: center;
}
.comfirmform .submit_area input,.comfirmform .submit_area button{
	background: #333;
    color: #fff;
    font-size: 18px;
    border-radius: 8px;
    padding: 1% 2%;
    margin: 1%;
}
.comfirmform .submit_area input[type="submit"]{
		background: #b60202;
}