@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@400;500;700&display=swap');
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {padding: 0;margin: 0;}
a{text-decoration:none; outline:none!important;}
table {border-spacing: 0;}
fieldset,img {border: 0;}
html,body,main,div,article,section,nav,header,footer,input,textarea {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
address,caption,cite,code,dfn,em,strong,th,var {font-weight: normal;font-style: normal;}
main,div,article,section{display:block; overflow:hidden;}
strong{font-weight: bold;}
ol,ul {list-style: none;margin:0;padding:0;}
caption,th {text-align: left;}
h1,h2,h3,h4,h5,h6 {font-weight: normal;font-size: 100%;margin:0;padding:0;}
q:before,q:after {content:'';}
abbr,acronym { border: 0;}
html{-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;height: -webkit-fill-available;font-size: 80%;}

@media screen and (min-width: 1000px){
html{font-size: 62.5%;}
}

html,body{position:relative;height:100%;min-height:100%;}
body{color: #333;background: #ebeff3 url(../img/bg-dot_white.png) left top repeat;font-size: 1.6rem;font-family: 'M PLUS 1p', 'Meiryo UI', sans-serif;font-weight: 400;font-style: normal;position: relative;min-height: 100vh;min-height: -webkit-fill-available;padding-top: 100px;}
a{color:#333; text-decoration:none;}

@media screen and (min-width: 1000px){
a:hover{opacity: .8;}
}

img{max-width:100%; vertical-align:bottom;}
.pc{display: none;}

@media screen and (min-width: 1000px){
.sp{display: none!important;}
.pc{display: block;}
}

a,p,span,h1,h2,h3,h4,h5,dt,li,td,th,dd{  transform: rotate(0.03deg);}
sub{line-height: 0;}

/* -------------------------------------------- */
/* ----------------- menu  -------------------- */
/* -------------------------------------------- */
header{
padding: 10px 30px;
clear: both;
position: fixed;
width: 100%;
height: 85px;
top: 0;
left: 0;
background: #fff;
box-shadow: 0 0 7px rgb(0 0 0 / 30%);
z-index: 100;
transform: none;
}
.header-logo img{
width: 300px;
position: absolute;
top: 10px;
left: 20px;
padding: 10px;
z-index: 100;
background: #ffffff;
}
nav{
display: none;
text-align: center;
position: fixed;
top: 100px;
right: 0;
width: 100%;
}
@media screen and (min-width: 1000px){
nav{
display: block;
text-align: right;
width: auto;
position: absolute;
top: 10px;
right: 180px;
}
nav.loginn{
right: 0;
}
}
.on nav{
display: block;
position: fixed;
top: 80px;
left: 0;
width: 100vw;
padding: 0 0 10px;
background: rgba(255,255,255, 1);
box-shadow: 0 5px 5px rgb(0 0 0 / 10%);
}
nav li{
margin: 0 5px;
vertical-align: middle;
text-align: center;
border-bottom: 1px solid #eee;
}
@media screen and (min-width: 1000px){
nav li{
margin: 10px 5px;
border: none;
}
nav li,
nav div{
display: inline-block;
vertical-align: top;
margin: 0;
}
nav div{
overflow: visible;
}
nav li:nth-child(5),
nav li:nth-child(6){
display: none;
}
}
@media screen and (min-width: 1140px){
nav li:nth-child(5){
display: inline-block;
}
}
@media screen and (min-width: 1240px){
nav li:nth-child(6){
display: inline-block;
}
}
nav li a{
color: #004986;
font-size: 1.8rem;
font-weight: 500;
line-height: 1.8rem;
padding: 1.2rem;
display: block;
}
nav .submn p a{
display: none;
}
@media screen and (min-width: 1000px){
nav li a{
font-size: 1.5rem;
display: inline-block;
vertical-align: top;
padding: 1rem;
}
nav .submn p a{
display: none;
background: #fff;
font-size: 1.4rem;
letter-spacing: -.03rem;
box-shadow: 0 3px 2px rgb(0 0 0 / 20%);
border-bottom: 1px solid rgb(0 0 0 / 10%);;
}
nav .submn p a:nth-child(1){
margin-top: 2rem;
}
nav .submn:hover p a{
display: block;
}
nav .submn p a:hover{
opacity: 1;
color: #fff;
background: #004986;
}
}
nav li p small,nav li a small{font-size: 1rem;display: block;font-family: serif;}
header nav .sp{
text-align: center;
float: none;
}
nav .sns{
float: none;
clear: both;
}
nav .sns a{
display: inline-block;
width: auto;
margin: 10px 5px;
background: none;
border-radius: none;
}
header .sp{
float: right;
margin-top: 5px;
}
@media screen and (min-width: 1000px){
header .sp{
display: none!important;
}
}
nav .btn_login_h{
color: #fff;
font-weight: 700;
font-size: 1.8rem;
display: block;
background: #004986;
padding: 1.5rem 6rem 1.5rem 2.5rem;
border-radius: 5rem;
display: inline-block;
margin: 2rem auto;
}
nav .btn_login_h br{
display: none;
}

@media screen and (min-width: 1000px){
nav .btn_login_h{
font-size: 1.55rem;
padding: 2rem 5rem 0 2rem;
margin: 0;
width: 180px;
height: 85px;
display: block;
border-radius: 0;
text-align: left;
position: absolute;
right: -180px;
top: -10px;
box-sizing: border-box;
background: #3a7ea8;
background: -moz-linear-gradient(top, #3a7ea8 0%, #1064aa 100%);
background: -webkit-linear-gradient(top, #3a7ea8 0%,#1064aa 100%);
background: linear-gradient(to bottom, #3a7ea8 0%,#1064aa 100%);
border: 3px double rgb(255 255 255 / 40%);

/* 

padding: 1.5rem 4rem 0 2rem;
margin: 0;
width: 160px;
height: 65px;
display: block;
border-radius: 1.5rem;
text-align: left;
position: absolute;
right: -170px;
top: 0px;
box-sizing: border-box;
*/
}
nav .btn_login_h br{
display: block;
}
}
.btn_login_h::after{
content: "";
background-color: #fff;
background-image: url(../img/ico-lock.svg), url(../img/ico-lockopen.svg);
background-position: center center;
background-repeat: no-repeat;
background-size: 28px, 0px;
width: 44px;
border-radius: 100%;
height: 44px;
display: block;
position: absolute;
right: 1.5rem;
top: calc(50% - 22px);
/*    filter: invert(1);
mix-blend-mode: color-dodge;*/
}
@media screen and (min-width: 1000px){
.btn_login_h::before{
content: "▶";
display:block;
position:absolute;
background:#004986;
left: -5px;
top: 0px;
width: 20px;
height: 79px;
font-size: .9rem;
text-align: center;
line-height: 76px;
transform: scaleX(.5);
}
.btn_login_h::after{
right: 5px;
}
.btn_login_h:hover{
opacity: 1;
}
.btn_login_h:hover::after{
background: #fff url(../img/ico-lockopen.svg) center center no-repeat;
background-size: 28px;
}
}

#floatbnrH{
}
#floatbnrH a{
display: inline-block;
}
@media screen and (min-width: 1000px){
#floatbnrH{
position: fixed;
top: 85px;
right: 0;
}
#floatbnrH a{
display: block;
}
#floatbnrH img{
width: 180px;
height: auto;
}
}

#glmenu{
position: absolute;
top: 10px;
right: 20px;
z-index: 200;
}
#glmenu img{
width: 60px;
height: 65px;
background: url(../img/ico-menu.svg) center center no-repeat;
background-size: contain;
}
.on #glmenu img{
background: url(../img/ico-close.svg) center center no-repeat;
background-size: contain;
}
#glmenu{
display: inline-block;
vertical-align: middle;
}

@media screen and (min-width: 1000px){
#glmenu{
display: none;
}
}
/* -------------------------------------------- */
/* ----------------- common  ------------------ */
/* -------------------------------------------- */
#container {display: flex;flex-direction: column;min-height: calc(100vh - 580px);}
main{width: 100%;background: #ffffff;padding: 2rem 1.5rem 4rem;margin: 0 auto;text-align: left;}
main .wbox {background: #fff;padding: 2rem;border-radius: 1rem;margin: 2rem auto 1rem;}

@media screen and (min-width: 1000px){
main{width: 90vw;max-width: 1300px;border-radius: 10px;padding: 3rem;text-align: center;}
}

#two{width: 100%;display: flex;flex-direction: column;grid-gap: 20px;margin: 0 auto;}
#two main{width: 100%;}

@media screen and (min-width: 1000px){
#two{width: 97vw;max-width: 1300px;display: flex;flex-direction: row;grid-gap: 20px;margin: 0 auto;}
#two main{width: calc(95vw - 250px);}
}

#two #sidebar{
margin: 0 auto;
max-width: 90vw;
}
@media screen and (min-width: 1000px){
#two #sidebar{
width: 250px;
margin-top: 130px;
}
}
#two #sidebar section{
width: 90vw;
background: #ffffff;
border-radius: 10px;
margin-bottom: 20px;
}
@media screen and (min-width: 1000px){
#two #sidebar section{
width: auto;
}
}
#sidebar h3,.sidebar_h3{
color: #fff;
background: #004883;
font-size: 1.7rem;
font-weight: 500;
padding: 1rem;
border-radius: 10px 10px 0 0;
transform: rotate(0.03deg);
}
#sidebar h3 a{
color: #fff;
}
#sidebar .subcat{
color: #fff;
background: #42aae9;
font-size: 1.7rem;
font-weight: 500;
padding: .5rem 1rem;
}
#sidebar li{
border-bottom: 1px dotted #004883;
font-weight: 500;
min-height: 55px;
font-size: 1.5rem;
}
#sidebar li.last{
border: none;
}
#sidebar li ul li {
border-top: 1px dotted #004883;
border-bottom: none;
min-height: auto;
}
#sidebar li a{
font-weight: normal;
display: block;
padding: 1.2rem .7rem;
}
@media screen and (min-width: 1000px){
#sidebar li a{
padding: .7rem;
}
}
#sidebar li ul li a{
padding: 1rem .5rem 1rem 1.6rem;
font-size: 1.5rem;
letter-spacing: -.05rem;
}
@media screen and (min-width: 1000px){
#sidebar li ul li a{
padding: .5rem .5rem .5rem 1.3rem;
}
}
#sidebar li ul li a::before{
content: "-";
margin-right: .3rem;
}
#sidebar li ul li ul li a{
padding-left: 2.5rem;
font-size: 1.35rem;
}
@media screen and (min-width: 1000px){
#sidebar li ul li ul li a{
padding-left: 2.2rem;
}
}
#sidebar li img{
width: 40px;
height: 40px;
border-radius: 10px;
margin-right: 5px;
float: left;
}
#sidebar li span{
color: #fff;
background: rgb(3 155 229 / 85%);
display: inline-block;
font-size: 1.2rem;
line-height: 2rem;
font-weight: 500;
border-radius: 15px;
padding: 0 5px;
margin: 0 5px 0 0;
}
#sidebar li span.psycho{
background:#ff7000;
}

@media screen and (max-width: 1000px){
#sidebar li a h4{display: inline;}
#sidebar li span{margin-left: 10px;}
}

.bac-gray{border: 1px solid #ccc;padding: 1em;margin:1.6em 0;font-size: 1.5rem;background: #f1f1f1;border-radius: 1em;}
.bac-gray p:first-child{margin-top: 0 !important;}

.wlc{text-align: left;}
.wrc{text-align: right;}
.wcc{text-align: center;}

@media screen and (min-width: 1000px){
.wlc,.wrc,.wcc{text-align: center;}
}

footer{font-size: 1.4rem;text-align: center;padding: 2rem 0 10rem;margin-top: auto;}
footer .bnrarea img{height: 21vw;max-height: 110px;margin: 0 5px 10px 0;display: inline-block;vertical-align: middle;}
footer .snsarea{margin: 1rem auto;}
footer .snsarea a{padding: 1rem;}
footer .snsarea a img{width: 45px;height: auto;}
footer .linkarea a{padding: .5rem;color: #004986;}
footer .linkarea a{padding: 1rem;}

footer .linkarea a::before{content: "";border: 4px solid transparent;border-left-color: #004986;display: inline-block;vertical-align: middle;margin-right: .2rem;}
footer .foot img{margin: 30px auto 10px;}
.copyright{font-size:1.1rem;margin-top: 2rem;}
#floatbnr{position: fixed;bottom: 0;left: 0;width: 100vw;text-align: center;z-index: 5;background: -moz-linear-gradient(top, rgba(0,73,134,0.3) 0%, rgba(165,187,209,1) 100%);background: -webkit-linear-gradient(top, rgba(0,73,134,0.3) 0%,rgba(165,187,209,1) 100%);background: linear-gradient(to bottom, rgba(0,73,134,0.3) 0%,rgba(165,187,209,1) 100%);}
#floatbnr .bl-search {display: none;}
#floatbnr a{padding: 1rem .5rem;display: inline-block;}

@media screen and (min-width: 1000px){
#floatbnr .bl-search {display: inline-block;border-bottom: none;margin-right: 5rem;}
#floatbnr a:hover{opacity: 1;}
}

#floatbnr .searchform:focus{background: #fff;}
.h1ttl_small{font-size: 1.2rem;display: block;font-family: serif;font-weight: 700;text-align: center;color: #004986;margin-top:20px;}
.h1ttl{color: #004986;font-size: 2.2rem;font-weight: 700;text-align: center;margin: 20px auto 40px;}
.h1ttl small{font-size: 1.2rem;display: block;font-family:serif;}
.bl-txt{text-align: center;}
.bl-img{text-align: center;}

@media screen and (max-width: 1000px){
.bl-content{text-align: left;}
.h1ttl_small{margin-top: 1em;}
.h1ttl{margin-bottom: 1em;}
}

.catch{margin-bottom: 2rem;}
.btn{display: block;text-align: center;}
.btn a{color: #fff;background: #777;display: inline-block;margin: 15px auto 0;padding: 10px 40px 10px 15px;border-radius: 25px;}

@media screen and (min-width: 1000px){
.btn a:hover{opacity: .8;transition: .3s;}
}

.btn a::before{content:"";display: inline-block;border: 5px solid transparent;border-right-color: #fff;margin-right: 25px;}
.flbox{display: flex;grid-gap: 20px;flex-direction: column;flex-wrap: wrap;justify-content: center;}

@media screen and (min-width: 1000px){
.flbox{flex-direction: row;}
}

.tbox{display: block;background:  #eee;width: 95%;padding: .5rem;border: 2px solid #004986;border-radius: 10px;text-align: center;overflow: visible;margin: 40px auto;position: relative;}

@media screen and (min-width: 1000px){
.tbox{width: 440px;padding: 1rem;}
}

.tbox .ttl{
color: #fff;
font-weight: 700;
background: #004986;
border-radius: 30px;
padding: 10px;
top: -30px;
left: 50%;
width: 170px;
word-break: keep-all;
transform: translateX(-50%);
position: absolute;
}
.tbox .ttl.wblue{
background: #039be5;
}

.tbox dl{
display: flex;
margin-top: 15px;
flex-direction: column;
align-items: center;
}
.tbox dt{
line-height: 36px;
text-align: left;
}
.tbox dd{
width: 100%;
}
@media screen and (min-width: 1000px){
.tbox dl{
flex-direction: row;
}
.tbox dt{
width: 90px;
}
.tbox dd{
width: 300px;
}
}
.tbox input[type='text'],
.tbox input[type='tel'],
.tbox input[type='email'],
.tbox input[type='password'],
.tbox select,
.tbox textarea{
background: #fff;
width: 95%;
border: none;
border-radius: 10px;
padding: 10px;
font-size: 1.6rem;
-webkit-appearance: none;
}
.tbox input[type='submit']{
color: #fff;
background: #004986;
font-size: 1.6rem;
font-weight: 700;
border: none;
display: block;
position: relative;
text-align: center;
padding: 8px 20px;
margin: 10px auto;
border-radius: 25px;
-webkit-appearance: none;
}
.tbox input[type='submit']:hover {
cursor: pointer;
opacity: .8;
}
.tbox .ttl::before{
content: "";
background: url(../img/ico-info.svg) center center no-repeat;
width: 30px;
height: 30px;
display: inline-block;
vertical-align: middle;
margin-right: 5px;
}
.tbox p{
font-size: 1.5rem;
line-height: 2.2rem;
margin: 20px auto;
}

.login_box .ttl::before{
background: url(../img/ico-login.svg) center center no-repeat;
}
.login_box p{
margin: 0 auto;
}
.login_box a{
text-decoration: underline;
font-weight: 500;
}
.beginner_box .ttl{
background: #039be5;
}
.beginner_box .ttl::before{
background: url(../img/ico-beginner.svg) center center no-repeat;
}

.anchor a{
color: #004986;
background: #ebeff3;
font-size: 1.5rem;
font-weight: 700;
padding: 0.5rem 0.5rem 0.5rem 1.5rem;
border-radius: 25px;
margin: .5rem;
display: inline-block;
}
@media screen and (min-width: 1000px){
.anchor a{
margin: .5rem;
}
.anchor a:hover{
color: #fff;
background: #004986;
}
}
.anchor a::after {
content: "";
background: url(../img/ico-next.svg) center center no-repeat;
background-size: cover;
width: 1.6rem;
height: 1.6rem;
display: inline-block;
vertical-align: text-top;
margin: 0.3rem;
transform: rotate(90deg);
filter: brightness(0.8);
}

.add_box{
max-width: 520px;
}
.add_box dt{
width: 160px;
}

.catlist{
display: flex;
grid-gap: 20px;
flex-direction: column;
justify-content: center;
}
@media screen and (min-width: 1000px){
.catlist{
flex-direction: row;
}
}
.catlist a.block{
color: #004986;
background: #ebeff3;
padding: 13px;
border: 2px solid #ebeff3;
border-radius: 10px;
box-sizing: border-box;
text-align: center;
}
@media screen and (min-width: 1000px){
.catlist a.block:hover{
background: #fff;
border-color: #004986;
}
}
.catlist a.block h3{
font-size: 1.9rem;
font-weight: 500;
height: 6rem;
text-align: center;
}
.catlist a.block h3 small{display: block;font-size: 1.2rem;font-family:serif;}
.catlist a.block img{
border-radius: 10px;
margin-bottom: 10px;
}
.catlist a.block p{
color: #333;
text-align: left;
}

@media screen and (min-width: 1000px){
.kllist{
flex-wrap: wrap;
}
.kllist a.block{
width: calc(33% - 20px);
}
}

.youtube {
position: relative;
height: 0;
padding-top: 56.25%;
overflow: hidden;
}

.youtube iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.bl-cat{
color: #fff;
background: rgb(3 155 229 / 85%);
display: inline-block;
font-size: 1.4rem;
line-height: 2rem;
font-weight: 500;
border-radius: 15px;
padding: 2px 10px;
margin: 0 5px 0 0;
}

.overlay{
width: 100%;
height: 100px;
display: block;
position: relative;
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
margin-top: -100px;
z-index: 2;
}

.login_viewmore{
display: block;
background:  #eee;
border: 2px solid #004986;
border-radius: 10px;
width: 90vw;
padding: 1rem;
text-align: left;
overflow: visible;
margin: 3rem auto;
position: relative;
}
@media screen and (max-width: 1000px){
.login_viewmore br{
display: none;
}
}
.login_viewmore .ttl{
color: #fff;
font-weight: 700;
background: #004986;
border-radius: 10px;
padding: 10px;
margin: 0 auto;
}
.login_viewmore a{
margin: 10px 0;
line-height: 1.6rem;
text-decoration: none!important;
}
.login_viewmore a:last-child{
margin-left: 10px;
}
@media screen and (min-width: 1000px){
.login_viewmore{
width: 600px;
margin: 3rem auto;
text-align: center;
}
.login_viewmore .ttl{
border-radius: 30px;
top: -30px;
left: 50%;
width: 80%;
word-break: keep-all;
transform: translateX(-50%);
position: absolute;
}
.login_viewmore a{
margin: 10px;
}
}
.login_viewmore .ttl b{
font-size: larger;
color: #fff;
}
.login_viewmore .ttl::before{
content: "";
background: url(../img/ico-info.svg) center center no-repeat;
background-size: contain;
width: 27px;
height: 27px;
display: inline-block;
vertical-align: middle;
margin-right: 5px;
}
.login_viewmore p{
font-size: 1.5rem;
line-height: 2.2rem;
margin: 20px auto;
}

.btn_cat,.btn_pink,.btn_red,.btn_grey,.btn_blue,.btn_wblue,.btn_orange,.btn_contact{color: #fff;font-weight: 700;padding: .5rem .5rem .5rem 1.5rem;border-radius: 25px;margin: 10px 10px;display: inline-block;}
.btn_cat::after,.btn_pink::after,.btn_red::after,.btn_grey::after,.btn_blue::after,
.btn_wblue::after,.btn_orange::after,.btn_contact::before{content: "";background: url(../img/ico-next.svg) center center no-repeat;width: 30px;height: 30px;display: inline-block;vertical-align: text-top;}
.btn_contact{background: #eb6877;font-size: 2rem;padding: 1.2rem 3rem;margin: 2rem auto 0 calc(50vw - 13rem);}
.btn_contact::before{background: url(../img/ico-mail.svg) center center no-repeat;
background-size: contain;height: 3rem;margin-right:1rem;}
.wcc .btn_blue {padding: 2.6rem 1.5rem 2.6rem 2.5rem;border-radius: 13rem;}

@media screen and (min-width: 1000px){
.btn_contact{margin: 2rem auto;}
.btn_cat::after,.btn_pink::after,.btn_red::after,.btn_grey::after,.btn_blue::after,.btn_wblue::after,.btn_orange::after{vertical-align: middle;}
}

.btn_cat{color: #004986;background: none;text-align: right;display: block;margin: 0;}
.btn_cat::after{background: url(../img/ico-next_b.svg) center center no-repeat;}
.btn_pink{background: #f95568 !important;}
.btn_red{background: #e5004f !important;}
.btn_grey{background: #aaaaaa !important;}
.btn_blue{background: #004986 !important;}
.btn_wblue{background: #039be5 !important;}
.btn_orange{background: #ff5500 !important;}

.btn_login{
color: #fff;
font-weight: 700;
font-size: 1.4rem;
background: #004986;
border-radius: 2.5rem;
padding: .5rem 1.5rem;
margin: 1rem 1rem;
display: inline-block;
}
@media screen and (min-width: 1000px){
.btn_login{
padding: 1rem 2rem;
}
}
.btn_login::before{
content: "";
background: url(../img/ico-login.svg) center center no-repeat;
width: 25px;
height: 25px;
display: inline-block;
vertical-align: middle;
margin-right: 5px;
background-size: 24px;
}
.btn_mypage{
color: #004986;
font-weight: 700;
background: #eeeeee;
border-radius: 25px;
padding: 10px 20px;
margin: 10px 10px;
display: inline-block;
}
@media screen and (min-width: 1000px){
.btn_mypage{
max-width: 17rem;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}
.btn_mypage::before{
content: "";
background: url(../img/ico-mypage.svg) center center no-repeat;
width: 30px;
height: 30px;
display: inline-block;
vertical-align: middle;
margin-right: 5px;
}

/* ----------------- general ------------------ */

#general{text-align: left;margin: 0 auto;max-width: 850px;}
#general h2 {padding: 7px 7px 7px 25px;margin: 20px 0 5px -1em;position: relative;font-size: 1.7rem;font-weight: 700;text-align: left;background: #ebeff3;border-radius: 10px;color: #333;}
#general h2:after {position: absolute;content: "";width: 6px;height: 50%;background: #039BE5;border-radius: 3px;left: 10px;top: 25%;}
#general h3{font-size: 1.7rem;margin: 7px 0 5px;font-weight: 700;color: #004986;}
#general h4{margin: 7px 0 5px;font-weight: 700;}
#general ol{list-style: cjk-ideographic;padding-left: 4rem;text-align: left;margin-top: 2rem;}
#general ol li{margin-top: 2rem;}
#general ol ul{list-style: disc;padding-left: 1rem;}
#general ol ul li{margin-top: 1rem;}
#general table{margin: 2rem auto 0;border-collapse: collapse;}
#general th{font-weight: bold;word-wrap: keep-all;color: #0a70b7;text-align: center;}
#general th,#general td{padding: 1rem;border: 1px dotted #ccc;border-left: 0;border-right: 0;}
#general td{text-align: left;}
#general a{color: #004883;text-decoration: underline;}
#general .taright{margin: 5rem 0 3rem auto;}
.taright{text-align: right;}
.Breadcrumbs{text-align:left !important;margin: 0 auto !important;font-size: 14px !important;}
.Breadcrumbs .bl-cat{margin: 0 5px 0 0 !important;}

@media screen and (min-width: 1000px){
#general{padding: 0 3rem;}
}

@media screen and (max-width: 1000px){
#general h2 {margin-left:-.2em !important;}
.Breadcrumbs .bl-cat {font-size: 14px !important;padding: 1px 10px;}
}

/* -------------------------------------------- */
/* ---------------- 固定ページ ---------------- */
/* -------------------------------------------- */
.page p {margin-top: 1em;}
.page h2 {background: none !important;color: #004986 !important; /* border-bottom: 1px solid #004986 !important; */}


/* ----------------- news ------------------ */
#alist{padding: 0;}

@media screen and (min-width: 1000px){
#alist{padding: 30px;}
}

#alist .apost {text-align: left;padding: 10px;border-bottom: 2px dotted #ebeff3;transform: rotate(0.03deg);}
#alist .apost .adate{color: #999;font-weight: 700;width: 10rem;}

@media screen and (min-width: 1000px){
#alist .apost .adate{display: inline-block;vertical-align: middle;}
#alist .apost a{width: calc(100% - 18rem);padding-left: 8rem;display: inline-block;vertical-align: top;}
}

#alist .apost a:hover{color: #004883;text-decoration: underline;}

@media screen and (min-width: 1000px){
#alist .apost a br{display: none;}
}

#apost .adate{color: #999;font-weight: 700;text-align: right;}
.apost a::before{content: "";color: #fff;font-size: smaller;background: #6bbbed;border-radius: 2rem;padding: .2rem 1rem;white-space: pre;display: inline;margin: 0 0.8rem 0.8rem;}

@media screen and (min-width: 1000px){
.apost a::before{margin: 0 .8rem 0 -8rem;}
}

.apost a.notice::before{content: "お知らせ";background: #6bbbed;}
.apost a.info::before{content: "更新情報";background: #aaa;}
.apost a.recommend::before{content: "おすすめ";background: #f38585;}
.alignleft{float: left;margin: 0 1rem 1rem 0;}
.alignright{float: right;margin: 0 0 1rem 1rem;}
.p_content a,.p_others a{text-decoration: underline;}
.swpm-required-asterisk{color: #ee4444;}
.swpm-form-builder-error{color: #ee4444;}
/*
#item-swpm-4,#item-swpm-12,#item-swpm-16,#item-swpm-26,#item-swpm-30,#item-swpm-32,#item-swpm-36,#item-swpm-46,#item-swpm-58,#item-swpm-60,#item-swpm-62,#item-swpm-38,#item-swpm-40,
*/
#item-swpm-44,#item-swpm-54,.add_box dl:nth-child(4){display:none;}
#item-swpm-42 .swpm-span{float: none;}
#item-swpm-67 p,#item-swpm-68 p{background: #fff;text-align: left;font-size: smaller;padding: .5rem 1rem;overflow: hidden;margin-top: .5rem; clear: both;}
.swpm-more-tag-not-logged-in{background: #fdd;display: block;}
.formError{overflow: visible;}
.formError .formErrorContent{min-width: 200px!important;}
#paging{margin: 3rem auto;}
#paging span.current,#paging a{color: #888;background: #ddd;display: inline-block;text-align: center;width: 4.5rem;height: 4.5rem;line-height: 4.5rem;border-radius: 1rem;border: .3rem solid #ddd;font-size: 2rem;font-weight: 700;margin-right: 1rem;}
#paging a{color: #004986;background: #ebeff3;border-color: #004986;}
#paging a:hover{color: #ffffff;background: #004986;}

/* -------------------------------------------- */
/* ----------------- inquiry ------------------ */
/* -------------------------------------------- */

#inquiry dl{width: 90vw;margin: 0 auto 20px;}
#inquiry dt{text-align: left;}
#inquiry dt small{color: #e33;}

@media screen and (min-width: 1000px){
#inquiry dl{display: flex;padding: 8px 0;width: 800px;margin: 0 auto;}
#inquiry dt{width: 160px;text-align: right;padding-top: 8px;word-break: keep-all;}
#inquiry dd{padding-left: 15px;text-align: left;}
}

.caution{max-width: 600px;text-align: left;font-size: 1.25rem;}
.caution a{text-decoration: underline;}
#swpm_reset_email,#inquiry input[type='text'],#inquiry input[type='tel'],#inquiry input[type='email'],#inquiry input[type='date'],#inquiry input[type='number'],#inquiry input[type='password'],#inquiry select,#inquiry textarea,form.swpm-form-builder input[type='text'],form.swpm-form-builder input[type='tel'],form.swpm-form-builder input[type='email'],form.swpm-form-builder input[type='date'],form.swpm-form-builder input[type='password'],form.swpm-form-builder select,form.swpm-form-builder textarea{background: #fff;width: 100%;border: 2px solid rgb(0 73 134 / 30%);border-radius: 10px;padding: 10px;font-size: 1.8rem;-webkit-appearance: none;}
#swpm_reset_email{width: 90vw;max-width: 400px;}
input[type="date"]{position: relative;}
input[type="date"]::-webkit-inner-spin-button{-webkit-appearance: none;}
input[type="date"]::-webkit-clear-button{-webkit-appearance: none;}
input[type=date]::-webkit-calendar-picker-indicator {position: absolute;width: 100%;height: 100%;top:0;left:-20px;opacity: 0;}
input[type="checkbox"],input[type="radio"] {display: none;}
input[type="checkbox"] + span,input[type="radio"] + span {cursor: pointer;display: inline-block;margin: 0 0.2em 0;padding: 0 1rem 0 1.2em;position: relative;}
input[type="checkbox"] + span::before,input[type="radio"] + span::before {-webkit-transform: translateY(-50%);background: #fff;border: 2px solid rgb(184 201 218);border-radius: 20%;content: "";display: block;height: 14px;width: 14px;left: -2px;position: absolute;top: 50%;transform: translateY(-50%);}
input[type="checkbox"] + span::after,input[type="radio"] + span::after {-webkit-transform: translateY(-50%);background: rgb(0 73 134 / 70%);border: 1px solid transparent;border-radius: 20%;content: "";height: 6px;left: 1px;opacity: 0;padding: 2px;position: absolute;top: 50%;transform: translateY(-50%);transition: all 0.3s ease 0s;width: 6px;}
input[type="checkbox"]:checked + span::after,input[type="radio"]:checked + span::after {opacity: 1;}
input[type="radio"] + span::before,input[type="radio"] + span::after {border-radius: 100%;}
input[type="checkbox"] + label,input[type="radio"] + label {cursor: pointer;display: inline-block;margin: 0 0.2em 0;padding: 0 1rem 0 1.2em;position: relative;}
input[type="checkbox"] + label::before,input[type="radio"] + label::before {-webkit-transform: translateY(-50%);background: #fff;border: 2px solid rgb(184 201 218);border-radius: 20%;content: "";display: block;height: 14px;width: 14px;left: 0px;position: absolute;top: 50%;transform: translateY(-50%);}
input[type="checkbox"] + label::after,input[type="radio"] + label::after {-webkit-transform: translateY(-50%);background: rgb(0 73 134 / 70%);border: 1px solid transparent;border-radius: 20%;content: "";height: 6px;left: 3px;opacity: 0;padding: 2px;position: absolute;top: 50%;transform: translateY(-50%);transition: all 0.3s ease 0s;width: 6px;}
input[type="checkbox"]:checked + label::after,input[type="radio"]:checked + label::after {opacity: 1;}
input[type="radio"] + label::before,input[type="radio"] + label::after {border-radius: 100%;}
.wpcf7-list-item{display: inline-block;padding: .4rem 1rem .4rem 0;}
.wpcf7-radio label{margin-right: 2rem;}
.swpm-form-builder input[type='password']{margin-bottom: 5px;}
.swpm-form-builder .swpm-span{overflow: visible;}
.swpm-form-builder ul,.entry-content .swpm-form-builder ul,.comment-content .swpm-form-builder ul,.mu_register .swpm-form-builder ul,.swpm-form-builder ol,.entry-content .swpm-form-builder ol,.comment-content .swpm-form-builder ol,.mu_register .swpm-form-builder ol {margin: 0 14px !important;padding: 0 !important;background: none !important;list-style: none !important;list-style-type: none !important;list-style-image: none !important;font-size: 1.6rem!important;line-height: inherit;}
label.swpm-desc{font-weight: normal;padding: 5px 0;}
.swpm-form-builder label.swpm-choice {margin: -20px 0 0 20px!important;text-align: left;word-break: keep-all;}
.swpm-form-builder li.swpm-auto-column div.swpm-span{margin-right: 3rem;}
.swpm-form-builder li.swpm-two-column div.swpm-span, .swpm-form-builder li.swpm-three-column div span, .swpm-form-builder li.swpm-auto-column div span {width: 100%!important;}
.swpm-pw-reset-submit,#documents input[type='submit'],#inquiry input[type='submit'],form.swpm-form-builder input[type='submit']{color: #fff;background: #004986;font-size: 2rem;font-weight: bold;border: none;display: block;width: 70vw;height: 60px;line-height: 60px;position: relative;text-align: center;padding: 0 25px;margin: 40px auto;border-radius: 35px;-webkit-appearance: none;}
.swpm-pw-reset-submit,#documents input[type='submit'],#inquiry input[type='submit'],form.swpm-form-builder input[type='submit']{width: 250px;}
#inquiry input[type='submit']::after{content:"";display: inline-block;border: 5px solid transparent;border-left-color: #fff;margin-left: 25px;}
.screen-reader-response,.wpcf7-response-output{background: none;color: #e33;}
.screen-reader-response ul{display: none;}
.wpcf7-not-valid-tip{color: #e33;display: block;}

@media screen and (min-width: 1000px){
#inquiry input[type='submit']:hover,form.swpm-form-builder input[type='submit']:hover{cursor: pointer;}
#inquiry a.atel{pointer-events: none;}
}

div.request{margin: 40px auto 100px;text-align: center;}
div.request h2{margin: 20px auto 10px;}
div.request .btn_request{color: #fff;background: #d06938;font-weight: 700;padding: 15px 15px 15px 30px;border-radius: 25px;margin: 10px 10px;display: inline-block;border-radius: 30px;}
#documents dl{width: 90vw;margin: 0 auto 20px;}
#documents dt{text-align: left;}
#documents dt small{color: #e33;}

@media screen and (min-width: 1000px){
#documents dl{display: flex;padding: 8px 0;width: 800px;margin: 0 auto;}
#documents dt{width: 240px;text-align: right;padding-top: 0;}
#documents dd{padding-left: 15px;text-align: left;}
#documents .documents dl{width: 400px;}
#documents .documents dt{width: 240px;line-height: 2rem;}
#documents .documents dt small{color: #333;}
}

#documents input[type='text'],#documents input[type='tel'],#documents input[type='email'],#documents input[type='date'],#documents input[type='number'],#documents input[type='password'],#documents select,#documents textarea{background: #ebeff3;width: 100%;border: 2px solid rgb(0 73 134 / 30%);border-radius: 10px;padding: 10px;font-size: 1.8rem;-webkit-appearance: none;}
#documents input[type='number']{width: 100px;}
#documents .wpcf7-form-control-wrap{display: inline-block;margin-right: 10px;}
#k3{width: 90vw;margin:0 auto;}

@media screen and (min-width: 1000px){
#k3{max-width:600px;margin:3em auto;}
}

/* -------------------------------------------- */
/* ----------------  search  ------------------ */
/* -------------------------------------------- */
@media screen and (min-width: 1000px){
header .bl-search{display: none;}
}

section.entry-content {width: 90%;margin: auto;}
.bl-search{text-align: left;display: block;padding: 10px;}
.bl-search h3 a{font-size: 1.8rem;color: #004986;font-weight: 700;text-indent: -1em;margin-left: 1em;display: block;}
.bl-search h3 a::before{content: "";border:  5px solid transparent;border-left-color: #004986;display: inline-block;vertical-align: middle;margin-right: 5px;}
.bl-inside{text-align: center;}
.bl-inside .searchform{padding: 1rem 4rem 1rem 1rem;font-size: 1.8rem;border: 2px solid rgb(0 73 134 / 20%);outline: none;border-radius: 4rem;max-width: 95%;width: 40rem;margin-right: -4.5rem;background: #ebeff3;}
.bl-inside button{border: none;border-radius: 100%;background: rgb(0 73 134);padding: .5rem;cursor: pointer;}
.bl-inside button img{width: 2rem;}

@media screen and (min-width: 1000px){
.bl-inside button:hover{opacity: .8;}
}

#sidebar .bl-search{padding: 0 0 1.5rem;}
#sidebar .bl-inside{text-align: left;}
#sidebar .bl-inside .searchform{width: 100%;background: #fff;}
/* -------------------------------------------- */
/* ---------------  box-form  ----------------- */
/* -------------------------------------------- */
.box-form{max-width: 600px;margin: 3em auto;}

/* -------------------------------------------- */
/* -----------------  404  -------------------- */
/* -------------------------------------------- */
#not-found section{display: block;width: 90vw;max-width: 700px;margin: 30px auto;}
#not-found h3{font-size: 1.8rem;margin: 0 auto 20px;}

/* -------------------------------------------- */
/* ------------  限定コンテンツ  -------------- */
/* -------------------------------------------- */
.swpm-login-widget-action-msg {color: #ff0000;}

/* -------------------------------------------- */
/* ----------------- 共通  -------------------- */
/* -------------------------------------------- */
a[href*=".pdf"]::after {content: " \f1c1";font-family: "Font Awesome 5 Free";color: #F30401;}
.clear{clear:both !important;}
a.RelatedLinks{color: #004883 !important;text-decoration: underline;display: block;margin: 1em auto;}
a.RelatedLinks img{float: left;margin-right: 1em; max-width:120px;}
a.RelatedLinks:after{clear: both;content: "";display: block;}
.maa{margin:auto !important;}
.ma3{margin:3em !important;}
.mt3{margin-top:3em !important;}
.mb3{margin-bottom:3em !important;}
.ml3{margin-left:3em !important;}
.mr3{margin-right:3em !important;}
.ma2{margin:2em !important;}
.mt2{margin-top:2em !important;}
.mb2{margin-bottom:2em !important;}
.ml2{margin-left:2em !important;}
.mr2{margin-right:2em !important;}
.ma1{margin:1em !important;}
.mt1{margin-top:1em !important;}
.mb1{margin-bottom:1em !important;}
.ml1{margin-left:1em !important;}
.mr1{margin-right:1em !important;}
.ma0{margin:0 !important;}
.mt0{margin-top:0 !important;}
.mb0{margin-bottom:0 !important;}
.ml0{margin-left:0 !important;}
.mr0{margin-right:0 !important;}
.pa3{padding:3em !important;}
.pt3{padding-top:3em !important;}
.pb3{padding-bottom:3em !important;}
.pl3{padding-left:3em !important;}
.pr3{padding-right:3em !important;}
.pa2{padding:2em !important;}
.pt2{padding-top:2em !important;}
.pb2{padding-bottom:2em !important;}
.pl2{padding-left:2em !important;}
.pr2{padding-right:2em !important;}
.pa1{padding:1em !important;}
.pt1{padding-top:1em !important;}
.pb1{padding-bottom:1em !important;}
.pl1{padding-left:1em !important;}
.pr1{padding-right:1em !important;}
.pa0{padding:0 !important;}
.pt0{padding-top:0 !important;}
.pb0{padding-bottom:0 !important;}
.pl0{padding-left:0 !important;}
.pr0{padding-right:0 !important;}
.txtc{text-align:center !important;}
.txtl{text-align:left !important;}
.txtr{text-align:right !important;}
.fontBold{font-weight: bold !important;}
.fontSS{font-size: 1.2rem !important;}
.fontS{font-size: 1.4rem !important;}
.fontL{font-size: 1.8rem !important;}
.fontLL{font-size: 2.4rem !important;}
.fontRed{font-weight: bold !important;color:#ff0000 !important;}
.fontLink{color:#004883 !important;text-decoration: underline;}
.fontLink2{color:#ff2800 !important;text-decoration: underline;}
.maker_skyblue{background: #d5f5ff;}
span.highlight_yellow{background: linear-gradient(transparent 60%, #f5f539 60%);}
.block{display:block !important;}