@charset "UTF-8";

img {
    pointer-events: none;
  }

@media print { body{ display: none !important; } }


.campaign_page img {
    width: 100%;
}

.campaign_page {
    max-width: 900px;
    margin: 0 auto;
}


/* よくある質問 */

.shitsumon {
    background-color: #C8E9C3;
    padding-top: 20px;
    padding-bottom: 20px;
}

.question1, .question2, .question3, .question4, .question5, .question6, .question7, .question8, .question9 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #008504;
    width: 94%;
    margin: 16px auto 0 auto;
    padding-left: 2%;
    padding-right: 1%;
    padding-top: 5px;
    padding-bottom: 5px;
    cursor : pointer;
}

.question-box {
    width: 91%;
    /* background-color: #C8E9C3; */
}

.switch1, .switch2, .switch3, .switch4, .switch5, .switch6, .switch7, .switch8, .switch9 {
    width: 7%;
    text-align: center;
    /* background-color: #41a432; */

}

.question1 img, .question2 img, .question3 img, .question4 img, .question5 img, .question6 img, .question7 img, .question8 img, .question9 img {
    width: 100%;
    transition: 0.5s;
}

.answer1, .answer2, .answer3, .answer4, .answer5, .answer6, .answer7, .answer8, .answer9 {
    display: grid;
    background-color: white;
    width: 94%;
    margin: 0 auto;
    padding-left: 2%;
    padding-right: 2%;
    grid-template-rows: 0fr;
    transition: .4s;
}

.answer_inner {
    overflow: hidden;
}

.open {
    grid-template-rows: 1fr;
    padding-top: 4px;
    padding-bottom: 4px;
}

.rotate {
    transform:rotate(135deg); 
}


.shitsumon p {
    font-family: 'M PLUS 1p', "ヒラギノ角ゴ Pro W3", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, 游ゴシック体, メイリオ, sans-serif;
    text-align: justify;
    font-size: clamp(14px, 2.5vw, 20px);
    line-height: 1.4em;
    word-break: break-all;
    margin: 0;
}

.question-text {
    color: white;
    font-weight: 500;
}

.answer-text {
    font-weight: 300;
}









.campaign_page_04 {
    position: relative;
}

.kiyaku {
    position: absolute;
    top: calc(255 / 1910 * 100%);
    left: 0;
    right: 0;
    margin: auto;
    width: calc(750 / 900 * 100%);
    height: calc(550 / 1910 * 100%);
    overflow-y: scroll;
    background-color: rgb(23, 22, 22, 0)
}


.kiyaku p {
    font-family: 'M PLUS 1p', "ヒラギノ角ゴ Pro W3", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, 游ゴシック体, メイリオ, sans-serif;
    text-align: justify;
    font-size: 16px;
    line-height: 1.6em;
    word-break: break-all;
    margin: 0;
}

.indent01-bold {
    font-weight: 500;
}

.indent01 {
    font-weight: 300;
}

.indent02 {
    font-weight: 300;
    padding-left:1em;
	text-indent:-1em;
}

.kiyaku-link {
    color: #008504;
    text-decoration:underline;
}

.red {
    color: #E7364A;
    font-weight: 500;
}

.bold {
    font-weight: 500;
}


/*　レスポンシブ　*/


@media screen and (max-width:750px) {

    .kiyaku p {
        font-size: 12px;
    }
 
}