@charset "utf-8";

html 					{ overflow-x: hidden; font-size: 62.5%; }
body					{ font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-style: normal; line-height: 1; color: #000; position: relative; }


.poppins-regular {
	font-family: "Poppins", sans-serif;
	font-weight: 400;
	font-style: normal;
}

.poppins-semibold {
	font-family: "Poppins", sans-serif;
	font-weight: 600;
	font-style: normal;
}

.yugo-bold {
	font-family: "Yu Gothic Medium", "Yu Gothic", "游ゴシック体", "YuGothic", "Noto Sans JP", sans-serif;
	font-weight: 700;
}


.animation{ opacity: 0; }
.blur{ -webkit-animation-name: blurAnime; animation-name: blurAnime; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; }

@-webkit-keyframes blurAnime{
	from {
		-webkit-filter: blur(10px);
		filter: blur(10px);
		-webkit-transform: scale(1.02);
		transform: scale(1.02);
		opacity: 0;
	}
	to {
		-webkit-filter: blur(0);
		filter: blur(0);
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}
}
@keyframes blurAnime{
	from {
		-webkit-filter: blur(10px);
		filter: blur(10px);
		-webkit-transform: scale(1.02);
		transform: scale(1.02);
		opacity: 0;
	}
	to {
		-webkit-filter: blur(0);
		filter: blur(0);
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}
}

main 					{ position: relative; z-index: 1; }
img 					{ vertical-align: bottom; max-width: 100%; height: auto; }
svg 					{ vertical-align: bottom; max-width: 100%; height: auto; }
h1,h2,h3,h4,h5,p,dl,dt,dd{ margin: 0; font-weight: 400; }
p,dl,dt,dd 				{ line-height: 1.5; }
hr 						{  }
figure 					{ margin: 0; }
.thumbImage 			{ height: auto; }
.wp-pagenavi 			{ text-align: center; }
.wp-pagenavi a 			{ border-radius: 5px; }
.wp-pagenavi .previouspostslink:after,.wp-pagenavi .nextpostslink:after{ content: none; }
.wp-pagenavi .previouspostslink:hover,.wp-pagenavi .nextpostslink:hover{ background: transparent; }
.wp-pagenavi a:hover,.wp-pagenavi span.current{ background: -webkit-gradient(linear, left top, right top, from(rgba(207,239,200,1)), color-stop(32%, rgba(192,234,246,1)), to(rgba(255,225,255,1))); background: linear-gradient(90deg, rgba(207,239,200,1) 0%, rgba(192,234,246,1) 32%, rgba(255,225,255,1) 100%); opacity: 1; }
.wp-pagenavi a,.wp-pagenavi span{ margin: 0 8px; padding: 8px 11px; color: #595757; display: inline-block; font-size: 1.5rem; border-radius: 3px; position: relative; }
.wp-pagenavi a:after{ content: ''; width: 100%; height: 1px; display: block; position: absolute; bottom: 0; left: 0; background: -webkit-gradient(linear, left top, right top, from(rgba(207,239,200,1)), color-stop(32%, rgba(192,234,246,1)), to(rgba(255,225,255,1))); background: linear-gradient(90deg, rgba(207,239,200,1) 0%, rgba(192,234,246,1) 32%, rgba(255,225,255,1) 100%); }
.wp-pagenavi a:hover:after{ content: none; }

.grecaptcha-badge{ z-index: 9999; }


@media print, screen and (min-width: 751px) {
.sp 					{ display: none!important; }
body 					{ padding-top: 0; font-size: 1.6rem; }
a 						{ -webkit-transition: .3s; transition: .3s; }
a:hover 				{ opacity: .6; }
.master 				{ width: 90%; max-width: 1108px; margin: 0 auto; }

/*a 						{ -webkit-transition: .2s; transition: .2s; }
a:hover 				{ opacity: .5; }*/
.wp-pagenavi 			{ margin-top: 100px; }


.title{ font-size: 1.8rem; color: #005eb8; text-align: center; letter-spacing: .1em; }
.title>span{ margin-bottom: 10px; font-size: 4.2rem; color: #000; display: block; letter-spacing: .08em; }

.btnArea{ margin-top: 111px; padding: 104px 0 84px; background-image: -webkit-gradient(linear, left bottom, left top, from(#9fd9f6), to(#ffffff)); background-image: linear-gradient(0deg, #9fd9f6, #ffffff); }
.btnArea .master{ max-width: 1040px; display: -webkit-box; display: -ms-flexbox; display: flex; }
.btnArea .master a{ width: 48.558%; padding: 37px 0; display: block; font-size: 2.0rem; color: #005eb8; font-weight: bold; text-align: center; -webkit-box-shadow: 0 0 8px gray; box-shadow: 0 0 8px gray; border-radius: 15px; background: #fff url('../img/common/arrow-btn.svg') top 50% right 30px no-repeat; background-size: 24px; }
.btnArea .master a:nth-of-type(2n){ margin-left: auto; }
.btnArea .master a>span{ margin-left: 18px; font-size: 2.8rem; color: #000; }

.mainImage{ width: 100%; height: 400px; }
.mainImage h1{ padding-top: 163px; text-align: center; font-size: 1.8rem; font-weight: 600; letter-spacing: .08em; color: #fff; }
.mainImage h1 span{ margin-bottom: 16px; display: block; font-size: 4.2rem; letter-spacing: .1em; }

.breadcrumbs{ max-width: 1340px; margin-top: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; }
.breadcrumbs li{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 1.3rem; }
.breadcrumbs li:after{ content: ''; width: 10px; height: 1px; margin: 0 9px; display: block; background-color: #000; }
.breadcrumbs li:last-of-type:after{ content: none; }


#header 				{ width: 100%; height: 80px; margin: 0; position: fixed; top: 0; left: 0; z-index: 99; border-bottom: 0; background-image: -webkit-gradient(linear, left top, right top, from(#00a7ea), to(#005eb8)); background-image: linear-gradient(90deg, #00a7ea, #005eb8); }
#header>.master 		{ position: relative; }
#header>.logo 			{ width: 250px; height: 80px; padding: 0 0 0 33px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #fff; -webkit-clip-path: polygon(0 0, 100% 0, 70% 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 67% 100%, 0 100%); }
#header>.logo img 		{ width: 120px; }

#header #nav>ul 		{ /*height: 100vh; padding-top: 150px; opacity: 0; -webkit-transform: translateX(40px); transform: translateX(40px); position: relative; -webkit-transition: .3s; transition: .3s; -webkit-transition-delay: 0s; transition-delay: 0s;*/ }
.drawer-open #header #nav>ul{ /*opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition: .5s; transition: .5s; -webkit-transition-delay: .4s; transition-delay: .4s;*/ }

.drawer-hamburger-icon{  }
.drawer-hamburger-icon:after, .drawer-hamburger-icon:before{ background-color: #000; height: 2px; }
/*.drawer-open .drawer-hamburger-icon:after, .drawer-open .drawer-hamburger-icon:before{ background-color: #fff; }*/
.drawer-hamburger-icon:before{ top: -7px; }
.drawer-hamburger-icon:after{  }
.drawer-hamburger 		{ width: 42px; height: 42px; padding: 8px; top: 19px; right: 30px; z-index: 10002; border: 1px solid transparent; border-radius: calc(1px * infinity); background-color: #fff; }
.drawer-hamburger-icon 	{ background-color: #000; }
.drawer-open .drawer-overlay{ display: none; }
.drawer-nav 			{ max-width: 100%; top: 0; left: 0; right: auto; background-color: transparent; z-index: 10001; }
.drawer-open .drawer-nav{ top: 0; right: 0; }
.drawer-open .drawer-hamburger-icon,.drawer-open .drawer-hamburger-icon:after,.drawer-open .drawer-hamburger-icon:before{ -webkit-box-shadow: none; box-shadow: none; }
.drawer-menu li a 		{  }
#header .drawer-menu-item{ color: #fff; }
#header .drawer-menu-item:hover{ opacity: 1; }
.drawer-nav 			{ height: 100vh; background: transparent; -webkit-transition: .5s; transition: .5s; overflow-x: hidden; }
.drawer-nav>ul>li 		{ width: 100%; margin: 20px auto 0; }
.drawer-nav>ul>li:first-of-type{ margin-top: 0; }
.drawer-open .drawer-nav{  }
.drawer-open .drawer-hamburger{ border: 0; }
.drawer-open .drawer-hamburger-icon:after, .drawer-open .drawer-hamburger-icon:before{ width: 100%; top: 0; background: #fff; }

.drawer-open .drawer-hamburger{ background: transparent; }

#nav.drawer-nav{ position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0,94,184,.9); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.5s ease, visibility 0.5s ease; transition: opacity 0.5s ease, visibility 0.5s ease; z-index: 99; }
.drawer-open #nav.drawer-nav{ opacity: 1; visibility: visible; }
.drawer-menu-item{ opacity: 0; -webkit-transition: opacity .5s ease 0.2s; transition: opacity .5s ease 0.2s; cursor: auto; }
.drawer-open .drawer-menu-item{ opacity: 1; }
	
#header .linkBtn{ display: -webkit-box; display: -ms-flexbox; display: flex; position: fixed; top: 19px; right: 91px; }
#header .linkBtn li{ margin-right: 17px; }
#header .linkBtn li:last-of-type{ margin-right: 0; }
#header .linkBtn li a{ width: 140px; padding: 11px 0; font-size: 1.6rem; display: block; border: 1px solid transparent; border-radius: calc(1px * infinity); text-align: center; background-color: #fff; color: #005eb8; }
#header .linkBtn li a>span{ padding-right: 18px; background: url('../img/common/link-icon-b.svg') 100% 50% no-repeat; }

#header #nav .master{ max-width: 1260px; position: relative; }
#header .drawer-menu{  }
#header .drawer-menu>li{  }
#header .drawer-menu>li:nth-of-type(1){ padding-top: 115px; }
#header .drawer-menu>li:nth-of-type(n+2){ margin-top: 60px; padding-left: 70px; }
#header .drawer-menu>li:nth-of-type(3){ margin-top: 45px; }
#header .drawer-menu>li:nth-of-type(4){ margin-top: 45px; }
#header .drawer-menu>li:nth-of-type(n+2)>span{ font-size: 2.8rem; letter-spacing: .06em; color: #fff; }
#header .drawer-menu>li:nth-of-type(n+2)>ul{  }
#header .drawer-menu>li:nth-of-type(n+2)>ul>li{ margin-top: 22px; }
#header .drawer-menu>li:nth-of-type(n+2)>ul>li:nth-of-type(n+2){ margin-top: 12px; }
#header .drawer-menu>li:nth-of-type(n+2)>ul>li a{ padding-left: 10px; background: url('../img/common/arrow-menu.svg') 0 50% no-repeat; font-size: 1.6rem; color: #fff; }

#header .btnList{ display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; top: 267px; right: 80px; opacity: 0; -webkit-transition: opacity .5s ease 0.2s; transition: opacity .5s ease 0.2s; }
.drawer-open #header .btnList{ opacity: 1; }
#header .btnList li{  }
#header .btnList li:nth-of-type(1){ margin-right: 30px; }
#header .btnList li a{ width: 250px; padding: 11px 0 11px 17px; border-radius: calc(1px * infinity); background: #fff url('../img/common/arrow-btn.svg') top 50% right 15px no-repeat; display: block; font-size: 1.4rem; color: #005eb8; }
#header .btnList li a>span{ margin-left: 10px; font-size: 20px; color: #000; }

#header .bottom{ margin-top: 68px; opacity: 0; -webkit-transition: opacity .5s ease 0.2s; transition: opacity .5s ease 0.2s; }
.drawer-open #header .bottom{ opacity: 1; }
#header .bottom .logo{ padding-bottom: 30px; text-align: right; border-bottom: 1px solid #fff; }
#header .bottom .privacy{ margin-top: 30px; padding-top: 20px; border-top: 1px solid #fff; }
#header .bottom .privacy a{ font-size: 1.35rem; color: #fff; }
#header .bottom>p{ margin-top: -12px; text-align: right; font-size: 1.05rem; color: #fff; }

#footer{ padding: 46px 50px 46px; position: relative; background-color: #005eb8; }
#footer .pagetop{ position: absolute; bottom: 48px; right: 50px; }
#footer .logo{ text-align: center; }
#footer .left{ margin-top: 30px; }
#footer .left p{ font-size: 1.2rem; color: #fff; }
#footer .left p:nth-of-type(n+2){ margin-top: 5px; }
}


@media screen and (max-width: 1070px) and (min-width: 751px) {
#header .btnList{ right: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
#header .btnList li:nth-of-type(1){ margin-bottom: 20px; margin-right: 0; }
}


@media screen and (max-width: 870px) and (min-width: 751px) {
.btnArea .master a{ text-align: left; padding-left: 20px; background-position: top 50% right 10px; }
}



@media screen and (max-width: 750px) {
.pc 					{ display: none!important; }
body 					{ font-weight: 500; font-size: 16px!important; overflow-x: hidden; }
.drawer-open body 		{ overflow: hidden!important; }
.master 				{ width: 90%; margin: 0 auto; }


.wp-pagenavi 			{ margin-top: 20px; }
.wp-pagenavi a, .wp-pagenavi span{ margin: 0 3px; padding: 8px 10px; font-size: 1.2rem; }


.title{ font-size: 1.6rem; color: #005eb8; text-align: center; letter-spacing: .08em; }
.title>span{ margin-bottom: 10px; font-size: 3.4rem; color: #000; display: block; letter-spacing: .05em; }

.btnArea{ margin-top: 50px; padding: 54px 0 30px; background-image: -webkit-gradient(linear, left bottom, left top, from(#9fd9f6), to(#ffffff)); background-image: linear-gradient(0deg, #9fd9f6, #ffffff); }
.btnArea .master{ max-width: 1040px; }
.btnArea .master a{ width: 100%; max-width: 320px; margin: 0 auto; padding: 24px 0; padding-right: 20px; display: block; font-size: 1.8rem; color: #005eb8; font-weight: bold; text-align: center; -webkit-box-shadow: 0 0 8px gray; box-shadow: 0 0 8px gray; border-radius: 12px; background: #fff url('../img/common/arrow-btn.svg') top 50% right 20px no-repeat; background-size: 24px; }
.btnArea .master a:nth-of-type(2n){ margin-top: 20px; }
.btnArea .master a>span{ margin-left: 15px; font-size: 2.2rem; color: #000; }

.mainImage{ width: 100%; height: 200px; }
.mainImage h1{ padding-top: 70px; text-align: center; font-size: 1.4rem; font-weight: 600; letter-spacing: .05em; color: #fff; }
.mainImage h1 span{ margin-bottom: 10px; display: block; font-size: 3.0rem; letter-spacing: .05em; }

.breadcrumbs{ max-width: 1340px; margin-top: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; }
.breadcrumbs li{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 1.3rem; }
.breadcrumbs li:after{ content: ''; width: 10px; height: 1px; margin: 0 9px; display: block; background-color: #000; }
.breadcrumbs li:last-of-type:after{ content: none; }


#header 				{ width: 100%; height: 60px; margin: 0; position: fixed; top: 0; left: 0; z-index: 99; border-bottom: 0; background-image: -webkit-gradient(linear, left top, right top, from(#00a7ea), to(#005eb8)); background-image: linear-gradient(90deg, #00a7ea, #005eb8); }
#header>.master 		{ position: relative; }
#header>.logo 			{ width: 160px; height: 60px; padding: 0 0 0 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #fff; -webkit-clip-path: polygon(0 0, 100% 0, 70% 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 67% 100%, 0 100%); }
#header>.logo img 		{ width: 90px; }

#header #nav>ul 		{ /*height: 100vh; padding-top: 150px; opacity: 0; -webkit-transform: translateX(40px); transform: translateX(40px); position: relative; -webkit-transition: .3s; transition: .3s; -webkit-transition-delay: 0s; transition-delay: 0s;*/ }
.drawer-open #header #nav>ul{ /*opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition: .5s; transition: .5s; -webkit-transition-delay: .4s; transition-delay: .4s;*/ }

.drawer-hamburger-icon{  }
.drawer-hamburger-icon:after, .drawer-hamburger-icon:before{ background-color: #000; height: 2px; }
/*.drawer-open .drawer-hamburger-icon:after, .drawer-open .drawer-hamburger-icon:before{ background-color: #fff; }*/
.drawer-hamburger-icon:before{ top: -7px; }
.drawer-hamburger-icon:after{  }
.drawer-hamburger 		{ width: 42px; height: 42px; padding: 8px; top: 8px; right: 15px; z-index: 10002; border: 1px solid transparent; border-radius: calc(1px * infinity); background-color: #fff; }
.drawer-hamburger-icon 	{ background-color: #000; }
.drawer-open .drawer-overlay{ display: none; }
.drawer-nav 			{ max-width: 100%; top: 0; left: 0; right: auto; background-color: transparent; z-index: 10001; }
.drawer-open .drawer-nav{ top: 0; right: 0; }
.drawer-open .drawer-hamburger-icon,.drawer-open .drawer-hamburger-icon:after,.drawer-open .drawer-hamburger-icon:before{ -webkit-box-shadow: none; box-shadow: none; }
.drawer-menu li a 		{  }
#header .drawer-menu-item{ color: #fff; }
#header .drawer-menu-item:hover{ opacity: 1; }
.drawer-nav 			{ height: 100vh; background: transparent; -webkit-transition: .5s; transition: .5s; overflow-x: hidden; }
.drawer-nav>ul>li 		{ width: 100%; margin: 20px auto 0; }
.drawer-nav>ul>li:first-of-type{ margin-top: 0; }
.drawer-open .drawer-nav{  }
.drawer-open .drawer-hamburger{ border: 0; }
.drawer-open .drawer-hamburger-icon:after, .drawer-open .drawer-hamburger-icon:before{ width: 100%; top: 0; background: #fff; }

.drawer-open .drawer-hamburger{ background: transparent; }


#nav.drawer-nav{ position: fixed; top: 0; left: 0; width: 100%; height: 100dvh; opacity: 0; visibility: hidden; -webkit-transition: opacity 0.5s ease, visibility 0.5s ease; transition: opacity 0.5s ease, visibility 0.5s ease; z-index: 99; }
#nav.drawer-nav:before{ content: ""; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,94,184,.9); }

.drawer-open #nav.drawer-nav{ opacity: 1; visibility: visible; }
.drawer-menu-item{ opacity: 0; -webkit-transition: opacity .5s ease 0.2s; transition: opacity .5s ease 0.2s; }
.drawer-open .drawer-menu-item{ opacity: 1; }

#header .linkBtn{ display: -webkit-box; display: -ms-flexbox; display: flex; position: fixed; top: 19px; right: 91px; }
#header .linkBtn li{ margin-right: 17px; }
#header .linkBtn li:last-of-type{ margin-right: 0; }
#header .linkBtn li a{ width: 140px; padding: 11px 0; font-size: 1.6rem; display: block; border: 1px solid transparent; border-radius: calc(1px * infinity); text-align: center; background-color: #fff; color: #005eb8; }
#header .linkBtn li a>span{ padding-right: 18px; background: url('../img/common/link-icon-b.svg') 100% 50% no-repeat; }

#header #nav .master{ max-width: 1260px; position: relative; }
#header .drawer-menu{  }
#header .drawer-menu>li{  }
#header .drawer-menu>li:nth-of-type(1){ padding: 70px 0 0; }
#header .drawer-menu>li:nth-of-type(1) a{ padding: 0; }
#header .drawer-menu>li:nth-of-type(n+2){ margin-top: 50px; padding-left: 35px; }
#header .drawer-menu>li:nth-of-type(3){ margin-top: 35px; }
#header .drawer-menu>li:nth-of-type(4){ margin-top: 35px; }
#header .drawer-menu>li:nth-of-type(n+2)>span{ font-size: 2.2rem; letter-spacing: .06em; color: #fff; }
#header .drawer-menu>li:nth-of-type(n+2)>ul{  }
#header .drawer-menu>li:nth-of-type(n+2)>ul>li{ margin-top: 18px; }
#header .drawer-menu>li:nth-of-type(n+2)>ul>li:nth-of-type(n+2){ margin-top: 15px; }
#header .drawer-menu>li:nth-of-type(n+2)>ul>li a{ padding-left: 10px; background: url('../img/common/arrow-menu.svg') 0 50% no-repeat; font-size: 1.7rem; color: #fff; }

#header .btnList{ margin-top: 40px; opacity: 0; -webkit-transition: opacity .5s ease 0.2s; transition: opacity .5s ease 0.2s; }
.drawer-open #header .btnList{ opacity: 1; }
#header .btnList li{  }
#header .btnList li:nth-of-type(1){ margin-bottom: 15px; }
#header .btnList li a{ width: 250px; margin: 0 auto; padding: 11px 0 11px 17px; border-radius: calc(1px * infinity); background: #fff url('../img/common/arrow-btn.svg') top 50% right 15px no-repeat; display: block; font-size: 1.4rem; color: #005eb8; }
#header .btnList li a>span{ margin-left: 10px; font-size: 20px; color: #000; }

#header .bottom{ margin-top: 50px; padding-bottom: 30px; opacity: 0; -webkit-transition: opacity .5s ease 0.2s; transition: opacity .5s ease 0.2s; }
.drawer-open #header .bottom{ opacity: 1; }
#header .bottom .logo{ padding-bottom: 20px; text-align: right; border-bottom: 1px solid #fff; }
#header .bottom .logo img{ width: 120px; }
#header .bottom .privacy{ margin-top: 25px; padding-top: 20px; border-top: 1px solid #fff; }
#header .bottom .privacy a{ font-size: 1.35rem; color: #fff; }
#header .bottom>p{ margin-top: -12px; text-align: right; font-size: 1.05rem; color: #fff; }

#footer{ padding: 46px 20px 20px; position: relative; background-color: #005eb8; }
#footer .pagetop{ position: absolute; bottom: 25px; right: 20px; }
#footer .logo{ text-align: center; }
#footer .logo img{ width: 140px; }
#footer .left{ margin-top: 30px; }
#footer .left p{ font-size: 1.2rem; color: #fff; }
#footer .left p:nth-of-type(n+2){ margin-top: 5px; }

}