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

.page_header__ttl-jp01{
	font-family: "Hiragino Mincho ProN";
	font-size: 18px;
	letter-spacing: 0.06em;
	line-height: 32px;
	color: #323232;
	background-color:#eaff00;
	padding:5px 10px;
}

.serSec01 {
	background-color: #E2E2E2;
	background-image: url(../img/top/mas01.png);
	padding: 60px 10px 60px;
	position: relative;
}


.serSec01W01{
	display: flex;
    justify-content: flex-end;
}

.serSec01W01_01{
	position: relative;
	z-index: 2;
}


.serSec01W01_02_sp{
	margin-bottom:30px;
}

.serSec01W01_pc{
	display: none;
}

.serSec01W01Ja{
	font-family: "Hiragino Mincho ProN";
	font-size: 26px;
	letter-spacing: 0.06em;
	margin-bottom:40px;
	span{
		color: #323232;
		padding: 5px 10px;
		background-color:#FFF;
		width:fit-content;
		margin-bottom:10px;
	}
}

.serSec01W01Desc{
	color:#323232;
}

.serSec02{
	padding:60px 10px;
}

.serSec02W01SubTtl{
	font-family: "Hiragino Mincho ProN";
	font-size: 18px;
	letter-spacing: 0.06em;
	line-height: 32px;
	color: #323232;
	padding: 10px;
	background-color: #FFF;
	font-weight: bold;
	display: block;
	width: fit-content;
	margin-bottom:5px;
}

.serSec02W01Ttl{
	font-family: "Hiragino Mincho ProN";
	margin-bottom:50px;
	span{
		font-size: 22px;
		letter-spacing: 0.06em;
		line-height: 22px;
		color: #323232;
		background-color: #eaff00;
		padding: 10px;
		font-weight: bold;
		display: block;
		width: fit-content;
		margin-bottom: 5px;
	}
}

.serSec02W02Lists{
	margin-bottom:40px;
}

.serSec02W02Lists:last-of-type{
	margin-bottom:0px;
}

.serSec02W02Lists01{
	border-radius: 24px;
	background: #222;
	border: 1px solid #fff;
	box-sizing: border-box;
	padding:40px;
	margin-bottom:80px;
	position: relative;
}

.serSec02W02Lists01::after{
  content: "";
  position: absolute;
  bottom: -170px; /* 要素の下側に配置 */
  left: 50%; /* 水平中央 */
  transform: translateX(-50%); /* 中央揃え調整 */
  width: 0;
  height: 0;
  border-left: 170px solid transparent;
  border-right: 170px solid transparent;
  border-top: 170px solid white; /* 下向き三角形（白色） */
  z-index: 1;
}

.serSec02W02ListsTxt{
	margin-bottom:30px;
}

.serSec02W02ListsImg{
	text-align: center;
	width:160px;
	margin:0 auto;
}

.serSec02W02Lists02{
	border-radius: 24px;
	background: #eaff00;
	border: 1px solid #323232;
	color:#323232;
	box-sizing: border-box;
	padding:20px;
	position: relative;
	z-index: 100;
}

.serSec02W02Lists02SubTtl{
	width:fit-content;
	margin:0 auto 20px;
	padding:5px 10px;
	font-size: 16px;
	letter-spacing: 0.04em;
	line-height: 32px;
	text-align: center;
	color: #fff;
	background-color: #323232;
}

.serSec02W02Lists02Ttl{
	font-size: 20px;
	letter-spacing: 0.04em;
	line-height: 32px;
	text-align: center;
	margin-bottom:20px;
}



.serSec03Ttl{
	font-family: Abel;
	font-size: 50px;
	color: #EAFF00;
	background-color: #222222;
	padding: 20px 20px 0 20px;
	position: relative;
	margin-left:10px;
	line-height: 1;
}

.serSec03Ttl span{
	border-bottom: 4px solid #EAFF00;
	position: relative;
	z-index: 1;
	padding-left: 20px;
	line-height: 0.7;
	display: inline-block;
}
.serSec03Ttl span:before{
	content: "";
	position: absolute;
	top: 50%;
	left: -9998px;
	transform: translateY(-50%);
	width: 9999px;
	height: 2px;
	background: #EAFF00;
	z-index: 0;
}

.serSec03{
	padding:60px 10px;
}

.serSec03SubTtl{
	font-family: "Hiragino Mincho ProN";
	font-size: 22px;
	letter-spacing: 0.03em;
	line-height: 22px;
	margin-bottom:50px;
	span{
		color:#EAFF00;
	}
}

.serSec03E01{
	margin-bottom:40px;
}

.serSec03E01W{
	position: relative;
}

.serSec03E01Img{
	margin-bottom:10px;
}

.serSec03E01Ttl{
	font-family: Abel;
	font-size: 40px;
	color: #EAFF00;
	background-color: #222222;
	padding: 20px 0px 0 20px;
	display: flex;
	align-items: center;
	gap: 12px;
	position: relative;
	margin-bottom: 30px;
}

.serSec03E01Ttl > span{
	display: inline-block;
	line-height: 1;
	border-bottom: 2px solid #EAFF00;
}

.serSec03E01Ttl:after{
	content: "";
	height: 2px;
	background: #EAFF00;
	flex: 1 1 auto;
}

.serSec03E01Ttl02{
	background-color:#EAFF00;
	padding:5px;
	font-family: "Hiragino Mincho ProN";
	font-size: 22px;
	letter-spacing: 0.06em;
	color: #323232;
	width:fit-content;
	margin-bottom:20px;
	line-height: 1;
}

.serSec03E01Txt{
}

.serSec03E02{
	display: flex;
	margin-bottom:40px;
}

.serSec03E02W{
	width:700px;
	position: relative;
}

.serSec03E02Ttl{
	font-family: Abel;
	font-size: 40px;
	color: #EAFF00;
	background-color: #222222;
	padding: 20px 20px 0 20px;
	margin-bottom: 30px;
	position: relative;
}

.serSec03E02Ttl span{
	border-bottom: 2px solid #EAFF00;
	position: relative;
	z-index: 1;
	padding-left: 20px;
}

.serSec03E02Ttl span::before {
	content: "";
	position: absolute;
	top: 50%;
	left: -9998px;
	transform: translateY(-50%);
	width: 9999px;
	height: 2px;
	background: #EAFF00;
	z-index: 0;
}

.serSec03E02Img{
	margin-bottom:10px;
}


.serSec04{
	background-color: #E2E2E2;
	background-image: url(../img/top/mas01.png);
	padding: 60px 10px 60px;
	position: relative;
}

.serSec04W{

}

.serSec04SubTtl{
	font-family: "Hiragino Mincho ProN";
	font-size: 18px;
	letter-spacing: 0.06em;
	line-height: 22px;
	color: #323232;
	padding: 10px;
	background-color: #FFF;
	font-weight: bold;
	display: block;
	width: fit-content;
	margin: 0 auto 5px;
}

.serSec04Ttl{
	font-family: "Hiragino Mincho ProN";
	font-size: 22px;
	letter-spacing: 0.06em;
	line-height: 32px;
	color: #323232;
	background-color: #eaff00;
	padding: 10px;
	font-weight: bold;
	display: block;
	width: fit-content;
	margin: 0 auto 45px;
}

.serSec04Txt{
	margin:0 auto 40px;
	color: #323232;
}

.serSec05{
	padding:60px 10px;
}

.serSec05W{
	margin:0 auto;
}

.serSec05SubTtl{
	font-family: "Hiragino Mincho ProN";
	font-size: 18px;
	letter-spacing: 0.06em;
	line-height: 22px;
	color: #323232;
	padding: 10px;
	background-color: #FFF;
	font-weight: bold;
	display: block;
	width: fit-content;
	margin-bottom:10px;
}

.serSec05Ttl{
	span{
		font-family: "Hiragino Mincho ProN";
		font-size: 22px;
		letter-spacing: 0.06em;
		line-height: 32px;
		color: #323232;
		background-color: #eaff00;
		padding: 10px;
		font-weight: bold;
		display: block;
		width:fit-content;
		margin-bottom:10px;
	}
}

.serSec05Txt{
	padding-top:15px;
	margin-bottom:50px;
}

.serSec05WLists{
	position: relative;
	background: #323232;
	border: 1px solid #fff;
	padding:15px 10px;
	display: flex;
	border-radius: 8px;
	margin-bottom:30px;
	align-items: center;
}

.serSec05WListsTxtFTtl{
	font-family: "Hiragino Mincho ProN";
	font-size: 20px;
	line-height: 32px;
	color: #eaff00;
	margin-bottom:10px;
}

.serSec05WListsImg{

}

.serSec05WListsTxtF{
	margin-left:20px;
}

.serSec05WListsNum{
	width: 33px;
	height: 33px;
	border-radius: 8px;
	background: #eaff00;
	position: absolute;
	top:-10px;
	left:-10px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: Abel;
	font-size: 28px;
	line-height: 96px;
	
}

.serSec05WListsNum01{
	color: #323232;
}

.serSec05WListsNum01:after{

}

.serSec05WListsNum02{
	width: 33px;
	height: 33px;
	border-radius: 8px;
	background: #C6D335;
	position: absolute;
	top:-10px;
	left:-10px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: Abel;
	font-size: 28px;
	line-height: 96px;
	
}

.serSec05WListsNum02-1{
	color: #323232;
}


.serSec05WListsNum02-2{
	color: #323232;
}

.serSec06{
	background-color:#5C5C5C;
	background-image: url(../img/top/mas01.png);
	padding: 60px 10px;
	position: relative;
}


.serSec06Ttl{
	font-family: Abel;
	font-size: 60px;
	color: #EAFF00;
	line-height: 1;
	margin-bottom:5px;
}

.serSec06Ttl span{
	border-bottom: 4px solid #EAFF00;
	position: relative;
	z-index: 1;
	line-height: 0.7;
	display: inline-block;
}

.serSec06SubTtl{
	font-family: "Hiragino Mincho ProN";
	font-size: 22px;
	letter-spacing: 0.03em;
	line-height: 22px;
	margin-bottom: 50px;
	span{
		color: #EAFF00;
	}
}

.serSec06Txt{
	text-align: center;
	margin-bottom:20px;
}

.serSec06W01{

}

.serSec06W01Lists{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom:30px;
	gap:20px;
}

.serSec06W01ListsImg{
	width: 126px;
	height: 124px;
	background: #434343;
	border: 1px solid #fff;
	border-radius: 8px;
	display: flex;
  flex-direction: column;   /* 縦並び */
  align-items: center;      /* 横中央 */
  justify-content: center;
  text-align: center;
  line-height: 1.4;
  img{
	margin-bottom:10px;
  }
}

.serSec06W01ListsNum{
	font-family: Abel;
	font-size: 60px;
	line-height: 56px;
	color: #fff;
}

.serSec06W01ListsNum span{
	font-size: 35px;
}

.serSec07WTtl.serSec07WTtlTy01{
	margin-bottom: 10px;
}

.serSec07{
	padding:30px 10px;
}

.serSec07W{

}

.serSec07WSubTtl{
	font-family: "Hiragino Mincho ProN";
	font-size: 18px;
	letter-spacing: 0.06em;
	line-height: 32px;
	color: #323232;
	padding: 10px;
	background-color: #FFF;
	font-weight: bold;
	display: block;
	width: fit-content;
	margin-bottom: 10px;
}

.serSec07WTtl{
	font-family: "Hiragino Mincho ProN";
	font-size: 22px;
	letter-spacing: 0.06em;
	line-height: 32px;
	color: #323232;
	background-color: #eaff00;
	padding: 10px;
	font-weight: bold;
	display: block;
	width: fit-content;
	margin-bottom: 60px;
}

.serSec08{
	background-color: #E2E2E2;
	background-image: url(../img/top/mas01.png);
	padding: 60px 10px;
	position: relative;
}


.serSec08WSubTtl{
	font-family: "Hiragino Mincho ProN";
	font-size: 18px;
	letter-spacing: 0.06em;
	line-height: 32px;
	color: #323232;
	padding: 10px;
	background-color: #FFF;
	font-weight: bold;
	display: block;
	width: fit-content;
	margin: 0 auto 5px;
}

.serSec08WTtl{
	font-family: "Hiragino Mincho ProN";
	font-size: 22px;
	letter-spacing: 0.06em;
	line-height: 32px;
	color: #323232;
	background-color: #eaff00;
	padding: 10px;
	font-weight: bold;
	display: block;
	width: fit-content;
	margin: 0 auto 45px;
}

.serSec08WMov iframe{
	width: 100%;
	height: 190px;
}


.serSec09{
	padding:60px 10px;
}

.serSec09W{
	margin:0 auto;
}

.serSec09WTtlEn{
	font-family: Abel;
    font-size: 60px;
    margin-bottom: 10px;
	border-bottom: 4px solid #eaff00;
	line-height: 0.7;
	width:fit-content;
	color:#eaff00;
}

.serSec09WTtlJa{
    font-family: "Hiragino Mincho ProN";
    font-size: 22px;
    letter-spacing: 0.03em;
    line-height: 32px;
	margin-bottom:60px;
}

.serSec09W01{
	margin-bottom:60px;
}

.serSec09W01Img{
	position: relative;
	margin-bottom:10px;
	
}

.serSec09W01Img02{
	position: absolute;
	right: 10px;
    bottom: 10px;
	width:50px;
}

.serSec09W01Txt{
}

.serSec09W01TxtTtl{
	font-family: "Hiragino Mincho ProN";
	font-size: 20px;
	letter-spacing: 0.06em;
	color: #323232;
	margin-bottom:20px;
	span{
		display: block;
		padding:10px;
		background-color:#FFF;
		width:fit-content;
		margin-bottom:10px;
	}
}

.serSec09W01TxtSubTtl{
	font-family: "Hiragino Mincho ProN";
	font-size: 24px;
	letter-spacing: 0.06em;
	line-height: 32px;
	margin-bottom:5px;
}

.serSec09W01TxtJan{
	border-radius: 15.5px;
	background: rgba(80, 80, 80, 0.8);
	border: 1px solid #fff;
	padding:5px 20px;
	color:#FFF;
	width:fit-content;
	margin-bottom:10px;
}


.serSec10{
	background-color: #5C5C5C;
	background-image: url(../img/top/mas01.png);
	padding: 60px 10px;
	position: relative;
}

.serSec10W{
}

.serSec10WTtl{
	font-family: Abel;
	font-size: 60px;
	margin-bottom: 10px;
	border-bottom: 4px solid #FFF;
	line-height: 0.7;
	width: fit-content;
}

.serSec10WSubTtl{
	font-family: "Hiragino Mincho ProN";
	font-size: 22px;
	letter-spacing: 0.03em;
	line-height: 32px;
	margin-bottom: 60px;
}

.serSec10WQ{
	background: #fff;
	border: 1px solid #323232;
	color:#323232;
	display: flex;
	align-items: center;
	padding:10px;
	border-radius: 10px;
}

.serSec10WQIcon{
	font-family: Abel;
	font-size: 32px;
	line-height: 96px;
}

.serSec10WQTxt{
	font-family: "Hiragino Mincho ProN";
	font-size: 18px;
	letter-spacing: 0.06em;
	line-height: 12px;
	margin-left:30px;
}

.serSec10WLists{
	margin-bottom:40px;
}

.serSec10WA {
  display: none; /* 最初は非表示 */
  margin-top: 10px;
}

.serSec10WQ.active + .serSec10WA{
	background: #eaff00;
	border: 1px solid #323232;
	align-items: center;
	padding:10px;
	border-radius: 10px;
	color:#323232;
}

.serSec10WATxt{
	margin-left:30px;
}

.serSec10WAIcon{
	font-family: Abel;
	font-size: 32px;
	line-height: 26px;
}

/* ＋／－アイコン */
.toggle-icon {
  margin-left: auto;
  position: relative;
  width: 20px;
  height: 20px;
  cursor: pointer;
}

.toggle-icon::before,
.toggle-icon::after {
  content: "";
  position: absolute;
  background: #323232;
  transition: 0.3s;
}

.toggle-icon::before {
  top: 9px;
  left: 0;
  width: 100%;
  height: 2px;
}

.toggle-icon::after {
  left: 9px;
  top: 0;
  width: 2px;
  height: 100%;
}

/* 開いた状態（－にする） */
.serSec10WQ.active .toggle-icon::after {
  opacity: 0;
}


.serSec11{
	position: relative;
	background-color:#EAFF00;
	padding:60px 10px;
}

.serSec11W{
	position: relative;
}

.serSec11WImg{
	margin-bottom:40px;
}

.serSec11Ttl{
	margin-bottom:40px;
}

.serSec11W02{
	position: relative;
	z-index: 100;
}

.serSec11Txt{
	background-color:#FFF;
	padding:5px 10px;
	width:fit-content;
	color:#323232;
	font: size 20px;
	margin-bottom:40px;
}

.serSec11SubTxt{
	margin-bottom:50px;
	color:#323232;
}

.serSec11WBtnW{
	position: relative;
	z-index: 100;
}

.serSec11RTtl {
	color: #323232;
}

.serSec11RTtlJa{
	font-family: "Hiragino Mincho ProN";
	font-size: 22px;
	letter-spacing: 0.03em;
	line-height: 22px;
	margin-bottom:10px;
	
}

.serSec11RTtlEn{
	font-family: Abel;
	font-size: 50px;
	line-height: 0.7;
	border-bottom:4px solid #323232;
	width:fit-content;
	margin-bottom:30px;
}

.serSec11WBtnWB01{
	margin-bottom:40px;
}

.serSec12{
	padding:60px 10px;
}

.serSec12WW{

}

.serSec12Ttl{
	font-family: Abel;
	font-size: 60px;
	margin-bottom: 10px;
	border-bottom: 4px solid #eaff00;
	line-height: 0.7;
	width: fit-content;
	color: #eaff00;
}

.serSec12TtlSubTtl{
	font-family: "Hiragino Mincho ProN";
	font-size: 18px;
	letter-spacing: 0.03em;
	line-height: 32px;
	margin-bottom: 60px;
}
.serSec12W{
}

.serSec12WMov{
	width:360px;
	margin:0 auto 20px;
}

.abSec02{
	padding:30px 0px;
}

.abSec02W01{
}

.abSec02W01Item{
	padding: 40px;
	box-sizing: border-box;
}

.abSec02W01ItemTtl{
	font-size: 20px;
    font-weight: normal;
    font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", 游明朝, YuMincho, HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    line-height: 2.52em;
    margin-top: 10px;
    color: rgb(234, 255, 0);
}

.abSec02W01ItemTtlNum{
	display: inline-block;
    margin-right: 0.5em;
    font-size: 1.3em;
    font-family: Abel, sans-serif;
}

.abSec02W01ItemSubTtl{
	margin-bottom:10px;
}

.abSec02W01ItemImg{
	margin-bottom:10px;
}

.abSec03{
	background-color: #E2E2E2;
	background-image: url(../img/top/mas01.png);
	padding: 30px 5vw;
}

.abSec03Ttl{
	font-family: "Hiragino Mincho ProN";
	font-size: 24px;
	letter-spacing: 0.06em;
	line-height: 32px;
	color: #323232;
	background-color: #eaff00;
	padding: 10px;
	font-weight: bold;
	display: block;
	width: fit-content;
	margin: 0 auto 45px;
}

.abSec03Mov{
	width:100%;
	margin:0 auto;
}

.abSec03Mov iframe{
	width:100%;
	height: 210px;
}


.abSec04{
	padding: 30px 5vw;
}

.abSec04Ttl{
	font-family: "Hiragino Mincho ProN";
	font-size: 24px;
	letter-spacing: 0.06em;
	line-height: 32px;
	color: #323232;
	background-color: #eaff00;
	padding: 10px;
	font-weight: bold;
	display: block;
	width: fit-content;
	margin: 0 auto 45px;
}

.abSec04W{
	margin:0 auto 40px;
}

.abSec04WTxtW{
	width:100%;
}

.abSec04WTxtWTxt{
	margin-bottom:10px;
}

.abSec04WTxtWTtl{
	font-size:18px;
	margin-bottom:20px;
}

.abSec04WImgW{
	width:100%;
}



.abSec05Ttl{
	font-family: "Hiragino Mincho ProN";
	font-size: 26px;
	letter-spacing: 0.06em;
	line-height: 32px;
	color: #323232;
	background-color: #eaff00;
	padding: 10px;
	font-weight: bold;
	display: block;
	width: fit-content;
	margin: 0 auto 25px;
}

.abSec05{
	background-color: #E2E2E2;
	background-image: url(../img/top/mas01.png);
	padding: 30px 5vw;
	color: #323232;
}

.abSec05WTtl{
	margin:0 auto 10px;
	font-size:18px;
	background-color:#FFF;
	padding:10px 20px;
	font-weight: bold;
	width:fit-content;
}

.abSec05WName{
	text-align: center;
	margin-bottom:40px;
	font-weight: bold;
}

.abSec05W{
	margin:0 auto 80px;
}

.abSec05WItemL{
	position: relative;
	margin-bottom:80px;
}

.abSec05WItemL::after {
  content: "";
  position: absolute;
  left: 50%;              /* 中央寄せ */
  bottom: -4.5em;         /* 下に出す距離（微調整OK） */
  transform: translateX(-50%); /* 横中央揃え */
  width: 0;
  height: 0;
  border-left: 3.5em solid transparent;
  border-right: 3.5em solid transparent;
  border-top: 3.5em solid #eaff00; 
}

.abSec05WItemR{
}

.abSec05WItemLImg{
	margin-bottom:10px;
}

.abSec05WItemLTxt{
	font-weight: bold;
}

.abSec06WItem{
	margin-bottom:40px;
}

.abSec06WItemTtl{
	font-size:18px;
	margin-bottom:10px;
	text-align: center;
}

.abSec06WItemImg{
	margin-bottom:10px;
}

.abSec06{
	padding:30px 5vw;
}

.abSec06Ttl{
	font-family: "Hiragino Mincho ProN";
	font-size: 22px;
	letter-spacing: 0.06em;
	line-height: 32px;
	color: #323232;
	background-color: #eaff00;
	padding: 10px;
	font-weight: bold;
	display: block;
	width: fit-content;
	margin: 0 auto 45px;
}

.serSec01W01aTtl{
	font-family: "Hiragino Mincho ProN";
	font-size: 22px;
	letter-spacing: 0.06em;
	line-height: 32px;
	color: #323232;
	background-color: #eaff00;
	padding: 10px;
	font-weight: bold;
	display: block;
	width: fit-content;
	margin: 0 auto 40px;
	position: relative;
	z-index: 100;
}

.serSec01W01a2Ttl{
	font-family: "Hiragino Mincho ProN";
	font-size: 22px;
	letter-spacing: 0.06em;
	line-height: 32px;
	color: #323232;
	background-color: #eaff00;
	padding: 10px;
	font-weight: bold;
	display: block;
	width: fit-content;
	margin: 0 auto 10px;
	position: relative;
	z-index: 100;
}