@charset "utf-8";
/*
Theme Name: aqua-space
Author: YES-REFORM CO., LTD.
*/

/* Body
========================================== */
html, body{
	width: 100%;
	font-size:62.5%;/*10px*/
}
body {
	color:var(--txt-color);
	line-height:1.6;
	font-size:1.6rem;
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;
}
@media screen and (max-width: 840px) {
	body{
		word-wrap:break-word;
		font-size: 1.6rem;}
}


/* header
========================================== */
.headerArea {
	z-index: 1000;
	position: fixed;
	top: 0;
	left: 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 100%;
	padding: 0 0 10px;
	background-color: #fff;
	animation: scrollAnime linear;
	animation-timeline: scroll();
}
@keyframes scrollAnime {
	0% {
		background: none;
	}
	4% {
		background: rgba(255, 255, 255, 0.9);
	}
	100% {
		background: rgba(255, 255, 255, 0.9);
	}
}

.headerLogo {
	margin-left: 10px;
	padding-top: 10px;
}
.headerLogo img {
	max-width: 100%;
	height: auto;
}
.headerArea .Inner {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	padding-top: 10px;
}
.headerArea .Inner .gnav {
	display: flex;
	padding-right: 2em;
}
.headerInfo {
	padding-right: 2em;
	text-align: center;
}
.headerInfo .tel{
	font-family: "Jost", sans-serif;
	font-weight: 400;
	color: var(--sub-color);
	text-align: left;
}
.headerInfo .tel span{
	font-family: "Zen Kaku Gothic New", sans-serif;
}
.headerInfo .tel .number{
	font-size: 3rem;
	letter-spacing: 1.5px;
	line-height: 1.2;
}
.headerInfo .tel .hours{
	line-height: 1.2;
}
.headerInfo .tel .hours span{
	padding-left: 0.5em;
	font-size: 1.5rem;
	font-weight: 500;	
}
.headerContact{
	margin-right: 10px;
	/* padding-top: 10px; */
}
.headerContact a {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	width: 200px;
	height: 60px;
	text-decoration: none;
	color: #fff;
	background: var(--main-color);
	transition: .3s;
}
.headerContact a:hover {
	background: var(--point-color);
}
.gnav{padding-right: 2em;}
.gnav ul{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	list-style: none;}
.gnav ul li{
	margin: 0 2em;
}
.gnav ul li a{
	line-height: 1.2;
	display: block;
	color: var(--sub-color);
	text-decoration: none;
	text-align: center;
	transition: 0.3s;
}
.gnav ul li a span {
	position: relative;
	display: inline-block;
	text-decoration: none;
}
.gnav ul li a span::after {
	position: absolute;
	bottom: -8px;
	left: 0;
	content: '';
	width: 100%;
	height: 3px;
	background: var(--sub-color);
	transform: scale(0, 1);
	transform-origin: left top;
	transition: transform .3s;
}
.gnav ul li a:hover span::after,
.gnav ul li.current a span::after{
	transform: scale(1, 1);
}
.gnav .submenu {
	position: relative;
}
.gnav .submenu a:hover span::after {
	background: none;
}
.gnav .submenu span {
	color: var(--sub-color);
	font-size: 1.6rem;
}
.gnav .submenu:hover .submenuBox {
	z-index: 1;
	visibility: visible;
	opacity: 1;
	transition: 0.5s;
}
.gnav .submenuBox {
	visibility: hidden;
	z-index: 0;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	background-color: var(--point-color);
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 13px 0 10px;
	width: 120px;
}
.gnav .submenuBox.w80{
	width: 80px;
}
.gnav .submenuBox li {
	position: relative;
	display: flex;
	align-items: center;
	height: auto;
	margin: 0 0.5em 5px;
	padding: 0.2em 0 0.6em;
	border-right: none;
	border-bottom: 1px solid #fff;
	text-align: center;
}
.submenuBox li:hover {
	opacity: 0.8;
}
.gnav .submenuBox li a {
	color: transparent;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.gnav .submenuBox li span {
	color: #fff;
	line-height: 1.2;
	font-size: 1.5rem;
}
.gnav .submenuBox li span::after {
	position: absolute;
	bottom: -3px;
	left: 0;
	content: '';
	width: 100%;
	height: 3px;
	background: var(--sub-color);
	transform: scale(0, 1);
	transform-origin: left top;
	transition: transform .3s;
}
.gnav .submenuBox li:hover span::after {
	transform: scale(1, 1);
}
.spBtn{display: none}
.drawerMenu{display: none;}

@media screen and (max-width:1600px) {
	.gnav ul li {
		margin: 0 1em;
	}
}
@media screen and (max-width:1280px){
	.gnav ul li{margin: 0 0.5em;}
}
@media screen and (max-width:1200px){
	.headerLogo {
		width: 200px;
	}
	.headerArea .Inner .gnav{
		padding-right: 1em;
	}
	.headerInfo {padding-right: 1em;}
	.headerInfo .tel .hours span {
		padding-left: 0;
	}
	.headerContact{
		display: none;
	}
	.headerInfo .tel .number {
    font-size: 2.6rem;
	}
}
@media screen and (max-width:1000px) {
	.gnav .submenuBox{
		width: 100px;
	}
	.gnav .submenu span {
		font-size: 1.5rem;
	}
	.gnav .submenuBox li span{
		font-size: 1.4rem;
	}
}
@media screen and (max-width:880px) {
	.gnav ul li {
		margin: 0 0.3em;
	}
}
@media screen and (max-width:840px){
	.headerArea{position: absolute;background: none;border: none;height: 50px;}
	.headerArea .Inner{
		display: none;
	}
	.headerLogo{padding-top: 5px;margin-left: 10px;width: auto;filter: drop-shadow(1px 1px 0 #fff);}
	.headerLogo img{height: 40px;width: auto;}
	.headerInfo,
	.gnav{display: none;}
	.drawerMenu{}
	.drawerMenu{
		display: block;
		overflow-y: scroll;
		position: fixed;
		top: 0;
		right: -80%;
		padding:70px 20px 60px;
		width: 80%;
		height: 100%;
		background-color:#fff;
		border-left: 1px solid var(--border-color);
		transition: 0.5s;
	}
	.drawerMenu.open{right: 0;}

	.drawerMenu::-webkit-scrollbar{width: 10px;}
	.drawerMenu::-webkit-scrollbar-track{background: #fff;}
	.drawerMenu::-webkit-scrollbar-thumb {background: #fff;}
	.gnavSp{
		margin-bottom: 40px;
		padding:1em 10px;
		border-top: 1px solid var(--point-color);
		border-bottom: 1px solid var(--point-color)}

	.gnavSp li{
		text-align: center;
		padding: 0.6em;
		color: var(--sub-color);
		/* font-weight: 600; */
	}
	.gnavSp li.mb {
		margin-bottom: 1em;
	}
	.gnavSp li a{
		display: block;
		position: relative;
		font-optical-sizing: auto;
		color: var(--sub-color);
		text-decoration: none;
	}
	.gnavSp li a:hover{
		text-decoration: underline 1px solid var(--point-color);
		text-underline-offset: 5px;
	}
	.gnavSp li > .heading {
		display: inline-block;
		position: relative;
	}
	.gnavSp li > .heading::before {
		content: "";
		display: inline-block;
		width: 0.8em;
		height: 1px;
		position: absolute;
		top: 48%;
		right: calc(100% + 0.3em);
		background-color: var(--sub-color);
	}
	.gnavSp li > .heading::after {
		content: "";
		display: inline-block;
		width: 0.8em;
		height: 1px;
		position: absolute;
		top: 48%;
		left: calc(100% + 0.3em);
		background-color: var(--sub-color);
	}
	.gnavSp li ul{
		padding-top: 0.3em;
	}
	.gnavSp li ul li{
		padding: 0.6em 0 0;
	}
	.gnavSp li ul li a{
		font-weight: 500;
	}
	.spHeaderLogo{margin-bottom: 20px;text-align: center;}
	.spHeaderLogo img{
		width: 200px;height: auto;
	}
	.spAddress{
		margin-bottom: 10px;
		line-height: 1.2;
		font-size: 1.4rem;
		text-align: center;}
	.spTel{
		font-family: "Jost", sans-serif;
		font-weight: 400;
		font-size: 1.4rem;
		color: var(--txt-color);
		text-align: center;
		}
	.spTel a{
		display: block;
		font-weight: 500;
		font-size: 2.6rem;
		text-decoration: none;
		color:var(--main-color)}

	.spBtn{
		position:fixed;
		top: 0;
		right: 0;
		display: inline-block;
		width: 50px;
		height:50px;
		padding: 20px 13px 15px;
		background-color: var(--point-color);
		cursor: pointer;
		z-index: 2000;
	}
	.spBtn::after{
		position: absolute;
		left: 0;
		top: 3px;
		content: "MENU";
		text-align: center;
		width: 50px;
		font-size: 8px;
		color: #fff;
	}
	.spBtn.open::after{content: "CLOSE";}

	.spBtn div {position: relative;}
	.spBtn span {
		display: block;
		position: absolute;
		height: 2px;
		width: 100%;
		background:#fff;
		left: 0;
		-webkit-transition: .3s ease-in-out;
		-moz-transition: .3s ease-in-out;
		transition: .3s ease-in-out;
	}
	.spBtn span:nth-child(1) {top: 0;}
	.spBtn span:nth-child(2) {top: 8px;}
	.spBtn span:nth-child(3) {top: 16px;}
	.spBtn.open span:nth-child(1) {
		top: 8px;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.spBtn.open span:nth-child(2) {
		width: 0;
		left: 50%;
	}
	.spBtn.open span:nth-child(3) {
		top: 8px;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
}


/* mv
========================================== */
.mvWrap {
	position: relative;
	overflow: hidden;
	aspect-ratio: 160 / 107;
	z-index: 999;
}
.mvWrap .mvImg img {
	width: 100%;
	height: auto;
}
.mvWrap .mvInner {
	position: absolute;
	left: 10%;
	bottom: 35%;
	margin: 0 auto;
}
.mvWrap .mvInner .mvText {
	color: var(--sub-color);
	/* font-weight: 400; */
}
.mvWrap .mvInner .mvText h1{
	font-size: clamp(4rem, 4.7vw, 7rem);;
	line-height: 1.4em;
}
.mvWrap .mvInner .mvText h2{
	margin-top: 1.5em;
	font-size: clamp(1.8rem, 3vw, 2.2rem);
	/* font-weight: 400; */
}
.pcImg {
	display: block
}
.tabletImg {
	display: none;
}

@media screen and (max-width:1200px) {
	.mvWrap .mvInner {
		left: 5%;
		bottom: 30%;
	}
	.mvWrap .mvInner .mvText h2{
		margin-top: 1em;
		font-size: clamp(1.8rem, 3vw, 2rem);
	}
}
@media screen and (max-width:840px) {
	.mvWrap .mvInner .mvText h1 {
    font-size: clamp(2.6rem, 4.3vw, 4rem);
    line-height: 1.4em;
	}
}

@media screen and (max-width:599px) {
	.mvWrap {
		aspect-ratio: 80 / 90;
	}
	.mvWrap .mvInner {
		bottom: 15%;
		left: 0;
		background: rgb(255 255 255 / 50%);
	}
	.mvWrap .mvInner .mvText {
		padding: 20px 20px 0;
	}
	.mvWrap .mvInner .mvText h1{
		font-size: clamp(2.2rem, 6.4vw, 3.2rem);
	}
	.mvWrap .mvInner .mvText h2{
		padding: 0.5em 0;
		font-size: 1.6rem;
		background: rgb(255 255 255 / 50%);
	}
	.mvWrap .mvInner .mvText h2 br{
		display: none;
	}
}
/* @media screen and (max-width:390px) {
	.mvWrap .mvInner .mvText h1 {
		font-size: clamp(2.4rem, 3vw, 2.8rem);
	}
} */
@media screen and (max-width:360px) {
	.mvWrap .mvInner {
		bottom: 10%;
	}
}
@media screen and (max-width:320px) {
	.mvWrap {
		aspect-ratio: 1;
	}
	.mvWrap .mvInner {
		bottom: 8%;
	}
	.mvWrap .mvInner .mvText h2{
		margin-top: 0;
	}
}


/* contents
========================================== */
.contents {
	margin: -10vw auto 0;
	width: 100%;
	overflow: hidden;
}
.contents p+p,
.subcontents p+p {
	margin-top: 1.5em;
}
.contents .Inner {
	margin: 0 auto;
	padding: 0;
	width: 1200px;
}
.contents.sub{
	margin: 0 auto;
}
.sub .Inner {
	margin: 100px auto;
	padding: 0;
	width: 1024px;
}
.pc {
	display: block;
}
.sp {
	display: none;
}
.sp360 {
	display: none;
}
.tablet{
	display: none;
}
.tablet1000{
	display: none;
}
.left{
	text-align: left;
}
.right{
	text-align: right;
}
.center{
	text-align: center;
}
.red{
	color: red;
}
.mt10{
	margin-top: 10px;
}

@media screen and (max-width:1200px) {
	.contents {
		overflow: hidden;
	}
	.contents::before {
		margin-top: 0;
	}
	.contents .Inner,
	.sub .Inner {
		width: 100%;
		padding: 0 30px;
	}
}
@media screen and (max-width:1000px) {
	.tablet1000 {
		display: block;
	}
}
@media screen and (max-width:840px) {
	.tablet {
		display: block;
	}
}
@media screen and (max-width:599px) {
	.contents .Inner{
		padding: 0 20px;
	}
	.sub .Inner{
		margin: 50px auto;
	}
	.pc {
		display: none;
	}
	.sp {
		display: block;
	}
	.right {
		text-align: left;
	}
	.tablet1000 {
		display: none;
	}
}
@media screen and (max-width:360px) {
	.sp360 {
		display: block;
	}
}


/* business
========================================== */
.businessTop{
	position: relative;
	width: 100%;
	margin-top: 8vw;
	padding: 50px 0 15vw;
}
.businessTop::before {
	content: '';
	position: absolute;
	top: -50px;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: var(--bg-color01);
	transform: skewY(-4deg);
	z-index: 0;
}
.businessTop div{
	position: relative;
	z-index: 1;
}
.businessTop p{
	text-align: center;
}
.businessBtn{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 45px auto;
	width: 950px;		
}
.businessBtn div{
	width: 48%;
}
.businessBtn div a{
	position: relative;
	width: 100%;
	display: inline-block;
	padding: 1.6em 1em;
	background-color: var(--point-color);
	box-sizing: border-box;
	border: 1px solid var(--point-color);
	border-radius: 5px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	font-size: clamp(1.8rem, 3vw, 2.2rem);
	line-height: 1;
	transition: .3s;
}
.businessBtn div a:hover{
	background-color: var(--sub-color);
	border: 1px solid var(--sub-color);
}
.businessBtn div a::before{
	content: '';
	width: 0.5em;
	height: 0.5em;
	border: 0;
	border-top: solid 1px #fff;
	border-right: solid 1px #fff;
	transform: rotate(45deg);
	position: absolute;
	top: 0;
	right: 5%;
	bottom: 0;
	margin: auto;
	transition: .3s;
}
.businessBtn div:hover a::before {
	right: 2.5%;
}
.businessList{
	width: 100%;
	margin: 0;
	position: relative;
	top: -10vw;
}
.businessList::before{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.businessList01{
	padding: 50px 0 20vw;
	z-index: 2;
}
.businessList01::before{
	background-color: var(--bg-color02);
	transform: skewY(6deg);
}
.businessList02{
	top: -25vw;
	padding: 100px 0 15vw;
	z-index: 2;
}
.businessList02::before {
	background-color: var(--bg-color01);
	transform: skewY(-6deg);
}
.businessList02::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 10vw;
	background-color: var(--bg-color01);
	z-index: -1;
}
.businessList ul{
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.businessList ul li{
	margin-bottom: 40px;
	background: #fff;
	border-radius: 5px;
	box-shadow: 1px 1px 5px var(--shadow-color01);
}
.businessList ul li a{
	text-decoration: none;
}
.businessList01 ul li {
	width: 31%;
	margin-right: 3.5%;
}
.businessList01 ul li:nth-child(3n) {
	margin-right: 0;
}
.businessList02 ul{
	justify-content: space-between;
}
.businessList02 ul li {
	width: 48%;
}
.businessList ul li img{
	width: 100%;
	aspect-ratio: 370 / 250;
	height: 100%;
	object-fit: cover;
}
.businessList ul li dl dt{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 80px;
	padding: 0.5em 1em;
	text-align: center;
	font-size: clamp(1.8rem, 3vw, 2.2rem);
	color: var(--sub-color);
	line-height: 1.2;
}
.businessList ul li dl dt::before{
	content: '';
	width: 0.4em;
	height: 0.4em;
	border: 0;
	border-top: solid 2px var(--point-color);
	border-right: solid 2px var(--point-color);
	transform: rotate(45deg);
	position: absolute;
	top: 0;
	right: 8%;
	bottom: 0;
	margin: auto;
	transition: .3s;
}
.businessList ul li a:hover dl dt::before {
	right: 5%;
}
.businessList ul li dl dd:last-child{
	padding: 2em;
}

@media screen and (max-width:1200px) {
	.businessTop{
		padding: 50px 20px 15vw;
	}
	.businessList ul li dl dt {
		font-size: clamp(1.6rem, 2.2vw, 2rem);
	}
	.businessBtn {
		width: 100%;
	}
}
@media screen and (max-width:840px){
	.businessTop {
		padding: 20px 20px 15vw;
	}
	.businessList ul li dl dd:last-child {
		padding: 1em 1.4em 1.4em;
	}
	.businessList01 {
		padding: 30px 0 20vw;
	}
	.businessList02{
		padding: 60px 0 15vw;
	}
	.businessBtn div a{
		padding: 1.2em 1em;
		font-size: clamp(1.6rem, 2.2vw, 2rem);
	}
}
@media screen and (max-width:599px){
	.businessTop div{
		margin: 20px auto;
	}
	.businessTop p br{
		display: none;
	}
	.businessTop p {
    text-align: left;
	}
	.businessBtn div {
		width: 100%;
		margin: 0 auto 20px;
	}
	.businessList01 ul li {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.businessList02 ul li {
		width: 100%;
		margin-bottom: 20px;
	}
	.businessList ul li dl dt {
		font-size: 1.8rem;
	}
}
@media screen and (max-width:320px) {
	.businessBtn div a{
		font-size: 1.5rem;
	}
}


/* example
========================================== */
.caseTopArea{
	width: 100%;
	margin-bottom: -35vw;
	position: relative;
	top: -35vw;
	padding: 50px 0 0;
	z-index: 2;
}
.caseTopArea::before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #fff;
	transform: skewY(6deg);
}
.caseTopArea .Inner{
	position: relative;
	z-index: 1;
}
.caseTopList{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: calc(100% + 30px);
	margin-left: -30px;
}
.caseTopList .img{
	width: 52%;
}
.caseTopList .img img{
	width: 100%;
}
.caseTopList .txt{
	width: 48%;
	padding-top: 100px;
	padding-left: 150px;
}
.exampleBtn{
	margin-top: 35px;
}

@media screen and (max-width: 1200px) {
	.caseTopList {
		width: 100%;
		margin-left: 0;
	}
	.caseTopList .txt{
		padding-left: 50px;
	}
}
@media screen and (max-width: 840px) {
	.exampleBtn .btnMore a{
		width: 100%;
	}
	.caseTopList .txt {
		padding-top: 50px;
		padding-left: 30px;
	}
}
@media screen and (max-width:599px) {
	.caseTopList{
		display: block;
	}
	.caseTopList .img {
		width: 100%;
	}
	.caseTopList .txt {
		width: 100%;
		padding-top: 0;
		padding-left: 0;
	}
}


/* about
========================================== */
.aboutArea{
	width: 100%;
	margin: 0;
	position: relative;
	top: 0;
	padding: 100px 0 80px;
	z-index: 2;
}
.aboutList{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.aboutList .txt{
	width: 52%;
	padding-top: 30px;
}
.aboutList .img{
	width: 48%;
	padding-left: 40px;
}
.aboutList .img img{
	width: 100%;
}
.aboutBtn{
	margin-top: 140px;
}
@media screen and (max-width: 840px) {
	.aboutArea{
		padding: 50px 0;
	}
	.aboutList .img {
		padding-left: 30px;
	}
	.aboutList .txt{
		padding-top: 0;
	}
	.aboutBtn {
		margin-top: 40px;
	}
}
@media screen and (max-width:599px) {
	.aboutList .txt {
		width: 100%;
	}
	.aboutList .img{
		width: 100%;
		margin-top: 10px;
		padding-left: 0;
	}
}


/* recruit
========================================== */
.recruitArea{
	width: 100%;
	height: auto;
	aspect-ratio: 160 / 70;
	background: url(images/bg_recruitment.jpg) no-repeat;
	background-size: contain;
}
.recruitTxt{
	width: 35%;
	padding-top: 8vw;
	text-align: center;
}
.recruitTxt .ttlMain span,
.recruitTxt p{
	color: #fff;
}
.recruitBtn{
	margin-top: 35px;
}
.recruitBtn .btnMore a{
	border: 1px solid #fff;
	background-color: transparent;
	color: #fff;
}
.recruitBtn .btnMore a::before {
	border-top: solid 1px #fff;
	border-right: solid 1px #fff;
}

/* sub
------------------------------------------ */
.sub .recruitArea {
	width: 100%;
	height: auto;
	aspect-ratio: unset;
	background: none;
}
.sub .recruitBox {
	margin-bottom: 80px;
}
.sub .recruitBox .Type{
	margin-bottom: 30px;
	padding-bottom: 1em;
	border: 1px solid var(--point-color);
	transition: .3s;
}
.sub .recruitBox .open .Type.front:hover{
	border: 1px solid var(--main-color);
}
.sub .recruitBox .Type p{
	padding: 0 1em;
}
.sub .recruitBox .Type .ttlType03{
	margin-bottom: 15px;
}
.sub .recruitBox .Type .ttlType03::before {
	background: var(--point-color);
	transition: .3s;
}
.sub .recruitBox .open .Type{
	position: relative;
}
.sub .recruitBox .open .Type::after {
    content: '';
    width: 0.6em;
    height: 0.6em;
    border: 0;
    border-top: solid 1px var(--point-color);
    border-right: solid 1px var(--point-color);
    transform: rotate(45deg);
    position: absolute;
    top: 85%;
    right: 8%;
    bottom: 0;
    margin: auto;
    transition: .3s;
}
.sub .recruitBox .popupBox:hover .open .Type::after {
	right: 5%;
	border-top: solid 1px var(--main-color);
	border-right: solid 1px var(--main-color);
}
.sub .recruitBox .open .Type.front:hover .ttlType03::before{
	background: var(--main-color);
}
.sub .recruitBox .Type .ttlType03 span{
	font-size: clamp(1.8rem, 3vw, 2.2rem);
}
.sub .recruitBox .Type.front:hover .tableType05 th{
	border-bottom: 1px solid var(--main-color);
}
.sub .recruitBox .tableType02{
	margin: 25px auto 0;
}
.sub .recruitBox .tableType02 th{
	text-align: center;
	vertical-align: middle;
}
.sub .recruitBox .tableType03 td a{
	text-decoration: underline;
	text-underline-offset: 3px;
}
.sub .recruitBox .tableType04 th{
	font-weight: bold;
}
.recruitInterviewBox{
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 80px;
}
.recruitInterviewBox .popupBox{
	width: 32%;
}
.recruitInterviewBox .Type .ttlType03 span{
	font-family: "Jost", sans-serif;
}
.recruitInterviewBox .inner{
	padding: 1em 2em;
}
.recruitInterviewBox .open .inner {
	padding: 1em;
}
.recruitInterviewBox .listType01 .img{
	width: 40%;
	padding-right: 30px;
}
.recruitInterviewBox .open .listType01 .img {
	width: 100%;
	padding-right: 0;
}
.recruitInterviewBox .listType01 .txt{
	width: 60%;
}
.recruitInterviewBox .open .listType01 .txt {
	width: 100%;
	padding: 20px 0 0;
}
.recruitInterviewBox .Type .ttlType07{
	margin-top: 40px;
}
.recruitInterviewBox dl{
	margin-bottom: 30px;
}
.recruitInterviewBox dl:last-child{
	margin-bottom: 0;
}
.recruitInterviewBox dl dt{
	margin-bottom: 0.5em;
	font-size: clamp(1.8rem, 3vw, 2rem);
	border-bottom: 1px solid var(--border-color);
	color: var(--sub-color);
}
.recruitInterviewBox .open dl dt {
	padding: 0.1em 0.5em;
	font-size: 1.8rem;
	background: var(--main-color);
	color: #fff;
	border-bottom: none;
}
.recruitInterviewBox .open dl dd {
	padding: 0 0.6em;
}
.recruitScheduleBox .tableType02 th{
	font-family: "Jost", sans-serif;
	font-weight: 400;
	font-size: 1.8rem;
}
.recruitScheduleBox .tableType02 td{
	border: none;
	background-color: #fff;
	border-bottom: 1px solid var(--border-color);
}
.recruitScheduleBox .tableType02 td dl dt{
	margin-bottom: 0.3em;
	font-size: 1.8rem;
	color: var(--main-color);
}
.recruitPersonnelBox{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.recruitPersonnelBox .Type{
	width: 32%;
}
.recruitPersonnelBox .Type .ttlType02 span{
	font-size: clamp(1.6rem, 2.2vw, 2.2rem);
	line-height: 1.4;
}
.recruitPersonnelBox .Type .img{
	width: 50%;
	max-width: 180px;
	margin: 0 auto 15px;
}
.recruitPersonnelBox .Type .img img{
	width: 100%;
}
.recruitCareerBox .inner{
	padding: 0 1em;
}
.recruitCareerBox .img img{
	width: 100%;
}
.recruitCareerBox .txt{
	margin-top: 30px;
}
.recruitGraphBox ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.recruitGraphBox ul li{
	width: 32%;
	padding: 1em 1.5em;
	margin: 2em 0;
	background-color: var(--bg-color01);
	box-shadow: 0 2px 6px rgb(0 0 0 / 30%);
}
.recruitGraphBox dl dt {
	padding: 0.5em 0 0.8em;
	font-size: clamp(1.8rem, 3vw, 2rem);
	text-align: center;
	color: var(--sub-color);
	border-bottom: 1px solid var(--sub-color);
	line-height: 1.4;
}
.recruitGraphBox dl dt span{
	display: block;
	font-size: 1.6rem;
}
.recruitGraphBox dl dd{
	padding: 1em 0.5em;
	text-align: center;
	font-family: "Jost", "Zen Kaku Gothic New", sans-serif;
	font-weight: 500;
}
.nowrap{
	display: inline-block;
	white-space: nowrap;
}
.numHighlight{
	padding-right: 3px;
	font-size: clamp(3rem, 3vw, 5rem);
	color: var(--point-color);
}
.recruitGuideBox dl{
	margin-bottom: 10px;
}
.recruitGuideBox a{
	text-decoration: none;;
}
.recruitGuideBox a:hover{
	text-decoration: underline;
	text-underline-offset: 3px;
}
.recruitRuleBox .inner{
	padding: 1em 5em 2em;
	border: 1px solid var(--border-color);
	border-top: solid 6px var(--point-color);
	box-shadow: 0 2px 6px rgb(0 0 0 / 30%);
}
.recruitRuleBox dl{
	margin-bottom: 30px;
}
.recruitRuleBox dl dt{
	margin-bottom: 0.5em;
	font-size: clamp(1.8rem, 3vw, 2rem);
	border-bottom: 1px solid var(--border-color);
	color: var(--sub-color);
}
.recruitRuleBox dl dt span{
	margin-right: 0.3em;
	font-family: "Jost", sans-serif;
	font-size: clamp(2rem, 3vw, 2.4rem);
	font-weight: 500;
}
.recruitRuleBox p{
	margin-top: 30px;
	text-align: center;
	font-weight: 600;
	font-size: 1.8rem;
	color: var(--point-color);
}
.recruitRuleBox .inner p {
	font-size: 1.6rem;
	color: var(--sub-color);
}

@media screen and (max-width: 1200px) {
	.recruitArea{
		background-size: cover;
		background-position: center;
	}
	.recruitTxt{
		padding-bottom: 30px;
	}
}
@media screen and (max-width: 1000px) {
	.recruitArea{
		background: url(images/recruitment_sp_bg.jpg) no-repeat;
		background-size: cover;
		background-position: center;
	}
	.recruitTxt {
		width: 100%;
	}
	.recruitTxt .ttlMain_sub{
		margin-bottom: 30px;
	}
	.sub .recruitBox .Type .tableType05 {
		margin-bottom: 30px;
	}
}
@media screen and (max-width: 840px) {
	.recruitInterviewBox .Type .ttlType07 {
		margin-top: 20px;
	}
	.sub .recruitBox .Type .tableType05 {
		margin-bottom: 20px;
	}
	.recruitCareerBox .inner {
		padding: 0;
	}
	.recruitGraphBox ul li{
		margin: 1em 0;
		padding: 1em 0 0.5em;
	}
	.recruitRuleBox .inner{
		padding: 1em 2em 2em;
	}
}
@media screen and (max-width:599px) {
	.recruitTxt{
		padding-top: 15vw;
	}
	.recruitTxt p{
		text-align: left;
	}
	.recruitTxt .ttlMain_sub{
		font-size: clamp(2.2rem, 3vw, 2.4rem);
	}
	.sub .recruitBox {
		margin-bottom: 50px;
	}
	.recruitInterviewBox .inner {
		padding: 1em 16px 20px;
	}
	.sub .recruitBox .popupBox:last-child .open .Type{
		    margin-bottom: 0;
	}
	.sub .recruitBox .Type .ttlType03 span {
		line-height: 1.6;
		padding: 0.6em 1em;
	}
	.recruitInterviewBox .popupBox {
		width: 100%;
	}
	.recruitInterviewBox .listType01 .img {
		width: 100%;
		padding-right: 0;
	}
	.recruitInterviewBox .listType01 .txt {
		width: 100%;
	}
	.recruitInterviewBox dl dt{
		margin-bottom: 0.5em;
		padding-bottom: 0.3em;
	}
	.recruitScheduleBox .tableType02 td{
		border-bottom: unset;
	}
	.recruitScheduleBox .tableType02 tr:last-child td{
		border-bottom: 1px solid var(--border-color);
	}
	.recruitPersonnelBox .Type {
		width: 100%;
	}
	.recruitPersonnelBox .Type:last-child{
		margin-bottom: 0;
	}
	.recruitPersonnelBox .ttlType02::after{
		top: auto;
		border-width: 30px 50vw 0 50vw;
	}
	.recruitCareerBox .img img{
		margin-bottom: 20px;
	}
	.recruitCareerBox .img img:last-child{
		margin-bottom: 0;
	}
	.recruitGraphBox ul li {
		width: 100%;
	}
	.recruitGraphBox ul li:last-child{
		margin-bottom: 0;
	}
	.recruitRuleBox .inner {
		padding: 1em 1em 2em;
	}
}
@media screen and (max-width:390px) {
	.recruitTxt .ttlMain_sub br{
		display: none;
	}
}
@media screen and (max-width:320px) {
	.sub .recruitBox .open .Type.front:hover {
		border: 1px solid var(--main-color);
	}
	.sub .recruitBox .open .Type.front:hover .ttlType03::before {
		background: var(--main-color);
	}
	.sub .recruitBox .Type.front:hover .tableType05 th {
		border-bottom: 1px solid var(--border-color);
	}
	.sub .recruitBox .Type.front:hover .tableType05 td{
		border-bottom: 1px solid var(--main-color);
	}
}


/* news
========================================== */
.newsArea {
	padding: 80px 0 10px;
}
.sub .newsArea {
	padding: 0;
}
.newsList{
	display: flex;
}
.newsList .ttl{
	width: 260px;
	padding: 0 20px;
}
.newsList .ttl .btnMore a {
	width: 100%;
	padding: 0.5em 1em 0.6em;
}
.newsList .txt{
	padding-left: 75px;
}
.newsList .txt dl{
	padding: 1em;
	border-bottom: 1px solid var(--border-color);
}
.newsList .txt dl dt{
	font-family: "Jost", sans-serif;
	font-weight: 400;
	color: var(--txt-subcolor);
}
.newsList .txt dl dt span,
.newsList .txt dl dt a{
	padding-left: 2em;
	color: var(--point-color);
	font-weight: 600;
	transition: opacity 0.3s;
}
.newsList .txt dl dt a{
	text-decoration: none;
}
.newsList .txt dl dt a:hover{
	opacity: 0.7;
}
.newsList .txt dl dd{
	padding: 1em 0 1em;
	font-weight: 500;
	line-height: 1.8;
}
.newsList .txt a {
	text-decoration: none;
	color: var(--txt-color);
	transition: opacity 0.3s;
}
.newsList .txt a:hover{
	opacity: 0.7;
}
.newsList .txt a:last-child dl {
	border-bottom: none;
}

@media screen and (max-width: 840px) {
	.newsList .txt {
		padding-left: 30px;
	}
}
@media screen and (max-width:599px) {
	.newsArea {
		padding: 60px 0 10px;
	}
	.newsList {
		display: block;
	}
	.newsList .ttl {
		width: 100%;
	}
	.newsList .txt{
		padding-left: 0;
	}
}
@media screen and (max-width:390px) {
	.newsList .txt dl {
		padding: 1em 0;
	}
}

/* sub
------------------------------------------ */
.sub .newsList{
	display: block;
}
.sub .newsList .txt {
	padding-left: 0;
}
.newsArea.sub .newsList .txt dl{
	border-bottom: none;
}


/* contact
========================================== */
.contactArea{
	padding: 100px 0 0;
	background: url(images/bg_contents.png) no-repeat;
	background-size: cover;
	background-position: bottom;
	text-align: center;
}
.contactArea .Inner{
	padding-bottom: 100px;
	border-bottom: 1px solid #fff;
}
.contactList{
	display: flex;
	justify-content: center;
	margin-top: 60px;
}
.contactList .mail{
	padding-right: 40px;
}
.contactList .mail .btnMore{
	margin-top: 20px;
}
.contactList .mail .btnMore a{
	background: rgb(255 255 255 / 60%);
}
.contactList .mail .btnMore a:hover{
	color: var(--point-color);
}
.contactList .mail .btnMore a:hover::before{
	border-top: solid 1px var(--point-color);
	border-right: solid 1px var(--point-color);
}
.contactList .tel{
	padding-left: 70px;
}
.contactList .tel .number{
	margin-top: 0.4em;
	font-family: "Jost", sans-serif;
	font-weight: 500;
	font-size: clamp(3rem, 3vw, 4rem);
	line-height: 1;
}
.contactList .tel .number a{
	color: var(--main-color);
	text-decoration: none;
}
.contactList .tel .hours{
	margin-top: 0;
}

@media screen and (max-width: 840px) {
	.contactArea .Inner {
		padding-bottom: 60px;
	}
	.contactList .tel{
		padding-left: 0;
	}
	.contactList .tel .number {
		line-height: 1.2;
	}
	.contactList .mail .btnMore a{
		width: 260px;
	}
}
@media screen and (max-width:599px) {
	.contactArea {
		padding: 80px 0 0;
	}
	.contactTop .Inner > p {
		text-align: left;
	}
	.contactList{
		display: block;
	}
	.contactList .mail {
		padding-right: 0;
	}
	.contactPrivacy {
		margin-top: 30px;
	}
}

/* sub
------------------------------------------ */
.sub .contactArea {
	padding: 0;
	background: none;
}
.sub .contactArea .Inner {
	padding-bottom: 0;
}
.sub .contactArea .topTxt {
	text-align: left;
}
.contactPrivacy {
	margin-top: 50px;
}
.contactPrivacy p {
	text-align: left;
}
.contactPrivacy a {
	text-decoration: underline;
	text-underline-offset: 3px;
}


/* service
========================================== */
.businessArea{
	margin: 100px auto;
}
.businessBox{
	margin: 50px auto;
	border: 1px solid var(--bg-color02);
	box-shadow: 2px 2px 5px var(--shadow-color02);
}
.businessBox .inner{
	padding: 0.5em 1em 2em;
}
.businessBox p{
	padding: 1em 1em 2em;
}
.businessBox .type{
	border: 1px solid var(--sub-color);
	margin-bottom: 20px;
	padding: 1em;
}
.businessBox .type ul li{
	position: relative;
	padding-left: 2em;
}
.businessBox .type ul li::before{
	content: '';
	position: absolute;
	left: 1em;
	top: 0.6em;
	width: 8px;
	height: 8px;
	background: var(--sub-color);
}
.businessBox .img{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	column-gap: 2%;
	row-gap: 20px;
}
.businessBox .img div{
	width: 32%;
}
.businessBox .img img{
	width: 100%;
	object-fit: cover;
	aspect-ratio: 100 / 70;
	height: 100%;
}

@media screen and (max-width: 1200px) {
	.serviceTop{
		padding: 0 30px;
	}
}
@media screen and (max-width: 840px) {
	.businessArea {
		margin: 50px auto;
	}
}
@media screen and (max-width: 599px) {
	.businessArea {
		margin: 50px auto;
	}
	.businessBox p{
		padding: 1em 0 2em;
	}
	.businessBox .img div {
		width: 100%;
	}
}


/* works
========================================== */
.caseBox .btn{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.caseBox .btn li a{
	padding: 0.5em 1em;
	margin-right: 1em;
	background: var(--bg-color02);
	color: var(--sub-color);
	text-decoration: none;
	transition: .3s;
}
.caseBox .btn li a:hover{
	background: var(--point-color);
	color: #fff;
}
.caseBox .btn li a.active{
	background-color: var(--point-color);
	color: #fff;
}
.caseBox .list{
	padding-top: 20px;
}
.caseBox .list .box{
	margin: 20px auto;
	padding-bottom: 20px;
	border-bottom: 1px solid var(--border-color);
}
.caseBox .list .img{
	width: 160px;
	margin-right: 2em;
}
.caseBox .list .img img{
	width: 100%;
	object-fit: cover;
	aspect-ratio: 100 / 80;
}
.caseBox .list .box a{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	text-decoration: none;
	transition: .3s;
}
.caseBox .list .box a:hover{
	opacity: 0.7;
}
.caseBox .list .box ul{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	padding-top: 20px;
}
.caseBox .list .box ul li{
	margin-right: 1.5em;
}
.caseBox .list .box ul li.date{
	font-family: "Jost", sans-serif;
	font-weight: 500;
	color: var(--sub-color);
}
.caseBox .list .box ul li.category {
	padding: 0 1em;
	background: var(--bg-color02);
}
.caseBox .list .box dl{
	display: flex;
}
.caseBox .list .box dl dt{
	margin-right: 0.8em;
	color: var(--sub-color);
}

@media screen and (max-width: 1000px) {
	.caseBox .list .img {
		margin-right: 1em;
	}
	.caseBox .list .box ul{
		padding-top: 10px;
	}
	.caseBox .list .box ul li {
		margin-right: 0.8em;
	}
	.caseBox .list .box ul li.category {
		padding: 0 0.3em;
	}
}
@media screen and (max-width: 840px) {
	.caseBox .list .box ul {
		display: block;
		padding-top: 0;
	}
	.caseBox .list .box ul li {
		margin-right: 0;
	}
	.caseBox .list .box ul li.category {
		display: inline-block;
		margin: 2px 0;
	}
}
@media screen and (max-width: 599px) {
	.caseBox .btn{
		justify-content: space-between;
	}
	.caseBox .btn li{
		width: 48%;
	}
	.caseBox .btn li a {
		display: block;
		width: 100%;
		margin-bottom: 10px;
	}
	.caseBox .list {
		padding-top: 0;
	}
	.caseBox .list .box a{
		display: block;
	}
	.caseBox .list .img {
		width: 100%;
		margin: 0 auto 10px;
	}
	.caseBox .list .box{
		padding-bottom: 10px;
	}
	.caseBox .list .box dl {
		margin-top: 0.5em;
		align-items: flex-start;
	}
	.caseBox .list .box dl dt{
		padding: 0.2em 0.5em;
		color: #fff;
		background: var(--sub-color);
		width: 100px;
		text-align: center;
	}
	.caseBox .list .box dl dd{
		width: 80%;
		line-height: 1.4;
	}
}


/* company
========================================== */
.companyBox{
	margin-bottom: 80px;
}
.companyBox p{
	line-height: 1.8;
}
.policyList {
	display: flex;
	gap: 40px;
	margin-top: 30px;
}
.policyList > li {
	flex: 1;
}
.policyList > li + li {
	margin-top: 0;
}
.policyTtl {
	color: var(--sub-color);
	font-size: clamp(2rem, calc(1.82rem + 0.49vw), 2.2rem);
	font-weight: 600;
	text-align: center;
	margin-bottom: 0.5em;
}
.policyList .heading {
	overflow: visible;
	padding: 0;
	background-color: transparent;
	color: var(--sub-color);
	font-size: clamp(1.8rem, calc(1.62rem + 0.49vw), 2rem);
	font-weight: 700;
	text-align: center;
	margin-bottom: 1em;
}
@media screen and (max-width: 840px) {
	.policyList {
		flex-direction: column;
		gap: 30px;
	}
}

.companyPolicy .img{
	max-width: 750px;
	margin: 30px auto 30px;
}

.companyPolicy .img img{
	width: 100%;
}

@media screen and (max-width: 840px) {
	.companyBox {
		margin-bottom: 50px;
	}
}

.stationName {
	display: block;
	font-weight: 600;
	margin-bottom: 10px;
	padding: 4px 5px 4px 16px;
	color: var(--sub-color);
	background: var(--bg-color03);
}
.stationRoute {
	margin-left: 1em;
}
.companyCont > .txt ul > li.mt {
	margin-top: 1em;
}
.companyBox .ttlType03 {
	margin-bottom: 1em;
}


/* privacy
========================================== */
.privacyArea .topTxt{
	margin-bottom: 50px;
	line-height: 1.8;
}
.privacyBox .ttlType04{
	margin-top: 30px;
}
.privacyBox p,
.privacyBox ul{
	padding: 0 1em;
	line-height: 1.8;
}
.privacyBox p + ul {
	margin-top: 1.5em;
}
.privacyBox p + p {
	margin-top: 1.5em;
}
.privacyBox ul + p {
	margin-top: 1.5em;
}
.privacyBox ul li{
	text-indent: -3em;
	padding-left: 3em;
}
.privacyBox ul li ul{
	padding: 10px 0;
}
.privacyBox ul li ul li{
	text-indent: 0;
	padding-left: 0;
}

@media screen and (max-width: 390px) {
	.privacyArea .topTxt{
		line-height: 1.8;
	}
	.privacyBox p,
	.privacyBox ul {
		padding: 0;
		line-height: 1.8;
	}
}


/* footer
========================================== */
footer{
	background: url(images/bg_footer.png) no-repeat;
	background-size: cover;
	background-position: bottom;
}
.footerWrap{
	margin: 0 auto;
	padding: 130px 0 100px;
	width: 1200px;
	text-align: center;
}
.footerInfo{
	margin-bottom: 100px;
	color: #fff;
}
.footerInfo .logo {
	width: 370px;
	margin: 0 auto;
	margin-bottom: 50px;
}
.footerInfo .logo img{
	width: 100%;
	height: auto;
}
.footerInfo .company{
	line-height: 2;
}
.footerInfo .company span{
	font-size: 1.5rem;
	/* font-weight: 400; */
}
.footerInfo .company span br {
	display: none;
}
.footerInfo .tel a{
	font-size: 2.2rem;
	text-decoration: none;
}
.footerNavi{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.footerNavi dl{
	text-align: left;
	line-height: 3;
}
.footerNavi dl dt span{
	font-weight: 500;
	color: #fff;
}
.footerNavi dl dt a,
.footerNavi dl dd a{
	font-weight: 500;
	text-decoration: none;
	color: #fff;
}
.footerNavi dl dt a:hover,
.footerNavi dl dd a:hover {
	text-decoration: underline;
	text-underline-offset: 3px;
}
.footerNavi dl dd{
	padding-left: 1em;
}
.footerNavi dl dd a > span{
	display: inline-block;
	position: relative;
	line-height: 1.6;
}
.footerNavi dl dd a > span::before{
	content: "";
	display: inline-block;
	position: absolute;
	top: 50%;
	right: calc(100% + 0.4em);
	width: 1em;
	height: 1px;
	background-color: #fff;
}

.copyright{
	padding: 1em 0 3em;
	font-size:1.2rem;
	color: #fff;
	text-align: center;
}

@media screen and (max-width: 1200px) {
	.footerWrap {
		width: 100%;
		padding: 130px 20px 100px;
	}
}
@media screen and (max-width: 840px) {
	.footerWrap {
		padding: 100px 20px;
	}
}
@media screen and (max-width: 599px) {
	.footerWrap {
		padding: 50px 20px 20px;
	}
	.footerInfo {
		margin-bottom: 30px;
	}
	.footerInfo .logo {
		width: 80%;
	}
	.footerNavi{
		flex-wrap: wrap;
	}
	.footerNavi dl {
		width: 46%;
		margin-bottom: 10px;
		font-size: 1.5rem;
		line-height: 2.6;
	}
	.footerNavi dl:first-child{
		width: 100%;
	}
	.copyright {
		padding: 1em 0 1.5em;
	}
}
@media screen and (max-width: 390px) {
	.footerNavi dl {
		width: 50%;	
		font-size: 1.4rem;
	}
	.footerInfo .company span br{
		display: block;
	}
}
@media screen and (max-width: 320px) {
	.footerNavi dl {
		width: 100%;
	}
}


/* breadcrumb
========================================== */
.breadcrumb {
	padding-top: 80px;
	margin: 0 auto 30px;
	max-width: 1080px;
}
.breadcrumb li {
	display: inline;
	list-style-type: none;
	color: var(--txt-color);
	font-size: 1.4rem;
}
.breadcrumb li:before {
	content: "/";
	padding: 0 10px;
}
.breadcrumb li:first-child:before {
	content: none;
}
.breadcrumb li a {
	text-decoration: none;
	color: #333;
}
.breadcrumb li a:hover {
	text-decoration: underline;
}

@media screen and (max-width: 1080px) {
	.breadcrumb {
		max-width: 100%;
		padding: 80px 30px 0;
	}
}
@media screen and (max-width: 840px) {
	.breadcrumb {
		padding: 60px 30px 0;
	}
}
@media screen and (max-width: 599px) {
	.breadcrumb {
		padding: 60px 20px 0;
	}

	.breadcrumb li {
		font-size: 1.2rem;
	}
}


/* 404
========================================== */
.notfoundArea .notfoundTxt {
	margin-bottom: 50px;
}

/* pageTop
========================================== */
#pageTop{
	position:fixed;
	line-height: 1;
	right: 50px;
	bottom: 50px;
	z-index: 100;}
#pageTop a{
	display: block;
	position:relative;
	width: 90px;
	height: 143px;
	padding:20px;
	background:url(images/page_top.png) no-repeat;
	color:#fff;
	transition: all .3s;
}

@media screen and (max-width: 1200px) {
	#pageTop{
		right:0;}
}

@media screen and (max-width: 599px) {
	#pageTop a{
		width: 70px;
		height: 100px;
		background-size: contain;
	}
}

/* ============================================================
   フォント
   ============================================================ */

.font-mincho {
  font-family: "Noto Serif JP", serif;
}