/*----------------------------------------------------------------------------------------------------------------------#page_tit----------*/

#page_tit{
background:url("../images/company_main.jpg") no-repeat center center;
background-size:cover;
}

/*----------------------------------------------------------------------------------------------------------------------#cont----------*/

#cont h2{
font-size:27px;
font-weight: normal;
letter-spacing:3px;
line-height:1.4;
color:#fff;
text-align:center;
position: relative;
margin-bottom: 30px;
}

.border:after{
width:100%;
content: "";
border-bottom: 1px solid #fff;
position: absolute;
top:0;
left: 0;
right: 0;
bottom: -10px;
margin:auto;}

#cont h3{
font-weight:bold;
text-align:left;
color:#5D5D5D;
}

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

#cont h2{ 
font-size:25px;
letter-spacing:3px;
}

}

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

#cont h2{ 
font-size:24px;
}

}


/*----------------------------------------------------------------------------------------------------------------------#concept----------*/ 

#concept{
padding-top:120px;
padding-bottom:0px;
position:relative;
}

#concept .inner{
width:90%;
max-width:1080px;
margin:0 auto;
min-height:520px;
height:auto;
position:relative;
}

.ph_rec01{
position:absolute;
top:0;
right:0px;
width:50%;
max-width:540px;
z-index:1;
}

.ph_rec02{
position:relative;	
margin-left:45%;
width:41%;
max-width:450px;
z-index:2;
padding-top:240px;
}

.ph_rec01 img, .ph_rec02 img{
width:100%;
height:auto;	
}

.txt_concept{ margin-top:0px; }

#concept h2, #concept h3{ text-align:left; z-index: 0; }

#concept p{ 
margin-top:16px;
width:45%;
line-height: 3em;
}

#concept2{
padding-top:120px;
padding-bottom:0px;
position:relative;
}

#concept2 .inner{
width:90%;
max-width:1080px;
margin:0 auto;
min-height:520px;
height:auto;
position:relative;
}


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

#concept .inner{
width:90%;
min-height:380px;
}

.txt_concept{
margin-top:-370px;
}
	
.ph_rec02{
position:relative;	
margin-left:45%;
width:41%;
max-width:450px;
z-index:1;
padding-top:160px;
}

}

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

#concept{ 
padding-bottom:0px;
}
	
#concept .inner{ width:90%;}
	
.txt_concept{ width:100%;}

.ph_rec01{
position:relative;
width:100%;
margin:0 auto;
right:0px;
}

.ph_rec02{ display:none; }

#concept h2, #concept h3{ text-align:center; }
	
.txt_concept{ margin-top:0px;}

#concept h2{ margin-top:20px; }

#concept p{ 
margin-top:16px;
width:100%;
}

}

/*----------------------------------------------------------------------------------------------------------------------#concept2----------*/ 

#concept2{
padding-top:50px;
padding-bottom:0px;
position:relative;
}

#concept2 .inner{
width:90%;
max-width:1080px;
margin:0 auto;
min-height:520px;
height:auto;
position:relative;
}

/*.ph_rec01{
position:absolute;
top:0;
right:0px;
width:50%;
max-width:540px;
z-index:1;
}

.ph_rec02{
position:relative;	
margin-left:45%;
width:41%;
max-width:450px;
z-index:2;
padding-top:240px;
}

.ph_rec01 img, .ph_rec02 img{
width:100%;
height:auto;	
}*/

.txt_concept{ margin-top:0px; }

#concept2 h2, #concept h3{ text-align:left; z-index: 0; }

#concept2 p{ 
margin-top:16px;
line-height: 3em;
}

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

#concept2 .inner{
width:90%;
min-height:380px;
}

.txt_concept{
margin-top:-370px;
}
	
.ph_rec02{
position:relative;	
margin-left:45%;
width:41%;
max-width:450px;
z-index:1;
padding-top:160px;
}

}

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

#concept2{ 
padding-bottom:0px;
}
	
#concept2 .inner{ width:90%;}
	
.txt_concept{ width:100%;}

.ph_rec01{
position:relative;
width:100%;
margin:0 auto;
right:0px;
}

.ph_rec02{ display:none; }

#concept2 h2, #concept h3{ text-align:center; }
	
.txt_concept{ margin-top:0px;}

#concept2 h2{ margin-top:20px; }

#concept2 p{ 
margin-top:16px;
width:100%;
}

}

/*----------------------------------------------------------------------------------------------------------------------#outline----------*/

#outline{
width:100%;
padding:50px 15px 15px 80px;
background-size:cover;
}

#outline .inner{
max-width:1080px;
width:100%;
margin:0 auto;
}

#outline .tit_en, #outline .tit_sec{ text-align:center; }

#outline .tit_sec::after{ margin:14px auto 35px auto; }

#outline table{
width:81.5%;
border-bottom:1px dotted #ccc;
border-collapse:separate;
border-spacing:0;
margin:0 auto;
padding-top: 20px;
}

#outline th{
font-weight:bold;
color:#5D5D5D;
width:18%;
padding:14px;
border-top:1px dotted #ccc;
-moz-text-align-last: justify;
  text-align-last: justify;
}

#outline td{
width:82%;
padding:14px 14px 14px 50px;
border-top:1px dotted #ccc;
}

#outline td a{
color:#3051a1;
text-decoration:underline;
}

#outline td a:hover{ text-decoration:none; }

span.atama{
display: inline-block;
width: 14em;
}

span.indentback1{
text-indent: -1em;
padding-left: 0.4em;
}

span.indentback2{
text-indent: -1em;
padding-left: 0.7em;
}

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

#outline .inner{ width:90%; }
	
#outline th{
font-weight:bold;
color:#5D5D5D;
width:25%;
padding:14px;
border-top:1px dotted #ccc;
-moz-text-align-last: justify;
  text-align-last: justify;
}

#outline td{
width:70%;
padding:14px 14px 14px 50px;
border-top:1px dotted #ccc;
}

}


@media screen and (max-width:740px){
	
#outline{ 
padding:20px 0;
background:none;}

#outline .inner{ width:90%; }

#outline .box_tit{ 
float:none;
width:100%;
}

#outline table{
width:100%;
float:none;
margin-top:25px;
}

#outline th{
background-color:#B3B3B3;
-moz-text-align-last: left;
  text-align-last: left;
}
	
#outline th, #outline td{ 
width:100%;
display:block;
padding:14px 10px;
}

}

/*----------------------------------------------------------------------------------------------------------------------#access----------*/

#access{
padding:65px 0px 50px 0px;
}

#access .inner{
width:90%;
max-width:1080px;
margin:0 auto;
position:relative;
}

.txt_access p{ 
text-align:center;
margin-top:16px;
margin-bottom: 20px;
}


@media screen and (max-width:740px){
	
#access .inner{ width:90%; }

}

/*▽アクセスマップ*/
#map {
width: 100%;
height: 500px;
margin-bottom: 0px;
}

#access .more{
margin:50px auto;	
width:250px;
height:50px;
font-size:14px;
}

#access .more a {
background-color: #B3B3B3;
border: 1px solid #fff;
color:#fff;
line-height:30px;
width:100%;
border-radius:20px;
}

#access .more a:hover {
background-color:#B3B3B3;
border: 1px solid #5D5D5D;
color:#5D5D5D;
}