@charset "UTF-8";

#contents {
	font-feature-settings: "palt";
	font-family: 'Noto Sans JP', sans-serif;
	color: #333333;
	padding-top: 0 !important;
  }

#contents .mainVisualArea {
	/* background-image: url(/event/images/2025/renga_bg.png);
	background-repeat: repeat;
	background-size: 100px 100px; */
	background-color: #aebfe6;
}

.h1_color {
	color: #002063;
}

/* リード文 */
.ev_mess_area {
	width: 100%;
	text-align: left;
	padding: 10px 0;
	font-size: 18px;
}

/* スマホ */
@media screen and (max-width: 768px) {
    .ev_mess_area {
        padding: 15px 0;   /* 上下を詰める */
        font-size: 15px;   /* 文字を少し小さく */
    }

    .ev_mess_area p {
        margin: 0;
        line-height: 1.6;
    }
}


/* .ev_mess_area span {
	background-color: rgba(236, 240, 14, 0.3);
} */
.ev_cv_area_bg02{
	margin-bottom: 80px;
}
.ev_cv_area_p1 {
	font-size: 18px;
	color: #333;
	font-weight: bold;
	text-align: center;
	line-height: 1.4;
}
.spSection .inner01 .h1_title {
	line-height: 1.3;
	font-weight: bold;
	margin: 20px 0;
}
.itemBlock01 .gs_cp_01_1 .h1_title {
	line-height: 1.3;
	font-weight: bold;
	margin: 20px 0;
}

.spSection .inner01 .h1_title .h1_title01 {
	font-size: 36px;
}
.itemBlock01 .gs_cp_01_1 .h1_title .h1_title01 {
	font-size: 36px;
}
.spSection .inner01 .h1_title .h1_title02 {
	font-size: 24px;
}
.spSection .inner01 .h1_title .h1_title03 {
	font-size: 40px;
}
.spSection .inner01 .h1_title .h1_title04 {
	font-size: 16px;
}
.spSection .inner01 .h1_title .h1_title05 {
	font-size: 32px;
}
.spSection .inner01 .h1_title rt {
	font-weight: normal;
	padding-bottom: 5px;
	font-size: 14px;
	/* letter-spacing: -1.2em;
	margin-left: -10px; */
}
.spSection .inner01 .h1_title .koshi_name {
	padding: 0 10px;
}

.spSection .inner01 .h1_subjectKinds {
	display: flex;
	justify-content: space-between;
	width: 166px;
	margin: 0 auto;
}

.spSection .inner01 .h1_subject01 {
	font-size: 18px;
	display: inline-block;
	font-weight: bold;
	padding: 8px 20px;
	color: #fff;
}

.spTableWrapper th,
.spTableWrapper td {
	font-size: 16px;
}

/* イベント概要 */
.spTableWrapper {
	margin-top: 30px;
}
/* .spTableWrapper .spTable01 ul li{
	list-style-type: disc;
} */
.spTableWrapper .table_red {
	color: #002063;
}
.spTableWrapper .table_red th {
	background: rgba(217, 239, 250, 0.3);
	border: 1px solid #002063;
}
.spTableWrapper .table_red td {
	border: 1px solid #002063;
}
.spTableWrapper .table_red td span{
	font-weight: bold;
}
.spTableWrapper .table_red td .mb30{
	margin-bottom: 30px;
}
/* .spTableWrapper .table_red .pl40 {
	padding-left: 40px;
} */
.spTableWrapper .table_red td .note{
	font-size: 14px;
	font-weight: normal;
}

.spSection_blank {
	margin-top: 50px;
}

#contents .indent01 {
	margin-top: 10px;
}

#contents .ev_cv_area2_bg2 {
	margin-bottom: 100px;
}

#contents .ev_flow_area_bg2 {
	margin-top: 50px;
}

.flow_area {
	background: none;
	/* background-image: url(/event/images/2025/sec_bg.png); */
}

/* 申込ボタン */
.down {
    padding: 15px;
    background-color: #fff2f4;
    margin: 10px auto;
    width: 70%;
}

.cvA_btn01 {
	margin-bottom: 60px;
}

.cvA_btn01 a {
	font-size: 20px;
    margin: 11px auto 0;
	color: #333333;
	font-weight: 700;
	width: 491px;
	height: 102px;
    background-image: url(/event/images/2025/cvA_btn02_bg_pc.png);
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    text-decoration: none;
    padding: 0 25px 0 10px;
	border-radius: 5px;
    box-shadow: 8px 8px 15px rgb(0 0 0 / 20%);
    line-height: 130%;
    text-align: center;
	box-sizing: border-box;
}

.btn:hover {
	filter: brightness(130%);
}

.cvA_btn01 p {
	width: 80%;
	font-size: 13px;
	margin: 15px auto;
	text-align: center;
}

.cvA_btn01 a .text1 {
	font-size: 25px;
	color: #002063;
	position: relative;
	top: -1.5px;
}

.cvA_btn01 a .text2 {
	position: relative;
	top: 1.5px;
}

.flow_area {
	padding: 0 0 5%;
	margin: 0 0 15px;
	width: 100%;
}

#contents .inner01_red {
	background-color: rgba(217, 239, 250, 0.3);
	padding: 30px 60px 50px;
	margin-bottom: 50px;
}

.spSection .inner01 .tab-contents-wrap .koshi_red {
	margin-top: 0;
	text-align: left;
	font-weight: normal;
}

.spSection .inner01 .bc_koshi {
	background-color: rgba(217, 239, 250, 0.3);
	padding: 30px 60px 50px;
	margin-bottom: 50px;
	color: #002063;
}

.koshi_detail dl {
	display: flex;
}
/* .koshi_detail dt {
	width: 250px;
} */
.koshi_detail dd {
	padding: 0 20px;
	color: #002063;
	font-size: 16px;
	width: 85%;
}

/* 動画 */
.douga_area {
	width: 50%;
	text-align: center;
	padding: 10px 0;
	font-size: 18px;
}

.video_s {
    position: relative;
    width: 100%;
	text-align: center;
    padding-top: 56.25%; /* 16:9のアスペクト比 */
    height: 0;

}

.video_s iframe {
    position: absolute;
	text-align: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

}

.itemBlock_01 {
	margin-top: 30px !important;
}

@media screen and (max-width: 767px){
	.pageTitle {
		font-size: 1.8em !important;
		line-height: 1.3;
	}
}

.itemBlock01 {
	margin-top: 30px !important;
	text-align: center;
}


.mb30 {
	margin-bottom: 30px !important;
}

.mb150 {
	margin-bottom: 150px !important;
}

@media screen and (max-width: 767px){

	.spSection .inner01 .h1_title .h1_title01 {
		font-size: 24px;
	}
	.itemBlock01 .gs_cp_01_1 .h1_title .h1_title01 {
		font-size: 24px;
	}
	.spSection .inner01 .h1_title .h1_title02 {
		font-size: 18px;
	}
	.spSection .inner01 .h1_title .h1_title03 {
		font-size: 32px;
	}
	.spSection .inner01 .h1_title .h1_title05 {
		font-size: 24px;
	}
	#contents .spSection .inner_koshi {
		padding: 0;
	}
		/* 申込ボタン */
	.down {
		width: 90%;
	}
	.cvA_btn01 a {
		background-image: url(/event/images/2025/cvA_btn02_bg_sp.png);
		width: calc(630 / 750 * 100vw);
		height: calc(130 / 750 * 100vw);
		font-size: 15px;
	}

	.cvA_btn01 a .text1 {
		font-size: 22px;
	}

	.spSection .inner01 .bc_koshi {
		padding: 30px 20px 50px;
	}

	.koshi_detail dl {
		display: block;
	}

	.inner01 .koshi_red {
		text-align: center;
	}
	.koshi_detail dt {
		margin: 0 auto;
		text-align: center;
	}
	#contents .koshi_detail dt img {
		width: 80%;
	}
	.koshi_detail dd {
		padding: 30px 0 0;
		width: 100%;
	}
	.mb150 {
	margin-bottom: 60px !important;
	}
}
/* 2025年11月4日追記 */

.cvA_btn01 a {
	background-image: url(/event/images/2025/cvA_btn01_bg_pc.png);
}
@media screen and (max-width: 767px){
	.cvA_btn01 a {
		background-image: url(/event/images/2025/cvA_btn01_bg_sp.png);
	}
}

/* メインビジュアル下 バナー */
.mvBannerArea{
  width: 100%;
  padding: 20px 0 0;
}

.mvBannerList{
  max-width: 1100px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
  list-style: none;

  display: grid;
  gap: 16px;
  justify-content: center;

  /* PC：最大281pxで4列（狭ければ縮む） */
  grid-template-columns: repeat(4, minmax(0, 281px));
}

.mvBannerItem{
  margin: 0;
}
 /* 角丸border-radius*/
.mvBannerLink{
  display: block;
  border-radius: 4px;
  overflow: hidden;
}

.mvBannerLink img{
  width: 100%;
  height: auto;
  display: block;

  /* サイズが混ざっても揃う保険 */
  aspect-ratio: 250 / 60;
  object-fit: cover;
}

/* PC：2枚のときだけ中央寄せ（2列に） */
@media screen and (min-width: 768px){
  .mvBannerList:has(> li:nth-child(2)):not(:has(> li:nth-child(3))){
    grid-template-columns: repeat(2, minmax(0, 281px));
  }
}

/* SP：2列（＝2つ、2つの表示） */
@media screen and (max-width: 767px){
  .mvBannerArea{
    padding-top: 12px;
  }

  .mvBannerList{
    padding: 0 12px;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
}

html{
  scroll-behavior: smooth;
}


#mainImage {
	display: block;
	margin: 0 auto;
	max-width: 100%;
	height: auto;
  }
