@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:#1c1c1c;background:#F0F0F0;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;font-feature-settings: "palt" on;}
#container{max-width:750px;text-align:left;margin:0 auto;background:#fff;}
main{z-index: 0;}
section{position:relative;overflow: hidden;}

/*========== contents ==========*/
/*--- ttl ---*/
.ttl_01{font-size: 4.6rem;text-align: center;font-weight: 900;border-bottom: solid 0.5rem #168264;border-top: solid 0.5rem #168264;margin: 3rem 3rem 0;line-height: 1.4;padding: 3.5rem 0;background: #fff;}

/*--- area_mv ---*/
.area_mv{background:url(./default_mv_bg.jpg) center top / cover no-repeat;position: relative;min-height: 74.7rem;margin-bottom: 2rem;}
.area_mv .bar{background: #168264;padding: 1.5rem 3rem;}
.area_mv .bar > p{color: #fff;font-size: 2.6rem;font-weight: bold;background:url(./default_mv_icon01.png) center left / 4.6rem no-repeat;padding-left: 6rem;min-height: 4.5rem;}
.area_mv .logo{position: absolute;bottom: 1rem;}
.area_mv .catch01{padding: 5rem 29rem 5rem 3rem;}
.area_mv .catch02{position: relative;z-index: 1;}
.area_mv .catch02 p{display:inline-block;background:#fff;font-size:3.3rem;font-weight:900;padding:0.5rem 1.5rem;margin: 0 3rem 1.7rem;vertical-align: bottom;font-feature-settings: normal;}
.area_mv .horse{position: absolute;top: 6rem;right: 0; width: 31rem;}

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

/*--- area_race ---*/
.area_race{background: #074735;margin: 3rem;border-radius: 1rem;text-align: center;padding: 0 3rem 3rem;}
.area_race .balloon{display: inline-block;background: #facc26;border-radius: 1rem;margin-bottom: 3rem;padding: 1.5rem 3rem;font-weight: 900;position: relative;line-height: 1;top: -3rem;
 -webkit-animation: bounceTwice 2.2s ease infinite;
 animation: bounceTwice 2.2s ease infinite;}
.area_race .balloon::after {position: absolute;content: "";bottom: -2rem;left: calc(50% - 1.5rem);border-style: solid;border-width: 2.5rem 1.5rem 0;border-color: #facc26 transparent;}
/* Animation */
@-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;
}
}
.area_race > .race{border: solid 0.4rem #168264;border-radius: 1rem;font-size: 5rem;color: #e30017;font-weight: 900;line-height: 1.4;padding: 3rem 1rem;margin-top: -3rem;}

/*--- area_regist ---*/
.area_regist{padding: 0 3rem 4rem;text-align: center;}
.area_regist > p.campaign{margin: 0 -3rem 5rem;}
.area_regist > p.btn_regist > a{display: block;max-width: 61.3rem;margin: 0 auto 3rem;}
.area_regist > p.agree{font-weight: bold;}
.area_regist > p.agree > a{color:#fff;border-bottom:0.2rem solid currentColor;}
.area_regist > p.note{font-size: 4rem;font-weight: bold; color: #fff;}

/*--- box_01 ---*/
.box_01{border: solid 0.4rem #168264;border-radius: 1rem;}

/*--- bg ---*/
.bg_pattern01{background: url(./default_bg_pattern01.png) repeat;background-size: 0.8rem;}
.bg_pattern02{background: url(./default_bg_pattern02.png) repeat;background-size: 0.8rem;}
.bg_grn{background: #168264;}

/*--- footer ---*/
footer {color: #FFF;font-size: 2.5rem;text-align: left;padding: 2rem 0 4rem;background: #074735;}
footer nav{width:100%;}
footer nav ul > li > a{position:relative;display:block;color:#FFF;padding:1.5rem 3rem 1.5rem 5.5rem;}
footer nav ul > li > a:before{position: absolute;content: "";top: 2.5rem;left: 3rem;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{text-decoration: underline;}
footer ul.list_caution{padding: 3rem 3rem 4rem;font-size: 2rem;line-height: 2;}
footer .copyright{font-size: 1.8rem;text-align: center;font-feature-settings: normal;padding-top: 2rem;}

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

/*--- blc_mv ---*/
.blc_mv{position:relative;overflow:hidden;background:#168264;}

/*--- blc_worry ---*/
.blc_worry ul.list_worry{display: flex;justify-content: space-between;margin-bottom: 4rem;}
.blc_worry ul.list_worry > li{width: calc((100% - 3rem) / 2);min-height: 100%;position: relative;display: flex;flex-direction: column;}
.blc_worry ul.list_worry > li .ttl{padding: 2rem 2rem 0;}
.blc_worry ul.list_worry > li .ttl > .num{display: block;width: 8.8rem;}
.blc_worry ul.list_worry > li .ttl > .pic{display: block;margin-top: -10.5rem;}
.blc_worry ul.list_worry > li .txt{background: #168264;color: #fff;text-align: center;flex-grow: 1;align-content: center;line-height: 1.3;font-weight: 500;padding: 1rem;position: relative;z-index: 1;}

/*--- blc_change ---*/
.blc_change ul.list_change{margin-bottom: 4rem;}
.blc_change ul.list_change > li{background: url(./default_change_pic01.png) bottom right / 32.5rem no-repeat #168264;color: #fff;border-radius: 1rem;margin-bottom: 3rem;min-height: 14rem;align-content: center;font-weight: bold;position: relative;padding: 1rem 3rem 1rem 8rem;}
.blc_change ul.list_change > li:last-child{margin-bottom: 0;}
.blc_change ul.list_change > li::before {content: "・";position: absolute;left: 2.5rem;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);font-size: 6rem;}

/*--- blc_info ---*/
.blc_info{background: #daf6ee;}
.blc_info ul.list_info > li{margin-bottom: 3rem;background: url(./default_info_img01.png) bottom 3rem center / 100% no-repeat, url(./default_bg_pattern01.png) 0 0 /  0.8rem repeat;min-height: 45rem;padding: 3rem 0 32.5rem;display: flex;align-items: center;justify-content: space-between;overflow: hidden;}
.blc_info ul.list_info > li:nth-child(2){background-image: url(./default_info_img02.png), url(./default_bg_pattern01.png);}
.blc_info ul.list_info > li:nth-child(3){background-image: url(./default_info_img03.png), url(./default_bg_pattern01.png);}
.blc_info ul.list_info > li:last-child{margin-bottom: 4rem;}
.blc_info ul.list_info > li p{font-weight: bold;}
.blc_info ul.list_info > li .num{display: inline-block;background: #168264;color: #fff;font-size: 5.4rem;font-weight: bold;padding: 1.5rem 0.5rem 1.5rem 1rem;position: relative;width: 10.5rem;text-align: center;line-height: 1.2;}
.blc_info ul.list_info > li .num:after {content: "";position: absolute;top: 0;right: -1.5rem;width: 1.5rem;height: 100%;background: #168264;padding-right: calc(1rem + 1px);clip-path: polygon(0% 0%, 100% 0%, calc(100% - 1.5rem) 50%, 100% 100%, 0% 100%);word-wrap: break-word;}
.blc_info ul.list_info > li .txt{width: calc(100% - 10.5rem - 3rem);line-height: 1.4;}
.blc_info ul.list_info > li .txt span{font-size: 4rem;}
.blc_info .area_txt01{position: relative;padding-right: 20rem;}
.blc_info .area_txt01::after{position: absolute;content: ""; background: url(./default_info_pic01.png) bottom right / 100% no-repeat;width: 20.9rem;height: 28.8rem;bottom: -4rem;right: 0;}

/*--- blc_point ---*/
.blc_point{background: url(./default_bg_pattern03.png) repeat;background-size: 4.5rem 2.6rem;}
.blc_point .area_txt01 > p{margin-bottom: 5rem;}
.blc_point .box_01 .ttl{background: #168264;font-size: 4.2rem;font-weight: bold; color: #fff;border-radius: 1rem;margin: 1rem;padding: 2rem 1rem 2rem 15rem;position: relative;}
.blc_point .box_01 .ttl span{display: inline-block;background: #facc26;color: #1c1c1c;border-radius: 50%;position: absolute;line-height: 1;width: 12rem;height: 12rem;align-content: center;font-size: 3.2rem;text-align: center;font-weight: 900;left: 1rem;top: -2.5rem;}
.blc_point .box_01 .ttl span::after {position: absolute;content: ""; bottom: 1rem;border-style: solid;border-width: 2.5rem 1.5rem 0;border-color: #facc26 transparent;transform: rotate(-170deg);right: 0rem;}
.blc_point .box_01 .txt{margin: 3rem;font-weight: bold;}

/*--- blc_result ---*/
.blc_result h2.ttl_01{border-color: #074735;}
.blc_result ul.list_result{padding: 5rem 0 6rem;}
.blc_result ul.list_result > li {background: #fff;width: 42rem;border-radius: 1rem;position: relative;margin-top: 6.5rem;}
.blc_result ul.list_result > li::before{position: absolute;content: "";background: url(./default_result_pic01.png) center / 13.7rem no-repeat;width: 100%;height: 13.7rem;top: -6.5rem;z-index: -1;}
.blc_result ul.list_result > li > dl{display: flex;flex-direction: column;height: 100%;}
.blc_result ul.list_result > li.swiper-slide{height: auto !important;} 
.blc_result ul.list_result > li > dl > dt{text-align: center;font-weight: bold; color: #168264;border-bottom: solid 0.5rem currentColor;border-top: solid 0.5rem currentColor;margin: 3rem 2rem;padding: 1rem 0;}
.blc_result ul.list_result > li > dl > dd{font-weight: bold;}
.blc_result ul.list_result > li > dl > dd.race{margin: auto 0 0;padding: 0 2rem 1.5rem;}
.blc_result ul.list_result > li > dl > dd.bet{color: #f5002e;margin: auto 0 0;padding: 0 2rem 4rem;}
.blc_result ul.list_result > li > dl > dd.dividend{font-size: 4rem;display: flex;align-items: center;justify-content: space-between;border-radius: 0 0 1rem 1rem;padding: 1.3rem 1.5rem;word-wrap: break-word;}
.blc_result ul.list_result > li > dl > dd.dividend .hit{width: 8.8rem;}
.blc_result ul.list_result > li > dl > dd.dividend span{width: calc(100% - 8.8rem - 2.5rem);color: #f5002e;}

/*--- blc_support ---*/
.blc_support ul.list_support{margin-bottom: 4rem;}
.blc_support ul.list_support > li{background: url(./default_support_img01.png) 0 0 / cover no-repeat;min-height: 22.1rem;margin-bottom: 3rem;color: #fff;font-size: 3.8rem;font-weight: bold;font-style: italic; align-content: center;padding: 0 3rem 0 5rem;text-shadow: 0 0.5rem 0.6rem rgba(27, 27, 27, 0.35);}
.blc_support ul.list_support > li:nth-child(2){background-image: url(./default_support_img02.png);}
.blc_support ul.list_support > li:nth-child(3){background-image: url(./default_support_img03.png);}



/*========== 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;}
.f_red{color: #f5002e !important;}
.f_pink{color: #ff0064 !important;}
.f_yellow{color:#ffea00 !important;}


/*==================================================================
   Animation
==================================================================*/
/*-- pulseRepeat --*/
.animated_pulseRepeat{
-webkit-animation: pulseRepeat 2.2s ease infinite;
animation: pulseRepeat 2.2s ease infinite;
}
@-webkit-keyframes pulseRepeat {
45% {
-webkit-transform: none;
transform: none;
}
65% {
-webkit-transform: scale3d(1.08, 1.08, 1.08);
transform: scale3d(1.08, 1.08, 1.08);
}
85% {
-webkit-transform: none;
transform: none;
}
}
@keyframes pulseRepeat {
45% {
-webkit-transform: none;
transform: none;
}
65% {
-webkit-transform: scale3d(1.08, 1.08, 1.08);
transform: scale3d(1.08, 1.08, 1.08);
}
85% {
-webkit-transform: none;
transform: none;
}
}

.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 .8s ease 1;
animation: fadeInUp .8s 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);
}
}

/*-- 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;
}
}

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

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

/*-- slideView inview --*/
.animated_slideView.active{position: relative;overflow: hidden;opacity:0;
 animation:fadeIn 1s forwards;}
.animated_slideView.active > span{display: inline-block;opacity: 0;
 animation:fadeIn 1s forwards;
 animation-delay: 0.6s;}
.animated_slideView.active::before{position: absolute;content: "";width: 100%;height: 100%;left: 0;top: 0;
 animation:boxSlideLR 1s forwards;
 animation-duration:1s;
 background-color: #168264;
}
@keyframes boxSlideLR{
0% {
transform-origin:left;
transform:scaleX(0);
}
50% {
transform-origin:left;
transform:scaleX(1);
}
50.001% {
transform-origin:right;
}
100% {
transform-origin:right;
transform:scaleX(0);
}
}