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

/* CSS Document */

body {
  height: 100%;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-size: 18px!important;
  line-height: 2!important;
  margin: 0 auto;
  color: #222;
  font-feature-settings: "palt";
}


img {
  width: 100%;
  vertical-align: bottom;
  display: block;
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

a, a:visited {
  color: inherit;
  text-decoration: none;
}

sup{
  font-size: 70%;
  vertical-align: top;
  position: relative;
  top: -0.2em;
}

.font {
  font-size: 95%;
  line-height: 1.5em;
  display: inline-block;
}

.kome,.kome2 {
  font-size: 60%;
  line-height: 1.5em;
  display: inline-block;
}
.kome2 {
  margin-top: 10px;
}

.btn a img {
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
}

.btn a:hover img {
  filter: alpha(opacity=70);
  opacity: .7;
}

.border_bb {
  border-bottom: 3px solid #c7e9ff;
}

.mark_b {
  font-weight: 600!important;
}

.br_640 {
  display: none;
}

b {
  font-weight: normal!important;
}

.mgt06 {
  margin-top: 6px !important;
}

.mgt10 {
  margin-top: 10px !important;
}

.mgt20 {
  margin-top: 20px !important;
}

.mgt30 {
  margin-top: 30px !important;
}

.mgt40 {
  margin-top: 40px !important;
}

.mgt50 {
  margin-top: 50px !important;
}

.mgt60 {
  margin-top: 60px !important;
}

.mgt70 {
  margin-top: 70px !important;
}

.mgt80 {
  margin-top: 80px !important;
}

.mgt90 {
  margin-top: 90px !important;
}

.mgt100 {
  margin-top: 100px !important;
}

.mgt120 {
  margin-top: 120px !important;
}

.mgt140 {
  margin-top: 140px !important;
}

.pdt80 {
  padding-top: 80px !important;
}

.pdt50 {
  padding-top: 50px !important;
}

.pdt20 {
  padding-top: 20px !important;
}

.pdt30 {
  padding-top: 30px !important;
}

.pdt40 {
  padding-top: 40px !important;
}

.pdb30 {
  padding-bottom: 30px !important;
}

.fon40 {
  font-size: 40%!important;
}

.fon50 {
  font-size: 50%!important;
}

.fon60 {
  font-size: 60%!important;
}

.fon70 {
  font-size: 70%!important;
}

.fon80 {
  font-size: 80%!important;
}

.fon90 {
  font-size: 90%!important;
}

.fon110 {
  font-size: 110%!important;
}

.fon120 {
  font-size: 120%!important;
}

.fon130 {
  font-size: 130%!important;
}

.fon140 {
  font-size: 140%!important;
}

.fon150 {
  font-size: 150%!important;
}

.fon160 {
  font-size: 160%!important;
}

.fon170 {
  font-size: 170%!important;
}

.fon180 {
  font-size: 180%!important;
}

.fon180_2 {
  font-size: 180%!important;
}

.fon200 {
  font-size: 200%!important;
}

.fon210 {
  font-size: 210%!important;
}

.fon220 {
  font-size: 220%!important;
}

.fon240 {
  font-size: 240%!important;
}

.fonB {
  font-weight: bold!important;
}

.lh1_5 {
  line-height: 1.5!important;
}

.lh1_6 {
  line-height: 1.6!important;
}

.lh1_7 {
  line-height: 1.7!important;
}

.lh1_8 {
  line-height: 1.8!important;
}

.lh1_9 {
  line-height: 1.9!important;
}

.lh2 {
  line-height: 2!important;
}

.lh_er {
  line-height: 1.5!important;
}

.ls003 {
  letter-spacing: 0.03em!important;
}

.ls-003 {
  letter-spacing: -0.03em!important;
}

.ls-004 {
  letter-spacing: -0.04em!important;
}

.ls-005 {
  letter-spacing: -0.05em!important;
}

.ls-007 {
  letter-spacing: -0.07em!important;
}

.ls-008 {
  letter-spacing: -0.08em!important;
}

.ls-012 {
  letter-spacing: -0.12em!important;
}

.ta_r {
  text-align: right!important;
}

.ta_l {
  text-align: left!important;
}

.ta_c {
  text-align: center!important;
}

.tin {
  display: inline-block!important;
}

.tin_l {
  display: inline-block!important;
  margin-left: -10px!important;
}

.txt_in {
  text-indent: -2px!important;
}

.mgrl {
  margin-right: 0!important;
  margin-left: 0!important;
}

.fon_irr_60 {
  font-size: 60%;
}

.yubi {
  cursor : pointer;
}

.tab_none {
  display:none;
}




/* safari */

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  _::-webkit-full-page-media, _:future, :root .fon_irr_60 {
    font-size: 70%;
  }
}


/* Firefox */

@-moz-document url-prefix() {
  .fon_irr_60 {
    font-size: 70%;
  }
}


/******************header******************/

header {
  width: 100%;
  max-width: 750px;
  margin: 0 auto;
  text-align: center;
}

header img {}

h1 {
  position: relative;
  max-width: 750px;
  margin: 0 auto;
  padding: 0;
}

h2{
    background-color: #f0f0f0;
}


/******************maintitle******************/

.wrap {
  margin: 0 auto;
  padding: 0;
  max-width: 750px;
}

main {
  margin: 0 auto;
  padding: 0;
  max-width: 750px;
  background: #fff;
}

.bg {
  background: #DFF1F2;
  height: 100vh;
}


.aco1 dl,.aco2 dl,.aco3 dl,.aco4 dl,.aco5 dl {
	margin: 0 auto;
	padding: 0;
}
.aco1 dt,.aco2 dt,.aco3 dt,.aco4 dt,.aco5 dt {
	cursor: pointer;
}
.aco1 dd,.aco2 dd,.aco3 dd,.aco4 dd,.aco5 dd {
	display: none;
}

.none {
	display: none;
}

.Qbtn {
	display: flex;
	justify-content: center;
}
.Qbtn div {
	width: 50%;
}
.q1_01,.q1_02,.q1_03,.q1_04,.q1_05,.q1_06,
.q2_01,.q2_02,
.q3_01,.q3_02,
.q4_01_m,.q4_02_m,.q4_01_k,.q4_02_k,
.q5_01,.q5_02,
.q1_01.pushed,.q1_02.pushed,.q1_03.pushed,
.q1_04.pushed,.q1_05.pushed,.q1_06.pushed,
.q2_01.pushed,.q2_02.pushed,
.q3_01.pushed,.q3_02.pushed,
.q4_01_m.pushed,.q4_02_m.pushed,.q4_01_k.pushed,.q4_02_k.pushed,
.q5_01.pushed,.q5_02.pushed {
	cursor: pointer;
}

.q1_01{
	background: url('../stc_images/q1_20.jpg') no-repeat top center;
	padding-bottom:20%;
}
.q1_01.pushed {
	background: url('../stc_images/q1_20_on.jpg')no-repeat top center;
 }
.q1_02 {
	background: url('../stc_images/q1_30.jpg')no-repeat top center;
	padding-bottom:20%;
 }
.q1_02.pushed {
	background: url('../stc_images/q1_30_on.jpg')no-repeat top center;
}
.q1_03 {
	background: url('../stc_images/q1_40.jpg')no-repeat top center;
	padding-bottom:20%;
 }
.q1_03.pushed {
	background: url('../stc_images/q1_40_on.jpg')no-repeat top center;
}
.q1_04 {
	background: url('../stc_images/q1_50.jpg')no-repeat top center;
	padding-bottom:20%;
 }
.q1_04.pushed {
	background: url('../stc_images/q1_50_on.jpg')no-repeat top center;
}
.q1_05 {
	background: url('../stc_images/q1_60.jpg')no-repeat top center;
	padding-bottom:30%;
 }
.q1_05.pushed {
	background: url('../stc_images/q1_60_on.jpg')no-repeat top center;
}
.q1_06 {
	background: url('../stc_images/q1_70.jpg')no-repeat top center;
	padding-bottom:30%;
 }
.q1_06.pushed {
	background: url('../stc_images/q1_70_on.jpg')no-repeat top center;
}

.q2_01{
	background: url('../stc_images/yes.jpg') no-repeat top center;
	padding-bottom:30%;
}
.q2_01.pushed {
	background: url('../stc_images/yes_on.jpg')no-repeat top center;
 }
.q2_02 {
	background: url('../stc_images/no.jpg')no-repeat top center;
	padding-bottom:30%;
 }
.q2_02.pushed {
	background: url('../stc_images/no_on.jpg')no-repeat top center;
}

.q3_01{
	background: url('../stc_images/q3_mitame.jpg') no-repeat top center;
	padding-bottom:65%;
}
.q3_01.pushed {
	background: url('../stc_images/q3_mitame_on.jpg')no-repeat top center;
 }
.q3_02 {
	background: url('../stc_images/q3_kenkou.jpg')no-repeat top center;
	padding-bottom:65%;
 }
.q3_02.pushed {
	background: url('../stc_images/q3_kenkou_on.jpg')no-repeat top center;
}

.q4_01_m{
	background: url('../stc_images/yes.jpg') no-repeat top center;
	padding-bottom:30%;
}
.q4_01_m.pushed {
	background: url('../stc_images/yes_on.jpg')no-repeat top center;
 }
.q4_02_m {
	background: url('../stc_images/no.jpg')no-repeat top center;
	padding-bottom:30%;
 }
.q4_02_m.pushed {
	background: url('../stc_images/no_on.jpg')no-repeat top center;
}
.q4_01_k{
	background: url('../stc_images/yes.jpg') no-repeat top center;
	padding-bottom:30%;
}
.q4_01_k.pushed {
	background: url('../stc_images/yes_on.jpg')no-repeat top center;
 }
.q4_02_k {
	background: url('../stc_images/no.jpg')no-repeat top center;
	padding-bottom:30%;
 }
.q4_02_k.pushed {
	background: url('../stc_images/no_on.jpg')no-repeat top center;
}

.q5_01{
	background: url('../stc_images/yes.jpg') no-repeat top center;
	padding-bottom:30%;
}
.q5_01.pushed {
	background: url('../stc_images/yes_on.jpg')no-repeat top center;
 }
.q5_02 {
	background: url('../stc_images/no.jpg')no-repeat top center;
	padding-bottom:30%;
 }
.q5_02.pushed {
	background: url('../stc_images/no_on.jpg')no-repeat top center;
}


.q_choice ul {
  width: 85%;
  margin-top: 15%;
}

.q_choice ul li {
  list-style-type: none;
  width: 100%;
}
.tab,.q4 .tab {
  cursor: pointer;
  padding-left: 9.5%;
  background: url("../stc_images/ico_check_off.png")no-repeat;
  background-position: left 10px;
  background-size: 45px;
  margin-bottom: 8.5%;
}

.tab.is-active,.q4 .tab.is-active {
  background: url("../stc_images/ico_check_on.png")no-repeat;
  background-position: left 10px;
  background-size: 45px;
}

.tab:last-child {
  margin-bottom: 7.5%;
}

.q1_desc,
.q2_desc,
.q3_desc,
.q4_desc,
.q5_desc,
#dtl {
  display: none;
}

.q2_a1,.q2_a2 {
	display: none;
}
.q2_a1.pushed,.q2_a2.pushed {
    display: block;
}


.q1 .tab,
.q2 .tab,
.q3 .tab,
.q4 .tab,
.q5 .tab {
  cursor: pointer;
  padding-left: 9.5%;
  background: url("../stc_images/ico_check_off.png")no-repeat;
  background-position: left 5px;
  background-size: 45px;
  margin-bottom: 12%;
}

.q1 .tab.is-active,
.q2 .tab.is-active,
.q3 .tab.is-active,
.q4 .tab.is-active,
.q5 .tab.is-active  {
  background: url("../stc_images/ico_check_on.png")no-repeat;
  background-position: left 5px;
  background-size: 45px;
}

.q1 .tab:last-child,
.q2 .tab:last-child,
.q3 .tab:last-child,
.q4 .tab:last-child,
.q5 .tab:last-child {
  margin-bottom: 12%;
}

.tab {
  font-size: 39px;
  line-height: 1.5em;
  color: #222;
  transition: 0.05s;
}

.tab.is-active {
  color: #1BACB4;
  transition: 0.05s;
}
.tab:hover {
  color: #1BACB4;
}


.btm.none {
  display: none;
}

.cv_btn {
  position: relative;
}

.cv_btn div {
  position: absolute;
  top: 0;
  left: 0;
}

.cv_btn button {
  position: absolute;
  top: 0;
  left: 0;
  background: #DFF1F2;
  border: none;
  cursor: pointer;
}

.keyframe {
  animation-name: anim_sc;
  transform: scale(0.95, 0.95);
}

@keyframes anim_sc {
  100% {
    transform: scale(1, 1);
  }
}

.animation {
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-duration: 0.8s;
}

.next, .cv {
  display: flex;
  justify-content: center;
}


/******************footer******************/

.footer {
  width: 100%;
  font-size: 15px;
  max-width: 750px;
  margin: 7px 0 0 auto;
  padding: 30px 0 20px;
  text-align: center;
  color: #444!important;
}

.footer ul {
  list-style-type: none;
}

.footer ul li:last-child {
  margin-top: 10px;
}

.footer .copyright {
  font-size: 12px;
  color: #444!important;
  text-align: center;
  letter-spacing: 0.08em;
  margin-top: 20px;
}

.footer_logo {
  clear: both;
  text-align: center;
  margin: 4% auto 5%;
  padding: 0;
  display: block;
}

.footer_logo img {
  width: 40%;
  margin: auto;
}

@media screen and (max-width:750px) {
  .q1_01,.q1_02,.q1_03,.q1_04,.q1_05,.q1_06{
    background-size: contain;
  }
  .q1_01.pushed,.q1_02.pushed,.q1_03.pushed,.q1_04.pushed,.q1_05.pushed,.q1_06.pushed {
    background-size: contain;
   }
  .q2_01,.q2_02{
    background-size: contain;
  }
  .q2_01.pushed,.q2_02.pushed {
    background-size: contain;
   }
  .q3_01,.q3_02{
    background-size: contain;
  }
  .q3_01.pushed,.q3_02.pushed {
    background-size: contain;
   }
  .q4_01_m,.q4_02_m,.q4_01_k,.q4_02_k{
    background-size: contain;
  }
  .q4_01_m.pushed,.q4_02_m.pushed,.q4_01_k.pushed,.q4_02_k.pushed {
    background-size: contain;
   }
  .q5_01,.q5_02{
    background-size: contain;
  }
  .q5_01.pushed,.q5_02.pushed {
    background-size: contain;
   }
}



@media screen and (max-width:700px) {
  .q_choice ul {
    width: 87%;
  }
  .kome2 {
    margin-top: 2.5%;
  }
  .tab,.q4 .tab {
    padding-left: 12%;
    background: url("../stc_images/ico_check_off.png")no-repeat;
    background-position: left 1vw;
    background-size: 7.5vw;
    margin-bottom: 8.5%;
  }

  .tab.is-active,.q4 .tab.is-active {
    background: url("../stc_images/ico_check_on.png")no-repeat;
    background-position: left 1vw;
    background-size: 7.5vw;
  }

  .q5 .tab:last-child {
    margin-bottom: 7.5%;
  }
  .q1 .tab,
  .q2 .tab,
  .q3 .tab,
  .q4 .tab,
  .q5 .tab {
    cursor: pointer;
    padding-left: 12%;
    background: url("../stc_images/ico_check_off.png")no-repeat;
    background-position: left 0.3vw;
    background-size: 7.5vw;
    margin-bottom: 12%;
  }

  .q1 .tab.is-active,
  .q2 .tab.is-active,
  .q3 .tab.is-active,
  .q4 .tab.is-active,
  .q5 .tab.is-active {
    background: url("../stc_images/ico_check_on.png")no-repeat;
    background-position: left 0.3vw;
    background-size: 7.5vw;
  }

  .tab {
    font-size: 5.5vw;
  }
  .tab:hover {
    color: #222;
  }
}
/*700end*/

.seibun_wrap{
    margin: auto;
    margin-top: 0;
    width: 90%;
}

#dtl {
    background: #fff;
    width: 100%;
}

#dtl h2 {
    text-align: center;
    font-size: 4vw;
}

#dtl ul {
    font-size: 2.7vw;
}

#dtl ul li {
    list-style: none;
    line-height: 1.44;
}

#dtl ul li:nth-child(6) {
    margin-top: 3%;
    padding-left: 2.3%;
    text-indent: -3.3%;
}

#dtl ul li:nth-child(7),
#dtl ul li:nth-child(8),
#dtl ul li:nth-child(9),
#dtl ul li:nth-child(10) {
    padding-left: 2.3%;
    text-indent: -3.3%;
}

.fst_01 {
    margin-top: 5%;
}

.fst {
    margin-top: 2%;
}

.fst_02 {
    margin-top: 3%;
}


.fst_02:first-letter {
    font-size: 2.5vw;
}

.fst span {
    font-style: italic;
}

.fst_03 {
    margin-top: 2%;
    padding-bottom: 6%;
}

@media screen and (min-width: 751px) {
    /* /tabSwitch */
    #dtl {
        margin: auto;
    }
    #dtl h2 {
        text-align: center;
        font-size: 1.6rem;
    }
    #dtl ul {
        font-size: 1.1rem;
    }
    #dtl ul li {
        list-style: none;
        margin-top: 1.7%;
        line-height: 1.44;
    }

    .fst_02:first-letter {
        font-size: 1.5rem;
    }
}    

@media screen and (max-width:640px) {
  .br_640 {
    display: block;
  }
    
  /******************footer******************/
  .footer {
    width: 100%;
    font-size: 3.3vw;
    padding: 4.5% 0 4.5%;
    background: #DFF1F2;
  }
  .footer ul li:last-child {
    margin-top: 1.5%;
  }
  .footer .copyright {
    font-size: 2.7vw;
    margin-top: 3.5%;
  }
}
/*640end*/
.footer-banner {
  display: none !important;
}

@media only screen and (max-width: 750px) {
  .footer-banner {
      display: block !important;
      margin: 32px auto 0;
      padding: 0 24px 32px;    
  }
  .footer-banner img {
      width: 100%;
  }
}