@charset "utf-8";
/*
Theme Name: pc

*/

*{margin:0;padding:0;}

html{background:#d4e3ec;}

body{
font-size:18px/1.7;

font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
/*font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", sans-serif;*/
color:#252525;
background:#fdfffe;}
table{
border-collapse: collapse;
border-spacing: 0;
}
.sm{
	display:none;
}
/*******************************
全体幅
*******************************/
#wrapper{
margin:0 auto;
width:100%;
background:url(http://woikshb7.iqservs.jp/hp/wp-content/themes/pc/images/bg_top.png);
}
#container{
margin:50px auto;
width:1240px;
border:2px solid green-x;
background:purple-x;
}


/*******************************
ヘッダー
*******************************/
#header_wrap{
margin:0 auto;
width:100%;
}
#header{
position:relative;
margin:0 auto;
width:1200px;
text-align:center;
}
#header h1{
display:none;
}
#header h2{
display:none;
}
.box_slide{
width:100%;
}
.box_menu{
width:100%;
border:0px solid red;
overflow:hidden;
}
.box_logo{
width:40%;
float:left;
}
.box_logo img{
width:97%;
height:auto;
margin:10px 0 0 3%;;
}
.box_logo img:hover{
opacity:0.8;
transition:0.8s;
}
.box_nav{
width:50%;
margin-left:9%;
float:left;
}
.box_nav img{
width:17%;
height:auto;
margin:12px 1% 0;
}
.box_nav img:hover{
opacity:0.8;
transition:0.5s;
}
#top-link
{text-indent:100%;
white-space:nowrap;
overflow:hidden;
line-height:0.01em;
} 

/*******************************
コンテンツ
*******************************/
#main_image{
width:100%;
text-align:center;
margin:20px auto;
padding:10px 0;
background:yellow;
}
.top_column_box{
width:100%;
text-align:center;
margin:0;
}
.top_column{
width:25%;
height:450px;
margin:0 4% 0px; 
text-align:center;
border:0px solid cyan;
float:left;
overflow:hidden;
}
.top_column img{
width:100%;
height:auto;
}
p.top_column_tl{
font-size:24px;
color:#026d2d;
margin:20px 0 10px;
font-weight:bold;
}
.top_message{
width:50%;
margin:0 25%;
}
.top_message img{
width:100%;
height:auto;
margin:0 auto;
}
.top_message p{
display:none;
}
.top_image{
width:100%;
text-align:center;
overflow:hidden;
}
.top_image img{
width:40%;
height:auto;
margin:40px 5%;
float:left;
}
img.top_message{
width:50%;
margin:0 25%;
}
.top_go_company, .top_go_recruit {
background:#7f1346;;
width:300px;
height:40px;
border-radius:30px;
text-align:center;
margin:0 auto;
padding:18px 0 0 ;
border:1px solid silver;
font-size:120%;
}
.top_go_company a, .top_go_recruit a{
color:#ffffff;
text-decoration:none;
}
.top_go_company:hover,  .top_go_recruit:hover{
transition:0.8s;
background:pink;
} 
.top_go_company a:hover,  .top_go_recruit a:hovera{
transition:0.8s;
}
.top_service{
width:100%;
overflow:hidden;
margin:100px auto;
text-align:center;
}
.top_service img{
width:950px;
height:250px;
margin:0 auto;
}
.top_service_wrap{
width:90%;
margin:30px 5%;
overflow:hidden;
text-align:center;
}
.top_service_box{
width:29%;
margin:50px 2% 30px;
float:left;
text-align:center;
}
.top_service_box img{
weith:100%;
height:auto;
}
p.top_service_tl{
width:100%;
color:#026d2d;
font-size:24px;
font-weight:bold;
margin:15px 0;
}
p.top_service_note{
font-size:16px;
text-align:left;
}
section {
  height: 50vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.item {
width:100%;
opacity: 0;
transform: translateY(10rem);
transition: all 1.6s ease-out;
}
section:has(.is-visible) .item {
  opacity: 1;
  transform: none;
}
.sentinel {
  width: 1px;
  height: 1px;
  visibility: hidden;
}
.top_branch_box{
width:100%;
text-align:center;
background:#ededed;
padding:20px 0;
}
.top_branch{
width:29%;
height:320px;
margin:0 2%; 
text-align:center;
float:left;
overflow:hidden;
border:0px solid blue;
}
.top_branch_in{
width:100%;
height:280px;
text-align:center;
overflow:hidden;
border:0px solid red;
margin:0 0 16px;
}
.top_branch_in img{
width:100%;
height:auto;
}
.top_branch_in img:hover{
opacity:0.6;
transition:1.5s;
width:110%;
}
.top_recruit_box{
width:100%;
text-align:center;
border:0px solid orange;
margin:0;
}
.top_recruit{
width:42%;
height:350px;
margin:0 3% 50px; 
text-align:center;
border:0px solid cyan;
float:left;
overflow:hidden;
}
.top_recruit img{
width:80%;
height:auto;
}
p.top_recruit_content{
margin:50px 0 50px;
text-align:left;
}
p.top_recruit_link {
text-align:left;
}
p.top_recruit_link a{
color:green;
text-decoration:none;

}
p.top_recruit_link a:hover{
color:orange;
transition:0.5s;
}
.top_info_box{
width:100%;
text-align:center;
border:0px solid orange;
margin:0;
}
p.top_info_tl{
font-size:30px;
font-weight:bold;
text-align:center;
margin:0 0 15px;
}
.top_info_content{
text-align:left;
width:70%;
height:30px;
padding:15px 0;
background:#f8f8f8;
border:1px solid #dddddd;
overflow:hidden;
margin:0 15% -1px;
font-size:18px:
}
.top_info_date{
display:inline-block;
width:15%;
border:0px solid pink;
margin-left:30px;

}
.top_info_a{
display:inline-block;
width:70%;
border:0px solid blue;
}
.top_info_a a{
color:#030303;
text-decoration:none;
}
.top_info_a a:hver{
color:#030303;
text-decoration:underline;
trastion:0.5s;
}

/*******************************
フッター
*******************************/
#footerUpper{
clear:both;
padding:0px 0;
border-top:0px solid #e8e8e8;
border-bottom:0px solid #606060;
overflow:hidden;
}
.footerUpper_box{
margin:0 auto;
width:1200px;
text-align:center;
}
.footerUpper_box_in{
width:33%;
height:200px;
text-align:center;
display:inline-block;
flot:left;
}
.footerUpper_box img{
width:100%;
height:auto;
margin-top:15px;
}
.footerUpper_box img:hover{
opacity:0.7;
transition:1s;
}
#footerLower{
clear:both;
padding:70px 0 0;
background:#7f1346;
width:100%;
height:180px;
}
.footerLower_in{
width:49%;
float:left;
font-size:24px;
color:#ffffff;
text-align:center;
}
.footerLower_in img:hover{
opacity:0.5;
transition:0.7s;
}
.footerLower_in p{
text-align:left;
}
p.footer_address{
font-size:18px;
}
#footer_sitemap{
clear:both;
width:1000px;
height:160px;
border:0px solid silver;
margin:30px auto 0;
padding:0 0 0 450px;
}
.footer_sitemap_in{
width:200px;
float:left;
}
.footer_sitemap_in p{
margin:10px 0;
}
.footer_sitemap_in a{
color:#000000;
text-decoration:none;
font-size:14px;
}
.footer_sitemap_in a:hover{
color:#7f1346;
transition:0.3s;
}
#address{
width:100%;
text-align:center;
font-size:12px;
font-style:normal;
color:#000000;
border-top:1px dotted silver;
padding:20px 0;
}



h3 {
  position: relative;
  padding: 0.25em 0;
  font-size:24px;
}
h3:after {
  content: "";
  display: block;
  height: 4px;
  background: -webkit-linear-gradient(to right, rgb(22, 71, 17), transparent);
  background: linear-gradient(to right, rgb(22, 71, 17), transparent);
}
#main_page{
margin:50px 3%;
width:94%;
}
h4{
font-size:24px;
font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
padding:20px 0;
}
p.sub-tl-01{
width:100%;
text-align:center;
  position: relative;
  display: inline-block;
  margin-bottom: 1em;
 font-size:24px;
font-weight:bold;
margin-top:40px;
}
p.sub-tl-01:before {
  content: '';
  position: absolute;
  bottom: -15px;
  display: inline-block;
  width: 60px;
  height: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #026d2d;
  border-radius: 2px;
}
/*　事業案内　*/
.service-01 ul{
font-size:18px;
margin:50px 0 200px 200px;
width:40%;
float:left;
text-align:left;
}
.service-01 img{
display:block;
float:left;
width:350px;
height:auto;
margin:50px 0 0 ;
}
p.service-02 {
width:100%;
text-align:center;
font-size:18px;
margin:30px 0 0;
}
/*　会社概要　*/
.table_design03 {
margin:60px 5% 100px;
border-collapse: collapse;
width: 100%;
max-width: 1000px;
}
.table_design03 td {
border-bottom: 2px solid #c1c7c6;
padding: 2em 1em 2em 3em;
}
.table_design03 th {
border-bottom: 2px solid #026d2d;
font-weight: bold;
text-align: center;
width: 20%;
min-width: 4em;
padding: 2em 0em 2em;	
}
/* 採用情報 */
.recruit-11{
width:60%;
float:left;
}
.recruit-12
width:40%;
float:right;
}
.recruit-12 img{
width:300px;
height:300px;
text-align:center;
}
img.recruit-02 {
width:950px;
height:470px;
margin:30px 50px;
}
img.recruit-03 {
width:950px;
height:300px;
margin:30px 50px;
}
.recruti_fukuri-01{
width:1100px;
margin:30px 0 0 50px;
}
.recruti_fukuri-02{
width:290px;
height:380px;
border:1px solid #009944;
float:left;
margin:0 24px 50px;
text-align:center;
overflow:hidden;
}
.recruti_fukuri-02 img{
margin:20px 0 15px;
}
p.recruti_fukuri-sub-tl{
font-size:18px;
font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
font-weight:bold;
color:#ffffff;
background:#009944;
text-align:center;
width:100%;
padding:8px;
}
p.recruti_fukuri-content{
margin:0 15px 20px;
line-height:1.2rem;
text-align:left;
font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
.recruti_edu-box{
width:100%;
margin:50px 0 0;
}
.recruti_edu-01{
width:55%;
float:left;
margin:0 0 0 5%;
}
.recruti_edu-02{
width:38%;
float:left;
padding:30px 0 0;
text-align:center;
margin:0 0 30px;
}
.recruti_edu-11{
width:55%;
float:left;
}
.recruti_edu-12{
width:38%;
float:left;
padding:30px 0 0;
text-align:center;
margin:0 0 30px 5%;
}
.recruti_edu-sub-tl{
font-size:20px;
font-weight:bold;
width:100%;
border-bottom:2px solid #000000;
font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
.recruti_edu-p01{
color:#026d2d;
font-size:18px;
margin:20px 0;
font-weight:bold;
}
.recruti_voice_box{
    margin:2em 50px 50px;
    position: relative;
    padding: 0.5em 1.5em;
    border-top: solid 2px black;
    border-bottom: solid 2px black;
font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
.recruti_voice_box:before, .recruti_voice_box:after{
    content: '';
    position: absolute;
    top: -10px;
    width: 2px;
    height: -webkit-calc(100% + 20px);
    height: calc(100% + 20px);
    background-color: black;
}
.recruti_voice_box:before {left: 10px;}
.recruti_voice_box:after {right: 10px;}
.recruti_voice_box p {
    margin: 0; 
    padding: 0;
}
.recruti_voice_l{
width:42%;
margin:30px 2%;
border:0px solid silver;
float:left;
}
.recruti_voice_r{
width:44%;
margin:30px 0 30px 5%;
border:0px solid silver;
float:left;
}
p.recruti_voice_01{
}
p.recruti_voice_q{
color:#026d2d;
font-weight:bold;
margin:20px 0 0;
}
p.recruti_voice_a{
line-height:1.4rem;
}

.recruit_entry_box{
width:100%;
}
.recruit_inquiry{
width:30%;
margin:100px 0 100px 19%;
text-align:center;
float:left;
}
.recruit_inquiry a{
background:#026d2d;
color:#ffffff;
text-align:center;
padding:30px 80px;
text-decoration:none;
display:inline-block;
}
.recruit_inquiry a:hover{
background:orange;
transition:0.5s;
}
.recruit_entry{
width:30%;
margin:100px 0 100px 10%;
text-align:center;
float:left;
}
.recruit_entry a{
background:#8d0707;
color:#ffffff;
text-align:center;
padding:30px 80px;
text-decoration:none;
margin-bottom:20px;
display:inline-block;
}
.recruit_entry a:hover{
background:orange;
transition:0.5s;
}
.icon_tel_box{
display:flex;
margin-left:50px;
}
table.recruit_youkou{
width:80%;
margin:30px 10%;
}
table.recruit_youkou th,table.recruit_youkou td{
padding:15px 20px;
text-align:left;
vertical-align:top;
}
table.recruit_youkou th{
wid
} 
/*　事業所　*/
.office-01{
width:90%;
margin:50px 5%;
}
.office-img{
width:40%;
margin:0 4.5%;
float:left;
}
.office-img img{
width:100%;
height:auto;
} 
.office-02{
margin:50px 0 0 200px;
font-size:18px;
}
.office-map{
margin:50px 0 100px 200px;
}
.office_btn_box{
width:70%;
margin:50px 0 0 20%;
}
.office_btn{
display:block;
margin:0px 50px 100px;
float:left;
}
.office_btn a{
padding:20px 0;
background:#026d2d;
color:#ffffff;
text-align:center;
text-decoration:none;
width:150px;
display:inline-block;
}
.office_btn a:hover{
background:orange;
transition:0.8s;
}
/* お問合せ */

.inquiry-01{
width:100%; text-align:center; margin: 0 auto 50px;}
span.hissu{color:red; font-size:90%;}
p.inquiry-01{
width:80%;
margin:30px auto;
}
table.order {
width:80%;
border-collapse:collapse;
border-spacing:0;
border:#e5e5e5 0px solid;
margin:30px auto;
}
table.order th{
border-bottom:#026d2d 2px solid;
font-weight:normal;
background:#ffffff;
padding:15px 20px;
color:#000000;
}
table.order td{
border-bottom:#e5e5e5 1px solid;
padding:25px 20px;
text-align:left;
}
input[type="text"], input[type="email"], textarea, select{ 
 vertical-align:middle; 
 width:80%; 
 line-height:2.5rem;
 padding:1px 5px; 
 border:1px solid #d4d4d7; 
 border-radius:3px; 
 -webkit-border-radius:3px; 
 -moz-border-radius:3px; 
 font-size:100%; 
 color:#555; 
 background:#fcfcfc; 
 }
input[type="submit"]{
font-size:150%;
padding:20px;
}
/*　沿革　*/
table.history-02{
width:90%;
margin:30px 5%;
}
table.history-02 th{
padding:10px 20px;
width:20%;
}
table.history-02 td{
padding:10px 20px;
}
/*　サイトマップ　*/
.sitemap-01 p{
width:60%;
margin:50px 20%;
line-height:2rem;
font-size:20px;
text-align:center;
}
.sitemap-01 a{
color:#000000;
text-decoration:none;
}
.sitemap-01 a:hover{
color:orange;
transition:0.5s;
text-decoration:underline;
}