/* 基本設定 */
html {
  overflow: auto;
  scroll-behavior: smooth;
  font-size: 18px;
  line-height: 1.7;
  letter-spacing: 0.03;
  font-family: "Helvetica", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-weight: normal;
  color: #5B5B5B;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  overflow: hidden;
}

img {
  /*max-width: 100%;*/
  height: auto;
}

li {
  list-style: none;
}

p {
  margin: 0 auto;
  text-align: left;
}

a {
  text-decoration: none;
}

.left {
  float: left;
}

.right {
  float: right;
}

.clearfix:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
}

.br_pc {
  display: none;
}

.br_sp {
  display: block;
}

.pc {
  display: none !important;
}

.sp {
  display: block !important;
}

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

  /* ブラウザ幅に応じて画像を切り替える */
  .pc {
    display: block !important;
  }

  .sp {
    display: none !important;
  }

  .pc_fl {
    float: left;
    width: 45%;
  }

  .pc_fr {
    float: right;
    width: 45%;
  }

  .br_pc {
    display: block;
  }

  .br_sp {
    display: none;
  }
}

/* 共通ヘッダー・フッター */
/*header {
  height: 60px;
  background-color: #fff;
  position: relative;
  z-index: 5;
}

header .logo_area {
  width: 293px;
  margin: 0 auto;
  padding: 10px 0;
  background-color: #fff:
}*/

footer {
  background-color: #00AFC9;
  padding: 20px;
  text-align: center;
}

footer small {
  font-size: 14px;
  color: #fff;
}

main {
  text-align: center;
  min-height: auto;
  background-image: url(../img/snowbg.png);
  background-position: bottom;
  background-repeat: repeat-x;
  padding-bottom: 60px !important;
  position: relative;
}

#snowman {
  width: 80px;
  height: 100px;
  background-size: 100%;
  background-image: url(../img/snowman.png);
  position: absolute;
  bottom: 10px;
}


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


#questionnaire_area {
  background-color: #FFF;
  height: auto;
  padding: 20px 0;
  text-align: center;
  margin-bottom: 0;
}

#questionnaire_area .questionnaire_btn {
  display: block;
  width: 90%;
  max-width: 400px;
  background-color: #bbb;
  border-radius: 5px;
  margin: 0 auto;
  padding: 10px;
  line-height: 1;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

#questionnaire_area .questionnaire_btn img {
  max-width: 280px;
}

#questionnaire_area .questionnaire_btn:hover {
  background-color: #999;
  border-radius: 0px;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

#questionnaire_area .sns_area {
  width: 90%;
  max-width: 320px;
  margin: 20px auto 0;
}

#questionnaire_area .sns_area div {
  display: inline-block;
  font-weight: bold;
  line-height: 1.4em;
  margin-right: 5px;
  position: relative;
  top: -6px;
}

#questionnaire_area .sns_area ul {
  display: inline-block;
}

#questionnaire_area .sns_area ul li {
  display: inline-block;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 5px;
  margin: 0px 3px 0 0 !important;
}

#questionnaire_area .sns_area ul li:first-child {
  background-color: #0075FB;
}

#questionnaire_area .sns_area ul li:nth-child(2) {
  background-color: #00AAEC;
}

#questionnaire_area .sns_area ul li:nth-child(3) {
  background-color: #00B900;
}

#questionnaire_area .sns_area ul li a {
  display: block;
  width: 100%;
  height: 100%;
  transition: 0.1s;
}

#questionnaire_area .sns_area ul li a img {
  width: 60%;
  height: 60%;
  margin: 20% auto;
  transition: 0.1s;
}

#questionnaire_area .sns_area ul li a:hover img {
  width: 55%;
  height: 55%;
  margin: 23% auto;
  opacity: 0.5;
  transition: 0.3s;
}

@media only screen and (min-width: 950px) {
  #questionnaire_area .clearfix {
    width: 750px;
    margin: 0 auto;
  }

  #questionnaire_area a {
    float: left;
  }

  #questionnaire_area .sns_area {
    
    
  }

  #questionnaire_area.no_qu .sns_area {
    float: none;
    margin: 0 auto -10px;
  }
}



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

.fadeInDown {
  -webkit-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  -ms-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}



/*冬ソナ*/
body{background: #E7EDED;font-feature-settings: "halt" 1;}
img{vertical-align: bottom;}
.mincho{}


@media only screen and (min-width: 951px) {
  .w750{width: 750px;margin: auto;position: relative;}
  .w1098{width: 1098px;margin: auto;position: relative;}

  header{height: 64px;background-color: #fff;position: relative;z-index: 5;position: relative;top: 0;left: 0;width: 100%;z-index: 9999;}
  header .logo_area {padding: 12px 0;text-align: center;line-height: 1em;}
  header .btn{position: absolute;top: 0;right: 0;font-size: 0;}
  header .btn p.home{position: absolute;top: 0;right: 64px;
    background: url(../img/home_on.png)no-repeat center;-webkit-background-size: contain;background-size: contain;}
  header .btn p img{transition: 0.3s;}
  header .btn p a:hover img{opacity: 0;}
  .menuBox{position: fixed;top: 0;left: 0;/*background: rgba(255,255,255,0.9);*/background: rgb(1 136 156 / 50%);height: 100vh;width: 100%;z-index: 9998;display: none;}
  .menuBox .inner{display: inline-block;position: absolute;top: 50%;left: 50%;
    transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);}
  .menuBox .inner p{margin: 10px 0;position: relative;}
  .menuBox a{text-decoration: none;/*color: #00AFC9;*/color: #00AFC9;font-size: 24px;font-weight: 600;transition: 0.3s;display: block;line-height: 60px;
    padding: 0 56px 0 64px;background: url(../img/ico_arrow@2x.png)no-repeat right 18px center #fff;background-size: 9px auto;border-radius: 2px;}
  .menuBox a:hover{/*color: #111;*/background-position: center right 13px;}
  .menuBox .inner p a:before{content: "";width: 42px;height: 100%;position: absolute;top: 0;left: 10px;border-radius: 2px;}
  .menuBox .inner p:nth-of-type(1) a:before{background: url(../img/m_ico1@2x.png)no-repeat center;background-size: 42px auto;}
  .menuBox .inner p:nth-of-type(2) a:before{background: url(../img/m_ico2@2x.png)no-repeat center;background-size: 42px auto;}
  .menuBox .inner p:nth-of-type(3) a:before{background: url(../img/m_ico3@2x.png)no-repeat center;background-size: 42px auto;}
  .menuBox .inner p:nth-of-type(4) a:before{background: url(../img/m_ico4@2x.png)no-repeat center;background-size: 42px auto;}
  .menuBox .inner p:nth-of-type(5) a:before{background: url(../img/m_ico5@2x.png)no-repeat center;background-size: 42px auto;}
  .menuBox .inner p:nth-of-type(6) a:before{background: url(../img/m_ico6@2x.png)no-repeat center;background-size: 42px auto;}

  header .btn .menu:hover{background: #fff;cursor: pointer;}
  header .btn .menu:hover span{background: #00AFC9;}
  header .btn .menu,
  header .btn .menu span {display: inline-block;transition: all .4s;box-sizing: border-box;}
  header .btn .menu {position: relative;width: 64px;height: 64px;background: #00AFC9;border: 2px solid #00AFC9;}
  header .btn .menu span {position: absolute;left: 50%;margin-left: -8px;width: 16px;height: 2px;background-color: #fff;border-radius: 4px;}
  header .btn .menu span:nth-of-type(1) {top: 23px;}
  header .btn .menu span:nth-of-type(2) {top: 29px;}
  header .btn .menu span:nth-of-type(3) {bottom: 23px;}
  header .btn .menu.close span:nth-of-type(1) {-webkit-transform: translateY(6px) rotate(-45deg);transform: translateY(6px) rotate(-45deg);}
  header .btn .menu.close span:nth-of-type(2) {opacity: 0;}
  header .btn .menu.close span:nth-of-type(3) {-webkit-transform: translateY(-6px) rotate(45deg);transform: translateY(-6px) rotate(45deg);}

  .pc-none{display: none;}
  main{/*width: 750px;*/margin: auto;}
  #top #main{/*margin-bottom: 40px;*/position: relative;width: 700px;margin: 0 auto 40px;}
  #top #main:before{content: "";width: 50px;height: 100%;position: absolute;top: 0;left: 0;background: rgb(231,237,237);
    background: linear-gradient(90deg, rgba(231,237,237,1) 0%, rgba(231,237,237,1) 1%, rgba(231,237,237,0) 100%);}
  #top #main:after{content: "";width: 50px;height: 100%;position: absolute;top: 0;right: 0;background: rgb(231,237,237);
    background: linear-gradient(270deg, rgba(231,237,237,1) 0%, rgba(231,237,237,1) 1%, rgba(231,237,237,0) 100%);}
  #top .intro{width: 400px;margin: 0 auto 40px;}
  #top .intro p{color: #31546C;font-size: 18px;line-height: 2.6em;text-align: center;
    background: url(../img/top/line@2x.png)repeat-x center bottom;background-size: auto 2px;}
  #top .intro p.red{color: #FA6363;font-weight: bold;
    background: url(../img/top/line2@2x.png)repeat-x center bottom;background-size: auto 2px;}
  #top .ttl{text-align: center;margin-bottom: 24px;}
  #top .ttl2{text-align: center;margin-bottom: 10px;background: #FA6363;border-top-right-radius: 8px;border-top-left-radius: 8px;}
  .contBtn .ttl{text-align: center;margin-bottom: 24px;}
  .contBtn .ttl2{text-align: center;margin-bottom: 10px;background: #FA6363;border-top-right-radius: 8px;border-top-left-radius: 8px;}
  .contBtn{width: 626px;margin: auto;padding-bottom: 62px;}
  .contBtn ul{font-size: 0;}
  .contBtn ul li{display: inline-block;width: 308px;margin-bottom: 10px;}
  .contBtn ul li:nth-of-type(2n-1){margin-right: 10px;}

  a img{transition: 0.3s;}
  a:hover img{opacity: 0.8;}

  /*#cont{background: url(../img/bg@2x.png)repeat top left #E7EDED;background-size: 280px;}*/
  #cont #main{margin-bottom: 27px;text-align: center;background: #f5fdff;/*background-size: 280px;background: url(../img/bg@2x.png)repeat top left #D8ECF0;*/}
  #cont .cont1{text-align: center;}
  #cont .cont1 dl{border: 1px solid #598CB1;text-align: center;width: 500px;margin: 0 auto 25px;font-size: 0;}
  #cont .cont1 dl dt{display: inline-block;vertical-align: middle;width: 198px;border-right: 1px solid #598CB1;line-height: 70px;}
  #cont .cont1 dl dd{display: inline-block;vertical-align: middle;font-size: 20px;font-weight: bold;color: #4875AA;line-height: 70px;width: 300px;}
  #cont .cont1 ul{display: inline-block;padding-bottom: 30px;margin-bottom: 24px;
    background: url(../img/cont/arrow@2x.png)no-repeat center bottom;background-size: 24px auto;}
  #cont .cont1 ul li{text-align: left;color: #40799D;font-weight: bold;padding-left: 32px;margin-bottom: 8px;
    background: url(../img/cont/ico@2x.png)no-repeat center left;background-size: 24px auto;}

  #cont .cont2{text-align: center;padding-bottom: 64px;}
  #cont .cont2 h6{display: inline-block;background: #FA6363;padding: 12px 32px;border-radius: 50px;font-size: 20px;font-weight: bold;
    color: #fff;position: relative;margin-bottom: 24px;}
  #cont .cont2 h6:before{content: "";position: absolute;bottom: -10px;right: 50%;margin-right: -5px;
    width: 0;height: 0;border-style: solid;border-width: 10px 5.5px 0 5.5px;border-color: #fa6363 transparent transparent transparent;}
  #cont .cont2 h5{color: #FA6363;font-weight: bold;margin-bottom: 20px;font-size: 20px;}
  #cont .cont2 .inner{background: #fff;border-radius: 16px;padding: 32px 32px 48px;}
  #cont .cont2 .inner h2{font-size: 35px;font-weight: bold;color: #FA6363;position: relative;z-index: 10;margin-bottom: 24px;}
  #cont .cont2 .inner h2 span.small{font-size: 28px;}
  #cont .cont2 .inner h2 span.line{position: relative;}
  #cont .cont2 .inner h2 span.line:before{content: "";width: 106%;position: absolute;bottom: 0;left: -3%;background: #F2D8D8;height: 50%;z-index: -1;}
  #cont .cont2 .inner .img{text-align: center;margin-bottom: 10px;}
  #cont .cont2 .inner .txt{width: 80%;margin: auto;text-align: left;line-height: 2em;color: #676767;}
  #cont .cont2 .inner .howto{width: 80%;margin: 24px auto 64px;}
  #cont .cont2 .inner .howto p{color: #B23131;}
  #cont .cont2 .inner .howto h3{position: relative;display: block;margin-bottom: 14px;}
  #cont .cont2 .inner .howto h3:before{content: "";width: 100%;height: 1px;background: #DD8181;position: absolute;top: 50%;left: 0;}
  #cont .cont2 .inner .howto h3 span{display: inline-block;background: #fff;border: 1px solid #DD8181;position: relative;z-index: 10;line-height: 34px;width: 100px;
    color: #893535;font-size: 18px;font-weight: normal;}
  #cont .cont2 .ttlBox{text-align: center;display: inline-block;padding-left: 80px;position: relative;margin-bottom: 26px;}
  #cont .cont2 .ttlBox .ttlInner{display: inline-block;width: 290px;padding-left: 20px;position: relative;border-bottom: 1px solid #DD8181;}
  /*#cont .cont2 .ttlBox.ttl2{margin-bottom: 32px;}*/
  #cont .cont2 .ttlBox.ttl2 .ttlInner{margin-top: 20px;}
  /*#cont .cont2 .ttlBox .ttlInner:before{content: "";width: 100%;height: 1px;background: #DD8181;position: absolute;left: 0;bottom: 34px;}*/
  #cont .cont2 .ttlBox .ttlInner p.en{font-size: 16px !important;margin-top: 10px;}
  #cont .cont2 .ttlBox .ttlInner h3{color: #FA2323;font-size: 35px;}
  #cont.cont4 .cont2 .ttlBox .ttlInner h3{font-size: 28px;/*margin-bottom: 24px;*/line-height: 56px;}
  #cont .cont2 .ttlBox.ttl1:before{content: "";width: 110px;height: 110px;background: url(../img/cont/ico_no1@2x.png)no-repeat center;background-size: contain;
    position: absolute;top: 0;left: 0;}
  #cont .cont2 .ttlBox.ttl1 .ttlInner p{text-align: center;color: #FA6363;font-weight: bold;font-size: 24px;line-height: 1em;}
  #cont .cont2 .ttlBox.ttl2{margin-bottom: 48px;}
  /*#cont.cont4 .cont2 .ttlBox.ttl2 .ttlInner{margin-top: 34px;padding-bottom: 16px;}*/
  #cont .cont2 .ttlBox.ttl2:before{content: "";width: 110px;height: 110px;background: url(../img/cont/ico_no2@2x.png)no-repeat center;background-size: contain;
    position: absolute;top: 0;left: 0;}
  #cont .cont2 .ttlBox.ttl2 .ttlInner:before{bottom: 36px;}
  #cont .cont2 .ttlBox.ttl2 .ttlInner p{text-align: center;color: #FA6363;font-weight: bold;font-size: 20px;line-height: 1.5em;}
  #cont .cont2 .ttlBox.ttl2 .ttlInner p span{font-size: 26px;}
  #cont .cont2 .ttlBox.ttl2 .ttlInner p.en{margin-top: 20px;}
  #cont .cont2 .shindan{width: 80%;margin: 50px auto 0;}
  #cont .cont2 .shindan .ttl{text-align: center;margin-bottom: 24px;}
  #cont .cont2 .shindan p{text-align: center;font-weight: bold;font-size: 20px;}
  #cont .cont2 .shindan p.txt1{color: #5A5A5A;margin-bottom: 20px;}
  #cont .cont2 .shindan p.txt2{color: #D58787;margin-bottom: 20px;}

  #cont .bgRed{background: #FF9379;padding: 64px 0;position: relative;}
  #cont .bgRed .innerBox{width: 638px;margin: auto;}
  #cont .bgRed .innerBox .ttl{margin-bottom: 20px;}
  #cont .bgRed .innerBox .box{padding-top: 1px;/*border-top: 1px solid #fff;*/}
  #cont .bgRed .innerBox .box .img{margin-bottom: 1px;}
  #cont .bgRed .innerBox .box .txtBox{background: #E8D0D0;border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;padding: 32px 64px 48px;}
  #cont .bgRed .innerBox .box .txtBox p{color: #5D1111;font-size: 20px;}
  #cont .bgRed .innerBox .box .txtBox .txtImg{margin-top: 32px;}
  #cont .bgRed .yomeishu .img{margin-bottom: 24px;}
  #cont .bgRed .yomeishu p{color: #fff;font-size: 16px;}
  #cont .bgRed .yomeishu p span{font-weight: bold;}
  #cont .bgRed #bnr{position: absolute;top: 0;right: 0;writing-mode: vertical-rl;}
  #cont .bgRed #bnr a{}

  #cont .other{background: #E7EDED;text-align: center;padding: 64px 0;}
  #cont .other p{display: inline-block;}
  #cont .other h6{color: #FA6363;margin-bottom: 32px;display: inline-block;position: relative;font-size: 32px;line-height: 1.4em;z-index: 10;}
  #cont .other h6:before{content: "";width: 104%;position: absolute;bottom: 0;left: -2%;background: #F2D8D8;height: 45%;z-index: -1;}

  #cont span.name{margin-bottom: 8px;display: inline-block;}
  #cont span.daini{border: solid 1px #fff; padding: 0 8px;display: inline-block;font-size: 14px;line-height: 30px;margin-left: 8px;}


  #shindan #main{margin-bottom: 27px;text-align: center;background: #ECF7F8;}
  #shindan .lead{text-align: center;color: #31546C;margin-bottom: 32px;font-weight: bold;line-height: 2em;}
  #shindan main{padding-bottom: 40px;}
  #shindan .hidden{display: none;}
  #shindan .q .q_wrapper{border: 1px solid #3659B9;background: #fff;font-size: 0;position: relative;margin-bottom: 16px;}
  #shindan .q .q_wrapper:before{content: "";width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 10;display: none;}
  #shindan .q .q_wrapper.not:before{display: block !important;}
  #shindan .q .q_wrapper .ttl{display: inline-block;border-right: 1px solid #3659B9;width: 88px;vertical-align: middle;background: #BCE7F2;}
  #shindan .q .q_wrapper .cont{display: inline-block;width: 660px;vertical-align: middle;box-sizing: border-box;padding: 20px 32px;}
  #shindan .q .q_wrapper .cont p{font-size: 20px;color: #1D5A71;font-weight: 600;margin-bottom: 18px;}
  #shindan .q .q_wrapper .cont ul{text-align: left;}
  #shindan .q .q_wrapper .cont li{font-size: 22px;color: #fff;font-weight: 600;line-height: 65px;/*border: 1px solid #00AFC9;*//*cbc0c0*/display: inline-block;
    padding: 0 32px;min-width: 200px;box-sizing: border-box;text-align: center;margin-right: 10px;transition: 0.3s;position: relative;background: #66b8c3;}
  /*#shindan .q .q_wrapper .cont li:nth-of-type(1){background: #FFF2F2;}
  #shindan .q .q_wrapper .cont li:nth-of-type(2){background: #F8F5DA;}*/
  #shindan .q .q_wrapper .cont li:hover{opacity: 0.8;cursor: pointer;}
  /*#shindan .q .q_wrapper .cont li.active:before{content: "";width: 100%;height: 100%;border: 2px solid #CBC0C0;box-sizing: border-box;position: absolute;top: 0;left: 0;}*/
  #shindan .q .q_wrapper .cont li.active{background: #e24b7f;}

  #shindan .result_wrapper{background: #fff;border-radius: 16px;padding: 64px;margin-bottom: 64px;}
  #shindan .result_wrapper h6{color: #FA6363;font-size: 35px;font-weight: bold;position: relative;z-index: 10;display: inline-block;line-height: 1.2em;margin-bottom: 18px;}
  #shindan .result_wrapper h6:before{content: "";width: 110%;position: absolute;bottom: 0;left: -5%;background: #F2D8D8;height: 50%;z-index: -1;}
  #shindan .result_wrapper .img{text-align: center;margin-bottom: 21px;}
  #shindan .result_wrapper h4{color: #FA6363;font-size: 30px;font-weight: bold;margin-bottom: 28px;}
  #shindan .result_wrapper p{line-height: 2em;color: #676767;}

  #shindan .contBtn{padding-bottom: 0;}

  #snowman{right: 50%;margin-right: -345px;}
}
@media only screen and (max-width: 950px) {
  header{height: 48px;background-color: #fff;position: relative;top: 0;left: 0;width: 100%;z-index: 9999;padding-top: 10px;box-sizing: border-box;
    -webkit-transform: translate3d(0, 0, 2px);
       -moz-transform: translate3d(0, 0, 2px);
        -ms-transform: translate3d(0, 0, 2px);
         -o-transform: translate3d(0, 0, 2px);
            transform: translate3d(0, 0, 2px);}
  header .logo_area{width: 55%;padding-left: 5%;line-height: 0;}
  header .logo_area img{height: 28px;width: auto;}
  header .btn{position: absolute;top: 0;right: 0;font-size: 0;}
  header .btn p.home{position: absolute;top: 0;right: 48px;z-index: 9998;width: 48px;height: 48px;}
  header .btn p img{transition: 0.3s;}
  .menuBox{position: fixed;top: 0;left: 0;/*background: rgba(255,255,255,0.8);*/background: rgb(1 136 156 / 50%);height: 100vh;width: 100%;z-index: 999;display: none;
      -webkit-transform: translate3d(0, 0, 2px);
         -moz-transform: translate3d(0, 0, 2px);
          -ms-transform: translate3d(0, 0, 2px);
           -o-transform: translate3d(0, 0, 2px);
              transform: translate3d(0, 0, 2px);}
  .menuBox .inner{display: inline-block;position: absolute;top: 50%;left: 50%;
    transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);}
  .menuBox .inner p{margin: 10px 0;position: relative;}
  .menuBox a{text-decoration: none;color: #00AFC9;font-size: 18px;font-weight: 600;transition: 0.3s;white-space: nowrap;display: block;line-height: 55px;
    padding: 0 45px 0 56px;background: url(../img/ico_arrow@2x.png)no-repeat right 18px center #fff;background-size: 6px auto;border-radius: 2px;position: relative;}
  .menuBox .inner p a:before{content: "";width: 38px;height: 100%;position: absolute;top: 0;left: 10px;}
  .menuBox .inner p:nth-of-type(1) a:before{background: url(../img/m_ico1@2x.png)no-repeat center;background-size: contain;}
  .menuBox .inner p:nth-of-type(2) a:before{background: url(../img/m_ico2@2x.png)no-repeat center;background-size: contain;}
  .menuBox .inner p:nth-of-type(3) a:before{background: url(../img/m_ico3@2x.png)no-repeat center;background-size: contain;}
  .menuBox .inner p:nth-of-type(4) a:before{background: url(../img/m_ico4@2x.png)no-repeat center;background-size: contain;}
  .menuBox .inner p:nth-of-type(5) a:before{background: url(../img/m_ico5@2x.png)no-repeat center;background-size: contain;}
  .menuBox .inner p:nth-of-type(6) a:before{background: url(../img/m_ico6@2x.png)no-repeat center;background-size: contain;}

  header .btn .menu,
  header .btn .menu span{display: inline-block;transition: all .4s;box-sizing: border-box;}
  header .btn .menu{position: relative;width: 48px;height: 48px;background: #00AFC9;border: 2px solid #00AFC9;}
  header .btn .menu span{position: absolute;left: 50%;margin-left: -7px;width: 14px;height: 2px;background-color: #fff;border-radius: 4px;}
  header .btn .menu span:nth-of-type(1){top: 16px;}
  header .btn .menu span:nth-of-type(2){top: 21px;}
  header .btn .menu span:nth-of-type(3){bottom: 16px;}
  header .btn .menu.close span:nth-of-type(1){-webkit-transform: translateY(5px) rotate(-45deg);transform: translateY(5px) rotate(-45deg);}
  header .btn .menu.close span:nth-of-type(2){opacity: 0;}
  header .btn .menu.close span:nth-of-type(3){-webkit-transform: translateY(-5px) rotate(45deg);transform: translateY(-5px) rotate(45deg);}

  main{background: url(../img/snowbg_sp.png)no-repeat bottom center;
  background-size: 100% auto;}

  .sp-none{display: none;}
  img{width: 100%;height: auto;}
  #top #main{margin-bottom: 40px;}
  #top .intro{padding: 0 12%;margin-bottom: 40px;}
  #top .intro p{color: #31546C;font-size: 17px;line-height: 2.6em;text-align: center;
    background: url(../img/top/line@2x.png)repeat-x center bottom;background-size: auto 2px;}
  #top .intro p.red{color: #FA6363;font-weight: bold;
    background: url(../img/top/line2@2x.png)repeat-x center bottom;background-size: auto 2px;}
  #top .ttl{text-align: center;margin-bottom: 24px;padding: 0 8%;}
  #top .ttl2{text-align: center;margin-bottom: 5px;background: #FA6363;border-top-right-radius: 8px;border-top-left-radius: 8px;}
  .contBtn .ttl{text-align: center;margin-bottom: 24px;padding: 0 8%;}
  .contBtn .ttl2{text-align: center;margin-bottom: 5px;background: #FA6363;border-top-right-radius: 8px;border-top-left-radius: 8px;}
  .contBtn{padding: 0 8% 62px;}
  .contBtn ul{font-size: 0;}
  .contBtn ul li{/*display: inline-block;width: 49%;*/margin-bottom: 5px;}
  /*#top ul li:nth-of-type(2n-1){margin-right: 2%;}*/

  /*#cont main{background: url(../img/bg@2x.png)repeat center;background-size: 60% auto;}*/
  #cont #main{margin-bottom: 27px;}
  #cont .cont1{text-align: center;}
  #cont .cont1 dl{border: 1px solid #598CB1;text-align: center;font-size: 0;margin: 0 8% 25px;}
  #cont .cont1 dl dt{display: table-cell;vertical-align: middle;width: 30%;border-right: 1px solid #598CB1;background: #fff;}
  #cont .cont1 dl dd{display: table-cell;vertical-align: middle;font-size: 15px;font-weight: bold;color: #4875AA;width: 70%;padding: 8px 0;white-space: nowrap;}
  #cont .cont1 ul{display: inline-block;padding-bottom: 30px;margin-bottom: 24px;max-width: 86%;
    background: url(../img/cont/arrow@2x.png)no-repeat center bottom;background-size: 24px auto;}
  #cont .cont1 ul li{text-align: left;color: #40799D;font-weight: bold;padding-left: 32px;margin-bottom: 8px;font-size: 14px;
    background: url(../img/cont/ico@2x.png)no-repeat top left;background-size: 24px auto;}

  #cont .cont2{text-align: center;padding: 0 8% 64px;}
  #cont .cont2 h6{display: inline-block;background: #FA6363;padding: 12px;border-radius: 50px;font-size: 16px;font-weight: bold;
    color: #fff;position: relative;margin: 0 -8% 24px;white-space: nowrap;min-width: 100%;letter-spacing: -0.06em;}
  #cont.cont3 .cont2 h6{letter-spacing: -0.1em;}
  #cont .cont2 h6:before{content: "";position: absolute;bottom: -10px;right: 50%;margin-right: -5px;
    width: 0;height: 0;border-style: solid;border-width: 10px 5.5px 0 5.5px;border-color: #fa6363 transparent transparent transparent;}
  #cont .cont2 h5{color: #FA6363;font-weight: bold;margin-bottom: 20px;font-size: 17px;letter-spacing: -0.06em;}
  #cont .cont2 .inner{background: #fff;border-radius: 16px;padding: 8%;}
  #cont .cont2 .inner h2{font-size: 22px;font-weight: bold;color: #FA6363;position: relative;z-index: 10;margin-bottom: 24px;}
  #cont .cont2 .inner h2 span.small{font-size: 16px;}
  #cont .cont2 .inner h2 span.line{position: relative;}
  #cont .cont2 .inner h2 span.line:before{content: "";width: 106%;position: absolute;bottom: 0;left: -3%;background: #F2D8D8;height: 50%;z-index: -1;}
  #cont .cont2 .inner .img{text-align: center;margin-bottom: 10px;}
  #cont .cont2 .inner .txt{text-align: left;line-height: 1.7em;letter-spacing: 0.01em;color: #676767;font-size: 16px;}
  #cont .cont2 .inner .howto{margin: 24px auto 32px;}
  #cont .cont2 .inner .howto p{color: #B23131;font-size: 16px;line-height: 1.7em;letter-spacing: 0.01em;}
  #cont .cont2 .inner .howto h3{position: relative;display: block;margin-bottom: 14px;}
  #cont .cont2 .inner .howto h3:before{content: "";width: 100%;height: 1px;background: #DD8181;position: absolute;top: 50%;left: 0;}
  #cont .cont2 .inner .howto h3 span{display: inline-block;background: #fff;border: 1px solid #DD8181;position: relative;z-index: 10;line-height: 28px;width: 82px;
    color: #893535;font-size: 14px;font-weight: normal;}
  #cont .cont2 .ttlBox{text-align: center;padding-left: 55px;position: relative;margin-bottom: 10px;}
  #cont .cont2 .ttlBox .ttlInner{display: inline-block;width: 100%;padding-left: 15px;position: relative;border-bottom: 1px solid #DD8181;margin-top: 5px;}
  /*#cont .cont2 .ttlBox .ttlInner:before{content: "";width: 100%;height: 1px;background: #DD8181;position: absolute;left: 0;bottom: 22px;}*/
  #cont .cont2 .ttlBox .ttlInner p.en{font-size: 11px !important;margin-top: 10px;}
  #cont .cont2 .ttlBox .ttlInner h3{color: #FA2323;font-size: 26px;}
  #cont.cont4 .cont2 .ttlBox .ttlInner h3{letter-spacing: -0.1em;white-space: nowrap;font-size: 22px;}
  #cont .cont2 .ttlBox.ttl1:before{content: "";width: 78px;height: 78px;background: url(../img/cont/ico_no1@2x.png)no-repeat center;background-size: contain;
    position: absolute;top: 0;left: 0;}
  #cont .cont2 .ttlBox.ttl1 .ttlInner p{text-align: center;color: #FA6363;font-weight: bold;font-size: 16px;line-height: 1em;}
  #cont .cont2 .ttlBox.ttl2{margin-bottom: 32px;}
  #cont .cont2 .ttlBox.ttl2 .ttlInner{margin-top: 8px;padding-bottom: 5px;}
  /*#cont.cont4 .cont2 .ttlBox.ttl2 .ttlInner{margin-top: 30px;}*/
  #cont .cont2 .ttlBox.ttl2:before{content: "";width: 78px;height: 78px;background: url(../img/cont/ico_no2@2x.png)no-repeat center;background-size: contain;
    position: absolute;top: 0;left: 0;}
  #cont .cont2 .ttlBox.ttl2 .ttlInner:before{bottom: 27px;}
  #cont .cont2 .ttlBox.ttl2 .ttlInner p{text-align: center;color: #FA6363;font-weight: bold;font-size: 14px;line-height: 1.5em;}
  #cont .cont2 .ttlBox.ttl2 .ttlInner p span{font-size: 18px;letter-spacing: 0em;}
  #cont.cont4 .cont2 .ttlBox.ttl2 .ttlInner p{font-size: 13px;}
  #cont.cont1 .cont2 .ttlBox.ttl2 .ttlInner p{letter-spacing: -0.1em;}
  #cont.cont2 .cont2 .ttlBox.ttl2 .ttlInner p span{letter-spacing: -0.05em;}
  /*#cont.cont1 .cont2 .ttlBox.ttl2 .ttlInner p br{display: none;}*/
  #cont .cont2 .ttlBox.ttl2 .ttlInner p.en{margin-top: 20px;}
  #cont .cont2 .shindan{margin: 32px auto 0;}
  #cont .cont2 .shindan .ttl{text-align: center;margin-bottom: 19px;padding: 0 10%;}
  #cont .cont2 .shindan p{text-align: center;font-weight: bold;font-size: 14px;}
  #cont .cont2 .shindan p.txt1{color: #5A5A5A;margin-bottom: 19px;}
  #cont .cont2 .shindan p.txt2{color: #D58787;margin-bottom: 12px;}

  #cont .bgRed{background: #FF9379;padding: 40px 0;position: relative;}
  #cont .bgRed .innerBox{width: 86%;margin: auto;}
  #cont .bgRed .innerBox .ttl{margin-bottom: 20px;}
  #cont .bgRed .innerBox .box{padding-top: 1px;/*border-top: 1px solid #fff;*/}
  #cont .bgRed .innerBox .box .img{margin-bottom: 1px;}
  #cont .bgRed .innerBox .box .txtBox{background: #E8D0D0;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;padding: 8%;}
  #cont .bgRed .innerBox .box .txtBox p{color: #5D1111;font-size: 14px;}
  #cont .bgRed .innerBox .box .txtBox .txtImg{margin-top: 15px;}
  #cont .bgRed .yomeishu .img{margin-bottom: 22px;}
  #cont .bgRed .yomeishu p{color: #fff;font-size: 12px;}
  #cont .bgRed .yomeishu p span{font-weight: bold;}
  #cont .bgRed #bnr{position: absolute;top: 0;right: 0;width: 50px;}



  #cont .other{background: #E7EDED;text-align: center;padding: 48px 8%;}
  #cont .other p{margin-bottom: 10px;}
  #cont .other h6{color: #FA6363;margin-bottom: 32px;display: inline-block;position: relative;font-size: 22px;line-height: 1.4em;z-index: 10;}
  #cont .other h6:before{content: "";width: 104%;position: absolute;bottom: 0;left: -2%;background: #F2D8D8;height: 45%;z-index: -1;}
  
  #cont span.name{margin-bottom: 8px;display: inline-block;}
  #cont span.daini{border: solid 1px #fff; padding: 0 8px;display: inline-block;line-height: 24px;margin-left: 8px;}



  #shindan #main{margin-bottom: 27px;}
  #shindan .lead{text-align: center;color: #31546C;margin-bottom: 32px;font-weight: bold;line-height: 2em;font-size: 16px;padding: 0 8%;}
  #shindan .lead span{white-space: nowrap;}
  #shindan main{padding: 0 0 40px;}
  #shindan .hidden{display: none;}
  #shindan .q{padding: 0 8%;}
  #shindan .q .q_wrapper{border: 1px solid #3659B9;background: #fff;font-size: 0;position: relative;margin-bottom: 16px;}
  #shindan .q .q_wrapper:before{content: "";width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 10;display: none;}
  #shindan .q .q_wrapper.not:before{display: block !important;}
  #shindan .q .q_wrapper .ttl{display: table-cell;border-right: 1px solid #3659B9;width: 15%;vertical-align: middle;background: #BCE7F2;}
  #shindan .q .q_wrapper .cont{display: table-cell;width: 85%;vertical-align: middle;box-sizing: border-box;padding: 14px 14px 10px;}
  #shindan .q .q_wrapper .cont p{font-size: 16px;color: #1D5A71;font-weight: 600;margin-bottom: 10px;}
  #shindan .q .q_wrapper .cont ul{text-align: left;}
  #shindan .q .q_wrapper .cont li{font-size: 16px;color: #fff;font-weight: 600;line-height: 39px;/*border: 1px solid #00AFC9;*//*cbc0c0*/display: inline-block;
    padding: 0 15px;min-width: 100px;box-sizing: border-box;text-align: center;margin-right: 10px;position: relative;background: #66b8c3;}
  /*#shindan .q .q_wrapper .cont li:nth-of-type(1){background: #FFF2F2;}
  #shindan .q .q_wrapper .cont li:nth-of-type(2){background: #F8F5DA;}*/
  #shindan .q .q_wrapper .cont li:last-of-type{margin-right: 0;}
  /*#shindan .q .q_wrapper .cont li.active:before{content: "";width: 100%;height: 100%;border: 2px solid #CBC0C0;box-sizing: border-box;position: absolute;top: 0;left: 0;}*/
  #shindan .q .q_wrapper .cont li.active{background: #e24b7f;}

  #shindan .result_wrapper{margin: 0 8% 48px;}
  #shindan .result_wrapper{background: #fff;border-radius: 16px;padding: 8%;}
  #shindan .result_wrapper h6{color: #FA6363;font-size: 22px;font-weight: bold;position: relative;z-index: 10;display: inline-block;line-height: 1.2em;margin-bottom: 18px;}
  #shindan .result_wrapper h6:before{content: "";width: 110%;position: absolute;bottom: 0;left: -5%;background: #F2D8D8;height: 50%;z-index: -1;}
  #shindan .result_wrapper .img{text-align: center;margin-bottom: 21px;}
  #shindan .result_wrapper h4{color: #FA6363;font-size: 18px;font-weight: bold;margin-bottom: 18px;}
  #shindan .result_wrapper p{line-height: 2em;font-size: 16px;color: #676767;}
  #shindan .contBtn{padding-bottom: 0;}
  #snowman{right: 8%;}

}
@media only screen and (max-width: 320px) {
  #cont .cont2 .ttlBox .ttlInner h3{font-size: 20px !important;}
  #cont .cont2 .shindan p.txt1 br{display: none;}
  #shindan .q .q_wrapper .cont li{font-size: 14px;min-width: 0;margin-right: 6px;}
  #cont .cont2 .ttlBox{padding-left: 46px !important;}
  #cont .cont2 .ttlBox:before{width: 68px !important;height: 68px !important;}
}

.is-fixed {position: fixed !important;}
.is-fixed.bottom {position: absolute !important;top: inherit !important;bottom: 0;}