@charset "UTF-8";

html {
	scroll-behavior: smooth;
	scroll-padding-top: 70px;
}

.activities-notice {
	max-width: 810px;
	width: 100%;
	padding: 10px 3%;
	margin: 0 auto;
	background-color: #FFF8E5;
}

.grid-area2 .grid-link {
	color: #5961D8;
	font-weight: 700;
	position:absolute;
	bottom: 0px;
	right: 0px;
}

.grid-container {
	display: inline-grid;
	max-width: 1024px;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto auto auto auto ;
	gap: 8px 8px;
	/* border: 10px solid #BBB; */
	align: center;
	grid-template-areas:
	"grid-area0 grid-area0"
	"grid-area1 grid-area2"
	"grid-area3 grid-area3"
	"grid-area4 grid-area4";
	min-height: 100vh;
}

.grid-area0 {
	grid-area: grid-area0;
	margin: 0px 0px 0px 50px;
	border-bottom: solid 3px #000
	/* background: red; */
}

.grid-area1 {
	grid-area: grid-area1;
	margin: 0px 0px 0px 50px;
	/* border: 10px solid #CCC; */
	/* background: red; */
}

.grid-area2 {
	grid-area: grid-area2;
	/* margin: 0px 50px 0px 0px; */
	/* margin: 0px 30px; */
	margin: 0px;
	text-align: left;
	/* border: 10px solid #CCC; */
	/* background-color: green; */
	position: relative;
}

.grid-area3 {
	grid-area: grid-area3;
	margin: 50px 0px 0px 50px;
	padding: 15px 0px 0px 0px;
	border: 0px solid #CCC;
	/* border: 10px solid #CCC; */
	/* background-color: #FFEAEA; */
	background-color: #FFF8F8;
}

.grid-area4 {
	width: 100%;
	grid-area: grid-area4;
	padding-left: 30px;
	/* border: 10px solid #CCC; */
	/* background-color: blue; */
}

img.p-purpose__img {
	width: 100%;
	height: 100%;
}

a.anchor {
	display: block;
	padding-top: 70px;
	margin-top: -70px;
}

h2.activities {
	margin: 0 0 10px 0;
	text-align: center;
	text-indent: initial;
	font-feature-settings: "palt" on;
	font-size: 25px;
	font-family: "游明朝"
	, "Yu Mincho", YuMincho
	, "ヒラギノ明朝 Pro W3"
	, "Hiragino Mincho Pro"
	, "HGS明朝E", "ＭＳ Ｐ明朝"
	, "MS PMincho"
	, "Times New Roman"
	, Times
	, Garamond
	, Georgia
	, serif;
}

p.activities {
	text-align: start;
	text-indent: initial;
	font-feature-settings: "palt" on;
	font-size: 15px;
	font-family: "游明朝"
	, "Yu Mincho", YuMincho
	, "ヒラギノ明朝 Pro W3"
	, "Hiragino Mincho Pro"
	, "HGS明朝E", "ＭＳ Ｐ明朝"
	, "MS PMincho"
	, "Times New Roman"
	, Times
	, Garamond
	, Georgia
	, serif;
}

h3.tbl-basic {
	text-align: center;
	text-indent: initial;
	font-feature-settings: "palt" on;
	font-size: 25px;
	font-family: "游明朝"
	, "Yu Mincho", YuMincho
	, "ヒラギノ明朝 Pro W3"
	, "Hiragino Mincho Pro"
	, "HGS明朝E", "ＭＳ Ｐ明朝"
	, "MS PMincho"
	, "Times New Roman"
	, Times
	, Garamond
	, Georgia
	, serif;
}

table.tbl-basic {
	margin: 0;
	padding: 0;
	overflow-wrap: break-word;
	border-collapse: collapse;
	text-indent: initial;
	font-feature-settings: "palt" on;
	font-size: 15px;
	font-family: "游明朝"
	, "Yu Mincho", YuMincho
	, "ヒラギノ明朝 Pro W3"
	, "Hiragino Mincho Pro"
	, "HGS明朝E", "ＭＳ Ｐ明朝"
	, "MS PMincho"
	, "Times New Roman"
	, Times
	, Garamond
	, Georgia
	, serif;
}


.tbl-basic th{
	width: 220px;
    padding-right: 20px;
}

.tbl-basic tr{
	border-top: 1px #B88D00 solid;
	valign: top;
	color: #555;
}

.tbl-basic td{
	vertical-align: top;
	padding: 0 0 4% 0;
}

.tbl-basic ol {
	margin: 0;
	padding-left: 20px;
	/* list-style-position: inside; */
}

.tbl-basic li {
	/* color: #F00; */
	list-style-type: decimal;
}

.tbl-basic .flex {
	display: flex;
}

span.tbl-basic {
	/* border-bottom: solid 1px red; */
	/* border-bottom: solid 2px #000; */
	/* border-bottom: solid 2px #C0392B; */
	/* color: #C0392B; */
	font-weight: bold;
}

.p-page-contact__prereserve {
	/* max-width: 1160px; */
	/* max-width: 1024px; */
	/* width: 100%; */
	/* margin: 0 auto; */
	max-width: 1024px;
	/* max-width: 91.43%; */
	width: 100%;
	/* margin: 0 0 0 auto; */
	margin: 0 auto;
	padding-bottom: 10px
	align-items: center
}

/* レイアウトを動的に変更する 768px用端末 */
@media only screen and (max-width: 768px) {
	
	.p-page-contact__prereserve {
		/* width: 100%; */
		margin: 0 auto;
		/* padding-bottom: 10px */
	}

	.grid-container {
		grid-template-columns: 1fr;
		grid-template-areas:
		"grid-area0"
		"grid-area1"
		"grid-area2"
		"grid-area3"
		"grid-area4";
	}
	
	.grid-area0 {
		margin: 0px 0px;
	}
	
	.grid-area1 {
		margin: 0px 0px;
	}
	
	.grid-area2 {
		margin: 0px 0px;
	}

	.grid-area3 {
		margin: 0px 0px;
	}
	
	.grid-area4 {
		padding: 0 0;
		margin: 0px 0px;
	}
	
	/*
	.last td:last-child {
		border-bottom: solid 1px #ccc;
		width: 100%;
	}
	*/
	
	.tbl-basic {
		width: 95%;
	}
	.tbl-basic th {
		height: 35px;
		background-color: #F0E6CC;
		border-bottom: none;
		display: block;
		width: 100%;
		margin: 0 0 10px 0;
		padding: 0 0 0 20px;
	}
	
	
	.tbl-basic td {
		border-bottom: none;
		display: block;
		width: 100%;
	}
	
}


/* 続きを読む処理のブロック ここから-----*/
.readmore{
	position: relative;
	box-sizing: border-box;
	/*以下お好み*/
	/* ボーダーを付ける場合 */
	padding: 10px;
	/* border: 1px solid #CCC; */
}

.readmore-content{
	position: relative;
	overflow: hidden;
	/*以下お好み*/
	/*高さの初期値*/
	height: 150px;
	padding-left: 15px;
}
.readmore-content::before {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	content: "";
	/*以下お好み グラデーションの色と高さ 高さはreadmoreのheight以下にすること*/
	height: 50px;
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.8) 50%, #fff 100%);
	background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.8) 50%, #fff 100%);
}

/* 続きを読むボタン */
.readmore-label{
	display: table;
	bottom: 5px;
	position: absolute;
	bottom: 5px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	margin: 0 auto;
	z-index: 2;
	padding: 0 10px;
	/* background-color: #ff7777; */
	background-color: #D6D6D6;
	border-radius: 10px;
	/* color: #FFF; */
	color: #000;
	width: 98%;
	text-align: center;
}

.readmore-label:before{
	content: '続きを読む';
}

.readmore-check{
	display: none;
}

/*チェック時にボタンを非表示*/
.readmore-check:checked ~ .readmore-label{
	position: static;
	transform: translateX(0);
	-webkit-transform: translateX(0);
	/* 「続きを読む」を押した後、元に戻す必要がない場合は、上のオプションを消してこの1行だけにする */
	/* display: none; */
}

.readmore-check:checked ~ .readmore-label:before{
	content: '閉じる';
}

/*チェック時に高さを自動に戻す*/
.readmore-check:checked ~ .readmore-content{
	height: auto;
}

/*チェック時グラデーション等を削除*/
.readmore-check:checked ~ .readmore-content::before {
	display: none;
}


/* 続きを読む処理のブロック -----ここまで*/