@charset "UTF-8";
/* ===================================================
	Services / 489ban / Partner CSS
====================================================== */

.p-country-name{ display: none;}

/* ---------------------------------------------------
	Global Header Overwrite
------------------------------------------------------ */
#g_header { position: absolute;}

/* ---------------------------------------------------
	Sub Header Overwrite
------------------------------------------------------ */
@media screen and (max-width: 600px) {
.sub_header .sub_box_01 .sub_btn_01{ width: 100%; padding: 0; margin: 0;}
}

/* ---------------------------------------------------
Main Overwrite
------------------------------------------------------ */
#main{ background: #f9f8f6;}

/* ---------------------------------------------------
Contents Overwrite
------------------------------------------------------ */
#contents { padding: 200px 0 0 !important;}

@media screen and (max-width: 600px) {
#contents { padding: 200px 0 0 !important;}
}

#partner h1+p { padding: 0 0 70px; text-align: center;}

@media screen and (max-width: 600px) {
#partner h1+p { padding: 0 5% 35px; text-align: left;}
}

/* ---------------------------------------------------
Section Lead
------------------------------------------------------ */
.sec_lead { width: 1480px; margin: 0 auto; padding: 50px 0 120px;}
.sec_lead .img{ width: 100%; max-width: 1480px; margin: 0 auto 95px;}
.sec_lead .img img{ width: 100%; height: auto;}
.sec_lead #msg { display: table; width: 1100px; margin: 0 auto;}
.sec_lead #msg h2 { display: table-cell; width: 390px; vertical-align: middle; font-size: 35px; font-family: 'Noto Sans JP', sans-serif; font-weight: 500;}
.sec_lead #msg div { display: table-cell; width: 680px; vertical-align: middle;}
.sec_lead #msg div p { padding: 0 0 35px;}
.sec_lead #msg div p:last-child { padding: 0;}
.sec_lead ul { width: 1100px; margin: 70px auto 0; border: 1px solid #ffb26a; box-sizing: border-box; clear: both; overflow: hidden;}
.sec_lead ul li { float: left; width: calc(100% / 3); padding: 35px 0; border-right: 1px solid #ffb26a; box-sizing: border-box; text-align: center; background-color: #fff; font-weight: bold;}
.sec_lead ul li p { display: inline; padding: 5px 0 5px 45px; font-size: 18px; color: #ff7c00; background: url(../img/services/489ban/partner/msg_point.png)no-repeat left center;}
.sec_lead ul li:last-child { border-right: none;}

@media screen and (max-width: 1480px) {
.sec_lead { width: 1100px;}
}

@media screen and (max-width: 1100px) {
.sec_lead { width: 94%;}
.sec_lead #msg { width: 100%;}
.sec_lead ul { width: 100%;}
}

@media screen and (max-width: 600px) {
.sec_lead { width: 94%; padding: 20px 0 60px;}
.sec_lead .img{ width: 100%; max-width: 1480px; margin: 0 auto 20px;}
.sec_lead #msg { width: 100%; display: block;}
.sec_lead #msg h2 { font-size: 26px; padding: 0 0 10px;}
.sec_lead #msg h2,#main #msg div { display: block; width: 100%;}
.sec_lead #msg div p { padding: 0 0 10px;}
.sec_lead ul { width: 100%; margin: 35px 0 0;}
.sec_lead ul li { float: none; width: 100%; padding: 35px 5%; border-right: none; border-bottom: 1px solid #ffb26a; text-align: left;}
.sec_lead ul li p { padding: 5px 0 5px 33px;}
.sec_lead ul li:last-child { border-bottom: none;}
}

/* ---------------------------------------------------
Section Form
------------------------------------------------------ */
.sec_form{ background: #fff; width: 100%; padding: 0 0 150px;}
.form_tel { display: flex; margin: 0 0 70px; width: 100%; background-color: #fff7f0;}
.form_tel dt,
.form_tel dd { display: flex; padding: 40px 0; align-items: center;}
.form_tel dt { width: 38%; justify-content: flex-end; font-size: 22px; color: #ff7c00;}
.form_tel dd { padding: 0 0 0 35px; align-items: center;}
.form_tel dd .tel-link { font-size: 45px; color: #ff7c00; vertical-align: middle; font-weight: bold; margin: 0 20px 0 0;}
.form_tel dd { color: #ff7c00;}
.sec_form .box_thanks{ border: solid 1px #ccc; padding: 100px 0; text-align: center; font-size: 26px;}

@media screen and (max-width: 600px) {
.sec_form{ padding: 0 0 50px;}
.sec_form .cmn_tit_01 .ja{ font-size: 21px;}
.form_tel { flex-direction: column;}
.form_tel dl { flex-direction: column;}
.form_tel dt,
.form_tel dd { flex-direction: column;}
.form_tel dt { width: 100%; text-align: center; padding: 20px 0 0;}
.form_tel dd { padding: 0 3% 20px;}
.form_tel dd .tel-link { display: block; text-align: center; font-size: 32px;}
.form_tel dd .tel-link+span { display: block; text-align: center;}
.sec_form .box_thanks{ padding: 50px 0; font-size: 22px;}
}


/* ---------------------------------------------------
Form Block
------------------------------------------------------ */
.mw_wp_form .txt_must{ border-bottom: 1px solid #e2d7c8; padding: 20px 0; font-size: 16px;}
.mw_wp_form .must,
.mw_wp_form .free{ display: inline-block; background: #FD862D; color: #fff; font-size: 14px; line-height: 1; padding: 5px 10px; margin: 0 5px 0 0;}
.mw_wp_form .must{ background: #FD862D;}
.mw_wp_form .free{ background: #686868;}
.mw_wp_form dl{ display: flex; }
.mw_wp_form dl dt,
.mw_wp_form dl dd{ border-bottom: 1px solid #e2d7c8; padding: 20px; box-sizing: border-box; font-size: 16px;}
.mw_wp_form dl dt{ width: 30%; position: relative; display: flex; align-items: center; justify-content: flex-end;}
.mw_wp_form dl dt .must,
.mw_wp_form dl dt .free{ position: absolute; top: 0; left: 20px; bottom: 0; margin: auto 0; height: 1em;}
.mw_wp_form dl dd{ width: 70%;}
.mw_wp_form dl dd.checkbox .horizontal-item{ margin: 0!important;}
.mw_wp_form .mwform-checkbox-field label,
.mw_wp_form .mwform-radio-field label{ margin: 0 20px 0 0 !important; white-space: nowrap;}
.mw_wp_form input[ type="checkbox"]{padding: 0; vertical-align: text-top; margin: 2px 5px 0 0;}
.mw_wp_form input[type="text"],
.mw_wp_form input[type="url"],
.mw_wp_form input[type="email"]{ width: 70%; padding: 10px; border: solid 1px #dcdcdc; border-radius: 0; outline: none; background: #fff; font-size: 16px; }
.mw_wp_form input[type="text"].p-postal-code{ width: 110px; margin: 0 0 10px;}
.mw_wp_form textarea { width: 90%; appearance: none; resize: none; padding: 10px; border: solid 1px #dcdcdc; outline: none; background: #fff; font-size: 16px; }
.mw_wp_form select{ appearance: none; border-radius:0; border: solid 1px #dcdcdc; padding: 10px 20px 10px 10px; font-size: 16px; background: url("../img/ico_arrow_01.svg") no-repeat center right 10px #fff; background-size: 7px; margin: 0 0 10px; }
.mw_wp_form select::-ms-expand { display: none; }
.box_policy { margin: 80px 0 0; text-align: center;}
/*.box_policy iframe { width: 100%; height: 300px; margin: 0 0 10px; background: #fff; border: 1px solid #cacaca;}*/

.box_policy article { width: 100%; height: 300px; margin: 0 0 10px; background: #fff; border: 1px solid #cacaca; overflow-x: hidden; overflow-y: auto; text-align: left; padding: 50px; box-sizing: border-box;}
.box_policy article h1 { margin: 0 0 30px; font-size: 24px; text-align: center;}
.box_policy article h2 { margin: 35px 0 10px; counter-increment: num; font-size: 20px;}
.box_policy article h2::before { content: counter(num)'.'; margin: 0 5px 0 0;}
.box_policy article p + p,
.box_policy article p + ul,
.box_policy article p + address,
.box_policy article dd + dt { margin: 10px 0 0;}
.box_policy article .list_dot li { padding: 0 0 0 1em; text-indent: -1em;}
.box_policy article .list_dot li::before { content: '・';}
.box_policy article .list_num { counter-reset: list_num; display: block;}
.box_policy article .list_num dt { width: 100%; font-size: 14px; display: block; border: none; padding: 0 0 0 2em; counter-increment: list_num; text-indent: -2em;}
.box_policy article .list_num dt::before { content: counter(list_num)'）';}
.box_policy article .list_num dd { width: 100%; font-size: 14px; padding: 0 0 0 1em; border: none;}
.box_policy article a{ color: blue; text-decoration: underline;}

.agree{ font-size: 16px;}
.box_btns { padding: 60px 0 80px; display: flex; justify-content: center;}
.box_btns input[type="submit"] { width: 300px; padding: 15px 0; border-radius: 50px; font-size: 24px; text-align: center; cursor: pointer;}
.box_btns input[type="submit"].conf-send { border: none; color: #fff; background-color: #ff7c00; background-image: url("../img/ico_arrow_02.svg"); background-repeat: no-repeat; background-position: right 12px center; background-size: 40px; transition: background 0.5s; outline: none;}
.box_btns input[type="submit"].conf-send:hover { background-position: right 6px center; text-decoration: none; background-color: rgb(251,159,25); background-color: linear-gradient(90deg, rgba(251,159,25,1) 0%, rgba(255,130,4,1) 100%);}
.box_btns input[type="submit"].return { font-size: 18px; margin: 0 35px 0 0; border: 1px solid #947542; color: #947542; background-color: #fff; transition: all 0.5s}
.box_btns input[type="submit"].return:hover { color: #fff; background-color: #947542;}

@media screen and (max-width: 600px) {
.mw_wp_form .txt_must{ padding: 10px 0; font-size: 16px;}
.mw_wp_form .must,
.mw_wp_form .free{ font-size: 14px; line-height: 1; padding: 5px 10px; margin: 0 5px 0 0;}
.mw_wp_form dl{ flex-direction: column;}
.mw_wp_form dl dt,
.mw_wp_form dl dd{ padding: 10px 0; font-size: 16px;}
.mw_wp_form dl dt{ width: 100%; justify-content: space-between; flex-direction: row-reverse; border-bottom: none;}
.mw_wp_form dl dt .must,
.mw_wp_form dl dt .free{ position: static;}
.mw_wp_form dl dd{ width: 100%; border-bottom: 1px solid #e2d7c8; padding: 0 0 10px;}
.mw_wp_form dl dd.checkbox{ display: flex; flex-direction: column;}
.mw_wp_form .mwform-checkbox-field label,
.mw_wp_form .mwform-radio-field label{ margin: 0 !important; white-space: normal;}
.box_policy { margin: 30px 0 0;}
.box_btns { padding: 30px 0 40px; flex-direction: column;}
.box_btns input[type="submit"] { width: 100%; font-size: 24px;}
.box_btns input[type="submit"].return { font-size: 18px; margin: 0 0 15px 0;}
}