@charset "EUC-JP";
/*------------------------------
基本
--------------------------------*/
html{
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: aliased;
	font-size: 62.5%;
	scroll-padding-top: 150px;
	--top-spacing: 150px;
	scroll-padding-top: var(--top-spacing);
}
body{
	font-family:"toppan-bunkyu-gothic-pr6n", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size:1.4rem;
	color:#343F46;
	margin:0px;
	padding:0px;
	overflow-x: scroll;
	position: relative;
}
img{
	border:none;
}
a{
	color:#1A72E8;
	text-decoration:none;
}
a:hover{
	color:#cccccc;
	text-decoration:none;
}
strong{
	font-weight:bold;
}
@media screen and (max-width:640px){
	html{
		scroll-padding-top: 100px;
		--top-spacing: 100px;
		scroll-padding-top: var(--top-spacing);
	}
}
/*------------------------------
フォーマット
--------------------------------*/
#container {
	width:1500px;
	max-width: 100%;
	box-sizing:border-box;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	height:auto;
	overflow: hidden;
	position:relative;
}
#contents{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
	height:auto;
	scroll-behavior: smooth;
}
@media screen and (max-width:1499px){
	#container {
		width:100%;
	}
}
/*------------------------------
中ページ
--------------------------------*/
#main{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	position:relative;
}
#main h3{
	padding:0px 0px 0px 0px;
    margin: 60px 0px 60px 0px;
	font-size:1.6rem;
	text-align:center;
}
#main h3:before{
	content:"infographics";
	display:block;
	padding:0px 0px 0px 0px;
    margin: 0px 0px 15px 0px;
	font-size:4.0rem;
	letter-spacing:3px;
	color:#CE801E;
	line-height:120%;
	padding-top:150px;
    margin-top: -150px;
}
#main h3.about:before{
	content:"about";
}
#main h3.jigyo:before{
	content:"business";
}
#main h3.cmp_info:before{
	content:"company outline";
}
#main h3.history:before{
	content:"history";
}
#main h3.ceo:before{
	content:"ceo massage";
}
#main h3.gyomu:before{
	content:"job description";
}
#main h3.careers:before{
	content:"careers";
}
#main h3.style:before{
	content:"workstyle";
}
#main h3.flow:before{
	content:"daily flow";
}
#main h3.person:before{
	content:"interview";
}
#main h3.qa:before{
	content:"question";
}
#main h3.chuto:before{
	content:"mid-career";
}
#main h3.shinsotsu:before{
	content:"graduate";
}
#main h3.yoko:before{
	content:"recruitment guidelines";
}
#main h3.entry:before{
	content:"entry form";
}
#main h3.ttl_h3:before{
	content:"article";
}
#main h3.de:before{
	content:"article";
}
#main h4 {
    font-size: 2.4rem;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 15px 0px;
}
#main h4.gy_m {
    font-size: 3.0rem;
    padding: 0px 0px 10px 0px;
    margin: 0px 40px 30px 40px;
	color:#3388C9;
	font-weight:500;
	border-bottom:2px dotted #3388C9;
	letter-spacing:2px;
}
#main h4.person_m {
   font-size: 2.4rem;
    padding: 0px 0px 5px 0px;
    margin: 20px 20px 0px;
    font-weight: 500;
    border-bottom: 2px dotted #333;
    letter-spacing: 2px;
    text-align: left;
}
#main h4.person_m span{
    font-size:1.4rem;
	display:block;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 7px 0px;
}
#main h4.qa_h4 {
    font-size: 4.0rem;
    color: #4D4D4D;
	display:inline-block;
    background-image: url(../images/qa_h4.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: auto;
    padding: 20px 10px 3px 50px;
    margin: 20px 0px;
    border-bottom: none;
    letter-spacing: 2px;
    font-weight: 700;
    text-align: left;
}
#main h4.entry {
    font-size: 2.2rem;
    padding: 10px;
    margin: 0px 0px 10px;
    border-bottom: 1px dotted #333;
    letter-spacing: 2px;
    font-weight: 700;
    color: #333;
    text-align: left;
}
#main h4.entry {
    font-size: 2.2rem;
    padding: 10px;
    margin: 0px 0px 10px;
    border-bottom: 1px dotted #333;
    letter-spacing: 2px;
    font-weight: 700;
    color: #333;
    text-align: left;
}
#main p.m_p{
	padding:0px 0px 0px 0px;
	margin:20px;
	font-size:1.8rem;
	line-height:150%;
	text-align:center;
}
.inner_page{
	width: 1250px;
    margin: 0px auto 0px auto;
    padding-bottom: 50px;
    border-bottom: 2px dotted #ccc;
}
.inner_page h2{
	padding: 0px 0px 0px 0px;
    margin: 0px 0px 30px 0px;
    font-size: 4.0rem;
    text-align: center;
	line-height:130%;
}
.inner_page h2:before{
	content: "カイシャを知る";
    display: block;
    background-image: url(../images/m_company.png);
    background-repeat: no-repeat;
    background-position: center top;
    height: 80px;
    padding: 0px 39% 0px 0px;
    margin: 50px 0px 50px 0px;
    text-align: right;
    font-size: 1.6rem;
}
.inner_page h2.works:before{
	content: "シゴトを知る";
    background-image: url(../images/m_business.png);
}
.inner_page h2.person:before{
	content: "ヒトを知る";
    background-image: url(../images/m_parson.png);
	padding: 0px 45% 0px 0px;
	margin: 50px 0px 20px 0px;
	line-height:100%;
}
.inner_page h2.job:before{
	content: "採用情報";
    background-image: url(../images/m_job.png);
	padding: 0px 40% 0px 0px;
	margin: 50px 0px 20px 0px;
	line-height:100%;
}
.inner_page h2.entry:before{
	content: "エントリー";
    background-image: url(../images/m_entry.png);
	padding: 0px 40% 0px 0px;
	margin: 50px 0px 20px 0px;
	line-height:100%;
}
.inner_page h2.blog:before{
	content: "求人・採用ブログ";
    background-image: url(../images/m_blog.png);
	padding: 0px 40% 0px 0px;
	margin: 50px 0px 20px 0px;
	line-height:100%;
}
#company_box{
	padding:0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}
.about_box{
	padding:0px 0px 0px 0px;
    margin: 40px 0px 20px 0px;
	text-align: center;
}
.about_box ul{
	list-style:none;
	background-image: url(../images/cm_nendai.png);
    background-repeat: no-repeat;
    background-position: left top;
	height:150px;
}
.about_box li{
	display: inline-block;
    width: 97px;
    margin: 80px 0px 0px 0px;
    font-size: 3.6rem;
    color: #fff;
}
.about_box li span{
	font-size:1.8rem;
}
.about_left{
	display:inline-block;
	width:400px;
	padding:0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}
.about_right{
	display:inline-block;
	width:calc(100% - 450px);
	box-sizing:border-box;
	padding:20px;
    margin: 0px 0px 0px 0px;
	vertical-align:top;
	text-align:left;
}
.about_right h5{
	font-size:2.4rem;
	padding:0px 0px 0px 0px;
    margin: 0px 0px 15px 0px;
}
.about_right p{
	font-size:1.6rem;
	padding:0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
	line-height:150%;
}
.timeline {
	list-style: none;
	width: 680px;
    margin: 20px auto;
	padding: 30px 0px;
}
.timeline > li {
  margin-bottom: 60px;
}
.timeline > li span {
  	font-size: 1.6rem;
    padding: 23px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}
.timeline > li p {
  	font-size: 1.8rem;
    padding: 0px 0px 0px 0px;
    margin: 18px 0px 0px 0px;
    line-height: 150%;
	text-align:left;
}
/* for Desktop */
@media ( min-width : 640px ){
  .timeline > li {
    overflow: hidden;
    margin: 0;
    position: relative;
  }
  .timeline-date {
    width: 110px;
    float: left;
    margin-top: 20px;
  }
  .timeline-content {
    width:calc(100% - 200px);;
    float: left;
    border-left: 3px #e5e5d1 solid;
	padding:0px 30px 20px 30px;
  }
  .timeline-content:before {
    content: '';
    width: 12px;
    height: 12px;
    background: #228c73;
    position: absolute;
    left: 106px;
    top: 24px;
    border-radius: 100%;
  }
}
.jigyo_box{
	padding:0px 0px 0px 0px;
	margin:0px 0px 30px 0px;
}
.jigyo_box img{
	width:150px;
	height:150px;
	display:inline-block;
	padding:0px 0px 0px 0px;
	margin:0px 0px 20px 0px;
}
.jigyo_tex{
	width:calc(100% - 200px);
	display:inline-block;
	padding:0px 0px 0px 0px;
	margin:20px;
	vertical-align:top;
	text-align:left;
}
.jigyo_tex p{
	font-size:1.6rem;
	line-height:150%;
	text-align:left;
}
@media screen and (max-width:1249px){
	.inner_page{
		width:100%;
		box-sizing:border-box;
		padding:0px 40px 40px;
		margin:0px 0px 0px 0px;
		text-align:center;
	}
}
@media screen and (max-width:820px){
	.inner_page{
		padding:0px 0px 40px;
	}
	.inner_page h2{
		font-size: 3.2rem;
	}
	.inner_page h2:before{
		margin: 50px 0px 0px 0px;
	}
	#main h3:before{
		font-size:3.2rem;
	}
	.about_right {
		width:100%;
	}
	.about_box ul {
		width: 100%;
		background-position: center top;
	}
}
@media screen and (max-width:640px){
	.inner_page{
		width: auto;
		margin:0px 65px 0px 0px;
	}
	.inner_entry{
		margin:0px 20px 0px 10px;
	}
	.inner_page h2{
		font-size: 3.2rem;
		line-height:120%;
		margin: 0px 20px 30px 20px;
	}
	.inner_page h2:before{
		margin: 50px 0px 10px 0px;
	}
	.about_box ul {
		background-size: cover;
		height: auto;
		width: 100%;
	}
	.about_box li {
		display: inline-block;
		width: 24%;
		box-sizing: border-box;
		margin: 80px 0px 20px 0px;
		font-size: 3.6rem;
		color: #fff;
	}
	.about_right {
		width: 99%;
		padding:10px;
	}
	.about_left {
		width: 97%;
	}
	.about_left img{
		width: 100%;
		height:auto;
	}
	#main h3 {
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 20px 0px;
		text-align: center;
	}
	#main h3:before{
		padding-top:100px;
		margin-top: -100px;
	}
	#main h4.rent, #main h4.sale, #main h4.consal, #main h4.houjin, #main h4.shisan, #main h4.reform{
		margin: 10px 0px 20px 0px;
	}
	.jigyo_box p{
		margin: 0px 20px 20px 20px;
	}
	.timeline-content:before {
		content: '';
		width: 12px;
		height: 12px;
		background: #228c73;
		position: absolute;
		left: 65px;
		top: 1px;
		border-radius: 100%;
	}
	.timeline {
		list-style: none;
		width: 100%;
		margin: 20px auto;
		padding: 30px 0px;
	}
	.timeline > li span {
		font-size: 1.2rem;
		padding: 1px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
	}
	.timeline-content {
		width: calc(100% - 200px);
		float: left;
		border-left: 3px #e5e5d1 solid;
		padding: 0px 0px 20px 10px;
	}
	.timeline-content:before {
		content: '';
		width: 12px;
		height: 12px;
		background: #228c73;
		position: absolute;
		left: 65px;
		top: 1px;
		border-radius: 100%;
	}
	.timeline > li p {
		font-size: 1.6rem;
		padding: 0px 0px 0px 0px;
		margin: -3px 0px 0px 0px;
		line-height: 150%;
		text-align: left;
	}
	.timeline-date {
		width: 70px;
	}
}
@media screen and (max-width:540px){
	#main h4.qa_h4 {
		font-size: 3.2rem;
	}
	.timeline > li span {
		font-size: 1.2rem;
		padding: 1px 0px 5px 5px;
		margin: 0px 0px 10px 0px;
		display: block;
		width: 97%;
		border-bottom: 1px dotted #ccc;
		text-align: left;
	}
	.timeline-content {
		width: 97%;
		float: left;
		border-left: none;
		padding: 0px 0px 20px 10px;
	}
	.jigyo_box p{
		font-size:1.6rem;
	}
	.timeline-content:before{
		display:none;
	}
	.inner_page h2,#main p.m_p{
		text-align:left;
	}
}
@media screen and (max-width:428px){
	.inner_page{
		margin:0px 0px 0px 0px;
	}
	.inner_page h2{
		font-size: 3.0rem;
		margin: 0px 20px 0px 20px;
	}
	#main h3{
		margin: 0px 0px 20px 0px;
	}
	#main h3:before{
		padding-top:70px;
		margin-top: -70px;
	}
	.jigyo_box img {
		display: block;
		margin: 0px auto 10px auto;
	}
	.jigyo_box p{
		width:97%;
		margin: 0px 10px 10px 10px;
	}
	.about_box{
		padding:0px 0px 0px 0px;
		margin: 20px 0px 20px 0px;
		text-align: center;
	}
	.about_box ul{
		background-size: contain;
		margin: 20px 0px 10px 0px;
	}
	.about_left{
		margin: 0px 0px 10px 0px;
	}
	.jigyo_tex{
		width:unset;
		width:100％;
		margin:10px;
	}
}
@media screen and (max-width:412px){
	.inner_page h2:before{
		background-size: 100%;
	}
}
@media screen and (max-width:390px){
	.about_box li {
		margin: 70px 0px 20px 0px;
	}
}
/*------------------------------
シゴトを知る
--------------------------------*/
#work_box{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.gyomu_box{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align:center;
}
.gyomu_box p.gy_tex{
	text-align:left;
	font-size:1.8rem;
	margin: 0px 0px 0px 0px;
	padding: 20px;
	line-height:150%;
}
.gyomu_box h5{
	font-size:2.4rem;
	margin:30px 0px 30px 0px;
	padding: 0px 0px 8px 0px;
	font-weight:bold;
	border-bottom:2px solid #333;
}
.gyomu_box p.gy_tex span{
	display:inline-block;
	font-size:1.6rem;
	color:#fff;
	font-weight:bold;
	background-color:#CE801E;
	margin: 10px;
	padding: 10px 20px;
	border-radius:7px;
	line-height:130%;
}
.gyomu_box ul{
	width: 1100px;
    padding: 0px 0px 0px 0px;
    margin: 30px auto 0px auto;
    list-style-type: none;
    text-align: center;
}
.gyomu_box li{
	width: 220px;
    box-sizing: border-box;
    display: inline-block;
    margin: 10px;
    padding: 10px;
    border-radius: 10px;
    border: 6px solid #ccc;
	background-color:#fff;
}
.gyomu_box li p{
	font-size:2.0rem;
	color:#163758;
	line-height:140%;
}
.careers_box{
	margin: 0px 0px 0px 0px;
	padding: 60px 0px 0px 0px;
}
.car_left{
	display:inline-block;
	width:118px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.car_right{
	display:inline-block;
	width:calc(100% - 130px);
	box-sizing:border-box;
	margin: 0px 0px 0px 0px;
	padding:0px 20px 5px 20px;
	vertical-align:top;
	text-align:left;
}
.car_right p.car_p{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	line-height:150%;
	font-size:1.6rem;
}
.car_right p.car_p span{
	display:inline-block;
	margin: 0px 20px 10px 0px;
	padding: 0px 0px 0px 0px;
	color:#CE801E;
	font-size:1.8rem;
	font-family:"toppan-bunkyu-gothic-pr6n", serif;
	font-style: normal;
	font-weight: 700;
}
.style_box{
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 0px 0px;
	text-align:center;
}
.style_box p{
	margin: 20px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	font-size:1.6rem;
	line-height:150%;
	text-align:left;
}
.style_box h4{
	text-align:left;
}
.style_box h5{
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	color:#ff6600;
	font-size:2.0rem;
	line-height:130%;
	text-align:left;
}
.style_tex{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.style_left{
	display:inline-block;
	width:400px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.style_right{
	display: inline-block;
    width: calc(100% - 500px);
    margin: 0px 0px 0px 20px;
    padding: 0px 0px 0px 0px;
    vertical-align: top;
}
.style_box ul{
    margin: 40px 0px 40px 0px;
    padding: 0px 0px 0px 0px;
    display: flex;
	justify-content: space-evenly;
	flex-wrap: wrap;
	text-align:center;
}
.style_box li{
    display:inline-block;
	width:22%;
	box-sizing:border-box;
	margin:0px 0px 0px 0px;
	padding:15px;
	border:1px solid #eee;
	box-shadow:1px 1px 2px #ccc;
	background-color:#efefef;
	text-align:left;
}
.flow_box{
	margin: 20px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
	text-align:center;
}
@media screen and (max-width:1280px){
	
}
@media screen and (max-width:1249px){

}
@media screen and (max-width:1024px){
	.gyomu_box ul{
		width:100%;
	}
	.style_box li{
		width:47%;
		margin:0px 0px 20px 0px;
	}
}
@media screen and (max-width:912px){
	.gyomu_box li{
		width: 30%;
	}
}
@media screen and (max-width:820px){
	
}
@media screen and (max-width:768px){
	
}
@media screen and (max-width:640px){
	.gyomu_box li{
		width: 45%;
	}
}
@media screen and (max-width:540px){
	.style_left{
		display:block;
		width:97%;
		margin:10px auto;
	}
	.style_left img{
		width:100%;
		height:auto;
	}
	.style_right{
		display:block;
		width:97%;
		margin: 20px 10px;
	}
	.flow_box img{
		width:100%;
	}
}
@media screen and (max-width:428px){
	.style_box li{
		width:97%;
	}
	.car_left{
		display:block;
		margin: 0px auto 0px auto;
	}
	.car_right{
		display:block;
		width:97%;
		box-sizing:border-box;
		margin: 0px auto;
	}
	.gyomu_box li{
		width:90%;
	}
}
@media screen and (max-width:390px){

}
/*------------------------------
ヒトを知る
--------------------------------*/
.person_box{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align:center;
}
.person_left{
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 0px 0px;
	display:inline-block;
	width:380px;
}
.person_right{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display:inline-block;
	width:380px;
	vertical-align:top;
}
.person_box p.person_ptex{
	text-align:left;
	font-size:1.4rem;
	margin: 0px 0px 0px 0px;
	padding: 20px;
	line-height:150%;
	text-align:left;
}
.person_box p.person_messe{
	text-align:left;
	font-size:1.6rem;
	color:#fff;
	margin:0px 20px;
	padding: 20px;
	line-height:150%;
	text-align:left;
	background-color:#0096FF;
	border-radius:10px;
}
.person_box h5{
	font-size:2.2rem;
	margin:30px 0px 0px 0px;
	padding: 0px 0px 8px 0px;
	font-weight:bold;
	text-align:left;
	color:#79ACAF;
}
.person_box p.person_tex{
	text-align:left;
	font-size:1.8rem;
	margin: 0px 0px 0px 0px;
	padding: 20px;
	line-height:150%;
}
/*------------------------------
トグルボックス
--------------------------------*/
#job_box{
	text-align:center;
	margin:0px 0px 0px 0px;
}
.jobs_box{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.jobs_box p.jobs_tex{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:1.8rem;
	text-align:center;
	line-height:150%;
}
.rec_links{
	margin:0px 0px 0px 0px;
	padding:40px 0px 0px 0px;
	text-align:center;
}
.rec_links a{
	display:inline-block;
	margin:10px;
	padding:0px 0px 0px 0px;
}
ul#yoko{
	padding:60px;
	margin:0px 0px 0px 0px;
	list-style:none;
	background-color:#89BABF;
}
ul#yoko li{
	padding:30px 20px 20px 20px;
	margin:20px;
	background-color:#fff;
	border-radius:10px;
	text-align:left;
}
ul#yoko li h5{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	color:#228A73;
	font-size:2.4rem;
	font-weight:700;
}
ul#yoko li h5::before{
	content:"●";
	display:inline-block;
	padding:0px 0px 0px 0px;
	margin:0px 8px 0px 0px;
	color:#FFFF00;
}
ul#yoko li p{
	padding:10px;
	margin:0px 0px 0px 0px;
	font-size:1.8rem;
	line-height:170%;
}
.toggle_box {
    margin:30px 40px 50px 40px;
    padding:0;
}
/*ボタン装飾*/
.toggle_box label.qa1,
.toggle_box label.qa2,
.toggle_box label.qa3,
.toggle_box label.qa4,
.toggle_box label.qa5,
.toggle_box label.qa6,
.toggle_box label.qa7,
.toggle_box label.qa8,
.toggle_box label.qa9,
.toggle_box label.qa10,
.toggle_box label.qa11,
.toggle_box label.qa12,
.toggle_box label.qa13,
.toggle_box label.qa14,
.toggle_box label.qa15,
.toggle_box label.qa16,
.toggle_box label.qa17
{
	display:inline-block;
    padding:15px 8px 5px 8px;
	margin-bottom:5px;
    transition: .5s;
	color:#000000;
	line-height:130%;
}
.toggle_box label h5{
	display:inline-block;
	background-image: url(../images/qa_h5.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size:auto 50px;
	font-size:2.4rem;
	font-weight:500;
	line-height:140%;
	padding:12px 0px 5px 50px;
	cursor :pointer;
}

/*アイコンを表示*/
.toggle_box label.qa1 h5:after,
.toggle_box label.qa2 h5:after,
.toggle_box label.qa3 h5:after,
.toggle_box label.qa4 h5:after,
.toggle_box label.qa5 h5:after,
.toggle_box label.qa6 h5:after,
.toggle_box label.qa7 h5:after,
.toggle_box label.qa8 h5:after,
.toggle_box label.qa9 h5:after,
.toggle_box label.qa10 h5:after,
.toggle_box label.qa11 h5:after,
.toggle_box label.qa12 h5:after,
.toggle_box label.qa13 h5:after,
.toggle_box label.qa14 h5:after,
.toggle_box label.qa15 h5:after,
.toggle_box label.qa16 h5:after,
.toggle_box label.qa17 h5:after
{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
    display: inline-block;
    content: '\f063';
    padding-right: 5px;
    transition: 0.2s;
	font-size:2.4rem;
	color: #2B3C7C;
	margin-left:10px;
}
.toggle_box label.qa1:hover,
.toggle_box label.qa2:hover,
.toggle_box label.qa3:hover,
.toggle_box label.qa4:hover,
.toggle_box label.qa5:hover,
.toggle_box label.qa6:hover,
.toggle_box label.qa7:hover,
.toggle_box label.qa8:hover,
.toggle_box label.qa9:hover,
.toggle_box label.qa10:hover,
.toggle_box label.qa11:hover,
.toggle_box label.qa12:hover,
.toggle_box label.qa13:hover,
.toggle_box label.qa14:hover,
.toggle_box label.qa15:hover,
.toggle_box label.qa16:hover,
.toggle_box label.qa17:hover,
.toggle_box label.qa1 h5:hover:after,
.toggle_box label.qa2 h5:hover:after,
.toggle_box label.qa3 h5:hover:after,
.toggle_box label.qa4 h5:hover:after,
.toggle_box label.qa5 h5:hover:after,
.toggle_box label.qa6 h5:hover:after,
.toggle_box label.qa7 h5:hover:after,
.toggle_box label.qa8 h5:hover:after,
.toggle_box label.qa9 h5:hover:after,
.toggle_box label.qa10 h5:hover:after,
.toggle_box label.qa11 h5:hover:after,
.toggle_box label.qa12 h5:hover:after,
.toggle_box label.qa13 h5:hover:after,
.toggle_box label.qa14 h5:hover:after,
.toggle_box label.qa15 h5:hover:after,
.toggle_box label.qa16 h5:hover:after,
.toggle_box label.qa17 h5:hover:after
{
	color:#808080;
}
.toggle_box input.qa1:checked ~ label.qa1,
.toggle_box input.qa2:checked ~ label.qa2,
.toggle_box input.qa3:checked ~ label.qa3,
.toggle_box input.qa4:checked ~ label.qa4,
.toggle_box input.qa5:checked ~ label.qa5,
.toggle_box input.qa6:checked ~ label.qa6,
.toggle_box input.qa7:checked ~ label.qa7,
.toggle_box input.qa8:checked ~ label.qa8,
.toggle_box input.qa9:checked ~ label.qa9,
.toggle_box input.qa10:checked ~ label.qa10,
.toggle_box input.qa11:checked ~ label.qa11,
.toggle_box input.qa12:checked ~ label.qa12,
.toggle_box input.qa13:checked ~ label.qa13,
.toggle_box input.qa14:checked ~ label.qa14,
.toggle_box input.qa15:checked ~ label.qa15,
.toggle_box input.qa16:checked ~ label.qa16,
.toggle_box input.qa17:checked ~ label.qa17
{
	color: #000000;
}
/*アイコンを切り替え*/
.toggle_box input.qa1:checked ~ label.qa1 h5:after,
.toggle_box input.qa2:checked ~ label.qa2 h5:after,
.toggle_box input.qa3:checked ~ label.qa3 h5:after,
.toggle_box input.qa4:checked ~ label.qa4 h5:after,
.toggle_box input.qa5:checked ~ label.qa5 h5:after,
.toggle_box input.qa6:checked ~ label.qa6 h5:after,
.toggle_box input.qa7:checked ~ label.qa7 h5:after,
.toggle_box input.qa8:checked ~ label.qa8 h5:after,
.toggle_box input.qa9:checked ~ label.qa9 h5:after,
.toggle_box input.qa10:checked ~ label.qa10 h5:after,
.toggle_box input.qa11:checked ~ label.qa11 h5:after,
.toggle_box input.qa12:checked ~ label.qa12 h5:after,
.toggle_box input.qa13:checked ~ label.qa13 h5:after,
.toggle_box input.qa14:checked ~ label.qa14 h5:after,
.toggle_box input.qa15:checked ~ label.qa15 h5:after,
.toggle_box input.qa16:checked ~ label.qa16 h5:after,
.toggle_box input.qa17:checked ~ label.qa17 h5:after
{
     content: '\f063';
     color: #808080;
}
.toggle_box input.qa1:checked ~ label.qa1 h5:hover:after,
.toggle_box input.qa2:checked ~ label.qa2 h5:hover:after,
.toggle_box input.qa3:checked ~ label.qa3 h5:hover:after,
.toggle_box input.qa4:checked ~ label.qa4 h5:hover:after,
.toggle_box input.qa5:checked ~ label.qa5 h5:hover:after,
.toggle_box input.qa6:checked ~ label.qa6 h5:hover:after,
.toggle_box input.qa7:checked ~ label.qa7 h5:hover:after,
.toggle_box input.qa8:checked ~ label.qa8 h5:hover:after,
.toggle_box input.qa9:checked ~ label.qa9 h5:hover:after,
.toggle_box input.qa10:checked ~ label.qa10 h5:hover:after,
.toggle_box input.qa11:checked ~ label.qa11 h5:hover:after,
.toggle_box input.qa12:checked ~ label.qa12 h5:hover:after,
.toggle_box input.qa13:checked ~ label.qa13 h5:hover:after,
.toggle_box input.qa14:checked ~ label.qa14 h5:hover:after,
.toggle_box input.qa15:checked ~ label.qa15 h5:hover:after,
.toggle_box input.qa16:checked ~ label.qa16 h5:hover:after,
.toggle_box input.qa17:checked ~ label.qa17 h5:hover:after
{
     color: #808080;
}
/*チェックは見えなくする*/
.toggle_box input.qa1,
.toggle_box input.qa2,
.toggle_box input.qa3,
.toggle_box input.qa4,
.toggle_box input.qa5,
.toggle_box input.qa6,
.toggle_box input.qa7,
.toggle_box input.qa8,
.toggle_box input.qa9,
.toggle_box input.qa10,
.toggle_box input.qa11,
.toggle_box input.qa12,
.toggle_box input.qa13,
.toggle_box input.qa14,
.toggle_box input.qa15,
.toggle_box input.qa16,
.toggle_box input.qa17
{
    display: none;
}
/*中身を非表示にしておく*/
.toggle_box .toggle_show1,
.toggle_box .toggle_show2,
.toggle_box .toggle_show3,
.toggle_box .toggle_show4,
.toggle_box .toggle_show5,
.toggle_box .toggle_show6,
.toggle_box .toggle_show7,
.toggle_box .toggle_show8,
.toggle_box .toggle_show9,
.toggle_box .toggle_show10,
.toggle_box .toggle_show11,
.toggle_box .toggle_show12,
.toggle_box .toggle_show13,
.toggle_box .toggle_show14,
.toggle_box .toggle_show15,
.toggle_box .toggle_show16,
.toggle_box .toggle_show17
{
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}
/*クリックで中身表示*/
.toggle_box input.qa1:checked ~ .toggle_show1,
.toggle_box input.qa2:checked ~ .toggle_show2,
.toggle_box input.qa3:checked ~ .toggle_show3,
.toggle_box input.qa4:checked ~ .toggle_show4,
.toggle_box input.qa5:checked ~ .toggle_show5,
.toggle_box input.qa6:checked ~ .toggle_show6,
.toggle_box input.qa7:checked ~ .toggle_show7,
.toggle_box input.qa8:checked ~ .toggle_show8,
.toggle_box input.qa9:checked ~ .toggle_show9,
.toggle_box input.qa10:checked ~ .toggle_show10,
.toggle_box input.qa11:checked ~ .toggle_show11,
.toggle_box input.qa12:checked ~ .toggle_show12,
.toggle_box input.qa13:checked ~ .toggle_show13,
.toggle_box input.qa14:checked ~ .toggle_show14,
.toggle_box input.qa15:checked ~ .toggle_show15,
.toggle_box input.qa16:checked ~ .toggle_show16,
.toggle_box input.qa17:checked ~ .toggle_show17
{
    padding:20px;
    height: auto;
	margin-left:;
    opacity: 1;
	background-image: url(../images/qa_a.png);
	background-repeat: no-repeat;
	background-position: 10px 20px;
	background-size:33px 60px;
}
.a_tex{
	border:1px solid #999;
	margin-left:40px;
	padding:20px;
}
.toggle_box p{
	font-size:1.8rem;
	line-height:160%;
	letter-spacing:1px;
}
.toggle_box p.ls{
	line-height: 140%;
    margin-top: 10px;
}
.toggle_box ul{
	margin:20px 0px 30px 0px;
}
.toggle_box li{
	margin:0px 0px 18px 0px;
	font-size:1.6rem;
}
.toggle_box ul.tain{
	margin:0px 0px 0px 0px;
}
.toggle_box li.tain{
	margin:3px 0px 10px 0px;
	font-size:1.6rem;
}
@media screen and (max-width:912px){
	.toggle_box {
		margin:30px 0px 50px 0px;
	}
}
@media screen and (max-width:800px){
	.toggle_box {
		margin:30px 20px 40px 20px;
		padding:0;
	}
	.toggle_box li{
		line-height:160%;
	}
	.toggle_box input.qa1:checked ~ .toggle_show1,
	.toggle_box input.qa2:checked ~ .toggle_show2,
	.toggle_box input.qa3:checked ~ .toggle_show3,
	.toggle_box input.qa4:checked ~ .toggle_show4,
	.toggle_box input.qa5:checked ~ .toggle_show5,
	.toggle_box input.qa6:checked ~ .toggle_show6,
	.toggle_box input.qa7:checked ~ .toggle_show7,
	.toggle_box input.qa8:checked ~ .toggle_show8,
	.toggle_box input.qa9:checked ~ .toggle_show9,
	.toggle_box input.qa10:checked ~ .toggle_show10,
	.toggle_box input.qa11:checked ~ .toggle_show11,
	.toggle_box input.qa12:checked ~ .toggle_show12,
	.toggle_box input.qa13:checked ~ .toggle_show13,
	.toggle_box input.qa14:checked ~ .toggle_show14,
	.toggle_box input.qa15:checked ~ .toggle_show15,
	.toggle_box input.qa16:checked ~ .toggle_show16,
	.toggle_box input.qa17:checked ~ .toggle_show17
	{
		padding:10px 0px 20px 0px;
	}
}
@media screen and (max-width:640px){
	.jobs_box p.jobs_tex {
		padding: 0px 10px;
		text-align: left;
	}
	ul#yoko{
		padding:60px 0px;
	}
	.toggle_box input.qa1:checked ~ .toggle_show1,
	.toggle_box input.qa2:checked ~ .toggle_show2,
	.toggle_box input.qa3:checked ~ .toggle_show3,
	.toggle_box input.qa4:checked ~ .toggle_show4,
	.toggle_box input.qa5:checked ~ .toggle_show5,
	.toggle_box input.qa6:checked ~ .toggle_show6,
	.toggle_box input.qa7:checked ~ .toggle_show7,
	.toggle_box input.qa8:checked ~ .toggle_show8,
	.toggle_box input.qa9:checked ~ .toggle_show9,
	.toggle_box input.qa10:checked ~ .toggle_show10,
	.toggle_box input.qa11:checked ~ .toggle_show11,
	.toggle_box input.qa12:checked ~ .toggle_show12,
	.toggle_box input.qa13:checked ~ .toggle_show13,
	.toggle_box input.qa14:checked ~ .toggle_show14,
	.toggle_box input.qa15:checked ~ .toggle_show15,
	.toggle_box input.qa16:checked ~ .toggle_show16,
	.toggle_box input.qa17:checked ~ .toggle_show17
	{
		background-position: 0px 0px;
	}
	.toggle_box {
		margin: 30px 10px 40px 10px;
	}
	.toggle_box label h5{
		font-size:2.0rem;
	}
	.toggle_box label.qa1,
	.toggle_box label.qa2,
	.toggle_box label.qa3,
	.toggle_box label.qa4,
	.toggle_box label.qa5,
	.toggle_box label.qa6,
	.toggle_box label.qa7,
	.toggle_box label.qa8,
	.toggle_box label.qa9,
	.toggle_box label.qa10,
	.toggle_box label.qa11,
	.toggle_box label.qa12,
	.toggle_box label.qa13,
	.toggle_box label.qa14,
	.toggle_box label.qa15,
	.toggle_box label.qa16,
	.toggle_box label.qa17
	{
		padding:8px 8px 5px 0px;
	}
}
@media screen and (max-width:420px){
	.toggle_box {
		margin:30px 10px 40px 10px;
	}
	.toggle_box label h5{
		font-size:2.0rem;
	}
	.toggle_box label.qa1 h5:after,
	.toggle_box label.qa2 h5:after,
	.toggle_box label.qa3 h5:after,
	.toggle_box label.qa4 h5:after,
	.toggle_box label.qa5 h5:after,
	.toggle_box label.qa6 h5:after,
	.toggle_box label.qa7 h5:after,
	.toggle_box label.qa8 h5:after,
	.toggle_box label.qa9 h5:after,
	.toggle_box label.qa10 h5:after,
	.toggle_box label.qa11 h5:after,
	.toggle_box label.qa12 h5:after,
	.toggle_box label.qa13 h5:after,
	.toggle_box label.qa14 h5:after,
	.toggle_box label.qa15 h5:after,
	.toggle_box label.qa16 h5:after,
	.toggle_box label.qa17 h5:after
	{
		font-size:2.0rem;
	}
	.toggle_box input.qa1:checked ~ .toggle_show1,
	.toggle_box input.qa2:checked ~ .toggle_show2,
	.toggle_box input.qa3:checked ~ .toggle_show3,
	.toggle_box input.qa4:checked ~ .toggle_show4,
	.toggle_box input.qa5:checked ~ .toggle_show5,
	.toggle_box input.qa6:checked ~ .toggle_show6,
	.toggle_box input.qa7:checked ~ .toggle_show7,
	.toggle_box input.qa8:checked ~ .toggle_show8,
	.toggle_box input.qa9:checked ~ .toggle_show9,
	.toggle_box input.qa10:checked ~ .toggle_show10,
	.toggle_box input.qa11:checked ~ .toggle_show11,
	.toggle_box input.qa12:checked ~ .toggle_show12,
	.toggle_box input.qa13:checked ~ .toggle_show13,
	.toggle_box input.qa14:checked ~ .toggle_show14,
	.toggle_box input.qa15:checked ~ .toggle_show15,
	.toggle_box input.qa16:checked ~ .toggle_show16,
	.toggle_box input.qa7:checked ~ .toggle_show17
	{
		padding:10px 5px 20px 5px;
	}
	.toggle_box p{
		font-size:1.6rem;
		padding:5px;
	}
}
/*------------------------------
サイドナビ
--------------------------------*/
.side_nav{
	position: fixed;
    top: 40%;
    right: 0px;
    padding: 0px 0px 0px 0px;
    margin: auto 0px;
	z-index:1;
}
.side_nav ul{
	width: 100px;
    box-sizing: border-box;
	background: rgba(121,175,171,0.9);
    padding: 15px;
    margin: 0px 0px 0px 0px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.side_nav li{
	font-size: 1.6rem;
    padding: 10px 0px 10px 0px;
    margin: 0px 0px 0px 0px;
    text-align: center;
}
.side_nav li.sn_m{
	font-size: 1.6rem;
    padding: 10px 0px 10px 0px;
    margin: 0px 0px 5px 0px;
    text-align: center;
	border-bottom:1px solid #18283E;
	color:#18283E;
}
.side_nav li a{
	display:block;
	color:#fff;
	border-bottom:1px dotted #fff;
	padding:0px 0px 15px 0px;
	margin:0px 0px 0px 0px;
	line-height:120%;
	text-shadow:2px 2px 2px #666;
}
.side_nav li a:hover{
	color:#C85A24;
	text-shadow:none;
}
.side_nav li a i{
	font-size:2.4rem;
	display:block;
	padding:0px 0px 0px 0px;
	margin:0px 0px 10px 0px;
}
a.anchor {
    display: block;
    padding-top: 100px;
    margin-top: -100px;
}
.side_nav li a.finish{
    border-bottom:none;
}
@media screen and (max-width:1499px){
	.side_nav{
		top: 30%;
	}
	.side_nav ul{
		width: 70px;
		padding:5px;
	}
	.side_nav li{
		font-size: 1.4rem;
		padding: 5px 0px 5px 0px;
	}
	.side_nav li.sn_m{
		font-size: 1.2rem;
		padding: 5px 0px 5px 0px;
		line-height:130%;
	}
	.side_nav li a{
		padding:0px 0px 5px 0px;
	}
}
@media screen and (max-width:640px){
	.side_nav{
		top: 100px;
	}
	.side_nav ul{
		width: 60px;
	}
	.side_nav li{
		font-size: 1.2rem;
	}
}
@media screen and (max-width:428px){
	.side_nav{
		top: 70px;
	}
}
/*------------------------------
トップページ
--------------------------------*/
#recruit_cmp,#recruit_works{
	padding:50px 0px 20px 0px;
	margin:0px 0px 0px 0px;
	color:#333;
	text-align:center;
}
.inner_box{
	width:1250px;
	margin:0px auto 0px auto;
}
.inner_box h2{
	padding: 0px 0px 0px 0px;
    margin: 0px 0px 30px 0px;
    font-size: 4.0rem;
    text-align: center;
}
.inner_box h2:before{
	content: "カイシャを知る";
    display: block;
    background-image: url(../images/m_company.png);
    background-repeat: no-repeat;
    background-position: center top;
    height: 80px;
    padding: 0px 39% 0px 0px;
    margin: 50px 0px 50px 0px;
    text-align: right;
    font-size: 1.6rem;
}
.inner_box h2.works:before{
	content: "シゴトを知る";
    background-image: url(../images/m_business.png);
}
.inner_box h2.parson{
    margin:150px 0px 30px 0px;
	font-size: 3.8rem;
	line-height:150%;
}
.inner_box h2.parson:before{
	content: "ヒトを知る";
    background-image: url(../images/m_parson.png);
	padding: 0px 30% 0px 0px;
	margin: 50px 0px 20px 0px;
	line-height:100%;
}
.inner_box h2.sns,.inner_box h2.jigyo{
    margin: 50px 0px 30px 0px;
}
.inner_box h2.sns:before,.inner_box h2.jigyo:before{
	display:none;
}
.inner_box h2.process{
	padding:0px 0px 0px 0px;
	margin:80px 30px 0px 80px;
	font-size:2.8rem;
	text-align:left;
	display:inline-block;
	vertical-align: top;
}
.inner_box h2.process:before{
	content:"process";
	display:block;
	height:auto;
	padding:0px 0px 0px 0px;
	margin:0px 0px 10px 0px;
	font-size:1.4rem;
	letter-spacing:1px;
	background:unset;
	text-align: left;
}
#recruit_cmp p.m_p,#recruit_works p.m_p{
	padding:0px 0px 30px 0px;
	margin:0px 0px 0px 0px;
	font-size:1.8rem;
	line-height:150%;
	letter-spacing:1px;
}
#recruit_cmp ul#rc01{
	padding:50px 0px 50px 0px;
    margin: 0px 0px 0px 0px;
	display: flex;
	justify-content: space-evenly;
	flex-wrap: wrap;
}
#recruit_cmp ul#rc01 li{
	display:inline-block;
	width:31%;
	margin:0px 1%;
    padding: 0px;
	font-size:1.6rem;
}
#recruit_cmp ul#rc01 li p{
	margin:10px 0px;
    padding: 0px;
	font-size:1.8rem;
	line-height:150%;
}
#recruit_cmp ul#rc02{
	padding:0px 0px 50px 0px;
    margin: 40px 0px 0px 0px;
	list-style-type:none;
	position:relative;
	height:624px;
}
#recruit_cmp ul#rc02 li{
	width:416px;
	margin:0px;
    padding:0px;
	position:absolute;
	top:0px;
	left:0px;
}
#recruit_cmp ul#rc02 li.rc02_2{
	top:208px;
	left:416px;
}
#recruit_cmp ul#rc02 li.rc02_3{
	top:0px;
	left:832px;
}
#recruit_cmp ul#rc02 li.rc02_4{
	top:416px;
	left:0px;
}
#recruit_cmp ul#rc02 li.rc02_5{
	top:0px;
	left:416px;
}
#recruit_cmp ul#rc02 li.rc02_6{
	top:416px;
	left:832px;
}
#recruit_cmp ul#rc02 li a:hover{
	opacity:0.6;
}
.inner_box a.vmore{
	display: block;
    background-color: #163758;
    width: 200px;
    height: 55px;
    box-sizing: border-box;
    padding: 10px;
    margin: 30px auto;
    font-size: 1.4rem;
    color: #fff;
    text-align: center;
    position: relative;
    letter-spacing: 1px;
}
.inner_box a.vmore span{
	display: block;
    margin: 10px 28px 0px 0px;
}
.inner_box a.vmore i{
	display: inline-block;
    background-color: #fff;
    width: 35px;
    height: 35px;
    box-sizing: border-box;
    margin: 0px 0px;
    padding: 8px 1px 2px 5px;
    font-size: 2.0rem;
    text-align: center;
    color: #163758;
    position: absolute;
    right: 10px;
    bottom: 10px;
}
.inner_box a:hover.vmore{
    background-color: #BDBDBD;
}
.inner_box a:hover.vmore i{
    color: #D2873B;
}
#ceo_box{
	margin:60px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
#ceo_box img.ceo_img{
	display:inline-block;
	width:50%;
	margin:0px -2px 0px 0px;
	padding:0px 0px 0px 0px;
}
#ceo_tex{
	display:inline-block;
	width: 49.7%;
	height:426px;
	box-sizing:border-box;
	margin:0px 0px 0px -2px;
	padding:40px;
	background-color:#F2E380;
	vertical-align:top;
	position:relative;
}
#ceo_tex img.ceo_tex{
	margin:80px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
#ceo_tex h3{
	margin:130px 0px 0px 20px;
	padding:0px 0px 0px 0px;
	font-size:2.8rem;
	text-align:left;
}
#ceo_tex h3:before{
	content:"CEO MESSAGE";
	display:block;
	margin:0px 0px 20px 0px;
	padding:0px 0px 0px 0px;
	font-size:1.4rem;
	font-family:"acumin-pro", sans-serif;
	font-style: normal;
	font-weight: 500;
}
#ceo_tex a{
	position:absolute;
	right:60px;
	bottom:40px;
	font-size:1.4rem;
	color:#163758;
}
#ceo_tex a:hover{
	color:#CE801E;
}
#ceo_tex a i{
	font-size:1.6rem;
}
#sns_box{
	text-align:center;
	padding:0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
	font-size:3.6rem;
}
#sns_box i{
	padding:0px 0px 0px 0px;
    margin: 15px 0px 0px 15px;
}
#sns_box i.fa-twitter{
	color:#328FCD;
}
#sns_box i.fa-youtube{
	color:#E63023;
}
#sns_box i.fa-tiktok{
	color:#010101;
}
#sns_box i.fa-line{
	color:#00B200;
}
#sns_box i.fa-instagram{
	color:#D2006A;
}
#recruit_works h3{
	padding:0px 0px 0px 0px;
    margin: 60px 0px 15px 0px;
	font-size:1.6rem;
	text-align:center;
}
#recruit_works h3:before{
	content:"careers";
	display:block;
	padding:0px 0px 0px 0px;
    margin: 0px 0px 15px 0px;
	font-size:4.0rem;
	letter-spacing:3px;
	color:#CE801E;
}
#recruit_works ul#rw02{
	padding:0px 0px 0px 0px;
    margin: 30px 0px 50px 0px;
	list-style-type:none;
}
#recruit_works ul#rw02 li{
	display: inline-block;
    width: 14%;
    margin: 1%;
    padding: 0px;
    vertical-align: top;
}
#recruit_works ul#rw02 li h4{
	padding:0px 0px 0px 0px;
    margin: 15px 0px 15px 0px;
	font-size:1.8rem;
}
#recruit_works ul#rw02 li p{
	padding:0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
	font-size:1.4rem;
	line-height:200%;
	text-align:left;
}
#rwork_fs{
	padding:50px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}
#rwork_flow,#rwork_style{
	width:49.9%;
	height:488px;
	display:inline-block;
	padding:0px 0px 0px 0px;
    margin: 0px -2px 0px 0px;
	position:relative;
	background-image: url(../images/workstyle_flow.png);
    background-repeat: no-repeat;
	background-position:0px 0px;
}
#rwork_style{
	background-image: url(../images/workstyle_style.png);
	margin: 0px 0px 0px -2px;
}
#rwork_flow h3,#rwork_style h3{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 2.8rem;
	text-align: left;
	position: absolute;
	top: 40px;
	left: 60px;
}
#rwork_style h3{
	top:unset;
	left:60px;
	bottom:40px;
}
#rwork_flow h3:before,#rwork_style h3:before{
	content:"WORK FLOW";
	display:block;
	margin:0px 0px 15px 0px;
	padding:0px 0px 0px 0px;
	font-size:1.4rem;
	font-family:"acumin-pro", sans-serif;
	font-style: normal;
	font-weight: 500;
}
#rwork_style h3:before{
	content:"WORK STYLE";
}
#rwork_flow a,#rwork_style a{
	position: absolute;
    right: 50px;
    top: 40px;
    font-size: 1.4rem;
    color: #163758;
}
#rwork_style a{
    top:unset;
	right: 50px;
    bottom: 40px;
    font-size: 1.4rem;
    color: #163758;
}
#rwork_flow a i,#rwork_style a i{
	font-size:1.6rem;
}
#rwork_flow a:hover,#rwork_style a:hover{
    color: #CE801E;
}
#recruit_parson{
	margin:60px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
#recruit_parson ul{
	margin:0px 0px 60px 0px;
	padding:0px 0px 0px 0px;
	list-style-type:none;
}
#recruit_parson li{
	width:380px;
	display:inline-block;
	margin:15px;
	padding:0px 0px 0px 0px;
	vertical-align:top;
	box-shadow: 2px 2px 4px #ccc;
}
#recruit_parson li.rp_tex{
	box-shadow:unset;
}
.rp_b,.rp_y{
	border:4px solid #79ACAF;
	padding:15px;
	margin:-2px 0px 0px 0px;
}
.rp_y{
	border:4px solid #F2E380;
}
.rp_b h3,.rp_y h3{
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	font-size:1.6rem;
	font-weight:500;
}
.rp_b p,.rp_y p{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:1.2rem;
}
#recruit_sq{
	padding:50px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}
#rsq_saiyo,#rsq_qa{
	width:49.9%;
	height:480px;
	display:inline-block;
	padding:0px 0px 0px 0px;
    margin: 0px -2px 0px 0px;
	position:relative;
	background-color:#F2E380;
	background-image: url(../images/sqa_saiyo.png);
    background-repeat: no-repeat;
	background-position:270px 0px;
}
#rsq_qa{
	background-color:#009F93;
	background-image: url(../images/sqa_qa.png);
	margin: 0px 0px 0px -2px;
}
#rsq_saiyo h3,#rsq_qa h3{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 2.8rem;
	text-align: left;
	position: absolute;
	left:40px;
	top:40px;
}
#rsq_saiyo h3:before,#rsq_qa h3:before{
	content:"RECRUITING";
	display:block;
	margin:0px 0px 15px 0px;
	padding:0px 0px 0px 0px;
	font-size:1.4rem;
	font-family:"acumin-pro", sans-serif;
	font-style: normal;
	font-weight: 500;
}
#rsq_qa h3:before{
	content:"Q & A";
}
#rsq_saiyo a,#rsq_qa a{
	position: absolute;
    left: 50px;
    bottom: 40px;
    font-size: 1.4rem;
    color: #163758;
}
#rsq_saiyo a i,#rsq_qa a i{
	font-size:1.6rem;
}
#rsq_saiyo a:hover,#rsq_qa a:hover{
    color: #CE801E;
}
@media screen and (max-width:1280px){
	#ceo_tex{
		height:100%;
	}
	#ceo_tex img.ceo_tex{
		margin:18px 0px 0px 0px;
		padding:0px 0px 0px 0px;
	}
	#ceo_tex h3{
		margin:130px 0px 0px 20px;
		padding:0px 0px 0px 0px;
		font-size:2.8rem;
		text-align:left;
	}
	#rsq_saiyo,#rsq_qa {
		background-position: 200px 0px;
		background-size: contain;
	}
	#rsq_qa h3{
		transform: scale(0.8, 1);
		left: 20px;
	}
	.inner_box h2.process{
		margin:60px 30px 0px 80px;
	}
}
@media screen and (max-width:1249px){
	.inner_box{
		width:100%;
		margin:0px 0px 0px 0px;
		text-align:center;
	}
}
@media screen and (max-width:1024px){
	#ceo_tex h3{
		margin:90px 0px 0px 20px;
	}
	#ceo_tex img{
		width:100%;
		height:auto;
	}
	#recruit_cmp ul#rc02{
		height:500px;
	}
	#recruit_cmp ul#rc02 li{
		width:33.33%;
	}
	#recruit_cmp ul#rc02 li.rc02_2{
		top:31%;
		left:33.33%;
	}
	#recruit_cmp ul#rc02 li.rc02_3{
		left:66.66%;
	}
	#recruit_cmp ul#rc02 li.rc02_4{
		top:62%;
		left:0px;
	}
	#recruit_cmp ul#rc02 li.rc02_5{
		top:0px;
		left:33.33%;
	}
	#recruit_cmp ul#rc02 li.rc02_6{
		top:62%;
		left:66.66%;
	}
	#recruit_cmp ul#rc02 li img{
		width:100%;
		height:auto;
	}
	#ceo_tex{
		padding:29px;
	}
	#recruit_works ul#rw02 li{
		display: inline-block;
		width:20%;
		margin:2% 1%;
		padding: 0px;
		vertical-align: top;
	}
	#recruit_parson ul{
		text-align:center;
	}
	.inner_box h2.process{
		margin:30px auto 60px auto;
	}
	#recruit_cmp ul#rc01 li img{
		width:100%;
		height:auto;
	}
	#recruit_cmp ul#rc01 li p{
		font-size:1.6rem;
	}
	#recruit_cmp p.m_p,#recruit_works p.m_p{
		padding:0px 10px 30px 10px;
	}
}
@media screen and (max-width:912px){
	#recruit_cmp ul#rc02{
		height:440px;
	}
	#ceo_tex h3{
		margin:65px 0px 0px 10px;
	}
}
@media screen and (max-width:820px){
	#recruit_parson li{
		width:45%;
	}
	#recruit_parson li img{
		width:100%;
		height:auto;
	}
	#ceo_tex{
		padding:18px;
	}
	#recruit_cmp ul#rc02 {
		height: 390px;
	}
	#rsq_saiyo,#rsq_qa{
		width: 100%;
		height: 200px;
		background-position: right -180px;
		background-size: 75% auto;
	}
}
@media screen and (max-width:768px){
	#recruit_works ul#rw02 li{
		width:28%;
	}
	#recruit_cmp ul#rc02 {
		height: 360px;
	}
	#ceo_tex h3{
		margin:55px 0px 0px 10px;
	}
	#ceo_tex a {
		right: 20px;
		bottom: 20px;
	}
}
@media screen and (max-width:640px){
	.inner_box h2{
		font-size: 3.6rem;
		line-height:120%;
	}
	.inner_box h2:before{
		margin: 50px 0px 10px 0px;
	}
	#recruit_cmp p.m_p br,#recruit_works p.m_p br{
		display:none;
	}
	#recruit_cmp ul#rc01 li p br{
		display:none;
	}
	#recruit_cmp ul#rc02{
		height:auto;
		margin-top:0px;
	}
	#recruit_cmp ul#rc02 li{
		width:32%;
		margin:0px auto;
		padding:0px;
		position:unset;
		display:inline-block;
	}
	#ceo_box img.ceo_img{
		display: block;
		width: 100%;
		margin: 0px auto 0px auto;
		padding: 0px 0px 0px 0px;
	}
	#ceo_tex{
		display: inline-block;
		width: 100%;
		margin: 0px auto 0px auto;
		padding: 20px;
	}
	#rsq_saiyo,#rsq_qa {
		background-position: right -130px;
		background-size: 70% auto;
		margin: 0px 0px 0px 0px;
	}
	#rsq_saiyo h3, #rsq_qa h3{
		left: 20px;
		top: 20px;
		font-size: 2.4rem;
	}
	#rsq_qa h3{
		left: 0px;
	}
	#rsq_saiyo h3:before, #rsq_qa h3:before {
		margin: 0px 0px 10px 0px;
		font-size: 1.2rem;
	}
	#rsq_saiyo a, #rsq_qa a {
		left: 20px;
		bottom: 20px;
		font-size: 1.6rem;
	}
	.inner_box h2.parson{
		margin:0px 0px 0px 0px;
		font-size: 3.2rem;
	}
	#rwork_flow,#rwork_style{
		width:100%;
		height:250px;
		margin: 0px 0px 0px 0px;
		background-image: url(../images/workstyle_flow_smp.png);
	}
	#rwork_style{
		background-image: url(../images/workstyle_style_smp.png);
		margin: 0px 0px 0px 0px;
	}
	#rwork_flow h3,#rwork_style h3{
		bottom: 20px;
		left: 20px;
	}
	#rwork_style h3{
		bottom:unset;
		left:20px;
		top:20px;
	}
	#rwork_flow a, #rwork_style a {
		right: 90px;
		bottom: 20px;
	}
	#rwork_style a{
		bottom:unset;
		right: 90px;
		top: 20px;
	}
	.inner_box h2{
		margin: 0px 20px 30px 20px;
	}
}
@media screen and (max-width:540px){
	#recruit_works ul#rw02 {
		margin: 0px 0px 0px 0px;
	}
	#recruit_works ul#rw02 li{
		width:40%;
		margin:3% 1%;
	}
	#recruit_parson li{
		margin:1%;
	}
	#recruit_cmp,#recruit_works{
		padding:0px 0px 20px 0px;
		margin:0px 0px 0px 0px;
		color:#333;
		text-align:center;
	}
	#recruit_cmp ul#rc01,#recruit_cmp ul#rc02{
		padding: 0px 0px 0px 0px;
	}
	#recruit_parson ul{
		margin-bottom:0px;
	}
	.inner_box h2.sns, .inner_box h2.jigyo{
		margin: 20px;
	}
}
@media screen and (max-width:428px){
	#recruit_cmp ul#rc01 li,#recruit_cmp ul#rc02 li{
		width: 45%;
	}
	#rwork_flow,#rwork_style{
		background-size:cover;
	}
	#rwork_flow a, #rwork_style a {
		right: 20px;
		bottom: 30px;
	}
	#rsq_saiyo,#rsq_qa {
		background-position: right -50px;
		background-size: 60% auto;
	}
	.rp_b p,.rp_y p{
		line-height:140%;
	}
	.inner_box h2.parson:before{
		margin: 20px 0px 20px 0px;
	}
}
@media screen and (max-width:390px){
	#recruit_works ul#rw02 li{
		width:45%;
	}
}
/*------------------------------
ヘッダー
--------------------------------*/
#header{
    padding:0px 0px 0px 0px;
    position: relative;
	height:150px;
	width:1500px;
	position:fixed;
	top:0px;
	left:0;
	right:0;
	margin: 0px auto;
	background-color:#fff;
	z-index:2;
}
#header h1{
    margin: 40px 0px 0px 40px;
    padding: 0px 0px 0px 0px;
    width:272px;
    height:62px;
	display:inline-block;
}
#header p.h1_p{
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	position: absolute;
    top: -20px;
    left: 0px;
}
#header ul{
    margin: 0px 70px 0px 0px;
    padding: 0px 0px 0px 0px;
    list-style: none;
    float: right;
    display: inline-block;
    width: calc(100% - 400px);
    vertical-align: top;
    height: 150px;
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
}
#header li{
	width: 15%;
    box-sizing: border-box;
    margin: 0px 0.8% 0px 0.8%;
    padding: 0px 0px 0px 0px;
    display: inline-block;
    font-size: 1.6rem;
    text-align: center;
}
#header li a{
	display:block;
	height:100%;
	width:100%;
	box-sizing:border-box;
	 padding: 55px 0px 0px 0px;
   color:#000;
}
#header li a i{
	display:block;
	margin: 5px 0px 0px 0px;
	font-size:2.0rem;
   color:#ccc;
}
#header li a:hover i,#header li.pa_over a i,#header li.pa_over a:hover i{
   color:#009F93;
   font-size:2.2rem;
}
#header li.cmplogo{
	padding: 45px 0px 0px 0px;
}
#header li.cmplogo img{
	width:80px;
}
#header li.entry{
	padding: 0px 0px 0px 0px;
	height: 150px;
}
#header li.entry a{
	display:block;
	width:100%;
	height:100%;
	box-sizing:border-box;
    background-color:#F2E380;
    padding:60px 0px 10px 0px;
	font-size:1.6rem;
	text-align:center;
	letter-spacing:1px;
}
#header li.entry a:hover{
	opacity:1;
    background-color:#009F93;
    color:#fff;
}
#main_img{
	margin:150px 0px 0px 0px;
	text-align:center;	
}
@media screen and (max-width:1499px){
	#header{
		width:100%;
	}
	#main_img img{
		width:100%;
		height:auto;
	}
}
@media screen and (max-width:1024px){
	#header li{
		width: 18%;
		box-sizing: border-box;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
	#header h1 {
		margin: 40px 0px 0px 20px;
	}
	#header li.cmplogo{
		display:none;
	}
}
@media screen and (max-width:912px){
	#header ul {
		width: calc(100% - 360px);
		margin: 0px 60px 0px 0px;
	}
}
@media screen and (max-width:820px){
	#header h1{
		width:230px;
	}
	#header h1 img{
		width:100%;
		height:auto;
	}
	#header ul {
		width: calc(100% - 320px);
	}
}
@media screen and (max-width:640px){
	#header{
		height:100px;
	}
	#header h1 {
		margin: 20px 0px 0px 20px;
	}
	#header li:nth-child(1),
	#header li:nth-child(2),
	#header li:nth-child(3){
		display:none;
	}
	#header li{
		width: 47%;
	}
	#header li a {
		padding: 35px 0px 0px 0px;
	}
	#header li.entry{
		height:100px;
	}
	#header li.entry a {
		padding: 40px 0px 10px 0px;
	}
	#main_img{
		margin:100px 0px 0px 0px;
	}
}
@media screen and (max-width:428px){
	#header{
		height:70px;
	}
	#header h1{
		width:200px;
		margin: 10px 0px 0px 10px;
	}
	#header li:nth-child(4){
		display:none;
	}
	#header li{
		width:100%;
	}
	#header li.entry {
		height: 70px;
	}
	#header li.entry a{
		padding: 28px 0px 10px 0px;
	}
	#main_img{
		margin:70px 0px 0px 0px;
	}
}
@media screen and (max-width:390px){
	#header h1 {
		width: 200px;
	}
	#header ul {
		width: calc(100% - 300px);
	}
}
/*------------------------------
パンクズ
--------------------------------*/
.breadcrumb {
	margin: 0;
	padding: 0;
	list-style: none;
	margin:15px;
	line-height: 130%;
}
.breadcrumb li {
	display: inline;/*横に並ぶように*/
	list-style: none;
	font-weight: bold;/*太字*/
}
.breadcrumb li:last-child:after {
	content: '';
}
.breadcrumb li a {
	text-decoration: none;
	color: #2e7fea;
}
.breadcrumb li a:hover{
	color: #999;
	text-decoration:none;
}
.breadcrumb li a span.bdcb{
	color: #1D2B33;
}
.breadcrumb li:first-child a:before {
	font-family:"Font Awesome 5 Free";
	content: '\f1ad';
	font-weight: normal;
	font-size: 1.1em;
	color: #2e7fea;
}
@media screen and (max-width:428px){
	.breadcrumb {
		margin:10px;
	}
	.breadcrumb li{
		margin-bottom:3px;
	}
}
@media screen and (max-width:390px){
	.breadcrumb {
		margin: 10px;
		line-height:150%;
	}
}
/*------------------------------
無料相談フォーム
--------------------------------*/

/*------------------------------
共通
--------------------------------*/
.img_box{
	display:block;
	text-align:center;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
}
.red{
	color:#e21c24;
}
.orange{
	color:#CF843B;
}
.yellow{
	color:#FFFF00;
}
.kon{
	color:#2e3187;
}
.black{
	color:#000;
}
.mini{
	font-size:1.2rem;
}
.page_l{
	text-align:left;
}
.page_c{
	text-align:center;
}
.page_r{
	text-align:right;
}
.b{
	font-weight:bold;
}
.bbig{
	font-weight:bold;
	font-size:120%;
}
.tb20{
	clear:both;
	margin:20px 0px 20px 0px;
}
.tb10{
	clear:both;
	margin:10px 0px 10px 0px;
}
a.base_btn{
	display: inline-block;
    padding:12px 20px 10px 20px;
    text-decoration: none;
    background: #455d73;/*ボタン色*/
    color: #FFF;
	font-size:1.7rem;
    border-bottom: solid 4px #262a59;
    border-radius:8px;
	cursor:pointer;
}
a:hover.base_btn{
	margin-top:4px;
	 border-bottom:unset;
}
@media screen and (max-width:1279px){
	.img_box img.style01{
		display:block;
		width:100%;
	}
}
@media screen and (max-width:912px){
	.img_box img.jigyo_img{
		display:block;
		width:97%;
		margin:auto;
	}
}
@media screen and (max-width:540px){
	.page_c img.moi,.img_box img{
		display:block;
		width:97%;
		margin:auto;
	}
}
/*------------------------------
テーブル
--------------------------------*/
.table01,.table02,.table03{
	margin:0px 0px 15px 0px;
	padding:0px 0px 0px 0px;
	width:100%;
	font-size:1.4rem;
	border-collapse: collapse;
	text-align: center;
}
.table01 th,.table02 th,.table03 th{
	border:1px dotted #b1b1b1;
	background-color:#efefef;
	margin:0px 0px 0px 0px;
	padding:8px;
	text-align:center;
	font-weight:normal;
	color:#333;
	vertical-align:middle;
	line-height:140%;
}
.table03 th{
	padding:5px 0px 5px 0px;
}
.table01 th.th_m,.table02 th.th_m,.table03 th.th_m{
	background-color:#333;
	color:#fff;
}
.table01 th.th_m a,.table02 th.th_m a,.table03 th.th_m a{
	color:#fff;
	text-decoration:underline;
}
.table01 td,.table02 td,.table03 td{
	border:1px dotted #b1b1b1;
	margin:0px 0px 0px 0px;
	padding:8px;
	color:#333;
	vertical-align:middle;
	line-height:150%;
	background-color:#fff;
	text-align:left;
}
.table02 td.no{
	padding:2px;
	text-align:center;
}
.table02 td img{
	width:100%;
	height:auto;
}
.table03 td{
	padding:0px 0px 0px 0px;
	text-align:center;
}
.ta_c td{
	text-align:center;
}
.table01 td.td_c,.table02 td.td_c{
	text-align:center;
}
.table01 td.td_n,.table02 td.td_n{
	border:none;
	text-align:center;
}
.table02 th.thw80,.table02 td.tdw80{
	width:80px;
}
.table02 th.thw100,.table02 td.tdw100{
	width:100px;
}
.taw400{
	width:400px;
	margin:0px auto 0px auto;
}
.taw600{
	width:600px;
	margin:0px auto 0px auto;
}
.taw800{
	width:800px;
	margin:0px auto 0px auto;
}
.thw80,.tdw80{
	width:80px;
}
.thw100{
	width:100px;
}
.thw150{
	width:150px;
}
.thw250{
	width:250px;
}
.t_fixed{
	table-layout: fixed;
}
.tmini{
	font-size:1.4rem;
}
@media screen and (max-width:800px){
	.taw800{
		width:100%;
		margin:0px 0px 0px 0px;
	}
}
@media screen and (max-width:640px){
	#company_box table.taw600{
		width:100%;
		margin:0px 0px 0px 0px;
	}
	#company_box table.taw600 td.td_c{
		display:block;
	}
	.td img{
		width:100%;
		height:auto;
	}
}
@media screen and (max-width:480px){
	.taw600{
		width:100%;
		margin:0px 0px 0px 0px;
	}
	.table01 th,.table01 td{
		display:block;
		width:100%;
		box-sizing:border-box;
		margin:0px 0px 0px 0px;
		text-align:center;
	}
	.table01 td img{
		width:100%;
		height:auto;
	}
}
@media screen and (max-width:480px){
	.taw400{
		width:100%;
		margin:0px 0px 0px 0px;
	}
}
/*------------------------------
固定要素
--------------------------------*/
#rec_process{
	padding:60px 30px;
	margin:0px 0px 0px 0px;
}
#rec_process img{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	display:inline-block;
}
.entry_b{
	margin:20px 0px 60px 0px;
	padding:0px 0px 0px 0px;
	text-align:center;
}
.entry_b a{
	display:inline-block;
	padding:30px 100px;
	background-color:#F2E380;
	font-size:1.8rem;
	letter-spacing:3px;
	box-shadow:2px 2px 2px #ccc;
	color:#333;
}
.entry_b a:hover{
	background-color:#009F93;
	color:#fff;
}
@media screen and (max-width:820px){
	#rec_process img{
		width:100%;
	}
}
@media screen and (max-width:640px){
	#rec_process img{
		width:70%;
		margin:0px auto 0px auto;
	}
}
@media screen and (max-width:428px){
	#rec_process {
		padding: 20px 30px;
	}
	.inner_box h2.process {
		margin: 30px auto 20px auto;
	}
	#rec_process img {
		width: 97%;
	}
}
/*------------------------------
フッター
--------------------------------*/
#footer{
	width:1250px;
	border-top:1px solid #666;
	margin: 20px auto 0px auto;
    padding:40px 0px 40px 0px;
	position:relative;
}
#foot_logo{
	float:left;
	width:272px;
	padding:0px 0px 0px 0px;
}
#foot_logo a{
	margin:0px 0px 0px 30px;
	padding:0px 0px 0px 0px;
}
#foot_nav{
	float: left;
    width: 45%;
    margin: 0px 0px 0px 150px;
}
#foot_nav h3{
	font-size: 2.0rem;
    margin: 15px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
}
#foot_nav ul{
	margin:15px 0px 30px 0px;
	padding:0px 0px 0px 0px;
	list-style: inside;
}
#foot_nav li{
	margin:0px 0px 15px 0px;
	padding:0px 0px 0px 0px;
	font-size:1.6rem;
}
#foot_nav a{
	color:#333;
}
#foot_nav li span{
	display:block;
	margin:5px 0px 0px 20px;
	padding:0px 0px 0px 0px;
	font-size:1.2rem;
	color:#CE801E;
}
#foot_nav a:hover{
	color:#009F93;
}
#footn_l{
	float:left;
	width:47%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
#footn_r{
	float:right;
	width:47%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
#foot_cmp{
	float: right;
    width: 260px;
    padding: 0px 0px 0px 0px;
    position: relative;
    text-align: right;
    font-size: 1.2rem;
}
#foot_clogo{
	padding:0px 0px 0px 0px;
	margin:15px 0px 20px 0px;
}
#foot_clogo img{
    object-fit: contain;
    width: 100%;
    height: 100%;
	max-height: 100px;
}
#foot_cmp p{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	line-height:150%;
}
#foot_cmp p span{
	display:block;
	font-size:2.2rem;
	padding:0px 0px 0px 0px;
	margin:15px 0px 12px 0px;
}
.foot_sns a{
	font-size:2.6rem;
	color:#333;
}
address{
    font-size: 1.2rem;
    text-align: right;
    padding: 10px 0px 10px 10px;
}
.ban_box{
	padding: 0px 0px 0px 0px;
	margin: 30px 0px 0px 0px;
	text-align:center;
}
.ban_box img{
	display:inline-block;
	padding: 0px 0px 0px 0px;
	margin: 0px 5px 10px 5px;
	width:220px;
	height:auto;
}
#foot_top{
	position: absolute;
    bottom: 30px;
    right: 50%;
    margin-right: -720px;
}
@media screen and (max-width:1499px){
	#foot_top{
		position: absolute;
		bottom: 30px;
		right:20px;
		margin-right:0px;
	}
}
@media screen and (max-width:1249px){
	#footer{
		width:100%;
		margin: 20px 0px 0px 0px;
	}
}
@media screen and (max-width:1024px){
	#footer{
		text-align: center;
		padding: 40px 0px;
	}
	#foot_logo {
		float:unset;
		display: inline-block;
		width: 272px;
		vertical-align: top;
	}
	#foot_logo a{
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
	}
	#foot_nav {
		float:unset;
		display: inline-block;
		width:auto;
		margin: 0px 0px 0px 30px;
		text-align:left;
	}
	#foot_cmp {
		float:unset;
		width:220px;
		display: inline-block;
		margin-right: 20px;
		vertical-align: top;
	}
}
@media screen and (max-width:820px){
	#foot_cmp {
		text-align:center;
		width:100%;
	}
	address{
		text-align:center;
	}
	#foot_cmp p br{
		display:inline-block;
		width:10px;
	}
}
@media screen and (max-width:640px){
	#foot_logo {
		display:block;
		margin:30px auto;
	}
	#foot_logo img{
		width:100%;
	}
	#foot_cmp {
		display:block;
		margin:30px auto;
	}
	#foot_cmp img{
		width:auto;
	}
	#foot_top{
		position: fixed;
		bottom: 10px;
		right:10px;
	}
	#foot_cmp p{
		font-size:1.6rem;
	}
}
@media screen and (max-width:428px){
	.ban_box{
		margin: 0px 40px 0px 0px;
	}
	.ban_box img{
		width:46%;
		height:auto;
	}
}

.all_clear {
    clear: both;
    height: 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

/*------------------------------
フォント切り替え
--------------------------------*/
.dejima{
	font-family:"dejima-mincho", sans-serif;
	font-style: normal;
	font-weight: 500;
}
.acumin_m{
	font-family:"acumin-pro", sans-serif;
	font-style: normal;
	font-weight: 500;
}
.acumin_mi{
	font-family:"acumin-pro", sans-serif;
	font-style: italic;
	font-weight: 500;
}
.acumin_b{
	font-family:"acumin-pro", sans-serif;
	font-style: normal;
	font-weight: 700;
}
.acumin_bi{
	font-family:"acumin-pro", sans-serif;
	font-style: italic;
	font-weight: 700;
}
.toppan_r{
	font-family:"toppan-bunkyu-gothic-pr6n", serif;
	font-style: normal;
	font-weight: 400;
}
.toppan_m{
	font-family:"toppan-bunkyu-gothic-pr6n", serif;
	font-style: normal;
	font-weight: 500;
}
.toppan_db{
	font-family:"toppan-bunkyu-midashi-go-std", sans-serif;
	font-style: normal;
	font-weight: 900;
}
.list_num{
    padding:20px;
}
.list_num a{
	font-size: 1.8rem;
    display: inline-block;
    padding: 3px 5px;
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #333;
}
.list_num a.num_arrow{
    display: inline-block;
    padding: 0px 2px;
    border:none;
    border-radius:unset;
    color: #333;
	vertical-align: bottom;
}
.list_num span.num_act{
	font-size: 1.8rem;
    display: inline-block;
    padding: 3px 5px;
    border: 1px solid #ccc;
    border-radius: 3px;
	background-color:#333;
    color: #fff;
	font-weight:bold;
}