@charset "utf-8";
html {scroll-padding-top: 120px;scroll-behavior: smooth;} /* スムーススクロールする場合 */
#head #info {position: absolute;right: 10px;font-size: 11px;color: #000000;line-height: 1.8em;text-align: right;top: 5px;}
h2{font-size: 170%;margin: -10px 0 20px 10px;}
h2#catchphrase{margin-top: 30px; width: 700px; font-size: 28px;font-style: normal;line-height: 1.5em;font-weight:bold;color:#2488FD;margin-bottom: 30px;text-align: center;font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
#catchphrase{width: 700px; font-size: 26px;font-style: normal;line-height: 1.5em;font-weight:bold;color:#2488FD;margin-bottom: 30px;text-align: center;font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.catchphrase2{width: 700px; font-size: 26px;font-style: normal;line-height: 1.5em;font-weight:bold;color:#2488FD;margin-bottom: 30px;text-align: center;font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
#pr {width: 580px; margin: 0 60px 60px 60px; text-align:left; font-size: 120%;line-height: 1.5em;}
#foot #office01 {position: absolute;left: 21px;top: 85px;color: #ffffff;}
#foot #office02 {position: absolute;left: 20px;top: 150px;color:#ffffff;}
address{margin-top: 10px;z-index: 910;right:10px;}
.pc-br{display: block;}
.sp-br{display: block;}
a:hover img{opacity: 0.7;}
p{text-align: left;}

.table03{width: 700px;}
.index3 {float: left;height: auto;width: 230px;margin-right: 5px;position: relative;}
.index3r {float: left;height: auto;width: 230px;position: relative;}
.index3 .caption,.index3r .caption{color: #ffffff; background-color:#1b6fec;width: 200px;margin-bottom: 15px; padding: 15px;}

#frame{width:auto; height: 200px;}
#frame iframe{width:100%; height: 200px;}
#btn-gallery img{width:100%;height: auto;}

#read_wh {text-align: left;}
#read_jl {text-align: left;}
#read_csr {text-align: left;}
#read_safe {text-align: left;}
#read_eco {text-align: left;}
#read_gep {text-align: left;}
#read_recruit {text-align: left;}

.imgbox_left {float: left;margin-left:0;border: 1px solid #CCCCCC;background-color: #FFFFFF;padding: 10px;}
.dl_data {padding: 5px;float: right;margin-bottom: 5px;color: #333333;font-weight: normal;width: 350px;font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";font-size: 12px;}

.list02{width: 700px;margin: 0 0 50px 0;}
#content .list02 .right table {width:330px;}
#content .list02 .right table td {padding: 10px;font-size: 15px;}
.list02 .left{float: left; width: 350px;}
.list02 .right{float: left; width: 330px;margin-left: 20px;}
.google-map{width: 100%;height: 300px;}
.google-map iframe{width: 100%;height: 300px;}

.list02half{width: 700px;margin: 0 0 50px 0;}
.list02half .left{float: left; width: 350px;}
.list02half .right{float: left; width: 350px;}

/* tablet------------------------------------------------------------ */
@media screen and (max-width: 950px) {
#content{text-align:left;padding-top:50px; }
.box{text-align: left;}

.list02half{width: 100%;margin: 50px 0 50px 0;}
.list02half .left{float: left; width:50%;}
.list02half .right{float: left; width:50%;}
.list02half .right img,.list02half .left img{width:100%;}

#form td {text-align: left;}

}


/* SP------------------------------------------------------------ */
@media screen and (max-width: 699px) {

h4{text-align: left;}
#content{text-align: left;padding-top:0;}
#content #catchphrase{margin-top: 30px; width: auto; height: auto; font-size: 26px;}
#content .catchphrase2{margin-top: 30px; width: auto; height: auto; font-size: 26px;}
.box{text-align: left;font-size: 160%;}

#content h3 {font-size: 16px;line-height: 1.3em;color: #FFFFFF;padding-top: 5px;padding-bottom: 5px;padding-left: 20px;padding-right: 10px;font-weight: bold;margin-bottom: 5px;background-image:none;background-color:#1b6fec;text-align: left;}


.sp-img img{width:100%; height: auto;}
.table-scroll {overflow-x: scroll;}

#frame{width:auto;height: auto;}

#content table.table_info {width: 100%;}
#content table.table_info td{font-size: 130%;}

#foot {height: 230px;background-color: #333333;}
#foot_base {height: 230px;background-color: #333333;}
#foot #office01 {position: absolute;left: 21px;top: 110px;color: #ffffff;}
#foot #office02 {position: absolute;left: 20px;top: 185px;bottom:20px;color:#ffffff;}
#foot a{color: #ffffff;}

.index3 .caption,.index3r .caption{font-size: 80%;}

.list02{width:100%;;margin: 0 0 50px 0;}
#content .list02 .right table {width:80%;margin: 0 10% 0 10% ;}
#content .list02 .right table td {padding: 10px;font-size: 15px;}
.list02 .left{float: none; width: 100%;}
.list02 .right{float: none; width: 100%;margin-top: 20px; margin-left: 0;}
.google-map{width: 100%;height: 300px;}
.google-map iframe{width: 100%;height: 300px;}

#read_jl {width: auto;background-size:100% auto;padding: 80px 15px 50px 15px; font-size: 120%;line-height: 1.5em;}
#read_wh {width: auto;background-size:100% auto;padding: 80px 15px 50px 15px; font-size: 120%;line-height: 1.5em;}
#read_csr {width: auto;background-size:100% auto;padding: 80px 15px 50px 15px; font-size: 120%;line-height: 1.5em;}
#read_safe {width: auto;background-size:100% auto;padding: 80px 15px 50px 15px; font-size: 120%;line-height: 1.5em;}
#read_eco {width: auto;background-size:100% auto;padding: 80px 15px 50px 15px; font-size: 120%;line-height: 1.5em;}
#read_gep {width: auto;background-size:100% auto;padding: 80px 15px 50px 15px; font-size: 120%;line-height: 1.5em;}
#read_recruit {width: auto;background-size:100% auto;padding: 80px 15px 50px 15px; font-size: 120%;line-height: 1.5em;}

.imgbox-nb_r{width:100%; height: auto;margin-left: 0;}
.imgbox-nb_r img{width:97%; height: auto;}
.img_right{width:90%; height: auto;margin-left:5%;margin-right:5%;}
.img_right img{width:100%; height: auto;}

.imgbox-nb_r {float: none;width: auto;margin-left:0;padding: 10px;}
.imgbox-nb_r img{width: 80%;margin: 0 10% 0 10%;}

#content table.table_info th, #content table.table_info td {font-size: 80%;} /* 求人情報ページ */
#content #mailform table th, #content #mailform table td {font-size: 130%;} /* 求人情報フォーム */

#form {background-color: #F8F8F6;width: 96%;margin: 10px 2% 10px 2%;line-height: 200%;}


}