@charset "UTF-8";
#snap_210817 {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  list-style: none;
  padding: 0;
  margin: 0;
  color: #000;
  overflow: hidden;
  margin-top: calc(40 *(100vw / 750));
  margin-bottom: calc(200 *(100vw / 750));
}

@media only screen and (min-width: 768px), print {
  #snap_210817 {
    margin-top: calc(35 *(100vw / 1400));
    margin-bottom: calc(160 *(100vw / 1400));
  }
}

@media only screen and (min-width: 1400px) {
  #snap_210817 {
    margin-top: 35px;
    margin-bottom: 160px;
  }
}

#snap_210817 a {
  display: block;
}

#snap_210817 img, #snap_210817 source, #snap_210817 svg {
  width: 100%;
  height: auto;
  position: relative;
}

.image_hover_bg {
  position: relative;
}

.image_hover_bg::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
}

a:hover .image_hover_bg::before {
  opacity: 1;
}

.bredlist.lp {
  min-width: auto;
  max-width: none;
  margin: 0 auto;
}

@media only screen and (min-width: 768px) {
  .bredlist.lp {
    width: calc(1200 *(100vw / 1400));
    max-width: 1200px;
  }
}

@media only screen and (max-width: 767px) {
  .bredlist.lp {
    max-width: calc(700 *(100vw / 750));
  }
}

#snap_210817 picture,
#snap_210817 video {
  display: block;
}

.fade,
.fade02,
.fade03,
.fade04,
.fade05 {
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
  opacity: 0;
}

.fade_in {
  opacity: 1;
}

.pc {
  display: none;
}

@media only screen and (min-width: 768px), print {
  .sp {
    display: none;
  }
  .pc {
    display: block;
  }
}

/* content0---------------------------------------------- */
/* sp------------------------------------------------------- */
/* sp------------------------------------------------------- */
/* tab------------------------------------------------------- */
/* tab------------------------------------------------------- */
/* pc------------------------------------------------------- */
.main-area {
  max-width: 100vw;
}

#snap_210817 {
  font-family: nimbus-sans, sans-serif;
  font-weight: 400;
  font-style: normal;
  max-width: 1400px;
  margin: auto;
}

.fade02 {
  -webkit-transition-delay: .9s;
          transition-delay: .9s;
}

.fade03 {
  -webkit-transition-delay: 1.5s;
          transition-delay: 1.5s;
}

.fade04 {
  -webkit-transition-delay: 1.2s;
          transition-delay: 1.2s;
}

.fade05 {
  -webkit-transition-delay: .6s;
          transition-delay: .6s;
}

.fade06 {
  -webkit-transition-delay: .3s;
          transition-delay: .3s;
}

.key__box {
  width: calc(750 *(100vw / 750));
  padding-bottom: 100%;
  position: relative;
  margin: auto;
}

@media only screen and (min-width: 768px), print {
  .key__box {
    padding: 0;
    width: calc(1200 *(100vw / 1400));
    max-width: 1200px;
    height: calc(727 *(100vw / 1400));
  }
}

@media only screen and (min-width: 1400px) {
  .key__box {
    height: 727px;
  }
}

.key__img01 {
  position: absolute;
  width: calc(275 *(100vw / 750));
  left: 0;
  top: calc(100 *(100vw / 750));
}

@media only screen and (min-width: 768px), print {
  .key__img01 {
    width: calc(280 *(100vw / 1400));
    max-width: 280px;
    top: calc(105 *(100vw / 1400));
    left: calc(70 *(100vw / 1400));
  }
}

@media only screen and (min-width: 1400px) {
  .key__img01 {
    top: 105px;
    left: 70px;
  }
}

.key__img02 {
  position: absolute;
  width: calc(210 *(100vw / 750));
  top: 0;
  left: calc(305 *(100vw / 750));
}

@media only screen and (min-width: 768px), print {
  .key__img02 {
    width: calc(210 *(100vw / 1400));
    max-width: 210px;
    top: calc(15 *(100vw / 1400));
    left: calc(530 *(100vw / 1400));
  }
}

@media only screen and (min-width: 1400px) {
  .key__img02 {
    top: 15px;
    left: 530px;
  }
}

.key__img03 {
  display: none;
}

@media only screen and (min-width: 768px), print {
  .key__img03 {
    display: block;
    position: absolute;
    width: calc(250 *(100vw / 1400));
    max-width: 250px;
    top: calc(70 *(100vw / 1400));
    right: calc(50 *(100vw / 1400));
  }
}

@media only screen and (min-width: 1400px) {
  .key__img03 {
    top: 70px;
    right: 50px;
  }
}

.key__img04 {
  position: absolute;
  width: calc(180 *(100vw / 750));
  top: calc(353 *(100vw / 750));
  left: calc(205 *(100vw / 750));
  z-index: 5;
}

@media only screen and (min-width: 768px), print {
  .key__img04 {
    width: calc(190 *(100vw / 1400));
    max-width: 190px;
    top: calc(318 *(100vw / 1400));
    left: calc(315 *(100vw / 1400));
  }
}

@media only screen and (min-width: 1400px) {
  .key__img04 {
    top: 318px;
    left: 315px;
  }
}

.key__img05 {
  position: absolute;
  width: calc(286 *(100vw / 750));
  top: calc(162 *(100vw / 750));
  z-index: -1;
  right: 0;
}

@media only screen and (min-width: 768px), print {
  .key__img05 {
    width: calc(280 *(100vw / 1400));
    max-width: 280px;
    top: calc(330 *(100vw / 1400));
    right: calc(270 *(100vw / 1400));
    z-index: 2;
  }
}

@media only screen and (min-width: 1400px) {
  .key__img05 {
    top: 330px;
    right: 270px;
  }
}

.key__head {
  white-space: nowrap;
  position: absolute;
  top: calc(615 *(100vw / 750));
  left: calc(20 *(100vw / 750));
  letter-spacing: -0.01em;
  font-family: nimbus-sans, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: calc(60 *(100vw / 750));
}

@media only screen and (min-width: 768px), print {
  .key__head {
    top: calc(604 *(100vw / 1400));
    left: calc(50 *(100vw / 1400));
    font-size: calc(46 *(100vw / 1400));
  }
}

@media only screen and (min-width: 1400px) {
  .key__head {
    font-size: 46px;
    top: 604px;
    left: 50px;
  }
}

.key__text {
  display: block;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
  font-size: calc(22 *(100vw / 750));
  letter-spacing: -0.05em;
}

@media only screen and (min-width: 768px), print {
  .key__text {
    font-size: calc(14 *(100vw / 1400));
    margin-top: calc(10 *(100vw / 1400));
  }
}

@media only screen and (min-width: 1400px) {
  .key__text {
    font-size: 14px;
    margin-top: 10px;
  }
}

.ct01__box {
  position: relative;
  width: calc(670 *(100vw / 750));
  margin: auto;
  margin-top: calc(230 *(100vw / 750));
}

@media only screen and (min-width: 768px), print {
  .ct01__box {
    width: calc(620 *(100vw / 1400));
    max-width: 620px;
    margin-top: calc(175 *(100vw / 1400));
  }
}

@media only screen and (min-width: 1400px) {
  .ct01__box {
    margin-top: 175px;
  }
}

.ct01__head {
  font-family: nimbus-sans, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: calc(100 *(100vw / 750));
  position: absolute;
  z-index: 10;
  right: calc(0 *(100vw / 750));
  top: calc(-70 *(100vw / 750));
  letter-spacing: -0.01em;
}

@media only screen and (min-width: 768px), print {
  .ct01__head {
    font-size: calc(54 *(100vw / 1400));
    top: calc(-33 *(100vw / 1400));
    right: calc(64 *(100vw / 1400));
  }
}

@media only screen and (min-width: 1400px) {
  .ct01__head {
    font-size: 54px;
    top: -33px;
    right: 64px;
  }
}

.ct01__img01_box {
  position: relative;
  width: calc(600 *(100vw / 750));
  margin: auto;
}

@media only screen and (min-width: 768px), print {
  .ct01__img01_box {
    width: calc(420 *(100vw / 1400));
    max-width: 420px;
  }
}

.ct01__tax01 {
  position: absolute;
  z-index: 5;
  font-size: calc(26 *(100vw / 750));
  left: calc(-57 *(100vw / 750));
  top: calc(76 *(100vw / 750));
  white-space: nowrap;
}

@media only screen and (min-width: 768px), print {
  .ct01__tax01 {
    font-size: calc(16 *(100vw / 1400));
    top: calc(95 *(100vw / 1400));
    left: calc(-85 *(100vw / 1400));
  }
}

@media only screen and (min-width: 1400px) {
  .ct01__tax01 {
    font-size: 16px;
    top: 95px;
    left: -85px;
  }
}

.ct01__tax01::before {
  content: "";
  position: absolute;
  z-index: 5;
  width: calc(1 *(100vw / 750));
  height: calc(87 *(100vw / 750));
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  background-color: #000;
  top: calc(22 *(100vw / 750));
  left: calc(155 *(100vw / 750));
}

@media only screen and (min-width: 768px), print {
  .ct01__tax01::before {
    width: calc(1 *(100vw / 1400));
    max-width: 1px;
    height: calc(57 *(100vw / 1400));
    top: calc(0 *(100vw / 1400));
    left: calc(152 *(100vw / 1400));
    -webkit-transform: rotate(-52deg);
            transform: rotate(-52deg);
  }
}

@media only screen and (min-width: 1400px) {
  .ct01__tax01::before {
    height: 57px;
    left: 152px;
  }
}

.ct01__tax02 {
  position: absolute;
  z-index: 2;
  font-size: calc(26 *(100vw / 750));
  right: calc(-46 *(100vw / 750));
  top: calc(468 *(100vw / 750));
  white-space: nowrap;
}

@media only screen and (min-width: 768px), print {
  .ct01__tax02 {
    width: calc(1 *(100vw / 1400));
    max-width: 1px;
    font-size: calc(16 *(100vw / 1400));
    top: calc(320 *(100vw / 1400));
    right: calc(58 *(100vw / 1400));
  }
}

@media only screen and (min-width: 1400px) {
  .ct01__tax02 {
    font-size: 16px;
    top: 320px;
    right: 58px;
  }
}

.ct01__tax02::before {
  content: "";
  position: absolute;
  background-image: url(../img/pc_img/line.svg);
  background-repeat: no-repeat;
  z-index: 5;
  width: calc(69 *(100vw / 750));
  height: calc(15 *(100vw / 750));
  top: calc(13 *(100vw / 750));
  left: calc(-78 *(100vw / 750));
}

@media only screen and (min-width: 768px), print {
  .ct01__tax02::before {
    width: calc(73 *(100vw / 1400));
    max-width: 73px;
    height: calc(19 *(100vw / 1400));
    top: calc(6 *(100vw / 1400));
    left: calc(-82 *(100vw / 1400));
  }
}

@media only screen and (min-width: 1400px) {
  .ct01__tax02::before {
    height: 19px;
    top: 6px;
    left: -82px;
  }
}

.ct01__img_box {
  margin-top: calc(60 *(100vw / 750));
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media only screen and (min-width: 768px), print {
  .ct01__img_box {
    margin-top: calc(60 *(100vw / 1400));
  }
}

@media only screen and (min-width: 1400px) {
  .ct01__img_box {
    margin-top: 60px;
  }
}

.ct01__img02 {
  width: calc(310 *(100vw / 750));
}

@media only screen and (min-width: 768px), print {
  .ct01__img02 {
    width: calc(280 *(100vw / 1400));
    max-width: 280px;
  }
}

.ct01__tax_box {
  margin-top: calc(40 *(100vw / 750));
}

@media only screen and (min-width: 768px), print {
  .ct01__tax_box {
    margin-top: calc(28 *(100vw / 1400));
  }
}

@media only screen and (min-width: 1400px) {
  .ct01__tax_box {
    margin-top: 28px;
  }
}

.ct01__tax {
  line-height: 1.375;
  font-size: calc(24 *(100vw / 750));
}

@media only screen and (min-width: 768px), print {
  .ct01__tax {
    line-height: 1.69231;
    font-size: calc(13 *(100vw / 1400));
  }
}

@media only screen and (min-width: 1400px) {
  .ct01__tax {
    font-size: 13px;
  }
}

.ct02__box {
  position: relative;
  margin-left: calc(27 *(100vw / 750));
  margin-top: calc(230 *(100vw / 750));
}

@media only screen and (min-width: 768px), print {
  .ct02__box {
    margin-left: 0;
    width: calc(870 *(100vw / 1400));
    max-width: 870px;
    margin: auto;
    margin-top: calc(136 *(100vw / 1400));
  }
}

@media only screen and (min-width: 1400px) {
  .ct02__box {
    margin-top: 136px;
  }
}

.ct02__head {
  left: calc(20 *(100vw / 750));
}

@media only screen and (min-width: 768px), print {
  .ct02__head {
    top: calc(28 *(100vw / 1400));
    left: calc(11 *(100vw / 1400));
  }
}

@media only screen and (min-width: 1400px) {
  .ct02__head {
    top: 28px;
    left: -9px;
  }
}

.ct02__img01_box {
  position: relative;
  width: calc(525 *(100vw / 750));
  margin-left: calc(60 *(100vw / 750));
}

@media only screen and (min-width: 768px), print {
  .ct02__img01_box {
    width: calc(400 *(100vw / 1400));
    max-width: 400px;
    margin-left: calc(46 *(100vw / 1400));
  }
}

@media only screen and (min-width: 1400px) {
  .ct02__img01_box {
    margin-left: 46px;
  }
}

.ct02__tax01 {
  position: absolute;
  top: calc(100 *(100vw / 750));
  left: calc(405 *(100vw / 750));
}

@media only screen and (min-width: 768px), print {
  .ct02__tax01 {
    top: calc(130 *(100vw / 1400));
    left: calc(336 *(100vw / 1400));
  }
}

@media only screen and (min-width: 1400px) {
  .ct02__tax01 {
    top: 130px;
    left: 336px;
  }
}

.ct02__tax01::before {
  -webkit-transform: rotate(52deg);
          transform: rotate(52deg);
  height: calc(50 *(100vw / 750));
  top: calc(10 *(100vw / 750));
  left: calc(-30 *(100vw / 750));
}

@media only screen and (min-width: 768px), print {
  .ct02__tax01::before {
    height: calc(43 *(100vw / 1400));
    top: calc(0 *(100vw / 1400));
    left: calc(-30 *(100vw / 1400));
  }
}

@media only screen and (min-width: 1400px) {
  .ct02__tax01::before {
    height: 43px;
    left: -30px;
  }
}

.ct02__tax02 {
  position: absolute;
  top: calc(430 *(100vw / 750));
  left: calc(-30 *(100vw / 750));
}

@media only screen and (min-width: 768px), print {
  .ct02__tax02 {
    top: calc(372 *(100vw / 1400));
    left: calc(-53 *(100vw / 1400));
  }
}

@media only screen and (min-width: 1400px) {
  .ct02__tax02 {
    top: 372px;
    left: -53px;
  }
}

.ct02__tax02::before {
  height: calc(50 *(100vw / 750));
  top: calc(32 *(100vw / 750));
  left: calc(171 *(100vw / 750));
}

@media only screen and (min-width: 768px), print {
  .ct02__tax02::before {
    z-index: 2;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    background-image: url(../img/pc_img/line2.svg);
    background-repeat: no-repeat;
    width: calc(66 *(100vw / 1400));
    max-width: 66px;
    height: calc(12 *(100vw / 1400));
    background-color: transparent;
    top: calc(10 *(100vw / 1400));
    left: calc(115 *(100vw / 1400));
  }
}

@media only screen and (min-width: 1400px) {
  .ct02__tax02::before {
    height: 12px;
    top: 10px;
    left: 115px;
  }
}

.ct02__img_box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

@media only screen and (min-width: 768px), print {
  .ct02__img_box {
    margin-left: calc(190 *(100vw / 1400));
  }
}

@media only screen and (min-width: 1400px) {
  .ct02__img_box {
    margin-left: 190px;
  }
}

.ct02__img02 {
  width: calc(330 *(100vw / 750));
  margin-top: calc(280 *(100vw / 750));
}

@media only screen and (min-width: 768px), print {
  .ct02__img02 {
    width: calc(320 *(100vw / 1400));
    max-width: 320px;
    margin-top: calc(80 *(100vw / 1400));
  }
}

@media only screen and (min-width: 1400px) {
  .ct02__img02 {
    margin-top: 80px;
  }
}

.ct02__mini_img_box {
  margin-left: calc(32 *(100vw / 750));
}

@media only screen and (min-width: 768px), print {
  .ct02__mini_img_box {
    margin-left: 0;
  }
}

.ct02__img03 {
  width: calc(360 *(100vw / 750));
  margin-top: calc(40 *(100vw / 750));
}

@media only screen and (min-width: 768px), print {
  .ct02__img03 {
    width: calc(320 *(100vw / 1400));
    max-width: 320px;
    margin-top: calc(-290 *(100vw / 1400));
    margin-left: calc(39 *(100vw / 1400));
  }
}

@media only screen and (min-width: 1400px) {
  .ct02__img03 {
    margin-top: -290px;
    margin-left: 39px;
  }
}

.ct02__tax_box {
  margin-top: calc(105 *(100vw / 750));
  margin-left: calc(28 *(100vw / 750));
}

@media only screen and (min-width: 768px), print {
  .ct02__tax_box {
    margin-top: calc(25 *(100vw / 1400));
    margin-left: 0;
    text-align: right;
    margin-left: calc(25 *(100vw / 1400));
  }
}

@media only screen and (min-width: 1400px) {
  .ct02__tax_box {
    margin-top: 25px;
    margin-left: 25px;
  }
}

.ct03__box {
  width: calc(750 *(100vw / 750));
  margin: auto;
  margin-top: calc(165 *(100vw / 750));
}

@media only screen and (min-width: 768px), print {
  .ct03__box {
    width: calc(750 *(100vw / 1400));
    max-width: 750px;
    margin: 0;
    margin-top: calc(145 *(100vw / 1400));
    margin-left: calc(300 *(100vw / 1400));
  }
}

@media only screen and (min-width: 1400px) {
  .ct03__box {
    margin-top: 145px;
    margin-left: 300px;
  }
}

.ct03__top_box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.ct03__img01_box {
  position: relative;
  width: calc(412 *(100vw / 750));
  margin-top: calc(170 *(100vw / 750));
}

@media only screen and (min-width: 768px), print {
  .ct03__img01_box {
    z-index: 1;
    width: calc(400 *(100vw / 1400));
    max-width: 400px;
    margin-top: calc(100 *(100vw / 1400));
  }
}

@media only screen and (min-width: 1400px) {
  .ct03__img01_box {
    margin-top: 100px;
  }
}

.ct03__head {
  right: calc(-20 *(100vw / 750));
}

@media only screen and (min-width: 768px), print {
  .ct03__head {
    top: calc(35 *(100vw / 1400));
    right: calc(-20 *(100vw / 1400));
  }
}

@media only screen and (min-width: 1400px) {
  .ct03__head {
    top: 35px;
    right: -20px;
  }
}

.ct03__tax01 {
  top: calc(288 *(100vw / 750));
  left: calc(339 *(100vw / 750));
}

@media only screen and (min-width: 768px), print {
  .ct03__tax01 {
    top: calc(130 *(100vw / 1400));
    left: calc(-54 *(100vw / 1400));
  }
}

@media only screen and (min-width: 1400px) {
  .ct03__tax01 {
    top: 130px;
    left: -54px;
  }
}

.ct03__tax01::before {
  top: calc(-60 *(100vw / 750));
  left: calc(-44 *(100vw / 750));
  -webkit-transform: rotate(-54deg);
          transform: rotate(-54deg);
}

@media only screen and (min-width: 768px), print {
  .ct03__tax01::before {
    height: calc(30 *(100vw / 1400));
    top: calc(6 *(100vw / 1400));
    left: calc(140 *(100vw / 1400));
  }
}

@media only screen and (min-width: 1400px) {
  .ct03__tax01::before {
    height: 30px;
    top: 6px;
    left: 140px;
  }
}

.ct03__img02 {
  width: calc(300 *(100vw / 750));
}

@media only screen and (min-width: 768px), print {
  .ct03__img02 {
    width: calc(251 *(100vw / 1400));
    max-width: 251px;
  }
}

.ct03__btm_box {
  margin-right: calc(30 *(100vw / 750));
}

@media only screen and (min-width: 768px), print {
  .ct03__btm_box {
    margin-right: 0;
  }
}

.ct03__img02_box {
  position: relative;
}

.ct03__text {
  position: absolute;
  z-index: 3;
  top: calc(247 *(100vw / 750));
  left: calc(260 *(100vw / 750));
  width: calc(145 *(100vw / 750));
}

@media only screen and (min-width: 768px), print {
  .ct03__text {
    width: calc(110 *(100vw / 1400));
    max-width: 110px;
    top: calc(-20 *(100vw / 1400));
    left: calc(640 *(100vw / 1400));
  }
}

@media only screen and (min-width: 1400px) {
  .ct03__text {
    top: -20px;
    left: 640px;
  }
}

.ct03__img03 {
  position: relative;
  z-index: 2;
  margin-top: calc(-110 *(100vw / 750));
  margin-left: auto;
  width: calc(360 *(100vw / 750));
}

@media only screen and (min-width: 768px), print {
  .ct03__img03 {
    width: calc(351 *(100vw / 1400));
    max-width: 351px;
    margin-top: calc(-145 *(100vw / 1400));
    margin-right: calc(38 *(100vw / 1400));
  }
}

@media only screen and (min-width: 1400px) {
  .ct03__img03 {
    margin-top: -145px;
    margin-right: 38px;
  }
}

.ct03__img03::before {
  content: '';
  position: absolute;
  z-index: -1;
  top: calc(-40 *(100vw / 750));
  left: calc(-40 *(100vw / 750));
  width: 100%;
  height: 100%;
  background-color: #fff;
}

@media only screen and (min-width: 768px), print {
  .ct03__img03::before {
    top: calc(-30 *(100vw / 1400));
    left: calc(-30 *(100vw / 1400));
  }
}

@media only screen and (min-width: 1400px) {
  .ct03__img03::before {
    top: -30px;
    left: -30px;
  }
}

.ct03__tax_box {
  text-align: right;
}

@media only screen and (min-width: 768px), print {
  .ct03__tax_box {
    position: relative;
    z-index: 1;
    text-align: left;
    margin-top: calc(-300 *(100vw / 1400));
  }
}

@media only screen and (min-width: 1400px) {
  .ct03__tax_box {
    margin-top: -300px;
  }
}

.ct04__box {
  width: auto;
  margin-top: calc(155 *(100vw / 750));
}

@media only screen and (min-width: 768px), print {
  .ct04__box {
    width: calc(620 *(100vw / 1400));
    max-width: 620px;
    margin-top: calc(378 *(100vw / 1400));
    margin-left: calc(418 *(100vw / 1400));
  }
}

@media only screen and (min-width: 1400px) {
  .ct04__box {
    margin-top: 378px;
    margin-left: 418px;
  }
}

.ct04__img01_box {
  width: calc(525 *(100vw / 750));
  margin-left: calc(100 *(100vw / 750));
  position: relative;
}

@media only screen and (min-width: 768px), print {
  .ct04__img01_box {
    width: calc(420 *(100vw / 1400));
    max-width: 420px;
    margin-left: 0;
  }
}

.ct04__head {
  left: calc(-100 *(100vw / 750));
  top: calc(40 *(100vw / 750));
}

@media only screen and (min-width: 768px), print {
  .ct04__head {
    top: calc(37 *(100vw / 1400));
    left: calc(-52 *(100vw / 1400));
  }
}

@media only screen and (min-width: 1400px) {
  .ct04__head {
    top: 37px;
    left: -52px;
  }
}

.ct04__tax01 {
  left: calc(433 *(100vw / 750));
  top: calc(149 *(100vw / 750));
}

@media only screen and (min-width: 768px), print {
  .ct04__tax01 {
    top: calc(140 *(100vw / 1400));
    left: calc(330 *(100vw / 1400));
  }
}

@media only screen and (min-width: 1400px) {
  .ct04__tax01 {
    top: 140px;
    left: 330px;
  }
}

.ct04__tax01::before {
  -webkit-transform: rotate(50deg);
          transform: rotate(50deg);
  height: calc(61 *(100vw / 750));
  top: calc(9 *(100vw / 750));
  left: calc(-38 *(100vw / 750));
}

@media only screen and (min-width: 768px), print {
  .ct04__tax01::before {
    height: calc(38 *(100vw / 1400));
    top: calc(0 *(100vw / 1400));
    left: calc(-23 *(100vw / 1400));
  }
}

@media only screen and (min-width: 1400px) {
  .ct04__tax01::before {
    height: 38px;
    left: -23px;
  }
}

.ct04__tax02 {
  left: calc(-71 *(100vw / 750));
  top: calc(480 *(100vw / 750));
}

@media only screen and (min-width: 768px), print {
  .ct04__tax02 {
    top: calc(360 *(100vw / 1400));
    left: calc(-80 *(100vw / 1400));
  }
}

@media only screen and (min-width: 1400px) {
  .ct04__tax02 {
    top: 360px;
    left: -80px;
  }
}

.ct04__tax02::before {
  height: calc(38 *(100vw / 750));
  top: calc(33 *(100vw / 750));
  left: calc(206 *(100vw / 750));
}

@media only screen and (min-width: 768px), print {
  .ct04__tax02::before {
    z-index: 2;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    background-image: url(../img/pc_img/line2.svg);
    background-repeat: no-repeat;
    background-color: transparent;
    width: calc(66 *(100vw / 1400));
    max-width: 66px;
    height: calc(12 *(100vw / 1400));
    top: calc(10 *(100vw / 1400));
    left: calc(157 *(100vw / 1400));
  }
}

@media only screen and (min-width: 1400px) {
  .ct04__tax02::before {
    height: 12px;
    top: 10px;
    left: 157px;
  }
}

.ct04__img02 {
  width: calc(410 *(100vw / 750));
  margin-right: calc(60 *(100vw / 750));
  margin-left: auto;
  margin-top: calc(60 *(100vw / 750));
}

@media only screen and (min-width: 768px), print {
  .ct04__img02 {
    width: calc(280 *(100vw / 1400));
    max-width: 280px;
    margin-top: calc(-180 *(100vw / 1400));
    margin-right: 0;
    position: relative;
    z-index: 5;
  }
}

@media only screen and (min-width: 1400px) {
  .ct04__img02 {
    margin-top: -180px;
  }
}

@media only screen and (min-width: 768px), print {
  .ct04__img03_box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}

.ct04__img03 {
  width: calc(488 *(100vw / 750));
  margin: auto;
  margin-top: calc(60 *(100vw / 750));
}

@media only screen and (min-width: 768px), print {
  .ct04__img03 {
    width: calc(350 *(100vw / 1400));
    max-width: 350px;
    margin: 0;
    margin-top: calc(40 *(100vw / 1400));
    margin-left: calc(93 *(100vw / 1400));
  }
}

@media only screen and (min-width: 1400px) {
  .ct04__img03 {
    margin-top: 40px;
    margin-left: 93px;
  }
}

.ct04__tax_box {
  margin-left: calc(130 *(100vw / 750));
}

@media only screen and (min-width: 768px), print {
  .ct04__tax_box {
    white-space: nowrap;
    margin-left: calc(32 *(100vw / 1400));
  }
}

@media only screen and (min-width: 1400px) {
  .ct04__tax_box {
    margin-left: 32px;
  }
}

.ct05__box {
  width: auto;
  margin-top: calc(165 *(100vw / 750));
}

@media only screen and (min-width: 768px), print {
  .ct05__box {
    width: calc(830 *(100vw / 1400));
    max-width: 830px;
    margin-top: calc(140 *(100vw / 1400));
  }
}

@media only screen and (min-width: 1400px) {
  .ct05__box {
    margin-top: 140px;
  }
}

@media only screen and (min-width: 768px), print {
  .ct05__big_box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.ct05__img01_box {
  position: relative;
  width: calc(638 *(100vw / 750));
  margin: auto;
}

@media only screen and (min-width: 768px), print {
  .ct05__img01_box {
    width: calc(480 *(100vw / 1400));
    max-width: 480px;
    margin: 0;
  }
}

.ct05__tax01 {
  left: calc(-29 *(100vw / 750));
  top: calc(213 *(100vw / 750));
}

@media only screen and (min-width: 768px), print {
  .ct05__tax01 {
    top: calc(114 *(100vw / 1400));
    left: calc(-14 *(100vw / 1400));
  }
}

@media only screen and (min-width: 1400px) {
  .ct05__tax01 {
    top: 114px;
    left: -14px;
  }
}

.ct05__tax01::before {
  -webkit-transform: rotate(-50deg);
          transform: rotate(-50deg);
  height: calc(70 *(100vw / 750));
  top: calc(22 *(100vw / 750));
  left: calc(179 *(100vw / 750));
}

@media only screen and (min-width: 768px), print {
  .ct05__tax01::before {
    height: calc(50 *(100vw / 1400));
    top: calc(0 *(100vw / 1400));
    left: calc(147 *(100vw / 1400));
  }
}

@media only screen and (min-width: 1400px) {
  .ct05__tax01::before {
    height: 50px;
    left: 147px;
  }
}

.ct05__head {
  top: calc(50 *(100vw / 750));
  right: calc(17 *(100vw / 750));
}

@media only screen and (min-width: 768px), print {
  .ct05__head {
    top: calc(65 *(100vw / 1400));
    right: calc(-7 *(100vw / 1400));
  }
}

@media only screen and (min-width: 1400px) {
  .ct05__head {
    top: 65px;
    right: -7px;
  }
}

.ct05__tax_box {
  margin-left: calc(100 *(100vw / 750));
}

@media only screen and (min-width: 768px), print {
  .ct05__tax_box {
    margin-left: 0;
  }
}

.ct05__img02 {
  width: calc(412 *(100vw / 750));
  margin: auto;
  margin-top: calc(50 *(100vw / 750));
}

@media only screen and (min-width: 768px), print {
  .ct05__img02 {
    width: calc(280 *(100vw / 1400));
    max-width: 280px;
    margin: 0;
    margin-top: calc(133 *(100vw / 1400));
  }
}

@media only screen and (min-width: 1400px) {
  .ct05__img02 {
    margin-top: 133px;
  }
}

@media only screen and (min-width: 768px), print {
  .ct06 {
    width: calc(610 *(100vw / 1400));
    max-width: 610px;
    margin: auto;
  }
}

.ct06__box {
  width: calc(630 *(100vw / 750));
  margin: auto;
  margin-top: calc(157 *(100vw / 750));
}

@media only screen and (min-width: 768px), print {
  .ct06__box {
    width: calc(610 *(100vw / 1400));
    max-width: 610px;
    margin-top: calc(140 *(100vw / 1400));
    margin-left: calc(20 *(100vw / 1400));
  }
}

@media only screen and (min-width: 1400px) {
  .ct06__box {
    margin-top: 140px;
    margin-left: 20px;
  }
}

.ct06__img01_box {
  position: relative;
  width: calc(525 *(100vw / 750));
  margin-left: calc(34 *(100vw / 750));
}

@media only screen and (min-width: 768px), print {
  .ct06__img01_box {
    width: calc(440 *(100vw / 1400));
    max-width: 440px;
    margin-left: 0;
    margin-right: auto;
  }
}

.ct06__tax01 {
  top: calc(167 *(100vw / 750));
  left: calc(385 *(100vw / 750));
}

@media only screen and (min-width: 768px), print {
  .ct06__tax01 {
    top: calc(180 *(100vw / 1400));
    left: calc(-45 *(100vw / 1400));
  }
}

@media only screen and (min-width: 1400px) {
  .ct06__tax01 {
    top: 180px;
    left: -45px;
  }
}

.ct06__tax01::before {
  -webkit-transform: rotate(-130deg);
          transform: rotate(-130deg);
  height: calc(70 *(100vw / 750));
  top: calc(0 *(100vw / 750));
  left: calc(-41 *(100vw / 750));
}

@media only screen and (min-width: 768px), print {
  .ct06__tax01::before {
    -webkit-transform: rotate(120deg);
            transform: rotate(120deg);
    height: calc(40 *(100vw / 1400));
    top: calc(0 *(100vw / 1400));
    left: calc(160 *(100vw / 1400));
  }
}

@media only screen and (min-width: 1400px) {
  .ct06__tax01::before {
    height: 40px;
    left: 160px;
  }
}

.ct06__tax02 {
  top: calc(478 *(100vw / 750));
  left: calc(-30 *(100vw / 750));
}

@media only screen and (min-width: 768px), print {
  .ct06__tax02 {
    top: calc(265 *(100vw / 1400));
    left: calc(338 *(100vw / 1400));
  }
}

@media only screen and (min-width: 1400px) {
  .ct06__tax02 {
    top: 265px;
    left: 338px;
  }
}

.ct06__tax02::before {
  -webkit-transform: rotate(-50deg);
          transform: rotate(-50deg);
  height: calc(50 *(100vw / 750));
  top: calc(39 *(100vw / 750));
  left: calc(173 *(100vw / 750));
}

@media only screen and (min-width: 768px), print {
  .ct06__tax02::before {
    background-color: transparent;
    background-image: url(../img/pc_img/line.svg);
    background-repeat: no-repeat;
    width: calc(56 *(100vw / 1400));
    max-width: 56px;
    height: calc(19 *(100vw / 1400));
    top: calc(9 *(100vw / 1400));
    left: calc(-64 *(100vw / 1400));
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}

@media only screen and (min-width: 1400px) {
  .ct06__tax02::before {
    height: 19px;
    top: 9px;
    left: -64px;
  }
}

.ct06__head {
  top: calc(47 *(100vw / 750));
  left: calc(-82 *(100vw / 750));
}

@media only screen and (min-width: 768px), print {
  .ct06__head {
    top: calc(35 *(100vw / 1400));
    left: calc(367 *(100vw / 1400));
  }
}

@media only screen and (min-width: 1400px) {
  .ct06__head {
    top: 35px;
    left: 367px;
  }
}

.ct06__btm_box {
  margin-top: calc(50 *(100vw / 750));
  margin-left: calc(27 *(100vw / 750));
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

@media only screen and (min-width: 768px), print {
  .ct06__btm_box {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 0;
    margin-left: 0;
  }
}

.ct06__tax_box {
  margin-top: calc(385 *(100vw / 750));
  margin-right: calc(50 *(100vw / 750));
}

@media only screen and (min-width: 768px), print {
  .ct06__tax_box {
    margin-right: 0;
    margin-top: calc(22 *(100vw / 1400));
  }
}

@media only screen and (min-width: 1400px) {
  .ct06__tax_box {
    margin-top: 22px;
  }
}

.ct06__img02 {
  width: calc(360 *(100vw / 750));
}

@media only screen and (min-width: 768px), print {
  .ct06__img02 {
    position: relative;
    -webkit-transform: translateX(0);
            transform: translateX(0);
    z-index: 10;
    width: calc(250 *(100vw / 1400));
    max-width: 250px;
    margin-top: calc(-210 *(100vw / 1400));
  }
}

@media only screen and (min-width: 1400px) {
  .ct06__img02 {
    margin-top: -210px;
  }
}

.all_item_btn {
  font-size: calc(28 *(100vw / 750));
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 500;
  text-align: center;
  width: calc(675 *(100vw / 750));
  margin: auto;
  margin-top: calc(190 *(100vw / 750));
  margin-bottom: calc(200 *(100vw / 750));
  height: calc(125 *(100vw / 750));
  line-height: calc(125 *(100vw / 750));
  border: 1px solid #000;
}

@media only screen and (min-width: 768px), print {
  .all_item_btn {
    font-size: calc(18 *(100vw / 1400));
    width: calc(380 *(100vw / 1400));
    max-width: 380px;
    height: calc(62 *(100vw / 1400));
    line-height: calc(62 *(100vw / 1400));
    margin-top: calc(150 *(100vw / 1400));
    margin-bottom: calc(160 *(100vw / 1400));
  }
}

@media only screen and (min-width: 1400px) {
  .all_item_btn {
    font-size: 18px;
    height: 62px;
    line-height: 62px;
    margin-top: 150px;
    margin-bottom: 160px;
  }
}
/*# sourceMappingURL=style.css.map */