@charset "UTF-8";
@import url('https://fonts.cdnfonts.com/css/barlow');

                
.contents_inner {
    display: block;
    padding-top: 120px;
    margin-top: -120px;
}
.center-left{text-align: center;}
.overimg:hover{opacity: 0.5;}
.spnone{display: block;}
.sponly{display: none;}
.f-left{float: left;}
.f-right{float: right;}
.img100{width: 100%;}
.normal{font-weight: normal;}
.justify{text-align: justify;}
.w48per{width: 48%;}
.w30per{width: 30%;}
.w48per img{width: 100%;}
.w66per{width: 66%;position: relative;}
.w80per{width: 80%;margin: 0 auto;}
.w90per{width: 90%;margin: 0 auto;}
.white{color:#ffffff;}
.sec_ttl{font-size: 4em;text-align: center;}
.sec_ttl::first-letter {
  color: #009ede;
}
.sec_sub_ttl{font-size: 1.4em;text-align: center;font-weight: bold;}
.sec_sub_ttl_left{font-size: 1.4em;text-align: left;font-weight: bold;}
.sec_sub_ttl::first-letter {
  color: #009ede;
}
.sec_ttl_white{font-size: 4em;text-align: center;color:#ffffff;}
.sec_sub_ttl_white{font-size: 1.4em;text-align: center;font-weight: bold;color:#ffffff;}
.sec_ttl_white_left{font-size: 4em;text-align: left;color:#ffffff;}
.sec_sub_ttl_white_left{font-size: 1.4em;text-align: left;font-weight: bold;color:#ffffff;}
.barlow{font-family: 'Barlow', sans-serif;}
.tex_blue{color:#009ede;}
.tex_white{color:#ffffff;}

.sec_p{line-height: 1.8;}
.tbonly{display: none;}
.ttl_black{margin-top: 6%; font-size: 1em;display: block;font-weight: bold;}
.ttl_black02{margin-top: 3%; font-size: 1em;display: block;font-weight: bold;}
.ttl_wihte{color:#ffffff;margin-top: 3%; font-size: 1em;display: block;font-weight: bold;}
.center{text-align: center;}

/* 見出しの上に短い下線左揃え */
.sec_ttl_left{font-size: 2.4em;text-align: left;}
.sec_ttl_left span{font-size: 0.3em;font-weight: normal;margin-left: 1em;}
.heading {
  position: relative;
  text-align: center; /* 文字の中央寄せ */
}
.heading::before {
  background-color: #009ede; /* 線の色 */
  border-radius: 5px; /* 線の両端を丸く */
  top: -10px; /* 線の位置 */
  content: "";
  height: 5px; /* 線の高さ */
  left: 50%; /* 線の中央寄せ */
  position: absolute;
  transform: translateX(-50%); /* 線の中央寄せ */
  width: 50px; /* 線の長さ */
}
.heading_left {
  position: relative;
  text-align: left; /* 文字の中央寄せ */
}
.heading_left::before {
  background-color: #009ede; /* 線の色 */
  border-radius: 5px; /* 線の両端を丸く */
  top: -10px; /* 線の位置 */
  content: "";
  height: 5px; /* 線の高さ */
  left: 0%; /* 線の中央寄せ */
  position: absolute;
  transform: translateX(-0%); /* 線の中央寄せ */
  width: 50px; /* 線の長さ */
}
.heading_white {
  position: relative;
  text-align: center; /* 文字の中央寄せ */
}
.heading_white::before {
  background-color: #ffffff; /* 線の色 */
  border-radius: 5px; /* 線の両端を丸く */
  top: -10px; /* 線の位置 */
  content: "";
  height: 5px; /* 線の高さ */
  left: 50%; /* 線の中央寄せ */
  position: absolute;
  transform: translateX(-50%); /* 線の中央寄せ */
  width: 50px; /* 線の長さ */
}
.heading_white_left {
  position: relative;
  text-align: left; /* 文字の中央寄せ */
}
.heading_white_left::before {
  background-color: #ffffff; /* 線の色 */
  border-radius: 5px; /* 線の両端を丸く */
  top: -10px; /* 線の位置 */
  content: "";
  height: 5px; /* 線の高さ */
  left: 0%; /* 線の中央寄せ */
  position: absolute;
  transform: translateX(-0%); /* 線の中央寄せ */
  width: 50px; /* 線の長さ */
}
/* section_01 */
/* news */
.news_ttl{width:15%;float: left;}

#news{width: 60%;float: left;}
#news dl a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 0.5em;
    margin-bottom: 0.5em;
	margin-top: 0.5em;
	color: #000000;
}
#news dl:last-of-type {
    margin-bottom: 0;
}

#news dl dt span {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-right: 0em;
	color:#009ede;
	width: 7em;
	font-size: 1.2em;
}

#news dl dd {
    font-size: 1.0em;
    line-height: 1.5;
}
#news dl dd {
    display: block;
    transition:all 0.3s;
}
#news dl a:hover {
    color: #003894;
}
.news_btn{float:right; width: 20%;margin: 2em auto;display: block;}
.news_btn img{width: 100%;}


/* section_02 */
.section_02{background-image: url("../img/sec_02_back_pc.svg");background-position: center bottom;background-repeat: no-repeat;background-size:contain;}

.page_h3{font-size: 1.8em;margin: 1% 0;}
.more_btn{width: 30%;display: block;margin: 2em auto 0;}
.more_btn img{width: 100%;}


/* section_03 */
.section_03{background-color: #274d84;color:#ffffff;}
.section_03_left{background-image: url("../img/sec_03_back_pc.webp");background-position: left top;background-repeat: no-repeat;background-size:80%;padding-top: 16em;}
.boxitem_02{color: #ffffff;font-size: 1.4em;border-bottom:solid 1px #ffffff;padding: 0.6em 0; }
.boxitem_02 img{margin-bottom: 1em;}
a:visited {text-decoration: none;}
.arrow{
  width: 48%;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
  font-size: 1.4em;

}

.arrow::after{
  content: "";
  position: absolute;
  bottom: 2%;
  right: 5%;
  margin: auto;
  width: 5em;   /* 画像サイズ調整 */
  height: 1em;
  background-image: url("../img/before_arrow.svg"); /* 矢印画像のパス */
  background-size: contain; /* 画像を枠に収める */
  background-repeat: no-repeat;
}
/* scroll-txt
  ********************************************** */
.marquee {
  width: 100vw;
	margin: 0 calc(50% - 50vw);
  overflow: hidden;
  white-space: nowrap;
  position: relative;
	z-index: -10;
}
.marquee-content {
  display: flex;
  gap: 100px; /* テキスト同士の間隔 */
  animation: marquee-loop 10s linear infinite;
	font-size: 8em;
	font-weight: bold;
	font-family: 'Barlow', sans-serif;
	color:#ffffff;
	opacity: 0.5;
}
@keyframes marquee-loop {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-50%); /* 半分の位置まで移動 */
  }
}




/* section_04 */
.section_04{background-image: url("../img/sec_04_back_pc.webp");
	background-repeat: no-repeat;background-size: cover;background-position: cえんてr center; position: relative;padding: 3em 0;}
.boxitem_04{color: #000000;font-size: 1.4em;background-color: rgba(255,255,255,0.7);padding: 0.6em; }
a:visited {text-decoration: none;}
.arrow_02{
  width: 21%;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
  font-size: 1.4em;
font-weight: normal;
}

.arrow_02::after{
  content: "";
  position: absolute;
  bottom: 0.8em;
  right: 5%;
  margin: auto;
  width: 1em;   /* 画像サイズ調整 */
  height: 1em;
  background-image: url("../img/arrow_02.svg"); /* 矢印画像のパス */
  background-size: contain; /* 画像を枠に収める */
  background-repeat: no-repeat;
}
.black{color: #000000;}
.boxitem_04_white .bottom{position: absolute; bottom:0.8em;width: 90%;}

/* section_05 */
.section_05{background-color:#dee3ec;padding-top: 5em;margin-top: 5em; }
.oshirase_btn_left{width: 50%;display: block;margin-top: 2em;}
.oshirase_btn_left img,.news_left img{width: 100%;}
.news_right{width: 46%;float: right;}
.news_left{width: 46%;float: left;margin-top: -15em; filter: drop-shadow(5px 5px 10px rgba(160, 160, 160, 0.9));}

#news02 dl a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 1em;
    margin-bottom: 1em;
	margin-top: 1em;
	color: #000000;
	border-bottom: solid 1px #274d84;
}
#news02 dl:last-of-type {
    margin-bottom: 0;
}

#news02 dl dt span {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-family: "B612 Mono", monospace;
    padding-right: 0em;
	color:#009ede;
	width: 7em;
	font-size: 1.2em;
}

#news02 dl dd {
    font-size: 1.0em;
    line-height: 1.5;
}
#news02 dl dd {
    display: block;
    transition:all 0.3s;
}
#news02 dl a:hover {
    color: #003894;
}






/*
===================================================
 tb タブレット解像度
===================================================
*/
@media screen and (max-width:1000px) {
.spnone{display: block;}
.tbonly{display: block;}
.sponly{display: none;}




	}
/*
===================================================
 sp スマホ解像度
===================================================
*/
@media screen and (max-width:640px) {
.spnone{display: none;}
.sponly{display: block;}
.tbonly{display: none;}

.center-left{text-align: left;text-align: justify;}
.f-left{float: none;}
.f-right{float: none;}
.w90per{width: 100%;margin:0 auto;}
.w80per{width: 80%;margin:0 auto;}
.w48per{width: 100%;margin-bottom: 3%;}
.w66per{width: 100%;position: relative;}	
.lh_l {line-height:1.8 !important;}
	
.sec_ttl{font-size: 2.6em;text-align: center;}
.sec_ttl_white{font-size: 2.6em;text-align: center;color:#ffffff;}
.sec_ttl_white_left{font-size: 2.6em;text-align: center;color:#ffffff;}
.sec_sub_ttl_white_left{font-size: 1.4em;text-align:left;font-weight: bold;color:#ffffff;}
/* 見出しの上に短い下線左揃え */
.heading_left {
  position: relative;
  text-align: center; /* 文字の中央寄せ */
}
.heading_left::before {
  background-color: #009ede; /* 線の色 */
  border-radius: 5px; /* 線の両端を丸く */
  top: -10px; /* 線の位置 */
  content: "";
  height: 5px; /* 線の高さ */
  left: 50%; /* 線の中央寄せ */
  position: absolute;
  transform: translateX(-50%); /* 線の中央寄せ */
  width: 50px; /* 線の長さ */
}
.heading_white_left {
  position: relative;
  text-align: left; /* 文字の中央寄せ */
}
.heading_white_left::before {
  background-color: #ffffff; /* 線の色 */
  border-radius: 5px; /* 線の両端を丸く */
  top: -10px; /* 線の位置 */
  content: "";
  height: 5px; /* 線の高さ */
  left: 0%; /* 線の中央寄せ */
  position: absolute;
  transform: translateX(-0%); /* 線の中央寄せ */
  width: 50px; /* 線の長さ */
}
/* news */
.news_ttl{width:100%;float:none;}
#news{width: 100%;float: none;}
#news dl a {
	display: block;}
#news dl dd {
    font-size: 0.84em;
}
.news_btn{float:none; width: 50%;margin: 2em 0;display: block;}
.news_btn img{width: 100%;}
.ttl_black{margin-top: 3%; font-size: 1em;display: block;font-weight: bold;}
.ttl_black02{margin-top: 3%; font-size: 1em;display: block;font-weight: bold;}
.ttl_wihte{color:#ffffff;margin-top: 3%; font-size: 1em;display: block;font-weight: bold;}
.page_h3{font-size: 1.4em;margin: 1% 0 2%;}

/* section_02 */
.section_02{background-image: url("../img/sec_02_back_sp.svg");background-position: center bottom;background-repeat: no-repeat;background-size:contain;}
	
.more_btn{width: 50%;display: block;margin-top: 2em;}
/* section_03 */
.section_03{margin-top: 10%;position: relative;}
.section_03_left{background-image: none;background-position: left top;background-repeat: no-repeat;background-size:80%;padding-top: 10em;}
.sec_03_sp{position: absolute; width: 90%;margin-top: -10%;}
.boxitem_02{width: 100%; color: #009ede; font-size: 0.8em;padding: 0.4em 0; }
.boxitem_02 img{margin-bottom: 3em;}

.sp_sec03_menu {
  width: 300px;
  padding: 10px;
  background: #9ad6ea;
  color: #000;
  font-weight: bold;
  text-align: left;
  clip-path: polygon(0 0, 90% 0, 100% 100%, 0% 100%);
}
.arrow{
  width: 100%;
  position: relative;
  display: block;
  vertical-align: middle;
  text-decoration: none;
  font-size: 1.4em;

}

.arrow::after{
  content: "";
  position: absolute;
  bottom: 3%;
  right: 0%;
  margin: auto;
  width: 10em;   /* 画像サイズ調整 */
  height: 2em;
  background-image: url("../img/arrow_sp.svg"); /* 矢印画像のパス */
  background-size: contain; /* 画像を枠に収める */
  background-repeat: no-repeat;
}



/* section_04 */
.section_04{background-image: url("../img/sec_04_back_sp.webp");
	background-repeat: no-repeat;background-size: cover;background-position: top center; position: relative;padding: 0em 0 8em;}
.boxitem_04{width: 42%;}
.boxitem_04_white{width: 42%;}
.arrow_02{
  width: 42%;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
  font-size: 1.2em;
}

.arrow_02::after{
  content: "";
  position: absolute;
  bottom: 0.8em;
  right: 5%;
  margin: auto;
  width: 1em;   /* 画像サイズ調整 */
  height: 1em;
  background-image: url("../img/arrow_02.svg"); /* 矢印画像のパス */
  background-size: contain; /* 画像を枠に収める */
  background-repeat: no-repeat;
}
/* section_05 */
.section_05{background-color:#dee3ec;padding-top: 0em;margin-top: 0em; }
.oshirase_btn_left{width: 50%;margin-top: 2em;}
.oshirase_btn_left img,.news_left img{width: 100%;}
.news_right{width: 100%;float: none;margin-top: 4em;}
.news_left{width: 110%;float: none;margin-top: -8em;margin-left: -5em; filter: drop-shadow(5px 5px 10px rgba(160, 160, 160, 0.9));}


}