body{margin: 0px; font-family:"MS Pゴシック",sans-serif;}
ul{}
h1{margin:0px;}
a {text-decoration: none; color: black;}
.width100{width: 100%;}
.width90{width: 90%;}
.width80{width: 80%;}
.width70{width: 70%;}
.text-center{text-align: center;}
.paddingBottom2EM{padding-bottom: 2em;}
.marginAuto{margin:0 auto;}
.marginTopBottom10{margin-top: 10%;margin-bottom: 10%;}
.marginTop5{margin-top: 5%;}
.relative{position: relative;}
.white{color: white;}
.bold{font-weight: bold;}

header{top: 5%;left: 5%;position: absolute;}
header img{width: 60%;}
.first{display: flex;}
.second .two-clm-inner{display: flex;width: 80%;margin: 5% auto; justify-content: space-between;}
.second .two-clm-inner .right{ width: 50%; }
.second .two-clm-inner .left{ width: 40%; }
.red-bk{background:#a92b3d;}
.second p{margin: 2% auto; width: 60%; padding-top: 8px; padding-bottom: 8px;padding-left: 10%;padding-right: 10%;}
.second{padding-top: 3%;padding-bottom: 3%;}

.fifth{background: #e7c917;padding-top: 3%;padding-bottom: 3%;}
.fifth h2{color: white; font-weight: bold;text-align: center;letter-spacing: 2px;font-size: 3em;}
.fifth h2 span{color: black; font-size: 1.2em;}
.fifth .three-clm-inner{display: flex;justify-content: space-between;width: 80%;margin: 0 auto;}
.fifth .three-clm-inner .item{width: 29%;text-align: center;background: white;padding-left: 1em;padding-right: 1em;}
.fifth .three-clm-inner .item .title{font-size: 2em;font-weight: bold;}
.fifth .three-clm-inner .item .sub-title{color: white;background: black;border-radius: 2em;padding-top: .5em;padding-bottom: .5em;}

.sixth .inner{width: 70%; margin:5% auto;}
.sixth .inner h2{font-size: 3em; color: black; text-align: center;letter-spacing: 2px;}
.sixth .inner span{font-size: 1.1em; color: #e7c917;}
.sixth {padding-top: 3%;padding-bottom: 3%; background: url(./images/merit-bk.png); background-size: cover;}
.sixth hr{height: .5em;background: black;border: 0px;margin-top: 2em;margin-bottom: 2em;}

.eighth{padding-top: 3%;padding-bottom: 3%;background: url(./images/price-bk.png); background-size: cover;}
.eighth .inner{width: 80%; margin:0 auto;}
.eighth .inner h2{font-size: 3em; color: black; text-align: center;letter-spacing: 2px;}
.eighth .three-clm-inner {display: flex;justify-content: center; flex-wrap:wrap; margin-left: 8px; margin-right: 8px;margin: 5% auto;
    margin-bottom: 0%;}
.eighth .three-clm-inner .item{width: 30%;text-align: center;border: 5px solid black;color: black;margin-bottom: 2em; margin-right: 8px; margin-left: 8px;}
.eighth .price{color:#a92b3d;font-size: 2em;font-weight: bold; }
.eighth .title{background: black; margin: 0px; font-size: 1.2em; font-weight: bold; color: white; padding-top: .5em;padding-bottom: .5em;}
.eighth p .min{font-size: .5em;}
.eighth p .yen{font-size: .7em;}

.nineth{padding-top: 3%;padding-bottom: 3%;background: url(./images/about.png); background-size: cover; text-align: center;line-height: 2.5em;font-weight: bold;}
.nineth .title{font-size: 1.2em; font-weight: bold; color: white;line-height: 2em;}
.nineth .sub-title{color: white; font-size: 1.1em;line-height: 2em;}
.nineth .title span{font-size: 1.5em; color:#e7c917; }

.tenth {padding-top: 3%;padding-bottom: 3%; background:#e7c917;}
.tenth h2{font-size: 3em; color: black; text-align: center;letter-spacing: 2px;}
.tenth .inner{width: 80%; margin:0 auto;}
.tenth .inner .imginner{background:white; padding: 5%;margin-top: 5%;}

.eleventh  {padding-top: 3%;padding-bottom: 3%; }
.eleventh h2{font-size: 3em; color: black; text-align: center;font-weight: bold;letter-spacing: 2px;}
.eleventh h2 span{font-size: 1.2em; color: #e7c917;}
.eleventh .inner{width: 80%; margin:5% auto;margin-bottom: 0%;}
.eleventh .inner .card{margin-bottom: 2em;}
.eleventh .inner .card .title{text-align: center; background:black; color: white; font-size: 2em;font-weight: bold;}
.eleventh .inner .card .sub-title{text-align: center; color: black; font-weight: bold;}
.eleventh .inner .card .two-clm-inner {display: flex; justify-content: space-between;}
.eleventh .inner .card .two-clm-inner .item {border-radius: 2em;border: 5px solid #e7c917;width: 47%;padding: 8px;}
.eleventh .inner .card .two-clm-inner .item .pink-title{text-align: center; font-weight: bold; color: #a92b3d; font-size: 1.2em;}
.one-card{border-radius: 2em;border: 5px solid #e7c917;padding: 8px;margin: 0 auto;
    margin-top: 2em;}
.one-card .pink-title{text-align: center; font-weight: bold; color: #a92b3d; font-size: 1.2em;}
.eleventh .inner .card li{color: #a92b3d;}
.eleventh .inner .card li span {color: black;}

.text-inner{background: #f2f2f2; color: black; text-align: center;margin-top: 1em;padding: 8px;width: 80%;
    margin: 0 auto;}
.pcnone{display: none;}
.spnone{display: block;}
footer{background: #ee869a;}
footer p{margin: 0px;
    color: white;
    font-size: .5em;
    padding-top: 1em;
    padding-bottom: 1em;}
.inner{width: 60%; margin:0 auto;}

.campaign{
padding: 5%;
}
.campaign img{
  width: 60%;
    margin: 0 auto;
}
header {
    display: none;
    }
    .second .two-clm-inner {display: block; width: 85%;}
   .second .two-clm-inner .left{width: 100%;text-align: center;}
   .second .two-clm-inner .left img{width: 80%!important}
   .second .two-clm-inner .right{width: 100%;margin-top: 5%;}
   .second p {width: initial;font-size: 2rem;padding-bottom: initial; padding-left: initial;padding-right: initial;width: 80%;padding: 1rem;}


.fifth h2 {font-size: 2em;}
   .fifth p{font-weight: bold;}
   .fifth .three-clm-inner {display: block;}
   .fifth .three-clm-inner .item {width: 90%;padding: 1em;margin-bottom: 2em;}
   .fifth .three-clm-inner .item .sub-title {font-size: .9em;}
   .fifth .three-clm-inner .item {font-size: 1em;margin: 5% auto;}
   .fifth .three-clm-inner .item img{width: 60%;}
   .sixth .inner {width: 90%;}
   .sixth hr{display: none;}
   .sixth img{margin-bottom: 2em;}
   .sixth .inner h2 {font-size: 1.5em;}
   .eighth .inner h2 {font-size: 2em;}
   .eighth .three-clm-inner {display: block;}
   .eighth .three-clm-inner .item {width: 100%;}
   .eighth .three-clm-inner .item {margin-right: 0px; margin-left: 0px;}
   .tenth h2 {font-size: 2em;}
   .tenth .inner {width: 90%;}
   .eleventh h2 {font-size: 1.2em;}
   footer{font-size: 1em;}
   .inner{width: 90%; margin:0 auto;}
   .campaign{
  padding: 5%;
    padding-top: 20%;
    padding-bottom: 20%;
}
.campaign img{
  width: 100%;
}
.voice {
        width: 90%!important;
        padding: 5%!important;
        margin: 5% auto!important;
        background: white!important;
    }
@media screen and (max-width:1081px) {
   .pcnone{display: block;}
   .spnone{display: none;}
   header {
    display: initial;
    line-height: 0px;
    }
    header h1{
    margin: 5% auto;
    }
   header {top: initial;left: initial;text-align: center;position: initial;}
   header img{width: 50%;}
   
   /*
   .fifth h2 {font-size: 2em;}
   .fifth p{font-weight: bold;}
   .fifth .three-clm-inner {display: block;}
   .fifth .three-clm-inner .item {width: 90%;padding: 1em;margin-bottom: 2em;}
   .fifth .three-clm-inner .item .sub-title {font-size: .9em;}
   .fifth .three-clm-inner .item {font-size: 1em;margin: 5% auto;}
   .fifth .three-clm-inner .item img{width: 60%;}
   .sixth .inner {width: 90%;}
   .sixth hr{display: none;}
   .sixth img{margin-bottom: 2em;}
   .sixth .inner h2 {font-size: 1.5em;}
   .eighth .inner h2 {font-size: 2em;}
   .eighth .three-clm-inner {display: block;}
   .eighth .three-clm-inner .item {width: 100%;}
   .eighth .three-clm-inner .item {margin-right: 0px; margin-left: 0px;}
   .tenth h2 {font-size: 2em;}
   .tenth .inner {width: 90%;}
   .eleventh h2 {font-size: 1.2em;}
   footer{font-size: 1em;}
   .inner{width: 90%; margin:0 auto;}
   .campaign{
  padding: 5%;
    padding-top: 20%;
    padding-bottom: 20%;
}
.campaign img{
  width: 100%;
}*/

}

.fadeIn {
  opacity: 0;
  transition: 2s;
}
.fadeIn.is-show {
  opacity: 1;
}