@charset "UTF-8";

/* smartphone */
section{margin-bottom:20px;}
header.under{padding:0 5px;margin-bottom:5px;}
footer{background-color:#f5f5f5;}
div.container{padding:0 5px;}
h1{width:70%; margin:5px 0;line-height:100%;}
h2{font-size:200%;word-wrap: break-word; overflow-wrap: break-word;}
p.page{text-align:center; background-color:#efefef;padding:10px 0 0 0; font-size:150%;}
p.page img{width:15%;}
h3{border-bottom:1px solid gray; margin-bottom:10px;}
article{background-color:#f8f8ff;}

p.topworks{width:50%; float:left; padding:0.5%;text-align:center;background-color:#f8f8ff;font-size:70%;}
p.topworks2{width:50%; float:left; padding:0.5%;text-align:center;background-color:#f8f8ff;font-size:70%;}
/* top profile */
div.prof div{font-size:90%;}
div.prof figure.saekiph{width:50%;margin:0 auto; }
div.prof figure.saekiph img{vertical-align:bottom;}
div.prof div p.name{font-weight:bolder; font-size:110%;}
div.prof div p.prolink{margin-top:20px;}
div.prof div p.career{margin-bottom:10px;}
div.prof div p.prolink a{display:block;background-color:orange; color:#ffffff; border-radius:5px;line-height:260%;width:70%;margin:0 auto;text-align:center;}
dl.comprf{font-size:90%; margin:0;}
dl.comprf dt{font-weight:bolder;}
dl.comprf dd{margin:0 0 20px 0;}
dl.comprf dd li{text-align:left;}


/* profile.php */
.name{font-weight:bolder;line-height:200%; border-bottom:double orange;}
ul.career3{font-size:90%;}
div.syozoku{margin:0 0 20px 0;}
div.syozoku ul{font-size:90%; margin:0;}

dl.career2{font-size:90%;margin:0 0 10px 0;}

dl.jusyo {font-size:90%;margin:0 0 10px 0;}

img.saekiph3 {float:left;width:30%;margin:0 10px 0 0;}

.intern1{width:50%; padding:2px; float:left;}


/* map */
div.map iframe{height:300px;}

/* pagetopへボタン */
a.pagetopBtn img {position:fixed; bottom:10px; right:1px;}

footer{padding:3px 5px 0;}
footer ul.footernav{border-right:1px dotted gray; margin:0 0 10px 0; padding:0;}
footer ul.footernav li a{display:block;float:left; width:33%; border-left:1px dotted gray;line-height:200%; text-align:center;font-size:80%;color:#000000;}

table.res_table{border:1px solid gray;}
table.res_table  th{display:block; width:100%; background-color:silver; border:none;font-size:80%;padding:5px;}
table.res_table  td{display:block; width:100%; background-color:#ffffff; border:none;font-size:80%;text-align:left;padding:5px;margin: 0 0 10px;}

/* 施設ページ */
div.flex-container section p{font-size:90%;}
div.flex-container section h2{font-size:175%;}
div.flex-container section ul li{font-size:90%;}

/* 採用ページ */
table.saiyoutable{margin-bottom:30px;}
table.saiyoutable tr th,td{padding:10px 0;}
table.saiyoutable tr th{width:20%;}


/* tablet 768-991 */
@media only screen and (min-width: 768px) {
header.under{padding:5px 3px;}
h1{width:32%;float:left; margin:0;}
p.page img{width:5%;}
p.topworks,p.topworks2{width:33.3%;}

/* profile */
div.prof figure.saekiph{float:left;width:35%}
div.prof div{float:right;font-size:90%;width:60%;}
dl.comprf{float:left; width:50%; padding:10px;}

img.saekiph3 {width:25%;margin:0 30px 0 0;}
.intern1{width:33.3%; padding:2px; float:left;}

/* 各施設 */
div.flex-container {margin-bottom:50px;
display: -webkit-flex; /* Safari */display: flex;
-webkit-align-items: center; /* Safari */align-items:center;}
div.flex-container section{width:50%;padding:0 2%;}
div.flex-container section p{text-align:center;}

/* k_tachibaka */
.kasuri{width:50%;padding:2px;}

/* 採用ページrecruit.php */
table.saiyoutable tr th{width:25%;}

}



/* PC 992- */
@media only screen and (min-width: 992px) {
div.container,footer{max-width:1200px; margin:0 auto;padding:0;}
header.under{padding:5px 0; border-bottom:1px solid gray;margin:0 auto 10px;max-width:1200px;}
h1{width:25%;float:left;}
article{width:80%; margin:0 auto 20px;}
.pc80{width:80%; margin:0 auto 20px;}
p.topworks,p.topworks2{width:25%;}


div.map iframe{height:450px;}

dl.career2 dt{width:15%;float:left;}
dl.career2 dd{width:85%;float:right;margin:0 0 0 0;}
dl.jusyo dt{width:30%;float:left;}
dl.jusyo dd{width:70%;float:right;margin:0 0 0 0;}

img.saekiph3 {width:20%;margin:0 50px 0 0;}

footer{padding:10px 0 0 0; width:80%; margin:0 auto;}
footer ul.footernav{width:50%; float:right;margin:0;}
footer ul.footernav li a{width:16.6%;}
footer ul.footernav li a:hover{background-color:gray;}
footer dl{width:50%; float:left; padding:0 0.5%;}

/* workslist2.php- */
div.gyom1{width:49.5%; float:left;margin:0 0.25%;}

}