/*

Editor	: C.I.
Version	: 1.0
Since	: 2019-12-25

 */

/*---------------------------------------------------------
/index/
-----------------------------------------------------------*/
#indexttlWrap{
display: table;
width:100%;
position: relative;
height:680px;
overflow: hidden;
}
#inindexTtlWrap{
display: table-cell;
text-align: center;
vertical-align: middle;
}
#inindexTtlWrap h1 img{
height:4em;
width:auto;
position: relative;
z-index: 1;
}
#indexttlWrap .inTtlWrapImg{
margin-top:0;
position: absolute;
z-index:0;
top:0;
left:0;
right:0;
bottom:0;
}

#indexttlWrap .inTtlWrapImg ul{
position:relative;
width:100%;
height:100%;
overflow:hidden;
}
#indexttlWrap .inTtlWrapImg li{
position:absolute;
width:100%;
height:100%;
opacity: 0; filter: alpha(opacity=0); 
}
#indexttlWrap .inTtlWrapImg li:first-child{
opacity: 1.0; filter: alpha(opacity=100); 
}
#indexTtlWrap .inTtlWrapImg ul{margin-top:0;}
@media only screen and (max-width: 1570px){
    #indexttlWrap .inTtlWrapImg img{
	height:100%;
	width:auto;
    }
}
@media only screen and (max-width: 1300px){
    #indexttlWrap{
    height:500px;
    }
	#inindexTtlWrap h1 img{
	height:3em;
	}
    #indexttlWrap .inTtlWrapImg img{
	height:auto;
	width:100%;
    }
}
@media only screen and (max-width: 1158px){
    #indexttlWrap .inTtlWrapImg img{
	height:100%;
	width:auto;
    }
}
@media only screen and (max-width: 767px){
    #indexttlWrap{
    height:300px;
    }
    #indexttlWrap .inTtlWrapImg img{
	height:auto;
	width:100%;
    }
	#inindexTtlWrap h1 img{
	height:1.5em;
	}
	.home #inContent{padding-bottom:0;}
	.home .linkList li,
	.home .linkBtn li{text-align: center;}
}
@media only screen and (max-width: 690px){
    #indexttlWrap .inTtlWrapImg img{
	height:100%;
	width:auto;
    }
	#indexttlWrap .inTtlWrapImg{
	width:2000px;
	text-align: center;
	left:50%;
	top:0;
	margin-left:-1000px;;
	}
}
.home h2{
text-align: center;
padding-bottom:1em;
}
.home h2 span{
display: block;
font-size:14px;
text-transform: uppercase;
}
.home #contents h2 span:before{
content:"";
display: block;
width:4em;
height: 1px;
border-bottom:solid 3px #111;
margin-right: auto;
margin-left: auto;
}

.indexfeature li{
text-align: center;
}
.indexfeature li dt{
display: block;
font-size:1.2em;
}
.indexfeature li dd{
color:#8B5B00;
font-weight: 400;
}

.indexfeature li dt:after{
content:"";
display: block;
width:4em;
height: 1px;
margin-top:1em;
border-bottom:solid 3px #111;
margin-right: auto;
margin-left: auto;
margin-bottom:1em;
}

.indexfeature li img{
width:70%;
}

@media only screen and (max-width: 767px){
.indexfeature .tumList3 li{
width:auto;
float:none;
margin-top:1em;
}
.indexfeature .tumList3 li img{
width:60%;
}
.indexfeature .tumList3{margin-top:0;}
.indexfeature .tCenter{padding-bottom:0;}
}

/* indexNews */
.indexNews{
padding-top:3em;
padding-bottom:4em;
background-color:#fff;
}
.indexNews .linkList li{
text-align: center;
}

/* indexBusiness */
.indexBusiness{
position:relative;
}
.indexBusiness .inCon{
width:90%;
}
.indexBusiness:after{
content:"";
display: block;
position:absolute;
bottom:0;
left:0;
right:0;
height: 50%;
z-index:0;
background-color:#000;
}
.indexBusiness .tumList3{
position: relative;
z-index:1;
}
.indexBusiness .tumList3 li a{display: block;text-decoration: none;}
.indexBusiness .tumList3 li .linkList li:after{
content:" ";
display:inline-block;
margin-left:1em;
margin-bottom:-2px;
width:1em;
height:1em;
background:url(/asset/img_cmn/icon_arrow.svg) no-repeat 0 50% transparent;
background-size:  100% auto;
}
.indexBusiness .inTxt{
background-color:#fff;
padding:1em;
margin:-2em 1em 2em;
position: relative;
z-index:1;
}
.indexBusiness .inTxt dt{
padding-bottom:3px;
border-bottom: solid 3px #111;
text-align: center;
font-size:1.3em;
margin-bottom:10px;
}
.indexBusiness .inTxt .linkList li{
width:auto;
text-align:center;
float:none;
}

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

.indexBusiness .tumList3 li{
width:auto;
float:none;
margin-left: 0;
}

.indexBusiness:after{
height: 20%;
}
}

@media only screen and (max-width: 767px){
.indexAbout iframe{
height:250px;
}
}

/* indexGN */
.indexGN{
position:relative;
background-color:#fff;
}
.indexGN:after{
content:"";
display: block;
position:absolute;
bottom:0;
left:0;
right:0;
height: 50%;
z-index:0;
background-color:#000;
}
.indexGN figure,
.GBranchLists{
position: relative;
z-index: 1;
}
.GBranchLists div.japan:nth-child(2){display: none;}
.indexGN figure img{
background-color:#fff;
}
.GBranchLists dl{
padding:10px;
background-color:#fff;
min-height: 8em;
}
.GBranchLists dt span{
display: block;
font-size:13px;
}
.GBranchLists dt{
border-bottom:solid 3px #111;
}
.GBranchLists dt a{display: block;}
.GBranchLists dt a:after{
content:" ";
display:inline-block;
margin-left:1em;
margin-bottom:-2px;
width:1em;
height:1em;
background:url(/asset/img_cmn/icon_arrow.svg) no-repeat 0 50% transparent;
background-size:  100% auto;
}

.GBranchLists dt a{
text-decoration: none;
}
.GBranchLists dd{
padding-top:10px;
font-weight: bold;
}
@media only screen and (max-width: 767px){
.indexGN:after{
height: 80%;
}
}

/*---------------------------------------------------------
/business/
-----------------------------------------------------------*/
.menuW .menuList{
margin-top:5em;
}
.menuW .menuList .txt{
background-color:#fff;
width:50%;
float:right;
position:relative;
z-index:1;
}
.menuW .menuList .txt a{
text-decoration: none;
display: block;
}
.menuW .menuList .inTxt{
padding:2em;
}
.menuW .menuList h2{
margin-top:0;
border-bottom:solid 3px #111;
font-weight: 500;
}
.menuW .menuList figure{
margin-bottom:-10em;
position:relative;
z-index:0;
width:95%;
}
.menuList:after{
content:"";
display: block;
height:0;
clear:both;
visibility: hidden;
}
.menuList .linkList{
text-align: right;
}
.menuList .linkList li:after{
content:" ";
display:inline-block;
margin-left:1em;
margin-bottom:-2px;
width:1em;
height:1em;
background:url(/asset/img_cmn/icon_arrow.svg) no-repeat 0 50% transparent;
background-size:  100% auto;
}
@media only screen and (max-width: 1024px){
	.menuW .menuList{
	margin-top:2em;
	}
	.menuW .menuList .txt{
	width:98%;
	}
	.menuW .menuList figure{
	margin-bottom:-5em;
	}
}

/* pointW */
.pointW .pointList{
margin-left:1em;
background-color:#fff;
padding:4em 4em;
margin-top:4em;
position:relative;
}
@media only screen and (max-width: 767px){
	.pointW .pointList{
	padding:3em 2em 2em;
	margin-top:3em;
	}
}
.pointW .pointList p.pMark{
position:absolute;
top:-1em;
left:-1em;
padding:10px 1em;
line-height: 1.2;
background-color:#8B5B00;
margin-top:0;
color:#fff;
font-size:1.8em;
text-align: center;
}
.pointW .pointList h4{font-size:1.4em;margin-top:0;}
.pointW .pointList p.pMark span{
font-size:12px;
font-weight: normal !important;
display: block;
}
.pointW{counter-reset:number;}
.pointW .pointList p.pMark:after{
counter-increment: number;
content: counter(number);
padding-right:10px;
display: inline-block;
}
.pointList .columG2 .col{
float:right;
}
.pointList .columG2 .col strong{
display: block;
}
@media only screen and (max-width: 767px){

.pointList .columG2 .col{
float:none;
padding-bottom:1em;
}
}
.sunList{
text-align: center;
}
.atdTtl{
background-color:#EBE3D4;
padding:1em 2em;
display: inline-block;
}
.atdTtl strong{
color:#8B5B00;
}

.anniversary{
padding-top:5em;
padding-bottom:10em;
background:url("/asset/img/background_60th.png") 50% 50% no-repeat;
background-size:100% auto;
color:#fff;
text-align: center;
}
.anniversary .inCon{
max-width:1400px;
position: relative;
}
.anniversary .inCon:before{
content:"";
display: block;
width:16em;
height:6em;
background:url("/asset/img/txt_since_1957.svg") 0 0 no-repeat;
background-size:auto 100%;
position: absolute;
top:-1em;
left:0em;
}
.anniversary h2 span:before{
content:"";
magin-top:1em;
margin-bottom: 1em;
display: block;
width:4em;
height:1px;
border-top:solid 1px #fff;
margin-left:auto;
margin-right: auto;
}
.anniversary .linkBtn li a{
background-color:transparent;
border:solid 1px #fff;
color:#fff;
}
.anniversary .linkBtn li a:after{
content:" ";
display:inline-block;
margin-left:1em;
margin-bottom:-2px;
width:1em;
height:1em;
background:url(/asset/img_cmn/icon_arrow_f.svg) no-repeat 0 50% transparent;
background-size:  100% auto;
}

@media only screen and (max-width: 1888px){
.anniversary{
background-size:auto 100%;
}
}
@media only screen and (max-width: 472px){
.anniversary .inCon:before{
width:15em;
height:5em;
}
}
/*---------------------------------------------------------
/aboutus/
-----------------------------------------------------------*/
@media only screen and (max-width: 767px){
.history table th{width:36%;}
.outline table th{width:30%;}
}
.signature{
text-align: right;
font-size:1.2em;
font-weight: 400;
}

/*---------------------------------------------------------
/feature/
-----------------------------------------------------------*/
.feature #inContent{
margin-right: 0;
width:85%;
}
.feature #inContent{
padding-bottom:0;
}
.feature .tCenter{
width:85%;
}
.featureWrap{overflow: hidden;padding-bottom:6em;}
.featureWrap .featureList{
margin-top:8em;
position: relative;
}
.featureWrap .featureList div.col{
background-color:#fff;
padding:2em 4em;
overflow: hidden;
position: relative;
margin-right: -6em !important;
padding-right: 6em;
}
.featureWrap .featureList div.col h2,
.featureWrap .featureList div.col p,
.featureWrap .featureList div.col figure{
padding-right: 4em;
}
.featureWrap .featureList figure.col{
z-index:1;
position: absolute;
bottom:-6em;
left:50%;
}
.featureWrap .featureList div.col:after{
content:"";
display: block;
width:8em;
height:25em;
background-color:#8B5B00;
position:absolute;
top:-7em;
left:-7em;
transform: rotate(45deg);
}
.featureWrap{
counter-reset:number;
position: relative;
}
.featureWrap .featureList div.col:before{
counter-increment: number;
content: counter(number);
font-size:2em;
border-bottom:solid 2px #fff;
color:#fff;
font-weight: 600; 
position: absolute;
z-index: 2;
top:5px;
left:20px;
text-align: center;
}
@media only screen and (max-width: 1170px){
	.featureWrap .featureList div.col{
	margin-right: -3em !important;
	padding-right: 3em;
	}
	.featureWrap .featureList figure.col{
	bottom:-3em;
	left:50%;
	}
}
@media only screen and (max-width: 1024px){
	.featureWrap .featureList div.col{
	margin-right: 0 !important;
	padding-right: 0;
	float:none;
	width:auto;
	}
	.featureWrap .featureList figure.col{
	bottom:0;
	left:0;
	position:static;
	margin-top:0;
	width:auto;
	float:none;
	margin-left: 0;
	}
}

@media only screen and (max-width: 767px){
.featureWrap .featureList div.col{padding:3em 1.5em 2em;}
.featureWrap .featureList div.col h2,
.featureWrap .featureList div.col p,
.featureWrap .featureList div.col figure{
padding-right: 1em;
}
}

/*---------------------------------------------------------
/globalnetwork/
-----------------------------------------------------------*/
.branchList .linkBtn li{
display: inline-block;
}


/*---------------------------------------------------------
/careers/
-----------------------------------------------------------*/
.careersImg{
overflow: hidden;
}
.inCrrImg{
width:240%;
}
.inCrrImg ul{
width:50%;
}
.careersImg ul{
display: inline-block;
}
.careersImg li{
display: inline-block;
width:20%;
}

.careersConceptW{
background:url("/asset/img/careers_bg_message.png") no-repeat 50% -50px;
background-size: 100% auto;
text-align: center;
line-height: 2.5;
padding:5em 0;
}
@media only screen and (max-width: 500px){
.careersConceptW{
background-size: auto 100% ;
padding:2em 0;
line-height: 1.5;
}
}

@keyframes loop {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes loop2 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}
.careersImg ul:first-child {
  animation: loop 60s -30s linear infinite;
}

.careersImg ul:last-child {
  animation: loop2 60s linear infinite;
}
@media only screen and (max-width: 500px){
.inCrrImg{
width:480%;
}
}

.careerSet table th{width:30%;}

.cOpenJobCon{
margin-top:1em;
background-color:#fff;
padding:2em 4em 4em;
}
h2+ .cOpenJobCon{
margin-top:2em;
}
@media only screen and (max-width: 500px){
.cOpenJobCon{
margin-top:1em;
padding:10px 1em 1em;
}
h2+ .cOpenJobCon{
margin-top:1em;
}
}

.careerSet{
border-bottom:solid 1px #111;
}
p + .careerSet{
margin-top:2em;
border-top:solid 1px #111;
}
.careerSet h3{
margin-top:0;
padding-top:2em;
padding-bottom: 2em;
cursor: pointer;
}

.careerSet h3.open{
background:url("/asset/img_cmn/icon_arrow_d.svg") no-repeat 98% 50%;
background-size:auto 0.6em;
}
.careerSet h3.close{
background:url("/asset/img_cmn/icon_arrow_u.svg") no-repeat 98% 50%;
background-size:auto 0.6em;
}




.contactTel dl dd .notes{foont-size:14px;margin-left:10px;}
.contactTel dl dt,
.contactTel dl dd{
display: inline-block;
}
.contactTel dl dt{
background-color:#fff;
padding:10px 1em;
margin-right: 1em;
}
.contactTel dl dd a{
font-size:170%;
font-weight: 700;
text-decoration: none;
}
.contactTel dl{
text-align: center;
}
@media only screen and (max-width: 392px){
	.contactTel dl{
	font-size:80%;
	}
}

.contactOversea{
border:solid 2px #111;
display: table;
width:100%;
padding:1em 0;
margin-top:2em;
}
.contactOversea .inTxt,
.contactOversea h3{
display: table-cell;
padding:10px 1em;
vertical-align: middle;

}
.contactOversea h3{
text-align: center;
}
.contactOversea .inTxt{
border-left:solid 3px #000;
width:70%;
}
.contactOversea .inTxt dt,
.contactOversea .inTxt dd{
display: inline-block;
}
.contactOversea .inTxt dt{
background-color:#fff;
padding:10px 12px;
min-width: 8em;
text-align: center;
margin-right: 10px;
}
.contactOversea .inTxt dd{
font-size:1.2em;
font-weight: bold;
}
.contactOversea .inTxt dd a{
text-decoration: none;
}
.contactOversea .inTxt dl{
margin-top:10px;
}
.contactOversea .inTxt dl:first-child{
margin-top:0;
}
@media only screen and (max-width: 600px){
.contactOversea h3,
.contactOversea .inTxt,
.contactOversea{
display: block;
width:auto;
}
.contactOversea .inTxt dt,
.contactOversea .inTxt dd{
display: block;
text-align: center;
}
.contactOversea h3 br{display: none;}
.contactOversea .inTxt{border:none;}
}
@media only screen and (max-width: 392px){
	.contactTel dl{
	font-size:80%;
	}
}