@charset "utf-8";
/* CSS Document */

/*PC*/
@media print, screen and (min-width: 768px) {
/*#header {
background: rgba(255,255,255,0);
}*/
/*.headerWrap {
background-image: linear-gradient(120deg, rgba(166, 192, 254, .8)  0%, rgba(226, 76, 108, .4)  100%);
}*/

.comBtn03,
.comBtn04 {
margin-top: 60px;
}

.btnR {
margin-left: auto;
margin-right: 0;
}

/*---------------------------------*/
.headerWrap {
overflow: hidden;
height: 100vh;
/*background-image: linear-gradient(120deg, rgba(166, 192, 254, .4)  0%, rgba(226, 76, 108, .4)  100%);*/
}

.idxHedWrap {
height: calc(100% - 120px);
position: relative;
}

.m-kv__scroll {
 position:absolute;
 font-family:Lato,sans-serif;
 font-size:1rem;
 font-weight:700;
 left:3rem;
 bottom:110px;
 opacity:1;
 transition:.5s;
 transform:rotate(-90.1deg);
 letter-spacing:.4rem;
/* cursor:pointer;*/
 color:#fff;
 transform-origin:left center;
 transition-delay: 0s;
 z-index: 8;
}
.m-kv__line {
 position:absolute;
 width:80px;
 height:1px;
 background:#fff;
 left:-90px;
 bottom:8px
}
.m-kv__line:before {
 position:absolute;
 content:"";
 width:5px;
 height:5px;
 background:#e4274c;
 border-radius:50%;
 left:75px;
 bottom:-2px;
 opacity:0;
 transform:translate(0);
 animation:scrollMark 3.6s cubic-bezier(.645,.045,.355,1) infinite
}
/*.idxHedWrap::after {
content: "";
display: block;
width: 100%;
height: 190px;
background-color: #028ce4;
position: absolute;
z-index: -1;
bottom: 0px;
left: 0;
}*/

.idxHedWrapIn {
box-sizing: border-box;
width:  calc(100% - 60px);
/*height: calc(100% - 60px);
margin: auto;*/
position: relative;
/*width: 100%;*/
height: 100%;
/*padding: 0 60px;*/
}

.idxHedImgWrap {
width: 100%;
height: 100%;
/*height: calc(100% - 60px);*/
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
background-image: linear-gradient(60deg, rgba(2, 140, 228, 0.95) 0%, rgba(228, 2, 46, 0.2) 100%);
}

.idxHedImg01 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
width: 50%;
height: 100%;
}

.dxHedImgTit {
width: 100%;
height: 100%;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
z-index: 10;
}

.dxHedImgTitIn {
padding: 50px;
color: #fff;
/*background-color: rgba(255, 255, 255, 0.8);*/
}

.dxHedImgTitIn h2 {
font-family: "游明朝体","Yu Mincho",YuMincho,"ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;
/*text-shadow:0px 0px 4px rgba(0,0,0,0.60);*/
font-size: 4vw;
line-height: 1.5;
font-weight: bold;
letter-spacing: 0.05em;
margin: 70px 0;
position: relative;
/*z-index: 100;*/
text-align: center;
}

.dxHedImgTitIn h2:before{
content: "";
width:8px;
height: 50px;
background: #fff;
/*background: linear-gradient(#efe2af,#efc6a3);*/
position: absolute;
left: 30%;
top: -55px;
transform: skew(30deg);
}

.dxHedImgTitIn h2:after{
content: "";
width:8px;
height: 50px;
background: #fff;
/*background: linear-gradient(#efe2af,#efc6a3);*/
position: absolute;
right: 43%;
bottom: -55px;
transform: skew(30deg);
}

.dxHedImgTitIn h2 .t_move {
display: block;
overflow: hidden;
}

.dxHedImgTitIn h2 .t_move span {
display: block;
transform: translateY(100%);
}

.dxHedImgTitIn.txtmove h2 .t_move:nth-child(1) span {
animation: htc_ani 1s forwards 1s;
}

.dxHedImgTitIn.txtmove h2 .t_move:nth-child(2) span {
  animation: htc_ani 1s forwards 1.2s;
}

/*.dxHedImgTitIn.txtmove h2::after {
animation: htcafter_ani 1s forwards 1s;
}

.dxHedImgTitIn h2::after {
content: "";
position: absolute;
bottom: -20px;
left: -20px;
display: block;
width: 0;
height: 2px;
background-color: #028ce4;
z-index: 5;
}*/

.dxHedImgTitIn h3 {
padding-top: 20px;
font-size: 2.8rem;
line-height: 1;
letter-spacing: 0.05em;
text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

.dxHedImgTitIn p {
padding-top: 10px;
font-size: 1.6rem;
line-height: 1.8;
letter-spacing: 0.05em;
text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

.dxHedImgTitIn p span {
color: #e4274c;
font-size: 2rem;;
font-weight: 600;
}

.idxHedImg02 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
width: 50%;
height: 100%;
/*background: url("../images/slider/img_r01.jpg") center center no-repeat;
background-size: cover;*/
}

.vegas-slide {
height: 100% !important;
}

.ovh {
overflow: hidden;
}

.idxTit01 {
text-align: center;
font-size: 3.5rem;
margin-bottom: 30px;
}

.idxTit01_sub {
font-size: 2rem;
text-align: center;
}


/*--com---------------*/
#contents {
overflow: hidden;
}

#contents p {
line-height: 2;
}

#idxBox {
position: relative;
/*background: url("../images/index/bg01.jpg") -100px 0 no-repeat;*/
}

#idxBox:before {
position: absolute;
content: '';
top: 0;
left:-150px;
width: 500px;
height: 500px;
background-image: url("../images/index/bg01.jpg");
background-size: contain;
background-repeat: no-repeat;
z-index: -1;
}

.idxTit_en {
font-size: 5rem;
font-style: italic;
font-weight: 400;
line-height: 1.2;
margin-bottom: 10px;
color: #028ce4;
/*font-family: 'Open Sans', sans-serif;*/
font-family: 'Raleway', sans-serif;
} 

.idxTit_jp {
font-size: 1.8rem;
font-weight: 500;
}

.idxTit_sub {
font-size: 1.8rem;
text-align: center;
margin-bottom: 40px;
}


/*--idx00Box---------------*/
#idx00Box {
margin-top: 60px;
margin-bottom: 80px;
}

.idx00BoxIn {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 30px;
position: relative;
width: 80%;
margin: auto;
}

.idx00BoxIn::before, .idx00BoxIn::after {
content: '';
width: 15px;
height: 100%;
position: absolute;
}

.idx00BoxIn::before {
border-left: solid 1px #222;
border-top: solid 1px #222;
border-bottom: solid 1px #222;
top: 0;
left: 0;
}

.idx00BoxIn::after {
border-right: solid 1px #222;
border-top: solid 1px #222;
border-bottom: solid 1px #222;
top: 0;
right: 0;
}

.idx00Box_tit {
padding-right: 50px;
position: relative;
}

.idx00Box_tit::before {
display: block;
content: '';
position: absolute;
top: 0;
right: 25px;
width: 1px;
height: 120px;
background-color: #333;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

.idx00Box_txt p {
font-size: 1.6rem;
padding-top: 70px;
line-height: 2.4;
}


/*--idx01Box---------------*/
.idx01Box {
margin-bottom: 80px;
}

.idxBox_tit {
margin-bottom: 40px
}

.idx01BoxIn {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
min-height: 500px;
}

.idxBox_txt {
-ms-flex-preferred-size: 48%;
flex-basis: 48%;
max-width: 48%;
box-sizing: border-box;
padding-left: 30px;
}

.idx01Box_img {
-ms-flex-preferred-size: 48%;
flex-basis: 48%;
position: relative;
}

.idx01Box_img .ring {
position: absolute;
left: -90px;
top: -60px;
width: 160px;
z-index: 5;
}

.idx01Box_img p {
position: absolute;
left: 0;
top: 0;
width: 1100px;
}

.idxBox_txt h4 {
font-size: 3.2rem;
font-weight: 400;
margin-bottom: 30px;
position: relative;
}

h4.bLine.txtmove::after {
animation: htcafter_ani 1s forwards 0.5s;
}

h4.bLine::after {
content: "";
position: absolute;
bottom: -15px;
left: -10px;
display: block;
width: 0;
height: 2px;
background-color: #e4274c;
z-index: 5;
}


/*--idx02Box---------------*/
.idx02Box {
/*background: #f5f5f5;*/
padding: 70px 0;
margin-bottom: 80px;
background: url("../images/index/idx02Box_img_bg3.jpg") center center no-repeat;
background-size: cover;
}

.idx02BoxIn {
/*box-shadow: 0 0 20px rgba(0,0,0,0.15);*/
}

.idx02Box_hed {
background: url("../images/index/idx02Box_img_bg2.jpg") center center no-repeat;
background-size: cover;
/*width: 100%;*/
width: calc(1200px + ((100% - 1200px) / 2));
height: 500px;
margin-left: 0;
margin-right: auto;
} 

.idx02Box_hedIn {
width: 100%;
height: 100%;
background-color:rgba(34, 39, 40, 0.5);
/*background-image: linear-gradient(45deg, rgba(43, 131, 182, 0.8) 0%, rgba(43, 131, 182, 0.3) 100%);*/
/*background-color:rgba(43, 131, 182, 0.5);*/
/*background-image: linear-gradient(60deg, rgba(2, 140, 228, 0.5) 0%, rgba(228, 2, 46, 0.5) 100%);*/
}

.idx02TitBox {
width: 45%;
height: 100%;
margin-right: 0;
margin-left: auto;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
	/*-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;*/
/*-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;*/
	/*-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;*/
/*-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;*/
position: relative;
}

.idx02TitBox_list  {
position: absolute;
right: -80px;
bottom: -260px;
width: 650px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}

.idx02TitBox_list li {
-ms-flex-preferred-size: 32%;
flex-basis: 32%;
}

.idx02TitBox_list li:nth-child(1) {
margin-top: 60px;
}

.idx02TitBox_list li:nth-child(2) {
margin-top: 120px;
}

.idx02TitBox_list li img {
width: 100%;
}

h4.idx02Tit01 {
color: #fff;
text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
font-size: 4.6rem;
/*text-align: center;*/
font-weight: 500;
margin-top: 100px;
position: relative;
}

h4.idx02Tit01 span.idx02_fs {
font-size: 0.85em;
}

/*h4.idx02Tit01 span.marker_new {
  background: linear-gradient(transparent 70%, #e4022e 0%);
  display: inline;
  padding: 0 2px 4px;
}*/

h4.idx02Tit01:before{
position: absolute;
content: 'NSK Authorized Distributor';
font-size: 10rem;
top: -160px;
right: -50%;
color: #028ce4;
font-family: 'Raleway', sans-serif;
font-weight: 800;
white-space: nowrap;
text-shadow: none;
opacity: 0.4;
}

.idx02Box_txt {
background-color: #fff;
padding: 60px;
}

.idx02Box_txt h5 {
/*text-align: center;*/
font-weight: 400;
font-size: 2.6rem;
margin-bottom: 40px;
position: relative;
/*padding: 50px 0;*/
}

/*.idx02Box_txt h5::before {
transform: translate(30px, -64px) scaleY(1) skew(22deg);
transform-origin: bottom;
transition: transform .5s .2s;
}
.idx02Box_txt h5::after {
transform: translate(-30px, 64px) scaleY(1) skew(22deg);
transform-origin: top;
transition: transform .5s .2s;
}
.idx02Box_txt h5::before {
position: absolute;
top: 0;
display: block;
width: 1px;
background: #333;
content: '';
transform: skew(22deg);
left: 49%;
height: 40px;
}
.idx02Box_txt h5::after {
position: absolute;
bottom: 0;
display: block;
width: 1px;
background: #333;
content: '';
transform: skew(22deg);
left: 52.5%;
height: 40px;
}*/

.idx02Box_txt p {
width: 50%;
margin:  0 auto 0 0 ;
}


/*--idx03Box---------------*/
.idx03Box {
margin-bottom: 80px;
}

.idx03Box h4.idxTit_en,
.idx03Box h5.idxTit_jp {
text-align: center;
}

.idx03Box_list {

}

.idx03Box_list ul {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

.idx03Box_list li {
-ms-flex-preferred-size: 30%;
flex-basis: 30%;
max-width: 30%;
margin-right: 5%;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}

.idx03Box_list li:nth-child(3n) {
margin-right: 0;
}

.idx03Box_list li:nth-child(n+4) {
margin-top: 5%;
}

.idx03Box_h4 {
padding-top: 10px;
text-align: left;
font-size: 1.7rem;
font-weight: 400;
line-height: 30px;
background: #fff;
padding-left: 45px;
}
.idx03Box_h4 span {
position: relative;
}
.idx03Box_h4 span::before {
position: absolute;
top: 0;
bottom: 0;
left: -45px;
display: block;
width: 30px;
height: 2px;
margin: auto;
content: '';
background-color: #028ce4;
}

.idx03Box_list li:hover .idx03Box_h4 {
color: #028ce4;
}

figure.snip1194 {
color: #fff;
position: relative;
overflow: hidden;
/*  margin: 10px;
min-width: 220px;
max-width: 310px;
max-height: 220px;*/
width: 100%;
background: #e7f6ff;
color: #000000;
text-align: center;
}
figure.snip1194 * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.6s ease;
transition: all 0.6s ease;
}
figure.snip1194 img {
opacity: 1;
width: 100%;
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
}
figure.snip1194 figcaption {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: calc(100% - 30px);;
}
figure.snip1194 h2,
figure.snip1194 p {
margin: 0;
position: absolute;
width: 100%;
left: 0;
opacity: 0;
}
figure.snip1194 h2 {
padding: 0 30px;
margin-bottom: 10px;
display: inline-block;
text-transform: uppercase;
font-weight: 400;
color: #028ce4;
font-style: italic;
bottom: 50%;
-webkit-transform: translate3d(0%, -100%, 0);
transform: translate3d(0%, -100%, 0);
}
figure.snip1194 h2 span {
font-weight: 400;
}
figure.snip1194 p {
top: 50%;
padding: 0 50px;
font-size: 1.6rem;
font-weight: 400;
-webkit-transform: translate3d(0%, 100%, 0);
transform: translate3d(0%, 100%, 0);
}
figure.snip1194 a {
left: 0;
right: 0;
top: 0;
bottom: 0;
position: absolute;
}
figure.snip1194:hover img,
figure.snip1194.hover img {
opacity: 0.2;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
figure.snip1194:hover figcaption h2,
figure.snip1194.hover figcaption h2,
figure.snip1194:hover figcaption p,
figure.snip1194.hover figcaption p {
-webkit-transform: translate3d(0%, 0%, 0);
transform: translate3d(0%, 0%, 0);
}
figure.snip1194:hover figcaption h2,
figure.snip1194.hover figcaption h2 {
opacity: 0.9;
}
figure.snip1194:hover figcaption p,
figure.snip1194.hover figcaption p {
opacity: 0.9;
}


/*--idx04Box---------------*/
.idx04Box {
margin-bottom: 80px;
}

.w1200R {
margin-left: 8%;
margin-right: auto;
position: relative;
padding-top: 60px;
}

.w1200R::before {
content: "";
position: absolute;
left: -22%;
top: 0;
width: 1500px;
height: 380px;
background: #ebf7fe;
border-top: 2px solid #333;
z-index: -1;
transform: skewX(-15deg);
}

.w1200L {
margin-left: auto;
margin-right: 8%;
position: relative;
padding-top: 60px;
}

.w1200L::before {
content: "";
position: absolute;
right: -22%;
top: 0;
width: 1500px;
height: 380px;
background: #ebf7fe;
border-top: 2px solid #333;
z-index: -1;
transform: skewX(15deg);
}

.idx04Box h4.idxTit_en,
.idx04Box  h5.idxTit_jp{
text-align: center;
}

.idx04BoxIn {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin-bottom: 30px;
}

.rrv {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}

.f_end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}

.idx04BoxIn_txt {
padding-right: 60px;
position: relative;
}

.idx04BoxIn_tit {
position: relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}

.idx04BoxIn_tit h5 {
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
-webkit-font-feature-settings: initial;
font-feature-settings: initial;
font-size: 2.8rem;
font-weight: 400;
height: 350px;
line-height: 1.4;
/*position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
top: 150px;*/
}


.idx04BoxIn_img {
padding-top: 50px;
}

.idx04BoxIn_imgIn {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}

.idx04BoxIn_imgIn ul {
margin-left: -30px;
margin-top: 30px;
/*margin-left: 10px;*/
}

.idx04BoxIn_imgIn li:first-child {
margin-bottom: 10px;
}

.idx04BoxIn_imgIn li:nth-child(2) {
margin-left: 170px;
margin-top: -50px;
}

.w1200L .idx04BoxIn_b p {
text-align: right;
}

.idx04Txt01,
.idx04Txt02 {
position: relative;
}

.idx04Txt01:before{
position: absolute;
content: 'Global';
font-size: 30rem;
top: 360px;
right: -10px;
color:
#f4f4f4;
z-index: -1;
font-family: 'Raleway', sans-serif;
font-weight: 800;
}

.idx04Txt02:before{
position: absolute;
content: 'Strength';
font-size: 30rem;
top: 360px;
left: -10px;
color:
#f4f4f4;
z-index: -1;
font-family: 'Raleway', sans-serif;
font-weight: 800;
}

/*--idx05Box---------------*/
.idx05Box {
margin-bottom: 80px;
}

.idx05Box h4.idxTit_en,
.idx05Box h5.idxTit_jp {
text-align: center;
}

.idx05_list {
width: 100%;
margin: auto;
}
.idx05_list ul {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.idx05_list ul.idx05_list-t {
width: 100%;
margin: 0 auto 10px;
}
.idx05_list ul.idx05_list-t li {
-ms-flex-preferred-size: 15%;
flex-basis: 15%;
max-width: 15%;
margin-right: 2%;
}
.idx05_list ul.idx05_list-t li:nth-child(6n) {
margin-right: 0%;
}
/*.idx05_list ul.idx05_list-t li:nth-child(n+6) {
margin-top: 2.5%;
}*/
.idx05_list ul.idx05_list-b li {
-ms-flex-preferred-size: 15%;
flex-basis: 15%;
max-width: 15%;
margin-right: 2%;
}
.idx05_list ul.idx05_list-b li:nth-child(6n) {
margin-right: 0%;
}
.idx05_list ul.idx05_list-b li:nth-child(n+7) {
margin-top: 2.5%;
}

.idx05_list li img {
width: 100%;
}

/*--idx06Box---------------*/
.idx06Box {
margin-bottom: 80px;
}

.idx06BoxIn {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}

.idx06Box h4.idxTit_en,
.idx06Box h5.idxTit_jp {
color: #fff;
}

.idx06Box_txt {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
background-color: #028ce4;
padding: 70px 40px;
box-sizing: border-box;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}

.idx06Box_img {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
background: url("../images/index/idx06Box_img01.jpg") center center no-repeat;
background-size: cover;
}

.idx06Box_txtIn-txt h6 {
background-color: #faf221;
padding: 20px;
font-size: 2.5rem;
font-weight: 500;
display: inline-block;
margin-bottom: 25px;
position: relative;
}

.idx06Box_txtIn-txt h6:before {
content: '';
position: absolute;
display: block;
z-index: 1;
border-style: solid;
border-color: #faf221 transparent;
border-width: 20px 0 0 20px;
bottom: -20px;
left: 10%;
margin-left: -10px;
}


.idx06Box_txtIn-txt p {
font-size: 1.8rem;
color: #fff;
}


/*--idx_box07---------------*/
#idx_box07 {
margin-bottom: 80px;
}

#idx_box07 h4.idxTit_en,
#idx_box07 h5.idxTit_jp {
text-align: center;;
}

.idx_box07In {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}

.idx_box07In-box {
-ms-flex-preferred-size: 70%;
flex-basis: 70%;
margin: auto;
}
 
/*.idx_box07In-box:nth-child(2) {
padding-top: 100px;
}*/

.scroll-box {
width: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
height: 240px;
}

.topics { width: 100%; margin: 0 auto; }
.topics dl:nth-child(2n+1) { background: #fff; padding: 20px; }
.topics dl:nth-child(2n+2) { background: #ebf7fe; padding: 20px; }
.topics dl dt { float: left; width: 12%; }
.topics dl dd { float: right; width: 85%; }

.fbBox {
text-align: center;
}



}





/*---PCとSP共通---------------------------------------*/
@keyframes htc_ani {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0);
  }
}

@keyframes htcafter_ani {
  0% {
    width: 0;
  }
  100% {
    width: 130%;
  }
}

.vegas-animation-kenburns {
    animation: kenburns ease-out;
}

@keyframes kenburns {
    0% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes scrollMark {
 0% {
  opacity:0;
  transform:translate(0)
 }
 20% {
  opacity:1;
  transform:translate(0)
 }
 80% {
  opacity:1;
  transform:translate(-75px)
 }
 to {
  opacity:0;
  transform:translate(-75px)
 }
}
/*----------------------------------------------------*/





/*sp*/
@media only screen and (max-width: 767px) {
#header {
background: rgba(255,255,255,0);
}
/*.headerWrap {
background-image: linear-gradient(120deg, rgba(166, 192, 254, .8)  0%, rgba(226, 76, 108, .4)  100%);
}*/

.comBtn03,
.comBtn04 {
margin-top: 30px;
margin-left: auto;
margin-right: auto;
}

.btnR {
margin-left: auto;
margin-right: auto;
}

/*---------------------------------*/
.headerWrap {
overflow: hidden;
/*background-image: linear-gradient(120deg, rgba(166, 192, 254, .4)  0%, rgba(226, 76, 108, .4)  100%);*/
}

.idxHedWrap {
height: calc(100% - 60px);
position: relative;
}

.m-kv__scroll {
display: none;
 position:absolute;
 font-family:Lato,sans-serif;
 font-size:1rem;
 font-weight:700;
 left:3rem;
 bottom:140px;
 opacity:1;
 transition:.5s;
 transform:rotate(-90.1deg);
 letter-spacing:.4rem;
 cursor:pointer;
 color:#222;
 transform-origin:left center;
 transition-delay: 0s;
}
.m-kv__line {
 position:absolute;
 width:80px;
 height:1px;
 background:#222;
 left:-90px;
 bottom:8px
}
.m-kv__line:before {
 position:absolute;
 content:"";
 width:5px;
 height:5px;
 background:#222;
 border-radius:50%;
 left:75px;
 bottom:-2px;
 opacity:0;
 transform:translate(0);
 animation:scrollMark 3.6s cubic-bezier(.645,.045,.355,1) infinite
}
/*.idxHedWrap::after {
content: "";
display: block;
width: 100%;
height: 190px;
background-color: #028ce4;
position: absolute;
z-index: -1;
bottom: 0px;
left: 0;
}*/

.idxHedWrapIn {
box-sizing: border-box;
width: 100%;
height: 100%;
/*width:  calc(100% - 120px);
height: calc(100% - 60px);*/
margin: auto;
position: relative;
/*width: 100%;
height: 100%;*/
/*padding: 0 60px;*/
}

.idxHedImgWrap {
width: 100%;
height: 100%;
/*height: calc(100% - 60px);*/
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
background-image: linear-gradient(60deg, rgba(2, 140, 228, 0.95) 0%, rgba(228, 2, 46, 0.2) 100%);
}

.idxHedImg01 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
width: 100%;
height: 100%;
}

.dxHedImgTit {
width: 100%;
height: 100%;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
z-index: 10;
}

.dxHedImgTitIn {
padding: 20px;
color: #fff;
/*background-color: rgba(255, 255, 255, 0.8);*/
}

.dxHedImgTitIn h2 {
font-family: "游明朝体","Yu Mincho",YuMincho,"ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;
/*text-shadow:0px 0px 4px rgba(0,0,0,0.60);*/
font-size: 3rem;
line-height: 1.5;
font-weight: bold;
letter-spacing: 0.05em;
margin: 70px 0;
position: relative;
z-index: 100;
text-align: center;
}

.dxHedImgTitIn h2:before{
content: "";
width:8px;
height: 50px;
background: #fff;
/*background: linear-gradient(#efe2af,#efc6a3);*/
position: absolute;
left: 30%;
top: -55px;
transform: skew(30deg);
}

.dxHedImgTitIn h2:after{
content: "";
width:8px;
height: 50px;
background: #fff;
/*background: linear-gradient(#efe2af,#efc6a3);*/
position: absolute;
right: 43%;
bottom: -55px;
transform: skew(30deg);
}

.dxHedImgTitIn h2 .t_move {
display: block;
overflow: hidden;
}

.dxHedImgTitIn h2 .t_move span {
display: block;
transform: translateY(100%);
}

.dxHedImgTitIn.txtmove h2 .t_move:nth-child(1) span {
animation: htc_ani 1s forwards 1s;
}

.dxHedImgTitIn.txtmove h2 .t_move:nth-child(2) span {
  animation: htc_ani 1s forwards 1.2s;
}

/*.dxHedImgTitIn.txtmove h2::after {
animation: htcafter_ani 1s forwards 1s;
}

.dxHedImgTitIn h2::after {
content: "";
position: absolute;
bottom: -20px;
left: -20px;
display: block;
width: 0;
height: 2px;
background-color: #028ce4;
z-index: 5;
}*/

.dxHedImgTitIn h3 {
padding-top: 20px;
font-size: 2rem;
line-height: 1;
letter-spacing: 0.05em;
text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

.dxHedImgTitIn p {
padding-top: 10px;
font-size: 1.6rem;
line-height: 1.8;
letter-spacing: 0.05em;
text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

.dxHedImgTitIn p span {
color: #e4274c;
font-size: 2rem;;
font-weight: 600;
}

.idxHedImg02 {
display: none;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
width: 50%;
height: 100%;
/*background: url("../images/slider/img_r01.jpg") center center no-repeat;
background-size: cover;*/
}

.vegas-slide {
height: 100% !important;
}

.ovh {
overflow: hidden;
}

.idxTit01 {
text-align: center;
font-size: 3.5rem;
margin-bottom: 30px;
}

.idxTit01_sub {
font-size: 2rem;
text-align: center;
}


/*--com---------------*/
#contents {
overflow: hidden;
}

#contents p {
line-height: 2;
}

#idxBox {
position: relative;
/*background: url("../images/index/bg01.jpg") -100px 0 no-repeat;*/
}

#idxBox:before {
position: absolute;
content: '';
top: 0;
left:-150px;
width: 500px;
height: 500px;
background-image: url("../images/index/bg01.jpg");
background-size: contain;
background-repeat: no-repeat;
z-index: -1;
}

.idxTit_en {
font-size: 2.4rem;
font-style: italic;
font-weight: 900;
line-height: 1.2;
margin-bottom: 10px;
color: #028ce4;
font-family: 'Open Sans', sans-serif;
text-align: center;
} 

.idxTit_jp {
font-size: 1.6rem;
font-weight: 500;
text-align: center;
}

.idxTit_sub {
font-size: 1.6rem;
text-align: center;
margin-bottom: 30px;
}


/*--idx00Box---------------*/
#idx00Box {
margin: 40px 0;
}

.idx00BoxIn {
box-sizing: border-box;
/*display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;*/
padding: 30px;
position: relative;
width: 96%;
margin: auto;
}

.idx00BoxIn::before, .idx00BoxIn::after {
content: '';
width: 15px;
height: 100%;
position: absolute;
}

.idx00BoxIn::before {
border-left: solid 1px #222;
border-top: solid 1px #222;
border-bottom: solid 1px #222;
top: 0;
left: 0;
}

.idx00BoxIn::after {
border-right: solid 1px #222;
border-top: solid 1px #222;
border-bottom: solid 1px #222;
top: 0;
right: 0;
}

.idx00Box_tit {
margin-bottom: 30px;
position: relative;
}

/*.idx00Box_tit::before {
display: block;
content: '';
position: absolute;
top: 0;
right: 25px;
width: 1px;
height: 120px;
background-color: #333;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}*/

.idx00Box_txt p {
font-size: 1.6rem;
line-height: 2;
}


/*--idx01Box---------------*/
.idx01Box {
margin-bottom: 50px;
}

.idxBox_tit {
margin-bottom: 30px
}

.idx01BoxIn {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
  	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
min-height: 500px;
}

.idxBox_txt {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
box-sizing: border-box;
}

.idx01Box_img {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
position: relative;
}

.idx01Box_img .ring {
display: none;
position: absolute;
left: -90px;
top: -60px;
width: 120px;
z-index: 5;
}

.idx01Box_img p {
padding-top: 30px;
/*position: absolute;
left: 0;
top: 0;
width: 1100px;*/
}

.idxBox_txt h4 {
font-size: 2rem;
font-weight: 400;
margin-bottom: 20px;
position: relative;
}

/*h4.bLine.txtmove::after {
animation: htcafter_ani 1s forwards 0.5s;
}

h4.bLine::after {
content: "";
position: absolute;
bottom: -15px;
left: -10px;
display: block;
width: 0;
height: 2px;
background-color: #028ce4;
z-index: 5;
}*/


/*--idx02Box---------------*/
.idx02Box {
background: #f5f5f5;
padding: 20px 0;
margin-bottom: 80px;
}

.idx02BoxIn {
width: 96%;
margin: auto;
box-shadow: 0 0 20px rgba(0,0,0,0.15);
}

.idx02Box_hed {
background: url("../images/index/idx02Box_img_bg2.jpg") center center no-repeat;
background-size: cover;
width: 100%;
/*width: calc(1200px + ((100% - 1200px) / 2));
height: 500px;*/
margin-left: 0;
margin-right: auto;
} 

.idx02Box_hedIn {
width: 100%;
height: 100%;
background-color:rgba(34, 39, 40, 0.5);
/*background-image: linear-gradient(45deg, rgba(43, 131, 182, 0.8) 0%, rgba(43, 131, 182, 0.3) 100%);*/
/*background-color:rgba(43, 131, 182, 0.5);*/
/*background-image: linear-gradient(60deg, rgba(2, 140, 228, 0.5) 0%, rgba(228, 2, 46, 0.5) 100%);*/
}

.idx02TitBox {
width: 100%;
height: 100%;
margin-right: 0;
margin-left: auto;
/*display:-webkit-box;
display:-ms-flexbox;
display:flex;*/
	/*-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;*/
/*-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;*/
	/*-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;*/
/*-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;*/
position: relative;
}

.idx02TitBox_list  {
display: none;
/*position: absolute;
right: -60px;
bottom: -260px;
width: 650px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;*/
}

.idx02TitBox_list li {
-ms-flex-preferred-size: 32%;
flex-basis: 32%;
}

.idx02TitBox_list li:nth-child(1) {
margin-top: 60px;
}

.idx02TitBox_list li:nth-child(2) {
margin-top: 120px;
}

.idx02TitBox_list li img {
width: 100%;
}

h4.idx02Tit01 {
color: #fff;
text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
font-size: 2.6rem;
text-align: center;
font-weight: 500;
position: relative;
padding: 60px 10px;
}

h4.idx02Tit01 span.idx02_fs {
font-size: 0.85em;
}

/*h4.idx02Tit01 span.marker_new {
  background: linear-gradient(transparent 70%, #e4022e 0%);
  display: inline;
  padding: 0 2px 4px;
}*/

/*h4.idx02Tit01:before{
position: absolute;
content: 'Authorized Distributor';
font-size: 13rem;
top: -170px;
right: -500px;
color: #028ce4;
font-family: 'Raleway', sans-serif;
font-weight: 800;
white-space: nowrap;
text-shadow: none;
opacity: 0.2;
}*/

.idx02Box_txt {
background-color: #fff;
padding: 20px;
}

.idx02Box_txt h5 {
/*text-align: center;*/
font-weight: 400;
font-size: 1.8rem;
margin-bottom: 20px;
position: relative;
/*padding: 50px 0;*/
}

/*.idx02Box_txt h5::before {
transform: translate(30px, -64px) scaleY(1) skew(22deg);
transform-origin: bottom;
transition: transform .5s .2s;
}
.idx02Box_txt h5::after {
transform: translate(-30px, 64px) scaleY(1) skew(22deg);
transform-origin: top;
transition: transform .5s .2s;
}
.idx02Box_txt h5::before {
position: absolute;
top: 0;
display: block;
width: 1px;
background: #333;
content: '';
transform: skew(22deg);
left: 49%;
height: 40px;
}
.idx02Box_txt h5::after {
position: absolute;
bottom: 0;
display: block;
width: 1px;
background: #333;
content: '';
transform: skew(22deg);
left: 52.5%;
height: 40px;
}*/

.idx02Box_txt p {
width: 100%;
/*margin:  0 auto 0 0 ;*/
}


/*--idx03Box---------------*/
.idx03Box {
margin-bottom: 50px;
}

.idx03Box h4.idxTit_en,
.idx03Box h5.idxTit_jp {
/*text-align: center;*/
}

.idx03Box_list {

}

.idx03Box_list ul {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

.idx03Box_list li {
-ms-flex-preferred-size: 48%;
flex-basis: 48%;
max-width: 48%;
margin-right: 4%;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}

.idx03Box_list li:nth-child(2n) {
margin-right: 0;
}

.idx03Box_list li:nth-child(n+3) {
margin-top: 4%;
}

.idx03Box_h4 {
padding-top: 10px;
text-align: left;
font-size: 1.6rem;
font-weight: 400;
line-height: 30px;
background: #fff;
padding-left: 25px;
}
.idx03Box_h4 span {
position: relative;
}
.idx03Box_h4 span::before {
position: absolute;
top: 0;
bottom: 0;
left: -25px;
display: block;
width: 20px;
height: 2px;
margin: auto;
content: '';
background-color: #028ce4;
}

.idx03Box_list li:hover .idx03Box_h4 {
color: #028ce4;
}

figure.snip1194 {
color: #fff;
position: relative;
overflow: hidden;
/*  margin: 10px;
min-width: 220px;
max-width: 310px;
max-height: 220px;*/
width: 100%;
background: #e7f6ff;
color: #000000;
text-align: center;
}
figure.snip1194 * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.6s ease;
transition: all 0.6s ease;
}
figure.snip1194 img {
opacity: 1;
width: 100%;
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
}
figure.snip1194 figcaption {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: calc(100% - 30px);;
}
figure.snip1194 h2,
figure.snip1194 p {
margin: 0;
position: absolute;
width: 100%;
left: 0;
opacity: 0;
}
figure.snip1194 h2 {
padding: 0 10px;
margin-bottom: 10px;
display: inline-block;
text-transform: uppercase;
font-weight: 400;
color: #028ce4;
font-style: italic;
bottom: 50%;
-webkit-transform: translate3d(0%, -100%, 0);
transform: translate3d(0%, -100%, 0);
}
figure.snip1194 h2 span {
font-weight: 400;
}
figure.snip1194 p {
top: 50%;
padding: 0 5px;
font-size: 0rem;
font-weight: 400;
-webkit-transform: translate3d(0%, 100%, 0);
transform: translate3d(0%, 100%, 0);
}
figure.snip1194 a {
left: 0;
right: 0;
top: 0;
bottom: 0;
position: absolute;
}
figure.snip1194:hover img,
figure.snip1194.hover img {
opacity: 0.2;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
figure.snip1194:hover figcaption h2,
figure.snip1194.hover figcaption h2,
figure.snip1194:hover figcaption p,
figure.snip1194.hover figcaption p {
-webkit-transform: translate3d(0%, 0%, 0);
transform: translate3d(0%, 0%, 0);
}
figure.snip1194:hover figcaption h2,
figure.snip1194.hover figcaption h2 {
opacity: 0.9;
}
figure.snip1194:hover figcaption p,
figure.snip1194.hover figcaption p {
opacity: 0.9;
}


/*--idx04Box---------------*/
.idx04Box {
margin-bottom: 50px;
}

.w1200R {
margin-left: auto;
margin-right: auto;
position: relative;
padding-top: 30px;
width: 96%;
margin: auto;
}

.w1200R::before {
content: "";
position: absolute;
left: -18%;
top: 0;
width: 1500px;
height: 380px;
background: #ebf7fe;
border-top: 2px solid #333;
z-index: -1;
}

.w1200L {
margin-left: auto;
margin-right: auto;
position: relative;
padding-top: 30px;
width: 96%;
margin: auto;
}

.w1200L::before {
content: "";
position: absolute;
right: -18%;
top: 0;
width: 1500px;
height: 380px;
background: #ebf7fe;
border-top: 2px solid #333;
z-index: -1;
}

.idx04Box h4.idxTit_en,
.idx04Box  h5.idxTit_jp{
text-align: center;
}

.idx04BoxIn {
/*display:-webkit-box;
display:-ms-flexbox;
display:flex;*/
margin-bottom: 30px;
}

.rrv {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}

.f_end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}

.idx04BoxIn_txt {
margin-bottom: 20px;
/*padding-right: 60px;*/
position: relative;
}

.idx04BoxIn_tit {
/*position: relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;*/
}

.idx04BoxIn_tit h5 {
text-align: center;
/*-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
-webkit-font-feature-settings: initial;
font-feature-settings: initial;*/
font-size: 2rem;
font-weight: 400;
/*height: 350px;*/
line-height: 1.4;
/*position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
top: 150px;*/
}


.idx04BoxIn_img {

}

.idx04BoxIn_imgIn {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}

.idx04BoxIn_imgIn ul {
margin-left: 10px;
}

.idx04BoxIn_imgIn li:first-child {
margin-bottom: 10px;
}

.w1200L .idx04BoxIn_b p {
/*text-align: right;*/
}


/*--idx05Box---------------*/
.idx05Box {
margin-bottom: 50px;
}

.idx05Box h4.idxTit_en,
.idx05Box h5.idxTit_jp {
text-align: center;
}

.idx05_list {
width: 100%;
margin: auto;
}
.idx05_list ul {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.idx05_list ul.idx05_list-t {
width: 100%;
margin: 0 auto 10px;
}
.idx05_list ul.idx05_list-t li {
-ms-flex-preferred-size: 18%;
flex-basis: 48%;
max-width: 48%;
margin-right: 4%;
}
.idx05_list ul.idx05_list-t li:nth-child(2n) {
margin-right: 0%;
}
.idx05_list ul.idx05_list-t li:nth-child(n+3) {
margin-top: 10px;
}
.idx05_list ul.idx05_list-b li {
-ms-flex-preferred-size: 18%;
flex-basis: 48%;
max-width: 48%;
margin-right: 4%;
}
.idx05_list ul.idx05_list-b li:nth-child(2n) {
margin-right: 0%;
}
.idx05_list ul.idx05_list-b li:nth-child(n+3) {
margin-top: 10px;
}


/*--idx06Box---------------*/
.idx06Box {
width: 96%;
margin: 0 auto 50px;
}

.idx06BoxIn {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
  	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
}

.idx06Box h4.idxTit_en,
.idx06Box h5.idxTit_jp {
color: #fff;
}

.idx06Box_txt {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
background-color: #028ce4;
padding: 20px;
box-sizing: border-box;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}

.idx06Box_img {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
height: 250px;
background: url("../images/index/idx06Box_img01.jpg") center center no-repeat;
background-size: cover;
}

.idx06Box_txtIn-txt h6 {
background-color: #faf221;
padding: 10px;
font-size: 2rem;
font-weight: 500;
display: inline-block;
margin-bottom: 25px;
position: relative;
}

.idx06Box_txtIn-txt h6:before {
content: '';
position: absolute;
display: block;
z-index: 1;
border-style: solid;
border-color: #faf221 transparent;
border-width: 20px 0 0 20px;
bottom: -20px;
left: 10%;
margin-left: -10px;
}


.idx06Box_txtIn-txt p {
color: #fff;
}


/*--idx_box07---------------*/
#idx_box07 {
margin-bottom: 50px;
}

#idx_box07 h4.idxTit_en,
#idx_box07 h5.idxTit_jp {
text-align: center;;
}

.idx_box07In {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
  	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
}

.idx_box07In-box {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}

.idx_box07In-box:nth-child(2) {
padding-top: 50px;
}

.scroll-box {
width: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
height: 200px;
}

.topics {
  width: 100%;
  margin: 0 auto;
}
.topics dl:nth-child(2n+1) {
  background: #fff;
  padding: 20px;
}
.topics dl:nth-child(2n+2) {
  background: #ebf7fe;
  padding: 20px;
}
.topics dl dt {
  /*float: left;*/
  width: 100%;
}
.topics dl dd {
  /*float: right;*/
  width: 100%;
}

.fbBox {
text-align: center;
}



}