@charset "UTF-8";
.wrapper{
	font-family: serif;
	line-height:2;
	overflow: hidden;
}
@media screen and (max-width: 767px) {
    .wrapper {
        width: 100%;
        padding-top:88px;
    }
}
.sec01{
	width:100%;
	overflow: hidden;
}

.sp{display: block;}
.pc{display: none;}
.anchor{
	display:block;
	margin-top:-90px;
	padding-top:90px;
	position: relative;
}
@media (min-width: 768px) {
	.sp{display: none;}
	.pc{display: block;}
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}


.cttl01{
	font-size:30px;
	color:#203864;
	position: relative;
	margin-bottom: 40px;
	text-align: center;
}
.cttl01::before{
	content:"";
	position: absolute;
	display: block;
	width:80px;
	border-top:2px solid #203864;
	left:calc(50% - 40px);
	bottom:-20px;
}
.cttl02 img/*英字大 画像*/{
	width:auto;
	height:10vw;
}
.cttl03{
	font-size:23px;
	font-size:min(5vw,23px);
	color:#203864;
	margin-bottom: 0.5em;
	line-height: 1.6;
}
.cttl04 img/*英字大 画像02*/{
	width:auto;
	height:15vw;
	max-height:140px;
}
.cBtn01{
	display:block;
	background-color:#203864;
	color:#fff;
	width:300px;
	padding:15px;
	font-size:16px;
	text-align: center;
	margin:40px auto;
}
.cBtn02{
	display:block;
	background-color:#333;
	color:#fff;
	width:100%;
	padding:15px;
	font-size:20px;
	font-size:clamp(16px,2vw,20px);
	text-align: center;
	margin-bottom: 10px;
	position: relative;
	font-weight: bold;
}
.cBtn02::before{
	content: "";
	display:block;
	position: absolute;
	width:14px;
	height: 14px;
	transform: rotate(45deg);
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	right:20px;
	top:calc(50% - 10px);
}
.cBg01{	background-color: #e6e6e6;}

.w90{
	width:90%;
	margin-left:auto;
	margin-right:auto;
}
.w1000{
	max-width:1000px;
	margin-left:auto;
	margin-right:auto;
}
.txt30{
	font-size:30px;
	font-size:clamp(20px,3vw,30px);
}
.txt14{
	font-size:14px;
	font-size:min(3.6vw,14px);
}
.txt12{font-size:12px;}
.center{text-align: center;}
.left{text-align: left;}
.lsm007{letter-spacing: -0.07em}
/**/


/**/
.mainmovie	video {
	width: 100%;
	height: auto;
	display: block;
}
/**/


/**/
.eventWrap{
	width:100%;
	overflow: hidden;
	margin:80px auto;
}
.eventList01{
	width:90%;
	margin-left: auto;
	margin-right: auto;
}
.eventList01 .slick-img{
	margin-bottom:20px;
}
@media (min-width: 768px) {
	.eventList01{
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 2%;
	}
	.eventList01 .slick-img{
		width:32%;
		margin-bottom:0;
	}
}
.slider01 {
  width: 100%;
}
.slider01 .slick-img img {
  height: auto;
  opacity: .5;
  transform: scale(.8);
  transition: opacity .5s, transform .5s;
  width: 100%;
}
.slider01 .slider .slick-center img {
  opacity: 1;
  transform: scale(1);
}

.slider01 .slick-prev,
.slider01 .slick-next {
	cursor: pointer;
	width:30px;
	height:30px;
	background-color:#203864;
	z-index:100;
	border-radius:15px;
	transition-duration:0.2s;
}
.slider01 .slick-prev:hover,
.slider01 .slick-next:hover {
	opacity: 0.7;
}
.slider01 .slick-prev {
	left:10px !important;
}
.slider01 .slick-next {
	right:10px !important;
}
@media(min-width: 768px){
	.slider01 .slick-prev {
		left:30px !important;
	}
	.slider01 .slick-next {
		right:30px !important;
	}
}
.slider01 .slick-prev::before{
	opacity: 1;
	content:"";
	border-right:2px solid #fff;
	border-top:2px solid #fff;
	width:10px;
	height: 10px;
	display: block;
	transform: rotate(225deg);
	position: absolute;
	left:12px;
	top:calc(50% - 5px);
}
.slider01 .slick-next::before {
	opacity: 1;
	content:"";
	border-right:2px solid #fff;
	border-top:2px solid #fff;
	width:10px;
	height: 10px;
	display: block;
	transform: rotate(45deg);
	position: absolute;
	right:12px;
	top:calc(50% - 5px);
}
.eventWrap .slick-prev:before, .slick-next:before {
    font-family: 'slick';
    font-size: 40px;
    line-height: 1;
    opacity: .75;
    color: white;
}
/**/



/**/
.exWrap{
	width:100%;
	overflow: hidden;
	margin:80px auto;
}
/**/


/**/
.cUnit01{}
.cUnit01 .ttl{
	font-size:36px;
	font-size:clamp(28px,3.6vw,36px);
	padding:0 5% 1em;
	margin-top:-1.5em;
	font-weight: normal;
}
.cUnit01 .img{
	width:95%;
	margin-left:5%;
}
.cUnit01 .img img{
	width:100%;
	height:auto;
}
@media (min-width: 768px) {
	.cUnit01{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.cUnit01 .ttl{
		width:40%;
		text-align: center;
		margin-top:0;
		padding:0 5%;
	}
	.cUnit01 .img{
		width:60%;
		margin:0;
	}
}

.cUnit02{
	background-color: #333;
	color:#fff;
	padding:80px 5%;
	margin-top:-40px;
}
.cUnit02 .wrap01{
	margin-bottom:20px;
}
.cUnit02 .wrap02{
}
.cUnit02 .txt01{
	font-size:16px;
	font-family: sans-serif;
	opacity: 0.7;
	margin-bottom: 5px;
}
.cUnit02 .txt02{
	font-size:25px;
	font-size:min(5.5vw,25px);
	line-height: 1.5;
}
.cUnit02 .txt03{
	font-size:14px;
	font-size:min(3.6vw,14px);
}
@media (min-width: 768px) {
	.cUnit02{
		display: flex;
		justify-content: center;
		align-items: center;
		padding:80px 0;
	}
	.cUnit02 .wrap01{
		width:25%;
		margin-left:10%;
		max-width:480px;
	}
	.cUnit02 .wrap02{
		width:60%;
		padding-right:5%;
		max-width:860px;
	}
}

/*flex01*/
.cUnit03{
	display:block;
}
.cUnit03 .wrap01{
	margin-bottom:20px;
}
@media (min-width: 768px) {
	.cUnit03{
		display:flex;
		justify-content: space-between;
		align-items: flex-start;
	}
	.cUnit03 .wrap01{
		width:48%;
	}
	.cUnit03 .wrap01.w70{
		width:70%;
	}
	.cUnit03 .wrap01.w27{
		width:27%;
	}
}


.quality01{
	background-image:url(../img/order/quality04.jpg);
	background-size:cover;
	background-position: center center;
	text-align: center;
	padding:80px 5%;
}
.quality01 .img01{
	width:100%;
	max-width:641px;
	margin-left: auto;
	margin-right: auto;
}


.cUnit04{
	display:flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
}
.cUnit04 .unit01{
	width:48%;
	margin-bottom: 20px;
}
.cUnit04 .unit01 img{
	margin-bottom: 10px;
}
.cUnit04 .unit01 figcaption{
	font-size:16px;
	font-size:clamp(12px,1.6vw,16px);
	color:#203864;
	line-height: 1.6;
	font-weight: bold;
}
@media (min-width: 768px) {
	.cUnit04 .unit01{
		width:30%;
		margin-bottom: 40px;
	}
}




.cUnit05{
}
.cUnit05 a{
	width:100%;
	display: block;
	margin-bottom: 20px;
}
@media (min-width: 768px) {
	.cUnit05{
		display:flex;
		justify-content: space-between;
		align-items: flex-start;
		flex-wrap: wrap;
	}
	.cUnit05 a{
		width:30%;
	}
}