@charset "UTF-8";


/*************************************************************************
　　　　　　　　　M O B I L E
*************************************************************************/

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

*{
	-webkit-appearance: none;
	border-radius: 0;
	}


 html ,body{
	color: #111111;
	font-size: 3.46666666666667vw;
	}

body{
	overflow:visible!important;
	}

html{
	overflow-x: hidden;
	}

.wrapper{
	text-align:center;
	opacity:1;
	transition: .5s ease-in-out;
	overflow:hidden
	}


#container{
	overflow:hidden;
	}


h3{
	margin:0;
	padding:0;
	}

.contentBox h3{
	font-size:3.46666666666667vw;
	font-weight:700;
	line-height:1.8rem;
	}


strong{font-weight:400;}

#container{	overflow:hidden	}

.contentsTxt{
	font-size:3.46666666666667vw;
	text-align:left;
	font-weight:400;
	letter-spacing:0.05em;
	line-height:24px;
	}

.mob{display:block!important}
.mobiL{display:inline-block!important}
.pc{display:none!important}
em.pc{}

em.mob{display:block}

h2,h3{
	font-size:3.46666666666667vw;
	font-weight:700;
	}

h3{
	font-family: "NotoR Sub";
	}


/*************************************************************************
　　　　　　　　　 H E A D E R
*************************************************************************/

.mobhead01{
	height: 100vh; /* 変数をサポートしていないブラウザのフォールバック */
	height: calc(var(--vh, 1vh) * 100);
	width:100%;
	display:flex;
	 justify-content:center;
	align-items:center;
	}

@media screen and (-webkit-min-device-pixel-ratio:0) {
_::-webkit-full-page-media, _:future, :root .mobhead01{
		height: auto; /* 変数をサポートしていないブラウザのフォールバック */
	}
}

/**logo fade**/



.header01{
	height: 100vh; /* 変数をサポートしていないブラウザのフォールバック */
	height: calc(var(--vh, 1vh) * 100);
	width:100vw;
	margin:0;
	display:flex;
	flex-wrap:wrap-reverse;
	}

.header01 .innerBox{
	width:100vw;
	height: 100vh; /* 変数をサポートしていないブラウザのフォールバック */
	height: calc(var(--vh, 1vh) * 100);
	box-sizing: border-box;
	}

.header01 .leftBox{
	background-size: 19px 20px;
	display: block;
	align-items: normal;
	justify-content: center;
	padding: 6vw 5vw 0 0;
	height: 23.1481481481481vh;
	line-height: 7vw;
	}

.header01 .rightBox{
	height:76.8518518518518vh;
	box-sizing: border-box;
	}

h1.header_catch{
	text-align:right;
	font-size:3.46666666666667vw;
	letter-spacing:.2rem;
	font-weight:400;
	}

.header02{
	background:linear-gradient(-90deg, rgba(0, 165, 206, 0.8), rgba(22, 51, 112, 0.8)), url(../img/bg_00.png) no-repeat;
	background-blend-mode: multiply;
	background-size:cover;
	height:443px;
	max-height:443px;
	}

.Headbar {
	display:none
}

/*************************************************************************
　　	  HEADER NAVI
*************************************************************************/

header#top-head{
	display: block;
	position:absolute;
	z-index:999;
	}

.top-head-inner{
	width:100%;
	}

#head-bg{
	height: 18vw;
	width: 100vw;
	display: none;
	position:fixed;
	}

#global-nav{
	margin: 80px auto;
	}

nav a {
	width: 100%;
	margin: 0 auto;
	padding: 25px 2%;
	margin-bottom: 0;
	}

h1.sitename{
	width: 50.2688vw;
	height: 11.7241vw;
	left: 3vw;
	top: 4vw;
	}

.Headbar h1.sitename{
	width: 36vw;
	height: 8.4vw;
	left: 3vw;
	top: 5vw;
	}

.Headbar .telNum:before {
	display: inline-block;
	content: ' ';
	height: 20px;
	width: 17px;
	background: url(../img/icon_telephone.svg) no-repeat;
	top: 4px;
	right: 3px;
	position: relative;
	}

.logoSmall {
    width: 36vw;
    max-height: 100%;
    display: block;
	}

.open h1.sitename{
	display:block!important;
	background:url(../img/logo_komatsu_50th_W.svg);
	}

.copy{
	display:none;
	}

.inner{
	width: 100%;
	font-size: 3.4vw;
	line-height: 2.1em;	
	}
	

/* Toggle Button */
#nav-toggle {
	display: block;
	position: fixed;
	right: 15px;
	top: 15px;
	z-index: 101;
	width:40px;
	height:40px;
	border:solid 1px #111;
	box-sizing: border-box;
	cursor: pointer;
	}

.inner{
	width: 100%;
	font-size: 3.4vw;
	line-height: 2.1em;	
	}
	
#nav-toggle div {
	position: relative;
	width: 50px;
	margin:25% 0;
	}

#nav-toggle span{
	display: block;
	position: absolute;
	height: 1px;
	width: 16px;
	background: #111;
	left: 22%;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
	}

#nav-toggle span:nth-child(1) {top: 3px;}
#nav-toggle span:nth-child(2) {top: 9px;}
#nav-toggle span:nth-child(3) {top: 15px;}

	/* #nav-toggle 切り替えアニメーション */

.open #nav-toggle {
	border:solid 1px #FFF;
	background:transparent;
	}

.open #nav-toggle span:nth-child(1) {
	top: 10px;
	-webkit-transform: rotate(315deg);
	-moz-transform: rotate(315deg);
	transform: rotate(315deg);
	background: #fff;
	}

.open #nav-toggle span:nth-child(2) {
	width: 0;
	background: #fff;
	left: 50%;
	}

.open #nav-toggle span:nth-child(3) {
	top: 10px;
	background: #fff;
	-webkit-transform: rotate(-315deg);
	-moz-transform: rotate(-315deg);
	transform: rotate(-315deg);
	}


.scroll-prevent {
  /*動き固定*/
  position: fixed;
  /*奥行きを管理*/
  z-index: -1;
  /*下2つで背景を元のサイズのまま表示することができる*/
  width: 100%;
  height: 100%;
}


/* ***********************************************************
* #global-nav
* *********************************************************** */


.open #global-nav {
	z-index: 100;
	visibility: visible;
}

#global-nav {
	visibility: hidden;
	position: fixed;
	display: block;
	vertical-align: middle;
	color: #fff;
	top: 0;
	height: 100%;
	width: 100%;
	text-align: center;
	font-size: 13px;
	}

#global-nav ul {
	display: block;
	vertical-align: middle;
	list-style: none;
}
#global-nav a {
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 5vw 0;
}

/* ***********************************************************
* nav-list
* *********************************************************** */

/* ***********************************************************
* #nav-bg
* *********************************************************** */
#nav-bg {
  content: "";
  width: 2000px;
  height: 2000px;
  margin-right: -1000px;
  margin-top: -1000px;
  top: 40px;
  right: 40px;
  display: block;
  position: fixed;
  background: transparent;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all .4s ease-out;
  transition: all .4s ease-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: scale(.02);
  transform: scale(.02);
}

.open #nav-bg {
  background: #272e79;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all .8s ease-out;
  transition: all .8s ease-out;
}

.SecondPage .contentBox {
	margin-top: 0;
}


.Headbar {
	height: 18.933vw;
	position: fixed;
	top:0;
	display: block;
	}

.Headbar .telNum,
.Headbar .BtnContact{
	display: none;
	}

.logoMob .sitename{
	display: block;
	}

.SecondPage .logoSmall {
	width: 46.4vw;
	height: 100%;
	margin-left:0;
	}


/*************************************************************************
　　	 T O P
*************************************************************************/

#pageIndex #nav-toggle {
	top: 4vw;
	}

#pageIndex .Headbar {
	top: -160px;
	}

#pageIndex .Headbar.manudown{
	top: 0;
	}

#pageIndex .FixedMenu.Btm {
	display: flex;
	}

#pageIndex .Btm .logoSmall {
	display: inline-block;
	width: 46.2667vw;
	margin-right: 3vw;
}

#pageIndex .Btm .Pagename{
	width: 46.2667vw;
	height: 100%;
	margin-left:0
}

#pageIndex .Btm .BtnContact {
	color: #111;
	background: #FDD000;
	}


h1.header_catch {
	text-align: left;
	font-size: 5.3333vw;
	letter-spacing: .05rem;
	line-height:8vw;
	font-weight: 700;
	top:32.9333vw;
	}

.header01 .mainImg {
	right: 2.6667vw;
	bottom: 40vw;
	position: absolute;
	width: 50.769vw;
	height: 37.61vw;
	}

.header01 .mainImg.expands {
	width: 94.6667vw;
	height: 70vw;
	}

#global-nav.PcTop {
	display: none;
	}

#pageIndex a.arrow01 {
	position: absolute;
	left: 50%;
	bottom: 15%;
	}


/*************************************************************************
　　	 T O P - -  GraphicalMenu
*************************************************************************/

.GraphicalMenu {
	background: url(../img/page_1_bg02.svg), linear-gradient(to right, #FFF, #cacaca);
	background-image: ;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	text-align: justify;
	box-sizing: border-box;
	padding: 60px 0 70px 0;
	height: auto;
	}

.GraphicalMenu h2 {
	font-size: 5.8667vw;
	font-weight:700;
	letter-spacing: 0;
	line-height: 8.5333vw;
	}

.GraphicalMenu.contentBox h3 {
	font-size: 3.7333vw;
	font-weight: 400;
	line-height: 6vw;
	margin:9.3333vw 6.538vw;
	}

.GraphicalMenu .menuBox {
	position: relative;
	}

.menuboxs {
	max-width: 100%;
	display: flex;
	flex-direction:column;
	}

.menuBox {
	display: block;
	width: 84vw;
	height: 77.333vw;
	border: solid 0.5333vw #FFF;
	font-size: 3.7333vw;
	padding: 8.6667vw 6.1333vw;
	line-height: 5.8667vw;
	margin:0 auto;
	}

.menuBox span {
	width: 100%;
	padding: 2vw 0;
	margin: 3.4667vw 0 4.8vw 0;
	font-size: 4.8vw;
	font-weight: 700;
	}

.menuBox01,
.menuBox02,
.menuBox03,
.menuBox04,
.menuBox05 {
	top: 0;
	left: 0;
	margin-bottom: 18vw;
	}

.menuBox01{	order:1;	}
.menuBox02{	order:2; height:;	}
.menuBox03{	order:4; height:72.2667vw;	}
.menuBox04{	order:3; height:82.8vw;	}
.menuBox05{	order:5; height:99.3333vw;	}

.menuBox h4 {
	width: 70.1333vw;
	height: 16vw;
	}

.menuBox .moreBtn{
	position: absolute;
	border: solid 1px #111;
	background: none;
	color: #111;
	width: 33.3333vw;
	font-size: 2.9333vw;
	padding: 1vw 0;
	right: 6vw;
	bottom: -2vw;
	}

.menuBox b {
	background: #FDD000;
	font-size: 4vw;
	padding: 1vw;
	}

.menuBox01{
	letter-spacing: -.07vw;
	}

.menuBox03 b{
	margin-top:5.3333vw;
	}

.menuBox.menuBox04 span {
	margin: 3.2vw 0;
	}

.menuBox04 b{
	margin-bottom:4.6667vw;
	}

.menuBox05{
	margin-bottom:0;
	}


.menuBox.menuBox05 span{
	margin: 12px 0 5px 0;
	}

.menuBox05 img {
	width: 100%;
	height: auto;
	margin-top: 14px;
	}

.menuBox .moreBtn{
	display:block;
	}

.menuBox.menuBox05 span.moreBtn{
	margin:0;
	right: 6vw;
	bottom: 6vw;
	}

.menuBox.menuBox01 span.moreBtn{
	bottom: -1.5vw;
	}

.menuBox01::before,
.menuBox02::before,
.menuBox03::before,
.menuBox04::before{
	width: 2px;
	height: 18.4vw;
	top: 100%;
	left: 50%;
	}

.menuBox05::before{
	display:none
	}

.menuboxs .img04{
	display:none
	}

.menuboxs .img01, .menuboxs .img02, .menuboxs .img03{
	position: absolute;
	z-index: +5;
	left:2.6667vw;
	}

.menuboxs .img01{width:38vw; height:28.133vw;top: 63vw;}
.menuboxs .img02{width:47.066vw; height:36.133vw;top: 262vw;}
.menuboxs .img03{width:48.93vw; height:28.53vw;top: 161vw;}


/*************************************************************************
　　	 T O P - -  YELLOW BOX
*************************************************************************/

.YellBoxs {
	display: block;
	flex-wrap: wrap;
	}

.YellBox {
	height: auto;
	padding-bottom:8.6667vw;
	}

.YellBox .innerBox span{
	text-align:left;
	}

.YellBox.halfBox:nth-of-type(1),
.YellBox.halfBox:nth-of-type(2) {
	width:100%;
	margin: 0;
	}

.contentBox.YellBoxs h3 {
	font-size: 3.7333vw;
	}

.YellBox .icon {
	width: 22vw;
	height: 22vw;
	margin: 8.6667vw auto 7.3333vw auto;
	}

.YellBox span, .YellBox h4 {
	width: 84vw;
	display: block;
	font-size: 3.7333vw;
	text-align:center;
	margin-bottom:0;
	}

 .YellBox h4 {
	width:auto;
	line-height:6vw;
	}

.YellBox.fullBox span,
.YellBox.fullBox h4 {
	width: 84vw;
	letter-spacing: 0;
	margin: 0px auto 40px auto;
	padding: 0;
	}

.YellBox.fullBox h4 {
	width: 84vw;
	text-align:left;
	line-height:6vw;
	letter-spacing:.02vw;
	background: url("../img/TOP_icon_05.png") no-repeat 34vw top;
	background-size: 57%;
	background-position-y: 6px;
	letter-spacing: -0.05rem;

	}

_::-webkit-full-page-media, _:future, :root .YellBox.fullBox h4 {
	width: 84vw;
	text-align:left;
	line-height:6vw;
	letter-spacing: -0.05rem;
	}


/*************************************************************************
　　	 T O P - -  CompanyProf
*************************************************************************/

.CompanyProf {
	margin: 14.6667vw auto 8vw auto;
	}

.CompanyProf h2::after{
	margin: 3px auto 4.6667vw auto;
	}

.CompanyProf h2 {
	font-size: 3.4667vw;
	}

.CompanyProf .innerBox {
	font-size: 3.7333vw;
	}

.CompanyProf ul {
	max-width: 100%;
	text-align: left;
	margin: 0 2.6667vw 0 8vw;
	line-height: 6vw;
	padding:0
	}

.CompanyProf ul b {
	display: inline-block;
	width: 24vw;
	}

.CompanyProf ul li span{
	display: inline-block;
	width: 65vw;
	}

.mclmn{
	display: flex;
	vertical-align:top;
	}


/*************************************************************************
　　	 T O P - -  Company History
*************************************************************************/

.CompanyHis {
	background-size: 190%;
	margin: 8.6667vw auto 0 auto;
	padding-top: 34.6667vw;
	background-position: -60.5vw 0;
	}

.CompanyHis h2 {
	font-size: 3.4667vw;
	}

.CompanyHis h2::after{
	margin: 0.6667vw auto 4.6667vw auto;
	}

.CompanyHis h3::after {
	margin: 3px auto 9.3333vw auto;
	}

.CompanyHis .innerBox {
	font-size: 3.4667vw;
	background: url(../img/CompanyHis_bg01.svg) top;
	background-size: cover;
	padding: 8.6667vw 0 15vw 0;
	}

.CompanyHis ul {
	width: 89.3333vw;
	line-height: 6vw;
	background: url(../img/bar_vertical.png) no-repeat;
	background-position: 19.6vw 15px;
	background-size: 2px auto;
	padding:0;
	box-sizing: border-box;
	}

.CompanyHis ul b{
	display: inline-block;
	width: 24vw;
	font-weight: 400;
	background: url(../img/ball_h.svg) no-repeat;
	background-position: 0.5vw 2vw;
	background-size: 145px 12px;
	}

.CompanyHis ul li span {
	display: inline-block;
	width: 65vw;
	}


/*************************************************************************
　　	 T O P - -  Associate
*************************************************************************/


.Associate {
	display: block;
	padding: 0;
	background: #FFF;
	text-align: center;
	}

.Associates h2 {
	font-size: 3.4667vw;
	}

.Associates h2::after{
    content:' ';
    display: block;
    width: 27px;
    border-bottom: solid 1px #111;
    margin: 3px auto 4.6667vw auto;
	}

.Associates .innerBox {
	padding: 10vw 0 14.9333vw 0;
	}

.Associate .TxtBox {
	font-size: 3.2vw;
	text-align: justify;
	box-sizing: border-box;
	padding:0 5.3333vw 4vw 5.3333vw;
	background: #FFF;
	margin: 0 auto;
	}

.Associate a:hover .as_banner {
	-webkit-transform: scale(1);
	transform: scale(1);
	}

/*************************************************************************
　　	 2nd PAGES PRODUCTS
*************************************************************************/

.PagePrd .Headbar {
	top: -160px;
	background: #FFF;
	}

.PagePrd .Headbar.manudown {
	top: 0;
	transition: 0.3s ease-out;
	}

.PagePrd h1.sitename {
	background: url(../img/logo_komatsu_50th.svg);
}

.Headbar .telNum{
	display: block;
}

.Headbar .telNum {
	top: 23px;
	right: 70px;
	position: absolute;
	font-size: 4.9333vw;
	font-family: "Arial Narrow", "Arial";
	font-family: 'Archivo Narrow', sans-serif!important;
	font-weight: 700;
	color:#111;
}

#pageFLR .manudown .telNum:before,
#pageCP .manudown .telNum:before{
	display: inline-block;
	content: ' ';
	height: 5.06vw;
	width: 3.6vw;
	background: url(../img/icon_telephone.svg) no-repeat;
	top: 3px;
	right: 3px;
	position: relative;
}

.PagePrd .manudown #nav-toggle.Wht {
	border: solid 1px #111;
	}

.PagePrd .manudown #nav-toggle.Wht span {
	background: #111;
	}

.PagePrd .open .manudown #nav-toggle.Wht span {
	background: #FFF;
	}

#pageCP .FixedMenu.Btm,
#pageFLR .FixedMenu.Btm {
	display: flex;
	}

.SecondPage .Btm .logoSmall {
	display: inline-block;
	width: 46.2667vw;
	margin-right: 3vw;
}

#pageCP .Btm .Pagename,
#pageFLR .Btm .Pagename {
	width: 46.2667vw;
	height: 100%;
	margin-left:0
}

#pageIndex .FixedMenu.Btm .BtnContact,
#pageCP .FixedMenu.Btm .BtnContact,
#pageFLR .FixedMenu.Btm .BtnContact {
	height: 8.6667vw;
	width: 33.333vw;
	display: flex;
	justify-content: center;
	flex-direction: column;
	color: #111;
	font-size: 2.9333vw;
	margin:0 8.333vw 0 3vw;
position: static;
	}


/*************************************************************************
　　	 C P
*************************************************************************/

#pageCP .scrollBox {
	background: linear-gradient(to top, #FFF, #cacaca);
}

#pageCP .FixedMenu {
	height: 18.934vw;
	}

#pageCP .Pagename {
	width: 46.4vw;
	height: 100%;
	margin-left:2.6667vw;
	}

#pageCP .FixedMenu .telNum{
	display:none
	}

#pageCP .header01 {
	height: calc(100vh - 18.934vw);
	display:block;
	background: url(../img/mob/CP_mainImg.jpg) no-repeat;
	background-size: contain;
}

#pageCP .header01 .leadBox {
	width: 100vw;
	background: #FFF;
	padding: 9.3333vw 2.6667vw;
	box-sizing: border-box;
	margin-top: 63vw;
}

#pageCP .header01 .leadBox b {
	font-size: 3.7333vw;
	font-weight:400;
}
#pageCP .header01 .leadBox span {
	font-size: 3.2vw;
}

#pageCP a.arrow01 {
	left: 51%;
	bottom: 16%;
	}

#pageCP .titleBox {
	padding: 9.3333vw 0 45px 0;
	position: relative;
}

#pageCP h2,
#pageCP h3{
	font-size: 3.4667vw;
	}

#pageCP	h2::after {
	width: 5.3333vw;
	border-bottom: solid 1px #111;
	margin: 3px auto 4.6667vw auto;
}

#pageCP .coburg .txtBox {
	font-size: 3.4667vw;
	line-height: 6vw;
	padding: 6.6667vw 2.6667vw;
	text-align:left
}

.WORLDWIDE {}

#pageCP .WORLDWIDE .img06 {
	width: 100vw;
	margin-bottom: 13.3333vw;
}

#pageCP .analysis .titleBox {
	padding: 6.6667vw 2.6667vw;
	box-sizing:border-box;
}

.parenthesis {
	min-width: 100%;
	width: 100%;
	padding: 5px;
	box-sizing: border-box;
}

#pageCP .analysis .titleBox h2 {
	margin: 0 auto 3vw auto;
	font-weight: 400;
	font-size: 4.8vw;
}
#pageCP .analysis .titleBox h3{
	margin: 0 auto 3vw auto;
	font-weight: 400;
	font-size: 8vw;
}

#pageCP .analysis .titleBox h3::after {
	border-bottom: solid 8px #FDD000;
	width: 54%;
	height: 8px;
	left: 23%;
	bottom: -9px;
	}

#pageCP .analysis .chart01 {
	width: 89.3333vw;
	margin: 60px auto 11vw auto;
}

#pageCP .analysis b {
	display: block;
	font-size: 5.3333vw;
	padding-bottom: 11vw;
}

#pageCP .chart02, #pageCP .chart03 {
	width: 94.6667vw;
}

#pageCP .casestudy h4 {
	font-size: 3.7333vw;
	border-left: solid #231815 2vw;
	padding-left: 2.1333vw;
	text-align: left;
	margin:12vw 0 5vw 2.6667vw;
}

#pageCP .casestudy h4:nth-of-type(1){
	margin-top:0;
	}


#pageCP .productList .PBoxies {
	display: flex;
	flex-wrap: wrap;
	flex-direction:column;
	background: linear-gradient(#FFF, #CACACA ) fixed;
	position: relative;
}

#pageCP .PBox {
	width: 100%;
	height: 54.2667vw;
 }

#pageCP .productList h4 {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 14.4vw;
	padding:0;
	top: 0;
	z-index: 3;
	font-size: 3.7333vw;
	font-weight: 400;
}

.PBox:after {
	background: url(../img/CP_Product01.png);
	background-repeat: no-repeat;
	background-position: center 100%;
	background-size: 70.8vw;
}

#pageCP .productList b {
	font-size: 5.3333vw;
	margin: 16vw auto;
	display: block;
	line-height:8.6667vw;
}

.PBoxModal {
	font-size: 14px;
	box-sizing: border-box;
	z-index: 9999;
	position:fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
	}
#pageCP .productList .PBoxModal h4 {
	background: #111;
	justify-content: flex-start;
	position: static;
	padding-left: 8vw;
	font-size: 3.7333vw;
	text-align:left
}

.PBoxModal h5 {
	font-size: 4.8000vw;
}

.PBoxModal span {
	font-size: 3.7333vw;
}

.PBoxModal ul{
	margin: 0;
	padding: 0;
	text-indent: -16px;
	padding-left: 16px;
	}

.PBoxModal.M02,
.PBoxModal.M03,
.PBoxModal.M04,
.PBoxModal.M05,
.PBoxModal.M06,
.PBoxModal.M07,
.PBoxModal.M08{	margin-left:0;	margin-top: 0;}

.PBoxModal.M01 h5,
.PBoxModal.M02 h5,
.PBoxModal.M03 h5,
.PBoxModal.M04 h5,
.PBoxModal.M05 h5,
.PBoxModal.M06 h5,
.PBoxModal.M07 h5,
.PBoxModal.M08 h5{	padding:0 8vw 6vw 8vw;}

.PBoxModal.M01 h5{	padding-top: 30vw;}
.PBoxModal.M02 h5{	padding-top: 40vw;}
.PBoxModal.M03 h5{	padding-top: 33vw;}
.PBoxModal.M04 h5{	padding-top: 40vw;}
.PBoxModal.M05 h5{	padding-top: 35vw;}
.PBoxModal.M06 h5{	padding-top: 30vw;}
.PBoxModal.M07 h5{	padding-top: 40vw;}
.PBoxModal.M08 h5{	padding-top: 40vw;}

.PBoxModal.M01 span,
.PBoxModal.M02 span,
.PBoxModal.M03 span,
.PBoxModal.M04 span,
.PBoxModal.M05 span,
.PBoxModal.M06 span,
.PBoxModal.M07 span,
.PBoxModal.M08 span{	padding:0 8vw;}

#pageCP .productList .btnClose {
	right: 20px;
	top: 20px;
	width: 3.2vw;
	height: 3.2vw;
	}

#pageCP .productList .btnClose:before,
#pageCP .productList .btnClose:after {
	width: 3.2vw;
	border-top: 1px solid #FFF;
}


/*************************************************************************
　　	 F  L R
*************************************************************************/

#pageFLR .FixedMenu {
	height: 18.934vw;
	}

#pageFLR .Pagename {
	background: url(../img/flr_Logo_FLR.svg) no-repeat center center;
	width: 46.4vw;
	height: 100%;
	margin-left:2.6667vw;
	}

#pageFLR .FixedMenu .telNum,
.PagePrd .BtnContact{
	display:none
	}

#pageFLR .header01 .leadBox {
	width: 100vw;
	padding: 50px 0;
	box-sizing: border-box;
	}

#pageFLR .header01 .leadBox b {
	font-size: 4.8vw;
	line-height: 8vw;
	margin-bottom: 15.2vw;
}

#pageFLR .header01 .leadBox span {
	font-size: 3.4667vw;
	display: block;
	width: 100vw;
	margin: 0 auto;
	line-height: 1.7rem;
}

#pageFLR .header01 .leadBox i {
	font-size: 3.4667vw;
	text-align: center;
}

#pageFLR .header01 .leadBox a.arrow01 {
	top: 102vw;
	}

#pageFLR h2::after {
	margin: 3px auto 4vw auto;
	}

#pageFLR .header01 {
	display: block;
	}
#pageFLR .header01 .innerBox {
	padding: 4.5vw 0 0 0;
	}

.AnimeSlick{
	height:42vh;
	}

#pageFLR .mainImg01{
	position:relative;
	bottom:0;
	}

#pageFLR .mainImg01::after{
	content:"";
	display:block;
	width:100%;
	background:#fdd000;
	height:50vh;
	}


/*************************************************************************
　　	 F  L R  -  M E R R I T
*************************************************************************/

.MERRIT h2 {
	margin: 0 auto;
	font-size: 3.4667vw;
}


#pageFLR .MERRIT h3 {
	font-size: 3.4667vw;
	margin-bottom:12vw;
	}

.MERRIT h4 {
	font-size: 5.3333vw;
	line-height: 9.3333vw;
	letter-spacing: .1rem;
	}

.MERRIT h4 em::after {
	margin: -15px auto 0 auto;
	}

.MERRIT .txtBlock {
	width: 100vw;
	display: block;
	flex-wrap: wrap;
	margin: 50px auto;
	align-items: center;
	justify-content: center;
}

.MERRIT .txtBox {
	width: 54.6667vw;
	height: 13.6vw;
	font-size: 3.4667vw;
	padding: 0;
	}


.MERRIT .txtBox:nth-of-type(1) {
	margin:0 0 4vw 2.6667vw;
	letter-spacing: 0;
}

.MERRIT .txtBox:nth-of-type(2) {
	margin:4vw 0 0 42vw;
	letter-spacing: 0;
}




.MERRIT .txtBox:nth-of-type(1):after {
	left: calc( 30% - 2.6665vw ) ;
	top:100%;
	border-width: 8vw 2.6665vw 0 2.6665vw;
	border-color: #000111 transparent transparent transparent;
	}

.MERRIT .txtBox:nth-of-type(2):before {
	left: calc( 30% - 2.6665vw ) ;
	top:-50%;
	border-width:0 2.6665vw 8vw 2.6665vw;
	border-color: transparent transparent #000111 transparent;
	}

.MERRIT .img01 {
	width: 84vw;
	height: 42.6667vw;
}

.MERRIT .img02 {
	width: 89.0667vw;
	height:60.1333vw;
	margin: 20px 0 0 -25px;
}

.MERRIT .txtBlock.block2 .txtBox img {
	margin-bottom: 5.0667vw;
}

.MERRIT .icon01 {
	width: 19.0667vw;
	margin-bottom: 9vw;

}

.MERRIT .txtBlock.block2 {
	width: 94.2667vw;
	margin:0 auto;
	padding-bottom: 16vw;
	}

.MERRIT .txtBlock.block2 .txtBox,
 .MERRIT .img03, .MERRIT .img04{
	display: block;
	width: 90.6667vw;
	height:auto;
	font-size: 3.7333vw;

	}

.MERRIT .txtBlock.block2 .txtBox:nth-of-type(2){
	margin: 54vw 0 0 2.6667vw;
	}

.MERRIT .txtBlock.block2 .deco_arrow {
	background: url(../img/mob/flr_icon01.svg) no-repeat;
	width: 29.7333vw;
	height: 51.4667vw;
	top: 64.3333vw;
	left: calc( 50% - 15vw);
	position: absolute;
	text-indent: -9999px;
}




/*************************************************************************
　　	 F  L R  -  M O V I E S
*************************************************************************/

.SecondPage .contentBox.MOVIES{
	margin-top:13.3333vw;
	
	}

.MOVIES .txtBlock {
	width: 94.6667vw;
	display: block;
	margin: 50px auto;
	align-items: center;
	justify-content: center;
}

.MOVIES .txtBlock.block1 .txtBox:nth-of-type(1), .MOVIES .txtBlock.block1 .txtBox:nth-of-type(2), .MOVIES .txtBlock.block1 .txtBox:nth-of-type(3) {
	width: 100%;
	max-width: none;
}

.MOVIES .txtBox {
	display: block;
	position: relative;
	box-sizing: border-box;
	margin: 6.6667vw 0;
	width: 100%;
	}

.MOVIES .txtBlock.block2 .txtBox {
	width: 94.6667vw;
	text-align: center;
}

.MOVIES .txtBlock.block2 .txtBox:nth-of-type(2) {
	display: flex;
	width: 94.6667vw;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.MOVIES .txtBlock.block2 span {
	font-size: 4.8vw;
	margin-bottom: 12.6667vw;
	display: block;
}

.MOVIES .txtBlock.block2 h5 {
	font-size: 8.5333vw;
	margin: 2.1333vw 0;
	line-height:12vw;
}

.MOVIES .txtBlock.block2 b {
	font-size: 3.4667vw;
	position: absolute;
	left: 0;
	top: 8vw;
}

.MOVIES .txtBlock.block2 .deco_nonstop {
	background: url(../img/flr_img08.svg) no-repeat;
	background-size: 63.0667vw 63.0667vw;
	}

.MOVIES .txtBlock.block2 .deco_nonstop.expands {
	animation: anim-scale 0.5s ease-out;
	width: 63.0667vw;
	height: 63.0667vw;
	margin: 0 auto;
	}

.MOVIES .txtBlock.block2 .img09 {
	width: 94.6667vw;
	margin:10vw auto 0 auto;
}

.MOVIES .txtBlock.block2 {
	padding-bottom:0;
	}

.iziModal{
	max-width: 90vw!important;
	height:50vw!important;
	}

.iziModal .iziModal-iframe{
	height:50vw!important;
	}

/*************************************************************************
　　	 F  L R  -  C A S E S T U D I E S
*************************************************************************/

.CASESTUDIES {
	padding: 9.3333vw 0 15px 0;
	background: radial-gradient(circle at top, #FAFAFA 0vw , #D5D5D5 80vw);
	}

.CASESTUDIES .innerBox {
	width: 94.6667vw;
	margin: 0 auto;
	}

.CASESTUDIES .innerBox h4 {
	width: 94.6667vw;
	margin: 0 auto 5.3333vw 0;
	padding: 1vw 0 1vw 2vw;
	border-left: solid 2vw #111;
	font-size: 3.7333vw;
}

.CASESTUDIES .innerBox b {
	font-size: 3.3333vw;
	left: 5.3333vw;
	top: 8vw;
	padding: 5px 23px;
	}

.CASESTUDIES img {
	width: 77.3333vw;
	height: auto;
	display: block;
	margin: 0 auto;
	}

.CASESTUDIES .innerBox b:nth-of-type(even) {
	left: 5.3333vw;
	top: 74vw;
	}

.CASESTUDIES .txtBlock div:nth-of-type(odd):after {
	content: '';
	display:block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5.0667vw 2.9333vw 0 2.9333vw;
	border-color: #111 transparent transparent transparent;
	margin: 7.3333vw auto;
}

.CASESTUDIES .txtBlock {
	display: block;
	margin-bottom: 5.333vw;
	}



/*************************************************************************
　　	 F  L R  -  A C H I E V E M E N T S
*************************************************************************/

.ACHIEVEMENTS .innerBox {
	width: 100%;
	max-width: 94.6667vw;
	font-size: 3.7333vw;
	}
.ACHIEVEMENTS .innerBox span{
	text-align:left
}

.ACHIEVEMENTS .innerBox h4 {
	font-size: 3.4667vw;
	}

.ACHIEVEMENTS .txtBlock {
	padding: 45px 0 0 0;
	}

.ACHIEVEMENTS .txtBlock:nth-of-type(2)  {
	padding: 45px 0 45px 0;
	}

.ACHIEVEMENTS .txtBlock b {
	font-size: 3.2vw;
	}

.ACHIEVEMENTS .txtBlock img {
	width: 57.6vw;
	margin-top: 3vw;
	}

/*************************************************************************
　　	 F  L R  -  C O M P A R I S O N
*************************************************************************/

.COMPARISON .innerBox h5 {
	font-size: 5.3333vw;
	line-height: 12vw;
	}

#pageFLR .COMPARISON .innerBox h5 em {
	font-size:8.5333vw;
}

#pageFLR .COMPARISON .innerBox h5 em::after {
	margin: -4vw auto 0 auto;
	width: 50vw;
	}

.COMPARISON .chartBox{
	width: 97vw;
	overflow:scroll;
	margin-left:3vw;
	position:relative;
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch
	}

.COMPARISON .chart{
	width: 200vw;
	height: 734px;
	position:relative;

	}

.clm01,.clm02,.clm03,
.clm04,.clm05{
	height: 733px;
	}

.clm01 {
	width:67px;
	position:-webkit-sticky;
	position: sticky;
	z-index:6;
	top:0;
	left:0;
	height: 733.4px;
	}
.clm02 {width:175px;
	position: -webkit-sticky;
	position: sticky;
	z-index:5;
	top:0;
	left:64px;
	}
.clm03 {width:172.5px;}
.clm04 {width:124.5px;}
.clm05 {width:214px;}

/*************************************************************************
　　	 F  L R  -  M A D E  I N  F I N
*************************************************************************/

.madeinFin {
	padding: 13.3vw 2.6667vw;
	box-sizing:border-box;
	color: #FFF;
	font-size: 3.4vw;
}

.madeinFin b{
	font-size: 3.2vw;
}

.madeinFin .img16 {
	width: 28vw;
}

.madeinFin .txtBlock {
	padding: 2vw 6vw;
	margin-bottom: 3vw;
	width: 100%;
	height: 26.6667vw;
	font-size: 3.2vw;
	line-height: 4.2667vw;
	}

.madeinFin .innerBox .txtBlock:nth-of-type(2) {
	padding: 2vw 6vw;
}

#pageFLR .madeinFin h4 {
	font-size: 8.5333vw;
	margin: 6.6667vw auto 9.3333vw auto;
}

.madeinFin .innerBox h5 {
	font-size: 3.4667vw;
	}

.madeinFin .innerBox .txtBlock:nth-of-type(2) h5 {
	margin-bottom: 2vw;
	}

.madeinFin .innerBox h6 {
	font-size: 4vw;
	}

.madeinFin .img17 {
	width: 28.2667vw;
	position: absolute;
	top: 30%;
	right: 10vw;
}

/*************************************************************************
　　	  A C C E S S
*************************************************************************/

#access .contentBox {
	margin-top: 18.933vw;
}

#access .access .innerBox {
	height: 33.334vw;
	display: flex;
	justify-content: center;
	flex-direction: column;
}

#access .Headbar .telNum {
	display:none
}

#access h2::after {
	margin: 1.8667vw auto 4.667vw auto;
	}

#Gmap{
	width:100%;
	height:80vw;
	}

#mapWrapper{position:relative;}

#access .MainMap {
	height: 52.93vw;
	}

#access .GmapBtn {
	margin: 40px auto 50px auto;
	font-size: 3.466vw;
	display: flex;
	justify-content: center;
	flex-direction: column;
	width: 46.667vw;
	height:8.666667vw;
	padding:0;
	}

#access .MapBlock .txtBox {
	width:84vw;
	}

#access .MapBlock .txtBox div{
	margin-left:21.6vw;
	font-size: 3.7333vw;
	}

#access .MapBlock .txtBox h3{
	font-size: 4vw;
	}

#access .MapBlock .txtBox span {
	font-size: 3.7333vw;
	text-align:center;
	margin: 7.733vw auto 6.666vw auto;
	}

#access .LogoBtn {
	width: 17.86667vw;
	height: 9.46667vw;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	}

#access .MapBlock .txtBox .telNum {
	font-size: 8vw;
	text-align:center;
	}

#access .MapBlock .txtBox .telNum i{
	display:block;
	height:0
	}

#pageIndex .FixedMenu.Btm,
.FixedMenu.Btm.manuUp{
	bottom:0;
	transition:0.3s ease-out;
	position: fixed;
	background:#111;
	width:100vw;
	height:14.6667vw;
	overflow:hidden;
	display:flex;
	justify-content: space-around;
	align-items: center;
	opacity:1;
	}

#pageIndex .FixedMenu.Btm{
	justify-content: flex-end;
	}

#pageIndex .FixedMenu.Btm .BtnContact{
	margin: 0 2.6667vw 0 3vw;
	}


.FixedMenu.Btm,
.open .FixedMenu.Btm,
.open .FixedMenu.Btm.manuUp{
	transition: 0.3s ease-out;
	display:none;
	opacity:0;
	}

.FixedMenu.Btm .telNum{
	color:#FFF;
	font-size:5.6vw;
	display:block;
	position:static;

	}

.Btm .telNum:before {
	display: inline-block;
	content: ' ';
	height: 5.06vw;
	width: 3.6vw;
	background: url(../img/icon_telephone_W.svg) no-repeat;
	top: 3px;
	right: 3px;
	position: relative;
	}

#access .FixedMenu.Btm .BtnContact{
	background:#fdd000;
	position:static;
	height:8.6667vw;
	width:33.333vw;
	display:flex;
	justify-content: center;
	flex-direction: column;
	color:#111;
	font-size:2.933vw;
	margin-left:13.333vw;
	}

#access .offices {
	margin: 26.6667vw auto 0 auto;
	display: flex;
	width: 84vw;
	align-items: center;
	flex-direction :column-reverse;
	}

#access .offices:nth-of-type(1) {
	margin: 13.33vw auto 0 auto;
	}

#access .offices h4 {
	margin: 0 0 10px 0;
	font-weight: 400;
	font-size:4vw;
}

#access .offices div {
	width: 84vw;
	display: inline-block;
	font-size: 3.73vw;
	position:relative;
	}

#access .SubMap {
	width: 84vw;
	height: 150px;
	margin:5vw 0 0 0;
	border: none;
	}

#access .branch .GmapBtn {
	margin: 10px auto;
	position: absolute;
	top: 65vw;
	left: calc(50% - 46vw/2);
	}

/*************************************************************************
　　	  C O N T A C T
*************************************************************************/

#pageCONTACT .header01 {
	display: block;
	margin: 28.8vw 0 2.6667vw 0;
	}

#pageCONTACT .FixedMenu.Btm.manuUp{
justify-content: space-around;
	color:#FFF;
	}

#pageCONTACT .Headbar .telNum {
	display:none
}

#pageCONTACT h2 {
	font-size: 3.7333vw;
	}

#pageCONTACT h2::after {
	margin: 3px auto 4.6667vw auto;
	}

#pageCONTACT h3 {
	margin-bottom: 9.333vw;
	font-size: 3.46666666666667vw;
	}

#pageCONTACT .header01 .innerBox {
	padding: 6.67vw 20px 25vw 20px;
	margin:0 auto;
	width:94.6666666666667vw;
	}

#pageCONTACT  .FixedMenu.Btm{
	display:none;
	}

#pageCONTACT  .FixedMenu.Btm.manuUp{
	display:flex;
	}

table.mailform tr th,
table.mailform tr td {
	width: 100%;
	position: relative;
	vertical-align: baseline;
	padding-top: 2vw;
	display: block;
	}

table.mailform tr td {
	padding-left:0;
	font-size: 3.7333vw;
	}

table.mailform tr td div{
	width: 85vw!important;
	line-height: 9.3333vw;
	align-items:center
	}

table.mailform tr td div div{
	width: 80vw!important;
	}

.full_1line{
	width: 83.733vw;
	height: 9.333vw;
	}

.half_1line {
	width: 39.333vw;
	height: 9.333vw;
	}

.prefcodeWrapper{
	position:relative
	}

.prefcodeResult{
	margin: -20px 0 5px 5px;
	}

input {
	box-sizing:border-box;
	}

table.mailform input {
    font-size: 3.7333vw;
	}

::-webkit-input-placeholder{
	line-height:5.5vw;
	padding-left:10px;
	}

::-moz-placeholder {
	line-height:5.5vw;
	padding-left:10px;
	}

.Labels {
	padding: 0 10px 0 20px;
	width: 48%;
	display: inline-block;
	box-sizing:border-box;
	}

.Labels.PP{
	width: 70%;
	}

textarea {
	width: 83.733vw;
	height: 53.333vw;
	margin-bottom: 6.6667vw;
	border: solid 1px #A3A3A3;
	}

.inquiryContent {
   height: 21.333vw;
 	}

.submitTxt div{
	flex-direction :column-reverse
	}

#pageCONTACT.thnx .header01 .innerBox {
	padding: 8vw 2.6667vw;
	height: 40vh;
	}

table.mailform tr th, table.mailform tr td {
	font-size: 3.7333vw;
	}

input {
    border: solid 1px #A3A3A3;
    margin: 0;
    margin-bottom: 6.6667vw;
    line-height: 1.2rem;
    padding-left: 1.3333vw;
}

table.mailform tr:nth-of-type(3) th, table.mailform tr:nth-of-type(4) th {
    padding-top: 2vw;
}

.resetBTN, .sendBTN, #mfp_button_send, #mfp_button_cancel {
    width: 62.6667vw;
    height: 10.6667vw;
	marign:4vw auto;
    font-size: 3.7333vw!important;
	}

.mfp_err {
    font-size: 2.9333vw;
    margin-top: -8vw;
}

#mfp_confirm_table th, #mfp_confirm_table td {
    font-size: 3.7333vw;
    padding: 10px 0;
}

#mfp_overlay {
height: 77vh;
    top: 21.933vw!important;
	}

#mfp_overlay_inner {
    margin: 0 auto 20vw auto;
    width: 90%;
    text-align: left;
    background: #FFF;
    padding:2.6667vw;
}

#mfp_confirm_table {
    width: 100%;
	}

#mfp_confirm_table .mfp_colored{
	vertical-align:top;
	}

/*#th_mfp_element_19,
#td_mfp_element_19,
#th_mfp_element_26,
#td_mfp_element_26{
	display:block;
	}*/





/*************************************************************************
　　	  P R I V A C Y   P O L I C Y
*************************************************************************/

#pagePrivacyPolicy .PPTxt {
	margin: 28.8vw 0 2.6667vw 0;
	}

#pagePrivacyPolicy .Headbar .telNum {
	display:none
}


#pagePrivacyPolicy h2,
#pagePrivacyPolicy h3 {
	font-size: 3.4667vw;
	}

#pagePrivacyPolicy h2::after {
	margin: 3px auto 4.6667vw auto;
	}

#pagePrivacyPolicy h3 {
	margin-bottom: 9.333vw;
	}

#pagePrivacyPolicy .PPTxt .innerBox {
	font-size: 3.7333vw;
	line-height: 6.6667vw;
	padding: 6.67vw 20px 5vw 20px;
	margin: 0 auto;
	width: 94.6666666666667vw;
	text-align: justify;
	}

.PPTxt ul li{
	font-size: 3.4667vw;
	text-align:justify;
	}

.PPTxt ul li ul {
	padding-left: 4vw;
	text-align:justify;
	}

.PPTxt ul li ul li:before{
	content:"・";
	display:inline-block;
	margin-left:-4vw;
	}

#pagePrivacyPolicy .PPTxt.BPP {
	margin: 70px 0 22.8vw 0;
	}


#pagePrivacyPolicy .FixedMenu.Btm .BtnContact {
	background: #fdd000;
	position: static;
	height: 8.6667vw;
	width: 33.333vw;
	display: flex;
	justify-content: center;
	flex-direction: column;
	color: #111;
	font-size: 2.933vw;
	margin-left: 13.333vw;
	}

.BtnContact:hover::after,
.PagePrd .BtnContact:hover::after{
	left: 0;
	background-color: transparent;
	}

/*************************************************************************
　　	  F O O T E R
*************************************************************************/
.PagePrd .Btm .BtnContact{
	display:block;
	}

.FOOTER {
	padding: 9.3vw 0 20vw 0;
}


.FOOTER .innerBox {
	display: block;
	letter-spacing: 0;
	}

#access .contentBox.FOOTER {
	padding-top: 10vw;
}

.FOOTER .BoxLeft {
	width:50.4vw;
	text-align: left;
	font-size: 2.6667vw;
	margin: 0 auto;
	line-height:4.4vw;
	}

.Logo_KMT {
	width: 100%;
	height: auto;
	margin-bottom:10px;
	}

#pageIndex .FOOTER h2,
#pageCP .FOOTER h2,
#pageFLR .FOOTER h2,
#pageCONTACT .FOOTER h2,
#access .FOOTER h2,
#pagePrivacyPolicy .FOOTER h2{
	font-size: 3.33vw;
	line-height:4.94vw;
	letter-spacing: .04rem;
	}

#pageIndex .FOOTER h2,
#pageCP .FOOTER h2,
#access .FOOTER h2 {
	letter-spacing: -.04rem;
	}

.FOOTER .BoxRight {
	width:100vw;
	text-align: center;
	font-size: 2.667vw;
	display: block;
	margin-right: 0;
	}

.FOOTER .BoxRight .TxtBox {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	}

.FOOTER .BoxRight .btnSns{
	margin:25px 18px 10px 18px
	}

.FOOTER .BoxRight .btnPP {
	width:100vw;
	font-size: 3.733vw;
	font-weight:700;
	}

/*************************************************************************
　　	  F O O T E R
*************************************************************************/

.openApp a{
	font-size:14px;
	line-height:2.6rem;
	}

.contactBtn a:before {
	display: block;
	position: absolute;
	content: "";
	top: 50%;
	right: 3vw;
	width: 6px;
	height: 12.5px;
	margin-top: -6px;
	background: url("../img02/Btn_arrow.svg") no-repeat top;
	background-size:12px 25px;
}

.contactBtn:hover a:before {
	background: url("../img02/Btn_arrow.svg") no-repeat top;
	background-size:12px 25px;
}

.eff-1{
	display:none
	}

.openApp .eff-1{
	display:none
	}


.contactBtn:hover .eff-1,
.openApp:hover .eff-1{
	display:none
	}

.contactBtn:hover a,
.openApp:hover a,
.openApp a:hover{
	color:#111;
	}

a.ppbtn{
	color:#FFF;
	text-decoration:none;
	}

.modal {
	pointer-events: none;
	opacity: 0;
	transition: opacity 0.3s;
	position: fixed;
	top: 20vw;
	left: 0;
	right: 0;
	max-width: 90vw;
	max-height: 80vh;
	margin: 0 auto;
	padding: 8vw 4vw;
	background: #fff;
	border-radius: 4px;
	box-shadow: 0 3px 10px rgba(0,0,0,0.3);
	overflow:scroll;
	z-index:1000;
	text-align:justify;
	box-sizing:border-box;
 -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}

.modal-close-btn{
	display:block;
	position: fixed;
	margin:0;
	width: 4px;
	height: 26px;
	right: 10.5vw;
	top: 22.5vw;
	}

.modal-close-btn:before{
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: -11px;
	width: 26px;
	height: 4px;
	margin-top: -2px;
	background: #000;
	}

/** Overlay */
.overlay {
	pointer-events: none;
	opacity: 0;
	transition: opacity 0.3s;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index:5;
	background-color: rgba(0,0,0,0.3);
	}

/** JS */
.is-visible {
	opacity: 1;
	pointer-events: auto;
	}


.bx-wrapper {
	-moz-box-shadow:none!important;
	-webkit-box-shadow:none!important;
	box-shadow: none!important;
	border: none!important;
	margin-bottom: 0!important;
	}


}/***END max-width:767px ***/


/*************************************************************************
　　　　　　　　　M O B I L E
*************************************************************************/