@charset "utf-8";
/* CSS Document */

/* PC用
------------------------------------------------------------*/
@media only screen and (min-width: 956px) {

/* トップページ */
#wrap_top {
width: 956px;
margin: 0 auto;
}
#top {
background: url(../img/top/back_line.png) repeat-x;
}
#slider {
position: relative;
width: 956px;
height: 332px;
background: url(../img/top/back_slide.png) no-repeat center;
}
#ais {
width: 694px;
border: 1px solid #5281a4;
text-align: center;
font-size: 18px;
font-weight: bold;
color: #166aa6;
margin: 0 auto;
background: #fff;
padding: 20px 0;
}
#asas {
text-align: center;
}
a.ais_link:link {
text-align: center;
color: #166aa6;
text-decoration: underline;
}
a.ais_link:visited {
text-align: center;
color: #166aa6;
text-decoration: underline;
}
a.ais_link:hover {
text-align: center;
color: #166aa6;
text-decoration: none;
}
a.ais_link:active {
text-align: center;
color: #166aa6;
text-decoration: underline;
}
#top_ban {
width: 750px;
overflow: hidden;
margin: 30px auto 0 auto;
}
#topl {
float: left;
}
#topr {
float: right;
}

/* 建設車両用部品 */
#con_parts {
background: url(../img/con_parts/hdr_con_parts.png) no-repeat;
}

/* 自動車用部品 */
#autoparts {
background: url(../img/autoparts/hdr_autoparts.png) no-repeat;
}

/* カーブミラー販売 */
#mirror {
background: url(../img/mirror/hdr_mirror.png) no-repeat;
}
#mil {
display: flex;
justify-content: space-between;
}
#mil_l {
width: 38rem;
}
#mil_l h3 {
color: #0a5f7b;
font-size: 1.8rem;
font-weight: bold;
margin-top: 3rem;
}
#mil_l p {
margin-top: 4rem;
}
#mil_r {
width: 30rem;
background-color: #edf5f8;
padding: 1.4rem;
font-size: 1.6rem;
line-height: 2.4rem;
}

/* プレス加工 */
#press {
background: url(../img/press/hdr_press.png) no-repeat;
}

/* 溶接加工 */
#welding {
background: url(../img/welding/hdr_welding.png) no-repeat;
}
#tube {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.tube_base {
width: 34rem;
margin-bottom: 4rem;
}
.tube_base h3 {
font-size: 1.4rem;
margin: 2rem 0 1.8rem 0;
color: #000;
font-weight: bold;
border-left: 0.5rem solid #0a5f7b;
background: #f0f0f0;
padding: 0.6rem 0.8rem;
}
.tube_in {
width: 100%;
height: 19.1rem;
}

/* 塗装 */
#paint {
background: url(../img/paint/hdr_paint.png) no-repeat;
}

/* 組立 */
#trim {
background: url(../img/trim/hdr_trim.png) no-repeat;
}
.trim_box {
display: flex;
justify-content: space-between;
margin: 5rem 0;
}
.tr_l {
width: 21.4rem;
}
.tr_r {
width: 46.6rem;
}
.tr_r h3 {
border-bottom: 0.1rem dotted #ccc;
color: #0a5f7b;
font-size: 1.8rem;
line-height: 2.8rem;
font-weight: bold;
padding-bottom: 1.6rem;
}
.tr_r p {
font-size: 1.4rem;
line-height: 2.0rem;
margin-top: 1.6rem;
}

/* 設計・開発 */
#dev {
background: url(../img/dev/hdr_dev.png) no-repeat;
}
.dev_box {
display: flex;
justify-content: space-between;
margin: 5rem 0;
}
.dev_l {
width: 50rem;
}
.dev_r {
width: 17.9rem;
}
.dev_l h3 {
color: #0a5f7b;
font-size: 1.8rem;
line-height: 2.8rem;
font-weight: bold;
}

/* 会社概要 */
#company {
background: url(../img/company/hdr_company.png) no-repeat;
}
#tb_company {
font-size: 1.3rem;
width: 100%;
}
#tb_company th {
background: #edf5f8;
border-top: 0.1rem solid #ddd;
border-bottom: 0.1rem solid #ddd;
padding: 1rem;
font-weight: normal;
text-align: left;
width:16%;
}
#tb_company td {
border-top: 0.1rem solid #ddd;
border-bottom: 0.1rem solid #ddd;
padding: 1rem;
}
#tb_company2 {
font-size: 1.3rem;
margin-top: 5rem;
width: 100%;
}
#tb_company2 th {
background: #edf5f8;
border-top: 0.1rem solid #ddd;
border-bottom: 0.1rem solid #ddd;
padding: 1rem;
font-weight: normal;
text-align: left;
}
#tb_company2 td {
border-top: 0.1rem solid #ddd;
border-bottom: 0.1rem solid #ddd;
padding: 1rem;
}

/* 環境経営方針 */
#env {
background: url(../img/enviroment/hdr_env.png) no-repeat;
}

/* 健康経営宣言 */
#health {
background: url(../img/health/hdr_health.png) no-repeat;
}

/* 沿革 */
#history {
background: url(../img/history/hdr_history.png) no-repeat;
}
#tb_history {
width: 100%;
font-size: 1.3rem;
}
.hs1 {
padding: 1rem;
background: #ddd;
border: 0.1rem solid #ccc;
}
.hs2 {
padding: 1rem;
font-weight: normal;
border: 0.1rem solid #ccc;
}
#tb_history td{
padding: 1rem;
border: 0.1rem solid #ccc;
}

/* 工場案内 */
#annai {
background: url(../img/annai/hdr_annai.png) no-repeat;
}
#annai_box {
display: flex;
justify-content: space-between;
}
#japan {
width: 36rem
}
#j_right {
width: 33.3rem;
}
#j_right h3 {
display: inline-block;
border-left: 0.5rem solid #0a5f7b;
font-size: 1.6rem;
font-weight: bold;
padding-left: 1rem;
margin: 0rem 2rem 1rem 0;
color: #000;
}
#j_right img {
margin-bottom: 2rem;
}
#j_right a {
display: inline-block;
font-size: 1.1rem;
text-align: center;
color: #fff;
font-weight: bold;
border-radius: 0.4rem;
padding: 0.2rem 2rem;
background: #417ca8; /* Old browsers */
background: -moz-linear-gradient(top, #417ca8 0%, #1a5e8b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #417ca8 0%,#1a5e8b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #417ca8 0%,#1a5e8b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#417ca8', endColorstr='#1a5e8b',GradientType=0 ); /* IE6-9 */
transition: 0.3s;
vertical-align: 0.2rem;
}
.equip {
font-size: 1.4rem;
margin: 2rem 0 1.8rem 0;
color: #000;
font-weight: bold;
border-left: 0.5rem solid #0a5f7b;
background: #f0f0f0;
padding: 0.6rem 0.8rem;
}
.product4 {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.product4 div {
width: 20.7rem;
margin-bottom: 3rem;
}
.product4 div img {
border: 0.1rem solid #ccc;
}
.product4 p {
font-size: 1.4rem;
margin-top: 1rem;
}

/* 設備一覧 */
#equip {
background: url(../img/equipment/hdr_equip.png) no-repeat;
}
.tbe {
margin: 5rem 0 7rem 0;
}
.tb_equip {
width: 100%;
}
.tb_equip caption {
display: none
}
.tb_equip th {
background: #edf5f8;
border-top: 0.1rem solid #ddd;
border-bottom: 0.1rem solid #ddd;
padding: 1rem;
font-weight: normal;
text-align: left;
}
.tb_equip td {
border-top: 0.1rem solid #ddd;
border-bottom: 0.1rem solid #ddd;
padding: 1rem;
}
.wd1 {
width: 7.4rem;
}
.wd2 {
width: 16.4rem;
}
.wd3 {
width: 10rem;
}
.wd4 {
width: 22.4rem;
}
.wd5 {
width: 9.1rem;
}
.wd6 {
width: 6.3rem;
}

/* 会社組織図 */
#chart {
background: url(../img/chart/hdr_chart.png) no-repeat;
}
#tb_chart {
margin: 5rem 0;
font-size: 1.3rem;
width: 100%;
}
#tb_chart th {
background: #edf5f8;
border-top: 0.1rem solid #ddd;
border: 0.1rem solid #ddd;
padding: 1rem;
font-weight: normal;
text-align: left;
}
#tb_chart td {
border-top: 0.1rem solid #ddd;
border: 0.1rem solid #ddd;
padding: 1rem;
}
#cwd {
width: 40%;
}
#tb_chart caption {
text-align: right;
margin-bottom: 0.4rem;
}

/* アクセスマップ */
#access {
background: url(../img/access/hdr_access.png) no-repeat;
}
.tb_access {
margin: 5rem 0;
font-size: 1.3rem;
width: 100%;
}
.tb_access th {
background: #edf5f8;
border-top: 0.1rem solid #ddd;
border: 0.1rem solid #ddd;
padding: 1rem;
font-weight: normal;
text-align: left;
width: 16%;
}
.tb_access td {
border-top: 0.1rem solid #ddd;
border: 0.1rem solid #ddd;
padding: 1rem;
}
.map {
width: 100%;
height: 35rem;
}

/* 採用top */
#content {
}
#catch_rectop {
width: 100%;
height: 297px;
}
#catch_rectop h2 {
width: 370px;
margin: 0 auto;
border: 2px solid #004c9e;
box-sizing: border-box;
background: #fff;
color: #000;
font-size: 24px;
text-align: center;
padding: 12px 0 8px 0;
font-weight: bold;
}
.rec_red1 {
font-size: 30px;
color: #de1e1e;
}
.rec_red2 {
color: #de1e1e;
}
.rec_s {
font-size: 12px;
}
#rec_h3 {
color: #fefeff;
background: #054284;
text-align: center;
padding: 20px 0 18px 0;
}
.rec_read1 {
font-size: 36px;
font-style: italic;
color: #004c9e;
border-bottom: 2px solid #004c9e;
padding-bottom: 4px;
font-weight: bold;
line-height: 46px;
margin: 50px 0 40px 0;
clear: both;
}
.p14 {
color: #000;
line-height: 30px;
font-size: 14px;
}
.p24 {
color: #000;
font-size: 24px;
margin: 30px 0;
}
#three {
background: url(../img/recruit/back_donna.png);
padding: 30px 18px 35px 18px;
margin-top: 30px;
text-align: center;
overflow: hidden;
}
#three a {
color: #fff;
}
.btn_3 {
width: 154px;
padding: 8px 0;
display: block;
color: #fff;
font-size: 12px;
font-weight: bold;
border-radius: 20px;
margin: 28px 33px 0 33px;
float: left;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0085e2+0,0066af+58 */
background: #0085e2; /* Old browsers */
background: -moz-linear-gradient(top, #0085e2 0%, #0066af 58%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #0085e2 0%,#0066af 58%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #0085e2 0%,#0066af 58%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0085e2', endColorstr='#0066af',GradientType=0 ); /* IE6-9 */
}
.btn_3:hover {
opacity: 0.7;
}
#motto {
overflow: hidden;
width: 100%;
}
#motto div {
position: relative;
overflow: hidden;
width: 336px;
height: 222px;
float: left;
box-sizing: border-box;
text-align: center;
margin-right: 28px;
font-style: italic;
}
#motto div:last-child {
margin-right: 0;
}
#motto h3 {
font-size: 24px;
text-shadow: 1px 1px 0 #000;
font-weight: bold;
}
#motto h3 span {
font-size: 36px;
}
.mbtn {
border: 1px solid #fff;
width: 136px;
margin: 38px auto 50px auto;
padding: 6px 0;
font-size: 12px;
}
#motto a {
display: block;
padding: 46px 0 0 0;
z-index: 1;
position: relative;
height: 100%;
color: #fff;
}
#ml {
border-bottom: 7px solid #054284 !important;
}
#ml:after {
position: absolute;
content: "";
display: block;
width: 100%;
height: 100%;
top: 0;
background: url(../img/recruit/back_suji.png) no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
background-size: cover;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
}
#ml:hover:after {
opacity: .9;
-moz-transform: scale(1.05);
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
#mr {
border-bottom: 7px solid #00d7c0 !important;
}
#mr:after {
position: absolute;
content: "";
display: block;
width: 100%;
height: 100%;
top: 0;
background: url(../img/recruit/back_hukuri.png) no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
background-size: cover;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
}
#mr:hover:after {
opacity: .9;
-moz-transform: scale(1.05);
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
#yoko {
background: url(../img/recruit/back_donna.png);
padding: 26px 20px;
margin-top: 80px;
}
#yoko img {
-webkit-transition: .3s;
-moz-transition: .3s;
-ms-transition: .3s;
transition: .3s;
}
#yoko img:hover {
opacity: 0.8;

}

/* 数字で見る */
#sj {
font-size: 60px;
color: #004c9e;
text-align: center;
line-height: 60px;
margin-top: 40px;
font-weight: bold;
}
#sj2 {
font-size: 18px;
color: #000;
text-align: center;
line-height: 60px;
margin-bottom: 40px;
font-weight: bold;
}
.sjbox {
position: relative;
width: 100%;
height: 268px;
margin-bottom: 12px;
box-sizing: border-box;
}
.sjbox div {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 32px 30px;
box-sizing: border-box;
}
.sjbox h3 {
font-size: 32px;
color: #00438e;
line-height: 32px;
margin-bottom: 20px;
font-weight: bold;
}
.sjbox h3 span {
font-size: 18px;
}
.suji {
font-size: 70px;
line-height: 70px;
font-weight: bold;
color: #00438e;
font-family: "メイリオ","Meiryo";
}
.suji span {
font-size: 30px;
}
.s_d {
font-size: 14px;
line-height: 24px;
margin-top: 30px;
}
.bg1 {
background: url(../img/rec_analysis/back1.png);
}
.bg2 {
background: url(../img/rec_analysis/back2.png);
}
#ic1 {
background: url(../img/rec_analysis/bg_building.png) no-repeat;
background-position: 440px 30px;
}
#ic2 {
background: url(../img/rec_analysis/bg_graph.png) no-repeat;
background-position: 420px 30px;
}
#ic3 {
background: url(../img/rec_analysis/bg_woker.png) no-repeat;
background-position: 380px 50px;
}
#ic5 {
background: url(../img/rec_analysis/bg_nendai.png) no-repeat;
background-position: 460px 30px;
}
#ic8 {
background: url(../img/rec_analysis/bg_tokei.png) no-repeat;
background-position: 490px 26px;
}
#ic9 {
background: url(../img/rec_analysis/bg_calendar.png) no-repeat;
background-position: 430px 50px;
}
#ic10 {
background: url(../img/rec_analysis/bg_kyuka.png) no-repeat;
background-position: 480px 40px;
}

/* 社内制度・待遇 */
#welh {
background: url(../img/rec_welfare/back_read.png) no-repeat;
text-align: center;
font-size: 36px;
color: #fff;
text-shadow: 1px 1px 0 #000;
line-height: 36px;
margin: 16px 0 80px 0;
padding: 30px 0;
font-weight: bold;
}
.wh3 {
font-size: 32px;
line-height: 32px;
background: url(../img/rec_welfare/arrow.png) no-repeat;
padding-left: 30px;
font-style: italic;
color: #0061cd;
margin: 50px 0 36px 0;
}
.wh3 span {
font-size: 60px;
}
.wh3 em {
font-size: 18px;
}
.wpp {
font-size: 16px;
line-height: 30px;
border-bottom: 1px dotted #ccc;
padding: 0 30px 30px 30px;
}

/* 募集要項 */
#rec_tb {
width: 100%;
border-collapse: collapse;
font-size: 16px;
}
#rec_tb th {
width: 26%;
background: #f0f0f0;
border: 1px solid #cdcdcd;
padding: 18px 20px;
font-weight: bold;
vertical-align: top;
}
#rec_tb td {
border: 1px solid #cdcdcd;
padding: 18px 20px;
vertical-align: top;
}

/* ご挨拶 */
#greeting {
background: url(../img/greeting/hdr_greeting.png) no-repeat;
}
#sign {
text-align: right;
padding-right: 3rem;
}
.grrr {
font-family: "游明朝","YuMincho";
font-size: 2.2rem;
margin-bottom: 4rem;
margin-top: 4rem;
color: #000;
}
.grrr2 {
font-family: "游明朝","YuMincho";
font-size: 2.2rem;
margin-bottom: 4rem;
color: #000;
}
#sign_txt {
margin-top: 4rem;
margin-bottom: 4rem;
font-family: "游明朝","YuMincho";
font-size: 1.4rem;
line-height: 2.8rem;
}
#sign_txt p {
margin: 1.6rem 0;
}

/* サイトマップ */
#sitemap {
background: url(../img/sitemap/hdr_sitemap.png) no-repeat;
}
.sm_box {
display: flex;
justify-content: space-between;
font-size: 1.6rem;
line-height: 3rem;
}
.sm_box div  {
width:45%;
min-height: 20rem;
}
.sm_box h3 {
font-size: 1.4rem;
margin: 2rem 0 1.8rem 0;
color: #000;
font-weight: bold;
border-left: 0.5rem solid #0a5f7b;
background: #f0f0f0;
padding: 0.6rem 0.8rem;
}
.sm_box li {
list-style: circle;
list-style-position: inside;
}

/* お問い合わせ */
#mail {
background: url(../img/mail/hdr_mail.png) no-repeat;
}
#den {
padding: 1.4rem;
border: 0.1rem solid #ccc;
font-weight: bold;
color: #000;
display: inline-block;
}
.den_tel {
color: #005466;
font-size: 2.4rem;
line-height: 3rem;
}
.den_tel2 {
color: #005466;
}
#mailformpro {
margin-top: 4rem;
}

}


/* タブレット用
------------------------------------------------------------*/
@media only screen and (min-width: 641px) and (max-width: 959px) {

/* トップページ */
#wrap_top {
width: 100%;
padding: 0 1rem;
}
#top {
background: url(../img/top/back_line.png) repeat-x;
}
#slider {
position: relative;
width: 956px;
height: 332px;
background: url(../img/top/back_slide.png) no-repeat center;
}
#ais {
width: 694px;
border: 1px solid #5281a4;
text-align: center;
font-size: 18px;
font-weight: bold;
color: #166aa6;
margin: 0 auto;
background: #fff;
padding: 20px 0;
}
#asas {
text-align: center;
}
a.ais_link:link {
text-align: center;
color: #166aa6;
text-decoration: underline;
}
a.ais_link:visited {
text-align: center;
color: #166aa6;
text-decoration: underline;
}
a.ais_link:hover {
text-align: center;
color: #166aa6;
text-decoration: none;
}
a.ais_link:active {
text-align: center;
color: #166aa6;
text-decoration: underline;
}
#top_ban {
width: 750px;
overflow: hidden;
margin: 30px auto 0 auto;
}
#topl {
float: left;
}
#topr {
float: right;
}

/* 建設車両用部品 */
#con_parts {
background: url(../img/con_parts/hdr_con_parts.png) no-repeat;
}

/* 自動車用部品 */
#autoparts {
background: url(../img/autoparts/hdr_autoparts.png) no-repeat;
}

/* カーブミラー販売 */
#mirror {
background: url(../img/mirror/hdr_mirror.png) no-repeat;
}
#mil {
}
#mil_l {
}
#mil_l h3 {
color: #0a5f7b;
font-size: 1.8rem;
font-weight: bold;
margin-top: 3rem;
}
#mil_l p {
margin-top: 4rem;
}
#mil_r {
background-color: #edf5f8;
padding: 1.4rem;
}

/* プレス加工 */
#press {
background: url(../img/press/hdr_press.png) no-repeat;
}

/* 溶接加工 */
#welding {
background: url(../img/welding/hdr_welding.png) no-repeat;
}
#tube {
width: 34rem;
margin: 0 auto;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.tube_base {
width: 34rem;
margin-bottom: 4rem;
}
.tube_base h3 {
font-size: 1.4rem;
margin: 2rem 0 1.8rem 0;
color: #000;
font-weight: bold;
border-left: 0.5rem solid #0a5f7b;
background: #f0f0f0;
padding: 0.6rem 0.8rem;
}
.tube_in {
width: 100%;
height: 19.1rem;
}

/* 塗装 */
#paint {
background: url(../img/paint/hdr_paint.png) no-repeat;
}

/* 組立 */
#trim {
background: url(../img/trim/hdr_trim.png) no-repeat;
}
.trim_box {
display: flex;
justify-content: space-between;
margin: 5rem 0;
}
.tr_l {
width: 30%;
}
.tr_r {
width: 68%;
}
.tr_r h3 {
border-bottom: 0.1rem dotted #ccc;
color: #0a5f7b;
font-size: 1.8rem;
line-height: 2.8rem;
font-weight: bold;
padding-bottom: 1.6rem;
}
.tr_r p {
font-size: 1.4rem;
line-height: 2.0rem;
margin-top: 1.6rem;
}

/* 設計・開発 */
#dev {
background: url(../img/dev/hdr_dev.png) no-repeat;
}
.dev_box {
display: flex;
justify-content: space-between;
margin: 5rem 0;
}
.dev_l {
width: 50rem;
}
.dev_r {
width: 17.9rem;
}
.dev_l h3 {
color: #0a5f7b;
font-size: 1.8rem;
line-height: 2.8rem;
font-weight: bold;
}

/* 会社概要 */
#company {
background: url(../img/company/hdr_company.png) no-repeat;
}
#tb_company {
font-size: 1.3rem;
width: 100%;
}
#tb_company th {
background: #edf5f8;
border-top: 0.1rem solid #ddd;
border-bottom: 0.1rem solid #ddd;
padding: 1rem;
font-weight: normal;
text-align: left;
width:18%;
}
#tb_company td {
border-top: 0.1rem solid #ddd;
border-bottom: 0.1rem solid #ddd;
padding: 1rem;
}
#tb_company2 {
font-size: 1.2rem;
margin-top: 5rem;
width: 100%;
}
#tb_company2 th {
background: #edf5f8;
border-top: 0.1rem solid #ddd;
border-bottom: 0.1rem solid #ddd;
padding: 1rem;
font-weight: normal;
text-align: left;
}
#tb_company2 td {
border-top: 0.1rem solid #ddd;
border-bottom: 0.1rem solid #ddd;
padding: 1rem;
}

/* 環境経営方針 */
#env {
background: url(../img/enviroment/hdr_env.png) no-repeat;
}

/* 健康経営宣言 */
#health {
background: url(../img/health/hdr_health.png) no-repeat;
}

/* 沿革 */
#history {
background: url(../img/history/hdr_history.png) no-repeat;
}
#tb_history {
width: 100%;
font-size: 1.3rem;
}
.hs1 {
padding: 1rem;
background: #ddd;
border: 0.1rem solid #ccc;
width: 14%;
}
.hs2 {
padding: 1rem;
font-weight: normal;
border: 0.1rem solid #ccc;
width: 10%;
}
#tb_history td{
padding: 1rem;
border: 0.1rem solid #ccc;
}

/* 工場案内 */
#annai {
background: url(../img/annai/hdr_annai.png) no-repeat;
}
#annai_box {
display: flex;
justify-content: space-between;
}
#japan {
width: 36rem
}
#j_right {
width: 33.3rem;
}
#j_right h3 {
display: inline-block;
border-left: 0.5rem solid #0a5f7b;
font-size: 1.6rem;
font-weight: bold;
padding-left: 1rem;
margin: 0rem 2rem 1rem 0;
color: #000;
}
#j_right img {
margin-bottom: 2rem;
}
#j_right a {
display: inline-block;
font-size: 1.1rem;
text-align: center;
color: #fff;
font-weight: bold;
border-radius: 0.4rem;
padding: 0.2rem 2rem;
background: #417ca8; /* Old browsers */
background: -moz-linear-gradient(top, #417ca8 0%, #1a5e8b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #417ca8 0%,#1a5e8b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #417ca8 0%,#1a5e8b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#417ca8', endColorstr='#1a5e8b',GradientType=0 ); /* IE6-9 */
transition: 0.3s;
vertical-align: 0.2rem;
}
.equip {
font-size: 1.4rem;
margin: 2rem 0 1.8rem 0;
color: #000;
font-weight: bold;
border-left: 0.5rem solid #0a5f7b;
background: #f0f0f0;
padding: 0.6rem 0.8rem;
}
.product4 {
width: 90%;
margin: 0 auto;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.product4 div {
width: 48%;
margin-bottom: 3rem;
}
.product4 div img {
border: 0.1rem solid #ccc;
}
.product4 p {
font-size: 1.4rem;
margin-top: 1rem;
}

/* 設備一覧 */
#equip {
background: url(../img/equipment/hdr_equip.png) no-repeat;
}
.tbe {
margin: 5rem 0 7rem 0;
overflow: scroll;
}
.tb_equip {
width: 956px;
}
.tb_equip th {
background: #edf5f8;
border-top: 0.1rem solid #ddd;
border-bottom: 0.1rem solid #ddd;
padding: 1rem;
font-weight: normal;
text-align: left;
}
.tb_equip td {
border-top: 0.1rem solid #ddd;
border-bottom: 0.1rem solid #ddd;
padding: 1rem;
}
.tb_equip caption {
text-align: left;
}
.wd1 {
width: 7.4rem;
}
.wd2 {
width: 16.4rem;
}
.wd3 {
width: 10rem;
}
.wd4 {
width: 22.4rem;
}
.wd5 {
width: 9.1rem;
}
.wd6 {
width: 6.3rem;
}

/* 会社組織図 */
#chart {
background: url(../img/chart/hdr_chart.png) no-repeat;
}
#tb_chart {
margin: 5rem 0;
font-size: 1.3rem;
width: 100%;
}
#tb_chart th {
background: #edf5f8;
border-top: 0.1rem solid #ddd;
border: 0.1rem solid #ddd;
padding: 1rem;
font-weight: normal;
text-align: left;
}
#tb_chart td {
border-top: 0.1rem solid #ddd;
border: 0.1rem solid #ddd;
padding: 1rem;
}
#cwd {
width: 40%;
}
#tb_chart caption {
text-align: right;
margin-bottom: 0.4rem;
}

/* アクセスマップ */
#access {
background: url(../img/access/hdr_access.png) no-repeat;
}
.tb_access {
margin: 5rem 0;
font-size: 1.3rem;
width: 100%;
}
.tb_access th {
background: #edf5f8;
border-top: 0.1rem solid #ddd;
border: 0.1rem solid #ddd;
padding: 1rem;
font-weight: normal;
text-align: left;
width: 18%;
}
.tb_access td {
border-top: 0.1rem solid #ddd;
border: 0.1rem solid #ddd;
padding: 1rem;
}
.map {
width: 100%;
height: 35rem;
}

/* 採用top */
#content {
}
#catch_rectop {
width: 100%;
}
#catch_rectop h2 {
width: 370px;
margin: 0 auto;
border: 2px solid #004c9e;
box-sizing: border-box;
background: #fff;
color: #000;
font-size: 24px;
text-align: center;
padding: 12px 0 8px 0;
font-weight: bold;
}
.rec_red1 {
font-size: 30px;
color: #de1e1e;
}
.rec_red2 {
color: #de1e1e;
}
.rec_s {
font-size: 12px;
}
#rec_h3 {
color: #fefeff;
background: #054284;
text-align: center;
padding: 20px 0 18px 0;
}
.rec_read1 {
font-size: 36px;
font-style: italic;
color: #004c9e;
border-bottom: 2px solid #004c9e;
padding-bottom: 4px;
font-weight: bold;
line-height: 46px;
margin: 3rem 0 2rem 0;
clear: both;
}
.p14 {
color: #000;
line-height: 30px;
font-size: 14px;
}
.p24 {
color: #000;
font-size: 24px;
margin: 30px 0;
}
#three {
background: url(../img/recruit/back_donna.png);
padding: 30px 18px 35px 18px;
margin-top: 30px;
text-align: center;
overflow: hidden;
}
#three a {
color: #fff;
}
.btn_3 {
width: 154px;
padding: 8px 0;
display: block;
color: #fff;
font-size: 12px;
font-weight: bold;
border-radius: 20px;
margin: 28px 33px 0 33px;
float: left;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0085e2+0,0066af+58 */
background: #0085e2; /* Old browsers */
background: -moz-linear-gradient(top, #0085e2 0%, #0066af 58%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #0085e2 0%,#0066af 58%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #0085e2 0%,#0066af 58%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0085e2', endColorstr='#0066af',GradientType=0 ); /* IE6-9 */
}
.btn_3:hover {
opacity: 0.7;
}
#motto {
overflow: hidden;
width: 100%;
}
#motto div {
position: relative;
overflow: hidden;
width: 336px;
height: 232px;
box-sizing: border-box;
text-align: center;
margin: 2rem auto;
font-style: italic;
}
#motto h3 {
font-size: 24px;
text-shadow: 1px 1px 0 #000;
font-weight: bold;
}
#motto h3 span {
font-size: 36px;
}
.mbtn {
border: 1px solid #fff;
width: 136px;
margin: 38px auto 50px auto;
padding: 6px 0;
font-size: 12px;
}
#motto a {
display: block;
padding: 46px 0 0 0;
z-index: 1;
position: relative;
height: 100%;
color: #fff;
}
#ml {
border-bottom: 7px solid #054284 !important;
}
#ml:after {
position: absolute;
content: "";
display: block;
width: 100%;
height: 100%;
top: 0;
background: url(../img/recruit/back_suji.png) no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
background-size: cover;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
}
#ml:hover:after {
opacity: .9;
-moz-transform: scale(1.05);
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
#mr {
border-bottom: 7px solid #00d7c0 !important;
}
#mr:after {
position: absolute;
content: "";
display: block;
width: 100%;
height: 100%;
top: 0;
background: url(../img/recruit/back_hukuri.png) no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
background-size: cover;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
}
#mr:hover:after {
opacity: .9;
-moz-transform: scale(1.05);
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
#yoko {
background: url(../img/recruit/back_donna.png);
padding: 1rem;
margin-top: 3rem;
}
#yoko img {
-webkit-transition: .3s;
-moz-transition: .3s;
-ms-transition: .3s;
transition: .3s;
}
#yoko img:hover {
opacity: 0.8;

}

/* 数字で見る */
#sj {
font-size: 4rem;
color: #004c9e;
text-align: center;
line-height: 60px;
margin-top: 40px;
font-weight: bold;
}
#sj2 {
font-size: 18px;
color: #000;
text-align: center;
line-height: 60px;
margin-bottom: 40px;
font-weight: bold;
}
.sjbox {
position: relative;
width: 100%;
height: 278px;
margin-bottom: 12px;
box-sizing: border-box;
}
.sjbox div {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 2rem;
box-sizing: border-box;
}
.sjbox h3 {
font-size: 32px;
color: #00438e;
line-height: 32px;
margin-bottom: 20px;
font-weight: bold;
}
.sjbox h3 span {
font-size: 18px;
}
.suji {
font-size: 5rem;
line-height: 70px;
font-weight: bold;
color: #00438e;
}
.suji span {
font-size: 30px;
}
.s_d {
font-size: 14px;
line-height: 24px;
margin-top: 30px;
}
.bg1 {
background: url(../img/rec_analysis/back1.png);
}
.bg2 {
background: url(../img/rec_analysis/back2.png);
}
#ic1 {
background: url(../img/rec_analysis/bg_building.png) no-repeat;
background-position: 32rem 3rem;
background-size: 18rem;
}
#ic2 {
background: url(../img/rec_analysis/bg_graph.png) no-repeat;
background-position: 32rem 3rem;
background-size: 18rem;
}
#ic3 {
background: url(../img/rec_analysis/bg_woker.png) no-repeat;
background-position: 26rem 7rem;
background-size: 24rem;
}
#ic5 {
background: url(../img/rec_analysis/bg_nendai.png) no-repeat;
background-position: 32rem 3rem;
background-size: 16rem;
}
#ic8 {
background: url(../img/rec_analysis/bg_tokei.png) no-repeat;
background-position: 34rem 3rem;
background-size: 14rem;
}
#ic9 {
background: url(../img/rec_analysis/bg_calendar.png) no-repeat;
background-position: 30rem 7rem;
background-size: 18rem;
}
#ic10 {
background: url(../img/rec_analysis/bg_kyuka.png) no-repeat;
background-position: 32rem 3rem;
background-size: 16rem;
}

/* 社内制度・待遇 */
#welh {
background: url(../img/rec_welfare/back_read.png) no-repeat;
text-align: center;
font-size: 3rem;
color: #fff;
text-shadow: 1px 1px 0 #000;
line-height: 36px;
margin: 0 0 6rem 0;
padding: 30px 0;
font-weight: bold;
}
.wh3 {
font-size: 2.6rem;
line-height: 32px;
background: url(../img/rec_welfare/arrow.png) no-repeat;
padding-left: 30px;
font-style: italic;
color: #0061cd;
margin: 50px 0 36px 0;
background-size: 1rem;
background-position: 0 1rem;
}
.wh3 span {
font-size: 4rem;
}
.wh3 em {
font-size: 18px;
}
.wpp {
font-size: 16px;
line-height: 30px;
border-bottom: 1px dotted #ccc;
padding: 0 30px 30px 30px;
}

/* 募集要項 */
#rec_tb {
width: 100%;
border-collapse: collapse;
font-size: 16px;
}
#rec_tb th {
width: 26%;
background: #f0f0f0;
border: 1px solid #cdcdcd;
padding: 18px 20px;
font-weight: bold;
vertical-align: top;
}
#rec_tb td {
border: 1px solid #cdcdcd;
padding: 18px 20px;
vertical-align: top;
}

/* ご挨拶 */
#greeting {
background: url(../img/greeting/hdr_greeting.png) no-repeat;
}
#sign {
text-align: right;
padding-right: 3rem;
}
#sign img {
width: 15rem;
height: auto;
}
.grrr {
font-family: "游明朝","YuMincho";
font-size: 2.2rem;
margin-bottom: 4rem;
margin-top: 4rem;
color: #000;
}
.grrr2 {
font-family: "游明朝","YuMincho";
font-size: 2.2rem;
line-height: 3.2rem;
margin-bottom: 4rem;
color: #000;
}
#sign_txt {
margin-top: 4rem;
margin-bottom: 4rem;
font-family: "游明朝","YuMincho";
font-size: 1.4rem;
line-height: 2.8rem;
}
#sign_txt p {
margin: 1.6rem 0;
}

/* サイトマップ */
#sitemap {
background: url(../img/sitemap/hdr_sitemap.png) no-repeat;
}
.sm_box {
display: flex;
justify-content: space-between;
font-size: 1.6rem;
line-height: 3rem;
}
.sm_box div  {
width:49%;
min-height: 20rem;
}
.sm_box h3 {
font-size: 1.4rem;
margin: 2rem 0 1.8rem 0;
color: #000;
font-weight: bold;
border-left: 0.5rem solid #0a5f7b;
background: #f0f0f0;
padding: 0.6rem 0.8rem;
}
.sm_box li {
list-style: circle;
list-style-position: inside;
margin-left: 1rem;
}

/* お問い合わせ */
#mail {
background: url(../img/mail/hdr_mail.png) no-repeat;
}
#den {
padding: 1.4rem;
border: 0.1rem solid #ccc;
font-weight: bold;
color: #000;
display: inline-block;
}
.den_tel {
color: #005466;
font-size: 2.4rem;
line-height: 3rem;
}
.den_tel2 {
color: #005466;
}
#mailformpro {
margin-top: 4rem;
}

}


/* スマートフォン用
------------------------------------------------------------*/
@media only screen and (max-width: 640px) {

/* トップページ */
#wrap_top {
width: 100%;
padding: 0 0.6rem;
}
#slider_sp {
position: relative;
width: 100%;
height: 46.9rem;
background: url(../img/top/back_slide_sp.png) no-repeat center;
background-size: 100%;
}
#ais {
width: 100%;
border: 1px solid #5281a4;
text-align: center;
font-size: 18px;
font-weight: bold;
color: #166aa6;
margin: 0 auto;
background: #fff;
padding: 20px 0;
}
#asas {
text-align: center;
}
a.ais_link:link {
text-align: center;
color: #166aa6;
text-decoration: underline;
}
a.ais_link:visited {
text-align: center;
color: #166aa6;
text-decoration: underline;
}
a.ais_link:hover {
text-align: center;
color: #166aa6;
text-decoration: none;
}
a.ais_link:active {
text-align: center;
color: #166aa6;
text-decoration: underline;
}
#top_ban {
width: 100%;
padding-top: 3rem;
text-align: center
}
#topl {
margin-bottom: 2rem;
}
#topr {

}

/* 建設車両用部品 */

/* 自動車用部品 */

/* カーブミラー販売 */
#mil_l {
}
#mil_l h3 {
color: #0a5f7b;
font-size: 1.8rem;
font-weight: bold;
margin-top: 3rem;
padding: 0 1rem;
}
#mil_l p {
margin-top: 4rem;
}
#mil_r {
background-color: #edf5f8;
padding: 1.4rem;
}

/* プレス加工 */

/* 溶接加工 */
#tube {
width: 100%;
padding: 0 1rem;
}
.tube_base {
width: 34rem;
margin-bottom: 4rem;
}
.tube_base h3 {
font-size: 1.4rem;
margin: 2rem 0 1.8rem 0;
color: #000;
font-weight: bold;
border-left: 0.5rem solid #0a5f7b;
background: #f0f0f0;
padding: 0.6rem 0.8rem;
}
.tube_in {
width: 100%;
height: 19.1rem;
}

/* 塗装 */

/* 組立 */
.trim_box {
margin: 5rem 0;
padding: 0 1rem
}
.tr_r h3 {
border-bottom: 0.1rem dotted #ccc;
color: #0a5f7b;
font-size: 1.8rem;
line-height: 2.8rem;
font-weight: bold;
padding-bottom: 1.6rem;
margin-top: 1.6rem;
}
.tr_r p {
font-size: 1.4rem;
line-height: 2.0rem;
margin-top: 1.6rem;
}

/* 設計・開発 */
.dev_box {
margin: 5rem 0;
padding: 0 1rem;
}
.dev_l {
}
.dev_r {
margin-top: 2rem;
text-align: center;
}
.dev_l h3 {
color: #0a5f7b;
font-size: 1.8rem;
line-height: 2.8rem;
font-weight: bold;
}

/* 会社概要 */
#tb_company {
font-size: 1.3rem;
width: 100%;
}
#tb_company th {
background: #edf5f8;
border: 0.1rem solid #ddd;
padding: 1rem 0.4rem;
font-weight: normal;
text-align: left;
width:20%;
}
#tb_company td {
border: 0.1rem solid #ddd;
padding: 1rem 0.4rem;
}
#tb_company2 {
font-size: 1.3rem;
margin-top: 5rem;
width: 100%;
}
#tb_company2 th {
background: #edf5f8;
border-top: 0.1rem solid #ddd;
border-bottom: 0.1rem solid #ddd;
padding: 1rem;
font-weight: normal;
text-align: left;
}
#tb_company2 td {
border-top: 0.1rem solid #ddd;
border-bottom: 0.1rem solid #ddd;
padding: 1rem;
}

/* 環境経営方針 */
#env_txt {
width: 100%;
border: 0.1rem solid #ccc;
padding: 2rem;
margin-top: 4rem;
}
#env_txt h3 {
font-size: 2.4rem;
margin-bottom: 4rem;
font-weight: bold;
color: #000;
text-align: center;
}
#env_txt h4 {
font-size: 1.8rem;
margin: 2rem 0;
font-weight: bold;
}
.evli1 {
list-style: decimal;
margin: 1rem 0 1rem 1rem;
}
.evli2 {
margin: 1rem 0 1rem 1rem;
}

/* 沿革 */
#history {
background: url(../img/history/hdr_history.png) no-repeat;
}
#tb_history {
width: 100%;
font-size: 1.3rem;
}
.hs1 {
padding: 1rem;
background: #ddd;
border: 0.1rem solid #ccc;
}
.hs2 {
padding: 1rem;
font-weight: normal;
border: 0.1rem solid #ccc;
}
#tb_history td{
padding: 1rem;
border: 0.1rem solid #ccc;
}

/* 工場案内 */
#annai_box {
display: flex;
justify-content: space-between;
}
#japan {
width: 36rem
}
#j_right {
width: 33.3rem;
}
#j_right h3 {
display: inline-block;
border-left: 0.5rem solid #0a5f7b;
font-size: 1.6rem;
font-weight: bold;
padding-left: 1rem;
margin: 0rem 2rem 1rem 0;
color: #000;
}
#j_right img {
margin-bottom: 2rem;
}
#j_right a {
display: inline-block;
font-size: 1.1rem;
text-align: center;
color: #fff;
font-weight: bold;
border-radius: 0.4rem;
padding: 0.2rem 2rem;
background: #417ca8; /* Old browsers */
background: -moz-linear-gradient(top, #417ca8 0%, #1a5e8b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #417ca8 0%,#1a5e8b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #417ca8 0%,#1a5e8b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#417ca8', endColorstr='#1a5e8b',GradientType=0 ); /* IE6-9 */
transition: 0.3s;
vertical-align: 0.2rem;
}
.equip {
font-size: 1.4rem;
margin: 2rem 0 1.8rem 0;
color: #000;
font-weight: bold;
border-left: 0.5rem solid #0a5f7b;
background: #f0f0f0;
padding: 0.6rem 0.8rem;
}
.product4 {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.product4 div {
width: 49%;
margin-bottom: 3rem;
}
.product4 div img {
border: 0.1rem solid #ccc;
}
.product4 p {
font-size: 1.4rem;
margin-top: 1rem;
}

/* 設備一覧 */
.tbe {
overflow: auto;
margin: 5rem 0 7rem 0;
}
.tb_equip {
width: 70rem;
}
.tb_equip th {
background: #edf5f8;
border: 0.1rem solid #ddd;
padding: 1rem;
font-weight: normal;
text-align: left;
}
.tb_equip td {
border: 0.1rem solid #ddd;
padding: 1rem;
}
.tb_equip caption {
text-align: left;
}
.wd1 {
width: 7.4rem;
}
.wd2 {
width: 16.4rem;
}
.wd3 {
width: 10rem;
}
.wd4 {
width: 22.4rem;
}
.wd5 {
width: 9.1rem;
}
.wd6 {
width: 6.3rem;
}

/* 会社組織図 */
#tb_chart {
margin: 5rem 0;
font-size: 1.3rem;
width: 100%;
}
#tb_chart th {
background: #edf5f8;
border-top: 0.1rem solid #ddd;
border: 0.1rem solid #ddd;
padding: 1rem;
font-weight: normal;
text-align: left;
}
#tb_chart td {
border-top: 0.1rem solid #ddd;
border: 0.1rem solid #ddd;
padding: 1rem;
}
#cwd {
width: 40%;
}
#tb_chart caption {
text-align: right;
margin-bottom: 0.4rem;
}

/* アクセスマップ */
.tb_access {
margin: 5rem 0;
font-size: 1.3rem;
width: 100%;
}
.tb_access th {
background: #edf5f8;
border-top: 0.1rem solid #ddd;
border: 0.1rem solid #ddd;
padding: 1rem;
font-weight: normal;
text-align: left;
width: 22%;
}
.tb_access td {
border-top: 0.1rem solid #ddd;
border: 0.1rem solid #ddd;
padding: 1rem;
}
.map {
width: 100%;
height: 35rem;
}

/* 採用top */
#content {
}
#catch_rectop {
width: 100%;
}
#catch_rectop h2 {
width: 370px;
margin: 0 auto;
border: 2px solid #004c9e;
box-sizing: border-box;
background: #fff;
color: #000;
font-size: 24px;
text-align: center;
padding: 12px 0 8px 0;
font-weight: bold;
}
.rec_red1 {
font-size: 30px;
color: #de1e1e;
}
.rec_red2 {
color: #de1e1e;
}
.rec_s {
font-size: 12px;
}
#rec_h3 {
color: #fefeff;
background: #054284;
text-align: center;
padding: 20px 0 18px 0;
}
.rec_read1 {
font-size: 2.6rem;
font-style: italic;
color: #004c9e;
border-bottom: 2px solid #004c9e;
padding-bottom: 4px;
font-weight: bold;
line-height: 46px;
margin: 50px 0 40px 0;
clear: both;
text-align: center;
}
.p14 {
color: #000;
line-height: 30px;
font-size: 14px;
}
.p24 {
color: #000;
font-size: 24px;
margin: 30px 0;
}
#three {
background: url(../img/recruit/back_donna.png);
padding: 30px 18px 35px 18px;
margin-top: 30px;
text-align: center;
overflow: hidden;
}
#three a {
color: #fff;
}
.btn_3 {
width: 154px;
padding: 8px 0;
display: block;
color: #fff;
font-size: 12px;
font-weight: bold;
border-radius: 20px;
margin: 28px 33px 0 33px;
float: left;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0085e2+0,0066af+58 */
background: #0085e2; /* Old browsers */
background: -moz-linear-gradient(top, #0085e2 0%, #0066af 58%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #0085e2 0%,#0066af 58%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #0085e2 0%,#0066af 58%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0085e2', endColorstr='#0066af',GradientType=0 ); /* IE6-9 */
}
.btn_3:hover {
opacity: 0.7;
}
#motto {
width: 100%;
}
#motto div {
position: relative;
overflow: hidden;
width: 336px;
height: 222px;
box-sizing: border-box;
text-align: center;
margin: 0 auto 2rem auto;
font-style: italic;
}
#motto h3 {
font-size: 24px;
text-shadow: 1px 1px 0 #000;
font-weight: bold;
}
#motto h3 span {
font-size: 36px;
}
.mbtn {
border: 1px solid #fff;
width: 136px;
margin: 38px auto 50px auto;
padding: 6px 0;
font-size: 12px;
}
#motto a {
display: block;
padding: 46px 0 0 0;
z-index: 1;
position: relative;
height: 100%;
color: #fff;
}
#ml {
border-bottom: 7px solid #054284 !important;
}
#ml:after {
position: absolute;
content: "";
display: block;
width: 100%;
height: 100%;
top: 0;
background: url(../img/recruit/back_suji.png) no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
background-size: cover;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
}
#ml:hover:after {
opacity: .9;
-moz-transform: scale(1.05);
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
#mr {
border-bottom: 7px solid #00d7c0 !important;
}
#mr:after {
position: absolute;
content: "";
display: block;
width: 100%;
height: 100%;
top: 0;
background: url(../img/recruit/back_hukuri.png) no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
background-size: cover;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
}
#mr:hover:after {
opacity: .9;
-moz-transform: scale(1.05);
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
#yoko {
background: url(../img/recruit/back_donna.png);
padding: 1rem;
margin-top: 5rem;
}
#yoko img {
-webkit-transition: .3s;
-moz-transition: .3s;
-ms-transition: .3s;
transition: .3s;
}
#yoko img:hover {
opacity: 0.8;

}

/* 数字で見る */
#sj {
font-size: 4.8rem;;
color: #004c9e;
text-align: center;
line-height: 6rem;
margin-top: 2rem;
font-weight: bold;
}
#sj2 {
font-size: 18px;
color: #000;
text-align: center;
line-height: 60px;
margin-bottom: 40px;
font-weight: bold;
}
.sjbox {
position: relative;
width: 100%;
height: 27rem;
margin-bottom: 12px;
box-sizing: border-box;
}
.sjbox div {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 2rem;
box-sizing: border-box;
}
.sjbox h3 {
font-size: 2.6rem;
color: #00438e;
line-height: 32px;
margin-bottom: 1rem;
font-weight: bold;
}
.sjbox h3 span {
font-size: 18px;
}
.suji {
font-size: 4rem;
line-height: 70px;
font-weight: bold;
color: #00438e;
}
.suji span {
font-size: 30px;
}
.s_d {
font-size: 1.4rem;
line-height: 2.4rem;
margin-top: 2.4rem;
}
.bg1 {
background: url(../img/rec_analysis/back1.png);
}
.bg2 {
background: url(../img/rec_analysis/back2.png);
}
#ic1 {
background: url(../img/rec_analysis/bg_building.png) no-repeat;
background-position: 20rem 3rem;
background-size: 40%;
}
#ic2 {
background: url(../img/rec_analysis/bg_graph.png) no-repeat;
background-position: 20rem 3rem;
background-size: 40%;
}
#ic3 {
background: url(../img/rec_analysis/bg_woker.png) no-repeat;
background-position: 16rem 7rem;
background-size: 50%;
}
#ic5 {
background: url(../img/rec_analysis/bg_nendai.png) no-repeat;
background-position: 20rem 2rem;
background-size: 40%;
}
#ic8 {
background: url(../img/rec_analysis/bg_tokei.png) no-repeat;
background-position: 22.6rem 3rem;
background-size: 30%;
}
#ic9 {
background: url(../img/rec_analysis/bg_calendar.png) no-repeat;
background-position: 20rem 7rem;
background-size: 40%;
}
#ic10 {
background: url(../img/rec_analysis/bg_kyuka.png) no-repeat;
background-position: 22rem 3rem;
background-size: 36%;
}

/* 社内制度・待遇 */
#welh {
background: url(../img/rec_welfare/back_read.png) no-repeat;
text-align: center;
font-size: 2.4rem;
color: #fff;
text-shadow: 1px 1px 0 #000;
line-height: 36px;
margin: 0 0 6rem 0;
padding: 30px 0;
font-weight: bold;
}
.wh3 {
font-size: 2.4rem;
line-height: 3.2rem;
background: url(../img/rec_welfare/arrow.png) no-repeat;
background-size: 1rem;
background-position: 0.4rem 0.5rem;
padding-left: 2rem;
font-style: italic;
color: #0061cd;
margin: 4rem 0 3rem 0;
}
.wh3 span {
font-size: 3.4rem;
}
.wh3 em {
font-size: 18px;
}
.wpp {
font-size: 1.6rem;
line-height: 3rem;
border-bottom: 0.1rem dotted #ccc;
padding: 0 2rem 2rem 2rem;
}

/* 募集要項 */
#rec_tb {
width: 100%;
border-collapse: collapse;
font-size: 16px;
}
#rec_tb th {
width: 26%;
background: #f0f0f0;
border: 1px solid #cdcdcd;
padding: 18px 20px;
font-weight: bold;
vertical-align: top;
}
#rec_tb td {
border: 1px solid #cdcdcd;
padding: 18px 20px;
vertical-align: top;
}

/* ご挨拶 */
#sign {
text-align: right;
}
#sign img {
width: 14rem;
}
.grrr {
font-family: "游明朝","YuMincho";
font-size: 2.2rem;
line-height: 3.2rem;
margin-bottom: 4rem;
margin-top: 4rem;
color: #000;
}
.grrr2 {
font-family: "游明朝","YuMincho";
font-size: 2.2rem;
line-height: 3.2rem;
margin-bottom: 4rem;
color: #000;
}
#sign_txt {
margin-top: 4rem;
margin-bottom: 4rem;
font-family: "游明朝","YuMincho";
font-size: 1.4rem;
line-height: 2.8rem;
}
#sign_txt p {
margin: 1.6rem 0;
}

/* サイトマップ */
.sm_box {
font-size: 1.6rem;
line-height: 3rem;
padding: 0 1rem;
}
.sm_box div  {
}
.sm_box h3 {
font-size: 1.4rem;
margin: 2rem 0 1.8rem 0;
color: #000;
font-weight: bold;
border-left: 0.5rem solid #0a5f7b;
background: #f0f0f0;
padding: 0.6rem 0.8rem;
}
.sm_box li {
list-style: circle;
list-style-position: inside;
padding-left: 2rem;
}

/* お問い合わせ */
#den {
padding: 1.4rem;
border-top: 0.1rem solid #ccc;
border-bottom: 0.1rem solid #ccc;
font-weight: bold;
color: #000;
display: inline-block;
width: 100%;
}
.den_tel {
color: #005466;
font-size: 2.4rem;
line-height: 3rem;
}
.den_tel2 {
color: #005466;
}
#mailformpro {
margin-top: 4rem;
}

}