@charset "UTF-8";
html, body, ul, li, a, nav, p, div, footer {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

body {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 18px;
  line-height: 30px; }

a {
  text-decoration: none; }

li {
  list-style: none; }

img {
  display: block; }

.pc-hide {
  display: none; }

.wrap {
  width: 1000px;
  margin: 0 auto; }

.red {
  color: red; }

.blue {
  color: blue; }

.green {
  color: #019372; }

.back {
  z-index: 100;
  bottom: 30px;
  right: 30px; }

.fixed {
  position: fixed; }

.container {
  background: url(../images/bg.jpg);
  background-size: 100%; }

.header {
  overflow: hidden;
  background: url(../images/header__bg.png);
  background-size: 100%;
  padding-bottom: 10px; }
  .header__logoWrap {
    overflow: hidden;
    margin: 0 auto -20px;
    padding-top: 20px;
    max-width: 1000px; }
  .header__1200 {
    float: left; }
  .header__logo {
    float: right; }
  .header__main {
    margin: 0 auto 0 -90px; }
  .header__comment {
    width: 100%;
    height: auto;
    background: #FFF;
    border-radius: 13px;
    border: solid 9px #6fbdbb;
    margin-top: -4px;
    padding: 30px;
    position: relative; }
  .header__txt01 {
    width: 900px;
    height: auto;
    margin: 0 auto; }
  .header__t01 {
    color: #6fbdbb;
    font-size: 25px;
    text-align: center;
    line-height: 1.4;
    margin: 20px 0; }
    .header__t01 .big {
      font-size: 48px;
      font-weight: bold; }
  .header__box {
    position: relative;
    background: #fae8e9;
    border-radius: 20px;
    padding: 20px; }
  .header__balloon01 {
    position: absolute;
    top: -100px;
    left: 0; }
  .header__balloon02 {
    position: absolute;
    top: -100px;
    right: 0; }
  .header__txt02 {
    margin: 10px auto 0 auto; }

.question__box {
  position: relative;
  background: #FFF;
  padding: 80px 20px 20px 20px;
  box-shadow: 1px 1px 5px 0px;
  -webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.3);
  margin-top: 30px; }

.question__tag {
  position: absolute;
  top: -15px;
  left: 0; }

.question__enq {
  position: absolute;
  top: 20px;
  right: 20px; }

.question__bigtxt {
  margin: 0 auto 20px auto !important;
/*  width: 816px;*/ }
  .question__bigtxt01, .question__bigtxt02, .question__bigtxt03 {
    display: inline-block; }
  .question__bigtxt01 {
    margin-bottom: 4px; }

.question__txtbox {
  clear: both;
  background: url(../images/question__txtbg.png);
  background-size: 100%;
  border-radius: 20px;
  padding: 20px; }

.question01 {
  background: url(../images/question01__bg01.png) no-repeat, url(../images/question01__bg02.png) no-repeat #FFF;
  background-position: right 20px top 20px,bottom 10px left 10px; }
  .question01__graph01 {
    float: left;
    margin: 0 0 20px 30px; }
  .question01__graph02 {
    float: right;
    margin: 0 30px 20px 0; }
  .question01__rank {
    width: 220px;
    margin: 110px auto 0 auto; }
  .question01__rank02 {
    margin: 10px 0 10px 18px; }
  .question01__rank03 {
    margin-left: 18px; }

.question02 {
  background: url(../images/question02__bg01.png) no-repeat, url(../images/question02__bg02.png) no-repeat #FFF;
  background-position: top 80px left 20px,right 20px bottom 120px; }
  .question02__graph {
    float: left;
    margin: 0 0 20px 160px; }
  .question02__rank {
    position: relative;
    float: right;
    margin: 50px 230px 0 0; }
  .question02__rank01, .question02__rank03 {
    margin-left: 10px; }
  .question02__rank02 {
    margin: 10px 0 10px 0; }
  .question02__rank02_pic {
      position: absolute;
      top: 27px;
      left: 100px;
      width: 190px; }
/*      .question02__rank02_pic00, .question02__rank02_pic01, .question02__rank02_pic02, .question02__rank02_pic03 {
        height: 30px; }*/
  .question02__rank02_pic00,
  .question02__rank02_pic01,
  .question02__rank02_pic02,
  .question02__rank02_pic03{
    height: 100%;}
  .question02__rank02_pic00 {
        height: 100%;
        float: left; }
/*      .question02__rank02_pic01 {
        height: 16px;
        margin: 0 auto; }*/
/*      .question02__rank02_pic02 {
        height: 14px;
        margin: 0 auto; }*/
.question02__rank02_pic01 {
    height: 50%;
    margin: 0 auto 3px;
}

.question02__rank02_pic02 {
    height: 40%;
    margin: 0 auto;
}

      .question02__rank02_pic03 {
        float: right; }
	  .question02 .question__bigtxt {
        max-width: 816px;
}


.question03 {
  background: url(../images/question03__bg01.png) no-repeat, url(../images/question03__bg02.png) no-repeat #FFF;
  background-position: top 20px right 20px,left 20px bottom 20px; }
  .question03__graph01 {
    float: left;
    margin: 0 0 20px 30px; }
  .question03__graph02 {
    float: right;
    margin: 0 30px 20px 0; }
  .question03__rank {
    width: 220px;
    margin: 110px auto 0 auto; }
  .question03__rank_mb {
    display: none; }

.answer__box {
  position: relative;
  background: #FFF;
  padding: 10px;
  box-shadow: 1px 1px 5px 0px;
  -webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.3);
  margin-top: 30px; }

.answer__bg {
  position: relative;
  background: url(../images/answer__bg.png);
  padding-bottom: 40px; }

.answer__bigtxt {
  position: absolute;
  z-index: 10;
  top: -45px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%); }

.answer__img {
  margin: 0 auto;
  position: initial;
  padding-top: 240px; }

.answer__txt {
  width: 900px;
  margin: 0 auto;
  position: relative;
  background: url(../images/answer__txtbg.png) no-repeat #fae8e9;
  background-position: top right;
  padding: 30px;
  border-radius: 20px;
  margin-top: -20px; }
  .answer__txt img {
    margin: 0 auto; }

.way__titlebox {
  background: url(../images/way__titlebg.png) no-repeat #6fbdbb;
  height: 190px;
  position: relative;
  margin-top: 45px; }

.way__title {
  position: absolute;
  left: 50%;
  top: -15px;
  margin-left: -311px; }

.way__box02 {
  background: rgba(255, 255, 255, 0.7);
  border: solid 1px #ccc;
  margin-top: -10px;
  position: relative; }

.way__li {
  padding: 15px; }
  .way__li li {
    height: 145px;
    box-shadow: 1px 1px 5px 0px;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.3);
    background: #fff;
    margin-bottom: 15px;
    overflow: hidden;
    position: relative;
    font-size: 16px;
    line-height: 1.7; }
    .way__li li:first-child {
      background: #fffbe8;
      text-align: center; }
    .way__li li:nth-child(2):before, .way__li li:nth-child(3):before, .way__li li:nth-child(4):before {
      content: "";
      display: block;
      width: 650px;
      height: 211px;
      background: #6fbdbb;
      position: absolute;
      top: -5px;
      left: -141px;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg); }
    .way__li li:nth-child(3):before {
      background: #8fdbe1; }
    .way__li li:nth-child(4) {
      margin-bottom: 0; }
      .way__li li:nth-child(4):before {
        background: #f289b8; }
  .way__li a {
    text-decoration: none;
    color: #000; }
    .way__li a:hover, .way__li a:visited, .way__li a:active {
      color: #000; }

.way__00icon {
  position: absolute;
  top: 5px;
  left: 0; }

.way__00txt {
  margin: 30px auto 20px auto; }

.way__icon {
  top: 30px;
  left: 20px; }

.way__01txt01, .way__01txt02, .way__t, .way__icon, .way__02txt, .way__03txt {
  position: absolute; }

.way__02txt, .way__03txt {
  top: 55px;
  margin-left: 126px; }

.way__01txt01 {
  top: 40px;
  margin-left: 126px; }

.way__01txt02 {
  top: 77px;
  margin-left: 126px; }

.way__t {
  width: 450px;
  top: 10px;
  left: 500px; }

.arrow {
  margin: 20px auto; }

.method__t01 {
  font-size: 19px;
  font-weight: bold; }

.method__t02 {
  font-size: 17px; }

.method__btn {
  position: absolute;
  top: 120px;
  right: 0;
  background: #ec6f6f;
  border-radius: 100px;
  display: block;
  color: #FFF; }

.method__table {
  width: 150px;
  height: 30px;
  display: table; }

.method__cell {
  display: table-cell;
  vertical-align: middle;
  text-align: center; }

.method__box {
  position: relative;
  background: #FFF;
  padding: 10px;
  box-shadow: 1px 1px 5px 0px;
  -webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.3);
  margin-top: 30px; }

.method__titlebox {
  position: relative;
  height: 140px;
  margin-bottom: 50px; }

.method__icon, .method__01txt01, .method__01txt02, .method__img01, .method__border, .method__comment01, .method__comment02 {
  position: absolute; }

.method__01txt01 {
  top: 20px;
  left: 150px; }

.method__01txt02 {
  top: 60px;
  left: 460px; }

.method__img01 {
  top: 0;
  right: 0; }

.method__comment01 {
  bottom: 20px;
  left: 150px;
  color: #ba9b68;
  font-size: 17px; }

.method__comment02 {
  bottom: 20px;
  left: 150px;
  color: #ba9b68;
  font-size: 17px;
  line-height: 1.5; }

.method__border {
  width: 100%;
  height: 10px;
  background: green;
  background: url(../images/method01__border.png) repeat-x;
  bottom: 0;
  left: 0; }

.method__li {
  height: 200px; }

.method__li--border {
  margin-bottom: 40px;
  border-bottom: 1px solid #ccc; }

.method__img, .method__tbox {
  display: inline-block;
  vertical-align: top; }

.method__tbox {
  position: relative;
  width: 650px;
  margin-left: 15px; }

.method02__title {
  position: absolute;
  top: 35px;
  left: 150px; }

.method03__title {
  position: absolute;
  top: 15px;
  left: 150px; }

.method03__box {
  background: #fae8e9;
  border-radius: 20px;
  margin-top: 10px; }

.method03__li01 {
  padding: 20px; }
  .method03__li01 li {
    display: inline-block;
    width: 40%;
    padding: 10px; }
    .method03__li01 li p {
      display: inline-block; }

.method03__titlebox {
  position: relative;
  height: 50px;
  margin: 20px 0; }

.method03__txt02 {
  position: absolute;
  top: 20px;
  left: 0; }

.method03__logo {
  position: absolute;
  top: 0;
  right: 0; }

.method03__li02 {
  margin-bottom: 30px; }
  .method03__li02 .green {
    font-weight: bold; }
  .method03__li02 li {
    padding-left: 15px; }
    .method03__li02 li:before {
      content: "▶︎";
      color: #ccc;
      font-size: 10px;
      vertical-align: top; }

.method03__img01 {
  display: inline-block; }

.method03__rightbox {
  display: inline-block;
  width: 640px;
  margin-left: 20px;
  vertical-align: top; }

.method03__txt03 {
  margin: 50px 0 15px; }

.method03__txt05 {
  margin: 50px 0 20px 0; }
  .method03__txt05_01, .method03__txt05_02 {
    display: inline-block; }

.method03__li03 {
  width: 880px;
  margin: 0 auto;
  letter-spacing: -0.5em; }
  .method03__li03 li {
    display: inline-block;
    width: 33%;
    margin-bottom: 10px;
    letter-spacing: normal; }
    .method03__li03 li img {
      margin: 0 auto; }

.method03__t03 {
  font-size: 17px;
  margin: 0 auto 50px auto;
  padding: 0 40px 50px 40px;
  border-bottom: 2px solid #ccc; }

.method03__txt06 {
  margin-bottom: 10px; }

.method03__txt07 {
  margin: 30px 0 20px 0; }

.method03__t04 {
  display: inline-block;
  width: 700px;
  vertical-align: top; }

.method03__doctorbox {
  display: inline-block;
  width: 250px;
  vertical-align: top;
  margin-top: 30px;
  font-size: 14px; }

.method__border03 {
  height: 10px;
  width: 100%;
  background: url(../images/method__border03.png);
  margin: 50px 0 0; }

.sns__txt {
  display: inline-block;
  font-size: 16px;
  line-height: 16px; }

.sns__t {
  text-align: center; }

.sns__li {
  width: 600px;
  margin: 20px auto;
  letter-spacing: -0.5em; }
  .sns__li li {
    width: 33%;
    display: inline-block;
    text-align: center;
    padding: 5px;
    margin-left: 1px;
    letter-spacing: normal; }
    .sns__li li img {
      display: inline-block;
      margin-right: 5px; }
    .sns__li li a {
      color: #FFF; }
    .sns__li li:first-child {
      margin-left: 0;
      background: #385495; }
    .sns__li li:nth-child(2) {
      background: #5ea9dd; }
    .sns__li li:nth-child(3) {
      background: #00ca57; }

.data__border {
  background: url(../images/data__border.png);
  height: 10px;
  width: 100%;
  margin: 30px auto; }

.data__title {
  font-size: 25px;
  text-align: center; }

.data__li li {
  list-style: initial;
  list-style-position: inside; }

footer {
  background: url(../images/footer__bg.png);
  height: 85px;
  width: 100%;
  text-align: center;
  padding: 25px;
  font-size: 13px; }

.check {
  display: inline-block;
  margin-right: 10px;
  width: 15px;
  height: 15px;
  border: solid 2px #ccc;
  background: #FFF;
  position: relative; }
  .check:after {
    width: 7px;
    height: 15px;
    content: "";
    display: block;
    border-bottom: solid 3px red;
    border-right: solid 3px red;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    position: absolute;
    top: -4px;
    left: 3px; }

.btn {
  margin: 0 auto 10px auto; }

.modal {
  font-size: 12px; }
  .modal__in {
    margin: 15px 20px; }
  .modal__title {
    text-align: center;
    margin: 0 0 5px;
    font-size: 18px; }
  .modal__img {
    width: 100%; }
  .modal__minititle {
    margin: 10px 0 8px 0; }
  .modal__closebtn {
    float: right;
    margin: 10px 10px 0 0; }
  .modal__arrow {
    margin-top: 10px;
    border-top: 1px solid #ccc;
    padding: 15px 0; }
  .modal__arrow01 {
    float: left; }
  .modal__arrow02 {
    float: right; }
  .modal__closetxt {
    text-align: center;
    color: #777;
    display: block; }

.modal-window {
  -webkit-transform: translate(0, 100%);
  transform: translate(0, 100%);
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: -40px;
  z-index: 999;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  line-height: 1.3;
  display: none\9; }

.modal-window:target {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

.is-active.modal-window {
  display: block\9; }

.modal-window:target {
  display: block\9; }

.modal-window .modal-inner {
  position: absolute;
  top: 20px;
  left: 50%;
  z-index: 20;
  margin-left: -325px;
  width: 600px;
  overflow-x: hidden;
  border-radius: 10px;
  background: #fff; }

.modal-window .modal-close {
  display: block;
  text-indent: -100px;
  overflow: hidden; }

.modal-window .modal-close:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAEElEQVR42gEFAPr/AAAAAMwA0QDNTiUx4gAAAABJRU5ErkJggg=="); }

.modal-window {
  transition: opacity 0.4s; }

@media screen and (max-width: 1020px) {
  .header__1200 {
    width: 65%; }
  .header__logo {
    width: 35%; }
  .wrap {
    width: 95%; }
  .big {
    display: block; }
  .header__txt02, .answer__txt, .answer__txt img, .header__main, .btn, .method03__img09, .header__txt01, .question__bigtxt, .answer__img, .answer__bigtxt, .way__title {
    width: 100%;
    height: auto;
    margin: 0 auto; }
  .header__main {
    width: 120%;
    -webkit-transform: translateX(-10%);
            transform: translateX(-10%); }
  .question__bigtxt01 {
    width: 30%;
    margin-bottom: 3px; }
  .question__bigtxt02 {
    width: 68%; }
  .question__bigtxt03 {
    width: 70%; }
  .question01__graph01, .question01__graph02, .question03__graph01, .question03__graph02 {
    width: 30%; }
  .question01__rank, .question03__rank {
    width: 20%;
    margin: 60px auto 0 auto; }
  .question01__rank01 {
    height: 60px; }
  .question01__rank02, .question01__rank03, .question02__rank03 {
    height: 27px;
    margin: 10px 0 10px 11px; }
  .question02__rank01 {
    height: 60px; }
  .question02__rank02 {
    height: 38px;
    margin: 10px 0 10px 5px; }
  .question02__rank02_pic {
    height: 38px;
    left: 80px; }
  .question02__graph, .question02__rank {
    width: 40%;
    margin: 20px 0; }
  .question02__graph {
    margin-left: 50px; }
  .question02__rank {
    margin-right: 50px; }
  .way__title {
    position: initial;
    width: 80%; }
  .way__titlebox {
    height: 130px;
    background-size: auto 140px; }
  .way__title {
    width: 500px;
    position: inherit;
    left: inherit;
    margin: 0 auto; }
  .way__00icon {
    width: 25%; }
  .way__00txt {
    max-width: 60%; }
  .way__00t {
    font-size: 12px; }
  .way__li {
    padding: 0;
    padding-top: 15px; }
    .way__li li {
      height: 134px; }
  .way__icon {
    top: 10px;
    left: 10px;
    width: 50px;
    height: auto; }
  .way__01txt01, .way__01txt02, .way__02txt, .way__03txt {
    display: inline-block;
    height: 15px;
    top: 20px; }
  .way__01txt01, .way__02txt, .way__03txt {
    margin-left: 75px; }
  .way__01txt02 {
    left: 113px; }
  .way__t {
    width: 80%;
    top: 41px;
    left: 75px;
    font-size: 13px;
    line-height: 1.3; }
  .method__titlebox {
    height: 65px;
    margin-bottom: 20px; }
  .method__icon, .method02__icon, .method03__icon {
    width: 40px; }
  .method__01txt01, .method02__title, .method03__title {
    top: 1px;
    left: 48px;
    height: 15px; }
  .method__01txt02 {
    top: 18px;
    left: 167px;
    height: 15px; }
  .method__comment01, .method__comment02 {
    bottom: 15px;
    left: 46px;
    font-size: 12px; }
  .method__img01 {
    display: block;
    margin-left: 10px;
    height: 45px; }
  .method__img03 {
    height: 46px; }
  .method__img {
    margin: 0 auto;
    display: block; }
  .method__tbox {
    width: 100%;
    margin-top: 10px; }
  .method__t01 {
    font-size: 14px; }
  .method__t02 {
    font-size: 13px; }
  .method__li {
    height: 266px; }
  .method__li--border {
    margin-bottom: 20px; }
  .method__btn {
    top: 60px;
    right: 15px; }
  .method__table {
    width: 111px;
    height: 22px; }
  .method__border03 {
    height: 5px;
	margin-top:15px !important; }
  .arrow {
    width: 10%; }
  .method03__txt04, .method03__logo, .method03__txt01, .method03__txt02, .method03__txt03, .method03__txt05, .method03__txt06, .method03__txt07 {
    height: 13px;
    margin: 10px 0; }
  .method03__li01 {
    padding: 8px 6px 7px;
    border-radius: 5px; }
    .method03__li01 li {
      width: auto;
      margin-bottom: 5px;
      padding: 0;
      padding-left: 10px; }
      .method03__li01 li:last-child {
        margin-bottom: 0; }
      .method03__li01 li p {
        font-size: 11px; }
  .method03__li02 li {
    padding-left: 0; }
  .method03__titlebox {
    height: 24px;
    margin: 10px 0; }
  .method03__img01 {
    display: block;
    margin: 0 auto;
    max-width: 60%;
    width: 100%; }
  .method03__t02 {
    width: 100%; }
  .method03__rightbox {
    margin-left: 0;
    width: 100%; }
  .method03__li03 {
    width: 100%;
    margin: 0 auto; }
    .method03__li03 li {
      width: 33%; }
      .method03__li03 li img {
        width: 98%; }
  .method03__txt02 {
    top: 0; }
  .method03__txt05_01 {
    width: 35%; }
  .method03__txt05_02 {
    width: 23%; }
  .method03__t03 {
    margin-bottom: 10px;
    border-bottom-width: 1px;
    padding: 0;
    padding-bottom: 10px;
    font-size: 13px; }
  .method03__t04 {
    padding-right: 10px;
    width: 60%;
    float: left; }
  .method03__doctorbox {
    margin-top: 10px;
    width: 38%; }
    .method03__doctorbox img {
      width: 100%; }
    .method03__doctorbox p {
      font-size: 12px; }
  .data__title {
    font-size: 16px; } }

@media screen and (max-width: 720px) {
  .pc-hide {
    display: block; }
  .sp-hide {
    display: none; }
  .header__logoWrap {
    padding-top: 10px; }
  .way__title {
    width: 400px; }
  .question__bigtxt01, .question__bigtxt02, .question__bigtxt03 {
    display: block; }
  .question__bigtxt01 {
    width: 36%; }
  .question__bigtxt02 {
    width: 89%; }
  .question__bigtxt03 {
    width: 100%;
    margin-top: 10px; }
  .method03__li03 {
    width: 100%;
    margin: 0 auto; }
    .method03__li03 li {
      width: 50%; }
      .method03__li03 li img {
        width: 98%; }
  .method03__txt04_sp {
    margin-bottom: 5px;
    max-width: 250px;
    width: 100%; }
  .method03__txt05 {
    height: 32px; }
    .method03__txt05_01, .method03__txt05_02 {
      display: block; }
    .method03__txt05_01 {
      height: 15px;
      width: auto; }
    .method03__txt05_02 {
      height: 15px;
      width: auto;
      margin-top: 3px; } }

@media screen and (max-width: 640px) {
  .modal-window .modal-inner {
    width: 100%;
    margin-left: -50%; }
  body {
    font-size: 13px;
    line-height: 1.5; }
  .header__box {
    font-size: 12px;
    line-height: 1.8; }
  .header__comment {
    padding: 10px; }
  .header__t01 {
    font-size: 20px;
    margin: 10px 0; }
    .header__t01 .big {
      font-size: 25px;
      display: block; }
  .header__balloon01, .header__balloon02 {
    width: 104px;
    top: -50px; }
  .question__tag {
    position: absolute;
    top: -15px;
    left: 0;
    width: 150px; }
  .question__box {
    padding: 50px 15px 15px 15px;
    background-size: 30%; }
  .question__txtbox {
    border-radius: 10px; }
  .question__enq {
    top: 10px;
    right: 10px;
    width: 100px; }
  .question01__graph01 {
    margin: 93px 0 10px 0;
    width: 46%; }
  .question01__graph02 {
    margin: 93px 0 10px 0;
    width: 45%; }
  .question03__graph01 {
    margin: 91px 0 10px 0;
    width: 46%; }
  .question03__graph02 {
    margin: 91px 0 10px 0;
    width: 45%; }
  .question01__rank, .question02__rank {
    width: 100%;
    height: 70px;
    margin: 10px auto;
    background: #f8f8f8;
    border: solid #e9e9e9 1px;
    border-radius: 10px;
    position: relative; }
  .question03__rank {
    display: none; }
  .question03__rank_mb {
    position: relative;
    display: block;
    width: 100%;
    height: 70px;
    margin: 10px auto;
    background: #f8f8f8;
    border: solid #e9e9e9 1px;
    border-radius: 10px;
    position: relative; }
    .question03__rank_mb img {
      position: absolute;
      left: 50%;
      top: 11px;
      margin-left: -86px;
      height: 44px; }
  .question02__rank {
    height: 66px; }
  .question01__rank01, .question01__rank02, .question01__rank03 {
    display: inline-block;
    height: 30px;
    position: absolute; }
  .question02__rank01, .question02__rank02, .question02__rank02_pic, .question02__rank03 {
    display: inline-block;
    height: 30px;
    position: absolute; }
  .question01__rank01 {
    top: 5px;
    left: 9px;
    height: 52px; }
  .question01__rank02 {
    top: 18px;
    left: 50%;
    margin-left: -26px;
    height: 25px; }
  .question01__rank03 {
    top: 19px;
    right: 30px;
    height: 23px; }
  .question02__rank01 {
    top: 6px;
    left: 30px;
    height: 43px; }
  .question02__rank02 {
    top: 15px;
    left: 50%;
    margin-left: -40px; }
  .question02__rank02_pic {
    top: 6px;
    left: 50%;
    width: 155px;
    -webkit-transform: translateX(-47%);
            transform: translateX(-47%); }
    .question02__rank02_pic00, .question02__rank02_pic01, .question02__rank02_pic02, .question02__rank02_pic03 {
      height: 20px; }
    .question02__rank02_pic01 {
      height: 12px;
      display: inline-block;
	  margin: 0 auto 0 5px;
	  }
    .question02__rank02_pic02 {
      height: 10px;
      display: inline-block; }
    .question02__rank02_pic03 {
      float: right; }
  .way__box02 {
    background: transparent;
    margin-top: 0;
    border: none; }
  .question02__rank03 {
    top: 19px;
    right: 30px;
    height: 23px; }
  .question02__graph {
    float: inherit;
    margin: 10px auto;
    width: 60%; }
  .answer__bigtxt {
    left: 50%;
    top: -10px;
    z-index: 10; }
  .answer__bg {
    padding-bottom: 20px;
    background-size: 100%; }
  .answer__img {
    padding-top: 180px;
    width: 90%; }
  .answer__txt {
    padding: 10px;
    border-radius: 10px; }
  .sns__li {
    margin-bottom: 10px;
    width: 100%; }
    .sns__li li {
      height: 30px;
      vertical-align: top;
      padding: 5px;
      text-align: middle; }
      .sns__li li p {
        font-size: 12px; }
  .check {
    width: 10px;
    height: 10px;
    margin-right: 8px; }
    .check:after {
      width: 5px;
      height: 10px; } }

@media screen and (max-width: 480px) {
  .header__t01 {
    font-size: 18px; }
  .header__balloon01, .header__balloon02 {
    width: 88px;
    top: -42px; }
  .footer {
    font-size: 10px; }
  .way__title {
    width: 350px; }
  .way__titlebox {
    height: 85px; }
  .method__tbox {
    margin-left: 0; }
  .answer__img {
    padding-top: 140px; } }

@media screen and (max-width: 400px) {
  .way__01txt01, .way__01txt02, .way__02txt, .way__03txt {
    height: 12px; }
  .way__01txt02 {
    margin-left: 97px; }
  .way__t {
    width: 74%;
    font-size: 12px; }
  .sns__t {
    font-size: 11px;
    margin-top: 5px; }
  .header__balloon01 {
    left: -20px; }
  .header__balloon02 {
    right: -20px; }
  .header__box {
    padding: 20px 10px 10px 10px; }
  .question__box {
    padding: 28px 15px 15px 15px; }
  .way__00txt {
    margin: 30px auto 6px auto; }
  .way__li li:first-child {
    height: 100px; }
  .way__li li:nth-child(2), .way__li li:nth-child(3), .way__li li:nth-child(4) {
    height: 150px; }
  .arrow {
    width: 18%;
    margin: 23px auto 0 auto; }
  .method__01txt01, .method02__title, .method03__title {
    height: 13px; }
  .method__01txt02 {
    left: 154px;
    height: 13px; }
  .method__comment01, .method__comment02 {
    font-size: 10px; }
  .method__comment01 span {
    display: block; }
  .method__comment02 br {
    display: none; }
  .method__titlebox_big {
    height: 80px; }
  .method__comment02_3 {
    width: 60%; }
  .way__title {
    width: 90%; }
  .way__titlebox {
    margin-top: 30px;
    background-size: auto 104px; }
  .answer__img {
    padding-top: 100px; } }


/*20190118追加*/
.bread-crumb {
	margin: 10px 0;
	font-size: 12px;
}
.bread-crumb a,
.bread-crumb span {
	padding: 0 5px;
}
.bread-crumb i {
	padding: 0 5px;
	font-style: normal;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#breadcrumb {
	max-width: 1000px;
	width: 100%;
	margin: 10px auto;
	font-size: 12px;
}
#breadcrumb ul {
	display: flex;
	justify-content: flex-start;
}
#breadcrumb li:not(:last-child)::after {
	content: '>';
	display: inline-block;
	margin: 0 10px;
}