@charset "UTF-8";
/******* setting.scss *******/
/******* mixin.scss *******/
@import url("https://fonts.googleapis.com/css?family=Amiri");
.h202 h2, .h205 h2, .h206 h2, .h207 h2, header .headLinkArea h2, .h201 h2, .secLinkArea h2, .secLinkArea .priceArea .priceRow p, .secLinkArea .returnInfo dt strong, .h203 .figArea h2, .h204 h2, .h204 .reasonThum li, .h204 .reasonAccordion, .h204 .reasonCont h3, .pointArea .pointRowArea h3, .h205 h3, .h205 .comparisonArea .comparison dl dt, .h206 .voice .detail h3, .h205 .pictArea2,.voice2 {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.h204 h2 span, .h204 .reasonThum li span, .h204 .reasonAccordion span, .h204 .reasonCont h3 span, .pointArea .pointRowArea h3 span {
  font-family: 'Amiri', serif;
}

.h202 h2, .h205 h2, .h206 h2, .h207 h2 {
  background: url("../img/titleBg.png") no-repeat 50% 0;
  background-size: 124px;
  color: #00488f;
  font-size: 213%;
  margin: 0 auto 30px;
  padding-top: 28px;
  text-align: center;
}
@media screen and (max-width: 960px) {
  .h202 h2, .h205 h2, .h206 h2, .h207 h2 {
    background-size: 25vw;
    font-size: 190%;
    margin-bottom: 8vw;
    padding-top: 4vw;
  }
}

/******* reset.scss *******/
html {
  font-size: 62.5%;
}

html,
body {
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  margin: 0;
  max-width: 100%;
  min-height: 100%;
  padding: 0;
  text-align: center;
  position: relative;
  -webkit-text-size-adjust: 100%;
}

div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fildset, input, textarea, p, blockquote, table, th, td, address, textarea, input {
  font-weight: 400;
  color: #000;
  font-size: 15px;
  font-size: 1.5rem;
  font-style: normal;
  line-height: 160%;
  margin: 0;
  padding: 0;
  word-wrap: break-word;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

caption, th {
  text-align: left;
}

td, th {
  vertical-align: top;
}

fieldset, img, abbr {
  border: none;
}

li {
  list-style-type: none;
}

strong {
  font-weight: bold;
}

a {
  color: #bf1d6c;
  text-decoration: underline;
}
a:hover {
  text-decoration: none;
}

img {
  vertical-align: bottom;
}

/******pc******/
.wrapper {
  margin: 0 auto;
  text-align: left;
  position: relative;
}

br.sp {
  display: none;
}

img.sp {
  display: none;
}

/******header******/
header {
  background: url("../img/headBg.png") no-repeat 50% 100%;
  background-size: cover;
  position: relative;
  z-index: 10;
}
header .headCont {
  height: 61vw;
  min-height: 960px;
  max-width: 1040px;
  margin: 0 auto;
  padding: 0 50px;
  position: relative;
}
header .headLogo {
  position: absolute;
  top: 20px;
  left: 50px;
  width: 428px;
}
header .headLogo img {
  width: 100%;
}
header .headRank {
  position: absolute;
  right: 30px;
  top: 22vw;
  width: 462px;
}
header .headRank img {
  width: 100%;
}
header .headLead {
  margin: 0 auto;
  position: absolute;
  bottom: 12vw;
  left: 0;
  right: 0;
  text-align: center;
}
header h1 {
  position: absolute;
  top: 7vw;
  left: 50px;
  width: 560px;
}
header h1 img {
  width: 100%;
}
header .headLinkArea {
  position: absolute;
  top: 19vw;
  left: 50px;
  width: 546px;
  z-index: 20;
}
header .headLinkArea h2 {
  background: url("../img/headLinkBg.png") no-repeat 50% 0;
  background-size: cover;
  color: #fff;
  font-size: 150%;
  margin: 0 auto 20px;
  padding: 3px 0 0;
  text-align: center;
  width: 254px;
}
header .headLinkArea .price {
  margin-right: -10px;
}
header .headLinkArea .price img {
  width: 100%;
}
header .headLinkArea .linkBtn {
  width: 100%;
}
@media screen and (max-width: 1480px) {
  header .headRank {
    top: 27vw;
    right: 50px;
    width: 30vw;
  }
  header .headLinkArea {
    top: 22vw;
    max-width: 546px;
    width: 44vw;
  }
  header .headLead {
    bottom: 10vw;
    width: 60vw;
  }
  header .headLead img {
    width: 100%;
  }
}
@media screen and (max-width: 1300px) {
  header h1 {
    top: 9vw;
  }
  header .headRank {
    top: 32vw;
    width: 32vw;
  }
  header .headLinkArea {
    top: 26vw;
  }
  header .headLead {
    bottom: 12vw;
    width: 70vw;
  }
}
@media screen and (max-width: 1140px) {
  header h1 {
    top: 12vw;
  }
  header .headRank {
    top: 36vw;
    width: 36vw;
  }
  header .headLinkArea {
    top: 30vw;
  }
}

/******footer******/
footer {
  padding-bottom: 10px;
  text-align: center;
}
footer .footLogo {
  background-color: #004890;
  margin-bottom: 10px;
  padding: 20px 0;
}
footer .footLogo img {
  width: 230px;
}
footer .footCopy {
  color: #192e5f;
}

/******main******/
main {
  display: block;
}

.linkBtn {
  background-color: #fff;
  margin: 0 auto;
  width: 490px;
}
.linkBtn a {
  background-color: #00488f;
  color: #fff;
  font-size: 145%;
  font-weight: 700;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  text-decoration: none;
  transition: opacity 0.6s;
  text-decoration: none;
}
.linkBtn a:hover {
  opacity: 0.8;
}
.linkBtn a:before {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  overflow: hidden;
  text-indent: 180%;
  white-space: nowrap;
  content: "";
  display: block;
  height: 19px;
  width: 21px;
  background-image: url("../img/cartIcon.png");
  margin-top: -2px;
  margin-right: 15px;
}

.secCont {
  max-width: 1040px;
  margin: 0 auto;
  padding: 50px;
  position: relative;
}

.secCont2 {
  max-width: 1040px;
  margin: 0 auto;
  position: relative;
}


.h201 {
  background: url("../img/h201bg.jpg") no-repeat 50% 0;
  background-size: cover;
  margin-top: -130px;
}
.h201 .secCont {
  padding-top: 190px;
}
.h201 h2 {
  color: #3a8ae1;
  font-size: 225%;
  margin: 0 auto 40px;
  letter-spacing: 0.05em;
  text-align: center;
}
.h201 h2 span {
  font-size: 120%;
}
.h201 h2 br {
  display: none;
}
@media screen and (max-width: 1140px) {
  .h201 h2 br {
    display: inline-block;
  }
}
.h201 .rowArea {
  flex-flow: row-reverse;
}

.rowArea {
  display: flex;
  justify-content: space-between;
}
.rowArea .detail {
  width: 51%;
}
.rowArea .pict {
  width: 46%;
}
.rowArea .pict img {
  width: 100%;
}

.h202 .rowArea .pict {
  text-align: center;
  width: 48%;
}
.h202 .rowArea p {
  color: #1a1a1a;
  font-size: 105%;
  margin-top: 10px;
}

.secLinkArea {
  background-color: #f4efea;
}
.secLinkArea h2 {
  color: #00488f;
  font-size: 265%;
  margin: 0 auto 20px;
  line-height: 110%;
  text-align: center;
}
.secLinkArea h2 span {
  display: block;
  font-size: 50%;
}
.secLinkArea .priceArea {
  margin-bottom: 40px;
  padding: 20px 380px 0 0;
  position: relative;
}
.secLinkArea .priceArea .pict {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 350px;
}
.secLinkArea .priceArea .pict img {
  width: 100%;
}
.secLinkArea .priceArea .priceRow {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin: 0 -10px 2px 0;
}
.secLinkArea .priceArea .priceRow p {
  font-size: 310%;
  line-height: 120%;
  margin-bottom: 10px;
  text-align: center;
  position: relative;
}
.secLinkArea .priceArea .priceRow p:after {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  overflow: hidden;
  text-indent: 180%;
  white-space: nowrap;
  content: "";
  display: block;
  height: 30px;
  width: 12px;
  background-image: url("../img/arrow.png");
  position: absolute;
  top: 20px;
  right: -30px;
}
.secLinkArea .priceArea .priceRow p .normal {
  display: block;
  line-height: 100%;
  font-size: 30%;
}
.secLinkArea .priceArea .priceRow p .yen {
  font-size: 50%;
  font-weight: 700;
}
.secLinkArea .priceArea .priceRow .price {
  width: 480px;
}
.secLinkArea .priceArea .priceRow .price img {
  width: 100%;
}
@media screen and (max-width: 1140px) {
  .secLinkArea .priceArea {
    padding-right: 32vw;
  }
  .secLinkArea .priceArea .pict {
    width: 30vw;
  }
  .secLinkArea .priceArea .priceRow p {
    font-size: 280%;
    margin-bottom: 8px;
  }
  .secLinkArea .priceArea .priceRow p:after {
    right: -3vw;
  }
  .secLinkArea .priceArea .priceRow .price {
    width: 42vw;
  }
}
.secLinkArea .priceInfo {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.secLinkArea .priceInfo li {
  background-color: #ffb531;
  color: #fff;
  font-size: 120%;
  font-weight: 700;
  max-width: 210px;
  padding: 6px 0;
  text-align: center;
  width: 32%;
}
.secLinkArea .priceNote li {
  padding-left: 1.2em;
  text-indent: -1.2em;
}
.secLinkArea .returnInfo {
  border: 4px solid #CACACA;
  background-color: #fff;
  margin-top: 50px;
  padding: 30px 135px;
}
.secLinkArea .returnInfo dt {
  color: #2560b7;
  margin: 0 auto 35px;
  position: relative;
  text-align: center;
}
.secLinkArea .returnInfo dt:before {
  background-color: #2560b7;
  content: "";
  height: 1px;
  position: absolute;
  top: 11px;
  left: 0;
  width: 100%;
}
.secLinkArea .returnInfo dt span {
  background-color: #fff;
  display: inline-block;
  margin-bottom: 15px;
  padding: 0 30px;
  position: relative;
}
.secLinkArea .returnInfo dt strong {
  font-size: 210%;
  font-weight: 600;
  display: block;
}
.secLinkArea .returnInfo dd {
  color: #2560b7;
  font-size: 92%;
  padding-left: 1.2em;
  text-indent: -1.2em;
}

.h203 .figArea {
  min-height: 490px;
  margin-bottom: 30px;
  padding: 0 520px 0 0;
  position: relative;
}
.h203 .figArea h2 {
  color: #579af2;
  font-size: 305%;
  margin-bottom: 20px;
  line-height: 90%;
}
.h203 .figArea h2 .balloon {
  background-color: #7AAFF3;
  border-radius: 30px;
  display: block;
  color: #fff;
  font-size: 38%;
  margin-bottom: 30px;
  line-height: 120%;
  padding: 8px 0;
  text-align: center;
  position: relative;
}
.h203 .figArea h2 .balloon:after {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  overflow: hidden;
  text-indent: 180%;
  white-space: nowrap;
  content: "";
  display: block;
  height: 10px;
  width: 12px;
  background-image: url("../img/titleBg02.png");
  position: absolute;
  bottom: -10px;
  left: 50px;
}
.h203 .figArea h2 .small01 {
  font-size: 80%;
}
.h203 .figArea h2 .small02 {
  font-size: 60%;
  line-height: 100%;
}
.h203 .figArea .fig {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 480px;
}
.h203 .figArea .fig img {
  width: 100%;
}
@media screen and (max-width: 1140px) {
  .h203 .figArea {
    padding-right: 45vw;
  }
  .h203 .figArea .fig {
    width: 41vw;
  }
}
.h203 .movie {
  margin: 0 auto;
  height: 0;
  overflow: hidden;
  position: relative;
  padding-bottom: 43.27%;
  width: 800px;
}
.h203 .movie iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.h204 {
  padding: 60px 0;
}
.h204 h2 {
  color: #3a8ae1;
  font-size: 240%;
  margin: 0 auto 45px;
  text-align: center;
}
.h204 h2 span {
  font-size: 240%;
}
.h204 .reasonThum {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.h204 .reasonThum li {
  border-top: 4px solid #fff;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #B1B1B1;
  box-sizing: border-box;
  cursor: pointer;
  color: #00488f;
  font-size: 120%;
  padding: 10px 0 15px;
  text-align: center;
  width: 20%;
  transition: all 0.3s;
}
.h204 .reasonThum li span {
  color: #7aaff3;
  display: block;
  font-size: 110%;
}
.h204 .reasonThum li span i {
  font-size: 140%;
}
.h204 .reasonThum li.current {
  border-top-color: #7AAFF3;
  border-right-color: #B1B1B1;
  border-left-color: #B1B1B1;
  border-bottom-color: #fff;
}
.h204 .reasonThum li:first-child {
  border-left: none;
}
.h204 .reasonThum li:last-child {
  border-right: none;
}
@media screen and (max-width: 1400px) {
  .h204 .reasonThum li {
    font-size: 1.3vw;
  }
}
.h204 .reasonAccordion {
  display: none;
  color: #00488f;
  font-size: 120%;
}
.h204 .reasonAccordion span {
  color: #7aaff3;
  font-size: 110%;
}
.h204 .reasonAccordion span i {
  font-size: 140%;
}
.h204 .reasonSlide {
  max-width: 1040px;
  margin: 0 auto;
  padding: 0 50px;
}
.h204 .reasonSlide .slick-arrow {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  overflow: hidden;
  text-indent: 180%;
  white-space: nowrap;
  content: "";
  display: block;
  height: 60px;
  width: 30px;
  background-image: url("../img/slideArrow.png");
  cursor: pointer;
  margin-top: -15px;
  position: absolute;
  top: 50%;
  right: -40px;
  z-index: 20;
}
.h204 .reasonSlide .slick-arrow.prev {
  right: auto;
  left: -40px;
  transform: scale(-1, 1);
}
@media screen and (max-width: 1130px) {
  .h204 .reasonSlide .slick-arrow {
    right: 0;
  }
  .h204 .reasonSlide .slick-arrow.prev {
    left: 0;
  }
}
.h204 .reasonCont {
  max-width: 1040px;
  margin: 0 auto;
  position: relative;
}
.h204 .reasonCont h3 {
  color: #00488f;
  font-size: 200%;
  margin: 0 auto 35px;
  text-align: center;
}
.h204 .reasonCont h3 span {
  background: url("../img/reasonTitleBg.png") no-repeat 50% 0;
  background-size: 100%;
  color: #7aaff3;
  display: inline-block;
  font-size: 65%;
  margin-right: 25px;
  padding: 28px 0 0;
  width: 84px;
}
.h204 .reasonCont h3 span i {
  font-size: 140%;
}
.h204 .reasonCont .note {
  margin-top: 20px;
  padding-left: 1.2em;
  text-indent: -1.2em;
}

.pointArea {
  background-color: #F5FDFF;
}
.pointArea .pointRowArea {
  min-height: 340px;
  padding: 0 520px 0 0;
  position: relative;
}
.pointArea .pointRowArea:last-of-type {
  margin-top: 60px;
}
.pointArea .pointRowArea .movie {
  position: absolute;
  top: 35px;
  right: 0px;
  text-align: center;
  width: 480px;
}
.pointArea .pointRowArea .movie span {
  display: block;
  margin-top: 8px;
}
.pointArea .pointRowArea .movie img {
  width: 100%;
}
.pointArea .pointRowArea .movie video {
  width: 100%;
}
.pointArea .pointRowArea h3 {
  background: url("../img/pointBg01.png") no-repeat 50% 100%;
  background-size: 100%;
  color: #00488f;
  font-size: 185%;
  margin-bottom: 20px;
  padding: 30px 0 25px 52px;
  position: relative;
}
.pointArea .pointRowArea h3 span {
  background: url("../img/pointBg02.png") no-repeat 50% 0;
  background-size: cover;
  box-sizing: border-box;
  color: #fff;
  font-size: 57%;
  height: 98px;
  display: flex;
  flex-flow: column;
  justify-content: center;
  line-height: 120%;
  align-items: center;
  text-align: center;
  padding-top: 18px;
  position: absolute;
  top: 0px;
  left: -40px;
  width: 80px;
}
.pointArea .pointRowArea h3 span i {
  display: block;
  font-size: 250%;
  line-height: 105%;
  margin-right: 5px;
}
.pointArea .pointRowArea .note {
  margin-top: 20px;
}
.pointArea .pointRowArea .note li {
  padding-left: 1.2em;
  text-indent: -1.2em;
}

.pointArea .usage01 {
  margin-bottom: 60px;
}

.h205 {
  background-color: #F5FDFF;
}
.h205 .pictArea {
  min-height: 340px;
  margin-bottom: 60px;
  padding: 0 520px 0 0;
  position: relative;
}

.h205 .pictArea2 {
  min-height: 340px;
  margin-bottom: 60px;
  padding: 0;
  position: relative;
}
.h205 .pictArea .pict {
  position: absolute;
  top: 0px;
  right: 0px;
  text-align: center;
  width: 480px;
}
.h205 .pictArea .pict img,
.h205 .pictArea2 .pict2 img {
  width: 100%;
}
.h205 .pictArea2 .pict2 {
  position: relative;
  text-align: left;
  max-width: 700px;
  margin: auto;
  overflow-x: hidden;
}
.h205 .pictArea2 .pict2 .txt {
  position: absolute;
  bottom: 0;
  color: #fff;
  font-size: 173%;
  font-weight: 700;
  padding: 0 0 60px 30px;
  text-shadow: 0px 0px 4px rgba(0,0,0,0.3);
  width: 100%;
}
.h205 .pictArea.re {
  padding-right: 0;
  padding-left: 520px;
}
.h205 .pictArea.re .pict {
  right: auto;
  left: 0;
}
.h205 h3 {
  color: #3a8ae1;
  font-size: 173%;
  margin-bottom: 25px;
}
.h205 h3 span {
  background: url("../img/h205bg.png") no-repeat 50% 0;
  background-size: 100%;
  color: #fff;
  font-size: 53%;
  display: block;
  line-height: 130%;
  margin-bottom: 4px;
  padding: 4px 0 7px;
  text-align: center;
  width: 220px;
}
.h205 .comparisonArea {
  margin-top: 40px;
  display: flex;
  justify-content: space-between;
}
.h205 .comparisonArea ul {
  width: 25%;
}
.h205 .comparisonArea ul li {
  background-color: #fff;
  display: flex;
  align-items: center;
  height: 60px;
  font-weight: 700;
  padding-left: 30px;
}
.h205 .comparisonArea ul li:first-child {
  background-color: #CACACA;
  height: 40px;
}
.h205 .comparisonArea ul li:nth-child(2n) {
  background-color: #F0F0F0;
}
.h205 .comparisonArea .comparisonCont {
  width: 75%;
}
.h205 .comparisonArea .comparison {
  display: flex;
  justify-content: space-between;
}
.h205 .comparisonArea .comparison dl {
  width: 33.3333%;
}
.h205 .comparisonArea .comparison dl:nth-of-type(1) dt {
  background-color: #7AAFF3;
}
.h205 .comparisonArea .comparison dl:nth-of-type(2) dt {
  background-color: #666666;
}
.h205 .comparisonArea .comparison dl:nth-of-type(3) dt {
  background-color: #4D4D4D;
}
.h205 .comparisonArea .comparison dl dt {
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
}
.h205 .comparisonArea .comparison dl dd {
  background-color: #fff;
  border-left: 1px dashed #b1b1b1;
  font-size: 105%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60px;
}
.h205 .comparisonArea .comparison dl dd span {
  color: #ff0000;
  font-weight: 700;
}
.h205 .comparisonArea .comparison dl dd:nth-child(2n) {
  background-color: #F0F0F0;
}
.h205 .comparisonArea .comparison dl dd.price {
  color: #ff0000;
  font-weight: 700;
}

.h206 .voice {
  display: flex;
  justify-content: space-between;
  margin-bottom: 80px;
}
.h206 .voice:last-of-type {
  margin-bottom: 0;
}
.h206 .voice .pict {
  width: 30%;
}
.h206 .voice .pict img {
  width: 100%;
}
.h206 .voice .detail {
  width: 64.5%;
}
.h206 .voice .detail h3 {
  color: #1a1a1a;
  font-size: 150%;
  margin-bottom: 10px;
}
.h206 .voice .detail .name {
  font-size: 130%;
  margin-top: 25px;
  line-height: 140%;
}
.h206 .voice .detail .name .small01 {
  font-size: 70%;
}
.h206 .voice .detail .name .small02 {
  font-size: 70%;
}
.voice2 {
  margin-top: 20px;
  margin: 30px auto 0 auto;
  padding: 8px 20px 15px 20px;
  max-width: 600px;
  border-radius: 5px;
  border: 1px solid rgb(122,175,243);
}

.h205 .voice2 .hd {
  font-size: 130%;
  border-bottom: 1px solid rgb(122,175,243);
  margin-bottom: 16px;
  line-height: 150%;
}
.h205 .voice2 .em {
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 700;
  font-size: 130%;
  color: rgb(122,175,243);
  }
.h207 table th {
  border-bottom: 1px solid #CACACA;
  color: #1a1a1a;
  font-weight: 700;
  padding: 15px 20px;
  vertical-align: middle;
  width: 240px;
}
.h207 table td {
  border-bottom: 1px solid #CACACA;
  padding: 15px 20px;
}
.h207 table tr:first-of-type th,
.h207 table tr:first-of-type td {
  border-top: 1px solid #CACACA;
}
.h207 table tr:nth-of-type(odd) th,
.h207 table tr:nth-of-type(odd) td {
  background-color: #EBF4FD;
}

/******sp******/
@media screen and (max-width: 960px) {
  div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fildset, input, textarea, p, blockquote, table, th, td, address, div {
    font-size: 2.8vw;
    line-height: 180%;
  }

  br.sp {
    display: inline-block;
  }

  img.sp {
    display: inline-block;
  }
  img.sp + img {
    display: none;
  }

  /******header******/
  header {
    background-image: url("../img/headBg_sp.png");
  }
  header .headCont {
    height: 177vw;
    min-height: 0px;
    padding: 0;
  }
  header .headLogo {
    left: 4vw;
    top: 4vw;
    width: 83.8vw;
  }
  header .headRank {
    left: 1vw;
    right: auto;
    top: 24vw;
    width: 56vw;
  }
  header .headLead {
    bottom: 20vw;
    width: 99vw;
  }
  header h1 {
    margin: 0 auto;
    top: 46vw;
    left: 0;
    right: 0;
    text-align: center;
    width: 85.8vw;
  }
  header .headLinkArea {
    max-width: 100%;
    top: 70vw;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 92vw;
  }
  header .headLinkArea h2 {
    background-image: url("../img/headLinkBg_sp.png");
    background-size: 100%;
    margin: 0 auto 2vw;
    padding-top: 0.5vw;
    line-height: 150%;
    width: 52vw;
  }
  header .headLinkArea .price {
    margin-right: -2.2vw;
  }

  /******footer******/
  footer {
    padding-bottom: 3vw;
  }
  footer .footLogo {
    margin-bottom: 3vw;
    padding: 3vw 0;
  }
  footer .footLogo img {
    width: 44vw;
  }

  /******main******/
  .linkBtn {
    width: 100%;
  }
  .linkBtn a {
    font-size: 145%;
    height: 14.6vw;
  }
  .linkBtn a:before {
    margin-top: 0;
    margin-right: 2vw;
    height: 4.933vw;
    width: 5.2vw;
  }

  .secCont {
    max-width: 92%;
    padding: 10vw 0;
    width: 92%;
  }

  .h201 {
    background-image: url("../img/h201bg_sp.jpg");
    margin-top: -10vw;
  }
  .h201 .secCont {
    padding-top: 15vw;
  }
  .h201 h2 {
    font-size: 160%;
    margin: 0 auto 7vw;
  }

  .rowArea {
    display: block;
  }
  .rowArea .detail {
    width: 100%;
  }
  .rowArea .pict {
    margin-bottom: 6vw;
    width: 100%;
  }

  .h202 .rowArea .pict {
    width: 100%;
  }
  .h202 .rowArea .pict:last-of-type {
    margin-bottom: 0;
  }
  .h202 .rowArea p {
    margin-top: 2vw;
  }

  .secLinkArea .secCont {
    padding: 8vw 0;
  }
  .secLinkArea h2 {
    margin: 0 auto 13vw;
  }
  .secLinkArea .priceArea {
    margin-bottom: 2vw;
    padding: 0;
  }
  .secLinkArea .priceArea .pict {
    top: -10vw;
    right: -3vw;
    width: 56vw;
  }
  .secLinkArea .priceArea .priceRow {
    display: block;
    margin: 0;
  }
  .secLinkArea .priceArea .priceRow p {
    font-size: 280%;
    line-height: 120%;
    margin-bottom: 11vw;
    text-align: left;
    width: 30vw;
  }
  .secLinkArea .priceArea .priceRow p:after {
    background-image: url("../img/arrow_sp.png");
    height: 3.2vw;
    width: 8vw;
    bottom: -8vw;
    top: auto;
    right: auto;
    left: 10.2vw;
  }
  .secLinkArea .priceArea .priceRow p .normal {
    display: block;
    line-height: 100%;
    font-size: 40%;
    padding-left: 1vw;
  }
  .secLinkArea .priceArea .priceRow p .yen {
    font-size: 50%;
    font-weight: 700;
  }
  .secLinkArea .priceArea .priceRow .price {
    width: 100%;
  }
  .secLinkArea .priceArea .priceRow .price img {
    width: 100%;
  }
  .secLinkArea .priceInfo {
    margin-bottom: 5vw;
  }
  .secLinkArea .priceInfo li {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    line-height: 120%;
    padding: 1vw 0;
  }
  .secLinkArea .returnInfo {
    margin-top: 9vw;
    padding: 5vw 6vw;
  }
  .secLinkArea .returnInfo dt {
    margin: 0 auto 3vw;
  }
  .secLinkArea .returnInfo dt:before {
    top: 2.2vw;
  }
  .secLinkArea .returnInfo dt span {
    margin-bottom: 2vw;
    padding: 0 3vw;
  }

  .h203 .figArea {
    margin-bottom: 10vw;
    padding: 0;
    position: relative;
  }
  .h203 .figArea h2 {
    color: #579af2;
    font-size: 305%;
    margin-bottom: 3vw;
    line-height: 90%;
  }
  .h203 .figArea h2 .balloon {
    margin-bottom: 7vw;
  }
  .h203 .figArea h2 .balloon:after {
    left: 8vw;
  }
  .h203 .figArea .fig {
    margin-bottom: 5vw;
    position: relative;
    top: auto;
    right: auto;
    width: 100%;
  }
  .h203 .movie {
    padding-bottom: 56.25%;
    width: 100%;
  }

  .h204 {
    border-bottom: 1px solid #B1B1B1;
    padding: 12vw 0 0;
  }
  .h204 h2 {
    color: #3a8ae1;
    font-size: 180%;
    margin: 0 auto 3vw;
    text-align: center;
  }
  .h204 h2 span {
    font-size: 240%;
  }
  .h204 .reasonThum {
    display: none;
  }
  .h204 .reasonAccordion {
    border-top: 1px solid #B1B1B1;
    display: block;
    cursor: pointer;
    line-height: 140%;
    padding: 1.5vw 0;
    text-align: center;
    transition: all 0.6s;
  }
  .h204 .reasonSlide {
    max-width: 1040px;
    margin: 0 auto;
    padding: 0;
  }
  .h204 .show .reasonAccordion {
    border-top: 4px solid #7AAFF3;
    border-bottom: 1px solid #B1B1B1;
  }
  .h204 .show .reasonCont {
    max-height: 200vw;
    padding-top: 2vw;
    padding-bottom: 6vw;
  }
  .h204 .reasonCont {
    max-width: 92%;
    max-height: 0;
    overflow: hidden;
    transition: all 0.6s;
  }
  .h204 .reasonCont h3 {
    font-size: 150%;
    margin: 0 auto 5vw;
    text-align: left;
  }
  .h204 .reasonCont h3 span {
    display: block;
    font-size: 80%;
    margin-right: 0;
    padding: 8vw 0 0;
    text-align: center;
    width: 20vw;
  }
  .h204 .reasonCont h3 span i {
    font-size: 140%;
  }
  .h204 .reasonCont .note {
    margin-top: 2vw;
  }

  .pointArea .pointRowArea {
    padding: 0;
  }
  .pointArea .pointRowArea:last-of-type {
    margin-top: 14vw;
  }
  .pointArea .pointRowArea .movie {
    margin-top: 5vw;
    position: relative;
    top: auto;
    right: auto;
    width: 100%;
  }
  .pointArea .pointRowArea .movie span {
    text-align: left;
  }
  .pointArea .pointRowArea .movie img {
    width: 100%;
  }
  .pointArea .pointRowArea h3 {
    background-image: url("../img/pointBg01_sp.png");
    margin-bottom: 3vw;
    padding: 5vw 0 5vw 15vw;
  }
  .pointArea .pointRowArea h3 span {
    font-size: 57%;
    height: 19.7vw;
    line-height: 120%;
    padding-top: 3vw;
    left: -3.8vw;
    width: 16.2vw;
  }
  .pointArea .pointRowArea h3 span i {
    margin-right: 1vw;
  }
  .pointArea .pointRowArea .note {
    margin-top: 3vw;
  }

  .h205 .pictArea {
    margin-bottom: 15vw;
    padding: 0 !important;
  }
  .h205 .pictArea .pict {
    position: relative;
    top: auto;
    right: auto;
    left: auto !important;
    margin-bottom: 6vw;
    width: 100%;
  }

  .h205 .pictArea2 .pict2 .txt {
    color: #fff;
    font-size: 120%;
    font-weight: 700;
    padding: 0 0 30px 10px;
    text-shadow: 0px 0px 4px rgba(0,0,0,0.3);
    width: 100%;
    line-height: 120%;
  }
  .h205 h3 {
    font-size: 173%;
    margin-bottom: 5vw;
  }
  .h205 h3 span {
    background-image: url("../img/h205bg_sp.png");
    font-size: 60%;
    margin-bottom: 0;
    padding: 1vw 0 2.5vw;
    text-align: center;
    width: 58vw;
  }
  .h205 .comparisonArea {
    margin-top: 8vw;
    display: flex;
    justify-content: space-between;
  }
  .h205 .comparisonArea ul {
    width: 40vw;
  }
  .h205 .comparisonArea ul li {
    height: 14vw;
    padding-left: 2vw;
  }
  .h205 .comparisonArea ul li:first-child {
    height: 12vw;
  }
  .h205 .comparisonArea .comparisonCont {
    overflow-x: scroll;
  }
  .h205 .comparisonArea .comparison {
    width: 120vw;
  }
  .h205 .comparisonArea .comparison dl dt {
    height: 12vw;
    line-height: 120%;
    text-align: center;
  }
  .h205 .comparisonArea .comparison dl dd {
    height: 14vw;
  }

  .h206 .voice {
    display: block;
    margin-bottom: 15vw;
  }
  .h206 .voice:last-of-type {
    margin-bottom: 0;
  }
  .h206 .voice .pict {
    margin-bottom: 6vw;
    width: 100%;
  }
  .h206 .voice .detail {
    width: 100%;
  }
  .h206 .voice .detail h3 {
    margin-bottom: 2vw;
  }
  .h206 .voice .detail .name {
    margin-top: 4vw;
  }

  .h207 table th {
    padding: 4vw;
    width: 28vw;
  }
  .h207 table td {
    padding: 4vw;
  }
}
@media screen and (max-width: 470px) {
  div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fildset, input, textarea, p, blockquote, table, th, td, address {
    font-size: 3.4vw;
  }
}

@media screen and (min-width: 800px) {
  .link_img img {
    width: 800px;
  }  
}
