@charset "utf-8";
/*PCSP共通設定*/
html {
	scroll-behavior: smooth; /* スムーズスクロールを有効にする */
}
#wrapper {
	font-family: "Noto Sans JP", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
}
section:nth-of-type(odd) {
	background-color: #FFF;
}
section:nth-of-type(even) {
	background-color: #FAF8E4;
}
img {
	image-rendering: -webkit-optimize-contrast;
}
a:hover img {
	opacity: 0.8;
	filter: progid:DXImageTransform.Microsoft.Alpha(Enabled=1, Style=0, Opacity=80);
}
.nomaltext {
	font-size: 123.1%
}
.textLeft {
	text-align: left;
}
.textCenter {
	text-align: center;
}
.textRight {
	text-align: right;
}
.red {
	color: #ff0000;
}
.line {
	border-top: 1px dashed #CCC;
	margin-top: 8px;
	padding-bottom: 8px;
}
.large {
	font-size: 140%;
}
.small {
	font-size: 80%;
}
/*759px以下*/
@media screen and (max-width: 759.9px) {
	#wrapper {
		line-height: 1.4;
	}
	.spnone {
		display: none !important;
	}
	/* CSS */
	#dirPathBlock {
		overflow-x: scroll;
		overflow-y: hidden;
	}
	#dirPathBlock, #anchorLinkBlock {
		margin: 0 1%;
	}
	#dirPathBlock p, #anchorLinkBlock a {
		font-size: 12px;
	}
	#dirPathBlock p {
		width: max-content;
	}
	.spnone {
		display: none !important;
	}
	.inner {
		width: 94%;
		margin: 0 auto;
		padding: 3%;
	}
	.titlePc {
		display: none !important;
	}
	.titleSp {
		width: 100% !important;
		text-align: center;
	}
	.titleSp img {
		width: 100%;
		vertical-align: bottom;
	}
	h1 {
		font-size: 12px;
		margin: 0 1% 1%;
	}
	h2 {
		display: flex;
		align-items: center; /* 垂直方向の中央揃え */
		justify-content: center; /* 両端に配置 */
		margin-top: 1em;
	}
	h2 strong {
		background: linear-gradient(transparent 50%, #ffff66 50%);
	}
	h2 .icon {
		width: 30px; /* 画像の最大幅を設定 */
		height: auto; /* 高さは自動調整 */
		margin: 0 1em; /* 画像の上下にマージンを追加 */
	}
	h2 .text {
		font-size: 153.9%;
		font-weight: bold;
		color: #d63a28;
	}
	h3 {
		text-align: center;
		font-size: 153.9%;
		font-weight: bold;
		color: #FFF;
		padding: 10px 0;
	}
	h3.katayamazu {
		background: #e60012;
	}
	h3.yamashiro {
		background: #00a63d;
	}
	h3.yamanaka {
		background: #f39800;
	}
	h3.otanoshimi {
		background: #036eb8;
	}
	/*navigation*/
	.topNavi {
		width: 100% !important;
		background: #51308e;
		text-align: center;
	}
	.topNavi ul {
		display: flex;
		flex-wrap: wrap;
	}
	.topNavi ul li {
		flex: 0 0 49.6%;
		font-size: 123.1%;
		font-weight: bold;
		padding: 2% 0;
		border-left: 1px dashed rgba(255, 255, 255, 0.5);
		border-bottom: 1px dashed rgba(255, 255, 255, 0.5);
	}
	.topNavi ul li:nth-child(n+3) { /*3番目以降*/
		border-bottom: none;
	}
	.topNavi ul li:nth-child(odd) { /*奇数*/
		border-left: none;
	}
	/*.topNavi ul li:nth-child(5) {
	width: 99%;
}*/
	.topNavi ul li a {
		color: #fff;
	}
	/*イベント案内*/
	.kaisai {
		display: flex;
		justify-content: center;
		align-items: center;
		color: #000;
		font-size: 138.5%;
		font-weight: bold;
		position: relative; /* 擬似要素の位置を調整するために相対位置を設定 */
		text-align: center; /* テキストを中央揃えにする */
	}
	.kaisai::before, .kaisai::after {
		width: 2px;
		height: 40px;
		background-color: #000;
		content: '';
	}
	.kaisai::before {
		transform: rotate(-35deg);
		margin-right: 20px;
	}
	.kaisai::after {
		transform: rotate(35deg);
		margin-left: 20px;
	}
	.eventBox {
		width: 94%;
		margin: 0 auto 10%;
		background: #fffbed;
		background: linear-gradient(0deg, rgba(255, 251, 237, 1) 0%, rgba(255, 238, 156, 1) 100%);
		padding: 3% 3% 5%;
	}
	#event .name {
		font-size: 153.9%;
		font-weight: bold;
		line-height: 1.4;
		color: #000;
	}
	#event .name span {
		color: #d63a28;
	}
	.eventBox .fornoto {
		width: 15%;
		margin-top: -4px;
	}
	.eventBox .time {
		font-size: 123.1%;
		line-height: 1.2;
		margin-bottom: 5px;
		text-align: center;
	}
	.eventBox .time2 {
		font-size: 123.1%;
		line-height: 1.2;
		margin-top: 10px;
	}
	.eventBox .time2 p {
		margin-bottom: .2em;
	}
	.eventBox .time2_box {
		font-size: 123.1%;
		line-height: 1.2;
		margin-top: 10px;
		border: solid 1px #999;
		background: #fff;
		padding: .5em;
	}
	.eventBox .time2_box p:last-child {
		margin-top: .4em;
	}
	.caption {
		font-size: 108%;
		line-height: 1.2;
	}
	.lead {
		padding-left: 5px;
		border-left: 4px solid #000;
		font-size: 123.1%;
		font-weight: bold;
		margin-top: 2%;
	}
	/*各宿泊地のお楽しみ*/
	.katayamazuBox {
		width: 89%;
		padding: 5%;
		margin-bottom: 8%;
		border: 2px solid #e60012;
		background: #FFF;
	}
	.katayamazuBox > div {
		display: flex;
		flex-direction: column; /* 縦に並べる */
	}
	.yamashiroBox {
		display: flex;
		flex-direction: column; /* 縦に並べる */
		width: 89%;
		padding: 5%;
		margin-bottom: 8%;
		border: 2px solid #00a63d;
		background: #FFF;
	}
	.yamanakaBox {
		display: flex;
		flex-direction: column; /* 縦に並べる */
		width: 89%;
		padding: 5%;
		margin-bottom: 8%;
		border: 2px solid #f39800;
		background: #FFF;
	}
	.otanoshimiBox {
		display: flex;
		flex-direction: column; /* 縦に並べる */
		width: 89%;
		padding: 5%;
		margin-bottom: 8%;
		border: 2px solid #036eb8;
		background: #FFF;
	}
	.photo {
		font-size: 108%;
		line-height: 1.2;
		text-align: center;
		margin-bottom: 3%;
	}
	.photo img {
		width: 100%;
		height: auto;
	}
	.detail {
		width: 100%;
	}
	.katayamazuBox .detail p {
		color: #e60012;
		font-size: 138.5%;
		font-weight: bold;
	}
	.yamashiroBox .detail p {
		color: #00a63d;
		font-size: 138.5%;
		font-weight: bold;
	}
	.yamanakaBox .detail p {
		color: #f39800;
		font-size: 138.5%;
		font-weight: bold;
	}
	.otanoshimiBox .detail p {
		color: #036eb8;
		font-size: 138.5%;
		font-weight: bold;
	}
	.yamashiroBox .detail p .marker, .yamanakaBox .detail p .marker, .otanoshimiBox .detail p .marker {
		background: linear-gradient(transparent 50%, #ffff66 50%);
	}
	.katayamazuBox .detail p .small, .yamashiroBox .detail p .small, .yamanakaBox .detail p .small, .otanoshimiBox .detail p .small {
		font-size: 80%;
		font-weight: normal;
	}
	.more {
		font-size: 123.1%;
		font-weight: bold;
		margin-top: 10px;
	}
	.otanoshimiBox .other {}
	.otanoshimiBox .other .item {
		background-color: #FFF; /* 背景色（任意） */
		width: 91%;
		justify-content: center; /* テキストを左右中央揃え */
		border: 1px solid #CCC;
		padding: 4%;
		margin: 4% auto 0;
	}
	.otanoshimiBox .other .kaijo {
		display: flex; /* Flexboxを使用 */
	}
	.otanoshimiBox .other .item .label {
		font-size: 153.9%;
		font-weight: bold;
		line-height: 1.4;
		text-align: center;
		color: #000;
	}
	.otanoshimiBox .other .item .label span {
		color: #036eb8;
	}
	.otanoshimiBox .other .item .label .small {
		font-size: 80%;
		font-weight: normal;
	}
	.katayamazuPoint {
		font-size: 18px;
		background-color: #ffff00;
		color: #e60012;
		padding: 10px;
		border-radius: 25px;
		margin-bottom: 12px;
		text-align: center;
		font-weight: 600;
	}
	.katayamazuPoint b {
		font-size: 1.3em;
	}
	/**アコーディオン**/
	.accordion {
		max-width: 100%;
		margin-top: 5%;
		background-color: #FFF;
	}
	.accordion summary {
		display: flex;
		justify-content: space-between;
		align-items: center;
		position: relative;
		padding: 1em;
		color: #FFF;
		font-size: 123.1%;
		font-weight: bold;
		cursor: pointer;
		background-color: #036eb8;
		border-radius: 5px;
		margin-bottom: 4%;
	}
	.accordion summary::-webkit-details-marker {
		display: none;
	}
	.accordion summary::after {
		transform: translateY(-25%) rotate(45deg);
		width: 10px;
		height: 10px;
		margin-left: 1em;
		border-bottom: 3px solid #FFF;
		border-right: 3px solid #FFF;
		content: '';
		transition: transform .3s;
	}
	.accordion[open] summary::after {
		transform: rotate(225deg);
	}
	.accordion .info {
		transform: translateY(-10px);
		opacity: 0;
		margin: 0;
		transition: transform .5s, opacity .5s;
	}
	.accordion[open] .info {
		transform: none;
		opacity: 1;
	}
	/*モデルコース*/
	.courseContainer {
		overflow-x: auto; /* 横スクロールを有効にする */
		white-space: nowrap; /* 画像を横並びにする */
		margin-bottom: 3%;
	}
	.courseContainer img {
		display: inline-block; /* 画像をインラインブロックにする */
		width: auto; /* 幅を自動調整 */
		height: 100%; /* 高さを100%に設定（必要に応じて調整） */
	}
	/*list横並び*/
	.itemList1 .Btn {
		margin: .8em auto;
		padding: 1em 0;
	}
	.itemList2, .itemList3 {
		width: 100%;
		display: flex;
		display: -ms-flexbox; /* IE10 */
		flex-wrap: wrap;
		-ms-flex-wrap: wrap; /* IE10 */ 
	}
	.itemList2 > div {
		width: 100%;
	}
	.itemList2 > div img {
		width: 100%;
	}
	.itemList2 > div dt {
		font-size: 123.1%;
		text-align: center;
	}
	.itemList2 > div dd {
		margin: 0; /* これがないとずれる */
		font-size: 123.1%;
		line-height: 1.5;
		text-align: left;
		padding: 5px 8px 8px;
		background: #FFFFFF;
	}
	.itemList2 > div dd span {
		font-size: 120%;
		font-weight: bold;
	}
	.itemList2_2 .icon {
		width: 20px;
		margin: 0 5px;
	}
	.itemList2_2 p {
		text-align: center;
		font-size: 28px;
		font-weight: 700;
		color: #d63a28;
	}
	.itemList2_2 .Btn {
		padding: 3%;
	}
	.itemList3 > div {
		width: 50%;
	}
	.itemList4 {
		width: 100%;
		padding: 0;
		display: flex;
		display: -ms-flexbox; /* IE10 */
		flex-wrap: wrap;
		-ms-flex-wrap: wrap; /* IE10 */
	}
	.itemList4 > div {
		float: left;
		width: 50%;
		padding: 1%;
		margin-top: 2%;
	}
	.itemList4 > div img {
		width: 100%;
	}
	.itemList4 > div dt {
		/*font-size: 123.1%;*/
		text-align: center;
	}
	.itemList4 > div dd {
		font-size: 123.1%;
		text-align: left;
		padding: 2% 4% 4%;
		background: #FFF;
	}
	.itemList4 > div dd strong {
		font-weight: bold;
	}
	/*注意事項*/
	ul.guideList {
		font-size: 123.1%;
		line-height: 1.4;
		margin-top: 2%;
	}
	ul.guideList li {
		line-height: 1.4;
		padding-bottom: 8px;
		text-indent: -1em;
		margin-left: 1em;
		text-align: left;
	}
	ul.guideList li:before {
		content: '・';
	}
	ul.guideList li.kome {
		line-height: 1.4;
		padding-bottom: 8px;
		text-indent: -3em;
		margin-left: 3em;
	}
	ul.guideList li.kome:before {
		content: '※';
	}
	ul.guideList li.kome01 {
		line-height: 1.4;
		padding-bottom: 8px;
		text-indent: -3em;
		margin-left: 3em;
	}
	ul.guideList li.kome01:before {
		content: '※１）';
	}
	ul.guideList li.kome02 {
		line-height: 1.4;
		padding-bottom: 8px;
		text-indent: -3em;
		margin-left: 3em;
	}
	ul.guideList li.kome02:before {
		content: '※２）';
	}
	ul.guideList li.kome03 {
		line-height: 1.4;
		padding-bottom: 8px;
		text-indent: -3em;
		margin-left: 3em;
	}
	ul.guideList li.kome03:before {
		content: '※３）';
	}
	ul.guideList li span {
		color: #F00;
	}
	/*ボタン*/
	.Btn {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 90%;
		margin: 1em 3% 0;
		padding: 6% 3%;
		border: none;
		border-radius: 5px;
		box-shadow: 0 2px 3px rgb(0 0 0 / 25%), 0 2px 3px -2px rgb(0 0 0 / 15%);
		background-color: #c0a447;
		color: #fff;
		font-size: 123.1%;
		font-weight: bold;
		position: relative;
	}
	.Btn:hover {
		background-color: #b09437;
	}
	.Btn_red {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 90%;
		margin: 3% 3% 5%;
		padding: 3%;
		border: none;
		border-radius: 5px;
		box-shadow: 0 2px 3px rgb(0 0 0 / 25%), 0 2px 3px -2px rgb(0 0 0 / 15%);
		background-color: #d63a28;
		color: #fff;
		font-size: 123.1%;
		font-weight: bold;
		position: relative;
	}
	.Btn_red:hover {
		background-color: #C83625;
	}
	.Btn_gray {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 90%;
		margin: 3% 3% 5%;
		padding: 6% 3%;
		border: none;
		border-radius: 5px;
		box-shadow: 0 2px 3px rgb(0 0 0 / 25%), 0 2px 3px -2px rgb(0 0 0 / 15%);
		background-color: #666;
		color: #fff;
		font-size: 123.1%;
		font-weight: bold;
		position: relative;
		text-align: center;
	}
	.Btn a, .Btn_red a {
		color: #fff;
	}
	.Btn span, .Btn_red span {
		font-size: 80%;
		font-weight: normal;
	}
	.Btn::after, .Btn_gray::after, .Btn_red::after {
		content: "＞";
		position: absolute;
		top: 50%;
		left: 10px;
		transform: translateY(-50%);
	}
}
/*760px以上*/
@media screen and (min-width: 760px), print {
	/* CSS */
	#wrapper {
		line-height: 1.231;
	}
	.pcnone {
		display: none;
	}
	#dirPathBlock, .iframe_end-content_gadget, #anchorLinkBlock {
		width: 100%;
		max-width: 1080px;
		min-width: 760px;
		margin: auto;
	}
	#dirPathBlock, #anchorLinkBlock {
		width: 100%;
		margin: 0 auto;
		display: block;
		font-size: 13px;
	}
	#dirPathBlock p, #anchorLinkBlock a {
		font-size: 13px;
	}
	.inner {
		width: 1080px;
		margin: 0 auto;
		padding: 20px 0;
	}
	.titlePc {
		width: 100% !important;
		text-align: center;
		background: url(../images/bg_title.jpg?250908) repeat center 0;
		position: relative;
		height: 500px;
	}
	.titleSp {
		display: none !important;
	}
	h1 {
		font-size: 13px;
		width: 100%;
		max-width: 1080px;
		min-width: 760px;
		margin: 0 auto 5px;
	}
	h2 {
		display: flex;
		align-items: center; /* 垂直方向の中央揃え */
		justify-content: center; /* 両端に配置 */
		padding: 0.8em;
	}
	h2 strong {
		background: linear-gradient(transparent 50%, #ffff66 50%);
	}
	h2 .icon {
		width: 30px; /* 画像の最大幅を設定 */
		height: auto; /* 高さは自動調整 */
		margin: 0 20px;
	}
	h2 .text {
		font-size: 260%;
		font-weight: bold;
		color: #d63a28;
	}
	h3 {
		text-align: center;
		font-size: 220%;
		font-weight: bold;
		color: #FFF;
		padding: 10px 0;
	}
	h3.katayamazu {
		background: #e60012;
	}
	h3.yamashiro {
		background: #00a63d;
	}
	h3.yamanaka {
		background: #f39800;
	}
	h3.otanoshimi {
		background: #036eb8;
	}
	/*navigation*/
	.topNavi {
		width: 100% !important;
		background: #51308e;
		text-align: center;
	}
	.topNavi ul {
		width: 1080px;
		margin: 0 auto;
		padding: 10px 0;
		display: flex;
		flex-wrap: wrap;
	}
	.topNavi ul li {
		flex: 0 0 25%; /* 4列の場合 */
		box-sizing: border-box;
		border-left: 1px dashed rgba(255, 255, 255, 0.5);
		font-size: 153.9%;
		font-weight: bold;
		padding: 10px;
		text-align: center;
	}
	.topNavi ul li:nth-child(4), .topNavi ul li:last-child { /*4番目と最後*/
		border-right: 1px dashed rgba(255, 255, 255, 0.5);
	}
	.topNavi ul li a {
		color: #fff;
	}
	/*イベント案内*/
	.kaisai {
		display: flex;
		justify-content: center;
		align-items: center;
		color: #000;
		font-size: 220%;
		font-weight: bold;
		margin-top: 10px;
	}
	.kaisai::before, .kaisai::after {
		width: 3px;
		height: 40px;
		background-color: #000;
		content: '';
	}
	.kaisai::before {
		transform: rotate(-35deg);
		margin-right: 30px;
	}
	.kaisai::after {
		transform: rotate(35deg);
		margin-left: 30px;
	}
	.eventBox {
		width: 100%;
		height: 630px;
		margin: 0 auto 30px;
		background: #fffbed;
		background: linear-gradient(0deg, rgba(255, 251, 237, 1) 0%, rgba(255, 238, 156, 1) 100%);
		padding: 20px;
	}
	#event .name {
		font-size: 167%;
		font-weight: bold;
		line-height: 1.4;
		color: #000;
		margin-bottom: .5em;
		text-align: center;
	}
	#event .name span {
		color: #d63a28;
	}
	.eventBox .fornoto {
		width: 15%;
		margin-top: -4px;
	}
	.eventBox .time {
		font-size: 123.1%;
		line-height: 1.2;
		margin-bottom: 5px;
		text-align: center;
	}
	.eventBox .time2 {
		font-size: 123.1%;
		line-height: 1.2;
		margin-top: 10px;
	}
	.eventBox .time2 p {
		margin-bottom: .2em;
	}
	.eventBox .time2_box {
		font-size: 123.1%;
		line-height: 1.2;
		margin-top: 10px;
		border: solid 1px #999;
		background: #fff;
		padding: .5em;
	}
	.eventBox .time2_box p:last-child {
		margin-top: .4em;
	}
	.lead {
		padding-left: 5px;
		border-left: 4px solid #000;
		font-size: 123.1%;
		font-weight: bold;
		margin-top: 5px;
	}
	/*各宿泊地のお楽しみ*/
	.katayamazuBox {
		width: 100%;
		padding: 15px;
		margin-bottom: 30px;
		border: 2px solid #e60012;
		background: #FFF;
	}
	.katayamazuBox > div {
		display: flex;
	}
	.yamashiroBox {
		display: flex;
		width: 100%;
		padding: 15px;
		margin-bottom: 30px;
		border: 2px solid #00a63d;
		background: #FFF;
	}
	.yamanakaBox {
		display: flex;
		width: 100%;
		padding: 15px;
		margin-bottom: 30px;
		border: 2px solid #f39800;
		background: #FFF;
	}
	.otanoshimiBox {
		width: 100%;
		padding: 15px;
		margin-bottom: 30px;
		border: 2px solid #036eb8;
		background: #FFF;
	}
	.otanoshimiBox .flex {
		display: flex;
	}
	.photo {
		width: 400px;
		font-size: 108%;
		line-height: 1.2;
		text-align: right;
		margin-right: 10px;
	}
	.photo img {
		width: 400px;
		height: auto;
	}
	.detail {
		width: 640px;
	}
	.katayamazuBox .detail p {
		color: #e60012;
		font-size: 167%;
		font-weight: bold;
	}
	.yamashiroBox .detail p {
		color: #00a63d;
		font-size: 167%;
		font-weight: bold;
	}
	.yamanakaBox .detail p {
		color: #f39800;
		font-size: 167%;
		font-weight: bold;
	}
	.otanoshimiBox .detail p {
		color: #036eb8;
		font-size: 167%;
		font-weight: bold;
	}
	.yamashiroBox .detail p .marker, .yamanakaBox .detail p .marker, .otanoshimiBox .detail p .marker {
		background: linear-gradient(transparent 50%, #ffff66 50%);
	}
	.katayamazuBox .detail p .small, .yamashiroBox .detail p .small, .yamanakaBox .detail p .small, .otanoshimiBox .detail p .small {
		font-size: 80%;
		font-weight: normal;
	}
	.more {
		font-size: 138.5%;
		font-weight: bold;
		margin-top: 10px;
	}
	.otanoshimiBox .other {
		display: flex; /* Flexboxを使用 */
		justify-content: space-around; /* 要素を左右に均等配置 */
		align-items: center; /* 高さ中央揃え */
		margin-top: 10px;
	}
	.otanoshimiBox .other .item {
		background-color: #FFF; /* 背景色（任意） */
		width: 33.33333%; /* 幅を指定 */
		height: 280px; /* 高さを指定 */
		justify-content: center; /* テキストを左右中央揃え */
		align-items: center; /* テキストを高さ中央揃え */
		border: 1px solid #CCC;
		padding: 10px;
		margin: 0 5px;
	}
	.otanoshimiBox .other .kaijo {
		display: flex; /* Flexboxを使用 */
	}
	.otanoshimiBox .other .item .label {
		font-size: 167%;
		font-weight: bold;
		line-height: 1.4;
		text-align: center;
		color: #000;
	}
	.otanoshimiBox .other .item .label .color {
		color: #036eb8;
	}
	.otanoshimiBox .other .item .label .small {
		font-size: 80%;
		font-weight: normal;
	}
	.katayamazuPoint {
		font-size: 18px;
		background-color: #ffff00;
		color: #e60012;
		padding: 10px;
		border-radius: 25px;
		margin-bottom: 12px;
		text-align: center;
		font-weight: 600;
	}
	.katayamazuPoint b {
		font-size: 1.3em;
	}
	/**アコーディオン**/
	.accordion {
		max-width: 100%;
		margin-top: 10px;
		background-color: #FFF;
	}
	.accordion summary {
		display: flex;
		justify-content: space-between;
		align-items: center;
		position: relative;
		padding: 1em;
		color: #FFF;
		font-size: 123.1%;
		font-weight: bold;
		cursor: pointer;
		background-color: #036eb8;
		border-radius: 5px;
	}
	.accordion summary::-webkit-details-marker {
		display: none;
	}
	.accordion summary::after {
		transform: translateY(-25%) rotate(45deg);
		width: 13px;
		height: 13px;
		margin-left: 1em;
		border-bottom: 3px solid #FFF;
		border-right: 3px solid #FFF;
		content: '';
		transition: transform .3s;
	}
	.accordion[open] summary::after {
		transform: rotate(225deg);
	}
	.accordion .info {
		transform: translateY(-10px);
		opacity: 0;
		margin: 0;
		padding: 10px 0;
		transition: transform .5s, opacity .5s;
	}
	.accordion[open] .info {
		transform: none;
		opacity: 1;
	}
	/*モデルコース*/
	.courseContainer {
		width: 100%;
		height: auto; /* 高さは自動調整 */
		overflow: hidden; /* スクロールバーを隠す */
		margin: 10px 0;
	}
	.courseContainer img {
		width: 100%; /* 幅を100%に設定 */
		height: auto; /* 高さは自動調整 */
	}
	/*list横並び*/
	*, *:before, *:after {
		box-sizing: border-box;
	}
	.itemList1 .Btn {
		width: 50%;
	}
	.itemList2 {
		width: 100%;
		display: flex;
		display: -ms-flexbox; /* IE10 */
		flex-wrap: wrap;
		-ms-flex-wrap: wrap; /* IE10 */
	}
	.itemList2 > div {
		width: 50%;
		padding: 10px;
	}
	.itemList2 > div img {
		width: 100%;
	}
	.itemList2 > div dt {
		text-align: center;
	}
	.itemList2 > div dd {
		margin: 0; /* これがないとずれる */
		line-height: 1.5;
		text-align: left;
		padding: 5px 8px 8px;
		background: #FFFFFF;
	}
	.itemList2 > div dd span {
		font-weight: bold;
	}
	.itemList2_2 {
		display: flex;
	}
	.itemList2_2 > div {
		width: 50%;
	}
	.itemList2_2 h2 {
		font-size: 80%;
	}
	.itemList2_2 .icon {
		width: 27px;
	}
	.itemList2_2 p {
		text-align: center;
		font-size: 28px;
		font-weight: 700;
		color: #d63a28;
	}
	.itemList3 {
		width: 100%;
		display: flex;
		display: -ms-flexbox; /* IE10 */
		flex-wrap: wrap;
		-ms-flex-wrap: wrap; /* IE10 */
	}
	.itemList3 > div {
		width: 33.33333%;
		padding: 0 10px;
	}
	.itemList4 {
		width: 100%;
		padding: 0;
		display: flex;
		display: -ms-flexbox; /* IE10 */
		flex-wrap: wrap;
		-ms-flex-wrap: wrap; /* IE10 */
	}
	.itemList4 > div {
		width: 25%;
		padding: 0 10px;
	}
	.itemList4 > div img {
		width: 100%;
	}
	.itemList4 > div dt {
		font-size: 123.1%;
		text-align: center;
	}
	.itemList4 > div dd {
		margin: 0; /* これがないとずれる */
		font-size: 123.1%;
		line-height: 1.5;
		text-align: left;
		padding: 5px 8px 8px;
		background: #FFFFFF;
	}
	.itemList4 > div dd strong {
		font-weight: bold;
	}
	/*注意事項*/
	ul.guideList {
		padding: 0;
		font-size: 123.1%;
		line-height: 1.4;
		margin-top: 10px;
	}
	ul.guideList li {
		list-style: none;
		line-height: 1.4;
		padding-bottom: 8px;
		text-indent: -1em;
		margin-left: 1em;
		text-align: left;
	}
	ul.guideList li:before {
		content: '・';
	}
	ul.guideList li.kome {
		list-style: none;
		line-height: 1.4;
		padding-bottom: 8px;
		text-indent: -2em;
		margin-left: 2em;
	}
	ul.guideList li.kome:before {
		content: '※';
	}
	ul.guideList li.kome01 {
		list-style: none;
		line-height: 1.4;
		padding-bottom: 8px;
		text-indent: -3em;
		margin-left: 3em;
	}
	ul.guideList li.kome01:before {
		content: '※１）';
	}
	ul.guideList li.kome02 {
		list-style: none;
		line-height: 1.4;
		padding-bottom: 8px;
		text-indent: -3em;
		margin-left: 3em;
	}
	ul.guideList li.kome02:before {
		content: '※２）';
	}
	ul.guideList li.kome03 {
		list-style: none;
		line-height: 1.4;
		padding-bottom: 8px;
		text-indent: -3em;
		margin-left: 3em;
	}
	ul.guideList li.kome03:before {
		content: '※３）';
	}
	ul.guideList li span {
		color: #F00;
	}
	/*ボタン*/
	.Btn {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 90%;
		margin: 10px auto 20px;
		padding: 20px 30px;
		border: none;
		border-radius: 5px;
		box-shadow: 0 2px 3px rgb(0 0 0 / 25%), 0 2px 3px -2px rgb(0 0 0 / 15%);
		background-color: #c0a447;
		color: #fff;
		font-size: 153.9%;
		font-weight: bold;
		position: relative;
	}
	.Btn:hover {
		background-color: #b09437;
	}
	.Btn_red {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 70%;
		margin: 10px auto 20px;
		padding: 20px 30px;
		border: none;
		border-radius: 5px;
		box-shadow: 0 2px 3px rgb(0 0 0 / 25%), 0 2px 3px -2px rgb(0 0 0 / 15%);
		background-color: #d63a28;
		color: #fff;
		font-size: 153.9%;
		font-weight: bold;
		position: relative;
	}
	.Btn_red:hover {
		background-color: #C83625;
	}
	.Btn_gray {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 90%;
		margin: 10px auto 20px;
		padding: 20px 30px;
		border: none;
		border-radius: 5px;
		box-shadow: 0 2px 3px rgb(0 0 0 / 25%), 0 2px 3px -2px rgb(0 0 0 / 15%);
		background-color: #666;
		color: #fff;
		font-size: 153.9%;
		font-weight: bold;
		position: relative;
	}
	.Btn a, .Btn_red a {
		color: #fff;
	}
	.Btn span, .Btn_red span {
		font-size: 75%;
		font-weight: normal;
	}
	.Btn::after, .Btn_gray::after, .Btn_red::after {
		content: "＞";
		position: absolute;
		top: 50%;
		left: 10px;
		transform: translateY(-50%);
	}
}