@charset "UTF-8";

* {

  margin: 0;

  padding: 0;

  box-sizing: border-box;

}

html {

  font-size: 62.5%;

}

body {

  background: url('../img/main_bg_pc.jpg') top center/100% auto repeat-y;

  text-align: center;

  font-family: "Hiragino Kakugo StdN", "Noto Sans Japanese", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;

  color: #535353;

  line-height: 1.333334;

}

img {

  width: 100%;

  height: auto;

}

a {

  color: #444444;

}

.pcOnly {

  display: block !important;

}

.spOnly {

  display: none !important;

}

.d_flex {

  display: flex;

}

.j_center {

  justify-content: center;

}

.j_space {

  justify-content: space-between;

}

.f_wrap {

  flex-wrap: wrap;

}

.noto_font {

  font-family: "Noto Sans JP", sans-serif;

}

.button_scl {

  animation: scale_btn 1.6s ease-in infinite;

  display: block;

}

.html5-video-player .video-click-tracking,

.html5-video-player .video-stream {

  width: 100% !important;

  height: 100% !important;

  left: 0 !important;

}

.main .inner {

  max-width: 750px;

  margin: 0 auto;

  background-color: #fff;

}

.footer {

  width: 100%;

  text-align: center;

  position: relative;

  margin-top: 0;

  background: #434141;

  z-index: 101;

  font-size: 1.6rem;

  line-height: 1.5;

}

.footer .foot_order .foot_info {

  display: flex;

  width: 94%;

  max-width: 1000px;

  margin: 0 auto;

  padding: min(4vw, 40px) 0 min(4.5vw, 45px);

  text-align: left;

  font-style: normal;

  font-weight: 600;

  color: #fff;

  flex-wrap: wrap;

  justify-content: space-between;

}

.footer .foot_order .foot_info h2 {

  width: 100%;

  margin-bottom: min(2vw, 20px);

  text-align: center;

  font-size: min(2vw, 20px);

}

.footer .foot_order .foot_info dl {

  margin: 0;

  padding: 0;

}

.footer .foot_order .foot_info dl.order_tel {

  width: 35%;

}

.footer .foot_order .foot_info dl.order_tel .attention {

  margin-left: min(6.6vw, 66px) !important;

}

.footer .foot_order .foot_info dl.order_fax {

  width: 35%;

}

.footer .foot_order .foot_info dl.order_mail {

  width: 28%;

}

.footer .foot_order .foot_info dl dt {

  font-size: min(1.6vw, 16px);

  font-style: normal;

  font-weight: 400;

  font-weight: 600;

}

.footer .foot_order .foot_info dl dd .attention {

  margin: 0;

  padding: 0;

  font-size: min(1vw, 10px);

  font-weight: 400;

}

.footer .foot_order .foot_info dl dd .attention a {

  text-decoration: underline;

  color: #fff;

}

.footer .foot_order .foot_info dl dd .phone_num {

  margin: 0 0 min(0.3vw, 3px);

  padding: 0;

  font-size: min(3vw, 30px);

  line-height: 1.2;

  font-weight: 600;

}

.footer .foot_order .foot_info dl dd .phone_num img {

  position: relative;

  top: min(0.3vw, 3px);

  margin: 0 min(0.5vw, 5px) 0 0;

  vertical-align: top;

  width: min(5.8vw, 58px);

}

.footer .foot_order .foot_info a.btn {

  display: block;

  margin: min(0.5vw, 5px) 0 0;

  padding: min(1vw, 10px) 0;

  background: #fff;

  text-align: center;

  font-size: min(1.8vw, 18px);

  font-weight: 600;

  color: #969696;

  border-radius: 100px;

}

.footer .foot_order  a.btn:hover {

  opacity: 0.85;

}

.footer .company {

  display: block;

  border-bottom: 1px solid #969696;

  padding: min(3vw, 30px) 0;

  border-top: 1px solid #969696;

}

.footer .company ul {

  width: 94%;

  max-width: 1000px;

  margin: 0 auto;

  padding: 0;

  text-align: center;

}

.footer .company ul li {

  display: inline-block;

  margin: 0 min(5vw, 50px) 0 0;

  padding: 0;

  font-size: min(1.3vw, 13px);

  letter-spacing: 0;

}

.footer .company ul li a {

  display: inline-block;

  position: relative;

  color: #fff;

}

.footer .company ul li a:hover {

  color: #666;

  text-decoration: underline;

}

.footer .company ul li a:before {

  content: ">";

  display: inline-block;

  position: relative;

  margin: 0 min(0.5vw, 5px) 0 0;

}

.footer .copyright {

  margin-top: min(2vw, 20px);

  font-size: min(1.3vw, 13px);

}

.footer .foot_logo {

  padding: min(6vw, 60px) 0 0;

  width: min(79.7333vw, 598px);

  margin: 0 auto;

}

.footer .foot_order .order_tel a,

.footer .foot_order .order_tel a:visited,

.footer .foot_order .order_tel a:active,

.footer .foot_order .order_fax a,

.footer .foot_order .order_fax a:visited,

.footer .foot_order .order_fax a:active {

  color: #fff !important;

}

.footer .foot_order .attention a {

  color: #fff;

}

.footer .copyright {

  margin: min(3vw, 30px) 0 0;

  padding-bottom: min(3vw, 30px);

  color: #fff;

}

@media screen and (min-width: 768px) {

  .footer .foot_order .order_tel a {

    pointer-events: none;

  }

}

@media screen and (max-width: 767px) {

  .footer .foot_logo {

    padding: min(16vw, 120px) 0 0;

    width: min(77.0667vw, 578px);

    margin: 0 auto;

  }

  .footer .foot_order {

    width: 86%;

    margin: 0 auto;

    color: #fff;

  }

  .footer .foot_order .foot_info {

    width: 100%;

    padding-top: min(14.9333vw, 112px);

    padding-bottom: min(10.667vw, 80px);

  }

  .footer .foot_order .foot_info h2 {

    font-size: min(4.8vw, 36px);

    margin-bottom: min(5.067vw, 38px);

  }

  .footer .foot_order .foot_info dl {

    width: 100% !important;

    padding: min(4vw, 30px) 0;

    border-bottom: 1px solid #ccc;

  }

  .footer .foot_order .foot_info dl.order_mail {

    border-bottom: none;

  }

  .footer .foot_order .foot_info dl dt {

    font-size: min(4.8vw, 36px);

    font-weight: 600;

  }

  .footer .foot_order .foot_info dl dd .phone_num {

    font-size: min(7.467vw, 56px);

    line-height: 1.5;

    margin-bottom: -2px;

  }

  .footer .foot_order .foot_info dl dd .attention {

    font-size: min(2.133vw, 16px);

  }

  .footer .foot_order .foot_info dl.order_tel .attention {

    margin-left: min(11.467vw, 86px) !important;

  }

  .footer .foot_order .foot_info dl dd .phone_num img {

    top: min(2.4vw, 18px);

    width: auto;

    height: min(5.867vw, 44px);

  }

  .footer .foot_order .foot_info a.btn {

    margin: min(2.667vw, 20px) 0 0;

    padding: min(2.667vw, 20px);

    color: #333;

    font-size: min(4.8vw, 36px);

    width: 100%;

  }

  .footer .company {

    width: 90%;

    padding: min(8.267vw, 62px) 0 min(6.4vw, 48px);

    border-top: 2px solid #969696;

    border-bottom: 2px solid #969696;

    margin: 0 auto;

  }

  .footer .company ul {

    width: 100%;

    text-align: left;

    letter-spacing: 0;

    display: flex;

    flex-wrap: wrap;

  }

  .footer .company ul li {

    display: block;

    margin: 0;

    padding: 0 4%;

    font-size: min(3.467vw, 26px);

    width: 50%;

  }

  .footer .company ul li a {

    display: block;

    padding: min(2.667vw, 20px) 0;

    padding-left: min(4vw, 30px);

  }

  .footer .company ul li a:before {

    left: 0;

    height: min(5.867vw, 44px);

    background: none;

    width: min(3.2vw, 24px);

    display: block;

    position: absolute;

    top: 0;

    bottom: 0;

    right: 0;

    margin: auto 0;

  }

  .footer .copyright {

    font-size: min(2.667vw, 20px);

    margin-top: min(8vw, 60px);

    padding-bottom: min(8vw, 60px);

  }

}

.fixed_btn {

  display: none;

  position: fixed;

  right: min(2.933vw, 22px);

  bottom: min(8.267vw, 62px);

  z-index: 1000;

  width: min(69.3333vw, 520px);

}

.fixed_btn.hide {

  display: none;

}

.fixed_btn a {

  display: block;

  font-size: min(4.5333vw, 34px);

  font-weight: bold;

  line-height: 1;

  color: #fff;

  background-color: #000;

  border-radius: min(5.333vw, 40px);

  padding: min(3.333vw, 25px) min(2.4vw, 18px) min(3.467vw, 26px) min(2.933vw, 22px);

  letter-spacing: 0.06em;

  position: relative;

  box-shadow: min(1.2vw, 9px) min(0.667vw, 5px) min(2vw, 15px) 0px rgba(0, 0, 0, 0.4);

  transition: all 0.7s ease;

}

.fixed_btn a::before,

.fixed_btn a::after {

  content: '';

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  -webkit-filter: blur(0);

  filter: blur(0);

}

.fixed_btn a::before {

  width: min(4.133vw, 31px);

  height: min(4.267vw, 32px);

  left: min(4.267vw, 32px);

  top: 48%;

}

.fixed_btn a::after {

  width: min(1.867vw, 14px);

  height: min(3.2vw, 24px);

  right: min(3.467vw, 26px);

}

@media screen and (min-width: 768px) {

  .fixed_btn a:hover {

    background-color: #55a823;

  }

}



.fixed_btn img {

  width: min(3.6vw, 27px);

  transform: translateY(50%);

  margin-left: min(.6667vw, 5px);

}



.t_left {

  text-align: left;

}



.t_right {

  text-align: right;

}



.t_center {

  text-align: center;

}



.t_bold {

  font-weight: bold;

}



.mt4 {

  margin-top: min(.5333vw, 4px);

}



.mt6 {

  margin-top: min(0.8vw, 6px);

}



.mt8 {

  margin-top: min(1.0667vw, 8px);

}



.mt10 {

  margin-top: min(1.3333vw, 10px);

}



.mt12 {

  margin-top: min(1.6vw, 12px);

}



.mt14 {

  margin-top: min(1.8667vw, 14px);

}



.mt16 {

  margin-top: min(2.1333vw, 16px);

}



.mt18 {

  margin-top: min(2.4vw, 18px);

}



.mt20 {

  margin-top: min(2.6667vw, 20px);

}



.mt22 {

  margin-top: min(2.9333vw, 22px);

}



.mt24 {

  margin-top: min(3.2vw, 24px);

}



.mt26 {

  margin-top: min(3.7333vw, 26px);

}



.mt28 {

  margin-top: min(3.4667vw, 28px);

}



.mt30 {

  margin-top: min(4vw, 30px) !important;

}



.mt32 {

  margin-top: min(4.2667vw, 32px);

}



.mt34 {

  margin-top: min(4.5333vw, 34px);

}



.mt36 {

  margin-top: min(4.8vw, 36px);

}



.mt38 {

  margin-top: min(5.0667vw, 38px);

}



.mt40 {

  margin-top: min(5.3333vw, 40px);

}



.mt44 {

  margin-top: min(5.8667vw, 44px);

}



.mt46 {

  margin-top: min(6.1333vw, 46px);

}



.mt48 {

  margin-top: min(6.4vw, 48px);

}



.mt50 {

  margin-top: min(6.6667vw, 50px);

}



.mt52 {

  margin-top: min(6.9333vw, 52px);

}



.mt54 {

  margin-top: min(7.2vw, 54px);

}



.mt56 {

  margin-top: min(7.4667vw, 56px);

}



.mt58 {

  margin-top: min(7.7333vw, 58px);

}



.mt60 {

  margin-top: min(8vw, 60px);

}



.mt62 {

  margin-top: min(8.2667vw, 62px);

}



.mt64 {

  margin-top: min(8.5333vw, 64px);

}



.mt66 {

  margin-top: min(8.8vw, 66px);

}



.mt68 {

  margin-top: min(9.0667vw, 68px);

}



.mt70 {

  margin-top: min(9.3333vw, 70px);

}



.mt72 {

  margin-top: min(9.6vw, 72px);

}



.mt74 {

  margin-top: min(9.8667vw, 74px);

}



.mt76 {

  margin-top: min(10.1333vw, 76px);

}



.mt78 {

  margin-top: min(10.4vw, 78px);

}



.mt80 {

  margin-top: min(10.6667vw, 80px);

}



.mt82 {

  margin-top: min(10.9333vw, 82px);

}



.mt90 {

  margin-top: min(12vw, 90px);

}



.mt92 {

  margin-top: min(12.2667vw, 92px);

}



.mt94 {

  margin-top: min(12.5333vw, 94px);

}



.mt98 {

  margin-top: min(13.0667vw, 98px);

}



.mt100 {

  margin-top: min(13.3333vw, 100px);

}



.mt112 {

  margin-top: min(14.9333vw, 112px);

}



.mt116 {

  margin-top: min(15.4667vw, 116px);

}



.mt118 {

  margin-top: min(15.7333vw, 118px);

}



.mt120 {

  margin-top: min(16vw, 120px);

}



.mt122 {

  margin-top: min(16.2667vw, 122px) !important;

}



.mt126 {

  margin-top: min(16.8vw, 126px);

}



.mt138 {

  margin-top: min(18.4vw, 138px);

}



.pt30 {

  padding-top: min(4vw, 30px);

}



.pt34 {

  padding-top: min(4.5333vw, 34px);

}



.pt38 {

  padding-top: min(5.0667vw, 38px);

}



.pb20 {

  padding-bottom: min(3vw, 20px);

}



.pb54 {

  padding-bottom: min(7.2vw, 54px);

}



.pb70 {

  padding-bottom: min(9.3333vw, 70px);

}



.pb72 {

  padding-bottom: min(9.6vw, 72px);

}



.pb78 {

  padding-bottom: min(10.4vw, 78px);

}



.pb80 {

  padding-bottom: min(10.6667vw, 80px);

}



.pb120 {

  padding-bottom: min(16vw, 120px);

}



.pb122 {

  padding-bottom: min(16.2667vw, 122px);

}



.pl16 {

  padding-left: min(2.1333vw, 16px);;

}



.lh14 {

  line-height: 1.4;

}



.lh15 {

  line-height: 1.5;

}



.lh155 {

  line-height: 1.55;

}



.lh16 {

  line-height: 1.6;

}



.lh17 {

  line-height: 1.7;

}



.lh18 {

  line-height: 1.8;

}



.txt .fs12 {

  font-size: min(1.6vw, 12px);

}

.txt .fs14 {

  font-size: min(1.8667vw, 14px);

}

.txt .fs16 {

  font-size: min(2.1333vw, 16px);

}

.txt .fs18 {

  font-size: min(2.4vw, 18px);

}

.txt .fs20 {

  font-size: min(2.6667vw, 20px);

}

.txt .fs22 {

  font-size: min(2.9333vw, 22px);

}

.txt .fs24 {

  font-size: min(3.2vw, 24px);

}

.txt .fs26 {

  font-size: min(3.4667vw, 26px);

}

.txt .fs28 {

  font-size: min(3.7333vw, 28px);

}

.txt .fs30 {

  font-size: min(4vw, 30px);

}

.txt .fs32 {

  font-size: min(4.2667vw, 32px);

}

.txt .fs36 {

  font-size: min(4.8vw, 36px);

}

.txt .fs38 {

  font-size: min(5.0667vw, 38px);

}

.txt .fs40 {

  font-size: min(5.3333vw, 40px);

}

.txt .fs48 {

  font-size: min(6.4vw, 48px);

}



.c_black {

  color: #000000;

}



.c_red {

  color: #d07f71;

}



.c_white {

  color: #ffffff;

}



sup.super {

  vertical-align: super;

}



.rel {

  position: relative;

}



.rel.og .abs {

  content: "";

  position: absolute;

  top: 0;

  transform: translateX(0);

}



.w445 {

  width: calc( 445 / 750 * 100% );

  margin-left: auto;

  margin-right: auto;

}



.w590 {

  width: calc( 590 / 750 * 100% );

  margin-left: auto;

  margin-right: auto;

}



.w623 {

  width: calc( 623 / 750 * 100% );

  margin-left: auto;

  margin-right: auto;

}





.w670 {

  width: calc( 670 / 750 * 100% );

  margin-left: auto;

  margin-right: auto;

}



ul.text_indent1 li {

  text-indent: -1em;

  padding-left: 1em;

}



ul.text_indent2 li {

  text-indent: -2em;

  padding-left: 2em;

}



.top, .center {

  display: flex;

  justify-content: space-between;

  margin-left: auto;

  margin-right: auto;

}



.center .left  {

  width: calc( 280 / 670 * 100% );

}



.center .right  {

  width: calc( 370 / 670 * 100% );

}



.bottom ul {

  display: flex;

}



.bottom ul li {

  display: flex;

  align-items: center;

}



.bottom ul li:nth-child(n+2) {

  margin-left: min(5.3333vw, 40px);

}



.bottom ul li i {

  display: flex;

  align-items: center;

  width: min(3.3333vw, 25px);

  margin-right: min(1.3333vw, 10px);

}



.bottom ul li a {

  position: relative;

}



.bottom ul li a::after {

  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 1px;

  background: #444444;

}



.movie {

  margin-left: auto;

  margin-right: auto;

  width: 100%;

  height: 0;

  padding-bottom: min(72.5333vw, 544px);

  position: relative;

  overflow: hidden;

}





iframe {

  width: 100%;

  height: min(72.5333vw, 544px);

}





.bg_blue {

  background: #ecf3f7;

}



.bg_red {

  background: #f9ebe8;

}



.bg_vani {

  background: #f2eeea;

}



.bg_vani01 {

  background: #ffffff url(../img/bg_vani01.png) top no-repeat;

  background-size: 100%;

}



.bg_grey {

  background: #454140;

}



.bg_brown {

  background: #583e31;

}



.bg_line {

  background: url(../img/bg_line.png);

  background-size: 100%;

  margin-top: min(-2vw, -15px);

}



.effect03 .pos01 {

  position: absolute;

  top: min(2.5333vw, 19px);

  right: min(7.0667vw, 53px);

  width: calc( 212 / 750 * 100% );

}



.effect03 .pos02 {

  position: absolute;

  bottom: min(6.5333vw, 49px);

  left: min(5.0667vw, 38px);

  width: calc( 212 / 750 * 100% );

}



.effect03 .pos03 {

  position: absolute;

  bottom: min(7.3333vw, 55px);

  right: min(-1.0667vw, -8px);

  width: calc( 212 / 750 * 100% );

}



.fs28.fix {

  letter-spacing: -.05em;

}



.tab .tab_ttl ul {

  display: flex;

  justify-content: space-between;

}

.tab .tab_ttl ul li {

  width: calc(326 / 670 * 100%);

  display: inline-block;

}

.tab .tab_ttl ul li a {

  display: block;

}



.tab .tab_ttl ul li a .on {

  display: none;

}



.tab .tab_ttl ul li a.active .off {

  display: none;

}



.tab .tab_ttl ul li a.active .on {

  display: block;

}



.tab .tab_ttl ul li a.active {

  text-decoration: none;

}



.tab .tab_content .tab_content_item {

  background: #ffffff;

  border: 2px solid #c6b78e;

  padding: min(4.8vw, 36px) 0 min(5.3333vw, 40px);

}



.tab .tab_content .tab_content_item .block {

  width: calc( 590 / 666 * 100%);

  margin: 0 auto;

}



.js_toggle {

  position: relative;

}

.js_content {

  display: none;

}

.faq_area .contents {

  margin: min(5.333vw, 40px) min(5.333vw, 40px) 0;

  color: #444;

  line-height: 1.5;

  text-align: left;

}

.faq_list li {

  position: relative;

  border-bottom: 2px solid #ded5cd;

  padding-bottom: min(2.9333vw, 22px);

}

.faq_list li:nth-child(n+2) {

  margin-top: min(3.3333vw, 25px);

}

.faq_area .question {

  font-size: min(4vw, 30px);

  padding: 0 min(9.3333vw, 70px);

  min-height: min(9.0667vw, 68px);

  cursor: pointer;

  position: relative;

  display: flex;

  align-items: center;

}



.question .ico {

  position: absolute;

  left: min(.4vw, 3px);

  top: 50%;

  transform: translateY(-50%);

  width: min(4.9333vw, 37px);

  height: min(4.9333vw, 37px);

}



.faq_area .answer>span {

  font-size: min(4vw, 30px);

  padding: min(3.4667vw, 26px) 0 0 0;

  line-height: 1.75;

  display: block;

}

.faq_area .question::before,

.faq_area .question::after {

  content: "";

  position: absolute;

  right: 0;

  top: 0;

  bottom: 0;

  margin: auto 0;

  width: min(4.8vw, 36px);

  height: min(0.2667vw, 2px);

  background: #997f30;

}

.faq_area .question::after {

  transform: rotate(-90deg);

  transition: all 0.3s linear;

}

.faq_area .question.show::after {

  transform: rotate(0);

}



.select_area {

  background: url(../img/bg_line1.png);

  background-size: 100%;

}



.inn {

  border-bottom: min(.5333vw, 4px) solid #ccb779;

  padding-bottom: 2px;

}



.select_area .block ul li {

  display: flex;

  justify-content: space-between;

}



.select_area .block ul li:nth-child(n+2) {

  margin-top: min(8vw, 60px);

}



.select_area .block .left {

  width: calc( 270 / 590 * 100%);

}



.select_area .block .right {

  width: calc( 290 / 590 * 100%);

}



.select_area .block .right .tag {

  padding: min(0.8vw, 6px) 0;

}



.input {

  margin-top: min(9.3333vw, 70px);

  display: flex;

}



.ev_btn {

  width: min(12vw, 90px);

  height: min(8vw, 60px);

  border: none;

  background: none;

  cursor: pointer;

}



.number {

  width: min(14.6667vw, 110px);

  height: min(8vw, 60px);

  color: #222222;

  font-size: min(8vw, 60px);

  line-height: 1em;

}



.select_area .btn {

  width: calc(618 / 590* 100%);

  transform: translateX(-2%);

}



.outside_accordion {

  width: calc(670 / 750* 100%);

  margin-left: auto;

  margin-right: auto;

  border: 4px solid #f6f1e4;

  border-top: none;

}



.accordion {

  background: #f6f1e4;

  color: #000000;

  cursor: pointer;

  padding: min(2.4vw, 18px) 0;

  border: none;

  outline: none;

  transition: 0.4s;

  position: relative;

}



.accordion::before,

.accordion::after {

  content: "";

  position: absolute;

  right: min(4vw, 30px);

  top: 0;

  bottom: 0;

  margin: auto 0;

  width: min(3.2vw, 24px);

  height: min(0.2667vw, 2px);

  background: #000000;

}

.accordion::after {

  transform: rotate(-90deg);

  transition: all 0.3s linear;

}

.accordion.active::after {

  transform: rotate(0);

}



.panel {

  display: none;

  overflow: hidden;

  padding: min(2.6667vw, 20px) min(5.3333vw, 40px) min(5.3333vw, 40px);

}



.w670 .w590 {

  width: calc(590 / 670* 100%);

  margin-left: auto;

  margin-right: auto;

}



.fade_item01.item_up {

  animation: slide_up 1s forwards;

  -webkit-filter: blur(0);

  filter: blur(0);

  opacity: 0;

}



@keyframes slide_up {

  0% {

    opacity: 0;

    transform: translateY(min(6.6667vw, 50px));

  }

  100% {

    opacity: 1;

    transform: none;

  }

}



.fade_item02.item_up {

  animation: slide_up1 1.5s forwards;

  -webkit-filter: blur(0);

  filter: blur(0);

  opacity: 0;

}



@keyframes slide_up1 {

  0% {

    opacity: 0;

    transform: translateY(min(20vw, 150px));

  }

  100% {

    opacity: 1;

    transform: none;

  }

}



.fade_item03 {

  opacity: 0;

}



.fade_item03.item_up {

  animation: slide_up2 1.5s forwards;

  -webkit-filter: blur(0);

  filter: blur(0);

}



@keyframes slide_up2 {

  0% { opacity: 0;}

  100% { opacity: 1;}

}



.fade_item04 {

  animation: slide_up3 2s infinite;

  -webkit-filter: blur(0);

  filter: blur(0);

}



@keyframes slide_up3 {

  0% {

    opacity: 1;

  }

  50% {

    opacity: 0;

  }

  100% {

    opacity: 1;

  }

}



.fadein.item_up {

  opacity: 1;

  transform: translate(0, 0);

}



.fadein {

  opacity: 0;

  transform: translate(0, 50px);

  transition: all .1s;

}



.hidden {

  overflow: hidden;

}



.w610 {

  width: calc(610 / 750 * 100%);

  margin-left: auto;

  margin-right: auto;

}





.rel .abs {

  content: "";

  position: absolute;

  top: -0.589em;

  transform: translateX(-1.189em);

}



.rel .abs1 {

  content: "";

  position: absolute;

  top: -1em;

  transform: translateX(-1em);

}



.circle ul {

  display: flex;

  justify-content: space-between;

  padding: 0 min(4vw, 30px);

}



.circle ul li {

  display: flex;

  justify-content: center;

  align-items: center;

  background: #b99979;

  color: #ffffff;

  border-radius: 50%;

  width: min(21.3333vw, 160px);

  height: min(21.3333vw, 160px);

}



.block02 {

  background: url(../img/bg_block02.png) top;

  background-size: 100%;

}



.point {

  background: url(../img/bg_line_bottom.png) bottom;

  background-size: 100%;

  padding-bottom: min(2vw, 15px);

  background-repeat: no-repeat;

}



.point .conts {

  background: url(../img/bg_line01.png) top;

  background-size: 100%;

}



.rel .recommended {

  position: absolute;

  top: min(25.3333vw, 190px);

  left: min(32.1333vw, 241px);

}



.rel .pos01 {

  position: absolute;

  top: min(69.0667vw, 518px);

  right: 0;

  width: calc( 305 / 750 * 100% );

  opacity: 0;

}



.rel .pos02 {

  position: absolute;

  top: min(-2.4667vw, -26px);

  right: min(2.6667vw, 20px);

  width: calc( 225 / 750 * 100% );

}



.rel .pos03 {

  position: absolute;

  top: min(2.2667vw, 17px);

  left: min(2.2667vw, 17px);

  width: calc( 183 / 750 * 100% );

  opacity: 0;

}



.rel .manager {

  position: absolute;

  top: min(5.0667vw, 38px);

  left: min(16.6667vw, 125px);

  width: calc(500 / 750* 100%);

  margin-left: auto;

  margin-right: auto;

}



.rel .manager01 {

  position: absolute;

  top: min(13.8667vw, 104px);

  left: min(16.6667vw, 125px);

  width: calc(500 / 750* 100%);

  margin-left: auto;

  margin-right: auto;

}



.rel .pos04 {

  position: absolute;

  top: min(103.6vw, 777px);

  left: min(31.3333vw, 235px);

  width: calc( 327 / 750 * 100% );

}



.rel .pos05 {

  position: absolute;

  top: min(0vw, 1px);

  left: min(7.6vw, 57px);

  width: calc( 500 / 750 * 100% );

  opacity: 0;

}



.rel .pos06 {

  position: absolute;

  bottom: min(8.1333vw, 61px);

  left: 50%;

  transform: translateX(-50%);



}



.btn a {

  display: block;

  animation: scale_btn 1.6s ease-in infinite;

}



@keyframes scale_btn {

  0% {

    transform: scale(1.09);

  }



  40% {

    transform: scale(1);

  }



  60% {

    transform: scale(1);

  }



  70%,

  100% {

    transform: scale(1.09);

  }

}



.ov:hover {

  opacity: .7;

}


.t_semibold {
  font-weight: 600;
}
.c_red02 {
  color: #dc2e57;
}
.inline-block {
  display: inline-block;
}
.note_box {
  border: 2px solid #FFCD2D;
  background: #FFFBEF;
}
.note_box .head {
  background: #FFCD2D;
  padding: min(1.6vw, 6px) 0;
}
.note_box .body {
  padding: min(3.2vw, 12px) 0;
}
.t_underline {
  text-decoration: underline;
}