@charset "utf-8";
/* CSS Document */
body.company section#companyCtsArea .companyCts{ display: flex; padding: 5% 0 5% 0; flex-wrap: wrap;}
body.company section#companyCtsArea .companyCts .companyCts_ttl{padding-left: 7.6653%;box-sizing: border-box;text-align: left;}
body.company section#companyCtsArea .tablearea { padding: 0% 7.6653% 0 7.6653%; padding: 1% 5% 1% 5%; box-sizing: border-box; margin-top: -7.75%; margin-left: 275px; margin-bottom: 5%; border-left:1px dotted #999;}
body.company section#companyCtsArea .tablearea table{ width:95%;}
body.company section#companyCtsArea .tablearea th{ text-align: left; width: 25%; min-width: 8em;min-width: 14em;}
body.company section#companyCtsArea .tablearea th, body.company section#companyCtsArea .tablearea td{padding: .5em 1em .5em 1em;}
body.company section#companyCtsArea .tablearea tr:first-child th, body.company section#companyCtsArea .tablearea tr:first-child td{padding-top:0;}
body.company section#companyCtsArea .tablearea td div.yakuin,
body.company section#companyCtsArea .tablearea td div.place{ display: flex; justify-content: flex-start;}
body.company section#companyCtsArea .tablearea td div.yakuin span.y01{ width: 6em; display: block;}
body.company section#companyCtsArea .tablearea td div.yakuin span.y02{ width: auto; display: block;}
body.company section#companyCtsArea .tablearea td div.place span.p01{ width: 4em; display: block;}
body.company section#companyCtsArea .tablearea td div.place span.p02{ width: auto; display: block;}
body.company section#companyCtsArea .tablearea td div.place span.p02 span.tel_links:after{content:">";position: absolute; margin-top: .1em; font-size:11px; color: #fff; margin-left: -0.8em;}
body.company section#companyCtsArea .tablearea td div.place span.p02 span.tel_links a:after{color:#874f18; content:"●"; vertical-align: middele;  padding-left: .25em;}
body.company section#companyCtsArea .tablearea td div.place span.p02.google:after{content:">"; font-family:"Roboto"; position: absolute; margin-top: .1em; font-size:11px; color: #fff; margin-left: -0.8em;}
body.company section#companyCtsArea .tablearea td div.place span.p02.google a:after{color:#874f18; content:"●"; vertical-align: middele;  padding-left: .25em;}
body.company section#companyCtsArea .tablearea th span.ftextilein{display: block; margin-top: -.25em; font-feature-settings: 'palt'; font-size: 11px; font-weight: 400;}

@media print, screen and (max-width: 1000px){
body.company section#companyCtsArea .tablearea td div.place:first-child span.p01{display:none;}
}

@media print, screen and (max-width: 800px){
body.company section#companyCtsArea .companyCts .companyCts_ttl{ width: 100%; padding-bottom: 2.5%; padding-left: 0; text-align: center;} 
body.company section#companyCtsArea .tablearea { padding: 0% 0% 5% 0; width: 90%; margin: 0 auto;border-left:none;} 
body.company section#companyCtsArea .tablearea td div.place span.p01{padding-left: 1em;width: 3em;}

}
@media print, screen and (max-width: 768px){
header{border-bottom: 1px dotted #999;}
body.company section#companyCtsArea .tablearea th span.ftextilein{font-size: 10px;}
}
@media print, screen and (max-width: 690px){
body.company section#companyCtsArea .companyCts .companyCts_ttl{padding-bottom: 0;}
body.company section#companyCtsArea .tablearea table{width:100%;}
body.company section#companyCtsArea .tablearea th, body.company section#companyCtsArea .tablearea td{display: block;
width: 100%;}
body.company section#companyCtsArea .tablearea th, body.company section#companyCtsArea .tablearea td{padding: .5em 2em .5em 2em;}
body.company section#companyCtsArea .tablearea tr:first-child th, body.company section#companyCtsArea .tablearea tr:first-child td{padding-top:.5em;}
body.company section#companyCtsArea .tablearea th{ background: url(../../images/sub_title_bg.png);}
body.company section#companyCtsArea .tablearea th span.ftextilein{display: inline-block; margin-top: 0;}
    
}
@media print, screen and (max-width: 550px){
body.company section#companyCtsArea .tablearea { width: 100%;}
}