@charset "utf-8";
.fullWrapIn__BgWrap{
	transition: opacity .3s ease;
}
body:not(.--h-open) .fullWrapIn__BgWrap{
	opacity: 0;
}
.keywordMain .contBg{
	background: #FFF;
}
@media screen and (min-width:769px){
	.subSec__logoLink{
		filter: drop-shadow(0 0 12px #FFF) drop-shadow(0 0 8px #FFF) drop-shadow(0 0 4px #FFF);
	}
}
/*-----------------------------------------------
 * KEYWORD
-------------------------------------------------*/
.keywordMain{
	position: relative;
	padding-top: min(calc(8 / var(--vh-min) * 100vh), calc(8 / var(--vw-min) * 100vw));
	padding-bottom: min(calc(8 / var(--vh-min) * 100vh), calc(8 / var(--vw-min) * 100vw));
}
.keywordMain:before,
.keywordMain:after{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	height: min(calc(8 / var(--vh-min) * 100vh), calc(8 / var(--vw-min) * 100vw));
	position: absolute;
	background: url(../img/common/deco/deco_chara-line.svg) repeat-x left / min(calc(120 / var(--vh-min) * 100vh), calc(120 / var(--vw-min) * 100vw)) min(calc(8 / var(--vh-min) * 100vh), calc(8 / var(--vw-min) * 100vw));
	z-index: 1;
}
.keywordMain:before{
	top: 0;
}
.keywordMain:after{
	bottom: 0;
}
.subSec{
	padding: 0 0 min(calc(152 / var(--vw-min) * 100vw), 152px);
}

@media screen and (max-width:768px){
	.keywordMain{
		padding-top: calc(16 / var(--vw-min) * 100vw);
		padding-bottom: calc(16 / var(--vw-min) * 100vw);
	}
	.keywordMain:before,
	.keywordMain:after{
		height: calc(16 / var(--vw-min) * 100vw);
		background-size: calc(240 / var(--vw-min) * 100vw) calc(16 / var(--vw-min) * 100vw);
	}
	.subSec{
		padding-bottom: calc(176 / var(--vw-min) * 100vw);
	}
}



/**
* content__headBg
**/
.content__headBg{
	width: 100%;
	position: relative;
	padding-bottom: min(calc(76 / var(--vw-min) * 100vw), 76px);
}
.content__headBg--t{
	height: min(calc(32 / var(--vw-min) * 100vw), 32px);
	position: relative;
}
.content__headBg--imgWrap{
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	pointer-events: none;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	overflow: hidden;
}
.content__headBg--img{
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	background: url(../img/common/bg/bg_bnr.jpg) no-repeat top / cover;
}
.content__headBg--bBg{
	width: min(calc(560 / var(--vw-min) * 100vw), 560px);
	height: min(calc(76 / var(--vw-min) * 100vw), 76px);
	position: absolute;
	bottom: 2px;
	background-color: var(--color-khaki4F4);
	z-index: 1;
}
.content__headBg--bBg.-r{
	right: 0;
	clip-path: polygon(0 0, 100% 100%, 100% 0);
}
.content__headBg--bBg.-l{
	left: 0;
	clip-path: polygon(100% 0, 0% 100%, 0 0);
}

.content__headBg .deco__chochinParts{
	top: unset;
	bottom: max(calc(-76 / var(--vw-min) * 100vw), -76px);
}

@media screen and (max-width:768px){
	.content__headBg{
		padding-bottom: calc(48 / var(--vw-min) * 100vw);
	}
	.content__headBg--t{
		height: calc(80 / var(--vw-min) * 100vw);
	}
	.content__headBg--bBg{
		width: 50%;
		height: calc(50 / var(--vw-min) * 100vw);
		bottom: 0;
	}
	.content__headBg .deco__chochinParts{
		bottom: unset;
		top: calc(76 / var(--vw-min) * 100vw);
	}
}



/**
* content__contArea
**/
.content__contArea{
	width: 100%;
	padding-top: min(calc(48 / var(--vw-min) * 100vw), 48px);
	position: relative;
	z-index: 1;
}

.content__title{
	height: min(calc(90 / var(--vw-min) * 100vw), 90px);
}
.content__title img{
	display: block;
	height: 100%;
	margin: 0 auto;
}

@media screen and (max-width:768px){
	.content__contArea{
		padding-top: calc(160 / var(--vw-min) * 100vw);
	}
	.content__title{
		height: calc(140 / var(--vw-min) * 100vw);
	}
}



.content__contAreaIn{
	position: relative;
	width: 100%;
	padding: min(calc(24 / var(--vw-min) * 100vw), 24px) 0 0;
}
@media screen and (max-width:768px){
	.content__contAreaIn{
		padding-top: calc(76 / var(--vw-min) * 100vw);
	}
}


/* BG */
.content__contAreaInBg{
	position: absolute;
	inset: 0;
}
.content__contAreaInBg--cont{
	position: sticky;
	top: 0;
	width: 100%;
	height: min(100vh, 100%);
}
.content__contAreaInBg--cont:before{
	content: '';
	width: min(100%, 1200px);
	height: min(calc(534 / var(--vw-min) * 100vw), 534px);
	display: block;
	position: absolute;
	inset: 0;
	background: url(../img/common/bg/bg_chara2.png) no-repeat center / contain;
	opacity: .2;
	margin: auto;
}

@media screen and (max-width:768px){
	.content__contAreaInBg--cont:before{
		width: 100%;
		height: calc(1080 / var(--vw-min) * 100vw);
		background-image: url(../img/common/bg/bg_chara2-s.png);
		opacity: 1;
	}
}



/* Cont */
.content__contAreaInCont{
	position: relative;
	z-index: 1;
	width: min(calc(960 / var(--vw-min) * 100vw), 960px);
	max-width: 100%;
	margin: 0 auto;
}
@media screen and (max-width:768px){
	.content__contAreaInCont{
		width: 100%;
		padding: 0 calc(48 / var(--vw-min) * 100vw);
	}
}


/* nav */
.keyword__nav{
	position: relative;
	width: 100%;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.keyword__navIn{
	position: relative;
	padding: min(calc(12 / var(--vw-min) * 100vw), 12px) min(calc(24 / var(--vw-min) * 100vw), 24px);
	background-color: #fff;
}
.keyword__navIn:before{
	content: '';
	position: absolute;
	inset: 0;
	border: min(calc(8 / var(--vw-min) * 100vw), 8px) solid #000;
}
.keyword__navIn:after{
	content: '';
	position: absolute;
	top: max(calc(-2 / var(--vw-min) * 100vw), -2px);
	left: 0;
	bottom: max(calc(-2 / var(--vw-min) * 100vw), -2px);
	width: min(calc(24 / var(--vw-min) * 100vw), 24px);
	background: url(../img/common/deco/deco_makimono.svg) no-repeat left center / contain;
}
.keyword__navLists{
	position: relative;
	display: flex;
	gap: min(calc(2 / var(--vw-min) * 100vw), 2px);
	padding-left: min(calc(8 / var(--vw-min) * 100vw), 8px);
}
.keyword__navList--link{
	display: block;
	font-family: var(--main-font);
	font-size: min(calc(16 / var(--vw-min) * 100vw), 16px);
	font-weight: 700;
	line-height: 1;
	padding: min(calc(10 / var(--vw-min) * 100vw), 10px) min(calc(12 / var(--vw-min) * 100vw), 12px);
	border-radius: 48px;
	position: relative;
	color: #000;
	transition: color .3s ease;
}
.keyword__navList--link:before{
	content: '';
	position: absolute;
	inset: 0;
	background-color: var(--color-redD44);
	border-radius: 48px;
	opacity: 0;
	transform: scale(60%);
	transition: transform .3s ease, opacity .3s ease;
}
@media screen and (hover:hover) and (pointer: fine){
	.keyword__navList--link:hover::before{
		opacity: 65%;
		transform: scale(80%);
	}
}
.keyword__navList--link.--is-current{
	color: #FFF;
}
.keyword__navList--link.--is-current::before{
	opacity: 100%;
	transform: scale(100%);
}
.keyword__navList--link_txt{
	position: relative;
}

@media screen and (max-width:768px){
	.keyword__navIn{
		padding: calc(18 / var(--vw-min) * 100vw) calc(36 / var(--vw-min) * 100vw);
	}
	.keyword__navIn:before{
		border-width: calc(12 / var(--vw-min) * 100vw);
	}
	.keyword__navIn:after{
		top: calc(-3 / var(--vw-min) * 100vw);
		bottom: calc(-3 / var(--vw-min) * 100vw);
		width: calc(36 / var(--vw-min) * 100vw);
	}
	.keyword__navLists{
		padding-left: calc(12 / var(--vw-min) * 100vw);
		gap: calc(6 / var(--vw-min) * 100vw);
		flex-wrap: wrap;
	}
	.keyword__navList--link{
		font-size: calc(24 / var(--vw-min) * 100vw);
		padding: calc(16 / var(--vw-min) * 100vw) calc(16 / var(--vw-min) * 100vw);
		border-radius: 80px;
	}
	.keyword__navList--link:before{
		border-radius: 80px;
	}
}




.keyword__contents{
	width: 100%;
	padding-top: min(calc(64 / var(--vw-min) * 100vw), 64px);
	padding-bottom: min(calc(72 / var(--vw-min) * 100vw), 72px);
	display: flex;
	flex-direction: column;
	gap: min(calc(48 / var(--vw-min) * 100vw), 48px);
}
.keyword__content{
	width: 100%;
	padding-top: min(calc(48 / var(--vw-min) * 100vw), 48px);
	padding-bottom: min(calc(80 / var(--vw-min) * 100vw), 80px);
	position: relative;
}
.keyword__content--ttl{
	display: inline-block;
	padding: min(calc(4 / var(--vw-min) * 100vw), 4px) min(calc(16 / var(--vw-min) * 100vw), 16px) min(calc(4 / var(--vw-min) * 100vw), 4px) min(calc(80 / var(--vw-min) * 100vw), 80px);
	line-height: 1;
	position: relative;
	z-index: 1;
	background-color: var(--color-redD44);
	color: #FFF;
	font-size: min(calc(20 / var(--vw-min) * 100vw), 20px);
	font-weight: 700;
}
.keyword__contentIn{
	padding: min(calc(40 / var(--vw-min) * 100vw), 40px) min(calc(80 / var(--vw-min) * 100vw), 80px) 0;
}

@media screen and (max-width:768px){
	.keyword__contents{
		padding-top: calc(32 / var(--vw-min) * 100vw);
		padding-bottom: calc(96 / var(--vw-min) * 100vw);
		gap: calc(64 / var(--vw-min) * 100vw);
	}
	.keyword__content{
		padding-top: calc(48 / var(--vw-min) * 100vw);
		padding-bottom: calc(48 / var(--vw-min) * 100vw);
	}
	.keyword__content--ttl{
		padding: calc(6 / var(--vw-min) * 100vw) calc(24 / var(--vw-min) * 100vw) calc(8 / var(--vw-min) * 100vw) calc(48 / var(--vw-min) * 100vw);
		font-size: calc(28 / var(--vw-min) * 100vw);
	}
	.keyword__contentIn{
		padding: calc(32 / var(--vw-min) * 100vw) calc(48 / var(--vw-min) * 100vw) 0;
	}
}




/**
* keywordLists
**/
.keywordLists{
	display: flex;
	flex-direction: column;
	gap: min(calc(40 / var(--vw-min) * 100vw), 40px);
}
.keywordList{
	width: 100%;
	padding: min(calc(4 / var(--vw-min) * 100vw), 4px);
	position: relative;
	background-color: var(--color-redD44);
}

@media screen and (max-width:768px){
	.keywordLists{
		gap: calc(32 / var(--vw-min) * 100vw);
	}
	.keywordList{
		padding: calc(8 / var(--vw-min) * 100vw);
	}
}


/* h4 */
.keyword__num{
	position: absolute;
	bottom: min(calc(24 / var(--vw-min) * 100vw), 24px);
	right: max(calc(-40 / var(--vw-min) * 100vw), -40px);
	width: min(calc(68 / var(--vw-min) * 100vw), 68px);
	padding-right: min(calc(12 / var(--vw-min) * 100vw), 12px);
	z-index: 2;
}

.keyword__num-notice{
	position: absolute;
	right: 0;
	top: min(calc(16 / var(--vw-min) * 100vw), 16px);
	display: inline-block;
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	display: block;
	text-align: center;
	width: min(calc(24 / var(--vw-min) * 100vw), 24px);
	min-height: min(calc(80 / var(--vw-min) * 100vw), 80px);
	text-wrap: nowrap;
	font-size: min(calc(16 / var(--vw-min) * 100vw), 16px);
	padding: min(calc(8 / var(--vw-min) * 100vw), 8px) min(calc(4 / var(--vw-min) * 100vw), 4px);
	line-height: 1;
	background-color: #000;
	color: #FFF;
	z-index: 2;
}

.deco_yeneWrap{
	display: block;
	width: min(calc(56 / var(--vw-min) * 100vw), 56px);
	position: relative;
	padding-top: min(calc(26 / var(--vw-min) * 100vw), 26px);
}
.deco_yeneWrap:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: min(calc(34 / var(--vw-min) * 100vw), 34px);
	background: url(../img/common/deco/deco_yane.svg) no-repeat center top / contain;
	z-index: 1;
}
.deco_yane--txt{
	display: block;
	width: 71.4286%;
	margin: 0 auto;
	background-color: #FFF;
	position: relative;
	padding: min(calc(10 / var(--vw-min) * 100vw), 10px) min(calc(10 / var(--vw-min) * 100vw), 10px) min(calc(20 / var(--vw-min) * 100vw), 20px);
	font-size: min(calc(20 / var(--vw-min) * 100vw), 20px);
	font-weight: 700;
	line-height: 1.15;
}
.deco_yane--txt:before{
	content: '';
	position: absolute;
	inset: 0;
	pointer-events: none;
	border-left: min(calc(2 / var(--vw-min) * 100vw), 2px) solid #000;
	border-right: min(calc(2 / var(--vw-min) * 100vw), 2px) solid #000;
	border-bottom: min(calc(4 / var(--vw-min) * 100vw), 4px) solid #000;
}

@media screen and (max-width:768px){
	.keyword__num{
		bottom: calc(32 / var(--vw-min) * 100vw);
		right: calc(-38 / var(--vw-min) * 100vw);
		width: calc(80 / var(--vw-min) * 100vw);
		padding-right: calc(12 / var(--vw-min) * 100vw);
	}
	.keyword__num-notice{
		width: calc(28 / var(--vw-min) * 100vw);
		top: calc(16 / var(--vw-min) * 100vw);
		min-height: calc(96 / var(--vw-min) * 100vw);
		font-size: calc(20 / var(--vw-min) * 100vw);
		padding: calc(8 / var(--vw-min) * 100vw) calc(4 / var(--vw-min) * 100vw);
	}
	.deco_yeneWrap{
		width: calc(68 / var(--vw-min) * 100vw);
		padding-top: calc(32 / var(--vw-min) * 100vw);
	}
	.deco_yeneWrap:before{
		height: calc(42 / var(--vw-min) * 100vw);
	}
	.deco_yane--txt{
		padding: calc(12 / var(--vw-min) * 100vw) calc(12 / var(--vw-min) * 100vw) calc(24 / var(--vw-min) * 100vw);
		font-size: calc(24 / var(--vw-min) * 100vw);
	}
	.deco_yane--txt:before{
		border-left-width: calc(2 / var(--vw-min) * 100vw);
		border-right-width: calc(2 / var(--vw-min) * 100vw);
		border-bottom-width: calc(4 / var(--vw-min) * 100vw);
	}
}



.keywordList__cont{
	width: 100%;
	background-color: #fff;
	position: relative;
	padding: min(calc(36 / var(--vw-min) * 100vw), 36px);
}
.keywordList__cont:before{
	content: '';
	position: absolute;
	inset: 0;
	border: 2px solid #000;
}
.keywordList__cont:after{
	content: '';
	position: absolute;
	inset: 4px;
	border: 1px solid #000;
	pointer-events: none;
}
.keywordList__contIn{
	position: relative;
	width: 100%;
	display: flex;
}
.keywordList__image{
	width: 44.4445%;/* 320 */
	margin-right: min(calc(40 / var(--vw-min) * 100vw), 40px);
	flex-shrink: 0;
}
.keywordList__image--img{
	width: 100%;
	padding-top: 56.25%;
	border: 1px solid #000;
	position: relative;
	background-color: #fff;
}
.keywordList__image--img img{
	object-fit: contain;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.keywordList__detail{
	width: 100%;
}
.keywordList__title{
	font-size: min(calc(20 / var(--vw-min) * 100vw), 20px);
	line-height: 1.4;
}
.keywordList__title > span{
	display: inline-block;
	padding: 0 min(calc(8 / var(--vw-min) * 100vw), 8px);
	background-color: #000;
	color: #FFF;
}
.keywordList__text{
	padding-top: min(calc(8 / var(--vw-min) * 100vw), 8px);
	line-height: 2;
}

@media screen and (max-width:768px){
	.keywordList__cont{
		padding: calc(32 / var(--vw-min) * 100vw);
	}
	.keywordList__cont:before{
		border-width: calc(4 / var(--vw-min) * 100vw);
	}
	.keywordList__cont:after{
		inset: calc(8 / var(--vw-min) * 100vw);
		border-width: calc(2 / var(--vw-min) * 100vw);
	}
	.keywordList__contIn{
		flex-direction: column;
	}
	.keywordList__image{
		width: 100%;
		margin-right: unset;
		margin-top: min(calc(24 / var(--vw-min) * 100vw), 24px);
	}
	.keywordList__image--img{
		border-width: calc(2 / var(--vw-min) * 100vw);
	}
	.keywordList__title{
		font-size: calc(24 / var(--vw-min) * 100vw);
	}
	.keywordList__title > span{
		padding: 0 calc(8 / var(--vw-min) * 100vw);
	}
	.keywordList__text{
		padding-top: calc(12 / var(--vw-min) * 100vw);
	}
}


.keywordContentArea[data-initial] .keyword__content {
	display: none;
}
[data-initial=a] .keyword__content[data-initial=a] {
	display: block;
}
[data-initial=ka] .keyword__content[data-initial=ka] {
	display: block;
}
[data-initial=sa] .keyword__content[data-initial=sa] {
	display: block;
}
[data-initial=ta] .keyword__content[data-initial=ta] {
	display: block;
}
[data-initial=na] .keyword__content[data-initial=na] {
	display: block;
}
[data-initial=ha] .keyword__content[data-initial=ha] {
	display: block;
}
[data-initial=ma] .keyword__content[data-initial=ma] {
	display: block;
}
[data-initial=ya] .keyword__content[data-initial=ya] {
	display: block;
}
[data-initial=ra] .keyword__content[data-initial=ra] {
	display: block;
}
[data-initial=wa] .keyword__content[data-initial=wa] {
	display: block;
}