/*begin common style*/
*{  -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;}
html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
ol,ul{list-style:none;}
a,a:focus,a:hover,a:active{text-decoration:none;outline:0;}
/*a:hover{color:#e022;text-decoration:underline;}*/
::placeholder{color:#D9D9D9;}
.pull-left{float:left;}
.pull-right{float:right;}
.clearfix{clear:both;}
[class*="col-"]{float: left;}
.w50{width: 50%;}
.container{margin-right: auto;margin-left: auto;width: 100%;display: table;}
.border{border:1px solid red;}
.text-right{text-align:right;}
.text-left{text-align:left;}
.text-center{text-align:center;}
.color-bb {color: rgb(0,0,66) !important;}
.color-wh {color: #fff !important;}
.bcolor-wh {border-color: #fff !important;}
.pat20{padding-top:20px}
@font-face {
  font-family: 'Noto Serif myongjoese';
  font-style: normal;
  font-weight: 100;
  src: url(./font/NotoSerifCJKjp-ExtraLight.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Serif myongjoese';
  font-style: normal;
  font-weight: 200;
  src: url(./font/NotoSerifCJKjp-Light.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Serif myongjoese';
  font-style: normal;
  font-weight: 400;
  src: url(./font/NotoSerifCJKjp-Regular.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Serif myongjoese';
  font-style: normal;
  font-weight: 500;
  src: url(./font/NotoSerifCJKjp-Medium.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Serif myongjoese';
  font-style: normal;
  font-weight: 600;
  src: url(./font/NotoSerifCJKjp-SemiBold.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Serif myongjoese';
   font-style: normal;
   font-weight: 700;
  src: url(./font/NotoSerifCJKjp-Bold.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Serif myongjoese';
  font-style: normal;
  font-weight: 900;
  src: url(./fonts/NotoSerifCJKjp-Black.otf) format('opentype');
 }

body{
    font-family: 'Noto Serif myongjoese', serif;
}
.helvetica{ font-family:Helvetica !important;}
.myongjo, .japan{ font-family: 'Noto Serif myongjoese', serif;}
.font21{font-size: 21px !important;}
.font18{font-size: 18px !important;}
.bold{font-weight: bold !important;}
.letter-spacing-m1{letter-spacing: -1px !important;}
.line-height30{line-height: 30px !important;}
.line-height25{line-height: 25px !important;}
/*end common style*/

/*begin header style*/
.index{
    height: 750px;
    background: url("../img/back-top.jpg") no-repeat ;
	color:#fff;
}
.header{	
	padding-top:30px;
}
.content-part{
	margin:0 auto;
	min-width:700px;
	max-width:1000px;
	height:100%;
}
.nav ul li{
	float:left; 
	height:40px; 
	line-height:40px;
	margin:0 20px;
	font-size:14px;
}
.header{    
    background: url("../img/back-top.jpg") no-repeat ;
	color:#fff;
	font-family:Helvetica;
}
.header a{color:#fff;}
.head-content .title{font-size:71px;margin-top:130px;font-family:"Iskoola Pota"}
.description{
	font-family:fot-tsukuardgothic-std;
	font-size:34px;margin-top:65px;
}
.head-content .sub-des{font-size:	23px;}
.head-content .symbol{height: 70px; margin-top: 50px;}
/*end header style*/

/*begin footer style*/
.footer{  
  background-color:rgb(0,0,66); 
  height: 365px;
  width: 100%;  
  padding-top:80px;
}
.foot-top .figure{width: 12%;min-width:90px}
.foot-top .text{width: 68%;}
dl {
  width: 100%;
  overflow: hidden;
  padding: 0;
  margin: 0
}
dt {
  float: left;
  width: 20%;
  padding-bottom: 10px;
  margin: 0;
  font-size: 16px;
}
dd {
  width: 80%;
  padding-bottom: 10px;
  margin: 0;
  font-size: 16px;
}
.footer-nav{width:20%;  }
.footer-nav p {margin-bottom: 20px;
  font-family:Helvetica;}
.footer-nav p a {color: #fff;font-size: 14px;}
.copy {
  padding: 30px 0;
  text-align: center;
}
/*end footer style*/

/*begin create-box style*/
.create-box{
	height: 640px;
	background-color: rgb(244,244,244); 
	padding-top: 100px;
}
.big{font-size: 44px;line-height: 44px; margin-bottom: 20px; font-family:"Iskoola Pota";}
.overview .small{font-size: 18px;line-height: 22px;}
.line{
	border-top: 1px solid rgb(234, 0, 23);
	width: 130px;
	height: 1px;
	margin-bottom: 30px;
}
.line-small{
	border-top: 1px solid rgb(234, 0, 23);
	width: 103px;
	height: 1px;
	margin-bottom: 30px;
}
.create-content{margin-top: 60px;margin-bottom: 65px;}
.create-content .figure{
	max-width:300px;
	width:30%;
}
.create-content .right{
	width:65%;
}
.text p{
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 25px;
}
.create-content .right .more{margin-top:20px;}
.more-link {
  border-bottom:1px solid red;
  font-size: 14px;
  line-height: 30px;
  width:130px;
}
.more-link a{color:#000042; }

/*end create-box style*/

/*begin more-box style*/
.more-box{background-color: #fff;}
.more-box {
  text-align: center;
  font-size: 24px;
  padding-top: 80px;
}
.more-box p{line-height:50px;}
.more-box .symbol{margin-top:5px;margin-bottom:60px;}
/*end more-box style*/

/*begin list-box style*/
.list-box .w50{height: 720px;}
.back-color-1{background-color: rgb(201,202,202);}
.back-color-2{background-color: rgb(110,110,122);}
.back-color-3{background-color: rgb(244,244,244);}
.back-color-4{background-color: rgb(62,58,57);}
.back-color-5{ background:#F8F8FF;}
.back-color-6{background-color:#EFEFF4;}
.back-color-7{background-color:#E5E5E5;}
.list-wrap{max-width:490px;height:100%;width:100%;}
.list-wrap img{width:100%;}

.top .back-color-1 .list-wrap{
	background:url("../img/list-figure-1.jpg") top center no-repeat;
}
.top .back-color-2 .list-wrap{
	background:url("../img/list-figure-2.jpg") top center no-repeat;
}
.top .back-color-3 .list-wrap{
	background:url("../img/list-figure-3.jpg") bottom center no-repeat;
}
.top .back-color-4 .list-wrap{
	background:url("../img/list-figure-4.jpg") bottom center no-repeat;
}
.back-color-1 .list-wrap,.back-color-2 .list-wrap{padding-top:310px}
.back-color-3 .list-wrap,.back-color-4 .list-wrap{padding-top:80px}
.list-wrap .content{width:90%;}

.list-box .content .number-text{width: 85%;}
.list-box .content .icon{width: 15%;max-width:43px;margin-top:20px;text-align:right;float: right;}
.list-box .content .number-text .num{font-size: 71px;line-height: 62px;margin-bottom: 25px;}
.list-box .content .list-text .title{font-size: 40px;line-height: 50px;margin-bottom: 30px;}

.list-box .content .list-text .sub-title{font-size: 18px;}
.list-box .content .more{padding-top: 50px;}
.list-box .back-color-4 .content .more{padding-top: 100px;}
.list-box{font-family:"Iskoola Pota";}
/*end list-box style*/

/*people*/
.people{
  height: 355px;
  background: url("../img/people.png") no-repeat;
}
/*people*/

/*begin contact-box style*/
.contact-box{background-color: #F8F8FF;padding:100px 0px;}
.contact-box .overview{padding-top:80px;padding-left:15px;}
.contact-box img{width:100%;max-width:481px;}
/*end contact-box style*/

/******service page*********/
.service{
	background:url(../img/back-service.jpg) no-repeat;
	height:630px;
}
.export{
  margin-top: 10px;
  max-width: 480px;
  width: 100%;
  height: auto;
}
.company{
	background:url(../img/back-company.jpg) no-repeat;
	height:630px;
}
.company-people{background:url(../img/company.jpg) no-repeat;
height:478px;
}
.header-description{
	padding:40px; 
	width:653px;
	background-color:#fff; opacity:0.7;
	position:relative;
	top:-177px;
	left:41%;
}

.step-box{
	margin:0 auto;
	padding-bottom:100px;
}
.step-box .content-part{
	margin-top:-100px;
}
.step-box ul{ width:100%;height:300px;}
.step-box ul > li:last-of-type{
	margin-right:0 !important;
}
/*.step-box ul > li:nth-child(2){
	margin-right:6% !important;
}*/
.step-box ul li{
	float:left;
	width:230px;
	margin-right:25px;
}
.step-box .num{font-size:52px;}
.step-box .title{font-size:32px;}

.step-box .number-text{width: 81%;}
.step-box .icon{width: 19%;max-width:43px;text-align:right}
.step-box .num{line-height: 42px;margin-bottom: 25px;}
.step-box .title{line-height: 40px;margin-bottom: 25px;}
.step-box .sub-title{font-size: 14px;margin-bottom:30px;}
.step-box .text{font-size:16px;line-height:40px;}
.step-box .list-text{height:420px;}
.more-button{width:100%;height:62px; margin:0 auto;}
.more-button .more-link{margin:0 auto;line-height:62px;height:50px;border-bottom:1px solid black;width:60%;}
.more-button .more-link a{color:black;}

.step-header{ height:388px;
}
.one .right{background:url(../img/step1.jpg) no-repeat;}
.two .right{background:url(../img/step2.jpg) no-repeat;}
.three .right{background:url(../img/step3.jpg) no-repeat;}
.four .right{background:url(../img/step4.jpg) no-repeat;}
.step .right{height:388px;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	font-size:32px;
	color:#fff;
	padding:80px 0px 0px 40px;
	line-height:60px;
}
.step .number-text{width: 85%;}
.step .icon{width: 15%;max-width:43px;margin-top:20px;text-align:right}
.step .number-text .num{font-size: 71px;line-height: 62px;margin-bottom: 25px;}
.step .list-text .title{font-size: 40px;line-height: 50px;margin-bottom: 30px;}

.step .list-text .sub-title{font-size: 18px;}
.step .more{padding-top: 50px;}
.step{font-family:"Iskoola Pota";}

.padt93{padding-top:93px;}
.content-part-half{
	margin:0 auto;
	width:500px;
	height:100%;
	padding-top:80px;
}
.one .button{
	background:url(../img/button-back.png) no-repeat;
	width:481px;
	height:47px;
	color:#fff;
	line-height:47px;
	text-align:center;
	margin-bottom:10px;
	font-size:24px;	
}
.one-title{font-size:24px;margin-bottom:20px;}
.menu-desc{padding-left:20px;}
.menu-desc p {font-size:16px;line-height:34px;}
.point{margin-top:93px;padding:50px;background:#F4F4F4;}
.point ul{margin-top:50px;}
.point ul li{width:32%;margin-right:2%;float:left;}
.point .number-text{
  font-size:44px;
  line-height: 44px;
  margin-bottom: 30px;
}
.point ul > li:last-of-type{margin-right:0px;}
.special p.line{margin:0 auto;}
ul.special  {height:315px !important;}
ul.special li{height:315px !important;}
.special li img{width:100%;margin-bottom:35px;}
.special {margin-top:93px;}
.round-button{width:100%;height:45px; line-height:45px;color:#fff;font-size:24px;border-radius:30px;margin-bottom:20px;}
.two .blank{width:95%;height:330px;}
.two .last-section{
	margin-top:130px;
	padding:45px;
	font-size:24px;
	color:#fff;
	line-height:45px;
}
.gallery .gallery1{
	background:url(../img/step2-last-1.jpg) no-repeat;height:333px;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.gallery .gallery2{background:
	url(../img/step2-last-2.jpg) no-repeat;height:333px;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.gallery .gallery3{background:		
	url(../img/step2-last-3.jpg) no-repeat;height:333px;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.gallery .gallery4{background:
	url(../img/step2-last-4.jpg) no-repeat;height:333px;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.three .top.content-part-half,.four .top.content-part-half{
	margin-left:45px !important;
}
.three .right .content-part-half{
	padding-top:0px !important;
}
.three .menu-desc,.four .menu-desc{padding-left:0px;padding-right:20px;}
.three .blank{
	background:url(../img/three.jpg) no-repeat;height:340px;
	margin-left:20px;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.three .content-part,.four .content-part{padding-bottom:93px;}
.four .blank{
	background:url(../img/four.jpg) no-repeat;height:328px;
	margin-left:20px;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.three .point, .four .point{background:#DCDDDD;}
/***************************/

/******begin contact style*********/
.w30{width: 30% !important;}
.w145{width: 145% !important;}
.w125{width: 125% !important;}
.contact{
	background:url(../img/back-contact.jpg) no-repeat;
	height:630px;
}
.contact-page .header-description{
	top: -170px;
}
.contact-page .header-description .text p{
	/*margin-top: 12px;*/
	/*margin-bottom: 13px;*/
}
.form-title, .recruit-title{
	margin-top: 90px;
	margin-bottom: 60px;
}
.form-description p{
	font-size: 16px;
	line-height: 16px;
	margin-bottom: 16px;
}
.form-box{
    padding-bottom: 175px;
}
.form-box label{
    font-size: 20px;
    line-height: 26px;
}
.form-box .form-body{
    padding-top: 43px; 
}
.form-box .form-body .col-6{
    padding-right: 0 !important;
    padding-left: 0 !important;
    padding-bottom: 0 !important;
}
.form-box .form-body .label{
    width: 15%;
    float: left;
    padding-top: 7px;
}
.form-box .form-body .value{
    width: 84.5%;
    float: left;
    padding: 5px 0;
}
.form-box .form-body input,
.form-box .form-body textarea,
.form-box .form-body select{
    width: 100%;
    background: #fff9;
    border: 0;
}
#project{
	height: 33px;
	font-size: 18px;
	color: #000042;
}
#project option { color: #000042; }
.form-box .form-body input{
    height: 33.673px;
}
.form-box .form-body textarea{
    height: 187.487px;
}
.form-box .form-body .form-group{
    padding: 9px 0;
}
.form-box .form-body .form-group:first-child input{
    width: 350px;
}
.form-box .form-body .form-group:first-child .value{
    width: 275px;
}
.form-action{
    text-align: center;
    padding-top: 50px;
}
.form-action input{
    width: 366.43px;
    height: 59.311px;
    opacity: 0.85;
    border: 1px solid rgb(114, 113, 113);
    border-radius: 30px;
    font-size: 24px;
}
#confirm, #submit{
    background-color: rgb(114, 113, 113);
    color: #fff;
}
#reset{
    background-color: #fff;
    color: rgb(39, 29, 26);
}
#reset, #submit{
    margin: 0 10px;
}
.form-result{text-align: center;font-size: 20px;
    line-height: 26px; padding-top: 15px;}
.padding-l20{
    padding-left: 20px;
}

/******end contact style*********/

/******begin recruit style********/
.recruit{
  background:url(../img/back-recruit.jpg) no-repeat;
  height:630px;
}
.recruit-page .header-description{
  top: -170px;
}
.recruit-page .header-description .text p{
  margin-top: 12px;
  margin-bottom: 13px;
}
.description-ctop p{
  font-size: 16px;
  line-height: 16px;
  margin-bottom: 16px;
}
.description-ctop p:first-child{
  font-size: 24px; 
  line-height: 24px;
  margin-bottom: 48px;
}
.margin-t32{margin-top: 32px !important;}
.border-r1{border-right:1px solid #000;}
.border-l1{border-left:1px solid #000;}
.prolist-box{
  background-color: rgb(229, 229, 229);
  width: 100%;
  height: 287px;
}
.prolist-box > div{
  height: 208px;
  margin-top:40px;
  margin-bottom:40px;
  padding-left: 40px;
  padding-right: 20px;
}
.prolist-box > div > ul{
  list-style: disc;
}
.prolist-box > div > ul,
.prolist-box > div p{
  font-size: 16px;
  line-height: 16px;
}
.left-m15{
  position: relative;
  left: -15px;
}
.prolist-box > div > ul li {
  margin-bottom: 15px;
}
.w100{width: 100% !important;}
.w98{width: 98% !important;}
.w90{width: 90% !important;}
.citem-box{
  margin-top: 100px;
}
.citem .label{
  background-color: rgb(114, 113, 113);
  height: 37px;
  text-align: center;
  margin-bottom: 25px;
}
.citem .label p{
  font-size: 24px;
  line-height:37px;
}
.citem .content p{
  font-size: 16px;
  line-height: 16px;
  margin-bottom: 16px;
}
.margin-t40{margin-top: 40px !important;}
.margin-b38{margin-bottom: 38px !important;}
.margin-t100{margin-top: 100px !important;}
.margin-b30{margin-bottom: 30px !important;}
.margin-b150{margin-bottom: 150px !important;}
.have-hcont{display: table;}
.back-color-dia{background-color: rgb(58,58,58);}
.padding-tb55-lr40{padding: 55px 40px;}
.text-calign{text-align: center !important;}
.font-dia{font-size: 24px;}
.width-130{width: 130px;}
.margin-0a{margin: 0 auto;}
.dia-line{
  border-color:#fff !important; 
  margin-top: 20px;
  margin-bottom: 0;
}
.right-short-box{
  height: 237px;
  width: 193px;
  background-color: rgb(248, 248, 255);
  text-align: left;
  font-size: 16px;
  line-height: 35px;
  padding: 16px;
}
.w80{width: 79% !important;}
.w65{width: 400px !important;}
.w77{width: 77% !important;}
.sm-box{width: 705px;}
.w37{width: 37%;}
.w22{width: 22%;}
.height-60{height: 60px;}
.lheight-60{line-height: 60px;}
.padding-tb10-lr45{
  padding: 10px 45px; 
}
.padding-tb10-l45-r30{
  padding: 10px 30px 10px 45px;
}
.padding-20{padding:20px;}
.padding-l55{padding-left: 55px;}
.padding-l45{padding-left: 45px;}
.padding-l10{padding-left: 10px;}
.dia-1-box{padding:30px 0 0 70px;}
.dia-2-box{padding:25px 0 0 35px;}
.dia-3-box{padding:30px 0 0 25px;}
.crui-bottom{
  height: 212px;
  background-color: rgb(110, 110, 122);
  text-align: center;
}
.bcolor-201{background-color: rgb(201, 202, 202);}
.lblack-box{
  background-color: #000;
  width: 202px;
  height: 137px;
  font-size: 24px;
  text-align: center;
}
.margin-t40{margin-top: 40px;}
.lblack-box p{ 
  line-height: 137px;
}
.rblack-box{
  padding-left: 145px;
  font-size: 16px;
  width: 555px;
}
.rblack-box > p{
  line-height: 25px;
}
.rblack-box > div{
  margin-top: 18px;
}
.rblack-box > div span{
  line-height: 16px;
}
.bottom-bar{}
.w44{width: 44%;}
.crui-bottom p{
  line-height: 212px;
  font-size: 24px;
}
.color-b{color: #000 !important;}
.bottom-bar{line-height: 35px;}
.margin-t55{margin-top: 55px;}
.margin-t45{margin-top: 45px;}
.margin-t35{margin-top: 35px;}
/******end recruit style********/




/*******company*******/
.company-two dt,.company-two dd {font-size:18px;line-height:35px;}
.company-two dt {width:20%;}
.company-two dd {width:80%;}
.company-two dl {margin-top:55px;margin-bottom:126px;}
.company-two{padding-top:130px;}
.top .list-text .title{font-size: 40px;line-height: 50px;margin-bottom: 30px;}
.top .list-text .sub-title{font-size: 18px;}
.company-one .left-1{height:1008px;}
.company-one .right{background:url(../img/company2.jpg) no-repeat
 center;
	height:1008px;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.company-one .one-title{margin-top:50px;line-height:55px;}
.company-one p {font-size:16px;line-height:34px;padding-right:60px;}
.left-2, .right-2{height:1255px;}
.left-2 {background:url(../img/company3.jpg) no-repeat bottom right;background-color:#F4F4F4;}
.right-2 {background:url(../img/company4.jpg) no-repeat bottom left;
background-color:#E5E5E5;}
.right-2 .content-part-half{padding-left:60px !important;margin-left:0px;padding-right:0px;width:560px;}
.right-2 .line.color-wh{margin-top:25px;margin-bottom:-20px;}
.company-header{height:300px;
background:url(../img/company-desc-back.png) top no-repeat;opacity:1}
.company-one{margin-top:-300px;}
.left-1{padding-top:126px;}
/********************/
.color-wh a{color:#fff !important;}
.color-wh{border-color:white !important;}
.cover{
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

@media only screen and (max-width: 1100px) {
  .header-description .text p{
    margin-bottom: 0;
    line-height: 40px;
  }
  .sp-hide{display: none !important;}
	.nav ul li{margin:0 10px;}
	.header-description{
		left:30%;
		padding:30px;
		width:60%;
	}
  .vision{
    padding-top: 80px !important;
  }
  .left-2, .right-2 {
    height: 1340px;
  }
  .right-2 .content-part-half{
    left:30%;
    padding:30px;
    width:100%; 
  }
	.content-part-half{
		margin:0 auto;
		width:100%;
		height:100%;		
	}
	.one .content-part-half,.two .content-part-half{
		padding-left:30px;		
	}
	.company-one .content-part-half,.company-two .content-part-half{
		padding-left:30px;		
	}
	.company-two{
		padding-left:30px;		
	}
	.three .menu-desc, .four .menu-desc{padding-left:30px;}
  .form-box .form-body .form-group:first-child input{
    width: 308%;
  }
  .sp-name{margin-bottom: 20px;}
  .form-box .form-body .form-group .w50{width: 100%;} 
  .form-box .form-body .form-group .w50 .w125{width: 308% !important;} 
  .form-box .form-body .form-group .w50 .w30{width: 15% !important;}
  .form-box .form-body .form-group .w50 .padding-l20{padding-left: 0;}
}