@charset "utf-8";
/* CSS Document */
/*
デフォルト：980px以上用（PC用）の記述
@media screen and (max-width: 979px)
979px以下用（タブレット用）の記述

@media screen and (max-width: 767px)
767px以下用（タブレット／スマートフォン用）の記述

@media screen and (max-width: 479px)
479px以下用（スマートフォン用）の記述
*/

/* mainImage */
.mainImage{
	margin-top: 125px;
  width: 100%;
  z-index: 0;
}
.mainImage__imgWrapper{
  width:1366px;
  width:100%;
  height:500px;
  margin: auto;
	background-image: url(/assets/images/animation/main_image.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
  padding:35px 50px;
  box-sizing: border-box;

}
.mainImage__ttl{
	max-width:1366px;
	width:100%;
  margin: auto;
  margin-top: 50px;
  padding-left: 100px;
  font-size:40px;
  color: #ffffff;
	text-shadow: 1px 2px 3px #000000;
	box-sizing: border-box;

}
.mainImage__ttl > span{
	background-color: #000000;
	padding: 0 20px 5px 15px;
}
@media (max-width: 979px) {

}
@media (max-width: 767px) {
	.mainImage{
		margin-top: 95px;
	}
	.mainImage__imgWrapper{
		padding: 45px 30px;
	}
	.mainImage__ttl{
		padding-left:0;
		font-size:35px
	}
}
@media (max-width: 479px) {
	.mainImage__imgWrapper{
		padding: 45px 15px;
	}
	.mainImage__ttl{
		padding-left:0;
		font-size:30px
	}
}

/* Detail */
.detail{
  background-color: #2F4050;
  width:1366px;
  width:100%;
  margin: auto;
  color: #ffffff;
  box-sizing: border-box;
  padding: 80px 0;
}
.detail__title{
  text-align: center;
  font-size: 35px;
  letter-spacing: 7px;
}
.detail__title__jp{
  display: block;
  font-size: 28px;
}
.detail__text{
  margin-top: 45px;
  text-align: center;
  line-height: 2;
  font-size: 17px;
  letter-spacing: 3px;
}


@media (max-width: 979px) {

}
@media (max-width: 767px) {
	.detail__title{
		font-size: 30px;
	}
	.detail__title__jp{
		display: block;
		font-size: 25px;
	}
	.detail__text{
		padding: 0 25px;
	}
}
@media (max-width: 479px) {
	.detail__title{
		font-size: 25px;
		letter-spacing: 5px;
	}
	.detail__title__jp{
		display: block;
		font-size: 20px;
	}
	.detail__text{
		font-size: 16px;
		letter-spacing: 3px;
		padding: 0 15px;
		text-align: left;
	}
}

/* Our Strength */
.ourStrength__outer{
  background-color: #ffffff;
  width:1366px;
  width: 100%;
  margin: auto;
  color: #2F4050;
  box-sizing: border-box;
  padding: 75px 0;
}
.ourStrength__title{
  text-align: center;
  font-size: 35px;
  letter-spacing: 7px;
  position: relative;
}
.ourStrength__title:before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -15px;
  display: inline-block;
  width: 180px;
  height: 2px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #2F4050;
}
.ourStrength__wrapper{
	max-width:945px;
	width:95%;
	margin: 75px auto;
	display: flex;
	flex-wrap: wrap;
}
.ourStrength{
	width: 33.3%;
}
.ourStrength__img{
	position: relative;
	height: 227px;
}
.ourStrength__img > span{
	position: absolute;
	width:62px;
	height:62px;
	background-color:#ffffff;
	color:#2F4050;
	font-size: 30px;
	text-align: center;
	line-height: 62px;
}
.ourStrength__text{
	color:#ffffff;
	text-align: center;
	overflow: hidden;
	height:200px;
}
.ourStrength__text.ourStrength__text--n1{
	background-color: #504e2f;
}
.ourStrength__text.ourStrength__text--n2{
	background-color: #8a853a;
}
.ourStrength__text.ourStrength__text--n3{
	background-color: #504e2f;
}
.ourStrength__text > h3{
	font-size: 30px;
  margin:30px 0 15px 0;
}
.ourStrength__text > p{
	font-size: 16px;
	margin: 0 25px 25px 25px;
}

@media (max-width: 979px) {
	.ourStrength__wrapper{
		display: block;
		margin: 45px auto 0 auto;
		width: 315px;
	}
	.ourStrength{
		margin-bottom: 15px;
	}
	.ourStrength__text{
		width: 315px;
	}
}
@media (max-width: 767px) {
	.ourStrength__title{
		font-size: 30px;
	}
}
@media (max-width: 479px) {
	.ourStrength__title{
		font-size: 25px;
	}
}

/* achievement */
.achievement{
  background-color: #e7e4da;
  width:1366px;
  width: 100%;
  margin: auto;
  color: #2F4050;
  box-sizing: border-box;
	padding: 75px 0;
	overflow: hidden;
}
.achievement__title{
	text-align: center;
  font-size: 35px;
  letter-spacing: 7px;
	color:#2F4050
}
.achievement__images{
	max-width:945px;
	width:100%;
	margin:45px auto;
	padding:0;
	border: 0;
	/*background-color: #ffffff;*/
}
.achievement__img{
	padding: 5px;
	margin:  5px 0;
	display: inline-block;
	overflow: hidden;
	position: relative;
	color: #ffffff;
}
.achievement__img  i{
	position: absolute;
	top: 130px;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -105%);
	-ms-transform: translate(-50%, -105%);
	font-size: 65px;
	opacity: 0.8;
	filter: drop-shadow(10px 10px 10px rgba(0,0,0,0.6));
}
.achievement__img:hover{
	opacity: 0.7;
}
.achievement__subtitle{
	color: #2F4050;
	font-size: 14px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.achievement__subCategory{
	color: #2F4050;
	display: inline-block;
	font-size: 12px;
	font-weight: normal;
	border: 1px solid #2f4050;
	padding: 5px;
	margin: 3px 0;
	font-family: "メイリオ",sans-serif;
}
.achievement__moreBTN{
	max-width: 350px;
	width: 95%;
	margin: auto;
	padding: 15px;
	background-color: #2f4050;
	color: #ffffff;
	text-align: center;
	font-size: 18px;

}
.achievement__moreBTN > a{
	display: block;
	position: relative;
}
.achievement__moreBTN > a::after{
	content: '＞';
	position: absolute;
	right: 25px;
}

@media (max-width: 979px) {
	.achievement__img{
		box-sizing: border-box;
		text-align: center;
		padding: 5px;
		margin: 0;
		display: block;
		float: left;
	}
	.achievement__img > img{
		width: 100%;
		margin: 0 5px;
	}
}
@media (max-width: 767px) {
	.achievement__title{
		font-size: 30px;
	}
}
@media (max-width: 479px) {
	.achievement__title{
		font-size: 25px;
	}
	.achievement__images{
		width:85%;
		margin: 45px auto;
	}
	.achievement__img{
		width:100%;
	}
}

img.mfp-img{
	width: auto;
  max-width: 100%;
}

/* Video */
.video{
	display: none;
	background-color: #636363;
  width:1366px;
  width: 100%;
  margin: auto;
  color: #2F4050;
  box-sizing: border-box;
  padding: 75px 0;
}


.owl-carousel{
	width: 85%!important;
}
.carousel-wrapper {
  width: 1000px;
  margin: auto;
  position: relative;
  text-align: center;
  font-family: sans-serif;
}
.owl-carousel .owl-nav {
  overflow: hidden;
  height: 0px;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: #5110e9;
}


.owl-carousel .item {
  text-align: center;
}

.owl-carousel .nav-button {
  height: 50px;
  width: 25px;
  cursor: pointer;
  position: absolute;
  top: 55px !important;
	font-size: 50px;
}

.owl-carousel .owl-prev.disabled,
.owl-carousel .owl-next.disabled {
  pointer-events: none;
  opacity: 0.25;
}

.owl-carousel .owl-prev {
  left: -35px;
}

.owl-carousel .owl-next {
  right: -35px;
}

.owl-theme .owl-nav [class*=owl-] {
  color: #ffffff;
  font-size: 39px;
  background: #000000;
  border-radius: 3px;
}

.owl-carousel .prev-carousel:hover {
  background-position: 0px -53px;
}

.owl-carousel .next-carousel:hover {
  background-position: -24px -53px;
}