@charset "utf-8";

/* ------------------------------
   Universal Reset
   Default Style
   Contents
   Responsive
   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[type="text"],input[type="tel"],input[type="email"],input[type="number"],input[type="url"],input[type="password"],
input[type="image"],input[type="submit"],select,textarea{margin:0;padding:0;border:none;border-radius:0;vertical-align:middle;-moz-appearance:none;-webkit-appearance:none;appearance:none;}
input[type="submit"]{background: none;font-weight: normal;text-align: left;}
input[type="button"]{background: none;text-align: left;}
input[type="submit"]:hover,
input[type="button"]:hover,
button:hover{cursor:pointer;}
input[type="file"]{line-height:1;}
input[type="image"]{max-width:100%;outline: none;}
select::-ms-expand{display:none;}
option{padding-right:5px;}
button{background:none;padding:0;border:0;text-align:left;}
article,aside,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;}


/*==================================================================
   Default Style
==================================================================*/
html{font-size: calc(1000vw / 750);}

/* 1rem = 10px */
body{background: #eef7ff;margin:0 auto;font-size: 3.6rem;color:#000;
font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
line-height:1.5;-webkit-text-size-adjust:100%;}

#container{display: flex;flex-direction: column;min-height: 100%;
background: #fff;margin: auto;width: 100%;max-width: 750px;
box-shadow:  0 0 1rem #005194;}
main{flex-grow: 1;}

a, a:visited{color:#005194;}
a:hover, a:active{color:#005194;}

/*========== form ==========*/
input,select,textarea,button{font-size:3.6rem;font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;}
input[type="file"]{max-width: 100%;}
input[type="submit"],input[type="button"],button{color:#000;line-height: 1.5;}


/*==================================================================
   Contents
==================================================================*/
/*========== .blc_mv ==========*/
.blc_mv{position: relative;padding-bottom: 6rem;
background: #085292 url(./default_mv_bg01.jpg) no-repeat 0 0 / 100%;
min-height: 98.5rem;color: #fff;}
.blc_mv .ttl01{position: relative;z-index: 1;padding-top: 59.8rem;text-align: center;}
.blc_mv .ttl01 img{width: 70.3rem;}
.blc_mv .catch01{text-align: center;}
.blc_mv .catch01 img{width: 53.5rem;}
.blc_mv .ttl01 + .catch01{position: absolute;left: 0;right: 0;top: 47rem;}
.blc_mv .catch02{position: absolute;left: 3rem;right: 3rem;top: 4rem;color: #fff;font-size: 3.4rem;font-weight: 900;text-align: center;font-feature-settings: "palt";}

/* .js_bgSwitch ==========*/
.blc_mv.js_bgSwitch{background-image: none;background-color: #003866;overflow: hidden;}
.blc_mv.js_bgSwitch .js_bgSwitch_cont{position: relative;z-index: 2;}
.blc_mv.js_bgSwitch .js_bgSwitch_bg{
position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1;
background-repeat: no-repeat;
background-position: 0 0;
background-size: cover;
transition: opacity 2s ease, transform 2s ease-out;
opacity: 0;transform: scale(1.3); /*初期状態*/
}
.blc_mv.js_bgSwitch .js_bgSwitch_bg.active{ /*表示時の演出*/
opacity: 1;transform: scale(1);}

/* :last-of-type ==========*/
.blc_mv:last-of-type .bg_gradient{
background: linear-gradient(to bottom, transparent, transparent 5rem, #085292 20rem);
padding: 4rem;color: #fff;line-height: 1.4;}
.blc_mv:last-of-type .catch03{font-size: 7.4rem;font-weight: 900;}
.blc_mv:last-of-type .catch03 .fc_orange{font-size: 8.4rem;font-feature-settings: "palt";}
.blc_mv:last-of-type .txt01{font-weight: 700;line-height: 1.8;}
.blc_mv:last-of-type .catch03 + .txt01{margin-top: 6rem;}


/*========== .blc_result ==========*/
ul.list_result li{background: url(./default_result_hit_bg01.jpg) no-repeat 0 0 / cover;padding: 2rem;font-size: 3.8rem;}
ul.list_result li dl{background: #fff;padding: 0 2rem 2rem;}
ul.list_result li dl > .date{position: relative;background: #005194;margin-inline: -2rem;padding: .3em 2rem .3em 7.5rem;color: #fff;font-weight: 700;}
ul.list_result li dl > .date::before{position: absolute;content: "";left: 3rem;top: 35%;background: #ff6000;margin-block: auto;
width: .8em;height: .8em;border-radius: 50%;}
ul.list_result li dl > .info{padding: .5em .2em;font-weight: 700;border-bottom: dotted .4rem #005194;}
ul.list_result li dl > .dividend{padding-top: .1em;color: #ff6000;font-size: 4.8rem;font-weight: 700;}

/* .js_slider ==========*/
.blc_result.js_slider{background: #003866;padding: 8rem 0 5rem;}
.blc_result.js_slider ul.list_result li{margin: 0 2.5rem;box-shadow: 0 0 2rem #00182c;}

.blc_result.js_slider ul.list_result .slick-dots{margin-top: 6rem;font-size: 0;text-align: center;}
.blc_result.js_slider ul.list_result .slick-dots li{position: relative;display: inline-block;margin: 0 1rem !important;
background: inherit;padding: inherit;font-size: inherit;}
.blc_result.js_slider ul.list_result .slick-dots li button{font-size: 0;display: block;width: 2rem;height: 2rem;cursor: pointer;}
.blc_result.js_slider ul.list_result .slick-dots li button:hover,
.slick-dots li button:focus{outline: none;}
.blc_result.js_slider ul.list_result .slick-dots li button::before{
content: "";position: absolute;top: 0;left: 0;
width: 1.7rem;height: 1.7rem;line-height: 1;
background: #fff;border-radius: 1.7rem;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;}
.blc_result.js_slider ul.list_result .slick-dots li.slick-active button::before{background: #5a9fd8;}

/* .clm2 ==========*/
.blc_result.clm2{background: url(./default_result_bg01.jpg) no-repeat 0 0 / 100%;}
.blc_result.clm2 .inner{background: none;}
.blc_result.clm2 ul.list_result{margin-top: 2.2rem;display: grid;grid-template-columns: repeat(2, 1fr);gap: 2.5rem 2.2rem;}
.blc_result.clm2 ul.list_result li{padding: 1.5rem;font-size: 2.6rem;}
.blc_result.clm2 ul.list_result li dl{padding: 0 1.5rem 1.5rem;}
.blc_result.clm2 ul.list_result li dl > .date{margin-inline: -1.5rem;padding-left: 5.5rem;}
.blc_result.clm2 ul.list_result li dl > .date::before{left: 2.4rem;}
.blc_result.clm2 ul.list_result li dl > .dividend{font-size: 3.17rem;}


/*========== .blc_plan ==========*/
.blc_plan{background: #5a9fd8 url(./default_plan_bg01.jpg) no-repeat 0 bottom / 100%;
padding: 6.5rem 4rem 4rem;}


/*========== .blc_strategy ==========*/
.blc_strategy{background: #459ae3;padding: 6.5rem 4rem;}
ul.list_data > li{position: relative;background: #ebebeb;margin-top: 2.5rem;margin-bottom: 5rem;padding: 3.5rem 14.2rem 3.5rem 3.5rem;font-size: 3.2rem;font-weight: 700;border-radius: 1rem;}
ul.list_data > li::before{position: absolute;content: "1";left: 1.5rem;top: -2.5rem;
display: inline-block;place-content: center;
background: #ff6000;width: 5rem;height: 5rem;
color: #fff;font-size: 2.5rem;font-weight: 700;text-align: center;border-radius: 50%;
}
ul.list_data > li:nth-child(2)::before{content: "2";}
ul.list_data > li:nth-child(3)::before{content: "3";}
ul.list_data > li:nth-child(4)::before{content: "4";}
ul.list_data > li::after{position: absolute;content: "";right: 0;top: 0;
background-image: var(--icon),
                  url(./default_strategy_list_bg01.png),
                  linear-gradient(to right, transparent 5.3rem, #d1d1d1 5.4rem, #d1d1d1);
background-repeat: no-repeat;
background-position: 4.6rem center, 0 0, 0 0;
background-size: 7.9rem auto, 5.4rem 100%, 100%;
width: 14.2rem;height: 100%;border-radius: 0 1rem 1rem 0;}
ul.list_data > li.icon01::after{--icon: url(./default_strategy_icon01.png);}
ul.list_data > li.icon02::after{--icon: url(./default_strategy_icon02.png);}
ul.list_data > li.icon03::after{--icon: url(./default_strategy_icon03.png);}
ul.list_data > li.icon04::after{--icon: url(./default_strategy_icon04.png);}


/*========== common ==========*/
.inner{background: #fff;padding: 3rem 4rem 5.5rem;overflow: hidden;}
.inner figure{margin-bottom: 4rem;}

.ttl02{margin-bottom: 4rem;color: #000;font-size: 5.6rem;font-weight: 900;line-height: 1.4;}
.ttl02 [lang="en"]{color: #ff6000;font-size: 3.2rem;font-weight: 700;font-family: Arial;}

.cross{margin-inline: .2em;}
.ttl02 .cross,
.simbol{font-family: Arial;}

/* btn_line01 ==========*/
.btn_line01{margin-top: 3.5rem;text-align: center;}
.btn_line01 > a{display: inline-block;place-content: center;
background: url(./default_btn_line01.png) no-repeat 0 0 / 100% 100%;
margin-inline: auto;padding: 1rem;width: 60.4rem;min-height: 15.4rem;
color: #fff;font-size: 3.8rem;font-weight: 900;border-radius: 2rem;}
.btn_line01 > a .icon{margin-right: 1rem;width: 6.3rem;}
.btn_line01 > a:hover{color: #ff0;box-shadow: 0 0 3rem #ff0;}

/* footer ==========*/
footer{background: #ff6000;padding: 4rem;color: #fff;font-size: 2.5rem;}
footer a{color: #fff !important;}
footer a:hover{text-decoration: underline;}
footer ul.list_utility{padding: 0 2rem;}
footer ul.list_utility > li:not(:first-child){margin-top: 3.5rem;}
footer ul.list_utility > li a{position: relative;display: inline-block;padding-left: 1em;}
footer ul.list_utility > li a::before{position: absolute;content: "";left: 0;top: .4em;margin-block: auto;
width: 0;height: 0;
border-style: solid;
border-width: 1rem 0 1rem 2rem;
border-color: transparent transparent transparent #fff;}
footer .copyright{font-size: 2rem;text-align: center;}
footer nav + .copyright{margin-top: 7rem;}


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

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

.fw_normal{font-weight: normal !important;}
.fw_bold{font-weight: bold !important;}

.fs_S{font-size:0.5em !important;}
.fs_M{font-size:1em !important;}
.fs_L{font-size:1.5em !important;}
.fs_LL{font-size:2em !important;}

.fs_65{font-size:6.5rem !important;}
.fc_orange{color: #ff6000 !important;}

.hide{display: none;}


/*==================================================================
   Responsive
==================================================================*/
@media (750px <= width) { /* over 750px */
html{font-size: 62.5%;}
} /* End over 750px */


/*==================================================================
   Animation
==================================================================*/
/* fadeInUp ==========*/
.animated_fadeInUp{opacity: 0;}
.animated_fadeInUp.active {
  opacity: inherit;
  -webkit-animation: .8s ease both fadeInUp;
  animation: .8s ease both fadeInUp;
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 10rem, 0);
    transform: translate3d(0, 10rem, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 10rem, 0);
    transform: translate3d(0, 10rem, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

/* fadeInRight ==========*/
.animated_fadeInRight{opacity: 0;}
.animated_fadeInRight.active {
  opacity: inherit;
  -webkit-animation: .8s ease both fadeInRight;
  animation: .8s ease both fadeInRight;
}
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

/* floating ==========*/
.animated_floating {
  -webkit-animation: 1.6s ease both floating infinite;
  animation: 1.6s ease both floating infinite;
}
@-webkit-keyframes floating {
  0% {
      transform: translate(0,0);
  }
  50% {
      transform: translate(0,-8%)
  }
  100% {
      transform: translate(0,0);
  }
}
@keyframes floating {
  0% {
      transform: translate(0,0);
  }
  50% {
      transform: translate(0,-8%)
  }
  100% {
      transform: translate(0,0);
  }
}