@charset "UTF-8";
article, aside, figcaption, figure, footer, header, img, nav, section {
display:block
}
body, dd, div, dl, dt, h1, h2, h3, h4, html, img, li, ol, p, span, table, td, th, tr, ul, figure {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
body {
	font-size: 14px;
	line-height: 1.9em;
	font-family: "Noto Sans JP", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-weight: normal;
	background-color: #FFFFFF;
	color: #222222;
	letter-spacing: 0.05em;
	-webkit-text-size-adjust: 100%;
}
h1, h2 {
line-height: 1.8em;
}
h1, h2, h3, h4, h5 {
font-weight: bold;
}

@media screen and (max-width: 820px) {
body {
font-size: 13px;
line-height: 1.8em;
}
h1, h2 {
line-height: 1.5em;
color: #000000;
}
}
@media screen and (max-width: 767px) {
body {
font-size: 13px;
line-height: 1.8em;
}
}


ol, ul {
list-style:none
}
table{
border-collapse: collapse;
border-spacing: 0;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
a {  }
a:link {
color: #222222;
text-decoration: none;
}
a:visited {
color: #222222;
text-decoration: none;
}
a:hover, a:active {
color: #222222;
text-decoration: none;
}
@media screen and (max-width: 767px) {
a:hover, a:active {
text-decoration: none;
}
}



/* ---------------------------------------------------------------- *
ドキュメント全体に関する設定
* ---------------------------------------------------------------- */
.contents {
overflow: hidden;
margin-right: 0;
margin-left: 0;
margin-bottom: 0;
padding: 0;
clear: both;
margin-top: 80px;
/*position: relative;*/
}
@media screen and (max-width: 767px) {
.contents {
margin-top: 60px;
}
}

.Box01{
width: 100%;
margin-top: 0px;
margin-bottom: 0px;
clear: both;
padding-top: 50px;
padding-bottom: 50px;
}
@media screen and (max-width: 767px) {
.Box01{
padding-top: 5%;
padding-bottom: 5%;
}
}

/* ------ Column ------ */
.row_TK{
max-width: 1500px;
margin: 0 auto;
padding: 0 14%;
}
@media screen and (max-width: 767px) {
/* 左右に余白を設定 */
.row_TK{
padding: 0 6%;
}
}
.row150,.row150in{
max-width: 1500px;
margin: 0 auto;
padding: 0 6%;
}
.row140,.row140in{
max-width: 1400px;
margin: 0 auto;
padding: 0 3%;
}
.row130,.row130in{
max-width: 1300px;
margin: 0 auto;
padding: 0 3%;
}
.row120,.row120in{
max-width: 1200px;
margin: 0 auto;
padding: 0 3%;
}
.row110,.row110in{
max-width: 1100px;
margin: 0 auto;
padding: 0 3%;
}
.row110r{
max-width: 1100px;
max-width: calc(1100px - 3%);
margin-top: 0;
margin-right: 0px;
margin-left: auto;
margin-bottom: 0;
padding: 0 3%;
}
.row,.row00{
max-width: 1000px;
margin: 0 auto;
padding: 0 3%;
}
.row:after,.row00:after,.row02:after {
content: "";
display: block;
clear: both;
}
.row02,.row02in {
max-width: 900px;
margin: 0 auto;
padding: 0 3%;
}
.row800,.row800in {
max-width: 800px;
margin: 0 auto;
padding: 0 3%;
}
.row700,.row700in {
max-width: 700px;
margin: 0 auto;
padding: 0 3%;
}

.pc_only {
display: block!important;
}
.sp_only {
display: none!important;
}
@media screen and (max-width: 767px) {
/* 左右に余白を設定 */
.row150,.row140,.row130,.row120,.row110,.row,.row02,.row800,.row700  {
padding: 0 6%;
}
.row110r{
margin: 0 auto;
padding: 0 6%;
}
.row150in,.row140in,.row130in,.row120in,.row110in,.row00,.row02in,.row800in,.row700in {
padding-top: 0;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0;
}
.pc_only {
display: none !important;
}
.sp_only {
display: block!important;
}
}


/*ホワイト*/
.wt .fa,.wt{
color: #FFF !important;
}
.wt a:link {
text-decoration: none !important;
color: #FFF !important;
}
.wt a:visited {
text-decoration: none !important;
color: #FFF !important;
}
.wt a:hover, .wt a:active {
text-decoration: none !important;
color: #FFF !important;
}

/*ブラック*/
.bk .fa,.bk{
color: #000000 !important;
}
.bk a:link {
text-decoration: none !important;
color: #000000 !important;
}
.bk a:visited {
text-decoration: none !important;
color: #000000 !important;
}
.bk a:hover, .bk a:active {
text-decoration: none !important;
color: #000000 !important;
}

/*コーポレートカラー*/
.corp .fa{
color: #44AF35 !important;
}
.corp a:link {
text-decoration: none !important;
color: #44AF35 !important;
}
.corp a:visited {
text-decoration: none !important;
color: #44AF35 !important;
}
.corp a:hover, .corp a:active {
text-decoration: none !important;
color: #44AF35 !important;
}

/*BGカラー*/
.bg_corp{
background-color: #44AF35;
}
.bg_wt{
background-color: #FFFFFF;
}
.bg_bk{
background-color: #000000;
}

/* ---------------------------------------------------------------- *
ヘッダ部分の設定
* ---------------------------------------------------------------- */
#header{
position: fixed;
width: 100%;
top: 0;
left: 0;
z-index: 4;
margin: 0;
background-color: #FFFFFF;
height: 80px;
}
.in_head {
display: flex;
width: 100%;
transition: all 0.3s;
padding-top: 10px;
margin: 0;
}
.in_head h1 img {
height: 45px;
width: auto;
display: block;
margin-left: 30px;
transition: all 0.3s;
z-index: 1;
position: absolute;
}


@media screen and (max-width: 820px) {
.in_head h1 img {
margin-left: 5%;
}
}
@media screen and (max-width: 767px) {
#header {
height: 60px;
}
.in_head {
padding-top: 10px;
}
.in_head h1 img {
height: 40px;
margin-left: 3%;
}

}


/*h_ボタン*/
.h_btn {
display: flex;
justify-content: flex-end;
align-items:center;
margin-top: 10px;
margin-bottom: 10px;
gap: 0px;
position: absolute;
top: 20px;
right: 100px;
}
.h_btn .ibtn {
}
.h_btn .ibtn a {
text-align: center;
display: block;
padding-left: 20px;
padding-right: 20px;
font-size: 13px;
position: relative;
}
.h_btn .ibtn a::before {
position: absolute;
content: '';
width: 1px;
height: 15px;
background-color: #000000;
right: 0px;
top: 50%;
transform: translateY(-50%);
}
.h_btn .ibtn:nth-child(5){
	margin-right: 0px;
}
.h_btn .ibtn:nth-child(5) a::before{
width: 0px;
}

.h_btn .ibtn a:hover {
opacity: 0.7;
}

.h_btn .ibtn2 a {
	text-align: center;
	display: block;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 12px;
	position: relative;
	border-radius: 30px;
	background-color: #DCDDDD;
	line-height: 2em;
	margin-left: 10px;
}
.h_btn .ibtn3 {
	width: 50px;
	height: auto;
	margin-left: 15px;
}
.h_btn .ibtn3 img {
	width: 100%;
	height: auto;
	display: block;
}
@media screen and (max-width: 1240px) {
.h_btn .ibtn2 {
display: none;
}
}
@media screen and (max-width: 937px) {
.h_btn .ibtn3 {
display: none;
}
}
@media screen and (max-width: 820px) {
.h_btn {
display: none;
}
}
@media screen and (max-width: 767px) {
.h_btn {
width: 100%;
margin-left: auto;
margin-right: auto;
gap: 20px 0px;
flex-direction: column;
margin-bottom: 20px;
}
.h_btn .ibtn {
width: 100%;
font-size: 3.3vw;
}
}



/*右サイド　バナー*/

/*1600pxまで*/
@media screen and (max-width: 1600px) {
.h_bnrs{
max-height: 800px;
}
}
/*1600px以上*/
@media screen and (min-width: 1600px) {
.h_bnrs{
max-height: 880px;
}
}

/*1180px以下*/
@media screen and (max-width: 1180px){
.h_bnrs{
	max-height: 720px;	
}
}

/*1030px以下*/
@media screen and (max-width: 1030px){
.h_bnrs{
	max-height: 640px;	
}
}


.h_bnrs{
	display: flex;
	gap: 0;
	flex-direction: column;
	position: fixed;
	top: 0;
	right: 0;
	opacity: 0;
	animation: S_up 2s;
	animation-fill-mode: forwards;
	z-index: 4;
	background-image: linear-gradient(#00b5ff, #4062bb);
	padding-left: 10px;
	padding-right: 10px;

	/* 固定600pxではなく、画面高に追従 */
	height: 100vh;
/*	max-height: 650px;*/
	transition: all 0.3s;
}

.h_bnrs .item{
	width: 40px;
	margin-left: 0;
	border-bottom: 1px solid rgba(255,255,255,0.80);
}

.h_bnrs .item:last-child{
	border-bottom: none;
}

.h_bnrs .item.bnrs{
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}

.h_bnrs .item.bnrs a{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	text-align: center;
}

.h_bnrs .item.bnrs img{
	width: 100%;
	height: auto;
	display: block;
	margin-bottom: 5px;
}

.h_bnrs .item.bnrs h3{
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	text-orientation: upright;
	font-size: 13px;
	line-height: 1.3;
	color: #FFFFFF;
	font-weight: 300;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.h_bnrs .item.menu{
	flex: 0 0 8%;
}

@keyframes S_up{
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@media screen and (max-width: 767px) {
	.h_bnrs{
		display: none;
	}
}




/* オープンスクール　バナー */
.open5school{
	position: fixed;
	z-index: 2;
	right: 90px;
	bottom: 40px;
	width: 320px;
	opacity: 0;
	transition: opacity 0.3s ease, transform 0.3s ease;
}
.open5school figure{
  width: 100%;
  box-shadow: 0 3px 10px rgba(0,0,0,0.2);
  border-radius: 16px;
  overflow: hidden;
}
.open5school figure img{
  width: 100%;
  height: auto;
  display: block;
}

/*　左の動き　*/
.open5school.LeftMove{
animation: LeftAnime 0.5s forwards;
}
@keyframes LeftAnime{
from {
opacity: 0;
transform: translateX(450px);
}
to {
opacity: 1;
transform: translateX(0);
}
}

/*　右の動き　*/
.open5school.RightMove{
animation: RightAnime 0.5s forwards;
}
@keyframes RightAnime{
from {
opacity: 1;
transform: translateX(0);
}
to {
opacity: 1;
transform: translateX(450px);
}
}

@media screen and (max-width: 767px){
  .open5school{
    width: 50%;
    right: 16px;
  bottom: 90px;
  }
}




/*　CLOSEボタン　*/
.close-button {
  appearance: none;
  -webkit-appearance: none;
  border: 1px solid #000000;
  background-color: #FFFFFF;
/*
  border: 1px solid #4062BB;
  background-color: #4062BB;
*/
  border-radius: 50%;
  width: 24px;
  height: 24px;
  position: absolute;
  top: -10px;
  right: -10px;
  padding: 0;
  margin: 0;
  line-height: 1;
  box-sizing: border-box;
  cursor: pointer;
  z-index: 2;
  box-shadow: 0 3px 10px rgba(0,0,0,0.2);
}

.close-button::before, .close-button::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 1px;
height: 10px;
background: #000000;
/*background: #FFFFFF;*/
}
.close-button::before {
transform: translate(-50%,-50%) rotate(45deg);
}

.close-button::after {
transform: translate(-50%,-50%) rotate(-45deg);
}

@media screen and (max-width: 767px) {
.close-button {
width: 20px;
height: 20px;
}
.close-button::before, .close-button::after {
height: 8px;
}
}




/*FirstView　設定*/
.Fview{
	background-image: url(../parts/fv_bg_pc.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
padding-bottom: 90px;
	position: relative;
	transition: all 0.3s;
}
.Fview figure.teikyo5{
	width: 50%;
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 1;
}
.Fview figure.btn_movie{
	width: 65px;
	position: absolute;
	top: 50px;
	right: 100px;
	z-index: 1;
}
.Fview figure.open5{
	width: 25%;
	position: absolute;
	bottom: 15%;
	z-index: 1;
	right: 8%;
	box-shadow: 0 3px 10px rgba(0,0,0,0.2);
	border-radius: 20px;
}
.Fview figure img{
width: 100%;
height: auto;
display: block;
}
@media screen and (max-width: 767px) {
.Fview{
	background-image: url(../parts/fv_bg_sp.svg);
	padding-bottom: 12%;
}
.Fview figure.teikyo5{
	width: 100%;
}
.Fview figure.btn_movie{
	width: 55px;
	top: 20px;
	right: 20px;
}
.Fview figure.open5{
	width: 50%;
	bottom: 20%;
	right: 3%;
}
}


/* 動画ボタン */
.Fview figure.btn_movie button{
  appearance: none;
  border: 0;
  background: transparent;
  padding: 0;
  margin: 0;
  cursor: pointer;
  display: block;
  width: 100%;
}
.Fview figure.btn_movie button img{
  width: 100%;
  height: auto;
  display: block;
  pointer-events: none;
}

/* 初期状態：スライダー表示 / 動画非表示 */
.Fview .t_movie{
  display: none;
}

.Fview .swiper-wrapper{
  display: flex;
}

/* 動画モード時 */
.Fview.is-video .t_movie{
  display: block;
}

.Fview.is-video .swiper-wrapper{
  display: none;
}






/*swiper　設定*/
.t_mv{
position: relative;
_zoom: 1;
overflow: hidden;
padding: 0;
margin-top: 0px;
width: calc(100% - 5%);
margin-left: auto;
margin-right: 0px;
border-bottom-left-radius: 100px;
margin-bottom: 0px;
transition: all 0.3s;
}
@media screen and (max-width: 820px) {
.t_mv{
width: calc(100% - 0px);
margin-left: auto;
margin-right: 0px;
border-bottom-left-radius: 70px;
margin-bottom: 0px;
}
}




/*1600pxまで*/
@media screen and (max-width: 1600px) {
.swiper-container {
	max-height: 630px;	
}
}
/*1600px以上*/
@media screen and (min-width: 1600px) {
.swiper-container {
	max-height: 710px;
}
}

/*1180px以下*/
@media screen and (max-width: 1180px){
.swiper-container {
	max-height: 550px;	
}
}

/*1030px以下*/
@media screen and (max-width: 1030px){
.swiper-container {
	max-height: 470px;	
}
}



.swiper-container{
  position: relative;
  width: 100%;
  background-color: #000000;
  overflow: hidden;
  aspect-ratio: 16 / 9;
  transition: all 0.3s;
}

.swiper-wrapper,
.swiper-slide{
  width: 100%;
  height: 100%;
}

.swiper-slide img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  display: block;
}

.swiper-slide {
background-position: center;
background-size: cover;
position: relative;
}

@media screen and (max-width: 767px){
  .swiper-container{
    aspect-ratio: 780 / 1100;
  }
  
  .swiper-wrapper,
  .swiper-slide{
    height: 100%;
  }

}




/*トップmp4 動画設定*/
.t_movie{
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.t_movie video{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  display: block;
}

/* =====================
SP 用（780×1100 比率）
===================== */
@media screen and (max-width: 767px) {

.t_movie {
aspect-ratio: 780 / 1100; /* ← SP動画比率 */
}

.t_movie video {
width: 100%;
height: 100%;
object-fit: cover;   /* はみ出しOKでトリミング */
}
}





.t_mv .place{
position: absolute;
inset: 0;                 /* top/right/bottom/left:0 と同義 */
display: flex;
align-items: center;      /* 交差軸センター */
justify-content: center;  /* 主軸センター */
z-index: 2;
pointer-events: none;     /* スワイプ操作の邪魔をしない */
}

/* 動画再生中はキャッチコピーを隠す */
.Fview.is-video .place{
  display: none;
}

.t_mv .place figure{
width: 700px;
min-width: 700px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5%;
}
.t_mv .place figure img{
	width: 100%;
	height: auto;
	display: block;
}

@media screen and (max-width: 767px){
.t_mv .place figure{
min-width: initial;
	width: 85%;
	margin-top: 0%;
}
}



/*swiper-button prev next　エフェクト*/
[class^="swiper-button-"], .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet::before {
transition: all .3s ease;
}
/*.swiper-container:hover .swiper-button-prev,
.swiper-container:hover .swiper-button-next {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
visibility: visible;
}
[class^="swiper-button-"] {
opacity: 0;
visibility: hidden;
}*/
.swiper-button-prev {
-webkit-transform: translateX(50px);
transform: translateX(50px);
}
.swiper-button-next {
-webkit-transform: translateX(-50px);
transform: translateX(-50px);
}

/*pagination　cureent2重丸*/
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 10px !important;
position: relative;
width: 12px;
height: 12px;
background-color: #FFFFFF;
opacity: .4;
padding-right: 0px;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet::before {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 18px;
height: 18px;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border: 0px solid #FFFFFF;
border-radius: 50%;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:hover, .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
opacity: 1;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
border-width: 1px;
}


.swiper-container .swiper-slide:before {
z-index: 0;
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color:rgba(0,0,0,0);
}

/**/
.swiper-wrapper.disabled {
transform: translate3d(0px, 0, 0) !important;
}
.swiper-pagination.disabled {
display: none;
}






/*ここがイイ*/
.T_1th {
  position: relative;
  z-index: 0;
  padding-top: 80px;
  padding-bottom: 40px;
}

@media screen and (max-width: 767px) {
  .T_1th {
    padding-top: 40px;
    padding-bottom: 20px;
  }

}


/* --------------------------------
   特色 5つバナー
-------------------------------- */
.T_1th_opt1{
	padding-top: 40px;
  padding-bottom: 0px;
}
.T_1th_opt1 .in_desc{
	display:flex;
	flex-wrap:wrap;
	justify-content:center; /* 2段目の2件を中央寄せ */
	gap:10px;
	margin:0;
	padding:0;
	list-style:none;
}

.T_1th_opt1 .in_desc .item{
	position:relative;
	width:calc((100% - 20px) / 3); /* 3列 */
	overflow:hidden;
	background:#000;
}

.T_1th_opt1 .in_desc .item .link{
	position:absolute;
	inset:0;
	z-index:3;
	display:block;
}

.T_1th_opt1 .in_desc .item figure{
	margin:0;
	position:relative;
/*	aspect-ratio: 540 / 340;*/
	overflow:hidden;
}
/* 文字を見やすくする薄い黒 */
/*
.T_1th_opt1 .in_desc .item figure::after{
	content:"";
	position:absolute;
	inset:0;
	background:rgba(0,0,0,0.22); 
	z-index:1;
}
*/

.T_1th_opt1 .in_desc .item img{
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
	transition:transform .4s ease;
}

.T_1th_opt1 .in_desc .item:hover img{
	transform:scale(1.05);
}

.T_1th_opt1 .in_desc .item h3{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
	width: 78%;
	margin: 0;
	color: #fff;
	font-size: 19px;
	font-weight: 500;
	line-height: 1.6;
	text-shadow: 0 2px 8px rgba(0,0,0,0.2);
	display: flex;
	align-items: center;
	gap: 15px;
}

.T_1th_opt1 .in_desc .item h3 span{
	flex:0 0 auto;
	display:block;
	margin-right:0;
	font-size:80px;
	font-family: "Barlow Condensed", sans-serif;
	font-weight:600;
	line-height:1;
		transition: all 0.3s;
}
.T_1th_opt1 .in_desc .item h3 em{
	font-size: 14px;
	font-style: normal;
	line-height: 1.4em;
	display: block;
	font-weight: 300!important;
}

.T_1th_opt1 .in_desc .item:hover h3 span{
color: #FFBE00;
}
	
.T_1th_opt1 .in_desc .item h3 .txt{
	display:block;
	flex:1 1 auto;
}

/* 右下の丸矢印 */
.T_1th_opt1 .in_desc .item::before{
	content:"→";
	position:absolute;
	right:15px;
	bottom:15px;
	z-index:2;
	width:28px;
	height:28px;
	border-radius:50%;
	background:#fff;
	color:#222;
	font-size:16px;
	font-weight:400;
	line-height:28px;
	text-align:center;
	box-shadow:0 2px 8px rgba(0,0,0,0.15);
	transition:transform .3s ease;
}

.T_1th_opt1 .in_desc .item:hover::before{
	transform:translateX(4px);
}



@media (max-width: 767px){
.T_1th_opt1{
	padding-top: 30px;
  padding-bottom: 0px;
}
	.T_1th_opt1 .in_desc{
		display:block;
	}

	.T_1th_opt1 .in_desc .item{
		width:100%;
		margin-bottom:8px;
	}

	.T_1th_opt1 .in_desc .item:last-child{
		margin-bottom:0;
	}

/*
	.T_1th_opt1 .in_desc .item figure{
		aspect-ratio: 750 / 260;
	}
*/

	.T_1th_opt1 .in_desc .item h3{
		left:30px;
		top:50%;
		transform:translateY(-50%);
		width:calc(100% - 110px);
		font-size: 20px;
		gap: 10px;
	}

	.T_1th_opt1 .in_desc .item h3 span{
		display:inline-block;
		margin-right:12px;
		font-size:70px;
		line-height:1;
		vertical-align:middle;
	}
.T_1th_opt1 .in_desc .item h3 em{
	font-size: 14px;
}
	.T_1th_opt1 .in_desc .item:hover::before{
		transform:translateY(50%);
	}
}




/*flexbox によるお知らせ2カラム*/
.flex_blog {
display: flex;
gap: 10px;
align-items: flex-start;
}
.flex_blog .main {
flex: 3;
min-width: 0;
}
.flex_blog .side {
	flex: 1;
	min-width: 0;
	margin-top: 68px;
}

@media(max-width: 767px){
.flex_blog {
flex-direction: column;
gap: 0px;
}
.flex_blog .main,
.flex_blog .side {
flex: none;
width: 100%;
}
.flex_blog .side {
	margin-top: 0px;
}
}

/*お知らせナビ*/
.news_Nv {
	display: grid;
	gap: 5px;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	margin-top: 0px;
	margin-bottom: 30px;
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}
.news_Nv .item {
	text-align: center;
	position: relative;
}
.news_Nv .item::after {
position: absolute;
bottom: 0px;
content: '';
width: 94%;
height: 3px;
background-color: #999999;
left: 50%;
transform: translateX(-50%);
transition: all 0.3s;
}
.news_Nv .item h3 {
	font-size: 14px;
	line-height: 1.6em;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: normal;
}
.news_Nv .item a {
display: block;
cursor: pointer;
transition: all 0.3s;
padding-top: 12px;
padding-bottom: 12px;
color: #999999;
}
.news_Nv .item.active a {
color: #000000;
}
.news_Nv .item a:hover {
text-decoration: none;
color: #000000;
}

/* アクティブ時 */
.news_Nv .item.active::after {
	background-color: #FFBE00;
}
/* お知らせ　一覧 */
.news_Nv .item.current::after {
	background-color: #FFBE00;
}
.news_Nv .item.current a {
color: #000000;
}

/* ホバー時（aにhoverしても反応するように） */
.news_Nv .item:hover::after {
	background-color: #FFBE00;
}

@media screen and (max-width: 767px) {
.news_Nv {
gap: 5px;
margin-top: 0px;
margin-bottom: 20px;
width: 100%;
}
.news_Nv .item h3 {
font-size: 2.5vw;
}
}



/*お知らせの切り替え*/
/*エリアの表示非表示と形状*/
.in_News .area {
display: none;/*はじめは非表示*/
opacity: 0;/*透過0*/
}
/*areaにis-activeというクラスがついた時の形状*/
.in_News .area.is-active {
display: block;/*表示*/
animation-name: displayAnime;/*ふわっと表示させるためのアニメーション*/
animation-duration: 2s;
animation-fill-mode: forwards;
}

@keyframes displayAnime{
from {
opacity: 0;
}
to {
opacity: 1;
}
}




/*お知らせ*/
.T_2th {
  position: relative;
  z-index: 0;
  padding-top: 80px;
  padding-bottom: 40px;
}

@media screen and (max-width: 767px) {
  .T_2th {
    padding-top: 40px;
    padding-bottom: 20px;
	
	background-image: url("../parts/logo_bg.svg");
	background-repeat: no-repeat;
	background-position: 110% 30px;
	background-size: 40% auto;
  }

}

/*オプション*/
.T_2th_opt1 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.T_2th_opt1 ul.in_desc {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 10px;
  margin-bottom: 30px;
}

.T_2th_opt1 ul.in_desc li.item {
  position: relative;
}

.T_2th_opt1 ul.in_desc li.item p {
	font-size: 13px;
}
.T_2th_opt1 ul.in_desc li.item p strong {
	font-weight: normal;
}
.T_2th_opt1 ul.in_desc li.item p.title {
	font-size: 13px;
	line-height: 1.6em;
}
/* 画像トリミング */
.T_2th_opt1 figure {
width: 100%;
aspect-ratio: 400 / 268; /* 横：縦の比率 */
overflow: hidden; /* はみ出た部分を非表示 */
display: flex;
justify-content: center;
align-items: center;
}
.T_2th_opt1 figure img {
width: 100%;
height: 100%;
object-fit: cover; /* 画像をトリミング */
}
.T_2th_opt1 ul.in_desc li.item .link {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
}
.T_2th_opt1 ul.in_desc li.item .in_T{
  position: relative;
}
.T_2th_opt1 ul.in_desc li.item .in_T p.update{
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	color: #FFFFFF;
	font-size: 9px;
	margin-bottom: 0px;
	background-color: #FF8400;
	width: 32px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	border-radius: 50%;
	position: absolute;
	top: -25px;
	display: inline-block;
	z-index: 3;
	right: 10px;
}
.T_2th_opt1 ul.in_desc li.item .in_T p.update::before {
position   : absolute;
content    : "";
width: 15px;
height: 15px;
background-color: #FF8400;
clip-path: polygon(0 100%, 100% 100%, 100% 0);
bottom: 0px;
left: 20%;
transform: translateX(-50%);
z-index: -1;
}

@media screen and (max-width: 767px) {
  .T_2th_opt1 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .T_2th_opt1 ul.in_desc {
    grid-template-columns: 1fr;
    gap: 10px;
    margin-bottom: 30px;
  }
.T_2th_opt1 ul.in_desc li.item {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 10px;
}
  .T_2th_opt1 ul.in_desc li.item p {
    font-size: 3.3vw;
  }
    .T_2th_opt1 ul.in_desc li.item p.title {
    font-size: 3.3vw;
  }
.T_2th_opt1 ul.in_desc li.item .in_T p.update{
right: -15px;
}
}



/*お知らせ　校長*/
.T_2th_opt2 {
	padding: 20px;
	background-color: #64D2FF;
	border-radius: 15px;
	margin-right: 30px;
	margin-bottom: 20px;
}

.T_2th_opt2 ul.in_cont {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}

.T_2th_opt2 ul.in_cont li.thing {
  position: relative;
}
.T_2th_opt2 ul.in_cont li.thing h3 {
	width: 70%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}
.T_2th_opt2 ul.in_cont li.thing p {
	font-size: 13px;
}
.T_2th_opt2 ul.in_cont li.thing p strong {
	font-weight: normal;
}
.T_2th_opt2 ul.in_cont li.thing p.title {
	font-size: 13px;
	line-height: 1.6em;
}
/* 画像トリミング */
.T_2th_opt2 figure {
width: 100%;
aspect-ratio: 400 / 268; /* 横：縦の比率 */
overflow: hidden; /* はみ出た部分を非表示 */
display: flex;
justify-content: center;
align-items: center;
}
.T_2th_opt2 figure img {
width: 100%;
height: 100%;
object-fit: cover; /* 画像をトリミング */
}
.T_2th_opt2 ul.in_cont li.thing .link {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
}
.T_2th_opt2 ul.in_cont li.thing .in_T{
  position: relative;
}
.T_2th_opt2 ul.in_cont li.thing .in_T p.update{
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	color: #FFFFFF;
	font-size: 9px;
	margin-bottom: 0px;
	background-color: #FF8400;
	width: 32px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	border-radius: 50%;
	position: absolute;
	top: -10px;
	display: inline-block;
	z-index: 3;
	right: 10px;
}
.T_2th_opt2 ul.in_cont li.thing .in_T p.update::before {
position   : absolute;
content    : "";
width: 15px;
height: 15px;
background-color: #FF8400;
clip-path: polygon(0 100%, 100% 100%, 100% 0);
bottom: 0px;
left: 20%;
transform: translateX(-50%);
z-index: -1;
}
@media screen and (max-width: 767px) {
  .T_2th_opt2 {
    padding: 10px;
	margin-right: 0px;
  }

  .T_2th_opt2 ul.in_cont {
    grid-template-columns: 1fr;
    gap: 10px;
  }
.T_2th_opt2 ul.in_cont li.thing {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 10px;
}
.T_2th_opt2 ul.in_cont li.thing h3 {
	grid-row: 1 / 2;
	grid-column: 1 / 3;
	width: 50%;
}
.T_2th_opt2 ul.in_cont li.thing figure {
grid-row: 2 / 3;
grid-column: 1 / 2;
}
.T_2th_opt2 ul.in_cont li.thing .in_T {
grid-row: 2 / 3;
grid-column: 2 / 3;
}
  .T_2th_opt2 ul.in_cont li.thing p.title {
    font-size: 3.3vw;
  }
  .T_2th_opt2 ul.in_cont li.thing p {
    font-size: 3.3vw;
  }
.T_2th_opt2 ul.in_cont li.thing .in_T p.update{
right: -15px;
} 
}





/*Instagram*/
.T_3th {
  position: relative;
  z-index: 0;
  padding-top: 80px;
  padding-bottom: 40px;
}
.T_3th h3 {
	text-align: center;
	font-size: 20px;
	margin-bottom: 10px;
	margin-top: 50px;
}
@media screen and (max-width: 767px) {
  .T_3th {
    padding-top: 40px;
    padding-bottom: 20px;
  }
.T_3th h3 {
	font-size: 4.4vw;
	margin-top: 30px;
}
}




/*学科紹介*/
.T_4th {
	position: relative;
	z-index: 0;
	padding-top: 80px;
	padding-bottom: 40px;
	background-image: url("../parts/logo_bg.svg");
	background-repeat: no-repeat;
	background-position: right top;
	background-size: 500px auto;
}

@media screen and (max-width: 767px) {
  .T_4th {
	padding-top: 40px;
	padding-bottom: 20px;
		background-image: none;
	background-size: 40% auto;
  }

}

/*オプション*/
.T_4th_opt1 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.T_4th_opt1 ul.in_desc {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 5px;
  margin-bottom: 0px;
}

.T_4th_opt1 ul.in_desc li.item {
  position: relative;
  border: 1px solid #cccccc;
}

.T_4th_opt1 figure {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.T_4th_opt1 figure img {
  display: block;
  width: 100%;
  height: auto;
}
  .T_4th_opt1 ul.in_desc li.item p {
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
	font-size: 13px;
	line-height: 2em;
  }
@media screen and (max-width: 767px) {
  .T_4th_opt1 {
    padding-top: 30px;
    padding-bottom: 20px;
  }

  .T_4th_opt1 ul.in_desc {
    grid-template-columns: 1fr;
    gap: 20px;
    margin-bottom: 0px;
  }

  .T_4th_opt1 ul.in_desc li.item p {
    font-size: 3vw;
  }
}


/*ボタン3色*/
/* h3のベース調整 */
.T_4th_opt1 ul.in_desc li.item h3 {
	position: relative;
	padding-top: 14px;
	padding-left: 20px;
	padding-bottom: 14px;
	margin: 0;
	overflow: hidden; /* はみ出し防止 */
	padding-right: 16px;
}

/* 上半分の背景 */
.T_4th_opt1 ul.in_desc li.item h3::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 50%; /* ←ここがポイント */
	z-index: 0;
}

/* テキストを前面に */
.T_4th_opt1 ul.in_desc li.item h3 a {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: space-between;
	text-decoration: none;
	color: #000;
	font-size: 17px;
	font-weight: bold;
	padding-right: 50px;
}

/* 矢印 */
.T_4th_opt1 ul.in_desc li.item h3 a::before{
	content: "→";
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	width: 29px;
	height: 29px;
	border-radius: 50%;
	font-size: 16px;
	line-height: 29px;
	text-align: center;
	color: #fff;
	z-index: 2;
	transition: all 0.3s;
}


/* ===== 色設定 ===== */

/* 1 */
.T_4th_opt1 ul.in_desc li.item:nth-child(1) h3::before {
	background: #FCE5E6;
}
.T_4th_opt1 ul.in_desc li.item:nth-child(1) h3 a::before{
	background: #FF8CA5;
}
.T_4th_opt1 ul.in_desc li.item:nth-child(1) h3 a {
	color: #FF8CA5;
}

/* 2 */
.T_4th_opt1 ul.in_desc li.item:nth-child(2) h3::before {
	background: #FCF0C8;
}
.T_4th_opt1 ul.in_desc li.item:nth-child(2) h3 a::before{
	background: #F3B904;
}
.T_4th_opt1 ul.in_desc li.item:nth-child(2) h3 a{
	color: #F3B904;
}

/* 3 */
.T_4th_opt1 ul.in_desc li.item:nth-child(3) h3::before {
	background: #EBF4DC;
}
.T_4th_opt1 ul.in_desc li.item:nth-child(3) h3 a::before{
	background: #93D75A;
}
.T_4th_opt1 ul.in_desc li.item:nth-child(3) h3 a{
	color: #93D75A;
}

/* ===== ホバー時 ===== */
.T_4th_opt1 ul.in_desc li.item h3 a:hover::before{
	background: #fff;
	border: 1px solid;
	color: #000;
}

/* 1（ピンク） */
.T_4th_opt1 ul.in_desc li.item:nth-child(1) h3 a:hover::before{
	border-color: #FF8CA5;
	color: #FF8CA5;
}

/* 2（オレンジ） */
.T_4th_opt1 ul.in_desc li.item:nth-child(2) h3 a:hover::before{
	border-color: #F3B904;
	color: #F3B904;
}

/* 3（グリーン） */
.T_4th_opt1 ul.in_desc li.item:nth-child(3) h3 a:hover::before{
	border-color: #93D75A;
	color: #93D75A;
}


@media(max-width: 767px){
.T_4th_opt1 ul.in_desc li.item h3 a {
font-size: 4.6vw;
}
}




/*通信制課程*/
.T_4th_opt2 {
  padding-top: 0px;
  padding-bottom: 0px;
}

.T_4th_opt2 ul.in_desc {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0px;
  margin-bottom: 0px;
}
.T_4th_opt2 ul.in_desc li.item {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 0px;
  background-color: #DCEDF9;
  position: relative;
  border: 1px solid #cccccc;
}

.T_4th_opt2 ul.in_desc li.item h3 {
	position: relative;
	padding-top: 14px;
	padding-left: 20px;
	padding-bottom: 14px;
	margin: 0;
	overflow: hidden; /* はみ出し防止 */
	padding-right: 16px;
}

/* テキストを前面に */
.T_4th_opt2 ul.in_desc li.item h3 a {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: space-between;
	text-decoration: none;
	color: #000;
	font-size: 17px;
	font-weight: bold;
	padding-right: 50px;
}

/* 矢印 */
.T_4th_opt2 ul.in_desc li.item h3 a::before{
	content: "→";
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	width: 29px;
	height: 29px;
	border-radius: 50%;
	font-size: 16px;
	line-height: 29px;
	text-align: center;
	color: #fff;
	z-index: 2;
	transition: all 0.3s;
	background: #3397DC;
}
/* ===== ホバー時 ===== */
.T_4th_opt2 ul.in_desc li.item h3 a:hover::before{
	background: #fff;
	border: 1px solid;
	color: #000;
}
.T_4th_opt2 ul.in_desc li.item h3 a:hover::before{
	border-color: #3397DC;
	color: #3397DC;
}

.T_4th_opt2 figure {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.T_4th_opt2 figure img {
  display: block;
  width: 100%;
  height: auto;
}
  .T_4th_opt2 ul.in_desc li.item p {
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
	font-size: 13px;
	line-height: 2em;
  }

.T_4th_opt2 ul.in_desc li.item .in_txt{
  display: flex;
  flex-direction: column;
  justify-content: center; /* ←これが上下中央 */
  height: 100%;
}
@media screen and (max-width: 767px) {
  .T_4th_opt2 {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .T_4th_opt2 ul.in_desc {
    grid-template-columns: 1fr;
    gap: 0px;
    margin-bottom: 0px;
  }
.T_4th_opt2 ul.in_desc li.item {
  grid-template-columns: 1fr;
  gap: 0px;
}
.T_4th_opt2 ul.in_desc li.item h3 a {
font-size: 4.6vw;
}

  .T_4th_opt2 ul.in_desc li.item p {
    font-size: 3vw;
  }
}






/* 部活動紹介 */
.T_5th{
  padding: 80px 0 40px;
  overflow: hidden;
}
.T_5th h2.top_g01{
	margin-bottom: 60px;
}
@media screen and (max-width: 767px){
  .T_5th{
    padding: 45px 0 20px;
  }
  .T_5th h2.top_g01{
	margin-bottom: 50px;
}
}


/* 各行 */
.club_row{
  position: relative;
  width: 100%;
  margin-top: 34px;
}

.culture_row{
  margin-top: 22px;
}

.club_label{
	position: absolute;
	left: 0;
	top: 0;
	width: 70px;
	height: 100%;
	z-index: 2;
	display: block;
	overflow: hidden;
	margin: 0;
}

/* 背景 */
.sports_label{
	background: #64D2FF;
	clip-path: polygon(0 0, 78% 0, 100% 50%, 78% 100%, 0 100%);
}

.culture_label{
	background: #4062BB;
	clip-path: polygon(0 0, 78% 0, 100% 50%, 78% 100%, 0 100%);
}

/* 縦文字 */
.club_label span{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.2;
	
	writing-mode: vertical-rl;   /* 縦書き */
	text-orientation: upright;  /* 日本語を正しく表示 */
	letter-spacing: 0.08em;
}

/* スライダー本体
   左に帯のぶんだけ余白を作る */
.club_row .in_desc{
  margin: 0;
  padding: 0 0 0 clamp(90px, 14vw, 150px);
  list-style: none;
}

/* item */
.club_row .item{
  padding: 0 7px;
  box-sizing: border-box;
}

/* 画像トリミング */
.club_row figure {
width: 100%;
aspect-ratio: 450 / 300; /* 横：縦の比率 */
overflow: hidden; /* はみ出た部分を非表示 */
display: flex;
justify-content: center;
align-items: center;
}
.club_row figure img {
width: 100%;
height: 100%;
object-fit: cover; /* 画像をトリミング */
}


/* slick */
.sd_sports .slick-list,
.sd_culture .slick-list{
  overflow: visible;
}

.sd_sports .slick-track,
.sd_culture .slick-track{
  display: flex;
}

.sd_sports .slick-slide,
.sd_culture .slick-slide{
  height: auto;
}

.sd_sports .slick-slide > div,
.sd_culture .slick-slide > div{
  height: 100%;
}

/* スマホ */
@media screen and (max-width: 767px){
  .club_row{
    margin-top: 24px;
  }

  .culture_row{
    margin-top: 16px;
  }
  
.club_label span{
    font-size: 16px;
  }

  .club_row .in_desc{
    padding-left: 70px;
  }

  .club_row .item{
    padding: 0 5px;
  }
}




/*学校生活*/
.T_6th {
  position: relative;
  z-index: 0;
  padding-top: 80px;
  padding-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .T_6th {
    padding-top: 40px;
    padding-bottom: 20px;
  }
}

/*オプション*/
.T_6th_opt1 {
  padding-top: 40px;
  padding-bottom: 0px;
}

.T_6th_opt1 ul.in_desc {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 30px;
  margin-bottom: 40px;
}

.T_6th_opt1 ul.in_desc li.item {
	position: relative;
	border-radius: 20px;
}
.T_6th_opt1 ul.in_desc li.item:nth-child(1) {
	background: #DCF5FF;
}
.T_6th_opt1 ul.in_desc li.item:nth-child(2) {
	background: #DCE1FF;
}
.T_6th_opt1 ul.in_desc li.item:nth-child(3) {
	background: #C3F2EF;
}

.T_6th_opt1 figure {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.T_6th_opt1 figure img {
	display: block;
	width: 100%;
	height: auto;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}


@media screen and (max-width: 767px) {
  .T_6th_opt1 {
    padding-top: 30px;
    padding-bottom: 0px;
  }

  .T_6th_opt1 ul.in_desc {
    grid-template-columns: 1fr;
    gap: 20px;
    margin-bottom: 20px;
  }
  .T_6th_opt1 ul.in_desc li.item p {
    font-size: 3vw;
  }
}


/*ボタン3色*/
/* h3のベース調整 */
.T_6th_opt1 ul.in_desc li.item h3 {
	position: relative;
	padding-top: 14px;
	padding-left: 20px;
	padding-bottom: 14px;
	margin: 0;
	overflow: hidden; /* はみ出し防止 */
	padding-right: 16px;
}

/* テキストを前面に */
.T_6th_opt1 ul.in_desc li.item h3 a {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: space-between;
	text-decoration: none;
	color: #000;
	font-size: 17px;
	font-weight: bold;
	padding-right: 50px;
}

/* 矢印 */
.T_6th_opt1 ul.in_desc li.item h3 a::before{
	content: "→";
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	width: 29px;
	height: 29px;
	border-radius: 50%;
	font-size: 16px;
	line-height: 29px;
	text-align: center;
	color: #000;
	z-index: 2;
	transition: all 0.3s;
	background: #FFFFFF;
	border: 1px solid #000000;
}


/* ===== ホバー時 ===== */
.T_6th_opt1 ul.in_desc li.item h3 a:hover::before{
	border: 1px solid;
	border-color: #000000;
	background: #000000;
	color: #FFF;
}

@media(max-width: 767px){
.T_6th_opt1 ul.in_desc li.item h3 a {
font-size: 4.6vw;
}
}




/*進学・就職実績*/
.T_7th {
	position: relative;
	z-index: 0;
	padding-top: 80px;
	padding-bottom: 60px;
	background-image: url(../parts/career_bg_pc.svg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
  .T_7th {
    padding-top: 40px;
    padding-bottom: 30px;
	background-image: url(../parts/career_bg_sp.svg);
  }
}

/*オプション*/
.T_7th_opt1 {
	padding-top: 40px;
	padding-bottom: 0px;
	border-bottom: 1px solid rgba(255,255,255,1.0);
}

.T_7th_opt1 ul.in_desc {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 30px;
  margin-bottom: 30px;
}

.T_7th_opt1 ul.in_desc li.item {
	position: relative;
	padding: 50px;
	background-color: #FFFFFF;
	border-top-right-radius: 50px;
	border-bottom-left-radius: 50px;
}

.T_7th_opt1 ul.in_desc li.item h3 {
	margin-bottom: 20px;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
}

.T_7th_opt1 figure {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.T_7th_opt1 figure img {
  display: block;
  width: 100%;
  height: auto;
}


@media screen and (max-width: 767px) {
  .T_7th_opt1 {
    padding-top: 30px;
    padding-bottom: 0px;
  }

  .T_7th_opt1 ul.in_desc {
    grid-template-columns: 1fr;
    gap: 20px;
    margin-bottom: 20px;
  }
.T_7th_opt1 ul.in_desc li.item {
	display: grid;
	gap: 0px;
	grid-template-columns: 1fr 1fr;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 10px;
	padding-top: 10px;
}
  .T_7th_opt1 ul.in_desc li.item h3 {
	font-size: 4.6vw;
	display: flex;
	align-items: center;
	justify-content: center;
  }

  .T_7th_opt1 ul.in_desc li.item p {
    font-size: 3vw;
  }
}



.T_7th_opt2{
	width: 100%;
	padding-top: 30px;
	padding-bottom: 40px;
	margin-left: auto;
	margin-right: auto;
}
@media screen and (max-width: 767px) {
.T_7th_opt2{
padding-top: 20px;
padding-bottom: 0px;
}
}

.T_7th_opt2 ul.in_cont {
display: grid;
gap: 30px;
grid-template-columns: 1fr 1fr;
margin-bottom: 0px;
}
.T_7th_opt2 ul.in_cont li.item {
display: grid;
grid-template-columns: 3fr 7fr;
	gap: 10px 15px;
	padding: 30px;
	border-bottom: 1px solid #CCCCCC;
	position: relative;
	z-index: 1;
	background-color: #FFFFFF;
	border-top-left-radius: 50px;
	border-bottom-right-radius: 50px;
}
.T_7th_opt2 ul.in_cont li.item .in_txt {
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.T_7th_opt2 ul.in_cont li.item .in_txt2 {
	grid-row: 2 / 3;
	grid-column: 1 / 3;
}
.T_7th_opt2 ul.in_cont li.item h3 {
	font-size: 14px;
	font-weight: normal;
	padding-bottom: 0px;
	line-height: 1.6em;
}
.T_7th_opt2 ul.in_cont li.item h3 br {
	display: none;
}
.T_7th_opt2 ul.in_cont li.item p {
	font-size: 14px;
	line-height: 1.6em;
}

.T_7th_opt2 ul.in_cont li.item p {
	font-size: 13px;
}
.T_7th_opt2 ul.in_cont li.item p.course {
	border-radius: 20px;
	background-color: #1877F2;
	padding-left: 20px;
	padding-right: 20px;
	color: #FFFFFF;
	width: fit-content;
	display: block;
	margin-bottom: 10px;
}
.T_7th_opt2 ul.in_cont li.item h3 {
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: bold;
	margin-top: 0px;
	line-height: 1.6em;
}


.T_7th_opt2 ul.in_cont li.item img {
	width: 100%;
	height: auto;
	border-radius: 10px;
	display: block;
}
.T_7th_opt2 ul.in_cont li.item .link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
}
.T_7th_opt2 ul.in_cont li.item:hover{
	background-color: rgba(255,255,255,0.8);
	z-index: 0;
}
@media(max-width: 767px){
.T_7th_opt2 ul.in_cont {
grid-template-columns: 1fr;
gap: 20px;
margin-bottom: 30px;
}
.T_7th_opt2 ul.in_cont li.item {
	gap: 10px 10px;
	padding: 20px;
}
.T_7th_opt2 ul.in_cont li.item h3 {
font-size: 3.6vw;
}
.T_7th_opt2 ul.in_cont li.item p {
font-size: 3vw;
}
}



/*学校紹介*/
.T_8th {
  position: relative;
  z-index: 0;
  padding-top: 80px;
  padding-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .T_8th {
    padding-top: 40px;
    padding-bottom: 20px;
  }
}

/*オプション*/
.T_8th_opt1 {
  padding-top: 40px;
  padding-bottom: 0px;
}

.T_8th_opt1 ul.in_desc {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 15px;
  margin-bottom: 40px;
}

.T_8th_opt1 ul.in_desc li.item {
	background: #DCF5FF;
}

.T_8th_opt1 figure {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.T_8th_opt1 figure img {
	display: block;
	width: 100%;
	height: auto;
}


@media screen and (max-width: 767px) {
  .T_8th_opt1 {
    padding-top: 30px;
    padding-bottom: 0px;
  }

  .T_8th_opt1 ul.in_desc {
    grid-template-columns: 1fr;
    gap: 20px;
    margin-bottom: 20px;
  }
  .T_8th_opt1 ul.in_desc li.item p {
    font-size: 3vw;
  }
}


/*ボタン3色*/
/* h3のベース調整 */
.T_8th_opt1 ul.in_desc li.item h3 {
	position: relative;
	padding-top: 14px;
	padding-left: 20px;
	padding-bottom: 14px;
	margin: 0;
	overflow: hidden; /* はみ出し防止 */
	padding-right: 16px;
}

/* テキストを前面に */
.T_8th_opt1 ul.in_desc li.item h3 a {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: space-between;
	text-decoration: none;
	color: #000;
	font-size: 17px;
	font-weight: bold;
	padding-right: 50px;
}

/* 矢印 */
.T_8th_opt1 ul.in_desc li.item h3 a::before{
	content: "→";
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	width: 29px;
	height: 29px;
	border-radius: 50%;
	font-size: 16px;
	line-height: 29px;
	text-align: center;
	color: #000;
	z-index: 2;
	transition: all 0.3s;
	background: #FFFFFF;
	border: 1px solid #000000;
}


/* ===== ホバー時 ===== */
.T_8th_opt1 ul.in_desc li.item h3 a:hover::before{
	border: 1px solid;
	border-color: #000000;
	background: #000000;
	color: #FFF;
}

@media(max-width: 767px){
.T_8th_opt1 ul.in_desc li.item h3 a {
font-size: 4.6vw;
}
}




/*footerコンタクト*/
.T_9th {
	position: relative;
	z-index: 0;
	padding-top: 80px;
	padding-bottom: 80px;
	background-image: url("../parts/f_img_pc.webp");
	background-position: center bottom;
	background-size: cover;
	background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
  .T_9th {
    padding-top: 40px;
    padding-bottom: 40px;
		background-image: url("../parts/f_img_sp.webp");
  }
}

/*オプション*/
.T_9th_opt1 {
  padding-top: 40px;
  padding-bottom: 0px;
}

.T_9th_opt1 ul.in_desc {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 15px;
  margin-bottom: 40px;
}

.T_9th_opt1 ul.in_desc li.item {
	padding-top: 40px;
	padding-left: 20px;
	padding-bottom: 30px;
	border: 1px solid #FFFFFF;
	border-top-left-radius: 30px;
	border-bottom-right-radius: 30px;
	color: #FFFFFF;
	position: relative;
	padding-right: 70px;
	transition: all 0.3s;
}

.T_9th_opt1 figure {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.T_9th_opt1 figure img {
	display: block;
	width: 100%;
	height: auto;
}

.T_9th_opt1 ul.in_desc li.item p {
	line-height: 1.7em;
	font-size: 12px;
}
.T_9th_opt1 ul.in_desc li.item:hover {
	z-index: 0;
	background-color: rgba(255,255,255,0.20);
}
.T_9th_opt1 ul.in_desc li.item .link {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
}

/* 右下の丸矢印 */
.T_9th_opt1 ul.in_desc li.item::before{
	content: "→";
	position: absolute;
	right: 15px;
	top: 50%;
transform: translateY(-50%);
	z-index: 2;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: #fff;
	color: #222;
	font-size: 16px;
	font-weight: 400;
	line-height: 28px;
	text-align: center;
	box-shadow: 0 2px 8px rgba(0,0,0,0.15);
	transition: all 0.3s;
}

.T_9th_opt1 ul.in_desc li.item:hover::before{
right: 10px;
}

@media screen and (max-width: 767px) {
  .T_9th_opt1 {
    padding-top: 30px;
    padding-bottom: 0px;
  }
.T_9th_opt1 ul.in_desc li.item {
	padding-top: 30px;
	padding-left: 20px;
	padding-bottom: 30px;
	padding-right: 70px;
}

  .T_9th_opt1 ul.in_desc {
    grid-template-columns: 1fr;
    gap: 20px;
    margin-bottom: 20px;
  }
  .T_9th_opt1 ul.in_desc li.item p {
    font-size: 3vw;
  }
}



/*アイコン付きタイトル*/
.i_fh3 {
display: flex;
gap: 5px;
align-items: center;
	margin-bottom: 10px;
}
.i_fh3 h3 {
	line-height: 1.5em;
	align-items: center;
}
.i_fh3 i{
margin-right: 0px;
margin-left: 0px;
width: 50px;
height: auto;
}
.i_fh3 i img{
width: 100%;
height: auto;
display: block;
}
@media screen and (max-width: 767px) {

.i_fh3 h3 {
font-size: 3.3vw;
}
}







/* フッター */
footer{
padding-top: 0px;
padding-bottom: 100px;
margin: 0;
background-color: #0A469B;
color: #FFFFFF;
}
footer h1 img{
	width: auto;
	margin-left: 0px;
	margin-right: auto;
	height: 45px;
	display: block;
	margin-top: 40px;
}
footer p.copyright {
	text-align: center;
	font-size: 12px;
	padding-top: 40px;
	font-weight: 300;
}
@media screen and (max-width: 767px) {
footer{
padding-top: 30px;
padding-bottom: 120px;
}
footer h1 img{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	height: auto;
	margin-top: 40px;
}
footer p.copyright {
font-size: 2.5vw;
padding-top: 20px;
}
}

.f_nav {
	display: grid;
	gap: 50px;
	grid-template-columns: 1fr 1fr 0.6fr;
	padding-bottom: 30px;
	padding-top: 30px;
}
.f_nav h1 {
	color: #FFFFFF;
	font-weight: 500;
}
.f_nav .item.area1,.f_nav .item.area2 {
	border-right: 1px solid rgba(255,255,255,0.50);
}

.f_nav .item p {
	line-height: 2em;
	color: #FFFFFF;
	font-weight: 300;
}
.f_nav .item p a {
	line-height: 2em;
	color: #FFFFFF;
	transition: all 0.3s;
}
.f_nav .item.area1 p a,.f_nav .item.area1 p {
	font-size: 15px;
}
.f_nav .item.area1 p span {
	color: #0A469B;
	font-size: 12px;
	border-radius: 20px;
	background-color: #FFFFFF;
	padding-left: 10px;
	padding-right: 10px;
	margin-right: 10px;
}
.f_nav .item p a:hover {
	text-decoration: underline;
	color: #CCCCCC;
}
@media(max-width: 767px){
.f_nav {
grid-template-columns: 1fr;
gap: 20px;
}
.f_nav h1 {
font-size: 4.2vw;
}
.f_nav .item.area1,.f_nav .item.area2 {
	border-right: none;
	border-bottom: 1px solid rgba(255,255,255,0.50);
	padding-bottom: 20px;
}
.f_nav .item.area1 p a,.f_nav .item.area1 p {
	font-size: 3.8vw;
}

.f_nav .item p.copyright {
text-align: center;
font-size: 2.3vw;
}
}



/*SNS nav*/
.flex_sns {
	display: flex;
	justify-content: center;
	gap: 15px;
	margin-top: 30px;
}
.flex_sns .item {
}
.flex_sns .item img {
width: 30px;
height: auto;
}
@media screen and (max-width: 767px) {
.flex_sns {
width: 40%;
margin-left: auto;
margin-right: auto;
gap: 15px;
}

.flex_sns .item img {
width: 100%;
height: auto;
display: block;
}
}




/*固定フッター*/
.fixnav {
width: 100%;
position: fixed;
margin: 0;
bottom: 0px;
display: none;
z-index: 2;
background-image: linear-gradient(#00b5ff, #4062bb);
}
.fixnav img {
	width: 100%;
	height: auto;
	display: block;
}
.fixnav .nav {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 0px;
}
@media screen and (max-width: 767px) {
.fixnav {
display: block;
}
}



/*PAGE TOP（上へ）*/
/*リンクの形状*/
#page-top a{
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #0A469B;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	transition: all 0.3s;
	border: 1px solid #FFFFFF;
}
#page-top a:hover{
background-color: #64D2FF;
}
#page-top span{
display: inline-block;
width: 10px;
height: 10px;
border-top:1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
transform: rotate(45deg);
margin: 8px 0 0 0;
}
/*リンクを右下に固定*/
#page-top {
position: fixed;
right: 70px;
bottom:60px;
z-index: 1;
/*はじめは非表示*/
opacity: 0;
transform: translateY(100px);
}

/*　上に上がる動き　*/

#page-top.UpMove{
animation: UpAnime 0.5s forwards;
}
@keyframes UpAnime{
from {
opacity: 0;
transform: translateY(300px);
}
to {
opacity: 1;
transform: translateY(0);
}
}

/*　下に下がる動き　*/

#page-top.DownMove{
animation: DownAnime 0.5s forwards;
}
@keyframes DownAnime{
from {
opacity: 1;
transform: translateY(0);
}
to {
opacity: 1;
transform: translateY(300px);
}
}
@media screen and (max-width: 767px) {
#page-top {
position: fixed;
right: 5%;
bottom: 15%;
display: none;
}
}




























/*カスタム投稿コンテンツタイトル*/
h1.cT {
font-size: 30px;
text-align: center;
margin-bottom: 0px;
line-height: 1.2em;
background-color: #F5F5F5;
padding-top: 30px;
padding-bottom: 30px;
}
h1.cT span.en {
font-family: 'Josefin Sans', sans-serif;
font-optical-sizing: auto;
font-weight: 700;
font-size: 20px;
display: block;
}
/*h1.cT strong {
font-size: 14px;
background-color: #FFFFFF;
font-weight: normal;
padding-left: 20px;
border-radius: 30px;
padding-right: 20px;
line-height: 1.8em;
display: inline-block;
}*/
h1.cT span.cat {
font-size: 14px;
background-color: #FFFFFF;
font-weight: normal;
padding-left: 20px;
border-radius: 30px;
padding-right: 20px;
line-height: 2em;
display: inline-block;
margin-left: 10px;
border: 1px solid #CCCCCC;
}
@media screen and (max-width: 767px) {
h1.cT {
font-size: 5.8vw;
padding-top: 20px;
padding-bottom: 20px;
}
h1.cT span.en {
font-size: 3.8vw;
}
h1.cT span.cat {
font-size: 2.5vw;
margin-left: 5px;
padding-left: 10px;
padding-right: 10px;
}
/*h1.cT strong {
font-size: 8.4vw;
display: block;
}*/
}




/*記事を探す*/
.I_search {
background-color: #E8E9E9;
padding-top: 60px;
padding-bottom: 60px;
margin-bottom: 80px;
margin-top: 80px;
}
.I_search figure img{
width: 100%;
height: auto;
display: block;
}
@media screen and (max-width: 767px) {
.I_search {
padding-top: 30px;
padding-bottom: 30px;
margin-bottom: 40px;
margin-top: 40px;
}
}






/*新着投稿*/
ul.n_post {
display: flex;
flex-direction: column;
gap: 0px;
}
ul.n_post li.item {
background-color: #FFFFFF;
border-bottom: 1px solid #AAAAAA;
transition: all 0.3s;
padding-top: 10px;
padding-bottom: 10px;
}
ul.n_post li.item:first-child {
border-top: 1px solid #AAAAAA;
}
/*共通タグ表示用*/
ul.n_post li.item .post-tags {
	margin-right: auto;
	margin-left: 36%;
	padding-bottom: 0px;
}

ul.n_post li.item .in_txt {
position: relative;
padding-top: 10px;
padding-bottom: 10px;
cursor: pointer;
}
ul.n_post li.item .in_txt .link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
}
/*ul.n_post li.item .in_txt:hover {
	background-color: rgba(241,241,241,0.50);
}*/
ul.n_post li.item .in_txt:hover h3 {
	text-decoration: underline;
}
ul.n_post li.item .in_txt {
display: grid;
gap: 30px;
grid-template-columns: 0.8fr 1.5fr 4.5fr;
align-items: center;
gap: 20px;
}
ul.n_post li.item h3 {
font-size: 14px;
font-weight: normal;
line-height: 1.6em;
}
ul.n_post li.item p.date {
font-size: 13px;
}
ul.n_post li.item p.cat {
font-size: 11px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
border: 1px solid #888888;
line-height: 1.6em;
white-space: nowrap;
text-align: center;
display: block;
transition: all 0.3s;
background-color: #FFFFFF;
}
@media(max-width: 767px){
ul.n_post {
grid-template-columns: 1fr;
margin-bottom: 25px;
}
ul.n_post li.item {
}
ul.n_post li.item .in_txt {
grid-template-columns: 1.2fr 3fr;
gap: 10px;
}
ul.n_post li.item h3 {
font-size: 3.0vw;
}
ul.n_post li.item h3 {
grid-row: 2 / 3;
grid-column: 1 / 3;
}
ul.n_post li.item p.cat a {
font-size: 2.5vw;
display: inline-block;
}
/*共通タグ表示用*/
ul.n_post li.item .post-tags {
	margin-left: 0px;
}
}



/*FVロゴ*/
.teikyo5-logo {
  position: relative;
  width: 100%;
  max-width: 1045px;
  aspect-ratio: 1045 / 255;
  overflow: hidden;
}

.teikyo5-logo svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
}

.teikyo5-logo .base-five {
  animation: teikyo5BaseFiveHide 0.01s linear 1.25s forwards;
}

.teikyo5-logo .logo-blue {
  clip-path: inset(0 100% 0 0);
  filter: none;
  animation: teikyo5ScanToFive 1.25s linear forwards;
}

.teikyo5-logo .final-five {
  opacity: 0;
  animation: teikyo5FinalFiveShow 0.01s linear 1.25s forwards;
}

@keyframes teikyo5ScanToFive {
  0%   { clip-path: inset(0 100% 0 0); }
  33%  { clip-path: inset(0 0 0 86%); }
  66%  { clip-path: inset(0 100% 0 0); }
  100% { clip-path: inset(0 0 0 86%); }
}

@keyframes teikyo5BaseFiveHide {
  to { opacity: 0; }
}

@keyframes teikyo5FinalFiveShow {
  to { opacity: 1; }
}





/* 動画再生ボタン */
/* 初期状態：再生アニメーションだけ表示 */
.Fview .btn_movie .fv-play-btn{
  display: block;
}

.Fview .btn_movie .fv-pause-img{
  display: none !important;
}

/* 動画再生中：ポーズ画像だけ表示 */
.Fview.is-video .btn_movie .fv-play-btn{
  display: none !important;
}

.Fview.is-video .btn_movie .fv-pause-img{
  display: block !important;
}

.Fview figure.btn_movie button{
  appearance: none;
  border: 0;
  background: transparent;
  padding: 0;
  margin: 0;
  cursor: pointer;
  display: block;
  width: 100%;
}

.Fview figure.btn_movie button img{
  width: 100%;
  height: auto;
  display: block;
  pointer-events: none;
}

/* 再生アニメーションボタン */
.fv-play-btn {
  width: 100%;
  aspect-ratio: 1 / 1;
  display: block;
  text-decoration: none;
  animation: fvPlayFloat 3s ease-in-out infinite;
  pointer-events: none;
}

.fv-play-btn__inner {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(69, 184, 242, 0.58);
  border: 2px solid rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  box-shadow:
    0 8px 24px rgba(0, 0, 0, 0.16),
    0 0 18px rgba(69, 184, 242, 0.35);
  transition: transform 0.3s ease, background 0.3s ease, box-shadow 0.3s ease;
}

.fv-play-btn__inner::before,
.fv-play-btn__inner::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: 2px solid rgba(69, 184, 242, 0.95);
  opacity: 0;
  transform: scale(0.85);
  pointer-events: none;
}

.fv-play-btn__inner::before {
  animation: fvPlayRipple 2.8s ease-out infinite;
}

.fv-play-btn__inner::after {
  animation: fvPlayRipple 2.8s ease-out 1.4s infinite;
}

.fv-play-btn__icon {
  display: block;
  width: 0;
  height: 0;
  margin-left: 5px;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 25px solid #ffffff;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.22));
  animation: fvPlayIconWiggle 2.8s ease-in-out infinite;
  transform-origin: 30% 50%;
}

.Fview figure.btn_movie button:hover .fv-play-btn__inner {
  transform: scale(1.08);
  background: rgba(69, 184, 242, 0.72);
  box-shadow:
    0 14px 34px rgba(0, 0, 0, 0.22),
    0 0 24px rgba(69, 184, 242, 0.55);
}

/* 初期：再生ボタン表示、ポーズ画像非表示 */
.Fview .fv-play-btn{
  display: block;
}

.Fview .fv-pause-img{
  display: none;
}

/* 動画再生中：再生ボタン非表示、ポーズ画像表示 */
.Fview.is-video .fv-play-btn{
  display: none;
}

.Fview.is-video .fv-pause-img{
  display: block;
}

@keyframes fvPlayFloat {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-7px); }
}

@keyframes fvPlayRipple {
  0% {
    opacity: 0;
    transform: scale(0.85);
  }
  18% {
    opacity: 0.88;
  }
  100% {
    opacity: 0;
    transform: scale(1.48);
  }
}

@keyframes fvPlayIconWiggle {
  0%, 60%, 100% {
    transform: scale(1) rotate(0deg);
  }
  66% {
    transform: scale(1.1) rotate(-6deg);
  }
  74% {
    transform: scale(1.04) rotate(4deg);
  }
}

@media screen and (max-width: 767px) {
  .fv-play-btn__icon {
    margin-left: 4px;
    border-top-width: 11px;
    border-bottom-width: 11px;
    border-left-width: 19px;
  }
}



/*緊急のお知らせ*/
.S_1th{
	width: 100%;
	background-color: #ff0000;
	margin-right: 0px;
	margin-left: auto;
	transition: all 0.3s;
}
.S_1th.tr_move{
	position: fixed;
	z-index: 3;
	top: 0px;
	margin-top: 80px;
}
.tr_update {
_zoom: 1;
overflow: hidden;
display: flex;
}
.tr_update h3 {
	color: #FFFF00;
	display: flex;
	align-items: center;
	padding-left: 20px;
	padding-right: 20px;
	position: relative;
	margin-right: 20px;
	font-weight: normal;
}
.tr_update h3 span {
	color: #FFFFFF;
	margin-left: 5px;
}
.tr_update h3::after {
position: absolute;
content: '';
width: 1px;
height: 25px;
background-color: #FFFFFF;
transform: translateX(-50%);
right: 0px;
}
.tr_update ul {
list-style: none;
height: 50px;
}
.tr_update li {
padding-top: 10px;
padding-bottom: 10px;
}
.tr_update li p{
display: flex;
align-items: center;
}
.tr_update li p a {
display: block;
position: relative;
width: 100%;
color: #FFFFFF;
}
.tr_update li p i.fas {
margin-left: 10px!important;
}
.tr_update li p a:hover, .tr_update li p a:active {
text-decoration: underline;
}

@media screen and (max-width: 767px) {
.S_1th.tr_move{
	margin-top: 60px;
}
.tr_update h3 {
font-size: 3vw;
line-height: 2.0em;
padding-left: 10px;
padding-right: 10px;
margin-right: 10px;
}
.tr_update li p{
	font-size: 3vw;
	line-height: 2.5em;
}
}