body {
  font-family: 'Hiragino Kaku Gothic Pro', Meiryo, 'MS PGothic', sans-serif;
  font-size: 12px;
  line-height: 1.5;
}

::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #d1d1d3;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: #d1d1d3;
}

:-ms-input-placeholder {
  /* IE 10+ */
  color: #d1d1d3;
}

:-moz-placeholder {
  /* Firefox 18- */
  color: #d1d1d3;
}

img {
  max-width: 100%;
}

.container {
  max-width: 790px;
  margin: 0 auto;
  padding: 0 20px;
}

.header {
  padding: 10px;
  display: table;
  width: 100%;
  table-layout: fixed;
}

.header .header__logo h1 {
  margin: 0;
  line-height: 0;
}

.header .header__logo a img {
  width: 100px;
}

.header .header__logo,
.header .tagline {
  display: table-cell;
  width: 50%;
  vertical-align: middle;
}

.header .tagline p {
  margin: 0;
  font-size: 12px;
  text-align: right;
  font-weight: bold;
}

.keyvisual {
  text-align: center;
  margin: 0 auto;
  max-width: 750px;
  background: url('/upload/daily-trial/202404/img_202404_kv.png') top no-repeat;
  background-size: cover;
  padding: 20px 10px 0px;
}

.keyvisual2 {
  padding-top: 400px;
}

.keyvisual a,
.link a {
  display: block;
  color: #ffffff;
  border-radius: 5px;
  padding: 22px 15px;
  text-align: center;
  background: #1bb71f url('/upload/daily-trial/202404/img_202404_btn_arr_1.png') right 15px center no-repeat;
  background-size: 17px 11px;
  font-size: 18px;
  font-weight: bold;
  font-family: 'Yu Gothic', '貂ｸ繧ｴ繧ｷ繝�け', YuGothic, '貂ｸ繧ｴ繧ｷ繝�け菴�', '繝｡繧､繝ｪ繧ｪ', sans-serif;
  box-shadow: 0px 4px 0px 0px rgba(17, 111, 20, 1);
}

.keyvisual .content {
  text-align: center;
}

.keyvisual .txt1 {
  font-weight: bold;
  text-align: center;
  font-size: 14px;
  line-height: 1.643;
  margin-bottom: 25px;
}

.keyvisual .txt1 .red {
  color: #d30000;
}

.keyvisual .txt1 .ul {
  border-bottom: 2px solid #f9b808;
}

.keyvisual .txt2 {
  font-weight: bold;
  font-size: 23px;
  margin-bottom: 0;
  letter-spacing: 1px;
}

.keyvisual .txt3 {
  font-weight: bold;
  font-size: 32px;
  margin-bottom: 0;
}

.keyvisual .txt3 span {
  color: #f9b808;
}

.keyvisual .txt3 small {
  font-size: 26px;
}

.keyvisual .txt3 span small {
  font-size: 20px;
}

.keyvisual .txt4 span {
  display: inline-block;
  color: #ffffff;
  background: #0c2546;
  border-radius: 3px;
  font-size: 12px;
  width: 268px;
  padding: 2px;
}

.keyvisual h2 {
  margin: 290px 0 10px;
  font-size: 34px;
  font-weight: bold;
  line-height: 1.19;
  text-shadow: 0px 0px 5px #ffffff;
}

.title1 {
  text-align: center;
  margin: 0 0 20px;
  font-size: 21px;
  font-weight: bold;
}

.box1 {
  text-align: center;
  border: 4px solid #ec9db3;
  margin: 50px 0px 0;
  border-radius: 15px;
  background: #ffffff;
}

.box1 .heading {
  text-align: center;
  font-weight: bold;
  background: #ec9db3;
  padding: 18px 10px 20px;
  font-size: 18px;
  position: relative;
}

.box1 .heading:before {
  width: 142px;
  height: 48px;
  content: '';
  position: absolute;
  right: 0;
  top: -40px;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  background: url('/upload/daily-trial/202404/img_202404_header_illust_4x.png') center no-repeat;
  background-size: 100%;
}

.box1 .heading span {
  color: #ffffff;
  border-bottom: 2px solid #ffffff;
}

.box1 .body {
  padding: 10px 20px 20px;
  text-align: center;
  border-radius: 0 0 10px 10px;
  background-color: #fceef2;
}

.box1 .body2 {
  padding: 20px;
  border-radius: 10px;
}

.next {
  background: #f090b2 url('/upload/daily-trial/202404/img_202404_bg_pattern1.png');
  text-align: center;
  padding: 20px 0;
  position: relative;
}

.next:before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #ffd4c9;
}

.next p {
  color: #ffffff;
  margin-bottom: 0;
  font-weight: bold;
  font-size: 23px;
  line-height: 1.391;
}

.next p span {
  border-bottom: 2px solid #ffffff;
}

.next2 {
  background: #f090b2 url('/upload/daily-trial/202404/img_202404_bg_pattern2.png');
  color: #ffffff;
  padding: 20px;
}

.next2 p {
  font-size: 20px;
  line-height: 1.565;
}

.next2 .link a {
  display: block;
  color: #ffffff;
  border-radius: 5px;
  padding: 19px 15px;
  text-align: center;
  background: #d30000 url('/upload/daily-trial/202404/img_202404_btn_arr_2.svg') right 15px center no-repeat;
  background-size: 18px;
  font-size: 21px;
  font-weight: bold;
  font-family: 'Yu Gothic', '貂ｸ繧ｴ繧ｷ繝�け', YuGothic, '貂ｸ繧ｴ繧ｷ繝�け菴�', '繝｡繧､繝ｪ繧ｪ', sans-serif;
  box-shadow: 0px 4px 0px 0px rgba(159, 1, 1, 1);
  margin-top: 15px;
}

.next2:before {
  border-top: 15px solid #ffffff;
}

.attention {
  margin: 0 0 0px 10px;
  list-style: none;
  padding: 0;
  color: #000000;
  font-family: 'Yu Gothic', '貂ｸ繧ｴ繧ｷ繝�け', YuGothic, '貂ｸ繧ｴ繧ｷ繝�け菴�', '繝｡繧､繝ｪ繧ｪ', sans-serif;
}

.attention li {
  margin-bottom: 5px;
  text-indent: -1em;
  font-size: 10px;
}

.step {
  padding: 30px 0;
}

.title3 {
  font-size: 24px;
  text-align: center;
  line-height: 1.17;
}

.title3 span {
  display: block;
  margin-bottom: 5px;
}

.section1 {
  background: #f4f4f4;
  padding: 40px 7.5px 11px;
}

.section0 {
  background: #ffffff;
  padding: 30px 0;
}

.stepBlock {
  border-radius: 5px;
  background: #bfe7e4;
  padding: 15px;
  position: relative;
  margin-bottom: 32px;
}

.stepBlock .tbl {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.stepBlock .tbl .column {
  font-weight: bold;
  font-size: 12px;
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}

.stepBlock .tbl .column p {
  margin-bottom: 0;
}

.stepBlock .tbl .column:first-child {
  width: 27px;
  padding-right: 6px;
}

.stepBlock .tbl .column:nth-child(2) {
  width: 50px;
  border-right: 1px solid #accfcd;
}

.stepBlock .tbl .column:nth-child(3) {
  padding-left: 15px;
}

.stepBlock:after {
  width: 12px;
  height: 8px;
  content: '';
  position: absolute;
  right: 0;
  background: url('/upload/daily-trial/202404/img_202404_arr.png') center no-repeat;
  background-size: 100%;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  bottom: -22px;
}

.stepBlock-alt {
  background: #f1edba;
  padding-bottom: 0;
}

.stepBlock-alt .tbl .column:nth-child(2) {
  border-right: 1px solid #cbd1c1;
}

.stepBlock-alt .illust {
  display: table;
  width: 100%;
  table-layout: fixed;
  max-width: 290px;
  margin: 10px auto 30px;
}

.stepBlock-alt .illust .column {
  display: table-cell;
  vertical-align: middle;
}

.stepBlock-alt .illust .column p {
  font-size: 11px;
  line-height: 1.8;
  margin-bottom: 0;
  padding-right: 10px;
  font-weight: bold;
}

.stepBlock-alt .illust .column:last-child {
  width: 142px;
  padding: 15px 30px 15px;
  position: relative;
}

.stepBlock-alt .illust .column:last-child:before {
  width: 10px;
  height: 8px;
  content: '';
  position: absolute;
  background: url('/upload/daily-trial/202404/img_202404_arr_2.svg') center no-repeat;
  background-size: 100%;
  left: 0;
  top: 50%;
  margin-top: -5px;
}

.stepLast {
  text-align: center;
}

.stepBlock2 {
  border-radius: 5px;
  background: #ffffff;
  border: 1px solid #f9b808;
  position: relative;
  margin-bottom: 32px;
}

.stepBlock2 .tbl {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.stepBlock2 .tbl .column {
  font-weight: bold;
  font-size: 12px;
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}

.stepBlock2 .tbl .column p {
  margin-bottom: 0;
}

.stepBlock2 .tbl .column:first-child {
  width: 48px;
  background: #f9b808;
  text-align: center;
  color: #ffffff;
  font-size: 10px;
  padding: 8px 3px;
}

.stepBlock2 .tbl .column:first-child span {
  display: block;
  font-size: 13px;
}

.stepBlock2 .tbl .column:last-child {
  padding: 12px 15px;
  text-align: center;
}

.stepBlock2:after {
  width: 12px;
  height: 8px;
  content: '';
  position: absolute;
  right: 0;
  background: url('/upload/daily-trial/202404/img_202404_arr.png') center no-repeat;
  background-size: 100%;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  bottom: -22px;
}

form {
  margin-bottom: 15px;
}

.form-body {
  padding: 0 10px;
}

form .block {
  margin-bottom: 15px;
}

form label {
  font-weight: bold;
  color: #0c2546;
  font-size: 12px;
  display: block;
  margin-bottom: 5px;
}

form label span {
  display: inline-block;
  font-size: 8px;
  color: #ffffff;
  font-weight: bold;
  vertical-align: middle;
  padding: 3px 5px 3px;
  line-height: 1;
  background: #d30000;
  margin-left: 5px;
}

form input {
  width: 100%;
  padding: 8px 10px;
  font-size: 15px;
  border: 1px solid #d1d1d3;
}

form input[type='submit'],
.formBtn {
  display: block;
  border: 0;
  font-weight: bold;
  width: 100%;
  background: #1bb71f url('/upload/daily-trial/202404/img_202404_btn_arr_2.svg') right 15px center no-repeat;
  background-size: 18px;
  color: #ffffff;
  border-radius: 5px;
  padding: 15px 19px;
  margin-top: 10px;
  cursor: pointer;
  box-shadow: 0px 4px 0px 0px rgba(17, 111, 20, 1);
  font-size: 15px;
  text-align: center;
}

.formBtn:hover {
  color: #ffffff;
}

.terms {
  padding: 35px 7.5px;
}

.terms .content ul {
  margin: 0 0 0 20px;
  padding: 0;
}

.terms .content ul li {
  margin-bottom: 10px;
  font-size: 10px;
  font-family: 'Yu Gothic', '貂ｸ繧ｴ繧ｷ繝�け', YuGothic, '貂ｸ繧ｴ繧ｷ繝�け菴�', '繝｡繧､繝ｪ繧ｪ', sans-serif;
}

.terms .content ul li:last-child {
  margin-bottom: 0;
}

.terms .heading {
  font-weight: bold;
  font-size: 14px;
  padding-left: 30px;
  margin: 0 0 14px;
  position: relative;
  font-family: 'Yu Gothic', '貂ｸ繧ｴ繧ｷ繝�け', YuGothic, '貂ｸ繧ｴ繧ｷ繝�け菴�', '繝｡繧､繝ｪ繧ｪ', sans-serif;
}

.terms .heading:before {
  width: 21px;
  height: 21px;
  background: url('/upload/daily-trial/202404/img_202404_info_icon.svg');
  background-size: 21px;
  position: absolute;
  content: '';
  left: 0;
}

.terms p {
  font-size: 11px;
  margin-bottom: 0;
}

.bottomLink {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}

.bottomLink a {
  display: table-cell;
  text-align: center;
  width: 50%;
  font-weight: bold;
  color: #000000;
  font-size: 11px;
  padding: 15px;
  font-family: 'Yu Gothic', '貂ｸ繧ｴ繧ｷ繝�け', YuGothic, '貂ｸ繧ｴ繧ｷ繝�け菴�', '繝｡繧､繝ｪ繧ｪ', sans-serif;
}

.bottomLink a:first-child {
  border-right: 1px solid #cccccc;
}

footer .image {
  text-align: center;
  padding: 15px 0 20px;
}

footer .image img {
  width: 47px;
}

footer .copyright {
  padding: 10px;
  background: #cccccc;
  font-size: 8px;
  font-weight: bold;
  text-align: center;
  font-family: 'Yu Gothic', '貂ｸ繧ｴ繧ｷ繝�け', YuGothic, '貂ｸ繧ｴ繧ｷ繝�け菴�', '繝｡繧､繝ｪ繧ｪ', sans-serif;
}

footer .copyright p {
  margin-bottom: 0;
}

.keyvisual .block {
  background: #ffffff;
  border-radius: 15px;
  border: 4px solid #f9b808;
  position: relative;
  z-index: 1;
  margin: -46.5px 15px 19px;
  font-family: 'Yu Gothic', '貂ｸ繧ｴ繧ｷ繝�け', YuGothic, '貂ｸ繧ｴ繧ｷ繝�け菴�', '繝｡繧､繝ｪ繧ｪ', sans-serif;
}

.keyvisual .block .heading {
  color: #ffffff;
  background: #f9b808;
  padding: 18px;
}

.keyvisual .block .heading h2 {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  margin: 0;
}

.keyvisual .block .body {
  padding: 20px 5px;
  color: #f25508;
}

.keyvisual .block .body .p1 {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 12px;
}

.keyvisual .block .body .p1 span {
  font-size: 19px;
}

.keyvisual .block .body .p2 {
  font-size: 16px;
  margin-bottom: 12px;
  font-family: 'Hiragino Kaku Gothic Pro', Meiryo, 'MS PGothic', sans-serif;
}

.keyvisual .block .body .p2 span {
  color: #0c2546;
}

.keyvisual .block .body .p3 {
  font-size: 20px;
  color: #f25508;
  margin-bottom: 0;
}

.keyvisual .block .body .p3 .style2 {
  font-weight: bold;
  font-size: 30px;
  display: inline-block;
  vertical-align: bottom;
  line-height: 1;
}

.keyvisual .block .body .p3 .style3 {
  color: #0c2546;
  font-weight: bold;
  font-size: 33.5px;
  margin-top: 10px;
  display: inline-block;
}

.keyvisual .block .body .p3 .style1 {
  color: #0c2546;
  display: inline-block;
  margin-right: 5px;
  border-bottom: 2px solid #f9b808;
  vertical-align: bottom;
  position: relative;
  font-weight: bold;
}

.keyvisual .block .body .p3 .style1:before {
  width: 45px;
  height: 36px;
  background: url('/upload/daily-trial/202404/img_202404_bubble.png') no-repeat;
  background-size: 100%;
  position: absolute;
  content: '';
  left: -27px;
  top: -35px;
}

.keyvisual2 a,
.link-guest a {
  padding: 19px 15px;
  text-align: center;
  background: #d30000 url('/upload/daily-trial/202404/img_202404_btn_arr_2.svg') right 15px center no-repeat;
  background-size: 18px;
  box-shadow: 0px 4px 0px 0px rgba(159, 1, 1, 1);
}

.title5 {
  text-align: center;
  margin: 0 0 18px;
}

.title5 img {
  width: 183.5px;
}

.link1 {
  margin-bottom: 20px;
}

.link1 a {
  display: block;
  color: #ffffff;
  border-radius: 5px;
  padding: 22px 15px;
  text-align: center;
  background: #f25508 url('/upload/daily-trial/202404/img_202404_icon4.png') right 15px center no-repeat;
  background-size: 18px;
  font-size: 21px;
  font-weight: bold;
  font-family: 'Yu Gothic', '貂ｸ繧ｴ繧ｷ繝�け', YuGothic, '貂ｸ繧ｴ繧ｷ繝�け菴�', '繝｡繧､繝ｪ繧ｪ', sans-serif;
}

.link2 {
  margin: 0 7.5px 20px;
}

.link2 a {
  display: block;
  color: #ffffff;
  border-radius: 5px;
  padding: 11px 10px;
  text-align: center;
  background: #0c2546 url('/upload/daily-trial/202404/img_202404_icon5.png') right 15px center no-repeat;
  background-size: 18px;
  font-size: 14px;
  font-weight: bold;
  font-family: 'Yu Gothic', '貂ｸ繧ｴ繧ｷ繝�け', YuGothic, '貂ｸ繧ｴ繧ｷ繝�け菴�', '繝｡繧､繝ｪ繧ｪ', sans-serif;
}

hr {
  margin: 40px 7.5px 40px;
  border: 0;
  border-top: 1px solid #ced3da;
}

.title6 {
  text-align: center;
  margin: 0 0 20px;
}

.title6 img {
  width: 215px;
}

.about {
  margin: 0 7.5px 0;
}

.about p {
  color: #0c2546;
  line-height: 2;
  font-size: 12px;
  margin-bottom: 15px;
  font-family: 'Yu Gothic', '貂ｸ繧ｴ繧ｷ繝�け', YuGothic, '貂ｸ繧ｴ繧ｷ繝�け菴�', '繝｡繧､繝ｪ繧ｪ', sans-serif;
}

.about p.main {
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 25px;
  color: #0c2546;
  line-height: 2;
}

.about .image {
  margin-bottom: 20px;
  text-align: center;
}

.mgb40 {
  margin-bottom: 40px !important;
}

.notify {
  text-align: center;
  padding: 12px 15px;
  background: rgba(182, 177, 178, 0.7);
  position: relative;
  z-index: 0;
}

.notify p {
  line-height: 1.333;
  font-size: 21px;
  font-weight: bold;
  color: #ffffff;
  margin-bottom: 0;
}

.notify p span {
  color: #d30000;
}

/* OVERALL ADJUSTMENTS FOR 202206
----------------------------------*/

/* General
---------------------------------- */
body {
  font-family: 'Yu Gothic', '貂ｸ繧ｴ繧ｷ繝�け', YuGothic, '貂ｸ繧ｴ繧ｷ繝�け菴�', '繝｡繧､繝ｪ繧ｪ', sans-serif;
}

.margin10 {
  margin-top: 10px;
}

.bg--peach {
  background-color: #ffd4c9;
}

.link.link--guest a {
  padding: 15px;
  font-size: 14px;
  background-color: #bf9b49;
  box-shadow: 0px 2px 0px 0px#967732;
}

.mb-0 {
  margin-bottom: 0;
}

.mb-05 {
  margin-bottom: 5px;
}

body,
.keyvisual a,
.link a,
.next2 .link a,
.attention,
.terms .content ul li,
.terms .heading,
.bottomLink a,
footer .copyright,
.keyvisual .block,
.link1 a,
.link2 a,
.about p {
  font-family: 'Noto Sans JP', 'Yu Gothic', '貂ｸ繧ｴ繧ｷ繝�け', YuGothic, '貂ｸ繧ｴ繧ｷ繝�け菴�', '繝｡繧､繝ｪ繧ｪ', sans-serif;
}

body {
  color: #000000;
}

.header .header__logo a img {
  width: auto;
}

.link a {
  display: flex;
  justify-content: center;
  align-items: center;
}

.color--default {
  color: #d83e59;
}

.color--red {
  color: #cc0000;
}

.font--normal {
  font-weight: normal;
}

.my-30 {
  margin: 30px 0;
}

.mt-30 {
  margin-top: 30px;
}

.bg--default {
  background-color: #fceef2;
}

.bg--pink {
  background-color: #ec9db3;
}

.bg--gray {
  background-color: #f2f2f2;
}

.btn--orange,
.link a.btn--orange {
  background: #fc7b25;
  box-shadow: 0px 3px 0px #c25b16;
}

.btn--red,
.link a.btn--red {
  background: #d30000;
  box-shadow: 0px 3px 0px #9f0101;
}

.btn-white a {
  display: block;
  background: #ffffff url(img_202108_btn_arr_4.png) right 15px center no-repeat;
  background-size: 11px 17px;
  border: 1px solid #000000;
  border-radius: 5px;
  padding: 15px;
  text-align: center;
  font-size: 17px;
  font-weight: bold;
  color: #000000;
}

.btn-copy a:before {
  content: url('/upload/daily-trial/202404/img_202404_icon_copy.png');
  position: relative;
  top: 3px;
  margin-right: 10px;
}

.btn-copy a {
  background: #ffffff;
}

@media screen and (max-width: 374px) {
  .btn-white a {
    font-size: 14px;
  }

  .link a {
    font-size: 14px;
  }
}

.link.btn-style--2 a {
  background: #d30000 url('/upload/daily-trial/202404/img_202404_btn_arr_2.svg') right 15px center no-repeat;
  background-size: 18px;
  box-shadow: 0px 4px 0px 0px rgb(159 1 1);
}

/* Ribbon texts
---------------------------------- */
.ribbon__text {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  color: #ffffff;
  border: 20px solid #43b2cb;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  max-width: 331px;
  margin: 0 auto;
}

.ribbon__text p {
  position: absolute;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 0;
}

@media screen and (max-width: 374px) {
  .ribbon__text p {
    font-size: 15px;
  }
}

/* Lead texts
---------------------------------- */
.lead__text {
  text-align: center;
  margin-bottom: 0;
}

.lead__text span {
  display: inline-block;
  position: relative;
  font-size: 15px;
  font-weight: normal;
  margin-bottom: 17px;
  margin-top: 5px;
  padding: 0px 30px;
}

.lead__text span:before {
  width: 16px;
  height: 27px;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  background: url(/upload/daily-trial/202404/img_202404_bg_sep.png) left no-repeat;
  background-size: 32px;
}

.lead__text span:after {
  width: 16px;
  height: 27px;
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  background: url(/upload/daily-trial/202404/img_202404_bg_sep.png) right no-repeat;
  background-size: 32px;
}

.lead__text--2 span {
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 35px;
  margin-top: 5px;
  padding: 0px 40px;
}

.lead__text--2 span:before {
  width: 32px;
  height: 59px;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  background: url(/upload/daily-trial/202404/img_202404_bg_sep_2.png) left no-repeat;
  background-size: 64px;
}

.lead__text--2 span:after {
  width: 32px;
  height: 59px;
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  background: url(/upload/daily-trial/202404/img_202404_bg_sep_2.png) right no-repeat;
  background-size: 64px;
}

.lead__text--2-1 span {
  padding: 10px 40px;
}

@media screen and (max-width: 374px) {
  .lead__text--2 span {
    font-size: 13px;
  }
}

/* Titles and Headers
---------------------------------- */
.title4 {
  font-size: 20px;
}

.title5 {
  font-size: 14px;
  font-weight: bold;
}

.heading--2 {
  color: #ffffff;
  text-align: center;
  font-weight: bold;
  background: #ec9db3;
  padding: 18px 10px 20px;
  font-size: 23px;
  position: relative;
}

.heading--2 span {
  font-size: 18px;
}

.title2 {
  font-size: 28px;
  font-weight: 700;
  text-align: center;
  line-height: 1.3;
}

.title3 span {
  margin-bottom: 10px;
}

@media screen and (max-width: 374px) {
  .title2 {
    font-size: 24px;
  }

  .title3 {
    font-size: 20px;
  }

  .title4 {
    font-size: 16px;
  }
}

/* Keyvisual
---------------------------------- */
.keyvisual {
  text-align: center;
  margin: 0 auto;
  max-width: 500px;
  background: none;
  padding: 0;
}

.keyvisual h2 {
  margin: 0;
  font-size: 34px;
  font-weight: bold;
  line-height: 1.19;
  text-shadow: 0px 0px 5px #ffffff;
}

.keyvisual-btn {
  padding: 20px 20px 5px;
}

.keyvisual {
  background: url(/upload/daily-trial/202404/img_202404_kv_bg.png) top no-repeat;
  background-size: cover;
  min-height: 590px;
  padding: 28px 10px 0;
}

.keyvisual .content {
  padding: 0 10px;
}

.keyvisual h2 {
  font-size: 30px;
  text-shadow: none;
  line-height: 1.35;
  margin-bottom: 18px;
}

.keyvisual__ticket {
  background: url(/upload/daily-trial/202404/img_202404_kv_ticket_bg.png) top no-repeat;
  background-size: cover;
  width: 335px;
  margin: 0 auto;
  padding: 20px 25px 13px;
}

.keyvisual__ticket h3 {
  font-size: 18px;
  margin-bottom: 3px;
  line-height: 1.35;
}

.keyvisual__ticket p {
  font-size: 18px;
  color: #d83e59;
  font-weight: bold;
  margin-bottom: 0;
}

.keyvisual__ticket .image {
  margin-top: 20px;
}

.keyvisual__ticket--2 {
  display: flex;
  align-items: center;
  background: #ffffff;
  padding: 20px 18px;
  text-align: left;
  border-radius: 8px;
  margin-bottom: 16px;
}

.keyvisual__ticket--2 h3 {
  font-size: 13px;
  margin-bottom: 0;
}

.keyvisual__ticket--2 p {
  font-size: 20px;
  color: #000000;
}

.keyvisual__ticket--2>img {
  width: 76px;
}

.keyvisual__ticket--2 .keyvisual__price {
  padding-left: 15px;
}

.keyvisual__ticket--2 .keyvisual__price .image {
  width: 169px;
  margin-top: 7px;
}

.keyvisual .image-extras {
  width: 245px;
  margin: -10px auto 15px;
}

.keyvisual .image-gift {
  display: flex;
  justify-content: center;
}

.keyvisual .image-gift .image {
  width: 211px;
  margin-left: 35px;
  margin-bottom: -12px;
}

.keyvisual__btn {
  padding: 0;
}

.keyvisual__lead p {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 0;
}

.keyvisual__lead .lead__text span {
  font-size: 22px;
  font-weight: bold;
  margin: 0 0 11px;
}

.keyvisual__lead .lead__text span:before,
.keyvisual__lead .lead__text span:after {
  height: 34px;
}

.keyvisual #kvButton {
  margin-top: 20px;
}

.keyvisual #kvButton .container {
  max-width: 500px;
  padding: 0px;
}

.keyvisual .keyvisual--fixed {
  position: fixed;
  width: 100%;
  left: 0;
  z-index: 99;
  bottom: 20px;
}

.keyvisual #kvButton.keyvisual--fixed .container {
  background-color: transparent;
  padding: 10px 15px 20px;
}

.keyvisual .link h4 {
  margin-bottom: 5px;
}

@media screen and (max-width: 374px) {
  .keyvisual {
    min-height: 560px;
  }

  .keyvisual h2 {
    font-size: 24px;
  }

  .keyvisual__ticket {
    width: auto;
  }

  .keyvisual .link h4 {
    font-size: 10px;
  }
}

/* Boxes
---------------------------------- */
.box-head {
  font-size: 16px;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}

.box-head img {
  width: 25px;
  margin: 0 6.5px 0;
}

.box-head p {
  margin-bottom: 0;
}

.box-amazoncard {
  padding: 5px 0 7px;
}

.box-amazoncard img {
  width: 100px;
}

.box-price p {
  font-size: 60px;
  color: #e96795;
  font-weight: bold;
  display: flex;
  justify-content: center;
  margin-bottom: 0px;
  line-height: 1;
}

.box-price .box-price--yen {
  font-size: 19px;
  width: 20px;
  line-height: 1.15;
  align-self: flex-end;
  padding: 0 0 5px 5px;
}

.box-price .box-price--star {
  font-size: 14px;
  padding: 5px 0 0 5px;
}

.box-enrollment p {
  font-size: 27px;
  font-weight: bold;
  color: #f9b808;
  margin-bottom: 0;
}

.box-price2 {
  display: flex;
  justify-content: center;
}

.box-price2 p {
  font-size: 64px;
  font-weight: normal;
}

.box-price2 .box-price--yen {
  font-size: 24px;
  font-weight: bold;
  width: auto;
  margin-left: 5px;
}

.box-price2 .box-price--star {
  align-self: flex-end;
  padding: 0 0 25px;
}

.image-enrollment img {
  margin-bottom: 5px;
}

.image .subText {
  margin-bottom: 0;
}

.round {
  width: 200px;
  height: 200px;
  background: #ffffff;
  border-radius: 50%;
  margin: 0 auto 20px;
}

.box-discount {
  display: flex;
  align-items: center;
  justify-content: center;
}

.box-discount img {
  max-width: 70%;
  max-height: 70%;
}

.box-ticket {
  padding: 44px 33px;
}

.box-price {
  margin-bottom: 10px;
}

hr.line {
  margin: 25px 0;
  border-color: #b6b2bc;
}

.box-price--yen-horizontal {
  width: auto;
  margin: auto 0 5px;
  font-size: 21px;
  font-weight: 600;
}

.box-price+.title1 {
  margin-bottom: 10px;
}

.box1 .body--2 {
  margin: 0 auto;
  padding: 25px 15px;
  max-width: 400px;
  background: #ffffff;
}

.body--2 .box-ticket {
  padding: 0 29px;
}

.body--2 .box-ticket p {
  margin: 16px 0 0;
  font-weight: 700;
  font-size: 10px;
  text-align: left;
}

.box1 {
  margin: 30px 0 0;
}

.box1 .heading:before {
  display: none;
}

.box1 .heading .box1--title {
  color: #ffffff;
  font-size: 18px;
  margin-bottom: 0;
  font-weight: normal;
}

.box1 .heading--2 .box1--title {
  font-size: 16px;
}

.box1 .body {
  border-radius: 10px;
}

.box1 .body .box1__section {
  margin: 20px 0 30px;
}

.box1 .body--2 .box1__section {
  margin: 0;
}

.box1 .body .box1__section--enrollment {
  margin-bottom: 0;
}

.box1 .body .box1__section .title5 {
  margin-bottom: 20px;
}

.box-details .title1 {
  margin-bottom: 7px;
}

.box1__section--enrollment .box-details .title1:last-child {
  margin-bottom: 0;
}

.box-pricing {
  margin-bottom: 20px;
}

.box-others p {
  font-size: 14px;
}

.box-note {
  font-size: 12px;
  text-align: left;
  color: #666666;
}

.box--reward {
  padding: 0 35px;
}

.box1__section--reward p {
  text-align: left;
  margin: 10px 0 0;
  font-size: 10px;
}

.box__point {
  margin-top: 30px;
  text-align: center;
}

.box__points .box__point>span {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: #ec9db3;
  font-size: 12px;
  color: #ffffff;
  line-height: 1;
  width: 76px;
  height: 24px;
  border-radius: 40px;
  position: relative;
  z-index: 2;
}

.box__points .box__point>.image {
  margin-top: -13px;
  margin-bottom: 20px;
  position: relative;
  z-index: 1;
}

.box__points .box__point p {
  text-align: left;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 0;
  line-height: 1.7;
}

@media screen and (max-width: 374px) {
  .box-head p {
    font-size: 14px;
  }

  .box-price p {
    font-size: 45px;
  }
}

/* Stepblocks
---------------------------------- */
.stepBlock--last {
  border: 1px solid #ec9db3;
  background: #fceef2 url('/upload/daily-trial/202404/img_202404_bg_pattern3.png') center center no-repeat;
  background-size: cover;
  padding: 8px 10px;
  margin-bottom: 0;
}

.stepBlock--last:after {
  display: none;
}

.stepBlock--last .tbl .column p {
  font-size: 12.5px;
  text-align: center;
}

.stepBlock--last .tbl .column:nth-child(2) {
  width: 64px;
}

.stepBlock--last .tbl .column:nth-child(2) p {
  font-size: 12px;
  color: #000000;
  text-align: left;
}

.stepBlock2.stepBlock--last .tbl .column:first-child {
  background: none;
}

.stepBlock--last .tbl .column .with__sparks span {
  position: relative;
  border-bottom: 2px solid #e96795;
  color: #000000;
  display: inline-block;
}

.stepBlock--last .tbl .column .with__sparks span:before {
  width: 100%;
  height: 30px;
  content: '';
  position: absolute;
  left: -27px;
  top: -22px;
  background: url('/upload/daily-trial/202404/img_202404_bg_sparks.png') left no-repeat;
  background-size: cover;
}

.stepBlock--last .tbl .column .with__sparks span:after {
  width: 100%;
  height: 28px;
  content: '';
  position: absolute;
  right: -28px;
  top: -22px;
  background: url('/upload/daily-trial/202404/img_202404_bg_sparks.png') right no-repeat;
  background-size: cover;
}

.stepBlock--last .tbl .column .with__sparks .side__icon {
  width: 15px;
  margin-top: -5px;
}

.stepBlock-alt .illust .column:last-child {
  padding-bottom: 0;
}

/* Stepgrids
---------------------------------- */
.stepGrid {
  gap: 20px;
  display: grid;
  padding: 15px;
  border-radius: 5px;
  grid-auto-flow: column;
  grid-auto-columns: 50px 1fr;
  background-color: #ffede8;
}

.stepGrid.right {
  grid-auto-columns: 1fr 50px;
}

.stepGrid.right .description {
  grid-column-end: none;
  justify-content: flex-end;
}

.stepGrid:not(:last-child) {
  margin-bottom: 15px;
}

.stepGrid .img {
  width: 49px;
  height: 49px;
  display: flex;
  background: #ffffff;
  align-items: center;
  margin-bottom: 0;
  border-radius: 50%;
  margin-bottom: 7px;
  justify-content: center;
}

.stepGrid img {
  height: 28px;
}

.stepGrid .title {
  color: #613429;
  margin: 0 auto 6px;
  font-size: 12px;
  text-align: center;
  font-weight: 700;
}

.stepGrid .description {
  color: #000000;
  z-index: 0;
  display: flex;
  position: relative;
  font-size: 14px;
  font-weight: 700;
  align-items: center;
}

.stepGrid .description p::before {
  top: 0px;
  left: -5px;
  width: 100%;
  height: 20px;
  content: '';
  z-index: -1;
  position: absolute;
  background-size: contain;
  background-image: url('/upload/daily-trial/202404/img_202404_quote.png');
  background-repeat: no-repeat;
  background-position: left;
}

.stepGrid p {
  margin-bottom: 0;
}

.stepBlock.stepBlock-guest {
  background: #f1edba;
}

.stepBlock.stepBlock-guest .tbl .column:nth-child(2) {
  border-right: 1px solid #c1be95;
}

.stepBlock-alt.stepBlock-guest {
  padding-bottom: 15px;
}

.stepBlock-alt.stepBlock-guest::after {
  background-image: url('/upload/daily-trial/202404/img_202404_arr.svg');
}

.stepBlock-alt .illust {
  display: table;
  width: 100%;
  table-layout: fixed;
  max-width: 290px;
  margin: 10px auto;
}

.step {
  padding-bottom: 0;
}

.stepBlock__icon--2 .tbl .column:nth-child(1) {
  width: 30px;
}

.stepBlock__icon--2 .tbl .column:nth-child(1)>img {
  width: 28px;
}

.stepBlock__icon--2 .tbl .column:nth-child(2) {
  border: 0px;
}

.stepBlock__icon--2 .tbl .column:nth-child(3) {
  width: 38px;
  padding: 0 10px 0 0;
  border-right: 1px solid #f19cba;
}

.stepBlock__icon--2 .tbl .column:nth-child(3) img {
  width: 22px;
}

.stepBlock-alt .illust .column p {
  font-weight: normal;
}

.stepBlock:last-child {
  margin-bottom: 0;
}

.stepBlock:last-child:after {
  display: none;
}

@media screen and (max-width: 374px) {
  .stepBlock-alt .illust .column p {
    font-size: 8px;
  }

  .stepBlock--last .tbl .column .with__sparks span {
    font-size: 10px;
  }
}

/* Sections and blocks
---------------------------------- */
.section {
  padding: 40px 0;
}

.section--gray {
  background-color: #f2f2f2;
}

.section .block {
  margin-bottom: 30px;
}

.section .block:last-child {
  margin-bottom: 0;
}

.block__box {
  padding: 20px 30px;
  background-color: #ffffff;
  font-weight: bold;
  font-size: 14px;
  line-height: 1.6;
}

.block__box>p:last-child {
  margin-bottom: 0;
}

.block__feature {
  padding: 0 0 30px;
}

.block__feature:last-child {
  padding-bottom: 0;
  border: 0;
}

.block__feature .image {
  margin: 20px 0;
  text-align: center;
}

.block__feature .block__feature--title {
  text-align: left;
}

.block__feature .block__feature--desc {
  margin-bottom: 0;
  font-size: 14px;
}

.block__feature .link a {
  padding: 15px;
  margin-top: 15px;
}

.block__features--2 .block__feature {
  padding: 30px 0;
  border-bottom: 1px solid #3b3b3b;
}

.block__features--2 .block__feature--1 {
  padding-top: 0;
}

.block__features--2 .block__feature:last-child {
  padding: 30px 0 0;
  border-bottom: 0;
}

.block--profile {
  text-align: center;
  padding-bottom: 40px;
  border-bottom: 1px solid #cccccc;
}

.block--profile .image {
  margin-bottom: 20px;
}

.block--profile>h3 {
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 10px;
}

.block--profile>h4 {
  font-size: 24px;
  line-height: 1;
}

.block--message h3 {
  font-size: 16px;
  text-align: center;
  margin-bottom: 20px;
}

.block--message p {
  font-size: 14px;
  margin-bottom: 35px;
}

.block--message .message--last {
  margin-bottom: 25px;
}

.block--message .image {
  text-align: center;
}

.block--message .image p {
  text-align: right;
  margin: 15px 0 0;
}

/* Next
---------------------------------- */
.next .container {
  padding: 0;
}

.next-btn.next {
  padding: 20px 10px;
}

.next-btn.next::before {
  border-top: 15px solid #ffffff;
}

.next-btn.next p {
  font-size: 20px;
  margin-bottom: 20px;
}

@media screen and (max-width: 374px) {
  .next p {
    font-size: 18px;
  }
}

/* Forms
----------------------------------------- */
.inline_label {
  font-weight: normal;
  display: inline-block;
  position: relative;
  padding-left: 24px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 12px;
  line-height: 1.3;
  color: #333333;
}

.inline_label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  background: #ffffff;
  border: 1px solid #d1d1d3;
  box-sizing: border-box;
  border-radius: 4px;
  margin-left: 0;
}

.inline_label input:checked~.checkmark {
  background-color: #999999;
}

.checkmark:after {
  content: '';
  position: absolute;
  display: none;
}

.inline_label input:checked~.checkmark:after {
  display: block;
}

.inline_label .checkmark:after {
  left: 5px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.checkbox--container {
  display: flex;
  flex-direction: column;
  padding-top: 10px;
}

.form-body {
  padding: 0;
}

#form .title3 {
  margin-bottom: 30px;
}

#form .form--intro {
  text-align: center;
  margin-bottom: 30px;
}

#form label {
  font-size: 20px;
  font-weight: 700;
  color: #122b46;
  margin-bottom: 16px;
}

#form label span {
  display: flex;
  align-items: center;
  background: #dd0000;
  margin: 0;
  padding: 4px 5px;
  font-size: 14px;
  font-weight: 700;
  color: #ffffff;
  line-height: 1;
}

#form label span.checkmark {
  align-items: center;
  background: #ffffff;
  width: 24px;
  height: 24px;
  border: 3px solid #d1d1d3;
}

#form .inline_label {
  font-size: 16px;
  font-weight: 400;
  padding-left: 35px;
  color: #000000;
  margin: 0;
}

#form .inline_label input:checked~.checkmark {
  background-color: #999999;
}

#form .block--formPrivacy p {
  font-size: 16px;
  font-weight: 400;
  margin: 12px 0 18px !important;
}

#form .block--formPrivacy p a {
  color: #1f1f7b;
  text-decoration: underline;
}

#form .inline_label .checkmark:after {
  left: 6px;
  top: 1px;
  width: 6px;
  height: 12px;
}

#form textarea {
  width: 100%;
  padding: 8px 10px;
  font-size: 15px;
  border: 1px solid #d1d1d3;
  background-color: #ffffff;
}

#form .block p {
  margin-top: 10px;
  color: #666666;
  line-height: 1;
  margin-bottom: 0;
}

#form .error,
#form .wrong {
  border: 1px solid #dd0000;
}

#form .block .errorMessage {
  display: none;
  font-weight: bold;
  color: #dd0000;
  font-size: 12px;
}

#form .error~.errorMessage {
  display: block;
}

#form .error.wrong~.wrongMessage {
  display: none;
}

#form .wrong~.wrongMessage {
  display: block;
}

#form .block--formPrivacy p {
  color: #000000;
  margin-bottom: 10px;
}

#form p.errorPrivacy {
  margin-top: 0;
}

#form p.errorFree {
  margin-top: 0;
}

select {
  width: 100%;
  padding: 8px 10px;
  font-size: 15px;
  border: 1px solid #d1d1d3;
}

/* New share button
----------------------------------------- */
.sendmethods {
  padding-top: 80px;
  max-width: 400px;
  margin: auto;
}

.sendmethods .formBtn {
  padding: 19px;
  font-size: 18px;
  margin: 0 0 15px;
}

.sendmethods .formBtn:last-child {
  margin-bottom: 0;
}

.sendmethods .formBtn--facebook {
  background: #1877f2 url(/upload/daily-trial/202404/img_202404_btn_arr_2.svg) right 15px center no-repeat;
  background-size: 18px;
  box-shadow: 0px 4px 0px #003d8c;
}

.sendmethods .formBtn--twitter {
  background: #1da1f2 url(/upload/daily-trial/202404/img_202404_btn_arr_2.svg) right 15px center no-repeat;
  background-size: 18px;
  box-shadow: 0px 4px 0px #00619d;
}

.sendmethods .formBtn--fbm {
  background: #8d3fff url(/upload/daily-trial/202404/img_202404_btn_arr_2.svg) right 15px center no-repeat;
  background-size: 18px;
  box-shadow: 0px 4px 0px #601bc5;
}

.sendmethods .formBtn--mailto,
.sendmethods .formBtn--linkto {
  background: #fc7b25 url(/upload/daily-trial/202404/img_202404_btn_arr_2.svg) right 15px center no-repeat;
  background-size: 18px;
  box-shadow: 0px 4px 0px #c25b16;
}

.sendmethods .title3 {
  font-size: 20px;
  font-weight: normal;
  margin-bottom: 20px;
}

@media screen and (max-width: 374px) {
  .sendmethods .formBtn {
    font-size: 16px;
  }

  .sendlink {
    width: 65px;
  }

  .sendmethods--56 .sendlink {
    width: 90px;
  }
}

/* Accordion (FAQ)
----------------------------------------- */
.faqList__item {
  border: 1px solid #cccccc;
  background: #fff;
  border-radius: 4px;
  margin-bottom: 10px;
  font-size: 14px;
}

.faqList__item:last-child {
  margin-bottom: 0;
}

.faqList__item .faqList__q {
  color: #333;
  display: flex;
  align-items: flex-start;
  line-height: 1.5;
  padding: 21px 25px 21px 13px;
  font-weight: bold;
  background: url(/upload/daily-trial/202404/img_202404_acc_plus.png) no-repeat;
  background-position: right 10px center;
}

.faqList__item.faqList--open .faqList__q {
  background: url(/upload/daily-trial/202404/img_202404_acc_minus.png) no-repeat;
  background-position: right 10px center;
}

.faqList__item .faqList__q:hover {
  color: #333;
  text-decoration: none;
}

.faqList__item .faqList__q span {
  margin-right: 10px;
}

.faqList__item .faqList__aBox {
  display: none;
  border-top: 1px solid #cccccc;
}

.faqList__item .faqList__a {
  display: none;
  padding: 25px 20px 25px 15px;
  display: flex;
  align-items: flex-start;
}

.faqList__item.faqList--open .faqList__aBox {
  display: flex !important;
}

.faqList__item .faqList__a span {
  font-weight: bold;
  margin: 2px 10px 0 0;
}

.faqList__item .faqList__a p {
  margin-bottom: 0;
}

.faqList__item .faqList__a p a {
  color: #006dad;
  text-decoration: underline;
}

.faqList__item .faqList__a .image {
  margin: 16px 0 30px;
  width: 100%;
  text-align: center;
}

.faqList__item .faqList__a table td:nth-child(1) {
  width: 30%;
}

/* Footer and terms
----------------------------------------- */
.terms ul li a,
.terms ul li a:visited {
  color: #000000;
  text-decoration: underline;
}

footer {
  border-top: 1px solid #cccccc;
}

footer .copyright a {
  color: #000000;
  font-size: 10px;
  font-weight: normal;
}

/* Columns
----------------------------------------- */
.columns {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.columns--1-2 .column {
  width: calc(50% - 7.5px);
  margin-bottom: 20px;
}

.columns--1-2 .column:nth-last-child(-n + 2) {
  margin-bottom: 0;
}

.columns--1-2 .column .image {
  text-align: center;
}

/* Tabs
----------------------------------------- */
.tabs {
  margin-top: 30px;
}

.tabs-bar {
  list-style-type: none;
  padding: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0;
}

.tabs-bar li {
  position: relative;
  flex-basis: calc(50% - 5px);
  background-color: #53ccaf;
  border: 2px solid #53ccaf;
  border-bottom: 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-radius: 4px 4px 0 0;
}

.tabs-bar li:nth-child(2) {
  background-color: #f09eac;
  border: 1px solid #f09eac;
}

.tabs-bar li a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  color: #ffffff;
  font-weight: bold;
  width: 100%;
  text-decoration: none;
  padding: 10px 15px 10px 15px;
}

.tabs-bar .tabs-bar-img {
  width: 43px;
  height: 43px;
  margin-right: 10px;
}

.tabs-bar .tabs-bar-img-1 {
  background: url(/upload/daily-trial/202404/img_202404_avatar1.png) center no-repeat;
  background-size: cover;
}

.tabs-bar .tabs-active .tabs-bar-img-1 {
  background: url(/upload/daily-trial/202404/img_202404_avatar1.png) center no-repeat;
  background-size: cover;
}

.tabs-bar .tabs-bar-img-2 {
  background: url(/upload/daily-trial/202404/img_202404_avatar2.png) center no-repeat;
  background-size: cover;
}

.tabs-bar .tabs-active .tabs-bar-img-2 {
  background: url(/upload/daily-trial/202404/img_202404_avatar2.png) center no-repeat;
  background-size: cover;
}

.tabs-box {
  padding: 20px 0;
  background-color: #53ccaf;
  border: 1px solid #53ccaf;
}

#tabs-box-2 {
  background-color: #f09eac;
  border: 1px solid #f09eac;
}

.tabs .stepBlock {
  background-color: #ffffff;
}

.tabs .stepBlock p {
  font-size: 14px;
  font-weight: normal;
}

.tabs .stepBlock .coupon-box {
  padding: 0 10px;
}

.tabs .stepBlock:after {
  width: 17px;
  height: 10px;
  background: url(/upload/daily-trial/202404/img_202404_arr_3.png) center no-repeat;
  background-size: 100%;
}

@media screen and (max-width: 768px) {
  .tabs-bar li:last-child a span {
    width: 60px;
  }
}

@media screen and (max-width: 374px) {
  .tabs-bar li a {
    font-size: 12px;
    padding: 10px;
  }
}

/* Slider (Products)
----------------------------------------- */
.product {
  padding: 15px 15px 20px;
  background: #ffffff;
  text-align: center;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 15px;
}

.product .image {
  display: flex;
  justify-content: center;
  align-items: center;
}

.product .image img {
  margin-bottom: 15px;
}

.product>h3 {
  font-size: 16px;
}

.product>p {
  font-size: 14px;
  margin-bottom: 20px;
}

.product>p.product--step {
  margin-bottom: 0;
}

.products {
  padding-bottom: 30px;
}

.products .swiper-container {
  margin-top: 36px;
  padding-bottom: 10px;
}

.products>.container {
  overflow: hidden;
}

.products .link a {
  flex-direction: column;
  font-size: 16px;
  padding: 8px 15px;
  margin-top: 20px;
}

.products .link a span {
  font-size: 12px;
}

.products .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 295px !important;
}

@media screen and (min-width: 769px) {
  .products>.container.slides--3 {
    max-width: none;
  }
}

@media screen and (max-width: 374px) {
  .products .swiper-slide {
    width: 250px !important;
  }

  .product .image {
    min-height: 168.5px;
  }

  .products .link a {
    font-size: 14px;
  }
}

/* Slider 2 */
.slides--2 .product {
  padding: 0;
  box-shadow: none;
  text-align: left;
}

.slides--2 .product p:last-child {
  margin-bottom: 0;
}

/* Coupon box
----------------------------------------- */
.coupon {
  background-color: #ffffff;
  padding: 20px 16px 24px;
}

.coupon .coupon-details {
  margin-bottom: 25px;
  padding: 0 4px;
}

.coupon .coupon-details p {
  font-size: 14px;
}

.coupon .container {
  padding: 15px;
}

.coupon-box {
  text-align: center;
}

.coupon-box .coupon-head {
  margin-bottom: 18px;
  font-weight: bold;
}

.coupon-box .coupon-head h3,
.coupon-box .coupon-head p {
  margin-bottom: 0;
  font-size: 26px;
}

.coupon-box .coupon-head h3 {
  font-size: 20px;
  line-height: 1;
}

/* button shine */
.btn__shine {
  position: relative;
  display: inline-block;
  text-decoration: none;
  outline: none;
  overflow: hidden;
}

.btn__shine::before {
  content: '';
  position: absolute;
  display: inline-block;
  top: -180px;
  left: 0;
  width: 30px;
  height: 100%;

  background-color: #fff;
  transition: 0.2s;
  animation: shine 3s ease-in-out infinite;
}

.btn__shine:hover {
  text-decoration: none;
  transform: translateY(3px);
  -webkit-transform: translateY(3px);
}

@keyframes shine {
  0% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0;
  }

  80% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0.5;
  }

  81% {
    -webkit-transform: scale(4) rotate(45deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(50) rotate(45deg);
    opacity: 0;
  }
}

/* Survey Changes 202404
----------------------------------------- */

form input[type='submit'].survey-btm {
  margin: 0 !important;
  width: 80% !important;
}

/* 202404 ADDITIONALS
----------------------------------------- */

/* RADIO BUTTON
---------------------------- */
#form .radio--container {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-bottom: 15px;
}

#form .radio--container .column {
  width: 100%;
}

#form .radio--container .radio__group label {
  font-size: 14px;
  font-weight: 400;
  color: #122b46;
  line-height: 1.5;
}

#form .radio--container .radio__group img {
  width: auto;
  margin-left: 16px;
  margin-right: 16px;
}

input[type='radio'] {
  vertical-align: baseline;
  width: 13px;
  margin-right: 5px;
}

input[type='radio']:checked:after {
  width: 15px;
  height: 15px;
  border-radius: 15px;
  top: -2px;
  left: -1px;
  position: relative;
  background-color: #d83e59;
  content: '';
  display: inline-block;
  visibility: visible;
  border: 3px solid white;
  outline: solid 1px #ccc;
}

input[type='radio']:checked+.radio__group {
  color: red;
  font-weight: bold;
}

.sendmethods .formBtn--twitter {
  background-color: #000;
  box-shadow: 0px 4px 0px #000000;
}

/* Daily Trial 202405
----------------------------------------- */
/* General Styles */
.bg--lightblue {
  background-color: #e8f8f3 !important;
}

.bg--lightpink {
  background-color: #fae2e4 !important;
}

.title1 {
  margin: 0;
  font-size: 28px;
  font-weight: 700;
  color: #122b46;
  line-height: 1;
}

.title2 {
  font-size: 28px;
  font-weight: 700;
  color: #122b46;
  text-align: center;
  line-height: 1.5;
}

.title3 {
  font-size: 24px;
  font-weight: 700;
  color: #122b46;
  text-align: center;
  line-height: 1.5;
}

.section {
  background-color: #ffffff;
  margin: 0 auto;
  max-width: 500px;
  padding: 64px 0;
}

.container {
  max-width: 500px;
}

hr.line {
  margin: 32px 0;
  border: 1px dashed #ced3da;
}

/* Wrapper Styles */
#wrapperArea {
  position: relative;
  background: url(/upload/daily-trial/202404/img_202404_bg.png) center no-repeat;
  width: 100%;
  background-attachment: fixed;
}

/* Header Styles */
.header {
  position: fixed;
  top: 0;
  height: 60px;
  padding: 0;
  background-color: #ffffff;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15);
  z-index: 999;
}

.header h1 {
  height: 60px;
  margin: 0;
  padding: 9px 0 15px 16px;
}

.header .tagline {
  text-align: right;
}

.header .tagline a {
  padding: 18px 20px;
  background: linear-gradient(45deg, #599ae0, #97dfc8);
  font-size: 18px;
  font-weight: 700;
  color: #ffffff;
  line-height: 1;
}

/* Keyvisual Styles */
.keyvisual {
  min-height: auto;
  background: #ffffff;
  padding: 0;
  margin: 0 auto;
}

.keyvisual .content {
  padding: 0;
}

/* Section - Confetti */
.box-confetti {
  background: #e8f8f3 url(/upload/daily-trial/202404/img_202404_bg_confetti.png) top center no-repeat;
  background-size: inherit;
}

.box-confetti .box1 {
  margin-top: 40px;
  border: none;
  border-radius: 16px;
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.2);
}

.box-confetti .box1 .heading {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  background-color: #599ae0;
  padding: 12px 20px;
}

.box-confetti .box1 .heading .box1--title {
  font-size: 20px;
  font-weight: 700;
  color: #ffffff;
}

.box-confetti .box1 .body {
  padding: 24px 20px 43px;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  background-color: #ffffff;
}

.box-confetti .box1 .body .box1__section {
  margin: 0;
}

.box-confetti .box1 .box-head img {
  width: 40px;
  height: 40px;
  margin: 0 10px 0 0;
}

.box-confetti .box1 .box-head p {
  font-size: 16px;
  font-weight: 700;
  color: #122b46;
}

.box-confetti .box1 .box-ticket {
  position: relative;
  display: inline-block;
  margin: 0 auto;
  padding: 0;
}

.box-confetti .box1 .box1__section:nth-child(1) .box-ticket:after {
  content: '';
  position: absolute;
  background: url(/upload/daily-trial/202404/img_202404_surprise.png) no-repeat;
  width: 68px;
  height: 82px;
  bottom: -4%;
  left: -14px;
}

.box-confetti .box1 .box1__section:nth-child(3) .box-ticket:after {
  content: '';
  position: absolute;
  background: url(/upload/daily-trial/202404/img_202404_gift.png) no-repeat;
  width: 58px;
  height: 53px;
  bottom: -3%;
  right: -9px;
}

@media screen and (max-width: 768px) {
  .box-confetti {
    background-size: contain;
  }
}

/* Tabs Styles */
.tab-section {
  padding: 0;
}

.tab-section>.container {
  padding: 0;
}

.tab-section .tabs-bar {
  list-style-type: none;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 5px;
  margin: 0;
}

.tab-section .tabs-bar li {
  position: relative;
  flex-basis: calc(40% - 5px);
  background-color: #ae57cf;
  border: 2px solid #ae57cf;
  border-bottom: 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-radius: 4px 4px 0 0;
}

.tab-section .tabs-bar li a {
  padding: 13px 15px 10px 15px;
}

.tab-section .tabs-bar li.tabs-active a {
  padding: 15px 15px 10px 15px;
  color: #122b46;
}

.tabs-bar .tabs-bar-img-1 {
  background: url(/upload/daily-trial/202404/img_202404_avatar1.png) center no-repeat;
  background-size: contain;
  height: 32px;
  width: 32px;
}

.tabs-bar .tabs-bar-img-2 {
  background: url(/upload/daily-trial/202404/img_202404_avatar2.png) center no-repeat;
  background-size: contain;
  height: 32px;
  width: 32px;
}

.tabs-bar li.tabs-active .tabs-bar-img {
  background-size: contain;
  width: 40px;
  height: 40px;
}

.tab-section .tabs-bar li.tabs-active {
  background-color: #f4ecf7;
  border: 2px solid #ae57cf;
  border-bottom: none;
  top: 2px;
}

.tabs-bar li:nth-child(2) {
  background-color: #edb130;
  border: 1px solid #edb130;
}

.tabs-bar li:nth-child(2).tabs-active {
  background-color: #fff4dd;
  border: 2px solid #edb130;
  border-bottom: none;
  top: 2px;
}

.tab-section .tabs-bar li a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  color: #ffffff;
  font-weight: bold;
  width: 100%;
  text-decoration: none;
  padding: 10px 15px 10px 15px;
}

.tabs-box {
  padding: 40px 0;
  background-color: #f4ecf7;
  border: none;
  border-top: 2px solid #ae57cf;
}

#tabs-box-2 {
  background-color: #fff4dd;
  border: none;
  border-top: 2px solid #edb130;
}

@media screen and (max-width: 768px) {
  .tab-section .container {
    padding: 0;
  }

  .tab-section .tabs-box .tabs-container {
    padding: 0 20px;
  }
}

/* Tabs Block */
.tab-section .tabs-block {
  width: 100%;
  margin-bottom: 32px;
}

.tab-section .tabs-block:last-child {
  margin-bottom: 0;
}

.tab-section .tabs-pill {
  display: flex;
  flex-direction: row;
  background: #ffffff;
  border-radius: 8px;
}

.tab-section .tabs-pill p {
  margin: 0;
}

.tab-section .tabs-pill .column1 {
  max-width: 55px;
  width: 100%;
  background-color: #ae57cf;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  padding: 16px 10px;
}

.tab-section .tabs-pill .column1 p {
  font-size: 14px;
  font-weight: 700;
  color: #ffffff;
  text-align: center;
  font-family: 'Roboto', sans-serif;
}

.tab-section .tabs-pill .column1 p span {
  font-size: 24px;
  font-weight: 700;
  color: #ffffff;
  line-height: 1;
}

.tab-section .tabs-pill .column2 {
  width: auto;
  display: flex;
  align-items: center;
  background-color: '#ffffff';
  padding: 10px 15px;
}

.tab-section .tabs-pill .column2 p {
  font-size: 16px;
  font-weight: 700;
  color: #122b46;
}

.tab-section .tabs-pill .column2 p strong span {
  text-decoration: underline;
}

.tab-section .tabs-content {
  margin-top: 24px;
}

.tab-section .tabs-content p {
  font-size: 16px;
  font-weight: 400;
  color: #333333;
}

.tab-section .tabs-card {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 15px;
  background-color: #ffffff;
  border-radius: 8px;
  gap: 15px;
}

.tab-section .tabs-card h3 {
  font-size: 16px;
  font-weight: 700;
  color: #122b46;
}

.tab-section .tabs-card p {
  font-size: 14px;
  font-weight: 400;
  color: #122b46;
}

.tab-section .tabs-cardImage {
  max-width: 124px;
  width: 100%;
}

.tab-section .tabs-image {
  position: relative;
  margin-top: 24px;
  margin-left: -10px;
}

.tabs-image:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 15px;
  background: url(/upload/daily-trial/202404/img_202404_tabs_arr_1.png) center no-repeat;
  background-size: 30px 15px;
}

.tab-section #tabs-box-2 .tabs-pill .column1 {
  background-color: #edb130;
}

.tab-section #tabs-box-2 .tabs-image:before {
  background: url(/upload/daily-trial/202404/img_202404_tabs_arr_2.png) center no-repeat;
  background-size: 30px 15px;
}

@media screen and (min-width: 769px) {
  .tab-section .tabs-image:before {
    top: 5%;
  }
}

/* Next Styles */
.next.active:before {
  border-top: 15px solid #f4ecf7;
}

.next:before {
  border-top: 15px solid #fff4dd;
}

.next {
  margin: 0 auto;
  max-width: 500px;
  background: linear-gradient(45deg, #599ae0, #97dfc8);
}

/* Form Styles */
.columnFlex {
  display: flex;
  align-items: center;
}

.flex__between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#form .form-body .section .image {
  width: 100%;
  margin: 0 auto 40px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  #form .form-body .section .image {
    padding: 0 75px;
    margin: 0 auto 24px;
  }
}

#form {
  background: url(/upload/daily-trial/202404/img_202404_bg_form.png) top center no-repeat;
  background-size: cover;
}

#form .radio--container,
#form .checkbox--container {
  display: flex;
  flex-direction: column;
  gap: 0px;
  margin-bottom: 15px;
}

#form .radio--container .column,
#form .checkbox--container .column {
  width: 100%;
}

#form .radio--container .radio__group,
#form .checkbox--container .checkbox__group {
  background: #ffffff;
  border: 3px solid rgba(0, 0, 0, 0.08);
  border-radius: 9px;
  padding: 16px;
  margin: 5px 0 10px;
}

#form .checkbox--container .checkbox__group {
  padding: 0;
}

#form .radio--container .radio__group label,
#form .checkbox--container .checkbox__group label {
  font-weight: normal;
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 0 !important;
}

#form .checkbox--container .checkbox__group label {
  padding: 16px;
}

#form input[type='radio']:checked:after,
#form input[type='checkbox']:checked:after {
  width: 15px;
  height: 15px;
  border-radius: 15px;
  top: -2px;
  left: -1px;
  position: relative;
  background-color: #599ae0;
  content: '';
  display: inline-block;
  visibility: visible;
  border: 4px solid white;
  outline: solid 1px #599ae0;
}

#form .step_box {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-bottom: 20px;
}

#form label span.gray {
  background: #999999;
}

#form .block .errorMessage {
  font-size: 16px;
  font-weight: 400 !important;
}

#form .description {
  margin: 10px 0 !important;
  font-size: 16px;
  line-height: 1.5 !important;
  color: #000 !important;
}

#form .stepCard {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 15px;
  background-color: #fae2e4;
  border-radius: 8px;
  margin: 40px 0;
}

#form .stepCard .step-cardImage {
  max-width: 124px;
  width: 100%;
}

#form .step_box .column:first-child {
  font-family: 'Roboto';
  width: 56px;
  background-color: #eb5e6b;
  padding: 23px 10px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

#form .step_box .column:first-child p {
  margin: 0;
  font-size: 16px;
  font-weight: bold;
  color: #ffffff;
  text-align: center;
}

#form .step_box .column:first-child p span {
  font-size: 32px;
  line-height: 1.3;
}

#form .step_box .column.column:nth-child(2) {
  display: flex;
  align-items: center;
  width: 100%;
  background: #ffffff;
  border: 2px solid #eb5e6b;
  border-top-right-radius: 9px;
  border-bottom-right-radius: 9px;
  padding: 16px;
}

#form .step_box .column.column:nth-child(2) p {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  text-align: left;
  color: #122b46;
}

#form .formButton a,
#form .sendmethods a.formBtn {
  display: block;
  color: #ffffff !important;
  border-radius: 8px;
  padding: 24px 15px;
  text-align: center;
  background: url('/upload/daily-trial/202404/img_202404_btn_arr.png') right 15px center no-repeat,
    linear-gradient(45deg, #599ae0 0, #97dfc8 100%);
  background-size: 24px, auto;
  font-size: 18px;
  font-weight: bold;
  box-shadow: 0px 4px 4px 0px rgb(0, 0, 0, 0.25);
  cursor: pointer;
}

#form .sendmethods {
  padding-top: 0;
}

#form .sendmethods a.formBtn--line {
  background: url('/upload/daily-trial/202404/img_202404_icon_line.png') left 15px center no-repeat,
    url('/upload/daily-trial/202404/img_202404_btn_arr3.png') right 15px center no-repeat,
    linear-gradient(45deg, #35b635 0, #34cb34 100%);
  background-size: 48px, 24px, auto;
}

#form .sendmethods a.formBtn--mailto {
  background: url('/upload/daily-trial/202404/img_202404_icon_mail.png') left 15px center no-repeat,
    url('/upload/daily-trial/202404/img_202404_btn_arr.png') right 15px center no-repeat,
    linear-gradient(45deg, #599ae0 0, #97dfc8 100%);
  background-size: 48px, 24px, auto;
}

#form .sendmethods a.formBtn--linkto {
  background: url('/upload/daily-trial/202404/img_202404_icon_url.png') left 15px center no-repeat,
    url('/upload/daily-trial/202404/img_202404_btn_arr4.png') right 15px center no-repeat,
    linear-gradient(45deg, #f67f8a 0, #ffa0a9 100%);
  background-size: 48px, 24px, auto;
}

#form .formButton a span {
  font-size: 24px;
}

#form .redBtn_inner {
  font-size: 15px !important;
  padding: 17px 20px 17px 0px !important;
  background: #c12101 url('https://invy.jp/upload/asahi-life/202308/img_202308_btn_arr_3.svg') right 10px center no-repeat !important;
}

.section_3 .image {
  width: auto;
  text-align: center;
  margin: 40px auto;
}

.pb-20 {
  padding-bottom: 20px;
}

.box1__section .heading__2 {
  text-align: center;
  font-weight: bold;
  background: #c12101;
  padding: 18px 0px 20px;
  position: relative;
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
}

.heading__2:after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  border: 360px solid transparent;
  border-bottom: 23px solid #fff;
}

.box1__section .heading__2 h3 {
  font-size: 36px;
  color: #fff;
}

.box1__section .heading__2 p {
  font-size: 20px;
  color: #fff;
}

.section_1,
.section_2 {
  background: none;
  padding: 64px 0 0px !important;
  border: none !important;
}

@media screen and (max-width: 490px) {
  .heading__2:after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    border: 140px solid transparent;
    border-bottom: 19px solid #fff;
  }
}

/* Animation Styles */
.container .title3 img {
  width: auto;
}

.hide {
  display: none;
}

.animate-in {
  animation: slide-in 0.5s forwards;
}

.animate-out {
  animation: slide-out 0.5s forwards;
}

@keyframes slide-in {
  0% {
    transform: translateX(100%);
    opacity: 0;
  }

  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes slide-out {
  0% {
    transform: translateX(0);
    opacity: 1;
  }

  100% {
    transform: translateX(-100%);
    opacity: 0;
  }
}

input.error~p.errorMessage {
  display: block !important;
}

.errorPrivacy {
  display: none;
}

.input-group {
  display: flex;
  justify-content: space-between;
  column-gap: 5px;
}

.radio-group div {
  display: flex;
  align-items: center;
}

#form .radio-group label {
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 0;
}

.input-group div {
  display: flex;
  align-items: center;
}

#form .section-2 input {
  width: 100%;
  padding: 15px 16px;
  border: 3px solid rgba(0, 0, 0, 0.1);
  border-radius: 14px;
  font-size: 16px;
  font-weight: 400;
}

#form .section-2 input[type='checkbox'] {
  position: relative;
  top: 1px;
  appearance: none;
  content: none;
  padding: 0;
  margin-right: 10px;
  width: 15px !important;
  height: 15px;
  border: 1px solid #000000;
}

#form .section-2 .checkboxActive {
  background-color: #599ae0;
  border-color: #599ae0;
}

#form .section-2 .checkboxActive label {
  font-weight: bold;
  color: #ffffff;
}

#form .section-2 input[type='checkbox']:after {
  top: -2px;
}

#form .section-2 .checkbox--container input {
  width: auto;
}

#form .section-2 input.error {
  background-color: #fcebeb;
  border: 3px solid rgba(221, 0, 0, 0.5);
}

#form .section-2 textarea {
  width: 100%;
  padding: 15px 16px;
  border: 3px solid rgba(0, 0, 0, 0.1);
  border-radius: 14px;
  font-size: 16px;
  font-weight: 400;
}

#form .section-2 .errorMessage {
  font-weight: bold;
  font-size: 16px;
  color: #dd0000;
}

#form .input-group label {
  font-size: 16px;
  margin-bottom: 0;
}

#form .genderAgeBlock .boxBlock {
  display: flex;
  flex-direction: row;
  gap: 20px;
}

#form .genderAgeBlock .boxBlock .column {
  width: 50%;
}

#form .genderAgeBlock .boxBlock .column label {
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  margin-bottom: 8px;
}

#form .genderAgeBlock .boxBlock select {
  width: 100%;
  padding: 15px 16px;
  border: 3px solid rgba(0, 0, 0, 0.1);
  border-radius: 14px;
  font-size: 16px;
  font-weight: 400;
}

/* FAQ Styles */
.section.section--faq {
  padding: 0 0 64px;
}

.faqList .faqList__a p span {
  font-family: 'Noto Sans', sans-serif;
  font-stretch: ultra-condensed;
  font-weight: 400;
  margin: 0;
}

/* Footer Styles */
footer {
  background: #ffffff;
  max-width: 500px;
  margin: 0 auto;
}

footer .terms .content ul li {
  font-size: 12px;
  font-weight: 400;
  color: #000000;
}

footer .terms .content ul li span {
  font-family: 'Noto Sans', sans-serif;
  font-stretch: ultra-condensed;
}

footer .bottomLink a {
  font-size: 12px;
  font-weight: 400;
  color: #122b46;
}

footer .copyright {
  background: #082b48;
}

footer .copyright a {
  font-size: 10px;
  color: #ffffff;
}

.mt-1 {
  margin-top: 1rem;
}

/* 20240911 Additions
----------------------------------------- */

.top-cta {
  background: #667FA4;
  padding: 13px;
  margin-block-start: 60px;
}

.top-cta__inner {
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  line-height: calc(25 / 16);
  letter-spacing: -0.02em;
  text-align: center;
  margin: 0;
}

.hint-section {
  padding: 0;
}

.hint-title {
  font-weight: 700;
  text-align: center;
  font-size: 24px;
  line-height: calc(36 / 24);
  color: #333;
  margin-bottom: 32px;
}

.next:before {
  border-top: 15px solid #fff;
}

/* Section Slides Styles */
.section_slides {
  padding: 0;
}

.section_slides .container {
  overflow: hidden;
  max-width: 750px;
  background-size: cover;
  padding: 40px 0;
}

.section_slides .image-content {
  padding: 40px 4% 0;
}

/* Box Guest Styles */
.box-slides .swiper-wrapper,
.stepSlides .swiper-wrapper {
  height: auto;
}

.box-slides .swiper-container {
  margin-top: 40px;
  position: relative !important;
  padding-bottom: 36px;
  padding-inline: 7px;
}

.box-slides .swiper-slide {
  max-width: 295px;
  padding: 12px 12px 16px;
  border-radius: 16px;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
  background: #fff;
}

.box-slides .swiper-slide .product {
  position: relative;
  border-radius: 8px;
  box-shadow: none;
}

.box-slides .swiper-slide .product .image img {
  user-select: none;
  margin-bottom: 0;
}

.box-slides .swiper-slide .product h3 {
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: bold;
  color: #000000;
  text-align: left;
}

.box-slides .swiper-slide .product p {
  margin: 0;
  font-size: 16px;
  font-weight: normal;
  text-align: left;
  color: #333333;
  line-height: 1.5;
}

/* Section Sliders Styles */
.box-slides .swiper-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  bottom: 0px !important;
}

.box-slides .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 7px) !important;
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 10px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 10px));
  background-color: #fff;
  opacity: 1;
  border: 1px solid #349d4b;
  width: 12px;
  height: 12px;
}

.box-slides .swiper-pagination-bullet-active {
  background-color: #349d4b;
}

.box-slides .swiper-button-next,
.box-slides .swiper-button-prev {
  top: var(--swiper-navigation-top-offset, 43%);
  background: #349d4b;
  border-radius: 50%;
  width: 32px;
  height: 32px;
}

.box-slides .swiper-button-next {
  right: 10px;
}

.box-slides .swiper-button-prev {
  left: 10px;
}

.box-slides .swiper-button-next:after,
.box-slides .swiper-button-prev:after {
  height: 16px;
  width: 16px;
  border-radius: 50%;
  padding: 3px 7px;
  font-size: 14px;
  color: #ffffff;
  font-weight: 700;
}

.box-slides .swiper-button-prev:after {
  padding: 3px 4px;
}

#form .section_2 image {
  text-align: center;
  margin-block-end: 24px;
}

@media screen and (max-width: 768px) {
  #form .form-body .section .image {
    padding: 0 105px;
  }
}

form input {
  border: 3px solid rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}

#form textarea {
  border: 3px solid rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}

select {
  border: 3px solid rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}

.section_2 .image {
  text-align: center;
  margin-bottom: 40px;
  padding: 0;
}

@media screen and (max-width: 768px) {
  .section_2 .image {
    margin-bottom: 24px;
    padding: 0 105px;
  }
}

.top-contents-img {
  width: 100%;
}