@charset "euc-jp";
    .global-header,.global-footer,.c-breadcrumb{
        display: none;
    }
    html{
        font-size: initial;
    }

    .wrap{
        font-family: initial;
    }

    .wrap img{
        width: auto;
        height: auto;
        display: initial;
    }

    .red{
        color: #ed0900;
    }
    .next_btn.nocheck a,.complete_btn_block.nocheck a{
        pointer-events: none;
    }
    .next_btn.nocheck a img,.complete_btn_block.nocheck .complete_btn img{
        filter: grayscale(100%);
    }
    /* CheckBox_animation */
    @-moz-keyframes dothabottomcheck{
        0% { height: 0; }
        100% { height: 25px/2; }
    }
    
    @-webkit-keyframes dothabottomcheck{
        0% { height: 0; }
        100% { height: 25px/2; }
    }
    
    @keyframes dothabottomcheck{
        0% { height: 0; }
        100% { height: 25px/2;  }
    }
    
    @keyframes dothatopcheck{
        0% { height: 0; }
        50% { height: 0; }
        100% { height: 25px * 1.2; }
    }
    @-webkit-keyframes dothatopcheck{
        0% { height: 0; }
        50% { height: 0; }
        100% { height: 25px * 1.2; }
    }
    @-moz-keyframes dothatopcheck{
        0% { height: 0; }
        50% { height: 0; }
        100% { height: 25px * 1.2; }
    }

    input[type=checkbox]{
        display:none;
    }
    .check-box{
        margin-right: 10px;
        min-height: 25px;
        min-width: 25px;
        background-color: transparent;
        border: 1px solid;
        display: inline-block;
        position: relative;
        box-sizing: border-box;
        -moz-transition: border-color ease .2s;
        -o-transition: border-color ease .2s;
        -webkit-transition: border-color ease .2s;
        transition: border-color ease .2s;
        cursor:pointer;
    }

    .check-box::before,.check-box::after {
        box-sizing: border-box;
        position: absolute;
        height: 0;
        width: 3px;
        background-color: #000;
        display: inline-block;
        -moz-transform-origin: left top;
        -ms-transform-origin: left top;
        -o-transform-origin: left top;
        -webkit-transform-origin: left top;
        transform-origin: left top;
        border-radius: 5px;
        content: ' ';
        -webkit-transition: opacity ease .5;
        -moz-transition: opacity ease .5;
        transition: opacity ease .5;
    }
    .check-box::before {
        top: 18.28px;
        left: 10.25px;
        box-shadow: 0 0 0 1.25 #000;
        -moz-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg);
    }
    .check-box::after{
        top: 9.25px;
        left: 1.2px;
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    input[type=checkbox]:checked + .check-box,.check-box.checked{
        border-color:#000;
    }
    input[type=checkbox]:checked + .check-box::after,.check-box.checked::after{
        height: 12px;
        -moz-animation: dothabottomcheck .2s ease 0s forwards;
        -o-animation: dothabottomcheck .2s ease 0s forwards;
        -webkit-animation: dothabottomcheck .2s ease 0s forwards;
        animation: dothabottomcheck .2s ease 0s forwards;
    }
    input[type=checkbox]:checked + .check-box::before,.check-box.checked::before{
        height: 30px;
        -moz-animation: dothatopcheck .4s ease 0s forwards;
        -o-animation: dothatopcheck .4s ease 0s forwards;
        -webkit-animation: dothatopcheck .4s ease 0s forwards;
        animation: dothatopcheck .4s ease 0s forwards;
    }

    .guide_nav_block *{
        font-size: initial;
    }

    footer *{
        font-size: initial;
    }


/* pc */
@media screen and (min-width:641px) {
    .spOnly{
        display: none;
    }
    .wrap{
        width: 640px;
        margin: 0 auto;
    }
    .wrap .enquete_block{
        width: 600px;
        margin: 0 auto;
    }
    .wrap .enquete_block .enquete_heading{
        text-align: left;
        font-size: 1.4rem;
        font-weight: bold;
        margin: 20px 30px 0;
    }
    .wrap .enquete_block .enquete_heading .note{
        font-size: 1rem;
    }
    .wrap .enquete_block .img{
        margin-top: 30px;
    }
    
    .wrap .enquete_block .answer_box{
        margin: 20px 40px 0;
    }
    .wrap .enquete_block .answer_box .note_area{
        margin-top: 20px;
    }
    .wrap .enquete_block .answer_box .note{
        font-size: 1rem;
        padding-left: 2em;
        text-indent: -2em;
    }
    .wrap .enquete_block .answer_box .answer{
        margin-top: 20px;
    }
    .wrap .enquete_block .answer_box label{
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }
    .wrap .enquete_block .answer_box .answer_txt{
        font-size: 1.3rem;
        width: calc(100% - 35px);
    }
    .wrap .enquete_block .complete_area{
        margin-top: 30px;
    }
    .wrap .enquete_block .complete_area .complete_txt{
        font-size: 2.4rem;
        text-align: center;
        font-weight: bold;
    }
    .wrap .complete_btn_block{
        position: relative;
        margin-top: 90px;
    }
    .wrap .complete_btn_block .img_01{
        position: absolute;
        z-index: 10;
        top: -50px;
        left: -20px;
    }
    .wrap .complete_btn_block .img_02{
        position: absolute;
        z-index: 9;
        top: -85px;
        right: 0px;
    }
    .wrap .complete_btn{
        text-align: center;
    }
    .wrap .next_btn{
        text-align: right;
        margin-top: 20px;
    }
    footer{
        width: 640px;
        margin: 0 auto;
        background: #009fbd;
        padding: 10px;
        color: #fff;
    }

    footer .copy{
        text-align: center;
    }

    .guide_nav_block ul {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 0 auto 0;
        padding: 16px 0;
    }
    .guide_nav_block ul li+li {
        margin-left: 20px;
        padding-left: 20px;
        border-left: 1px solid #222222;
    }
    .guide_nav_block ul li a {
        font-weight: bold;
    }

    /* add KGMP-15076 */
    .fv_block img{
        width: 100%;
    }
    
    .enquete_block +.enquete_block{
        margin-top: 20px;
    }
}
/* sp */
@media screen and (max-width:640px) {
    .pcOnly{
        display: none;
    }
    .wrap{
        width: 100%;
    }
    .wrap img{
        width: 100%;
    }
    .wrap .enquete_block{
        margin: 0 4%;
    }
    .wrap .enquete_block .enquete_heading{
        text-align: left;
        font-size: 1.4rem;
        font-weight: bold;
        margin: 20px 2% 0;
    }
    .wrap .enquete_block .img{
        margin-top: 30px;
    }
    .wrap .enquete_block .answer_box{
        margin: 0 4%;
    }
    .wrap .enquete_block .answer_box .answer{
        margin-top: 20px;
    }
    .wrap .enquete_block .answer_box .note{
        font-size: 1rem;
        margin-left: 35px;
        padding-left: 1em;
        text-indent: -1em;
    }
    .wrap .enquete_block .answer_box label{
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }
    .wrap .enquete_block .answer_box .answer_txt{
        font-size: 1.1rem;
        width: calc(100% - 35px);
    }
    .wrap .enquete_block .complete_area{
        margin-top: 20px;
    }
    .wrap .enquete_block .complete_area .complete_txt{
        font-size: 1.4rem;
        text-align: center;
        font-weight: bold;
    }
    .wrap .complete_btn_block{
        position: relative;
        margin-top: 17vw;
    }
    .wrap .complete_btn_block .img_01{
        position: absolute;
        z-index: 10;
        top: -40px;
        left: -3%;
        width: 32%;
    }
    .wrap .complete_btn_block .img_02{
        position: absolute;
        z-index: 9;
        top: -16vw;
        right: -3%;
        width: 90%
    }
    .wrap .complete_btn{
        text-align: center;
    }
    .wrap .next_btn{
        text-align: right;
        margin: 20px 4% 0;
    }
    .wrap .next_btn img{
        width: 30%;
    }
    footer{
        width: 100%;
        margin: 0 auto;
        background: #009fbd;
        padding: 10px 0;
        color: #fff;
    }
    footer .copy{
        text-align: center;
    }
    .guide_nav_block ul {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin: 0 auto 0;
        padding: 16px 0;
    }
    .guide_nav_block ul li+li {
    }
    .guide_nav_block ul li a {
        font-weight: bold;
    }

    .wrap .enquete_block.enquete_01 {
        margin-left: 0;
        margin-right: 0;
    }

    .wrap .enquete_block {
        margin-bottom: 4%;
    }

    .wrap .enquete_block.enquete_01 .question_no{
        margin-left: 4%;
        margin-right: 4%;
    }
    .wrap .enquete_block.enquete_01 .enquete_heading{
        margin-left: 4%;
        margin-right: 4%;
    }
    .wrap .enquete_block.enquete_01 .img{
        margin-left: 4%;
        margin-right: 4%;
    }
    .wrap .enquete_block.enquete_01 .answer_box{
        margin-left: 4%;
        margin-right: 4%;
    }
    .wrap .enquete_block .enquete_heading .note {
        font-size: 1rem;
    }
}