@import url('https://fonts.googleapis.com/css?family=Noto+Sans');

*{box-sizing: border-box;}

/*================================================
 *  CSSリセット
 ================================================*/

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-weight:normal;}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}
/*================================================
 *  一般・共通設定
 ================================================*/

html,body{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-family: 'Noto Sans', sans-serif;
	line-height: 1.6em;
	letter-spacing: 0.03em;
	color: #000;
	background: #fff;
}

body {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	line-height:1.6;
}

a {
text-decoration: none;
color: #000;
}
a:hover {
text-decoration: none;
color: #000;
}
a:visited {
text-decoration: none;
color: #000;
}
img {
	width: 100%;
	height: auto;
}
ol, ul{
	list-style: none;
}
/*================================================
 *  ヘッダー
 ================================================*/
#header {
	width: 100%;
	margin:0 auto;
	text-align: center;
	padding: 0 20px;
}
.global_navi{
	max-width: 1200px;
	text-align: center;
	margin: 0 auto;
}

.navi_box ul{
	margin-right: 20px;
}
.navi_box li	{ 
	float:left;
	list-style-type: none;
}
li .inner {
	-webkit-transform: skewX(150deg);
	-moz-transform: skewX(150deg);
	transform: skewX(150deg);
	display: block;
	border-right:1px solid #727272;
	text-decoration: none;
	padding:0 20px;
}
.navi_set {
	display: block;
	-webkit-transform: skewX(-150deg);
	-moz-transform: skewX(-150deg);
	transform: skewX(-150deg);
	color:black;
	text-align: center;
}

li .navi_t{
	font-size: 1.2rem;
}

.navi_b{
	font-size: 0.95rem;
	color: #727272;
	text-align: center;
}

.logo{
	width: 400px;
	height: 64px;
	margin: 20px 0;
	text-align: left;
	float: left;
	overflow: hidden;
}

.navi_pc{
	display: block !important;
	text-align: right;
	margin-top: 35px;
	font-size: 100%;
	float: right;
	overflow: hidden;
}
.navi_sp{display: none !important;}

.accuracy{
	display: block;
	margin-top: -55px;
}
/*================================================
 *  メイン
 ================================================*/
#contents {
	width:100%;
	text-align: center;
	margin:0 auto;
	font-size:15px;
}
h2{
	display: block;
	text-align: center;
	margin: 0 auto;
	width: 100%;
	padding: 0;
	font-size: 3.5rem;
	letter-spacing: 0.075em;
}
.contents_wrapper{
	width:960px;
	text-align: center;
	margin:0 auto;
}
h3 {
    display: block;
	font-size: 1.5rem;
	letter-spacing: 0.075em;
	margin: 0;
}

.top_h3 {
	display: block;
	padding-top: 60px;
	padding-bottom: 60px;
	font-size: 1.9rem;
}
.contents_box{
	width: 960px;
	text-align: center;
	margin:0 auto;
 	overflow:hidden;
}

.contents_right{
	width: 50%;
	float: right;
}

.contents_box img{
	width: 100%;
}

.contents_left{
	width: 50%;
	float: left;
}
.txt_box{
	text-align: left;
	padding: 0 20px;
	display: inline-block;
}

p{
	text-align: left;
	display: inline-block;
}
/*================================================
 *  業務内容
 ================================================*/
.gyoumu_box{
	width: 25%;
	float: left;
	font-size: 1.3rem;
}

.gyoumu_box img{
	width: 187px;
}
/*================================================
 *  社長挨拶
 ================================================*/
.contents_boxb{
	width: 800px;
	text-align: center;
	margin:0 auto;
 	overflow:hidden;
}

.contents_rightb{
	float: right;
}

.contents_boxb img{
	width: 390px;
}

.contents_leftb{
	width: 50%;
	float: left;
}
.txt_boxa{
	text-align: justify;
	text-justify: inter-ideograph;
	font-size: 1.0rem;
}
.txt_boxa p {
	text-indent: 1em;
}
.txt_boxb{
	float: left;
	text-align: left;
	padding: 20px 0;
	display: inline-block;
}
.txt_boxb span{
	font-size: 2.3rem;
	}

/*================================================
 *  社長挨拶 社長の写真をスマホで切り替え
 ================================================*/

.pc { display: block !important; }
.sp { display: none !important; }

@media only screen and (max-width: 667px) {
.pc { display: none !important; }
.sp { display: block !important; }
}

/*================================================
 *  会社概要
 ================================================*/
.aboutus img{
	width: 651px;
}

.soshiki img{
	width: 600px;
}
.soshiki p{
	display: block;
	text-align: right;
	font-size: 80%;
}
/*================================================
 *  組織図
 ================================================*/
.dltable {
    width: 60%;
    text-align: center;
	margin: 0 auto;
	padding: 50px 50px 0 0;
	}
.dltable dl {
	padding: 10px 0;
	border-bottom: 1px solid #cccccc;
	border-radius: 4px;
	display: flex;
	flex-wrap: wrap;
	justify-content: left;
	text-align: center;
}
.row1{
	width: 20%;
	text-align: left;
}
dt{
	text-align: left;
}
.glink{
}
.glink a{
display: block;
	text-align: center;
	color: #fff;
	background-color: #000;
	padding: 5px;
	margin-bottom: 10px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

.glink a:hover{
	text-align: center;
	color: #000;
	background-color: #EAE5DC;
	padding: 5px;
	margin-bottom: 10px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.olink{
	margin-bottom: 10px;
}
.olink a{
display: block;
	text-align: left;
}
/*================================================
 *  リクルート
 ================================================*/


.title_h{
	display: block;
	text-align: center;
	margin: 0 auto;
	width: 100%;
	padding: 0;
	font-size: 2.1rem;
	letter-spacing: 0.075em;
}

.recruit_btn a{
	display: inline-block;
	width: 250px;
	text-align: center;
	margin: 20px 30px;
	border: 1px solid #000;
	padding: 20px 0;
	font-size: 1.3rem;
}

.job_btn img{
	width: 50%;
}

/*==現在募集は行なっておりません。==*/
.saiyou_non{
	margin: 20px 0 50px 0;
	padding-bottom: 150px;
}
/*================================================
 *  スタッフページ
 ================================================*/

.top_box{
	width: 100%;
	height: 350px;
	text-align: center;
	margin: 0 auto;
	background: linear-gradient(180deg,white 0%,white 100px,#EAE5DC 100px,#EAE5DC 100%);
}
.top_box2{
	width: 100%;
	height: 200px;
	text-align: center;
	margin: 0 auto;
	background: linear-gradient(180deg,white 0%,white 100px,#EAE5DC 100px,#EAE5DC 100%);
}
.top_title{
}

.top_txt{
	text-align: center;
	margin: 0 auto;
	padding: 45px 0;
}
.top_txt h1{
	font-size: 3.8rem;
	letter-spacing: 0.075em;
}
.top_txt h3{
	font-size: 1.5rem;
	letter-spacing: 0.075em;
}

.staff_wrapp{
	margin-top: -100px;
}
.staff_box{
	width: 100%;
	text-align: center;
	margin: 0 auto;
	max-width: 1500px;
	text-align: center;

}
.staff_list{
	text-align: center;
	margin:0 auto;
	padding: 0 50px;
 	overflow:hidden;
	display: flex;
}
.staff_list.center{
	justify-content: center;
}
.staff_item{
	width: 25%;
	padding: 0 20px;
}

.staff_item img{
	width: 100%;
}

.staff_item h3{
	color: #000;
}
h4{
	color: #808080;
	padding: 3px 0;
	font-size: 1.0rem;
	letter-spacing: 0.075em;
}
/*================================================
 *  スタッフ
 ================================================*/
.staff_1 img{
	width: 300px;
}

.dltable2{
	margin: 50px 0;
}
.dltable2 img{

}
.dltable2 dt{
	font-size: 1.5rem;
	letter-spacing: 0.075em;
	border-bottom: 1px solid #CACACA;
	border-radius: 4px;
	display: flex;
	flex-wrap: wrap;
	justify-content: left;
	text-align: center;
	margin-bottom: 20px;
}

.que_top{
	font-size: 3.0rem;
	vertical-align: sub;
	margin-top: 50px;
	text-align: left;
}

.que_txt{
	padding-left: 20px;
	font-size: 1.3rem;
	vertical-align: text-bottom;
	text-align: left;
}

.answer{
	text-align: left;
}

.staff_ichiran a{
	display: block;
	width: 200px;
	text-align: center;
	margin: 0 auto;
	border: 1px solid #000;
	padding: 20px 0;
}
/*================================================
 *  ページトップへの戻り
 ================================================*/
#pageTop {
  position: fixed;
  bottom: 10px;
  right: 10px;
}
#pageTop i {
  padding-top: 6px
}

#pageTop a {
  display: block;
  z-index: 999;
  padding: 9px 0 0 0px;
  border-radius: 35px;
  width: 40px;
  height: 40px;
  background-color: #000;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}

#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}
/*================================================
 *  フッター
 ================================================*/
#footer {
	width: 100%;
	margin:0 auto;
	font-size:14px;
	text-align:center;
    bottom: 0;
}
.kosodate{
	background-color: #FFEEE0;
	padding: 30px;
	margin-top: 80px;
}
.kosodate img{
	width: 131px;
}

.kosodate p{
	text-align: center;
}
.copyright{
	background-color: #EAE5DC;
}
.clearfix:after {
  content: "";
  clear: both;
  display: block;
}
/*================================================
 *  余白
 ================================================*/

.fs9{font-size:9px;}
.fs10{font-size:10px;}
.fs11{font-size:11px;}
.fs12{font-size:12px;}
.fs14{font-size:14px;}
.fs16{font-size:16px;}
.fs17{font-size:17px;}
.fs18{font-size:18px;}
.fs19{font-size:19px;}
.fs20{font-size:20px;}
.fs21{font-size:21px;}
.fs22{font-size:22px;}
.fs23{font-size:23px;}
.fs24{font-size:24px;}
.pt0{padding-top:0px;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:10px;}
.pt20{padding-top:20px;}
.pt25{padding-top:25px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pb0{padding-bottom:0px;}
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb25{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:30px;}
.pb70{padding-bottom:70px;}

.mb30{margin-bottom:30px;}
.mt30{margin-top:30px;}

/*================================================
 *  スライダー
 ================================================*/
.slid_wrapper{
	width: 960px;
	text-align: center;
	margin: 0 auto;
}
.top_img {
	width: 1200px;
	margin: 0;
}
.top_img img{
	width: 100%;
	margin-top: -300px;
}

.slid_pc{
	display: block !important; 
	text-align: center;
	overflow: hidden;
	margin-top: 5px;
}
.slid_sp { display: none !important; }

/*================================================
 *  ページ下リンク
 ================================================*/
.sitemap{
	vertical-align:middle;
}
.sitemap li{
	margin: 5px 0;
}
.sitemap_logo{
	float: left;
	margin-right: 20px;
	padding: 10px 0;
}
.sitemap_logo img{
	width: 382px;
	height: 65px;
}
.sitemap,
.out_area{
	text-align: left;
	float: left;
	padding: 0 20px;
	border-left: 1px solid #ddd;
}