/**********************************************
	サイト構成
**********************************************/
html {
	margin:0;
	padding:0;
	font-family:'Noto Sans JP','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','游ゴシック', 'Yu Gothic','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	font-weight:400;
	color:#45493d;
}

body {
	position:relative;
	margin:0;
	padding:0;
	-webkit-animation:fadeIn 2s ease 0s 1 normal;
	animation:fadeIn 2s ease 0s 1 normal;
}

#wrapper {
	position:relative;
	margin:0;
	padding:0;
	text-align:left;
}

@media screen and (max-width:568px) {
	html {
		font-size:86%;
	}
}

/**********************************************
	ページ設定
**********************************************/
@-webkit-keyframes fadeIn {
	0% {
		opacity:0;
	}

	100% {
		opacity:1;
	}
}

@keyframes fadeIn {
	0% {
		opacity:0;
	}

	100% {
		opacity:1;
	}
}

/**********************************************
	共通文字装飾
**********************************************/
.sectionTitle {
	margin:2rem 0;
	text-align:center;
	line-height:1;
	font-size:3rem;
	font-weight:700;
}

@media screen and (max-width:768px) {
	.sectionTitle {
		font-size:2.4rem;
	}
}

/**********************************************
	ヒーロー
**********************************************/
#heroImage {
	z-index:900;
	width:100%;
	height:100vh;
	background-image:url("../images/topL.jpg");
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center right;
}

@media (orientation:portrait) {
	#heroImage {
		height:75vh;
		background-image:url("../images/topP.jpg");
		background-position:top center;
	}
}

/**********************************************
	キャッチコピー
**********************************************/
#catchCopy {
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	justify-content:flex-start;
	align-items:center;
	position:absolute;
	top:0;
	left:5%;
	width:95%;
	height:100vh;
}

.catchText {
	text-align:left;
	text-shadow:6px 6px 12px rgba(18, 41, 63,0.9);
	line-height:1.2;
	letter-spacing:0.25rem;
	font-family:'Noto Sans JP',serif;
	font-size:9vw;
	font-weight:900;
	color:#fff;
}

@media (orientation:portrait) {
	.catchText {
		font-size:14vw;
	}
}

/**********************************************
	共通セクション
**********************************************/
.detailText {
	padding-bottom:2rem;
	line-height:1.65;
	text-align:left;
	font-size:1.05rem;
	font-weight:300;
}

.paddingImage {
	padding-bottom:10rem;
}

.bannerImage {
	padding-bottom:2rem;
}

.wideImage {
	text-align:center;
}

.wideImage img {
	width:100%;
	height:auto;
}

@media screen and (max-width:568px) {
	.paddingImage {
		padding-bottom:3rem;
	}

	.bannerImage {
		padding-bottom:1rem;
	}
}

/**********************************************
	テーブル
**********************************************/
.narrowTable {
	display:table;
	width:100%;
}

.narrowRow {
	display:table-row;
}

.narrowRowHeader {
	display:table-cell;
	padding:1rem 1rem 1rem 0;
	width:12rem;
	vertical-align:middle;
	font-size:1.1rem;
	color:#2980b9;
	border-bottom:1px dotted #ccc;
}

.narrowRowDetail {
	display:table-cell;
	padding:1rem 0;
	word-break: break-all;
	border-bottom:1px dotted #ccc;
}

@media screen and (max-width:568px) {
	.narrowRow {
		display:block;
	}

	.narrowRowHeader {
		display:block;
		padding:0.5rem 0 0 0;
		width:auto;
		font-size:1.2rem;
		border:none;
	}

	.narrowRowDetail {
		display:block;
		padding:0.5rem 0 1rem 2rem;
		font-size:1.1rem;
		border-bottom:1px dotted #ccc;
	}
}

/**********************************************
	セクション
**********************************************/
.sectionBlock {
	background-color:#fff;
}

.sectionBlockInner {
	margin:0 auto;
	padding:2rem 1rem;
	max-width:1280px;
}

.sectionBlockInner1280 {
	margin:0 auto;
	padding:2rem 1rem;
	max-width:1280px;
}

.sectionBlockInner1024 {
	margin:0 auto;
	padding:2rem 1rem;
	max-width:1024px;
}

.sectionBlockInner800 {
	margin:0 auto;
	padding:2rem 1rem;
	max-width:800px;
}

.sectionBlockNoMarginInner {
	margin:0 auto;
	max-width:1280px;
}

.sectionBlockNoMarginInner1024 {
	margin:0 auto;
	max-width:1024px;
}

.sectionBlockNoMarginInner800 {
	margin:0 auto;
	max-width:800px;
}

.sectionTitle {
	margin-bottom:2rem;
	font-size:2.8rem;
	font-weight:700;
}

.sectionTitle br {
	display:none;
}

@media screen and (max-width:568px) {
	.sectionTitle br {
		display:block;
	}
}

/**********************************************
	プロフィール
**********************************************/
#Profiles {
	background-color:#f9f9f9;
}

/**********************************************
	心構えと信念
**********************************************/
#Belief {
	background-color:#ffffee;
}

.beliefList {
	margin-bottom:2rem;
}

.beliefList li {
	margin-left:3rem;
	padding:0.5rem 0;
	list-style-type:decimal;
	font-size:1.8rem;
}

.beliefList li span {
	font-weight:bold;
	color:#f00;
}

.beliefList2 {
	padding:1rem;
	background-color:#fff;
	border:1px solid #333;
}

.beliefList2 li {
	margin-left:2rem;
	padding:0.5rem 0;
	list-style-type:circle;
	font-size:1.35rem;
}

@media screen and (max-width:568px) {
	.beliefList li {
		list-style-type:decimal;
		font-size:1.2rem;
	}
}

/**********************************************
	活動報告
**********************************************/
#ActivityReport {
	background-color:#d6fedc;
}

.activityReportTitle {
	margin-bottom:1rem;
	padding:0.5rem 1rem;
	font-size:1.65rem;
	font-weight:500;
	color:#fff;
	background-color:#025e10;
}

.activityReportList {
	margin-bottom:2rem;
	margin-left:2rem;
}

.activityReportList li {
	padding:0.5rem 0;
	list-style-type:decimal;
	font-size:1.4rem;
}

.activityReportText {
	margin-bottom:0.5rem;
	font-size:1.2rem;
}

.activityReportYoutube {
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	justify-content:flex-start;
	align-items:center;
	gap:0.5rem;
}

.activityReportYoutube  img {
	width:8rem;
	height:auto;
}

@media screen and (max-width:568px) {
	.activityReportList li {
		list-style-type:decimal;
		font-size:1.2rem;
	}
}

/**********************************************
	最新ニュース
**********************************************/
#News {
	margin:4rem 1rem;
}

.newsBlock {
	margin:0 auto;
	max-width:800px;
	text-align:center;
}

.newsBox {
	margin-bottom:1rem;
	text-align:left;
}

.newsBox:last-child {
	margin-bottom:0;
}

.newsBox a {
	text-decoration:none;
}

.newsHeader {
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	justify-content:flex-start;
	align-items:center;
	gap:1rem;
}

.newsDate {
	font-weight:600;
	font-family:'Oswald';
}

.newsTitle {
	font-size:1.2rem;
}