/* #home page
---------------------------------------------------- */

.main-carousel {
	width:100%;
}

.carousel-cell {
	width:100%;
	position: relative;
	z-index: 0;
}

.carousel-cell img {
	display: block;
	width:100%;
	z-index: 0;
	margin-right: 0;
	height: calc(100vh - 156px) !important;
	object-fit: cover;
}

/* Fade CSS */
.main-carousel .flickity-slider {
	transform: none !important;
	z-index: 1;
}

.carousel-cell {
	left: 0 !important;
	opacity: 0;
	z-index: -1;
	
	-webkit-transition: opacity 1s ease, transform 7s ease;
	-moz-transition: opacity 1s ease, transform 7s ease;
	-ms-transition: opacity 1s ease, transform 7s ease;
	-o-transition: opacity 1s ease, transform 7s ease;
	transition: opacity 1s ease, transform 7s ease;
	
}

.carousel-cell.is-selected {
	opacity: 1;
	z-index: 0;
}

.scroll-bar {
	position: absolute;
	right: 6%;
	bottom: 0;
	z-index:3;
}


.scroll-bar__text {
	font-size: 1rem;
	color: #000000;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	letter-spacing: .2em;
	margin-bottom: 16px;
}

.scroll-bar__text a:hover {
	color: #ef7b1b;
}

.scroll-bar__bar {
	width: 2px;
	height: 70px;
	background: rgba(0,0,0,0.1);
	margin-left: 11px;
	position: relative;
	overflow: hidden;
}

.scroll-bar__bar::before {
	content: '';
	width: 100%;
	background: #000000;
	position: absolute;
	left: 0;
	top: 0;
	height: 40%;
	animation: scroll 1.5s cubic-bezier(1, 0.2, 0.2, 1) infinite;
}

@keyframes scroll{0%{transform:translate3d(0, -100%, 0)}100%{transform:translate3d(0, 250%, 0)}}



.inner-l-140 {
	width: calc(100% - 140px);
}

/*1279px*/
@media (max-width: 1279px) {
	
	.inner-l-140 {
		width: calc(100% - 120px);
	}
	
	.carousel-cell img.wp-image-6 {
		object-position: 85% center;
	}
}


/*767px*/
@media (max-width: 767px) {
	.carousel-cell img {
		height: calc(100vh - 83px) !important;
		object-fit: cover;
	}
	
	.inner-l-140 {
		width: calc(100% - 20px);
	}
}


.inner280 {
	width: calc(100% - 280px);
}

.inner280-2 {
	width: calc(100% - 280px);
}

/*1279px*/
@media (max-width: 1279px) {
	.inner280 {
		width: calc(100% - 240px);
	}
	
	.inner280-2 {
		width: calc(100% - 120px);
	}
}

/*767px*/
@media (max-width: 767px) {
	.inner280 {
		width: calc(100% - 40px);
	}
	
	.inner280-2 {
		width: 80%;
	}
}

/* #concept-section
---------------------------------------------------- */

.section-h2 {
	font-size:1.4em;
	letter-spacing: .18em;
}
.section-h2 span{
	font-size: 0.8em;
	padding-left:  1em;
}
.leading-10{
	font-size:  1.3em;
	padding-top:  1.5em;
	padding-bottom:  1.5em;
	line-height:2rem
}

.inner1160 {
	max-width:1160px;
}

.inner1160-2 {
	max-width:1160px;
}

/*1279px*/
@media (max-width: 1279px) {
	.inner1160 {
		max-width:784px;
	}
	.inner1160-2 {
		max-width:1160px;
	}
}

h1{
	font-size: 1.8em;
	font-weight: bold;
}

h1::before{
  content: '';/*何も入れない*/
  display: inline-block;
  width: 70px;/*画像の幅*/
  height: 70px;/*画像の高さ*/
  background-image: url(img/logo.png);
  background-size: contain;
  vertical-align: middle;
}

.information-l,
.concept-l,
.w-47 {
	width:40%;
}

.information-r,
.concept-r {
	width:55%;
}

.information-h2 {
	margin-top: 50px;
}

.information-h3 {
	font-size: 1.2em;
}
.information-r p{
	font-size: 1.4em;
}
/*1279px*/
@media (max-width: 1279px) {
	.information-h2 {
		margin-top: 50px;
	}
	
	.concept-l {
		width:49%;
	}
	.concept-r {
		width:50%;
	}
	
	.information-l {
		width:54%;
	}
	
	.information-r {
		width:38%;
	}
}

/*767px*/
@media (max-width: 767px) {
	.menu-table{
		font-size: 1.2em!important;


	}
	.concept-l {
		width:100%;
		
	}
	
	.concept-r {
		width:100%;
		
	}

	.leading-10{
		font-size:  1.3em;
	}
	.section-h2 {
	font-size:1.4em;
	}
	.information-l {
		width:100%;
	}
	
	.information-r {
		width:100%;
		
	}

	.information-h2 {
    margin-top: 0;
}
	.sp-none{
		display: none;
	}
	.mt-20 {
    margin-top: 3rem;
}

.mt-32 {
    margin-top: 3rem;
}
	
}

/* #information-section
---------------------------------------------------- */

.information-h3 {
	font-weight:400;
}

.information-l {
	/*
	margin-top: -290px;
	*/
}

#information-section {
	/*margin-top: -290px;*/
}

#information-section {
	margin-top: 0px;
	margin-bottom:  5em;
}

/*1279px*/
@media (max-width: 1279px) {
	/*
	.information-l {
		margin-top: 0px;
	}*/
	#information-section {
		margin-top: 0px;
	}
}

/* #contact-section
---------------------------------------------------- */

.contact-ul {
	font-size:1.2em;
	letter-spacing: .2em;
	line-height: 2.5;
}

.ico-mail a {
	padding: 10px 0 10px 65px;
	background: url("images/ico/ico-mail.svg") no-repeat left center,url("images/ico/ico-mail-over.svg") no-repeat left center;
	background-size: 33px 25px;
	display: block;
}

.ico-mail a:hover {
	background: url("images/ico/ico-mail-over.svg") no-repeat left center;
	background-size: 33px 25px;
}

.ico-tel a {
	padding: 10px 0 10px 45px;
	background: url("images/ico/ico-tel.svg") no-repeat left center,url("images/ico/ico-tel-over.svg") no-repeat left center;
	background-size: 30px 38px;
	display: block;
}

.ico-tel a:hover {
	background: url("images/ico/ico-tel-over.svg") no-repeat left center;
	background-size: 30px 38px;
}

/*767px*/
@media (max-width: 767px) {
	.ico-mail a {
		padding: 24px 0 0 0;
		background: url("images/ico/ico-mail.svg") no-repeat center top, url("images/ico/ico-mail-over.svg") no-repeat center top;
		background-size: 26px 19px;
		display: block;
	}
	.ico-tel a {
		padding: 28px 0 0 0;
		background: url("images/ico/ico-tel.svg") no-repeat center top, url("images/ico/ico-tel-over.svg") no-repeat center top;
		background-size: 23px 30px;
		display: block;
	}
	.ico-mail a:hover {
		background: url("images/ico/ico-mail-over.svg") no-repeat center top;
		background-size: 26px 19px;
	}
	.ico-tel a:hover {
		background: url("images/ico/ico-tel-over.svg") no-repeat center top;
		background-size: 23px 30px;
	}
	
	.menu-image img {
		width:100%;
		height: 185px;
		object-fit: cover;
	}

}

.inner-r-140 {
	width: calc(100% - 140px);
}

/*1279px*/
@media (max-width: 1279px) {
	.inner-r-140 {
		width: calc(100% - 120px);
	}
}

/*767px*/
@media (max-width: 767px) {
	.inner-r-140 {
		width: 100%;
	}
}


/* #menu-section
---------------------------------------------------- */

.menu01 {
	width:28%;
}

.menu02 {
	width:27%;
}

.menu03 {
	width:31%;
}

/*767px*/
@media (max-width: 767px) {
	.menu01 {
		width:100%;
	}

	.menu02 {
		width:100%;
	}

	.menu03 {
		width:100%;
	}

}

.menu-h3 {
	font-size:1.4em;
	letter-spacing: 0;
	line-height: 1.4;
	font-weight:500;
}

.menu-h3 span {
	display: inline-block;
}

.menu-table {
	width:100%;
	font-size:1.4em;
	font-weight:500;
}

.menu-table th {
	font-weight: normal;
	text-align: left;
	padding: .3em 0;
}

.menu-table td {
	padding: .3em 0;
}

.font80 {
	font-size:.8em;
}

.p-4-0 {
	padding: .4em 0;
}

/* #access-section
---------------------------------------------------- */

.access-inner {
	width: 73%;
}

/*767px*/
@media (max-width: 767px) {
	.access-inner {
		width: 100%;
	}
	
	.access-image {
		width:calc(100% - 40px);
		margin-left:auto;
	}
}


.ico-pin a {
	background:url("images/ico/ico-pin.svg") no-repeat left center, url("images/ico/ico-pin-over.svg") no-repeat left center;
	background-size: 12px 16px;
	padding: 3px 0 3px 20px;
	letter-spacing: .2em;
	display: inline-block;
}

.ico-pin a:hover {
	background: url("images/ico/ico-pin-over.svg") no-repeat left center;
	background-size: 12px 16px;
}

.inner900 {
	max-width:900px;
	margin: 0 auto;
}

/* #staff-section
---------------------------------------------------- */

.staff-h3 {
	margin-top: .5em;
}

.staff-h3 .ja {
	padding-right: 1em;
}

.staff-h3 .en {
	font-size:.8em;
}

.staff-position {
	font-size: .8em;
}

/*767px*/
@media (max-width: 767px) {
	.staff-one {
		width:70%;
		margin: 0 auto 3em auto;
	}

}