/*
#mainArea
*/
#mainArea p {
	line-height: 1.3;
}

#mainArea .mtxt {
	font-size: 21px;
	padding-top: 1.8em;
	padding-bottom: 0.5em;
	color: #304361;
}
#mainArea .dtxt {
	font-size: 16px;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
	line-height: 1.8;
}
#mainArea .mark {
	padding: 0 5px 1px 25px;
	background: url("../images/common/mark01.png");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 15px 15px;
}
#mainArea .drp {
	padding-left: 1.5em;
}


#mainArea {
    width: 100%;
    padding-top: 20px;
    background: none;
}
#mainArea .areaInr {
	width: 100%;
	max-width: 1000px;
	min-width: 820px;
	margin: 0 auto;
}
#mainArea .contentsTitle {
    width: 230px;
	margin: 0 auto;
	text-align: center;
}
#mainArea .contentsTitle p {
	padding-top: 0.5em;
	font-size: 14px;
	color: #304361;
}
#mainArea .inr {
	padding-top: 50px;
	padding-bottom: 50px;
}

/*-----------------------------------------------------------------------------*/

input, textarea, select {
	border: #dadfe2 1px solid;
	background-color: #f8f7f8;
	border-radius: 0.3em 0.3em 0.3em 0.3em;
	font-size: 1rem;
	line-height: 1.8;
	margin-left: 0.5em;
	padding-left: 0.3em;
	padding-right: 0.3em;
}

select {
	padding-right: 1.3em;
	background-image: url("../images/contact/arrow_down.png");
	background-position: right 10px center;
	background-repeat: no-repeat;
	background-size: 13px 11px;
}

/*-----------------------------------------------------------------------------*/




.contact_box {
	width: 960px;
	margin: 40px auto 0;
	padding-bottom: 40px;
}

.contact_box .item {
	margin-bottom: 15px;
	margin-top: 15px;
}

.contact_box .item > ul {
	display: flex;
	flex-wrap: wrap;
}

.contact_box .item li {
/*	float: left;*/
}

.contact_box .item .item_label {
	display: flex;
	align-items: center;
	background-color: #fff;
	font-size: 1.2rem;
	line-height: 1;
	color: #304361;
	width: 300px;

	padding: 0 5px 0 5px;
	background: url("../images/common/mark01.png");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 15px 15px;
}

.contact_box .item .item_label p {
	display: block;
	padding: 0.5em 0 0.5em 1em;
}

.contact_box .item .item_label span {
	display: inline-block;
	background-color: #FFFFFF;
	border: #99b6e5 2px solid;
	border-radius: 6px 6px 6px 6px;
	font-size: 0.8rem;
	line-height: 1.2;
	color: #3160aa;
	padding: 0.1em 0.5em;
	margin-left: 1em;
}

.contact_box .item .item_input {
	display: grid;
/*	align-items: center;*/
	font-size: 1rem;
	color: #000000;
	width: 660px;
}

.contact_box .item .item_input p {
	display: block;
	padding: 0.5em 0 0.5em 0.6em;
}
.contact_box .item .item_input .captxt {
	font-size: 0.85rem;
	color: #939393;
	padding-left: 1.3em;
	margin-top: -1em;
	margin-bottom: -0.3em;
}

#frm_item01 {
}
#frm_item01 #name {
	width: 500px;
}

#frm_item02 {
}
#frm_item02 #address-level1 {
	width: 6em;
}
#frm_item02 #address-level2 {
	width: 500px;
}

#frm_item02 #inquiry {
	width: 500px;
}


#frm_item03 {
}
#frm_item03 #tel1,
#frm_item03 #tel2,
#frm_item03 #tel3 {
	width: 6em;
	margin-right: 0.5em;
}

#frm_item04 {
}
#frm_item04 #email {
	width: 500px;
}

#frm_item05 {
}
#frm_item05 #email1 {
	width: 500px;
}
#frm_item05 #email2 {
	width: 500px;
}

#frm_item06 li {
	float: left;
}
#frm_item06 .radio_grp {
	width: 20em;
}
#frm_item06 .radio_grp li {
	width: 10em;
}
#frm_item06 .radio_grp input {
	margin-right: 0.5em;
}
#frm_item06 #message {
	width: calc(660px - 1em - 0.6em - 0.5em);
	max-width: calc(660px - 1em - 0.6em - 0.5em);
	min-width: calc(660px - 1em - 0.6em - 0.5em);
}

.contact_box .item2 {
	/*background-color: #f2f7fd;*/
}

.contact_box .item2 .inr {
	width: 80%;
	margin: 0 auto;
}

.contact_box .item2 ul {
	display: flex;
	flex-wrap: wrap;
}

.contact_box .item2 li {
/*	float: left;*/
	width: 50%;
	text-align: center;
}

.contact_box .item2 .item2_input p,
.contact_box .item2 .item2_link p {
	display: block;
	padding: 0.5em 0 0.5em 1em;
	font-size: 1rem;
	color: #000000;
}

#frm_item07 {
	margin-top: 20px;
}

#frm_item07 input {
	margin-right: 0.5em;
}

#frm_item08 {
	margin-top: 20px;
	text-align: center;
}

#frm_item08 .back_btn {
	border: none;
	width: 144px;
	vertical-align: top;
	height: 42.92px;
}
#frm_item08 .submit_btn {
	border: none;
	width: 144px;
}



@media screen and (max-width: 1000px) {

}

@media screen and (max-width: 640px) {
/*
#mainArea
*/
#mainArea .mtxt {
	font-size: 18px;
	padding-top: 1.8em;
	padding-bottom: 0.5em;
	color: #304361;
}
#mainArea .dtxt {
	font-size: 14px;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
	line-height: 1.8;
}
#mainArea .mark {
	padding: 0 5px 0 25px;
	background: url("../images/common/mark01.png");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 15px 15px;
}
#mainArea .drp {
	padding-left: 1.5em;
}


#mainArea {
    width: 100%;
    padding-top: 5%;
    background: none;
}
#mainArea .areaInr {
	width: 100%;
	max-width: initial;
	max-width: auto;
	min-width: initial;
	min-width: auto;
	margin: 0 auto;
}
#mainArea .contentsTitle {
    width: calc((230 / 500) * 100%);
	margin: 0 auto;
	text-align: center;
}
#mainArea .contentsTitle p {
	padding-top: 0.5em;
	font-size: 14px;
	color: #304361;
}
#mainArea .inr {
	padding-top: 5%;
	padding-bottom: 5%;
	width: 88%;
	margin: 0 auto;
}

/*-----------------------------------------------------------------------------*/

input, textarea, select {
	border: #dadfe2 1px solid;
	background-color: #f8f7f8;
	border-radius: 0.3em 0.3em 0.3em 0.3em;
	font-size: 1rem;
	line-height: 1.8;
	margin-left: 0.5em;
	padding-left: 0.3em;
	padding-right: 0.3em;
}

select {
	padding-right: 1.3em;
	background-image: url("../images/contact/arrow_down.png");
	background-position: right 10px center;
	background-repeat: no-repeat;
	background-size: 13px 11px;
}

/*-----------------------------------------------------------------------------*/




.contact_box {
	width: 94%;
	margin: 5vw auto 0;
}

.contact_box .item {
	margin-bottom: 4vw;
}

.contact_box .item > ul {
	display: block;
}

.contact_box .item li {
/*	float: left;*/
}

.contact_box .item .item_label {
	display: block;
	align-items: normal;
	font-size: 1rem;
	color: #304361;
	width: 100%;
}

.contact_box .item .item_label p {
	display: block;
	padding: 0.5em 0 0.5em 0.8em;
}

.contact_box .item .item_label span {
	display: inline-block;
	background-color: #FFFFFF;
	border: #99b6e5 2px solid;
	border-radius: 6px 6px 6px 6px;
	font-size: 0.8rem;
	line-height: 1.2;
	color: #3160aa;
	padding: 0.1em 0.5em;
	margin-left: 1em;
}

.contact_box .item .item_input {
	display: block;
/*	align-items: center;*/
	font-size: 1rem;
	color: #000000;
	width: 100%;
}

.contact_box .item .item_input p {
	display: block;
	padding: 0.5em 0;
}
.contact_box .item .item_input .captxt {
	font-size: 0.85rem;
	color: #939393;
	padding-left: 1.3em;
	margin-top: -0.3em;
	margin-bottom: -0.3em;
}


#frm_item01 {
}
#frm_item01 #name {
	width: calc(100% - 0.6em - 2px);
}

#frm_item02 {
}
#frm_item02 label {
	display: block;
}
#frm_item02 #address-level1 {
	width: 50%;
}
#frm_item02 #address-level2 {
	width: calc(100% - 0.6em - 2px);
}

#frm_item03 {
}
#frm_item03 #tel1,
#frm_item03 #tel2,
#frm_item03 #tel3 {
	width: 24.5vw;
	margin-right: 0;
}
#frm_item03 .item_input span {
	display: inline-block;
	padding-left: 1vw;
	padding-right: 1vw;
}

#frm_item04 {
}
#frm_item04 #email {
	width: calc(100% - 0.6em - 2px);
}

#frm_item05 {
}
#frm_item05 #email2 {
	width: calc(100% - 0.6em - 2px);
}

#frm_item06 li {
	float: left;
}
#frm_item06 .radio_grp {
	width: 100%;
}
#frm_item06 .radio_grp li {
	width: 50%;
}
#frm_item06 .radio_grp input {
	margin-right: 0.5em;
}
#frm_item06 #message {
	width: calc(100% - 0.6em - 2px);
	max-width: calc(100% - 0.6em - 2px);
	min-width: calc(100% - 0.6em - 2px);
}

.contact_box .item2 {
	/*background-color: #f2f7fd;*/
}

.contact_box .item2 .inr {
	width: 100%;
	margin: 0 auto;
}

.contact_box .item2 ul {
	display: block;
}

.contact_box .item2 li {
/*	float: left;*/
	width: auto;
	text-align: center;
}

.contact_box .item2 .item2_input p,
.contact_box .item2 .item2_link p {
	display: block;
	padding: 0.5em 0 0.5em 1em;
	font-size: 1rem;
	color: #000000;
}

#frm_item07 {
	margin-top: 5vw;
}

#frm_item07 input {
	margin-right: 0.5em;
}

#frm_item08 {
	margin-top: 5vw;
	text-align: center;
}

#frm_item08 .back_btn {
	border: none;
	width: 144px;
}
#frm_item08 .submit_btn {
	border: none;
	width: 144px;
}




}