@charset "UTF-8";

html {
height:100%;
width: 100%;
overflow-y:scroll;
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}

body {
margin:0;
padding:0;
height:auto !important;
height: 100%;
min-height: 100%;
width: 100%;
-webkit-text-size-adjust: 100%;
overflow:hidden;
font-family: "Noto Sans JP", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 100%;
color:#0f1350;
background:#ffffff;
}

.normal {
font-style: normal;
font-weight: 400;
}
.medium {
font-style: medium;
font-weight: 500;
}
*{
margin: 0;
padding: 0;
}
a {
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
a:hover {
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.alpha a:hover {
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
}
.slow * {
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}

img{
border:none;
max-width: 100%;
height: auto;
width:auto;
margin:0;
padding:0;
vertical-align:bottom;
}

p {
-webkit-hyphens: auto;
hyphens: auto; 
-epub-hyphens: auto;
-ms-hyphens: auto;
}

a:link,a:visited,a:hover,a:active  { 
text-decoration:none;
}


a img {
border:none;
}

section {
position:relative;
width: 100%;
height:auto !important;
height: 100%;
min-height: 100%;
margin:0;
padding:0;
}

#container {
position:relative;
width: 100%;
height:auto !important;
height: 100%;
min-height: 100%;
margin:0;
padding:0;
overflow:hidden;
font-family: "Noto Sans JP", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 100%;
line-height:1.8;
color:#0f1350;
z-index:0;
text-align:justify;
background:#ffffff;
}


.okane {
width:50%;
max-width:140px;
margin:0 auto 25px auto;
padding:15px 0 0 0;
display:block;

}

.okane img {
width:100%;
}

.yellowback {
position:relative;
background:#ffff00;
width:100%;
padding:0 30px;
box-sizing:border-box;
}
.yellowbox {
position:relative;
width:90%;
max-width:400px;
margin:0 auto;
background:#ffff00;
box-sizing:border-box;
border-radius: 30px;
padding:30px 20px;
}
.toplogo　{
position:relative;
width:100%;
height:60px;
background:#ffffff;
}
.toplogo p {
width:53%;
max-width:250px;
height:60px;
display:flex;
justify-content: center;
align-items: center;
margin:0 auto;
}
.toplogo img {
width:100%;
}
h1 {
position:relative;
width:100%;
margin-top:10px;
}

h1 img {
width:90%;
max-width:440px;
margin:0 auto;
display:block;
}
.title_textbox {
position:relative;
width:80%;
max-width:400px;
display:block;
font-size:15.5px;
margin:-30px auto 0 auto;
}
.title_img {
width:80%;
max-width:400px;
display:block;
margin:0 auto;
}
.title_img img {
width:100%;
vertical-align:bottom;
}
.title_chuki {
width:98%;
max-width:330px;
margin:0 auto;
font-size:12px;
text-align:center;
color:#4d4d4d;
margin-top:20px;
}
h2 {
position:relative;
width:70%;
max-width:400px;
display:block;
margin:0 auto 30px auto;
}
h3 {
position:relative;
width:60%;
max-width:400px;
display:block;
margin:0 auto 30px auto;
}
.service_box {
position:relative;
width:80%;
max-width:400px;
margin:0 auto 50px auto;
display:block;
padding-bottom:10px;
border:3px solid #f83b4e;
box-sizing:border-box;
background:#ffffff;
filter:drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.2));
}
.service_title {
width:100%;
color:#ffffff;
background:#f83b4e;
display:block;
padding:15px 0;
margin-bottom:3%;
}
.service_title img {
width:55%;
display:block;
margin:0 auto;
}

.service_title_sub {
width:86%;
display:block;
padding:15px 0 5px 0;
margin:0 auto;

}
.service_title_sub img {
width:100%;
display:block;
margin:0 auto;
}

.service_flex {
display:flex;
justify-content: space-between;
width:86%;
margin:3% auto 5% auto;
}
.service_flex_left {
width:30%
}
.service_flex_right {
width:65%
}


.service_logo {
width:100%;
margin-bottom:15px;
display:block;
}



.service_link {
width:100%;
margin:0 auto;
display:block;
}
.service_chara_01 {
position:absolute;
width:30%;
top:-7px;
left:-30px;
filter:drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.2));
}
.service_chara_02 {
position:absolute;
width:35%;
bottom:-20px;
right:-50px;
filter:drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.2));
}




















.border_dot {
width:80%;
height:2px;
margin:10% auto 3% auto;
border-top:2px dotted #4d4d4d;
display:block;
}







.number {
position:absolute;
top:20px;
left:20px;
width:20%;
max-width:60px;
}






.merit_box {
position:relative;
width:100%;
background:#fce121;
padding:50px 0 30px 0;
}
.merit_box_waku {
position:relative;
width:80%;
max-width:400px;
margin:0 auto 30px auto;
border-radius: 30px;
border:3px solid #0050c8;
padding:50px 0;
}
.merit_textbox {
position:relative;
width:80%;
max-width:400px;
display:block;
font-size:15.5px;
margin:0 auto;
}
.merit_img {
position:relative;
width:100%;
display:block;
margin-top:20px;
padding:0;
}

.merit_dot_1 {
position:absolute;
width:100px;
top:8%;
right:-40px;
}


.merit_dot_2 {
position:absolute;
width:100px;
top:10%;
left:-40px;
}


.merit_dot_3 {
position:absolute;
width:100px;
top:8%;
right:-40px;
}
.merit_dot_4 {
position:absolute;
width:100px;
bottom:-50px;
right:40px;
}
.chigai_box {
position:relative;
width:80%;
max-width:400px;
margin:0 auto;
padding:50px 0 50px 0;
}

.chigai_dot_1 {
position:absolute;
width:150px;
top:80px;
right:-60px;
}
.chigai_textbox {
position:relative;
width:100%;
display:block;
font-size:15.5px;
margin:0 auto;
}
.chigai_img {
width:100%;
display:block;
margin:0 auto;
}

.chigai_link {
width:70%;
max-width:200px;
margin-left:auto;
display:block;
}



.surunara_wrapper {
position:relative;
width:100%;
background:#fce121;
padding:50px 0 10px 0;
}
.surunara_box {
position:relative;
width:80%;
max-width:400px;
margin:0 auto 50px auto;
display:block;
padding:5% 0;
border:3px solid #f83b4e;
box-sizing:border-box;
background:#ffffff;
}
.surunara_inbox {
position:relative;
width:100%;
padding-bottom:20px;
}
.surunara_title {
width:80%;
margin:0 auto;
display:block;
padding:5px 0;
text-align: center;
}
.surunara_title img {
width:100%;
display:block;
margin:0 auto;
}
.surunara_logo {
width:70%;
max-width:200px;
margin:0 auto;
display:block;
padding:5% 0;
}
.surunara_point {
width:80%;
margin:0 auto;
display:block;
}
.surunara_subtitle {
margin:0 auto;
font-size:min(4.4vw,20px);
text-align: center;
line-height:1.5;
color:#f83b4e;
font-weight:900;
margin-top:10px;
}
.surunara_day {
text-align: center;
font-size:14px;
font-weight:400;
color:#4d4d4d;
}

.surunara_chuki {
width:76%;
margin:0 auto;
text-align: left;
font-size:min(2vw,9px);
font-weight:400;
color:#4d4d4d;
line-height:1.3;
}
.surunara_menu_link {
width:45%;
max-width:200px;
margin:10px auto 0 auto;
display:block;
}
.surunara_chara_01 {
position:absolute;
width:23%;
bottom:0;
left:3%;
}
.surunara_chara_02 {
position:absolute;
width:23%;
bottom:0;
right:3%;
}

.support_box {
position:relative;
width:80%;
max-width:400px;
margin:0 auto;
padding:50px 0 0px 0;
}

.support_textbox {
position:relative;
width:100%;
display:block;
font-size:15.5px;
margin:0 auto;
}
.support_img {
width:100%;
display:block;
margin:0 auto;
}

.support_link {
position:relative;
z-index:5;
width:100%;
display:block;
margin:0 auto;
}

.support_dot_1 {
position:absolute;
width:100px;
top:8%;
left:-60px;
}

.support_dot_2 {
position:absolute;
z-index:0;
width:100px;
bottom:9%;
right:-80px;
}





.imgbox {
position:relative;
width:90%;
max-width:400px;
display:block;
margin:0 auto;
}


.width100 {
width:100%;
}

.osusume {
position:relative;
width:100%;
margin:0 auto;
display:flex;
justify-content: center;
}
.osusume p {
max-width:540px;
display:flex;
justify-content: center;
margin:0 -3% 0 -3%;
}
.osusume p img {
width:100%;
margin:0 auto;
}




.link_navy {
position:relative;
width:90%;
max-width:400px;
display:block;
margin:0 auto 3% auto;
}



.link_gray {
position:relative;
width:90%;
max-width:400px;
display:block;
margin:0 auto 3% auto;
}








.saison_pocket {
width:70%;
max-width:400px;
margin:0 auto;
display:block;
}


.startimg {
position:relative;
width:100%;
display: block;
}
.moreinfo a{
position:absolute;
right:-20px;
bottom:-20px;
width:100px;
height:100px;
border-radius: 50px;
background:#478ce0;
color:#ffffff;
display: block;
font-weight:700;
text-align:center;
line-height:1.3;
font-size:14px;
padding-top:20px;
box-sizing: border-box;
border:5px solid #ffff00;
}
.moreinfo a:hover{
background:#000000;
}


.moreyaji {
margin:0 auto;
width:25px;
height:12px;
display:block;
padding:0;
}

.notes {
position:relative;
width:90%;
max-width:400px;
display:block;
margin:0 auto;
font-size:min(3vw,12px);
color:#4d4d4d;
}

.note_title {
width:100%;
font-size:15px;
text-align:center;
border:1px solid #4d4d4d;
padding:5px 0 5px 0;
display:block;
margin-top:20px;
margin-bottom:10px;
}
.noteflex {
width:100%;
display:flex;
justify-content: center;
flex-wrap: wrap;
}
.noteflexleft {
width:17%;
margin-right:3%;
}
.noteflexright {
width:80%;
}
.footer_box {
width:90%;
margin:0 auto;
font-family: "Noto Sans JP", sans-serif;
font-weight:400;
margin-top:30px;
padding-top:30px;
border-top: solid 1px #a6a3a3; 
margin-bottom:30px;
}
.footer_box  a {
-webkit-transition: background-color .3s ease, opacity .3s ease;
transition: background-color .3s ease, opacity .3s ease; 
text-decoration: none;
}


.footer_box a:hover {
opacity: 0.7;
}
.footer_flex {
width:100%;
max-width:400px;
margin:0 auto;
display:flex;
justify-content:flex-start;
flex-wrap: wrap;
}
.footer_flex li {
text-align:left;
margin-right:6%;
font-size: 10px;
line-height: 2.9;
letter-spacing: .128em;
list-style:none;
}
.footer_flex li a {
color:#000000;
}

.footer_flex li a::after {
content: '';
display: inline-block;
width: 8px;
height: 8px;
margin-left: 5px; 
background-color: #2fbff0;
-webkit-mask-size: 8px 8px;
mask-size: 8px 8px;
-webkit-mask-image: url(../img/icon_newTab.svg);
mask-image: url(../img/icon_newTab.svg);
}
.footer_border {
width:100%;
max-width:400px;
border-bottom: solid 1px #a6a3a3; 
display:block;
margin:17px auto 25px auto;
}

.footer_bottom_flex {
width:100%;
max-width:400px;
margin:0 auto;
display:flex;
justify-content:space-between;
flex-wrap: wrap;
}

.footer_logo {
width:140px;
margin-bottom:15px;
}

.footer_logo img {
width:100%;
vertical-align:middle;
}

.footer_copy {
font-size: 10px;
font-weight: 400; 
letter-spacing: .128em;
margin-bottom:20px;
}

.footer_no {
font-size: 10px;
line-height: 1.2; 
}

.footer_bottom_left {
width:70%;
display:block;
}
.footer_bottom_right {
width:30%;
max-width:67px;
display:block;
}
.footer_bottom_right p {
margin-bottom:10px;
}
.footer_bottom_right p a img {
width:67px;
margin-left:auto;
display:block;
}
.space5 {
padding-top:5px;
display:block;
}
.space10 {
padding-top:10px;
display:block;
}
.space20 {
padding-top:20px;
display:block;
}
.space30 {
padding-top:30px;
display:block;
}
.space40 {
padding-top:40px;
display:block;
}
.space50 {
padding-top:50px;
display:block;
}

.font80 {
font-size:80%;
}
.font90 {
font-size:90%;
}

.font110 {
font-size:110%;
}

.font120 {
font-size:120%;
}
.font130 {
font-size:130%;
}
.font150 {
font-size:150%;
}
.bold {
font-weight:700%;
}

.indent05 {
text-indent:-0.5em;
}


/*PCメニュー--------------------------------*/
@media print, screen and (min-width: 1000px) {

.title_pc {
position:absolute;
width: calc(50% - 250px);
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
display:block;
}
.title_pc a img {
width:80%;
display:block;
margin:0 auto;
}




.menubox {
position:absolute;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
right:0;
width: calc(50% - 250px);
max-width:400px;
display:block;
padding-left:2%;
box-sizing:border-box;
}
.menu {
position:relative;
display:block;
width:100%;
}



.menu ul {
list-style: none;
display:block;
}

.menu_title {
color:#0f1350;
font-weight:700;
font-size:20px;
margin-bottom:2%;
}
.menu ul li a {
color:#0f1350;
box-sizing:border-box;
margin-bottom:15px;
display:block;
border-bottom:1px solid #0f1350;
padding-bottom:3px;
margin-left:5px;
}

.menu_main {
font-size:min(1.2vw,17px);
font-weight:500;
margin-left:20px;
}

.menu_sub {
font-size:min(1.2vw,17px);
font-weight:300;
margin-left:40px;
}

.menu_main a:hover,
.menu_sub a:hover {
margin-left:10px;
}
}
/*PCメニュー--------------------------------*/
@media print, screen and (max-width: 999px) {
.title_pc {
display:none;
}
.menubox {
display:none;
}
}
/*PC & Tablet--------------------------------*/
@media print, screen and (min-width: 768px) {
.pc {
display:block;
}
.sp {
display:none;
}
.hanbargericon {
display:none;
}
#pcback {
position:fixed;
z-index:1;
width:100%;
height:100vh;
margin:0;
padding:0;
overflow:hidden;
background:url("../img/pc_back.jpg")no-repeat;
background-position: top center;
background-size: cover;
display:block;
}


#spback {
position:relative;
z-index:2;
width:100%;
max-width:500px;
margin:0 auto;
background:#ffffff;
display:block;
padding:0 0;
box-sizing:border-box;
overflow: hidden;
}
}




/*SP
------------------------------------------*/
@media only screen and (max-width: 767px) {
.pc {
display:none;
}
.sp {
display:block;
}
#pcback {
display:none;
}
#spback {
position:relative;
z-index:2;
width:100%;
margin:0;
background:#ffffff;
display:block;
padding:0;
box-sizing:border-box;
overflow: hidden;
}

/*--------------ハンバーガーメニュー---------------*/
.hanbargericon {
z-index:9999;
position: fixed;
top: 0;
right:0;
width: 60px;
height: 60px;
background:#0f1350;
}
.fullscreenmenu {
position:relative;
z-index:999;
}
.hanbarger span {
display: inline-block;
-webkit-transition:all .4s;
transition: all .4s;
box-sizing: border-box;
}
.hanbarger {
z-index:9999;
position: fixed;
top: 14px;
right:  5px;
width: 50px;
height: 45px;
background:none;
border:none;
color:#ffffff;
}
.hanbarger:before{
content: '';
z-index:10;
position: fixed;
width: 60px;
height: 60px;
top:0;
right:0;
background:#0f1350;
}


.hanbarger span:nth-of-type(1) {
top:0;
position: absolute;
left: 10px;
width: 30px;
height: 2px;
background:#ffffff;
z-index: 10;
}
.hanbarger span:nth-of-type(2) {
top:10px;
position: absolute;
left: 10px;
width: 30px;
height: 2px;
background:#ffffff;
z-index: 10;
}
.hanbarger span:nth-of-type(3) {
top: 20px;
position: absolute;
left: 10px;
width: 30px;
height: 2px;
background:#ffffff;
z-index: 10;
}
.hanbarger span:nth-of-type(4) {
bottom:7px;
position: absolute;
left: 0;
width: 100%;
z-index: 10;
font-size:9px;
font-weight:500;
line-height:1;
}

.hanbarger.active span:nth-of-type(1) {
-webkit-transform: translateY(10px) rotate(40deg);
transform: translateY(10px) rotate(40deg);
background:#ffffff;
}
.hanbarger.active span:nth-of-type(2) {
opacity: 0;
}
.hanbarger.active span:nth-of-type(3) {
-webkit-transform: translateY(-10px) rotate(-40deg);
transform: translateY(-10px) rotate(-40deg);
background:#ffffff;
}
.hanbarger.active span:nth-of-type(4) {
color:#ffffff;
}
#nav ul{
position: relative;
z-index:9999;
overflow-y:scroll; 
max-height:100vh;
display: flex;
align-items: center;
justify-content: left;
flex-wrap: wrap;
scrollbar-width: none;
-ms-overflow-style: none;
padding-top:60px;
}
#nav ul::-webkit-scrollbar {
display: none
}
#nav ul li{
width:100%;
list-style-type: none;
display:block;
margin:0 auto;
}
#nav ul li a{
position:relative;
display: block;
transition: all 0.2s ease-in-out;
margin:0 auto;
text-decoration: none;
color:#ffffff;
text-align:left;
line-height:1.5em;
box-sizing:border-box;
border-bottom:1px solid #ffffff;
}
#nav ul li a:hover {
text-decoration:none;
background:#0f1350;

}
#nav ul li a:active {
text-decoration:none;
}
#nav ul li a:link {
text-decoration:none;
}
#nav ul li a:visited {
text-decoration:none;
}
.hanbargermenu {
width:100%;
padding:5px 0;
display:block;
}
.hanbargerspace {
margin-bottom:40px;
}
.nav_main {
font-size:min(3.8vw,18px);
font-weight:500;
padding-left:10%;
padding-top:2.2%;
padding-bottom:2.2%;
}

.nav_sub {
font-size:min(3.8vw,18px);
font-weight:300;
padding-left:13%;
padding-top:2.2%;
padding-bottom:2.2%;
}


#nav {
position: fixed;
top:0;
right: 0;
z-index: 10;
width: 100%;
height: 100vh;
overflow:hidden;
transition: .3s;
background:#2869cb;
border-left:1px solid #40220f;

/* スライドイン */
-webkit-transform: translateX(110%);
-ms-transform: translateX(110%);
transform: translateX(110%);
-webkit-transform: translateX(110%) translateZ(0);
-webkit-transition: -webkit-transform 500ms 0s ease;
transition: -webkit-transform 500ms 0s ease;
transition: transform 500ms 0s ease;
transition: transform 500ms 0s ease, -webkit-transform 500ms 0s ease;
-webkit-overflow-scrolling: touch;
}
#nav.active{
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
overflow-x: hidden;
}

.nav_main::before {
content: '〉';
position:absolute;
left:7%;
display: flex;
align-items: center;
font-size:min(4vw,10px);
font-weight:900;
}
.nav_sub::before {
content: '〉';
position:absolute;
left:10%;
display: flex;
align-items: center;
font-size:min(4vw,10px);
font-weight:900;
}
.nav_space {
height:60px;
}
}

.solid_border {
width:100%;
border-bottom: solid 1px #a6a3a3; 
display:block;
}

.att {
padding-left: 1.3em;
text-indent: -1.3em;
}

#genkin,#shisan,#beginner,#toshin,#pocket,#daiwa {
margin-top:-30px;
padding-top:30px;
}