/* --------------------------------------------------------------------------------

	TOP CSS

	CREATE：2023.1.17
	UPDATE：2023.11.28

-------------------------------------------------------------------------------- */
html,body {
    height: 100%;
}

/*
--- fullPage.jsに絡めたmenuボタン表示制御
---------------------------------------------------------------------------*/
.fp-viewing-1 .pcmenu {
	display: none;
}
.fp-viewing-2 .pcmenu .header-button-smpmenu-li {
	background-color: rgba(0,51,102,1);
    border: none;
}
#fp-nav ul li a span, .fp-slidesNav ul li a span {
    background: rgba(255,255,255);
	border: 1px solid rgb(0,51,102);
}
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span {
	background: rgba(0,51,102);
    height: 12px;
    width: 12px;
    margin: -6px 0 0 -6px;
    border-radius: 100%;
}


/*
--- menu(臨時)
--------------------------------------------------------------------------- */
/*html.open .header-menu-smp{
	margin-right: 0;
}
.header-menu-smp-inner {
	padding: 56px 0 20px;
}
.header-button-smpmenu-li{
	margin: 20px auto 0 auto;
	width: 55px;
}
.header-button-smpmenu-trigger,
.header-button-smpmenu-trigger span {
	transition: all .4s;
	box-sizing: border-box;
}
.header-button-smpmenu-trigger {
	position: relative;
	padding-bottom: 100%;	
	display: block;
	color: inherit;
}
html.open .header-button-smpmenu-trigger {
background-color: rgba(255,255,255,0);
}
.header-button-smpmenu-trigger span {
	position: absolute;
	left: 3px;
	width: 50px;
	height: 1px;
	background-color: rgba(255,255,255,1);
	border-radius: 1.5px;
}
.header-button-smpmenu-trigger span:nth-of-type(1) {
	top: 0;
}
.header-button-smpmenu-trigger span:nth-of-type(2) {
	top: 13px;
}
.header-button-smpmenu-trigger span:nth-of-type(3) {
	top: 28px;
}
.header-button-smpmenu-trigger span:nth-of-type(4) {
	color: rgb(255,255,255);
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
	margin: 0;
	height: auto;
	background-color: transparent;
	font-size: 1.5rem;
	line-height: 1;
}
.header-button-smpmenu-trigger.active{
}
.header-button-smpmenu-trigger.active span:nth-of-type(1) {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 50%;
	margin-top: -1px;
}
.header-button-smpmenu-trigger.active span:nth-of-type(2) {
	opacity: 0;
}
.header-button-smpmenu-trigger.active span:nth-of-type(3) {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	margin-top: -1px;
}
.header-button-smpmenu-trigger.active span:nth-of-type(4){
	opacity: 0;
}
.header-menu-smp-close{
	cursor: pointer;
}
.header-menu-smp-close-button{
	display: none;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 10px;
	left: 13px;
}
.header-menu-smp-close-button:before,
.header-menu-smp-close-button:after{
	content: '';
	position: absolute;
	left: 3px;
	width: 40px;
	height: 2px;
	background-color: #fff;
	border-radius: 1px;
}
.header-menu-smp-close-button:before {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 50%;
	margin-top: -1px;
}
.header-menu-smp-close-button:after {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	margin-top: -1px;
}
.header-menu-smp-close-txt{
	background-color: #f5f5f5;
	text-align: center;
	padding: 10px; margin: 20px auto 0 auto;
	width: 90%;
}
.menu_global_smp { }
.menu_global_smp > li {
	position: relative;
}
.menu_global_smp li a {
	display: block;
	border-bottom: 1px solid rgba(255,255,255,1);
	color: rgb(255,255,255);
	font-size: 1.5rem;
	text-align: left;
	padding: 20px 15px;
	position: relative;
	text-decoration: none;
}
.menu_global_smp > li:first-child > a {
	border-top: 1px solid rgba(255,255,255,1);
}
.menu_global_smp > li > .sub-menu {
	display: none; background-color: rgba(128,198,211,.3);
}
.menu_global_smp > li > .sub-menu > li > a {
	display: block;
	border-bottom: 1px dashed rgba(255,255,255,1);
	color: rgb(255,255,255);
	font-size: 1.5rem;
	text-align: left;
	padding: 15px 10px 15px 40px;
	position: relative;
}
.menu_global_smp > li > .sub-menu > li > a:before {
	content: '';
	position: absolute;
	width: 15px;
	height: 1px;
	background-color: rgba(255,255,255,1);
	top: 26px;
	left: 20px;
}
.menu_global_smp p.accordionBtn {
	display: block;
	width: 50px;
	height: 50px;
	position: absolute;
	top: 5px;
	right: 0;
	padding: 13px 15px 15px 17px;
	border-left: 1px solid rgb(255,255,255);
}
.menu_global_smp p.accordionBtn span {
	position: absolute;
	left: 12px;
	width: 50%;
	height: 1px;
	background-color: rgba(255,255,255,1);
	border-radius: 4px;
	transition: all .2s;
}
.menu_global_smp p.accordionBtn span:nth-of-type(1) {
	top: 25px;
	transform: rotate(0deg);
}
.menu_global_smp p.accordionBtn span:nth-of-type(2) {
	top: 25px;
	transform: rotate(90deg);
} .menu_global_smp p.accordionBtn.active span:nth-of-type(1) {
	display:none;
}
.menu_global_smp p.accordionBtn.active span:nth-of-type(2) {
	top: 25px;
	transform: rotate(180deg);
}*/


/*
--- sougou
--------------------------------------------------------------------------- */
.info-emergency {
	border: 4px solid rgb(223,28,36);
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translate(-50%,0);
	transform: translate(-50%,0);
	background-color: rgba(255,255,255,.9);
	width: 100%;
	/*width: calc(73% - 9px);*/
}
	.info-emergency .info-emergency-inner {
		/*-js-display: flex;
		display: flex;*/
		align-items: stretch;
		margin-right: auto;
		margin-left: auto;
		/*width: 50%;*/
	}
		.info-emergency-inner .ie-title {
			/*display: flex;
			align-items: center;
			justify-content: center;
			background-color: rgba(223,28,36,1);*/
			font-size: 2.4rem;
			font-weight: 700;
			color: rgb(223,28,36);
			/*color: rgb(255,255,255);*/
			padding: 15px 20px 10px 20px;
			text-align: center;
			/*max-width: 225px;*/
			width: 100%;
		}
		.info-emergency-inner .ie-list {
			display: block;
			padding: 0 20px 15px 20px;
			/*width: calc(100% - 225px);*/
			width: 100%;
		}
			.info-emergency-inner .ie-list a {
				display: flex;
				align-items: center;
				justify-content: center;
				/*display: block;*/
				color: rgb(51,51,51);
				font-size: 2rem;
				position: relative;
				width: 100%;
                max-width: 900px;
                margin: auto;
			}
			.info-emergency-inner .ie-list a+a {
				border-top: 1px dashed rgb(51,51,51);
				margin-top: 10px;
				padding: 10px 0 10px;
			}
			.info-emergency-inner .ie-list .date {
				font-size: 1.5rem;
				padding: 8px 10px;
			}
			.info-emergency-inner .ie-list .title {
				font-size: 1.5rem;
				min-width: 0;/* 英語表記のみはみ出し防止 */
				padding: 8px 10px;
				position: relative;
			}
			.info-emergency-inner .ie-list .title::after {
				ontent: '';
				width: 8px;
				height: 8px;
				border-top: solid 1px rgb(51,51,51);
				border-right: solid 1px rgb(51,51,51);
				position: absolute;
				right: -20px;
				top: 40%;
				-webkit-transform: translate(-50%,0) rotate(45deg);
				transform: translate(-50%,0) rotate(45deg);
			}

.flame-sougou {
	margin: 0 auto;
	/*max-width: 1400px;*/
	width: 100%;
	position: relative;
}
	.flame-sougou .block-view {
		background-position: bottom center;
		background-size: cover;
		background-repeat: no-repeat;
		/*padding-top: 51%;*/
		height: calc(100% - 25vh);
	}
	.flame-sougou .block-view2 {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
	}

.sougou-block-toptitle {
	background-color: rgba(0,59,119,1);
}
	.sougou-block-toptitle .sougou-toptitle {
		color: rgb(255,255,255);
		font-family: "Noto Serif JP","Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
		font-size: 3.3vw;
		font-weight: 500;
		letter-spacing: -3px;
		max-width: 1000px;
		margin: 0 auto;
		padding: 30px 10px 30px;
		text-align: center;
		width: 100%;
	}
		.sougou-block-toptitle .sougou-toptitle span {
			display: block;
			font-size: 2vw;
			font-weight: normal;
			letter-spacing: 1px;
			opacity: 80%;
		}
.sougou-block-grouplink {
	margin-top: 1px;
}
	.sougou-block-grouplink .area-group {
		-js-display: flex;
		display: flex;
		justify-content: space-between;
		margin-right: auto;
		margin-left: auto;
		height: auto;
		width: 100%;
		gap: 1px;
	}
		.sougou-block-grouplink .area-group div {
			background-color: rgba(0,59,119,1);
			/*border: 1px solid rgb(255,255,255);*/
			width: calc(100% / 2);
		}
			.sougou-block-grouplink .area-group div a {
				display: block;
				color: rgb(255,255,255);
				font-family: "Noto Serif JP","Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
				font-size: 2.5vw;
				font-weight: 500;
				line-height: 1;
				letter-spacing: -1px;
				padding: 30px 10px 30px;
				text-align: center;
			}
				.sougou-block-grouplink .area-group div a span {
					display: block;
					font-size: 2.2vw;
					letter-spacing: 0;
					opacity: 20%;
					transition: ease .1s;
				}

	.area-group .btn {
		/*max-width: 240px;*/
		width: 100%;
		overflow: hidden;
		position: relative;
		transition: ease .2s;
	}
	.area-group .btn:before {
		content: '';
		position: absolute;
		top: 0;
		left: -130%;
		background-color: rgba(255,255,255);
		width:120%;
		height: 100%;
		transform: skewX(-25deg);
	}
	.area-group .btn:hover::before {
		animation: skewanime5 .5s forwards;/*アニメーションの名前と速度を定義*/
	}
		@keyframes skewanime5 {
			100% {
				left:-10%;/*画面の見えていない左から右へ移動する終了地点*/
			}
		}
	.area-group .btn:after {
		content: '';
		position: absolute;
		top: 50%;
		right: 30px;
		-webkit-transform: translate(0,-50%);
		transform: translate(0,-50%);
		display: block;
		border: 1px solid rgb(255,255,255);
		border-radius: 50%;
		height: 36px;
		width: 36px;
	}
	.area-group .btn:hover:after {
		border: 1px solid rgb(0,59,119);
	}
		.area-group .btn a {
			display: block;
			border-bottom: 1px solid rgb(255,255,255);
			position: relative;
			width: 100%;
			z-index: 3;
		}
		.area-group .btn a:hover {
			border-bottom: 1px solid rgb(234,234,234);
			color: rgb(0,59,119);
		}
		.area-group .btn a:before {
			content: '';
			position: absolute;
			top: 50%;
			right: 45px;
			-webkit-transform: translate(0,-50%);
			transform: translate(0,-50%);  
			width: 50px;
			height: 1px;
			background-color: rgba(255,255,255,1);
			transition: all .3s;
			z-index: 2;
		}
		.area-group .btn a:hover:before {
			background-color: rgba(0,59,119,1);
			right: 35px;
		}
		.area-group .btn a:after {
			content: '';
			position: absolute;
			top: 47%;
			right: 45px;
			-webkit-transform: translate(0,-40%);
			transform: translate(0,-40%);
			/*矢印の形状*/    
			width: 15px;
			height:1px;
			background-color: rgba(255,255,255,1);
			transform: rotate(35deg);
			transition: all .3s;
		}
		.area-group .btn a:hover:after {
			background-color: rgba(0,59,119,1);
			right: 35px;
		}
			.area-group .btn a:hover span {
				opacity: 1;
			}


/*
--- hs
--------------------------------------------------------------------------- */


/*
--- jhs
--------------------------------------------------------------------------- */


/*
--- content
--------------------------------------------------------------------------- */

section {
	/*background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	overflow: hidden;
	opacity: 0;
	display: none;*/
}

.contents_body {
	margin: 0;
}


/**/
.sceneviewfirst {
	position: relative;
}

@keyframes fadein-anim {
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

	.top-blog-wrapper{
		width: 100%;
		flex-shrink: 0;
		order: 2;
		opacity: 0;
		transform: translateX(-100%);
		visibility: hidden;
	}
	.top-blog-wrapper.active{
		animation: fadein-anim 1s ease-in-out forwards;
		order: 1;
		visibility: visible;
	}

@media (max-width: 767px) {
	.top-blog-wrapper {
		display: none;
	}
	.top-blog-wrapper.active {
		display: block;
	}
}


	.top-info-wrapper {
		width: 100%;
		flex-shrink: 0;
		order: 2;
	}
	.top-info-wrapper.active {
		animation: fadein-anim 0.7s ease-in-out forwards;
		order: 1;
	}

@media (max-width: 767px) {
	.top-info-wrapper {
		display: none;
	}
	.top-info-wrapper.active {
		display: block;
	}
}


.flame-view-event {
	-js-display: flex;
	display: flex;
	/*justify-content: space-between;*/
	/*padding-bottom: 50px;*/
    height: 100vh;
}
	.flame-view-event .block-view {
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		height: 100vh;
		width: 50%;
		opacity: 0;
		position: relative;
		transform: translateY(-800px);
		transition: all .5s ease-out;
		animation: fadedown 1s forwards;
	}
		@keyframes fadedown {
			50% {
				opacity: 0;
			}
			100% {
				opacity: 1;
				transform: translateY(0);
			}
		}
		.flame-view-event .block-view .catch-copy {
			color: rgb(255,2552,255);
			position: absolute;
			bottom: 10px;
			font-family: "Noto Serif JP","Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
			/*font-size: 9rem;*/
			font-size: 6.1vw;
			font-weight: 500;
			letter-spacing: -10px;
			text-align: center;
			width: 100%;
		}
	.flame-view-event .block-event {
		display: grid;
		place-items: center;
		padding: 30px 30px;
		width: 50%;
		opacity: 0;
		overflow: hidden;
		position: relative;
		transform: translateY(800px);
		transition: all .5s ease-out;
		animation: fadeup 1s forwards;
	}
		@keyframes fadeup {
			50% {
				opacity: 0;
			}
			100% {
				opacity: 1;
				transform: translateY(0);
			}
		}
		.block-event .event-title {
			padding-top: 30px;
		}
		.event-title-aftertext {
			position: absolute;
			bottom: -12px;
			right: 0;
			color: rgba(0,59,119,.05);
			font-family: "Noto Serif JP","Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
			font-size: 18rem;
			line-height: 1;
			/*margin-right: -240px;*/
			margin-right: -300px;
			z-index: -1;
		}
			.block-event .event-title h2 {
				color: rgb(0,59,119);
				font-size: 4rem;
				font-weight: 700;
			}
			.block-event .event-title h2 span {
				display: block;
				color: rgb(51,51,51);
				font-size: 1.2rem;
				font-weight: normal;
				padding-bottom: 10px;
			}
		.block-event .event-category {
			padding-top: 30px;
		}
			.block-event .event-category .top-info-tabList {
				-js-display: flex;
				display: flex;
				flex-wrap: wrap;
				/*justify-content: space-between;*/
				/*gap: 0 3px;*/
				border-bottom: 1px solid rgb(0,59,119);
			}
				.block-event .event-category .top-info-tabList li {
					display:inline-block;
					color: rgb(128,128,128);
					cursor: pointer;
					font-size: 1.4rem;
					overflow: hidden;
					padding: 8px 2px;
					position: relative;
					text-align: center;
					width: calc(100%/4);
					/*border: 1px solid rgb(0,59,119);*/
				}
				.block-event .event-category .top-info-tabList li::before{
					content: '';
					position: absolute;
					left: 0;
					bottom:0;
					z-index: -1;
					width: 100%;
					height: 0;
					background-color: rgba(0,59,119,1);
					transition: all .3s;
				}
				.block-event .event-category .top-info-tabList li:hover {
					color: rgb(255,255,255);
					transition-delay: .2s;
				}
				.block-event .event-category .top-info-tabList li:hover::before {
					height: 100%;
					transition-delay: .2s;
				}
				.block-event .event-category .top-info-tabList li.active {
					background-color: rgba(0,59,119,1);
					color: rgb(255,255,255);
				}
		.block-event .event-display {
			width: 100%;
			overflow: hidden;
		}
		.block-event .event-display-inner {
			display: flex;
			overflow: hidden;
		}
			.block-event .event-display dl {
				-js-display: flex;
				display: flex;
				align-items: center;
				gap: 0 20px;
				border-bottom: 1px solid rgb(216,216,216);
				margin-top: 20px;
				padding-bottom: 20px;
				width: 100%;
			}
				.block-event .event-display dl dt {
					max-width: 100px;
					width: 100%;
				}
					.block-event .event-display dl dd > a {
						color: rgb(51,51,51);
					}
					.block-event .event-display dl dt span {
						display: block;
						background: rgba(154,64,71);
						color: rgb(255,255,255);
						font-size: 1.2rem;
						padding: 5px;
						text-align: center;
					}
		.block-event .pickup-link {
			padding: 30px 0 30px;
			width: 100%;
		}
			.block-event .pickup-link ul {
				-js-display: flex;
				display: flex;
				flex-wrap: wrap;
				justify-content: center;
				gap: 15px 15px;
				width: 100%;
			}
				.block-event .pickup-link ul li {
					display: flex;
					align-items: center;
					gap: 0 10px;
					background-color: rgba(255,255,255,1);
					box-shadow: 5px 5px 10px 0px rgb(221 221 221);
					color: rgb(128,128,128);
					cursor: pointer;
					min-height: 80px;
					padding: 8px 2px;
					position: relative;
					text-align: left;
					width: calc(100%/3 - 10px);
				}
				.block-event .pickup-link ul li::before {
					content: '';
					display: block;
					background-position: top 50% left 10px;
					background-repeat: no-repeat;
					height: 40px;
					width: 60px;
				}
				.block-event .pickup-link ul li.ico-pen::before {
					background-image: url("../images/ico-pen.png");
				}
				.block-event .pickup-link ul li.ico-schedule::before {
					background-image: url("../images/ico-schedule.png");
				}
				.block-event .pickup-link ul li.ico-stamp::before {
					background-image: url("../images/ico-stamp.png");
				}
				.block-event .pickup-link ul li.ico-textbook::before {
					background-image: url("../images/ico-textbook.png");
				}
				.block-event .pickup-link ul li.ico-bag::before {
					background-image: url("../images/ico-bag.png");
				}
				.block-event .pickup-link ul li.ico-cap::before {
					background-image: url("../images/ico-cap.png");
				}
					.block-event .pickup-link ul li a {
						display: block;
						font-size: 1.6rem;
						font-weight: 500;
						width: 100%;
					}

dl.end-event {
	border: none!important;
	padding-top: 20px;
	justify-content: center;
}
dl.end-event dt {
	display: none;
}


/**/
.sceneblog {
	position: relative;
}
.sceneblog:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0,59,119,.05);
	width: calc(82.75%);
	height: calc(100% - 100px);
	z-index: -1;
}
.flame-blog {
	max-width: 1060px;
	margin-right: auto;
	margin-left: auto;
	padding: 50px 30px 50px 80px;
	width: 100%;
}
		.flame-blog .blog-title {
			/*padding-top: 50px;*/
		}
		.blog-title-aftertext {
			position: absolute;
			bottom: 0;
			right: 0;
			color: rgba(0,59,119,.05);
			font-family: "Noto Serif JP","Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
			font-size: 18rem;
			line-height: 1;
			padding-right: 50px;
			z-index: -1;
		}
			.flame-blog .blog-title h2 {
				color: rgb(0,59,119);
				font-size: 4rem;
				font-weight: 700;
			}
			.flame-blog .blog-title h2 span {
				display: block;
				color: rgb(51,51,51);
				font-size: 1.2rem;
				font-weight: normal;
				padding-bottom: 10px;
			}
		.flame-blog .blog-category {
			padding-top: 40px;
		}
			.flame-blog .blog-category .top-blog-tabList {
				-js-display: flex;
				display: flex;
				flex-wrap: wrap;
				/*justify-content: space-between;*/
				gap: 0 10px;
				border-bottom: 1px solid rgb(0,59,119);
			}
				.flame-blog .blog-category .top-blog-tabList li {
					color: rgb(128,128,128);
					cursor: pointer;
					font-size: 1.4rem;
					padding: 8px 15px;
					position: relative;
					text-align: center;
					max-width: 240px;
					box-sizing: border-box;
					/*width: calc(100%/5 - 4px);*/
				}
				.flame-blog .blog-category .top-blog-tabList li::before{
					content: '';
					position: absolute;
					left: 0;
					bottom:0;
					z-index: -1;
					width: 100%;
					height: 0;
					background-color: rgba(0,59,119,1);
					transition: all .3s;
				}
				.flame-blog .blog-category .top-blog-tabList li:hover {
					color: rgb(255,255,255);
					transition-delay: .2s;
				}
				.flame-blog .blog-category .top-blog-tabList li:hover::before {
					height: 100%;
					transition-delay: .2s;
				}
				.flame-blog .blog-category .top-blog-tabList li.active {
					background-color: rgba(0,59,119,1);
					color: rgb(255,255,255);
				}

		.flame-blog .blog-display {
			padding-top: 35px;
			display: flex;
			overflow: hidden;
		}
			.flame-blog .blog-display .block-post {
				-js-display: flex;
				display: flex;
				justify-content: space-around;
				flex-wrap: wrap;
				gap: 20px 45px;
			}
				.flame-blog .blog-display .block-post .post-area {
					-js-display: flex;
					display: flex;
					align-items: center;
					color: rgb(51,51,51);
					gap: 0 20px;
					width: calc(100%/2 - 25px);
				}
					.flame-blog .blog-display .block-post .post-area .photo {
						background-repeat: no-repeat;
						background-size: cover;
						background-position: center center;
						border-radius: 4px;
						height: 75px;
						width: 115px;
					}
					.flame-blog .blog-display .block-post .post-area .outline {
						width: 74%;
					}
						.flame-blog .blog-display .block-post .post-area .outline span {
							display: block;
							color: rgb(165,165,165);
						}

	.sceneblog .fp-overflow {
		/*display: grid;
		place-items: center;*/
		display: flex;
		align-items: center;
		justify-content: center;
		height: 100%;
	}

/**/
.scenemaw {
	position: relative;
}
.scenemaw2 {
	position: relative;
}
.flame-maw {
	/*height: 500px;
	background-color: beige;
	max-width: 1100px;*/
	margin-right: auto;
	margin-left: auto;
	width: 100%;
}
.maw-display {
	-js-display: flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	height: 100vh;
}
	.maw-display .right {
		width: 50%;
		position: relative;
	}
	.maw-display.woman .right {
		order: 1;
	}
	.maw-display.woman .left {
		order: 2;
	}
	.maw-display .right::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
	}
	.maw-display.man .right::before {
		background-color: rgba(0,92,79,.7);
	}
	.maw-display.woman .right::before {
		background-color: rgba(184,57,64,.7);
	}
		.maw-display .right .maw-area {
			position: absolute;
			top: 50%;
			left: 50%;
			-webkit-transform: translate(-50%,-50%);
			transform: translate(-50%,-50%);
			color: rgb(255,255,255);
			max-width: 400px;
			width: 100%;
			z-index: 2;
		}
			.maw-display .right .maw-area .index {
			}
				.maw-display .right .maw-area .index > h3 {
					font-family: "Noto Serif JP","Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
					font-size: 5rem;
					position: relative;
				}
				.maw-display .right .maw-area .index > h3::before {
					content: '';
					display: block;
					position: absolute;
					top: 0;
					bottom: 0;
					left: -85px;
					background-color: rgb(255,255,255);
					width: 15%;
					height: 1px;
					margin: auto;
				}
			.maw-display .right .maw-area .catch {
				font-family: "Noto Serif JP","Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
				font-size: 2.8rem;
				font-weight: 700;
				padding-top: 25px;
			}
				.maw-display .right .maw-area .catch > span {
					font-size: 2rem;
					font-weight: normal;
				}
			.maw-display .right .maw-area .text {
				font-size: 1.6rem;
				font-weight: normal;
				padding-top: 20px;
			}
			.maw-display .right .maw-area .link {
				padding-top: 30px;
			}
				.maw-display .right .maw-area .link ul {
					-js-display: flex;
					display: flex;
					flex-wrap: wrap;
					justify-content: center;
					gap: 15px 15px;
					width: 100%;
				}
					.maw-display .right .maw-area .link ul li {
						display: flex;
						align-items: center;
						gap: 0 10px;
						border: 1px solid rgb(255,255,255);
						overflow: hidden;
						position: relative;
						text-align: left;
						width: calc(100%/2 - 8px);
					}
					.maw-display .right .maw-area .link ul li::before {
						content: '';
						position: absolute;
						top: 0;
						left: -130%;
						background-color: rgba(255,255,255);
						width: 120%;
						height: calc(100% + 2px);
						transform: skewX(-25deg);
					}
					.maw-display .right .maw-area .link ul li:hover::before {
						animation: skewanime3 .5s forwards;
					}
						@keyframes skewanime3 {
							100% {
								left:-10%;/*画面の見えていない左から右へ移動する終了地点*/
							}
						}
						.maw-display .right .maw-area .link ul li a {
							display: block;
							color: rgb(255,255,255);
							font-size: 1.6rem;
							line-height: 1.1;
							text-align: center;
							padding: 10px 4px;
							position: relative;
							width: 100%;
						}
						.maw-display .right .maw-area .link ul li:hover a {
							color: rgb(0,59,119);
							transition-delay: .2s;
						}
						.maw-display.man .right .maw-area .link ul li:hover a {
							color: rgb(0,92,79);
						}
						.maw-display.woman .right .maw-area .link ul li:hover a {
							color: rgb(184,57,64);
						}
						.maw-display .right .maw-area .link ul li a::before {
							content: '';
							position: absolute;
							top: 50%;
							right: 6px;
							-webkit-transform: rotate(45deg) translate(-50%,0);
							transform: rotate(45deg) translate(-50%,0);
							border-top: solid 2px rgb(255,255,255);
							border-right: solid 2px rgb(255,255,255);
							height: 10px;
							width: 10px;
						}
						.maw-display .right .maw-area .link ul li:hover a::before {
							border-top: solid 2px rgb(0,59,119);
							border-right: solid 2px rgb(0,59,119);
							transition-delay: .4s;
						}
						.maw-display.man .right .maw-area .link ul li:hover a::before {
							border-top: solid 2px rgb(0,92,79);
							border-right: solid 2px rgb(0,92,79);
						}
						.maw-display.woman .right .maw-area .link ul li:hover a::before {
							border-top: solid 2px rgb(184,57,64);
							border-right: solid 2px rgb(184,57,64);
						}
						.maw-display .right .maw-area .link ul li a span {
							display: block;
							color: rgba(255,255,255,.7);
						}
						.maw-display .right .maw-area .link ul li:hover a span {
							color: rgba(0,59,119,.7);
							transition-delay: .2s;
						}
						.maw-display.man .right .maw-area .link ul li:hover a span {
							color: rgba(0,92,79,.7);
						}
						.maw-display.woman .right .maw-area .link ul li:hover a span {
							color: rgba(184,57,64,.7);
						}

		.maw-display .right .maw-img {
			background-position: center center;
			background-repeat: no-repeat;
			background-size: cover;
			filter: blur(5px);
			height: 100%;
			width: 100%;
			padding-top: 100%;
			position: relative;
			z-index: -1;
		}

	.maw-display .left {
		width: 50%;
		position: relative;
	}
		.maw-display .left > div {
			background-position: center center;
			background-repeat: no-repeat;
			background-size: cover;
			padding-top: 100%;
			height: 100%;
		}


	/*
	--- fullPage.jsの調整
	--------------------------------------------------------------------------- */
	.fp-table {
		display: table;
		table-layout: fixed;
		width: 100%;
	}
	.fp-section {
		position: relative;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		height:100vh;
		/*height:calc(var(--vh,1vh) * 100;*/
		display: block;
	}
	.footer-ta {
		display: flex;
		align-items: center;
		flex-grow: 1;
	}
	.fp-watermark{
		display: none!important;
	}
	/*
	--- fullPage.js レスポンシブの調整
	--------------------------------------------------------------------------- */
	body.fp-responsive .fp-overflow {
		overflow-y: visible;
		max-height: none;
	}
	body.fp-responsive .fp-is-overflow.fp-section {
		height: auto!important;
		min-height: auto!important;
	}
	body.fp-responsive .flame-view-event {
		height: auto;
	}



/*
--- footer
---------------------------------------------------------------------------*/

@media only screen and (min-width: 1220px) {


}

@media only screen and (min-width: 768px) {

}



@media only screen and (max-height: 700px), only screen and (max-width: 1023px) {
	section {
		height: auto!important;
	}
}



@media only screen and (max-width: 1279px) {
    /* top first view */
    .flame-view-event .block-event {
        padding: 10px 20px;
    }

    .block-event .event-title {
        padding-top: 20px;
    }

    .block-event .event-display dl {
        margin-top: 15px;
        padding-bottom: 15px;
    }

    .block-event .event-display {
        padding: 0;
    }
}


@media only screen and (max-width: 1023px) and (min-width: 751px) {

}

/* ---- 2019.07.08 add ---- */
@media only screen and (max-height: 650px) and (min-width: 1024px) {

}

@media only screen and (max-width: 1023px) {

	/*
	--- common
	--------------------------------------------------------------------------- */
    .contents_body {
        overflow: hidden;
    }
    
	/*
	--- sougou
	--------------------------------------------------------------------------- */

	.info-emergency .ie-title {
		font-size: 2rem;
		padding: 20px 20px;
	}
	.info-emergency .ie-list {
		padding: 20px 20px;
	}
		.info-emergency .ie-list a {
			font-size: 1.6rem;
		}
		.info-emergency .ie-list a+a {
			border-top: 1px dashed rgb(51,51,51);
			margin-top: 10px;
			padding: 10px 0 10px;
		}
		.info-emergency .ie-list .date {
			font-size: 1.4rem;
		}

		.flame-sougou .block-view {
			height: calc(100% - 15vh);
		}


		.sougou-block-toptitle .sougou-toptitle {
			letter-spacing: 0;
			padding: 15px 10px 15px;
		}
			.sougou-block-grouplink .area-group div a {
				letter-spacing: 0;
				padding: 15px 10px 15px;
			}
		.area-group .btn:after {
			right: 20px;
			height: 30px;
			width: 30px;
		}
			.area-group .btn a:before {
				right: 35px;
			}
			.area-group .btn a:hover:before {
				right: 20px;
			}
			.area-group .btn a:after {
				top: 43%;
				right: 35px;
			}
			.area-group .btn a:hover:after {
				right: 20px;
			}


	.footer-bnr {
		padding: 40px 20px;
	}
		.footer-bnr div {
			width: calc(100% / 3 - 15px);
		}

}


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

	/*
	--- sougou
	--------------------------------------------------------------------------- */

	.flame-sougou {
		height: auto!important;
	}
		.flame-sougou .block-view {
			padding-top: 100%;
			height: auto;
		}
		.flame-sougou .block-view2 {
			position: unset;
		}
	
	/*
	--- contents
	--------------------------------------------------------------------------- */
	.flame-view-event .block-event {
		padding: 30px 20px;
	}
	.block-event .event-display {
		padding: 0 0 0;
	}
		.block-event .pickup-link ul li::before {
			background-position: top 50% left 5px;
			width: 50px;
		}
			.block-event .pickup-link ul li a {
				font-size: 1.3rem;
			}
	.flame-blog {
		padding: 50px 30px 50px 30px;
	}
	.maw-display .right .maw-area {
		max-width: 350px;
	}

	
	/*
	--- fullPage.jsの調整
	--------------------------------------------------------------------------- */
	.fp-tableCell {
		vertical-align: top;
		padding-top: 60px;
	}

}


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

	.maw-display .right .maw-area {
		max-width: 350px;
	}

}


@media only screen and (max-width: 767px) {

	/*
	--- sougou
	--------------------------------------------------------------------------- */
	.info-emergency {
		top: 60px;
	}
		.info-emergency .ie-title {
			/*max-width: 180px;*/
			font-size: 1.8rem;
			padding: 10px 10px;
		}
		.info-emergency .ie-list {
			padding: 10px 10px;
		}
			.info-emergency .ie-list a {
				font-size: 1.4rem;
			}
			.info-emergency .ie-list a::before {
				right: 0;
			}

	.flame-sougou {
		height: auto!important;
	}
		.flame-sougou .block-view {
			padding-top: 100%;
			height: auto;
		}
		.flame-sougou .block-view2 {
			position: unset;
		}


	/*
	--- jhs
	--------------------------------------------------------------------------- */


	/*
	--- content
	--------------------------------------------------------------------------- */
	.flame-view-event {
		display: block;
		/*padding-bottom: 50px;*/
	}
		.flame-view-event .block-view {
			/*height: 100vh;*/
			width: 100%;
			opacity: 1;
			animation: none;
			transform: none;
			transition: unset;
		}
			.flame-view-event .block-view .catch-copy {
				bottom: 30px;
				font-size: 5.8rem;
				/*letter-spacing: -10px;*/
			}

		.flame-view-event .block-event .inner {
			width: 100%;
		}
		.flame-view-event .block-event {
			padding: 10px 20px;
			width: 100%;
			opacity: 1;
			animation: none;
			transform: none;
			transition: unset;
		}
			.block-event .event-title {
				padding-top: 30px;
			}
				.block-event .event-title h2 {
					font-size: 3.6rem;
				}
			.event-title-aftertext {
				font-size: 10rem;
				font-weight: 500;
				margin-right: -80px;
			}
			.block-event .event-category {
				padding-top: 30px;
			}
			.block-event .event-display {
				padding: 0 0 0;
			}
				.block-event .event-display dl {
					display: block;
				}
					.block-event .event-display dl dt {
						padding-bottom: 10px;
					}
			.block-event .pickup-link {
				padding-top: 20px;
			}
					.block-event .pickup-link ul li {
						display: block;
					}

	dl.end-event {
		text-align: center;
	}


	.flame-blog {
		padding: 20px 20px 20px;
	}
			.flame-blog .blog-title h2 {
				font-size: 3.6rem;
			}
		.blog-title-aftertext {
			font-size: 10rem;
			margin-right: -40px;
			padding-right: 0;
		}
			.flame-blog .blog-display .block-post .post-area {
				font-size: 1.4rem;
				width: 100%;
			}

	.maw-display {
		display: block;
		height: auto;
	}
	.maw-display .right {
		width: 100%;
	}
			.maw-display .right .maw-area .index {
				margin: 0 0 0 auto;
				max-width: 380px;
			}
				.maw-display .right .maw-area .index > h3 {
					font-size: 3.6rem;
				}
				.maw-display .right .maw-area .index > h3::before {
					left: -45px;
					width: 10%;
				}
			.maw-display .right .maw-area .catch {
				font-size: 2.2rem;
				margin: 0 0 0 auto;
				max-width: 380px;
				padding-top: 10px;
			}
				.maw-display .right .maw-area .catch > span {
					font-size: 1.8rem;
					font-weight: normal;
				}
			.maw-display .right .maw-area .text {
				font-size: 1.4rem;
				font-weight: normal;
				padding-top: 15px;
				margin: 0 0 0 auto;
				max-width: 380px;
			}
			.maw-display .right .maw-area .link {
				padding-top: 20px;
			}
	.maw-display .left {
		width: 100%;
	}


	/*
	--- footer
	--------------------------------------------------------------------------- */

}


@media only screen and (max-width: 750px) {

}


@media only screen and (max-width: 500px) {

	/*
	--- sougou
	--------------------------------------------------------------------------- */
	.info-emergency {
    	width: 100%;
	}
		.info-emergency .info-emergency-inner {
			align-items: stretch;
			margin-right: auto;
			margin-left: auto;
			width: 100%;
		}
		.info-emergency-inner .ie-title {
			font-size: 1.6rem;
			padding: 10px 5px 0 5px;
			text-align: center;
		}
		.info-emergency-inner .ie-list {
			padding: 0 5px;
		}
			.info-emergency-inner .ie-list a+a {
				padding: 10px 0 0;
			}

		.sougou-block-toptitle .sougou-toptitle {
			font-size: 5vw;
			/*letter-spacing: 0;
			padding: 15px 10px 15px;*/
		}
			.sougou-block-toptitle .sougou-toptitle span {
				font-size: 3.5vw;
			}
			.sougou-block-grouplink .area-group div a {
				font-size: 3.5vw;
			}
				.sougou-block-grouplink .area-group div a span {
					font-size: 3vw;
				}

		.area-group .btn:after {
			right: 10px;
			height: 20px;
			width: 20px;
		}
			.area-group .btn a:before {
				right: 20px;
			}
			.area-group .btn a:hover:before {
				right: 10px;
			}
			.area-group .btn a:after {
				top: 43%;
				right: 20px;
			}
			.area-group .btn a:hover:after {
				right: 10px;
			}

	.footer-bnr {
		gap: 10px 10px;
		padding: 30px 20px;
	}
		.footer-bnr div {
			width: calc(100% / 2 - 5px);
		}


	/*
	--- jhs
	--------------------------------------------------------------------------- */
	.maw-display .right .maw-area {
		max-width: 350px;
	}
}

@media only screen and (max-width: 450px) {
}