@charset "UTF-8";
@charset "utf-8";
@charset "utf-8";
        .fNormal  { font-weight: normal;}
.fBold   { font-weight: bold;}
.fItalic { font-style: italic;}
.fSSSS { font-size: 60%;}
.fSSS { font-size: 70%;}
.fSS  { font-size: 78%;} .fS   { font-size: 85%;} .fM   { font-size: 100%;}
.fL   { font-size: 115%;} .fLL  { font-size: 130%;} .fLLL { font-size: 143%;} .fLLLL { font-size: 200%;}
sup {
font-size: 78%;
vertical-align: top;
}
sub {
font-size: 78%;
vertical-align: baseline;
} .txtColor1 {
color: #ea5514;
}
.txtColor2 {
color: #f0c21f;
}
.txtColor3 {
color: #fe0000;
}
.txtColor4 {}
.txtColor5 {}
.fRed {
color: #cc0000;
}
.fGray {
color: #999999;
}
a {
color: #FF86A0;
text-decoration: none;
outline: none;
}
a:hover {
text-decoration: underline;
} .mt00 { margin-top:  0 !important;}
.mt05 { margin-top:  5px!important;}
.mt10 { margin-top: 10px!important;}
.mt12 { margin-top: 12px!important;}
.mt15 { margin-top: 15px!important;}
.mt20 { margin-top: 20px!important;}
.mt25 { margin-top: 25px!important;}
.mt30 { margin-top: 30px!important;}
.mt35 { margin-top: 35px!important;}
.mt40 { margin-top: 40px!important;}
.mt45 { margin-top: 45px!important;}
.mt50 { margin-top: 50px!important;}
.mr00 { margin-right:  0px !important;}
.mr05 { margin-right:  5px!important;}
.mr10 { margin-right: 10px!important;}
.mr12 { margin-right: 12px!important;}
.mr15 { margin-right: 15px!important;}
.mr20 { margin-right: 20px!important;}
.mr25 { margin-right: 25px!important;}
.mr30 { margin-right: 30px!important;}
.mr35 { margin-right: 35px!important;}
.mr40 { margin-right: 40px!important;}
.mr45 { margin-right: 45px!important;}
.mr50 { margin-right: 50px!important;}
.mb00 { margin-bottom:  0 !important;}
.mb05 {
margin-bottom: 5px;
background-repeat: no-repeat;
}
.mb10 { margin-bottom: 10px!important;}
.mb12 { margin-bottom: 12px!important;}
.mb15 { margin-bottom: 15px!important;}
.mb20 { margin-bottom: 20px!important;}
.mb25 { margin-bottom: 25px!important;}
.mb30 { margin-bottom: 30px!important;}
.mb35 { margin-bottom: 35px!important;}
.mb40 { margin-bottom: 40px!important;}
.mb45 { margin-bottom: 45px!important;}
.mb50 { margin-bottom: 50px!important;}
.ml00 { margin-left:  0 !important;}
.ml05 { margin-left:  5px;}
.ml10 { margin-left: 10px;}
.ml12 { margin-left: 12px;}
.ml15 { margin-left: 15px;}
.ml20 { margin-left: 20px;}
.ml25 { margin-left: 25px;}
.ml30 { margin-left: 30px;}
.ml30 { margin-left: 35px;}
.ml40 { margin-left: 40px;}
.ml45 { margin-left: 45px;}
.ml50 { margin-left: 50px;} .pt00 { padding-top:   0 !important;}
.pt05 { padding-top:  5px;}
.pt10 { padding-top: 10px;}
.pt12 { padding-top: 12px;}
.pt15 { padding-top: 15px;}
.pt20 { padding-top: 20px;}
.pt25 { padding-top: 25px;}
.pt30 { padding-top: 30px;}
.pt35 { padding-top: 35px;}
.pt40 { padding-top: 40px;}
.pt45 { padding-top: 45px;}
.pt50 { padding-top: 50px;}
.pr00 { padding-right:   0 !important;}
.pr05 { padding-right:  5px;}
.pr10 { padding-right: 10px;}
.pr12 { padding-right: 12px;}
.pr15 { padding-right: 15px;}
.pr20 { padding-right: 20px;}
.pr25 { padding-right: 25px;}
.pr30 { padding-right: 30px;}
.pr35 { padding-right: 35px;}
.pr40 { padding-right: 40px;}
.pr45 { padding-right: 45px;}
.pr50 { padding-right: 50px;}
.pb00 { padding-bottom:   0 !important;}
.pb05 { padding-bottom:  5px;}
.pb10 { padding-bottom: 10px;}
.pb12 { padding-bottom: 12px;}
.pb15 { padding-bottom: 15px;}
.pb20 { padding-bottom: 20px;}
.pb25 { padding-bottom: 25px;}
.pb30 { padding-bottom: 30px;}
.pb35 { padding-bottom: 35px;}
.pb40 { padding-bottom: 40px;}
.pb45 { padding-bottom: 45px;}
.pb50 { padding-bottom: 50px;}
.pl00 { padding-left:   0 !important;}
.pl05 { padding-left:  5px;}
.pl10 { padding-left: 10px;}
.pl12 { padding-left: 12px;}
.pl15 { padding-left: 15px;}
.pl20 { padding-left: 20px;}
.pl25 { padding-left: 25px;}
.pl30 { padding-left: 30px;}
.pl30 { padding-left: 35px;}
.pl40 { padding-left: 40px;}
.pl45 { padding-left: 45px;}
.pl50 { padding-left: 50px;} .inlineL { text-align: left;}
.inlineC { text-align: center;}
.inlineR { text-align: right;} .vlineT { vertical-align: top;}
.vlineM { vertical-align: middle;}
.vlineB { vertical-align: bottom;} .wHalf  { width: 48%;}
.wTri   { width: 33%;}
.wQuart { width: 24%;}
.wFull  { width: 99.9%;}
.wMax   { width: 100%;} .tw03 { width:  3%;}
.tw05 { width:  5%;}
.tw10 { width: 10%;}
.tw13 { width: 13%;}
.tw15 { width: 15%;}
.tw20 { width: 20%;}
.tw25 { width: 25%;}
.tw30 { width: 30%;}
.tw35 { width: 35%;}
.tw40 { width: 40%;}
.tw45 { width: 45%;}
.tw50 { width: 50%;} .fltL {
display: inline;
float: left;
}
.fltR {
display: inline;
float: right;
}
.ft {
overflow: hidden;
zoom: 1;
} .imgBoxL,
.imgBoxR {
display: block;
min-height: 1%;
}
.imgBoxL:after,
.imgBoxR:after {
clear: both;
content:".";
display: block;
height: 0;
visibility: hidden;
}
* html .imgBoxL,
* html .imgBoxR {
height: 1%;/*\*//*/height: auto;
overflow: hidden;/**/}
.imgBoxL .fltImg {
display: inline;
float: left;
margin-right: 10px;
}
.imgBoxR .fltImg {
display: inline;
float: right;
margin-left: 10px;
} .clearfix {
display: block;
min-height: 1%;
}
.clearfix:after {
clear: both;
content:".";
display: block;
height: 0;
visibility: hidden;
}
* html .clearfix {
height: 1%;/*\*//*/height: auto;
overflow: hidden;/**/} .blockC { text-align: center;}
.blockC .block {
margin-right: auto;
margin-left: auto;
text-align: left;
} * html .blockC .block {
margin-right: 0;
margin-left: 0;
}
.blockL { text-align: left;}
.blockR { text-align: right;}
.blockR .block {
margin-left: auto;
text-align: left;
} * html .blockR .block {
margin-left: 0;
} .clear { 
clear: both;
}
.block  { display: block;}
.inline { display: inline;}
.hide   { display: none;}
.nobg {
background: none;
}
.underLine { text-decoration: underline;}
.noLine    { text-decoration: none;} .edsmark { border: 2px solid #9966CC; padding: 10px; text-align: center; background-color: #FF99FF; color: #FFF;} .w100{width: 100%;}
.w90{width:90%;}
.w80{width:80%;}
.w70{width:70%;}
.w60{width:60%;}
.w50{width:50%;}
.w40{width:40%;}
.w30{width:30%;}
.w20{width:20%;}
.w10{width:10%;}
@media screen and (max-width: 768px){
.tw100{width:100%;	margin: 0 auto;		display: block;}
.tw90{width:90%;	margin: 0 auto;		display: block;}
.tw80{width:80%;	margin: 0 auto;		display: block;}
.tw70{width:70%;	margin: 0 auto;		display: block;}
.tw60{width:60%;	margin: 0 auto;		display: block;}
.tw50{width:50%;	margin: 0 auto;		display: block;}
.tw40{width:40%;	margin: 0 auto;		display: block;}
.tw30{width:30%;	margin: 0 auto;		display: block;}
.tw20{width:20%;	margin: 0 auto;		display: block;}
.tw10{width:10%;	margin: 0 auto;		display: block;}
} @media screen and (max-width: 480px){
.sw100{width:100%;	margin: 0 auto;		display: block;}
.sw90{width:90%;	margin: 0 auto;		display: block;}
.sw80{width:80%;	margin: 0 auto;		display: block;}
.sw70{width:70%;	margin: 0 auto;		display: block;}
.sw60{width:60%;	margin: 0 auto;		display: block;}
.sw50{width:50%;	margin: 0 auto;		display: block;}
.sw40{width:40%;	margin: 0 auto;		display: block;}
.sw30{width:30%;	margin: 0 auto;		display: block;}
.sw20{width:20%;	margin: 0 auto;		display: block;}
.sw10{width:10%;	margin: 0 auto;		display: block;}
}  #pagetop {
position: fixed;
right: 0px;
bottom: 0px;
} .block1{margin:0 1%;}
.block2{margin:0 2%;}
.block3{margin:0 3%;}
.block4{margin:0 4%;}
.block5{margin:0 5%;}
.block6{margin:0 6%;}
.block7{margin:0 7%;}
.block8{margin:0 8%;}  .pc_none {display:none;}  .pc1L {width: 8.33%;		float: left;}
.pc2L {width: 16.66%;		float: left;}
.pc3L {width: 24.99%;		float: left;} .pc4L {width: 33.33%;		float: left;} .pc5L {width: 41.66%;		float: left;}
.pck5L {width: 20%;			float: left;} .pc6L {width: 50%;			float: left;} .pc7L {width: 58.33%;		float: left;}
.pc8L {width: 66.66%;		float: left;}
.pc9L {width: 74.99%;		float: left;}
.pc10L {width: 83.33%;	float: left;}
.pc11L {width: 91.66%;	float: left;} .pc1R {width: 8.33%;		float: right;}
.pc2R {width: 16.66%;		float: right;}
.pc3R {width: 24.99%;		float: right;} .pc4R {width: 33.33%;		float: right;} .pc5R {width: 41.66%;		float: right;}
.pck5R {width: 20%;			float: right;} .pc6R {width: 50%;			float: right;} .pc7R {width: 58.33%;		float: right;}
.pc8R {width: 66.66%;		float: right;}
.pc9R {width: 74.99%;		float: right;}
.pc10R {width: 83.33%;	float: right;}
.pc11R {width: 91.66%;	float: right;}
@media screen and (max-width: 768px){
.tb_look{display: block;} .tb_none {display:none;} .tb1 {width: 100%; margin: 0 auto ; float: none;}
.tb2 {width: 49.99%; float: left; box-sizing: border-box; padding:0 5px;}
.tb3 {width: 33.33%; float: left; box-sizing: border-box; padding:0 5px;} .tb4 {width: 24.99%; float: left; box-sizing: border-box; padding:0 5px;} } @media screen and (max-width: 480px){
.sp_look{display: block;} .sp_none {display:none;} .sp1 {width: 100%;} .sp2 {width: 49.99%; float: left; padding: 5px; box-sizing: border-box;} .sp3 {width: 33.33%; float: left; padding: 5px; box-sizing: border-box;} .sp4 {width: 24.99%; float: left; padding: 5px; box-sizing: border-box;} .spL {width: 100%;float:left;}
.spR {width: 100%;float:right;}
.spbtn {
float: none;
text-align: center;
display: block;
margin: 20px 0px;
}
}             html, body {
font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
color: #000000;
}
html {
scroll-behavior: smooth;
}
body {
margin: 0px;
-webkit-text-size-adjust: none;
background-color: #ffffff;
line-height: 180%;
font-size: 16px;
word-break: break-all;
}
@media screen and (max-width: 1000px) {
body {
font-size: 16px;
}
}
a:link, a:visited, a:active {
color: #004793;
text-decoration: none;
}
a:hover {
text-decoration: underline;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
a:hover img {
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
img {
image-rendering: -webkit-optimize-contrast;
max-width: 100%;
} .link-a {
overflow: hidden; }
.link-a img {
width: 100%; height: 100%; transition: transform 0.3s ease; }
.link-a img:hover {
transform: scale(1.1); }
hr {
margin: 20px 0px;
padding: 0px;
}
.pcnone {
display: none;
}
@media screen and (max-width: 789px) {
.pcnone {
display: block;
}
}
.tbonpcnone {
display: none;
}
@media screen and (max-width: 1000px) {
.tbonpcnone {
display: block;
}
}
.tbnone {
display: block;
}
@media screen and (max-width: 1000px) {
.tbnone {
display: none;
}
}
.spnone {
display: block;
}
@media screen and (max-width: 789px) {
.spnone {
display: none;
}
}
.sspnone {
display: block;
}
@media screen and (max-width: 570px) {
.sspnone {
display: none;
}
}
.br-pctb {
display: block;
}
@media screen and (max-width: 1000px) {
.br-pctb {
display: none;
}
}
.br-pcsp {
display: block;
}
@media screen and (max-width: 789px) {
.br-pcsp {
display: none;
}
}
.br-pcssp {
display: block;
}
@media screen and (max-width: 570px) {
.br-pcssp {
display: none;
}
}
.br-tb {
display: none;
}
@media screen and (max-width: 1000px) {
.br-tb {
display: block;
}
}
.br-sp {
display: none;
}
@media screen and (max-width: 789px) {
.br-sp {
display: block;
}
}
.br-ssp {
display: none;
}
@media screen and (max-width: 480px) {
.br-ssp {
display: block;
}
}
.br-tbssp {
display: none;
}
@media screen and (max-width: 1000px) {
.br-tbssp {
display: block;
}
}
@media screen and (max-width: 789px) {
.br-tbssp {
display: none;
}
}
@media screen and (max-width: 480px) {
.br-tbssp {
display: block;
}
}
.br-pctbnonesp {
display: block;
}
@media screen and (max-width: 1000px) {
.br-pctbnonesp {
display: none;
}
}
@media screen and (max-width: 789px) {
.br-pctbnonesp {
display: block;
}
}
.br-pctbnonessp {
display: block;
}
@media screen and (max-width: 570px) {
.br-pctbnonessp {
display: none;
}
}
@media (min-width: 791px) {
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
color: #000000;
}
}
@media (max-width: 790px) {
a[href*="tel:"] {
pointer-events: auto;
cursor: pointer;
text-decoration: none;
}
} #a01, #a02, #a03, #a04, #a05, #a06, #a07, #a08 {
margin-top: -120px !important; padding-top: 120px !important; } .btn01 {
display: inline-block;
}
.btn01 a {
width: 12em;
max-width: 600px;
padding-top: 0.5em;
padding-bottom: 0.5em;
display: inline-block;
margin-left: auto;
margin-right: auto;
font-size: 1em;
border: 1px solid #ffffff;
background-color: #004793;
background-repeat: no-repeat;
background-image: url(//www.setouchi-h.ed.jp/site/wp-content/themes/setouchi-wp/img/common/ico_arrows01.png);
background-position: left 2em center;
text-align: center;
padding-left: 2em;
transition: background 0.3s ease, color 0.3s ease;
}
@media screen and (max-width: 789px) {
.btn01 a {
padding-right: 2em;
font-size: 1em;
background-position: left 1em center;
}
}
.btn01 a:link, .btn01 a:visited {
color: #ffffff !important;
}
.btn01 a:hover {
text-decoration: none !important;
display: block;
background-color: #ffffff;
background-image: url(//www.setouchi-h.ed.jp/site/wp-content/themes/setouchi-wp/img/common/ico_arrows01_on.png);
border: 1px solid #004793;
color: #004793 !important;
}   @media (min-width: 1001px) { html, body {
height: 100%;
} #header {
position: fixed;
left: 0;
top: 0;
width: 50vw;
height: 100vh;
overflow: hidden; } #contents {
position: fixed;
left: 50vw;
top: 0; width: 50vw;
height: 100vh;
overflow-y: auto; overflow-x: visible; -webkit-overflow-scrolling: touch; }
} @media (max-width: 1000px) {
html, body {
overflow: auto;
height: auto;
}
#header {
position: relative; height: 70vh; }
#header.is-second {
position: relative; height: 40vh; }
#contents {
position: static;  height: auto;
overflow: visible;
}
}   .is-front .header-bgvideo {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: -1; pointer-events: none; } #header.site-header.is-front {
height: 100vh;   }
@supports (height: 100dvh) {
#header.site-header.is-front {
height: 100dvh;
}
}
@supports (height: 100svh) {
#header.site-header.is-front {
height: 100svh;
}
} .imgtxt {
width: 95%;
text-align: center;
left: 2.5%;
right: 0;
position: absolute;
bottom: 30px;
}
.imgtxt img {
width: 100%;
}
#header .headerInner {
display: inline-block; width: fit-content; max-width: 100%; margin-left: 30px; position: fixed;
top: 30px;
z-index: 2;
}
@media (max-width: 1000px) {
#header .headerInner {
z-index: 2000;
position: relative;
} } .headerlogo {
background: rgba(2, 55, 146, 0.45);
width: 250px;
padding-top: 20px;
padding-bottom: 20px;
}
.headerlogo img {
width: 150px;
height: auto;
display: block;
text-align: center;
margin-left: auto;
margin-right: auto;
}
@media (max-width: 789px) {
#header .headerInner {
top: 10px;
}
.headerlogo {
width: 100px;
padding-top: 10px;
padding-bottom: 10px;
}
.headerlogo img {
width: 90px;
}
}   :root {
--nav-padY: clamp(8px, 1.2vh, 14px); --nav-li-lh: 1.4; }
@supports (height: 1svh) {
:root {
--nav-padY: clamp(8px, 1.2svh, 14px);
}
} .headernavi {  overflow: hidden; }
.headernavi nav {
position: relative; }
.headernavi nav, .headernavi nav ul, .headernavi nav li {
margin: 0;
padding: 0;
list-style: none;
} .headernavi nav > ul {
display: flex;
flex-direction: column;
}
.headernavi nav > ul > li {
position: static;
z-index: 2; background: rgba(0, 0, 0, 0.45);
line-height: var(--nav-li-lh);
color: #fff;
cursor: default;
transition: transform .2s ease, background .2s ease;
padding-block: var(--nav-padY);
padding-inline: 14px;
padding-left: 44px; }
.headernavi nav > ul > li:hover {
transform: translateX(0px);
background: rgba(0, 0, 0, 0.6);
} .headernavi nav > ul > li > a {
display: block;
color: #FCFCFC;
text-decoration: none;
} .headernavi nav > ul > li::before {
content: "";
position: absolute;
left: 14px;
top: 50%;
transform: translateY(-50%);
width: 20px;
height: 20px;
opacity: .9;
background: no-repeat center/20px 20px;
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28 28">  <circle cx="14" cy="14" r="12.5" stroke="white" stroke-opacity="0.25" stroke-width="1"/>  <path d="M11 8l6 6-6 6" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
} .headernavi nav > ul > li > ul {
position: absolute;
top: 0;
left: 100%;
min-width: 260px;
max-width: 360px;
margin: 0;
padding: 8px;
list-style: none;
opacity: 0;
pointer-events: none;
transform: translateY(6px);
transition: opacity .18s ease, transform .18s ease;
z-index: 10; overflow: visible;
} .headernavi nav > ul > li > ul::before {
content: "";
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0);
z-index: -1;
} .headernavi nav > ul > li:hover > ul, .headernavi nav > ul > li:focus-within > ul, .headernavi nav > ul > li.force-open > ul {
opacity: 1;
pointer-events: auto;
transform: translateY(0);
visibility: visible;
display: block;
} .headernavi nav > ul > li > ul > li {
position: relative;
padding: 6px 12px 6px 36px;
border-radius: 8px;
font-size: .9em;
color: #fff;
z-index: 1;
}
.headernavi nav > ul > li > ul > li:hover {
background: rgba(255, 255, 255, 0.08);
}
.headernavi nav > ul > li > ul > li > a {
color: #fff;
} .headernavi nav > ul > li > ul > li a::before {
content: "";
position: absolute;
left: 10px;
top: 50%;
transform: translateY(-50%);
width: 18px;
height: 18px;
background: no-repeat center/18px 18px;
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">  <path d="M20 6L9 17l-5-5" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
} @media (min-width: 1001px) {
.headernavi {
overflow: visible;
} .headernavi nav {
--bg-band-w: 320px;
}
.headernavi nav::before {
content: "";
position: absolute;
top: 0;
left: 100%;
width: var(--bg-band-w);
height: 100%;
background: rgba(0, 0, 0, 0.78);
z-index: 0; opacity: 0;
pointer-events: auto; transition: opacity .2s ease;
} .headernavi nav:has(> ul > li:hover > ul)::before, .headernavi nav:has(> ul > li:focus-within > ul)::before, .headernavi nav:has(> ul > li.force-open > ul)::before, .headernavi nav.has-subopen::before {
opacity: 1;
} .headernavi nav > ul > li {
position: relative;
}
.headernavi nav > ul > li > ul {
top: 0;
left: 100%;
height: var(--nav-h, auto); display: none;
opacity: 0;
pointer-events: none;
transform: translateY(0);
transition: opacity .18s ease;
} .headernavi nav > ul > li:hover > ul, .headernavi nav > ul > li:focus-within > ul, .headernavi nav > ul > li.force-open > ul {
display: block;
opacity: 1;
pointer-events: auto;
} .headernavi nav > ul > li > ul > li {
position: relative;
z-index: 1;
} .headernavi nav, .headernavi nav ul, .headernavi nav li {
margin: 0;
padding: 0;
list-style: none;
}
.headernavi nav {
max-height: 0;
overflow: hidden;
transition: max-height .5s ease, opacity .5s ease, transform .5s ease;
opacity: 0;
transform: translateY(-20px);
margin-top: -20px;
}
.headernavi.is-open nav {
max-height: 1000px;
opacity: 1;
transform: translateY(0);
overflow: visible;
}
.headernavi .menu-toggle2 {
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
align-items: center;
margin-top: 2px;
font-size: 1rem;
cursor: pointer;
background: none;
border: none;
color: #fff;
text-align: center;
padding: 10px;
width: 100%;
background-color: rgba(0, 0, 0, 0.5);
}
.headernavi .menu-toggle2 .icon {
margin-right: .5em;
transition: transform .3s ease;
}
.headernavi .menu-toggle2[aria-expanded="true"] .icon {
transform: rotate(180deg);
}
.headernavi nav > ul > li > ul {
min-width: 30ch;
width: 35ch; box-sizing: border-box;
}
.headernavi nav > ul > li > ul > li {
width: 100%; box-sizing: border-box;
}
} @media (max-width: 1000px) { .menu-toggle {
position: fixed;
top: 12px;
right: 12px;
width: 44px;
height: 44px;
border: none;
background: transparent;
padding: 0;
margin: 0;
z-index: 4002;
cursor: pointer;
pointer-events: auto;
}
.menu-toggle .menu-toggle__bars {
position: relative;
display: block;
width: 26px;
height: 2px;
background: #000;
margin: 0 auto;
}
.menu-toggle .menu-toggle__bars::before, .menu-toggle .menu-toggle__bars::after {
content: "";
position: absolute;
left: 0;
right: 0;
height: 2px;
background: #000;
}
.menu-toggle .menu-toggle__bars::before {
top: -8px;
}
.menu-toggle .menu-toggle__bars::after {
top: 8px;
} .menu-toggle .menu-toggle__bars, .menu-toggle .menu-toggle__bars::before, .menu-toggle .menu-toggle__bars::after {
transition: transform .25s ease, top .25s ease, opacity .2s ease, background .2s ease;
} body.is-menu-open .menu-toggle .menu-toggle__bars {
background: transparent; }
body.is-menu-open .menu-toggle .menu-toggle__bars::before, body.is-menu-open .menu-toggle .menu-toggle__bars::after {
top: 0; }
body.is-menu-open .menu-toggle .menu-toggle__bars::before {
transform: rotate(45deg);
}
body.is-menu-open .menu-toggle .menu-toggle__bars::after {
transform: rotate(-45deg);
}
body.is-menu-open .menu-toggle .menu-toggle__bars::before, body.is-menu-open .menu-toggle .menu-toggle__bars::after {
background: #fff;
} .headernavi {
position: fixed;
inset: 0 0 0 auto; width: min(86vw, 360px);
transform: translateX(100%);
transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1);
background: #000;
z-index: 4001;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
padding: 72px 12px 24px;
}
body.is-menu-open .headernavi {
transform: translateX(0);
}
.mobile-overlay {
position: fixed;
inset: 0;
background: rgba(0, 0, 0, 0.35);
opacity: 0;
pointer-events: none;
transition: opacity .25s ease;
z-index: 2000;
}
body.is-menu-open .mobile-overlay {
opacity: 1;
pointer-events: auto;
} .headernavi nav {
padding: 0;
}
.headernavi nav > ul {
display: grid;
gap: 10px;
}
.headernavi nav > ul > li {
position: relative;
border-radius: 0;
background: #111;
box-shadow: none;
}
.headernavi nav > ul > li::before {
content: "";
position: absolute;
left: 12px;
top: 22px;
transform: translateY(-50%);
width: 22px;
height: 22px;
opacity: .95;
pointer-events: none;
background: no-repeat center/22px 22px;
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28 28">  <circle cx="14" cy="14" r="12.5" stroke="white" stroke-opacity="0.35" stroke-width="1"/>  <path d="M11 8l6 6-6 6" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.headernavi nav > ul > li > a {
display: block;
color: #fff;
text-decoration: none;
padding: 4px 0px 4px 0px;
font-size: 16px;
line-height: 1.4;
} .headernavi nav button.submenu-toggle {
position: absolute;
right: 10px;
top: 22px;
transform: translateY(-50%);
width: 36px;
height: 28px;
border-radius: 8px;
border: 1px solid rgba(255, 255, 255, 0.25);
background: rgba(255, 255, 255, 0.08);
display: inline-grid;
place-items: center;
color: #fff;
font-size: 18px;
font-weight: 700;
line-height: 1;
cursor: pointer;
transition: .2s ease;
}
.headernavi nav button.submenu-toggle::after {
content: "+";
}
.headernavi nav li.is-open > button.submenu-toggle, .headernavi nav button.submenu-toggle[aria-expanded="true"] {
top: 8px;
transform: none;
}
.headernavi nav li.is-open > button.submenu-toggle::after, .headernavi nav button.submenu-toggle[aria-expanded="true"]::after {
content: "−";
}
.headernavi nav li > ul {
max-height: 0;
overflow: hidden;
margin: 0;
padding: 0 10px 0 0;
background: transparent;
transition: max-height .28s ease; position: static;
opacity: 1;
transform: none;
pointer-events: auto;
margin-top: 10px;
}
.headernavi nav li.is-open > ul {
max-height: 1200px;
}
.headernavi nav li > ul > li {
position: relative;
background: rgba(0, 0, 0, 0.8);
border-radius: 0;
}
.headernavi nav li > ul > li + li {
margin-top: 8px;
}
.headernavi nav li > ul > li > a {
display: block;
color: #fff;
text-decoration: none;
padding: 12px 10px 12px 44px;
font-size: 15px;
line-height: 1.4;
}
.headernavi nav li > ul > li a::before {
content: "";
position: absolute;
left: 12px;
top: 50%;
transform: translateY(-50%);
width: 18px;
height: 18px;
opacity: .95;
pointer-events: none;
background: no-repeat center/18px 18px;
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">  <path d="M9 7l5 5-5 5" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none"/></svg>');
}
}
@media (max-width: 1000px) {
.headernavi nav li > ul {
display: block; max-height: 0;
overflow: hidden;
transition: max-height .28s ease;
position: static;
opacity: 1;
transform: none;
pointer-events: auto;
margin-top: 10px;
}
.headernavi nav li.is-open > ul { max-height: 1200px;
}
} .headernavi .menu-toggle2 {
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
align-items: center;
margin-top: 2px;
font-size: 1rem;
cursor: pointer;
background: none;
border: none;
color: #fff;
text-align: center;
padding: 10px;
width: 100%;
background-color: rgba(0, 0, 0, 0.5);
}
.headernavi .menu-toggle2 .icon {
margin-right: .5em;
transition: transform .3s ease;
}
.headernavi.is-open .menu-toggle2 .icon {
transform: rotate(180deg);
} @media (max-width: 1000px) {
.headernavi nav {
max-height: none !important;
opacity: 1 !important;
transform: none !important;
overflow: visible !important;
}
.headernavi nav > ul > li > ul {
max-height: 1200px;
display: block !important;
opacity: 1;
pointer-events: none;
transform: translateY(0);
} .headernavi nav > ul > li > ul > li {
position: relative;
padding: 0px !important;
border-radius: 8px;
font-size: .9em;
color: #fff;
z-index: 1;
}
} @media (max-width: 1000px) {
.headernavi nav li > ul {
position: static;
display: block; opacity: 1;
pointer-events: auto;
transform: none;
margin-top: 10px;
max-height: 0; overflow: hidden;
transition: max-height .28s ease;
}
.headernavi nav li.is-open > ul {
max-height: 1200px;
}
} @media (min-width: 1001px) {
.headernavi nav > ul > li > ul {
display: none;
opacity: 0;
pointer-events: none;
transform: translateY(0);
}
.headernavi nav > ul > li:hover > ul, .headernavi nav > ul > li:focus-within > ul, .headernavi nav > ul > li.force-open > ul {
display: block;
opacity: 1;
pointer-events: auto;
}
} @media (max-width: 1000px) {
.mobile-overlay {
z-index: 2000;
}
.headernavi {
z-index: 4001;
} .menu-toggle {
z-index: 4002;
} .menu-toggle2 {
display: none;
} }
@media (max-width: 1000px) {
.headernavi nav > ul > li > ul {
position: static !important;
top: auto !important;
left: auto !important;
opacity: 1 !important;
pointer-events: auto !important;
transform: none !important;
display: block !important; max-height: 0;
overflow: hidden;
transition: max-height .28s ease;
margin-top: 10px;
padding: 0 10px 0 0;
}
.headernavi nav > ul > li.is-open > ul {
max-height: 1200px;
} .headernavi nav > ul > li > ul::before {
content: none;
}
} .site {
display: grid;
grid-template-columns: 1fr 1fr; min-height: 100vh;
}
@media (max-width: 1000px) {
.site { grid-template-columns: 1fr;
grid-template-rows: auto 1fr;
}
}
#header.site-header {
background-size: cover;
background-position: center;
position: relative;
}
#contents {
overflow: auto;
}  .is-front #header .menu-toggle {
display: inline-flex;
} @media (min-width: 1001px) {
.is-second #header .menu-toggle2 {
display: none;
} .is-second #header .headernavi {
opacity: 1;
visibility: visible;
pointer-events: auto;
} .is-second #header .menu .current-menu-ancestor > a, .is-second #header .menu .current-menu-item > a {
font-weight: 700;
text-decoration: underline;
}
.is-second #header .menu .current-menu-ancestor > .sub-menu {
display: block; } .is-second #header .menu li:hover > .sub-menu {
display: block;
}
}
@media (max-width: 1000px) { .mobile-overlay {
position: fixed;
inset: 0;
z-index: 3000; background: rgba(0, 0, 0, 0.55);
} .headernavi {
position: fixed; top: 0; height: 100dvh;
z-index: 4001;  isolation: isolate;
} #header .headerInner {
position: relative;
z-index: auto; }
} .headernavi li.current-page-ancestor > a, .headernavi li.current-menu-ancestor > a {
background: var(--menu-hover-bg, rgba(0, 0, 0, 0.15)); color: var(--menu-hover-color, #fff); } .headernavi li:hover > a, .headernavi li.current-page-ancestor > a, .headernavi li.current-menu-ancestor > a {
background-color: rgba(0, 0, 0, 0.15);
color: #fff;
}
.headernavi nav > ul > li.is-current-parent {
background: rgba(0, 0, 0, 0.6);
transform: translateX(0px);
}
.headernavi nav > ul > li.is-current-parent > a {
color: #fff;
}
@media (min-width: 1001px) { .headernavi nav > ul > li {
padding: 0;
} .headernavi nav > ul > li > a {
display: block;
padding-left: 44px; color: #FCFCFC;
text-decoration: none;
}
.headernavi nav > ul > li:hover > a, .headernavi nav > ul > li:focus-within > a, .headernavi nav > ul > li.is-current-parent > a {
color: #fff;
}   .headernavi nav > ul > li > ul > li {
padding: 0;
} .headernavi nav > ul > li > ul > li > a {
display: block;
padding: 6px 12px 6px 36px; border-radius: 8px;
color: #fff;
text-decoration: none;
position: relative; }
.headernavi nav > ul > li > ul > li:hover > a, .headernavi nav > ul > li > ul > li > a:hover {
background: rgba(255, 255, 255, .08);
} @supports selector(li:has(> a)) { .headernavi nav > ul > li {
padding-block: 0;
} .headernavi nav > ul > li:has(> a) {
padding-block: 0;
} .headernavi nav > ul > li:has(> a) > a { padding-block: var(--nav-padY);
} .headernavi nav > ul > li:has(> a):hover > a, .headernavi nav > ul > li:has(> a):focus-within > a, .headernavi nav > ul > li:has(> a).is-current-parent > a { color: #fff; } .headernavi nav > ul > li:not(:has(> a)) {
padding-block: var(--nav-padY);
padding-left: 44px; }
}
} .pagetop {
position: fixed;
right: 16px;
bottom: 16px;
z-index: 2000;
}
.pagetop > a {
display: block;
width: 56px;
height: 56px;
border-radius: 50%;
overflow: hidden;
}
.pagetop img {
display: block;
width: 100%;
height: auto;
} footer {
padding-left: 5%;
padding-right: 5%;
padding-top: 20px;
padding-bottom: 20px;
background: #f5f5f5;
}
footer {
font-size: 0.9em;
}
footer .sitemap .footer-nav, footer .sitemap .footersub-nav {
display: flex;
flex-wrap: wrap;
gap: 1.5em;
row-gap: 0.2em;
margin: 1.5em 0;
}
footer .sitemap .footer-nav li, footer .sitemap .footersub-nav li {
white-space: nowrap;
list-style: none;
}
footer .sitemap .footer-nav li a, footer .sitemap .footersub-nav li a {
color: #000;
text-decoration: none;
transition: color 0.25s ease;
}
footer .sitemap .footer-nav li a:hover, footer .sitemap .footersub-nav li a:hover {
color: #023894;
} .contentsInner {
margin-top: 0px;
margin-left: auto;
margin-right: auto;
position: relative;
padding-left: 3%;
padding-right: 3%;
text-align: left;
max-width: 1300px;
width: 94%;
}
@media screen and (max-width: 1000px) {
.contentsInner {
width: 98%;
padding: 0 1%;
}
}
.flexarea {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap; justify-content: space-between; }   .pagetop {
position: fixed;
bottom: 45px;
right: 5px;
margin: 0 auto;
z-index: 2000;
}  h2 {
font-size: clamp(24px, 3vw, 30px);
font-family: "Noto Serif JP", "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", Times, Garamond, Georgia, serif !important;
padding-bottom: clamp(28px, 5.5vw, 50px);
padding-top: clamp(28px, 5.5vw, 50px);
}
h3 {
font-size: clamp(22px, 2vw, 30px);
margin-bottom: 1.5em;
text-align: center;
font-weight: 500;
line-height: 150%;
position: relative;
padding: 20px;
color: hsla(0, 0%, 100%, 1.00); }
h3:first-child {
margin-top: 0px;
}
h4 {
color: #000000;
font-size: clamp(20px, 2vw, 26px);
font-weight: normal;
line-height: 150%;
padding-top: 0px;
padding-bottom: 20px;
padding-left: 0px;
width: 100%;
margin-top: 2em;
margin-bottom: 1em; }
h5 {
color: #000000;
font-size: clamp(18px, 2vw, 22px);
font-weight: 500;
line-height: 150%;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 20px;
padding-right: 20px;
margin-top: 2em;
margin-bottom: 1em; border-radius: 2px;
}
h6 {
color: #000000;
font-size: 1em;
margin-top: 2em;
line-height: 150%;
padding-bottom: 10px;
padding-left: 0px;
margin-bottom: 1em;
}
h6::before {
padding-right: 1em;
content: "■";
}
p + h3, p + h4 {
margin-top: 3em;
}
@media screen and (max-width: 789px) {
p + h3, p + h4 {
margin-top: 2em;
}
}
p + h5, p + h6 {
margin-top: 2em;
}
@media screen and (max-width: 789px) {
p + h5, p + h6 {
margin-top: 1em;
}
}  section ul {
margin-top: 15px;
margin-right: 0px;
margin-left: 1em;
margin-bottom: 15px;
padding-top: 0px;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 0px;
}
section li ul {
margin-top: 0px;
margin-right: 0px;
margin-left: 3em;
margin-bottom: 15px;
padding-top: 0px;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 0px;
}
section dl {
margin-top: 15px;
margin-right: 0px;
margin-left: 2em;
margin-bottom: 2em;
padding-top: 0px;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 0px;
}
section dt {
color: #004793;
font-weight: bold;
} section ol {
margin: 15px 0px 15px 25px;
padding: 0px 20px;
}
section ol ol {
margin: 0px 0px 0px 25px;
padding: 0px;
}
section table p {
padding-top: 0px;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
} table {
border-collapse: collapse; }
@media screen and (max-width: 789px) {
table {
width: 100%;
}
}
.table {
margin-top: 50px;
margin-right: 0px;
margin-left: 0px;
margin-bottom: 50px;
border: 1px solid #cccccc !important;
}
@media screen and (max-width: 789px) {
.table {
margin: 0px;
width: 100%;
}
}
.table th, .table td {
padding: 20px 20px;
vertical-align: top;
border: 1px solid #cccccc !important;
background-color: #ffffff;
}
@media screen and (max-width: 789px) {
.table th, .table td {
padding: 10px 10px;
display: block;
border-top: none;
border: 0px solid #cccccc !important;
}
}
.table td {
text-align: left;
}
.table td.td-left {
background-color: #f8f8f8;
}
.table th {
background-color: #eee;
} .table01 {
margin-top: 10px;
margin-left: 0px;
margin-bottom: 50px;
border: 1px solid #cccccc;
width: 100%;
}
.table01 th, .table01 td {
padding: 8px 10px;
border-top: 1px solid #cccccc;
border-right: 1px solid #cccccc;
background-color: #ffffff;
}
.table01 th {
font-weight: bold;
background: #eee;
border-right: 1px solid #cccccc;
} .table02 {
margin-top: 10px;
margin-left: 0px;
margin-bottom: 50px;
border: 1px solid #cccccc;
width: 100%;
}
@media screen and (max-width: 789px) {
.table02 {
width: 100%;
}
}
.table02 th, .table02 td {
padding: 8px 10px;
border-top: 1px solid #cccccc;
border-right: 1px solid #cccccc;
background-color: #ffffff;
}
.table02 th {
font-weight: bold;
background: #eee;
border-right: 1px solid #cccccc;
}
@media screen and (max-width: 789px) {
.table02 td .img {
display: block;
border-top: none;
}
} .table03 {
border-collapse: collapse;
width: 100%;
}
.table03 tr:nth-child(even) {
background-color: #eeeeee;
}
.table03 tr:nth-child(odd) {
background-color: #ffffff;
}
.table03 td, .table03 th {
border: none;
padding: 10px;
text-align: left;
} .table04 {
border-collapse: collapse;
width: 100%;
}
.table04 tr:nth-child(even) {
background-color: #eeeeee;
}
.table04 tr:nth-child(odd) {
background-color: #ffffff;
}
.table04 td, .table04 th {
border: none;
padding: 10px;
}
.table04 td.kei {
background-color: #ffcacb;
} .table-container {
width: 100%;
}
@media screen and (max-width: 789px) {
.table-container {
overflow-x: auto;
-webkit-overflow-scrolling: touch; }
}
.table-container table {
width: 100%;
border-collapse: collapse;
min-width: 600px;
}
.table-container table th, .table-container table td {
border: 1px solid #ccc;
padding: 8px 12px;
text-align: left;
}
.table-container table th {
background: #eee;
}
.table-container02 {
width: 100%;
}
@media screen and (max-width: 789px) {
.table-container02 {
overflow-x: auto;
-webkit-overflow-scrolling: touch; }
}
.table-container02 table {
width: 100%;
border-collapse: collapse;
min-width: 600px;
}
.table-container02 table th, .table-container02 table td {
border: 1px solid #ccc;
padding: 8px 12px;
}
.table-container02 table th {
background: #eee;
}  .bread {
padding: 20px 10px 0px 0px;
font-size: 12px;
}
@media screen and (max-width: 789px) {
.bread {
padding: 5px;
}
}
.bread a:link, .bread a:visited, .bread a:active {
color: #000;
}  .course {
padding-left: 5%;
padding-right: 5%;
padding-top: 50px;
padding-bottom: 50px;
}
.bnr, .news, .insta {
margin-left: 5%;
margin-right: 5%;
}
.bnr, .news, .insta {
padding: 20px 0;
} .slide {
padding-top: 0px;
padding-bottom: 20px;
position: relative;
overflow-x: hidden;         }
.slide .img-slider {
position: relative;
width: 100%;
}
.slide .img-slider .swiper-button-next, .slide .img-slider .swiper-button-prev {
position: absolute; top: 50%;
transform: translateY(-50%);
z-index: 10;
width: 44px;
height: 44px;
border-radius: 50%;
background: rgba(0, 0, 0, 0.8); display: flex;
justify-content: center;
align-items: center;
transition: background .3s;
cursor: pointer; }
.slide .img-slider .swiper-button-prev {
left: 10px;
}
.slide .img-slider .swiper-button-next {
right: 10px;
}
.slide .img-slider .swiper-button-next:hover, .slide .img-slider .swiper-button-prev:hover {
background: rgba(0, 0, 0, 0.65);
}
.slide .img-slider .swiper-button-next::after, .slide .img-slider .swiper-button-prev::after {
content: "";
display: block;
width: 12px;
height: 12px;
border-right: 2px solid #fff; border-bottom: 2px solid #fff;
}
.slide .img-slider .swiper-button-next::after {
transform: rotate(-45deg);
margin-right: 5px;
}
.slide .img-slider .swiper-button-prev::after {
transform: rotate(135deg);
margin-left: 5px;
}
.slide .img-slider .swiper-pagination {
position: absolute;
left: 50%;
bottom: -15px;
transform: translateX(-50%);
text-align: center;
width: auto;
}
.slide .img-slider .swiper-pagination-bullet {
width: 10px;
height: 10px;
opacity: .4;
background: #000;
margin: 0 6px !important;
}
.slide .img-slider .swiper-pagination-bullet-active {
opacity: 1;
background: #222;
} .bnr {
display: grid;
grid-template-columns: repeat(3, 1fr); gap: 16px; margin-bottom: 0px; }
.bnr .bnrimg a {
display: block;
}
.bnr .bnrimg img {
display: block;
width: 100%;
height: auto; } @media (max-width: 570px) {
.bnr {
grid-template-columns: repeat(2, 1fr);
}
} @media (max-width: 380px) {
.bnr {
grid-template-columns: 1fr;
width: 60%;
margin-left: auto;
margin-right: auto;
text-align: center;
}
} .indextitle {
display: inline-flex; align-items: flex-end;
gap: 1em; color: #023894;
font-size: clamp(14px, 2vw, 20px);
line-height: 1.1;
font-weight: normal;
margin-bottom: 40px;
border-bottom: 1px solid #cdcdcd; padding-bottom: .8em;
}
.indextitle span {
display: inline-block;
}
.indextitle .iconchousei {
align-self: flex-end;
margin-bottom: -15px; }  .news .important__notice {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
margin-bottom: 30px;
column-gap: 16px;
}
.news .important__notice .cate_title {
flex: 0 0 150px;
}
.news .important__notice .cate_title span {
display: inline-block;
background: #f6d242;
color: #023894;
font-weight: 700;
padding: .5em 1em;
}
.news .important__notice .newsBox {
flex: 1 1 auto;
display: grid;
grid-template-columns: 8em minmax(0, 1fr); column-gap: 16px;
row-gap: 8px;
}
.news .important__notice .newsBox .date {
color: #333;
line-height: 1.6;
white-space: nowrap;
}
.news .important__notice .newsBox .post_title {
color: #000000;
font-weight: 500;
line-height: 1.6;
word-break: break-word;
}
@media (max-width: 789px) {
.news .important__notice {
flex-direction: column;
}
.news .important__notice .cate_title {
margin-bottom: .8em;
flex: 0 0 100%;
}
}
@media (max-width: 480px) {
.news .important__notice .newsBox { grid-template-columns: 8em minmax(0, 1fr);
row-gap: 6px;
}
.news .important__notice .newsBox .post_title {
grid-column: 1 / -1;
}
} .news .infinite-slider .swiper-wrapper {
transition-timing-function: linear !important;
}
.news .carousel-section {
padding: 20px 2%;
margin-left: -2%;
margin-right: -2%;
text-align: center;
overflow-x: hidden;
position: relative;
}
@media screen and (max-width: 789px) {
.news .carousel-section {
padding: 0px 2% 40px;
}
}
.news .carousel-section .infinite-slider .swiper-wrapper {
transition-timing-function: linear;
}
.news .carousel-section .infinite-slider .swiper-slide {  width: auto !important;
}
.news .carousel-section .infinite-slider .swiper-slide {
width: auto;
height: 100%;
}
.news .carousel-section .swiper-slide {}
.news .carousel-section .swiper-slide a:link, .news .carousel-section .swiper-slide a:visited, .news .carousel-section .swiper-slide a:active {
color: #000000;
}
.news .carousel-section .swiper-slide a:hover {
text-decoration: none;
}
.news .carousel-section .swiper-slide a:hover img {
opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "alpha(opacity=100)";
}
.news .carousel-section .swiper-slide .itemBox {}
.news .carousel-section .swiper-slide .itemBox a {
display: block;
color: inherit;
text-decoration: none;
border-radius: 10px;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
overflow: hidden; background: #fff;
transition: transform .18s ease, box-shadow .18s ease;
width: 100%;
text-align: left;
}
.news .carousel-section .swiper-slide .itemBox a:hover {
transform: translateY(-2px);
box-shadow: 0 12px 28px rgba(0, 0, 0, 0.12);
}
.news .carousel-section .swiper-slide .itemBox a:focus-visible {
outline: 3px solid #99c2ff;
outline-offset: 3px;
}
.news .carousel-section .swiper-slide .itemBox .imgBox {
position: relative;
aspect-ratio: 16/9; overflow: hidden;
background: #f2f4f7; }
.news .carousel-section .swiper-slide .itemBox .imgBox img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
transform: scale(1); transition: transform .35s ease; will-change: transform;
display: block;
}
.news .carousel-section .swiper-slide .itemBox .imgBox .n_cate {
position: absolute;
right: 0px;
top: 0px;
display: inline-block;
background: #45c254;
color: #fff;
font-weight: 700;
font-size: clamp(12px, 1.6vw, 13px);
line-height: 1;
padding: .55em .9em;
border-radius: 6px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
pointer-events: none; z-index: 2;
}
.news .carousel-section .swiper-slide .itemBox a:hover .imgBox img {
transform: scale(1.05);
}
.news .carousel-section .swiper-slide .itemBox a:active .imgBox img {
transform: scale(1.02);
}
.news .carousel-section .swiper-slide .itemBox .date {
margin: 10px 14px 2px;
font-size: clamp(12px, 1.6vw, 13px);
color: #333;
opacity: .95;
}
.news .carousel-section .swiper-slide .itemBox .title {
margin: 0 14px 14px;
font-size: clamp(14px, 2vw, 18px);
line-height: 1.6;
color: #000000;
font-weight: 700;
display: -webkit-box; -webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}  .news .swiper-button-prev, .news .swiper-button-next {
width: 46px;
height: 46px;
border-radius: 50%;
z-index: 20;
background: linear-gradient(135deg, #40aad9, #1a20c8);
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18);
display: flex;
align-items: center;
justify-content: center;
transition: transform .2s ease, box-shadow .2s ease, opacity .2s ease;
opacity: 0.95;
} .news .swiper-button-prev:hover, .news .swiper-button-next:hover {
transform: translateY(-2px);
opacity: 1;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
} .news .swiper-button-prev::after, .news .swiper-button-next::after {
content: "";
display: block;
width: 14px;
height: 14px;
border-right: 3px solid #fff;
border-bottom: 3px solid #fff; font-family: initial !important;
font-size: 0 !important;
} .news .swiper-button-prev::after {
transform: rotate(135deg);
margin-left: 5px;
} .news .swiper-button-next::after {
transform: rotate(-45deg);
margin-left: -5px;
} .news .swiper-button-prev {
left: -10px;
}
.news .swiper-button-next {
right: -10px;
} @media (max-width: 789px) {
.news .swiper-button-prev, .news .swiper-button-next {
width: 34px;
height: 34px;
}
.news .swiper-button-prev {
left: 5px;
}
.news .swiper-button-next {
right: 5px;
}
} .news .carousel-section {
position: relative; overflow: hidden; } .news .news-slider {
position: relative;
z-index: 10; } .news .infinite-slider {
position: absolute; inset: 0; z-index: 1; pointer-events: none; } .news .infinite-slider .swiper-slide {
opacity: 0.35; transform: scale(0.98); filter: blur(1px); transition: none !important;
}       .course {
background-color: #f8f8ff;
}
.course .title {
margin-bottom: 30px;
}
.course .course_section > div[class^="course0"] {
background: #fff;
border: 1px solid #e7e7e7;
border-radius: 16px;
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), box-shadow 0.35s ease, background 0.35s ease, border-color 0.35s ease;
will-change: transform, box-shadow;
padding: 0; display: flex;
align-items: stretch; transition: transform .3s ease, box-shadow .3s ease;    }
.course .course_section > div[class^="course0"] .coursetitle:first-of-type {
flex: 0 0 220px;
display: flex;
align-items: center;
justify-content: center;
font-size: clamp(16px, 2.6vw, 18px);
font-weight: 700;
line-height: 1.4;
color: #fff; padding: 20px;
position: relative;
padding-left: 20px; }
.course .course_section > div[class^="course0"] .coursetitle:first-of-type::before {
content: "\f060"; font-family: "Font Awesome 6 Free"; font-weight: 900; position: absolute;
left: 8px;
top: 50%;
transform: translateY(-50%) translateX(-10px);
opacity: 0;
transition: all .3s ease;
font-size: 30px;
color: rgba(255, 255, 255, 0.9); }
.course .course_section > div[class^="course0"]:hover .coursetitle:first-of-type::before {
transform: translateY(-50%) translateX(0);
opacity: 1;
}
.course .course_section > div[class^="course0"] .coursetitle:last-of-type, .course .course_section > div[class^="course0"] .coursetxt {
flex: 1 1 auto;
min-width: 0;
font-size: clamp(14px, 2.4vw, 15px);
line-height: 1.8;
color: #555;
padding: 20px;
background: #fff; border-left: 1px solid #e7e7e7;
}
.course .course_section > div[class^="course0"]:hover, .course .course_section > div[class^="course0"]:focus-within {
transform: translateX(-20px);
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);
}
@media (max-width: 1000px) {
.course .course_section > div[class^="course0"] {
flex-direction: column;
}
.course .course_section > div[class^="course0"] .coursetitle:first-of-type {
flex: none;
width: 100%;
justify-content: flex-start;
border-radius: 6px 6px 0 0;
}
.course .course_section > div[class^="course0"] .coursetitle:last-of-type, .course .course_section > div[class^="course0"] .coursetxt {
border-left: none;
border-top: 1px solid #e7e7e7;
border-radius: 0 0 6px 6px;
}
} .course .course_section .course01 .coursetitle:first-of-type {
background: #00a3d7;
}
.course .course_section .course02 .coursetitle:first-of-type {
background: #eb6928;
}
.course .course_section .course03 .coursetitle:first-of-type {
background: #3ab0c8;
}
.course .course_section .course04 .coursetitle:first-of-type {
background: #2675b2;
}
.course .course_section .course05 .coursetitle:first-of-type {
background: #f19690;
}
.course .course_section .course06 .coursetitle:first-of-type {
background: #ee7415;
color: #333;
}
.course .course_section .course07 .coursetitle:first-of-type {
background: #ad71a8;
color: #333;
} [class^="courseitem0"] {
display: none;
} #header {
position: relative;
overflow: hidden;
}
.hero-preview {
position: absolute;
inset: 0;
z-index: 999;
opacity: 0;
pointer-events: none;
transition: opacity .28s ease;
min-height: 360px;
}
.hero-preview.is-active {
opacity: 1;
pointer-events: auto;
} .hero-preview .hero-bg {
position: absolute;
inset: 0;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
opacity: 0;
transition: opacity .45s ease; will-change: opacity;
} .hero-preview .hero-bg::after {
content: "";
position: absolute;
inset: 0;
box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.25);
} .hero-preview .hero-bg.is-visible {
opacity: 1;
} .hero-preview .preview-card {
position: relative;
z-index: 3; width: min(100%, 980px);
margin: 0 auto;
padding: clamp(18px, 3.5vw, 28px);
background: transparent;
border: 0;
box-shadow: none;
color: #fff;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
display: grid;
gap: 12px;
}
.hero-preview .preview-title {
display: inline-block;
background: var(--title-bg, #305ca7);
color: #fff;
padding: .5em .9em;
border-radius: 8px;
font-weight: 800;
font-size: clamp(20px, 4vw, 32px);
}
.hero-preview .preview-text {
font-size: clamp(15px, 2.2vw, 18px);
line-height: 1.9;
}
.hero-preview .preview-link {
text-align: right;
}
.hero-preview .preview-link a {
display: inline-flex;
align-items: center;
gap: .6em;
padding: .65em 1.1em;
border-radius: 999px;
background: rgba(255, 255, 255, 0.15);
border: 1px solid rgba(255, 255, 255, 0.35);
color: #fff;
text-decoration: none;
transition: transform .2s ease, background .2s ease;
}
.hero-preview .preview-link a:hover {
transform: translateY(-2px);
background: rgba(255, 255, 255, 0.25);
} .hero-preview {
pointer-events: none;
}
.hero-preview.is-active {
pointer-events: auto;
} .course .course_section .course01, .course .course_section .course02 {
border-top: 3px solid rgba(48, 92, 167, 0.55);
}
.course .course_section .course03, .course .course_section .course04, .course .course_section .course05 {
border-top: 3px solid rgba(39, 196, 187, 0.55);
}
.course .course_section .course06, .course .course_section .course07 {
border-top: 3px solid #bc9f2d;
} .hero-preview { display: flex;
flex-direction: column;
justify-content: flex-end;  padding: 0 clamp(16px, 3vw, 24px) calc(24px + env(safe-area-inset-bottom));
} .hero-preview .preview-card {
margin: 0 auto;   } @media (max-width: 1000px) {
.hero-preview { display: none;
}
} .sr-only {
position: absolute !important;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
} @media (max-width: 1000px) { .course .course_section > div[class^="course0"] .coursetitle:first-of-type {
position: relative;
padding-right: 54px; }
.coursetitle {
position: relative;
}
.course-toggle {
position: absolute;
right: 12px;
top: 50%;
transform: translateY(-50%);
width: 36px;
height: 36px;
border: 1px solid rgba(255, 255, 255, 0.5);
border-radius: 8px;
background: rgba(255, 255, 255, 0.12);
cursor: pointer;
display: inline-grid;
place-items: center;
transition: background .2s ease, border-color .2s ease, transform .2s ease;
z-index: 10;
pointer-events: auto;
transition: max-height 0.3s ease;
}
.course-toggle:hover {
transform: translateY(-50%) scale(1.03);
}
.course-toggle:focus-visible {
outline: 3px solid #99c2ff;
outline-offset: 2px;
} .course-toggle::before, .course-toggle::after {
content: "";
display: block;
position: absolute;
background: #fff;
border-radius: 1px;
opacity: .95;
}
.course-toggle::before {
width: 18px;
height: 2px;
}
.course-toggle::after {
width: 2px;
height: 18px;
} .course-toggle[aria-expanded="true"]::after {
opacity: 0;
} .course .course_section > div[class^="course0"] .coursetxt {
overflow: hidden; max-height: 0;
padding-top: 0;
padding-bottom: 0;
border-top: none;
transition: max-height .35s ease, padding .25s ease, border-color .25s ease;
} .course .course_section > div[class^="course0"] .coursetxt.is-open { padding: 16px 20px 20px;
border-top: 1px solid #e7e7e7;
max-height: 1000px;
} .course-extra {
margin-top: 14px;
display: grid;
gap: 12px;
}
.course-extra__media {
width: 100%;
min-height: 150px;
aspect-ratio: 16/9;
background-size: cover;
background-position: center;
background: #ddd center/cover no-repeat;
border-radius: 12px;
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
}
.course-extra__link {
margin-top: 5px;
}
.course-extra__link a {
display: inline-flex;
align-items: center;
gap: .55em;
padding: .6em 1.05em;
border-radius: 999px;
background: #fff;
border: 1px solid #e7e7e7;
color: #111;
text-decoration: none;
transition: transform .2s ease, box-shadow .2s ease;
}
.course-extra__link a:hover {
transform: translateY(-1px);
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
}
} @media (max-width: 1000px) { .course .course_section > div[class^="course0"] {
transform: none !important;
transition: none !important; }
.course .course_section > div[class^="course0"]:hover, .course .course_section > div[class^="course0"]:focus-within {
transform: none !important;
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08); } .course .course_section > div[class^="course0"] .coursetitle:first-of-type::before {
display: none !important;
content: none !important;
}
}
@media (max-width: 1000px) {
.course .coursetxt.is-open {
overflow: visible;
} .course .course-extra__link { } .course .coursetxt.is-open {
padding-bottom: 100px;
} } .course .course_section {
overflow: hidden;
} @media (max-width: 1000px) {
.course .course_section {
overflow: hidden;
}
}
@media (min-width: 1001px) {
.course .course_section {
overflow: visible;
}
.course .course-extra__link a {
display: none;
}
}  .lh180 {
line-height: 180%;
font-size: clamp(22px, 2vw, 30px);
}
.sec_coursetitle {
line-height: 180%;
color: #FFFFFF;
font-size: clamp(22px, 3vw, 40px);
padding: clamp(22px, 2vw, 30px);
}
.sec_coursetitle span {
line-height: 120%;
font-size: clamp(15px, 2vw, 18px);
padding-bottom: 10px;
display: block;
} @media (min-width: 1001px) {
body:not(.home):not(.front-page) #contents {
display: flex;
flex-direction: column;
min-height: 0;
}
body:not(.home):not(.front-page) .section2nd.push-footer {
flex: 1 0 auto;
display: block;
}
body:not(.home):not(.front-page) .site-footer {
margin-top: auto;
}
} @media (max-width: 1000px) {
body:not(.home):not(.front-page) #contents {
display: block;
height: auto;
position: static;
overflow: visible;
}
body:not(.home):not(.front-page) .section2nd.push-footer {
flex: none;
}
}
.section2nd p {
margin-bottom: 1em;
}
.section2nd ul, .section2nd ol {
margin: 0;
padding-inline-start: 1.2em;
list-style-position: inside;
}
.section2nd li {
text-indent: -1.2em; padding-inline-start: 1.2em; line-height: 1.7; margin-bottom: 1em;
}
.section2nd {
background-color: #f8f8ff;
padding: 0 0 50px;
}
.section2nd h3:first-child, .section2nd h4:first-child, .section2nd h5:first-child, .section2nd h6:first-child {
margin-top: 0;
}
.section2nd.no-heading {
padding-top: 40px;
}   .section2nd .wp-block-button .wp-block-button__link, .section2nd .wp-block-button .wp-element-button { display: inline-flex;
align-items: center;
justify-content: center;
padding: .75em 1.25em;
border: 1px solid #004793;
border-radius: 999px;
background: #fff;
color: #004793;
text-decoration: none;
font-weight: 700;
line-height: 1;
transition: background .2s ease, color .2s ease, border-color .2s ease, transform .2s ease;
} .section2nd .wp-block-button .wp-block-button__link:hover, .section2nd .wp-block-button .wp-block-button__link:focus-visible, .section2nd .wp-block-button .wp-element-button:hover, .section2nd .wp-block-button .wp-element-button:focus-visible {
background: #004793;
color: #fff;
border-color: #004793;
transform: translateY(-1px);
outline: 0;
box-shadow: none;
} .section2nd .wp-block-button .wp-block-button__link.has-background, .section2nd .wp-block-button .wp-block-button__link.has-text-color, .section2nd .wp-block-button .wp-element-button.has-background, .section2nd .wp-block-button .wp-element-button.has-text-color { }
@media (max-width: 480px) {
.wp-block-buttons > .wp-block-button.wp-block-button__width-50 {
width: 100% !important;
}
} .section2nd .wp-block-button.w300 .wp-block-button__link, .section2nd .wp-block-button.w300 .wp-element-button { min-width: 300px;
}
@media (max-width: 480px) {
.section2nd .wp-block-button.w300 .wp-block-button__link, .section2nd .wp-block-button.w300 .wp-element-button {
min-width: auto;
width: 100%;
}
} .wp-block-table.c-table table {
margin: 0 0 20px;
overflow-x: auto;
}
.wp-block-table.c-table table {
width: 100%;
border: solid 2px #f4f8fb;
}
.wp-block-table.c-table table th, .wp-block-table.c-table table td {
padding: 10px 15px;
font-size: 90%;
line-height: 160%;
border: 0px solid;
font-weight: normal;
}
.wp-block-table.c-table table thead td {
color: #000;
background-color: #dce4e9;
border-bottom: 1px solid #f4f8fb;
}
.wp-block-table.c-table table thead th:not(:last-of-type) {
border-right: solid 1px #f4f8fb;
}
.wp-block-table.c-table table tbody th {
color: #000;
background-color: #e6eef3;
}
.wp-block-table.c-table table tbody tr:not(:last-of-type) th {
border-bottom: solid 1px #fff;
}
.wp-block-table.c-table table td {
background-color: #fff;
}
.wp-block-table.c-table table tr:not(:last-of-type) td {
border-bottom: solid 1px #e6eef3;
}
.wp-block-table.c-table table tr td:not(:last-of-type) {
border-right: solid 1px #e6eef3;
}
.wp-block-table.c-table thead th {
width: 20%;
background: #f3f6fb;
color: #004793;
font-weight: 700;
text-align: center;
white-space: nowrap;
}
.wp-block-table.c-table td:first-child {
background: #f3f6fb;
color: #004793;
font-weight: 700;
text-align: center;
white-space: nowrap;
}
.wp-block-table.c-table td:nth-child(2) {
width: 80%;
background: #fff;
color: #333;
}
.wp-block-table.c-table .has-fixed-layout {
table-layout: auto;
width: 100%;
}
.wp-block-table.c-table thead {
border-bottom: 1px solid #f4f8fb;
}
.wp-block-table.c-table02 td:nth-child(2) {
width: auto !important;
}  .wp-block-group.is-style-border {
border: 1px solid #ccc;
border-radius: 8px;
padding: 1.5em;
background: #fff;
} .table-basic {
display: table;
width: 100%;
border-collapse: collapse;
margin-bottom: 1.5em; }
.table-basic .row {
display: table-row;
}
.table-basic dt, .table-basic dd {
display: table-cell;
border: 1px solid #ccc;
padding: 1em;
vertical-align: middle;
}
.table-basic dt {
width: 30%;
background: #f7f9fc;
font-weight: bold;
text-align: center;
}
.table-basic dd {
width: 70%;
line-height: 1.8;
}
@media (max-width: 768px) {
.table-basic .table-basic {
display: block;
}
.table-basic .table-basic .row {
display: block;
margin-bottom: 1em;
}
.table-basic .table-basic dt, .table-basic .table-basic dd {
display: block;
width: 100%;
}
.table-basic .table-basic dt {
border-bottom: none;
}
}
.table-schedule {
width: 100%;
border-top: 1px solid #f4f8fb;
border-bottom: 1px solid #f4f8fb;
margin: 1em 0; }
.table-schedule .row {
display: grid;
grid-template-columns: 1fr 0.8fr 0.6fr;
border-top: 1px solid #f4f8fb;
}
.table-schedule .row:first-child {
border-top: none;
}
.table-schedule .row dt, .table-schedule .row dd {
padding: 8px 12px;
border-left: 1px solid #f4f8fb;
display: flex;
align-items: center;
}
.table-schedule .row dt {
background: #f9fafc;
border-left: none;
}
.table-schedule .row .time {
text-align: center;
background: #fff;
}
.table-schedule .row .note {
text-align: center;
}
@media (max-width: 768px) {
.table-schedule .row {
grid-template-columns: 1fr;
border-top: 1px solid #f4f8fb;
}
.table-schedule .row dt, .table-schedule .row dd {
border-left: none;
border-top: none;
padding: 6px 10px;
}
.table-schedule .row .time, .table-schedule .row .note {
text-align: left;
padding-left: 1.5em;
}
}
.table-basic.table-course {
display: grid;
grid-template-columns: 28% 28% 1fr;
grid-template-rows: auto auto;
border: 1px solid #ccc;
background: #fff;
margin: 1.2em 0;   }
.table-basic.table-course > dt, .table-basic.table-course > dd {
padding: 6px 10px;
display: flex;
align-items: center; border: none;
border-left: 1px solid #ccc;
border-top: 1px solid #ccc;
line-height: 1.6;
width: auto;
}
.table-basic.table-course > .r1, .table-basic.table-course > .c1 {
border-top: none;
}
.table-basic.table-course > .c1 {
grid-column: 1;
grid-row: 1 / span 2;
border-left: none;
background: #f7f9fc;
font-weight: 600;
text-align: center;
justify-content: center; }
.table-basic.table-course > .c2 {
grid-column: 2;
}
.table-basic.table-course > .c2.r1 {
grid-row: 1;
}
.table-basic.table-course > .c2.r2 {
grid-row: 2;
}
.table-basic.table-course > .c3 {
grid-column: 3;
grid-row: 1 / span 2;
border-top: 0px;
}
.table-basic.table-course strong {
color: #004793;
font-weight: 700;
}
@media (max-width: 768px) {
.table-basic.table-course {
grid-template-columns: 1fr;
grid-template-rows: auto;
}
.table-basic.table-course > .c1, .table-basic.table-course > .c2, .table-basic.table-course > .c3 {
grid-column: 1;
grid-row: auto;
border-left: none;
}
}  .ext4 {
display: grid;
gap: 18px 32px;
grid-template-columns: 1fr;
}
@media (max-width: 900px) {
.ext4 {
grid-template-columns: 1fr;
}
}
.ext4 .mbs {
margin-bottom: .6em;
} .btn {
margin: .6em 0;
}
.btn a {
display: flex;
align-items: center;
gap: .6em;
width: 100%;
padding: 14px 16px;
border-radius: 10px;
text-decoration: none; background: linear-gradient(#fff, #f5f7fa);
border: 1px solid #dfe5ee;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.03) inset;
color: #2a2f3a;
font-weight: 700;
transition: transform .15s ease, background .2s ease, border-color .2s ease; position: relative;
}
.btn a::before {
content: "";
width: 10px;
height: 10px;
border-radius: 999px;
background: currentColor;
margin-right: .2em;
} .btn a:hover {
transform: translateY(-1px);
background: #f9fbff;
border-color: #cbd6e5;
} .btn.tgre a {
color: #23a95e;
} .btn.tred a {
color: #e14b3b;
} .btn.tblue a {
color: #2f6ddc;
} .btn.tyel a {
color: #b89618;
}  .section2nd ul.arrow-list {
list-style: none; padding-left: 1.2em; margin: 1.2em 0; }
.section2nd ul.arrow-list li {
position: relative;
padding-left: 2.2em; color: #004793;
font-weight: 500;
line-height: 1.8;  }
.section2nd ul.arrow-list li::before {
content: ">"; position: absolute;
left: 1em;
top: 4px;
color: #004793;
font-size: 1.2em;
line-height: 1.2;
}
.section2nd ul.arrow-list li a {
color: #004793;
text-decoration: none;
transition: color 0.2s;
}
.section2nd ul.arrow-list li a:hover {
color: #002d73;
text-decoration: underline;
}
.section2nd ul.arrow-list li + li {
margin-top: 0.4em;
} @media (max-width: 600px) {
.wp-block-media-text.is-stacked-on-mobile > .wp-block-media-text__content {
margin-top: 20px;
margin-bottom: 50px;
}
} .c-form {
background: #ffffff;
padding: clamp(16px, 3vw, 28px);
border-radius: 6px; display: grid;
gap: 18px;    }
.c-form .c-form__row {
display: grid;
grid-template-columns: 180px 1fr;
gap: 16px;
align-items: start;
}
@media (max-width: 800px) {
.c-form .c-form__row {
grid-template-columns: 1fr;
gap: 8px;
}
}
.c-form .c-form__label {
font-weight: 700;
color: #222;
line-height: 1.7; }
@media (max-width: 800px) {
.c-form .c-form__label {
padding-top: 0;
}
}
.c-form .c-form__req {
color: #d93025;
font-weight: 800;
}
.c-form .c-form__controls {
display: block;  }
.c-form .c-form__controls--2 {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 18px;
}
.c-form__controls--2 > p {
display: contents; margin: 0 !important;
padding: 0 !important;
}
@media (max-width: 600px) {
.c-form .c-form__controls--2 {
grid-template-columns: 1fr;
}
}
.c-form .c-form__controls--sm {
max-width: 320px;
}
.c-form .c-form__controls--md {
max-width: 420px;
}
.c-form .input-text, .c-form .wpcf7-form-control.wpcf7-text, .c-form .wpcf7-form-control.wpcf7-email, .c-form .wpcf7-form-control.wpcf7-tel {
width: 100%;
display: block;
appearance: none;
background: #fff;
border: 1px solid #e3e7ed;
border-radius: 4px;
padding: 14px 16px;
min-height: 52px;
font-size: clamp(14px, 1.6vw, 16px);
line-height: 1.5;
color: #222;
transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease; }
.c-form .input-text::placeholder, .c-form .wpcf7-form-control.wpcf7-text::placeholder, .c-form .wpcf7-form-control.wpcf7-email::placeholder, .c-form .wpcf7-form-control.wpcf7-tel::placeholder {
color: #95a1b3;
}
.c-form .input-text:hover, .c-form .wpcf7-form-control.wpcf7-text:hover, .c-form .wpcf7-form-control.wpcf7-email:hover, .c-form .wpcf7-form-control.wpcf7-tel:hover {
border-color: #cfd6e2;
}
.c-form .input-text:focus, .c-form .wpcf7-form-control.wpcf7-text:focus, .c-form .wpcf7-form-control.wpcf7-email:focus, .c-form .wpcf7-form-control.wpcf7-tel:focus {
outline: none;
border-color: #004793;
box-shadow: 0 0 0 3px rgba(0, 71, 147, 0.15);
}
.c-form .input-text[id="email"], .c-form .wpcf7-form-control.wpcf7-text[id="email"], .c-form .wpcf7-form-control.wpcf7-email[id="email"], .c-form .wpcf7-form-control.wpcf7-tel[id="email"] {
background-position: right 12px center;
background-repeat: no-repeat;
}
.c-form .input-textarea, .c-form .wpcf7-form-control.wpcf7-textarea {
width: 100%;
min-height: 148px;
resize: vertical;
background: #fff;
border: 1px solid #e3e7ed;
border-radius: 4px;
padding: 14px 16px;
font-size: clamp(14px, 1.6vw, 16px);
line-height: 1.7;
color: #222;
}
.c-form .input-textarea::placeholder, .c-form .wpcf7-form-control.wpcf7-textarea::placeholder {
color: #95a1b3;
}
.c-form .input-textarea:hover, .c-form .wpcf7-form-control.wpcf7-textarea:hover {
border-color: #cfd6e2;
}
.c-form .input-textarea:focus, .c-form .wpcf7-form-control.wpcf7-textarea:focus {
outline: none;
border-color: #004793;
box-shadow: 0 0 0 3px rgba(0, 71, 147, 0.15);
}
.c-form .radio-inline, .c-form .radio-stack {
display: grid;
gap: 10px;
}
.c-form .radio-inline {
grid-auto-flow: column;
justify-content: start;
gap: 20px;
}
.c-form .radio-stack {
grid-auto-flow: row;
}
.c-form .radio-inline label, .c-form .radio-stack label {
display: inline-grid;
grid-auto-flow: column;
gap: 8px;
align-items: center;
cursor: pointer;
font-size: clamp(14px, 1.6vw, 16px);
}
.c-form input[type="radio"] {
width: 18px;
height: 18px;
accent-color: #004793;
}
.c-form .wpcf7-not-valid-tip {
margin-top: 6px;
color: #d93025;
font-size: 13px;
}
.c-form .wpcf7-response-output {
margin-top: 12px;
border-radius: 4px;
font-size: 14px;
}
.c-form .c-form__actions {
display: grid;
place-items: center;
margin-top: 8px;
}
.c-form .btn-primary, .c-form input[type="submit"].btn-primary {
appearance: none;
border: 0;
border-radius: 4px;
padding: 14px 32px;
min-width: 180px;
background: #004793;
color: #fff;
font-weight: 700;
font-size: clamp(15px, 1.7vw, 17px);
letter-spacing: .05em;
line-height: 1;
cursor: pointer;
transition: filter .12s ease, transform .12s ease, box-shadow .12s ease;
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
}
.c-form .btn-primary:hover, .c-form input[type="submit"].btn-primary:hover {
filter: brightness(0.95);
}
.c-form .btn-primary:active, .c-form input[type="submit"].btn-primary:active {
transform: translateY(1px);
box-shadow: 0 3px 12px rgba(0, 0, 0, 0.14);
}
.c-form .btn-primary:focus-visible, .c-form input[type="submit"].btn-primary:focus-visible {
outline: 2px solid rgba(0, 71, 147, 0.35);
outline-offset: 2px;
} .wpcf7 br {
display: none;
} .newsinfo {
margin-bottom: clamp(20px, 3.5vw, 25px);
}   .backtoinfo {
margin-top: clamp(28px, 5.5vw, 50px);
display: inline-flex;
align-items: center;
justify-content: center;
padding: .75em 1.25em;
border: 1px solid #004793;
border-radius: 999px;
background: #fff;
color: #004793;
font-weight: 700;
line-height: 1;
text-decoration: none;
transition: background .2s ease, color .2s ease, border-color .2s ease, transform .2s ease;
}
.backtoinfo a {
color: inherit;
text-decoration: none;
display: block;
}
.backtoinfo:hover, .backtoinfo:focus-visible {
background: #004793;
color: #fff;
border-color: #004793;
transform: translateY(-1px);
outline: 0;
box-shadow: none;
}
@media (max-width: 480px) {
.backtoinfo {
width: 100% !important;
}
}
.backtoinfo { min-width: 300px;
}
@media (max-width: 480px) {
.backtoinfo {
min-width: auto;
width: 100%;
}
} .postarchive { display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: clamp(16px, 3vw, 32px);  }
.postarchive .section {
display: flex; flex-direction: column;
gap: 14px; background: #fff;
border: 1px solid #eee;
border-radius: 12px;
overflow: hidden;
color: inherit;
text-decoration: none;
transition: transform .2s ease, box-shadow .2s ease;   }
.postarchive .section .img {
flex: none;
min-width: 0; width: 100%;
}
.postarchive .section .img img {
display: block;
width: 100%;
aspect-ratio: 3/2; object-fit: cover;
}
.postarchive .section .txt {
flex: 1 1 auto;
min-width: 0;
padding: 16px clamp(14px, 2.2vw, 20px) 18px;
}
.postarchive .section .txt span { display: inline-block;
padding: .2em 1em;
margin-bottom: 1em;
line-height: 1;
border: 1px solid #000;
color: #000;
border-radius: 50px;
font-size: .7em;
}
.postarchive .section .txt .date {
padding: .5em 0;
line-height: 1;
font-size: .8em;
}
.postarchive .section .txt .title {
font-weight: 700;
font-size: clamp(18px, 1.9vw, 20px);
margin: 0 0 1em; }
.postarchive .section:hover {
transform: translateY(-2px);
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
}
.postarchive .section:hover .title {
text-decoration: underline;
}
.postarchive .section:focus-visible {
outline: 2px solid #004793;
outline-offset: 4px;
border-radius: 12px;
}
.postarchive .section .img {
min-width: 0;
} @media (max-width: 480px) {
.postarchive {
grid-template-columns: 1fr;
}
} @media (max-width: 789px) {
.postarchive .section .txt .title a {
display: inline-flex;
align-items: flex-start; gap: 6px;
line-height: 1.6;
}
.postarchive .section .txt .title a::before {
content: "";
display: inline-block;
width: 20px;
height: 20px;
flex: 0 0 20px;
margin-top: .3em; background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
} .clubgrid {
list-style: none;
margin: 0 0 1.5em;
padding: 0;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: clamp(10px, 2.5vw, 16px);
}
@media (max-width: 789px) {
.clubgrid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 480px) {
.clubgrid {
grid-template-columns: 1fr;
}
}
.clubgrid li {
margin: 0;
padding: 0;
text-indent: 0em;
}
.clubgrid a {
display: flex;
align-items: center;
justify-content: center;
min-height: 48px;
padding: .8em 1em;
border: 1px solid #004793;
border-radius: 999px;
background: #fff;
color: #004793;
text-decoration: none;
font-weight: 700;
line-height: 1.2;
text-align: center;
transition: background .2s ease, color .2s ease, border-color .2s ease, transform .2s ease;
}
.clubgrid a:hover, .clubgrid a:focus-visible {
background: #004793;
color: #fff;
border-color: #004793;
transform: translateY(-1px);
outline: 0;
box-shadow: none;
} .club-subhd {
display: inline-flex;
align-items: center;
gap: .6em;
margin: clamp(12px, 2.2vw, 18px) 0 0.6em;
padding: .35em .9em;
background: #f3f6fb;
border-left: 5px solid #004793;
border-radius: 6px;
font-weight: 700;
font-size: clamp(16px, 1.9vw, 18px);
line-height: 1.3;
}
.club-subhd span {
display: block;
}
.club-subhd.sm {
font-size: clamp(15px, 1.6vw, 16px);
padding: .3em .75em;
}  .club-grid {
display: grid;
gap: 16px;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (max-width: 789px) {
.club-grid {
grid-template-columns: 1fr;
}
} .club-advisors {
margin-top: 10px;
} .club-list {
margin: .25em 0 0;
padding-left: 0;
}
.club-list li {
list-style: none;
margin: .25em 0;
text-indent: 0em;
padding-inline-start: 0em;
} .club-table-wrap {
overflow-x: auto;
}
.club-table {
width: 100%;
border-collapse: collapse;
table-layout: fixed;
}
.club-table th, .club-table td {
border: 1px solid #e5e8ef;
padding: .6em .8em;
vertical-align: top;
word-wrap: break-word;
}
.club-table th {
width: 26%;
background: #f9fbff;
font-weight: 700;
} .club-video {
width: 100%;
max-width: 720px; margin: 20px auto; aspect-ratio: 16 / 9; display: flex;
justify-content: center;
align-items: center;
}
.club-video video, .club-video iframe {
width: 100% !important;
height: auto !important;
max-width: 100%;
border-radius: 8px;
display: block;
} .club-news {
list-style: none;
margin: .5em 0 0;
padding: 0;
display: grid;
gap: .5em;
}
.club-news li {
margin: 0;
padding: 0;
text-indent: 0em;
}
.club-news li a {
display: flex;
gap: 10px;
align-items: baseline;
text-decoration: none;
color: inherit;
padding: .5em .25em;
border-bottom: 1px dashed #e3e6ee;
}
.club-news time {
flex: 0 0 auto;
font-size: .9em;
color: #687082;
}
.club-news__title {
font-weight: 600;
line-height: 1.5;
}
.club-news li a:hover .club-news__title {
text-decoration: underline;
} .club-home {
margin: .5em 0 1em;
}
.club-url {
color: inherit;
text-decoration: underline;
word-break: break-all;
}
.club-url:hover {
text-decoration: none;
} .club-home--pending {
color: #6b7280; }  .section2nd.curtain-clip2 {
position: relative;
overflow: hidden; } .section2nd.curtain-clip2::before {
content: "";
position: absolute;
inset: 0;
background: var(--curtain-color, #fff); transform: translateX(0%); transition: none; will-change: transform;
pointer-events: none;
z-index: 1; border-radius: inherit; } .section2nd.curtain-clip2.is-start::before {
transform: translateX(100%);
transition: transform .9s cubic-bezier(.1, .8, .15, 1);
} .js-h2-split .char {
display: inline-block;
transform: translateY(1em);
opacity: 0;
will-change: transform, opacity;
animation: h2Float .7s cubic-bezier(.2, .7, .2, 1) forwards;
}
@keyframes h2Float {
to {
transform: translateY(0);
opacity: 1;
}
} .heading-sweep {
position: relative;
overflow: hidden;
} h3.heading-sweep, h4.heading-sweep, h5.heading-sweep {
position: relative;
} h3.heading-sweep { background-image:
linear-gradient(90deg, var(--h3-sweep, #004793) 0 0);
background-repeat: no-repeat;
background-size: 0% 100%; background-position: left top;
transition: background-size .7s cubic-bezier(.2, .7, .2, 1);
transition-delay: var(--delay, 0s);
}
h3.heading-sweep.is-in {
background-size: 100% 100%;
} h4.heading-sweep {
background-image: linear-gradient(#004793, #004793);
background-repeat: no-repeat;
background-position: left bottom;
background-size: 0% 5px;
transition: background-size .7s cubic-bezier(.2, .7, .2, 1);
transition-delay: var(--delay, 0s);
}
h4.heading-sweep.is-in {
background-size: 100% 5px;
} h5.heading-sweep {
background-image:
linear-gradient(90deg, var(--h5-sweep, #cccccc) 0 0);
background-repeat: no-repeat;
background-position: left top;
background-size: 0% 100%;
transition: background-size .7s cubic-bezier(.2, .7, .2, 1);
transition-delay: var(--delay, 0s);
}
h5.heading-sweep.is-in {
background-size: 100% 100%;
} .fadeup-init {
opacity: 0;
transform: translateY(40px);
transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}
.fadeup-show {
opacity: 1;
transform: translateY(0);
}
.auto-section-content.fadeup-init {
transition-delay: .25s; }  body .results-tabs-area {
max-width: 1100px;
margin: 40px auto 0;
} body .results-tabs-area .results-tabs {
display: flex;
flex-wrap: nowrap;
list-style: none;
margin: 0;
padding: 0;
border-bottom: none; } body .results-tabs-area .results-tab {
flex: 1 1 0 !important; min-width: 0;
text-align: center;
padding: 10px 8px;
background: #f5f5f5; border-bottom: 0;
margin: 0 6px 0 0; font-weight: 600;
cursor: pointer;
white-space: nowrap;
} body .results-tabs-area .results-tab.is-active {
background: #004793 !important;
} @media (min-width: 769px) {
body .results-tabs-area .results-tab:not(.is-active):hover .wp-block-button__link {
color: #004793 !important;
} body .results-tabs-area .results-tab:not(.is-active):hover {
background: #e6eef8; } body .results-tabs-area .wp-block-button .wp-block-button__link, body .results-tabs-area .wp-block-button .wp-element-button {
padding: 0 0.5em !important;
} body .results-tabs-area .wp-block-button.results-tab {
padding-left: 10px !important;
padding-right: 10px !important;
} body .results-tabs-area .wp-block-button.results-tab .wp-block-button__link {
padding-left: 10px !important;
padding-right: 10px !important;
}
} @media (max-width: 768px) { body .results-tabs-area .results-panel {
overflow-x: auto !important;
-webkit-overflow-scrolling: touch !important;
} body .results-tabs-area .results-panel table {
width: auto !important; min-width: 720px !important; display: block !important;
table-layout: auto !important;
} body .results-tabs-area .results-panel th,
body .results-tabs-area .results-panel td {
white-space: nowrap !important;
}
}
body .results-tabs-area .results-tab:not(.is-active):hover {
background: #e6eef8;
} body .results-tabs-area .wp-block-button .wp-block-button__link, body .results-tabs-area .wp-block-button .wp-element-button {
border: none !important;
background: none !important;
color: #000000 !important;
box-shadow: none;
} body .results-tabs-area .results-tab.is-active .wp-block-button__link, body .results-tabs-area .results-tab.is-active .wp-element-button {
color: #ffffff !important;
} body .results-tabs-area .wp-block-button .wp-block-button__link:hover, body .results-tabs-area .wp-block-button .wp-block-button__link:focus-visible, body .results-tabs-area .wp-block-button .wp-element-button:hover, body .results-tabs-area .wp-block-button .wp-element-button:focus-visible {
background: none !important;
color: #ffffff !important;
transform: translateY(-1px);
outline: 0;
box-shadow: none;
} body .results-tabs-area .results-panels {
border-top: 2px solid #004793;
margin-top: -1px; background: none;
} body .results-tabs-area .results-panel {
display: none !important;
padding: 15px;
overflow-x: auto; } body .results-tabs-area .results-panel.is-active {
display: block !important;
} body .results-tabs-area .results-panel table {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
min-width: 720px; } body .results-tabs-area .results-panel th, body .results-tabs-area .results-panel td {
padding: 8px 10px;
border: 1px solid #e2e6f0;
line-height: 1.5;
} body .results-tabs-area .results-panel thead th {
background: #f4f7fb; color: #004793;
font-weight: 600;
white-space: nowrap;
} body .results-tabs-area .results-panel th:first-child, body .results-tabs-area .results-panel td:first-child {
white-space: nowrap;
width: 80px;
} body .results-tabs-area .results-panel th:nth-child(2), body .results-tabs-area .results-panel td:nth-child(2) {
text-align: center;
} body .results-tabs-area .results-panel th:nth-child(n+3), body .results-tabs-area .results-panel td:nth-child(n+3) {
text-align: center;
} body .results-tabs-area .results-panel tbody tr:nth-child(odd) {
background-color: #ffffff;
}
body .results-tabs-area .results-panel tbody tr:nth-child(even) {
background-color: #f9fbff;
} body .results-tabs-area .results-panel .has-fixed-layout th {
background: #f8f8ff;
} body .results-tabs-area .wp-block-buttons.results-tabs {
display: flex;
flex-wrap: nowrap;
list-style: none;
margin: 0;
padding: 0;
} @media (max-width: 768px) { .results-tabs-area .wp-block-buttons.results-tabs {
display: grid !important;
grid-template-columns: repeat(4, 1fr) !important;
gap: 6px !important;
width: 100% !important;
padding: 0 !important;
} .results-tabs-area .wp-block-button.results-tab {
margin: 0 !important;
padding: 0 !important;
height: 42px !important; display: flex !important;
align-items: center !important;
justify-content: center !important;
} .results-tabs-area .wp-block-button.results-tab .wp-block-button__link {
padding: 0 4px !important; white-space: nowrap !important; overflow: hidden !important;
text-overflow: ellipsis !important; line-height: 1.2 !important;
width: 100% !important;
display: block !important;
text-align: center !important;
} .results-panel.is-active table {
min-width: 600px;
}
} .results-panel {
display: none !important;
}
.results-panel.is-active {
background: #ffffff;
padding: 15px;
display: block !important;
}
.results-panel.is-active table {
width: 100%;
table-layout: auto !important;
border: solid 2px #f4f8fb;
}
.results-panel.is-active td {
background: #ffffff;
border-left: solid 1px #e6eef3;
border-right: solid 1px #e6eef3;
border-bottom: solid 1px #e6eef3;
}
.results-panel.is-active th {
background: #e6eef3;
border-left: solid 1px #ffffff;
border-right: solid 1px #ffffff;
border-bottom: solid 1px #ffffff;
} .swpm-login-widget-form {
max-width: 420px;
margin: 40px auto 80px;
padding: 32px 28px;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 12px;
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.04);
box-sizing: border-box;
}
.swpm-login-widget-form #swpm-login-form {
margin: 0;
}
.swpm-login-widget-form .swpm-login-form-inner {
font-size: 1.4rem;
line-height: 1.6;
}
.swpm-login-widget-form .swpm-login-form-inner .swpm-label {
display: block;
margin-bottom: 4px;
font-weight: 500;
}
.swpm-login-widget-form .swpm-login-form-inner .swpm-username-label, .swpm-login-widget-form .swpm-login-form-inner .swpm-password-label {
margin-top: 8px;
}
.swpm-login-widget-form .swpm-login-form-inner .swpm-username-input, .swpm-login-widget-form .swpm-login-form-inner .swpm-password-input {
margin-bottom: 12px;
}
.swpm-login-widget-form .swpm-login-form-inner .swpm-username-input .swpm-text-field, .swpm-login-widget-form .swpm-login-form-inner .swpm-password-input .swpm-text-field {
width: 100%;
padding: 10px 12px;
border: 1px solid #ccc;
border-radius: 4px;
font-size: 1.4rem;
box-sizing: border-box;
transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.swpm-login-widget-form .swpm-login-form-inner .swpm-username-input .swpm-text-field:focus, .swpm-login-widget-form .swpm-login-form-inner .swpm-password-input .swpm-text-field:focus {
outline: none;
border-color: #3E5EA4;
box-shadow: 0 0 0 2px rgba(241, 161, 181, 0.25);
}
.swpm-login-widget-form .swpm-login-form-inner .swpm-remember-me {
display: flex;
align-items: center;
gap: 0.4em;
margin: 4px 0 20px;
}
.swpm-login-widget-form .swpm-login-form-inner .swpm-remember-me .swpm-remember-checkbox input[type="checkbox"] {
width: auto;
margin: 0;
}
.swpm-login-widget-form .swpm-login-form-inner .swpm-remember-me .swpm-rememberme-label {
margin: 0;
font-size: 1.3rem;
}
.swpm-login-widget-form .swpm-login-form-inner .swpm-remember-me .swpm-rememberme-label .swpm-rember-label {
vertical-align: middle;
}
.swpm-login-widget-form .swpm-login-form-inner .swpm-login-submit {
margin-bottom: 16px;
}
.swpm-login-widget-form .swpm-login-form-inner .swpm-login-submit .swpm-login-form-submit {
width: 100%;
padding: 10px 0;
border: none;
border-radius: 999px;
font-size: 1.5rem;
font-weight: 600;
text-align: center;
cursor: pointer;
background-color: #3E5EA4;
color: #fff;
transition: background-color 0.2s ease, transform 0.1s ease;
}
.swpm-login-widget-form .swpm-login-form-inner .swpm-login-submit .swpm-login-form-submit:hover {
background-color: #3E5EA4;
transform: translateY(-1px);
}
.swpm-login-widget-form .swpm-login-form-inner .swpm-login-submit .swpm-login-form-submit:active {
transform: translateY(0);
}
.swpm-login-widget-form .swpm-login-form-inner .swpm-forgot-pass-link, .swpm-login-widget-form .swpm-login-form-inner .swpm-join-us-link {
text-align: center;
margin-bottom: 4px;
}
.swpm-login-widget-form .swpm-login-form-inner .swpm-forgot-pass-link a, .swpm-login-widget-form .swpm-login-form-inner .swpm-join-us-link a {
font-size: 1.3rem;
text-decoration: underline;
}
.swpm-login-widget-form .swpm-login-form-inner .swpm-login-action-msg {
margin-top: 8px;
text-align: center;
}
.swpm-login-widget-form .swpm-login-form-inner .swpm-login-action-msg .swpm-login-widget-action-msg {
font-size: 1.3rem;
color: #c0392b;
}
@media (max-width: 767px) {
.swpm-login-widget-form {
margin: 24px 16px 60px;
padding: 24px 20px;
}
} @import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;700;900&display=swap");