@charset "utf-8";
/* CSS Document */

/****************************
色設定
****************************/
:root {
	--primary-color:  #0b318f;
	--second-color:   #e60020;
	--accent-color:   #FFEA5E;
	--text-color:     #333;
	--white-color:    #fff;
	--black-color:    #111;
	--lightgray-color:#efefef;
	--rsunz-color:    #ef9090;
	--rsunzjr-color:  #f08500;
}


/* 初期設定・リセット */
html{
/*overflow: auto;*/
width: 100%;
box-sizing: border-box;
}
*,*:before,*:after {box-sizing: inherit;}
body {
/*min-width: 1000px;*/
background-color: #fff;
color: #4c4c4c;
*font-size: small;
*font: x-small;
font-weight: normal;
font-weight: 400;
font-style: normal;
font: 14px/1.61 "Roboto", "Noto Sans JP","Noto Sans Japanese", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
/*overflow-y: scroll;*/
-webkit-text-size-adjust: 100%;
text-size-adjust: 100%;
text-align: justify;
text-justify: inter-ideograph;
text-align: left;
}
body{
width: 100%;
margin: 0;
padding: 0;

font-size: 0.9em;
font-size: 14px;
line-height: 1.8;
color:#333;
background: #0b318f;

min-width: inherit;
}


img{
border:none;
vertical-align:bottom;
max-width:100%;
height:auto;
}
a{
color: #0b318f;
text-decoration: underline;
transition: 0.3s;
}
a:hover{
text-decoration: none;
}
a img{
transition: 0.3s;
}
a:hover img{
opacity: 0.7;
}

@media screen and (max-width: 320px) {
}
@media screen and (min-width: 481px) {
}
@media screen and (min-width: 768px) {
body{
/*font-size: 1em;*/
font-size: 16px;
}
}
@media screen and (min-width: 1200px) {
}



.rzf-lp-cont{
max-width: 1200px;
max-width: 800px;/**/
margin: 0 auto;
padding-left: 20px;
padding-right: 20px;
}
p.rzf-lp-left {
display: table;
margin: 0 auto;
}
.rzf-lp-section{
padding-top: 50px;
padding-bottom: 50px;
}
.rzf-lp-section > h2.title-bl, .rzf-lp-section > h2.title-wh{
padding-top: 0;
}
.rzf-lp-section-top{
padding-top: 50px;
padding-bottom: 0;
}
.rzf-lp-section-bottom{
padding-top: 0;
padding-bottom: 50px;
}
@media screen and (min-width: 768px) {
.rzf-lp-cont{
padding-left: 40px;
padding-right: 40px;
}
.rzf-lp-section{
padding-top: 80px;
padding-bottom: 80px;
}
.rzf-lp-section > h2.title-bl, .rzf-lp-section > h2.title-wh{
padding-top: 0;
}
.rzf-lp-section-bottom{
padding-top: 0;
padding-bottom: 80px;
}
}

.rzf-lp-section-padding{
padding-top: 20px;
padding-bottom: 40px;
margin-top: 40px;
margin-bottom: 20px;
margin-left: 0px;
margin-right: 0px;
max-width: 760px;
}
@media screen and (min-width: 768px) {
.rzf-lp-section-padding{
margin-left: auto;
margin-right: auto;
}
}

.rzf-opacity-9{ opacity: 0.9; }
.rzf-opacity-8{ opacity: 0.8; }
.rzf-opacity-7{ opacity: 0.7; }
.rzf-opacity-6{ opacity: 0.6; }
.rzf-opacity-5{ opacity: 0.5; }
.rzf-opacity-4{ opacity: 0.4; }
.rzf-opacity-3{ opacity: 0.3; }
.rzf-opacity-2{ opacity: 0.2; }

.mt0{
margin-top: 0!important;
}


/* スマホ用メニュー */

/* ハンバーガーボタン */
.rzf-lp-menu {
position: relative;
width: 30px;
height: 30px;
/*margin: 25px;*/
}
.rzf-lp-menu span {
margin: 0 auto;
position: relative;
/*top: 12px;*/
}
.rzf-lp-menu span:before, .rzf-lp-menu span:after {
position: absolute;
content: '';
}
.rzf-lp-menu span, .rzf-lp-menu span:before, .rzf-lp-menu span:after {
width: 30px;
height: 3px;
background-color: #fff;
display: block;
}
.rzf-lp-menu span:before {margin-top: -12px;}
.rzf-lp-menu span:after {margin-top: 12px;}

/*Fake-Trigger*/
#rzf-lp-menu__trigger {
position: fixed;
top: 5px;
right: 5px;
width:60px;
height:60px;
z-index: 10;
color:transparent;
background-color: transparent;
background-color: #0b318f;
border: transparent;
border-radius: 3px;
cursor: pointer;
}
@media screen and (min-width: 768px) {
#rzf-lp-menu__trigger {
top: 15px;
right: 15px;
}
}

/*Modal-Box*/
.rzf-lp-modal {
display: none;
position: fixed;
z-index: 15;
/*padding:0.5%;*/
left: 0;
top: 0;
width: 100%; 
height: 100%;
overflow: auto;
}

.rzf-lp-modal__content {
position: relative;
margin: auto;
padding: 0;
width: 100%;
height: 100vh;

/*box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);*/
-webkit-animation-name: animatetop;
-webkit-animation-duration: 0.4s;
animation-name: animatetop;
animation-duration: 0.4s;
background-color: #0b318f;
}

.rzf-lp-modal__head {
padding: 0 15px;
/*background-color: #FFF0A5;*/
border-bottom: none;
/*height:35vh;*/
display: flex;
justify-content: flex-end;
}
.rzf-lp-modal__close {
color: #fff;
/*float: left;*/
font-size: 3em;
font-weight: bold;
opacity: 1;
padding: 15px;
line-height: 1;
/*margin: 8px 30px;*/

}
@media screen and (min-width: 768px) {
.rzf-lp-modal__head {padding: 3px 15px;}
}

.rzf-lp-modal__close:hover,
.rzf-lp-modal__close:focus,
.rzf-lp-foot__close:hover,
.rzf-lp-foot__close:focus{
color: #FFEA5E;
text-decoration: none;
cursor: pointer;
}
.rzf-lp-modal__body {
padding: 2px 16px;
background-color: #0b318f;
height: auto;
}
.rzf-lp-modal-foot {
padding: 2px 16px;
background-color: #0b318f;
color: black;
border-top: none;
text-align: center;
color: #fff;
font-size: 3em;
font-weight: bold;
}

@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {opacity: 1;}
}
.rzf-lp-modal__animation {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
-webkit-animation-duration: .3s;
animation-duration: .3s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}

/*Navigation Inner Styling*/
.rzf-lp-nav{
/*clear: both;*/
width: 100%;
text-align: center;
}
.rzf-lp-nav li{
/*display: inline-block;*/
display: block;
margin-bottom: 0.6em;
font-size: 18px;
}
/*.rzf-lp-nav li:last-child{
margin-bottom: 0;
}*/
.rzf-lp-nav li a{
/*padding:2em;*/
text-transform: uppercase;
font-weight: 500;
font-size:18px;
/*letter-spacing: -0.05em;*/
text-decoration: none;
color: #fff;
}
.rzf-lp-nav li a:hover{
/*text-decoration: none;
color: #B64926;*/
text-decoration: underline;
}

/* 共通ボタン */
.rzf-lp-btn, .rzf-lp-btn-disabled {
width: 100%;
max-width: 800px;
margin: 1.5em auto 0;
padding: 0;
padding: 0 5px;/**/
}
.rzf-lp-btn-disabled {
display: block;
padding: 11px 25px 11px 5px;
padding: 20px 25px 20px 5px;/**/
text-align:center;
color: #fff;
border: 1px solid ;
border-radius: 21px;
border-radius: 30px;/**/
font-size: 14px;
font-weight: bold;
line-height: 1.4em;
}
.rzf-lp-btn a {
display: block;
position: relative;
padding: 11px 25px 11px 5px;
padding: 20px 25px 20px 5px;/**/
z-index: 100;
text-align:center;
color: #fff;
border: 1px solid ;
border-radius: 21px;
border-radius: 30px;/**/
font-size: 14px;
font-weight: bold;
line-height: 1.4em;
text-decoration:none!important;
transition: 0.3s;
z-index: 0;
}
.rzf-lp-btn-wh a {color: #fff;}
.rzf-lp-btn-bl a {color: #0b318f;}
.rzf-lp-btn-bk a {color: #000;}
.rzf-lp-btn-rsunz a {color: #EF9090;}
.rzf-lp-btn-rsunz2 a {color: #fff;}

.rzf-lp-btn a::after{
content: '';
width: 6px;
height: 6px;
border: 0px;
border-top: solid 3px #fff;
border-right: solid 3px #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 50%;
right: 15px;
margin-top: -4px;
transition: all .5s;
}
.rzf-lp-btn-wh a::after{
border-top: solid 3px #fff;
border-right: solid 3px #fff;
}
.rzf-lp-btn-bl a::after{
border-top: solid 3px #0b318f;
border-right: solid 3px #0b318f;
}
.rzf-lp-btn-bk a::after{
border-top: solid 3px #000;
border-right: solid 3px #000;
}
.rzf-lp-btn-rsunz a::after{
border-top: solid 3px #EF9090;
border-right: solid 3px #EF9090;
}
.rzf-lp-btn-rsunz2 a::after{
border-top: solid 3px #fff;
border-right: solid 3px #fff;
}
.rzf-lp-btn a:hover {opacity: 0.7;}
.rzf-lp-btn-bl a:hover {
background: #fff;
color: #0b318f;
}
.rzf-lp-btn-bl a:hover::after {
border-color: #0b318f;
right: 15px;
}
@media screen and (min-width: 768px) {
.rzf-lp-btn a {
font-size: 16px;
}
}
@media screen and (min-width: 1000px) {
.rzf-lp-btn a:hover {color: #0b318f;}
.rzf-lp-btn-wh a:hover {
color: #0b318f;
background-color: #fff;
}
.rzf-lp-btn-bl a:hover {
color: #fff;
background-color: #0b318f;
}
.rzf-lp-btn-bk a:hover {
color: #fff;
background-color: #000;
}
.rzf-lp-btn-rsunz a:hover {
color: #fff;
background-color: #EF9090;
}
.rzf-lp-btn-rsunz2 a:hover {
color: #EF9090;
background-color: #fff;
}
.rzf-lp-btn a:hover::after{
border-top: solid 3px #0b318f;
border-right: solid 3px #0b318f;
}
.rzf-lp-btn-wh a:hover::after{
border-top: solid 3px #0b318f;
border-right: solid 3px #0b318f;
}
.rzf-lp-btn-bl a:hover::after{
border-top: solid 3px #fff;
border-right: solid 3px #fff;
}
.rzf-lp-btn-bk a:hover::after{
border-top: solid 3px #fff;
border-right: solid 3px #fff;
}
.rzf-lp-btn-rsunz a:hover::after{
border-top: solid 3px #fff;
border-right: solid 3px #fff;
}
.rzf-lp-btn-rsunz2 a:hover::after{
border-top: solid 3px #EF9090;
border-right: solid 3px #EF9090;
}
.rzf-lp-btn a:hover {opacity: 1;}
.rzf-lp-btn-transparent a:hover{
color: inherit;
background-color: inherit;
opacity: 0.7;
}
.rzf-lp-btn-transparent a:hover::after{
border-top-color: inherit;
border-right-color: inherit;
}
}



/* アニメーション */
.fade-in {
  opacity: 0;
  transition-duration: 700ms;
  transition-property: opacity, transform;
  transform: translate(0, 50px);
}
/*.fade-in-up {transform: translate(0, 50px);}*/
.fade-in-down {transform: translate(0, -50px);}
.fade-in-left {transform: translate(-50px, 0);}
.fade-in-right {transform: translate(50px, 0);}
.scroll-in {
  opacity: 1;
  transform: translate(0, 0);
}