@charset "utf-8";

/*NAV*/
/*logo*/
#logo{width:130px;}
@media (max-width: 768px) {
#logo{width:100px;}
}

/*link-border*/
#mega_menu > li > a.menu-parent_a:hover::after, a.menu-parent_a.over::after {background: #001e64; position: absolute; left: 0; content: ''; width: 100%; height: 4px; bottom: 0px; transform: scale(1, 1); transform-origin: center top;}

/*magamenu inner*/
.menu-child .inner h2:before{border:5px solid #e67800;}
@media (hover: hover) {
.menu-child .inner h1 a:hover{color:#e67800;}
.menu-child .inner h2 a:hover{color:#e67800;}
}
/*SP*/
a.member{background:#64a5fa; color:#fff;}
a.yoyaku{background:#325abe; color:#fff;}
a.mypage{background:#001e64; color:#fff;}


/*a*/
.contents p > a ,.contents li > a, .contents td > a{color:#e67800;}
@media (hover: hover) {
.contents p > a:hover, .contents li > a:hover, .contents td > a:hover{color:#ff8200;}
}


/***************************************
     TOP
***************************************/

.slick-dots{position:absolute; bottom:-30px !important;}
.slick-dots li button:before{font-size: 20px; line-height: 20px; width: 20px; height: 20px; content: '●'; color:#cccccc; opacity: 1 !important;}
.slick-dots li.slick-active button:before{color:#e67800;}
@media (max-width: 1000px) {
.slick-dots{bottom:5%;}
}
@media (max-width: 1000px) {
.slick-dots li button:before{font-size: 12px; line-height: 12px; width: 12px; height: 12px;}
.slick-dots{bottom:2%;}
}
.slick-prev{z-index:+1;}
.slick-prev{left:10px !important;}
.slick-next{right:40px !important;}
.slick-prev:before, .slick-next:before{content:""; display:block; width:50px; height:50px; position:absolute; border:1px solid #fff; background:rgba(255,255,255,.3); border-radius:50px;}
.slick-prev span:before, .slick-next span:before {content: ''; width: 15px; height: 15px; border-top: solid 3px #fff; border-right: solid 3px #fff; position: absolute; left:0; top: 27px;}
.slick-prev span::before {transform: rotate(-135deg); left:20px;}
.slick-next span::before {transform: rotate(45deg); left:15px;}
@media (max-width: 1000px) {
.slick-next{right:30px !important;}
.slick-prev:before, .slick-next:before{width:40px; height:40px; border-radius:40px;}
.slick-prev span:before, .slick-next span:before {width:10px; height:10px; top: 25px;}
.slick-prev span::before {left:17px;}
.slick-next span::before {left:13px;}
}
@media (max-width: 768px) {
.slick-prev{left:5px !important;}
.slick-next{right:15px !important;}
.slick-prev:before, .slick-next:before{width:30px; height:30px; border-radius:30px;}
.slick-prev span:before, .slick-next span:before {width:10px; height:10px; top: 20px;}
.slick-prev span::before {left:13px;}
.slick-next span::before {left:9px;}
}
@media (max-width: 500px) {
.slick-next{right:0 !important;}
.slick-prev:before, .slick-next:before{width:15px; height:15px; border-radius:15px;}
.slick-prev span:before, .slick-next span:before {width:5px; height:5px; top:15px;}
.slick-prev span::before {left:7px;}
.slick-next span::before {left:4px;}
}
/*slider*/
.slider img.def{display:none;}
.slider img.large{display:block;}
@media (max-width: 1000px) {
.slider img.def{display:block;}
.slider img.large{display:none;}
}
@media (max-width: 600px) {
.slider li .img{aspect-ratio:3 / 2; overflow:hidden;}
}
.slider {margin:0; padding:0; width:100%;}
.slider li{width:100%; position:relative !important;}
.slider li .img{width:100%; height:100%;}
.slider li .img img{object-fit:cover; width:100%; height:100%;}
.slider .item{position:absolute !important; left:0; top:0; width:100%; height:100%; display:flex; align-items:center;}
.slider .item .contents{width:80%; margin:10%;}
.slider .item .display{display:flex; justify-content:center;}

.slider a.more{color:#fff; font-family: 'Noto Serif JP', serif; font-size:clamp(1.3rem, 2vw, 2rem); letter-spacing:1px; line-height:1 !important; border:0; display:table; margin:0 auto;}
.slider a.more span {display: inline-block; border: 1px solid #fff; position: relative; vertical-align:middle; transition:.3s; padding: .8em; border-radius: 50%; top: 0; margin:0 0 0 .5em;}
.slider a.more span::before {content: ''; width: .4em; height: .4em; border-top: solid 3px #fff; border-right: solid 3px #fff; position: absolute; left: .4em; top: .5em;}
.slider a.more span::before {transform: rotate(45deg); left: .4em;}
@media (hover: hover) {
.slider a.more:hover{letter-spacing:2px;}
.slider a.more:hover span{background:rgba(255,255,255,.1);}
}

/*mainimage1*/
@media (min-width: 1001px) and (max-width: 1500px){
.slider .mainimage1 .text{font-size:4rem !important;}
}
.slider .mainimage1 .text{font-size:clamp(2rem, 4.5vw, 4.5rem); color:#fff; font-family: 'Noto Serif JP', serif; text-align:center; text-shadow:0 0 10px rgba(0,100,170,.5);}
.slider .mainimage1 .text small{display:block; text-align:center; margin-bottom:.5em;}
.slider .mainimage1 a.more{margin:2em auto 0 auto;}
.slider .mainimage1 .contents{margin-bottom:15%;}
@media (max-width: 600px) {
.slider .mainimage1 a.more{margin:1em auto 0 auto;}
}

/*mainimage2*/
@media (min-width: 1001px) and (max-width: 1500px){
.slider .mainimage2 .text{font-size:2rem !important;}
}
.slider .mainimage2 .display{justify-content:flex-start;}
.slider .mainimage2 .text{font-size:clamp(1.3rem, 2.5vw, 3rem); color:#fff; font-family: 'Noto Serif JP', serif; text-align:center; line-height:1.7;}
.slider .mainimage2 .text small{display:block; text-align:center; margin-bottom:.4em; font-size:400%; line-height:1;}
.slider .mainimage2 a.more{margin:2em auto 0 auto;}
@media (max-width: 600px) {
.slider .mainimage2 .text{text-align:left;}
.slider .mainimage2 .text small{font-size:300%; text-align:left;}
.slider .mainimage2 a.more{margin:1em auto 0 auto;}
}
/*mainimage3*/
.slider .mainimage3 .text .title{margin:0 0 1.5em 0; color:#fff; text-align:center;　border-bottom:0 !important;}
.slider .mainimage3 .text .title small{font-size:clamp(1.3rem, 2vw, 2rem); letter-spacing:0; display:table; margin:0 auto .3em auto; line-height:2; color:#fff; padding:0 .8em; white-space:nowrap; background:#325082; border-radius:3px;}
.slider .mainimage3 .text .title span{text-shadow:0 0 10px #325082; letter-spacing:.1em; font-size:clamp(1.8rem, 4vw, 3.8rem) !important; font-family: 'Noto Serif JP', serif;}
.slider .mainimage3 .text table{background:rgba(255,255,255,1); display:table; width:auto; margin:0 auto; border-radius:3px;}
.slider .mainimage3 .text table th{border-color:#5a6478; padding:.8em 1.5em; background:#325082; color:#fff;line-height:1.5;}
.slider .mainimage3 .text table td{border-color:#5a6478; padding:.8em 1.5em;line-height:1.5;}
.slider .mainimage3 a.more{margin-top:1.5em; text-shadow:0 0 5px #325082;}
@media (max-width: 600px) {
.slider .mainimage3 .text .title span{letter-spacing:0;}
.slider .mainimage3 .text table{font-size:80%;}
.slider .mainimage3 .text table th{padding:.5em 1em;}
.slider .mainimage3 .text table td{padding:.5em 1em;}
}


/*POSTLISTS*/
@media (hover: hover) {
ul.postlist li dd a:hover{color:#ff8200;}
}

/*blockmenu*/
div#blockmenu{/*background:rgba(100,165,250,.7);*/ padding:5% 1em;}
ul#blockmenu{max-width:1200px; margin:0 auto !important;}
ul#blockmenu{display:flex; flex-wrap:wrap; align-items:stretch; justify-content:center;}
ul#blockmenu, ul#blockmenu ul, ul#blockmenu li{padding:0; margin:0; list-style:none; line-height:1; text-align:center;}
ul#blockmenu dl, ul#blockmenu dd, ul#blockmenu dt{padding:0; margin:0;}
ul#blockmenu .item{background:#fff; padding:1em; border-radius:1.5em; height:calc(100% - 2.8em);}
ul#blockmenu dt{display:flex; justify-content:center; align-items:center; height:3em; line-height:1; padding-top:.3em; font-weight:600;}
ul#blockmenu dt span{display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; color:#333;}
ul#blockmenu dd img{width:100%; height:auto; max-width:100px; margin:0 auto; display:block;}
ul#blockmenu .category01 dd img, ul#blockmenu .category02 dd img{max-width:150px;}
ul#blockmenu .child{margin-top:1em;}
ul#blockmenu .child a{border:1px solid #ddd; padding:0 .5em; margin:.2em 0; display:flex; justify-content:space-between; align-items:center; width:calc(100% - 1.2em);}
ul#blockmenu .child a span{width:100%; text-align:left; padding-right:.5em; display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden;}
ul#blockmenu .child a i{font-size:80%; color:#ccc;}
/*width*/
ul#blockmenu {gap:2%;}
ul#blockmenu > li{width:100%; margin:1% 0;}
@media (min-width: 601px) {
ul#blockmenu > li{width:calc(96% / 3);}
ul#blockmenu .category01, ul#blockmenu .category02{width:calc(98% / 2);}
}
@media (min-width: 1000px) {
div#blockmenu{padding:3em 1em;}
ul#blockmenu .child{display:flex; gap:1%; flex-wrap:wrap;}
ul#blockmenu .child > li{width:calc(99% / 2);}
ul#blockmenu .category01 .child a{height:3.5em;}
ul#blockmenu .category02 .child a{height:2.5em;}
ul#blockmenu .category01 .child a span{-webkit-line-clamp:3;}
ul#blockmenu .category02 .child a span{-webkit-line-clamp:2;}
}
@media (max-width: 999px) {
ul#blockmenu .child a{padding:.5em;}
}
@media (min-width: 1200px) {
ul#blockmenu > li{width:calc(92% / 5);}
ul#blockmenu .category01, ul#blockmenu .category02{width:calc(98% / 2);}
}
@media (min-width: 768px) {
ul#blockmenu .child a{font-size:1.3rem;}
}

@media (max-width: 600px) or (min-width: 768px) {
ul#blockmenu .category01 dt span, ul#blockmenu .category02 dt span{font-size:120%;}
}
@media (max-width: 600px) {
ul#blockmenu > li{width:calc(98% / 2);}
ul#blockmenu .category01, ul#blockmenu .category02{width:100%;}
ul#blockmenu .item{padding:.8em 0 1em 0;}
}
@media (max-width: 500px) {
ul#blockmenu .category01, ul#blockmenu .category02{margin:1em 0;}
ul#blockmenu .category01 .item, ul#blockmenu .category02 .item{padding:1.3em 1em;}
}
/*sub-br*/
@media (max-width: 1200px) {
ul#blockmenu .child a br.sub{display:none;}
}
/*hover*/
ul#blockmenu .item{transition:.3s;}
ul#blockmenu .item:hover{ /*box-shadow:0 0 2em rgba(0,0,0,.1);*/ border-radius:3em;}
ul#blockmenu .child a:hover{background:#f5f5f5;}
ul#blockmenu .item dd img{transition-duration: 0.5s;}
ul#blockmenu .item:hover dd img{transform: scale(1.15); transition-duration: 0.5s;}
ul#blockmenu .item{border:.4em solid #eee;}
ul#blockmenu .category01 .item:hover, ul#blockmenu .category11 .item:hover{border-color:rgba(50,120,100,.5);}
ul#blockmenu .category02 .item:hover{border-color:rgba(255,140,0,.5);}
ul#blockmenu .category03 .item:hover{border-color:rgba(255,60,0,.5);}
ul#blockmenu .category04 .item:hover{border-color:rgba(0,70,150,.5);}
ul#blockmenu .category05 .item:hover{border-color:rgba(0,100,130,.5);}
ul#blockmenu .category06 .item:hover{border-color:rgba(80,50,160,.5);}
ul#blockmenu .category07 .item:hover{border-color:rgba(240,50,100,.5);}
ul#blockmenu .category08 .item:hover{border-color:rgba(175,0,90,.5);}
ul#blockmenu .category09 .item:hover{border-color:rgba(100,20,140,.5);}
ul#blockmenu .category10 .item:hover{border-color:rgba(230,210,0,.5);}
ul#blockmenu .category12 .item:hover{border-color:rgba(180,220,20,.5);}


/*hr*/
hr{background:#e67800 !important;}

/***********
     A
************/
/*td a*/
td a{color:#e67800; border-bottom:1px solid;}
@media (hover: hover) {
td a:hover{color:#ff8200;}
}

.aboutbox a{color:#e67800; border-bottom:1px solid;}
.aboutbox a:has(> dl){border-bottom:0;}
/***********
     H
************/
.contents h1.mark:after{background:#e67800 !important;}
.contents h2.mark:before{border:.3em solid #e67800 !important;}
.contents h3.mark:before{border:.2em solid #e67800 !important;}
.contents h4:before{background:#e67800 !important;}
.contents h5.mark:before{border:.2em solid #e67800 !important;}
.contents h1 a, .contents h2 a,.contents h3 a,.contents h4 a,.contents h5 a,.contents h6 a{color:#e67800 !important;}
@media (hover: hover) {
.contents h1 a:hover,.contents h2 a:hover,.contents h3 a:hover,.contents h4 a:hover,.contents h5 a:hover,.contents h6 a:hover{color:#ff8200 !important;}
}
.contents h1 p{margin:0 !important;}
.contents h1 p+p{margin-top:.5em !important;}



/***********
    LIST
************/
.index_list p > a{color:#e67800 !important; border-bottom:1px solid;}
@media (hover: hover) {
.index_list a:hover{color:#ff8200 !important;}
.index_list a:hover h2{color:#ff8200;}
}

ul.filelist a{color:#e67800; border-bottom:1px solid;}
@media (hover: hover) {
ul.filelist a:hover{color:#ff8200;}
}




/***********
   TABLE
************/


/*理念*/
.rinen{text-align:center;}
.rinen p{font-size:clamp(1.7rem, 2vw, 2.2rem) !important;}
.rinen p br{display:none;}
@media only screen and ( max-width : 600px ) {
.rinen p br{display:inherit;}
}



/*sokuteikikanichiran*/
.area-select .selectbox{margin:0 auto 4em auto; display:table;}
.selectbox {position: relative;}
.selectbox::before,.selectbox::after {position: absolute; content: ''; pointer-events: none;}
.selectbox::before {right: 0; display: inline-block; width: 2.8em; height: 2.8em; border-radius: 0 3px 3px 0; background-color: #325abe; content: '';}
.selectbox::after {position: absolute; top: 50%; right: 1.4em; transform: translate(50%, -50%) rotate(45deg); width: 6px; height: 6px; border-bottom: 3px solid #fff; border-right: 3px solid #fff; content: '';}
.selectbox select {appearance: none; -webkit-appearance: none; -moz-appearance: none; min-width: 230px; height: 2.8em; padding: .4em 3.6em .4em .8em; border: 2px solid #325abe; border-radius: 3px; color: #333333; font-size: 1em; cursor: pointer;}
.selectbox select:focus {outline: 1px solid #325abe;}



@media only screen and ( max-width : 600px ) {
img.access{display:block; margin:0 auto; width:40%; min-width:150px;}
}
div.foot{display:flex; column-gap:5%;}
div.foot h4{margin-bottom:2em;}
div.foot > div{width:50%;}
div.foot dl{display:flex; margin:1em 0; padding:0; gap:1em;}
div.foot dt{margin:0; padding:0; width:170px;}
div.foot dt:not(:has(img)){background:#eee; aspect-ratio:1.3 / 1; display:flex; justify-content:center; align-items:center;}
div.foot dt:not(:has(img)):before{content:"No image"; color:#aaa;}
div.foot dd{margin:0; padding:0 0 0 2em; line-height:1.5; width:calc(100% - 170px); position:relative;}
div.foot dd span{position:absolute; left:0; top:-.3em; font-size:150%; color:red;}
@media only screen and ( max-width : 767px ) {
div.foot h4{margin:2.5em 0 1.5em 0;}
div.foot{display:block;}
div.foot > div{width:100%;}
div.foot dt{width:30%;}
div.foot dd{width:70%;}
}