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

*/

*{margin:0;padding:0;}

html{}

body{
font-size:24px/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:#ffffff url(images/header.png) repeat-x;*/
font-family: "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
color:#252525;
}
table{
border-collapse: collapse;
border-spacing: 0;
}
a{color:#000000; text-decoration:none;}
a:hover{color:orange; text-decoration:underline; transition:0.5s;}
a:hover img{opacity:0.6; transition:0.5s;}
#header_wrap{
width:1400px;
margin:0 auto;
height:110px;
}
#header{
width:1400px;
margin:0 auto;
}
.header_box01{
/*width:460px;*/
width:350px;
height:92px;
float:left;
}
.header_box01 img{
/*margin-top:-10px;*/
}
.header_box02{
width:270px;
height:68px;
float:left;
/*padding-top:32px;*/
padding-top:22px;
}
.header_box03{
/*width:500px;*/
width:600px;
height:86px;
float:left;
padding-top:14px;
}
.header_box03 a{
border:1px solid pink;
border-radius:5px;
padding:4px 8px;
margin:2px 0px;
display:inline-block;
}
.header_box03 a:hover{
background:pink;
transition:0.5s;
text-decoration:none;
color:#ffffff;
border:1px solid #ffffff;
}
.header_box04{
width:165px;
height:88px;
float:right;
padding-top:12px;
}
.header_nav02 a{
background:url(/images/mrk-01.png)no-repeat;
}
p.header_nav02{
margin-top:8px;
}
#main_image img{
width:100%; height:auto; margin-top:0px;
}
#top-link
{text-indent:100%;
white-space:nowrap;
overflow:hidden;
line-height:0.01em;
} 
#wrapper{
margin:0 auto;
width:100%;
height:100px;
background:pink;
}
#container{
margin:-20px auto 0;
width:1400px;
/*height:50px;*/
background:url(https://hitoakari.com/hp/wp-content/themes/pc/images/back_image.png) no-repeat;
border:0px dotted blue;
}
#top_box_01{
width:1200px;
margin:100px auto 0;
}
.top_box_02{
width:1100px;
padding:20px 50px 0;
margin:0px auto 50px;
background:#fccdcd;
}
.top_box_02_l{
width:850px;
float:left;
}
.top_box_02_l li{
width:95%;
/*height:40px;*/
height:44px;
overflow:hidden;
}
.top_box_02_r{
width:200px;
height:30px;
float:right;
padding-top:100px;
text-align:right;
}
span.blog-date{display:inline-block; width:150px; border:0px solid #000000; height:18px;}
span.blog-title{display:inline-block; width:600px; overflow:hidden; height:18px;}
span.blog-title a{color:#000000; text-decoration:none;}
p.top_box_03_tl{font-size:120%; font-weight:bold; padding:4px 0px; border-radius:20px; background-color:#ea5f5f; margin:0 0 20px 120px; text-align:center; color:#ffffff;  width:200px;}
.top_box_03_l{width:40%; margin:20px 4%; float:left; text-align:center;}
.top_box_03_r{width:40%; margin:20px 0 20px 4%; float:left; text-align:center;}
.top_box_inner{width:100%; background:#ffffff; border-radius:10px; padding:10px; text-align:center;}
p.situation_01{margin:0 0 0 300px;}
.situation_table{margin:20px 6%; font-size:120%;}
.situation_table td{texxt-align:center; padding:5px 18px; border:1px dotted silver;}
.situation_date{margin:3px 2%; text-align:right; font-size:80%;}

#top_message{
width:100%;
height:400px;
margin:40px auto 0;
border:0px solid green;
background:url(https://hitoakari.com/hp/wp-content/themes/pc/images/message.png) no-repeat;
background-position: center;
}
.top_message01{
width:1200px;
margin:-10px 0 0 30px;
padding-top:30px;
font-size:220%;
color:#3e3e3e;
line-height:3.0rem;
}
.top_message02{
width:1200px;
margin:20px 0 30px 30px;
font-size:125%;
color:#3e3e3e;
line-height:2.2rem;
}
p.top_message03{
width:1200px;
margin:0 auto;
padding-left:50px;
}
.board{
width:920px;
height:520px;
margin:10px auto 100px;
background:url(/hp/wp-content/themes/pc/images/bg_board.png) no-repeat;
overflow:hidden;
}

.board_kitei, .board_price, .board_blog{
width:230px;
height:300px;
float:left;
overflow:hidden;
text-align:center;
font-size:120%;
border:0px solid #000000;
}
.board_price{
margin:160px 0 0 40px;
}
.board_blog{
margin:120px 0 0 68px;
}
.board_kitei{
margin:140px 0 0 68px;
}
p.image-005{
width:100%; 
text-align:center; 
margin:-50px auto 0;
}
#top_map{
width:1400px;
height:480px;
margin:0px auto;
padding-top:350px;
background:url(https://hitoakari.com/hp/wp-content/themes/pc/images/top_map.png) no-repeat;
background-position: center;
}
p.top_map01{
margin:0px 0 0 560px;
font-size:180%;
}
p.top_map02{
margin:20px 0 0 560px;
font-size:120%
}}
#top_service{
width:100%;
height:1000px;
background:#ffcdcd;
}
#top_service1{
width:100%;
height:300px;
margin:0px auto 0;
background:#ffcdcd url(https://hitoakari.com/hp/wp-content/themes/pc/images/top_service.png) no-repeat;
background-position: center;
}
#top_service2{
width:100%;
height:500px;
background:#ffcdcd;
padding-top:50px;
margin-top:-10px;
text-align:center;
border:0px solid blue;
}
p.top_service01{
width:100%;
text-align:center;
font-size:160%;
margin-top:-50px;
}
p.top_service02{
width:100%;
text-align:center;
font-size:120%;
}
p.top_service03{
width:100%;
text-align:center;
margin-top:80px;
}
#top_recruit{
width:100%;
height:310px;
margin:-10px auto 0;
border:0x solid green;
background:url(https://hitoakari.com/hp/wp-content/themes/pc/images/top_recruit.png)no-repeat;
background-position: center;
background-size: 100%;
text-align:center;
padding-top:550px;
}
#top_recruit img{
margin:0 10px;
}
/*******************************
フッター
*******************************/
#footerUpper{
width:1400px;
height:460px;
margin:0 auto;
background:url(https://hitoakari.com/hp/wp-content/themes/pc/images/footer_offshop.png) no-repeat;
background-position: center;
}
#footerUpper_l{
width:500px;
margin:0;
float:left;
}
#footerUpper_r{
width:550px;
margin:0;
padding-right:80px;
float:right;
}
.logo_footer_recruit{
margin:0 0 20px 30px;
}

img.logo_footer{
margin:0px 0 0px;
}
p.footer_nav01{
margin-top:50px;
text-align:right;
}
p.footer_nav02{
margin-top:30px;
text-align:right;
}
.footer_box03{
margin-top:30px;
text-align:right;
}
.offshot{
width:1200px;
height:200px;
margin:-20px auto 0;
background:#fcd5d0;
padding:10px 0px;
text-align:center;
}
.offshot-image{width:160px; background:#ffffff; padding:10px; float:left; margin:10px 30px; }
.offshot-image img{width:auto; height:160px; margin:0 auto;}
#footerLower{
width:1200px;
margin:0 auto;
border-top:1px solid #dfdfdf;
}
.footerLower_l{
width:40%;
margin:10px 0 0 5%;
float:left;
}
address{
text-decoration:none;
}
.footerLower_r{
width:40%;
margin:10px 5% 0 0;
float:right;
text-align:right;
}
p.h2_page{
  position: relative;
  display: inline-block;
  margin: 0.5em auto 4rem!important;
font-size:250%;
width:100%;
text-align:center;
}
p.h2_page:before {
  content: '';
  position: absolute;
  bottom: -15px;
  display: inline-block;
  width: 60px;
  height: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #ea5f5f;
  border-radius: 2px;
}
/* わたしたちについて
------------------------------------------------------------*/
#aboutus-01{
width:100%;
margin:30px auto;
font-size:120%;
line-height:3rem;
}
#aboutus-01 ul{
margin:30px ;
}
#aboutus-01 h3{
display:block;
width:100%;
font-size:140%;
color:#ea5f5f;
text-align:center;
}
#aboutus-01 h4{
font-size:120%;
text-decoration:underline;
margin:20px 0 0;
}
p.aboutus-02{
width:100%;
font-size:140%;
font-weight:bold;
text-align:center;
border-top:1px solid silver;
border-bottom:1px solid silver;
padding:8px 20px;
}
p.aboutus-03{
text-align:center;
width:100%;
margin:30px auto;
font-size:110%;
}
.aboutus-04{
width:90%;
margin: 0 auto 5em;
padding: 2em; 
/*background-color: #FDFBF6; */
background-color: rgb(253 251 246 / .5); 
box-shadow: 3px 1px 4px rgb(0 0 0 / .2);
text-align:center;
font-weight:bold;
}
ul.aboutus-05 li{
margin-left:200px;
}
p.aboutus-02{
width:100%;
font-size:140%;
font-weight:bold;
text-align:center;
border-top:1px solid silver;
border-bottom:1px solid silver;
padding:8px 20px;
}
p.aboutus-03{
text-align:center;
width:100%;
margin:30px auto;
font-size:110%;
}
.aboutus-04{
width:90%;
margin: 0 auto 5em;
padding: 2em; 
/*background-color: #FDFBF6; 
background-color: rgb(253 251 246 / .5);*/ 
background-image:url(https://hitoakari.com/hp/wp-content/themes/pc/images/image-001.png);
background-opacity:0.5;
box-shadow: 3px 1px 4px rgb(0 0 0 / .2);
text-align:center;
font-weight:bold;
}
.aboutus-05{
width:45%;
float:left;
margin:30px 0 0 20%;
}
.aboutus-05 li{
margin-left:0px;
}
.aboutus-07{
width:28%;
float:left;
margin:30px 0 20px ;
}
.aboutus-07 img{
width:100%;
height:auto;
border-radius:50%;
box-shadow: 3px 1px 4px rgb(0 0 0 / .2);
}
/* ご利用のご案内
------------------------------------------------------------*/
#service{
width:90%;
margin:30px 0 0 10%;
line-height:3rem;
font-size:18px;
}
p.service-001{
margin:10px 20px 0 40px;
line-height:26px;
letter-spacing:0.1em;
font-size:18px!important;
}
p.service-002{
width:100%;
text-align:center;
font-size:18px!important;
}
#service h3{
margin:50px 0;
}
#service ul{
margin:0 20%;
}
#service h3{
display:block;
width:100%;
font-size:140%;
color:#ea5f5f;
text-align:center;
}
#service img{
float:right; 
margin:100px 100px 0 0 ;
}

/* 会社概要
------------------------------------------------------------*/

#company{
margin:-20px 0 0 15px;
}
table.profile{
width:1000px;
margin:50px auto;
border-collapse:collapse;
border-spacing:0;
border:#989487 1px solid;
}
tr.profile-1{
border:#989487 1px solid;
}
tr.profile-1 th{
padding:20px 20px 20px 20px;
border:#989487 1px solid;
font-weight:normal;
text-align:center;
width:300px;
border-right:none;
font-size:120%;
/*background-color:#f9f5cb;*/
}
tr.profile-1 td{
padding:20px 0 20px 20px;
font-size:120%;
border:#989487 1px solid;
background-color:#fff;
}
.company-access{
margin:30px 0 0 84px;
}
#company h3{
display:block;
width:100%;
font-size:140%;
color:#ea5f5f;
text-align:center;
}
#company h4{
font-size:120%;
text-decoration:underline;
margin:20px 0 0;
}
/* 採用情報
------------------------------------------------------------*/
#recruit{
width:100%;
margin:80px 0 0 15px;
font-size:120%;
line-height:3rem;
}
#recruit p{
margin:10px 20px 0 40px;
letter-spacing:0.1em;
}
#recruit ul{
margin:20px 20px 20px 100px;
font-size:16px;
font-weight:bold;
} 
#recruit ul li{
margin:10px 0 0 0;
}
.recruit-question{
margin:10px 20px 20px 40px;
padding:20px;
font-size:16px;
line-height:26px;
letter-spacing:0.1em;
border:0px #aca9a1 dotted;
border:0px #e6ac00 dotted;
border-radius:5px;
}
#recruit h3{
display:block;
width:100%;
font-size:140%;
color:#ea5f5f;
text-align:center;
}
#recruit h4{
font-size:120%;
text-decoration:underline;
margin:20px 0 0;
}
.recruit-006{
width:100%;
margin:30px auto 60px;
text-align:center;
}
.recruit-006 img{
width:30%;
height:auto;
border-radius:10px;
opacity:0.5;
}
.qa-8 dt {
    margin-bottom: 1em;
    color: #333333;
    font-weight: 600;
}
.qa-8 dt::before,
.qa-8 dd::before {
    margin-right: .4em;
}
.qa-8 dt::before {
    content: "Q.";
}
.qa-8 dd {
    margin: 0 0 2.5em;
    padding: 1em 1.5em;
    background-color: #f2f2f2;
    color: #333333;
}
.qa-8 dd::before {
    content: "A.";
}
/* お問合せ
------------------------------------------------------------*/
#contact{
margin:-20px 0 0 15px;
}
.contact-form{
width:900px;
margin:30px auto;
}
table.order1{
border-collapse:collapse;
border-spacing:0;
margin-left:20px;
background:#ffffff;
}
table.order1 th{
padding:20px 25px;
font-weight:normal;
text-align:center;
border:#ccc 1px solid;
width:200px;
}
table.order1 td{
border:#ccc 1px solid;
padding:20px 20px;
text-align:left;
}
input[type="number"]{ 
width:60px; 
} 
input[type="text"], textarea{ 
vertical-align:middle; 
max-width:90%; 
line-height:30px; 
height:34px; 
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; 
} 
textarea{ 
width:550px; 
height:100px; 
line-height:1.5; 
} 
input[type="submit"],input[type="reset"],input[type="button"], p.readon a{ 
vertical-align:top; 
padding:0 10px 0 22px; 
background:#2e69a4; 
background:-moz-linear-gradient(top, #2e69a4 0%, #4486c9 100%); 
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#2e69a4), color-stop(100%,#4486c9)); 
background:-webkit-linear-gradient(top, #2e69a4 0%,#4486c9 100%); 
background:-o-linear-gradient(top, #2e69a4 0%,#4486c9 100%); 
background:linear-gradient(to bottom, #2e69a4 0%,#4486c9 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e69a4', endColorstr='#4486c9',GradientType=0 ); 
border:0; 
border-radius:3px; 
-webkit-border-radius:3px; 
-moz-border-radius:3px; 
line-height:28px; 
height:28px; 
font-size:120%; 
color:#fff; 
} 
input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover,p.readon a:hover{ 
background:#4486c9; 
background:-moz-linear-gradient(top, #4486c9 0%, #2e69a4 100%); 
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#4486c9), color-stop(100%,#2e69a4)); 
background:-webkit-linear-gradient(top, #4486c9 0%,#2e69a4 100%); 
background:-o-linear-gradient(top, #4486c9 0%,#2e69a4 100%); 
background:linear-gradient(to bottom, #4486c9 0%,#2e69a4 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4486c9', endColorstr='#2e69a4',GradientType=0 ); 
cursor:pointer; 
} 
*:first-child+html input[type="submit"]{
padding:3px;
}
.contact-photo img{
margin:50px 0 0 160px;
border-radius:10px;
}
/*　プライバシーポリシー　*/
.policy-01{
width:80%;
margin:50px 10%;
}
p.policy-02{
margin:0 0 50px;
}
.policy-01 h3{
width:100%;
border-bottom:1px solid #000000;
padding:0 0 0 8px;
}
p.policy-04{
margin:30px 0 30px;
}
ul.policy-05{
margin:-20px 0 50px 50px;
}

/*　サイトマップ　*/
.sitemap-01{
width:50%;
margin:50px 25%;
}
ul.sitemap-02{
margin:0px 0px 0px 0px;
line-height:3rem;
}