@charset "UTF-8";



#s_activityrecords .header { 
    /*position: absolute;*/
    width: 100%; 
    overflow: hidden; 
    /*line-height: 0; */
    transform: rotate(0deg); 
	background-color: #E3D1BD;


	position: relative;
	/*height: 500px;*/ /* SVGの高さと同じにします */

	display: flex;
	justify-content: center;
	align-items: center;

	margin: 0 0 -1px 0;	/*白がでてしまうため調整*/
	
	/*border: 1px solid red;*/ /* 枠線の幅、スタイル、色を設定 *//*デバッグ用*/

} 

#s_activityrecords .header svg { 
	position: relative; 
    display: block; 
    width: calc(112% + 1px);
    /*height: 210px; */
    transform: rotateY(0deg); 


} 
#s_activityrecords .header .shape-fill { 
    fill: #000000; 
}




#s_activityrecords .header div.image {
	position: absolute;
	top: 84%;
	left: 17%;
	transform: translate(-50%, -100%);
	margin: 0;
}
#s_activityrecords .header div.image img{
	height: 220px;
}




#s_activityrecords .header div.logo {
	position: absolute;
	top: 80%;
	left: 50%;
	transform: translate(-50%, -80%);
	margin: 0;

    text-align: center; /* 子要素を中央揃え */
}
#s_activityrecords .header div.logo img{
    height: 110px;
    display: block; /* ブロック要素にして中央揃え */
    margin: 0 auto; /* 中央に配置 */
    position: relative; /* 下げるために relative を使用 */
    top: 45px; /* 下に移動 */
}

#s_activityrecords .header div.logo .title {
    position: relative; /* 画像の上に重ねるために relative を使用 */
    pointer-events: none;
    text-align: center;
    height: 50px;
    margin-top: 0px; /* 画像との間にスペースを追加 */

}
#s_activityrecords .header div.logo .title p.en{
	/*display: block;*/ /* pタグをブロック要素に設定 */
	margin: 0;
	/*height: 32px;*/
	font-size: 36px;
	color: black; /* 文字色を設定 */
    position: relative; /* 下げるために relative を使用 */
    top: 0px; /* 下に移動 */

    font-family: 'Arial Black', 'MS Gothic', sans-serif; /* ゴシックフォントを指定 */
    font-weight: bold; /* 太めに設定 */
}
#s_activityrecords .header div.logo .title p.jp{
	/*display: block;*/ /* pタグをブロック要素に設定 */
	margin: 0 0 0 0;
	/*height: 30px;*/
	font-size: 15px;
	color: black; /* 文字色を設定 */
    position: relative; /* 下げるために relative を使用 */
    top: -5px; /* 下に移動 */

    font-weight: bold; /* 太めに設定 */
}




/******************************************
	Topページ
	記事 共通
******************************************/
/* #region 記事共通 */

#s_activityrecords .main { 
	background-color: #E3D1BD;

	height: auto;

    display: flex;
    justify-content: center; /* 水平方向の中央揃え */
    /*align-items: center;*/ /* 垂直方向の中央揃え */
    flex-direction: column; /* 必要に応じて縦方向に並べる */

}


#s_activityrecords .main .kizi { 
    position: relative; /* right を使用するために position を設定 */
}
@media screen and (min-width: 1025px) {
    #s_activityrecords .main .kizi { 
        height: 500px;
    }
}
@media screen and (min-width: 1300px) {
    #s_activityrecords .main .kizi { 
        height: 600px;
    }
}
@media screen and (min-width: 1500px) {
    #s_activityrecords .main .kizi { 
        height: 700px;
    }
}



#s_activityrecords .main .kizi .kizi1_left { 

}
#s_activityrecords .main .kizi .kizi1_right { 


}




#s_activityrecords .main .kizi figure.pict {
	position: relative;
	margin: 1em 0 0;
	text-align: left;
}
#s_activityrecords .main .kizi figure.pict img {
    max-width: 700px;
    /* max-height: 550px; */
    padding: 5px;
    box-sizing: border-box;
    vertical-align: middle;
    background: #F59C00;
    width: calc(90%);
    /* height: 100px; */
    width: 40vw;
    /* height: 40vw; */
    /* max-height: 400px; */
    height: auto;
    /*aspect-ratio: 16 / 9;*/

}
#s_activityrecords .main .kizi_flex { 
	background-color: white;

	height: 300px;
    /*width: 40vw;*/    /*白枠の長さ調整*/
    
}
#s_activityrecords .main .kizi_flex .kizi_title { 
	/*font-size: 15px;*/
	/*color: black;*/ /* 文字色を設定 */
	width: 100%;
}
#s_activityrecords .main .kizi_flex .kizi_title::after { 
	content: "";
    display: block;
    width: 100%;
    height: 1px; /* アンダーバーの高さ */
    background-color: black; /* アンダーバーの色 */
    margin-top: 5px; /* テキストとアンダーバーの間のスペース */

}
#s_activityrecords .main .kizi_flex .kizi_honbun {
	width: 100%;
	height: 210px;
	margin: 20px 0 0 0;

}

#s_activityrecords .main .kizi_flex .kizi_honbun .epb-advance-headling__text-wrapper{
    margin: 0 0 0 0;

}

#s_activityrecords .main .kizi_flex .kizi_honbun h2{
	font-size: 17px;
	color: black; /* 文字色を設定 */

}


#s_activityrecords .main .kizi_btn { 
    text-align: center;
    height: 50px;
    width: 150px;
    background-color: #F59C00;
    border-radius: 50px;
	transition: all 0.5s ease;
    /* ホバー時のアニメーションをゆっくり */


}
#s_activityrecords .main .kizi_btn:hover {
    top: 109%;
    background-color: #F59000; /* ホバー時の色 */
    box-shadow: 0 6px 8px rgba(0, 0, 0, 0.1); /* ホバー時の影の強さを変更 */
	
}

/* ボタンのフォントサイズ変更 */
#s_activityrecords .main .kizi_btn .epb-btn-text {
	font-size: 14px;
    font-weight: 600;
}

#s_activityrecords .main .kizi_btn a {
	color: white;
	
	border: none;
    margin: 6px 0 0 0;
}



/*
	詳しくボタンの矢印の生成
*/
#s_activityrecords .main .kizi_btn::before { 
	content: "";
    position: absolute;
	right: 2%;
    top: 29px;
    width: 10px; /* 斜め線の長さ */
    height: 1.5px; /* 斜め線の太さ */
    background-color: white; /* 斜め線の色 */
    transform: rotate(-135deg); /* 斜めにする角度 */

    transform-origin: left center; /* 回転の基点 */

}
#s_activityrecords .main .kizi_btn::after { 
	content: "";
    position: absolute;
    right: -11px;
    top: 29px;
    width: 23px;
    height: 1.5px;
    background-color: white; /* 斜め線の色 */
    transform: rotate(180deg); /* 斜めにする角度 */

    transform-origin: left center; /* 回転の基点 */

}

/* #endregion 記事共通 */


/******************************************
	Topページ
	記事１
******************************************/
/* #region 記事１ */
#s_activityrecords .main .kizi1 { 
	/*height: 420px;*/
    /*margin: 50px 0 0 0;*/


	/*border: 1px solid red;*/ /* 枠線の幅、スタイル、色を設定 *//*デバッグ用*/


}
#s_activityrecords .main figure.pict1 {
    position: relative; /* 位置調整のために relative を使用 */
    margin: 0; /* 余白をなくす */
    left: -20px; /* 左に寄せる */
    /*transform: scale(1.2);*/ /* 拡大する */
}

#s_activityrecords .main figure.pict1 img {
	position: absolute;
	top: 0%;
	left: -1%;

	border-top-left-radius: 0px;
	border-top-right-radius: 30px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 30px;



}

#s_activityrecords .main .kizi1_flex { 

	border-top-left-radius: 30px;
	/*border-top-right-radius: 30px;*/
    border-bottom-left-radius: 30px;
    /*border-bottom-right-radius: 30px;*/

	padding: 10px 30px 30px 30px;
    margin: 1em 0px 0px 0;
    
    height: 300px;
}

#s_activityrecords .main .kizi1_flex .kizi1_title { 
	/*font-size: 15px;*/
	/*color: black;*/ /* 文字色を設定 */
	width: 100%;
}
#s_activityrecords .main .kizi1_flex .kizi1_title h2 { 

}
#s_activityrecords .main .kizi1_flex .kizi1_title::after { 
	content: "";
    display: block;
    width: 100%;
    height: 1px; /* アンダーバーの高さ */
    background-color: black; /* アンダーバーの色 */
    margin-top: 5px; /* テキストとアンダーバーの間のスペース */

}
#s_activityrecords .main .kizi1_flex .kizi1_honbun {
	width: 100%;
	height: 210px;
	margin: 20px 0 0 0;

}

#s_activityrecords .main .kizi1_flex .kizi1_honbun .epb-advance-headling__text-wrapper{
    margin: 0 0 0 0;

}

#s_activityrecords .main .kizi1_flex .kizi1_honbun h2{
	font-size: 17px;
	color: black; /* 文字色を設定 */
}


#s_activityrecords .main .kizi1_btn { 
	position: absolute;
    top: 110%;
    left: 0%;
    margin: 0;

}
#s_activityrecords .main .kizi1_btn:hover {
}
/* ボタンのフォントサイズ変更 */
#s_activityrecords .main .kizi1_btn .epb-btn-text {
}

#s_activityrecords .main .kizi1_btn a {
}

/*
	詳しくボタンの矢印の生成
*/
#s_activityrecords .main .kizi1_btn::before {
}
#s_activityrecords .main .kizi1_btn::after {
}


/* #endregion */





/******************************************
	Topページ
	記事２
******************************************/
/* #region 記事２ */
#s_activityrecords .main .kizi2 { 
	/*height: 420px;*/
	/*margin: 50px 0 0 0;*/


	/*border: 1px solid red;*/ /* 枠線の幅、スタイル、色を設定 *//*デバッグ用*/


}
#s_activityrecords .main figure.pict2 {
    position: relative; /* 位置調整のために relative を使用 */
    margin: 0; /* 余白をなくす */
    left: 0px; /* 左に寄せる */
    /*transform: scale(1.2);*/ /* 拡大する */
}

#s_activityrecords .main figure.pict2 img {
	position: absolute;
	top: 0%;
	right: -1%;

	border-top-left-radius: 30px;
	border-top-right-radius: 0px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 0px;


}

#s_activityrecords .main .kizi2_flex { 
	background-color: white;

	/*border-top-left-radius: 30px;*/
	border-top-right-radius: 30px;
    /*border-bottom-left-radius: 30px;*/
    border-bottom-right-radius: 30px;

	padding: 10px 30px 30px 30px;
    margin: 1em 0px 0px 0;

	height: 300px;
}

#s_activityrecords .main .kizi2_flex .kizi2_title { 
	/*font-size: 15px;*/
	/*color: black;*/ /* 文字色を設定 */
	width: 100%;
}
#s_activityrecords .main .kizi2_flex .kizi2_title h2 { 

}
#s_activityrecords .main .kizi2_flex .kizi2_title::after { 
	content: "";
    display: block;
    width: 100%;
    height: 1px; /* アンダーバーの高さ */
    background-color: black; /* アンダーバーの色 */
    margin-top: 5px; /* テキストとアンダーバーの間のスペース */

}
#s_activityrecords .main .kizi2_flex .kizi2_honbun {
	width: 100%;
	height: 210px;
	margin: 20px 0 0 0;

}

#s_activityrecords .main .kizi2_flex .kizi2_honbun .epb-advance-headling__text-wrapper{
    margin: 0 0 0 0;

}

#s_activityrecords .main .kizi2_flex .kizi2_honbun h2{
	font-size: 17px;
	color: black; /* 文字色を設定 */

}


#s_activityrecords .main .kizi2_btn { 
	position: absolute;
    top: 110%;
    right: 0%;
    margin: 0;
}
#s_activityrecords .main .kizi2_btn:hover {
	
}


/* ボタンのフォントサイズ変更 */
#s_activityrecords .main .kizi2_btn .epb-btn-text {
}

#s_activityrecords .main .kizi2_btn a {
	
}

/*
	詳しくボタンの矢印の生成
*/
#s_activityrecords .main .kizi2_btn::before { 
	content: "";
    position: absolute;
	right: 2%;
    top: 24px;
    width: 10px; /* 斜め線の長さ */
    height: 1px; /* 斜め線の太さ */
    background-color: white; /* 斜め線の色 */
    transform: rotate(-135deg); /* 斜めにする角度 */

    transform-origin: left center; /* 回転の基点 */

}
#s_activityrecords .main .kizi2_btn::after { 
	content: "";
    position: absolute;
    right: -11px;
    top: 24px;
    width: 23px;
    height: 1px;
    background-color: white; /* 斜め線の色 */
    transform: rotate(180deg); /* 斜めにする角度 */

    transform-origin: left center; /* 回転の基点 */

}

/* #endregion */



/******************************************
	Topページ
	記事３
******************************************/
/* #region 記事３ */
#s_activityrecords .main .kizi3 { 
	/*height: 420px;*/
    /*margin: 50px 0 0 0;*/


	/*border: 1px solid red;*/ /* 枠線の幅、スタイル、色を設定 *//*デバッグ用*/


}
#s_activityrecords .main figure.pict3 {
    position: relative; /* 位置調整のために relative を使用 */
    margin: 0; /* 余白をなくす */
    left: -20px; /* 左に寄せる */
    /*transform: scale(1.2);*/ /* 拡大する */
}

#s_activityrecords .main figure.pict3 img {
	position: absolute;
	top: 0%;
	left: -1%;

	border-top-left-radius: 0px;
	border-top-right-radius: 30px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 30px;


}

#s_activityrecords .main .kizi3_flex { 
	background-color: white;

	border-top-left-radius: 30px;
	/*border-top-right-radius: 30px;*/
    border-bottom-left-radius: 30px;
    /*border-bottom-right-radius: 30px;*/

	padding: 10px 30px 30px 30px;
    margin: 1em 0px 0px 0;

	height: 300px;
}

#s_activityrecords .main .kizi3_flex .kizi3_title { 
	/*font-size: 15px;*/
	/*color: black;*/ /* 文字色を設定 */
	width: 100%;
}
#s_activityrecords .main .kizi3_flex .kizi3_title h2 { 

}
#s_activityrecords .main .kizi3_flex .kizi3_title::after { 
	content: "";
    display: block;
    width: 100%;
    height: 1px; /* アンダーバーの高さ */
    background-color: black; /* アンダーバーの色 */
    margin-top: 5px; /* テキストとアンダーバーの間のスペース */

}
#s_activityrecords .main .kizi3_flex .kizi3_honbun {
	width: 100%;
	height: 210px;
	margin: 20px 0 0 0;

}

#s_activityrecords .main .kizi3_flex .kizi3_honbun .epb-advance-headling__text-wrapper{
    margin: 0 0 0 0;

}

#s_activityrecords .main .kizi3_flex .kizi3_honbun h2{
	font-size: 17px;
	color: black; /* 文字色を設定 */

}


#s_activityrecords .main .kizi3_btn { 
	position: absolute;
    top: 110%;
    left: 0%;
    margin: 0;

}
#s_activityrecords .main .kizi3_btn:hover {
	
}

/* ボタンのフォントサイズ変更 */
#s_activityrecords .main .kizi3_btn .epb-btn-text {
}

#s_activityrecords .main .kizi3_btn a {
	
}

/*
	詳しくボタンの矢印の生成
*/
#s_activityrecords .main .kizi3_btn::before { 

}
#s_activityrecords .main .kizi3_btn::after { 
}

/* #endregion */