@charset "utf-8";
/* *********************************
000:RESET
001:BASIC
002:TEASER
003:
004:
005:
006:
007:
008:
100:RESPONSIVE
999:CLEARFIX
*********************************** */
/* *********************************
/* 000:RESET
*********************************** */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video,hr{
margin:0;padding:0;border:0;font-style:normal;font-weight:400;font-size:100%;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section{display:block;}
html{overflow-y:scroll;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,q:before, q:after{content:'';content:none;}
input, textarea{margin:0;padding:0;}
ul{list-style:none;}
table{border-collapse:collapse; border-spacing:0;}
caption, th{text-align:left;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
input[type="button"],input[type="submit"] {-webkit-appearance: none;}
pre{overflow:auto;white-space:pre-wrap;word-wrap:break-word;}

/* *********************************
/* 001:BASIC
*********************************** */

html,body,input,textarea,select{font-family: 'Sawarabi Mincho', serif;}
.ja{font-family: "Shippori Mincho", serif;}

html{font-size: 62.5%;}
body{margin:0 auto; text-align: left; font-size: 1.4rem; color: #CFCFCF; padding: 0; line-height: 1.0; -webkit-text-size-adjust: 100%; background: #000; transition: all .5s .2s; letter-spacing: 0.05rem;}

strong{font-weight:bold;}
a{text-decoration: none; color: #CFCFCF; transition: all .5s .2s;}
a img{filter: alpha(opacity=100);opacity: 1.0;}
input{border-radius: 0;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
h2,h3,h4,ul,ol{line-height: 1.6em;}
p{line-height: 1.6em; margin-bottom: 1.0em;}
span{line-height: 1.4;}

.flexWrap{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; align-items: center;}
.flexReverse{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; align-items: center; flex-direction: row-reverse;}
.rsp{width: 100%; height: auto;}
.floatL{float: left;}
.floatR{float: right;}


@media screen and (min-width: 840px) {
	body{font-size: 1.6rem;}
}

/* *********************************
/* 002:COMMON
*********************************** */
#main{position: relative;}
.buynow{width: 66px; position: fixed; right: 10px; bottom: -32px;}
.buynow a{position: relative; display: block; cursor: pointer;}
.buynow a img{position: absolute; bottom: 0%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; display: block; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out;}

.buynow a:hover img:nth-of-type(2) {opacity: 0;}


.max840{display: block;}
.min840{display: none;}
.h2{font-size: clamp(2.8rem, 2.267rem + 2.67vw, 4rem); color: #BF9F22; margin-bottom: 0.8em;}
.h2 .ja{display: block; font-size: clamp(1.2rem, 1.111rem + 0.44vw, 1.4rem); color: #FFF; margin-top: 6px;}
.sub{font-size: clamp(1.6rem, 1.511rem + 0.44vw, 1.8rem); line-height: 1.4em; color: #FFF; margin-bottom: 0.5em;}
.block{width: 94%; max-width: 1040px; padding: 12px 0; margin: 0 auto;}
.cap{text-align: right; font-size: 90%; margin: 0.8em 0;}


.cta{width: 100%; background: #1A1A1A; margin: 24px 0}
.cta .inner{max-width: 1040px; padding: 0; margin: 0 auto;}
.cta .mp4Ul{width: 100%;}
.cta .mp4Ul li{width: 33.3%; line-height: 0;}
.cta .vmWrap{width: 80%; max-width: 304px; text-align: center; margin: 0 auto;}
.cta .vmWrap .flexWrap{width: 100%; margin: 0 auto;}
.cta .vmWrap .logo{width: 30%; max-width: 120px;}
.cta .vmWrap .txtWrap{width: 70%;}
.cta .vmWrap  h2{font-family: 'Oswald',sans-serif; font-size: 3.6rem; line-height: 1.2em; font-weight: 500; color: #FFF; margin-bottom: 0.2em;}
.cta .vmWrap .vm a{display: block; width: 196px; font-family: 'Oswald'; font-size: 1.6rem; font-weight: 400; color: #BF9F22; border: solid 1px #BF9F22; background: #000; padding: 8px 0; position: relative; z-index: 0;}
.cta .vmWrap .vm a::after{position: absolute; content: ""; display: block; width: 0; background-color: #BF9F22; top: -2px; left: -2px; bottom: -2px; z-index: -1; transition: width .3s;}
.cta .vmWrap .vm a:hover {color: #fff;}
.cta .vmWrap .vm a:hover::after {width: calc(100% + 4px);}

.slider{scroll-snap-type: x proximity; width: 100%; overflow-x: scroll; display: flex; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; margin: 0 auto; }
.slider > li{scroll-snap-align: center; width: 98%;  height: 100%; flex: none; margin: 0 1%;}
.slider .item-1{scroll-margin: 0 16px;}
.slider .item-2{scroll-margin: 0 16px;}
.slider .item-3{scroll-margin: 0 16px;}




@media screen and (min-width: 840px) {
	.buynow{width: 99px;}
	.max840{display: none;}
	.min840{display: block;}
	.sub{margin-bottom: 0.8em;}
	.cta .mp4Ul{width: 60%;}
	.cta .vmWrap{width: 40%;}
	.cta .vmWrap .vm a{width: 100%;}
	.block{padding: 40px 0;}
	
	.slider{overflow-x: visible;}
	.slider > li{width: 100%; margin: 0;}
}

@media screen and (min-width: 1080px) {
	.cta .vmWrap  h2{font-size: 3.4rem;}
}




/* *********************************
/* 003:HEADER
*********************************** */
#header{width: 100%; background: #000; height: 88px;}
#header .headInner{width: 96%; max-width: 1040px; padding: 16px 0; margin: 0 auto;}
#header .headInner .headLogo{width: 136px;}
#header .headInner .snsUl li{width: 20px; margin: 0 8px;}
#header .headInner .snsUl li:first-child,#header .headInner .snsUl li:last-child{width: 26px;}
#header .headInner .link{font-size: 1.6rem; color: #FFF; text-align: right; margin-right: 8px;}
#header .headInner .link::after{content: ''; background: url("../img/ic_window.png") no-repeat center center; background-size: contain; padding: 7px; margin-left: 8px;}

#footer .footInner{width: 96%; max-width: 1040px; padding: 32px 0; margin: 0 auto;}
#footer .footInner .logo{width: 163px; margin: 0 auto 1.0em;}
#footer .footInner .snsUl{width: 200px; margin: 0 auto;}
#footer .footInner .snsUl li{width: 20px; margin: 0 auto;}
#footer .footInner .snsUl li:first-child,#footer .footInner .snsUl li:last-child{width: 26px;}

/* *********************************
/* 004:
*********************************** */

/* MV */
#main #mv{width: 100%; position: relative; z-index: 1;}
#main #mv #youtubeWrap{width: 100%; position: relative; overflow: hidden; height: inherit; aspect-ratio: 16 / 9;}
#main #mv #youtubeWrap iframe{pointer-events: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 150%; height: 150%;}
#main #mv #youtubeWrap:before{display: block; width: 100%; height: 96px; position: absolute; top: 0px; left: 0; background: linear-gradient(180deg, #000 30%, transparent); content: ""; z-index: 1;}
#main #mv #youtubeWrap:after{display: block; width: 100%; height: 96px; position: absolute; bottom: -8px; left: 0; background: linear-gradient(0deg, #000 30%, transparent); content: ""; z-index: 1;}
#main #mv .ttlWrap{position: absolute; left: 0; top: 35%; width: 100%; z-index: 999;} 
#main #mv .ttlWrap .ttl{width: 96%; max-width: 1040px; font-size: clamp(2rem, 0.222rem + 8.89vw, 6rem); line-height: 1.2em; color: #FFF; text-shadow: 1px 2px 3px #444; margin: 0 auto;}

@media screen and (min-width: 840px) {
	#main #mv #youtubeWrap{width: 100%; height: inherit; aspect-ratio: 16 / 9;}
	#main #mv #youtubeWrap iframe{width: 135%; height: 135%;}

}

/* summary */
.summary .block{width: 98%;}
.summary h2{color: #FFF; font-size: clamp(1.5rem, 0.656rem + 4.22vw, 3.4rem); line-height: 1.2em; margin-bottom: 1.0em;}
.summary h2 span.en{display: block; font-size: clamp(1.2rem, 1.111rem + 0.44vw, 1.4rem); color: #BF9F22; margin-bottom: 0.4em;}
.summary h2 span.ja{display: block; font-size: clamp(1rem, 0.788rem + 0.94vw, 1.4rem);}


.feature{background: #1A1A1A; padding: 10px 0 20px; margin-bottom: 12px;}
.feature .feaUl{max-width: 96%; align-items: stretch; margin: 0 auto;}
.feature .feaUl .feaLi{padding-top: 24px; margin-bottom: 20px;}
.feature .feaUl .feaLi dl{position: relative; border: solid 1px #FFF;}
.feature .feaUl .feaLi dl dt{position: absolute; display: inline-block; background: #1A1A1A; font-size: 1.8rem; color: #BF9F22; top: -0.7em; padding: 0 8px; margin-bottom: 1.0em;}
.feature .feaUl .feaLi dl dd{height: 11.5em; margin: 1.6em 1.0em 1.0em;}
.feature .indUl{width: 48px; margin: 0 auto;}
.feature .indUl li{width: 8px; height: 8px; background: #444; margin: 8px 4px; border-radius: 4px;}
.feature .indUl li.current{background: #CFCFCF;}

.mishima .ytWrap{width: 100%; position: relative; aspect-ratio: 16 / 9; overflow: hidden; margin: 0 0 12px;}
.mishima .ytWrap iframe{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 150%; height: 150%;}
.dwd .innerWrap{border: solid 1px #FFF; padding: 16px;}
.dwd .imgUl{width: 100%;}
.dwd .imgUl li{ width: 48%; margin: 0 1% 12px;}
.dwd h3{color: #FFF; font-size: clamp(1.8rem, 1.444rem + 1.78vw, 2.6rem); line-height: 1.2em; margin-bottom: 1.0em;}
.dwd h3 span{display: block; font-size: clamp(1.2rem, 1.111rem + 0.44vw, 1.4rem); color: #BF9F22; margin-bottom: 0.4em;}
.dwd .hisUl{font-size: 1.3rem; margin-bottom: 20px;}
.dwd .hisUl li span{display: inline-block; width: 4.0rem;}
.dwd .imgWrap{margin-bottom: 0.5em;}
.w-model .wmUl{width: 100%; text-align: center; align-items: stretch; margin-bottom: 1.0em;}
.w-model .wmUl li{width: 100%; border: solid 1px #FFF; background: #1A1A1A; padding: 16px 8px; margin-bottom: 12px;}
.w-model .wmUl dl{width: 70%; margin: 0 auto;}
.w-model .wmUl dl dt{display: block; color: #FFF; border-radius: 20px; padding: 4px 12px; margin-bottom: 8px;}

.w-model .wmUl .dl01 dt{background: #424242;}
.w-model .wmUl .dl02 dt{background: #BF9F22; border-radius: 30px;}
.w-model .wmUl dl dd{color: #FFF;}
.w-model .wmUl dl dd span{display: block; font-family: 'Oswald'; font-weight: 700; color: #BF9F22;}
.w-model ol{margin: 1.0em 2.0em;}

.community .imgWrap{margin-bottom: 1.0em;}

.benefit .logoWrap{width: 90%; max-width: 360px; margin: 0 auto 2.0em;}
.benefit .pcImg{display: none;}
.benefit .bftUl{margin: 2.0em 1.0em;}
.benefit .bftUl li{margin-bottom: 1.0em;}
.benefit .bftUl li dl dt{font-size: clamp(1.8rem, 1.694rem + 0.47vw, 2rem); margin-bottom: 0.2em;}
.benefit .bftUl li .bftDl_01 dt::before{content: ''; background: url("../img/ic_discount.png") no-repeat center center; background-size: contain; padding: 12px; margin-right: 8px;}
.benefit .bftUl li .bftDl_02 dt::before{content: ''; background: url("../img/ic_community.png") no-repeat center center; background-size: contain; padding: 12px; margin-right: 8px;}
.benefit .bftUl li .bftDl_03 dt::before{content: ''; background: url("../img/ic_mail.png") no-repeat center center; background-size: contain; padding: 12px; margin-right: 8px;}
.benefit .bftUl li .bftDl_04 dt::before{content: ''; background: url("../img/ic_event.png") no-repeat center center; background-size: contain; padding: 12px; margin-right: 8px;}

.products .h2{line-height: 1.4; margin-bottom: 0;}
.products .prodUl{width: 100%; margin: 2.0em auto;}
.products .prodUl .prodLi{width: 80%; margin: 0 10%;}
.products .prodUl .prodLi .imgWrap{margin-bottom: 1.0rem;}
.products .prodUl .prodLi h3{font-size: 1.8rem; color: #FFF; margin-bottom: 1.0em;}
.products .prodUl .prodLi h3 span{display: block; font-size: 1.2rem; color: #BF9F22;}
.products .prodUl .prodLi .txt{font-size: 1.4rem; margin-bottom: 2.0em;}
.products .prodUl .prodLi h4{font-size: 1.4rem; color: #BF9F22;}
.products .prodUl .prodLi h4::before{content: ''; background: url("../img/ic_w.png") no-repeat center center; background-size: contain; padding: 10px; margin-right: 6px;}
.products .awdUl{width: 100%;}
.products .awdUl li{width: 100%; margin-bottom: 0.6em;}
.products .awdUl li dl{line-height: 1.4em;}
.products .awdUl li dl dt{font-size: 1.2rem;}
.products .awdUl li dl dd{font-size: 1.2rem;}

.products .prodUl::before{content: ''; color: #BF9F22; position: sticky; top: 15%; background: url("../img/ic_left.png") no-repeat; background-size: cover; width: 4.5px; height: 7px; padding: 5px;}
.products .prodUl::after{content: ''; color: #BF9F22; position: sticky; top: 15%; background: url("../img/ic_right.png") no-repeat; background-size: cover; width: 4.5px; height: 7px; padding: 5px;}
.products .prodUl::before{left: 2%;}
.products .prodUl::after{right: 2%;}


#funds{background: #1A1A1A;}

.market .flexReverse{margin-bottom: 2.0em;}
.market .flexReverse .imgWrap{margin-bottom: 1.0em;}

#partners{background: #1A1A1A;}
.partners h3{font-size: clamp(1.6rem, 1.388rem + 0.94vw, 2rem); color: #FFF;}
.partners dl{line-height: 1.4em; margin-bottom: 2.0em;}
.partners dl dt{margin-bottom: 0.2em; font-size: 90%;}
.partners .sub{margin-bottom: 0.2em;}

.roadmap .year{font-size: clamp(1.6rem, 1.176rem + 1.88vw, 2.4rem); color: #BF9F22; margin-bottom: 0.2em;}
.roadmap ul{width: 100%;}
.roadmap ul li{margin-bottom: 1.0em;}
.roadmap dl{display: table; margin-left: 2.0em;}
.roadmap dl dt{display: table-cell; width: 4.0rem;}
.roadmap dl dd{display: table-cell;}


#whiskeyandco{background: #1A1A1A;}
.company .cmpUl{ margin: 1.0em;}
.company .cmpUl li{margin-bottom: 1.0em;}
.company .cmpUl h3{width: 100%; font-size: 1.6rem; color: #BF9F22; margin-bottom: 0.2rem;}
.company .cmpUl .txtWrap dl{margin-bottom: 0.4em;}
.company .cmpUl .txtWrap li{margin-bottom: 0.4em;}
.company .cmpUl .txtWrap li a::after{content: ''; background: url("../img/ic_window.png") no-repeat center center; background-size: contain; padding: 6px; margin-left: 8px;}
.company .cmpUl .txt{width:100%; margin: 0 0 0.2em 0;}
.company .cmpUl .cap{font-size: 90%; margin-left: 1.0em;}

.staff .stfUl .stfLi{padding: 32px 16px; }
.staff .stfUl .stfLi .inner{width: 90%; margin: 0 auto;}
.staff .stfUl .stfLi:first-child{border-bottom: solid 1px #FFF;}
.staff .stfUl .stfLi:last-child {border-top: solid 1px #FFF;}
.staff .stfUl .stfLi .imgWrap{width: 100%;}
.staff .stfUl .stfLi .txtWrap{width: 100%;}
.staff .ceoUl .ceoLi{margin-bottom: 1.0em;}
.staff .awdUl li{width: 100%; list-style: disc; margin: -1.0em 0 0 1.2em;}
.staff .profDl{width: 100%; align-items: flex-start;}
.staff .profDl dt{width: 20%;}
.staff .profDl dd{width: 80%; line-height: 1.4em;}
.staff .name{width: 100%; color: #BF9F22; font-size: clamp(1.8rem, 1.694rem + 0.47vw, 2rem); line-height: 1.2em; margin-bottom: 0.8em;}
.staff .name span{display: block; font-size: 1.2rem; color: #FFF;}
.staff .caDl dt{float: left; width: 25%;}
.staff .caDl dd{float: left; width: 75%;}
.staff .flexWrap,.staff .flexReverse{width: 100%; margin-bottom: 1.0em;}
.staff .imgWrap{width: 90%; margin: 0 auto 1.0em;}
.staff .txtWrap{width: 90%; margin: 0 auto;}

.company-name .imgWrap{width: 100%; margin-bottom: 1.0em;}
.company-name .txtWrap{width: 100%;}

#key3{color: #FFF;}
#key3 .key3Ul{width: 100%; margin: 2.0em auto;}
#key3 .key3Ul .key3Li{width: 80%; margin: 0 10%;}
#key3 .key3Ul .key3Li .imgWrap{margin-bottom: 1.0rem;}
#key3 h2{font-size: 2.0rem; color: #FFF; margin-bottom: 0;}
#key3 .limited{font-size: 90%;}
#key3 .method{font-size: 1.2rem; text-align: center; margin-bottom: 0.6em;}
#key3 .buy{display: inline-block; width: 100%; background: #000; position: relative; color: #BF9F22; font-size: 80%;  text-align: center; z-index: 2; padding: 4px; margin:0 auto;}
#key3 .buy:before{content: ''; position: absolute; top: 50%; width: 100%; height: 1px; background-color: #BF9F22; right: 0; z-index: -1;}
#key3 .buy span{width: 8.0em; display: inline-block; color: #BF9F22; background: #000; font-weight: 800;}
#key3 .buyUl{padding-bottom: 1.0em; margin-bottom: 1.0em; position: relative;} 
/*#key3 .buyUl:after{content: ''; position: absolute; bottom: 0; width: 100%; height: 1px; background-color: #FFF; right: 0; z-index: -1;}*/
#key3 .buyUl li{width: 48%; text-align: center; margin: 0 1%;}
#key3 .buyUl li a{display: block; color: #FFF; font-size: 1.5rem; letter-spacing: 0.05em; border: solid 1px #FFF; background: #1A1A1A; padding: 6px 12px; bottom: 0;}
#key3 .buyUl li a{display: block; color: #FFF; font-size: 1.5rem; letter-spacing: 0.05em; border: solid 1px #FFF; background: #1A1A1A; padding: 6px 12px; bottom: 0;}
#key3 .buyUl li a:hover{border: solid 1px #BF9F22; color: #BF9F22; background: #1A1A1A;}
#key3 .bftOl{width: 100%; padding: 0 0 2.0em 1.55em;}
#key3 .bftOl li{font-size: 1.5rem; line-height: 1.4em; margin-bottom: 1.0em;}
#key3 .bftDl dt{font-size: 1.6rem; margin-bottom: 0.2em;}
#key3 .bftDl dd{font-size: 1.4rem;}
#key3 .bftDl_01 dt::before{content: ''; background: url("../img/ic_discount.png") no-repeat center center; background-size: contain; padding: 10px; margin-right: 8px;}
#key3 .bftDl_02 dt::before{content: ''; background: url("../img/ic_community.png") no-repeat center center; background-size: contain; padding: 10px; margin-right: 8px;}
#key3 .bftDl_03 dt::before{content: ''; background: url("../img/ic_mail.png") no-repeat center center; background-size: contain; padding: 10px; margin-right: 8px;}
#key3 .bftUl li .bftDl_04 dt::before{content: ''; background: url("../img/ic_event.png") no-repeat center center; background-size: contain; padding: 10px; margin-right: 8px;}
#key3 .bftUl li{margin-bottom: 1.0em;}
#key3 .bftDl dt{font-size: 1.6rem; margin-bottom: 0.2em;}
#key3 .bftDl dd{font-size: 1.4rem;}

#key3 .buyUl-2 li{width: 48%; text-align: center; margin: 0 1%;}
#key3 .buyUl-2 li a{display: block; color: #FFF; font-size: 1.5rem; letter-spacing: 0.05em; border: solid 1px #BF9F22; background: #BF9F22; padding: 6px 12px; bottom: 0;}

#notice{background: #1A1A1A;}
.notice ul li{list-style: disc; margin: 0 0 0.6em 1.0em;}
.notice .innerBlock{margin-bottom: 3.0em;}

#key3 .key3Ul::before{content: ''; color: #BF9F22; position: sticky; top: 12%; background: url("../img/ic_left.png") no-repeat; background-size: cover; width: 4.5px; height: 7px; padding: 5px;}
#key3 .key3Ul::after{content: ''; color: #BF9F22; position: sticky; top: 12%; background: url("../img/ic_right.png") no-repeat; background-size: cover; width: 4.5px; height: 7px; padding: 5px;}
#key3 .key3Ul::before{left: 2%;}
#key3 .key3Ul::after{right: 2%;}

@media screen and (min-width: 480px) {
	.feature .feaUl .feaLi dl dd{height: 8.5em;}
	.products .slider{overflow-x: visible; flex-wrap: wrap;}
	.products .prodUl{width: 100%;}
	.products .prodUl .prodLi{width: 47%; margin: 0 1.5% 20px;}
	.products .prodUl::before{display: none;}
	.products .prodUl::after{display: none;}
	#key3 .key3Ul::before{display: none;}
	#key3 .key3Ul::after{display: none;}
}

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

	.benefit .logoWrap{width: 30%; margin-left: 2%}
	.benefit .txtWrap{width: 68%;}
	.benefit .spImg{display: none;}
	.benefit .pcImg{display: block;}
}

@media screen and (min-width: 640px) {
	.feature .feaUl .feaLi dl dd{height: 6.5em;}

	.mishima .ytWrap{width: 48%; margin: 0 1% 12px;}
	.mishima .ytWrap-single{width: 100%;}
}
@media screen and (min-width: 840px) {
	#key3 .key3Ul .key3Li{width: 29%; margin: 0 2.5% 20px;}
	#legacy .feaUl{display: block;}
	.feature .feaUl .feaLi dl dd{height: inherit;}
	.feature .indUl{display: none;}
	.dwd .flexReverse{margin-bottom: 20px;}
	.dwd .imgUl{width: 40%; margin-left: 2%;}
	.dwd .txtWrap{width: 58%;}
	.dwd .imgUl li{width: 100%; margin-bottom: 4px;}
	.dwd .imgWrap{width: 40%; margin-right: 2%;}
	.w-model .wmUl li{width: 48%; margin: 0 1%;}
	.w-model .wmUl .dl01 dd{margin-top: 24px;}
	.w-model .wmUl .dl02 dt{border-radius: 20px;}
	.pricing .txtWrap{width: 53%;}
	.pricing .imgWrap{width: 45%; margin-left: 2%;}
	.products .prodUl .prodLi{width: 30%; margin: 0 1.5% 2.0em;}
	.products .leadWrap{width: 40%;}
	.products .txtWrap{width: 58%; margin-left: 2%;}
	
	.market .imgWrap{width: 40%; margin-left: 2%;}
	.market .txt{width: 58%;}
	.roadmap h2{width: 40%;}
	.roadmap ul{width: 58%; margin-left: 2%;}
	
	.company .cmpUl .flexWrap{align-items: flex-start;}
	.wcompany .cmpUl h3{width: 20%;}
	.company .cmpUl .txtWrap{width: 80%;}
	
	.staff{font-size: 1.4rem;}
	.staff .name{margin-bottom: 1.2em;}
	.staff .imgWrap{width: 40%;}
	.staff .txtWrap{width: 58%; margin-right: 2%;}
	.staff .stfUl .stfLi .imgWrap{width: 40%; margin: 0;}
	.staff .stfUl .stfLi .txtWrap{width: 58%;}
	.staff .stfUl .stfLi:first-child .txtWrap,.staff .stfUl .stfLi:last-child .txtWrap{margin: 0 0 0 2%;}
	.company-name .imgWrap{width: 40%; margin-left: 2%;}
	.company-name .txtWrap{width: 58%;}
} 

@media screen and (min-width: 1080px) {
	.staff .txtWrap{font-size: 1.5rem;}
}





/* *********************************
/* 999:CLEARFIX
*********************************** */
.clearfix:after{content:".";display:block;clear:both;height:0;visibility:hidden;}
.clearfix{min-height:1px;}
* html .clearfix{height:1px;}