@charset "UTF-8";
/* ======================================================================
 setting
====================================================================== */
/* ======================================================================
 type_check
====================================================================== */
.p_type_check .l_container_top {
  /*iphone5 横サイズのみ対応*/
}
.p_type_check .l_container_top > .l_main_visual_1 > .inner {
  background-image: url(../img/type_check/mv.png);
}
@media screen and (max-width: 768px) {
  .p_type_check .l_container_top > .l_main_visual_1 > .inner {
    width: 100%;
    height: 190px;
    border-radius: 0;
    padding: 27%;
    background-image: url(../img/type_check/sp/mv.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right 0;
    position: relative;
  }
}
.p_type_check .l_container_top .l_main > .inner {
  max-width: 770px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p_type_check .l_container_top .l_main > .inner {
    width: 95%;
  }
}
.p_type_check .l_container_top .flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
.p_type_check .l_container_top .flex.between {
  justify-content: space-between;
}
.p_type_check .l_container_top .flex.between img {
  margin: 0 auto;
}
.p_type_check .l_container_top .check_ttl {
  margin-bottom: 10px;
  padding: 15px 0 0;
  background: none;
}
.p_type_check .l_container_top .check_head_img {
  display: none;
}
.p_type_check .l_container_top .check_main {
  width: 100%;
  background: url(/assets/img/type_check/check_bg.png) no-repeat top center, url(/assets/img/type_check/back_bg.png) center center;
  padding: 0 30px 50px;
  margin-top: 10px;
}
.p_type_check .l_container_top .check_main.active {
  background: url(/assets/img/type_check/back_bg_senga.png) no-repeat center center, url(/assets/img/type_check/back_bg.png) no-repeat center center/cover;
  margin-top: 0;
  padding: 80px 30px 80px;
}
.p_type_check .l_container_top .check_main.active.last {
  padding: 0 30px 80px;
}
.p_type_check .l_container_top .active .question_wrap {
  background: none;
}
.p_type_check .l_container_top .sub_ttl {
  padding: 40px 0 0 90px;
  font-size: 18px;
  font-weight: bold;
  position: relative;
  color: #467897;
}
.p_type_check .l_container_top .sub_ttl:before {
  content: '';
  width: 87px;
  height: 87px;
  position: absolute;
  display: inline-block;
  background: url(/assets/img/type_check/point.png) no-repeat center center;
  left: -10px;
  bottom: -11px;
}
.p_type_check .l_container_top .sub_ttl_bg {
  color: #fff;
  background: url(/assets/img/type_check/sub_ttl_bg.png);
  padding: 3px 5px 0;
  margin-right: 10px;
}
.p_type_check .l_container_top .main_txt {
  font-size: 12px;
  padding-left: 10px;
  padding-bottom: 180px;
  line-height: 1.8;
}
.p_type_check .l_container_top .question_wrap {
  background: url(/assets/img/type_check/question_bg.png) no-repeat top center;
}
.p_type_check .l_container_top .question_ttl {
  padding: 10px 0 20px 160px;
}
.p_type_check .l_container_top .fukidashi {
  width: 450px;
  height: 240px;
  background: url(/assets/img/type_check/fukidashi.png) no-repeat top center;
  padding: 40px 50px 10px 69px;
}
.p_type_check .l_container_top button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
  width: 150px;
  height: 45px;
}
.p_type_check .l_container_top button.yes {
  background: #ed6c00;
  border-radius: 5px;
  padding: 10px 0;
}
.p_type_check .l_container_top button.no {
  background: #348039;
  border-radius: 5px;
  padding: 10px 0;
}
.p_type_check .l_container_top button.yes:hover {
  background: #e89400;
}
.p_type_check .l_container_top button.no:hover {
  background: #74a12d;
}
.p_type_check .l_container_top p.question {
  font-size: 22px;
  height: 95px;
  line-height: 1.4;
  position: relative;
  padding-left: 45px;
}
.p_type_check .l_container_top .last_word {
  font-size: 22px;
  color: #e37e47;
  padding-top: 45px;
  padding-left: 328px;
  padding-bottom: 15px;
  display: none;
}
.p_type_check .l_container_top .question:before {
  content: '';
  position: absolute;
  width: 41px;
  height: 22px;
  left: -5px;
  top: 3px;
}
.p_type_check .l_container_top #q1 .question:before {
  background: url(/assets/img/type_check/Q1.png) no-repeat center center;
}
.p_type_check .l_container_top #q2 .question:before {
  background: url(/assets/img/type_check/Q2.png) no-repeat center center;
}
.p_type_check .l_container_top #q3 .question:before {
  background: url(/assets/img/type_check/Q3.png) no-repeat center center;
}
.p_type_check .l_container_top #q4 .question:before {
  background: url(/assets/img/type_check/Q4.png) no-repeat center center;
}
.p_type_check .l_container_top #q5 .question:before {
  background: url(/assets/img/type_check/Q5.png) no-repeat center center;
}
.p_type_check .l_container_top #q6 .question:before {
  background: url(/assets/img/type_check/Q6.png) no-repeat center center;
}
.p_type_check .l_container_top #q7 .question:before {
  background: url(/assets/img/type_check/Q7.png) no-repeat center center;
}
.p_type_check .l_container_top #q8 .question:before {
  background: url(/assets/img/type_check/Q8.png) no-repeat center center;
}
.p_type_check .l_container_top #q9 .question:before {
  background: url(/assets/img/type_check/Q9.png) no-repeat center center;
}
.p_type_check .l_container_top .check_wrap {
  padding: 0 40px;
}
.p_type_check .l_container_top .mama {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  justify-content: center;
}
.p_type_check .l_container_top .number {
  font-size: 17px;
  text-align: center;
  margin-top: 15px;
}
.p_type_check .l_container_top #q2, .p_type_check .l_container_top #q3, .p_type_check .l_container_top #q4, .p_type_check .l_container_top #q5, .p_type_check .l_container_top #q6, .p_type_check .l_container_top #q7, .p_type_check .l_container_top #q8, .p_type_check .l_container_top #q9 {
  display: none;
}
@media only screen and (max-width: 737px) {
  .p_type_check .l_container_top .question_ttl {
    padding: 10px 0 20px 0;
    display: block;
    text-align: center;
  }
  .p_type_check .l_container_top .check_wrap {
    padding: 0 0px;
  }
  .p_type_check .l_container_top .fukidashi {
    width: 450px;
    height: 240px;
    background: url(/assets/img/type_check/fukidashi.png) no-repeat top center/contain;
    padding: 40px 50px 10px 69px;
  }
  .p_type_check .l_container_top .check_head_img img {
    max-width: 100%;
  }
  .p_type_check .l_container_top .last_word {
    padding-left: 0;
    text-align: center;
  }
}
@media only screen and (max-width: 568px) {
  .p_type_check .l_container_top .fukidashi {
    width: 100%;
    height: auto;
    background: url(/assets/img/type_check/fukidashi.png) no-repeat top center/contain;
    padding: 22px 20px 0px 34px;
    margin-top: 20px;
  }
  .p_type_check .l_container_top p.question {
    font-size: 16px;
    height: 65px;
  }
  .p_type_check .l_container_top button.yes {
    zoom: .9;
  }
  .p_type_check .l_container_top button.no {
    zoom: .9;
  }
  .p_type_check .l_container_top number {
    font-size: 14px;
    margin-top: 9px;
  }
  .p_type_check .l_container_top .check_head_img img {
    max-width: 100%;
  }
}
@media only screen and (max-width: 567px) {
  .p_type_check .l_container_top .pc {
    display: none;
  }
  .p_type_check .l_container_top .pc_i {
    display: none;
  }
  .p_type_check .l_container_top .sp {
    display: block;
  }
  .p_type_check .l_container_top .sp_i {
    display: inline-block;
  }
  .p_type_check .l_container_top img {
    max-width: 100%;
  }
  .p_type_check .l_container_top .yes img {
    height: 14px;
  }
  .p_type_check .l_container_top .no img {
    height: 12px;
  }
  .p_type_check .l_container_top .check_ttl img {
    transform-origin: 0 0;
    transform: scale(0.6);
    /* 2倍に拡大 */
  }
  .p_type_check .l_container_top .check_ttl {
    margin-bottom: 10px;
    padding: 7% 3% 0;
    background: none;
  }
  .p_type_check .l_container_top .check_head_img {
    display: none;
    text-align: center;
  }
  .p_type_check .l_container_top .check_main {
    width: 100%;
    background: url(/assets/img/type_check/check_bg_sp.png) no-repeat top right/contain;
    padding: 0 1%;
    margin-top: 10px;
  }
  .p_type_check .l_container_top .check_main.active {
    background: url(/assets/img/type_check/back_bg_senga_sp.png) no-repeat center center, url(/assets/img/type_check/back_bg_sp.png) no-repeat center center/cover;
    margin-top: 0;
    padding: 11% 1% 0;
  }
  .p_type_check .l_container_top .check_main.active.last {
    padding: 7% 1% 0;
  }
  .p_type_check .l_container_top .active .question_wrap {
    background: none;
  }
  .p_type_check .l_container_top .sub_ttl {
    padding: 13px 0 0 65px;
    font-size: 13px;
    font-weight: bold;
    position: relative;
    color: #467897;
  }
  .p_type_check .l_container_top .sub_ttl:before {
    content: '';
    width: 57px;
    height: 57px;
    position: absolute;
    display: inline-block;
    background: url(/assets/img/type_check/point_sp.png) no-repeat center center;
    left: 0;
    top: 3px;
  }
  .p_type_check .l_container_top .sub_ttl_bg {
    color: #fff;
    background: url(/assets/img/type_check/sub_ttl_bg.png);
    padding: 3px 5px 0;
    margin-right: 10px;
  }
  .p_type_check .l_container_top .main_txt {
    font-size: 14px;
    padding-left: 0;
    padding-bottom: 20px;
    line-height: 1.8;
    margin-top: 8em;
  }
  .p_type_check .l_container_top .question_wrap {
    background: url(/assets/img/type_check/question_bg.png) no-repeat top center;
    padding-bottom: 20px;
  }
  .p_type_check .l_container_top .question_ttl {
    padding: 10px 0 20px;
    text-align: center;
  }
  .p_type_check .l_container_top .fukidashi {
    width: 78%;
    height: auto;
    background: url(/assets/img/type_check/fukidashi_sp.png) no-repeat top center/contain;
    padding: 15px 6% 19px 10%;
  }
  .p_type_check .l_container_top .fukidashi .flex.between {
    margin-bottom: 8px;
  }
  .p_type_check .l_container_top .fukidashi .flex.between li {
    width: 47%;
  }
  .p_type_check .l_container_top button {
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    appearance: none;
    width: 100%;
    height: auto;
  }
  .p_type_check .l_container_top button.yes {
    background: #ed6c00;
    border-radius: 5px;
    padding: 10px 0;
  }
  .p_type_check .l_container_top button.no {
    background: #348039;
    border-radius: 5px;
    padding: 11px 0;
  }
  .p_type_check .l_container_top button.yes:hover {
    background: #e89400;
  }
  .p_type_check .l_container_top button.no:hover {
    background: #74a12d;
  }
  .p_type_check .l_container_top p.question {
    font-size: 12px;
    height: 51px;
    line-height: 1.4;
    position: relative;
    padding-left: 25px;
  }
  .p_type_check .l_container_top .last_word {
    font-size: 14px;
    padding-top: 0;
    padding-left: 0;
    padding-bottom: 5px;
    margin-right: 0;
    text-align: center;
    display: none;
  }
  .p_type_check .l_container_top .question:before {
    content: '';
    position: absolute;
    width: 24px;
    height: 16px;
    left: -2px;
    top: 0;
  }
  .p_type_check .l_container_top #q1 .question:before {
    background: url(/assets/img/type_check/Q1_sp.png) no-repeat center center;
  }
  .p_type_check .l_container_top #q2 .question:before {
    background: url(/assets/img/type_check/Q2_sp.png) no-repeat center center;
  }
  .p_type_check .l_container_top #q3 .question:before {
    background: url(/assets/img/type_check/Q3_sp.png) no-repeat center center;
  }
  .p_type_check .l_container_top #q4 .question:before {
    background: url(/assets/img/type_check/Q4_sp.png) no-repeat center center;
  }
  .p_type_check .l_container_top #q5 .question:before {
    background: url(/assets/img/type_check/Q5_sp.png) no-repeat center center;
  }
  .p_type_check .l_container_top #q6 .question:before {
    background: url(/assets/img/type_check/Q6_sp.png) no-repeat center center;
  }
  .p_type_check .l_container_top #q7 .question:before {
    background: url(/assets/img/type_check/Q7_sp.png) no-repeat center center;
  }
  .p_type_check .l_container_top #q8 .question:before {
    background: url(/assets/img/type_check/Q8_sp.png) no-repeat center center;
  }
  .p_type_check .l_container_top #q9 .question:before {
    background: url(/assets/img/type_check/Q9_sp.png) no-repeat center center;
  }
  .p_type_check .l_container_top .check_wrap {
    padding: 0 5px;
  }
  .p_type_check .l_container_top .mama {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
    width: 27%;
  }
  .p_type_check .l_container_top .number {
    font-size: 12px;
    text-align: center;
    margin-top: 0px;
  }
  .p_type_check .l_container_top #q2, .p_type_check .l_container_top #q3, .p_type_check .l_container_top #q4, .p_type_check .l_container_top #q5, .p_type_check .l_container_top #q6, .p_type_check .l_container_top #q7, .p_type_check .l_container_top #q8, .p_type_check .l_container_top #q9 {
    display: none;
  }
}
@media only screen and (max-width: 320px) {
  .p_type_check .l_container_top .main_txt {
    padding-bottom: 20px;
    line-height: 1.6;
    margin-top: 6em;
  }
  .p_type_check .l_container_top p.question {
    height: 43px;
  }
  .p_type_check .l_container_top .fukidashi {
    padding: 4% 5% 19px 8%;
  }
  .p_type_check .l_container_top .check_ttl img {
    transform-origin: 0 0;
    transform: scale(0.5);
    /* 2倍に拡大 */
  }
}
.p_type_check .l_container_top div.sns-area {
  position: relative;
  margin-top: 8.461538461%;
}
@media screen and (min-width: 769px) {
  .p_type_check .l_container_top div.sns-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin-top: 3.768115942%;
  }
}
.p_type_check .l_container_top div.sns-area .img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
  width: 49.23076923%;
  margin: -57.23076923% -6.461538461% 0 0;
}
@media screen and (min-width: 769px) {
  .p_type_check .l_container_top div.sns-area .img {
    width: 47.971014492%;
    margin: 0 -5.217391304% 0 0;
  }
}
.p_type_check .l_container_top div.sns-area .img span {
  display: block;
}
@media screen and (min-width: 769px) {
  .p_type_check .l_container_top div.sns-area .img span {
    margin-top: -60.422960725%;
  }
}
.p_type_check .l_container_top div.sns-area .share {
  width: 56.923076923%;
  padding: 10px 0;
  border-radius: 10px;
  background: url("/assets/img/type_check/bg_share_sp.png") no-repeat center center;
  background-size: cover;
  margin: 4.347826086% auto 0;
}
@media screen and (min-width: 769px) {
  .p_type_check .l_container_top div.sns-area .share {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 324px;
    padding: 7px 0;
    border-radius: 4px;
    background-image: url("/assets/img/type_check/bg_share.png");
  }
}
.p_type_check .l_container_top div.sns-area .share__ttl {
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .p_type_check .l_container_top div.sns-area .share__ttl {
    margin-right: 12px;
  }
}
.p_type_check .l_container_top div.sns-area .share__btn {
  margin-top: 10px;
}
@media screen and (min-width: 769px) {
  .p_type_check .l_container_top div.sns-area .share__btn {
    margin-top: 0;
  }
}
.p_type_check .l_container_top div.sns-area .list {
  font-size: 0;
  line-height: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.p_type_check .l_container_top div.sns-area .list__item {
  margin: 0 3px;
}
.p_type_check .l_container_top div.sns-area .txt {
  text-align: justify;
  text-justify: distribute;
  word-break: break-all;
  margin-top: 8.461538461%;
}
@media screen and (min-width: 769px) {
  .p_type_check .l_container_top div.sns-area .txt {
    width: 52.173913043%;
    margin-top: 0;
    line-height: 2;
  }
}

/*# sourceMappingURL=p_type_check.css.map */