@charset "utf-8";
/* ------------------------------
   Universal Reset
   Contents
   Animation
------------------------------ */

/*==================================================================
   Universal Reset
==================================================================*/
html,body{margin:0;padding:0;width:100%;height:100%;font-size:100%;}
main{display:block;}
h1,h2,h3,h4,h5,h6,p,blockquote,pre,hr,div,object,ul,ol,li,dl,dt,dd,tr,td,fieldset,form,legend,small,figure{margin:0;padding:0;font-size:100%;font-weight:normal;}
ul,ol{list-style:none;}
fieldset{margin:0;padding:0;border:0 none;}
legend{display:none;}
table,th,td{border:0;border-spacing:0;}
caption,th{text-align:left;}
em,strong,cite,abbr,caption,th,address{font-style:normal;font-weight:normal;}
img{max-width:100%;border:0 none;vertical-align:bottom;_vertical-align:text-bottom;}
input:not([type="radio"]):not([type="checkbox"]),select,textarea{margin:0;padding:0;border:none;border-radius:0;vertical-align:middle;
-moz-appearance:none;-webkit-appearance:none;appearance:none;}
select::-ms-expand{display:none;}
input[type="submit"]:hover{cursor:pointer;}
input[type="image"]{max-width:100%;outline: none;}
option{padding-right:5px;}
button{background:none;padding:0;border:0;text-align:left;}
article,aside,dialog,details,figure,figcaption,footer,header,hgroup,menu,nav,section{display:block;}
mark{font-weight:normal;font-style:normal;}
blockquote,q{quotes:none;}
a{vertical-align:baseline;text-decoration:none;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}


/*==================================================================
   Contents
==================================================================*/
html{font-size: calc(1000vw / 750);}
body{color:#3d3d3d;background:#fff;font-size:3.2rem;font-family:'Noto Sans JP',"Helvetica Neue","Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;line-height:1.6;-webkit-text-size-adjust:100%;-webkit-touch-callout:none;}
#container{max-width:750px;text-align:left;margin:0 auto;background:#fff;}
main{z-index: 0;}
section{position:relative;overflow: hidden;}



/*========== contents ==========*/
/*----- title -----*/
.ttl_01 {font-family: 'Noto Serif JP', serif;font-size: 5.2rem;font-weight: bold;text-align: center;padding: 6rem 4.5rem 0;letter-spacing: 0.1em;color: #303030;}

/*----- text -----*/
.tx_mark{background: linear-gradient(to right, #edd59b, #edd59b);background-repeat: no-repeat;background-size: 0 45%;background-position: bottom left;transition: all .8s ease-in-out;}
.tx_mark.active{opacity: 1;background-size: 100% 45%;}
.tx_mark.js_inview{opacity: 1;}

/*----- btn -----*/
.btn_line a{display: block;max-width: 57rem;margin: 4rem auto 0;}

/*----- footer -----*/
footer {background:#c6b573;padding: 3rem 4rem; }
footer .copyright {font-size: 2.4rem; text-align: center;}
footer .copyright p{font-weight: 500;}

/*----- decoration -----*/
.f_red{color: #dd060c;}
.fb500{font-weight:500 !important;}
.fb900{font-weight:900 !important;}

/*----- modal -----*/
.modal{display:none;position: fixed;top: 0;left: 0;z-index: 1000;width: 100%;height: 100vh;}
.modal_bg {position: absolute;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);}
.modal > .contbox{position: fixed;padding: 0.5rem;background: #FFF;border-radius: 1rem;margin: 0 auto;width: 58rem;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.modal > .contbox > .contttl{font-size:18px;font-weight:bold;text-align:center;margin-bottom:1.5em;}
.modal > .contbox > .inner{height: 100%;margin: 0 auto;border: 0.7rem solid #000618;border-radius: 1rem;text-align: center;padding: 5rem 4rem 7rem 4rem;}
.modal > .contbox > .inner .img{margin: 0 -4rem;}
.modal > .contbox > .inner .txt{font-size: 4.6rem;font-weight: 500;margin-bottom: 7rem;color: #1e1e1e;}
.modal > .contbox > .inner ul{display: flex;justify-content: space-between;}
.modal > .contbox > .inner ul > li{width: calc((100% - 3rem) / 2);font-size: 4rem;border-radius: 0.4rem;padding: 1rem;color: #fff;cursor: pointer;}
.modal > .contbox > .inner ul > li.no{background: #bdbdbd;}
.modal > .contbox > .inner ul > li.yes{background: #99d9ea;}
.modal > .contbox > .inner ul > li a{color: #fff;display: block;}


/*========== section block ==========*/
*[class^="blc_"] > .inner{padding:0 4.5rem 11rem;}

/*----- blc_mv -----*/
.blc_mv{overflow:hidden;position: relative;}
.blc_mv .area_mv{background:url(/LP/119/mv_bg.jpg) center top / cover no-repeat;min-height: 54rem;position: relative;padding: 4rem 4.5rem 0;}
.blc_mv .area_mv::after {content: "";position: absolute;bottom: 0;right: 0;border-style: solid;border-width: 12rem 75rem 0 0;border-color: transparent #dd060c transparent transparent;}
.blc_mv .area_mv h1{position: absolute;max-width: 20.3rem;bottom: 1rem;right: 4.5rem;z-index: 1;}
.blc_mv .area_mv > .catch > dl{background: url(/LP/119/mv_mobile.png) 0 / 100% no-repeat;position: absolute;bottom: 0;left: 4.5rem;height: 50.1rem;width: 31.7rem;padding: 25rem 4rem 0;color: #fff;text-align: center;font-size: 2rem;line-height: 1.3;}
.blc_mv .area_mv > .catch > dl > dd.detail{font-feature-settings: "palt" on;font-weight: 500;}
.blc_mv .area_mv > .catch > dl > dd.txt{font-size: 4rem;color: #fac46d;font-weight: 900;text-shadow: 0 0 1.6rem #00049d, 0 0 1.6rem #00049d;letter-spacing: 0.1em;font-feature-settings: "palt" on;}
.blc_mv .area_mv > .catch > dl > dd.dividend{color: #303030;font-size: 3rem;font-weight: 900;margin: 0 -3rem;}
.blc_mv .area_mv > .catch > dl > dd.dividend span{font-family: "Anton", sans-serif;font-size: 6.4rem;font-weight: normal;}
.blc_mv .area_mv > .catch p{padding: 11rem 0 0 33rem;}
.blc_mv .area_race{padding: 2rem 4.5rem 0;background: #dd060c;}
.blc_mv .area_race > .box_race{display: flex;justify-content: space-between;align-items: center;background: linear-gradient(90deg, #303030 0%, #303030 20rem, #fff 20rem, #fff 100%);overflow: hidden;border-radius: 1rem;text-align: center;padding: 1.5rem 0rem;line-height: 1.2;}
.blc_mv .area_race > .box_race > p{font-weight: 600;padding: 0 1rem;}
.blc_mv .area_race > .box_race > .ttl_race{width: 20rem;color: #fff;font-size: 2.6rem;}
.blc_mv .area_race > .box_race > .main_race{width: calc(100% - 20rem);font-size: 3.2rem;color: #dd060c;}


/*----- blc_regist -----*/
.blc_regist .area_step{background: #dd060c;padding: 2rem 4.5rem 0;position: relative;margin: 0 -4.5rem 15rem;}
.blc_regist .area_step::after{content: "";position: absolute;display: block;right: 0;border-style: solid;border-width: 10rem 37.5rem 0;border-color: #dd060c transparent #dd060c;}
.blc_regist .area_step ol.list_step{padding: 2rem 0;display: flex;justify-content: space-between;flex-wrap: wrap;position: relative;}
.blc_regist .area_step ol.list_step > li{width: calc((100% - 0.4rem) / 3);min-height: 100%;position: relative;text-align: center;margin: 0 -0.2rem;}
.blc_regist .area_step ol.list_step > li:last-child{margin-bottom: 0;}
.blc_regist .area_step ol.list_step > li:not(:last-child)::after{content: "";position: absolute;display: block;top: 0;left: 100%;width: 0.4rem;height: 13.2rem;background: url(/LP/119/border01.png) center center / 100% no-repeat;}
.blc_regist .area_step ol.list_step > li .icon{max-width: 8.5rem;}
.blc_regist .area_step ol.list_step > li .txt{font-weight: 600;font-size: 2.5rem;color: #fff;padding-top: 1rem;}


/*----- blc_result -----*/
.blc_result{background:#dddddd;padding-bottom: 5rem;}
.blc_result ul li > dl{position: relative;background: #fff;border-radius: 2rem;font-size: 2.8rem;box-shadow: 0 0 2rem rgba(218,0,7,0.5);margin: 0 1rem;padding: 4rem 5rem;display: flex;flex-direction: column;height: 37rem;}
.blc_result ul li > dl > dt.date {padding: 1rem 1rem 1rem 18rem;background: #3d3d3d;color: #fff;margin: 0 -5rem;}
.blc_result ul li > dl > dd.race{font-weight: 500;font-feature-settings: "palt" on;padding-top: 4rem;margin-top: auto;}
.blc_result ul li > dl > dd.detail{font-size: 2.4rem;display: flex;justify-content: space-between;letter-spacing: -0.03em;flex-wrap: wrap;}
.blc_result ul li > dl > dd.detail .mark{padding-right: 1rem;}
.blc_result ul li > dl > dd.dividend{text-align: right;font-size: 5.7rem;color: #dd060c;font-weight: 900;word-break: break-word;line-height: 1.2;margin-top: 2rem;}
.blc_result ul li > dl > dd.dividend > span{font-size:4rem;}
.blc_result ul li > dl > dd.icon{position: absolute;top: -4rem;left: -2rem;max-width: 18rem;opacity:0;}
.blc_result ul li.swiper-slide-active > dl > dd.icon,
.blc_result ul li.swiper-slide-duplicate-active > dl > dd.icon,
.blc_result ul li.swiper-slide-prev > dl > dd.icon{opacity:1;animation: zoomIn 0.8s ease 1;}
/*-swiper-*/
.swiper{padding: 6rem 0 12rem !important;}
.swiper-pagination-bullet{width:1.5rem !important;height:1.5rem !important;margin:0 1rem !important;background:#9e9e9e !important;opacity: 1 !important;}
.swiper-pagination-bullet-active{background:#dd060c !important;}


/*----- blc_explain -----*/
.blc_explain{background:#fff url(/LP/119/explain_bg01.jpg) center top / 100% no-repeat;font-size: 3.4rem;color: #000;}
.blc_explain h2{font-size: 7rem;line-height: 1.3;padding-top: 8rem;letter-spacing: 0.05em;}
.blc_explain h2 > .ttl{display: block;background: url(/LP/119/explain_bg02.png) center center / 23.9rem no-repeat;min-height: 27.1rem;padding: 4rem 0;margin: 0 -2rem;}
.blc_explain h2 > .ttl .fs90{font-size: 9rem;}
.blc_explain h2 > .ttl .fs58{font-size: 5.8rem;}
.blc_explain h2 > .sub_ttl{margin-bottom: 2rem;display: block;}
.blc_explain h2 > .sub_ttl span{font-size: 3.2rem;}
.blc_explain .inner > p:not(:last-child) {margin-bottom: 4rem;}
.blc_explain .inner > .txt{font-size: 5.9rem;text-align: center;}


/*----- blc_voice -----*/
.blc_voice{background: #dddddd;}
.blc_voice .inner{padding-top: 6rem;}
.blc_voice ul.list_voice > li{background: #fff;border-radius: 1rem;font-size: 3rem;box-shadow: 0 0 2rem #969696;overflow: hidden;margin-bottom: 6rem;}
.blc_voice ul.list_voice > li:last-child{margin-bottom: 0;}
.blc_voice ul.list_voice > li > dl > dt{background: #3d3d3d url(/LP/119/voice_icon.png) center left 4.5rem / 4.6rem no-repeat;color: #ffd778;padding: 2rem 4.5rem 2rem 10rem;font-weight: 600;}
.blc_voice ul.list_voice > li > dl > dd{padding: 4.5rem;}
.blc_voice ul.list_voice > li > dl > dd p{font-weight: 500;margin-bottom: 2rem;}
.blc_voice ul.list_voice > li > dl > dd p:last-child{margin-bottom: 0;}




/*========== Responsive ==========*/
@media screen and (min-width:750px) { /* 750px以上 */
html{font-size: 62.5%;}
main {box-shadow: 0 0 0.5rem #dbdbdb;}

/**/} /* Responsive End */

/*========== common ==========*/
em{color:#ff0000;}
strong{color:#ff0000;font-weight:bold;}

.mt_0{margin-top:0 !important;}
.mt_S{margin-top:0.5em !important;}
.mt_M{margin-top:1em !important;}
.mt_L{margin-top:1.5em !important;}
.mt_LL{margin-top:2em !important;}
.mb_0{margin-bottom:0 !important;}
.mb_S{margin-bottom:0.5em !important;}
.mb_M{margin-bottom:1em !important;}
.mb_L{margin-bottom:1.5em !important;}
.mb_LL{margin-bottom:2em !important;}

.pt_0{padding-top:0 !important;}
.pt_S{padding-top:0.5em !important;}
.pt_M{padding-top:1em !important;}
.pt_L{padding-top:1.5em !important;}
.pt_LL{padding-top:2em !important;}
.pb_0{padding-bottom:0 !important;}
.pb_S{padding-bottom:0.5em !important;}
.pb_M{padding-bottom:1em !important;}
.pb_L{padding-bottom:1.5em !important;}
.pb_LL{padding-bottom:2em !important;}

.f_SS{font-size:0.6em;}
.f_S{font-size:0.8em;}
.f_L{font-size:1.2em;}
.f_bold{font-weight: bold !important;}

.tx_left{text-align: left !important;}
.tx_right{text-align: right !important;}
.tx_center{text-align: center !important;}



/*==================================================================
   Animation
==================================================================*/
/*-- pushRepeat --*/
.animated_pushRepeat{
animation: pushRepeat 2s ease-out infinite;
opacity: 1;
}
@keyframes pushRepeat {
0%, 40%, 60%, 80% {transform: scale(1.0);}
50%, 70% {transform: scale(0.95);}
}

/*-- flashRepeat --*/
.animated_flashRepeat {
-webkit-animation: 1.2s ease both flashRepeat infinite;
animation: 1.2s ease both flashRepeat infinite;
}
@keyframes flashRepeat {
0%, 100% {opacity: 1;}
50% {opacity: 0;}
}

.js_inview{opacity: 0;}

/*-- fadeIn inview --*/
.animated_fadeIn.active{opacity: 1;
-webkit-animation:fadeIn 1s ease 1;
animation: fadeIn 1s ease 1;
}
@-webkit-keyframes fadeIn {
from {opacity: 0;}
to {opacity: 1;}
}
@keyframes fadeIn {
from {opacity: 0;}
to { opacity: 1;}
}

/*-- fadeInDown inview --*/
.animated_fadeInDown.active{opacity: 1;
-webkit-animation:fadeInDown 1s ease 1;
animation: fadeInDown 1s ease 1;
}
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}

/*-- fadeInBounce inview --*/
.animated_fadeInBounce.active {opacity: 1;
-webkit-animation:fadeInBounce .8s .3s ease-out both;
animation:fadeInBounce .8s .3s ease-out both;
}
@-webkit-keyframes fadeInBounce {
0% {
opacity: 0;
-webkit-transform: translate(0, -10%);
transform: translate(0, -10%);
}
40% {
opacity: 1;
-webkit-transform: translate(0, 5%);
transform: translate(0, 5%);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInBounce {
0% {
opacity: 0;
-webkit-transform: translate(0, -10%);
transform: translate(0, -10%);
}
40% {
opacity: 1;
-webkit-transform: translate(0, 5%);
transform: translate(0, 5%);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}

/*-- zoomIn inview --*/
.animated_zoomIn.active{opacity: 1;
-webkit-animation:zoomIn 0.8s ease 1;
animation: zoomIn 0.8s ease 1;
}
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}

/*-- flipInY inview --*/
.animated_flipInY.active{opacity: 1;
-webkit-animation:flipInY 1s ease 1;
animation: flipInY 1s ease 1;
}
@-webkit-keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}

/*-- flipInX inview --*/
.animated_flipInX.active{opacity: 1;
-webkit-animation:flipInX 1s ease 1;
animation: flipInX 1s ease 1;
}
@-webkit-keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}