/*============ 共通項目 ==============*/


/*============ トップページ 調整用　==============*/

#content main article.tWrap {
	width: 100vw;
	position:relative;
	}
#content main article.tWrap::before {
	content: "";
	background: url(https://john-na-run.com/site/wp-content/themes/john-na-run/assets/images/common/h-bg_02.png) no-repeat top center / auto 157rem;
	width: 100vw;
	height: 189rem;
	position: absolute;
	top: -33rem;
	left: 0;
	z-index: 10;
}
#content main article.tWrap::after {
	content: "";
	background: url(https://john-na-run.com/site/wp-content/themes/john-na-run/assets/images/top/t-logo_move.gif) no-repeat top center / 100% auto;
	width: 16rem;
	height: 18rem;
	position: absolute;
	left: 10rem;
	top: 96rem;
	z-index: 10;
	animation: moved1 40s linear infinite;
}

@keyframes moved1 {
	from {transform:translate(0 , 0) rotate(0);}
	5% {transform:translate(22rem , -9rem) rotate(-38deg);}
	7% {transform: translate(39rem , 5rem) rotate(13deg);}
	10% {transform:translate(70rem , 13rem) rotate(-23deg);}
	14% {transform:translate(96rem , 4rem) rotate(-63deg);}
	18% {transform:translate(95rem , -16rem) rotate(-143deg);}
	20% {transform:translate(98rem , -31rem) rotate(-93deg);}
	22% {transform:translate(112rem , -33rem) rotate(-13deg);}
	25% {transform:translate(122rem , -30rem) rotate(-1deg);}
	28% {transform:translate(122rem , -2rem) rotate(27deg);}
	30% {transform:translate(154rem , -16rem) rotate(-54deg);}
	32% {transform:translate(167rem , -21rem) rotate(-52deg);}
	33% {transform:translate(167rem , -60rem) rotate(-52deg);}
	36% {transform:translate(187rem , -70rem) rotate(-52deg);}
	37% {transform:translate(187rem , -98rem) rotate(-192deg);}
	40% {transform:translate(167rem , -98rem) rotate(-192deg);}
	43% {transform:translate(151rem , -100rem) rotate(-162deg);}
	45% {transform:translate(148rem , -111rem) rotate(-102deg);}
	47% {transform:translate(158rem , -116rem) rotate(-44deg);}
	50% {transform:translate(188rem , -119rem) rotate(-42deg);}
	53% {transform:translate(188rem , -149rem) rotate(-42deg);}
	54% {transform:translate(98rem , -149rem) rotate(108deg);}
	55% {transform:translate(96rem , -129rem) rotate(108deg);}
	58% {transform:translate(80rem , -124rem) rotate(168deg);}
	62% {transform:translate(67rem , -131rem) rotate(186deg);}
	65% {transform:translate(49rem , -124rem) rotate(163deg);}
	68% {transform:translate(39rem , -130rem) rotate(213deg);}
	72% {transform:translate(36rem , -147rem) rotate(213deg);}
	75% {transform:translate(26rem , -147rem) rotate(53deg);}
	76% {transform:translate(33rem , -122rem) rotate(44deg);}
	80% {transform:translate(30rem , -112rem) rotate(94deg);}
	85% {transform:translate(11rem , -102rem) rotate(144deg);}
	88% {transform:translate(-2rem , -103rem) rotate(184deg);}
	97% {transform:transform:translate(0 , 0) rotate(-8500deg);}
	99% {transform:transform:translate(0 , 0) rotate(-30deg);}
	to {transform:transform:translate(0 , 0) rotate(0);}
	}
	
#content main article.tWrap .accessPoint{position:relative; top:-20rem;}
#content main article.tWrap section.content {
	width: 100%;
	position: relative;
	}
#content main article.tWrap section.content.content01 {
	height: 96rem;
	overflow: hidden;
	}
#content main article.tWrap section.content.content01 h1 {
	position: absolute;
	top: 0rem;
	right: 30rem;
	z-index: 10;
	background: rgba(255,255,255,.7);
	padding: 2rem;
	border-radius: 2rem;
	color: #333;
	font-family: Shin Go Regular , sans-serif;
}
#content main article.tWrap section.content.content01 h1 strong {
	color: #ea5228;
	font-weight: 700;
	font-size: 2.5rem;
}
#content main article.tWrap section.content.content01 .slick-slide img {
	display: block;
	width: 100vw;
	}
#content main article.tWrap section.content.content01 > nav {
	background: rgba(255,255,255,.8);
	position: absolute;
	top: 17rem;
	left: 17rem;
	z-index: 11;
	padding: 0;
	border-radius: 1.5rem;
	overflow: hidden;
	box-shadow: .2rem .2rem 1.5rem #000;
}
#content main article.tWrap section.content.content01 > nav h2 {
	color: #fff;
	font-size: 2.5rem;
	padding: 3rem 3rem 1rem 10rem;
	text-align: left;
	background: #ea5228;
	border-radius: 1.5rem 1.5rem 0 0;
	position: relative;
	font-family: Shin Go Regular , sans-serif;
	border-bottom: dotted #fff 0.5rem;
	}
#content main article.tWrap section.content.content01 > nav h2::after {
	content: "";
	background: url(https://john-na-run.com/site/wp-content/themes/john-na-run/assets/images/top/t-icon_search.png) no-repeat center / 100%;
	width: 5rem;
	height: 5rem;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	left: 3rem;
	}
#content main article.tWrap section.content.content01 > nav div.navSearchWrap {
	width: 100%;
	padding: .4rem .8rem .4rem 3rem;
	display: flex;
	gap: 2rem;
	align-items: center;
	background: #ea5228;
	}
#content main article.tWrap section.content.content01 > nav div.navSearchWrap h3 {
	color: #fff;
	margin-left: 2rem;
	}
#content main article.tWrap section.content.content01 > nav div.navSearchWrap h3::before {
	content: "";
	background: url(https://john-na-run.com/site/wp-content/themes/john-na-run/assets/images/top/t-icon_check.png) no-repeat center / 100%;
	width: 2.5rem;
	height: 2.5rem;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	left: -3rem;
	}
#content main article.tWrap section.content.content01 > nav div.navSearchWrap select {
	border: none;
	background: #fff;
	width: 30rem;
	font-size: 2rem;
	padding: 1rem;
	}
#content main article.tWrap section.content.content01 > nav div.navSearchWrap option {
	color: #231815;
}
#content main article.tWrap section.content.content01 > nav div.navSearchWrap.navSearchWrap01 {padding-top: 2rem;}
#content main article.tWrap section.content.content01 > nav div.navSearchWrap.navSearchWrap02{}
#content main article.tWrap section.content.content01 > nav div.navSearchWrap.navSearchWrap03 {padding-bottom: 2rem;}
#content main article.tWrap section.content.content01 > nav > a{
	border: solid 0.3rem #231815;
	padding: 0 3rem;
	display: block;
	overflow: hidden;
	position: relative;
	text-align: center;
	height: 5rem;
	margin: 3rem auto 2rem;
	line-height: 4rem;
	border-radius: 50px;
	width: 30rem;
	background:#fff;
	}
#content main article.tWrap section.content.content01 > nav > a span {
	position: relative;
	z-index: 3;
	font-size: 2rem;
	width: 100%;
	height: 100%;
	display: block;
	transition: 0.6s ease-in;
	}
#content main article.tWrap section.content.content01 > nav > a:after {
	content: '';
	display: block;
	height: 100%;
	width: 0%;
	background: #231815;
	margin: 0 auto;
	transition: 0.6s ease-in;
	position: absolute;
	bottom: 0;
	right: -40%;
	z-index: 2;
	transform: skewX(40deg);
	}
#content main article.tWrap section.content.content01 > nav > a:hover span,
#content main article.tWrap section.content.content01 > nav > a:hover{color:#fff;}
#content main article.tWrap section.content.content01 > nav > a:hover:after{width:calc(180%); right:auto; left:-40%;}

#content main article.tWrap section.content.content02 {
	padding-top: 10rem;
	}
#content main article.tWrap section.content.content02 h2 {
	width: min(100% , 130rem);
	margin: auto;
	}
#content main article.tWrap section.content.content02 h2 span {
	position: relative;
	z-index: 10;
	font-size: 4rem;
	text-align: center;
	padding-right: 40rem;
	border-bottom: dotted .6rem #ea5430;
	display: block;
	}

	/*
#content main article.tWrap section.content.content02 h2::before {
	content: "";
	margin: auto;
	background: url(https://john-na-run.com/site/wp-content/themes/john-na-run/assets/images/top/t-bg_03.png) no-repeat center / auto 100%;
	height: 66rem;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: -40rem;
	z-index: 9;
	}
	*/

#content main article.tWrap section.content.content02 #dataDisp {
	overflow-x: hidden;
	overflow-y: auto;
	position: relative;
	z-index: 10;
	}
#content main article.tWrap section.content.content02 .owl-carousel .owl-item {
	height: 100%;
	padding: 0 2rem;
	transition: .4s ease-out;
	transform:translate(0,0);
	}
#content main article.tWrap section.content.content02 .owl-carousel .owl-item .item {
	display: flex;
	height: 100%;
	position: relative;
	flex-wrap: wrap;
	padding: 2rem;
	border: solid #009e6b .5rem;
	border-radius: 1rem;
	overflow: hidden;
	transition: .4s ease-out;
	}
#content main article.tWrap section.content.content02 .owl-carousel .owl-item:nth-of-type(4n + 1) .item {border-color:#0071b3;}
#content main article.tWrap section.content.content02 .owl-carousel .owl-item:nth-of-type(4n + 2) .item {border-color:#ea5430;}
#content main article.tWrap section.content.content02 .owl-carousel .owl-item:nth-of-type(4n + 3) .item {border-color:#d1d400;}
#content main article.tWrap section.content.content02 .owl-carousel .owl-item:nth-of-type(4n + 4) .item {border-color:#009047;}
#content main article.tWrap section.content.content02 .owl-carousel .owl-item.center .item{
	transform: translate(0,-20px) scale(1.1 , 1.1);
	background: #fff;
	box-shadow: 0 0 1rem;
	z-index: 2;
	}
#content main article.tWrap section.content.content02 .owl-item .item h3 {
	font-weight: bold;
	position: relative;
	margin-bottom: 2rem;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	border-radius: 1rem;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	min-height: 5rem;
	transition: .3s ease-in;
	transform: rotate(0deg);
}
#content main article.tWrap section.content.content02 .owl-item .item h3:hover {transform: rotate(-3deg);}

#content main article.tWrap section.content.content02 .owl-carousel .owl-item:nth-of-type(4n + 1) .item h3{background-color:#0071b3;}
#content main article.tWrap section.content.content02 .owl-carousel .owl-item:nth-of-type(4n + 2) .item h3{background-color:#ea5430;}
#content main article.tWrap section.content.content02 .owl-carousel .owl-item:nth-of-type(4n + 3) .item h3{background-color:#d1d400;}
#content main article.tWrap section.content.content02 .owl-carousel .owl-item:nth-of-type(4n + 4) .item h3{background-color:#009047;}
#content main article.tWrap section.content.content02 .owl-item .item h3::before {
	content: "";
	background: url(https://john-na-run.com/site/wp-content/themes/john-na-run/assets/images/top/t-icon_heart.png) no-repeat center / 100%;
	width: 3rem;
	height: 3rem;
	position: absolute;
	top: 1rem;
	left: 2rem;
	}
#content main article.tWrap section.content.content02 .owl-item .item h3 a{
	color: #fff;
	font-size: 2rem;
	padding: 0 2rem 0 6rem;
	display: flex;
	width: 100%;
	height: 100%;
	justify-content: flex-start;
	align-items: center;
}

#content main article.tWrap section.content.content02 .owl-carousel .owl-item .item figure{
	width: 100%;
	height: 20rem;
	overflow: hidden;
	}
#content main article.tWrap section.content.content02 .owl-carousel .owl-item .item figure.noimage {
	background: #ccc;
	color: #fff;
	font-size: 3rem;
	text-align: center;
	line-height: 20rem;
	}

#content main article.tWrap section.content.content02 .owl-carousel .owl-item .item > div.textWrap {
	width: 100%;
	text-align: right;
	}
#content main article.tWrap section.content.content02 .owl-carousel .owl-item .item > div.textWrap ul.kindList {
	display: flex;
	justify-content: flex-start;
	gap: .5rem 1rem;
	align-items: center;
	flex-wrap: wrap;
	padding: 1rem 1rem 0 6rem;
	position: relative;
	min-height: 4rem;
}
#content main article.tWrap section.content.content02 .owl-carousel .owl-item .item > div.textWrap ul.kindList::before {
	content: "業種：";
	position: absolute;
	left: 0;
	top: 1rem;
}
#content main article.tWrap section.content.content02 .owl-carousel .owl-item .item > div.textWrap ul.kindList li {
	color: #fff;
	font-size: 1.6rem;
	padding: 0.2rem 2rem;
	border-radius: 50rem;
}
#content main article.tWrap section.content.content02 .owl-carousel .owl-item .item > div.textWrap ul.kindList li[data="食料品製造"] {background: #ea5976;}
#content main article.tWrap section.content.content02 .owl-carousel .owl-item .item > div.textWrap ul.kindList li[data="製造・生産"] {background: #2e78c1}
#content main article.tWrap section.content.content02 .owl-carousel .owl-item .item > div.textWrap ul.kindList li[data="農業"] {background:#009047; }
#content main article.tWrap section.content.content02 .owl-carousel .owl-item .item > div.textWrap ul.kindList li[data="軽作業"] {background: #fbc123;}
#content main article.tWrap section.content.content02 .owl-carousel .owl-item .item > div.textWrap ul.kindList li[data="清掃"] {background:#aa89bd; }
#content main article.tWrap section.content.content02 .owl-carousel .owl-item .item > div.textWrap ul.kindList li[data="クリエイティブ"] {background:#71c6dd; }
#content main article.tWrap section.content.content02 .owl-carousel .owl-item .item > div.textWrap ul.kindList li[data="サービス業"] {background:#82cd47; }
#content main article.tWrap section.content.content02 .owl-carousel .owl-item .item > div.textWrap ul.kindList li.child {
	background: #928787;
	font-size: 1.5rem;
	order: 5;
}

#content main article.tWrap section.content.content02 .owl-carousel .owl-item .item > div.textWrap > div {
	text-align: left;
	font-size: 1.8rem;
	margin: 1.5rem;
	}

#content main article.tWrap section.content.content02 .owl-carousel .owl-item .item > div.textWrap > div.facility_price {
	text-align: right;
	border-top: dotted;
	padding: 1rem;
	}

#content main article.tWrap section.content.content02 .owl-carousel .owl-item:nth-of-type(4n + 1) .item > div.textWrap > div.facility_price{border-color:#0071b3;}
#content main article.tWrap section.content.content02 .owl-carousel .owl-item:nth-of-type(4n + 2) .item > div.textWrap > div.facility_price{border-color:#ea5430;}
#content main article.tWrap section.content.content02 .owl-carousel .owl-item:nth-of-type(4n + 3) .item > div.textWrap > div.facility_price{border-color:#d1d400;}
#content main article.tWrap section.content.content02 .owl-carousel .owl-item:nth-of-type(4n + 4) .item > div.textWrap > div.facility_price{border-color:#009047;}
#content main article.tWrap section.content.content02 .owl-carousel .owl-item .item > div.textWrap > div.facility_price:before{content:"作業単価：";}
#content main article.tWrap section.content.content02 > a {
	border: solid 0.3rem #231815;
	padding: 0 3rem;
	display: block;
	overflow: hidden;
	position: relative;
	text-align: center;
	height: 5rem;
	margin: 3rem auto 2rem;
	line-height: 4rem;
	border-radius: 50px;
	width: 60rem;
	background: #fff;
	z-index: 10;
	}
#content main article.tWrap section.content.content02 > a span {
	position: relative;
	z-index: 3;
	font-size: 2rem;
	width: 100%;
	height: 100%;
	display: block;
	transition: 0.6s ease-in;
	}
#content main article.tWrap section.content.content02 > a:after {
	content: '';
	display: block;
	height: 100%;
	width: 0%;
	background: #231815;
	margin: 0 auto;
	transition: 0.6s ease-in;
	position: absolute;
	bottom: 0;
	right: -40%;
	z-index: 2;
	transform: skewX(40deg);
	}
#content main article.tWrap section.content.content02 > a:hover span,
#content main article.tWrap section.content.content02 > a:hover{color:#fff;}
#content main article.tWrap section.content.content02 > a:hover:after{width:calc(180%); right:auto; left:-40%;}

#content main article.tWrap section.content.content02 .owl-carousel .owl-item .item div.textWrap a {
	position: relative;
	display: inline-block;
	width: auto;
	text-align: center;
	height: 7rem;
	padding: 3rem 5rem 0 3rem;
	}
#content main article.tWrap section.content.content02 .owl-carousel .owl-item .item div.textWrap a:after {
	content: "";
	height: 1px;
	width: 0%;
	background: #231815;
	margin: 0 auto;
	transition: 0.4s ease-in;
	bottom: 0;
	right: 0;
	position: absolute;
	}
#content main article.tWrap section.content.content02 .owl-carousel .owl-item .item div.textWrap a:hover:after{width:calc(100%); right:auto; left:0%;}
#content main article.tWrap section.content.content02 .owl-carousel .owl-item .item div.textWrap a span {
	position: relative;
	}
#content main article.tWrap section.content.content02 .owl-carousel .owl-item .item div.textWrap a span::before {
	content: "";
	background: url(https://john-na-run.com/site/wp-content/themes/john-na-run/assets/images/common/h-icon_arrow.png) no-repeat center / 100%;
	width: 2rem;
	height: 1.5rem;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: -3rem;
	}

#content main article.tWrap section.content.content02 .owl-carousel,
#content main article.tWrap section.content.content02 .owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative;}
#content main article.tWrap section.content.content02 .owl-carousel{display:none;width:100%;z-index:1;}
#content main article.tWrap section.content.content02 .owl-carousel .owl-stage{position:relative;touch-action:manipulation;-moz-backface-visibility:hidden;}
#content main article.tWrap section.content.content02 .owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
#content main article.tWrap section.content.content02 .owl-carousel .owl-stage-outer {
	position: relative;
	overflow: hidden;
	-webkit-transform: translate3d(0,0,0);
	padding: 10rem 0 5rem;
	}
#content main article.tWrap section.content.content02 .owl-carousel .owl-item,
#content main article.tWrap section.content.content02 .owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);}
#content main article.tWrap section.content.content02 .owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none;}
#content main article.tWrap section.content.content02 .owl-carousel .owl-item figure img {
	display: block;
	width: 100%;
	transform: scale(100%, 100%);
	-webkit-transform: scale(1.0 , 1.0);
	opacity: 1;
}
#content main article.tWrap section.content.content02 .owl-carousel .owl-dots.disabled,
#content main article.tWrap section.content.content02 .owl-carousel .owl-nav.disabled{display:none;}
.no-js #content main article.tWrap section.content.content02 .owl-carousel,
#content main article.tWrap section.content.content02 .owl-carousel.owl-loaded{display:block;}
#content main article.tWrap section.content.content02 .owl-carousel .owl-dot,
#content main article.tWrap section.content.content02 .owl-carousel .owl-nav .owl-next,
#content main article.tWrap section.content.content02 .owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
#content main article.tWrap section.content.content02 .owl-carousel .owl-nav button.owl-next,
#content main article.tWrap section.content.content02 .owl-carousel .owl-nav button.owl-prev,
#content main article.tWrap section.content.content02 .owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit;}
#content main article.tWrap section.content.content02 .owl-carousel.owl-loading{opacity:0;display:block;}
#content main article.tWrap section.content.content02 .owl-carousel.owl-hidden{opacity:0;}
#content main article.tWrap section.content.content02 .owl-carousel.owl-refresh .owl-item{visibility:hidden;}
#content main article.tWrap section.content.content02 .owl-carousel.owl-drag .owl-item{touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
#content main article.tWrap section.content.content02 .owl-carousel.owl-grab{cursor:move;cursor:-webkit-grab;cursor:grab;}
#content main article.tWrap section.content.content02 .owl-carousel.owl-rtl{direction:rtl;}
#content main article.tWrap section.content.content02 .owl-carousel.owl-rtl .owl-item{float:right;}
#content main article.tWrap section.content.content02 .owl-carousel .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
#content main article.tWrap section.content.content02 .owl-carousel .owl-animated-in{z-index:0;}
#content main article.tWrap section.content.content02 .owl-carousel .owl-animated-out{z-index:1;}
#content main article.tWrap section.content.content02 .owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut;}
	@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0};}
	@keyframes fadeOut{0%{opacity:1}100%{opacity:0};}
#content main article.tWrap section.content.content02 .owl-height{-webkit-transition:height .5s ease-in-out;transition:height .5s ease-in-out;}
#content main article.tWrap section.content.content02 .owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity .4s ease;transition:opacity .4s ease;}
#content main article.tWrap section.content.content02 .owl-carousel .owl-item .owl-lazy:not([src]),
#content main article.tWrap section.content.content02 .owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0;}
#content main article.tWrap section.content.content02 .owl-carousel .owl-item img.owl-lazy{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;}
#content main article.tWrap section.content.content02 .owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000;}
#content main article.tWrap section.content.content02 .owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:-webkit-transform .1s ease;transition:-webkit-transform .1s ease;transition:transform .1s ease;transition:transform .1s ease,-webkit-transform .1s ease;}
#content main article.tWrap section.content.content02 .owl-carousel .owl-video-play-icon:hover{-webkit-transform:scale(1.3,1.3);transform:scale(1.3,1.3);}
#content main article.tWrap section.content.content02 .owl-carousel .owl-video-playing .owl-video-play-icon,
#content main article.tWrap section.content.content02 .owl-carousel .owl-video-playing .owl-video-tn{display:none;}
#content main article.tWrap section.content.content02 .owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;-webkit-transition:opacity .4s ease;transition:opacity .4s ease;}
#content main article.tWrap section.content.content02 .owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%;}
#content main article.tWrap section.content.content02 .owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
#content main article.tWrap section.content.content02 .owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y;}
#content main article.tWrap section.content.content02 .owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0,0,0);}
#content main article.tWrap section.content.content02 .owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%;}
#content main article.tWrap section.content.content02 .owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height .5s ease-in-out;transition:height .5s ease-in-out;}
#content main article.tWrap section.content.content02 .owl-carousel .owl-item{float:left;}
#content main article.tWrap section.content.content02 .owl-controls .owl-buttons div,
#content main article.tWrap section.content.content02 .owl-controls .owl-page{cursor:pointer;}
#content main article.tWrap section.content.content02 .owl-controls{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;}
#content main article.tWrap section.content.content02 .grabbing{cursor:url(grabbing.png) 8 8,move;}
#content main article.tWrap section.content.content02 .owl-carousel .owl-item,
#content main article.tWrap section.content.content02 .owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);}
#content main article.tWrap section.content.content02 .owl-carousel{margin-bottom:0;}

#content main article.tWrap section.content.content03 {
	background: url(https://john-na-run.com/site/wp-content/themes/john-na-run/assets/images/top/t-bg_05.png) no-repeat right center / auto 110rem;
	min-height: 60rem;
}

#content main article.tWrap section.content.content03 {
	padding-top: 10rem;
	}
#content main article.tWrap section.content.content03 div.contentsWrap {
	width: min(90% , 150rem);
	padding: 3rem 0 10rem;
	margin: auto;
}
#content main article.tWrap section.content.content03 > h2 {
	width: min(100% , 150rem);
	margin: auto;
	position: relative;
	}	
#content main article.tWrap section.content.content03 > h2 span {
	position: relative;
	z-index: 10;
	font-size: 3rem;
	text-align: left;
	padding: 0 0 0 11rem;
	display: block;
	}
#content main article.tWrap section.content.content03 > h2::before {
	content: "";
	margin: auto;
	background: url(https://john-na-run.com/site/wp-content/themes/john-na-run/assets/images/top/t-icon_circle.png) no-repeat center / auto 100%;
	height: 5rem;
	position: absolute;
	left: 0;
	margin: auto;
	top: 0;
	z-index: 9;
	bottom: 0;
	width: 9rem;
	}
#content main article.tWrap section.content.content03 > h3 {
	background: url(https://john-na-run.com/site/wp-content/themes/john-na-run/assets/images/top/t-bg_04.png) no-repeat center/100%;
	width: 40rem;
	height: 26rem;
	position: absolute;
	right: 10rem;
	color: #ea5228;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	top: 30rem;
	animation: moved2 10s linear infinite;
}

@keyframes moved2 {
	from {transform:translate(0 , 0) rotate(0);}
	10% {transform:translate(0 , 0) rotate(5deg);}
	20% {transform:translate(2rem , 0) rotate(0deg);}
	30% {transform:translate(0 , 3rem) rotate(-5deg);}
	20% {transform:translate(0 , 2rem) rotate(0deg);}
	40% {transform:translate(1rem , 1rem) rotate(5deg);}
	60% {transform:translate(0 , -2rem) rotate(0deg);}
	70% {transform:translate(-1rem , 1rem) rotate(-5deg);}
	80% {transform:translate(-2rem , 1rem) rotate(0deg);}
	90% {transform:translate(1rem , 0) rotate(5deg);}
	95% {transform:translate(5rem , -1rem) rotate(-4500deg);}
	to {transform:transform:translate(0 , 0) rotate(0);}
	}
	
#content main article.tWrap section.content.content03 > p {
	width: min(100% , 150rem);
	margin: 5rem auto 2rem;
	position: relative;
	padding: 0 3rem;
}
#content main article.tWrap section.content.content03 div.contentsWrap dl {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 5rem;
	padding-right: 60rem;
	}
#content main article.tWrap section.content.content03 div.contentsWrap dl dd {
	background: rgba(255,255,255,.8);
	z-index: 9;
	padding: 0;
	border-radius: 1.5rem;
	overflow: hidden;
	box-shadow: .2rem .2rem 1.5rem #000;
	}
#content main article.tWrap section.content.content03 div.contentsWrap dl dd.w50 {
	width: calc(50% - 2.5rem);
}
#content main article.tWrap section.content.content03 div.contentsWrap dl dd + dd{}
#content main article.tWrap section.content.content03 div.contentsWrap dl dd h2 {
	color: #fff;
	font-size: 2.5rem;
	padding: 3rem 5rem 1rem 9rem;
	text-align: left;
	background: #ea5228;
	border-radius: 1.5rem 1.5rem 0 0;
	position: relative;
	font-family: Shin Go Regular , sans-serif;
	border-bottom: dotted #fff 0.5rem;
	}
#content main article.tWrap section.content.content03 div.contentsWrap dl dd h2::after {
	content: "";
	background: url(https://john-na-run.com/site/wp-content/themes/john-na-run/assets/images/top/t-icon_star.png) no-repeat center / 100%;
	width: 3rem;
	height: 3rem;
	position: absolute;
	top: 2rem;
	bottom: 0;
	margin: auto;
	left: 4rem;
	}
#content main article.tWrap section.content.content03 div.contentsWrap dl dd div.labelWrap {
	padding: 3rem;
	display: flex;
	gap: 3rem 2rem;
	flex-wrap: wrap;
}
#content main article.tWrap section.content.content03 div.contentsWrap dl dd:not(.w50) div.labelWrap > div {
	width: calc(calc(100% - calc(2rem * 3))/4);
}
#content main article.tWrap section.content.content03 div.contentsWrap dl dd:not(.w50) div.labelWrap > div:last-of-type {
	width: calc(50% - 2rem);
}
#content main article.tWrap section.content.content03 div.contentsWrap dl dd.w50 div.labelWrap > div {
	width: calc(calc(100% - calc(4rem * 1))/2);
}
#content main article.tWrap section.content.content03 div.contentsWrap dl dd div.labelWrap label {
	cursor: pointer;
	position: relative;
}
#content main article.tWrap section.content.content03 div.contentsWrap dl dd div.labelWrap label::before {
	content: "";
	position: absolute;
	background: rgba(00, 00, 000, .1);
	width: 105%;
	height: 100%;
	opacity: 0;
	transition: .3s ease-in;
	top: 0;
	left: 0;
	border-radius: 0.6rem;
}
#content main article.tWrap section.content.content03 div.contentsWrap dl dd div.labelWrap label:hover:before {opacity:1;}
#content main article.tWrap section.content.content03 div.contentsWrap dl dd div.labelWrap > div > ul {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 0rem 2rem;
	padding-left: 2rem;
}
#content main article.tWrap section.content.content03 div.contentsWrap dl dd div.labelWrap > div > ul li{}
#content main article.tWrap section.content.content03 div.contentsWrap dl dd div.labelWrap > div > ul li label {
	font-size: 1.5rem;
}
#content main article.tWrap section.content.content03 div.contentsWrap dl dd label {
	font-size: 1.8rem;
	}

#content main article.tWrap section.content.content03 div.contentsWrap dl dd > label {
	width: 100%;
	padding: 3rem;
	display: block;
}
#content main article.tWrap section.content.content03 div.contentsWrap dl dd > label input[type="text"] {
	padding: 1.5rem;
	font-size: 2rem;
	width: 72rem;
	border: #231815 1px solid;
	position: relative;
	margin: 0;
	display: block;
	border-radius: .8rem;
	background:#fff;
}
#content main article.tWrap section.content.content03 div.contentsWrap dl dt {width:100%;}
#content main article.tWrap section.content.content03 div.contentsWrap dl dt label.checkBtn {}
#content main article.tWrap section.content.content03 div.contentsWrap dl dt label.checkBtn + label.checkBtn {
	margin-left: 5rem;
}
#content main article.tWrap section.content.content03 div.contentsWrap dl dt a{
	border: solid 0.3rem #231815;
	padding: 0 3rem;
	display: block;
	overflow: hidden;
	position: relative;
	text-align: center;
	height: 5rem;
	margin: 3rem auto 2rem;
	line-height: 4rem;
	border-radius: 50px;
	width: 30rem;
	background:#fff;
	}
#content main article.tWrap section.content.content03 div.contentsWrap dl dt a span {
	position: relative;
	z-index: 3;
	font-size: 2rem;
	width: 100%;
	height: 100%;
	display: block;
	transition: 0.6s ease-in;
	}
#content main article.tWrap section.content.content03 div.contentsWrap dl dt a:after {
	content: '';
	display: block;
	height: 100%;
	width: 0%;
	background: #231815;
	margin: 0 auto;
	transition: 0.6s ease-in;
	position: absolute;
	bottom: 0;
	right: -40%;
	z-index: 2;
	transform: skewX(40deg);
	}
#content main article.tWrap section.content.content03 div.contentsWrap dl dt a:hover span,
#content main article.tWrap section.content.content03 div.contentsWrap dl dt a:hover{color:#fff;}
#content main article.tWrap section.content.content03 div.contentsWrap dl dt a:hover:after{width:calc(180%); right:auto; left:-40%;}

#content main article.tWrap section.content.content03 div.contentsWrap dl dt form label.formBtn{
	border: solid 0.3rem #231815;
	padding: 0 3rem;
	display: block;
	overflow: hidden;
	position: relative;
	text-align: center;
	height: 5rem;
	margin: 3rem auto 2rem;
	line-height: 4rem;
	border-radius: 50px;
	width: 30rem;
	background:#fff;
	}
#content main article.tWrap section.content.content03 div.contentsWrap dl dt form label.formBtn input {
	position: relative;
	z-index: 3;
	font-size: 2rem;
	width: 100%;
	height: 100%;
	display: block;
	transition: 0.6s ease-in;
	background: none;
	border: none;
	cursor: pointer;
	}
#content main article.tWrap section.content.content03 div.contentsWrap dl dt form label.formBtn:after {
	content: '';
	display: block;
	height: 100%;
	width: 0%;
	background: #231815;
	margin: 0 auto;
	transition: 0.6s ease-in;
	position: absolute;
	bottom: 0;
	right: -40%;
	z-index: 2;
	transform: skewX(40deg);
	}
#content main article.tWrap section.content.content03 div.contentsWrap dl dt form label.formBtn:hover input,
#content main article.tWrap section.content.content03 div.contentsWrap dl dt form label.formBtn:hover{color:#fff;}
#content main article.tWrap section.content.content03 div.contentsWrap dl dt form label.formBtn:hover:after{width:calc(180%); right:auto; left:-40%;}


#content main article.tWrap section.content.content04 {}
#content main article.tWrap section.content.content04 > h2 {
	width: min(100% , 150rem);
	margin: 10rem auto 3rem;
	position: relative;
	}	
#content main article.tWrap section.content.content04 > h2 span {
	position: relative;
	z-index: 10;
	font-size: 3rem;
	text-align: left;
	padding: 0 0 0 11rem;
	display: block;
	}
#content main article.tWrap section.content.content04 > h2::before {
	content: "";
	margin: auto;
	background: url(https://john-na-run.com/site/wp-content/themes/john-na-run/assets/images/top/t-icon_circle_02.png) no-repeat center / auto 100%;
	height: 5rem;
	position: absolute;
	left: 0;
	margin: auto;
	top: 0;
	z-index: 9;
	bottom: 0;
	width: 9rem;
	}
#content main article.tWrap section.content.content04 > p {
	width: min(100% , 150rem);
	margin: 0 auto 4rem;
	position: relative;
	padding: 0 3rem;
}
#content main article.tWrap section.content.content04 div.tableWrap {
	width: 100%;
	margin: auto;
	overflow: auto;
	position: relative;
	}
#content main article.tWrap section.content.content04 div.tableWrap table {
	width: 130rem;
	margin: 0 auto 0;
	border: 1px #666 solid;
	border-collapse: collapse;
	}
#content main article.tWrap section.content.content04 div.tableWrap table tr{}
#content main article.tWrap section.content.content04 div.tableWrap table tr:nth-of-type(1) {
	background: #ea5228;
	}
#content main article.tWrap section.content.content04 div.tableWrap table tr th {
	border-bottom: 1px #666 solid;
	padding: 1rem;
	border-right: 1px #666 solid;
	font-weight: bold;
	font-size: 2rem;
	color: #fff;
	}
#content main article.tWrap section.content.content04 div.tableWrap table tr td {
	border-bottom: 1px #666 solid;
	border-right: 1px #666 solid;
	position: relative;
	vertical-align: top;
	padding: 1rem 2rem;
	font-size: 1.5rem;
	}
#content main article.tWrap section.content.content04 div.tableWrap table tr td:nth-of-type(1) {
	padding: 1rem 2rem 6rem 2rem;
	width: 20%;
	vertical-align: middle;
	font-weight: bold;
	font-size: 2rem;
	}
#content main article.tWrap section.content.content04 div.tableWrap table tr td:nth-of-type(2) {width:25%;}
#content main article.tWrap section.content.content04 div.tableWrap table tr td:nth-of-type(3) {width:9%;}
#content main article.tWrap section.content.content04 div.tableWrap table tr td:nth-of-type(4) {width:31%;}
#content main article.tWrap section.content.content04 div.tableWrap table tr td:nth-of-type(1) > a {
	position: absolute;
	display: inline-block;
	width: auto;
	text-align: center;
	padding: 3rem 5rem 1rem 3rem;
	white-space: nowrap;
	bottom: 0;
	right: 0;
}
#content main article.tWrap section.content.content04 div.tableWrap table tr td:nth-of-type(1) > a:after {
	content: "";
	height: 1px;
	width: 0%;
	background: #231815;
	margin: 0 auto;
	transition: 0.4s ease-in;
	bottom: 1rem;
	right: 0;
	position: absolute;
	}
#content main article.tWrap section.content.content04 div.tableWrap table tr td:nth-of-type(1) > a:hover:after{width:calc(100%); right:auto; left:0%;}
#content main article.tWrap section.content.content04 div.tableWrap table tr td:nth-of-type(1) > a span {
	position: relative;
	font-size: 1.5rem;
	}
#content main article.tWrap section.content.content04 div.tableWrap table tr td:nth-of-type(1) > a span::before {
	content: "";
	background: url(https://john-na-run.com/site/wp-content/themes/john-na-run/assets/images/common/h-icon_arrow.png) no-repeat center / 100%;
	width: 1.5rem;
	height: 1rem;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: -3rem;
}

#content main article.tWrap section.content.content04 div.tableWrap table tr td:nth-of-type(1) > a span {
	color: #010101;
	font-size: 1.5rem;
}
#content main article.tWrap section.content.content04 div.tableWrap table tr td:nth-of-type(1) > a:hover span {color:#010101;}

#content main article.tWrap section.content.content04 div.tableWrap table tr td.type > span {
	font-size: 1.8rem;
}
/*
#content main article.tWrap section.content.content04 div.tableWrap table tr td.type > span.child {
	font-size: 1.6rem;
}
*/
#content main article.tWrap section.content.content04 div.tableWrap table tr td.type > span + span::before {
	content: ",";
	margin-right: 3px;
	}

#content main article.tWrap section.content.content04 > a {
	border: solid 0.3rem #231815;
	padding: 0 3rem;
	display: block;
	overflow: hidden;
	position: relative;
	text-align: center;
	height: 5rem;
	margin: 3rem auto 2rem;
	line-height: 4rem;
	border-radius: 50px;
	width: 60rem;
	background: #fff;
	}
#content main article.tWrap section.content.content04 > a span {
	position: relative;
	z-index: 3;
	font-size: 2rem;
	width: 100%;
	height: 100%;
	display: block;
	transition: 0.6s ease-in;
	}
#content main article.tWrap section.content.content04 > a:after {
	content: '';
	display: block;
	height: 100%;
	width: 0%;
	background: #231815;
	margin: 0 auto;
	transition: 0.6s ease-in;
	position: absolute;
	bottom: 0;
	right: -40%;
	z-index: 2;
	transform: skewX(40deg);
	}
#content main article.tWrap section.content.content04 > a:hover span,
#content main article.tWrap section.content.content04 > a:hover{color:#fff;}
#content main article.tWrap section.content.content04 > a:hover:after{width:calc(180%); right:auto; left:-40%;}

#content main article.tWrap section.content.content05 {
	min-height: 120rem;
	padding-bottom: 100rem;
}
#content main article.tWrap section.content.content05 > h2 {
	width: min(100% , 150rem);
	margin: 10rem auto 3rem;
	position: relative;
	}	
#content main article.tWrap section.content.content05 > h2 span {
	position: relative;
	z-index: 10;
	font-size: 3rem;
	text-align: left;
	padding: 0 0 0 11rem;
	display: block;
	}
#content main article.tWrap section.content.content05 > h2::before {
	content: "";
	margin: auto;
	background: url(https://john-na-run.com/site/wp-content/themes/john-na-run/assets/images/top/t-icon_circle.png) no-repeat center / auto 100%;
	height: 5rem;
	position: absolute;
	left: 0;
	margin: auto;
	top: 0;
	z-index: 9;
	bottom: 0;
	width: 9rem;
	}
#content main article.tWrap section.content.content05 > p {
	width: min(100% , 150rem);
	margin: 5rem auto 4rem;
	position: relative;
	padding: 0 3rem;
	z-index: 3;
	text-shadow: 
		#fff 0 0 10px,
		#fff 0 0 10px,
		#fff 0 0 10px,
		#fff 0 0 10px,
		#fff 0 0 10px,
		#fff 0 0 10px,
		#fff 0 0 10px;
}
#content main article.tWrap section.content.content05 > p a{
	position: relative;
	display: inline-block;
	width: auto;
	text-align: center;
	bottom: 0;
	right: 0;
}
#content main article.tWrap section.content.content05 > p a::after {
	content: "";
	height: 1px;
	width: 0%;
	background: #231815;
	margin: 0 auto;
	transition: 0.4s ease-in;
	bottom: 0;
	right: 0;
	position: absolute;
}
#content main article.tWrap section.content.content05 > p a:hover:after{width:calc(100%); right:auto; left:0%;}
#content main article.tWrap section.content.content05 > figure {
	position: absolute;
	bottom: 0px;
	right: 0;
	overflow: hidden;
}
#content main article.tWrap section.content.content05 > figure img {
	width: 270rem;
	position: relative;
	left: 10rem;
}
#content main article.tWrap section.content.content05 > ul {
	width: min(94% , 150rem);
	margin: 0 auto 0;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: 0rem 3rem;
}
#content main article.tWrap section.content.content05 > ul li {
	width: calc(calc(100% - 6rem) / 3);
	cursor: pointer;
}
#content main article.tWrap section.content.content05 > ul li::before {
	content: "";
	background: url(https://john-na-run.com/site/wp-content/themes/john-na-run/assets/images/top/t-img_john.png) no-repeat center / 100%;
	width: 3rem;
	height: 5rem;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	transition: .3s ease-out;
}
#content main article.tWrap section.content.content05 > ul li h3 {
	position: relative;
	padding: 1rem 0 1rem 6rem;
	font-size: min(3.5vw , 2.5rem);
	text-shadow: 
		#fff 0 0 10px,
		#fff 0 0 10px,
		#fff 0 0 10px,
		#fff 0 0 10px,
		#fff 0 0 10px,
		#fff 0 0 10px,
		#fff 0 0 10px;
}
#content main article.tWrap section.content.content05 > ul li h3::before {
	background: #e45121;
	color: #fff;
	width: 4rem;
	height: 4rem;
	text-align: center;
	line-height: 4rem;
	margin-right: 1rem;
	font-size: 2.5rem;
	position: absolute;
	bottom: 1.3rem;
	left: 0;
	border-radius: .5rem;
	text-shadow: none;
}
#content main article.tWrap section.content.content05 > ul li::after {
	width: 3rem;
	height: 3rem;
	position: absolute;
	bottom: -1rem;
	left: 0;
	right: 4rem;
	margin: auto;
	background: #e45121;
	border-radius: 100%;
	text-align: center;
	color: #fff;
	line-height: 3rem;
	font-size: 1.5rem;
	letter-spacing: -1px;
}
#content main article.tWrap section.content.content05 > ul li.left::after {}
#content main article.tWrap section.content.content05 > ul li.right::after {right:-4rem;}
#content main article.tWrap section.content.content05 > ul li.top::after {bottom:3rem;}
#content main article.tWrap section.content.content05 > ul li.bottom::after {}
#content main article.tWrap section.content.content05 > ul li.lefttop::after {bottom:3rem;}
#content main article.tWrap section.content.content05 > ul li.righttop::after {right:-4rem; bottom:3rem;}
#content main article.tWrap section.content.content05 > ul li.leftbottom::after {}
#content main article.tWrap section.content.content05 > ul li.rightbottom::after {right:-4rem;}



	/*============ スマホページ 調整用　==============*/

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

#content main article.tWrap::before {
	content: "";
	background: url(https://john-na-run.com/site/wp-content/themes/john-na-run/assets/images/common/h-bg_02.png) no-repeat top center / auto 157vw;
	width: 100vw;
	height: 189rem;
	position: absolute;
	top: -33vw;
	left: 0vw;
	z-index: 10;
}
#content main article.tWrap::after {
	content: "";
	background: url(https://john-na-run.com/site/wp-content/themes/john-na-run/assets/images/top/t-logo_move.gif) no-repeat top center / 100% auto;
	width: 16vw;
	height: 18vw;
	position: absolute;
	left: 10vw;
	top: 96vw;
	z-index: 10;
	animation: moved1 40s linear infinite;
}

@keyframes moved1 {
	from {transform:translate(0 , 0) rotate(0);}
	7% {transform:translate(2vw , 10vw) rotate(2deg);}
	15% {transform:translate(32vw , 14vw) rotate(-37deg);}
	20% {transform:translate(54vw , -1vw) rotate(-87deg);}
	25% {transform:translate(50vw , -21vw) rotate(-137deg);}
	28% {transform:translate(57vw , -32vw) rotate(-68deg);}
	30% {transform:translate(69vw , -32vw) rotate(-9deg);}
	35% {transform:translate(75vw , -22vw) rotate(61deg);}
	40% {transform:translate(74vw , -5vw) rotate(49deg);}
	45% {transform:translate(94vw , 3vw) rotate(-2deg);}
	50% {transform:translate(94vw , -137vw) rotate(-2deg);}
	55% {transform:translate(51vw , -147vw) rotate(91deg);}
	57% {transform:translate(49vw , -126vw) rotate(99deg);}
	65% {transform:translate(35vw , -124vw) rotate(159deg);}
	70% {transform:translate(20vw , -131vw) rotate(179deg);}
	80% {transform:translate(3vw , -124vw) rotate(157deg);}
	82% {transform:translate(-7vw , -130vw) rotate(207deg);}
	85% {transform:translate(0vw , -142vw) rotate(207deg);}
	97% {transform:transform:translate(0 , 0) rotate(-8500deg);}
	99% {transform:transform:translate(0 , 0) rotate(-30deg);}
	to {transform:transform:translate(0 , 0) rotate(0);}
	}


#content main article.tWrap section.content.content01 {
	height: 100vw;
	overflow: hidden;
}
#content main article.tWrap section.content.content01 .slick-slide img {
	display: block;
	width: auto;
	height: 94vw;
	position: relative;
	left: -50vw;
}

#content main article.tWrap section.content.content01 h1 {
	top: 3vw;
	padding: 2rem;
	width: 90vw;
	left: 0;
	right: 0;
	margin: auto;
	font-size: 3vw;
}
#content main article.tWrap section.content.content01 h1 strong {
	font-size: 3vw;
}

#content main article.tWrap section.content.content01 > nav {
	top: 47vw;
	left: 5vw;
	box-shadow: .2rem .2rem 1.5rem #000;
	width: 90vw;
}

#content main article.tWrap section.content.content01 > nav h2 {
	color: #fff;
	font-size: 3.5vw;
}
#content main article.tWrap section.content.content01 > nav h2::after {
	width: 5vw;
	height: 5vw;
}
#content main article.tWrap section.content.content01 > nav div.navSearchWrap {
	padding: 1rem .8rem 1rem 3rem;
}
#content main article.tWrap section.content.content01 > nav div.navSearchWrap h3 {
	color: #fff;
	margin-left: 2rem;
	padding-left: 5vw;
}
#content main article.tWrap section.content.content01 > nav div.navSearchWrap h3::before {
	width: 4vw;
	height: 4vw;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	left: 0vw;
}
#content main article.tWrap section.content.content01 > nav div.navSearchWrap select {
	border: none;
	background: #fff;
	width: 60vw;
	font-size: 3vw;
	padding: 1rem;
	border-radius: 1rem;
	border: none;
}
#content main article.tWrap section.content.content01 > nav > a {
	height: 8vw;
	margin: 3rem auto 2rem;
	line-height: 8vw;
	border-radius: 50px;
	width: 70vw;
	background: #fff;
}
#content main article.tWrap section.content.content01 > nav > a span {
	font-size: 3.5vw;
}
#content main article.tWrap section.content.content02 .owl-carousel .owl-stage-outer {
	padding: 15rem 0 5rem;
}
#content main article.tWrap section.content.content02 .owl-item .item h3 a {
	color: #fff;
	font-size: 3vw;
	padding: 0 2rem 0 7vw;
	display: flex;
	width: 100%;
	height: 100%;
	justify-content: flex-start;
	align-items: center;
}
#content main article.tWrap section.content.content02 .owl-item .item h3::before {
	content: "";
	width: 4vw;
	height: 4vw;
	position: absolute;
	top: 1rem;
	left: 2rem;
}
#content main article.tWrap section.content.content02 .owl-carousel .owl-item .item figure {
	width: 100%;
	height: 30vw;
	overflow: hidden;
}
#content main article.tWrap section.content.content02 .owl-carousel .owl-item .item > div.textWrap ul.kindList {
	display: flex;
	justify-content: flex-start;
	gap: .5rem 1rem;
	align-items: center;
	flex-wrap: wrap;
	padding: 1rem 1rem 0 10vw;
	position: relative;
	min-height: 6vw;
}
#content main article.tWrap section.content.content02 .owl-carousel .owl-item .item > div.textWrap ul.kindList::before {
	font-size: 3vw;
}
#content main article.tWrap section.content.content02 .owl-carousel .owl-item .item > div.textWrap ul.kindList li {
	color: #fff;
	font-size: 2.5vw;
	padding: 0.2rem 2rem;
	border-radius: 50rem;
}
#content main article.tWrap section.content.content02 .owl-carousel .owl-item .item > div.textWrap ul.kindList li.child {
	background: #928787;
	font-size: 2.5vw;
	order: 5;
}
#content main article.tWrap section.content.content02 .owl-carousel .owl-item .item > div.textWrap > div {
	text-align: left;
	font-size: 3vw;
	margin: 1.5rem;
}

#content main article.tWrap section.content.content02 > a {
	height: 9vw;
	margin: 0 auto 2rem;
	line-height: 8.5vw;
	width: 70vw;
}

#content main article.tWrap section.content.content02 > a span {
	font-size: 3.5vw;
}

#content main article.tWrap section.content.content03 {
	background: url(https://john-na-run.com/site/wp-content/themes/john-na-run/assets/images/top/t-bg_05.png) no-repeat center center / auto 80%;
	min-height: 60rem;
}
#content main article.tWrap section.content.content03 > h2::before {
	height: 7vw;
	width: 15vw;
}
#content main article.tWrap section.content.content03 > h2 span {
	font-size: 4vw;
	padding: 0 0 0 15vw;
}
#content main article.tWrap section.content.content03 > h3 {
	width: 42vw;
	height: 30vw;
	right: 5vw;
	top: 0;
	animation: moved2 10s linear infinite;
	font-size: 2.5vw;
}
#content main article.tWrap section.content.content03 div.contentsWrap dl {
	padding-right: 0;
}
#content main article.tWrap section.content.content03 div.contentsWrap dl dd {
	width: 100%;
}
#content main article.tWrap section.content.content03 div.contentsWrap dl dd h2 {
	color: #fff;
	font-size: 3.5vw;
	padding: 3rem 5rem 1rem 9rem;
	text-align: left;
	background: #ea5228;
	border-radius: 1.5rem 1.5rem 0 0;
	position: relative;
	font-family: Shin Go Regular , sans-serif;
	border-bottom: dotted #fff 0.5rem;
}
#content main article.tWrap section.content.content03 div.contentsWrap dl dd h2::after {
	content: "";
	background: url(https://john-na-run.com/site/wp-content/themes/john-na-run/assets/images/top/t-icon_star.png) no-repeat center / 100%;
	width: 4vw;
	height: 4vw;
	position: absolute;
	top: 2rem;
	bottom: 0;
	margin: auto;
	left: 4rem;
}
#content main article.tWrap section.content.content03 div.contentsWrap dl dd.w50 {
	width: 100%;
}
#content main article.tWrap section.content.content03 div.contentsWrap dl dd div.labelWrap {
	padding: 5vw 2vw;
	gap: 5vw 2vw;
}
#content main article.tWrap section.content.content03 div.contentsWrap dl dd:not(.w50) div.labelWrap > div {
	width: calc(calc(100% - calc(2vw * 1))/2);
}

#content main article.tWrap section.content.content03 div.contentsWrap dl dd label {
	font-size: 3vw;
}
#content main article.tWrap section.content.content03 div.contentsWrap dl dd div.labelWrap > div > ul {
	gap: .5vw 3vw;
	padding-left: 2rem;
}
#content main article.tWrap section.content.content03 div.contentsWrap dl dd div.labelWrap > div > ul li label {
	font-size: 2.7vw;
}
#content main article.tWrap section.content.content03 div.contentsWrap dl dd > label input[type="text"] {
	padding: 2vw;
	font-size: 3vw;
}
#content main article.tWrap section.content.content03 div.contentsWrap dl dt form label.formBtn {
	height: 9vw;
	line-height: 8vw;
	width: 70vw;
}
#content main article.tWrap section.content.content03 div.contentsWrap dl dt form label.formBtn input {
	font-size: 3.5vw;
}

#content main article.tWrap section.content.content04 > h2::before {
	height: 7vw;
	width: 15vw;
}
#content main article.tWrap section.content.content04 > h2 span {
	font-size: 4vw;
	padding: 0 0 0 15vw;
}
#content main article.tWrap section.content.content04 div.tableWrap {
	width: 100%;
	margin: auto;
	overflow: auto;
	position: relative;
	padding-top: 5vw;
}
#content main article.tWrap section.content.content04 div.tableWrap::before {
	content: "";
	background: url(https://john-na-run.com/site/wp-content/themes/john-na-run/assets/images/top/t-table_arrow.png) no-repeat center / 100%;
	width: 55vw;
	height: 8vw;
	position: absolute;
	top: -2vw;
	right: -10vw;
	margin: auto;
}
#content main article.tWrap section.content.content04 div.tableWrap table {
	width: 180vw;
}

#content main article.tWrap section.content.content04 div.tableWrap table tr th {
	border-bottom: 1px #666 solid;
	padding: 1rem;
	border-right: 1px #666 solid;
	font-weight: bold;
	font-size: 3.5rem;
}

#content main article.tWrap section.content.content04 div.tableWrap table tr td:nth-of-type(1) {
	padding: 1rem 2rem 8rem 2rem;
	font-size: 3vw;
}

#content main article.tWrap section.content.content04 div.tableWrap table tr td.servis > span::before {
	padding: 0rem 1rem;
	border-radius: 100px;
	color: #010101;
	font-size: 3rem;
	margin: .5rem auto;
	white-space: nowrap;
}
#content main article.tWrap section.content.content04 div.tableWrap table tr td:nth-of-type(1) > a {
	padding: .5rem 6vw .5rem 2rem;
}
#content main article.tWrap section.content.content04 div.tableWrap table tr td:nth-of-type(1) > a span {
	font-size: 3rem;
}
#content main article.tWrap section.content.content04 div.tableWrap table tr td:nth-of-type(1) > a span::before {
	width: 2.5vw;
	height: 2vw;
	margin: auto;
	right: -3.5vw;
}
#content main article.tWrap section.content.content04 div.tableWrap table tr td:nth-of-type(2),
#content main article.tWrap section.content.content04 div.tableWrap table tr td:nth-of-type(3),
#content main article.tWrap section.content.content04 div.tableWrap table tr td.type > span {
	font-size: 3vw;
}
#content main article.tWrap section.content.content04 > a{
	height: 9vw;
	line-height: 8vw;
	width: 70vw;
	}
#content main article.tWrap section.content.content04 > a span{
	font-size: 3.5vw;
}
#content main article.tWrap section.content.content05 {
	min-height: 130vw;
}
#content main article.tWrap section.content.content05 > h2::before {
	height: 7vw;
	width: 15vw;
}
#content main article.tWrap section.content.content05 > h2 span {
	font-size: 4vw;
	padding: 0 0 0 15vw;
}
#content main article.tWrap section.content.content05 > figure {
	position: absolute;
	overflow: hidden;
}
#content main article.tWrap section.content.content05 > figure img {
	left: 64vw;
}
#content main article.tWrap section.content.content05 > ul {
	width: min(94% , 100rem);
	margin: 5rem auto 0;
}
#content main article.tWrap section.content.content05 > ul li {
	width: calc(calc(100% - 3rem) / 2);
	cursor: pointer;
}
#content main article.tWrap section.content.content05 > ul li h3 {
	font-size: 3vw;
}
#content main article.tWrap section.content.content05 > ul li::after {
	width: 4rem;
	height: 4rem;
	position: absolute;
	bottom: -2vw;
	left: 0;
	right: 5vw;
	margin: auto;
	background: #e45121;
	border-radius: 100%;
	text-align: center;
	color: #fff;
	line-height: 4rem;
	font-size: 2rem;
}

}



	/*-------------- スライダー調整用 -------------------*/

	/* Slider */
	.slick-slider
	{
	    position: relative;

	    display: block;

	    -moz-box-sizing: border-box;
	         box-sizing: border-box;

	    -webkit-user-select: none;
	       -moz-user-select: none;
	        -ms-user-select: none;
	            user-select: none;

	    -webkit-touch-callout: none;
	    -khtml-user-select: none;
	    -ms-touch-action: pan-y;
	        touch-action: pan-y;
	    -webkit-tap-highlight-color: transparent;
	    z-index:9;
	}

	.slick-list
	{
	    position: relative;

	    display: block;
	    overflow: hidden;

	    margin: 0;
	    padding: 0;
	    width:100%;
	}


	#carBnr .slick-list{
	width:100%;
	}


	.slick-list:focus
	{
	    outline: none;
	}
	.slick-list.dragging
	{
	    cursor: pointer;
	    cursor: hand;
	}

	.slick-slider .slick-track,
	.slick-slider .slick-list
	{
	    -webkit-transform: translate3d(0, 0, 0);
	       -moz-transform: translate3d(0, 0, 0);
	        -ms-transform: translate3d(0, 0, 0);
	         -o-transform: translate3d(0, 0, 0);
	            transform: translate3d(0, 0, 0);
	            padding:0 !important;
	            z-index:0;
	}

	.slick-track
	{
	    position: relative;
	    top: 0;
	    left: 0;

	    display: block;
	}




	.slick-track:before,
	.slick-track:after
	{
	    display: table;

	    content: '';
	}
	.slick-track:after
	{
	    clear: both;
	}
	.slick-loading .slick-track
	{
	    visibility: hidden;
	}

	.slick-slide
	{
	    display: none;
	    float: left;

	    height: 100%;
	    min-height: 1px;
	}
	[dir='rtl'] .slick-slide
	{
	    float: right;
	}
	.slick-slide img
	{
	    display: block;
	}
	.slick-slide.slick-loading img
	{
	    display: none;
	}
	.slick-slide.dragging img
	{
	    pointer-events: none;
	}
	.slick-initialized .slick-slide
	{
	    display: block;
	    margin:0 00px;
	}

	.slick-initialized .slick-slide,
	section.sliderWrap .slick-dots li > button{
	    display: block;
	    margin:0 0px;
	    cursor:pointer;
	}

	#moveSlider.slick-initialized .slick-slide{
	position:relative;
	width:950px;
	margin:15px 10px;
	}

	.itemSlider.slick-initialized .slick-list,
	.itemSlider.slick-initialized .slick-track{
	height:100%;
	}


	#fvSlider.slick-initialized .slick-slide.slick-active .slide02,
	#fvSlider.slick-initialized .slick-slide .slide02.active,
	#fvSlider.slick-initialized .slick-slide.slick-active .slide03,
	#fvSlider.slick-initialized .slick-slide .slide03.active,
	#fvSlider.slick-initialized .slick-slide.slick-active .slide04,
	#fvSlider.slick-initialized .slick-slide .slide04.active,
	#fvSlider.slick-initialized .slick-slide.slick-active .slide05,
	#fvSlider.slick-initialized .slick-slide .slide05.active,
	#fvSlider.slick-initialized .slick-slide.slick-active .slide06,
	#fvSlider.slick-initialized .slick-slide .slide06.active,
	#fvSlider.slick-initialized .slick-slide.slick-active .slide07,
	#fvSlider.slick-initialized .slick-slide .slide07.active,
	#fvSlider.slick-initialized .slick-slide.slick-active .slide08,
	#fvSlider.slick-initialized .slick-slide .slide08.active,
	#fvSlider.slick-initialized .slick-slide.slick-active .slide09,
	#fvSlider.slick-initialized .slick-slide .slide09.active,
	#fvSlider.slick-initialized .slick-slide.slick-active .slide10,
	#fvSlider.slick-initialized .slick-slide .slide10.active{
	display:block;
	}


	.slick-initialized .slick-slide.slick-active,
	section.sliderWrap .slick-dots li.slick-active > button,
	.slick-initialized .slick-slide.slick-active a:hover,
	.slick-initialized .slick-slide.slick-active a:hover img{
	    -moz-opacity:1.0; /* FF , Netscape */
	    -khtml-opacity: 1.0; /* Safari 1.x */
	    opacity:1.0;
	}
	

	.slick-loading .slick-slide
	{
	    visibility: hidden;
	}
	.slick-vertical .slick-slide
	{
	    display: block;

	    height: auto;

	    border: 1px solid transparent;
	}
	.slick-arrow.slick-hidden {
	    display: none;
	}