@charset "UTF-8";
/* CSS Document */

/*PC*/
@media print, screen and (min-width: 769px) {
/* com
--------------------------------------------*/



/* mv
--------------------------------------------*/
.mainvisual { overflow: hidden; background: #F3F5F5; }
.mainvisual .container { position: relative; margin-left: auto; margin-right: auto; width: 100%; }
.mainvisual .swiper-container { width: 100%; height: 100%; overflow: visible; z-index: 1;}

#swiperMain_pc { width: 100%; margin: auto; }
#swiperMain_pc img { width: 100%; margin: 0;}

#swiperMain_pc .nav {
display: flex;
align-items: center;
justify-content: flex-end;
margin: 0 30px;
}
#swiperMain_pc .swiper-pagination {
position: relative;
margin: 10px 20px 15px auto;
display: inline;
}
#swiperMain_pc .swiper-pagination .swiper-pagination-bullet {
margin-left: 5px;
width: 10px;
height: 10px;
background: #D5D5D5;
opacity: 1;
}
#swiperMain_pc .swiper-pagination .swiper-pagination-bullet-active {
background: #086DB0;
}

#swiperMain_pc .flex_wrap {
display: inline-flex;
background: #909090;
border-radius: 25rem;
}
#swiperMain_pc .swiper-button-next,
#swiperMain_pc .swiper-button-prev {
position: relative;
margin: 0;
width: 25px;
height: 25px;
background-size: contain;
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44'%3E%3Cpolygon points='28,10 28,34 10,22' fill='%23ffffff'/%3E%3C/svg%3E");
 }

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44'%3E%3Cpolygon points='16,10 36,22 16,34' fill='%23ffffff'/%3E%3C/svg%3E");
 }

/* ボタン共通 */
#swiperMain_pc .swiper-toggle {
position: relative;
z-index: 20;
width: 10px;
border: none;
cursor: pointer;
background: none;
margin: 0 40px;
}

/* ▶︎ 再生（停止中に表示） */
#swiperMain_pc .swiper-toggle.is-paused::before {
content: '';
position: absolute;
left: 0px;
top: 5px;
width: 0;
height: 0;
border-style: solid;
border-width: 8px 0 8px 14px;
border-color: transparent transparent transparent #fff;
}

/* ⏸ 一時停止（再生中に表示） */
#swiperMain_pc .swiper-toggle.is-playing::before,
#swiperMain_pc .swiper-toggle.is-playing::after {
content: '';
position: absolute;
top: 5px;
width: 3px;
height: 16px;
background: #fff;
border-radius: 25rem;
}
#swiperMain_pc .swiper-toggle.is-playing::before { left: 0; }
#swiperMain_pc .swiper-toggle.is-playing::after { right: 0; }



/*unkou
----------------------------------------*/
#unkou { position: relative; padding: 30px 0 50px; background: #F3F5F5; }
#unkou .section_wrap {
width: 95%;
display: flex;
justify-content: flex-end;
}
#unkou .navi {
background: #fff;
position: absolute;
left: 0px;
top: -100px;
background: #FFFFFF;
box-shadow: 4px 4px 15px rgba(36, 81, 110, 0.15);
border-radius: 0px 10px 10px 0px;
z-index: 1;

}
#unkou .navi h3 { font-size: 1.8rem; font-weight: 700; margin: 0 0 20px; }
#unkou .navi .img { width: 100%; margin-bottom: 20px; }
#unkou .navi a { padding: 50px 80px; display: block; }
#unkou .navi a p {
font-size: 1.5rem;
font-weight: 700;
color: #086DB0;
}
#unkou .navi a p span {
display: inline-flex;
align-items: center;
justify-content: center;
vertical-align: middle;
width: 20px;
height: 20px;
margin: 0 0 4px 10px;
background: #086DB0;
border-radius: 50%;
box-sizing: content-box;
}
#unkou .navi a p span::before {
content: '';
width: 0.4em;
height: 0.4em;
border: 0.1em solid #fff;
border-left: 0;
border-bottom: 0;
box-sizing: border-box;
transform: translateX(-20%) rotate(45deg);
}

#unkou .unkou {
width: calc(100% - 550px);
max-width: 1000px;
position: relative;
}
#unkou .unkou .flex_wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding-bottom: 10px;
border-bottom: 1px solid #000;
}
#unkou .unkou .flex_wrap h3 { font-size: 1.8rem; font-weight: 700; }
#unkou .unkou .flex_wrap .link_box { display: flex; }
#unkou .unkou .flex_wrap .link_box p:first-child a { position: relative; padding-left: 20px; }
#unkou .unkou .flex_wrap .link_box p:first-child a::before {
content: '';
position: absolute;
top: 30%; left: 0;
width: 0.7em; height: 0.7em;
border: 0.1em solid #086DB0;
border-left: 0;
border-bottom: 0;
box-sizing: border-box;
transform: rotate(45deg);
}
#unkou .unkou .flex_wrap .link_box .reroad { margin-left: 15px; }
#unkou .unkou .flex_wrap .link_box .reroad a {
display: inline-block;
padding: 0px 10px;
background: #086DB0;
border-radius: 5px;
color: #FFF;
font-weight: 700;
}
#unkou .unkou .flex_wrap .link_box .reroad a:hover { opacity: 0.8; }
#unkou .unkou .flex_wrap .link_box .reroad a::before {
font-family: "Font Awesome 5 Free";
content: "\f110";
font-weight: 900;
margin: 0 10px 0 0;
}

#unkou .unkou .inner {  }
#unkou .unkou .inner p {
font-size: 1.4rem;
padding: 15px 0;
border-bottom: dashed 1px #000;
}
#unkou .unkou .inner p span {
font-size: 1.6rem;
font-weight: 700;
padding: 3px 25px;
margin: 0 20px 0 0;
}
#unkou .unkou .inner p span.cate01 { color: #0BACF3; border: 1px solid #0BACF3; }
#unkou .unkou .inner p span.cate02 { color: #0D84EC; border: 1px solid #0D84EC; }
#unkou .unkou .inner p span.cate03 { color: #3963EC; border: 1px solid #3963EC; }
#unkou .unkou .inner p a { padding-bottom: 3px; }
#unkou .unkou .inner p a:hover { border-bottom: 1px solid #909090; }
#unkou .unkou .inner p a time { margin-right: 10px; }
#unkou .unkou .inner .btn { text-align: right;}
#unkou .unkou .inner .btn a { display: inline-block; font-size: 1.6rem; color: #333;}



/*important
----------------------------------------*/
#important { position: relative; padding: 100px 0 0; }

#important .important {
position: relative;
max-width: 960px;
margin: 0 auto;
display: flex;
}
#important .important h3 {
font-size: 1.8rem;
color: #CF0202;
text-align: center;
width: 220px;
background: #fff;
display: flex;
align-items: center;
justify-content: center;
border: 1.5px solid #086DB0;
border-radius: 10px 0 0 10px;
}
#important .important h3 span { margin-right: 5px; }
#important .important h3 span::before {
content: "！";
display: inline-flex;
align-items: center;
justify-content: center;
width: 2rem;
height: 2rem;
background: #CF0202;
color: #fff;
font-weight: bold;
font-size: 1.4rem;
border-radius: 50%;
line-height: 1;
}
#important .important ul {
width: 760px;
background: #086DB0;
padding: 20px 30px;
border-radius: 0 10px 10px 0;
}
#important .important ul li { margin-bottom: 10px; }
#important .important ul li:last-child { margin-bottom: 0; }
#important .important dl { display: flex; }
#important .important dl dt {
display: flex;
justify-content: space-between;
align-items: flex-start;
width: 170px;
}
#important .important dl dt .day { font-size: 1.4rem; font-weight: 700; color: #fff; }
#important .important dl dt .mark {
font-size: 1.2rem;
font-weight: 700;
width: 80px;
text-align: center;
padding: 2px 0;
border-radius: 3px;
background: #fff;
}
#important .important dl dt .cate01 { color: #0AADF3; }
#important .important dl dt .cate02 { color: #0D84EC; }
#important .important dl dt .cate03 { color: #3963EC; }
#important .important dl dt .cate04 { color: #000; }
#important .important dl dd {
width: calc(100% - 200px);
margin: 0 0 0 30px;
font-size: 1.4rem;
font-weight: 700;
color: #fff;
}
#important .important dl dd a { color: #fff; }
#important .important dl dd a:hover { border-bottom: 1px solid #fff; padding-bottom: 2px; }



/*news
----------------------------------------*/
#news { position: relative; padding: 100px 0 0; }
#news .logo {
position: absolute;
top: -50px; left: 0;
width: 25%;
z-index: -1;
}

#news .ttl { text-align: center; margin: 0 0 30px; }
#news .ttl h2 { font-size: 3.8rem; }
#news .ttl p { font-size: 1.2rem; font-weight: 700; color: #086DB0; }

#news .box { max-width: 960px; margin: auto; }
#news .box ul { margin: 0 0 40px; }
#news .box ul li { padding: 10px 0; }
#news .box ul li dl { display: flex; }
#news .box ul li dl dt { display: flex; justify-content: space-between; width: 170px; }
#news .box ul li dl dt .day { font-size: 1.4rem; font-weight: 700; }
#news .box ul li dl dt .mark {
font-size: 1.2rem;
font-weight: 700;
width: 80px;
text-align: center;
padding: 2px 0;
border-radius: 3px;
}
#news .box ul li dl dt .cate01 { color: #fff; background: #0AADF3;}
#news .box ul li dl dt .cate02 { color: #fff; background: #0D84EC;}
#news .box ul li dl dt .cate03 { color: #fff; background: #3963EC;}
#news .box ul li dl dt .cate04 { color: #000; background: #D5D5D5;}
#news .box ul li dl dd { margin: 0 0 0 40px; font-size: 1.4rem; }
#news .box ul li dl dd a:hover { border-bottom: 1px solid #909090; padding-bottom: 2px; }

#news .btn {
text-align: center;
}
#news .btn a {
position: relative;
display: inline-block;
background: #086DB0;
font-weight: 700;
color: #FFF;
padding: 5px 100px 7px 30px;
border-radius: 25rem;
transition: all 0.3s;
}
#news .btn a:hover {
opacity: 0.8;
transition: all 0.3s;
}
#news .btn a::before {
content: '';
position: absolute;
top: 40%;
right: 25px;
width: 0.6em;
height: 0.6em;
border: 0.2em solid #fff;
border-left: 0;
border-bottom: 0;
box-sizing: border-box;
transform: rotate(45deg);
}


/*other
----------------------------------------*/
#other {
position: relative;
padding: 100px 0;
background: linear-gradient(270deg, rgba(201, 218, 255, 0.2) 0%, rgba(89, 189, 255, 0.2) 100%);
background-blend-mode: multiply;
}

#other .credit { position: absolute; top: 10px; right: 5%; font-size: 1rem; }

#other .lp { position: relative; width: 920px; margin: 0 auto 50px; }
#other .lp a img:nth-child(2) { position: absolute; top: 0; left: 0; opacity: 0; transition: all 0.3s; }
#other .lp a:hover img:nth-child(2) { opacity: 1; transition: all 0.3s; }

#other .info h3 {
font-size: 2.2rem;
font-weight: 700;
color: #086DB0;
margin-bottom: 30px;
text-align: center;
}

#other .info .swiper-container { overflow: inherit; }
#other .info .swiper-slide { box-shadow: 0 0 20px rgba(0,0,0,0.15); border-radius: 10px; }
#other .info .swiper-slide a { position: relative; display: block; }
#other .info .swiper-slide a img { border-radius: 10px; }
#other .info .swiper-slide a .txt {
position: absolute;
top: 50%; left: 0;
translate: 0% -50%;
width: 100%;
color: #fff;
text-align: center;
padding: 0 5%;
box-sizing: border-box;
opacity: 0;
z-index: 1;
transition: all 0.3s;
}
#other .info .swiper-slide a:hover::after {
content: '';
width: 100%; height: 100%;
background: #086DB0;
border-radius: 10px;
position: absolute;
top: 0; left: 0;
opacity: 0.8;
transition: all 0.3s;
}
#other .info .swiper-slide a:hover .txt { opacity: 1; transition: all 0.3s; }

#other .info .swiper-slide a .txt h4 { font-size: 1.8rem; font-weight: 700; }
#other .info .swiper-slide a .txt p { font-size: 1.3rem; margin-top: 20px; }

#other .info .nav {
display: flex;
align-items: center;
justify-content: center;
margin: 20px 30px 0;
}
#other .info .swiper-pagination { position: relative; margin-right: 30px; }
#other .info .swiper-pagination .swiper-pagination-bullet {
margin-left: 5px;
width: 10px;
height: 10px;
background: #D5D5D5;
opacity: 1;
}
#other .info .swiper-pagination .swiper-pagination-bullet-active {
background: #086DB0;
}

#other .info .flex_wrap { display: inline-flex; }
#other .info .swiper-button-next,
#other .info .swiper-button-prev {
position: relative;
margin: 0;
width: 25px;
height: 25px;
background-size: contain;
}
#other .info .swiper-button-prev.swiper-button-white,
#other .info .swiper-container-rtl .swiper-button-next.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44'%3E%3Ccircle cx='22' cy='22' r='22' fill='%23086DB0'/%3E%3Cpath d='M26 10 L16 22 L26 34' fill='none' stroke='%23ffffff' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
margin-right: 10px;
top: 0;
left: 0;
right: 0;
}

#other .info .swiper-button-next.swiper-button-white,
#other .info .swiper-container-rtl .swiper-button-prev.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44'%3E%3Ccircle cx='22' cy='22' r='22' fill='%23086DB0'/%3E%3Cpath d='M18 10 L28 22 L18 34' fill='none' stroke='%23ffffff' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
margin-right: 10px;
top: 0;
left: 0;
right: 0;
}

/* ボタン共通 */
#other .info .swiper-toggle {
position: relative;
z-index: 20;
width: 25px;          /* prev/nextと同サイズ推奨 */
height: 25px;
border: none;
cursor: pointer;
background: #086DB0;
border-radius: 50%;
padding: 0;
}

/* ▶︎ 再生（停止中に表示） */
#other .info .swiper-toggle.is-paused::before {
content: '';
position: absolute;
left: 50%;
top: 50%;
transform: translate(-45%, -50%);
width: 0;
height: 0;
border-style: solid;
border-width: 6px 0 6px 10px;
border-color: transparent transparent transparent #fff;
}


/* ⏸ 一時停止（再生中に表示） */
#other .info .swiper-toggle.is-playing::before,
#other .info .swiper-toggle.is-playing::after {
content: '';
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 3px;
height: 12px;
background: #fff;
border-radius: 2px;
}

#other .info .swiper-toggle.is-playing::before { left: 8px; }
#other .info .swiper-toggle.is-playing::after  { right: 8px; }




}







/*sp*/
@media only screen and (max-width: 768px) {
/* com
--------------------------------------------*/



/* mv
--------------------------------------------*/
.mainvisual { overflow: hidden; background: #F3F5F5; }
.mainvisual .container { position: relative; margin-left: auto; margin-right: auto; width: 100%; }
.mainvisual .swiper-container { width: 100%; height: 100%; overflow: visible; z-index: 1;}

#swiperMain_sp { width: 100%; margin: auto; background: #F3F5F5; }
#swiperMain_sp img { width: 100%; margin: 0;}

#swiperMain_sp .nav {
display: flex;
align-items: center;
justify-content: center;
margin: 10px 30px;
}
#swiperMain_sp .swiper-pagination { position: relative; margin-right: 30px; }
#swiperMain_sp .swiper-pagination .swiper-pagination-bullet {
margin-left: 5px;
width: 10px;
height: 10px;
background: #D5D5D5;
opacity: 1;
}
#swiperMain_sp .swiper-pagination .swiper-pagination-bullet-active {
background: #086DB0;
}

#swiperMain_sp .flex_wrap { display: inline-flex; }
#swiperMain_sp .swiper-button-next,
#swiperMain_sp .swiper-button-prev {
position: relative;
margin: 0;
width: 25px;
height: 25px;
background-size: contain;
}
#swiperMain_sp .swiper-button-prev.swiper-button-white,
#swiperMain_sp .swiper-container-rtl .swiper-button-next.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44'%3E%3Ccircle cx='22' cy='22' r='22' fill='%23086DB0'/%3E%3Cpath d='M26 10 L16 22 L26 34' fill='none' stroke='%23ffffff' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
margin-right: 10px;
top: 0;
left: 0;
right: 0;
}

#swiperMain_sp .swiper-button-next.swiper-button-white,
#swiperMain_sp .swiper-container-rtl .swiper-button-prev.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44'%3E%3Ccircle cx='22' cy='22' r='22' fill='%23086DB0'/%3E%3Cpath d='M18 10 L28 22 L18 34' fill='none' stroke='%23ffffff' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
margin-right: 10px;
top: 0;
left: 0;
right: 0;
}

/* ボタン共通 */
#swiperMain_sp .swiper-toggle {
position: relative;
z-index: 20;
width: 25px;          /* prev/nextと同サイズ推奨 */
height: 25px;
border: none;
cursor: pointer;
background: #086DB0;
border-radius: 50%;
padding: 0;
}

/* ▶︎ 再生（停止中に表示） */
#swiperMain_sp .swiper-toggle.is-paused::before {
content: '';
position: absolute;
left: 50%;
top: 50%;
transform: translate(-45%, -50%);
width: 0;
height: 0;
border-style: solid;
border-width: 6px 0 6px 10px;
border-color: transparent transparent transparent #fff;
}


/* ⏸ 一時停止（再生中に表示） */
#swiperMain_sp .swiper-toggle.is-playing::before,
#swiperMain_sp .swiper-toggle.is-playing::after {
content: '';
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 3px;
height: 12px;
background: #fff;
border-radius: 2px;
}

#swiperMain_sp .swiper-toggle.is-playing::before { left: 8px; }
#swiperMain_sp .swiper-toggle.is-playing::after  { right: 8px; }



/*unkou
----------------------------------------*/
#unkou { position: relative; padding: 10px 5% 30px; background: #F3F5F5; }
#unkou .section_wrap {  }
#unkou .navi {
background: #fff;
margin-bottom: 30px;
background: #FFFFFF;
box-shadow: 4px 4px 15px rgba(36, 81, 110, 0.15);
border-radius: 10px;
z-index: 1;
}
#unkou .navi .sp_flex { display: flex; justify-content: center; align-items: center; }
#unkou .navi h3 {
font-size: 1.6rem;
font-weight: 700;
text-align: center;
margin: 0 20px 0 0;
min-width: 160px;
padding: 5px 0;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
}
#unkou .navi a { padding: 40px 20px 20px; display: block; }
#unkou .navi a p {
text-align: center;
margin-top: 20px;
font-size: 1.5rem;
font-weight: 700;
color: #086DB0;
}
#unkou .navi a p span {
display: inline-flex;
align-items: center;
justify-content: center;
vertical-align: middle;
width: 20px;
height: 20px;
margin: 0 0 4px 10px;
background: #086DB0;
border-radius: 50%;
box-sizing: content-box;
}
#unkou .navi a p span::before {
content: '';
width: 0.4em;
height: 0.4em;
border: 0.1em solid #fff;
border-left: 0;
border-bottom: 0;
box-sizing: border-box;
transform: translateX(-20%) rotate(45deg);
}

#unkou .unkou { position: relative; }
#unkou .unkou .flex_wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding-bottom: 10px;
border-bottom: 1px solid #000;
}
#unkou .unkou .flex_wrap h3 { font-size: 1.8rem; font-weight: 700; }
#unkou .unkou .flex_wrap .link_box { display: flex; }
#unkou .unkou .flex_wrap .link_box p:first-child a { position: relative; padding-left: 20px; }
#unkou .unkou .flex_wrap .link_box p:first-child a::before {
content: '';
position: absolute;
top: 30%; left: 0;
width: 0.7em; height: 0.7em;
border: 0.1em solid #086DB0;
border-left: 0;
border-bottom: 0;
box-sizing: border-box;
transform: rotate(45deg);
}
#unkou .unkou .flex_wrap .link_box .reroad { margin-left: 15px; }
#unkou .unkou .flex_wrap .link_box .reroad a {
display: inline-block;
padding: 0px 10px;
background: #086DB0;
border-radius: 5px;
color: #FFF;
font-weight: 700;
}
#unkou .unkou .flex_wrap .link_box .reroad a::before {
font-family: "Font Awesome 5 Free";
content: "\f110";
font-weight: 900;
margin: 0 10px 0 0;
}

#unkou .unkou .inner p {
display: flex;
align-items: center;
font-size: 1.4rem;
padding: 10px 0;
}
#unkou .unkou .inner p span {
width: 40px;
font-size: 1.6rem;
font-weight: 700;
line-height: 1.4;
text-align: center;
padding: 2px 8px;
margin: 0 10px 0 0;
}
#unkou .unkou .inner p span.cate01 { color: #0BACF3; border: 1px solid #0BACF3; }
#unkou .unkou .inner p span.cate02 { color: #0D84EC; border: 1px solid #0D84EC; }
#unkou .unkou .inner p span.cate03 { color: #3963EC; border: 1px solid #3963EC; }
#unkou .unkou .inner p a time { display: block; }
#unkou .unkou .inner .btn { text-align: right;}
#unkou .unkou .inner .btn a { display: inline-block; font-size: 1.6rem; color: #333;}



/*important
----------------------------------------*/
#important { position: relative; padding: 50px 0 0; }

#important .important {
position: relative;
max-width: 90%;
margin: 0 auto 20px;
}
#important .important h3 {
font-size: 1.8rem;
color: #CF0202;
text-align: center;
padding: 8px 10px;
background: #fff;
border: 1.5px solid #086DB0;
border-radius: 10px 10px 0 0;
}
#important .important h3 span { margin-right: 5px; }
#important .important h3 span::before {
content: "！";
display: inline-flex;
align-items: center;
justify-content: center;
width: 2.4rem;
height: 2.4rem;
background: #CF0202;
color: #fff;
font-weight: bold;
font-size: 1.8rem;
border-radius: 50%;
}
#important .important ul {
background: #086DB0;
padding: 20px;
border-radius: 0 0 10px 10px;
}
#important .important ul li { margin-bottom: 10px; }
#important .important ul li:last-child { margin-bottom: 0; }
#important .important dl {  }
#important .important dl dt { display: flex; }
#important .important dl dt .day { font-size: 1.4rem; font-weight: 700; margin-right: 5px; color: #fff; }
#important .important dl dt .mark {
font-size: 1.2rem;
font-weight: 700;
text-align: center;
padding: 1px 10px;
border-radius: 3px;
background: #fff;
}
#important .important dl dt .cate01 { color: #0AADF3; }
#important .important dl dt .cate02 { color: #0D84EC; }
#important .important dl dt .cate03 { color: #3963EC; }
#important .important dl dt .cate04 { color: #000; }
#important .important dl dd { font-size: 1.4rem; color: #fff; }
#important .important dl dd a { color: #fff; }



/*news
----------------------------------------*/
#news { position: relative; padding: 50px 0 0; }
#news .logo {
position: absolute;
top: -30px; left: 0;
width: 25%;
z-index: -1;
}

#news .ttl { text-align: center; margin: 0 0 20px; }
#news .ttl h2 { font-size: 3rem; }
#news .ttl p { font-size: 1.1rem; font-weight: 700; color: #086DB0; }

#news .important {
position: relative;
max-width: 90%;
margin: 0 auto 20px;
}
#news .important h3 {
font-size: 1.6rem;
color: #086DB0;
text-align: center;
padding: 5px 10px;
background: #fff;
border: 1.5px solid #086DB0;
border-radius: 10px 10px 0 0;
}
#news .important h3 span { margin-right: 5px; }
#news .important h3 span::before {
content: "！";
display: inline-flex;
align-items: center;
justify-content: center;
width: 2.4rem;
height: 2.4rem;
background: #086DB0;
color: #fff;
font-weight: bold;
font-size: 1.8rem;
border-radius: 50%;
}
#news .important ul {
background: #086DB0;
padding: 20px;
border-radius: 0 0 10px 10px;
}
#news .important ul li { margin-bottom: 10px; }
#news .important ul li:last-child { margin-bottom: 0; }
#news .important dl {  }
#news .important dl dt { display: flex; }
#news .important dl dt .day { font-size: 1.4rem; font-weight: 700; margin-right: 5px; color: #fff; }
#news .important dl dt .mark {
font-size: 1.2rem;
font-weight: 700;
text-align: center;
padding: 1px 10px;
border-radius: 3px;
background: #fff;
}
#news .important dl dt .cate01 { color: #0AADF3; }
#news .important dl dt .cate02 { color: #0D84EC; }
#news .important dl dt .cate03 { color: #3963EC; }
#news .important dl dt .cate04 { color: #000; }
#news .important dl dd { font-size: 1.4rem; color: #fff; }
#news .important dl dd a { color: #fff; }

#news .box { width: 90%; margin: auto; }
#news .box ul { margin: 0 0 20px; }
#news .box ul li { padding: 12px 0; border-bottom: 1px solid #909090; }
#news .box ul li:last-child { border-bottom: none; }
#news .box ul li dl {  }
#news .box ul li dl dt { display: flex; align-items: center; }
#news .box ul li dl dt .day { font-size: 1.3rem; font-weight: 700; margin-right: 5px; }
#news .box ul li dl dt .mark {
font-size: 1.2rem;
font-weight: 700;
text-align: center;
padding: 2px 10px;
border-radius: 3px;
}
#news .box ul li dl dt .cate01 { color: #fff; background: #0AADF3;}
#news .box ul li dl dt .cate02 { color: #fff; background: #0D84EC;}
#news .box ul li dl dt .cate03 { color: #fff; background: #3963EC;}
#news .box ul li dl dt .cate04 { color: #000; background: #D5D5D5;}
#news .box ul li dl dd { font-size: 1.4rem; }

#news .btn { text-align: center; }
#news .btn a {
position: relative;
display: inline-block;
background: #086DB0;
font-weight: 700;
color: #FFF;
padding: 10px 90px 10px 20px;
border-radius: 25rem;
transition: all 0.3s;
}
#news .btn a:hover { opacity: 0.8; transition: all 0.3s; }
#news .btn a::before {
content: '';
position: absolute;
top: 40%;
right: 25px;
width: 0.6em;
height: 0.6em;
border: 0.2em solid #fff;
border-left: 0;
border-bottom: 0;
box-sizing: border-box;
transform: rotate(45deg);
}




/*other
----------------------------------------*/
#other {
position: relative;
padding: 50px 0;
background: linear-gradient(270deg, rgba(201, 218, 255, 0.2) 0%, rgba(89, 189, 255, 0.2) 100%);
background-blend-mode: multiply;
}

#other .credit { position: absolute; top: 10px; right: 5%; font-size: 1rem; }

#other .lp { position: relative; width: 90%; margin: 0 auto 30px; }
#other .lp a img:nth-child(4) { position: absolute; top: 0; left: 0; opacity: 0; transition: all 0.3s; }
#other .lp a:hover img:nth-child(4) { opacity: 1; transition: all 0.3s; }

#other .info h3 {
font-size: 2.2rem;
font-weight: 700;
color: #086DB0;
margin-bottom: 30px;
text-align: center;
}

#other .info .swiper-container { overflow: inherit; }
#other .info .swiper-slide { box-shadow: 0 0 20px rgba(0,0,0,0.15); border-radius: 10px; }
#other .info .swiper-slide a { position: relative; display: block; }
#other .info .swiper-slide a img { border-radius: 10px; }
#other .info .swiper-slide a .txt {
position: absolute;
top: 50%; left: 0;
translate: 0% -50%;
width: 100%;
color: #fff;
text-align: center;
padding: 0 8%;
box-sizing: border-box;
opacity: 0;
z-index: 1;
transition: all 0.3s;
}
#other .info .swiper-slide a:hover::after {
content: '';
width: 100%; height: 100%;
background: #086DB0;
border-radius: 10px;
position: absolute;
top: 0; left: 0;
opacity: 0.8;
transition: all 0.3s;
}
#other .info .swiper-slide a:hover .txt { opacity: 1; transition: all 0.3s; }

#other .info .swiper-slide a .txt h4 { font-size: 1.8rem; font-weight: 700; }
#other .info .swiper-slide a .txt p { font-size: 1.3rem; margin-top: 20px; }

#other .info .nav {
display: flex;
align-items: center;
justify-content: center;
margin: 15px 20px 0;
}
#other .info .swiper-pagination { position: relative; margin-right: 30px; }
#other .info .swiper-pagination .swiper-pagination-bullet {
margin-left: 5px;
width: 10px;
height: 10px;
background: #D5D5D5;
opacity: 1;
}
#other .info .swiper-pagination .swiper-pagination-bullet-active {
background: #086DB0;
}

#other .info .flex_wrap { display: inline-flex; }
#other .info .swiper-button-next,
#other .info .swiper-button-prev {
position: relative;
margin: 0;
width: 25px;
height: 25px;
background-size: contain;
}
#other .info .swiper-button-prev.swiper-button-white,
#other .info .swiper-container-rtl .swiper-button-next.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44'%3E%3Ccircle cx='22' cy='22' r='22' fill='%23086DB0'/%3E%3Cpath d='M26 10 L16 22 L26 34' fill='none' stroke='%23ffffff' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
margin-right: 10px;
top: 0;
left: 0;
right: 0;
}

#other .info .swiper-button-next.swiper-button-white,
#other .info .swiper-container-rtl .swiper-button-prev.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44'%3E%3Ccircle cx='22' cy='22' r='22' fill='%23086DB0'/%3E%3Cpath d='M18 10 L28 22 L18 34' fill='none' stroke='%23ffffff' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
margin-right: 10px;
top: 0;
left: 0;
right: 0;
}

/* ボタン共通 */
#other .info .swiper-toggle {
position: relative;
z-index: 20;
width: 25px;          /* prev/nextと同サイズ推奨 */
height: 25px;
border: none;
cursor: pointer;
background: #086DB0;
border-radius: 50%;
padding: 0;
}

/* ▶︎ 再生（停止中に表示） */
#other .info .swiper-toggle.is-paused::before {
content: '';
position: absolute;
left: 50%;
top: 50%;
transform: translate(-45%, -50%);
width: 0;
height: 0;
border-style: solid;
border-width: 6px 0 6px 10px;
border-color: transparent transparent transparent #fff;
}


/* ⏸ 一時停止（再生中に表示） */
#other .info .swiper-toggle.is-playing::before,
#other .info .swiper-toggle.is-playing::after {
content: '';
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 3px;
height: 12px;
background: #fff;
border-radius: 2px;
}

#other .info .swiper-toggle.is-playing::before { left: 8px; }
#other .info .swiper-toggle.is-playing::after  { right: 8px; }




}