/*///////////////COMPANY HEAD////////////////////*/

#company_head{
position: relative;
width: 100%;
height: 360px;
font-size: 0;
text-align: center;
box-sizing: border-box;
margin-top: 100px;
}
.company_head_left,
.company_head_main,
.company_head_right{
position: relative;
display: inline-block;
vertical-align: top;
height: 360px;
font-size: 16px;
}
.company_head_main{
width: 40%;
text-align: center;
background: #ad3232;
background: #19573b;
color: #fff;
padding-top: 60px;
}
.company_head_left{
width: 30%;
text-align: center;
background-image: url("../img2021/company/head_pic4.jpg");
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.company_head_right{
width: 30%;
text-align: center;
background-image: url("../img2021/company/head_pic3.jpg");
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
p.pagetitle{
text-align: center;
color: #fff;
border-bottom: solid 1px #fff;
display: inline-block;
font-size: 120%;
padding: 0 80px;
padding-bottom: 0.5em;
margin-bottom: 2.5em;
}
#company_head h2{
font-size: 180%;
font-weight: bold;
}


@media screen and (max-width:1400px){
#company_head h2{
font-size: 165%;
}
}
@media screen and (max-width:1100px){
#company_head h2{
font-size: 150%;
}
#company_head{
height: 330px;
}
.company_head_left,
.company_head_main,
.company_head_right{
height: 330px;
}
}
@media screen and (max-width:870px){
#company_head{
margin-top: 50px;
}
#company_head h2{
font-size: 135%;
}
.company_head_main{
width: 50%;
text-align: center;
background: #ad3232;
background: #19573b;
color: #fff;
padding-top: 40px;
}
.company_head_left{
display: none;
}
.company_head_right{
width: 50%;
text-align: center;
background-image: url("../img2021/company/head_pic2.jpg");
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
#company_head{
height: 280px;
}
.company_head_left,
.company_head_main,
.company_head_right{
height: 280px;
}
p.pagetitle{
text-align: center;
color: #fff;
border-bottom: solid 1px #fff;
display: inline-block;
font-size: 100%;
padding: 0 80px;
padding-bottom: 0.5em;
margin-bottom: 2.5em;
}
}
@media screen and (max-width:670px){
#company_head{
height: auto;
}
.company_head_main{
height: 200px;
display: block;
width:100%;
text-align: center;
background: #ad3232;
background: #19573b;
color: #fff;
padding-top: 20px;
}
.company_head_right{
display: block;
display: none;
height: 180px;
width: 70%;
text-align: center;
background-image: url("../img2021/company/head_pic2.jpg");
background-repeat: no-repeat;
background-size: cover;
background-position: center;
margin: 15px auto;
border-radius: 8px;
}
p.pagetitle{
text-align: center;
color: #fff;
border-bottom: solid 1px #fff;
display: inline-block;
font-size: 100%;
padding: 0 80px;
padding-bottom: 0.5em;
margin-bottom: 1.5em;
}
}



/*///////////////COMPANY TEXT////////////////////*/

#company_text{
width: 90%;
max-width: 800px;
text-align: left;
margin: auto;
padding: 60px 0;
}
#company_text p.company_lead{
font-size: 110%;
line-height: 1.7em;
font-weight: bold;
color: #ad3232;
color: #19573b;
}
#company_text h3{
font-size: 140%;
line-height: 1.7em;
font-weight: bold;
color: #ad3232;
color: #19573b;
text-align: center;
display: table;
margin: auto;
padding: 0 80px;
padding-bottom: 0.25em;
margin-bottom: 2.5em;
border-bottom: solid 1px #ad3232;
border-bottom: solid 1px #19573b;
}
#company_text p.philosophy{
text-align: center;
font-size: 135%;
line-height: 2em;
margin-bottom: 50px;
}
#company_text p.philosophy2{
text-align: center;
font-size: 135%;
line-height: 2em;
}

#company_text table{
width: 100%;
margin-bottom: 40px;
}
#company_text td,
#company_text th{
font-size: 90%;
padding: 8px 0;
border-bottom: 1px dashed #e5e0d2;
text-align: left;
}
#company_text table.outline th{
width: 140px;
}
#company_text table.outline td{
}
#company_text table.history th{
width: 80px;
vertical-align: top;
}
#company_text table.history td{
}
#company_text table.license th{
width: 230px;
vertical-align: top;
}
#company_text table.license td{
}
a.top_button{
margin: auto;
margin-bottom: 50px;
}

.access_wrap{
width: 100%;
display: flex;
flex-wrap: wrap;
margin-bottom: 40px;
border-bottom: 1px dashed #e5e0d2;
padding-bottom: 40px;
}
.access_pic{
width: 40%;
padding-bottom: 10px;
}
.access{
width:60%;
box-sizing: border-box;
}
.access_map{
width: 100%;
box-sizing: border-box;
}
.access h4{
font-size: 120%;
padding-bottom: 0.5em;
}
.access p{
font-size: 90%;
text-align: left;
}
.ind3{
padding-left: 3em;
}
.ind4{
padding-left: 4em;
}

#company_text .system p{
line-height: 1.35em;
padding: 6px 0;
font-size: 90%;
border-bottom: 1px dashed #e5e0d2;
}
.system_sml{
color: #5c8d9b;
font-size: 80%;
}

p.top_button{
text-align: center;
padding-bottom: 0;
display: table;
font-size: 90%;
margin: 0 auto 80px;
}
p.top_button a{
text-decoration: none;
display: block;
padding: 3px 50px;
border: solid 1px rgba(0,0,0,0.5);
border-radius: 5px;
transition: all 0.5s 0s ease;
}
p.top_button a:hover{
text-decoration: none;
display: block;
padding: 3px 50px;
border: solid 1px #19573b;
border-radius: 5px;
background: rgba(21,149,0,0.2);
}


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

#company_text p.philosophy{
text-align: center;
font-size: 115%;
line-height: 2em;
margin-bottom: 50px;
}
#company_text h3{
font-size: 130%;
line-height: 1.7em;
font-weight: bold;
color: #ad3232;
color: #19573b;
text-align: center;
display: table;
margin: auto;
padding: 0 80px;
padding-bottom: 0.25em;
margin-bottom: 1.5em;
border-bottom: solid 1px #ad3232;
}

.access_wrap{
width: 100%;
display: block;
margin-bottom: 40px;
border-bottom: 1px dashed #e5e0d2;
padding-bottom: 40px;
}
.access_pic{
display: block;
width: 100%;
padding-bottom: 10px;
}
.access{
width:100%;
display: block;
box-sizing: border-box;
}
}

/*///////////////SERVICE DOMESTIC////////////////////*/

#company_domestic{
width: 94%;
max-width: 1200px;
text-align: center;
margin: auto;
padding: 80px 0;
}
#company_domestic h3{
font-size: 180%;
line-height: 1.7em;
font-weight: bold;
color: #ad3232;
color: #19573b;
}
#company_domestic_head{
width: 80%;
margin: auto;
font-size: 0;
margin-bottom: 2rem;
}
#company_domestic .lead{
text-align: left;
width: 70%;
display: inline-block;
vertical-align: middle;
font-size: 16px;
}
.japan_map{
width: 30%;
display: inline-block;
vertical-align: middle;
font-size: 16px;
}
#domestic_boxes{
width: 100%;
max-width: 1100px;
margin: auto;
display: flex;
flex-wrap: wrap;
}
.domestic_box{
width: 50%;
font-size: 16px;
box-sizing: border-box;
border: solid 1px rgba(0,0,0,0.2);
padding: 30px;
}
.domestic_box h4{
font-size: 130%;
padding-bottom: 1em;
}
.domestic_box p{
font-size: 90%;
text-align: left;
min-height: 4.5em;
}

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

#company_domestic h3{
font-size: 180%;
padding-bottom: 30px;
}
#company_domestic .lead{
text-align: left;
width: 60%;
display: inline-block;
vertical-align: middle;
font-size: 16px;
}
.japan_map{
width: 40%;
display: inline-block;
vertical-align: middle;
font-size: 16px;
}
}

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

#company_domestic_head{
width: 94%;
margin: auto;
font-size: 0;
margin-bottom: 2rem;
}
}

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

#company_domestic{
padding: 50px 0;
}
#company_domestic h3{
font-size: 160%;
}
#company_domestic .lead{
text-align: left;
width: 100%;
display: block;
vertical-align: middle;
font-size: 16px;
}
.japan_map{
display: none;
}
#domestic_boxes{
width: 94%;
margin: auto;
display: block;
}
.domestic_box{
width: 100%;
font-size: 16px;
box-sizing: border-box;
border: solid 1px rgba(0,0,0,0.2);
padding: 30px;
}
.domestic_pic{
width: 80%;
margin: auto;
}
.domestic_box h4{
font-size: 110%;
}
}



/*///////////////PRIVACY////////////////////*/



#policy{
width: 90%;
max-width: 800px;
text-align: left;
margin: auto;
padding: 50px 0 60px;
font-size: 90%;
}
#policy h1{
font-size: 150%;
line-height: 1.7em;
font-weight: bold;
color: #ad3232;
color: #19573b;
text-align: center;
display: table;
margin: auto;
padding: 0 80px;
padding-bottom: 0.25em;
margin-bottom: 2.5em;
border-bottom: solid 1px #ad3232;
border-bottom: solid 1px #19573b;
}
#policy h2{
font-size: 130%;
line-height: 1.7em;
font-weight: bold;
color: #19573b;
padding-bottom: 1em;
}

#policy .item{
padding-bottom: 50px;
}
#policy .box{
padding: 30px;
border: solid 1px #19573b;
}


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

#policy{
padding: 40px 0 60px;
}
}