/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@300;400;500;700;900&display=swap');

:root{
--color-base :#2e3136;
--color-gold :#bf7700;
--color-R    :#e60012;
--color-Br-L :#f9f1e5;/* うす茶 */
--color-Br-ML:#dfbb80;
--color-Y    :#ffe652;
--color-Y-LL :#fff7cb;
--color-Y-L  :#fff2a8;
--color-G-G  :#b4d6b2;/* 緑グレー */
--color-B    :#0071b7;
--color-Pi   :#e85997;/* ピンク */
--color-Pi-L :#fbebe6;
--color-Pi-G :#f1bbac;
}

link[href*="yokkaichi_mc"] ~ *{
	font-family: "Zen Maru Gothic", sans-serif;
	font-size: min(16px,max(14px,calc(1vw * 14 / 3.75)));
	font-weight: 500;
	font-style: normal;
}
link[href*="yokkaichi_mc"] ~ *,
link[href*="yokkaichi_mc"] ~ * *,
link[href*="yokkaichi_mc"] ~ * *::before,
link[href*="yokkaichi_mc"] ~ * *::after{
	max-width: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}
link[href*="yokkaichi_mc"] ~ * a{text-decoration:none;color:inherit;}
link[href*="yokkaichi_mc"] ~ *.frame a[href*="http"][target="_blank"],
link[href*="yokkaichi_mc"] ~ *.link_box a[href*="http"][target="_blank"],
link[href*="yokkaichi_mc"] ~ *.frame a[href*=".pdf"],
link[href*="yokkaichi_mc"] ~ *.link_box a[href*=".pdf"],
link[href*="yokkaichi_mc"] ~ *.link_box a[href*=".doc"]{text-decoration:underline;}
link[href*="yokkaichi_mc"] ~ *.frame a[href*="http"][target="_blank"]::after,
link[href*="yokkaichi_mc"] ~ *.link_box a[href*="http"][target="_blank"]::after,
link[href*="yokkaichi_mc"] ~ *.frame a[href*=".pdf"]::after,
link[href*="yokkaichi_mc"] ~ *.link_box a[href*=".pdf"]::after,
link[href*="yokkaichi_mc"] ~ *.link_box a[href*=".doc"]::after{
	content: '';
	display: inline-block;
	width: 1em;
	height: 1em;
	margin: 0 0.25em;
	background-image: url("yokkaichi_mc_cmn_icon_outside.svg");
}

link[href*="yokkaichi_mc"] ~ * img{
	display: block;
	object-fit: cover;
}
link[href*="yokkaichi_mc"] ~ * img[src*=".svg"]{object-fit: contain;}
link[href*="yokkaichi_mc"] ~ * font.beta{
	color: var(--color-gold);
	position: relative;
	z-index: 2;
	background-image: url("yokkaichi_mc_cmn_beta_Y.svg");
	background-position: center bottom;
	background-repeat: repeat-x;
	background-size: 100% 50%;
}
/*
link[href*="yokkaichi_mc"] ~ * font.beta::after{
	content: '';
	background-color: var(--color-Y-L);
	width: 100%;
	height: 0.75em;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: -1;
}
*/

link[href*="yokkaichi_mc"] ~ * .col_gold{color:var(--color-gold);}

link[href*="yokkaichi_mc"] ~ .subt{
	margin-top: 80px;
	margin-bottom: 10px;
	display: flex;
	align-items: baseline;
}
link[href*="yokkaichi_mc"] ~ .subt[en]::before{
	content:attr(en);
	color: var(--color-gold);
	font-size: calc(1em * 30 / 16);
	font-weight: 700;
	line-height: calc(1em * 48 / 30);
}
link[href*="yokkaichi_mc"] ~ .subt h2{
	font-weight: 700;
	line-height: calc(1em * 40 / 16);	
}
link[href*="yokkaichi_mc"] ~ .subt[en] h2{
	position: relative;
	margin-left: 1em;
	display: flex;
	align-items: baseline;
}
link[href*="yokkaichi_mc"] ~ .subt[en] h2::before{
	content: '';
	display: block;
	height:1em;
	margin-right: 1em;
	border-left: solid 1px var(--color-base);
}
link[href*="yokkaichi_mc"] ~ .subt > div{
	position: relative;
	flex-grow: 1;
}
link[href*="yokkaichi_mc"] ~ .subt a{
	margin-left: auto;
	gap: 10px;
	display: flex;
	align-items: baseline;
}
link[href*="yokkaichi_mc"] ~ .subt a::after{
	content: '';
	display: block;
	height:0;
	border: solid 5px transparent;
	border-left-color: var(--color-gold);
	border-right: none;
}
@media screen and (min-width: 768px){
	*[pc_vanish]{display: none!important;}
}
@media screen and (max-width: 767px){
	*[sp_vanish]{display: none!important;}
	link[href*="yokkaichi_mc"] ~ .subt{margin-top: 30px;}
}


link[href*="yokkaichi_mc"] ~ * h3.dot{
	font-size:calc(1em * 25 / 16);
	font-weight: 700;
	line-height: 1.5em;
	padding-bottom: 0.25em;
	color:var(--color-gold);
	border-bottom: dotted 2.25pt var(--color-Br-ML);
}
link[href*="yokkaichi_mc"] ~ * h3.dot font[size="-1"]{font-size:calc(1em * 16 / 25);line-height: 1.5em;}
link[href*="yokkaichi_mc"] ~ .frame:not(.nopad){
	background-color: #EEE;
	border-radius: calc(1em * 20 / 16);
	padding: calc(1em * 20 / 16) calc(1em * 30 / 16);
}
link[href*="yokkaichi_mc"] ~ .frame ul{
	gap: 0.5em;
	display: flex;
	flex-direction: column;
}
link[href*="yokkaichi_mc"] ~ .frame ul li{
	position: relative;
	padding-left: 2em;
	text-indent: -2em;
	text-align: justify;
	font-weight: 700;
	line-height: calc(1em * 27 / 16);
}
link[href*="yokkaichi_mc"] ~ .frame ul li *{text-indent: 0;}
link[href*="yokkaichi_mc"] ~ .frame ul li b{color:var(--color-R);}
link[href*="yokkaichi_mc"] ~ .frame ul li::before{
	content: '';
	display: inline-block;
	width: calc(1em * 15 / 16);
	height:calc(1em * 15 / 16);
	margin-right: 1em;
	margin-bottom: calc(1em * -1 / 16);
	background-image: url("yokkaichi_mc_cmn_icon_check.svg");
}
link[href*="yokkaichi_mc"] ~ .frame > h3{
	color:var(--color-gold);
	font-size: calc(1em * 19 / 16);
	font-weight: 700;
	margin-bottom: calc(1em * 10 / 19);
}
@media screen and (max-width: 767px){
	link[href*="yokkaichi_mc"] ~ .frame:not(.nopad){padding: calc(1em * 20 / 16);}
}

link[href*="yokkaichi_mc"] ~ .header{}
link[href*="yokkaichi_mc"] ~ .header > *,
link[href*="yokkaichi_mc"] ~ .header .f1 .logo{
	display: flex;
	align-items: center;
}
link[href*="yokkaichi_mc"] ~ .header .f1{}
link[href*="yokkaichi_mc"] ~ .header .f1 .logo{margin-right: auto;}
link[href*="yokkaichi_mc"] ~ .header .f1 img[src*="logo"]{margin-right: 0.75em;}
link[href*="yokkaichi_mc"] ~ .header .f1 h1{
	white-space: pre-wrap;
	color:var(--color-gold);
	font-size: calc(1em * 23 / 16);
	font-weight: 700;
	line-height: 1.5rem;
}
link[href*="yokkaichi_mc"] ~ .header .f1 h1 font[size="-1"]{
	color:var(--color-base);
	font-size: calc(1em * 18 / 23);
}
link[href*="yokkaichi_mc"] ~ .header .f1 a{margin-left: 10px;}
link[href*="yokkaichi_mc"] ~ .header .f1 a[t]{
	background-color: var(--color-G-G);
	font-size: calc(1em * 15 / 16);
	font-weight: 700;
	width:176px;
	height:45px;
	border-radius: 45px;
	gap:0.25rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
link[href*="yokkaichi_mc"] ~ .header .f1 a[t][href*="tel:"]{
	background-color: var(--color-Y);
	font-size: calc(1em * 18 / 16);
}
link[href*="yokkaichi_mc"] ~ .header .f1 a[t][href*="tel:"]::before{
	content:'';
	display: block;
	width: calc(1em * 32 / 47);
	height:1em;
	background-image: url("yokkaichi_mc_cmn_icon_tel.svg");
}
link[href*="yokkaichi_mc"] ~ .header .f1 a[t]::after{content:attr(t)}
link[href*="yokkaichi_mc"] ~ .header .f2{
	margin-top: 10px;
	padding: 20px;
	border-radius: 1rem;
	background-color: var(--color-Y-L);
	justify-content: space-between;
}
link[href*="yokkaichi_mc"] ~ .header .f2 a{
	background-color: #FFF;
	font-size: max(13px,calc(1em * 14 / 16));
	font-weight: 700;
	width:155px;
	height:40px;
	border-radius: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
}
@media screen and (max-width: 767px){
	link[href*="yokkaichi_mc"] ~ .header .f1,
	link[href*="yokkaichi_mc"] ~ .header .f1 .logo{justify-content: center;}
	link[href*="yokkaichi_mc"] ~ .header .f1{
		gap: 18px 8px;
		flex-wrap: wrap;
	}
	link[href*="yokkaichi_mc"] ~ .header .f1 .logo{width:100%;}
	link[href*="yokkaichi_mc"] ~ .header .f1 img[src*="logo"]{width:auto; height:50px;}
	link[href*="yokkaichi_mc"] ~ .header .f1 .logo,
	link[href*="yokkaichi_mc"] ~ .header .f1 a{margin: 0;}
	link[href*="yokkaichi_mc"] ~ .header .f1 a[t]{
		width: 145px;
		height: 38px;
	}
	link[href*="yokkaichi_mc"] ~ .header .f1 img[src*="_line."]{width:38px;}
	link[href*="yokkaichi_mc"] ~ .header .f2{
		padding: 15px;
		gap: 15px;
		flex-wrap: wrap;
	}
	link[href*="yokkaichi_mc"] ~ .header .f2 a{
		flex-grow: 1;
		width: max(150px,40%);
		height: 38px;
	}
}

link[href*="yokkaichi_mc"] ~ .top_catch1{
	margin-top: 40px;
	background-image: url("yokkaichi_mc_top_catch1_bg.jpg");
	background-position: right center;
	min-height: 475px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
link[href*="yokkaichi_mc"] ~ .top_catch1 h3{
	white-space: pre-wrap;
	color:var(--color-gold);
	font-size: min(calc(1em * 35 / 16),calc(1vw * 28 / 3.75));
	font-weight: 700;
	line-height: calc(1em * 50 / 35);
	text-shadow: 0 0 0.5em #FFF,
							 0 0 0.5em #FFF,
							 0 0 0.5em #FFF,
							 0 0 0.5em #FFF,
							 0 0 0.5em #FFF,
							 0 0 0.5em #FFF,
							 0 0 0.5em #FFF,
							 0 0 0.5em #FFF;
}
link[href*="yokkaichi_mc"] ~ .top_catch1 h3 + div{
	white-space: pre-wrap;
	margin: 1em 0;
	line-height: 2em;
}
link[href*="yokkaichi_mc"] ~ .top_catch1 .chara{
	white-space: pre-wrap;
	text-align: center;
	font-size: calc(1em * 12 / 16);
	line-height: calc(1em * 21 / 12);
	position: relative;
	gap: 4px;
	display: flex;
	flex-direction: column;
	align-items: center;
}
link[href*="yokkaichi_mc"] ~ .top_catch1 .chara img{width:168px;}
link[href*="yokkaichi_mc"] ~ .top_catch1 .chara .fuki{
	position: absolute;
	left:100%;
	bottom:0;
	color:#FFF;
	font-size: calc(1em * 15 / 12);
	font-weight: 700;
	line-height: calc(1em * 21 / 15);
	background-image: url("yokkaichi_mc_top_catch1_fuki.svg");
	width:150px;
	height:134px;
	padding-left: 3%;
	padding-bottom: 1%;
	display: flex;
	justify-content: center;
	align-items: center;
}
@media screen and (max-width: 767px){
	link[href*="yokkaichi_mc"] ~ .top_catch1{
		margin-top: 20px;
		background-position: center bottom;
		min-height: 535px;
		position: relative;
	}
	link[href*="yokkaichi_mc"] ~ .top_catch1 .chara{
		margin-left: auto;
		margin-top: -100px;
		font-size: 9px;
	}
	link[href*="yokkaichi_mc"] ~ .top_catch1 .chara img{width:72px;}
	link[href*="yokkaichi_mc"] ~ .top_catch1 .chara .fuki{
		left: auto;
		right:calc(100% + 3px);
		text-align: left;
		font-size: 9px;
		background-image: url("yokkaichi_mc_top_catch1_fuki_sp.svg");
		background-size: 100% 100%;
		width:67px;
		height:111px;
		padding: 0;
		padding-right: 1%;
	}
	link[href*="yokkaichi_mc"] ~ .top_catch1 .chara .fuki span{
		display: block;
		writing-mode: vertical-rl;
		text-orientation: upright;
	}
}

link[href*="yokkaichi_mc"] ~ .top_catch2{
	margin-top: 100px;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
link[href*="yokkaichi_mc"] ~ .top_catch2 .L{width:210px;}
link[href*="yokkaichi_mc"] ~ .top_catch2 .R{width:450px;}
link[href*="yokkaichi_mc"] ~ .top_catch2 .R h3{
	white-space: pre-wrap;
	font-size: min(calc(1em * 30 / 16),calc(1vw * 22 / 3.75));
	font-weight: 700;
	line-height: max(calc(1em * 48 / 30),36px);
}
link[href*="yokkaichi_mc"] ~ .top_catch2 .R h3 + div{
	margin-top: 1em;
	line-height: 2em;
}
@media screen and (max-width: 767px){
	link[href*="yokkaichi_mc"] ~ .top_catch2{
		margin-top: 50px;
		display: block;
	}
	link[href*="yokkaichi_mc"] ~ .top_catch2::after{content:'';clear:both;}
	link[href*="yokkaichi_mc"] ~ .top_catch2 .L{width:117px;float: right;}
	link[href*="yokkaichi_mc"] ~ .top_catch2 .R{width:auto;}
}
link[href*="yokkaichi_mc"] ~ .subt[en="News"] img{
	margin-left: 2em;
	margin-bottom: -0.5em;
}
link[href*="yokkaichi_mc"] ~ .subt[en="News"] + *{border-top:solid 1px #CCC;}
link[href*="yokkaichi_mc"] ~ .subt[en="News"] + * li{
	border-bottom: solid 1px #CCC;
	padding: 1em;
	gap:2em;
	display: flex;
	align-items: center;
}
link[href*="yokkaichi_mc"] ~ .subt[en="News"] + * li *[d]{
	min-width: 5.25em;
	font-weight: 400;
	line-height: 1em;
	gap:0.25em;
	display: flex;
	align-items: baseline;
}
link[href*="yokkaichi_mc"] ~ .subt[en="News"] + * li *[d]::before{
	content: '';
	display: block;
	width:calc(1em * 12 / 16);
	height:calc(1em * 12 / 16);
	background-image: url("yokkaichi_mc_cmn_icon_date.svg");
}
link[href*="yokkaichi_mc"] ~ .subt[en="News"] + * li *[d]::after{content: attr(d);}
link[href*="yokkaichi_mc"] ~ .subt[en="News"] + * li *[c]{
	background-color: #999;
	color: #FFF;
	width: 9em;
	min-width: 9em;
	border-radius: 2em;
	font-size: 10px;
	line-height: calc(1em * 16 / 10);
	display: flex;
	justify-content: center;
	align-items: center;
}
link[href*="yokkaichi_mc"] ~ .subt[en="News"] + * li *[c]::before{content: attr(c);}
link[href*="yokkaichi_mc"] ~ .subt[en="News"] + * li *[c*="掲載"]{background-color: var(--color-B);}
link[href*="yokkaichi_mc"] ~ .subt[en="News"] + * li *[c*="開催"]{background-color: var(--color-Pi);}
link[href*="yokkaichi_mc"] ~ .subt[en="News"] + * li a{text-align: justify;}
@media screen and (max-width: 767px){
	link[href*="yokkaichi_mc"] ~ .subt[en="News"] img{width:78px;}
	link[href*="yokkaichi_mc"] ~ .subt[en="News"] + * li{
		padding: 0.75em 0;
		gap:1em;
	}
	link[href*="yokkaichi_mc"] ~ .subt[en="News"] + * li *[c]{
		width: 7.6em;
		min-width: 7.6em;
	}
}
link[href*="yokkaichi_mc"] ~ .subt[en="Contents"] + *{
	gap:min(28px,max(20px,calc(1vw * 20 / 3.75))) 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
link[href*="yokkaichi_mc"] ~ .subt[en="Contents"] + * a{
	background-color: var(--color-Y-L);
	width: calc(1% * 350 / 7.28);
	height: calc(1em * 67 / 16);
	border-radius: calc(1em * 67 / 16);
	font-weight: 700;
	gap: 1em;
	display: flex;
	justify-content: center;
	align-items: center;
}
link[href*="yokkaichi_mc"] ~ .subt[en="Contents"] + * img[src*="_con1."]{max-height: calc(100% * 46 / 67);}
link[href*="yokkaichi_mc"] ~ .subt[en="Contents"] + * img[src*="_con2."]{max-height: calc(100% * 40 / 67);}
link[href*="yokkaichi_mc"] ~ .subt[en="Contents"] + * img[src*="_con3."]{max-height: calc(100% * 43 / 67);}
link[href*="yokkaichi_mc"] ~ .subt[en="Contents"] + * img[src*="_chara"]{max-height: calc(100% * 38 / 67);}
link[href*="yokkaichi_mc"] ~ .subt[en="Contents"] + * img[src*="_con5."]{max-height: calc(100% * 42 / 67);}
link[href*="yokkaichi_mc"] ~ .subt[en="Contents"] + * img[src*="_con6."]{max-height: calc(100% * 29 / 67);}
@media screen and (max-width: 767px){
	link[href*="yokkaichi_mc"] ~ .subt[en="Contents"] + * a{width:100%;}
}
link[href*="yokkaichi_mc"] ~ .subt[en="Character"] + *{
	background-color: var(--color-Br-L);
	position: relative;
	border-radius: 1em;
	padding: 30px 40px 40px;
}
link[href*="yokkaichi_mc"] ~ .subt[en="Character"] + * h3{
	color:var(--color-gold);
	font-size: min(calc(1em * 22 / 16),calc(1vw * 18 / 3.75));
	font-weight: 700;
	line-height: 25px;
}
link[href*="yokkaichi_mc"] ~ .subt[en="Character"] + * dl{
	margin-top: 1em;
	padding-bottom: 0.25em;
	font-weight: 700;
	border-bottom: solid 1px #CCC;
	display: flex;
	align-items: center;
}
link[href*="yokkaichi_mc"] ~ .subt[en="Character"] + * dt{
	font-size: calc(1em * 14 / 16);
	line-height: 1.5em;
	width: 11em;
	min-width: 11em;
}
link[href*="yokkaichi_mc"] ~ .subt[en="Character"] + * dd{
	flex-grow: 1;
	white-space: pre-wrap;
	font-size: calc(1em * 19 / 16);
	line-height: calc(1em * 29 / 19);
}
link[href*="yokkaichi_mc"] ~ .subt[en="Character"] + * dd font[size="-1"]{font-size: calc(1em * 15 / 19);}
link[href*="yokkaichi_mc"] ~ .subt[en="Character"] + * h3 + dl{
	margin-top: 2em;
	margin-right: auto;
}
link[href*="yokkaichi_mc"] ~ .subt[en="Character"] + * img[src*="chara"]{
	box-sizing: content-box;
	background-color: #FFF;
	border-radius: 100%;
	border:solid 15px var(--color-Br-L);
	position: absolute;
	top: -65px;
	right: 20px;
	width: 180px;
}
link[href*="yokkaichi_mc"] ~ .subt[en="Character"] + * + .deco{
	position: relative;
	z-index: 2;
	padding-bottom: 80px;
}
link[href*="yokkaichi_mc"] ~ .subt[en="Character"] + * + .deco img[src*="chara"]{
	transform: rotate(-8.5deg);
	width: 152px;
	position: absolute;
	left: 30px;
	bottom: 20px;
}
link[href*="yokkaichi_mc"] ~ .subt[en="Character"] + * + .deco img[src*="star"]{
	position: absolute;
	right: 40px;
	bottom: 0;
}
@media screen and (min-width: 768px){
	link[href*="yokkaichi_mc"] ~ .subt[en="Character"] + * h3{max-width: calc(100% - 9em);}
	link[href*="yokkaichi_mc"] ~ .subt[en="Character"] + * h3 + dl{width: calc(100% - 8em);}
}
@media screen and (max-width: 767px){
	link[href*="yokkaichi_mc"] ~ .subt[en="Character"] + *{padding: 15px 20px 20px;}
	link[href*="yokkaichi_mc"] ~ .subt[en="Character"] + * img[src*="chara"]{
		border-width: 9px;
		top: -30px;
		right: 11px;
		width: 103px;
	}
	link[href*="yokkaichi_mc"] ~ .subt[en="Character"] + * dt{
		width: 6em;
    min-width: 6em;
	}
	link[href*="yokkaichi_mc"] ~ .subt[en="Character"] + * + .deco{padding-bottom:40px;}
	link[href*="yokkaichi_mc"] ~ .subt[en="Character"] + * + .deco img[src*="chara"]{
		width: 74px;
		left: 10px;
		bottom: 0;
	}
	link[href*="yokkaichi_mc"] ~ .subt[en="Character"] + * + .deco img[src*="star"]{
		width:60px;
		right:auto;
		left: 15px;
		bottom: 85px;
	}
}

link[href*="yokkaichi_mc"] ~ .subt[en="Access"] img{
	margin-left: 2em;
	margin-bottom: -2em;
}
link[href*="yokkaichi_mc"] ~ .subt[en="Access"] + *{
	gap: 20px 26px;
	display: flex;
}
link[href*="yokkaichi_mc"] ~ .subt[en="Access"] + * .L{
	flex-grow: 1;
	gap: 1em;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
link[href*="yokkaichi_mc"] ~ .subt[en="Access"] + * .L h2{
	font-size: calc(1em * 30 / 16);
	font-weight: 700;
	line-height: 1em;
}
link[href*="yokkaichi_mc"] ~ .subt[en="Access"] + * .L h2 font[size="-1"]{
	display: block;
	font-size: calc(1em * 20.4 / 30);
}
link[href*="yokkaichi_mc"] ~ .subt[en="Access"] + * .L .tel{
	gap:0.5em;
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
}
link[href*="yokkaichi_mc"] ~ .subt[en="Access"] + * .L .tel > *{line-height: 1em;}
link[href*="yokkaichi_mc"] ~ .subt[en="Access"] + * .L .tel a{
	font-size: calc(1em * 27 / 16);
	font-weight: 700;
	display: flex;
	align-items: baseline;
}
link[href*="yokkaichi_mc"] ~ .subt[en="Access"] + * .L .tel a::before{
	content:'';
	display: block;
	font-size: 20px;
	width: 1em;
	height: 1em;
	background-image: url("yokkaichi_mc_cmn_icon_tel.svg");
	background-position: left center;
}
link[href*="yokkaichi_mc"] ~ .subt[en="Access"] + * .L .tel *:nth-child(3){
	width: 100%;
	padding-left: 20px;
}
link[href*="yokkaichi_mc"] ~ .subt[en="Access"] + * .L .addr{
	line-height: 1.5em;
	gap: 1em;
	display: flex;
	align-items: baseline;
}
link[href*="yokkaichi_mc"] ~ .subt[en="Access"] + * .L .addr a{
	background-color: var(--color-gold);
	color:#FFF;
	width:73px;
	height:19px;
	font-size: calc(1em * 11 / 16);
	line-height: 1em;
	border-radius: 0.5em;
	display: flex;
	justify-content: center;
	align-items: center;
}
link[href*="yokkaichi_mc"] ~ .subt[en="Access"] + * .L .text{
	white-space: pre-wrap;
	font-size: calc(1em * 14 / 16);
	line-height: calc(1em * 20 / 14);
}
link[href*="yokkaichi_mc"] ~ .copy{
	margin-top: 60px;
	text-align: center;
	font-size: calc(1em * 11 / 16);
	line-height: 1em;
}
@media screen and (min-width: 768px){
	link[href*="yokkaichi_mc"] ~ .subt[en="Access"] + * .R{
		width: 254px;
		min-width: 254px;
	}
}
@media screen and (max-width: 767px){
	link[href*="yokkaichi_mc"] ~ .subt[en="Access"]{margin-top: 50px;}
	link[href*="yokkaichi_mc"] ~ .subt[en="Access"] img{
		margin: 0;
		position: absolute;
		right: 0;
		top: -1.5em;
		max-width: calc(100% - 2em);
	}
	link[href*="yokkaichi_mc"] ~ .subt[en="Access"] + *{flex-direction: column;}
	link[href*="yokkaichi_mc"] ~ .subt[en="Access"] + * .L .addr{margin: 0.5em 0 -0.5em;}
	link[href*="yokkaichi_mc"] ~ .subt[en="Access"] + * .R{
		display: flex;
		justify-content: center;
		align-items: center;
	}
	link[href*="yokkaichi_mc"] ~ .copy{margin-top: 30px;}
}

link[href*="yokkaichi_mc"] ~ .ptitle{
	margin: 35px 0;
	gap: 30px 0;
	display: flex;
	justify-content: space-evenly;
	align-items: center;
}
link[href*="yokkaichi_mc"] ~ .ptitle img,
link[href*="yokkaichi_mc"] ~ .ptitle svg{height:163px;}
link[href*="yokkaichi_mc"] ~ .ptitle > div{position: relative; z-index: 2;}
link[href*="yokkaichi_mc"] ~ .ptitle > div svg{
	position: absolute;
	top:0;
	left: 27px;
	z-index: -1;
}
link[href*="yokkaichi_mc"] ~ .ptitle[t]::after{
	content:attr(t);
	border: dotted #CCC;
	border-width: 4.5pt 0;
	font-size: calc(1em * 35 / 16);
	font-weight: 700;
	line-height: calc(1em * 48 / 35);
	width:370px;
	max-width: 100%;
	min-height: calc(1em * 95 / 35);
	display: flex;
	justify-content: center;
	align-items: center;
}
link[href*="yokkaichi_mc"] ~ .ptitle[t*="施設"] rect,
link[href*="yokkaichi_mc"] ~ .ptitle[t*="リンク"] rect{fill:var(--color-G-G);}
link[href*="yokkaichi_mc"] ~ .ptitle[t*="施設"]::after,
link[href*="yokkaichi_mc"] ~ .ptitle[t*="リンク"]::after{border-color:var(--color-G-G);}
link[href*="yokkaichi_mc"] ~ .ptitle[t*="事業主"] rect,
link[href*="yokkaichi_mc"] ~ .ptitle[t*="相談"] rect,
link[href*="yokkaichi_mc"] ~ .ptitle[t*="セミナー"] rect{fill:var(--color-Pi-G);}
link[href*="yokkaichi_mc"] ~ .ptitle[t*="事業主"]::after,
link[href*="yokkaichi_mc"] ~ .ptitle[t*="相談"]::after,
link[href*="yokkaichi_mc"] ~ .ptitle[t*="セミナー"]::after{border-color:var(--color-Pi-G);}
@media screen and (max-width: 767px){
	/*
	link[href*="yokkaichi_mc"] ~ .ptitle{
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	*/
	link[href*="yokkaichi_mc"] ~ .ptitle{justify-content: space-between;}
	link[href*="yokkaichi_mc"] ~ .ptitle img,
	link[href*="yokkaichi_mc"] ~ .ptitle svg{height:146px;}
	link[href*="yokkaichi_mc"] ~ .ptitle[t][t2]::after{content:attr(t2);white-space: pre-wrap;}
	link[href*="yokkaichi_mc"] ~ .ptitle[t]::after{
		box-sizing: content-box;
		padding: 0.5em 0;
		max-width: 172px;
		text-align: center;
		font-size: 27px;
	}
}

link[href*="yokkaichi_mc"] ~ .subt[en="Strengths"] + *{counter-reset: number 0;}
link[href*="yokkaichi_mc"] ~ .subt[en="Strengths"] + * .set{}
link[href*="yokkaichi_mc"] ~ .subt[en="Strengths"] + * .set + .set{margin-top: min(calc(1em * 85 / 16),calc(1vw * 50 / 3.75));}
link[href*="yokkaichi_mc"] ~ .subt[en="Strengths"] + * .set .point{
	gap: calc(1em * 20 / 16);
	display: flex;
	align-items: center;
}
link[href*="yokkaichi_mc"] ~ .subt[en="Strengths"] + * .set .point > div{
	font-size:calc(1em * 30 / 16);
	font-weight: 700;
	line-height: 1em;
	width:calc(1em * 94 / 30);	
	min-width:calc(1em * 94 / 30);
	height:calc(1em * 94 / 30);
	background-image: url("yokkaichi_mc_shisetsu_point_bg.svg");
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
link[href*="yokkaichi_mc"] ~ .subt[en="Strengths"] + * .set .point > div::before{
	content:'Point';
	font-size:calc(1em * 14 / 30);
	line-height: 1em;
}
link[href*="yokkaichi_mc"] ~ .subt[en="Strengths"] + * .set .point > div::after{
	counter-increment: number 1;
	content: counter(number, decimal-leading-zero);
}
link[href*="yokkaichi_mc"] ~ .subt[en="Strengths"] + * .set .point > h3.dot{padding: 0.25em 0;}
link[href*="yokkaichi_mc"] ~ .subt[en="Strengths"] + * .set .flex{
	margin-top: 1em;
	gap: 20px 34px;
	display: flex;
}
link[href*="yokkaichi_mc"] ~ .subt[en="Strengths"] + * .set .flex > .T{
	flex-grow: 1;
	text-align: justify;
	line-height: 2em;
	white-space: pre-wrap;
}
link[href*="yokkaichi_mc"] ~ .subt[en="Strengths"] + * .set .flex > .P{
	width:356px;
	min-width: min(356px,100%);
	position: relative;
	display: flex;
	justify-content: flex-start;
}
link[href*="yokkaichi_mc"] ~ .subt[en="Strengths"] + * .set .flex > .P::after{
	content:'';
	width:calc(1% * 53 / 3.56);
	padding-top: calc(1% * 53 / 3.56);
	border-radius: 0.5em;
	position: absolute;
	bottom: -20px;
	z-index: 2;
}
link[href*="yokkaichi_mc"] ~ .subt[en="Strengths"] + * .set .flex > .P img{width:calc(1% * 330 / 3.56);}
link[href*="yokkaichi_mc"] ~ .subt[en="Strengths"] + * .set:nth-child(2n) .flex .P{justify-content: flex-end;}
link[href*="yokkaichi_mc"] ~ .subt[en="Strengths"] + * .set:nth-child(2n+1) .flex .P::after{right:0; background-color: var(--color-G-G);}
link[href*="yokkaichi_mc"] ~ .subt[en="Strengths"] + * .set:nth-child(2n+2) .flex .P::after{left:0; background-color: var(--color-Pi-G);}
@media screen and (min-width: 768px){
	link[href*="yokkaichi_mc"] ~ .subt[en="Strengths"] + * .set:nth-child(2n) .flex{flex-direction: row-reverse;}
}
@media screen and (max-width: 767px){
	link[href*="yokkaichi_mc"] ~ .subt[en="Strengths"] + * .set .flex{flex-flow: column; align-items: center;}
}

link[href*="yokkaichi_mc"] ~ .con_catch{}
link[href*="yokkaichi_mc"] ~ .con_catch h3{
	font-size: calc(1em * 30 / 16);
	font-weight: 700;
	line-height: calc(1em * 48 / 30);
}
link[href*="yokkaichi_mc"] ~ .con_catch .flex{
	margin-top: calc(1em * 20 / 16);
	gap: calc(1em * 20 / 16) calc(1em * 30 / 16);
	display: flex;
	justify-content: space-between;
}
link[href*="yokkaichi_mc"] ~ .con_catch .flex .L{
	flex-grow: 1;
	text-align: justify;
	line-height: 2em;
}
link[href*="yokkaichi_mc"] ~ .con_catch.float::after{content:'';display: block;clear:both;}
link[href*="yokkaichi_mc"] ~ .con_catch.float h3,
link[href*="yokkaichi_mc"] ~ .con_catch.float .text{float:left; max-width:min(26em,calc(100% - 260px));}
link[href*="yokkaichi_mc"] ~ .con_catch.float h3{margin-bottom: 20px;}
link[href*="yokkaichi_mc"] ~ .con_catch.float .text{text-align:justify; line-height: 2em;}
link[href*="yokkaichi_mc"] ~ .con_catch.float img{float:right;max-width:260px;}
@media screen and (min-width: 768px){
	link[href*="yokkaichi_mc"] ~ .con_catch .flex .R{
		width: 330px;
		min-width: 330px;
	}
}
@media screen and (max-width: 767px){
	link[href*="yokkaichi_mc"] ~ .con_catch .flex{flex-direction: column;}
	link[href*="yokkaichi_mc"] ~ .con_catch.float h3{float:none; width:100%; max-width: none;}
	link[href*="yokkaichi_mc"] ~ .con_catch.float .text{max-width:calc(100% - 145px); font-size: 14px; line-height: calc(1em * 24 / 14);}
	link[href*="yokkaichi_mc"] ~ .con_catch.float img{max-width:139px;}
}


link[href*="yokkaichi_mc"] ~ .subt[en="Jobs We Want"] + .frame{background-color: var(--color-Y-LL);}
link[href*="yokkaichi_mc"] ~ .subt[en="Jobs We Want"] + .frame + *{
	margin-top: min(calc(1em * 50 / 16),calc(1vw * 25 / 3.75));
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
link[href*="yokkaichi_mc"] ~ .subt[en="Jobs We Want"] + .frame + * .L{width: 210px;}
link[href*="yokkaichi_mc"] ~ .subt[en="Jobs We Want"] + .frame + * .R{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
link[href*="yokkaichi_mc"] ~ .subt[en="Jobs We Want"] + .frame + * .R > div{
	text-align: justify;
	margin-top: 1.25em;
	line-height: 2em;
}
@media screen and (min-width: 768px){
	link[href*="yokkaichi_mc"] ~ .subt[en="Jobs We Want"] + .frame img[src*="chara"]{
		position: absolute;
		bottom: -1em;
		right: 0;
	}
	link[href*="yokkaichi_mc"] ~ .subt[en="Jobs We Want"] + .frame + * .R{width:480px;}
}
@media screen and (max-width: 767px){
	link[href*="yokkaichi_mc"] ~ .subt[en="Jobs We Want"] + .frame img[src*="chara"]{width: 158px; margin: 1em auto 0;}
	link[href*="yokkaichi_mc"] ~ .subt[en="Jobs We Want"] + .frame + *{flex-direction: column-reverse; align-items: center;}
}

link[href*="yokkaichi_mc"] ~ .subt[en="Characteristics & Needs"] + .frame{background-color: var(--color-Pi-L);}
link[href*="yokkaichi_mc"] ~ .subt[en="Characteristics & Needs"] + .frame + *{
	margin-top: min(calc(1em * 100 / 16),calc(1vw * 50 / 3.75));
	display: flex;
	flex-direction: column;
	align-items: center;
}
link[href*="yokkaichi_mc"] ~ .subt[en="Characteristics & Needs"] + .frame + * h3 + *{
	white-space: pre-wrap;
	text-align: center;
	margin: 1.25em 0;
	line-height: 2em;
}
link[href*="yokkaichi_mc"] ~ .subt[en="Characteristics & Needs"] + .frame + * a{
	border:solid 3px var(--color-Br-ML);
	box-sizing: border-box;
	width:100%;
	padding: 1.5em 1em 0;
	display: flex;
	flex-direction: column;
	align-items: center;
}
link[href*="yokkaichi_mc"] ~ .subt[en="Characteristics & Needs"] + .frame + * a > *:nth-child(1){
	font-weight: 700;
	line-height: calc(1em * 27 / 16);
}
link[href*="yokkaichi_mc"] ~ .subt[en="Characteristics & Needs"] + .frame + * a > *:nth-child(2){
	color:var(--color-gold);
	font-size: calc(1em * 45 / 16);
	font-weight: 900;
	line-height: calc(1em * 77 / 45);
	display: flex;
	align-items: baseline;
}
link[href*="yokkaichi_mc"] ~ .subt[en="Characteristics & Needs"] + .frame + * a > *:nth-child(2) img{margin-right:calc(1em * 2 / 5);}
link[href*="yokkaichi_mc"] ~ .subt[en="Characteristics & Needs"] + .frame + * a > *:nth-child(2) font[size="-1"]{
	font-size: calc(1em * 2 / 3);
	margin: 0 -0.25em;
}
@media screen and (max-width: 767px){
	link[href*="yokkaichi_mc"] ~ .subt[en="Characteristics & Needs"] + .frame + * h3 + *{font-size:calc(1em * 14 / 16);}
	link[href*="yokkaichi_mc"] ~ .subt[en="Characteristics & Needs"] + .frame + * a{padding-top:1em;}
	link[href*="yokkaichi_mc"] ~ .subt[en="Characteristics & Needs"] + .frame + * a > *:nth-child(1){margin-bottom:0.75em;}
	link[href*="yokkaichi_mc"] ~ .subt[en="Characteristics & Needs"] + .frame + * a > *:nth-child(2){font-size:calc(1em * 36 / 16);}
}

link[href*="yokkaichi_mc"] ~ .subt[en="Flow"] + *{counter-reset: number 0;}
link[href*="yokkaichi_mc"] ~ .subt[en="Flow"] + * dl{gap:1.5em;display:flex;}
link[href*="yokkaichi_mc"] ~ .subt[en="Flow"] + * dl + dl{margin-top:calc(1em * 20 / 16);}
link[href*="yokkaichi_mc"] ~ .subt[en="Flow"] + * dl dt{
	width:calc(1em * 95 / 16);
	min-width:calc(1em * 95 / 16);
	gap:1em;
	display: flex;
	flex-direction: column;
}
link[href*="yokkaichi_mc"] ~ .subt[en="Flow"] + * dl dt > *:nth-child(1){
	height:calc(1em * 95 / 16);
	background-image: url("yokkaichi_mc_soudan_step.svg");
	text-align: center;
	font-weight: 700;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
link[href*="yokkaichi_mc"] ~ .subt[en="Flow"] + * dl dt > *:nth-child(1)::before{content:'Step';font-size:calc(1em * 14 / 16); line-height: calc(1em * 15 / 14);}
link[href*="yokkaichi_mc"] ~ .subt[en="Flow"] + * dl dt > *:nth-child(1)::after{
	counter-increment: number 1;
	content: counter(number, decimal-leading-zero);
	font-size:calc(1em * 30 / 16);
	line-height: 1em;
}
link[href*="yokkaichi_mc"] ~ .subt[en="Flow"] + * dl dt > *:nth-child(2){
	flex-grow: 1;
	min-height: calc(1em * 60 / 16);
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
link[href*="yokkaichi_mc"] ~ .subt[en="Flow"] + * dl dt > *:nth-child(2) > *,
link[href*="yokkaichi_mc"] ~ .subt[en="Flow"] + * dl dt > *:nth-child(2)::before,
link[href*="yokkaichi_mc"] ~ .subt[en="Flow"] + * dl dt > *:nth-child(2)::after{
	display: block;
	font-size:calc(1em * 9 / 16);
	border-radius: 1em;
	width:1em;
	height:1em;
	background-color: #e1e1e1;
}
link[href*="yokkaichi_mc"] ~ .subt[en="Flow"] + * dl dt > *:nth-child(2) > *{height:100%;}
link[href*="yokkaichi_mc"] ~ .subt[en="Flow"] + * dl dt > *:nth-child(2)::before,
link[href*="yokkaichi_mc"] ~ .subt[en="Flow"] + * dl dt > *:nth-child(2)::after{
	content:'';
	position: absolute;
	bottom:0;
	height: 3.715em;
	transform-origin: center calc(100% - 0.5em);
}
link[href*="yokkaichi_mc"] ~ .subt[en="Flow"] + * dl dt > *:nth-child(2)::before{transform: rotate(-45deg);}
link[href*="yokkaichi_mc"] ~ .subt[en="Flow"] + * dl dt > *:nth-child(2)::after{transform: rotate(45deg);}
link[href*="yokkaichi_mc"] ~ .subt[en="Flow"] + * dl:last-of-type dt > *:nth-child(2){display: none;}
link[href*="yokkaichi_mc"] ~ .subt[en="Flow"] + * dl dd{padding-top: calc(1em * 30 / 16);}
link[href*="yokkaichi_mc"] ~ .subt[en="Flow"] + * dl dd h3{margin-bottom: 0.75em;}
link[href*="yokkaichi_mc"] ~ .subt[en="Flow"] + * dl dd .text{line-height: 2em;}
link[href*="yokkaichi_mc"] ~ * .btn,
link[href*="yokkaichi_mc"] ~ * .btn a{
	display: flex;
	justify-content: center;
	align-items: center;
}
link[href*="yokkaichi_mc"] ~ * .btn{margin-top: calc(1em * 30 / 16);}
link[href*="yokkaichi_mc"] ~ * .btn a{
	background-color: var(--color-gold);
	color:#FFF;
	font-size: calc(1em * 14 / 16);
	font-weight: 700;
	min-width: min(24em,100%);
	min-height: calc(1em * 48 / 14);
	border-radius: calc(1em * 24 / 14);
	position: relative;
}
link[href*="yokkaichi_mc"] ~ * .btn a::after{
	content:'';
	position: absolute;
	right:1.75em;
	width:0.5em;
	height:0.5em;
	border-radius: 1px;
	border-top:solid 2px #FFF;
	border-right:solid 2px #FFF;
	transform: rotate(45deg);
}
@media screen and (max-width: 767px){
	link[href*="yokkaichi_mc"] ~ .subt[en="Flow"] + * dl{font-size:calc(1em * 8 / 9);gap:1.25em;}
	link[href*="yokkaichi_mc"] ~ .subt[en="Flow"] + * dl dd h3 *{display: inline-block;}
	link[href*="yokkaichi_mc"] ~ .subt[en="Flow"] + * dl dd h3 br{display: none;}
	link[href*="yokkaichi_mc"] ~ .subt[en="Flow"] + * dl dd .text{line-height: 1.5em;}
}


link[href*="yokkaichi_mc"] ~ .seminar_box{margin-top: min(calc(1em * 90 / 16),calc(1vw * 35 / 3.75));}
link[href*="yokkaichi_mc"] ~ .seminar_box h4{font-size:1em; font-weight: 700;}
link[href*="yokkaichi_mc"] ~ .seminar_box > div{
	white-space: pre-wrap;
	line-height: 2em;
	margin-top: 1em;
}
link[href*="yokkaichi_mc"] ~ .seminar_box > div *{display:inline-block; text-indent: 0;}
link[href*="yokkaichi_mc"] ~ .seminar_box > div *[ti="2.5"]{text-indent:-2.5em;padding-left:2.5em;}
link[href*="yokkaichi_mc"] ~ .seminar_box > div *[ti="3"]{text-indent:-3em;padding-left:3em;}
link[href*="yokkaichi_mc"] ~ .seminar_box > div *[ti="5"]{text-indent:-5em;padding-left:5em;}

link[href*="yokkaichi_mc"] ~ .link_box{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
link[href*="yokkaichi_mc"] ~ .link_box + .link_box{margin-top: min(calc(1em * 70 / 16),calc(1vw * 35 / 3.75));}
link[href*="yokkaichi_mc"] ~ .link_box h3{margin-bottom: 0.5em;}
link[href*="yokkaichi_mc"] ~ .link_box a + a{margin-top: 0.5em;}
link[href*="yokkaichi_mc"] ~ .link_box .sns{font-size: calc(1em * 25 / 16); margin: 0.4em 0 0.8em; gap:0.8em; display: flex; align-items: center;}
link[href*="yokkaichi_mc"] ~ .link_box .sns img{width: auto; height: calc(1em * 40 / 25);}
link[href*="yokkaichi_mc"] ~ .link_box .sns img[src*="youtube"]{height: calc(1em * 30 / 25);}
link[href*="yokkaichi_mc"] ~ .link_box .sns ~ .sns{margin-top: calc(1em * 40 / 25);}
link[href*="yokkaichi_mc"] ~ .link_box .mgn{margin:3em 0 0.5em;}

link[href*="yokkaichi_mc"] ~ .news_box{padding-top:calc(1em * 60 / 16);}
link[href*="yokkaichi_mc"] ~ .news_box h2{
	font-size: calc(1em * 30 / 16);
	font-weight: 700;
	line-height: calc(1em * 48 / 30);
}
link[href*="yokkaichi_mc"] ~ .news_box .text{
	text-align: justify;
	line-height: 2em;
	margin-top: calc(1em * 30 / 16);
}
link[href*="yokkaichi_mc"] ~ .news_box .photo{
	margin-top: calc(1em * 30 / 16);
	display: flex;
	justify-content: center;
}
link[href*="yokkaichi_mc"] ~ .news_box .photo img{
	min-width:min(540px,100%);
	max-width: 100%;
	min-height:360px;
	object-fit: cover;
}
link[href*="yokkaichi_mc"] ~ .news_box .photo img[src=""]{background-color: #DDD;}