@charset "utf-8";
/*----------------------------------------------------------------------------------------------------------
	スマホ用（～768px）　　お問い合わせ【contact】のスタイルシート
------------------------------------------------------------------------------------------------------------*/
/*新規＆既存のお客様：トップページでも使用（スマホ）
*************************************************/
#area_contact01{
	margin: 0 0 4rem 0;
}
h2.h2_contact01{
	margin: 0 0 1rem 0;
	padding: 4px 0 0 0;
	background-image: url("../image/common/img_effect03_02.png"), url("../image/common/img_effect03_01.png");
	background-size: 30px, 30px;
	background-repeat: no-repeat, no-repeat;
	background-position: calc(50% - 110px) 50%, calc(50% + 110px) 50%;
	font-family: "Open Sans", sans-serif;
	font-weight: 800;
	font-size: 2rem;
	text-align: center;
}
h2.h2_contact01::first-letter{
	color: #1255a3;
}
h2.h2_contact01 span{
	display: block;
}
h2.h2_contact01 span img{
	width: 110px;
}
/*ボックス*/
.box_contact_new01,
.box_contact_existing01{
	color: #fff;
	background: #449633;
	border-radius: 25px;
	padding: 20px 20px 1.5rem 20px;
	margin: 0 0 10px 0;
}
.box_contact_existing01{
	background: #1255a3;
	margin: 0;
}
h3.h3_contact01{
	text-align: center;
	background: url("../image/common/img_line02.png") no-repeat center bottom;
	background-size: 60px;
	padding: 0 0 14px 0;
	margin: 0 0 1rem 0;
}
h3.h3_contact01 img{
	width: 170px;
}
#area_contact01 .time{
	text-align: center;
	font-size: 0.81rem;
}
#area_contact01 hr{
	height: 1px;
	margin: 1rem 0;
	padding: 0;
	border-top: dotted 1px rgba(255,255,255,0.50);
	clear: both;
}
/*ボタン*/
a.btn_contact01{
	display: block;
	width: 100%;
	max-width: 300px;
	height: 52px;
	line-height: 52px;
	border-radius: 26px;
	box-shadow: 0px 3px 0px rgba(0,0,0,0.50);
	background: #f2f2f2;
	color: #1a1a1a;
	font-size: 1rem;
	font-weight: bolder;
	text-align: center;
	text-decoration: none;
	transition: 0.3s;
	padding: 0 25px 0 20px;
	margin: 0 auto 0.75rem auto;
}
a.btn_contact01:hover{
	opacity: 0.6;
}
a.btn_contact01 .mail{
	background: url("../image/common/icn_mail01.png") no-repeat 0% 50%;
	background-size: 24px;
	padding: 0 0 0 30px;
}
a.btn_contact01 .faq{
	background: url("../image/common/icn_faq01.png") no-repeat 0% 50%;
	background-size: 24px;
	padding: 4px 0 4px 30px;
}
a.btn_contact01 .document{
	background: url("../image/common/icn_document01.png") no-repeat 0% 50%;
	background-size: 16px;
	padding: 2px 0 2px 22px;
}
a.btn_contact01 .tel,
#area_contact01 .fax{
	font-family: "Open Sans", sans-serif;
	font-weight: 700;
	font-size: 1.38rem;
}
a.btn_contact01 .tel small,
#area_contact01 .fax small{
	font-size: 1rem;
}
#area_contact01 .fax{
	text-align: center;
	margin: 0 0 0.5rem 0;
}
/*よくあるご質問（スマホ）
*************************************************/
.accordion-list{
	margin-bottom: 2rem;
}
.accordion-list dl {
	position: relative;
	margin: 0 0 0.25rem 0;
	cursor: pointer;
}
.accordion-list dl::after {
	position: absolute;
	top: 20px;
	right: 12px;
	display: block;
	width: 6px;
	height: 6px;
	margin: auto;
	content: '';
	transform: rotate(135deg);
	border-top: 3px solid #00489c;
	border-right: 3px solid #00489c;
}
.accordion-list .open::after {
    transform: rotate(-45deg);
}
.accordion-list dl dt {
	margin: 0;
	padding: 12px 26px 12px 30px;
	border-bottom: 1px solid #ccc;
	background: /*#ccc*/ url("../image/common/icn_faq_q01.png") no-repeat 0 12px;
	background-size: 24px;
}
.accordion-list dl dd{
	margin: 0;
	padding: 12px 12px 20px 12px;
	border-top: 1px solid #fff;
	background: #f2f2f2;
}
/*メールフォーム（スマホ）
*************************************************/
.form_contact01{
	background: #dfecf9;
}
.table_contact01{margin-bottom: 2rem;}
.table_contact01 th{
	display: block;
	margin-bottom: 0.5rem;
}
.table_contact01 td{
	display: block;
	margin-bottom: 1rem;
}
.table_contact01 th .required{
	display: inline-block;
	background: #5082bb;
	color: #fff;
	font-size: 0.81rem;
	letter-spacing: 1px;
	line-height: 150%;
	padding: 0 6px;
	border-radius: 5px;
	margin: 0 0 0 0.5rem;
}
.table_contact01 select,
.table_contact01 input,
.table_contact01 textarea{
	width: 100%;
	padding: 12px;
	border-radius: 5px;
	background: #fff;
	border: solid 1px #ccc;
	font-size: 1rem;
	margin-bottom: 0.5rem;
}
.table_contact01 textarea {
	height:240px;
}
.table_contact01 select{/*矢印位置の微調整*/
	/*border-right: 6px #fff solid;*/
}
/*.table_contact01 .radio-box input{
	width: 1rem;
	margin: 0;
}
.table_contact01 .radio-box label,
.table_contact01 .check-box label{
	margin: 0 1.25rem 0 0;
}

.table_contact01 .radio-box input,
.table_contact01 .check-box input{
	width:10% !important;
    transform:scale(1.2);
}

.table_contact01 .radio-box input:first-child,
.table_contact01 .check-box input:first-child{
	margin-left:-20px;
}
.table_contact01 .radio-box label,
.table_contact01 .check-box label {
	margin-left: -15px;
}
.table_contact01 .radio-box,
.table_contact01 .check-box{
	padding-left:10px !important;
}*/
/*form input[type="submit"], form input[type="reset"], form input[type="button"] {
	display:block;
	width:100%;
	height:40px;
}*/
/*ボタン*/
input.btn_fotm01 {
	padding: 15px 45px 15px 15px;
	border-radius: 30px;
	color: #fff;
	text-decoration: none;
	transition: 0.3s;
	background: #449633 url("../image/common/icn_arrow01_wht.png") no-repeat right 8px top 50%;
	background-size: 27px;
	box-shadow: 0px 3px 0px #156e00;
	border: none;
	display: block;
	margin: 0 auto;
	width: 320px;
	text-align: center;
    font-size: 1rem;
}
input.btn_fotm01:hover{
	opacity: 0.6;
}
footer.footer_contact{
	background-color:#1255a3;
	background-image: none;
	padding: 10px 0 2.5rem 0;
}



@media screen and (max-width:572px) {
form input[type="text"], form textarea {
	width:80%;
	padding:5px;
	font-size:110%;
	display:block;
}
}




/*-------------------------------------------------------------------------------------------------------------------------------
	タブレット用（768px～）
---------------------------------------------------------------------------------------------------------------------------------*/
@media print, screen and (min-width:768px){

/*新規＆既存のお客様（タブレット）
*************************************************/
#area_contact01{
	display: flex;
	flex-flow: row wrap;
}
#area_contact01.deco{
	position: relative;
}
#area_contact01.deco::before{
	position: absolute;
	content: '';
	left: -10px;
	top: -10px;
	width: 100px;
	height: 110px;
	background: url("../image/home/img_edamame03.png") no-repeat 0 0;
	background-size: 100px;
}
h2.h2_contact01{
	width: 100%;
}
.box_contact_new01{
	width: 50%;
	margin: 0;
	border-radius: 25px 0 0 25px;
}
.box_contact_existing01{
	width: 50%;
	margin: 0;
	border-radius: 0 25px 25px 0;
	border-left: solid 2px #fff;
}
/*よくあるご質問（タブ）
*************************************************/
.accordion-list dl dt {
	padding: 12px 30px 12px 44px;
	background: url("../image/common/icn_faq_q01.png") no-repeat 10px 12px;
	background-size: 24px;
}
.accordion-list dl dd{
	padding: 12px 30px 20px 44px;
	background: #f2f2f2 url("../image/common/icn_faq_a01.png") no-repeat 10px 12px;
	background-size: 24px;
	font-size: 0.94rem;
}
/*メールフォーム（タブレット）
*************************************************/
.table_contact01 th{
	display: table-cell;
	margin-bottom: 0;
	width: 30%;
	padding: 0.25rem 0;
}
.table_contact01 td{
	display: table-cell;
	margin-bottom: 0;
	padding: 0.25rem 0;
}
/*ボタン*/
input.btn_fotm01{
	padding: 15px 55px 15px 30px;
	border-radius: 30px;
}
/********/
}





/*-------------------------------------------------------------------------------------------------------------------------------
	PC用（1100px～）
---------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 1100px){

/*新規＆既存のお客様（PC）
*************************************************/
#area_contact01{
	margin: 0 0 6rem 0;
}
#area_contact01.deco::before{
	left: -90px;
	top: 15px;
	width: 130px;
	height: 140px;
	background: url("../image/home/img_edamame03.png") no-repeat 0 0;
	background-size: 130px;
}
h2.h2_contact01{
	margin: 0 0 1.25rem 0;
	padding: 4px 0 2px 0;
	background-size: 38px, 38px;
	background-position: calc(50% - 170px) 50%, calc(50% + 170px) 50%;
	font-size: 2.63rem;
}
h2.h2_contact01 span{
	margin: 10px 0 0 0;
}
h2.h2_contact01 span img{
	width: 147px;
}
/*ボックス*/
.box_contact_new01{
	padding: 1.75rem 2rem 1.5rem 2rem;
	border-radius: 50px 0 0 50px;
}
.box_contact_existing01{
	padding: 1.75rem 2rem 1.5rem 2rem;
	border-radius: 0 50px 50px 0;
}
h3.h3_contact01{
	background: url("../image/common/img_line02.png") no-repeat center bottom;
	background-size: 85px;
	padding: 0 0 20px 0;
	margin: 0 0 1.25rem 0;
}
h3.h3_contact01 img{
	width: 240px;
}
/********/
}