@charset "utf-8";



.cookie{
  background: #273644;
  position: fixed;
  z-index: 20;
  left: 0;
  right: 0;
  bottom: 0;
  padding-top: 30px;
  padding-bottom: 30px;
  transform: translate(0,100%);

  transition: transform 400ms cubic-bezier(0.43, 0.05, 0.17, 1);
}

.cookie.on{
  transform: translate(0,0%);
}
.cookie.on2{
  transform: translate(0,100%);
}

.cookie_inner{
  display: flex;
  align-items:center;
}                       


.cookie_mes{
  flex: 1;
}
.cookie_btn{
  width: 180px;
  font-size: 16px;
  background: #0279FF;
  border-radius: 100px;
  text-align: center;
  margin-left: 105px;
  line-height: 54px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  display: block;
}
.cookie_close{
  /* background: #ccc; */
  width: 19px;
  height: 19px;
  position: absolute;
  z-index: 1;
  top: 14px;
  right: 13px;
}
.cookie_close:after,
.cookie_close:before {
    content: "";
    z-index: 1;
    position: absolute;
    background: #fff;
    height: 1px;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    transform: rotate(45deg);
}
.cookie_close:after {
    transform: rotate(-45deg);
}

.cookie_btn:before {
    content: "";
    z-index: -1;
    position: absolute;
    background: #086bff;
    left: -2px;
    top: -2px;
    bottom: -2px;
    width: 102%;
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
}


/*----------------------------------------------------- */
.loading{
  position: fixed;
  z-index: 500;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}
.loading.off{
  visibility: hidden;
}


#progress-bar {
  position: absolute;
  z-index: 1;
  width: 0;
  height: 5px;
  background: #0877ff;
  left: 0;
  top: 0;
  transition: width 500ms ease,opacity 0.5s cubic-bezier(0.26, 0.06, 0, 1);
}
/*#progress-bar.on{
  opacity: 0;
}*/

.loading_main{
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    /* margin: -6rem 0 0 -5rem; */
}
.loading_logo{
  /* width: 10rem; */
  opacity: 0;
/*  transform: translate(0,20px);*/
  transition: opacity 0.8s cubic-bezier(0.26, 0.06, 0, 1), transform 0.8s cubic-bezier(0.43, 0.05, 0.17, 1);
}
.loading_logo.on{
  opacity: 1;
  transform: translate(0,0);
}

.loading_logo img{
  width: 100%;
}



.loading_bg{
  position: absolute;
  top:0;
  bottom: 0;
  right:0;
  left: 0;

  background: #0f2231;
  transform: translate(0%,0);
  transition: transform 0.8s cubic-bezier(0.55, 0.05, 0.22, 0.99);
/*  transition-delay: 0.3s;*/

}
.loading_bg.on{
  transform: translate(115%,0);

}

.loading_bg:before{
  content: "";
  z-index: 1;
  position: absolute;


  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0f2231+0,0f2231+100&0+0,1+100 */
  background: -moz-linear-gradient(left,  rgba(15,34,49,0) 0%, rgba(15,34,49,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  rgba(15,34,49,0) 0%,rgba(15,34,49,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  rgba(15,34,49,0) 0%,rgba(15,34,49,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000f2231', endColorstr='#0f2231',GradientType=1 ); /* IE6-9 */
  width: 100px;
  top:0;
  bottom: 0;
  left: -99px;
}



/*.loading.off .loading_icon{
    opacity: 0; 
}


.loading.off .loading_bg{
  opacity: 0;
}
*/

/*----------------------------------------------------- */

.flont_mainv{
	position: relative;
	z-index: 1;
	display: flex;
	align-items:center;


	/* pcだけの高さ設定 */
	height: 100vh;
}
.flont_mainv_mes{
	font-size: 92px;
	font-weight: 300;
	margin: 0 0 0 6%;
	line-height: 1;
	position: relative;
	z-index: 10;
  opacity: 0;
}
.flont_mainv_mes.on{
  opacity: 1;
}
.flont_mainv_mes_box{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 505;
  display: flex;
  align-items:center;
  height: 100vh;
}
.flont_mainv_mes_box.off{
    z-index: 5;
}
.flont_mainv_mes p{
	overflow: hidden;
}
.flont_mainv_mes ._c + ._c{
	margin-left: 30px;
}
.flont_mainv_mes ._c span{
	transform: translate(0, 100%) skewX(12deg);
	transition: transform 0.85s cubic-bezier(0.36, 0.14, 0, 1);
	display: inline-block;
}
.flont_mainv_mes.on ._c span{
	transform: translate(0, 0%) skewX(0deg);
}





.flont_mainv_mes_foot{
	font-size: 114px;
	color: #0279ff;
	font-style: italic;
	/* line-height: 130px; */
	margin-top: 10px !important;
}
.flont_mainv_mes p + p{
	margin-top: 21px;
}

.flont_mainv_slide{
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
}
.flont_mainv_slide li{
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
  overflow: hidden;
}
.flont_mainv_slide li:first-child{
    z-index: 2;
}

.flont_mainv_slide li.opa {
    opacity: 0;
}
.flont_mainv_slide li.on {
  transition: opacity 800ms ease;
  opacity: 1;
}


.flont_mainv_slide li span{
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;

	background-size: cover;
	background-position: 50%;
}

.flont_mainv_slide li:nth-of-type(2) span {
  background-position: right 50%;
}

.flont_mainv_slide_blur{
  position: absolute;
  z-index: 5;
  top: 0;
  left: 0;
  bottom: 0;
  width: 0%;
  overflow: hidden;
  transition: width 0.6s cubic-bezier(0.43, 0.05, 0.17, 1);
  transition-delay: 0.2s;
}
.flont_mainv_slide_blur.on{
  width: 31%;  
}
.flont_mainv_slide_blur span{
  width: 100vw;
  filter: blur(6px);
}


.flont_mainv_slide li.on span{
  transition: transform 8000ms linear;
    transform: scale(1.06);
}



.flont_mainv_line{
  z-index: 10;
  position: absolute;
  width: 2px;
  height: 81px;
  bottom: 60px;
  left: 2.8%;
  overflow: hidden;
  background: #7c95aa;
}
.flont_mainv_line:before{
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: #0279ff;
  animation-name: scrolldown;
  animation-duration: 3.5s;
  animation-timing-function: cubic-bezier(.5, .125, .15, 1);
  animation-iteration-count: infinite;
}

@keyframes scrolldown{
  0%{top:-100%;}
  20%{top:-100%;}
  45%{top:0%;}
  55%{top:0%;}
  80%{top:100%;}
  100%{top:100%;}
}

.flont_mainv_en{
	/* background: #ccc; */
	position: absolute;
	z-index: 10;
	right: 30px;
	bottom: 26px;
}
.flont_mainv_en:before{
	content: '';
	position: absolute;
	top: 42px;
	left: 50px;
	height: 16px;
	width: 1px;
	background: #7C95AA;
	margin: auto;
	transform: rotate(30deg);
}
.flont_mainv_en svg{
    vertical-align: middle;
}
.flont_mainv_en1{}
.flont_mainv_en2{
	stroke-dasharray: 251.2;
	stroke-width: 1px;
}

.flont_mainv_en.on .flont_mainv_en2{
  animation: btn_anim_svg2 4s 1 linear;
  animation-fill-mode: forwards;
}

@keyframes btn_anim_svg2 {
  from { stroke-dashoffset: 251.2; }
  to { stroke-dashoffset: 0; }
}

.flont_mainv_en_no2,
.flont_mainv_en_no1{
	font-size: 13px;
	width: 20px;
	text-align: center;
	position: absolute;
	z-index: 10;
	top: 36px;
}
.flont_mainv_en_no1{
    left: 24px;
}
.flont_mainv_en_no2{
    right: 24px;
}

@media screen and (max-width: 1280px){
	.flont_mainv_mes {
		font-size: 7.2vw;
	}
	.flont_mainv_mes_foot {
		font-size: 8.9vw;
	}	
}

/* ----------------------------------- */
.about{
	overflow: hidden;
	padding-top: 69px;
	padding-bottom: 69px;
}
.about .mainInner{
	position: relative;
	z-index: 1;
}
.about .mainInner:before{
	content: "";
	z-index: -1;
	position: absolute;
	background: #053660;
	width: 2000px;
	top:0;
	bottom: 35px;
	left: 64.5%;
}



.about_main{}
.about_main .ttl1{
    text-align: center;
}
.about_mes{
    font-weight: 300;
    font-size: 68px;
    text-align: center;
    line-height: 1;
    margin: 41px 0 72px;
}
.about_mes ._c{
    display: inline-block;
    overflow: hidden;
    vertical-align: top;
    padding: 0 0 10px;
}

.about_mes ._c span {
    transform: translate(0, 130%) skewX(12deg);
    transition: transform 1s cubic-bezier(0.36, 0.14, 0, 1);
    display: inline-block;
}

.about_mes.scBomb_anim ._c span {
    transform: translate(0, 0%) skewX(0deg);
}


.valuable{
	display: flex;
	flex-direction: row-reverse;
	justify-content:flex-end;
	/* min-height: 587px; */
}
.valuable_main{
    margin: 0 0 0 5.5%;
    width: 42.3%;
}
.valuable_img{
    margin: 0 0 43px;
    text-align: center;
}
.valuable_data{
	display: flex;
	justify-content:space-between;
	align-items:center;
}
.valuable_mes{
    color: #9dadb9;
    width: 55%;
    padding: 0 0 0 13px;
}
.valuable_link{
    width: 40%;
    text-align: right;
    margin: 0 16px 0 0;
}
.valuable_img2{
    width: 38%;
    margin: -142px 0 0;
}
.valuable_foot{
	display: flex;
	margin: 145px 0 0;
}
.valuable_foot_img1{
    width: 27.2%;
    margin: 0 0 0 14.4%;
}
.valuable_foot_img2{
    width: 49.7%;
    margin: -11.6% 0 0 8.4%;
}


.js-valuable_img_in{
	overflow: hidden;
	height: 0%;
    transform: translate(0, 40px);
    opacity: 0;

    transition: transform 1.2s cubic-bezier(0.36, 0.14, 0, 1) ,opacity 1.2s ease, height 1.2s cubic-bezier(0.36, 0.14, 0, 1);
/*    transition-delay: 0.3s;*/


  position: relative;
  z-index: 1;
}
.js-valuable_img_in:before{
  content: "";
  z-index: 1;
  position: absolute;
  
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0f2231+0,0f2231+100&0+0,1+100 */
background: -moz-linear-gradient(top,  rgba(15,34,49,0) 0%, rgba(15,34,49,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(15,34,49,0) 0%,rgba(15,34,49,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(15,34,49,0) 0%,rgba(15,34,49,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000f2231', endColorstr='#0f2231',GradientType=0 ); /* IE6-9 */

  height: 20px;
  bottom: 0;
  right:0;
  left: 0;
  opacity: 1;
  transition: opacity 500ms linear;
  transition-delay: 0.8s; 

}


.js-valuable_img.scBomb_anim .js-valuable_img_in{
  transform: translate(0, 0px);
  opacity: 1;
  height: 100%;
}

.js-valuable_img.scBomb_anim .js-valuable_img_in:before{
  opacity: 0;
}

@media screen and (max-width: 1075px){
	.valuable{
		display: block;
	}
	.valuable_main{
		width: auto;
		margin: 0;
	}

	.valuable_img2 {
	    width: 49%;
	    margin: 40px 0 0 8%;
	}	

	.valuable_foot {

	}

}



/* ----------------------------------- */
.products{
    padding-top: 13px;
    padding-bottom: 69px;
}
.products .mainInner{}
.products_head{
    text-align: center;
}
.products_head .ttl1{}
.products_head_mes{
    color: #9cacb8;
}
.products_head_link{
    display: inline-block;
    margin: 25px 0 0;
}
.products_head_link a{}

.products_link{
    display: flex;
    justify-content:space-between;
    padding: 0 5.6%;
}
.products_link a{
	display: block;
	/* background: #ccc; */
	width: 22.7%;
	height: 540px;
	position: relative;
	z-index: 1;
}
/* 130   40 */

.products_link_bg{
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: block;	
	overflow: hidden;
  opacity: 0.5;

  transition: opacity 0.5s ease;

/*    transform: translate(0, 40px);*/
    /*opacity: 0;*/
/*    transition: transform 1.2s cubic-bezier(0.36, 0.14, 0, 1) ,opacity 1.2s ease;*/

}

.products_link_bg:before{
	content: "";
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;



  background-image: -moz-linear-gradient( 90deg, rgb(16,34,47) 0%, rgb(2,121,255) 76%);
  background-image: -webkit-linear-gradient( 90deg, rgb(16,34,47) 0%, rgb(2,121,255) 76%);
  background-image: -ms-linear-gradient( 90deg, rgb(16,34,47) 0%, rgb(2,121,255) 76%);





    transform: translate(0, -100%);
    transition: transform 1.5s cubic-bezier(0.36, 0.14, 0, 1);

    transition-delay: 0.7s;


}



.products_link_ttl{
	position: absolute;
	z-index: 1;
	font-size: 60px;
	font-weight: 300;
	line-height: 1;
	white-space: nowrap;
}
.products_link_ttl > span{
	display: block;
}

.products_link_ttl ._c {
    display: inline-block;
    overflow: hidden;
    vertical-align: top;
    padding: 0 0 10px;
}


.products_link_ttl ._c span{
    transform: translate(0, 130%) skewX(12deg);
    transition: transform 1.2s cubic-bezier(0.36, 0.14, 0, 1);
    display: inline-block;
}

.scBomb_anim .products_link_ttl ._c span{
    transform: translate(0, 0%) skewX(0deg);
}





.products_link_img{
	position: absolute;
	z-index: 1;

	opacity: 0;
	transform: translate(0, 40px);

    transition: transform 1.2s cubic-bezier(0.36, 0.14, 0, 1), opacity 1.2s ease;

    transition-delay: 0.4s;
}
.products_link_img img{
    transition: transform 600ms cubic-bezier(.165,.84,.44,1);  
}




.products_link a.scBomb_anim .products_link_img {
    transform: translate(0, 0px);
    opacity: 1;
}


.products_link1{
	margin-top: -32px;
}
.products_link2{
	margin-top: 185px;
}
.products_link3{
	margin-top: 76px;
}

.products_link1 .products_link_ttl{
	top: 13px;
	left: -34%;
}
.products_link1 .products_link_ttl > span:nth-child(2){
	margin: 0 0 0 67px;
}
.products_link2 .products_link_ttl{
	bottom: -9px;
	left: -49%;
}
.products_link2 .products_link_ttl > span:nth-child(2){
	margin: 0 0 0 106px;
}
.products_link3 .products_link_ttl{
	top: -27px;
	left: -30%;
}
.products_link3 .products_link_ttl > span:nth-child(2){}


.products_link1 .products_link_img{
	top: 164px;
	left: 15%;
	width: 68%;
}
.products_link2 .products_link_img{
	top: -81px;
	left: 16%;
	width: 68%;
}
.products_link3 .products_link_img{
	top: 132px;
	left: 0%;
	width: 100%;
}


.products_link a.scBomb_anim .products_link_bg:before{
    transform: translate(0, 0%);
}

.products_link a.scBomb_anim .products_link_bg{
/*    transform: translate(0, 0px);
    opacity: 1;*/
}
.br1{
	display: none;
}
@media screen and (max-width: 1700px) { 
	.products_link3 .products_link_ttl .br1{
		display: inline;
	}

	.products_link3 .products_link_ttl > span:nth-child(2) {
	margin: 0 0 0 45px;
	}

	.products_link3 .products_link_ttl {
	    top: -41px;
	    left: -28%;
	}	

}

@media screen and (max-width: 1770px) { .products_link a{ height: 500px; } }
@media screen and (max-width: 1640px) { .products_link a{ height: 460px; } }
@media screen and (max-width: 1510px) { .products_link a{ height: 420px; } }
@media screen and (max-width: 1380px) { .products_link a{ height: 380px; } }


@media screen and (max-width: 1075px){
	.products_link{
		display: block;
		padding: 0;
		margin: 78px 0 0;
	}
	.products_link a {
		margin-top: 0;
		width: auto;
	}	

	.products_link .products_link1 {
		height: 160px;
		margin: 0 0 129px;
	}	
	.products_link .products_link2 {
		height: 160px;
		margin: 0 0 85px;
	}	
	.products_link .products_link3 {
		height: 160px;
	}	

	.products_link1 .products_link_img{
		width: 127px;
		top: -35px;
		left: auto;
		right: 24px;
	}
	.products_link2 .products_link_img{
		width: 127px;
		top: -44px;
		left: 25px;
	}
	.products_link3 .products_link_img{
		width: 188px;
		top: 0;
		left: auto;
		right: 0;
	}
	.products_link1 .products_link_ttl{
    left: 21px;
    top: 6px;
}
	.products_link2 .products_link_ttl{
    left: 186px;
    top: 7px;
}
	.products_link3 .products_link_ttl{
    left: 19px;
    top: 5px;
}
	.products_link3 .products_link_ttl .br1{
		display: none;
	}
}

@media screen and (max-width: 900px){

	.products_link .products_link_ttl{
		font-size: 6.5vw;
		top: 20px;
	}
	.products_link2 .products_link_ttl{
		left: 29%;
	}

}


/* ----------------------------------- */
.column{
    padding-top: 74px;
    padding-bottom: 119px;
    overflow: hidden;
}
.column .mainInner{
	display: flex;
	justify-content:space-between;
}
.column_head{
    width: 17%;
    margin: 66px 0 0;

    transform: translate(0, 40px);
    opacity: 0;
    transition: transform 1.2s cubic-bezier(0.36, 0.14, 0, 1) ,opacity 1.2s ease;
}




.column_head .ttl1{}
.column_head_mes{
    color: #9cacb8;
}
.column_head_link{
    margin: 25px 0 0;
    display: inline-block;
}
.column_main{
    width: 83%;
    margin: 0 -4.3% 0 0;
    position: relative;
    z-index: 1;
    left: 30px;

    opacity: 0;
    transition: left 1.2s cubic-bezier(0.36, 0.14, 0, 1) ,opacity 1.2s ease;

    transition-delay: 0.5s;
}




.column_slide{
    /* margin-right: -5.5%; */
}

.scBomb_anim .column_head{
    transform: translate(0, 0);
    opacity: 1;
}
.scBomb_anim .column_main{
    opacity: 1;
    left: 0px;
}

@media screen and (max-width: 1075px){
	.column .mainInner{
		display: block;
	}

	.column_head {
	    width: auto;
	    margin: 0;
	    text-align: center;
	}
	.column_main {
	    width: auto;
	    margin: 0;
	}

}


/* ----------------------------------- */
.news{}
.news .mainInner{
    background: #053660;
    padding: 79px  6% 115px;
}
.news_bg{
    max-width: 1000px;
    margin: 0 auto;

    transform: translate(0, 40px);
    opacity: 0;
    transition: transform 1.2s cubic-bezier(0.36, 0.14, 0, 1) ,opacity 1.2s ease;
}

.scBomb_anim .news_bg{
    opacity: 1;  
    transform: translate(0, 0px);
}



.news_head{
	display: flex;
	justify-content:space-between;
	position: relative;
	z-index: 1;
	margin: 0 0 30px;
}
.news_head .ttl1{}
.news_head_link{
    margin: 12px 0 0;
}

/* ----------------------------------- */

@media screen and (min-width: 641px) {


  .products_link a:hover .products_link_bg:after{
    opacity: 1;
  }

  a:hover .products_link_bg{
    opacity: 0.8;
  }

  a:hover .products_link_img img {
      transform: scale(1.1);
  }
  .cookie_btn:hover:before {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;    
  }

}

/*---------------------------------------------------------
	スマホ
---------------------------------------------------------*/
@media screen and (max-width: 640px) {  




  .cookie{
    padding-top: 32px;
    padding-bottom: 24px;
    background: #273644;
}

  .cookie.on{}
  .cookie.on2{}

  .cookie_inner{
    display: block;
}                       


  .cookie_mes{
    font-size: 12px;
}
  .cookie_btn{
    line-height: 45px;
    font-size: 14px;
    margin: 10px auto 0;
}
  .cookie_close{
    top: 9px;
    right: 13px;
}
  .cookie_close:after,
  .cookie_close:before {}
  .cookie_close:after {}

  .cookie_btn:before {}


/*----------------------------------------------------------*/

  .loading_logo{
    width: 100px;
  }




/*----------------------------------------------------------*/

  .flont_mainv{}
  .flont_mainv_mes{
    margin: -44px 0 0 4%;
    font-size: 10.4vw;
}
  .flont_mainv_mes p{}
  .flont_mainv_mes ._c + ._c{
    margin-left: 15px;
}
  .flont_mainv_mes ._c span{}
  .flont_mainv_mes.on ._c span{}





  .flont_mainv_mes_foot{
    font-size: 12.4vw;
    margin-top: 13px !important;
}
  .flont_mainv_mes p + p{
    margin-top: 12px;
}

  .flont_mainv_slide{}
  .flont_mainv_slide li{}
  .flont_mainv_slide li:first-child{}

  .flont_mainv_slide li.opa {}
  .flont_mainv_slide li.on {}


  .flont_mainv_slide_blur.on{
    width: 49%;
  }

  .flont_mainv_slide li:first-of-type span{
    background-position: 25% 50%;
}
  .flont_mainv_slide li:nth-of-type(2) span{
    background-position: 88% 50%;
    background-size: auto 100%;
}
  .flont_mainv_slide li:nth-of-type(3) span{}



  .flont_mainv_line{
    width: 1px;
    height: 50px;
    bottom: 15px;
    left: 4%;
}
  .flont_mainv_line:before{}



  .flont_mainv_en{
    right: 2%;
    bottom: 8px;
    width: 74px;
}
  .flont_mainv_en:before{
    top: 29px;
    left: 37px;
}
  .flont_mainv_en svg{}
  .flont_mainv_en1{}
  .flont_mainv_en2{}

  .flont_mainv_en.on .flont_mainv_en2{}



  .flont_mainv_en_no2,
  .flont_mainv_en_no1{
    font-size: 11px;
    top: 26px;
}
  .flont_mainv_en_no1{
    left: 17px;
}
  .flont_mainv_en_no2{
    right: 15px;
}



  /* ----------------------------------- */
  .about{
    padding-top: 35px;
    padding-bottom: 35px;
}
  .about .mainInner{}
  .about .mainInner:before{
    left: 57%;
    bottom: 0;
}



  .about_main{
    padding-bottom: 34px;
}
  .about_main .ttl1{}
  .about_mes{
    font-size: 26px;
    font-size: 7vw;
    margin: 10px 0 12px;
    line-height: 1.2;
}

  .valuable{}
  .valuable_main{}
  .valuable_img{
    margin: 0 0 18px;
}
  .valuable_data{
    /* display: block; */
    text-align: center;
    flex-wrap: wrap;
    /* justify-content:center; */
}
  .valuable_mes{
    padding: 0 14px;
    width: 100%;
    text-align: left;
}
  .valuable_link{
    width: auto;
    margin: 15px 0 0 14px;
}
  .valuable_img2{
    margin: 39px 0 0 -15px;
    width: 75%;
}
  .valuable_foot{
    margin: 27px 0 0;
    justify-content:space-between;
}
  .valuable_foot_img1{
    width: 33.2%;
    margin: 43px 0 0;
}
  .valuable_foot_img2{
    width: 62.7%;
    margin: 0 -15px 0 0;
}


  .js-valuable_img_in{}




  .js-valuable_img.scBomb_anim .js-valuable_img_in{}




  /* ----------------------------------- */
  .products{}
  .products .mainInner{}
  .products_head{}
  .products_head .ttl1{}
  .products_head_mes{}
  .products_head_link{
    margin: 15px 0 0;
}
  .products_head_link a{}

  .products_link{
    margin: 39px 0 0;
}
  .products_link a{}
  /* 130   40 */

  .products_link_bg{}

  .products_link_bg:before{}

  .products_link_bg:after{}

  .products_link_ttl{}
  .products_link_ttl > span{}

  .products_link_ttl ._c {
      padding: 0 0 5px;
  }



  .products_link_img{}


  .products_link1{}
  .products_link2{}
  .products_link3{}

  .products_link1 .products_link_ttl{
    font-size: 8.5vw;
    left: 15px;
    top: 34px;
}
  .products_link1 .products_link_ttl > span:nth-child(2){
    margin: 0 0 0 36px;
}
  .products_link2 .products_link_ttl{
    font-size: 8vw;
    left: 46%;
    top: 30px;
}
  .products_link2 .products_link_ttl > span:nth-child(2){
    margin: 8px 0 0 21px;
}
  .products_link3 .products_link_ttl{
    font-size: 7.5vw;
    top: 22px;
    left: 15px;
}
  .products_link3 .products_link_ttl > span:nth-child(2){
    margin: 2px 0 0 25px;
}

	.products_link .products_link_ttl {
	}


  .products_link1 .products_link_img{
    width: 125px;
    top: -32px;
    right: 14px;
}
  .products_link2 .products_link_img{
    width: 122px;
    top: -41px;
    left: 17px;
}
  .products_link3 .products_link_img{
    width: 190px;
    top: -29px;
    right: -7px;
}


  .products_link a.scBomb_anim .products_link_bg:before{}

  .products_link a.scBomb_anim .products_link_bg{}
  .br1{
    display: inline !important;
}




  /* ----------------------------------- */
  .column{
    padding-top: 42px;
    padding-bottom: 68px;
    overflow: hidden;
}
  .column .mainInner{}
  .column_head{}
  .column_head .ttl1{}
  .column_head_mes{}
  .column_head_link{
    margin: 15px 0 0;
}
  .column_main{
    margin: 40px 0 0;
}
  .column_slide{
    margin-right: 16px;
}




  /* ----------------------------------- */
  .news{}
  .news .mainInner{
    padding: 42px 16px 60px;
}
  .news_bg{}
  .news_head{
    margin: 0 0 36px;
}
  .news_head .ttl1{}
  .news_head_link{
    margin: -2px 0 0;
}

  /* ----------------------------------- */

}