@import url('https://fonts.googleapis.com/css?family=Raleway:500,700');

@import url('https://fonts.googleapis.com/css?family=Archivo+Narrow:700|Pragati+Narrow:700');

@font-face {
		font-family: "NotoR Sub" ;
				src: url('../font/NotoSansCJKjp-Regular_SUB.woff') format('woff');
	}

@font-face {
		font-family: "NotoM Sub" ;
				src: url('../font/NotoSansCJKjp-Medium_SUB.woff') format('woff');
	}

html ,body{
	height:100%;
	font-family:"Noto Sans Japanese", "NotoR Sub" ,"Helvetica Neue", Helvetica, 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "Helvetica Neue", Helvetica, Arial, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:400;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #111;
	font-size: 14px;
	line-height: 1.5;
	letter-spacing:0.03rem;
	box-sizing: border-box;
	text-align: justify;
	text-justify: inter-ideograph;
	}

html{	overflow-x: hidden;	}

i{	font-style:normal;	}

a{	text-decoration:none;
	color:inherit;
	}

ul{
	list-style:none;
	}

h1,h2,h3,h4{
	margin:0;
	padding:0;
	}

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

strong{font-weight:400;}

#container{	overflow:hidden	}

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

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

.preOpenhide{display:none!important}


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

.header01{
	height:100vh;
	width:100vw;
	margin:0;
	display:block;
	position:relative;
	}

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

.header01 .innerBox{
	width:100vw;
	height:100vh;
	box-sizing: border-box;
	display:block;
	align-items:center;
	max-width:1000px;
	margin: 0 auto;
	text-align:left
	}

.header01 .mainImg{
	right:60px;
	bottom :60px ;
	position:absolute;
	width:40vw;
	height:30vw;
	}

.header01 .leftBox{
	}

h1.header_catch{
	font-family: 'NotoR Sub', sans-serif;
	font-size:2.461vw;
	font-weight:700;
	text-align:left;
	letter-spacing:.2rem;
	margin:0;
	position:absolute;
	left:6.538vw;
	bottom:50%;
	}

a.arrow01 {
	position:absolute;
	left:310px;
	bottom:45%;
	}

a.arrow01 span {
	position: absolute;
	top: 0;
	left: 50%;
	width: 24px;
	height: 24px;
	margin-left: -12px;
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-animation: sdb 2s infinite;
	animation: sdb 2s infinite;
	opacity: 0;
	box-sizing: border-box;
}

a.arrow01 span:nth-of-type(1) {
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
}
a.arrow01 span:nth-of-type(2) {
	top: 16px;
	-webkit-animation-delay: .15s;
	animation-delay: .15s;
}
a.arrow01 span:nth-of-type(3) {
	top: 32px;
	-webkit-animation-delay: .3s;
	animation-delay: .3s;
}

@-webkit-keyframes sdb {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@keyframes sdb {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}


.mobhead01 .arrowBottom{
	display:none;
	}

.Headbar{
	background:#FFF;
	height:106px;
	width:100%;
	position:fixed;
	top:-160px;
	}

.PagePrd .Headbar{
	background:#111;
	}

#pageCP .FixedMenu.Btm,
#pageFLR .FixedMenu.Btm{
	background:#111;
	width:100%;
	height:70px;
	position:fixed;
	bottom:-70px;
	z-index:10;
	}

#animate0{
	transition:	1s ease-in-out;
	}

#animate1{
	transition:	0.3s ease-out;
	}

.header01 .mainImg.expands {
	width:50.7692307692308vw;
	height:37.6153846153846vw;
	}

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

.open .Headbar.manudown{
	display:none;
	}

#pageCP .FixedMenu.Btm.manuUp,
#pageFLR .FixedMenu.Btm.manuUp{
	bottom:0;
	text-align:right;
	transition:	0.3s ease-out;
	}

.Headbar .sitename{
	position:relative;
	top:20px;
	}

.telNum{
	top:38px;
	right:300px;
	position:absolute;
	font-size:26px;
	font-family:"Arial Narrow", "Arial";
	font-family: 'Archivo Narrow', sans-serif!important;
	font-weight:700;
	}

.PagePrd .telNum{
	color:#FFF;
	}

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

.BtnContact{
	text-align:center;
	font-family:"Raleway";
	font-size:16px;
	font-weight:700;
	color:#FFF;
	height:50px;
	width:150px;
	background:#282F78;
	box-sizing:border-box;
	padding:13px;
	top:30px;
	right:110px;
	position:absolute;
	z-index: 2;
	overflow: hidden;
	}

.PagePrd .BtnContact{
	color:#111;
	background:#FDD000;
	}

.BtnContact::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
	}

.BtnContact,
.BtnContact::after{
	-webkit-transition: all .3s;
	transition: all .3s;
	}

.BtnContact::after {
	top:0px;
	left: -100%;
	width: 100%;
	height: 100%;
	}

.BtnContact:hover{	color:#111;	}

.BtnContact:hover::after {
	left: 0;
	background-color: #FDD000;
	}

.PagePrd .BtnContact:hover{	color:#FFF;	}

.PagePrd .BtnContact:hover::after {
	left: 0;
	background-color: #282F78;
	}




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

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

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


#global-nav.PcTop{
	display:flex;
	visibility:visible;
	background:#fdd000;
	height:60px;
	top : -webkit-calc(100vh - 60px) ;
	top : calc(100vh - 60px) ;
	position:absolute;
	}

#global-nav.PcTop ul {
	display:flex;
	}

#global-nav.PcTop ul li {
	opacity: 1;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-outt;
	}

#global-nav.PcTop ul li a {
	color:#000;
	margin-right:50px;
	padding:0;
	position: relative;
	display: inline-block;
	text-decoration: none;
	width:auto;
	font-weight:700;
	}

#global-nav.PcTop ul li a::after {
	position: absolute;
	bottom: -4px;
	left: 0;
	content: '';
	width: 100%;
	height: 2px;
	background: #333;
	transform: scale(0, 1);
	transform-origin: left top;
	transition: transform .3s;
}

#global-nav.PcTop ul li a:hover::after {
	transform: scale(1, 1);
}

#head-bg{
	display:none;
	}

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

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

.logoBtn{
	overflow:hidden;
	}

h1.sitename{
	background:url("../img/logo_komatsu_50th.svg");
	max-width:342px;
	max-height:80px;
	width:26.3076923076923vw;
	height:6.15384615384615vw;
	font-size:10px;
	text-indent:-9999px;
	position:absolute;
	left:6.538vw;
	top:67px;
	z-index: 120;
	}

.open h1.sitename{
	display:none
	}

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

.manudown h1.sitename{
	max-width:283px;
	max-height:66px;
	}

.logoSmall{
	max-width:284px;
	max-height:100%;
	display:block;
	}

.SecondPage .logoSmall{
	width:316px;
	height:100%;
	max-width:316px;
	max-height:100%;
	margin-left: 50px;
	}

.SecondPage .Btm .logoSmall{
	display:inline-block;
	width:215px;
	margin-right:85px;
	}

.copy{
	font-size:10px;
	transform:rotate(-90deg);
	position:fixed;
	left:-70px;
	top:50%;
	}

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

#nav-toggle.Wht {
	border:solid 1px #FFF;
	}

#nav-toggle.Wht.Blk{
	border:solid 1px #000;
	}

#nav-toggle div {
	position: relative;
	width: 50px;
	margin:25% 0;
	}

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

#nav-toggle.Wht span{
	background: #FFF;
	}
#nav-toggle.Wht.Blk span{
	background: #000;
	}

#nav-toggle span:nth-child(1) {top: 4px;}
#nav-toggle span:nth-child(2) {top: 11px;}
#nav-toggle span:nth-child(3) {top: 18px;}

.inner{
	width: 100%;
	font-size: 3.4vw;
	line-height: 2.1em;	
	}
	
/* ***********************************************************
* #global-nav
* *********************************************************** */


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

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

#global-nav ul {
	display: block;
	vertical-align: middle;
	list-style: none;
}

#global-nav a {
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 10px 0;
	font-family:Raleway;
	font-weight:500;
}

/* ***********************************************************
* nav-list
* *********************************************************** */
#global-nav ul li {
	opacity: 0;
	-webkit-transition: all .1s ease-out;
	transition: all .1s ease-outt;
	}

.open #global-nav ul li {
	opacity: 1;

	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;

	-webkit-transition-delay: .1s;
	transition-delay: .1s;
	}

.open #global-nav ul li:nth-child(2) {
	-webkit-transition-delay: .2s;
	transition-delay: .15s;
	}
.open #global-nav ul li:nth-child(3) {
	-webkit-transition-delay: .3s;
	transition-delay: .2s;
	}
.open #global-nav ul li:nth-child(4) {
	-webkit-transition-delay: .4s;
	transition-delay: .25s;
	}
.open #global-nav ul li:nth-child(5) {
	-webkit-transition-delay: .5s;
	transition-delay: .3s;
	}
.open #global-nav ul li:nth-child(6) {
	-webkit-transition-delay: .6s;
	transition-delay: .35s;
	}
.open #global-nav ul li:nth-child(7) {
	-webkit-transition-delay: .7s;
	transition-delay: .4s;
	}
.open #global-nav ul li:nth-child(8) {
	-webkit-transition-delay: .8s;
	transition-delay: .45s;
	}
.open #global-nav ul li:nth-child(9) {
	-webkit-transition-delay: .9s;
	transition-delay: .5s;
	}
.open #global-nav ul li:nth-child(10) {
	-webkit-transition-delay: 1s;
	transition-delay: .55s;
	}
.open #global-nav ul li:nth-child(11) {
	-webkit-transition-delay: 1s;
	transition-delay: .6s;
	}

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

.open #nav-toggle {
	border:solid 1px #FFF !important;
	}

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

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

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

.wrapper.open{
	opacity:0;
	transition: .5s ease-in-out;
	}

/* ***********************************************************
* #nav-bg
* *********************************************************** */
#nav-bg {
	content: "";
	width: 3500px;
	height: 3500px;
	margin-right: -1750px;
	margin-top: -1750px;
	top: 50px;
	right: 55px;
	display: block;
	position: fixed;
	background: #202F55;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: scale(.0);
	transform: scale(.0);
}

.open #nav-bg {
	background: #282F78;
	-webkit-transform: scale(2);
	transform: scale(2);
	-webkit-transition: all .6s ease-out;
	transition: all .6s ease-out;
}







/*************************************************************************
　　			G r a p h i c a l	M e n u
*************************************************************************/

.GraphicalMenu{
	background:url(../img/page_1_bg01.svg), linear-gradient(to right, #FFF, #cacaca);
	background-image: ;
	background-repeat:no-repeat;
	background-size: 100%;
	background-position: center;
	text-align:left;
	box-sizing:border-box;
	padding:60px 0 70px 0;
	font-size:16px;
	line-height:1.8rem;
	letter-spacing:.05rem;
	font-family:NotoR Sub;
	width:100vw;
	height:800px;
	/*height:61.5385vw;*/
	}


.GraphicalMenu h2,
.GraphicalMenu h3{
	margin-left:6.538vw;
	}

.GraphicalMenu h2{font-size:32px; font-weight:700;}
.GraphicalMenu h3{font-size:16px; font-weight:400;margin-top:40px;line-height: 28px;}

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

.GraphicalMenu h2{font-size:2.46153846153846vw}
.GraphicalMenu h3{
	font-size:1.230vw;
	margin-top:3.07692307692308vw;
	line-height: 2.154vw;
	letter-spacing:-0.1rem;
	}
}

.menuBox .moreBtn{
	display:none
	}


.GraphicalMenu b{
	line-height:3rem;
	font-size:20px;
	font-family:NotoM Sub;
	letter-spacing:.2rem;
	font-weight:400;
	}

.menuboxs{
	position:relative;
	max-width:1000px;
	margin:10px auto 0 auto;
	}

.menuBox{
	display:block;
	width:280px;
	height:240px;
	border:solid 1px #FFF;
	font-size:14px;
	padding:25px 20px;
	box-sizing:border-box;
	letter-spacing:0;
	line-height:20px;
	}

.menuBox h4{
	text-indent:-9999px;
	width:235px;
	height:54px;
	overflow:hidden;
	background-repeat:none;
	margin:0;
	}

.menuBox span{
	background:#000;
	color:#FFF;
	width:100%;
	padding:5px 0 ;
	margin:12px 0 17px 0;
	text-align:center;
	box-sizing:border-box;
	display:block;
	font-size:16px;
	font-weight:700;
	}

.menuBox b{
	background:#FDD000;
	font-size:14px;
	padding:3px;
	box-sizing:border-box;
	letter-spacing:0;
	width:100%;
	DISPLAY:BLOCK;
	line-height:1.2;
	text-align:center;
	}

.menuBox01 h4{	background-image:url(../img/TOP_title_FL.svg);	}
.menuBox02 h4{	background-image:url(../img/TOP_title_CP.png); background-size:cover;	}
.menuBox03 h4{	background-image:url(../img/TOP_title_BOT.svg);	}
.menuBox04 h4{	background-image:url(../img/TOP_title_PCWA.svg);	}
.menuBox05 h4{	background-image:url(../img/TOP_title_FLR.svg);	}

.menuBox h4{background-repeat:no-repeat}

.menuBox,
.menuBox::after {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.menuBox{
	background: none;
	display: block;
	position:absolute;
	z-index: 1;
	}

.menuBox::before,
.menuBox::after {
	background: #fff;
	content: '';
	position: absolute;
	z-index: -1;
}

.menuBox05 img{
	width:238px;
	height:74px;
	margin-top:14px;
	}


/* BUTTON 3 */
.menuBox::after {
	height: 0;
	width: 0;
	left: 50%;
	top: 50%;
	}

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

.Boxanim:hover:after {
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	}

}

.menuBox01{
	top:50px;	left:157px;
	}

.menuBox02{
	top:-75px;	left:474px;
	}

.menuBox03{
	top:-162px;	left:790px;
	}

.menuBox04{
	top:308px;	left:474px;
	}

.menuBox05{
	height:280px;
	top:159px;	left:790px;
	}

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

.menuboxs .img01{	width:341px;	height:252px;	top:220px;	left:-150px; }
.menuboxs .img02{	width:270px;	height:207px;	top:365px;	left:230px; }
.menuboxs .img03{	width:250px;	height:146px;	top: 130px;	left: 554px; }
.menuboxs .img04{	width:240px;	height:112px;	bottom: -590px;	right: -70px; }

.menuBox{
	content:"";
	display:block;
	position:absolute;
	}

.menuBox01::before,
.menuBox02::before{
	width:37px;
	height:1px;
	top:45px; left:279px;
	}

.menuBox03::before{
	width:1px;
	height:82px;
	top:239px; left:140px;
	}

.menuBox04::before{
	width:1px;
	height:145px;
	top:-145px; left:140px;
	}

.menuBox05::before{
	width:37px;
	height:1px;
	top:200px; left:-37px;
	}


.menuBox.menuBox04 span{
	margin: 12px 0;
	}

.menuBox03 b{
	margin-top:10px;
	}

.menuBox04 b{
	margin-bottom:10px;
	}

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

/*************************************************************************
　　			Y e l l	 B o x
*************************************************************************/

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

.YellBox{
	background:#FDD000;
	height:460px;
	margin:0 0 10px 0;	
	text-align:center;
	line-height:27px;
	}

.YellBox:nth-of-type(1){
	margin:0 10px 10px 0;
	}

.YellBox h3{
	color:#FFF;
	font-size:18px;
	display:flex;
	background:#000;
	height:60px;
	width:100%;
	margin:0;
	box-sizing:border-box;
	justify-content: center;
	align-items: center;
	}

.YellBox.halfBox{	width:50%;	}
.YellBox.fullBox{	width:100%;
	display:flex;
	flex-wrap:wrap;
	}

.YellBox.halfBox:nth-of-type(1){
	width:calc( 50% - 10px );
	}


.YellBox span,
.YellBox h4{
	text-align:left;
	margin:0 auto;
	width:340px;
	display:block;
	font-size:16px;
	}


.YellBox h4{
	margin:30px auto;
	font-size:18px;
	line-height:2.8rem;
	}

.YellBox.fullBox .innerBox{
	display:flex;
	flex-wrap:wrap;
	width:100vw;
	max-width:1000px;
	margin:0 auto;
	justify-content: space-between;
	font-size:16px;
	}

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

.YellBox.fullBox h4{
	background:url("../img/TOP_icon_05.png") no-repeat 340px top;
	background-size:27%;
	background-position-y: 6px;
	}

_::-webkit-full-page-media, _:future, :root .YellBox.fullBox h4 {
    	width:490px;
	letter-spacing:-0.08rem;
}


.YellBox.fullBox h4{
	width:490px;
	line-height:2.5rem;
	}

.YellBox .icon{
	width:120px;
	height:120px;
	margin:50px auto 40px auto;
	}

.YellBox .icon02{	margin-right:20px;	}
.YellBox .icon04{	width:100%; display:block;	}

.arrowBottom{
	width:37px;
	height:41px;
	margin:0 auto;
	animation: key1 .5s ease-in-out infinite alternate;
	}

@keyframes key1{
	0% {transform: translateY(0px);}
	100% {transform: translateY(-20px);}
}


/*************************************************************************
　　			C o m p a n y	P r o f
*************************************************************************/

.CompanyProf{
	background:#FFF;
	margin:60px auto 100px auto;
	}

.CompanyProf h2{
	font-size:18px;
	font-family:'Raleway';
	margin:0;
	}

.CompanyProf h3{
	font-size:16px;
	font-weight:700;
	}

.CompanyProf h2::after,
.CompanyProf h3::after{
	content : '';
	display: block;
	width: 27px;
	border-bottom: solid 1px #111;
	margin: 3px auto 30px auto;
	}

.CompanyProf h3::after{
	border-bottom:none;
	}

.CompanyProf .innerBox{
	font-size:16px;
	}

.CompanyProf ul{
	max-width:820px;
	text-align:left;
	margin:0 auto;
	line-height:38px;
	}

.CompanyProf ul b{
	display:inline-block;
	width:245px;
	font-weight:400;
	height:100%;
	}

.CompanyProf .mapBtn{
	background:#000;
	color:#FFF;
	padding:1px 6px;
	transition:0.3s ease-out;
	}

.CompanyProf a.mapBtn:hover{
	color:#FDD000;
	transition:0.3s ease-out;
	}


/*************************************************************************
　　			C o m p a n y	H i s
*************************************************************************/

.CompanyHis{
	background:url(../img/TOP_bg_02.png) no-repeat top #FFF;
	background-size:100% 18.4vw;
	margin:60px auto 0 auto;
	padding-top: 18.4vw;
	}

.CompanyHis h2{
	font-size:18px;
	font-family:'Raleway';
	margin:0;
	}

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

.CompanyHis h3{
	font-size:16px;
	font-weight:700;
	}

.CompanyHis h3::after{
	content : '';
	display: block;
	width: 27px;
	border-bottom: none;
	margin: 3px auto 70px auto;
	}

.CompanyHis .innerBox{
	font-size:16px;
	background:url(../img/CompanyHis_bg01.svg) top;
	background-size:cover;
	padding:60px	0 100px 0;
	}

.CompanyHis ul{
	max-width:1000px;
	text-align:left;
	margin:0 auto;
	line-height:38px;
	background:url(../img/bar_vertical.png) no-repeat;
	background-position:305px 15px;
	background-size: 1px auto;
	padding:0 0 0 145px;
	box-sizing:border-box;
	}

.CompanyHis ul li {
	display:flex;
	margin-bottom:30px;
	line-height:28px;
	opacity:0;
	}

.CompanyHis ul b{
	display:inline-block;
	width:250px;
	font-weight:400;
	background:url(../img/line_h.svg) no-repeat;
	background-position:88px 12px;
	background-size:145px 12px;
	}

.CompanyHis ul li span{
	display:inline-block;
	width:600px;
	}

.CompanyHis .mapBtn{
	background:#000;
	color:#FFF;
	padding:3px 6px;
	}


.PBoxModal.M02 h5{
	padding: 60px 70px 18px 60px;
	}


.PBoxModal.M02 h5{	padding-top: 60px;	}
.PBoxModal.M02 span{	padding: 0 70px 0 60px;	}
.PBoxModal.M03 h5{	padding-top: 40px;	}
.PBoxModal.M07 h5{	padding-top: 50px;	}
.PBoxModal.M08 h5{	padding-top: 50px;	}


#animate2 {
	transition:	0.3s ease-out;
	}

.CompanyHis ul.fader li{
	transition:	0.3s ease-out;
	animation: fadeli 1s forwards;
	}

.CompanyHis ul.fader li:nth-of-type(1) {
	-webkit-animation-delay: .2s;
	animation-delay: .2s;
	}

.CompanyHis ul li:nth-of-type(2) {
	-webkit-animation-delay: .25s;
	animation-delay: .25s;
	}

.CompanyHis ul li:nth-of-type(3) {
	-webkit-animation-delay: .3s;
	animation-delay: .3s;
}


.CompanyHis ul li:nth-of-type(4) {
	-webkit-animation-delay: .35s;
	animation-delay: .35s;
}


.CompanyHis ul li:nth-of-type(5) {
	-webkit-animation-delay: .4s;
	animation-delay: .4s;
}


.CompanyHis ul li:nth-of-type(6) {
	-webkit-animation-delay: .45s;
	animation-delay: .45s;
}


.CompanyHis ul li:nth-of-type(7) {
	-webkit-animation-delay: .5s;
	animation-delay: .5s;
}


.CompanyHis ul li:nth-of-type(8) {
	-webkit-animation-delay: .55s;
	animation-delay: .55s;
}


.CompanyHis ul li:nth-of-type(9) {
	-webkit-animation-delay: .6s;
	animation-delay: .6s;
}


.CompanyHis ul li:nth-of-type(10) {
	-webkit-animation-delay: .65s;
	animation-delay: .65s;
}


.CompanyHis ul li:nth-of-type(11) {
	-webkit-animation-delay: .7s;
	animation-delay: .7s;
}


.CompanyHis ul li:nth-of-type(12) {
	-webkit-animation-delay: .75s;
	animation-delay: .75s;
}


.CompanyHis ul li:nth-of-type(13) {
	-webkit-animation-delay: .8s;
	animation-delay: .8s;
}


.CompanyHis ul li:nth-of-type(14) {
	-webkit-animation-delay: .85s;
	animation-delay: .85s;
}


.CompanyHis ul li:nth-of-type(15) {
	-webkit-animation-delay: .9s;
	animation-delay: .9s;
}


@-webkit-keyframes fadeli{
		0% {opacity: 0}
		100% {opacity: 1}
	}

@-moz-keyframes fadeli{
		0% {opacity: 0}
		100% {opacity: 1}
	}

@-ms-keyframes fadeli {
		0% {opacity: 0}
		100% {opacity: 1}
	}



/*************************************************************************
　　　　　　　　　A s s o c i a t e
*************************************************************************/

.Associates{
	}

.Associates .innerBox{
	padding:75px 0 100px 0;
	background:#FFF;
	}

.Associate{
	margin:0 auto;
	max-width:1000px;
	box-sizing:border-box;
	border-bottom:solid 1px #CACACA;
	display:flex;
	padding:30px 0 30px 125px;
	background:#FFF;
	text-align:left;
	align-items: center;
	}

.Associate:nth-of-type(5){
	border-bottom:none;
	}

.Associates h2 {
	font-size: 18px;
	font-family: 'Raleway';
	margin: 0;
	}

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


.Associates h3{
	font-size:16px;
	font-weight:700;
	}

.Associates h3::after{
	content : '';
	display: block;
	width: 27px;
	border-bottom: none;
	margin: 3px auto 30px auto;
	}


.Associate .bannerBtn{
	width:250px;
	height:65px;
	overflow:hidden;
	}

.as_banner{
	width:250px;
	height:65px;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	}

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

.Associate .TxtBox {
	font-size:14px;
	text-align:left;
	box-sizing:border-box;
	padding-left:0;
	background:#FFF;
	margin:0 0 0 76px;
	}




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


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

#pageCP h2{
	font-family:"Raleway","NotoR Sub";
	font-size:18px;
	letter-spacing:.1rem;
	}

#pageCP h3{
	font-size:16px;
	}

#pageCP	h2::after{
	content: '';
	display: block;
	width: 27px;
	border-bottom: solid 1px #111;
	margin: 3px auto 30px auto;
	}

/*************************************************************************
　　			C	 P - HEADER
*************************************************************************/
#pageCP .FixedMenu{
	height:106px;
	width:100%;
	background:#111111;
	display:block;
	position:relative;

	}

#pageCP .Pagename{
	background:url(../img/logo_CP.png) no-repeat center center;
	background-size:contain;
	overflow:hidden;
	text-indent:-9999px;
	font-size:10px;
	width:316px;
	height:100%;
	margin:0;
	}

#pageCP .Btm .Pagename{
	width:215px;
	height:100%;
	}

#pageCP .FixedMenu .telNum{
	color:#FFF;
	}

#pageCP .telNum:before {
	background: url(../img/icon_telephone_W.svg) no-repeat;
	}


#pageCP .header01 {
	height:calc(100vh - 106px);
	display:flex;
	align-items:center;
	background:url(../img/CP_mainImg.jpg);
	background-size:cover;
	}

#pageCP .header01 .innerBox{
	height:auto;
	display:flex;
	justify-content: flex-end;
	max-width:none;
	}

#pageCP .header01 .leadBox{
	width:50vw;
	background:rgba( 255, 255, 255, .9);
	padding:50px 60px;
	box-sizing:border-box;
	}

#pageCP .header01 .leadBox b{
	font-size:1.384vw;
	}

#pageCP .header01 .leadBox span{
	font-size:1.23vw;
	}


/*************************************************************************
　　			C	 P - coburg
*************************************************************************/


#pageCP .coburg{

	}

#pageCP .coburg .img02{
	width:100%;
	height:auto;
	}
#pageCP .coburg .txtBox{
	background:#111;
	color:#FFF;
	font-size:16px;
	line-height:26px;
	padding:10px 0;
	}

#pageCP .coburg .PhotoBox{
	display:flex;
	}


#pageCP .coburg .PhotoBox img{
	width:33.33333333%;
	height:33.33333333%;
	}


/*************************************************************************
　　			C	 P - WORLDWIDE
*************************************************************************/


#pageCP .WORLDWIDE .img06{
	width:928px;
	margin-bottom:17px;
	}

/*************************************************************************
　　			C	 P - analysis
*************************************************************************/


#pageCP .analysis .innerBox{
	background:#FDD000
	}

#pageCP .analysis .titleBox {
	background:#111;
	padding:20px;
	color:#FFF;
	}

#pageCP .analysis .titleBox::after{
	content: '';
	width: 45px;
	height: 45px;
	transform:rotate(45deg);
	background:#111;
	position: absolute;
	top:98px;
	left: calc(50% - 22.5px);
	}

#pageCP .analysis .titleBox h2{
	margin:0 auto;
	font-size:20px;
	}

#pageCP .analysis .titleBox h3{
	margin:0 auto;
	font-size:28px;
	z-index:+1;
	position: relative;
	}

#pageCP .analysis .titleBox h3::after{
	content: '';
	border-bottom: solid 6px #FDD000;
	width: 48%;
	height: 6px;
	position: absolute;
	z-index:-1;
	left: 26%;
	bottom: 8px;
	}

.parenthesis {
	position: relative;
	min-width: 420px;
	width: 420px;
	padding: 5px 20px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display:block;
	margin:0 auto;
	}

.parenthesis::before,
.parenthesis::after {
	position: absolute;
	top: 0;
	content: '';
	width: 20px;
	height: 100%;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.parenthesis::before {
	left: 0;
	border-left: 1px solid #FFF;
}
.parenthesis::after {
	right: 0;
	border-right: 1px solid #FFF;
}

#pageCP .parenthesis h2::after{
	margin:0;
	}

#pageCP .analysis .chart01{
	width:842px;
	margin:60px auto 50px auto;
	}

#pageCP .analysis b{
	display:block;
	font-size:24px;
	padding-bottom:50px;
	}


/*************************************************************************
　　			C	 P - CASE STUDIES
*************************************************************************/


#pageCP .casestudy .innerBox{
	max-width:1000px;
	margin:0 auto 65px auto;
	}

#pageCP .casestudy h4{
	font-size:18px;
	border-left:solid #231815 9px;
	padding-left:16px;	
	text-align:left
	}

#pageCP .chart02,
#pageCP .chart03{
	width:983px;
	}



/*************************************************************************
　　			C	 P - P R O D U C T	L I S T
*************************************************************************/

#pageCP .productList .innerBox{
	margin:0 auto 65px auto;
	}

#pageCP .productList .titleBox {
	background:#111;
	color:#FFF;
	}

#pageCP .productList h2::after{
	border-color:#FFF;
	}

#pageCP .productList .titleBox h3{
	margin-bottom:0;
	}

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

#pageCP .productList .PBox{
	text-align:center;
	}


#pageCP .productList h4{
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	height:60px;
	padding:8px 0;
	margin:0;
	background:#FDD000;
	position: absolute;
	top: 0;
	z-index:3;
	font-size:16px;
	font-weight:400;
	text-align:center;
	}

#pageCP .productList b{
	font-size:24px;
	margin:70px auto;
	display:block
	}

.PBox{
	position: relative;
	overflow: hidden;
 	width: 25%;
	height:320px;
	padding:0;
	}

.PBox:after {
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	background: url(../img/CP_Product01.png);
	background-repeat: no-repeat;
	background-position: center 70%;
	background-size: 295px;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.PBox:nth-of-type(2):after{	background-image: url(../img/CP_Product02.png);	}
.PBox:nth-of-type(3):after{	background-image: url(../img/CP_Product03.png);	}
.PBox:nth-of-type(4):after{	background-image: url(../img/CP_Product04.png);	}
.PBox:nth-of-type(5):after{	background-image: url(../img/CP_Product05.png);	}
.PBox:nth-of-type(6):after{	background-image: url(../img/CP_Product06.png);	}
.PBox:nth-of-type(7):after{	background-image: url(../img/CP_Product07.png);	}
.PBox:nth-of-type(8):after{	background-image: url(../img/CP_Product08.png);	}

.PBox a.modalBtn{
	display:block;
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	left: 0;
	z-index:2;
	}

.PBox:hover{
	background:rgba(0,0,0,.8);
	}

#pageCP .productList .PBox:hover h4{
	color:#FFF;
	background:#111;
	}

.PBox:hover:after {
	opacity: .3;
	transform: scale(1.2);
	transform-origin: center 40%;
}

.PBox .inner {
	z-index: 1;
	position: relative;
}

.PBoxModal{
	background:rgba(0,0,0,.8);
	color:#FFF;
	font-size:14px;
	display:none;
	box-sizing:border-box;
	z-index:+5;
	position:absolute;
	width:50%;
	height:320px;
	text-align: justify;
	text-justify: inter-ideograph;
	overflow:hidden;
	top:0;
	left:0;
	}

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

.PBoxModal.M02{margin-left:25%;}
.PBoxModal.M03,
.PBoxModal.M04{margin-left:50%;}
.PBoxModal.M05{margin-top:320px;}
.PBoxModal.M06{margin-left:25%;margin-top:320px;}
.PBoxModal.M07,
.PBoxModal.M08{margin-left:50%;margin-top:320px;}

#pageCP .productList .PBoxModal h4{
	background:#111;
	justify-content: flex-start;
	position:static;
	padding-left:70px;
	}

.PBoxModal span{
	padding:0 70px;
	display:block;
	}

.PBoxModal h5{
	font-size:18px;
	color:#FDD000;
	padding:30px 70px 18px 70px;
	margin:0
	}

.PBoxModal.M06 h5{
	padding:10px 70px 18px 70px;
	}


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

.PBoxModal h5{
	font-size:1.385vw;
	padding-left:5.384vw;
	padding-right:5.384vw;
	}

.PBoxModal.M06 h5{
	padding:10px 5.384vw 18px 5.384vw;
	}

.PBoxModal span{
	font-size:1.0769vw;
	padding-left:5.384vw;
	padding-right:5.384vw;
	}

}

.btnClose{
	z-index: 10;
	position: absolute;
	right:20px;
	top:25px;
	width: 25px;
	height: 25px;
	text-indent:-100px;
	overflow:hidden;
	}

.btnClose:before,
.btnClose:after{
	position: absolute;
	top: 50%;
	left: 0;
	content: "";
	display: block;
	width: 25px;
	border-top: 1px solid #FFF;
	}

.btnClose::before {
	transform: skewY(-45deg);
}
 
.btnClose::after {
	transform: skewY(45deg);
}


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

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

#pageFLR h2::after{
	content: '';
	display: block;
	width: 27px;
	border-bottom: solid 1px #111;
	margin: 3px auto 30px auto;
	}

#pageFLR h2{
	font-family:"Raleway";
	letter-spacing:.1rem;
	}

#pageFLR h3{
	margin-bottom:30px;
	}


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

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

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

/*************************************************************************
　　			F	 L	 R - HEADER
*************************************************************************/
#pageFLR .FixedMenu{
	height:106px;
	width:100%;
	background:#111111;
	display:block;
	position:relative;
	}

#pageFLR .Pagename{
	background:url(../img/flr_Logo_FLR.svg) no-repeat center center;
	background-size:contain;
	overflow:hidden;
	text-indent:-9999px;
	font-size:10px;
	width:316px;
	height:100%;
	margin:0;
	}

#pageFLR .Btm .Pagename{
	width:215px;
	height:100%;
	}

#pageFLR .FixedMenu .telNum{
	color:#FFF;
	}

#pageFLR .telNum:before {
	background: url(../img/icon_telephone_W.svg) no-repeat;
	}

#pageFLR .header01 {
	height:calc(100vh - 106px);
	display:block;
	align-items:center;
	background-size:cover;
	}

#pageFLR .header01 .innerBox{
	height:auto;
	width:100vw;
	max-width: 100vw;
	text-align:center;
	}

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

#pageFLR .header01 .leadBox b{
	font-size:2.15384vw;
	display:block;
	line-height:3.7vw;
	margin-bottom:3.85vw;
	letter-spacing: 0.1rem;
	}

#pageFLR .header01 .leadBox span{
	font-size:1.2307vw;
	display:block;
	width:46.5vw;
	margin:0 auto;
	}

#pageFLR .header01 .leadBox a.arrow01{
	top:30vw;
	left:48%;
	z-index:1;
	}
#pageFLR .header01 .leadBox a.arrow01 span {
	width: 24px;
	}

#pageFLR .header01 .leadBox em{
	color:#FFF;
	background:#111;
	padding:1px 8px;
	font-style:normal;
	}

#pageFLR .header01 .leadBox i{
	font-size:1.077vw;
	display:block;
	width:100%;
	text-align:right
	}

.AnimeSlick{
	padding:0;
	height:50vh;
	overflow:hidden;
	margin:0;
	position: absolute!important;
	bottom: 0;
	}



/*************************************************************************
　　			F	 L	 R - MERRIT
*************************************************************************/


.MERRIT{
	background:#FDD000;
	}

.MERRIT h2{
	margin:0 auto;
	font-size:18px;
	}

#pageFLR .MERRIT h3{
	font-size:16px;
	margin-bottom: 70px;
	}

.MERRIT h4{
	font-size:28px;
	line-height:48px;
	letter-spacing:.1rem;
	}
.MERRIT h4 em{
	font-style:normal;
	display: inline-block;
	position:relative;
	z-index:0;
	}

.MERRIT h4 em::after{
	content: '';
	display: block;
	position:relative;
	width: 100%;
	font-style:normal;
	border-bottom: solid 13px #FFF;
	margin: -15px auto 30px auto;
	z-index:-1;
	}

.MERRIT .img01,
.MERRIT .img03,
.MERRIT .img04{
	width:440px;
	height:225px;
	}

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

.MERRIT .txtBox{
	width:245px;
	height:100px;
	display:flex;
	position:relative;
	align-items:center;
	box-sizing:border-box;
	background:#111;
	color:#FFF;	
	font-size:16px;
	padding:0 20px;
	}

.MERRIT .txtBlock.block2{
	align-items:start;
	position:relative;
	padding-bottom:95px;
	}

.MERRIT .txtBlock.block2 .txtBox{
	display:block;
	width:440px;
	height:auto;
	background:none;
	color:#111;
	text-align:left;
	padding:0;
	position:relative;
	letter-spacing:-.01rem;
	}

.MERRIT .txtBlock.block2 b{
	background:#111;
	color:#FDD000;
	transform: rotate(90deg);
	display:block;
	position:absolute;
	top:-20px; left:20px;
	padding:10px 15px;
	box-sizing:border-box;
	transform-origin:top left;
	width:120px;
	height:37px;
	text-align:center;
	font-size:14px;
	}

.MERRIT .txtBlock.block2 .txtBox img{
	margin-bottom:20px;
	}

.MERRIT .txtBlock.block2 .deco_arrow{
	background:url(../img/flr_icon01.svg) no-repeat;
	width:140px;
	height:83px;
	top:115px; left:43%;
	position:absolute;
	text-indent:-9999px;
	}

.MERRIT .txtBlock.block2 .deco_arrow.expands{
	animation: anim-scale 0.5s ease-out;

	}


.MERRIT .txtBox:nth-of-type(1){
	margin-right:30px;	
	}

.MERRIT .txtBox:nth-of-type(2){
	margin-left:30px;	
	}

.MERRIT .txtBox:nth-of-type(1):after,
.MERRIT .txtBox:nth-of-type(2):before{
	content:' ';
	display:block;
	position:absolute;
	width: 0;
	height: 0;
	top:40%;
	border-style: solid;
	}

.MERRIT .txtBox:nth-of-type(1):after{
	right:-25px;
	border-width: 8.5px 0 8.5px 26px;
	border-color: transparent transparent transparent #000111;
	}

.MERRIT .txtBox:nth-of-type(2):before{
	left:-25px;
	border-width: 8.5px 26px 8.5px 0;
	border-color: transparent #000111 transparent transparent;
	}


.MERRIT .txtBlock.block2 .txtBox:nth-of-type(1):after,
.MERRIT .txtBlock.block2 .txtBox:nth-of-type(2):before{
	display:none
	}

.MERRIT .img02{
	width:673px;
	margin:20px 0 0 -25px;
	}

.MERRIT .icon01{
	width:84px;
	}





/*************************************************************************
　　			F	 L	 R - MOVIES
*************************************************************************/
.MOVIES{
	font-family:"Raleway","NotoR Sub";
	}

.MOVIES h4{
	font-size:24px;
	}

.MOVIES .img05,
.MOVIES .img06,
.MOVIES .img07{
	width:100%;
	transition: .5s;
	}

.MOVIES .txtBox a{
	position:relative;
	display:flex;
	align-items:center;
	justify-content: center;
	width:100%;
	height:100%;
	overflow: hidden;
	border: solid 1px #CCC;
	box-sizing: border-box;
	}

.MOVIES .txtBox a::after{
	content:'';
	width:55px;
	height:55px;
	position:absolute;
	display:block;
	background:url(../img/icon_Vplay.svg) no-repeat;
	}

@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, .MOVIES .txtBox a::after{
	top:30%;
	left:40%;
	}
    /* for IE11 */
}


.MOVIES .img05:hover,
.MOVIES .img06:hover,
.MOVIES .img07:hover{
	width:105%;
	height:auto;
	margin:-2.5% 0 0 -2.5%;
	}

.MOVIES .txtBlock{
	width:1000px;
	display:flex;
	margin:50px auto;
	align-items:center;
	justify-content: center;
	}

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

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


.MOVIES .txtBox:nth-of-type(3){
	margin-right:0;	
	}

.MOVIES .txtBox h4{
	font-size:16px;
	background:#FDD000;
	width:100%;
	padding:5px 0;
	margin-bottom:20px;
	text-align:center;
	}

#video{
	margin:0;
	padding:0;
	width: 100vw;
	overflow:hidden;
	}

.MOVIES .txtBlock.block2{
	display:block;
	align-items:start;
	position:relative;
	padding-bottom:95px;
	}

.MOVIES .txtBlock.block2 .txtBox{
	width:598px;
	text-align:left;
	line-height:1;
	position:relative;
	margin:0 auto;
	}

.MOVIES .txtBlock.block2 span{
	font-size:20px;
	font-weight:bold;
	line-height:1;
	}

.MOVIES .txtBlock.block2 h5{
	font-size:40px;
	margin:15px 0;
	letter-spacing:.1rem;
	font-family:"NotoR Sub"
	}

.MOVIES .txtBlock.block2 h5 i{
	font-size:18px;
	}

.MOVIES .txtBlock.block2 b{
	font-size:14px;
	font-weight:400;
	position:absolute;
	right:30px; top:0;
	font-family:"NotoR Sub"
	}

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

.MOVIES .txtBlock.block2 .img09{
	width: 582px;
	}

.MOVIES .txtBlock.block2 .deco_nonstop{
	width:0;
	height:0;
	background:url(../img/flr_img08.svg) no-repeat;
	background-size: 211px 211px;
	text-indent:-9999px;
	overflow:hidden;
	}


.MOVIES .txtBlock.block2 .deco_nonstop.expands{
	animation: anim-scale 0.5s ease-out;
	width:211px;
	height:211px;
	}

@keyframes anim-scale {
0% { transform: scale(0.4, 0.4); }
40% { transform: scale(1.2, 1.2); }
60% { transform: scale(1, 1); }
80% { transform: scale(1.1, 1.1); }
100% { transform: scale(1, 1); }
	}


.iziModal{
	max-width: 80vw!important;
	height:45vw!important;
	}

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

/*************************************************************************
　　			F	 L	 R - CASESTUDIES
*************************************************************************/
.CASESTUDIES{
	background: radial-gradient(circle at top, #F9F9F9 20vw , #D5D5D5);
	padding:70px 0 15px 0;
	font-family:"Raleway","NotoR Sub";

	}

.CASESTUDIES .innerBox {
	width:100%;
	max-width:1000px;
	margin:0 auto;
	}

.CASESTUDIES .txtBlock{
	width:100%;
	background:#FFF;
	padding:45px 0 ;
	display:flex;
	position:relative;
	justify-content:center;
	align-items: center;
	margin-bottom:90px;
	}

.CASESTUDIES .innerBox h4{
	width: 1000px;
	text-align: left;
	margin: 0 auto 20px 80px;
	box-sizing: border-box;
	padding:5px 0 5px 10px;
	border-left:solid 9px #111;
	font-size:18px;
	font-weight:400;
	letter-spacing:.1rem;
	}


.CASESTUDIES .innerBox b{
	font-size:14px;
	font-family:"Raleway";
	letter-spacing:.0;
	position:absolute;
	left:100px;
	top:25px;
	padding:5px 23px ;
	background:#111;
	color:#FFF;
	text-align:center;
	}

.CASESTUDIES .innerBox b:nth-of-type(even){
	left:530px;
	background:#FCCF00;
	color:#111;
	}

.CASESTUDIES img{
	width:320px;
	height:192px;
	display:inline-block;

	}

.CASESTUDIES .txtBlock div:nth-of-type(odd):after{
	content:'';
	display:inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 12.5px 0 12.5px 22px;
	border-color: transparent transparent transparent #000111;
	margin: 0 45px;
	}





/*************************************************************************
　　			F	 L	 R - COMPARISON
*************************************************************************/
.COMPARISON{
	font-family:"Raleway","NotoR Sub";
	padding:0 0 80px 0;
	}

#pageFLR .COMPARISON .titleBlock{
	background:#FFF;	
	padding:45px 0;
	color:#111;
	}

#pageFLR .COMPARISON .titleBlock h2:after{
	border-bottom: solid 1px #111;
	}

#pageFLR .COMPARISON h3{
	margin-bottom:0;
	}

.COMPARISON .innerBox {
	width:100%;
	max-width:1000px;
	margin:0 auto;
	display:block;
	font-size:16px;
	}


.COMPARISON .chart{
	width:894px;
	height:776px;
	display:flex;
	background:#FFF;
	position:relative;
	margin:0 auto;
	}

.COMPARISON .chart div img{
	width:100%;
	height:100%;
	}

.COMPARISON .txtBlock img{
	width:300px;
	margin-top:30px;
	}

.COMPARISON .innerBox h5{
	font-size: 28px;
	line-height: 48px;
	letter-spacing: .1rem;
	margin:80px auto 0 auto;
	}


#pageFLR .COMPARISON .innerBox h5 em {
	font-style: normal;
	display: inline-block;
	position: relative;
	z-index: 0;
	}

#pageFLR .COMPARISON .innerBox h5 em::after {
	content: '';
	display: block;
	position: relative;
	width: 100%;
	font-style: normal;
	border-bottom: solid 13px #FDD000;
	margin: -15px auto 30px auto;
	z-index: -1;
	}

/*************************************************************************
　　			F	 L	 R - ACHIEVEMENTS
*************************************************************************/
.ACHIEVEMENTS{
	font-family:"Raleway","NotoR Sub";
	padding:0 0 70px 0;
	}

.titleBlock{
	background:#111;	
	padding:45px 0;
	color:#FFF;
	}

#pageFLR .ACHIEVEMENTS .titleBlock h2:after{
	border-bottom: solid 1px #FFF;
	}

#pageFLR .ACHIEVEMENTS h3{
	margin-bottom:0;
	}

.ACHIEVEMENTS .innerBox {
	width:100%;
	max-width:1000px;
	margin:0 auto;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items: center;
	font-size:16px;
	}


.ACHIEVEMENTS .txtBlock{
	width:400px;
	background:#FFF;
	padding:45px 0 ;
	position:relative;
	margin-bottom:0;
	}

.ACHIEVEMENTS .txtBlock b{
	font-size:14px;
	font-weight:400;
	}

.ACHIEVEMENTS .txtBlock img{
	width:300px;
	margin-top:30px;
	}

.ACHIEVEMENTS .innerBox h4{
	font-size:16px;
	font-weight:400;
	}

#pageFLR .ACHIEVEMENTS .innerBox h4:after{
	content: '';
	display: block;
	width: 27px;
	border-bottom: solid 1px #111;
	margin: 3px auto 30px auto;
	}

.col1{	color:#282F78;	}
.col2{	color:#3E3A39;	}
.col3{	color:#7E9555;	}
.col4{	color:#6E4B7D;	}
.col5{	color:#A28175;	}
.col6{	color:#CACACA;	}
.col7{	color:#282F78;	}




/*************************************************************************
　　			F	 L	 R -madeinFin
*************************************************************************/
.madeinFin{
	font-family:"NotoR Sub";
	padding:70px 0;
	background:#282F78;
	text-align:center;
	color:#FFF;
	font-size: 16px;
	}


.madeinFin b{
	font-family:"Raleway";
	display:block;
	letter-spacing:0
	}

.madeinFin .img16{
	width:138px;
	}

.madeinFin .img17{
	width:119px;
	position:absolute;
	top:45%; right:27px;
	}

#pageFLR .madeinFin h4{
	font-size: 28px;
	margin:40px auto 30px auto;
	}

.madeinFin .innerBox {
	width:100%;
	max-width:825px;
	margin:70px auto 0 auto;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items: center;
	color:#111;
	text-align:left;
	}

.madeinFin .txtBlock{
	width:400px;
	background:#FFF;
	padding:25px ;
	box-sizing:border-box;
	position:relative;
	margin-bottom:0;
	width:400px;
	height:150px;
	font-size:14px;
	line-height:20px;
	position:relative
	}

.madeinFin .txtBlock:nth-of-type(1){
	background:#FFF3CA
	}

.madeinFin .txtBlock b{
	font-size:14px;
	font-weight:400;
	}

.madeinFin .innerBox h4,
.madeinFin .innerBox h5{	font-size:16px;margin:0	; font-weight:400;}
.madeinFin .innerBox h6{	font-size:20px;margin:0	}

.madeinFin .innerBox .txtBlock:nth-of-type(2) {
	padding:24px 25px ;
	}

.madeinFin .innerBox .txtBlock:nth-of-type(1) h5{	margin-bottom:5px;	}
.madeinFin .innerBox .txtBlock:nth-of-type(2) h5{	margin-bottom:23px;	}



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

#access .Headbar{
	    top: 0;
	}

#access .header01 .innerBox {
	font-family:"Raleway","NotoR Sub";
	max-width: none;
	}

#access .access .innerBox{
	background:#FDD000;
	height:200px;
	display: flex;
	justify-content: center;
	flex-direction: column;
	}

#access .access .innerBox h2,
#access .branch .innerBox h2{
	margin:0;
	font-family:"Raleway","NotoR Sub";
	}

#access .contentBox{
	margin-top:106px;
	}

#access .MainMap{
	width:100vw;
	height:480px;
	border:none;

	}

#access h2::after {
	content: '';
	display: block;
	width: 27px;
	border-bottom: solid 1px #111;
	margin: 3px auto 30px auto;
	}

#access h3 {
	margin-bottom: 0;
	}

.MapBlock{
	font-size:16px;
	}

#access .GmapBtn{
	margin:40px auto 50px auto;
	font-size:14px;
	border:solid 1px #111;
	padding:5px 0px;
	display:block;
	width:164px;
	letter-spacing:.1rem;
	text-align: center;
	}

#access .MapBlock .txtBox{
	width:523px;
	margin:0 auto;
	text-align:left;
	position:relative;
	}

#access .MapBlock .txtBox h3{
	margin:0 auto;
	font-weight:400;
	}

#access .MapBlock .txtBox span{
	font-size:14px;
	margin: 30px auto 5px auto;
	display:block;
	}

#access .MapBlock .txtBox .telNum {
	position: static;
	font-size: 30px;
	font-family: "Archivo Narrow', sans-serif;
	font-weight: 700;
	margin: 0;
	letter-spacing: .1rem;
	}

#access .MapBlock .txtBox .telNum::before{
	content:none;	
	}

#access .LogoBtn{
	width:146px;
	height:73px;
	display:block;
	position:absolute;
	right:0;
	top:0;
	}

#access .LogoBtn img{
	width:100%;
	height:auto;
	}


#access .SubMap{
	width:400px;
	height:150px;
	margin-right:80px;
	border:none;
	}

#access .branch .GmapBtn{
	margin:10px 0;
	}

#access .offices{
	margin:60px auto 0 auto;
	display:flex;
	width:880px;
	align-items: center;
	}

#access .offices div{
	width:453px;
	display:flex;
	flex-direction: column;
	text-align:left;
	font-size:16px;
	}

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

#access .FOOTER h2::after {
	margin-bottom:0;
	}


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

#pageCONTACT #container{
	background:#E3E3E3;
	}

#pageCONTACT h2::after {
	content: '';
	display: block;
	width: 27px;
	border-bottom: solid 1px #111;
	margin: 3px auto 30px auto;
	}

#pageCONTACT h2{
	font-family:"Raleway";
	font-size:18px;
	letter-spacing: .1rem;
	}

#pageCONTACT .Headbar .sitename{
	max-width: 283px;
	max-height: 66px;
	}

#pageCONTACT .Headbar{
	top:0;
	}

#pageCONTACT .telNum{
	right: 128px;
	}

#pageCONTACT .header01{
	margin:188px 0 90px 0;
	height:auto;
	}

#pageCONTACT h3{
	margin-bottom:75px;
	font-size:16px;
	letter-spacing: .1rem;
	font-weight:700;
	}

#pageCONTACT .header01 .innerBox{
	height:auto;
	background:#FFF;
	padding:68px 112px;
	box-sizing:border-box;
	}

#pageCONTACT.thnx .header01{

	}


#pageCONTACT.thnx .header01 .innerBox {
	height: auto;
	background: #FFF;
	padding: 68px 112px;
	box-sizing: border-box;
	margin:0 auto;
	height:40vh;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	}

#pageCONTACT.thnx h3 {
	margin-bottom: 10px;
	}

/*************************************************************************
　　　　　　　　　PRIVACY POLICY
*************************************************************************/

#pagePrivacyPolicy .PPTxt {
	margin-top: 185px;
	}

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

#pagePrivacyPolicy h2{
	font-family:"Raleway";
	font-size:18px;
	letter-spacing: .1rem;
	}

#pagePrivacyPolicy h2::after {
	content: '';
	display: block;
	width: 27px;
	border-bottom: solid 1px #111;
	margin: 3px auto 30px auto;
	}

#pagePrivacyPolicy #container{
	background:#E3E3E3;
	}

#pagePrivacyPolicy .Headbar .sitename{
	max-width: 283px;
	max-height: 66px;
	}

#pagePrivacyPolicy .Headbar{
	top:0;
	}


#pagePrivacyPolicy h3{
	margin-bottom:75px;
	font-size:16px;
	font-weight:700;
	letter-spacing: .1rem;
	}

#pagePrivacyPolicy .PPTxt .innerBox{
	font-size:14px;
	line-height:30px;
	margin:0 auto;
	text-align:left;
	height:auto;
	background:#FFF;
	padding:68px 70px;
	box-sizing:border-box;
	max-width:1000px;
	}

.PPtxtList{
	padding:14px 0 0 24px;
	}

.PPTxt ul{
	list-style-type: decimal
	}

.PPTxt ul li ul{
	list-style-type: none;
	padding-left:0;
	}
.PPTxt ul li ul li{
	padding-bottom:.0;
	}

.PPTxt ul li,
.PPTxt.BPP ul.PPtxtList li{
	padding-bottom:2rem;
	}

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

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



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

.PagePrd .Btm .BtnContact,
#pageCONTACT .FixedMenu.Btm{
	display:none;
	}


.FOOTER{
	background:#111;
	border-top:solid 10px #FDD000;
	box-sizing:border-box;
	padding:125px 0;
	}

.FOOTER .innerBox{
	width:100%;
	margin:0 auto;
	color:#FFF;
	display:flex;
	justify-content: space-between;
	}


.FOOTER .BoxLeft,
.FOOTER .BoxRight{
	display:block;
	width:340px;
	height:auto
	}

.FOOTER .BoxLeft{
	text-align:left;
	font-size:13px;
	margin-left:85px;
	}

.FOOTER .BoxRight{
	text-align:right;
	font-size:10px;
	display:flex;
	justify-content:flex-end;
	flex-flow: column;
	margin-right:85px;
	}


.FOOTER .BoxRight .TxtBox{
	font-family:"Raleway";
	}

.FOOTER .BoxRight .btnPP{
	font-size:16px;
	transition: .5s ease-in-out;
	}


.FOOTER .BoxRight .btnPP:hover{
	color:#FDD000;
	transition: .5s ease-in-out;
	}

.FOOTER .BoxRight .btnSns img{
	width:30px;
	height:30px;
	margin-bottom:10px;
	}

.FOOTER .BoxRight .btnSns img{
	opacity:0.3;
	}

.FOOTER .BoxRight .btnSns:hover{
	/*opacity:0.5;*/
	}


.Logo_KMT{
	width:245px;
	height:45px;
	}

.FOOTER h2{
	font-size:16px;
	}


/*************************************************************************
　　　　　　　　　M o d a l
*************************************************************************/


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

.modal-close-btn{
	display: inline-block;
	position: relative;
	margin: 0 20px 0 7px;
	padding: 0;
	width: 4px;
	height: 20px;
	background: #000;
	transform: rotate(45deg);
	position: absolute;
	right: 10px;
	top: 10px;
	text-indent:-9999px;
	}

.modal-close-btn:before{
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: -8px;
	width: 20px;
	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;
}