@charset "utf-8";

/* for Common & Smartphone*/

.breadcrumbs{
  position: absolute;
  left: 0;
  top: 60px;
  width: 100%;
  background: transparent;
  z-index: 999;
}
/* for PC*/
@media print, screen and (min-width:768px) {
  body{
    overflow-x: hidden;
  }
  .breadcrumbs{
    top: 100px;
  }
}

/* video ////////////////////////////// */
.videoWrap {
	position: relative;
	padding-top: 60px;
	line-height: 0;
}
#video {
	width: 100%;
  height: 100%;
}
#videoLogo{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}
#videoLogo div{
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 80%;
	/*width:40%;movieの時はこっち*/
	transform: translateX(-50%);
}

/*縦いっぱいバージョン
.wrapper {
	position: relative;
	height: 100%;
	height: 100vh;
  width: 100%;
	overflow: hidden;
	border: 1px solid #f00;
}

#video {
	position: absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	min-width:100%;
	min-height:100%;
	z-index: -100;
	background-position:center center;
	background: 100% auto;
}*/

.videoWrap .dips{
  position: relative;
	z-index: 10;
  text-align: left;
}
.videoWrap .dips p{
  position: absolute;
  left: 10px;
  /*top: 20px;*/
  top: 30px;
  display: inline-block;
  vertical-align: top;
  background: #080059;
  color: #fff;
  text-align: center;
  padding: 4px 10px;
  border-radius: 200px;
  line-height: 1.2;
  font-size: 1.0rem;
  font-weight: bold;
}



/* Made in Japan ////////////////////////////// */
.mij{
	position: relative;
	background: #727171 url("../images/bg_mij.jpg?25112801") no-repeat left top;
	background-size: auto 110px;
}
.mij::after{
	position: absolute;
	content: "";
	bottom: 0;
	left: 0;
	width: 100%;
	height: 75%;
	background: -moz-linear-gradient(top, rgba(113,113,113,0) 0%, #727171 30%);
	background: -webkit-linear-gradient(top, rgba(113,113,113,0) 0%, #727171 30%); 
	background: linear-gradient(to bottom, rgba(113,113,113,0) 0%, #727171 30%);
}
.mij > div{
	position: relative;
	width: 90%;
	margin: 0 auto;
	padding: 130px 0 20px 0;
	color: #fff;
	z-index: 1;
}
.mij > div p.fEn{
	margin: 0 0 0.5em 0;
	font-size:2.6rem;
	line-height: 1.4;
}
.mij > div h1{
	font-size:1.6rem;
	line-height: 1.4;
	font-feature-settings: "palt";
}
.mij > div h1 + p{
	margin: 1.0em 0 0 0;
	font-size:1.3rem;
	line-height: 1.8;
  text-align: left;
}

/* intro ////////////////////////////// */
.intro{
	padding: 30px 0 40px 0;
	text-align: center;
	color: #fff;
}
.introLogo{}
.introLogo img{
	width: 200px;
	margin: 0 0 20px 0;
}
.introCopy{
	margin: 0 0 10px 0;
	font-size: 2.2rem;/*22 / 28*/
	text-align: center;
	line-height: 1.4;
}

.intro .lead01{
	text-align: left;
}
.intro .photo li{
	position: relative;
	margin: 0 0 20px 0;
	overflow: hidden;
}
.intro .photo li > p{
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	width: 220px;
}
.intro .photo li > p span{
	display: block;
	padding: 0.5em;
	background: rgba(255,255,255,0.8);
	font-size:1.6rem;
	text-align: center;
	line-height: 1.4;
	color: #000;
}
.intro .photo li > span{
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: -moz-linear-gradient(left, rgba(0,0,0,0) 10%,rgba(0,0,0,0.9) 20%, rgba(0,0,0,0.9) 100% );
	background: -webkit-linear-gradient(left, rgba(0,0,0,0) 10%,rgba(0,0,0,0.9) 20%, rgba(0,0,0,0.9) 100% );
	background: linear-gradient(to right, rgba(0,0,0,0) 10%,rgba(0,0,0,0.9) 20%, rgba(0,0,0,0.9) 100% );
}
.intro .photo [data-aos="anim"] {
	transform: translateX(0);
	opacity: 1;
	transition-property: transform, opacity;
}
.intro .photo [data-aos="anim"].aos-animate {
	transform: translateX(100%);
    opacity: 0;
}
.youtube{
	width: 100%;
	padding: 0;
	text-align: center;
}

.youtube .inner {
	padding-top: 56.25%;
	position: relative;
	height: 0;
	overflow: hidden;
	text-align: center;
}

.youtube .inner iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

/* feature ////////////////////////////// */
.feature{
	padding: 30px 0 40px 0;
	text-align: center;
	color: #fff;
}
.feaList{
	padding: 30px 0 0 0;
}
.feaList .unit,
.feature .column .unit{
	margin: 0 0 30px 0;
}
.feaList .unit:last-of-type,
.feature .column .unit:last-of-type{
	margin-bottom: 0;
}
.feaList .unit .photo,
.feature .column .unit .photo{
	position: relative;
	overflow: hidden;
}
.feaList .unit .photo img,
.feature .column .unit .photo img{
	width: 100%;
}
.feaList .unit .photo span{
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: -moz-linear-gradient(left, rgba(0,0,0,0) 10%,rgba(0,0,0,0.9) 20%, rgba(0,0,0,0.9) 100% );
	background: -webkit-linear-gradient(left, rgba(0,0,0,0) 10%,rgba(0,0,0,0.9) 20%, rgba(0,0,0,0.9) 100% );
	background: linear-gradient(to right, rgba(0,0,0,0) 10%,rgba(0,0,0,0.9) 20%, rgba(0,0,0,0.9) 100% );
}
.feaList .unit .photo [data-aos="anim"] {
	transform: translateX(0);
	opacity: 1;
	transition-property: transform, opacity;
}
.feaList .unit .photo [data-aos="anim"].aos-animate {
	transform: translateX(100%);
  opacity: 0;
}
.feaList .unit h3,
.feature .column .unit h3{
	margin: 0.5em 0 0.2em 0;
	line-height: 1.4;
	font-size: 2.0rem;/*20 / 24*/
	font-weight: normal;
	font-weight: 500;
}
.feaList .unit h3.new{}
.feaList .unit h3.new::before{
  content: "NEW";
  display: inline-block;
  vertical-align: baseline;
  margin: 0 5px 0 0;
  padding: 2px 5px 5px 7px;
  background: #E60012;
  color: #fff;
  font-size: 80%;
  text-align: center;
  line-height: 1.0;
}
.feaList .unit h3 img{
	height: 40px;
}
.feaList .unit h4,
.feature .column .unit h4{
	margin: 0 0 0.5em 0;
	font-size: 1.5rem;/*15 / 16*/
	font-weight: normal;
	font-weight: 500;
}
.feaList .unit p,
.feature .column .unit p{
	font-size: 1.5rem;/*13 / 14*/
	text-align: left;
}


.feature .column{
  margin: 30px 0 0 0;
	padding: 20px 10px;
  background: #DCDDDD;
  color: #000;
}
.feature .column .unit .photo{
	margin: 20px 0;
}
.feature .column .unit h3{
  margin: 0 !important;
}
.feature .column .unit h3::before{
  margin: 0;
}
.feature .column .unit h3 span{
  display: inline-block;
  vertical-align: baseline;
  padding: 2px 5px 5px 7px;
  color: #fff;
  font-size: 80%;
  text-align: center;
  line-height: 1.0;
}
.feature .column .unit h3 span:last-of-type{
  margin-right: 5px;
}
.feature .column .unit h3 span.new{
  background: #E60012;
}
.feature .column .unit h3 span.op{
  background: #007FAB;
}



.feaList .unit .photo.yt{
  position: relative;
  width: 100%;
  /*padding-top: 56.25%;*/
  aspect-ratio: 16 / 9;
}
.feaList .unit .photo.yt iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}


/* jq ////////////////////////////// */
.jq{}
.jqMV{
	position: relative;
	min-height: 150px;
	background: url("../images/jq01.jpg") no-repeat center bottom;
	background-size: cover;
}
.jqMV img{
	display: none;
}
.jqMV h2{
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	font-size: 3.2rem;/*32 / 48*/
	text-align: center;
	line-height: 1.2;
	color: #fff;
	text-shadow: 1px 1px 0 #000;
	font-weight: normal;
}
.jqMV > span{
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: #000;
	/*background: -moz-linear-gradient(left, rgba(0,0,0,0) 10%,rgba(0,0,0,0.9) 20%, rgba(0,0,0,0.9) 100% );
	background: -webkit-linear-gradient(left, rgba(0,0,0,0) 10%,rgba(0,0,0,0.9) 20%, rgba(0,0,0,0.9) 100% );
	background: linear-gradient(to right, rgba(0,0,0,0) 10%,rgba(0,0,0,0.9) 20%, rgba(0,0,0,0.9) 100% );*/
}
.jqMV [data-aos="anim"] {
	transform: translateX(0);
	opacity: 1;
	transition-property: transform, opacity;
}
.jqMV [data-aos="anim"].aos-animate {
	transform: translateX(100%);
    opacity: 1;
}

.jqBody{
	position: relative;
	padding: 40px 0;
	background: url("../images/jq07.jpg") no-repeat center center;
	background-size: cover;
}
.jqTxt{
	margin: 0 0 30px 0;
}
.jqTxt h3{
	/*margin: 0 0 0.5em 0;*/
	white-space: nowrap;
}
.jqTxt .btn{
	margin: 10px 0 0 0;
}
.jqTxt .btn a{
	position: relative;
	display: block;
	height: 60px;
	line-height: 60px;
	background: #000;
	border-radius: 30px;
	color: #fff;
}
.jqTxt .btn a::after{
	position: absolute;
	right: 20px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	content: "";
	width: 0;
	height: 0;
	border-left: 5px solid #fff;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-right: 0;
}
.jqTxt .btn a img{
	height: 30px;
	vertical-align: middle;
}

.jqP{
	margin: 0 0 30px 0;
}
.jqPList{}
.jqPList li{
	width: 48.5%;
	margin: 0 0 20px 0;
	font-size: 1.2rem;
	text-align: center;
	line-height: 1.2;
	font-feature-settings: "palt";
}
.jqPList li:nth-of-type(2n+1){
	clear: both;
	float: left;
	transition-delay: 0s;
}
.jqPList li:nth-of-type(2n){
	float: right;
	transition-delay: .2s;
}
.jqPList li:nth-last-of-type(-n+2){
	margin-bottom: 0;
}
.jqPList li img{
	display: block;
	margin: 0 0 10px 0;
}

/* operation ////////////////////////////// */
.operation{}
.operation .oprMVWrap{
	position: relative;
}
#oprMV{
	height: 50vh;
}
#oprMV img{
	display: none;
}
#oprMV.slick-initialized{
    opacity: 1
}
#oprMV.slick-list,
#oprMV.slick-track,
.oprMV{
	height: 50vh;
	background-repeat: no-repeat;
	background-size: cover;
}
.oprMVZoom{
	-webkit-animation: zoom 12s forwards infinite;
	animation: zoom 12s forwards infinite;
}
@keyframes zoom {
  0% {
        transform: scale(1.0) ;
    }
   100% {
        transform: scale(1.2) ;
    }
}

#oprMV01{
	background-image: url("../images/ope_mv01.jpg");
	background-position: 70% center;
}
#oprMV02{
	background-image: url("../images/ope_mv02.jpg");
	background-position: center bottom;
}
#oprMV03{
	background-image: url("../images/ope_mv03.jpg");
	background-position: center bottom;
}
#oprMV04{
	background-image: url("../images/ope_mv04.jpg");
	background-position: center center;
}
.operation .oprTtl{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

.oprBody{
	position: relative;
	padding: 40px 0;
}
.oprPic{
	margin: 20px 0 0 0;
}
.oprPic li{
	float: left;
	width: 25%;
	/*margin: 0 0 20px 0;*/
	text-align: center;
	font-size: 1.4rem;/*14 / 20*/
	line-height: 1.2;
}
/*.oprPic li:nth-last-of-type(-n+2){
	margin-bottom: 0;
}*/
.oprPic li:nth-of-type(4n+1){
	transition-delay: .0s;
}
.oprPic li:nth-of-type(4n+2){
	transition-delay: .1s;
}
.oprPic li:nth-of-type(4n+3){
	transition-delay: .2s;
}
.oprPic li:nth-of-type(4n){
	transition-delay: .3s;
}


.oprPic li img{
	display: block;
	width: 80%;
	margin: 0 auto;
}

.oprPList{
	background: #fff;
}
.oprPList li{
	position: relative;
	overflow: hidden;
}
.oprPList li p{
	position: absolute;
	left: 5%;
	top: 20px;
	width: 7em;
	padding: 0.1em 0;
	background: rgba(255,255,255,0.8);
	font-size: 1.6rem;/*16 / 24*/
	text-align: center;
}
.oprPList li > span{
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 10%,rgba(255,255,255,0.9) 20%, rgba(255,255,255,1.0) 100% );
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 10%,rgba(255,255,255,0.9) 20%, rgba(255,255,255,1.0) 100% );
	background: linear-gradient(to right, rgba(255,255,255,0) 10%,rgba(255,255,255,0.9) 20%, rgba(255,255,255,1.0) 100% );
}
.oprPList li [data-aos="anim"] {
	transform: translateX(0);
	opacity: 1;
	transition-property: transform, opacity;
}
.oprPList li [data-aos="anim"].aos-animate {
	transform: translateX(100%);
  opacity: 0;
}

/* spec ////////////////////////////// */
.spec{
	position: relative;
	padding: 40px 0;
	background: #fff;
}
.specBg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #e6e6e6;
}
.spec [data-aos="animBg"] {
	transform: translateX(-100%);
	transition-property: transform;
}
.spec [data-aos="animBg"].aos-animate {
	transform: translateX(0);
}

.spec .conPC.conSP{
	position: relative;
	z-index: 1;
}
.spec section{
	margin: 0 0 30px 0;
}
.speTtl{
	margin: 0 0 0.5em 0;
	text-align: left;
	font-size: 1.6rem;/*16 / 18*/
	line-height: 1.2;
}
.spec dl{
	border-bottom: 1px solid #000;
}
.spec dl dt,
.spec dl dd{
	padding: 0.8em 0 0.5em 0.2em;
	text-align: left;
	font-size: 1.3rem;/*13 / 15*/
	line-height: 1.6;
	font-feature-settings: "palt";
}
.spec dl dt{
	clear: both;
	float: left;
	width: 180px;
	white-space: nowrap;
}
.spec dl dd{
	width: 100%;
	padding-left: 180px;
	border-top: 1px solid #000;
}
.spec dl dt.w01{
	width: 110px;
}
.spec dl dd.w01{
	padding-left: 110px;
}
.spec dl dd.w01 span{
	display: inline-block;
	width: 70px;
}

.speFig{}
.speFig li{
	margin: 0 0 20px 0;
}

/* for Smartphone*/
/*横向き*/
@media screen and (orientation : landscape) {
	#oprMV,
	.oprMV{
		height: 100vh;
	}
}
/* for SP iPhone5*/
@media screen and (max-width:320px) {

}

	
/* for PC*/
@media print, screen and (min-width:768px) {
	#loading > div{
		background-size: 300px auto;
	}
	
	/* video ////////////////////////////// */
	.videoWrap {
		padding-top: 0;
	}
	#video {}
	#videoLogo{}
	#videoLogo div{
		position: absolute;
		bottom: 0;
		left: 50%;
		width: 100%;
		max-width: 1000px;
		transform: translateX(-50%);
	}
	
	#videoLogo img{
		width: 50%;
	}
  
  .videoWrap .dips{
    position: absolute;
    left: 50%;
    /*top: calc(100px + 20px);*/
    top: calc(100px + 40px);
    width: 100% !important;
    max-width: 1020px !important;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
    text-align: right;
  }
  .videoWrap .dips p{
    position: static;
    font-size: 1.2rem;
  }
	
	/* Made in Japan ////////////////////////////// */
	.mij{
		/*height: 150px;*/
    height: 240px;
    background-image: url("../images/bg_mij_pc.jpg?25112801");
		background-size: cover;
	}
	.mij::after{
		display: none;
	}
	.mij > div{
		position: absolute;
		left: 50%;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		width: 600px;
		margin: 0;
		padding: 0;
	}
	.mij > div p.fEn{
		font-size:3.0rem;
	}
	.mij > div h1{
		font-size:1.8rem;
	}  
  .mij > div h1 + p{
    font-size:1.4rem;
    text-align: center;
  }

	/* intro ////////////////////////////// */
	.intro{
		padding: 50px 0 70px 0;
	}
	.introLogo{
		margin: 0 0 20px 0;
	}
	.introLogo img{
		width: 270px;
	}
	.introCopy{
		font-size: 2.8rem;/*22 / 28*/
	}
	.intro .lead01{
		text-align: center;
	}
	
	.intro .photo li{
		float: left;
		width: 30.2%;
		margin-right: 4.7%;
	}
	.intro .photo li:last-of-type{
		margin-right: 0;
	}
	.intro .photo li > p{
		width: 76.6%;/*230px*/
		font-size:1.8rem;
	}
	.youtube{
		width: 80%;
		margin: 0 auto;
	}
	
	/* feature ////////////////////////////// */
	.feature{
		padding: 50px 0 70px 0;
	}
	.feaList{
		padding: 60px 0 0 0;
	}
	.feaList .unit{
		width: 46%;/*460px*/
		margin: 0 0 60px 0;
	}
	.feaList .unit:nth-last-of-type(-n+2){
		margin-bottom: 0;
	}
	.feaList .unit:nth-of-type(2n+1){
		clear: both;
		float: left;
	}
	.feaList .unit:nth-of-type(2n){
		float: right;
	}
	.feaList .unit > img{}
	.feaList .unit h3{
		font-size: 2.4rem;/*20 / 24*/
	}
	.feaList .unit h3 img{
		height: 50px;
	}
	.feaList .unit h4{
		font-size: 1.6rem;/*15 / 16*/
	}
	.feaList .unit p{
		font-size: 1.4rem;/*13 / 14*/
	}
	
	.feaList .unit:nth-of-type(2n+1) .photo [data-aos="anim"],
	.feaList .unit:nth-of-type(2n+1) .photo + div{
		transition-delay: 0;
	}
	.feaList .unit:nth-of-type(2n) .photo [data-aos="anim"],
	.feaList .unit:nth-of-type(2n) .photo + div{
		transition-delay: .2s;
	}
  
  
  .feature .column{
    margin: 50px 0 0 0;
    padding: 30px 5%;
  }
  .feature .column .unit{
    width: 45%;
		margin-bottom: 0;
	}
  .feature .column .unit:nth-of-type(2n+1){
    clear: both;
    float: left;
	}
  .feature .column .unit:nth-of-type(2n){
    float: right;
	}
  .feature .column .unit .photo{}
  .feature .column .unit h3{}
  .feature .column .unit h3 span{}
  .feature .column .unit h3 span:last-of-type{
    margin-right: 10px;
  }
  .feature .column .unit h3 span.new{}
  .feature .column .unit h3 span.op{}
  
  .feaList .unit .photo.yt{
    padding: 0;
    aspect-ratio: unset;
    background: #595757;
  }
  .feaList .unit .photo.yt > div{
    position: relative;
    width: calc((373 / 460) * 100%);
    margin: 0 auto;
    /*padding-top: 56.25%;*/
    aspect-ratio: 16 / 9;
  }
  .feaList .unit .photo.yt iframe {}

	/* jq ////////////////////////////// */
	.jq{}
	.jqMV{
		min-height: initial;
		background: none;
	}
	.jqMV img{
		display: block;
		width: 100%;
	}
	.jqMV h2{
		font-size: 4.8rem;/*32 / 48*/
	}

	.jqBody{
		padding: 70px 0;
	}
	.jqTxt{
		float: left;
		width: 48%;
		margin: 0 0 50px 0;
		padding: 0 4%;
	}
	.jqTxt h3{
		white-space: normal;
	}
	.jqTxt .btn{
		margin: 30px 0 0 0;
	}
	.jqTxt .btn a{
		height: 70px;
		line-height: 70px;
		border-radius: 35px;
	}
	.jqTxt .btn a::after{}
	.jqTxt .btn a img{
		height: 40px;
	}

	.jqP{
		float: right;
		width: 48%;
		margin: 0 0 50px 0;
	}
	.jqPList{}
	.jqPList li{
		float: left;
		width: 22.4%;
		margin: 0 3.4% 0 0;
		font-size: 1.3rem;
	}
	.jqPList li:nth-of-type(2n+1){
		clear: none;
	}
	.jqPList li:nth-of-type(2n){
		float: left;
		transition-delay: 0s;
	}
	.jqPList li:nth-of-type(4n+1){
		clear: both;
		transition-delay: 0s;
	}
	.jqPList li:nth-of-type(4n+2){
		transition-delay: .1s;
	}
	.jqPList li:nth-of-type(4n+3){
		transition-delay: .2s;
	}
	.jqPList li:nth-of-type(4n){
		margin-right: 0;
		transition-delay: .3s;
	}
	.jqPList li img{}
	
	/* operation ////////////////////////////// */
	.operation{}
	.operation .oprMVWrap{}
	#oprMV,
	.oprMV{
		height: 90vh;
	}
	.oprMVZoom{
		-webkit-animation: zoomPC 16s forwards infinite;
		animation: zoomPC 16s forwards infinite;
	}
	
	#oprMV01{
		background-position: top center;
	}
	#oprMV02{
		background-position: center bottom;
	}
	#oprMV03{
		background-position: center bottom;
	}
	#oprMV04{
		background-position: center center;
	}
	
	.operation .oprTtl{}
	.oprBody{
		padding: 70px 0 50px 0;
	}
	.oprPic{}
	.oprPic li{
		font-size: 2.0rem;/*14 / 20*/
	}
	.oprPic li img{
		width: 100px;
	}

	.oprPList{}
	.oprPList li{
		width: 50%;
	}
	.oprPList li:nth-of-type(2n+1){
		clear: both;
		float: left;
	}
	.oprPList li:nth-of-type(2n){
		float: right;
	}
	.oprPList li p{
		left: 5%;
		top: 20px;
		font-size: 2.4rem;/*16 / 24*/
	}
	.oprPList li:nth-of-type(2n+1) [data-aos="anim"],
	.oprPList li:nth-of-type(2n+1) img,
	.oprPList li:nth-of-type(2n+1) p{
		transition-delay: 0s;
	}
	.oprPList li:nth-of-type(2n) [data-aos="anim"],
	.oprPList li:nth-of-type(2n) img,
	.oprPList li:nth-of-type(2n) p {
		transition-delay: .2s;
	}
	
	
	/* spec ////////////////////////////// */
	.spec{
		padding: 70px 0;
	}

	.spec section{
		width: 47.3%;
		margin: 30px 0 50px 0;
	}
	.spec section:nth-of-type(2n+1){
		float: left;
		transition-delay: .0s;
	}
	.spec section:nth-of-type(2n){
		float: right;
		transition-delay: .2s;
	}
	.speTtl{
		font-size: 1.8rem;/*16 / 18*/
	}
	.spec dl{}
	.spec dl dt,
	.spec dl dd{
		font-size: 1.5rem;/*13 / 15*/
	}
	.spec dl dt{
		width: 220px;
	}
	.spec dl dd{
		padding-left: 220px;
	}
	.spec dl dt.w01{
		width: 130px;
	}
	.spec dl dd.w01{
		padding-left: 130px;
	}
	.spec dl dd.w01 span{
		width: 90px;
	}

	.speFig{
		clear: both;
		margin: 0 0 20px 0;
		font-size: 0;
	}
	.speFig li{
		display: inline-block;
		vertical-align: middle;
		width: 32.0%;
		margin: 0 2% 0 0;
		font-size: 1.2rem;
	}
	.speFig li:last-of-type{
		margin-right: 0;
	}
	.speFig li:nth-of-type(3n+1){
		transition-delay: 0s;
	}
	.speFig li:nth-of-type(3n+2){
		transition-delay: .2s;
	}
	.speFig li:nth-of-type(3n){
		transition-delay: .4s;
	}
}

@keyframes zoomPC {
  0% {
        transform: scale(1.0) ;
    }
   100% {
        transform: scale(1.2) ;
    }
}


/* for PC*/
@media screen and (min-width:768px) and (max-width:1150px) {
	#mv{
			height: 650px;
			min-height: initial;
		}
}


/*2403追加*/
/* news ////////////////////////////// */
.news{
  padding: 20px 0;
  background: #d5c8a0;
}
.news figure{
  max-width: 336px;
  margin: 0 0 20px 0;
}
.news .txt{
  /*display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;*/
  position: relative;
  display: block;
  padding: 0 0 0 60px;
	text-align: left;
  font-size: 1.6rem;/*16 / 24*/
  line-height: 1.4;
  letter-spacing: -0.1em;
}
.news .txt::before{
  content: "NEW";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  background: #e50012;
  border-radius: 50%;
  color: #fff;
  font-weight: bold;
  font-size: 1.4rem;/*14 / 20*/
  text-align: center;
  letter-spacing: normal;
}
.news .txt strong{
  font-size: 158%;
  color: #e60012;
}

/* for PC*/
@media screen and (min-width:768px){
  .news{
    padding: 25px 0;
  }
  .news > div{
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
  .news > div::after{
    content: none;
  }
  .news figure{
    width: calc((336 / 1000) * 100%);
    margin: 0;
  }
  .news .txt{
    width: calc((610 / 1000) * 100%);
    padding: 0 0 0 70px;
    font-size: 2.4rem;/*16 / 24*/
    letter-spacing: normal;
  }
  .news .txt::before{
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 2.0rem;/*14 / 20*/
  }
  .news .txt strong{}
}

/*2108追加*/
/* custoimize ////////////////////////////// */
.custoimize{}
.custoimize .cus01{
	padding: 25px 0;
	background: -moz-linear-gradient(left, #255C86 0, #4F84AB 10%, #71A8CB 50%, #4F84AB 90%, #255C86 100%);
  background: -webkit-linear-gradient(left, #255C86 0, #4F84AB 10%, #71A8CB 50%, #4F84AB 90%, #255C86 100%);
  background: linear-gradient(to right, #255C86 0, #4F84AB 10%, #71A8CB 50%, #4F84AB 90%, #255C86 100%);
}
.custoimize .cus01 .copy{
  position: relative;
  display: inline-block;
  margin: 0 0 20px 0;
  padding: 0 0 0 60px;
	text-align: left;
  font-size: 1.6rem;/*16 / 24*/
  line-height: 1.4;
  letter-spacing: -0.1em;
}
.custoimize .cus01 .copy::before{
  content: "NEW";
  position: absolute;
  left: 0;
  top: 50%;
  display: block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  background: #e50012;
  border-radius: 50%;
  color: #fff;
  font-weight: bold;
  font-size: 1.4rem;/*14 / 20*/
  text-align: center;
  letter-spacing: normal;
  -webkit-transform: translate(0,-50%);
  transform: translate(0,-50%);
}
.custoimize .cus01 ul{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap: wrap;
  	flex-wrap: wrap;
  -ms-flex-pack: distribute;
	justify-content: space-around;
}
.custoimize .cus01 ul::after{
  content: none;
}
.custoimize .cus01 ul li{
  float: left;
  width: 50%;
  margin: 0 0 10px 0;
  font-size: 1.4rem;/*15 / 18*/
  text-align: center;
}
.custoimize .cus01 ul li:nth-last-of-type(-n+2){
  margin-bottom: 0;
}
.custoimize .cus01 ul li img{
  width: 50%;
  max-width: 110px;
}


.custoimize .cus02{
  padding: 40px 0;
}

.custoimize .cus02 .copy02{
  color: #727171;
}
.custoimize .cus02 .unit{
	margin: 0 0 40px 0;
}
.custoimize .cus02 .unit:last-of-type{
	margin-bottom: 0;
}
.custoimize .cus02 .unit img{
  display: block;
	margin: 0 auto 10px auto;
}
.custoimize .cus02 .unitH{
  position: relative;
  margin: 0 0 0.5em 0;
	font-size:2.0rem;/*20 / 24*/
	line-height:1.4;
	font-weight: normal;
	font-weight: 500;
	font-feature-settings: "palt";
  color: #727171;
  text-align: center;
}
.custoimize .cus02 .unitH::before,
.custoimize .cus02 .unitH::after{
  content: "";
  position: absolute;
  top: 0;
  display: block;
  width: 10px;
  height: 100%;
  border: 1px solid #727171;
}
.custoimize .cus02 .unitH::before{
  left: 0;
  border-right: none;
}
.custoimize .cus02 .unitH::after{
  right: 0;
  border-left: none;
}
.custoimize .cus02 .unitH span{
  font-size:1.3rem;/*13 / 16*/
}

/* for PC*/
@media screen and (min-width:768px){
  .custoimize{}
  .custoimize .cus01{
    padding: 40px 0;
  }
  .custoimize .cus01 .copy{
    margin: 0 0 30px 0;
    padding: 0 0 0 70px;
    text-align: center;
    font-size: 2.4rem;/*16 / 24*/
    letter-spacing: normal
  }
  .custoimize .cus01 .copy::before{
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 2.0rem;/*14 / 20*/
  }
  .custoimize .cus01 ul{
    /*max-width: 860px;
    margin: 0 auto;*/
  }
  .custoimize .cus01 ul li{
    width: 20%;
    margin: 0;
    font-size: 1.8rem;/*15 / 18*/
  }
  .custoimize .cus01 ul li img{
    width: auto;
  }


  .custoimize .cus02{
    padding: 40px 0;
  }
  .custoimize .cus02 .conPC{
    max-width: 940px;
  }
  .custoimize .cus02 .copy02{}
  .custoimize .cus02 .unit{
    width: 44%;
    margin: 0 0 60px 0;
  }
  .custoimize .cus02 .unit:nth-of-type(2n+1){
    clear: both;
    float: left;
  }
  .custoimize .cus02 .unit:nth-of-type(2n){
    float: right;
  }
  .custoimize .cus02 .unit:nth-last-of-type(-n+2){
    margin-bottom: 0;
  }
  .custoimize .cus02 .unit img{
    margin-bottom: 20px;
  }
  .custoimize .cus02 .unitH{
    font-size:2.4rem;/*20 / 24*/
  }
  .custoimize .cus02 .unitH::before,
  .custoimize .cus02 .unitH::after{}
  .custoimize .cus02 .unitH::before{}
  .custoimize .cus02 .unitH::after{}
  .custoimize .cus02 .unitH span{
    font-size:1.6rem;/*13 / 16*/
  }
  
}

/*aos*/
.custoimize .cus01 ul li:nth-of-type(2n){
  transition-delay: .1s;
}
/* for PC*/
@media screen and (min-width:768px){
  .custoimize .cus01 ul li:nth-of-type(2n){
    transition-delay: 0;
  }
  .custoimize .cus01 ul li:nth-of-type(5n+1){
    transition-delay: 0;
  }
  .custoimize .cus01 ul li:nth-of-type(5n+2){
    transition-delay: .1s;
  }
  .custoimize .cus01 ul li:nth-of-type(5n+3){
    transition-delay: .2s;
  }
  .custoimize .cus01 ul li:nth-of-type(5n+4){
    transition-delay: .3s;
  }
  .custoimize .cus01 ul li:nth-of-type(5n){
    transition-delay: .4s;
  }
  .custoimize .cus02 .unit:nth-of-type(2n){
    transition-delay: .1s;
  }
}