@charset "UTF-8";
/* =========================================================

 base

========================================================= */
/* -------------------------------------
 reset
------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

img {
  vertical-align: top;
}

html {
  line-height: 1.6;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}

q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

sup {
  position: relative;
  top: -.5em;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  position: relative;
  bottom: 0;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

*, *:before, *:after {
  box-sizing: border-box;
}

*:focus {
  outline: none;
}

html {
  font-size: 62.5%;
  overflow-x: hidden;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", HelveticaNeue, Helvetica, Arial, "Segoe UI", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  line-height: 1;
  background-color: #3dc76c;
  overflow-x: hidden;
}

body.pattern2 {
  background-color: #d53d45;
}

body.pattern3 {
  background-color: #004b9a;
}

body.pattern4 {
  background-color: #2e81c9;
}

body.pattern5 {
  background-color: #a7d1f1;
}

body.pattern6 {
  background-color: #bfedea;
}

a {
  text-decoration: none;
}

img {
  width: 100%;
}

.wrap {
  max-width: 1084px;
  margin-right: auto;
  margin-left: auto;
}

.pc_none {
  display: none;
}

.sp_none {
  display: block;
}

/* =========================================================

 state

========================================================= */
.is_absolute_top {
  position: absolute !important;
  top: 0 !important;
}

.is_absolute_bottom {
  position: absolute !important;
  bottom: 0 !important;
}

.is_fixed {
  position: fixed !important;
}

.is_fixed_top {
  position: fixed !important;
  top: 0 !important;
}

/* =========================================================

 module

========================================================= */
#svg_logo .emblem {
  fill: #db0a17;
}

#svg_logo .lang_eur {
  fill: #fff;
}

#svg_logo_02 .emblem {
  fill: #7f7049;
}

#svg_logo_02 .lang_eur,
#svg_logo_02 .lang_jp {
  fill: #231815;
}

#svg_logo_03 .emblem {
  fill: #db0a17;
}

#svg_logo_03 .lang_eur {
  fill: #fff;
}

.sp_show {
  display: none;
}

.pc_show {
  display: block;
}

.t_center {
  text-align: center;
}

.l_header {
  background: #f6f6f6;
}

.l_header .header_inner {
  padding: 3.22878% 0 2.76753% 1.84502%;
}

.l_header .logo {
  width: 33.21033%;
}

.footer_wrap {
  text-align: center;
  background-color: #525252;
  padding-top: 100px;
  color: #fff;
  font-weight: bold;
  line-height: 1.5;
}

.footer_wrap .inner {
  max-width: 880px;
  width: 100%;
  margin: 0 auto;
}

.footer_wrap .inner h3 {
  font-size: 3rem;
  font-weight: bold;
  border-bottom: 1px solid #b9b9b9;
  padding-bottom: 30px;
  margin-bottom: 30px;
}

.footer_wrap .inner .ttl {
  font-size: 2rem;
}

.footer_wrap .inner .coution {
  font-size: 1.2rem;
  font-weight: normal;
}

.footer_wrap .inner .contact {
  margin-top: 25px;
  font-size: 1.8rem;
}

.footer_wrap .inner .contact .mail {
  margin-bottom: 25px;
}

.footer_wrap .inner .link_tel {
  text-decoration: none;
}

.footer_wrap small {
  margin-top: 100px;
  color: #fff;
  line-height: 40px;
  display: block;
  font-size: 1rem;
  background-color: #362e2b;
}

.l_kv .kv {
  *zoom: 1;
  width: 100vw;
  border-bottom: 1px solid #fff;
}

.l_kv .kv:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}

.l_kv .kv .img {
  position: relative;
  float: left;
  display: block;
  width: 37.83784vw;
  padding: 0 0 37.83784vw;
  background: url("/assets/img/kv_cruise.png") no-repeat;
  background-size: cover;
  background-position: -12.16216vw 0;
}

.l_kv .kv .text {
  float: right;
  padding: 7.83784vw 0 0 0;
  text-align: center;
  display: block;
  width: 62.16216vw;
}

.l_kv .kv .text img {
  width: 58.78378vw;
  *zoom: 1;
  padding: 0 5%;
}

.l_kv .kv .text img:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}

.l_kv .btn_list {
  *zoom: 1;
  width: 60.88561%;
  margin: 3.69004% auto 0;
}

.l_kv .btn_list:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}

.l_kv .btn_list li {
  float: left;
  width: 48.48485%;
}

.l_kv .btn_list li:last-child {
  float: right;
}

.l_kv .btn_list li a {
  transition: opacity .7s ease;
  opacity: 1;
}

.l_kv .btn_list li a:hover {
  opacity: .7;
}

@media screen and (max-width: 768px) {
  .l_kv .btn_list li a:hover {
    opacity: 1;
  }
}

.l_quiz {
  padding: 6.45756% 0 7.38007% 0;
}

.l_quiz .headline_quiz {
  width: 100%;
  text-align: center;
  padding: 1.38376% 0;
  background: #002595;
}

.l_quiz .headline_quiz > span {
  display: block;
}

.l_quiz .headline_quiz img {
  width: 47.97048%;
}

.l_quiz .close {
  width: 100%;
  margin-top: 30px;
  text-align: center;
  padding: 1.38376% 0;
  background: #002595;
  background: #808080;
}

.l_quiz .close > span {
  display: block;
}

.l_quiz .close img {
  width: 47.97048%;
}

.l_quiz .text_balloon {
  width: 25.369%;
  margin: 4.61255% 0 -5.53506% -1.84502%;
}

.l_quiz .lead {
  padding: 3.22878% 0 3.69004% 0;
  text-align: center;
  background: #fff;
  border: 2px solid #fff;
  border-radius: 12px;
}

.l_quiz .lead .img {
  width: 50.27675%;
  margin: 0 auto;
}

.l_quiz .btn_hint {
  transition: opacity .7s ease;
  opacity: 1;
  width: 13.83764%;
  margin: -7.38007% 0 0 85.51661%;
}

.l_quiz .btn_hint:hover {
  opacity: .7;
}

@media screen and (max-width: 768px) {
  .l_quiz .btn_hint:hover {
    opacity: 1;
  }
}

.l_quiz .btn_apply {
  margin: 5.53506% auto 0;
}

.l_quiz .btn_apply .text_quiz {
  display: block;
  width: 28.59779%;
  margin: 0 auto 1.84502%;
}

.l_quiz .btn_apply a {
  transition: opacity .7s ease;
  opacity: 1;
  display: block;
  width: 59.9631%;
  margin: 0 auto;
  padding: 3.22878% 0 3.69004% 0;
  text-align: center;
  background: #1b1c80;
  border: 5px solid #fff;
  border-radius: 60px;
}

.l_quiz .btn_apply a:hover {
  opacity: .7;
}

@media screen and (max-width: 768px) {
  .l_quiz .btn_apply a:hover {
    opacity: 1;
  }
}

.l_quiz .btn_apply a img {
  width: 44.30769%;
}

.l_quiz .close_btn {
  width: 65%;
  margin: 0 auto;
}

.l_quiz .box_present {
  position: relative;
  margin: 5.53506% 0 0 0;
  padding: 5px;
  background: -webkit-linear-gradient(90deg, #cab15d, #fbecab);
  background: linear-gradient(90deg, #cab15d, #fbecab);
  border-radius: 40px;
  border-top-left-radius: 0;
}

.l_quiz .box_present .present_inner {
  *zoom: 1;
  padding: 3.69004% 4.61255% 4.61255%;
  background: #fff;
  border-radius: 40px;
  border-top-left-radius: 0;
}

.l_quiz .box_present .present_inner:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}

.l_quiz .box_present .headline {
  width: 101.39442%;
  margin: 0 0 0 -7.38007%;
}

.l_quiz .box_present .block_img {
  *zoom: 1;
  float: left;
  width: 54.4898%;
  margin: 3.06122% 0 0 0;
}

.l_quiz .box_present .block_img:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}

.l_quiz .box_present .block_img li {
  float: left;
}

.l_quiz .box_present .block_img li:nth-child(n + 2) {
  width: 48.68914%;
  margin: 5.61798% 0 0 0;
}

.l_quiz .box_present .block_img li:nth-child(3) {
  float: right;
}

.l_quiz .box_present .block_plan {
  float: left;
  width: 54.4898%;
  margin: 2.04082% 0;
}

.l_quiz .box_present .block_plan .btn_plan {
  transition: opacity .7s ease;
  opacity: 1;
  display: block;
  padding: 3.73134% 0;
  text-align: center;
  border: 2px solid #333;
  border-radius: 30px;
  cursor: pointer;
}

.l_quiz .box_present .block_plan .btn_plan:hover {
  opacity: .7;
}

@media screen and (max-width: 768px) {
  .l_quiz .box_present .block_plan .btn_plan:hover {
    opacity: 1;
  }
}

.l_quiz .box_present .block_plan .btn_plan img {
  width: 37.31343%;
}

.l_quiz .box_present .block_plan .notes {
  margin: 3.73134% 0;
  font-size: 1.7rem;
  font-weight: bold;
  line-height: 1.4;
}

.l_quiz .box_present .block_detail {
  float: right;
  width: 41.83673%;
  margin: 4.08163% 0 0;
}

.l_quiz .box_present .block_detail .detail {
  display: table;
  margin: 7.31707% 0 0 0;
  font-weight: bold;
}

.l_quiz .box_present .block_detail .detail:nth-child(n + 2) {
  margin-top: 4.87805%;
}

.l_quiz .box_present .block_detail .detail dt {
  display: table-cell;
  padding: 0 2rem 0 0;
}

.l_quiz .box_present .block_detail .detail dt span {
  display: inline-block;
  width: 4.64286em;
  font-size: 1.4rem;
  font-weight: bold;
  text-align: center;
  line-height: 1.71429;
  color: #fff;
  background: #3dc76c;
  border-radius: 5px;
}

.pattern2 .l_quiz .box_present .block_detail .detail dt span {
  background: #d53d45;
}

.pattern3 .l_quiz .box_present .block_detail .detail dt span {
  background: #004b9a;
}

.pattern4 .l_quiz .box_present .block_detail .detail dt span {
  background: #2e81c9;
}

.pattern5 .l_quiz .box_present .block_detail .detail dt span {
  background: #a7d1f1;
}

.pattern6 .l_quiz .box_present .block_detail .detail dt span {
  background: #bfedea;
}

.l_quiz .box_present .block_detail .detail dd {
  display: table-cell;
  width: 100%;
  font-size: 1.8rem;
  line-height: 1.6;
  padding: 0 0 0 4.87805%;
}

.l_quiz .box_present .block_detail .detail .small {
  font-size: 1.4rem;
}

.l_quiz .box_present .block_detail .detail_02 {
  margin: 7.31707% 0 0 0;
  padding: 4.87805% 12.19512%;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.55556;
  background: #f5f5f5;
}

.l_quiz .box_present .block_detail .detail_02 li {
  padding: 0 0 0 5rem;
  background: url("/assets/img/icon_crown.png") no-repeat;
  background-size: 2.9rem 1.5rem;
  background-position: left 0.5rem;
}

.l_quiz .box_present .block_detail .notes {
  display: table;
  width: 78.04878%;
  margin: 4.87805% 0 0 0;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8;
}

.l_quiz .box_present .block_detail .notes .text {
  width: 75.60976%;
}

.l_quiz .box_present .block_detail .icon_winner {
  position: absolute;
  bottom: 1.84502%;
  right: 1.84502%;
  display: block;
  width: 11.07011%;
}

.l_quiz .box_notes {
  font-size: 1.4rem;
  text-align: right;
  margin: 0.92251% 0 0 0;
  color: #fff;
}

.l_quiz .box_present_02 {
  position: relative;
  margin: 3.69004% 0 0 0;
  padding: 5px;
  background: -webkit-linear-gradient(90deg, #cab15d, #fbecab);
  background: linear-gradient(90deg, #cab15d, #fbecab);
  border-radius: 40px;
  border-top-left-radius: 0;
}

.l_quiz .box_present_02 .present_inner {
  *zoom: 1;
  padding: 1.84502% 4.61255% 9.22509%;
  background: #fff;
  border-radius: 40px;
  border-top-left-radius: 0;
}

.l_quiz .box_present_02 .present_inner:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}

.l_quiz .box_present_02 .headline_icon {
  display: block;
  width: 65.17691%;
  margin: 0 0 0 -7.44879%;
}

.l_quiz .box_present_02 .block_img {
  float: left;
  width: 60.20408%;
  margin: 2.04082% 0 0 0;
}

.l_quiz .box_present_02 .block_detail {
  float: right;
  width: 37.7551%;
}

.l_quiz .box_present_02 .block_detail .title {
  width: 40.54054%;
  margin: 4.05405% 0 0 0;
}

.l_quiz .box_present_02 .block_detail .detail {
  margin: 7.31707% 0 0 0;
  font-size: 1.8rem;
  line-height: 1.4;
  font-weight: bold;
}

.l_quiz .box_present_02 .block_detail .detail .text {
  display: block;
  white-space: nowrap;
}

.l_quiz .box_present_02 .icon_winner {
  position: absolute;
  bottom: 1.84502%;
  right: 1.84502%;
  display: block;
  width: 11.07011%;
}

.l_buy {
  background: #002595;
  padding: 7.38007% 0 7.38007% 0;
}

.l_buy .headline_buy {
  width: 88.56089%;
  margin: 0 auto;
}

.l_buy .lead {
  width: 100%;
  margin: 6.45756% auto 0;
  text-align: center;
}

.l_buy .lead .bg {
  display: block;
  padding: 1.84502% 0;
  background: rgba(0, 0, 0, 0.3);
}

.l_buy .lead .text_buy {
  width: 33.21033%;
  margin: 0 auto;
}

.l_buy .lead .text_wchance {
  width: 38.74539%;
  margin: 2.76753% auto 0;
}

.l_buy .present_list {
  *zoom: 1;
  width: 100%;
  margin: 3.69004% 0 0 0;
}

.l_buy .present_list:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}

.l_buy .present_list .present_item {
  position: relative;
  float: left;
  width: 31.36531%;
  margin: 0 0 0 2.30627%;
  padding: 5px;
  background: -webkit-linear-gradient(90deg, #cab15d, #fbecab);
  background: linear-gradient(90deg, #cab15d, #fbecab);
  border-radius: 40px;
  border-top-left-radius: 0;
}

.l_buy .present_list .present_item:first-child, .l_buy .present_list .present_item:nth-child(4) {
  margin-left: 0;
}

.l_buy .present_list .present_item:nth-child(n + 4) {
  margin-top: 6.45756%;
}

.l_buy .present_list .present_item:last-child {
  width: 65.0369%;
}

.l_buy .present_list .present_item:last-child .notes {
  width: 75.1773%;
  line-height: 1.2;
}

.l_buy .present_list .present_item:last-child .present_item_inner {
  padding: 2.83688% 2.83688% 5.67376%;
}

.l_buy .present_list .present_item .present_item_inner {
  padding: 5.88235% 5.88235% 11.76471%;
  background: #fff;
  border-radius: 40px;
  border-top-left-radius: 0;
}

.l_buy .present_list .present_item .model {
  display: table;
  width: 100%;
}

.l_buy .present_list .present_item .model .cate {
  display: table-cell;
  width: 11.5rem;
}

.l_buy .present_list .present_item .model .cate span {
  display: block;
  margin: 0 0 0 -3rem;
  padding: 0.6rem 0;
  font-weight: bold;
  color: #fff;
  text-align: center;
  line-height: 1.42857;
  font-size: 2rem;
  background: #ccb460;
  border-radius: 3px 0 0 3px;
}

.l_buy .present_list .present_item .model .cate.long {
  width: 27.4rem;
}

.l_buy .present_list .present_item .model .text {
  display: table-cell;
  padding: 0 0 0 1rem;
  font-size: 1.6rem;
  font-weight: bold;
  vertical-align: top;
  line-height: 1.25;
}

.l_buy .present_list .present_item .model .grey {
  color: #808080;
}

.l_buy .present_list .present_item .model .middle {
  font-size: 1.3rem;
}

.l_buy .present_list .present_item .model .small {
  font-size: 1.15rem;
}

.l_buy .present_list .present_item .name {
  margin: 1rem 0 0;
  font-size: 2.2rem;
  font-weight: bold;
  color: #b5000c;
  line-height: 1.2;
  white-space: nowrap;
}

.l_buy .present_list .present_item .name .middle {
  font-size: 1.8rem;
}

.l_buy .present_list .present_item .name .small {
  font-size: 1.4rem;
}

.l_buy .present_list .present_item .img {
  margin: 1.5rem 0 0;
}

.l_buy .present_list .present_item .explain {
  padding: 1.5rem 0 0 0;
  font-size: 1.6rem;
  line-height: 1.4;
}

.l_buy .present_list .present_item .notes {
  margin: 1rem 0 0;
  font-size: 1.2rem;
  line-height: 1.4;
}

.l_buy .present_list .present_item .icon_winner {
  position: absolute;
  bottom: -5.88235%;
  right: -2.94118%;
  display: block;
  width: 23.52941%;
}

.l_buy .present_list .present_item .icon_winner_02 {
  position: absolute;
  bottom: -5.88235%;
  right: -2.94118%;
  display: block;
  width: 23.26241%;
}

.l_buy .box_notes {
  font-size: 1.4rem;
  text-align: right;
  margin: 5.53506% 0 0 0;
  color: #fff;
}

.l_buy .btn_model {
  transition: opacity .7s ease;
  opacity: 1;
  display: block;
  width: 48.89299%;
  margin: 2.30627% auto 0;
  padding: 2.76753% 0 2.76753% 0;
  text-align: center;
  background: #fff;
  border-radius: 60px;
  cursor: pointer;
}

.l_buy .btn_model:hover {
  opacity: .7;
}

@media screen and (max-width: 768px) {
  .l_buy .btn_model:hover {
    opacity: 1;
  }
}

.l_buy .btn_model img {
  width: 64.15094%;
}

.l_flow {
  padding: 6.45756% 0 7.38007% 0;
  background: #001a68;
}

.l_flow .headline_flow {
  width: 16.78967%;
  margin: 0 auto;
}

.l_flow .step_list {
  margin: 3.69004% 0 0 0;
  display: flex;
  justify-content: space-between;
}

.l_flow .step_list li {
  position: relative;
  width: 28.22878%;
}

.l_flow .step_list li:after {
  position: absolute;
  bottom: 45.75163%;
  right: -9.80392%;
  content: "";
  display: inline-block;
  width: 11px;
  height: 36px;
  background: url(/assets/img/arrow_right.png) no-repeat;
  background-size: contain;
  vertical-align: middle;
}

.l_flow .step_list li:last-child {
  width: 34.68635%;
}

.l_flow .step_list li:last-child:after {
  display: none;
}

.l_flow .step_list li .arrow_bottom_sp {
  display: none;
}

.l_flow .btn_apply a {
  transition: opacity .7s ease;
  opacity: 1;
  display: block;
  width: 59.9631%;
  margin: 5.53506% auto 0;
  padding: 3.22878% 0 3.69004% 0;
  text-align: center;
  background: #3dc76c;
  border: 5px solid #fff;
  border-radius: 60px;
}

.l_flow .btn_apply a:hover {
  opacity: .7;
}

@media screen and (max-width: 768px) {
  .l_flow .btn_apply a:hover {
    opacity: 1;
  }
}

.pattern2 .l_flow .btn_apply a {
  background: #d53d45;
}

.pattern3 .l_flow .btn_apply a {
  background: #004b9a;
}

.l_flow .btn_apply a img {
  width: 44.30769%;
}

.l_flow .close_btn {
  width: 65%;
  margin: 0 auto;
  margin-top: 60px;
}

.l_product {
  padding: 5.40541% 0 0 0;
}

.l_product .headline_product {
  text-align: center;
}

.l_product .headline_product img {
  width: 31.36531%;
}

.l_product .product_list {
  width: 100%;
  padding: 3.69004% 0 0 0;
}

.l_product .product_list .product_item {
  position: relative;
  width: 100%;
  padding: 5px;
  margin: 3.69004% 0 0 0;
  background: -webkit-linear-gradient(90deg, #cab15d, #fbecab);
  background: linear-gradient(90deg, #cab15d, #fbecab);
  border-radius: 40px;
  border-top-left-radius: 0;
}

.l_product .product_list .product_item .product_item_inner {
  *zoom: 1;
  padding: 4.61255% 2.76753%;
  background: #fff;
  border-radius: 40px;
  border-top-left-radius: 0;
}

.l_product .product_list .product_item .product_item_inner:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}

.l_product .product_list .product_item:first-child .img {
  position: absolute;
  width: 16.07143%;
  top: 16.78571%;
  right: 7.14286%;
}

.l_product .product_list .product_item:nth-child(2) .img {
  position: absolute;
  width: 26.07143%;
  top: 5.35714%;
  right: 7.14286%;
}

.l_product .product_list .product_item:nth-child(3) .img {
  position: absolute;
  width: 54.64286%;
  top: 0%;
  right: 1.78571%;
}

.l_product .product_list .product_item:nth-child(3) .block_details {
  padding-top: 8.92857%;
}

.l_product .product_list .product_item:nth-child(4) .img {
  position: absolute;
  width: 21.96429%;
  top: 0%;
  right: 7.14286%;
}

.l_product .product_list .product_item:nth-child(5) .img {
  position: absolute;
  width: 25%;
  top: -5.35714%;
  right: 0%;
}

.l_product .product_list .product_item:nth-child(6) .img {
  position: absolute;
  width: 28.57143%;
  top: -5.35714%;
  right: 0%;
}

.l_product .product_list .block_details {
  position: relative;
  float: right;
  width: 51.66052%;
  padding: 20px 0 0 0;
}

.l_product .product_list .block_details .cate {
  padding: 0 0 0 2rem;
  font-size: 1.4rem;
  font-weight: bold;
  color: #3dc76c;
  border-left: 30px solid #3dc76c;
}

.pattern2 .l_product .product_list .block_details .cate {
  color: #d53d45;
  border-left: 30px solid #d53d45;
}

.pattern3 .l_product .product_list .block_details .cate {
  color: #004b9a;
  border-left: 30px solid #004b9a;
}

.l_product .product_list .block_details .lead {
  margin: 3rem 0 0 0;
  font-size: 42px;
  font-weight: bold;
  line-height: 1.1;
}

.l_product .product_list .block_details .explain {
  margin: 3rem 0 0 0;
  font-size: 2.4rem;
  line-height: 1.2;
}

.l_product .product_list .block_details .explain .notes {
  display: block;
  margin: 2rem 0 0 0;
  font-size: 1.2rem;
}

.l_product .product_list .block_video {
  float: left;
  width: 46.12546%;
}

.l_product .product_list .block_video .video {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%;
}

.l_product .product_list .block_video .video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.l_product .product_list .block_video .title {
  margin: 2% 0 0 0;
  font-size: 1.4rem;
  line-height: 1.4;
}

.l_rule {
  padding: 6.45756% 0 7.38007% 0;
}

.l_rule .headline_rule {
  width: 16.32841%;
  margin: 0 auto;
}

.l_rule .box_rule {
  margin: 3.69004% 0 0 0;
  padding: 3.69004% 4.61255%;
  border: 1px solid #333;
  background: #fff;
}

.l_rule .rule_inner {
  overflow-y: scroll;
  height: 38rem;
  font-size: 1.4rem;
  line-height: 1.8;
}

.l_contact {
  background: #eeeeee;
}

.l_contact .box_contact {
  display: table;
  width: 100%;
  padding: 5.53506% 0;
  font-size: 1.6rem;
}

.l_contact .box_contact dt {
  display: table-cell;
}

.l_contact .box_contact .headline_contact {
  display: inline-block;
  width: 15rem;
  padding: 0 1em;
  line-height: 2.25;
  background: #fff;
  border-radius: 10px;
}

.l_contact .box_contact .mail {
  color: #333;
  text-decoration: underline;
}

.l_contact .box_contact .mail:hover {
  text-decoration: none;
}

.l_contact .box_contact dd {
  display: table-cell;
  vertical-align: top;
  line-height: 1.8;
  padding: 0 0 0 3.69004%;
}

.l_contact .box_contact .notes {
  font-size: 1.4rem;
}

.l_form {
  padding: 3.69004% 0;
  /* btn */
  /*
  .btn_form{
    a{
      @include hover_opacity;
      display: block;
      width: rs(650,1084,'%');
      margin: 0 auto;
      padding: rs(25,1084,'%') 0 rs(25,1084,'%') 0;
      text-align: center;
      background: $bc_blue;
      border-radius: 5px;
    }
    &.btn_confirm{
      img{
        width: rs(300,495,'%');
      }
    }
    &.btn_submit{
      img{
        width: rs(144,495,'%');
      }
    }
    &.btn_top{
      img{
        width: rs(314,495,'%');
      }
    }
    &.btn_wchance{
      img{
        width: rs(320,495,'%');
      }
    }
    &.btn_quiz{
      img{
        width: rs(450,495,'%');
      }
    }
    &.is_disabled{
      a{
        pointer-events: none;
        background: #999;
      }
    }
    &.btn_mt{
      margin-top: rs(20,495,'%');
    }
  }
  .btn_back{
    margin: rs(50,1084,"%") 0 0 0;
    a{
      @include hover_opacity;
      display: block;
      width: rs(306,1084,'%');
      margin: 0 auto;
      padding: rs(25,1084,'%') 0 rs(25,1084,'%') 0;
      text-align: center;
      background: #e9e9e9;
      border-radius: 60px;
      img{
        width: rs(85,306,"%");
      }
    }
  }
  */
}

.l_form .form_inner {
  max-width: 1084px;
  margin-right: auto;
  margin-left: auto;
}

.l_form .headline_chance {
  width: 41.51292%;
  margin: 0 auto;
}

.l_form .headline_campaign {
  width: 92.61993%;
  margin: 0 auto;
}

.l_form .table {
  margin: 3.69004%;
  padding: 4.61255% 5.53506% 6.45756%;
  border-radius: 20px;
  background: #fff;
}

.l_form .table.confirm .table_row .row_detail {
  font-size: 1.6rem;
}

.l_form .table_header .headline_form {
  font-size: 3.8rem;
  margin: 0 auto 1.84502%;
  text-align: center;
  font-weight: bold;
}

.l_form .table_header .headline_win {
  width: 50.1845%;
  margin: 0 auto 1.84502%;
}

.l_form .table_header .headline_confirm,
.l_form .table_header .headline_complete {
  width: 25.369%;
  margin: 0 auto 1.84502%;
}

.l_form .table_header .headline_win_complete {
  width: 53.87454%;
  margin: 0 auto 1.84502%;
}

.l_form .table_header .headline_win_duplicate {
  width: 77.49077%;
  margin: 0 auto 1.84502%;
}

.l_form .table_header .text {
  margin: 3.69004% 0;
  text-align: center;
  font-size: 2rem;
  line-height: 2;
}

.l_form .table_header .small {
  display: block;
  font-size: 1.6rem;
}

.l_form .table_header .block_detail {
  width: 73.80074%;
  margin: 0 auto;
}

.l_form .table_header .block_detail .text {
  text-align: left;
}

.l_form .table_header .block_detail .notes {
  font-size: 1.2rem;
  line-height: 1.6;
  margin: 1rem 0 0 0;
}

.l_form .table_row {
  display: flex;
  position: relative;
  width: 100%;
  padding: 3.69004% 0;
  border-bottom: 2px solid #e9e9e9;
}

.l_form .table_row.required .row_title {
  position: relative;
}

.l_form .table_row.required .row_title::before {
  content: "必須";
  display: block;
  color: #f00;
  font-size: 0.7em;
  height: 0;
  transform: translateY(-18px);
}

.l_form .table_row:last-of-type {
  margin-bottom: 40px;
}

.l_form .table_row .row_title {
  width: 30.4428%;
  padding: 0 2.76753% 0 0;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.4;
  vertical-align: middle;
}

.l_form .table_row .row_title span {
  font-size: 0.8em;
}

.l_form .table_row .row_detail {
  width: 69.5572%;
  font-size: 0;
}

.l_form .table_row .row_detail input {
  font-size: 1.6rem;
  cursor: pointer;
}

.l_form .table_row .row_detail label {
  display: block;
  font-size: 1.6rem;
  cursor: pointer;
  margin-right: 1em;
  margin-bottom: 0.8em;
  position: relative;
  padding-left: 1.7rem;
  word-break: break-word;
}

.l_form .table_row .row_detail label input {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
}

.l_form .table_row .row_detail select {
  cursor: pointer;
  font-size: 1.5rem;
  padding: 0 0.5rem 0 1.0rem;
  border: 2px solid #e9e9e9;
  height: 50px;
}

.l_form .table_row .row_detail input[type="text"] {
  width: 100%;
  cursor: text;
}

.l_form .table_row .row_detail input[type="text"],
.l_form .table_row .row_detail input[type="number"] {
  font-size: 1.8rem;
  padding: 0 0 0 1.5rem;
  border: 2px solid #e9e9e9;
  background: #fafafa;
  height: 50px;
}

.l_form .table_row .row_detail input[type="text"].name,
.l_form .table_row .row_detail input[type="number"].name {
  width: 49%;
  max-width: 200px;
}

.l_form .table_row .row_detail input[type="text"].name.mei,
.l_form .table_row .row_detail input[type="number"].name.mei {
  margin: 0 0 0 2%;
}

.l_form .table_row .row_detail input[type="text"].zip,
.l_form .table_row .row_detail input[type="number"].zip {
  max-width: 120px;
}

.l_form .table_row .row_detail input[type="text"].tel,
.l_form .table_row .row_detail input[type="number"].tel {
  max-width: 240px;
}

.l_form .table_row .row_detail input[type="text"]::-webkit-input-placeholder,
.l_form .table_row .row_detail input[type="number"]::-webkit-input-placeholder {
  color: #ddd;
}

.l_form .table_row .row_detail input[type="text"]:-ms-input-placeholder,
.l_form .table_row .row_detail input[type="number"]:-ms-input-placeholder {
  color: #ddd;
}

.l_form .table_row .row_detail input[type="text"]::-moz-placeholder,
.l_form .table_row .row_detail input[type="number"]::-moz-placeholder {
  color: #ddd;
}

.l_form .table_row .row_detail input[type="text"]::placeholder,
.l_form .table_row .row_detail input[type="number"]::placeholder {
  color: #ddd;
}

.l_form .table_row .row_detail input[type="number"][disabled] {
  background: #ddd;
  border: 2px solid #ddd;
}

.l_form .table_row .row_detail textarea {
  font-size: 1.5rem;
  padding: 0.5em;
  width: 100%;
  max-width: 100%;
  border: 2px solid #e9e9e9;
  background: #fafafa;
}

.l_form .table_row .row_detail textarea::-webkit-input-placeholder {
  color: #ddd;
}

.l_form .table_row .row_detail textarea:-ms-input-placeholder {
  color: #ddd;
}

.l_form .table_row .row_detail textarea::-moz-placeholder {
  color: #ddd;
}

.l_form .table_row .row_detail textarea::placeholder {
  color: #ddd;
}

.l_form .table_row .row_detail .checkbox {
  display: block;
  word-break: break-word;
}

.l_form .table_row .row_detail .mail,
.l_form .table_row .row_detail .address {
  width: 100%;
}

.l_form .table_row .row_detail .upload {
  display: block;
  max-width: 250px;
  padding-left: 0;
  width: 100%;
  line-height: 50px;
  height: 50px;
  text-align: center;
  background: #e9e9e9;
}

.l_form .table_row .row_detail .file_name {
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 0.5em;
}

.l_form .table_row .notes {
  display: block;
  margin: 1.5rem 0 0 0;
  padding: 0 0 0 1em;
  text-indent: -1em;
  font-size: 1.4rem;
  line-height: 1.4;
}

.l_form .table_row .notes li {
  margin: 0.5em 0 0 0;
}

.l_form .table_row .coution {
  margin: 0.5rem 0 0 0;
  font-size: 1.5rem;
}

.l_form .table_row .answer_text {
  font-size: 3.6rem;
  margin: 0 0 0 -3.25203%;
  line-height: 1.4;
}

.l_form .table_row .answer {
  position: relative;
  top: -0.3em;
  margin: 0 0 0 0.2rem;
  padding-left: 0.8rem !important;
  font-size: 3rem !important;
  width: 50px;
}

.l_form .table_row .month,
.l_form .table_row .day {
  width: 25.47771%;
}

.l_form .table_row .zipcode,
.l_form .table_row .tel {
  width: 46.81529%;
}

.l_form .table_row .checkbox_list {
  *zoom: 1;
}

.l_form .table_row .checkbox_list:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}

.l_form .table_row .checkbox_list li {
  float: left;
  width: 20rem;
  padding: 0 0 0 40px;
}

.l_form .table_row .checkbox_list_02 li {
  padding: 0 0 0 40px;
  line-height: 1.4;
}

.l_form .table_row .present_box {
  display: table;
  width: 100%;
  margin: 3.18471% 0 0 0;
}

.l_form .table_row .present_box:first-of-type {
  margin-top: 0;
}

.l_form .table_row .present_box .name {
  display: table-cell;
  width: 60.50955%;
  padding: 0 2rem 0 0;
  vertical-align: middle;
  line-height: 1.8;
}

.l_form .table_row .present_box .amount {
  display: table-cell;
  vertical-align: middle;
}

.l_form .table_row .present_box .number {
  width: 53.71901%;
  margin: 0 1rem 0 0;
  height: 50px;
}

.l_form .table_row .present_box.confirm .name {
  display: table-cell;
  width: 60.50955%;
  padding: 0 2rem 0 0;
  vertical-align: middle;
  line-height: 1.8;
}

.l_form .table_row .present_box.confirm .amount {
  display: table-cell;
  vertical-align: middle;
}

.l_form .table_row .text_reason {
  font-weight: bold;
  margin: 0 0 2rem;
}

.l_form .table_row .text_reason.grey {
  color: #999;
}

.l_form .table_row .questionnaire {
  width: 100%;
}

.l_form .result_head {
  margin-bottom: 0.8em;
  font-size: 3.6rem;
  font-weight: bold;
  text-align: center;
}

.l_form .ttl {
  margin: 0 0 2rem;
  font-size: 2.8rem;
  line-height: 1.5;
  text-align: center;
  font-weight: bold;
}

.l_form .ttl .ans {
  margin-bottom: 0.6em;
}

.l_form .box_rule {
  max-width: 764px;
  margin: 2.76753% auto 0;
  padding: 3.69004% 3.69004%;
  border: 1px solid #333;
  background: #fff;
}

.l_form .rule_inner {
  overflow-y: scroll;
  height: 38rem;
  font-size: 1.4rem;
  line-height: 1.8;
}

.l_form .rule_inner .paragraph {
  margin: 3rem 0 0 0;
}

.l_form .text_rule {
  padding: 2em 0;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  line-height: 1.2;
}

.l_form .text_rule .title {
  display: block;
  font-size: 2rem;
}

.l_form .text_rule .text {
  display: block;
  margin: 2rem 0 0 0;
  font-weight: normal;
  line-height: 1.4;
}

.l_form .text_rule label {
  cursor: pointer;
}

.l_form .box_agree {
  text-align: center;
  font-size:1.8rem;
  font-weight:bold;
  margin-top:3rem;
}

.l_form .box_agree label {
  cursor:pointer;
}

.l_form .box_agree input {
  cursor:pointer;
  margin-right:0.5em;
}

.l_form .btn_area {
  text-align: center;
  margin-top: 40px;
  justify-content: center;
}

.l_form .btn {
  position: relative;
  margin: 0 auto;
  width: 85%;
  max-width: 340px;
  vertical-align: middle;
  height: 80px;
  border-radius: 50px;
  z-index: 1;
  text-align: center;
  cursor: pointer;
}

.l_form .btn:not(:first-child) {
  margin-top: 15px;
}

.l_form .btn a {
  font-size: 2.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-weight: bold;
  color: #ffffff;
  line-height: 1.2;
  border-radius: inherit;
  padding: 0 40px 0 30px;
  background-color: #ff3a00;
}

.l_form .btn a:hover {
  cursor: pointer;
}

.l_form .btn a.share_btn {
  background-color: #20aee5;
}

.l_form .btn::after {
  content: "";
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 0;
  width: 11px;
  height: 20px;
  margin: auto;
  background: url("/assets/img/form/btn_arrow.png") center/100% auto no-repeat;
  transition: transform 0.2s ease;
}

.l_form .btn:hover::after {
  transform: translateX(60%);
}

.l_form .btn.is_disabled {
  pointer-events: none;
}

.l_form .btn.is_disabled a {
  pointer-events: none;
  background: #999;
}

.l_form .btn.is_disabled a:hover {
  cursor: default;
}

.l_form .btn.btn_back a {
  padding: 0 30px 0 40px;
}

.l_form .btn.btn_back._gray a{
  background:#ccc;
}

.l_form .btn.btn_back::after {
  content: none;
}

.l_form .btn.btn_back::before {
  content: "";
  position: absolute;
  top: 0;
  left: 20px;
  bottom: 0;
  width: 11px;
  height: 20px;
  margin: auto;
  background: url("/assets/img/form/btn_arrow.png") center/100% auto no-repeat;
  transform: rotate(180deg);
  transition: transform 0.2s ease;
}

.l_form .btn.btn_back:hover::before {
  transform: rotate(180deg) translate(60%);
}

.l_form .confirm_btn {
  width: 40%;
  margin: 10px;
}

.l_form_quiz {
  background: #3dc76c;
}

.pattern2 .l_form_quiz {
  background: #d53d45;
}

.pattern3 .l_form_quiz {
  background: #004b9a;
}

.pattern4 .l_form_quiz {
  background: #2e81c9;
}

.pattern5 .l_form_quiz {
  background: #a7d1f1;
}

.pattern6 .l_form_quiz {
  background: #bfedea;
}

.l_form_quiz .quiz_box .btn {
  width: 100%;
  max-width: initial;
  max-width: auto;
}

.l_form_quiz .quiz_box .btn a {
  background-color: #ed6942;
}

.l_form_quiz .quiz_box .btn a.share_btn {
  background-color: #20aee5;
}

.l_modal {
  max-width: 1084px;
  margin: 0 auto;
}

.l_modal .modal_content {
  margin: 16.60517% 0;
  position: relative;
  padding: 5px;
  font-size: 2.4rem;
  background: -webkit-linear-gradient(90deg, #cab15d, #fbecab);
  background: linear-gradient(90deg, #cab15d, #fbecab);
  border-radius: 40px;
  border-top-left-radius: 0;
}

.l_modal .modal_inner {
  *zoom: 1;
  padding: 4.61255% 1.38376%;
  background: #fff;
  border-radius: 40px;
  border-top-left-radius: 0;
}

.l_modal .modal_inner:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}

.l_modal .table {
  width: 100%;
  border: 1px solid #bababa;
}

.l_modal .table_header th {
  background: #ececec;
  padding: 2rem 0 2rem 4rem;
  border: 1px solid #bababa;
}

.l_modal .table_header .col_a {
  width: 23.07692%;
}

.l_modal .table_header .col_b {
  width: 34.61538%;
}

.l_modal .table_body td {
  padding: 2rem 4rem 2rem 4rem;
  border: 1px solid #bababa;
  line-height: 1.4;
}

.l_modal .table_body .paragraph {
  display: block;
  margin: 1rem 0 0 0;
}

.l_modal .table_body .notes {
  font-size: 1.8rem;
}

.l_modal .table_notes {
  display: block;
  margin: 2rem 0 0 0;
  font-size: 1.8rem;
  line-height: 1.4;
}

.l_modal .model_list {
  display: table;
}

.l_modal .model_list .model_item {
  margin: 2rem 0 0 0;
}

.l_modal .model_list .year {
  display: table-cell;
  width: 5em;
}

.l_modal .model_list .model {
  display: table-cell;
}

.l_modal .model_list .model > span {
  display: inline-block;
}

.l_modal .btn_close {
  position: absolute;
  top: -80px;
  right: 0;
  width: 57px;
  pointer-events: none;
  cursor: poinster;
}

.flex {
  display: flex;
}

.flex.flex-spacebw {
  justify-content: space-between;
}

.wish_product {
  margin-bottom: 20px;
}

.check_product {
  width: 70%;
}

.mb10 {
  margin-bottom: 10px;
}

.mt30 {
  margin-top: 30px;
}

.error-message {
  font-weight: bold;
  color: red;
  font-size: 1.5rem;
  margin-top: 0.5rem;
}

/* =========================================================

 base

========================================================= */
/* -------------------------------------
 reset
------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

img {
  vertical-align: top;
}

html {
  line-height: 1.6;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}

q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

sup {
  position: relative;
  top: -.5em;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  position: relative;
  bottom: 0;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

*, *:before, *:after {
  box-sizing: border-box;
}

*:focus {
  outline: none;
}

html {
  font-size: 62.5%;
  overflow-x: hidden;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", HelveticaNeue, Helvetica, Arial, "Segoe UI", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  line-height: 1;
  background-color: #3dc76c;
  overflow-x: hidden;
}

body.pattern2 {
  background-color: #d53d45;
}

body.pattern3 {
  background-color: #004b9a;
}

body.pattern4 {
  background-color: #2e81c9;
}

body.pattern5 {
  background-color: #a7d1f1;
}

body.pattern6 {
  background-color: #bfedea;
}

a {
  text-decoration: none;
}

img {
  width: 100%;
}

.wrap {
  max-width: 1084px;
  margin-right: auto;
  margin-left: auto;
}

.pc_none {
  display: none;
}

.sp_none {
  display: block;
}

/* =========================================================

 state

========================================================= */
.is_absolute_top {
  position: absolute !important;
  top: 0 !important;
}

.is_absolute_bottom {
  position: absolute !important;
  bottom: 0 !important;
}

.is_fixed {
  position: fixed !important;
}

.is_fixed_top {
  position: fixed !important;
  top: 0 !important;
}

/* =========================================================

 module

========================================================= */
#svg_logo .emblem {
  fill: #db0a17;
}

#svg_logo .lang_eur {
  fill: #fff;
}

#svg_logo_02 .emblem {
  fill: #7f7049;
}

#svg_logo_02 .lang_eur,
#svg_logo_02 .lang_jp {
  fill: #231815;
}

#svg_logo_03 .emblem {
  fill: #db0a17;
}

#svg_logo_03 .lang_eur {
  fill: #fff;
}

@media screen and (max-width: 1084px) {
  .wrap {
    padding-right: 3.69004%;
    padding-left: 3.69004%;
  }
  .l_buy .present_list .present_item .name {
    white-space: normal;
  }
  .l_quiz .box_present_02 .block_detail .detail .text {
    white-space: normal;
  }
}

@media screen and (max-width: 960px) {
  .l_buy .present_list .present_item {
    float: left;
    width: 47.91667%;
    margin: 0 0 0 2.60417%;
  }
  .l_buy .present_list .present_item:first-child, .l_buy .present_list .present_item:nth-child(3) {
    margin-left: 0;
  }
  .l_buy .present_list .present_item:nth-child(4) {
    margin: 0 0 0 2.60417%;
  }
  .l_buy .present_list .present_item:nth-child(n+3) {
    margin-top: 6.45756%;
  }
  .l_buy .present_list .present_item:last-child {
    width: 100%;
    margin-left: 0;
  }
  .l_buy .present_list .present_item:last-child .notes {
    width: 100%;
  }
  .l_buy .present_list .present_item .name {
    white-space: normal;
  }
  .l_product .product_list .block_details .lead {
    font-size: 30px;
  }
  .l_product .product_list .block_details .explain {
    font-size: 2rem;
  }
  .l_product .product_list .block_details .explain .notes {
    display: block;
    margin: 1.8rem 0 0 0;
    font-size: 1.2rem;
  }
  .l_form .headline_chance {
    width: 70.3125vw;
    margin: 0 auto;
  }
  .l_form .headline_campaign {
    width: 91.14583vw;
    margin: 0 auto;
  }
  .l_form .table_header .block_detail {
    width: 100%;
  }
  .l_form .table_header .block_detail .text {
    margin: 2.60417vw 0 0 0;
  }
  .l_form .table_row .present_box .number {
    width: 33.05785vw;
    margin: 0 1rem 0 0;
    height: 50px;
  }
  .l_form .box_rule {
    margin: 5.20833% 0 0 0;
    padding: 5.20833% 2.60417%;
  }
  .l_form .rule_inner {
    font-size: 1.2rem;
    padding: 1.30208%;
  }
  .l_form .rule_inner .paragraph {
    margin: 1.5rem 0 0 0;
  }
}

@media screen and (max-width: 768px) {
  .pc_none {
    display: block;
  }
  .sp_none {
    display: none;
  }
  .l_header .header_inner {
    padding: 4.55729vw 0 3.90625vw 2.60417vw;
  }
  .l_header .logo {
    width: 59.89583vw;
  }
  .l_footer .btn_page_top {
    position: absolute;
    right: 0;
    top: -2.9rem;
    width: 13.2rem;
  }
  .l_kv .kv {
    border: none;
  }
  .l_kv .kv .img {
    float: none;
    width: 100vw;
    margin: 5.20833vw 0 0 0;
    padding: 0 0 71.875vw;
    background-size: cover;
    background-position: 0 0;
  }
  .l_kv .kv .text {
    float: none;
    padding: 5.20833vw 0 0 0;
    text-align: center;
    display: block;
    width: 100vw;
  }
  .l_kv .kv .text img {
    width: 110vw;
    margin-left: -5vw;
  }
  .l_kv .btn_list {
    *zoom: 1;
    width: 85.9375vw;
    margin: 7.8125vw auto 0;
  }
  .l_kv .btn_list:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
  }
  .l_kv .btn_list li {
    float: left;
    width: 41.66667vw;
  }
  .l_kv .btn_list li:last-child {
    float: right;
  }
  .l_kv .btn_list li a {
    transition: opacity .7s ease;
    opacity: 1;
  }
  .l_kv .btn_list li a:hover {
    opacity: .7;
  }
}

@media screen and (max-width: 768px) and (max-width: 768px) {
  .l_kv .btn_list li a:hover {
    opacity: 1;
  }
}

@media screen and (max-width: 768px) {
  .l_quiz {
    padding: 7.8125vw 0 20.83333vw 0;
  }
  .l_quiz .close {
    padding: 4% 0;
  }
  .l_quiz .close img {
    width: 90%;
  }
  .l_quiz .headline_quiz {
    margin: 0 auto;
    text-align: center;
    padding: 3.90625vw 0;
  }
  .l_quiz .headline_quiz > span {
    display: block;
  }
  .l_quiz .headline_quiz img {
    width: 67.70833%;
  }
  .l_quiz .text_balloon {
    width: 45.83333vw;
    margin: 6.51042vw 0 -3.25521vw 0;
  }
  .l_quiz .lead {
    padding: 4.55729vw 0 5.20833vw 0;
    text-align: left;
  }
  .l_quiz .lead .img {
    width: 67.70833vw;
    margin-left: 3.90625vw;
    margin-right: 0;
  }
  .l_quiz .btn_hint {
    width: 23.4375vw;
    margin: -7.8125vw 0 0 71.61458vw;
  }
  .l_quiz .btn_apply {
    margin: 7.8125vw auto;
  }
  .l_quiz .btn_apply .text_quiz {
    display: block;
    width: 59.89583vw;
    margin: 0 auto 5.20833vw;
  }
  .l_quiz .btn_apply a {
    width: 84.63542vw;
    padding: 4.55729vw 0 5.20833vw 0;
  }
  .l_quiz .btn_apply a img {
    width: 52.08333vw;
  }
  .l_quiz .close_btn {
    width: 100%;
  }
  .l_quiz .box_present {
    margin: 5.20833vw 0 0 0;
  }
  .l_quiz .box_present .present_inner {
    padding: 5.20833vw 6.51042vw 15.625vw;
  }
  .l_quiz .box_present .headline {
    width: 110%;
    margin: 0 0 0 -10.41667%;
  }
  .l_quiz .box_present .block_img {
    float: none;
    width: 100%;
    margin: 3.90625vw 0 0 0;
  }
  .l_quiz .box_present .block_plan {
    float: none;
    width: 100%;
    margin: 5.20833vw 0;
  }
  .l_quiz .box_present .block_plan .btn_plan {
    padding: 2.60417vw 0;
    text-align: center;
  }
  .l_quiz .box_present .block_plan .btn_plan img {
    width: 41.66667vw;
  }
  .l_quiz .box_present .block_plan .notes {
    margin: 3.73134vw 0;
    font-size: 1.2rem;
    font-weight: bold;
  }
  .l_quiz .box_present .block_detail {
    float: none;
    width: 100%;
    margin: 5.20833vw 0 0;
  }
  .l_quiz .box_present .block_detail .detail {
    margin: 3.90625vw 0 0 0;
  }
  .l_quiz .box_present .block_detail .detail:nth-child(n+2) {
    margin-top: 2.60417vw;
  }
  .l_quiz .box_present .block_detail .detail dt span {
    font-size: 1.4rem;
  }
  .l_quiz .box_present .block_detail .detail dd {
    font-size: 1.5rem;
    padding-left: 0;
  }
  .l_quiz .box_present .block_detail .detail_02 {
    margin: 3.90625vw 0 0 0;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1.55556;
    padding: 5.20833vw 5.20833vw;
    background: #f5f5f5;
  }
  .l_quiz .box_present .block_detail .detail_02 li {
    padding: 0 0 0 4rem;
    background: url("/assets/img/icon_crown.png") no-repeat;
    background-size: 2.9rem 1.5rem;
    background-position: left 0;
  }
  .l_quiz .box_present .block_detail .notes {
    width: 100%;
    margin: 2.60417vw 0 0 0;
    font-size: 1.2rem;
  }
  .l_quiz .box_present .block_detail .notes .text {
    width: 100%;
  }
  .l_quiz .box_present .block_detail .icon_winner {
    position: absolute;
    bottom: 1.30208vw;
    right: 2.60417vw;
    width: 20.83333vw;
  }
  .l_quiz .box_notes {
    font-size: 1.2rem;
    margin: 2.60417vw 0 0 0;
    color: #fff;
  }
  .l_quiz .box_present_02 {
    margin: 5.20833vw 0 0 0;
  }
  .l_quiz .box_present_02 .headline {
    width: 100%;
    padding: 0 0 0 18.22917vw;
  }
  .l_quiz .box_present_02 .present_inner {
    padding: 5.20833vw 6.51042vw 13.02083vw;
    background: #fff;
  }
  .l_quiz .box_present_02 .headline_icon {
    display: block;
    width: 100%;
    margin: 0 0 0 -10.41667%;
  }
  .l_quiz .box_present_02 .block_img {
    float: none;
    width: 100%;
  }
  .l_quiz .box_present_02 .block_detail {
    float: none;
    width: 100%;
  }
  .l_quiz .box_present_02 .block_detail .title {
    width: 31.25vw;
    margin: 5.20833vw auto 0;
  }
  .l_quiz .box_present_02 .block_detail .detail {
    display: table;
    margin: 3.90625vw 0 0 0;
    font-size: 1.8rem;
    line-height: 1.4;
    font-weight: bold;
  }
  .l_quiz .box_present_02 .block_detail .detail .text {
    width: 100%;
    font-size: 1.5rem;
  }
  .l_quiz .box_present_02 .icon_winner {
    position: absolute;
    bottom: 5.20833vw;
    right: 2.60417vw;
    width: 20.83333vw;
  }
  .flex {
    display: block;
  }
  .mt30 {
    margin-top: 15px;
  }
  /* btn */
  .l_form .btn {
    height: 60px;
  }
  .l_form .btn a {
    font-size: 1.8rem;
  }
  .l_buy {
    background: #002595;
    padding: 20.83333vw 0 20.83333vw 0;
  }
  .l_buy .headline_buy {
    width: 120%;
    margin: 0 0 0 -10%;
  }
  .l_buy .lead {
    width: 100%;
    margin: 9.11458vw auto 0;
    text-align: center;
  }
  .l_buy .lead .bg {
    display: block;
    padding: 5.20833vw 0;
  }
  .l_buy .lead .text_buy {
    width: 61.19792vw;
  }
  .l_buy .lead .text_wchance {
    width: 61.19792vw;
    margin: 7.8125vw auto 0;
  }
  .l_buy .present_list {
    margin: 7.8125vw 0 0 0;
  }
  .l_buy .present_list .present_item {
    float: none;
    width: 100%;
    margin: 0 0 0 0;
  }
  .l_buy .present_list .present_item:first-child {
    margin-top: 0;
    margin-left: 0;
  }
  .l_buy .present_list .present_item:nth-child(4) {
    margin-left: 0;
  }
  .l_buy .present_list .present_item:nth-child(n+1) {
    margin-top: 9.11458vw;
  }
  .l_buy .present_list .present_item:last-child {
    width: 100%;
  }
  .l_buy .present_list .present_item:last-child .notes {
    width: 100%;
  }
  .l_buy .present_list .present_item:last-child .present_item_inner {
    padding: 5.20833vw 5.20833vw 15.625vw;
  }
  .l_buy .present_list .present_item .present_item_inner {
    position: relative;
    padding: 5.20833vw 5.20833vw 15.625vw;
    background: #fff;
    border-radius: 40px;
    border-top-left-radius: 0;
  }
  .l_buy .present_list .present_item .model {
    display: table;
    width: 100%;
  }
  .l_buy .present_list .present_item .model .cate {
    display: table-cell;
    width: 10rem;
  }
  .l_buy .present_list .present_item .model .cate span {
    display: block;
    margin: 0 0 0 -3rem;
    padding: .6rem 0;
    font-weight: bold;
    color: #fff;
    text-align: center;
    line-height: 1.42857;
    font-size: 1.6rem;
    background: #ccb460;
  }
  .l_buy .present_list .present_item .model .cate.long {
    width: 10rem;
  }
  .l_buy .present_list .present_item .model .cate.long span {
    text-align: left;
    font-size: 1.4rem;
    padding-left: .5rem;
  }
  .l_buy .present_list .present_item .model .text {
    display: table-cell;
    padding: 0 0 0 1rem;
    font-size: 1.6rem;
    font-weight: bold;
    vertical-align: top;
    line-height: 1.25;
  }
  .l_buy .present_list .present_item .model .middle {
    font-size: 1.3rem;
  }
  .l_buy .present_list .present_item .model .small {
    font-size: 1.2rem;
  }
  .l_buy .present_list .present_item .name {
    margin: 3.90625vw 0 0;
    font-size: 2rem;
    font-weight: bold;
    color: #b5000c;
    line-height: 1.2;
  }
  .l_buy .present_list .present_item .img {
    margin: 3.90625vw 0 0;
  }
  .l_buy .present_list .present_item .explain {
    padding: 1.5rem 0 0 0;
    font-size: 1.6rem;
    line-height: 1.4;
  }
  .l_buy .present_list .present_item .notes {
    margin: 2.94118vw 0 0;
    font-size: 1.2rem;
    line-height: 1.2;
  }
  .l_buy .present_list .present_item .icon_winner {
    bottom: -5.20833vw;
    right: -2.60417vw;
    display: block;
    width: 20.83333vw;
  }
  .l_buy .present_list .present_item .icon_winner_02 {
    position: absolute;
    bottom: -10.41667vw;
    right: -2.60417vw;
    display: block;
    width: 41.66667vw;
  }
  .l_buy .box_notes {
    font-size: 1.2rem;
    text-align: right;
    margin: 15.625vw 0 0 0;
    color: #fff;
  }
  .l_buy .btn_model {
    transition: opacity .7s ease;
    opacity: 1;
    display: block;
    width: 83.33333vw;
    margin: 6.51042vw auto 0;
    padding: 5.20833vw 0 5.20833vw 0;
    background: #fff;
    border-radius: 60px;
    cursor: pointer;
  }
  .l_buy .btn_model:hover {
    opacity: .7;
  }
}

@media screen and (max-width: 768px) and (max-width: 768px) {
  .l_buy .btn_model:hover {
    opacity: 1;
  }
}

@media screen and (max-width: 768px) {
  .l_buy .btn_model img {
    width: 64.15094vw;
  }
  .l_flow {
    padding: 9.11458vw 0 10.41667vw 0;
    background: #001a68;
  }
  .l_flow .headline_flow {
    width: 39.0625vw;
    margin: 0 auto;
  }
  .l_flow .step_list {
    margin: 5.20833vw 0 0 0;
    display: block;
  }
  .l_flow .step_list li {
    position: relative;
    width: 83.33333vw;
    margin: 10.41667vw auto 0;
  }
  .l_flow .step_list li:after {
    display: none;
  }
  .l_flow .step_list li:last-child {
    width: 83.33333vw;
  }
  .l_flow .step_list li:last-child:after {
    display: none;
  }
  .l_flow .step_list li .arrow_bottom_sp {
    display: block;
    width: 100%;
    text-align: center;
    margin: 10.41667vw 0 0 0;
  }
  .l_flow .step_list li .arrow_bottom_sp img {
    width: 15.625vw;
  }
  .l_flow .btn_apply a {
    width: 84.63542vw;
    margin: 15.625vw auto 0;
    padding: 4.55729vw 0 5.20833vw 0;
  }
  .l_flow .btn_apply a img {
    width: 52.08333vw;
  }
  .l_flow .close_btn {
    width: 100%;
  }
  .l_product {
    padding: 20.83333vw 0 0 0;
  }
  .l_product .headline_product img {
    width: 59.89583vw;
  }
  .l_product .product_list {
    width: 100%;
    padding: 5.20833vw 0 0 0;
  }
  .l_product .product_list .product_item {
    margin: 5.20833vw 0 0 0;
  }
  .l_product .product_list .product_item .product_item_inner {
    padding: 2.60417vw 3.90625vw 6.51042vw;
  }
  .l_product .product_list .product_item:first-child .img {
    position: absolute;
    width: 11.71875vw;
    top: 3.90625vw;
    right: 5.20833vw;
  }
  .l_product .product_list .product_item:nth-child(2) .img {
    position: absolute;
    width: 19.01042vw;
    top: 5.20833vw;
    right: 2.60417vw;
  }
  .l_product .product_list .product_item:nth-child(3) .img {
    position: absolute;
    width: 39.84375vw;
    top: 3.90625vw;
    right: 1.30208vw;
  }
  .l_product .product_list .product_item:nth-child(4) .img {
    position: absolute;
    width: 20.83333vw;
    top: 5.20833vw;
    right: 3.90625vw;
  }
  .l_product .product_list .product_item:nth-child(5) .img {
    position: absolute;
    width: 18.22917vw;
    top: 2.60417vw;
    right: 1.30208vw;
  }
  .l_product .product_list .product_item:nth-child(6) .img {
    position: absolute;
    width: 20.83333vw;
    top: 2.60417vw;
    right: 1.30208vw;
  }
  .l_product .product_list .block_details {
    float: none;
    width: 100%;
    padding: 20px 0 0 0;
  }
  .l_product .product_list .block_details .cate {
    padding: 0 0 0 5.20833vw;
    font-size: 4.16667vw;
    border-left: 7.8125vw solid #3dc76c;
  }
  .l_product .product_list .block_details .lead {
    margin: 3rem 0 0 0;
    font-size: 7.29167vw;
    font-weight: bold;
  }
  .l_product .product_list .block_details .explain {
    font-size: 5.20833vw;
    line-height: 1.2;
  }
  .l_product .product_list .block_details .explain .notes {
    display: block;
    margin: 2rem 0 0 0;
    font-size: 1.2rem;
  }
  .l_product .product_list .block_video {
    float: none;
    width: 100%;
    margin: 5.20833vw 0 0 0;
  }
  .l_product .product_list .block_video .video {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 56.25%;
  }
  .l_product .product_list .block_video .video iframe {
    width: 100%;
    height: 100%;
  }
  .l_product .product_list .block_video .title {
    margin: 2% 0 0 0;
    font-size: 1.4rem;
    line-height: 1.4;
  }
  .l_rule {
    margin-top: 0;
    padding: 15.625vw 0 20.83333vw 0;
  }
  .l_rule .headline_rule {
    width: 32.55208vw;
    margin: 0 auto;
  }
  .l_rule .box_rule {
    margin: 7.8125vw 0 0 0;
    padding: 5.20833vw 6.51042vw;
  }
  .l_rule .rule_inner {
    font-size: 1.2rem;
  }
  .l_rule .rule_inner .paragraph {
    margin: 1.5rem 0 0 0;
  }
  .l_contact .box_contact {
    display: block;
    width: 100%;
    padding: 7.8125vw 0 15.625vw;
    font-size: 1.2rem;
  }
  .l_contact .box_contact dt {
    display: block;
    text-align: center;
  }
  .l_contact .box_contact .headline_contact {
    display: inline-block;
    width: 15rem;
    padding: 0 1em;
  }
  .l_contact .box_contact dd {
    display: block;
    margin: 5.20833vw 0 0 0;
    padding: 0 0 0 0;
  }
  .l_contact .box_contact .notes {
    font-size: 1rem;
  }
  .sp_show {
    display: block;
  }
  .pc_show {
    display: none;
  }
  .l_form {
    padding: 10.41667vw 0;
  }
  .l_form .ttl {
    font-size: 2.4rem;
  }
  .l_form .headline_form {
    margin: 0 auto;
  }
  .l_form .table {
    margin: 10.41667vw 2.60417vw 0;
    padding: 10.41667vw 3.90625vw 10.41667vw;
    border-radius: 20px;
    background: #fff;
  }
  .l_form .table_header .headline_form {
    font-size: 5.46875vw;
    margin: 0 auto 2.60417vw;
    line-height: 1.6;
  }
  .l_form .table_header .headline_win {
    width: 93.75%;
    margin: 0 auto 2.60417%;
  }
  .l_form .table_header .headline_confirm,
  .l_form .table_header .headline_complete {
    width: 52.08333vw;
    margin: 0 auto 2.60417vw;
  }
  .l_form .table_header .headline_win_complete {
    width: 100%;
  }
  .l_form .table_header .text {
    margin: 5.20833vw 0;
    font-size: 3.90625vw;
    line-height: 1.5;
    text-align: center;
  }
  .l_form .table_header .small {
    margin: 0.5em 0 0 0;
    font-size: 3.125vw;
  }
  .l_form .table_row {
    display: block;
    width: 100%;
    padding: 7.8125vw 0 5.20833vw;
  }
  .l_form .table_row .ttl {
    font-size: 2.4rem;
  }
  .l_form .table_row .row_title {
    display: block;
    width: 100%;
    padding: 0 5.20833vw 0 0;
    font-size: 1.6rem;
  }
  .l_form .table_row .row_detail {
    display: block;
    margin: 5.20833vw 0 0 0;
    width: 100%;
    font-size: 0;
  }
  .l_form .table_row .row_detail label {
    margin-right: 1em;
    margin-bottom: 1.5em;
  }
  .l_form .table_row .answer_text {
    font-size: 2.4rem;
    margin: 0 0 0 -2.60417vw;
    line-height: 1.4;
  }
  .l_form .table_row .checkbox_list li {
    width: 100%;
  }
  .l_form .table_row .checkbox_list_02 li {
    padding: 0 0 0 0;
  }
  .l_form .table_row .checkbox_list_02 .checkbox {
    display: block;
    margin-right: 0;
    padding-right: 0;
  }
  .l_form .table_row .present_box {
    display: block;
    margin: 10.41667vw 0 0 0;
  }
  .l_form .table_row .present_box:first-of-type {
    margin-top: 0;
  }
  .l_form .table_row .present_box .name {
    display: block;
    width: 100%;
    padding: 0 2rem 0 0;
    vertical-align: middle;
    line-height: 1.8;
  }
  .l_form .table_row .present_box .amount {
    display: block;
    margin: 1rem 0 0 0;
  }
  .l_form .table_row .present_box .number {
    width: 16.92708vw;
    margin: 0 1rem 0 0;
    height: 50px;
  }
  .l_form .table_row .notes {
    display: block;
    margin: 1.5rem 0 0 0;
    padding: 0 0 0 1em;
    text-indent: -1em;
    font-size: 1.4rem;
    line-height: 1.4;
  }
  .l_form .table_row .notes li {
    margin: .5em 0 0 0;
  }
  .l_form .btn_area {
    margin-top: 8vw;
  }
  .l_form .btn_area.flex {
    display: block;
    margin: 8vw auto 0;
    width: 100%;
    max-width: 100%;
  }
  .l_form .btn_area.flex .btn {
    width: 85%;
  }
  .l_form .btn_area.flex .btn:nth-child(2n) {
    margin-left: 0;
  }
  .l_form .btn_area.flex .btn:nth-child(n + 2) {
    margin-top: 3vw;
  }
  .l_form .btn_form a {
    width: 100%;
    margin: 0 auto;
    padding: 4.55729vw 0 5.20833vw 0;
  }
  .l_form .btn_form.btn_confirm img {
    width: 59.89583vw;
  }
  .l_form .btn_form.btn_submit img {
    width: 31.25vw;
  }
  .l_form .btn_form.btn_wchance img {
    width: 70.3125%;
  }
  .l_form .btn_form.btn_quiz img {
    width: 88.54167%;
  }
  .l_form .btn_form.btn_top img {
    width: 65.10417vw;
  }
  .l_form .btn_back a {
    margin: 0 auto;
  }
  .l_form .btn_back a img {
    width: 18.22917vw;
  }
  .l_form .confirm_btn {
    width: 80%;
    margin:0 auto;
  }
  .l_modal {
    position: relative;
    margin: 23.4375vw 0;
  }
  .l_modal .modal_content {
    margin: 23.4375vw 0;
    font-size: 1.6rem;
    background: -webkit-linear-gradient(90deg, #cab15d, #fbecab);
    background: linear-gradient(90deg, #cab15d, #fbecab);
    border-radius: 40px;
    border-top-left-radius: 0;
  }
  .l_modal .modal_inner {
    *zoom: 1;
    padding: 6.51042vw 1.30208vw;
    background: #fff;
    border-radius: 40px;
    border-top-left-radius: 0;
  }
  .l_modal .modal_inner:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
  }
  .l_modal .table {
    width: 100%;
    border: 1px solid #bababa;
  }
  .l_modal .table_header th {
    background: #ececec;
    padding: 2rem 0 2rem 1rem;
    border: 1px solid #bababa;
  }
  .l_modal .table_header .col_a {
    width: 31.25vw;
  }
  .l_modal .table_header .col_b {
    width: 28.64583vw;
  }
  .l_modal .table_body td {
    padding: 2rem 1rem 2rem 1rem;
    border: 1px solid #bababa;
  }
  .l_modal .table_body .notes {
    font-size: 1.4rem;
  }
  .l_modal .table_notes {
    margin: 2rem 0 0 0;
    font-size: 1.4rem;
  }
  .l_modal .model_list {
    padding: 0 .5em;
  }
  .l_modal .model_list .year {
    width: 5em;
  }
  .l_modal .model_list .model {
    display: table-cell;
  }
  .l_modal .btn_close {
    position: absolute;
    top: -10.41667vw;
    right: 0;
    width: 7.42188vw;
  }
  .footer_wrap {
    padding-top: 15vw;
  }
  .footer_wrap .inner h3 {
    font-size: 2.4rem;
    padding-bottom: 5vw;
    margin-bottom: 5vw;
  }
  .footer_wrap .inner .contact .mail {
    font-size: 1.8rem;
  }
  .footer_wrap .inner .contact p {
    font-size: 1.6rem;
  }
  .footer_wrap small {
    margin-top: 15vw;
  }
}

/*# sourceMappingURL=style.css.map */