@charset "UTF-8";
@import url(default.css);

html{overflow-y: scroll;}

@font-face {
    font-family: 'Noto Serif Japanese';
    font-style: normal;
    font-weight: 100;
    src: url(../fonts/NotoSerifCJKjp/NotoSerifCJKjp-ExtraLight.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Serif Japanese';
    font-style: normal;
    font-weight: 200;
    src: url(../fonts/NotoSerifCJKjp/NotoSerifCJKjp-Light.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Serif Japanese';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/NotoSerifCJKjp/NotoSerifCJKjp-Regular.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Serif Japanese';
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/NotoSerifCJKjp/NotoSerifCJKjp-Medium.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Serif Japanese';
    font-style: normal;
    font-weight: 600;
    src: url(../fonts/NotoSerifCJKjp/NotoSerifCJKjp-SemiBold.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Serif Japanese';
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/NotoSerifCJKjp/NotoSerifCJKjp-Bold.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Serif Japanese';
    font-style: normal;
    font-weight: 900;
    src: url(../fonts/NotoSerifCJKjp/NotoSerifCJKjp-Black.otf) format('opentype');
}
.fcPink{ color: #db1b4d; }
h1{
    font-family: 'Noto Serif Japanese', serif;
    font-size: 3vw;
    color: #40a1d4;
    text-align: center;
}
ul{ list-style: none; }
.headerImage{
    background-image: url(../image/mainImagePC.png);
    background-size: 100vw auto;
    background-repeat: no-repeat;
}
.headerImageSub{
    background-image: url(../image/subImagePC.png);
    background-size: 100vw auto;
    background-repeat: no-repeat;
    background-color: #fdf6f9;
    padding-bottom: 5vw;
}
header{ }

.logo{ padding: 2.5vw 2vw;}
.logo>a>img{
    max-width: 55vw;
    width: auto;
    height: auto;
}
.comitBtn{
    margin: 55.5vw 0 6vw 53vw;
}
.comitBtn>a>img{
    max-width: 35vw;
    width: auto;
    height: auto;
}
.boxSub{
    background-color: #fdf6f9;    
}

.box1{ background-color: #ffeeda; padding-bottom: 5vw; }
.boxTitle{ max-width: 80vw; width: auto; height: auto; margin: 0vw auto 2vw auto; }
.box1Body{
    background-color: #FFF;
    border-radius: 5px;
    max-width: 80vw; width: 80vw; margin: 0 auto;
}

.box1 ul{ padding: 3vw 0vw 3vw 14vw; }
.box1 li{
    background-image: url(../image/chkIcon1.png);
    background-repeat: no-repeat;
    background-position:left;
    background-size: 2.5vw;
    font-size: 2.5vw;
    padding-left: 3.5vw;
    padding-top: 0.4vw;
    margin: 1.2vw 0;
    letter-spacing: 0.2vw;
}


.box2{
    background-image: url(../image/box2Top.png);
    background-position: top center;
    background-size: 100vw auto;
    background-repeat: no-repeat;
    background-color: #fbd6d0;
    padding-top: 10vw;
}
.box2Body{
    width: 80vw;
    max-width: 80vw;
    margin: 0 auto;
    overflow: hidden;
}
.box2Image{
    max-width: 33vw;
    width: 33vw;
    margin-right: 2vw;
    float: left;
}
.box2Image>img{
    max-width: 90%;
    width: auto;
    height: auto;
}
.box2Rank1{
    max-width: 45vw;
    width: 45vw;
    float: right;
    overflow: hidden;
}

.box2rank1Icon{ float: left; }
.box2rank1Icon>img{ max-width: 10vw; width: anto; height: auto; }
.box2Rank1NameHyouka{
    float: left;
}
.box2Rank1Name{
    font-size: 3vw;
    font-weight: bold;
    padding: 2vw 0 0.5vw 2vw;
}
.box2Rank1Hyouka>img{ max-width: 8vw; width: 8vw; height: auto; margin-left: 2vw;}
.box2Rank1Hyouka{
    font-size: 2.6vw;
    font-weight: bold;
    color: #d54c7a;
}
.box2rank1Image{
    background-image: url(../image/rankImageBg.png);
    background-size: 29.9vw auto;
    background-repeat: no-repeat;
    margin-left: 1vw;
    margin-top: 1vw;
    padding: 0.65vw 1vw;

}
.box2rank1Image>img{
    max-width: 28vw;
    min-width: 28vw;
    width: auto;
    height: auto;
    margin-bottom: 2.5vw;
}
.box2rank1Comit{ max-width: 29.9vw; width: auto; height: auto; margin-left: 1vw; margin-bottom: 3vw; }

.box2Rank2{
    max-width: 39vw;
    width: 39vw;
    float: left;
    overflow: hidden;
    margin-right: 2vw;
}
.box2Rank3{
    max-width: 39vw;
    width: 39vw;
    float: left;
    overflow: hidden;
}
.box2rank2Icon,.box2rank3Icon{ float: left; }
.box2rank2Icon>img,.box2rank3Icon>img{ max-width: 8vw; width: anto; height: auto; }
.box2Rank2NameHyouka,.box2Rank3NameHyouka{
    float: left;
}
.box2Rank2Name,.box2Rank3Name{
    font-size: 2.5vw;
    font-weight: bold;
    padding: 2vw 0 0.5vw 2vw;
}
.box2Rank2Hyouka>img,.box2Rank3Hyouka>img{ max-width: 8vw; width: 8vw; height: auto; margin-left: 2vw;}
.box2Rank2Hyouka,.box2Rank3Hyouka{
    font-size: 2.3vw;
    font-weight: bold;
    color: #d54c7a;
}
.box2rank2Image,.box2rank3Image{
    background-image: url(../image/rankImageBg.png);
    background-size: 27vw auto;
    background-repeat: no-repeat;
    margin-left: 0vw;
    margin-top: 1vw;
    padding: 0.65vw 1vw;

}
.box2rank2Image>img,.box2rank3Image>img{
    max-width: 25vw;
    min-width: 25vw;
    width: auto;
    height: auto;
    margin-bottom: 2.5vw;
}
.box2rank2Comit,.box2rank3Comit{ max-width: 27vw; width: auto; height: auto; margin-bottom: 2vw; }
.box2Comit{ max-width: 80vw; min-width: 80vw; width: auto; height: auto; margin: 0 0 2vw 10vw; }



.box3{
    background-image: url(../image/box3Top.png);
    background-position: top center;
    background-size: 100vw auto;
    background-repeat: no-repeat;
    overflow: hidden;
}
.box3Image{
    float: left;
    margin-left: 10vw;
    max-width: 30vw;
    width: 30vw;
    height: auto;
    padding-top: 10vw;
}
.box3Image>img{ max-width: 27vw; width: auto; height: auto; }

.box3Str{ padding-top: 15vw; float: right; max-width: 45vw; width: 45vw; margin-right: 10vw; }
.box3Str>p{ font-size: 1.7vw; border-bottom: 2px solid #ccc; line-height: 3vw; }



.box4{ margin: 0; padding: 0 !important;  }
.box4Image{
    max-width: 100%;
    width: auto;
    height: auto;
}


.box5{
    background-image: url(../image/box5Bottom.png);
    background-position: bottom center;
    background-size: 100vw auto;
    background-repeat: no-repeat;
    background-color: #ebe2f7;
    overflow: hidden;
    padding-bottom: 2vw;
}
.box5Str{
    max-width: 40vw;
    width: 40vw;
    height: auto;
    float: left;
    margin-top: 5vw;
    margin-left: 10vw;
    font-size: 1.5vw;
}
.box5Str>div{ margin-bottom: 2vw;}
.box5Str>img,.box5Str>div>img{
    max-width: 39vw;
    width: auto;
    height: auto;
    margin-bottom: 2vw;
}
.box5Image{
    max-width: 30vw;
    width: 30vw;
    height: auto;
    float: right;
margin-top: 2vw;
margin-right: 10vw;
margin-bottom: 3vw;
}
.box5Image>img{
    max-width: 29vw;
    width: auto;
    height: auto;
}


.box6{
    background-image: url(../image/box6Bg.png);
    background-size: 100vw auto;
    overflow: hidden;
    padding-bottom: 5vw;
}
.box6Image>img{
    max-width: 80vw;
    width: auto;
    height: auto;
    margin-left: 10vw;
}

.box7{
    background-image: url(../image/box7Bg.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: 100vw auto;
    background-color: #fff2d4;
    overflow: hidden;
    padding-top: 5vw;
    padding-bottom: 10vw;
    font-size: 1.4vw;
}
.box7Body{
    text-align: center;
}
.box7Str{
    font-weight: bold;
    font-size: 1.4vw;
    padding-bottom: 2vw;
}
.box7Image{
    overflow: hidden;
    margin-bottom: 2vw;
}
.box7Image>img{ max-width: 20vw; width: auto; height: auto; margin: 2vw; }


.box8{
    background-image: url(../image/box8Bg.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: 100vw auto;
    background-color: #FFF;
    overflow: hidden;
    padding-top: 5vw;
    padding-bottom: 12vw;
    font-size: 1.4vw;
    position: relative;
}
.box8Title{
    max-width: 80vw;
    width: auto;
    height: auto;
    margin: 2vw auto;
}
.box8Body{
    background: -moz-linear-gradient(top, #ffc5c7, #FFF 48%, #FFF 52%, #ffc5c7);
    background:  -ms-linear-gradient(top, #ffc5c7, #FFF 48%, #FFF 52%, #ffc5c7);
    background:      linear-gradient(top, #ffc5c7, #FFF 48%, #FFF 52%, #ffc5c7);
    background:     -webkit-gradient(linear, left top, left bottom, from(#ffc5c7), color-stop(0.48, #FFF), color-stop(0.52, #FFF), to(#ffc5c7));
    max-width: 75vw;
    width: 75vw;
    margin: 2vw auto;
    padding: 1.5vw;
}
.box8Str{
    background-color: #FFF;
    padding: 1.5vw;
    overflow: hidden;
}
.box8Image{
    float: left;
}
.box8Image>img{
    max-width: 10vw;
    width: auto;
    height: auto;
    margin-right: 2vw;
}
.box8StrTitle{
    padding-top: 1.8vw;
    color: #d54c7a;
    font-size: 2vw;
}
.box8StrTitle2{
    padding-top: 1.8vw;
    color: #f1853d;
    font-size: 2vw;
}
.box8StrText{
    font-size: 1.5vw;
}
.box8Girl{
    max-width: 27vw;
    width: auto;
    height: auto;
    position: absolute;
    top:26vw;
    right: 8vw;
}
.box8Bottom{
    position: absolute;
    bottom: 0;
    max-width: 100vw;
    width: auto;
    height: auto;
}

.box9{
    background-image: url(../image/box9Bottom.png);
    background-position: bottom center;
    background-size: 100vw auto;
    background-repeat: no-repeat;
    background-color: #fbd6d0;
    overflow: hidden;
    padding-top: 5vw;
    padding-bottom: 3vw;
    font-size: 1.4vw;
    position: relative;
}
.box9Title{
    max-width: 80vw;
    width: auto;
    height: auto;
    margin: -2vw auto 2vw auto;
}
.box9Body{
    overflow: hidden;
    max-width: 80vw;
    width: 80vw;
    margin: 0 auto;
}
.faxBody{
    float: left;
    max-width: 36vw;
    width: 36vw;
    margin: 2vw;
    background-image: url(../image/box9hukidasi.png);
    background-size: 36vw auto;
    background-repeat: no-repeat;
}

/*タイトル2行　本文4行　赤*/
.faqTitle1{
    padding: 2vw 2vw 4.5vw 2vw;
}
.faqTitle1>div{
    padding-top: 2vw;
    color: #d54c7a;
    font-size: 1.6vw;
}
.faqTitle1>img{
    float: left;
    max-width: 5vw;
    width: auto;
    height: auto;
    margin: 2vw 2vw 2vw 0;
}
.faqStr1{
    padding: 1vw 0 6vw 1vw;
    text-align: center;
    font-size: 1.3vw;
}
.faqStr1>img{
    max-width: 5vw;
    width: auto;
    height: auto;
    margin: 0vw 0vw 2vw 0vw;
}


/*タイトル2行　本文4行　オレンジ*/
.faqTitle2{
    padding: 2vw 2vw 4.5vw 2vw;
}
.faqTitle2>div{
    padding-top: 2vw;
    color: #f1853d;
    font-size: 1.7vw;
}
.faqTitle2>img{
    float: left;
    max-width: 5vw;
    width: auto;
    height: auto;
    margin: 2vw 2vw 2vw 0;
}
.faqStr2{
    padding: 1vw 0 6vw 1vw;
    text-align: center;
    font-size: 1.3vw;
}
.faqStr2>img{
    max-width: 5vw;
    width: auto;
    height: auto;
    margin: 0vw 0vw 2vw 0vw;
}

/*タイトル4行　本文4行　オレンジ*/
.faqTitle3{
    padding: 2vw 2vw 4vw 2vw;
}
.faqTitle3>div{
    padding-top: 0vw;
    color: #f1853d;
    font-size: 1.5vw;
}
.faqTitle3>img{
    float: left;
    max-width: 5vw;
    width: auto;
    height: auto;
    margin: 2vw 1vw 3vw 0;
}
.faqStr3{
    padding: 0vw 0 6vw 1vw;
    text-align: center;
    font-size: 1.3vw;
}
.faqStr3>img{
    max-width: 5vw;
    width: auto;
    height: auto;
    margin: 0vw 0vw 2vw 0vw;
}


/*タイトル2行　本文3行　オレンジ*/
.faqTitle4{
    padding: 2vw 2vw 4.5vw 2vw;
}
.faqTitle4>div{
    padding-top: 2vw;
    color: #f1853d;
    font-size: 1.7vw;
}
.faqTitle4>img{
    float: left;
    max-width: 5vw;
    width: auto;
    height: auto;
    margin: 2vw 2vw 2vw 0;
}
.faqStr4{
    padding: 1vw 0 8vw 1vw;
    text-align: center;
    font-size: 1.3vw;
}
.faqStr4>img{
    max-width: 5vw;
    width: auto;
    height: auto;
    margin: 0vw 0vw 2vw 0vw;
}

/*タイトル2行　本文3行　赤*/
.faqTitle5{
    padding: 2vw 2vw 4.5vw 2vw;
}
.faqTitle5>div{
    padding-top: 2vw;
    color: #d54c7a;
    font-size: 1.7vw;
}
.faqTitle5>img{
    float: left;
    max-width: 5vw;
    width: auto;
    height: auto;
    margin: 2vw 2vw 2vw 0;
}
.faqStr5{
    padding: 1vw 0 8vw 1vw;
    text-align: center;
    font-size: 1.3vw;
}
.faqStr5>img{
    max-width: 5vw;
    width: auto;
    height: auto;
    margin: 0vw 0vw 2vw 0vw;
}

/*タイトル3行　本文3行　オレンジ*/
.faqTitle6{
    padding: 2vw 2vw 4vw 2vw;
}
.faqTitle6>div{
    padding-top: 1vw;
    color: #f1853d;
    font-size: 1.5vw;
}
.faqTitle6>img{
    float: left;
    max-width: 5vw;
    width: auto;
    height: auto;
    margin: 2vw 1vw 3vw 0;
}
.faqStr6{
    padding: 0vw 0 9vw 1vw;
    text-align: center;
    font-size: 1.3vw;
}
.faqStr6>img{
    max-width: 5vw;
    width: auto;
    height: auto;
    margin: 0vw 0vw 2vw 0vw;
}

/*タイトル(長)2行　本文3行　赤*/
.faqTitle7{
    padding: 2vw 2vw 4.5vw 2vw;
}
.faqTitle7>div{
    padding-top: 2vw;
    color: #d54c7a;
    font-size: 1.6vw;
}
.faqTitle7>img{
    float: left;
    max-width: 5vw;
    width: auto;
    height: auto;
    margin: 2vw 1vw 2vw 0;
}
.faqStr7{
    padding: 1vw 0 9vw 1vw;
    text-align: center;
    font-size: 1.3vw;
}
.faqStr7>img{
    max-width: 5vw;
    width: auto;
    height: auto;
    margin: 0vw 0vw 2vw 0vw;
}
.box9Bottom{
    max-width: 100vw;
    width: auto;
    height: auto;
}


.box10{
    background-image: url(../image/box10Bg.png);
    background-position: top center;
    background-size: 100vw auto;
    padding-top: 5vw;
}
.box10Body{
    width: 80vw;
    max-width: 80vw;
    margin: 0 auto;
    overflow: hidden;
}
.box10Image{
    max-width: 33vw;
    width: 33vw;;
    margin-right: 2vw;
    float: left;
}
.box10Image>img{
    max-width: 90%;
    width: auto;
    height: auto;
}
.box10Rank1{
    max-width: 45vw;
    width: 45vw;
    float: right;
    overflow: hidden;
}

.box10rank1Icon{ float: left; }
.box10rank1Icon>img{ max-width: 10vw; width: anto; height: auto; }
.box10Rank1NameHyouka{
    float: left;
}
.box10Rank1Name{
    font-size: 3vw;
    font-weight: bold;
    padding: 2vw 0 0.5vw 2vw;
}
.box10Rank1Hyouka>img{ max-width: 8vw; width: 8vw; height: auto; margin-left: 2vw;}
.box10Rank1Hyouka{
    font-size: 2.6vw;
    font-weight: bold;
    color: #d54c7a;
}
.box10rank1Image{
    background-image: url(../image/rankImageBg.png);
    background-size: 29.9vw auto;
    background-repeat: no-repeat;
    margin-left: 1vw;
    margin-top: 1vw;
    padding: 0.65vw 1vw;

}
.box10rank1Image>img{
    max-width: 28vw;
    width: auto;
    min-width: 28vw;
    height: auto;
    margin-bottom: 2.5vw;
}
.box10rank1Comit{ max-width: 29.9vw; width: auto; height: auto; margin-left: 1vw; margin-bottom: 3vw; }

.box10Rank2{
    max-width: 39vw;
    width: 39vw;
    float: left;
    overflow: hidden;
    margin-right: 2vw;
}
.box10Rank3{
    max-width: 39vw;
    width: 39vw;
    float: left;
    overflow: hidden;
}
.box10rank2Icon,.box10rank3Icon{ float: left; }
.box10rank2Icon>img,.box10rank3Icon>img{ max-width: 8vw; width: anto; height: auto; }
.box10Rank2NameHyouka,.box10Rank3NameHyouka{
    float: left;
}
.box10Rank2Name,.box10Rank3Name{
    font-size: 2.5vw;
    font-weight: bold;
    padding: 2vw 0 0.5vw 2vw;
}
.box10Rank2Hyouka>img,.box10Rank3Hyouka>img{ max-width: 8vw; width: 8vw; height: auto; margin-left: 2vw;}
.box10Rank2Hyouka,.box10Rank3Hyouka{
    font-size: 2.3vw;
    font-weight: bold;
    color: #d54c7a;
}
.box10rank2Image,.box10rank3Image{
    background-image: url(../image/rankImageBg.png);
    background-size: 27vw auto;
    background-repeat: no-repeat;
    margin-left: 0vw;
    margin-top: 1vw;
    padding: 0.65vw 1vw;

}
.box10rank2Image>img,.box10rank3Image>img{
    max-width: 25vw;
    min-width: 25vw;
    width: auto;
    height: auto;
    margin-bottom: 2.5vw;
}
.box10rank2Comit,.box10rank3Comit{ max-width: 27vw; width: auto; height: auto; margin-bottom: 2vw; }
.box10Comit{ max-width: 80vw; min-width: 80vw; width: auto; height: auto; margin: 0 0 2vw 10vw; }

.boxSub5{
    background-image: url(../image/box5Bottom.png);
    background-position: bottom center;
    background-size: 100vw auto;
    background-repeat: no-repeat;
    background-color: #ebe2f7;
    overflow: hidden;
    padding-bottom: 2vw;
}
.boxSubStr{
    max-width: 80vw;
    width: 80vw;
    margin-left: 10vw;
    font-size: 1.5vw;
}
.boxSubStr>div{ padding-bottom: 2vw;}
.boxSubStr>img,.boxSubStr>div>img{
    max-width: 39vw;
    width: auto;
    height: auto;
    margin-bottom: 2vw;
}
.boxSubImage{
    max-width: 30vw;
    width: 30vw;
    height: auto;
    float: right;
    margin-top: 5vw;
    margin-right: 10vw;
}
.boxSubImage>img{
    max-width: 29vw;
    width: auto;
    height: auto;
}

footer{
    font-size: 1vw;
    padding-top: 3vw;
    background-color: #fbd6d0;
    padding-bottom: 3vw;
    color: #e27695;
}
footer a{ color: #e27695; }



@media only screen and (min-width:1201px){

}
@media only screen and (max-width:1200px){

}
@media only screen and (max-width:1120px){

}
@media only screen and (max-width:991px){

    .box1 ul{ padding: 3vw 0vw 3vw 3vw; }
    .box1 li{ background-size: 3.5vw; font-size: 3.5vw; padding-left: 4vw; }

    .box2Body,.box10Body{ width: 90vw; max-width: 90vw; }
    .box2Image,.box10Image{ max-width: 50vw; width: 50vw; margin: 0vw auto; float: none; }
    .box2Image>img,.box10Image>img{ max-width: 90%; }
    .box2Rank1,.box2Rank2,.box2Rank3,.box10Rank1,.box10Rank2,.box10Rank3{ max-width: 90vw; width: 90vw; float: none; }
    .box2rank1Icon>img,.box2rank2Icon>img,.box2rank3Icon>img,.box10rank1Icon>img,.box10rank2Icon>img,.box10rank3Icon>img{ max-width: 15vw; width: anto; height: auto; }
    .box2Rank1Name,.box2Rank2Name,.box2Rank3Name,.box10Rank1Name,.box10Rank2Name,.box10Rank3Name{ font-size: 5vw; padding: 2vw 0 0.5vw 2vw; }
    .box2Rank1Hyouka,.box2Rank2Hyouka>img,.box2Rank3Hyouka>img,.box10Rank1Hyouka,.box10Rank2Hyouka>img,.box10Rank3Hyouka>img{ font-size: 5vw;}
    .box2rank1Image,.box2rank2Image,.box2rank3Image,.box10rank1Image,.box10rank2Image,.box10rank3Image{ background-size: 70vw auto; margin-left: 2vw; margin-top: 2vw; padding: 1vw 1.5vw; }
    .box2rank1Image>img,.box2rank2Image>img,.box2rank3Image>img,.box10rank1Image>img,.box10rank2Image>img,.box10rank3Image>img{ max-width: 67vw; min-width: 67vw; margin-bottom: 6vw; }
    .box2rank1Comit,.box2rank2Comit,.box2rank3Comit,.box10rank1Comit,.box10rank2Comit,.box10rank3Comit{ max-width: 72vw;}
    .box2Comit,.box10Comit{ max-width: 90vw; min-width: 90vw; margin: 5vw 0 2vw 5vw; }

    .box3Image{ max-width: 50vw; width: 50vw; margin: 0vw auto; float: none; }
    .box3Image>img{ max-width: 50vw; width: auto; height: auto; }
    .box3Str{ padding-top: 5vw; float: none; max-width: 80vw; width: 80vw; margin: 0vw 10vw; }
    .box3Str>p{ font-size: 3vw; line-height: 5vw; }

    .box5Str{ max-width: 80vw; width: 80vw; float: none; font-size: 4vw; }
    .box5Str>img,.box5Str>div>img{ max-width: 80vw;}
    .box5Image{ max-width: 50vw; width: 50vw; margin: 0vw auto; float: none; }
    .box5Image>img{ max-width: 50vw; margin-bottom: 5vw;}
    
    .box6Image>img{ max-width: 96vw; margin-left: 2vw; }

    .box7{ font-size: 3.5vw; padding: 0 10vw 12vw 10vw;}
    .box7Str{ font-size: 3.5vw; padding: 0 8vw; }
    .box7Image>img{ max-width: 50vw; margin: 2vw auto; }

    .box8Body{ max-width: 90vw; width: 90vw; }
    .box8Image>img{ max-width: 13vw; margin: 2vw 2vw 0 0vw; }
    .box8StrTitle,
    .box8StrTitle2{ font-size: 4vw; }
    .box8StrText{ font-size: 2.8vw; }
    .box8Girl{ max-width: 30vw; top:66vw; right: -5vw; }

    .faxBody{ float: none; max-width: 80vw; width: 80vw; background-size: 60vw auto; margin: 2vw auto; background-size: 80vw auto; }

    .faqTitle1>div{ padding-top: 5vw; font-size: 4vw; }
    .faqTitle1>img{ margin: 8vw 2vw 5vw 0; }
    .faqStr1{ padding: 8vw 0 20vw 1vw; font-size: 3.3vw; }
    .faqStr1>img{ margin: 0vw 0vw 3vw 0vw; }

    .faqTitle3>div{ font-size: 4vw; }
    .faqTitle3>img{ margin: 8vw 1vw 8vw 0; }
    .faqStr3{ padding: 4vw 0 16vw 1vw; font-size: 3.5vw; }

    .faqTitle4>div{ padding-top: 5vw; font-size: 4vw; }
    .faqTitle4>img{ margin: 8vw 2vw 2vw 0; }
    .faqStr4{ padding: 10vw 0 20vw 1vw; font-size: 3.5vw; }

    .faqTitle5>div{ padding-top: 5vw; font-size: 4vw; }
    .faqTitle5>img{ margin: 8vw 2vw 2vw 0; }
    .faqStr5{ padding: 10vw 0 20vw 1vw; font-size: 3.5vw; }

    .faqTitle6>div{ padding-top: 3vw; font-size: 4vw; }
    .faqTitle6>img{ margin: 8vw 1vw 3vw 0; }
    .faqStr6{ padding: 8vw 0 20vw 1vw; font-size: 3.5vw; }

    .faqTitle7>div{ padding-top: 5vw; font-size: 4vw; }
    .faqTitle7>img{ margin: 8vw 1vw 2vw 0; }
    .faqStr7{ padding: 10vw 0 20vw 1vw; font-size: 3.5vw; }

    
    .boxSubStr{ max-width: 80vw; width: 80vw; float: none; font-size: 4vw; }
    .boxSubStr>img,.boxSubStr>div>img{ max-width: 80vw;}
    .boxSubImage{ max-width: 50vw; width: 50vw; margin: 0vw auto; float: none; }
    .boxSubImage>img{ max-width: 50vw; margin-bottom: 5vw;}
    
    footer{ font-size: 4vw;
            padding-top: 5vw;
            padding-bottom: 5vw;
            color: #e27695;
    }

}
@media only screen and (max-width:846px){  

}
@media only screen and (max-width:767px){

}
@media only screen and (max-width:640px){
}
/*
* 消さない
*/
#fCimit{ background-color: rgba(255,255,255,0.3); margin-top: 3vw; }
.fbtnarea{
    background-color: #FFF;
}
.clone-nav {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 101;
    width: 100%;
    transition: .3s;
    transform: translateY(100%);
}
.is-show {
    transform: translateY(0);
}

.is-fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    background-color: #FFF;
    padding-right: 15px;
    padding-left: 15px;
}

body .logo > a > img {
    max-width: 600px;
}
body .logo.top_logo > a > img {
    max-width: 45vw;
}

body .logo {
    padding: 1.5vw 2vw;
}
.row {
    margin-right: 0;
    margin-left: 0;
    font-size: 17px;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
body .col-sm-4 {
float: none;
max-width: 600px;
width: 100%;
}
body .col-sm-offset-4 {
    margin-left: auto;
    margin-right: auto;
}
.hyouStr {
    padding: 30px 10px;
}
body .btn-success {
    color: #fff;
    background-color: #d22d6c;
    border-color: #d22d6c;
}
body .btn-success:hover {
    color: #fff;
    background-color: #d22d6c;
    border-color: #d22d6c;
opacity: .8;
}
body .btn-success:active:hover {
    background-color: #d22d6c;
    border-color: #d22d6c;
}
.form_area h2 {
text-align: center;
margin-bottom: 50px;
margin-top: 50px;
font-size: 3em;
}
.text_message {
  display: none;
}
.text_none {
  display: block;
}
.attention_text {
display: none;
}
.attention_text {
font-size: .9em;
margin-top: 10px;
}
.attention_text input {
margin-top: 10px;
}
.attention_text .label-primary {
margin-right: 5px;
}
.form_area {
max-width: 1200px;
margin-right: auto;
margin-left: auto;
border: 1px solid #ccc;
margin-top: 100px;
margin-bottom: 100px;
border-radius: 5px;
padding: 30px;
overflow: hidden;
}
body .form-horizontal .form-group {
    margin-right: 0;
    margin-left: 0;
}
.hyouStr {
border-top: none;
}
.form_area .contsBody * {
font-family: "メイリオ", "ＭＳ ゴシック", "Times New Roman";
}
.form_area .small {
display: block;
margin-top: 10px;
}
.info_inner {
max-width: 1000px;
margin-right: auto;
margin-left: auto;
}

.img_center {
text-align: center;
}
body .box10 {
padding-top: 3vw;
padding-bottom: 5vw;
}
table.info {
width: 100%;
margin-top: 50px;
font-size: 18px;
border: 1px solid #ccc;
}
table.info th,table.info td {
padding: 15px;
border: 1px solid #ccc;
font-weight: normal;
}
table.info th {
border-color: #fff;
background-color: #d54c7a;
color: #fff;
}
table.info td {
background-color: #fff;
}
.cv_link {
max-width: 1200px;
margin-right: auto;
margin-left: auto;
margin-top: 10px;
}
.cv_link img {
width: 100%;
}
body .faqTitle3 {
    padding: 2vw 2vw 5.5vw 2vw;
}
body .box7Str {
font-weight: normal;
}
.box7 div.boxTitle {
margin-bottom: 0;
}
.contsClear.thanks01 {
max-width: 650px;
margin-right: auto;
margin-left: auto;
font-size: 18px;
margin-top: 50px;
margin-bottom: 50px;
}
.cv_button {
max-width: 650px;
width: 100%;
display: block;
background-color: #d22d6c;
color: #fff;
text-align: center;
text-decoration: none;
padding: 10px;
font-size: 1.5em;
margin-right: auto;
margin-left: auto;
border-radius: 5px;
margin-bottom: 50px;
}
.headerImageSub {
padding-bottom: 0;
margin-bottom: 60px;
}
p {
    margin: 0 0 20px;
}

.comitBtn a {
display: none;
}
.comitBtn {
    margin: 70.5vw 0 6vw 53vw;
}


@media only screen and (min-width:1001px){
body .faxBody {
min-height: 650px;
}
body .box9 {
padding-bottom: 6vw;
}


}

@media only screen and (max-width:601px){
body .logo > a > img {
    max-width: 55vw;
}
.boxTitle {
max-width: 95%;
padding-top: 10px;
}
.box1Body {
max-width: 95%;
width: 95%;
}
.box1 li {
font-size: 5vw;
margin-bottom: 15px;
}
.box3Str {
max-width: 90%;
width: 90%;
margin: 0 auto;
}
.box3Str > p {
    font-size: 4vw;
}
.img_center img {
width: 100%;
}
body .faqTitle3 {
    padding: 5vw 2vw 5.5vw 2vw;
}
body .box9Body {
    max-width: 95vw;
    width: 95vw;
}
.faxBody {
    max-width: 90vw;
    width: 90vw;
}
.faxBody {
background-size: 90vw auto;
}
.faqTitle1 > div {
font-size: 5vw;
}
.faqTitle2 > div {
    font-size: 5vw;
}
.faqTitle3 > div {
    font-size: 5vw;
}
.faqTitle4 > div {
    font-size: 5vw;
}
.faqTitle5 > div {
    font-size: 5vw;
}
.faqTitle6 > div {
    font-size: 5vw;
}
.faqTitle7 > div {
    font-size: 5vw;
}
.faqTitle8 > div {
    font-size: 5vw;
}
.faqTitle9 > div {
    font-size: 5vw;
}

.faqTitle1 > img {
    margin: 10vw 2vw 5vw 0;
}
.faxBody {
min-height: 340px;
}
.faqStr1,.faqStr2,.faqStr3,.faqStr4,.faqStr5,.faqStr6,.faqStr7,.faqStr8,.faqStr9 {
    padding: 8vw 16vw 20vw 16vw;
    font-size: 4vw;
line-height: 1.8em;
}
.faxBody br {
display: none;
}
.faqStr1,.faqStr4,.faqStr5 {
padding-top: 13vw;
}
.faqTitle4 {
padding-top: 5vw;
}




}


* {
font-family: 'Kosugi Maru', sans-serif;
}

@media only screen and (max-width:701px){
.headerImage {
display: none;
}
.faxBody * {
letter-spacing: .5px;
}
.ip_headerImage {
background-image: url(../image/sp_back.jpg);
background-position: top;
background-size: cover;
}
.ip_headerImage img {
max-width: 100%;
width: auto;
}
.ip_headbody p {
margin-bottom: 5px;
}
.ip_headbody {
padding-top: 50px;
padding-right: 10px;
padding-left: 10px;
}
body .logo.top_logo > a > img {
    max-width: 100%;
}
.head_list {
min-height: 200px;
position: relative;
background-image: url(../image/sp04.png);
background-position: right bottom;
background-repeat: no-repeat;
background-size: contain;
}
.head_list a {
display: block;
position: absolute;
top: 70%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
margin: auto;
width: 80%;
}
body .logo {
    padding: 6vw 2vw 0;
    text-align: center;
}
.box5Str {
    max-width: 90%;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
}
.box5Str > img, .box5Str > div > img {
    max-width: 100%;
}
.box5Str p {
font-size: 16px;
line-height: 1.7em;
}
.box3Str > p {
font-size: 15px;
line-height: 1.7em;
}
.box7 {
    padding: 0 0 12vw 0;
}
body .box7Str {
font-size: 16px;
line-height: 1.7em;
}
.box7 div.boxTitle {
max-width: 100%;
}
.box7Str p {
text-align: left;
}
.box7Body p {
font-size: 16px;
line-height: 1.7em;
text-align: left;
}
.box7Image > img {
    max-width: 49vw;
    margin-bottom: 20px;
}
.box8Title {
    max-width: 100vw;
}
.box9Title {
    max-width: 100vw;
}
.box10Title {
    max-width: 100vw;
}
.boxTitle {
    max-width: 100%;
}
.box8Body {
    max-width: 95%;
    width: 95%;
}
.box8StrTitle, .box8StrTitle2 {
    font-size: 5.5vw;
    margin-top: 12px;
    margin-bottom: 20px;
    font-weight: bold;
}
.box8StrText {
    font-size: 15px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
}
.box8StrText br {
display: none;
}
.box8Girl {
    max-width: 30vw;
    top: 65%;
    right: 5vw;
}
.box8 {
padding-bottom: 60vw;
}
.box8Girl {
    top: 70%;
}
.cv_link {
padding-right: 5px;
padding-left: 5px;
}
.boxTitle {
text-align: center;
padding-right: 5px;
padding-left: 5px;
margin-bottom: 0;
padding-bottom: 2vw;
}
body .logo {
    padding: 2.5vw 2vw 3vw;
}
.form_area h2 {
text-align: center;
margin-bottom: 40px;
margin-top: 10px;
font-size: 1.7em;
}
.form_area {
padding-right: 10px;
padding-left: 10px;
width: 93%;
margin-right: auto;
margin-left: auto;
}
.col-md-3.formTitle {
margin-bottom: 15px;
}
span .label {
padding-bottom: 3px;
}
label {
font-weight: normal;
}
.pull-left {
max-width: 800px;
}
}



@media only screen and (min-width:702px){
.ip_headerImage {
display: none;
}
}
.purple_area {
background-image: url(../image/box10Bg.png);
background-position: top center;
background-size: 100vw auto;
padding-top: 5vw;
padding-bottom: 5vw;
}
.form_area {
background-color: #fff;
border: 2px solid #d54c7a;
margin-top: 0;
margin-bottom: 0;
}
.line {
position: fixed;
}
.line img {
width: auto;
max-width: 100%;
}

.line.pc_only {
bottom: 3px;
right: 3px;
max-width: 300px;
}
.line.ip_only {
bottom: 3px;
right: 3px;
max-width: 150px;
background-color: #00B900;
border-radius: 100%;
}



@media only screen and (min-width:700px){
    .ip_only {
    display: none;
    }
    }
    @media only screen and (max-width:699px){
    .pc_only {
    display: none;
    }
    body .logo.top_logo {
    padding: 6vw 2vw 10vw;
    }
    }


@media only screen and (min-width:700px){
.ip_only {
display: none;
}
.col-md-9.formArea {
    width: 50%;
}
}
@media only screen and (max-width:699px){
.pc_only {
display: none;
}
.col-md-9.formArea {
    width: 90%;
}
body .logo.top_logo {
padding: 6vw 2vw 10vw;
}
}

.line {
display: none !important;
}
.formArea input {
margin-bottom: 10px;
}
.form_title {
font-weight: bold;
margin-bottom: 30px;
text-align: center;
font-size: 2.5em;
margin-top: 30px;
}

@media only screen and (max-width:699px){
body .form_title {
font-size: 2em;
}
}
.contsClear {
font-size: 17px;
margin-bottom: 30px;
}
.form-horizontal .comit-thanks.confirm .row {
font-size: 15px;
}
.form-horizontal .comit-thanks.confirm .formArea {
border: 1px solid #ccc;
padding: 30px 15px;
}

.col-md-9.formArea {
max-width: 1000px;
margin-right: auto;
margin-left: auto;
display: block;
float: none;
padding-left: 0;
padding-right: 0;
}
.col-md-3.formTitle {
margin-bottom: 10px;
}
body .contsClear.thanks01 {
max-width: 1000px;
}
thanks01 .form_title {
font-size: 2em;
}
.contsBody.comit-bb {
margin-bottom: 50px;
}
.pull-right {
margin-top: 3em;
}


.cvlist {
position: fixed;
bottom: 0;
width: 100%;
right: 0;
left: 0;
}
.cvlist ul {
padding: 0;
font-size: 0;
margin-bottom: 0;
}
.cvlist ul li {
text-align: center;
width: 50%;
display: inline-block;
font-size: 16px;
background-color: #0ea01a;
border: 1px solid #fff;
}
.cvlist ul li a {
color: #fff;
padding-top: 20px;
padding-bottom: 20px;
text-decoration: none;
display: block;
}
.cvlist ul li i {
display: block;
font-size: 1.2em;
margin-bottom: 5px;
}
.message {
    font-size: 18px;
    max-width: 1000px;
    margin-right: auto;
    margin-left: auto;
    border: 1px solid #db1b4d;
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 1em;
}
.message_text p {
    margin-bottom: 0; 
}
.message_title {
    margin-bottom: 10px;
font-size: 1.5em;
color: #db1b4d;
}



@media only screen and (max-width:699px){
body .form_title {
font-size: 2em;
}
}

.scroll{
    height: auto;
    overflow: auto;
  }

  .emphasis_design37 {
    color: #fff;
    text-shadow: 0 1px 0 hsl(0, 97%, 54%), 0 2px 0 #ff3b3b, 0 3px 0 #ff6e6e, 0 4px 0 #fc7a7a, 0 5px 0 #fcc3c3, 0 6px 1px rgba(255, 21, 21, 0.1), 0 0 5px rgba(253, 191, 191, 0.1), 0 1px 3px rgba(253, 3, 3, 0.3), 0 3px 5px rgba(253, 229, 229, 0.2), 0 5px 10px rgba(251, 232, 232, 0.25), 0 10px 10px rgba(254, 246, 246, 0.2), 0 20px 20px rgba(250, 2, 2, 0.15);
  }
  

.container {
  display:flex;
  flex-wrap: wrap;
  gap: 4px;
  padding: 2px;
}

.container ul li {
    position: relative;
    top: 10%;
    opacity: 0;
    list-style: none;
    width: 25%;
    text-align: center;
    margin-bottom: 50px;
}

.container ul {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}

.container ul li img {
    display: block;
    max-width: 250px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 10px;

}
	
body .container ul li {
        width: 50%;
}

body .container ul li img {
        max-width: 100%;
}


.container ul li {
        margin-bottom: 30px;
		
}