@charset "utf-8";

.wish01 .flex {
  display: flex !important;
  flex-wrap: initial !important;
  justify-content: space-between !important;
}
[name="month01"],
[name="month02"],
[name="month03"] {
  font-size: 14px;
  width: 40vw !important;
  padding: 3% 2% !important;
  margin: 0;
  height: auto !important;
}
.wish01 .select-cover {
  font-size: initial;
  width: 47%;
}
.ui-widget-header .ui-icon{
  background-image: url("../../img/common/form/ico_datepicker.png") !important;
}

@media screen and (min-width:768px) {
  .wish01 .flex {
  }
  [name="month01"],
  [name="month02"],
  [name="month03"] {
    font-size: initial;
    width: 47% !important;
    padding: 20px !important;
  }
  .wish01 .select-cover {
    font-size: initial;
    width: 47%;
  }
}

.form-btn-orange {
  color: #fff;
  background: #ff740f;
  padding: calc(100vw / var(--viewport)* 31) 0;
  box-sizing: border-box;
  width: 100%;
  text-align: center;
  display: inline-block;
  border-radius: 5px;
  font-weight: bold;
  position: relative;
  border: 0;
}
.form-btn-orange:after {
  content: "";
  background: url(../img/arrow.png) center center no-repeat;
  background-size: 100% auto;
  display: block;
  width: calc(100vw / var(--viewport) * 35);
  height: calc(100vw / var(--viewport) * 31);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: calc(100vw / var(--viewport) * 20);
}
@media screen and (min-width:768px) {
  .form-btn-orange {
    padding: 16px 0;
  }
  .form-btn-orange:after {
    width: 18px;
    height: 15px;
    right: 20px;
  }
}

.main_visual_con {
  background: url(../img/mv_sp.jpg) top center no-repeat;
  background-size: 100% auto;
  height: calc(100vw / var(--viewport) * 1042);
}
.main_visualin {
  width: 91.28%;
  padding: 0;
  left: 4.36%;
}
.main_visual_con .font-midashi {
  font-size: calc(100vw / var(--viewport) * 23);
  font-weight: normal;
  line-height: 1.5;
  letter-spacing: 0;
}
.container {
  width: 91.28%;
}
#step1 {
  padding-top: 17vw;
  margin-top: -17vw;
}
.content-tlt {
  padding-bottom: 0;
  border-bottom: none;
  margin-bottom: calc(100vw / var(--viewport) * 19);
}
.content-tlt .txt-blue {
  font-size: calc(100vw / var(--viewport) * 46);
  vertical-align: sub;
  margin-right: calc(100vw / var(--viewport) * 19);
}
.address-sec {
  margin-bottom: 0;
}
.address-sec * {
  line-height: 1.5 !important;
}
.address-sec .address-area {
  background: #EEF0F5;
  padding-top: calc(100vw / var(--viewport) * 77);
}
.address-sec #aomori-in,
.address-sec #hachinohe-in,
.address-sec #morioka-in,
.address-sec #iwaki-in,
.address-sec #koriyama-in {
  padding-bottom: calc(100vw / var(--viewport) * 77);
}
.address-sec .address-area h3,
.address-sec .address-area .address-block {
  width: 91.28%;
  padding: 0;
  margin: 0 auto;
}
.address-sec .address-area h3 {
  padding-bottom: calc(100vw / var(--viewport) * 19);
  border-bottom: 2px solid #000;
  margin-bottom: calc(100vw / var(--viewport) * 19);
}
.address-sec .address-area .address-block .tel-num {
  color: #00AAFA;
  font-size: calc(100vw / var(--viewport) * 54);
}
.address-sec .address-area .map-block iframe {
  margin-top: 0;
}
.address-sec .address-area .address-station {
  width: 91.28%;
  margin: calc(100vw / var(--viewport) * 19) auto 0;
}
.form-button-sec,
.form-button-sec2 {
  background: #EEF0F5;
  padding-top: calc(100vw / var(--viewport) * 58);
  padding-bottom: calc(100vw / var(--viewport) * 77);
  margin-top: 0 !important;
}
.form-button-sec .txtC,
.form-button-sec2 .txtC {
  width: calc(100vw / var(--viewport) * 688);
}
.form-button-sec .form-btn-blue,
.form-button-sec2 .form-btn-blue,
.form-button-sec .form-btn-orange,
.form-button-sec2 .form-btn-orange {
  padding: calc(100vw / var(--viewport) * 31) 0;
}
.form-button-sec .caption,
.form-button-sec2 .caption {
  font-size: calc(100vw / var(--viewport) * 19);
  line-height: 1.5;
  text-align: left;
  border: 1px solid #000;
  padding: calc(100vw / var(--viewport) * 19);
  margin-top: calc(100vw / var(--viewport) * 19);
}
.form-content {
  width: calc(100vw / var(--viewport) * 688);
  margin-left: auto;
  margin-right: auto;
}
.h2 {
  color: #fff;
  font-size: calc(100vw / var(--viewport) * 38);
  font-weight: bold;
  text-align: center;
  background: #00AAFA;
  height: calc(100vw / var(--viewport) * 146);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: calc(100vw / var(--viewport) * 38);
}
.h3 {
  font-size: calc(100vw / var(--viewport) * 31);
  text-align: center;
  line-height: 1.5;
}

.flow {
  padding: 0 0 calc(100vw / var(--viewport) * 154);
}
.flow .inner {
  width: calc(100vw / var(--viewport) * 688);
  margin: 0 auto;
}
.flow .inner .flex {
  align-items: stretch !important;
}
.flow .h3 {
  margin-bottom: calc(100vw / var(--viewport) * 77);
}
.flow ul li {
  background: url(../img/bg_flow01.png) top right no-repeat;
  background-size: calc(100vw / var(--viewport) * 256) auto;
  position: relative;
}
.flow ul li:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: calc(100vw / var(--viewport) * -50);
  width: calc(100vw / var(--viewport) * 46);
  height: calc(100vw / var(--viewport) * 31);
  background: #B2E5FD;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  margin: 0 auto;
}
.flow ul li:nth-child(2) {
  background: url(../img/bg_flow02.png) top right no-repeat;
  background-size: calc(100vw / var(--viewport) * 208) auto;
}
.flow ul li:nth-child(3) {
  background: url(../img/bg_flow03.png) top right no-repeat;
  background-size: calc(100vw / var(--viewport) * 285) auto;
}
.flow ul li:nth-child(4) {
  background: url(../img/bg_flow04.png) top right no-repeat;
  background-size: calc(100vw / var(--viewport) * 288) auto;
}
.flow ul li:nth-child(5) {
  background: url(../img/bg_flow05.png) top right no-repeat;
  background-size: calc(100vw / var(--viewport) * 346) auto;
}
.flow ul li .num {
  color: #fff;
  font-size: calc(100vw / var(--viewport) * 38);
  text-align: center;
  background: #00AAFA;
  width: calc(100vw / var(--viewport) * 77);
  height: calc(100vw / var(--viewport) * 77);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50vw;
  margin: 0 auto calc(100vw / var(--viewport) * 19);
}
.flow ul li .midashi {
  font-size: calc(100vw / var(--viewport) * 35);
  font-weight: bold;
  text-align: center;
  margin-bottom: calc(100vw / var(--viewport) * 19);
}
.flow ul li .text {
  font-size: calc(100vw / var(--viewport) * 27);
}

.bring {
  padding: 0 0 calc(100vw / var(--viewport) * 154);
}
.bring .inner {
  width: calc(100vw / var(--viewport) * 688);
  margin: 0 auto;
}
.bring .lead {
  font-size: calc(100vw / var(--viewport) * 27);
  margin-bottom: calc(100vw / var(--viewport) * 77);
}
.bring ul {
  display: flex !important;
  justify-content: space-between !important;
}
.bring ul li {
  color: #00AAFA;
  font-size: calc(100vw / var(--viewport) * 31);
  font-weight: bold;
  width: 48.88%;
  height: calc(100vw / var(--viewport) * 337);
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  border: 2px solid #00AAFA;
  box-sizing: border-box;
  border-radius: calc(100vw / var(--viewport) * 19);
}
.bring ul li img {
  width: calc(100vw / var(--viewport) * 212);
  margin-top: calc(100vw / var(--viewport) * 81);
}
.bring ul li:nth-child(3) img {
  width: calc(100vw / var(--viewport) * 150);
  margin-top: calc(100vw / var(--viewport) * 42);
}
.bring ul li .text {
  margin-bottom: calc(100vw / var(--viewport) * 19);
}

.necessities {
  padding: 0 0 calc(100vw / var(--viewport) * 154);
}
.necessities .h3 {
  font-size: calc(100vw / var(--viewport) * 27);
  font-weight: bold;
  text-align: left;
  margin-bottom: calc(100vw / var(--viewport) * 38);
}
.necessities .inner {
  width: calc(100vw / var(--viewport) * 688);
  margin: 0 auto;
}
.necessities .caption {
  font-size: calc(100vw / var(--viewport) * 19);
  margin-bottom: calc(100vw / var(--viewport) * 77);
}
.necessities ul {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-end;
}
.necessities ul li {
  width: 30.18%;
}

.faq {
  padding: 0 0 calc(100vw / var(--viewport) * 154);
}
.faq .inner {
  width: calc(100vw / var(--viewport) * 688);
  margin: 0 auto;
}
.faq .box:nth-child(n+2) {
  margin-top: calc(100vw / var(--viewport) * 77);
}
.faq .q_box {
  font-size: calc(100vw / var(--viewport) * 31);
  font-weight: bold;
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: flex-start !important;
  align-items: center;
  border-bottom: 1px solid #000;
  padding-bottom: calc(100vw / var(--viewport)* 10);
  margin-bottom: calc(100vw / var(--viewport)* 19);
}
.faq .q_box img {
  width: calc(100vw / var(--viewport) * 44);
  height: auto;
  margin-right: calc(100vw / var(--viewport) * 19);
}
.faq .a_box {
  font-size: calc(100vw / var(--viewport) * 27);
}

.attention {
  padding: 0 0 calc(100vw / var(--viewport) * 154);
}
.attention .inner {
  width: calc(100vw / var(--viewport) * 688);
  margin: 0 auto;
}
.attention .box {
  padding: calc(100vw / var(--viewport) * 38) calc(100vw / var(--viewport) * 31);
  border: 1px solid #000;
}
.attention .box:nth-child(n+2) {
  margin-top: calc(100vw / var(--viewport) * 77);
}
.attention .box .h4 {
  font-size: calc(100vw / var(--viewport) * 31);
  text-align: center;
  line-height: 1.5;
  padding-bottom: calc(100vw / var(--viewport) * 19);
  border-bottom: 1px solid #000;
  margin-bottom: calc(100vw / var(--viewport) * 19);
}
.attention .box .text {
  font-size: calc(100vw / var(--viewport) * 27);
}

.btn_blue,
.btn_orange {
  margin-top: calc(100vw / var(--viewport) * 77);
}
.btn_blue a,
.btn_orange a {
  color: #00AAFA;
  font-weight: bold;
  text-align: center;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50vw;
}
.btn_blue a {
  color: #00AAFA;
  font-size: calc(100vw / var(--viewport) * 31);
  height: calc(100vw / var(--viewport) * 108);
  border: 2px solid #00AAFA;
}
.btn_orange a {
  color: #fff;
  font-size: calc(100vw / var(--viewport) * 38);
  background: #FF740F;
  height: calc(100vw / var(--viewport) * 135);
}

@media screen and (max-width:767px) {
  .address-sec .address-area .map-block {
    margin-top: calc(100vw / var(--viewport) * 38);
  }

  .flow ul li:nth-child(n+2) {
    margin-top: calc(100vw / var(--viewport) * 88);
  }
  .flow ul li:last-child:after {
    content: none;
  }

  .bring ul li:nth-child(n+3) {
    margin-top: calc(100vw / var(--viewport) * 15);
  }
}

@media screen and (min-width:768px) {
  a[href^="tel:"] {
    pointer-events: none;
  }
  .main_visual_con {
    background: url(../img/mv_pc.jpg) top center no-repeat;
    background-size: 1100px auto;
    height: 400px;
  }
  .main_visual_con .main-width {
    width: 1100px;
  }
  .main_visualin {
    width: 500px;
    padding: 0;
    top: 40px;
    left: 0;
  }
  .main_visualin img {
    width: 500px;
  }
  .main_visual_con .font-midashi {
    font-size: 16px;
    margin-top: 20px;
  }
  #reserve-form {
    margin: 80px 0 0;
  }
  .container {
    width: 1000px;
  }
  #step1 {
    padding-top: 80px;
    margin-top: -80px;
  }
  .content-tlt {
    margin-bottom: 24px;
  }
  .content-tlt .txt-blue {
    font-size: 32px;
    margin-right: 8px;
  }
  .address-sec {
    width: 1000px;
    margin: 0 auto;
  }
  .address-sec .address-area {
    padding: 40px;
    margin-top: 40px;
    position: relative;
  }
  .address-sec #aomori-in,
  .address-sec #hachinohe-in,
  .address-sec #morioka-in,
  .address-sec #iwaki-in,
  .address-sec #koriyama-in {
    height: 310px;
    padding-bottom: 40px;
  }
  .address-sec .address-area h3,
  .address-sec .address-area .address-block {
    width: 360px;
    padding: 0;
    margin: 0;
  }
  .address-sec .address-area h3 {
    width: 360px;
    padding: 0 0 10px;
    margin: 0 0 10px;
  }
  .address-sec .address-area .address-block .tel-num {
    font-size: 28px;
  }
  .address-sec .address-area .map-block {
    width: 522px;
    position: absolute;
    top: 40px;
    right: 40px;
  }
  .address-sec .address-area .map-block iframe {
    width: 100%;
    height: 260px;
    margin-top: 0;
  }
  .address-sec .address-area .address-station {
    width: 100%;
    margin: 10px 0 0;
  }
  .form-button-sec,
  .form-button-sec2 {
    width: 1000px;
    padding: 0 40px 40px;
    margin: 0 auto;
    box-sizing: border-box;
  }
  .form-button-sec2 {
    width: 100%;
    padding: 40px 0 0;
    margin-bottom: 0 !important;
  }
  .form-button-sec .txtC,
  .form-button-sec2 .txtC {
    width: 358px;
    margin: 0 auto 10px 0;
  }
  .form-button-sec .form-btn-blue,
  .form-button-sec2 .form-btn-blue,
  .form-button-sec .form-btn-orange,
  .form-button-sec2 .form-btn-orange {
    padding: 16px 0;
  }
  .form-button-sec .caption,
  .form-button-sec2 .caption {
    font-size: 12px;
    padding: 10px;
    margin-top: 10px;
  }
  .form-content {
    width: 1000px;
  }
  .box-style {
    width: 33%;
    text-indent: -1.6em;
    padding-left: 1.6em;
    box-sizing: border-box;
  }
  .input-form .form-tlt span {
    background-size: contain !important;
  }
  .h2 {
    font-size: 20px;
    width: 1000px;
    height: 76px;
    margin: 0 auto 40px;
  }
  .h3 {
    font-size: 20px;
  }

  .flow {
    padding: 0 0 80px;
  }
  .flow .h2 {
    margin-top: 80px;
  }
  .flow .inner {
    width: 1000px;
  }
  .flow .h3 {
    margin-bottom: 40px;
  }
  .flow ul {
    justify-content: center !important;
  }
  .flow ul li {
    width: 300px;
    background-size: 133px auto;
    padding-top: 40px;
  }
  .flow ul li:after {
    content: '';
    position: absolute;
    left: initial;
    top: calc(50% + 12px);
    transform: translateY(-50%);
    right: -30px;
    bottom: initial;
    width: 16px;
    height: 24px;
    clip-path: polygon(0 0, 100% 50%, 0 100%);
    margin: 0;
  }
  .flow ul li:nth-child(2) {
    background-size: 108px auto;
    margin-left: 50px;
  }
  .flow ul li:nth-child(3) {
    background-size: 148px auto;
    margin-left: 50px;
  }
  .flow ul li:nth-child(3):after {
    content: none;
  }
  .flow ul li:nth-child(4) {
    background-size: 150px auto;
  }
  .flow ul li:nth-child(5) {
    background-size: 180px auto;
    margin-left: 50px;
  }
  .flow ul li:nth-child(4):after,
  .flow ul li:nth-child(5):after {
    left: -30px;
    right: initial;
  }
  .flow ul li .num {
    font-size: 20px;
    width: 40px;
    height: 40px;
    margin: 0 auto 10px;
  }
  .flow ul li .midashi {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .flow ul li .text {
    font-size: 16px;
  }

  .bring {
    padding: 0 0 80px;
  }
  .bring .inner {
    width: 760px;
  }
  .bring .lead {
    font-size: 16px;
    margin-bottom: 40px;
  }
  .bring ul li {
    font-size: 16px;
    width: 175px;
    height: 175px;
    border-radius: 10px;
  }
  .bring ul li img {
    width: 110px;
    margin-top: 42px;
  }
  .bring ul li:nth-child(3) img {
    width: 78px;
    margin-top: 22px;
  }
  .bring ul li .text {
    margin-bottom: 10px;
  }

  .necessities {
    padding: 0 0 80px;
  }
  .necessities .h3 {
    font-size: 20px;
    margin-bottom: 20px;
  }
  .necessities .inner {
    width: 760px;
  }
  .necessities .caption {
    font-size: 10px;
    margin-bottom: 0;
  }
  .necessities .pc_flex {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  .necessities .pc_flex .left {
    width: 287px;
  }
  .necessities ul {
    width: 443px;
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-end;
  }
  .necessities ul li {
    width: 30.18%;
  }

  .faq {
    padding: 0 0 80px;
  }
  .faq .inner {
    width: 760px;
  }
  .faq .box:nth-child(n+2) {
    margin-top: 40px;
  }
  .faq .q_box {
    font-size: 20px;
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
  .faq .q_box img {
    width: 23px;
    margin-right: 8px;
  }
  .faq .a_box {
    font-size: 16px;
  }

  .attention {
    padding: 0 0 80px;
  }
  .attention .inner {
    width: 760px;
  }
  .attention .box {
    padding: 20px 16px;
  }
  .attention .box:nth-child(n+2) {
    margin-top: 40px;
  }
  .attention .box .h4 {
    font-size: 16px;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  .attention .box .text {
    font-size: 14px;
  }

  .btn_blue,
  .btn_orange {
    margin-top: 80px;
  }
  .btn_blue a,
  .btn_orange a {
    width: 358px;
    margin-left: auto;
    margin-right: auto;
  }
  .btn_blue a {
    font-size: 16px;
    height: 56px;
  }
  .btn_orange a {
    font-size: 20px;
    height: 70px;
  }
}

.discount-part {
  display: block;
}
#page-form .flex {
/*  justify-content: space-between;*/
  align-items: center;
}
.main-table .important,
.main-table .not-important {
  width: calc(100vw / var(--viewport) * 120);
  line-height: 1;
}

#pair .women,
#pair2 .women,
#pair3 .women {
  display: none;
}

body.not-partner #pair > td,
body.not-partner #pair2 > td,
body.not-partner #pair3 > td {
  padding: 0;
}
body.not-partner #pair .box,
body.not-partner #pair2 .box,
body.not-partner #pair3 .box {
  width: calc(100vw / var(--viewport)* 688);
  border: 2px solid #00aafa;
  padding: calc(100vw / var(--viewport)* 80) calc(100vw / var(--viewport)* 16) calc(100vw / var(--viewport)* 16);
  box-sizing: border-box;
  position: relative;
}
body.not-partner #pair .box:before,
body.not-partner #pair2 .box:before,
body.not-partner #pair3 .box:before {
  content: "ペア割同伴者さまの情報";
  color: #fff;
  font-size: 90%;
  text-align: center;
  width: calc(100vw / var(--viewport) * 300);
  background: #00aafa;
  padding: 0.3em 0.5em 0.5em 0.3em;
  position: absolute;
  top: 0;
  left: 0;
}
body.not-partner #pair table tbody,
body.not-partner #pair2 table tbody,
body.not-partner #pair3 table tbody {
  width: 100%;
  display: block;
}
body.not-partner #pair table tr,
body.not-partner #pair2 table tr,
body.not-partner #pair3 table tr {
  display: block;
}
body.not-partner #pair table tr:last-child td,
body.not-partner #pair2 table tr:last-child td,
body.not-partner #pair3 table tr:last-child td {
  padding-bottom: 0;
}
body.not-partner #pair .important {
  background: #00aafa;
}
body.not-partner #pair2 .box,
body.not-partner #pair3 .box {
  width: calc(100vw / var(--viewport)* 688);
  border: 2px solid #00aafa;
  padding: calc(100vw / var(--viewport)* 80) calc(100vw / var(--viewport)* 16) calc(100vw / var(--viewport)* 16);
  margin-top: calc(100vw / var(--viewport) * 50);
  box-sizing: border-box;
  position: relative;
  display: none;
}
body.not-partner #pair2 .close,
body.not-partner #pair3 .close {
  font-size: 90%;
  background: #fff;
  padding: 0.3em 1em 0.5em 1em;
  border: 1px solid #000;
  position: absolute;
  top: 0;
  left: calc(100vw / var(--viewport) * 350);
  cursor: pointer;
}
body.not-partner .btn_add div {
  font-weight: bold;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  margin-top: 0.5em;
}
body.not-partner .btn_add div span {
  position: relative;
  display: inline-block;
  color: #000000;
  line-height: 2.2em;
  padding-right: calc(25px + (40 - 25) * ((100vw - 320px) / (767 - 320)));
}
body.not-partner .btn_add div span:after {
  content: " ";
  width: calc(18px + (30 - 18) * ((100vw - 320px) / (767 - 320)));
  height: calc(18px + (30 - 18) * ((100vw - 320px) / (767 - 320)));
  background: url(/img/common/plus_icon.png) #00aafa no-repeat;
  background-size: contain;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
}
@media screen and (max-width:767px) {
  body.not-partner #pair table .discount-part:last-child td {
    padding-bottom: 0;
  }
  body.not-partner th.mt {
    margin-top: calc(100vw / var(--viewport) * 43);
  }
}
@media screen and (min-width:768px) {
  .main-table .important,
  .main-table .not-important {
    width: 60px;
  }
  [name="sub_name"],
  [name="sub_name-furigana"],
  [name="sub2_name"],
  [name="sub2_name-furigana"] {
    width: 628px !important;
  }

  #pair .sub_student_boxtr td,
  #pair2 .sub_student_boxtr2 td,
  #pair3 .sub_student_boxtr2 td,
  .gender td {
    width: 628px;
  }

  body.not-partner #pair .box,
  body.not-partner #pair2 .box,
  body.not-partner #pair3 .box {
    width: 100%;
    padding: 20px;
  }
  body.not-partner #pair .box:before,
  body.not-partner #pair2 .box:before,
  body.not-partner #pair3 .box:before {
    width: 190px;
  }
  body.not-partner #pair .box table tr th,
  body.not-partner #pair2 .box table tr th,
  body.not-partner #pair3 .box table tr th {
    width: 328px;
  }
  body.not-partner #pair2 .box,
  body.not-partner #pair3 .box {
    width: 100%;
    padding: 20px;
    margin-top: 20px;
  }
  body.not-partner #pair2 .close,
  body.not-partner #pair3 .close {
    left: 210px;
  }
  body.not-partner #pair2 .box td,
  body.not-partner #pair3 .box td {
    width: 628px;
  }
  body.not-partner .btn_add div span {
    padding-right: 40px;
  }
  body.not-partner .btn_add div span:after {
    width: 30px;
    height: 30px;
  }
}

.pair_btn {
  color: #fff;
  font-weight: bold;
  background: #000;
  width: 80%;
  height: 3em;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50vw;
  margin: calc(100vw / var(--viewport) * 50) auto 0;
  cursor: pointer;
}
.pair_btn span {
  position: relative;
}
.pair_btn span:before,
.pair_btn span:after {
  content: "";
  background: #fff;
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -5vw;
}
.pair_btn span:before {
  width: 2px;
  height: 3vw;
}
.pair_btn.active span:before {
  display: none;
}
.pair_btn span:after {
  width: 3vw;
  height: 2px;
  transform: translateX(50%) translateY(-50%);
}
@media screen and (min-width:768px) {
  .pair_btn {
    font-size: 15px;
    width: 290px;
    height: 39px;
    margin: 40px auto 0;
  }
  .pair_btn span:before,
  .pair_btn span:after {
    right: -17px;
  }
  .pair_btn span:before {
    width: 2px;
    height: 12px;
  }
  .pair_btn span:after {
    width: 12px;
    height: 2px;
  }
}

.injectionCount {
  transform: translateY(-15px);
}
.injectionCount p {
  margin-bottom: calc(5px + (15 - 5) * ((100vw - 320px) / (767 - 320)));
}
.injectionCount label {
  padding: 0 0 0 25px !important;
}
.injectionCount label:before,
.injectionCount label:after {
  left: 0 !important;
}
@media screen and (min-width:768px) {
  .injectionCount p {
    margin-bottom: 15px;
  }
}

.select-box-sec .box:after,
.select-cover:after {
  content: none;
}
.select-box-sec {
  flex-direction: column;
}
.select-box-sec .box {
  width: 100%;
  margin-bottom: 0;
}
.select-box-sec .box .ttl_aco {
  color: #fff;
  width: 100%;
  height: calc(100vw / var(--viewport) * 74);
  background: #00AAFA;
  border-radius: calc(3px + (5 - 3) * ((100vw - 320px) / (767 - 320)));
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: calc(100vw / var(--viewport) * 30);
  position: relative;
  cursor: pointer;
}
.select-box-sec .box .ttl_aco:before,
.select-box-sec .box .ttl_aco:after {
  content: "";
  background: #fff;
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 3.8vw;
}
.select-box-sec .box .ttl_aco:before {
  width: 2px;
  height: 3vw;
}
.select-box-sec .box .ttl_aco.active:before {
  display: none;
}
.select-box-sec .box .ttl_aco:after {
  width: 3vw;
  height: 2px;
  transform: translateX(47%) translateY(-50%);
}
.select-box-sec .box .body_aco {
  padding: 0 calc(100vw / var(--viewport) * 30) calc(100vw / var(--viewport) * 30);
  display: none;
}
.select-box-sec .box .body_aco .flex {
  display: flex !important;
  justify-content: space-between !important;
}
.select-box-sec .box .body_aco .flex li {
  width: 48%;
  margin-top: calc(100vw / var(--viewport) * 30);
}
.select-box-sec .box .body_aco .flex li .box-style {
  margin-bottom: 0;
}
@media screen and (min-width:768px) {
  .select-box-sec .box .ttl_aco {
    height: 53px;
    border-radius: 5px;
    margin-top: 30px;
  }
  .select-box-sec .box .ttl_aco.mt0_pc {
    margin-top: 0;
  }
  .select-box-sec .box .ttl_aco:before,
  .select-box-sec .box .ttl_aco:after {
    right: 29px;
  }
  .select-box-sec .box .ttl_aco:before {
    height: 20px;
  }
  .select-box-sec .box .ttl_aco:after {
    width: 20px;
    transform: translateX(47%) translateY(-50%);
  }
  .select-box-sec .box .body_aco {
    padding: 0 40px;
  }
  .select-box-sec .box .body_aco .flex {
    justify-content: flex-start !important;
  }
  .select-box-sec .box .body_aco .flex li {
    width: 25%;
    margin-top: 20px;
  }
  .select-box-sec .box .body_aco .flex li .box-style {
    width: 100%;
    margin-bottom: 0;
  }
}