@charset "UTF-8";

dl.dl-1 { display: grid; grid-template-columns: min(calc(200vw/var(--vw)), 200px) 1fr; }
dl.dl-1 > :is(dt, dd) { border-bottom: 1px solid #eaeaea; word-break: break-word; }
dl.dl-1 > dt { padding: min(calc(20vw/var(--vw)), 20px) 0 min(calc(20vw/var(--vw)), 20px) min(calc(20vw/var(--vw)), 20px); }
dl.dl-1 > dd { padding: min(calc(20vw/var(--vw)), 20px) min(calc(20vw/var(--vw)), 20px); }
ul.ul-1 { list-style-type: none; margin: 0; }
ul.ul-1 > li { padding-left: 1.0em; }
ul.ul-2 { list-style-type: none; margin: 0; }
ul.ul-2 > li { position: relative; padding-left: 2.0em; margin-bottom: 1.0em; }
ul.ul-2 > li::before { content: "◇"; display: block; position: absolute; left: 0; }
ul.ul-3 { list-style-type: none; margin: 0; }
ul.ul-3 > li { position: relative; padding-left: 2.0em; margin-bottom: 1.0em; }
ul.ul-3 > li::before { content: "●"; display: block; position: absolute; left: 0; }
ul.ul-4 { list-style-type: none; margin: 0; }
ul.ul-4 > li { position: relative; padding-left: 2.0em; margin-bottom: 1.0em; }
ul.ul-4 > li::before { content: "■"; display: block; position: absolute; left: 0; }
ol.ol-1 > li { padding-left: 1.0em; margin-bottom: 1.0em; }
.section-title-2 { font-weight: bold; background: #f0fff4; padding: min(calc(5vw/var(--vw)), 5px) min(calc(10vw/var(--vw)), 10px); margin-bottom: 1.0em; }
.section-title-3 { color: #0728aa; font-weight: bold; background: url(../images/section-title-3.png) no-repeat right; background-size: cover; padding: min(calc(5vw/var(--vw)), 5px) min(calc(10vw/var(--vw)), 10px); margin-bottom: 1.0em; }
.text-red { color: #ff7373; }
.text-green { color: #00cd13; }
.box-1 { position: relative; border: min(calc(10vw/var(--vw)), 10px) solid #dcefff; border-radius: min(calc(10vw/var(--vw)), 10px); overflow: hidden; padding: min(calc(80vw/var(--vw)), 80px) min(calc(30vw/var(--vw)), 30px) min(calc(30vw/var(--vw)), 30px) min(calc(70vw/var(--vw)), 70px); }
.box-1 .box-label {
    position: absolute;
    left: max(calc(-30vw/var(--vw)), -30px);
    top: max(calc(-30vw/var(--vw)), -30px);
    width: min(calc(130vw/var(--vw)), 130px);
    height: min(calc(130vw/var(--vw)), 130px);
    display: flex;
    justify-content: center;
    align-items: center;
    color: #001eff;
    font-size: min(calc(24vw/var(--vw)), 24px);
    font-weight: bold;
    text-align: center;
    background: #dcefff;
    border-radius: min(calc(65vw/var(--vw)), 65px);
    padding-left: min(calc(20vw/var(--vw)), 20px);
    padding-top: min(calc(20vw/var(--vw)), 20px);
    text-shadow: min(calc(3vw/var(--vw)), 3px) min(calc(3vw/var(--vw)), 3px) min(calc(3vw/var(--vw)), 3px) #fff, max(calc(-3vw/var(--vw)), -3px) min(calc(3vw/var(--vw)), 3px) min(calc(3vw/var(--vw)), 3px) #fff, max(calc(-3vw/var(--vw)), -3px) max(calc(-3vw/var(--vw)), -3px) 0 #fff, min(calc(3vw/var(--vw)), 3px) max(calc(-3vw/var(--vw)), -3px) 0 #fff;
}
.question-item { padding: min(calc(30vw/var(--vw)), 30px) 0; }
.question-item:not(:last-child) { border-bottom: 1px solid #e0e0e0; }
.question-item .question { position: relative; color: #0042af; font-weight: bold; padding-left: min(calc(80vw/var(--vw)), 80px); }
.question-item .question::before { content: "Ｑ"; display: block; position: absolute; left: 0; top: 0; width: min(calc(50vw/var(--vw)), 50px); color: #fff; font-size: min(calc(20vw/var(--vw)), 20px); font-weight: bold; text-align: center; background: #00b0ec; border-radius: min(calc(5vw/var(--vw)), 5px); }
.question-item .answer { position: relative; padding-left: min(calc(80vw/var(--vw)), 80px); }
.question-item .answer::before { content: "A"; display: block; position: absolute; left: 0; top: 0; width: min(calc(50vw/var(--vw)), 50px); color: #ff8949; font-size: min(calc(20vw/var(--vw)), 20px); font-weight: bold; text-align: center; background: #dff7ff; border-radius: min(calc(5vw/var(--vw)), 5px); }
.form-1 :is(input[type="text"], input[type="email"], input[type="tel"], textarea, .privacy-box) { border: 1px solid #cccccc; border-radius: min(calc(5vw/var(--vw)), 5px); padding: min(calc(5vw/var(--vw)), 5px) min(calc(10vw/var(--vw)), 10px); }
.form-1 :is(input[type="text"], input[type="email"], input[type="tel"]) { width: min(calc(400vw/var(--vw)), 400px); }
.form-1 :is(textarea, .privacy-box) { width: 100%; }
.form-1 textarea { height: min(calc(135vw/var(--vw)), 135px); }
.form-1 .privacy-box { font-size: min(calc(16vw/var(--vw)), 16px); height: min(calc(540vw/var(--vw)), 540px); overflow: auto; margin-bottom: 1.0em; }
.form-1 .checkbox input[type="checkbox"] { margin-right: min(calc(10vw/var(--vw)), 10px); vertical-align: middle; }
.form-1 input[type="submit"] { display: inline-block; color: #fff; font-size: min(calc(24vw/var(--vw)), 24px); text-align: center; background: #8cd8ff; width: min(calc(200vw/var(--vw)), 200px); padding: min(calc(15vw/var(--vw)), 15px); border-radius: min(calc(5vw/var(--vw)), 5px); }
.form-1 .description { margin-bottom: min(calc(50vw/var(--vw)), 50px); }
.form-dl > dt label { position: relative; display: block; }
.form-dl > dt label.required::after { content: "必須"; display: block; position: absolute; right: 0; top: 0; color: #fff; font-size: min(calc(14vw/var(--vw)), 14px); text-align: center; background: #ff344b; border-radius: min(calc(5vw/var(--vw)), 5px); padding: min(calc(5vw/var(--vw)), 5px) min(calc(10vw/var(--vw)), 10px); }
.form-buttons { display: flex; justify-content: center; gap: min(calc(30vw/var(--vw)), 30px); margin: min(calc(60vw/var(--vw)), 60px) 0; }
.mw_wp_form_confirm .privacy-box { display: none; }

#main.sub-page { background: #f0f8ff; padding: min(calc(70vw/var(--vw)), 70px) 0; }
#main.sub-page a { color: #008dce; text-decoration: underline; }
#main.sub-page section  { background: #fff; padding: min(calc(20vw/var(--vw)), 20px) min(calc(40vw/var(--vw)), 40px); margin-bottom: min(calc(50vw/var(--vw)), 50px); border-radius: min(calc(10vw/var(--vw)), 10px); }
#main.sub-page section .section-title-1 { margin-left: max(calc(-20vw/var(--vw)), -20px); margin-right: max(calc(-20vw/var(--vw)), -20px); }
#main.sub-page section .section-title-2 { margin-left: max(calc(-10vw/var(--vw)), -10px); margin-right: max(calc(-10vw/var(--vw)), -10px); }
#main.sub-page section .section-title-3 { margin-left: min(calc(-5vw/var(--vw)), -10px); margin-right: min(calc(-10vw/var(--vw)), -10px); }
#main.sub-page section dl.dl-1 { margin-left: min(calc(-10vw/var(--vw)), -10px); margin-right: min(calc(-10vw/var(--vw)), -10px); }


/**
 * SP
 */
@media screen and (max-width: 767px) {
    .image-block .image { text-align: center; }
    .box-1 .box-label { font-size: min(calc(30vw/var(--vw)), 30px); }
    .question-item .question::before { font-size: min(calc(28vw/var(--vw)), 25px); }
    .question-item .answer::before { font-size: min(calc(28vw/var(--vw)), 25px); }
    .form-1 :is(input[type="text"], input[type="email"], input[type="tel"], textarea, .privacy-box) { padding: min(calc(10vw/var(--vw)), 10px); }
    .form-1 :is(input[type="text"], input[type="email"], input[type="tel"]) { width: 100%; }
    .form-1 .privacy-box { font-size: min(calc(22vw/var(--vw)), 22px); }
    .form-dl > dt { font-weight: bold; margin: min(calc(10vw/var(--vw)), 10px) 0;}
    .form-dl > dt label.required::after { font-size: min(calc(18vw/var(--vw)), 18px); }
    .form-dl > dd { margin-bottom: min(calc(30vw/var(--vw)), 30px); }
}

/**
 * PC・タブレット
 */
@media screen and (min-width: 768px) {
    .image-block { display: flex; justify-content: space-between; gap: min(calc(30vw/var(--vw)), 30px); }
    .image-block .image { flex-shrink: 0; }
    .image-block .text > p:first-child { margin-top: 0; }
    .form-1 input[type="submit"] { transition: opacity 0.5s; }
    .form-1 input[type="submit"]:hover { opacity: 0.7; }
    .form-dl { display: grid; grid-template-columns: min(calc(330vw/var(--vw)), 330px) 1fr; gap: min(calc(30vw/var(--vw)), 30px); }

}