@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/
.is-style-note_list {
    font-size: 1em;
}
.is-style-note_list:not(.has-text-color) {
    opacity: 1;
}
h2 ul.is-style-note_list li {
    font-size: 0.6em;
}
footer#footer {
    border-top: 2px solid #ffbf00;
}
.l-footer__foot {
    display: none;
}
.pointer-none a {
    pointer-events: none !important;
}
.s-tex {
    text-decoration: line-through;
}
@font-face {
	font-family: 'gaiji';
	src: url('./font/gaiji.woff') format('woff');
}

* {
	font-family: 'gaiji';
}

.c-headLogo.-txt {
	max-width: 800px;	
}

ul.nomark {
    list-style: none;
}

.benefit_details {
    display: flex;
}
.benefit_details span.note {
    font-size: 0.8em;
    color: #00aeef;
}
.benefit_details.bottom {
    border-bottom: 2px solid #00aeef;
}
.benefit_details .title {
    flex: 1;
    text-align: center;
    border-top: 2px solid #00aeef;
    border-left: 2px solid #00aeef;
    border-collapse: collapse;
    display: flex;
    align-items: center;
    background-color: #e2f4fc;
    font-size: 1.2em;
    font-weight: bold;
}
.benefit_details .title > div {
    flex: 1;
}
.benefit_details .content {
    flex: 4;
    display: grid;
    grid-template-columns: 1fr 1em 1fr 1em 1fr;
    border-top: 2px solid #00aeef;
    border-left: 2px solid #00aeef;
    border-right: 2px solid #00aeef;
    border-collapse: collapse;
    color: #00aeef;
}
.benefit_details .content .col1 {
    display: flex;
    align-items: center;
    margin-left: 1em;
    grid-row: 1;
    grid-column: 1 / span  2;
}
.benefit_details .content .col2 {
    display: flex;
    align-items: center;
    grid-row: 1;
    grid-column: 3 / span 2;
}
.benefit_details .content .col3 {
    display: flex;
    align-items: center;
    grid-row: 1;
    grid-column: 5;
}
.benefit_details .content .col4 {
    text-align: center;
    grid-row: 2;
    grid-column: 1;
}
.benefit_details .content .col5 {
    grid-row: 2;
    grid-column: 2;
}
.benefit_details .content .col6 {
    text-align: center;
    grid-row: 2;
    grid-column: 3;
}
.benefit_details .content .col7 {
    grid-row: 2;
    grid-column: 4;
}
.benefit_details .content .col8 {
    text-align: center;
    grid-row: 2;
    grid-column: 5;
}
.benefit_details .content .col9 {
    grid-row: 3;
    grid-column: 5;
}
.benefit_details .content .col10 {
    margin-left: 1em;
    grid-row: 3;
    grid-column: 1 / span 5;
}
.benefit_details .content .col11 {
    text-align: center;
    grid-row: 1;
    grid-column: 1;
}
.benefit_details .content .col12 {
    text-align: center;
    grid-row: 1;
    grid-column: 3;
}
.benefit_details .content .col28 {
    text-align: center;
    grid-row: 1;
    grid-column: 3;
}
.benefit_details .content .col13 {
    text-align: center;
    grid-row: 1;
    grid-column: 5;
}
.benefit_details .content .col14 {
    text-align: center;
    grid-row: 2;
    grid-column: 1;
}
.benefit_details .content .col15 {
    text-align: center;
    grid-row: 2;
    grid-column: 2;
}
.benefit_details .content .col16 {
    text-align: center;
    grid-row: 2;
    grid-column: 3;
}
.benefit_details .content .col17 {
    text-align: center;
    grid-row: 2;
    grid-column: 4;
}
.benefit_details .content .col18 {
    text-align: center;
    grid-row: 2;
    grid-column: 5;
}
.benefit_details .content .col19 {
    text-align: center;
    grid-row: 3;
    grid-column: 1 / span 4;
}
.benefit_details .content .col20 {
    text-align: center;
    grid-row: 3;
    grid-column: 5;
}
.benefit_details .content .col21 {
    text-align: center;
    grid-row: 4;
    grid-column: 5;
}
.benefit_details .content .col22 {
    text-align: center;
    grid-row: 5;
    grid-column: 5;
}
.benefit_details .content .col23 {
    text-align: center;
    grid-row: 3;
    grid-column: 3;
}
.benefit_details .content .col24 {
    text-align: center;
    grid-row: 4;
    grid-column: 2 / span 3;
}
.benefit_details .content.grid2 {
    grid-template-columns: 1fr 1fr;
}
.benefit_details .content .col25 {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    grid-row: 1;
    grid-column: 1;
}
.benefit_details .content .col26 {
    text-align: center;
    grid-row: 2;
    grid-column: 1;
}
.benefit_details .content .col27 {
    text-align: left;
    padding-left: 1em;
    grid-row: 1 / span 2;
    grid-column: 1 / span 2;
}
.benefit_title {
    display: flex;
    border-top: 2px solid #00aeef;
    border-left: 2px solid #00aeef;
    border-right: 2px solid #00aeef;
}
.benefit_title.margin_top {
    margin-top: 2em;
}
.benefit_label {
    flex: 4;
    background: #00aeef;
    color: white;
    font-size: large;
    font-weight: bold;
    padding-left: 1em;
}
.benefit_value {
    flex: 1;
    font-size: large;
    font-weight: bold;
    text-align: right;
    padding-right: 1em;
    background: #e8f6fd;
}
.benefit_details .title.gray {
    background: #efefef;
}
.benefit_details .content.black {
    color: #000;
}
.benefit_details .content.lightblue {
    background: #e8f6fd;
}
.benefit_details span.note.black {
    color: #000;
}

@media (min-width: 768px) {
    .benefit_details .col12 span {
        display: inline-block;
        max-width: 140px;
    }
    .benefit_details .col24 {
        font-size: 11pt;
    }
    .benefit_details .col28 span {
        display: inline-block;
        max-width: 100px;
    }
}

@media (max-width: 768px) {
    .benefit_details {
        font-size: small;
    }
    .benefit_label {
        font-size: medium;
    }
    .benefit_details .col12 {
        font-size: 10pt;
    }
    .benefit_details .col12 span {
        font-size: 7.5pt;
    }
    .benefit_details .col28 span {
        font-size: 7.5pt;
    }
    .benefit_details .col13 {
        font-size: 10pt;
    }
    .benefit_details .col13 span {
        font-size: 7.5pt;
    }
    .benefit_details .col21 {
        font-size: smaller;
    }
    .benefit_details .col24 {
        font-size: 8pt;
    }
    .benefit_details .col25 {
        font-size: smaller;
    }
    div.c-headLogo.-txt .c-headLogo__link {
        font-size: medium;
    }
    div.lang {
        font-size: small;
    }
}

.child_num {
    margin-top: 0.5em;
    padding-left: 0.5em;
    font-size: 1.2em;
    font-weight: bold;
    border: 2px solid #000;
}
.child_num .note {
    color: #000;
    padding-left: 1em;
    font-size: 0.8em;
    font-weight: normal;
}
div.lang {
    display: flex;
    align-items: center;
    order: 4;
}
div.lang form {
    text-align: right;
}
a.lang_tab {
    display: inline-block;
    text-align: center;
}
span.lang_tab {
    display: inline-block;
    text-align: center;
}

#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background-color: rgba(0,0,0,0.5);
    overflow-y: scroll;
}

img.photo {
    display: block;
    margin: auto;
    max-width: 80%;
}


.form_qa {
  margin: 20px;
}
.qa_title {
  font-weight: bold;
}
.qa_content {
    margin: 40px;
}
.qa_content input {
    margin: 10px 20px;
    max-width: 300px;
}
.qa_next {
  text-align: center;
  margin: 40px;
}
.qa_next input {
  display: inline-block;
  width: 60%;
}
.qa_error_popup {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0,0,0,0.5);
}
.qa_error_form {
  position: fixed;
  left: 30vw;
  top: 40vh;
  width: 40vw;
  height: 20vh;
  background-color: white;
  border: 1px solid black;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.qa_error_title {
  width: 100%;
  background-color: black;
  color: white;
  text-align: center;
}
.qa_error_message {
  margin: 0em 2em;
  text-align: center;
}
.qa_error_button {
  width: 100%;
  text-align: center;
}
.qa_error_button input {
  margin: 5px;
  width: 60%;
}

.qa_red {
    color: red;
    font-weight: bold;
}
.qa_content2 {
    margin: 40px;
}
.qa_content2 input {
    margin: 10px 20px;
    max-width: 200px;
}

summary.swell-block-accordion__title.form5 {
  display: block;
  text-align: center;
  cursor: default;
  background: white;
}
summary.swell-block-accordion__title.form5 input {
  margin: 0 3em 0 3em;
  width: 70%;
}
summary.swell-block-accordion__title.mark.form5::after {
  display: none;
}

div.receive-method-note {
    font-size: 11pt;
    margin-bottom: 2em;
}

@media (max-width: 768px) {
    .qa_error_form {
        position: fixed;
        left: 5vw;
        top: 40vh;
        width: 90vw;
        height: 20vh;
        background-color: white;
        border: 1px solid black;
        display: flex;
        flex-direction: column;
        justify-content: center;
        font-size: small;
    }
}

.qa_desc {
    font-weight: bold;
}
.qa_note {
    font-size: 0.8em;
    margin-top: 1em;
}
.qa_start {
    margin-top: 2em;
}
.qa_start input {
    margin: 10px 0px;
    max-width: 200px;
}

.qa_info1 {
    font-weight: bold;
}
.qa_info1 div {
    margin-top: 0.5em;
}
.qa_imgs {
    margin-top: 2em;
    margin-bottom: 2em;
}
.qa_imgs img {
    max-width: 250px;
    vertical-align: top;
}
.qa_info2 {
    font-size: 1.2em;
    font-weight: bold;
}
.qa_info2 div {
    margin-top: 1em;
}

.attention_area {
    padding: 32px;
    text-align: center;
    color: red;
}
.attention_area div {
    display: inline-block;
    text-align: left;
    max-width: 680px;
}

a.callcenter {
    font-weight: 900;
    color: yellow;
}