@charset "UTF-8";
/* CSS Document */


/*------------------
Base
-------------------*/
html{
	font-size: 62.5%;
}

body{
	color: #333;
	font-family: "Ubuntu","Roboto","Arial Black","Montserrat","Copperplate","Noto Sans JP","ヒラギノ角ゴ Pro W3", "Hiragino", "Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-feature-settings: "palt";
	font-size: 1.6rem;
	line-height: 1;
	letter-spacing: 0.08em;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}

img{
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}

.text-center{
	text-align: center;
}

/*-------------------
header
-------------------*/
.header{
	position: relative;
	animation: nyuru 0.5s;
/*	overflow: hidden;*/
	z-index: 100;
}
.header-inner{
	-webkit-display: flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	box-sizing: border-box;
	padding: 0 30px;
	max-width: 1000px;
	margin: auto;
	}
.bar{
	background-color: rgba(56,56,56,0.5);
/*	width: 1400px;*/
}
.site-title{
	width: 150px;	
	min-width: 150px;
	padding: 20px 0;
	z-index: 88;
}
.nav-list{
	display: none;
}
.nav-item{
	margin: 0 0 55px;
	letter-spacing: 0.15em;
	font-family: "Ubuntu", "sans-serif";
/*	background-color: burlywood;*/
}
.nav-item>a{
	color: white;
	font-size: 1rem;
	text-transform: uppercase;
	text-decoration: none;
}
/*
.header .header-nav>a{
	color: #777;
}
*/

.video-wrap{
	height: 94vh;
/*	overflow: hidden;*/
/*	background: url(../images/overlay/05.png);*/
/*
	position: relative;
	width: 100%;
	margin: 0 auto;
*/
	}
.video{
    position: fixed;
    right: 0;
    bottom: 0;
	min-width: 100%;
	min-height: 100%;
    width: auto;
    height: auto;
	z-index: -100;
	background-size: cover;
}
.img-sp{
	display: none;
}
.dot{
	top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	z-index: 1;
	background: url(../images/overlays/05.png);
}
.top.box{
	top: -62px;
	height: 1001px;
	margin-bottom: -62px;
    overflow: hidden;
    position: relative;
	z-index: -2;
}

.header-title{
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform : translate(-50%,-50%);
	transform : translate(-50%,-50%);
	width: 100%;
}
.decoration-none{
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
	pointer-events: none;
}

.catch-upper{
	text-transform: capitalize;
	margin-bottom: 20px;
	font-family: 'Roboto','Copperplate','Arial Black';
	font-size: 10rem;
	font-weight: bold;
	color: #ffffff;
	display: inline-block;
	border-bottom: solid 2px yellow;
}
	.catch-upper::after{
		font-family: "Font Awesome 5 Free";
		content: "\f12a";
		font-weight: 700;
		font-size: 8rem;
		padding-left: 20px;
		color: white;
	}
.catch-lower{
	text-transform: uppercase;
	font-family: 'Roboto','Copperplate','Arial Black';
	font-size: 5rem;
	font-weight: bold;
	color: #ffffff;
}
	a{
		-webkit-transition: all 0.2s;
		-moz-transition: all 0.2s;
		-ms-transition: all 0.2s;
		transition: all 0.2s;
	}
	a:hover{
		opacity: 0.5;
	}

	.navigation{
		display: -webkit-flex;
		display: flex;
	}
	.nav-list{
		display: -webkit-flex;
		display: flex;
		justify-content: center;
		-webkit-justify-content: center;
/*		background-color: blueviolet;*/
	}
	.nav-item{
		margin: 0 0 0 56px;
	}
	.header .nav-item>a{
		display: block;
		box-sizing: border-box;
		height: 62px;
		padding-left: 2px;
		padding-right: 2px;
		line-height: 62px;
	}
	.nav-item.current>a{
		border-bottom: solid 3px yellow;
		color: #202020;
	}

@keyframes nyuru{
	0%{
		margin-top: -64px;
	}
	100%{
		margin-top: 0;
	}
}


/*-------------------
about
-------------------*/
.hero{
	position: relative;
	margin: 0 auto;
}

.hero .about-title{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 800px;
	transform: translate3d(-50%,-50%,0);
	z-index: 88;
	font-size: 6rem;
	color: #fff;
	font-weight: bold;
	text-align: center;
	text-shadow: 0px 0px 10px gold;
}
.bx-wrapper {
  margin: 0 !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border: none !important;
  background: none !important;
}
.bxslider img{
  width: 100% !important;
  height: auto !important;
}
.section{
	margin: 0 auto;
}
	.about-main{
		width: 500px;
		margin: 100px auto;
		padding-left: 240px;
	/*	background-color: blueviolet;*/
	}
	.company{
		width: 650px;
		margin: 140px auto 0px;
		
/*
		position: relative;
		z-index: 1;
*/
	}
	.company-info{
		font-size: 1rem;
		box-sizing: border-box;
		padding: 0 0 75px;
		padding-bottom: 140px;
	}
	.company-item{
		display: table;
		width: 100%;
		padding: 0 0 40px;
		color: #393939;
		font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Noto Sans JP', 'sans-serif';
		line-height: 1.5;
	}
	.company-item:last-of-type{
		padding: 0;
	}
	.section-head{
/*		width: 200px;*/
		display: inline-block;
		vertical-align: top;
	/*	background-color: blue;*/
	}
	.company-profile{
		font-weight: bold;
		margin-right: 120px;
	}
	.company-title{
		display: table-cell;
		width: 10%;
		text-align: left;
	}
	.company-detail{
		display: table-cell;
		padding: 0 0 0 30px;
		text-align: left;
	}
	.section-main{
		display: inline-block;
	/*	background-color: cyan;*/
	}
	.about-title{
		max-width: 800px;
		font-size: 2.8rem;
		letter-spacing: 0.12em;
		font-family: 'Ubuntu';
		margin-bottom: 56px;
		line-height: 1.2;
		display: inline-block;
		border-bottom: solid 3px yellow;
	}

/*
	.main-paragraph{
		font-size: 1.4rem;
		line-height: 2;
		letter-spacing: 0.1em;
		margin-bottom: 80px;
	}
*/
	.section-paragraph:first-of-type{
		font-family: 'Ubuntu';
		font-size: 1.4rem;
		line-height: 2;
		letter-spacing: 0.1em;
		margin-bottom: 56px;
		font-weight: bold;
	}
	.section-paragraph{
		font-size: 1rem;
		line-height: 2;
		letter-spacing: 0.1em;
		margin-bottom: 56px;
	}
	.section-paragraph:nth-of-type(3){
		font-size: 1.4rem;
		line-height: 2;
		letter-spacing: 0.1em;
		margin-bottom: 56px;
		font-weight: bold;
	}
	.section-paragraph:last-of-type{
		margin-bottom: 140px;
	}
	.aqua-link{
		text-decoration: none;
		color: #333;
	}
	.about-list li{
		transition: .8s;
		}


/*-------------------
work
-------------------*/
	.tv.company{
		width: 700px;
		margin: 140px auto 0px;
	}
	.work-inner{
		max-width: 600px;
		margin: auto;
	}
	.work-staff{
		font-weight: bold;
		margin-right: 80px;
		line-height: 1.2;
	}
	.work-production{
		font-size: 1.8rem;
		font-family: "Ubuntu";
		margin-bottom: 24px;
	}
	.work-category{
		font-size: 1.3rem;
		font-weight: 600;
		border-bottom: solid 2px yellow;
		display: inline-block;
		padding-bottom: 2px;
		margin-bottom: 12px;
	}
		.tv-title{
			font-size: 1rem;
			line-height: 2;
			overflow: hidden;
		}
		.tv-category{
			margin-bottom: 40px;
		}
/*
		.tv-category:nth-of-type(4){
			margin-bottom: 80px;
		}
*/
		#section01{
			padding-top: 40px;
			margin-top: 40px;
		}
	.note{
		font-size: 0.7rem;
		margin-bottom: 140px;
		}
	.ppm-jump{
		margin-left: 60px;
		font-size: 1.2rem;
		text-decoration: none;
		color: gray;
		}
	.ppm-jump::before{
		font-family: "Font Awesome 5 Free";
		content: "\f103";
		font-weight: 900;
		padding-right: 5px;
		color: gray;
		}
		
	.tv-title>li::before{
		font-family: "Font Awesome 5 Free";
		content: "\f0da";
		font-weight: 900;
		padding-right: 5px;
		color: black;
		}
	.tv-title li{
		transition: .8s;
		}
	.company-item dt{
		transition: .8s;
		}
	.company-item dd{
		transition: .8s;
		}
	.list-mv01{
		opacity: 0;
		-webkit-transform: translate(0,60px); 
		transform: translate(0,60px); 
		}
	.mv01{
		opacity: 1.0;
		-webkit-transform: translate(0,0);
		transform: translate(0,0); 
		}
	
	.btn-pageTop{
		display: block;
		position: absolute;
		right: 30%;
		top: 3500px;
	}
	.btn-pageTop>a{
		position: relative;
		overflow: hidden;
		display: block;
		width: 30px;
		height: 30px;
		border-radius: 20%;
		background-color: #bababa;
		text-indent: 100%;
		white-space: nowrap;
	}
	.btn-pageTop>a:hover:before{
		top: 40%;
	}
	
	.btn-pageTop>a::before{
		position: absolute;
		top: 50%;
		left: 0%;
		content: "\f102";
		font-weight: 900;
		font-family: "Font Awesome 5 Free";
		color: yellow;
		transform: translate3d(-50%,-50%,0);
		-webkit-transition: all .2s;
		-moz-transition: all .2s;
		-ms-transition: all .2s;
		transition: all .2s;
	}

/*------------------
aquarium
-------------------*/
	.aqua-video-wrap{
/*		position: relative;*/
		height: 97vh;
/*		min-height: 100%;*/
		}
	.aqua-video{
		position: absolute;
		top: -62px;
		min-width: 100%;
		min-height: 104%;
		width: auto;
		height: auto;
		z-index: -8;
		}
	.aqua-dot{
/*		position: relative;*/
/*		position: absolute;*/
		top: 62px;
		left: 0;
		min-width: 100%;
		min-height: 104%;
		width: auto;
		height: auto;
/*
		width: 100vw;
		height: 100vh;
*/
/*		min-height: 100%;*/
/*		z-index: 1;*/
		background: url(../images/overlays/02.png);
		}
.scroll{
		position: absolute;
		bottom: 80px;
		left: 50%;
		z-index: 2;
		display: inline-block;
		-webkit-transform: translate(0, -50%);
		transform: translate(0, -50%);
		text-decoration: none;
		padding-top: 70px;
		color: white;
		}
.scroll-animation{
		position: absolute;
		top: 0;
		left: 50%;
		width: 24px;
		height: 24px;
		margin-left: -12px;
		border-left: 1px solid #fff;
		border-bottom: 1px solid #fff;
		-webkit-transform: rotateZ(-45deg);
		transform: rotateZ(-45deg);
		-webkit-animation: sdb 1.5s infinite;
		animation: sdb 1.5s infinite;
		box-sizing: border-box;
		}
		@-webkit-keyframes sdb {
		  0% {
			-webkit-transform: rotateY(0) rotateZ(-45deg) translate(0, 0);
			transform: rotateY(0) rotateZ(-45deg) translate(0, 0);
			opacity: 0;
		  }
		  50% {
			opacity: 1;
		  }
		  100% {
			-webkit-transform: rotateY(720deg) rotateZ(-45deg) translate(-20px, 20px);
			transform: rotateY(720deg) rotateZ(-45deg) translate(-20px, 20px);
			opacity: 0;
		  }
		}
		@keyframes sdb {
		  0% {
			transform: rotateY(0) rotateZ(-45deg) translate(0, 0);
			opacity: 0;
		  }
		  50% {
			opacity: 1;
		  }
		  100% {
			transform: rotateY(720deg) rotateZ(-45deg) translate(-20px, 20px);
			opacity: 0;
		  }
		}
#section02{
		padding-top: 48px;
}
	.aqua.company{
		width: 650px;
		}
	.aqua-catch-upper{
		text-transform: uppercase;
		letter-spacing: 0.1em;
		margin-bottom: 20px;
		font-family: "Ubuntu";
		font-size: 5rem;
		font-weight: bold;
		color: #ffffff;
		display: inline-block;
		border-bottom: solid 2px yellow;
		}
	.aqua-catch-middle{
		letter-spacing: 0.1em;
		margin-bottom: 36px;
		font-size: 3rem;
		font-weight: bold;
		color: #ffffff;
		}
	.aqua-catch-lower{
		font-size: 4rem;
		font-weight: bold;
		color: #ffffff;
		}
	.aqua-category{
		font-size: 2rem;
		font-weight: 600;
		border-bottom: solid 2px yellow;
		display: inline-block;
		padding-bottom: 2px;
		margin-bottom: 12px;
		margin-top: -17px;
	}
	.aqua-title{
		width: 160px; 
		font-size: 2rem;
		letter-spacing: 0.12em;
		font-family: 'Ubuntu';
		margin: 0 auto 56px;
		display: block;
		padding-bottom: 5px;
		border-bottom: solid 2px yellow;
	}
	.fish-title{
		font-size: 1rem;
		line-height: 2;
		margin-bottom: 48px;
	}
	.aqua-concept{
		font-size: 1rem;
		line-height: 2;
		margin-bottom: 80px;
	}
	.fish-title>li::before{
		font-family: "Font Awesome 5 Free";
		content: "\f578";
		font-weight: 900;
		padding-right: 5px;
		color: darkblue;
	}
	.aqua-copy{
		font-size: 2rem;
		line-height: 2;
		margin: -10px 0px 40px;
	}
	.koba-image{
		width: 450px;
/*		display: inline-block;*/
	}
	.koba-profile{
		margin: -16px 0px 140px 150px;
	}
	.koba-name{
		font-size: 1.3rem;
		line-height: 2;
		margin-top: 20px;
	}
	.fish-title li{
		transition: .8s;
		}
	.work-inner h2{
		transition: .8s;
		}
	.work-inner p{
		transition: .8s;
		}
	.koba-image img{
		transition: .8s;
		}





.box{
	top: -62px;
	height: 1001px;
	margin-bottom: -62px;
/*    overflow: hidden;*/
    position: relative;
/*	z-index: -2;*/
}
.fitImg{
	position: absolute;
	z-index: -1;
}
.box__centered{
	left: 50%;
    position: absolute;
    top: 50%;
}
.box__contents{
	width: 900px;
	text-align: center;
    transform: translate(-50%,-70%);
}





/*-------------------
recruit
-------------------*/
.recruit{
	margin-bottom: 140px;
}
.recruit-image{
	width: 530px;
	margin: 80px 0 100px;
}
.recruit.company{
	width: 600px;
}
.slider{
    margin: 80px auto;
    width: 100%;
}
.slider img{
    height: auto;
    width: 100%;
}
.slick-prev::before,
.slick-next::before {
    color: #000;
}
/*------------------
access
-------------------*/
	.access{
		width: 700px;
		margin: 80px auto 0px;
	}
	.map-outer{
		position: relative;
		padding-top: 45%;
		margin-bottom: 64px;
	}
	.map{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.train-title{
		font-size: 1rem;
		line-height: 2;
		margin-bottom: 48px;
	}
	.train-title>li::before{
		font-family: "Font Awesome 5 Free";
		content: "\f239";
		font-weight: 900;
		padding-right: 12px;
		color: black;
	}
	.train-comment{
		font-weight: bold;
		margin-right: 80px;
		line-height: 1.2;
		width: 140px;
	}
	.access-video{
		width: 400px;
		margin-bottom: 140px;
	}
	.map-outer iframe{
		transition: .8s;
		}
	.train-title li{
		transition: .8s;
		}
	.section-main video{
		transition: .8s;
		}

/*------------------
footer
-------------------*/
	.footer{
		position: relative;
		width: 100vw;
		padding: 48px 0;
		margin: 0 ;
		background-color: #EAEAEA;
		color: #626262;
	}	
	.footer-inner{
		display: -webkit-flex;
		display: flex;
		justify-content: center;
		-webkit-justify-content: center;
		min-width: 700px;
	}		
	.footer-contents{
/*		display: inline-block;*/
/*		background-color: red;*/
/*		width: 50%;*/
		min-width: 300px;
		padding-left: 100px;
		float: left;
		margin: 0 auto;
	}
	.inner-mail{
/*		display: inline-block;*/
/*		margin: 0 auto;*/
/*		background-color: green;*/
		text-align: center;
/*		vertical-align: middle;*/
		width: 50%;
		min-width: 250px;
		padding-top: 100px;
		float: right;
/*
		padding-right: 200px;
		padding-left: 50px;
*/
	}
	.footer .logo{
		max-width: 200px;
		margin: 0 0 48px;
	}
	
	.address{
		margin: 0 0 20px;
		font-size: 1.1rem;
		line-height: 2.1;
	}
	.address-map{
		text-decoration:none;
		color: #626262;
	}
	.address>a::after{
		font-family: "Font Awesome 5 Free";
		content: "\f3c5";
		font-weight: 900;
		padding-left: 10px;
		color: gray;
	}
	.tel{
		margin: 0 0 48px;
		font-size: 1.3rem;
		line-height: 2.1;
	}
	.tel-namber{
		text-decoration: none;
		color: #626262;
	}
	.mail-address{
		font-size: 2rem;
		text-decoration:none;
		color: #626262;
	}
	.mail-address-sp{
		display: none;
	}
	.copyrights{
		font-size: 0.9rem;
	}


@media screen and (max-width:768px){
/*------------------
header
-------------------*/
	.fitImg{
		display: none;
	}
	.dot{
		display: none;
	}
	.img-sp{
		display: block;
		width: 100%;
		top: 0;
		position: absolute;
		z-index: -999;
		margin: 0 auto;
	}
	.nav-item{
		margin: 0;
	}
	.nav-item>a{
		font-size: 1.5rem;
	}
	.nav-item.current>a{
		border-bottom: none;
	}
	.header-nav{
		position: absolute;
/*
		overflow: auto;
		-webkit-overflow-scrolling: touch;
*/
		z-index: 88;
	}
	.navigation{
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 120%;
		padding: 120px 0 0;
		margin: 0 auto;
/*		z-index: 999;*/
		background-color: rgba(56,56,56,0.98);
		
/*
		-webkit-transform: translateY(-105%);
		transform: translateY(-105%);
*/
		
		-webkit-transition: -webkit-transform cubic-bezier(0.6, 0, 0.3, 1) 0.7s;
		transition: -webkit-transform cubic-bezier(0.6, 0, 0.3, 1) 0.7s;
		transition: transform cubic-bezier(0.6, 0, 0.3, 1) 0.7s;
		transition: transform cubic-bezier(0.6, 0, 0.3, 1) 0.7s,
		-webkit-transform cubic-bezier(0.6, 0, 0.3, 1) 0.7s;
	}
	.navigation.is-open{
		-webkit-transform: translateY(0);
    	transform: translateY(0);
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
	}
	.nav-list{
		display: block;
	}
	.img-sp{
		position: absolute;
		z-index: -999;
	}
	.header-inner{
		padding: 0 15px;
/*		position: relative;*/
	}
	.decoration-none{
		pointer-events: all;
	}
.icon-animation {
/*  width: 20%;*/
    position: relative;
/*	left: 110px;*/
	z-index: 99;
	right: 12px;
}
.icon-animation span {
    width: 30px;
    height: 2px;
    display: block;
    background: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -25px;
}
.type-3.is-open .top {
    -webkit-transform: rotate(-45deg) translateY(0px);
    -ms-transform: rotate(-45deg) translateY(0px);
    transform: rotate(-45deg) translateY(0px);
}

.type-3 .top {
    -webkit-transform: translateY(-12px);
    -ms-transform: translateY(-12px);
    transform: translateY(-12px);
}
.type-3.is-open .middle {
    -webkit-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px);
    background: rgba(255, 255, 255, 0);
}
.type-3 .middle {
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
}
.type-3.is-open .bottom {
    -webkit-transform: rotate(45deg) translateY(0px);
    -ms-transform: rotate(45deg) translateY(0px);
    transform: rotate(45deg) translateY(0px);
}

.type-3 .bottom {
    -webkit-transform: translateY(12px);
    -ms-transform: translateY(12px);
    transform: translateY(12px);
}

.type-3 span {
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

	
/*------------------
top
-------------------*/
	.catch-upper{
		font-size: 8rem;
		margin-bottom: 20px;
	}
	.catch-upper::after{
		font-family: "Font Awesome 5 Free";
		content: "\f12a";
		font-weight: 700;
		font-size: 6.5rem;
		padding-left: 12px;
		color: white;
	}
	.catch-lower{
		font-size: 3.5rem;
	}
	
	
/*------------------
about
-------------------*/
	.site-title{
		width: 120px;
		min-width: 120px;
    	padding-left: 10px;
	}
	.hero{
		position: relative;
		z-index: 2;
	}
	.hero .about-title{
		max-width: 260px;
		font-size: 2rem;
	}
	.about-title{
		border-bottom: solid 1px yellow;
	}
	.about-main {
    	width: 320px;
		margin: 50px auto 0px;
    	padding: 0px 10px;
	}
	.section-paragraph{
		font-size: 1.3rem;
	}
	.section-paragraph:first-of-type {
		font-size: 1.5rem;
	}
	.section-paragraph:nth-of-type(3) {
		font-size: 1.5rem;
	}
	.section-paragraph:last-of-type{
		margin-bottom: 0;
	}
	.company{
		width: 320px;
		margin: 100px auto 100px;
		padding: 0px 10px;
	}
	.company-profile {
		margin: 0px 0px 30px;
	}
	.company-title {
		width: 18%;
	}
	.company-info{
		padding-bottom: 0;
	}
	.br{
		display: none;
	}
	.company-item{
		font-size: 1.3rem;
	}
	
	
/*------------------
TV
-------------------*/
	.tv.company{
		width: auto;
		margin: 48px auto;
		padding: 0px 20px;
	}
	.ppm-jump{
		display: block;
		margin: 10px auto 30px;
	}
	.btn-pageTop{
		top: 4750px;
		right: 30px;
	}
	.tv-title{
		font-size: 1.3rem;
	}
	.work-category {
		font-size: 1.5rem;
	}
	.work-production{
		font-size:  2.2rem;
		margin-bottom: 48px;
	}
	
	
/*------------------
aquarium
-------------------*/
	.aqua-catch-upper{
		font-size: 2.5rem;
	}
	.aqua-catch-middle{
		font-size: 2.5rem;
	}
	.aqua-catch-lower{
		font-size: 1.5rem;
	}
	.scroll{
		left: 43.5%;
	}
	.aqua-copy{
		font-size: 1.8rem;
		margin: 0px 0px 30px;
	}
	.section-head{
		display: block;
	}
	.work-staff{
		margin: 0px 0px 30px;
		text-align: center;
		font-size: 2.2rem;
	}
	.koba-image{
		width: 80vw;
		text-align: center;
		margin: 0 auto;
	}
	.koba-profile{
		margin: 0 auto;
	}
	.aqua.company{
		width: auto;
		margin: 30px auto 50px;
		padding: 0px 20px;
	}
	.aqua-br{
		display: none;
	}
	.aqua-dot{
		display: none;
	}
	.aqua-concept{
		font-size: 1.3rem;
	}
	.fish-title{
		font-size: 1.3rem;
		margin-bottom: 68px;
	}

	
/*------------------
recruit
-------------------*/
	.section-main{
		display: block;
	}
	.recruit.company{
		width: 320px;
	}
	
	
/*------------------
access
-------------------*/
	.access{
/*		width: 100%;*/
		width: auto;
    	margin: 0px 20px 0px 20px;
	}
	.map-outer{
		padding-top: 100%;
		margin-bottom: 36px;
	}
	.section-head{
		margin-bottom: 20px;
	}
	.access-video{
		width: 88vw;
		margin-bottom: 80px;
	}
	.access.section-main{
		width: 330px;
	}
	.train-title{
		font-size: 1.3rem;
	}
	
/*------------------
footer
-------------------*/
	.footer-contents {
		width: auto;
		text-align: center;
		padding: 0;
		float: none;
	}
	.footer .logo {
		max-width: 300px;
		margin: 0 0 48px;
		text-align: center; 
	}
	.footer-inner{
		width: auto;
		min-width: 375px;
	}

	.mail-address-sp{
		display: inline-block;
		margin-bottom: 48px;
		font-size: 2rem;
	}
	.inner-mail{
		display: none;
	}
	.address{
		font-size: 1.5rem;
	}
	.tel{
		font-size: 1.5rem;
		line-height: 2.5;
	}
	
	
}




	@media screen and (max-width:480px){
	.catch-upper{
		font-size: 3rem;
		margin-bottom: 10px;
	}
	.catch-upper::after{
		font-family: "Font Awesome 5 Free";
		content: "\f12a";
		font-weight: 700;
		font-size: 2.5rem;
		padding-left: 5px;
		color: white;
	}
	.catch-lower{
		font-size: 2rem;
	}
}