@charset "utf-8";
/* CSS Document */

#slide_box #slide_content {
  width: 600vw;
  opacity: 1;
}
#slide_box.slide0 #slide_content {
  left: 0;
}
#slide_box.slide1 #slide_content {
  left: -100vw;
}
#slide_box.slide2 #slide_content {
}
#slide_box.slide3 #slide_content {
  left: -200vw;
}
#slide_box.slide4 #slide_content {
  left: -300vw;
}
#slide_box.slide5 #slide_content {
  left: -400vw;
}
#slide_box.slide6 #slide_content {
  left: -500vw;
}
#slide_box #slide_content .slide_block {
  height: 0;
}
#slide_box.slide0 #slide_content #slide0,
#slide_box.slide1 #slide_content #slide1,
#slide_box.slide2 #slide_content #slide2,
#slide_box.slide3 #slide_content #slide3,
#slide_box.slide4 #slide_content #slide4,
#slide_box.slide5 #slide_content #slide5,
#slide_box.slide6 #slide_content #slide6 {
  height: auto;
}

#slide1 .title_box h2 > span {
  position: relative;
}
#slide1 .title_box .icon {
  position: absolute;
  top: -17px;
  right: -86px;
  width: 71px;
  background: none;
}

.login_name {
  margin-bottom: 5.8vw;
  font-size: 26px;
  font-weight: bold;
  line-height: 1.3em;
  color: #231815;
  text-align: center;
  letter-spacing: 0;
}

#slide0 .content,
#slide1 .content {
  padding-top: 50px;
  padding-bottom: 100px;
}
#slide0 .member,
#slide1 .member {
  width: 295px;
  margin-right: auto;
  margin-bottom: 70px;
  margin-left: auto;
}
#slide0 .member a,
#slide1 .member a {
  display: block;
  padding: 2px 0 3px;
  color: #fff;
  text-align: center;
  background-color: #6fba2c;
  background-image: url('/img/purchaseOrder/book/pc/common/arrow_white.png');
  background-repeat: no-repeat;
  background-position: right 18px center;
  background-size: 12px auto;
  border-radius: 34px;
}
#slide0 .member a span,
#slide1 .member a span {
  display: block;
  text-align: center;
}
#slide0 .member a .txt01,
#slide1 .member a .txt01 {
  font-size: 21px;
  font-weight: bold;
}
#slide1 .member a .txt02 {
  margin-top: -0.5em;
  font-size: 15px;
}

#slide1 .btn_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  max-width: 480px;
  margin-right: auto;
  margin-left: auto;
}
#slide1 .btn_box form {
  width: 48%;
}

#slide1 .btn.btn02 .btn_sbu_txt {
  font-size: 15px;
  line-height: 1.1em;
  letter-spacing: 0;
}
#slide1 .btn .line {
  display: block;
  width: 130px;
  height: 1px;
  margin: 1px auto 7px;
  background-color: #fff;
  background-image: none;
  border: none;
  border-radius: 0;
}

#slide1 .quesiton {
  width: 100%;
  max-width: 480px;
  margin-top: 18px;
  margin-right: auto;
  margin-left: auto;
}

#slide3 .content {
  padding-top: 50px;
  padding-bottom: 100px;
}
#slide3 .img_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 330px;
  margin-right: auto;
  margin-left: auto;
}
#slide3 .img01 {
  width: 54%;
}
#slide3 .select01 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 30.3%;
  margin-right: 6%;
}
#slide3 .select01 select {
  /*text-align: center;*/
}

#slide3 #cardboardguide_title {
  position: relative;
  z-index: 1;
  display: block;
  width: 330px;
  margin-top: 40px;
  margin-right: auto;
  margin-bottom: -16px;
  margin-left: auto;
  font-size: 17px;
  color: #6db131;
  text-align: center;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #6db131;
}
#slide3 #cardboardguide_title .mark {
  position: relative;
  top: 0.1em;
  display: inline-block;
  width: 15px;
  height: 15px;
  background-color: #6db131;
  border-radius: 50%;
}
#slide3 #cardboardguide_title .mark::before,
#slide3 #cardboardguide_title .mark::after {
  position: absolute;
  content: '';
  background-color: #fff;
}
#slide3 #cardboardguide_title .mark::before {
  top: 7px;
  left: 3px;
  width: 9px;
  height: 1px;
}
#slide3 #cardboardguide_title .mark::after {
  top: 3px;
  left: 7px;
  width: 1px;
  height: 9px;
}
#slide3 #cardboardguide_title.active .mark::after {
  height: 0;
}

#slide3 #simu_title {
  position: relative;
  z-index: 1;
  display: block;
  width: 330px;
  margin-top: 40px;
  margin-right: auto;
  margin-bottom: -16px;
  margin-left: auto;
  font-size: 17px;
  color: #6db131;
  text-align: center;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #6db131;
}
#slide3 #simu_title .mark {
  position: relative;
  top: 0.1em;
  display: inline-block;
  width: 15px;
  height: 15px;
  background-color: #6db131;
  border-radius: 50%;
}
#slide3 #simu_title .mark::before,
#slide3 #simu_title .mark::after {
  position: absolute;
  content: '';
  background-color: #fff;
}
#slide3 #simu_title .mark::before {
  top: 7px;
  left: 3px;
  width: 9px;
  height: 1px;
}
#slide3 #simu_title .mark::after {
  top: 3px;
  left: 7px;
  width: 1px;
  height: 9px;
}
#slide3 #simu_title.active .mark::after {
  height: 0;
}
#slide3 .simu_box {
  display: none;
  width: 100%;
  max-width: 695px;
  margin-right: auto;
  margin-left: auto;
  background-color: #f4f9ed;
}
#slide3 .simu_box .simu_content {
  padding-top: 44px;
  padding-bottom: 40px;
}
#slide3 .simu_box .simu_content .txt01 {
  font-size: 14px;
  line-height: 1.4em;
  text-align: center;
}
#slide3 .simu_box .simu_content .txt01 span {
  display: inline-block;
  padding: 0 0.3em 0.1em;
  font-size: 14px;
  color: #fff;
  background-color: #7d7d7d;
  border-radius: 3px;
}
#slide3 .simu_box .simu_content .item_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 92%;
  margin-top: 18px;
  margin-right: auto;
  margin-left: auto;
}
#slide3 .simu_box .simu_content .item_box .item_block,
#slide3 .simu_box .simu_content .result_box {
  width: 33.33%;
  padding-top: 10px;
}
#slide3 .simu_box .simu_content .item_box .item_block {
  border-right: 1px solid #9fa0a0;
}
#slide3 .simu_box .simu_content .item_box .item_block .img,
#slide3 .simu_box .simu_content .result_box .img {
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}
#slide3 .simu_box .simu_content .item_box .item_block .img img,
#slide3 .simu_box .simu_content .result_box .img img {
  display: inline-block;
  width: auto;
  height: 48px;
}
#slide3 .simu_box .simu_content .item_box .item_block .name,
#slide3 .simu_box .simu_content .result_box .r_txt01 {
  margin-top: -8px;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0;
}
#slide3 .simu_box .simu_content .item_box .item_block .num {
  margin-top: 14px;
  text-align: center;
}
#slide3 .simu_box .simu_content .item_box .item_block .num input {
  width: 100px;
  margin-right: 6px;
  text-align: right;
}
#slide3 .simu_box .simu_content .result_box {
  position: relative;
}
#slide3 .simu_box .simu_content .result_box .arrow {
  position: absolute;
  top: 0;
  left: -9px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 18px;
  height: 100%;
}
#slide3 .simu_box .simu_content .result_box .arrow img {
  display: block;
  width: 18px;
  height: auto;
}
#slide3 .simu_box .simu_content .result_box .r_txt02 {
  width: 160px;
  margin-top: 0px;
  margin-right: auto;
  margin-left: auto;
  font-size: 16px;
  font-weight: bold;
  color: #7d7d7d;
  text-align: center;
  border-bottom: 1px solid #ed6c00;
}
#slide3 .simu_box .simu_content .result_box .r_txt02 span {
  margin-right: 0.1em;
  font-size: 30px;
  color: #ed6c00;
}
#slide3 .simu_box .simu_content #over_txt {
  display: none;
  margin-top: 20px;
  font-size: 17px;
  color: #e16a0e;
  text-align: center;
}
#slide3 .simu_box .simu_content #over_txt.active {
  display: block;
}
#slide3 #s2_message {
  padding-top: 24px;
  font-size: 17px;
  line-height: 1.3em;
  color: #e16a0e;
  text-align: center;
}

#slide4 .content {
  width: 100%;
  padding-top: 46px;
  padding-bottom: 100px;
  margin-right: auto;
  margin-left: auto;
}

#slide4 .btn_txt {
  font-size: 14px;
  line-height: 1.3em;
  text-align: center;
}
#slide4 .btn_txt a {
  position: relative;
  top: 0.5em;
  display: inline-block;
  width: 25px;
}

#slide4 .btn_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 480px;
  margin-top: 26px;
  margin-right: auto;
  margin-left: auto;
}
#slide4 .btn_box .btn {
  width: 48%;
}
#slide4 .btn_box .btn01 .txt_content {
  position: relative;
  padding-top: 16px;
}
#slide4 .btn_box .btn01 .osusume {
  position: absolute;
  top: -7px;
  left: 0;
  z-index: 10;
  width: 100%;
  height: auto;
  background: none;
}
#slide4 .btn_box .btn01 .osusume img {
  display: block;
  width: 76px;
  margin-right: auto;
  margin-left: auto;
}
#slide4 .btn_box .btn01 .txt_content .line {
  display: block;
  width: 82%;
  height: 1px;
  margin-top: 3px;
  margin-right: auto;
  margin-left: auto;
  background: none;
  border: none;
  border-bottom: 1px solid #fff;
  border-radius: 0;
}
#slide4 .btn_box .btn01 .txt_content .sub_txt {
  height: auto;
  margin-top: 3px;
  margin-right: auto;
  margin-left: auto;
  font-size: 15px;
  text-align: center;
  letter-spacing: 0;
  background-image: none;
  border: none;
  border-radius: 0;
}
#slide4 .btn_box .btn01 a .txt_content::before,
#slide4 .btn_box .btn01 > span .txt_content::before {
  top: 21px;
}
#slide4 .radio_text {
  width: 480px;
  margin-top: 18px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

#slide4 #other_home {
  display: none;
  margin-top: 50px;
}
#slide4 #other_home .other_home_box {
  width: 480px;
  padding-top: 42px;
  padding-bottom: 50px;
  margin-right: auto;
  margin-left: auto;
  background-color: #f4f9ed;
}
#slide4 #other_home .other_home_box .other_txt_01 {
  font-size: 14px;
  text-align: center;
}
#slide4 #other_home .other_home_box .other_form {
  width: 88%;
  margin-top: 24px;
  margin-right: auto;
  margin-left: auto;
}
#slide4 #other_home .other_home_box .other_form tr + tr th,
#slide4 #other_home .other_home_box .other_form tr + tr td {
  padding-top: 13px;
}
#slide4 #other_home .other_home_box .other_form .form_txt {
  width: 28%;
  font-size: 15px;
  font-weight: normal;
  color: #6fba2c;
  text-align: left;
  letter-spacing: 0;
}
#slide4 #other_home .other_home_box .other_form tr:first-child .form_txt {
  line-height: 1.2em;
}
#slide4 #other_home .other_home_box .other_form .form_txt .kakko {
  display: block;
  margin: 0 -0.5em;
}
#slide4 #other_home .other_home_box .other_form .input {
  margin-top: 0;
}
#slide4 #other_home .other_home_box .other_form .input input {
  background-color: #fff;
}
#slide4 #other_home .other_home_box .other_form .input01 input,
#slide4 #other_home .other_home_box .other_form .input01 select {
  width: 165px;
}
#slide4 #other_home .other_home_box .other_form .input input {
  height: 40px;
  font-size: 14px;
  line-height: 1.5em;
}
#slide4 #other_home .other_home_box .other_form .input select {
  height: 40px;
  font-size: 14px;
  line-height: 1.5em;
  background-color: #fff;
}
#slide4 #other_home .other_home_box .other_form .input select.deactive {
  color: #dcdddd;
}
#slide4 #other_home .other_home_box .other_form .input02 input {
  width: 100%;
}
#slide4 #other_home .submit {
  margin-top: 86px;
  text-align: center;
}
#slide4 #other_home .error {
  display: none;
  margin-top: 24px;
  font-size: 17px;
  color: #e16a0e;
  text-align: center;
}
#slide4 #other_home .error.active {
  display: block;
}
#slide4 .link_box {
}
#slide4 .link_box {
  display: none;
}
#slide4 .link_box.active {
  display: flex;
}
#slide4 .link_box .next_page.deactive {
  display: none;
}

#slide5 {
  border-top: 1px solid #6fba2c;
}
#slide5 .content {
  padding-top: 50px;
  padding-bottom: 100px;
}
#slide5 .radio_text {
  font-size: 14px;
  text-align: center;
}
#slide5 .radio_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 480px;
  margin-top: 24px;
  margin-right: auto;
  margin-left: auto;
}
#slide5 .radio_box .form-ToggleBtn {
  width: 14.8%;
  cursor: pointer;
}
#slide5 .radio_box .form-ToggleBtn .form-ToggleBtn_Text {
  font-size: 22px;
  color: #dcdddd;
}
#slide5 .radio_box .form-ToggleBtn .form-ToggleBtn_Text .unit {
  font-size: 15px;
}
#slide5 .radio_box .form-ToggleBtn:hover,
#slide5 .radio_box .form-ToggleBtn.active {
  background-color: #ffe100;
}
#slide5 .radio_box .form-ToggleBtn:hover .form-ToggleBtn_Text,
#slide5 .radio_box .form-ToggleBtn.active .form-ToggleBtn_Text {
  color: #898989;
}
/*#slide5 .radio_box .form-ToggleBtn input:checked + .form-ToggleBtn_Text {
	color: #f00;
}*/
#slide5 .radio_box_02 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 480px;
  margin-top: 30px;
  margin-right: auto;
  margin-left: auto;
}
#slide5 .radio_box_02 .custom-control-label {
  color: #dcdddd;
}
#slide5 .radio_box_02 .form-Select {
  position: relative;
  top: -6px;
  width: 82px;
  margin-left: 14px;
  font-size: 18px;
  background-color: #ffe100;
}
#slide5 .radio_box_02 .form-Select:disabled {
  background-color: #fff;
}
#slide5 hr.dot_line {
  width: 695px;
  height: 4px;
  margin-top: 46px;
  margin-right: auto;
  margin-left: auto;
  background-image: url('/img/purchaseOrder/book/pc/step4/dot_line.png');
  background-repeat: repeat-x;
  background-position: left center;
  background-size: auto 4px;
  border: none;
}
#slide5 .link_box .next_page.deactive {
  display: none;
}

#slide6.no_title {
  border-top: 1px solid #6fba2c;
}
#slide6.no_title .title_box {
  display: none;
}

#slide6 .content {
  padding-top: 50px;
  padding-bottom: 100px;
}

#slide6 select {
  width: 100%;
  height: 40px;
  font-size: 22px;
  background-size: 16px auto;
}

#slide6 .calender {
  width: 530px;
  padding: 30px 0;
  margin-right: auto;
  margin-left: auto;
  background-color: #f0f0f0;
}
#slide6 .calender.deactive {
  display: none;
}
#slide6 .calender .datepicker-group {
  width: 88%;
  margin-right: auto;
  margin-left: auto;
}
#slide6 .calender .datepicker-title {
  padding-bottom: 0.3em;
  margin-bottom: 0.6em;
  font-size: 18px;
  text-align: center;
  border-bottom: 1px solid #a0a0a0;
}
#slide6 .calender .datepicker-calendar + .datepicker-title {
  margin-top: 30px;
}
#slide6 .calender .datepicker-calendar thead tr th {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}
#slide6 .calender .datepicker-calendar thead tr th:first-child,
#slide6 .calender .datepicker-calendar tbody tr td:first-child label {
  color: #d00;
}
#slide6 .calender .datepicker-calendar thead tr th:last-child,
#slide6 .calender .datepicker-calendar tbody tr td:last-child label {
  color: #0077dd;
}
#slide6 .calender .datepicker-calendar tbody tr td {
  width: 14.29%;
  padding: 3px;
}
#slide6 .calender .datepicker-calendar input[type='radio'] {
  display: none;
}
#slide6 .calender .datepicker-calendar label,
#slide6 .calender .datepicker-calendar td.blank span {
  width: 100%;
  height: 48px;
  padding: 0;
  font-size: 20px;
  line-height: 1.2em;
  text-align: center;
  border: 2px solid #c9caca;
  border-radius: 8px;
}
#slide6 .calender .datepicker-calendar label {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background-color: #fff;
}
#slide6 .calender .datepicker-calendar td.blank span {
  display: block;
  content: '';
  background-color: #f0f0f0;
}
#slide6 .calender .datepicker-calendar label:hover,
#slide6 .calender .datepicker-calendar tbody tr td:first-child label:hover,
#slide6 .calender .datepicker-calendar tbody tr td:last-child label:hover,
#slide6 .calender .datepicker-calendar input[type='radio']:checked + label {
  color: #fff;
  background-color: #6fba2c;
}
#slide6 .calender .datepicker-calendar input[type='radio']:checked + label::before {
  position: absolute;
  right: -6px;
  bottom: -9px;
  display: block;
  width: 34px;
  height: 24px;
  content: '';
  background-image: url('/img/purchaseOrder/book/pc/step5/calender-icon-truck.png');
  background-repeat: no-repeat;
  background-size: contain;
}
#slide6 .calender .calender_select_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 350px;
  margin-top: 26px;
  margin-right: auto;
  margin-left: auto;
}
#slide6 .calender .calender_select_box select {
  font-size: 17px;
}
#slide6 .calender .calender_select_box .select01 select {
  width: 140px;
}
#slide6 .calender .calender_select_box .select02 {
  margin-left: 10px;
}
#slide6 .calender .calender_select_box .select02 select {
  width: 200px;
}

#pickup_time_modal_content .time_title_box {
  width: 330px;
  margin-right: auto;
  margin-left: auto;
}
#pickup_time_modal_content .time_title_box .title_txt {
  font-size: 17px;
  line-height: 1.3em;
  color: #6fba2c;
  text-align: center;
}
#pickup_time_modal_content .time_box {
  position: relative;
  width: 330px;
  margin-top: 24px;
  margin-right: auto;
  margin-left: auto;
}
#pickup_time_modal_content .time_list {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}
#pickup_time_modal_content .time_list li {
  padding-left: 24px;
}
#pickup_time_modal_content .time_list li label {
  font-size: 17px;
  font-weight: bold;
}
#pickup_time_modal_content .time_list .form-Radio .custom-control-label::before {
  top: 11px;
  left: -24px;
  width: 16px;
  height: 16px;
}
#pickup_time_modal_content .time_list .form-Radio .custom-control-label::after {
  top: 14px;
  left: -21px;
  width: 10px;
  height: 10px;
}
#pickup_time_modal_content .time_list .form-Radio .custom-control-input:checked ~ .custom-control-label::after {
  background-color: #ed6c00;
}
#pickup_time_modal_content .m_time_img {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 138px;
}

#slide6 .coupon_box {
  width: 530px;
  padding-top: 50px;
  margin-right: auto;
  margin-left: auto;
}
#slide6 .coupon_box .coupon_title_box {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}
#slide6 .coupon_box .coupon_title_box .title_txt {
  font-size: 17px;
  line-height: 1.3em;
  color: #6fba2c;
  text-align: center;
}
#slide6 .coupon_box .coupon_title_box .title_txt span {
  position: relative;
  top: -2px;
  display: inline-block;
  padding: 2px 5px 3px;
  margin-left: 0px;
  font-size: 14px;
  line-height: 1em;
  color: #fff;
  background-color: #7d7d7d;
}
#slide6 .coupon_box .coupon_code {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 28px;
}
#slide6 .coupon_box .coupon_code input {
  font-size: 20px;
  text-align: right;
  background-color: #fff;
}
#slide6 .coupon_box .coupon_code input.error {
  background-color: #fbdac8;
}
#slide6 .coupon_box .coupon_code #coupon_code_1 {
  width: 100px;
}
#slide6 .coupon_box .coupon_code #coupon_code_2 {
  width: 145px;
}
#slide6 .coupon_box .coupon_code .code_txt {
  position: relative;
  top: 2px;
  padding: 0 3px;
}
#slide6 .coupon_box .error_box {
  margin-top: 46px;
}
#slide6 .coupon_box .error_box .error {
  font-size: 17px;
  color: #e16a0e;
  text-align: center;
}
#slide6 .coupon_box .coupon_message {
  margin-top: 14px;
  font-size: 17px;
  font-weight: bold;
  line-height: 1.3em;
  color: #e16a0e;
  text-align: center;
}
#slide6 .coupon_box .coupon_link {
  margin-top: 17px;
  text-align: center;
}
#slide6 .coupon_box .coupon_link a {
  display: inline-block;
  width: 330px;
  padding: 0 0 4px;
  font-size: 17px;
  color: #e16a0e;
  text-align: center;
  border: 1px solid #f08300;
}

#help_content_01 .txt01 {
  font-size: 17px;
  font-weight: bold;
  line-height: 1.3em;
  color: #7d7d7d;
  text-align: center;
  letter-spacing: 0;
}
#help_content_01 .txt01 .txt_sp {
  display: block;
  margin-bottom: 0.8em;
  font-size: 25px;
  color: #ed6c00;
}
#help_content_01 .list01 {
  width: 100%;
  max-width: 480px;
  padding: 16px 28px;
  margin-top: 28px;
  margin-right: auto;
  margin-left: auto;
  border-top: 1px solid #c9caca;
  border-bottom: 1px solid #c9caca;
}
#help_content_01 .list01 li {
  padding-left: 1em;
  font-size: 14px;
  line-height: 1.4em;
  color: #7d7d7d;
  text-indent: -1em;
  letter-spacing: 0;
}
#help_content_01 .img_title_01 {
  margin-top: 44px;
  font-size: 20px;
  color: #6fba2c;
  text-align: center;
}
#help_content_01 .img01 {
  position: relative;
  width: 246px;
  margin-top: 26px;
  margin-right: auto;
  margin-left: auto;
}
#help_content_01 .img01 img {
  position: relative;
  left: -13%;
}
#help_content_01 .txt02 {
  margin-top: 28px;
  font-size: 17px;
  font-weight: bold;
  line-height: 1.3em;
  color: #7d7d7d;
  text-align: center;
}

#help_content_02 {
  width: 100%;
  max-width: 400px;
  margin-right: auto;
  margin-left: auto;
}
#help_content_02 .help_text dt,
#help_content_02 .help_text dd {
  color: #000;
}
#help_content_02 .help_text dt {
  font-size: 17px;
  font-weight: bold;
}
#help_content_02 .help_text dd {
  font-size: 14px;
  line-height: 1.3em;
}
#help_content_02 .help_text dd + dt {
  margin-top: 54px;
}
#help_content_02 .help_img {
  display: block;
  width: 130px;
  margin-top: 28px;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (max-width: 700px) {
  #slide1 .title_box .icon {
    top: -2.4vw;
    right: -12.3vw;
    width: 10.1vw;
  }

  #slide1 .content {
    padding-top: 7.1vw;
    padding-bottom: 14.3vw;
  }
  #slide1 .member {
    width: 42.1vw;
    margin-bottom: 10vw;
  }
  #slide1 .member a {
    padding: 0.3vw 0 0.4vw;
    background-position: right 2.6vw center;
    background-size: 1.7vw auto;
    border-radius: 4.9vw;
  }
  #slide1 .member a .txt01 {
    font-size: 3vw;
  }
  #slide1 .member a .txt02 {
    font-size: 2.1vw;
  }

  #slide1 .btn_box {
    width: 68.6vw;
    max-width: none;
  }

  #slide1 .btn.btn02 .btn_sbu_txt {
    font-size: 2.1vw;
  }
  #slide1 .btn .line {
    width: 18.6vw;
    margin: 1px auto 1vw;
  }

  #slide1 .quesiton {
    width: 68.6vw;
    max-width: none;
    margin-top: 2.6vw;
  }

  #slide3 .content {
    padding-top: 7.1vw;
    padding-bottom: 14.3vw;
  }
  #slide3 .img_box {
    width: 390px;
  }
  #slide3 .select01 {
  }

  #slide3 #simu_title {
    width: 47.1vw;
    margin-top: 5.7vw;
    margin-bottom: -2.3vw;
    font-size: 2.4vw;
  }
  #slide3 #simu_title .mark {
    width: 2.1vw;
    height: 2.1vw;
  }
  #slide3 #simu_title .mark::before {
    top: 1vw;
    left: 0.4vw;
    width: 1.3vw;
    height: 1px;
  }
  #slide3 #simu_title .mark::after {
    top: 0.4vw;
    left: 1vw;
    width: 1px;
    height: 1.3vw;
  }
  #slide3 .simu_box .simu_content {
    padding-top: 6.3vw;
    padding-bottom: 5.7vw;
  }
  #slide3 .simu_box .simu_content .txt01 {
    font-size: 2vw;
  }
  #slide3 .simu_box .simu_content .txt01 span {
    font-size: 2vw;
    border-radius: 0.4vw;
  }
  #slide3 .simu_box .simu_content .item_box {
    margin-top: 2.6vw;
  }
  #slide3 .simu_box .simu_content .item_box .item_block,
  #slide3 .simu_box .simu_content .result_box {
    padding-top: 1.4vw;
  }
  #slide3 .simu_box .simu_content .item_box .item_block .img img,
  #slide3 .simu_box .simu_content .result_box .img img {
    height: 6.9vw;
  }
  #slide3 .simu_box .simu_content .item_box .item_block .name,
  #slide3 .simu_box .simu_content .result_box .r_txt01 {
    margin-top: -1.1vw;
    font-size: 2.3vw;
  }
  #slide3 .simu_box .simu_content .item_box .item_block .num {
    margin-top: 2vw;
  }
  #slide3 .simu_box .simu_content .item_box .item_block .num input {
    width: 14.3vw;
    margin-right: 0.9vw;
  }
  #slide3 .simu_box .simu_content .result_box .arrow {
    left: -1.3vw;
    width: 2.6vw;
  }
  #slide3 .simu_box .simu_content .result_box .arrow img {
    width: 2.6vw;
  }
  #slide3 .simu_box .simu_content .result_box .r_txt02 {
    width: 22.9vw;
    font-size: 2.3vw;
  }
  #slide3 .simu_box .simu_content .result_box .r_txt02 span {
    font-size: 4.3vw;
  }
  #slide3 .simu_box .simu_content #over_txt {
    margin-top: 2.9vw;
    font-size: 2.4vw;
  }
  #slide3 #s2_message {
    padding-top: 3.4vw;
    font-size: 2.4vw;
  }

  #slide4 .content {
    padding-top: 6.6vw;
    padding-bottom: 14.3vw;
  }

  #slide4 .btn_txt {
    font-size: 2vw;
  }
  #slide4 .btn_txt a {
    width: 3.6vw;
  }

  #slide4 .btn_box {
    width: 68.6vw;
    margin-top: 3.7vw;
  }
  #slide4 .btn_box .btn01 .txt_content {
    padding-top: 2.3vw;
  }
  #slide4 .btn_box .btn01 .osusume {
    top: -1vw;
  }
  #slide4 .btn_box .btn01 .osusume img {
    width: 10.9vw;
  }
  #slide4 .btn_box .btn01 .txt_content .line {
    margin-top: 0.4vw;
  }
  #slide4 .btn_box .btn01 .txt_content .sub_txt {
    margin-top: 0.4vw;
    font-size: 2.1vw;
  }
  #slide4 .btn_box .btn01 a .txt_content::before,
  #slide4 .btn_box .btn01 > span .txt_content::before {
    top: 3vw;
  }
  #slide4 .radio_text {
    width: 68.6vw;
    margin-top: 2.6vw;
  }

  #slide4 #other_home {
    margin-top: 7.1vw;
  }
  #slide4 #other_home .other_home_box {
    width: 68.6vw;
    padding-top: 6vw;
    padding-bottom: 7.1vw;
  }
  #slide4 #other_home .other_home_box .other_txt_01 {
    font-size: 2vw;
  }
  #slide4 #other_home .other_home_box .other_form {
    margin-top: 3.4vw;
  }
  #slide4 #other_home .other_home_box .other_form tr + tr th,
  #slide4 #other_home .other_home_box .other_form tr + tr td {
    padding-top: 1.8vw;
  }
  #slide4 #other_home .other_home_box .other_form .form_txt {
    font-size: 2.1vw;
  }
  #slide4 #other_home .other_home_box .other_form .input {
    margin-top: 1vw;
  }
  #slide4 #other_home .other_home_box .other_form .input01 input,
  #slide4 #other_home .other_home_box .other_form .input01 select {
    width: 23.6vw;
  }
  #slide4 #other_home .other_home_box .other_form .input input {
    height: 5.7vw;
    font-size: 2vw;
  }
  #slide4 #other_home .other_home_box .other_form .input select {
    height: 5.7vw;
    font-size: 2vw;
  }
  #slide4 #other_home .submit {
    margin-top: 12.3vw;
  }
  #slide4 #other_home .error {
    margin-top: 3.4vw;
    font-size: 2.4vw;
  }

  #slide5 .content {
    padding-top: 7.1vw;
    padding-bottom: 14.3vw;
  }
  #slide5 .radio_text {
    font-size: 2vw;
  }
  #slide5 .radio_box {
    width: 68.6vw;
    margin-top: 3.4vw;
  }
  #slide5 .radio_box .form-ToggleBtn .form-ToggleBtn_Text {
    font-size: 3.1vw;
  }
  #slide5 .radio_box .form-ToggleBtn .form-ToggleBtn_Text .unit {
    font-size: 2.1vw;
  }
  #slide5 .radio_box_02 {
    width: 68.6vw;
    margin-top: 4.3vw;
  }
  #slide5 .radio_box_02 .form-Select {
    top: -0.9vw;
    width: 11.7vw;
    margin-left: 2vw;
    font-size: 2.6vw;
  }
  #slide5 hr.dot_line {
    width: 99.3vw;
    height: 0.6vw;
    margin-top: 6.6vw;
    background-size: auto 0.6vw;
  }

  #slide6 .content {
    padding-top: 7.1vw;
    padding-bottom: 14.3vw;
  }

  #slide6 select {
    height: 5.7vw;
    font-size: 3.1vw;
    background-size: 2.3vw auto;
  }

  #slide6 .calender {
    width: 75.7vw;
    padding: 4.3vw 0;
  }
  #slide6 .calender .datepicker-title {
    font-size: 2.6vw;
  }
  #slide6 .calender .datepicker-calendar + .datepicker-title {
    margin-top: 4.3vw;
  }
  #slide6 .calender .datepicker-calendar thead tr th {
    font-size: 2.6vw;
  }
  #slide6 .calender .datepicker-calendar tbody tr td {
    width: 14.29%;
    padding: 0.4vw;
  }
  #slide6 .calender .datepicker-calendar label,
  #slide6 .calender .datepicker-calendar td.blank span {
    width: 100%;
    height: 6.9vw;
    font-size: 2.9vw;
    border: 0.3vw solid #c9caca;
    border-radius: 1.1vw;
  }
  #slide6 .calender .datepicker-calendar input[type='radio']:checked + label::before {
    right: -0.9vw;
    bottom: -1.3vw;
    width: 4.9vw;
    height: 3.4vw;
  }
  #slide6 .calender .calender_select_box {
    width: 50vw;
    margin-top: 3.7vw;
  }
  #slide6 .calender .calender_select_box select {
    font-size: 2.4vw;
  }
  #slide6 .calender .calender_select_box .select01 select {
    width: 20vw;
  }
  #slide6 .calender .calender_select_box .select02 {
    margin-left: 1.4vw;
  }
  #slide6 .calender .calender_select_box .select02 select {
    width: 28.6vw;
  }

  #pickup_time_modal_content .time_title_box {
    width: 47.1vw;
  }
  #pickup_time_modal_content .time_title_box .title_txt {
    font-size: 2.4vw;
  }
  #pickup_time_modal_content .time_box {
    width: 47.1vw;
    margin-top: 3.4vw;
  }
  #pickup_time_modal_content .time_list li {
    padding-left: 3.4vw;
  }
  #pickup_time_modal_content .time_list li label {
    font-size: 2.4vw;
  }
  #pickup_time_modal_content .time_list .form-Radio .custom-control-label::before {
    top: 1.6vw;
    left: -3.4vw;
    width: 2.3vw;
    height: 2.3vw;
  }
  #pickup_time_modal_content .time_list .form-Radio .custom-control-label::after {
    top: 2vw;
    left: -3vw;
    width: 1.4vw;
    height: 1.4vw;
  }
  #pickup_time_modal_content .m_time_img {
    width: 19.7vw;
  }

  #slide6 .coupon_box {
    width: 75.7vw;
    padding-top: 7.1vw;
  }
  #slide6 .coupon_box .coupon_title_box .title_txt {
    font-size: 2.4vw;
  }
  #slide6 .coupon_box .coupon_title_box .title_txt span {
    top: -0.3vw;
    padding: 0.3vw 0.7vw 0.4vw;
    font-size: 2vw;
  }
  #slide6 .coupon_box .coupon_code {
    margin-top: 4vw;
  }
  #slide6 .coupon_box .coupon_code input {
    font-size: 2.9vw;
  }
  #slide6 .coupon_box .coupon_code #coupon_code_1 {
    width: 14.3vw;
  }
  #slide6 .coupon_box .coupon_code #coupon_code_2 {
    width: 20.7vw;
  }
  #slide6 .coupon_box .coupon_code .code_txt {
    top: 0.3vw;
    padding: 0 0.4vw;
  }
  #slide6 .coupon_box .error_box {
    margin-top: 6.6vw;
  }
  #slide6 .coupon_box .error_box .error {
    font-size: 2.4vw;
  }
  #slide6 .coupon_box .coupon_message {
    margin-top: 2vw;
    font-size: 2.4vw;
  }
  #slide6 .coupon_box .coupon_link {
    margin-top: 2.4vw;
  }
  #slide6 .coupon_box .coupon_link a {
    width: 47.1vw;
    padding: 0 0 0.6vw;
    font-size: 2.4vw;
  }

  #help_content_01 .txt01 {
    font-size: 2.4vw;
  }
  #help_content_01 .txt01 .txt_sp {
    font-size: 3.6vw;
  }
  #help_content_01 .list01 {
    width: 68.6vw;
    max-width: none;
    padding: 2.3vw 4vw;
    margin-top: 4vw;
  }
  #help_content_01 .list01 li {
    font-size: 2vw;
  }
  #help_content_01 .img_title_01 {
    margin-top: 6.3vw;
    font-size: 2.9vw;
  }
  #help_content_01 .img01 {
    width: 35.1vw;
    margin-top: 3.7vw;
  }
  #help_content_01 .txt02 {
    margin-top: 4vw;
    font-size: 2.4vw;
  }

  #help_content_02 {
    width: 57.1vw;
    max-width: none;
  }
  #help_content_02 .help_text dt {
    font-size: 2.4vw;
  }
  #help_content_02 .help_text dd {
    font-size: 2vw;
  }
  #help_content_02 .help_text dd + dt {
    margin-top: 7.7vw;
  }
  #help_content_02 .help_img {
    width: 18.6vw;
    margin-top: 4vw;
  }
}