@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:#fff;font-size:3.2rem;font-family:'Noto Sans JP','Noto Serif JP',"Helvetica Neue","Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;line-height:1.4;-webkit-text-size-adjust:100%;-webkit-touch-callout:none;background:#282828;}
#container{max-width:750px;text-align:left;margin:0 auto;overflow: hidden;box-shadow: 0 0 5rem #bf9659;}
main{z-index: 0;}
section{position:relative;overflow: hidden;}

/*========== contents ==========*/
/*--- title ---*/
.ttl_01{position: relative;display: block;max-width: 42rem;margin: 6rem auto 0;font-weight: bold;font-size: 4rem;color: #bf9659;text-align: center;padding: 0.5rem 1rem;transition: .25s;}
.ttl_01.js_inview{opacity: 1;}
.ttl_01::before,
.ttl_01::after{content: '';position: absolute;width: 0;height: 0;border: 0.3rem solid transparent;}
.ttl_01::before {top: -0.3rem;left: -0.3rem;}
.ttl_01::after {bottom: -0.3rem;right: -0.3rem;}
.ttl_01.active::before,
.ttl_01.active::after{width: 100%;height: 100%;}
.ttl_01.active::before {border-top-color: #bf9659;border-right-color: #bf9659;transition: width .25s ease-out, height .25s ease-out .25s;}
.ttl_01.active::after {border-bottom-color: #bf9659;border-left-color: #bf9659;transition: border-color 0s ease-out .5s, width .25s ease-out .5s, height .25s ease-out .75s;}

/*--- text ---*/
.txt_marker_grn.active,
.txt_marker_red.active{opacity: 1;background-size: 100% 35%;}
.txt_marker_grn.js_inview,
.txt_marker_red.js_inview{opacity: 1;}
.txt_marker_grn{background: linear-gradient(to right, #6fb30a, #6fb30a);background-repeat: no-repeat; background-size: 0 35%;background-position: bottom left;transition: all .8s ease-in-out;display: inline-block;}
.txt_marker_red{background: linear-gradient(to right, #ff0000, #ff0000);background-repeat: no-repeat; background-size: 0 35%;background-position: bottom left;transition: all .8s ease-in-out;display: inline-block;}
.f_yel{color: #fff600;font-family: 'Noto Serif JP', serif;font-size: 4rem;font-weight: bold;}

/*--- bg ---*/
.bg_ptrn01{background: url(./default_bg_ptrn01.jpg) repeat;background-size: 75rem 42.9rem;}

/*--- area_txt ---*/
.area_txt01 p{margin-bottom: 4rem;}
.area_txt01 p:last-child{margin-bottom: 0;}

/*--- area_regist ---*/
.area_regist > p.note{font-size:1.8rem;text-align: center;}
.area_regist .btn_regist > a{display: block;margin: 0 auto 2rem;width: 56.9rem;}
.area_regist .btn_regist > a .balloon{position: relative;z-index: 1;max-width: 31rem;margin: auto;}
.area_regist .btn_regist > a .balloon + .btn{margin-top: -4.1rem;}
.area_regist .btn_regist > a .btn img:hover{box-shadow: 0 0 2rem .5rem #fcff00;border-radius: 50rem;overflow: hidden;}
/* Animation */
.area_regist .btn_regist > a .balloon{
 -webkit-animation: bounceTwice 2.2s ease infinite;
 animation: bounceTwice 2.2s ease infinite;
}
@-webkit-keyframes bounceTwice {
10% {
-webkit-transform: translate(0, 25%);
transform: translate(0, 25%);
}
20% {
-webkit-transform: none;
transform: none;
}
30% {
-webkit-transform: translate(0, 25%);
transform: translate(0, 25%);
}
40% {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceTwice {
10% {
-webkit-transform: translate(0, 25%);
transform: translate(0, 25%);
}
20% {
-webkit-transform: none;
transform: none;
}
30% {
-webkit-transform: translate(0, 25%);
transform: translate(0, 25%);
}
40% {
-webkit-transform: none;
transform: none;
}
}

/*--- footer ---*/
footer {color: #FFF;background: #969203;text-align: left;position: relative;}
footer nav{width:100%;}
footer nav ul > li > a{position: relative;display: block;color: #FFF;padding: 2.5rem 2.5rem 2.5rem 7rem;border-bottom: 1px solid #fff;font-size: 2.5rem;}
footer nav ul > li:last-child > a{border-bottom: none;}
footer nav ul > li > a:before{position: absolute;content: "";top: 3.5rem;left: 4rem;width: 0;height: 0;
 border-style: solid;
 border-top: 1rem solid transparent;
 border-bottom: 1rem solid transparent;
 border-left: 1.5rem solid #fff;
 border-right: 0;}
footer nav ul li a:hover {background: #666302;}
footer .copyright{text-align: center;font-size: 2rem;padding: 1rem 0 5rem;}


/*========== section block ==========*/
*[class^="blc_"] > .inner{padding: 5rem 3rem 10rem;}

/*--- blc_mv ---*/
.blc_mv{position:relative;overflow:hidden;
 background:url(./default_mv_bg.jpg) 0 0 / 100% no-repeat #000;padding: 4rem 3rem 5rem;}
.blc_mv h1{margin: 12rem 0 8rem;}
.blc_mv .catch01{position: absolute;top: 6rem;left: 0;right: 0;text-shadow: 0 0 3.2rem #b3424a, 0 0 3.2rem #b3424a,0 0 3.2rem #b3424a;mix-blend-mode: screen;font-weight: 500;text-align: center;}

/*--- blc_about ---*/
.blc_about{font-family: 'Noto Serif JP', serif;text-align: center;}
.blc_about p .f_grn{color: #6fb30a;}
.blc_about p .f_pink{color: #ffafbb;font-size: 4rem;}
.blc_about p.fs26{font-size: 2.6rem;letter-spacing: -0.1em;margin-top: 4rem;}
.blc_about figure{margin: 4rem -3rem;}

/*--- blc_friendship ---*/
.blc_friendship{background: url(./default_friendship_bg.jpg) center top  / cover no-repeat;}
.blc_friendship p{font-family: 'Noto Serif JP', serif;font-size: 2.6rem;}

/*--- blc_reason ---*/
.blc_reason .inner{padding-bottom: 8rem;}
.blc_reason h2.ttl_01{max-width: 46rem;}
.blc_reason ul.list_reason > li:not(:last-child),
.blc_reason ul.list_reason > li > .image{margin-bottom: 4rem;}
.blc_reason ul.list_reason > li > dl > dt{font-size: 3.5rem;font-weight: bold;margin-bottom: 1.5rem;color: #ffafbb;border-left: 1rem solid #fff600;line-height: 1;padding-left: 0.4em;}
.blc_reason ul.list_reason > li > dl > dd{font-size: 2.6rem;font-family: 'Noto Serif JP', serif;}
.blc_reason ul.list_reason > li > dl > dd p:not(:last-child){margin-bottom: 4rem;}

/*--- blc_result ---*/
.blc_result{background: url(./default_result_bg.jpg) center top  / cover no-repeat;}
.blc_result ul.list_result{display:flex;flex-wrap:wrap;justify-content: space-between;gap: 4rem;}
.blc_result ul.list_result > li{background: url(./default_result_list_bg.png) no-repeat center / cover;padding: 2.5rem 1rem;width: calc(50% - 2rem);text-align: center;border: solid 0.2rem #fff;}
.blc_result ul.list_result > li > dl{display: flex;flex-direction: column;height: 100%;}
.blc_result ul.list_result > li > dl > dt.date{font-size: 2.2rem;font-weight: bold;margin: 0 auto 1rem;padding: 0.8rem 1rem;background: #010f39;border-radius: 2rem;border: solid 0.2rem #fff;width: 23rem;color: #bf9659;line-height: 1;}
.blc_result ul.list_result > li > dl > dd.race{font-size: 2.5rem;font-weight: bold;text-shadow: 0 0 2.5rem rgba(0, 255, 240, 0.58), 0 0 2rem rgba(0, 255, 240, 0.58), 0 0 1rem rgba(0, 255, 240, 0.58), 0 0 .5rem rgba(0, 255, 240, 0.58), 0 0 0 rgba(0, 255, 240, 0.58);margin: auto 0 0;}
.blc_result ul.list_result > li > dl > dd.dividend{font-size: 4.2rem;font-weight: bold;text-shadow: 0 0 2.5rem rgba(0, 255, 240, 0.58), 0 0 2rem rgba(0, 255, 240, 0.58), 0 0 1rem rgba(0, 255, 240, 0.58), 0 0 .5rem rgba(0, 255, 240, 0.58), 0 0 0 rgba(0, 255, 240, 0.58);word-wrap: break-word;margin: auto 0 0;}
.blc_result ul.list_result > li > dl > dd.dividend span{font-size: 3.5rem;}

/*--- blc_point ---*/
.blc_point h2.ttl_01{max-width: 50rem;}
.blc_point p .txt_marker_red{font-size: 4rem;font-weight: bold;}
.blc_point ul.list_point{background: rgba(255, 255, 255, 0.8);border-radius: 1rem;color: #000;padding: 2rem 3rem;margin: 5rem 2rem 2rem;}
.blc_point ul.list_point > li{margin-bottom: 8rem;}
.blc_point ul.list_point > li .ttl{font-size: 4rem;font-weight: bold;color: #011033;margin: 0 0 3rem;padding-left: 10rem;min-height: 9.5rem;background: url(./default_point_icon.png) left center  / 8.7rem no-repeat;display: flex;align-items: center;line-height: 1.2;}
.blc_point ul.list_point > li .area_txt01 p{font-size: 2.8rem;font-family: 'Noto Serif JP', serif;font-weight: 500;}
.blc_point ul.list_point > li .area_txt01 p .f_red{color: #ff0054;font-family:'Noto Sans JP';font-weight: bold;}

/*--- blc_review ---*/
.blc_review{background: url(./default_review_bg.jpg) center top  / cover no-repeat;}
.blc_review h2.ttl_01{color: #fff;}
.blc_review h2.ttl_01.active::before {border-top-color: #fff;border-right-color: #fff;}
.blc_review h2.ttl_01.active::after {border-bottom-color: #fff;border-left-color: #fff;}
.blc_review ul.list_review{margin: 5rem 2rem 0;}
.blc_review ul.list_review > li{background: rgba(0, 0, 0, 0.8);padding: 4rem 2rem;margin-bottom: 5rem;border-radius: 1rem;}
.blc_review ul.list_review > li:last-child{margin-bottom: 0;}
.blc_review ul.list_review > li > p{font-size: 2.6rem;font-family: 'Noto Serif JP', serif}
.blc_review ul.list_review > li > p.comment{margin-bottom: 4rem;}
.blc_review ul.list_review > li > p.name{text-align: right;}

/*--- blc_last ---*/
.blc_last{background: url(./default_last_bg.jpg) center top  / 100% no-repeat #000;}
.blc_last .inner{padding-bottom: 8rem;}
.blc_last p.tx_shadow{text-align: center;text-shadow: 0 0 3.2rem #b3424a, 0 0 3.2rem #b3424a,0 0 3.2rem #b3424a;font-weight: 500;mix-blend-mode: screen;}
.blc_last p.tx_shadow.spacing{font-feature-settings: "palt" on;margin-bottom: 20rem;}
.blc_last p.txt{margin: 3rem 0 0;}




/*========== Responsive ==========*/
@media screen and (min-width:750px) { /* 750px以上 */
html{font-size: 62.5%;}
/**/} /* 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 !important;}
.f_S{font-size:0.8em !important;}
.f_L{font-size:1.2em !important;}
.f_bold{font-weight: bold !important;}

.tx_center{text-align: center;}



/*==================================================================
   Animation
==================================================================*/
/*-- zoomRepeat --*/
.animated_zoomRepeat {
-webkit-animation: zoomRepeat 1.5s ease-in-out infinite;
animation: zoomRepeat 1.5s ease-in-out infinite;
}
@-webkit-keyframes zoomRepeat {
0% {-webkit-transform: scale(0.9);}
30% {-webkit-transform: scale(1, 1);}
60% {-webkit-transform: scale(0.9);}
100% {-webkit-transform: scale(0.9);}
}
@keyframes zoomRepeat {
0% {transform: scale(0.9);}
30% {transform: scale(1, 1);}
60% {transform: scale(0.9);}
100% {transform: scale(0.9);}
}

.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;}
}

/*-- fadeInUp inview --*/
.animated_fadeInUp.active{opacity: 1;
-webkit-animation:fadeInUp 1s ease 1;
animation: fadeInUp 1s ease 1;
}
@-webkit-keyframes fadeInUp {
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 fadeInUp {
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 .5s ease-out both;
animation:fadeInBounce .8s .5s 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;
}
}

/*-- slideViewCenter inview --*/
.animated_slideViewCenter {
-webkit-clip-path: inset(0 50% -6rem 50% round 999px);
clip-path: inset(0 50% -6rem 50% round 999px);
}
.animated_slideViewCenter.active {
opacity: 1;
transition: -webkit-clip-path 1.0s ease 0s;
transition: clip-path 1.0s ease 0s;
transition: clip-path 1.0s ease 0s, -webkit-clip-path 1.0s ease 0s;
-webkit-clip-path: inset(-6rem -6rem -6rem -6rem round 999px);
clip-path: inset(inset(-6rem -6rem -6rem -6rem round 999px));
}