@charset "shift-jis";

*, ::before, ::after {box-sizing: border-box;}

body,
input,
select,
textarea {font-family: 'ƒqƒ‰ƒMƒmŠpƒS Pro W3','Hiragino Kaku Gothic Pro','hirakakupro-w3',"ŸàƒSƒVƒbƒN‘Ì",YuGothic,"ŸàƒSƒVƒbƒN","Yu Gothic",'ƒ�ƒCƒŠƒI', 'Meiryo';}
body {line-height: 1.6; background: #fff; -webkit-text-size-adjust: 100%; margin: 0; color: #333;}

@media only screen and (max-width: 639px) {
     /* body {font-size: 87.5%;} */
}

/* interface */
header {border-bottom: 1px solid #999;}
header p {max-width: 1200px; margin: 0 auto; padding: 20px 3%; box-sizing: content-box;}

footer {border-top: solid 1px #999; font-size: 84%; text-align: center;}
footer .footer_wrap {max-width: 1200px; margin: 0 auto; padding: 1.5em 3% 3em; box-sizing: content-box;}
footer .copyright {margin-top: 1em;}
footer .footer_link {list-style: none; padding: 0; display: flex; flex-wrap: wrap; justify-content: center;}
footer .footer_link {display: flex; align-content: center; justify-content: center;}
footer .footer_link > li {margin: 0 0 0 1em;}
footer .footer_link > li:first-child {margin-left: 0;}
footer .footer_link > li::after {display: inline-block; width: 1px; height: 15px; margin-left: 1em; vertical-align: -0.25em; background: #999; content: "";}
footer .footer_link > li > a {color: #333; text-decoration: none; transition: opacity .2s;}
footer .footer_link > li:last-child::after {content: none;}
@media only screen and (min-width: 640px) {
    .footer-link > li > a:hover,
    .footer-link > li > a:active,
    .footer-link > li > a:focus {color: #0071c5; text-decoration: underline;}
}

.section {max-width: 1200px; margin: 0 auto; padding: 2em 3% 3em; box-sizing: content-box;}

ol.flow {display: flex; justify-content: space-between; text-align: center; margin: 2em 0; padding: 0; list-style: none;}
ol.flow li {display: flex; flex: 1; justify-content: center; align-items: center; margin: 0 2em 0 0; padding: 0.5em; border: solid 1px #bbb; position: relative;}
ol.flow li:last-child {margin-right: 0;}
ol.flow li::after {content: ''; position: absolute; border: solid transparent; border-width: 10px 0 10px 8px; border-left-color: #0071c5; margin-top: -10px; right: -1.5em; top: 50%; z-index: 1;}
ol.flow li:last-child:after {content: none;}

body.f_inp ol.flow li.f_inp,
body.f_cfm ol.flow li.f_cfm,
body.f_cmp ol.flow li.f_cmp {background-color: #0071c5; color: #fff; border-color: #0071c5;}

/* basic */
h1, h2, h3, h4, h5, h6 {margin: 2em 0 1em; line-height: 1.4; color: #000;}
h1, h2, h3 {font-feature-settings: "palt"; letter-spacing: 0.05em;}
h1:first-child, h2:first-child, h4:first-child, h5:first-child, h6:first-child, p:first-child, ul:first-child, li:first-child {margin-top: 0;}
p:last-child, ul:last-child, li:last-child {margin-bottom: 0;}

h1 {font-size: 130%;}
h2,
.lv02 {font-size: 120%;}
.lv02 {border-bottom: solid 2px #999; padding-bottom: 0.5em;}
h3,
.lv03 {font-size: 110%;}
h4,
h5,
h6 {font-size: inherit;}

@media (min-width: 640px) {
    h1 {font-size: 180%;}
    h2,
    .lv02 {font-size: 140%;}
}


a {color: #3366cc;}
a:hover {color: #000066;}
em, i {font-style: normal;}
img {border: none; height: auto; vertical-align: middle; max-width: 100%}
hr {border: 1px #999; border-style: solid none none; height: 1px;}

table {margin: 2em 0; width: 100%; border-collapse: collapse; border: solid 1px #999; border-bottom: none;}
th,td {vertical-align: top; padding: 1em;}
th {background-color: #eee; font-weight: normal; text-align: left;}
th[colspan="2"] {background-color: #777; color: #fff; font-weight: bold;}
th[colspan="2"] p {font-weight: normal;}
td {border-bottom: 1px solid #999;}
td p,
td ul {margin: 0.5em 0;}

ul,
ol {padding-left: 1.5em;}
li {margin: 0.5em 0;}

@media (min-width: 640px) {
    th {border-bottom: 1px solid #999; width: 25%; min-width: 13em;}
}

@media only screen and (max-width: 639px) {
    th, td {display: block;}
}

/* ƒ‚ƒWƒ…�[ƒ‹ */
.notice_box {padding: 1em; border: solid 1px #999; margin: 2em 0;}
.notice_box._att {border-color: #cc0000; color: #cc0000;}
@media (min-width: 640px) {
	.notice_box {padding: 2em;}
}

.btn_wrap {margin: 2em 0; text-align: center;}

ul.notes_list {list-style: none; padding-left: 0; margin: 0.5em 0;}
ul.notes_list li {text-indent: -1em; padding-left: 1em; margin: 0.5em 0;}
.example {text-indent: -3em; padding-left: 3em;}

.icon_must {font-size: 100%; vertical-align: baseline; display: inline-block; line-height: 1; border: solid 1px #cc0000; background-color: #fff; color: #cc0000; padding: 0.2em;}
.must::after {content: "•K�{"; font-size: 90%; margin-left: 0.5em; vertical-align: 0.1em; display: inline-block; line-height: 1; border: solid 1px #cc0000; background-color: #fff; color: #cc0000; padding: 0.2em;}
.opt::after {content: "”CˆÓ"; font-size: 90%; margin-left: 0.5em; vertical-align: 0.1em; display: inline-block; line-height: 1; border: solid 1px #999; background-color: #fff; color: #999; padding: 0.2em;}

dl.wrap_qa {margin: 2em 0 3em; border-bottom: solid 1px #bbb;}
dl.wrap_qa dt,
dl.wrap_qa dd a {padding: 1em 0; margin: 0; position: relative; display: flex; align-items: center;}
dl.wrap_qa dd {display: none; margin-left: 0;}
dl.wrap_qa dt {border-top: solid 1px #bbb; color: #666;}
dl.wrap_qa dd {border-top: dotted 1px #bbb;}
dl.wrap_qa dd a {text-decoration: none; color: #0071c5; position: relative;}
dl.wrap_qa dt::before,
dl.wrap_qa dd a::before {content: "Q"; min-width: 1.5em; font-size: 180%; line-height: 1; margin-left: 0.2em; color: chocolate; align-self: flex-start;}
dl.wrap_qa dd a::before {content: "A"; color: #0071c5;}
dl.wrap_qa dd a > span::after {content: "\25b8 ‘±‚«‚ð“Ç‚Þ"; margin-left: 1em; position: absolute; right: 0.5em; bottom: 0.75em; z-index: 1; background-color: #fff;}
.js_aco dt:hover  {cursor: pointer; color: #000;}

/* font */
.ff_din {font-family: dinFs;}
.ff_g {font-family: 'ƒqƒ‰ƒMƒmŠpƒS Pro W3', 'Hiragino Kaku Gothic Pro', YuGothic, 'ŸàƒSƒVƒbƒN‘Ì', 'ŸàƒSƒVƒbƒN Medium', 'Yu Gothic Medium', 'ŸàƒSƒVƒbƒN', 'Yu Gothic', sans-serif;}
.ff_yugo {font-family: "ŸàƒSƒVƒbƒN‘Ì", YuGothic, "ŸàƒSƒVƒbƒN Medium", "Yu Gothic Medium", "ŸàƒSƒVƒbƒN", "Yu Gothic", sans-serif;}
.ffs_p {font-feature-settings: "palt";}
.fw_n  {font-weight: normal !important;}
.fw_b  {font-weight: bold !important;}
.c_i {color: inherit !important;}

.fs_i {font-size: inherit;}
.fs_xxs {font-size: 62.5%;}
.fs_xs {font-size: 75%;}
.fs_s {font-size: 87.5%;}
.fs_l {font-size: 112.5%;}
.fs_xl {font-size: 137.5%;}
.fs_xxl {font-size: 162.5%;}

@media (min-width: 640px) {
  .pc_fs_xxs {font-size: 62.5% !important;}
  .pc_fs_xs {font-size: 75% !important;}
  .pc_fs_s {font-size: 87.5% !important;}
  .pc_fs_l {font-size: 112.5% !important;}
  .pc_fs_xl {font-size: 137.5% !important;}
  .pc_fs_xxl {font-size: 162.5% !important;}
}

@media only screen and (max-width: 639px) {
  .sp_fs_xxs {font-size: 62.5% !important;}
  .sp_fs_xs {font-size: 75% !important;}
  .sp_fs_s {font-size: 87.5% !important;}
  .sp_fs_l {font-size: 112.5% !important;}
  .sp_fs_xl {font-size: 137.5% !important;}
  .sp_fs_xxl {font-size: 162.5% !important;}
}

.lh_i {line-height: inherit !important;}
.lh_n {line-height: normal !important;}

.d_ib {display: inline-block;}
.ta_l {text-align: left;}
.ta_c {text-align: center;}
.ta_r {text-align: right;}
.fw_n {font-weight: normal;}
.d_f {display: flex; align-items: center;}
.jc_sb {justify-content: space-between}
.ws_n {white-space: nowrap}
.c_att {color: #cc0000;}
.ime {color: #cc0000; white-space: nowrap; margin-left: 0.5em;}
.w_100p {width: 100%;}
.w_a {width: auto !important;}
.w_ex_01 {width: calc(100% - 5em);}
.fw_w {flex-wrap: wrap;}
.indent {padding-left: 1em; text-indent: -1em;}

@media only screen and (min-width: 640px) {
  .pc_d_f {display: flex; align-items: center;}
}
@media only screen and (max-width: 639px) {
  .sp_d_n {display: none;}
  .sp_w_100p {width: 100%;}
}

.loader {
  color: #0071c5;
  font-size: 8px;
  margin: 100px auto;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  -webkit-animation: load_01 1.3s infinite linear;
  animation: load_01 1.3s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
@-webkit-keyframes load_01 {
  0%,
  100% {box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;}
  12.5% {box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;}
  25% {box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;  }
  37.5% {box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;}
  50% {box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;}
  62.5% {box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;}
  75% {box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;}
  87.5% {box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;}
}
@keyframes load_01 {
  0%,
  100% {box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;}
  12.5% {box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;}
  25% {box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;}
  37.5% {box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;}
  50% {box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;}
  62.5% {box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;}
  75% {box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;}
  87.5% {box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;}
}

/* ==========
form
 ========== */
/* input */
input[type="radio"],
input[type="checkbox"]{-webkit-transform: scale(1.2); transform: scale(1.2); margin-right: 0.5em;}

input,
textarea,
select {margin: 0; border: 1px solid #999; background-color: #fff; vertical-align: middle; font-size: inherit; font-family: inherit;}
select {margin-top: 3px; margin-bottom: 3px;}
label {display: inline-block; cursor: pointer; margin-right: 2em;}
input[type="tel"],
input[type="text"],
input[type="email"],
textarea {width: 100%; min-width: 2em;}
label.d_f {margin: 0.5em 0;}
label.d_f input[type="radio"],
label.d_f input[type="checkbox"] {margin-top: 0.3em; min-width: 1.3em; align-self: flex-start;}
label.d_f:first-child {margin-top: 0;}
label.d_f:last-child {margin-bottom: 0;}

@media (min-width: 640px) {
    input[type="tel"] {max-width: 12em;}
}

input[maxlength="2"],
input[maxlength="3"],
input[maxlength="4"] {max-width: 5em;}

textarea {min-height: 6em}
@media (min-width: 640px) {
    select + input {margin-left: 0.5em;}
}

/* disabled */
input[type="text"]:disabled,
input[type="tel"]:disabled,
select:disabled,
textarea:disabled {background-color: #ddd;}

/* submit button */
/* iOS */
input[type="submit"],
input[type="button"] {border-radius: 0; min-width: 7em;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  box-sizing: border-box;}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {display: none;}

input[type="submit"],
input[type="button"] {color: inherit; background: #fff; border: 1px solid #666; border-radius: 6px; position: relative; font-size: inherit; padding: 0.4em 1.5em; margin: 1em; cursor: pointer;}
input[type="submit"]:hover,
input[type="button"]:hover {color: #0071c5; border-color: #0071c5; transition: all .2s;}

input[type="submit"].btn_submit,
input[type="button"].btn_submit {background: #0071c5; border: 1px solid #0071c5; color: #fff; transition: all .2s;}
input[type="submit"]:hover.btn_submit,
input[type="button"]:hover.btn_submit {background: #0099e4; border-color: #0099e4; transition: all .2s;}
input[type="submit"]:disabled.btn_submit,
input[type="button"]:disabled.btn_submit {background: #efefef; border-color: #999; color: #ccc; cursor: default;}



/* ƒGƒ‰�[—v‘f */
input[type="text"].err,
input[type="tel"].err,
input[type="email"].err,
select.err,
textarea.err,
label.err {background-color: #FFC0CB;}

.err_wrap {border: solid 1px #cc3300; padding: 1em; margin: 2em 0;}
.err_wrap p {text-align: center;}
.err_wrap p b {color: #cc3300; display: inline-block; text-align: left;}
.err_wrap ul {padding-left: 1.5em;}

.err_output {margin: 2em;}
p[id*="_err"],
p[id*="err_"] {color: #cc3300; margin-top: 0.2em; margin-bottom: 0.2em;}


#tel1, #tel2, #tel3 {
    width: 1px;
    flex: 1 1 auto;
    max-width: 120px;
}

.f_inp td #tel1 + white, 
#input01 td .d_f {
    flex-wrap: nowrap !important;
}
#cid2 {
    max-width: 13.5em;
    width: 100%;
}
#cid1 + #cid2 {
    margin-left: 8px; 
}

/* =================================
   ƒAƒR�[ƒfƒBƒIƒ“�•ƒŒƒXƒ|ƒ“ƒVƒu‰æ‘œ
   ================================= */

/* 1. ƒAƒR�[ƒfƒBƒIƒ“‘S‘̘̂g�ü‚ð�Á‚· */
dl.wrap_qa.js_aco,
dl.wrap_qa.js_aco dt,
dl.wrap_qa.js_aco dd {
    border: none !important;
    background: none !important;
}

/* ƒ^ƒCƒgƒ‹‚Ì’²�®‚Æ–îˆóƒAƒCƒRƒ“ */
dl.wrap_qa.js_aco dt::before {
    content: "�¥" !important;
    font-size: 90% !important;
    color: #666 !important;
    margin-right: 0.4em !important;
    
    /* Šù‘¶‚Ì�uQ�v—p‚Ì�Ý’è–³Ž‹ */
    min-width: auto !important;
    margin-left: 0 !important;
    align-self: center !important;
    line-height: 1 !important;
}

dl.wrap_qa.js_aco.is-open dt::before {
    content: "�£" !important;
}
dl.wrap_qa.js_aco dd {
    display: none !important;
}
dl.wrap_qa.js_aco.is-open dd {
    display: block !important;
}

.id_guide .guide_text {
    font-size: 90%;
    margin: 0 0 1em 0;
    color: #666;
}
dl.wrap_qa.js_aco dd a,
dl.wrap_qa.js_aco dd a::before { 
    display: inline !important;
    content: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.guide_img_wrap {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.guide_img_box {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.guide_img_box span {
    font-size: 85%;
    font-weight: bold;
    margin-bottom: 4px;
}
.guide_img_box img {
    width: 100%;
    max-width: 100%;
    height: auto;
    border: 1px solid #ddd;
    border-radius: 4px;
}

@media only screen and (min-width: 640px) {
    .guide_img_wrap {
        flex-direction: row;
        justify-content: space-between;
    }
    .guide_img_box {
        width: 48%;
    }
}

th, td {
    word-break: break-all;
}

@media (min-width: 640px) {
    table {
        table-layout: fixed;
    }
}