html,body,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,menu,nav,section,summary,time,mark,audio,video{
	margin:0;padding:0;border:0;vertical-align:baseline;
	font-weight:normal;font-style:normal;-webkit-box-sizing:border-box;box-sizing:border-box
	}
body{padding:0;font-size:16px;
	color:#222;
	font-family:"メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	line-height:1.7;
	overflow-x:hidden
	}
@media screen and (max-width: 768px){body{font-size:15px}}
@media screen and (max-width: 576px){body{font-size:14px}}
@media screen and (max-width: 768px){article{padding-bottom:5px}}
.smp{display:none}.pc{display:block}
@media (max-width: 768px){.smp{display:block}.pc{display:none}}
p{margin-bottom:20px}
b{color:#4cba73}li{list-style:none}
section a{text-decoration:underline}
.img-fluid{max-width:100%;height:auto}
.flexbx{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
@media (max-width: 768px){.flexbx{display:block}p{margin-bottom:12px}}
@media (max-width: 768px){img{max-width:100%;height:auto}}

a, a:link {
    color: #999;
    text-decoration: none;
}
header{position:relative	}
#head_wrap {
	background-color:#222;
	height:60px;
	overflow: hidden;
}
.logo_inner {
	widith:100%;
	max-width:1080px;
	height:60px;
	margin:0 auto;
	position:relative;
}
.logo_inner .logo img {
	margin:10px 0 auto 0;
}
.logo_inner .ttl {
    font-size: 10.5px;
    color: #fff;
    padding-top: 3px;
    float: right;
    position: absolute;
    top: 10px;
    left: 175px;
	line-height:1.6;
}
.logo_inner p.tel {
    float: right;
    position: absolute;
    top: 8px;
    left: 764px;
}
@media screen and (max-width: 768px){
	#head_wrap {
		height:45px;
	}
	.logo_inner {
		text-align:center;
		height:45px;
	}
	.logo_inner .logo img {
		width:120px;
	}
}

header h1{
    width: 100%;
	max-width:1080px;
    margin: auto;
}
header h1 img{width:100%}
#breadcrumb {
	width:1080px;
	margin:0 auto 50px;
    padding: 4px 6px 0 0;
	text-align:right;
}
#breadcrumb p {font-size: 12px;}
#breadcrumb a:hover { text-decoration:underline;}

/*contents_wrap共通*/
.contents_wrap {
	width:100%;
	max-width:1080px;
	margin:auto;
	padding:0 19px;
}
.txt01{margin-bottom:23px;}

@media screen and (max-width: 768px){
	.contents_wrap {padding:0 3%;}
}

.section_inner h2 {
    margin: 0 0 14px 0;
    padding: 0 0 8px 0;
    font-size: 1.9em;
	line-height:1.4em;
    background-image: url(../img/bg_h2.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
    letter-spacing: 1px;
	background-image:url(../img/bg_h2.gif)
}
.section_inner h3 {
    font-size: 21px;
    letter-spacing: 2px;
    margin: 0 0 18px 0;
}
.section_inner p {
    font-size: 14px;
	line-height:1.7em;
}
@media screen and (max-width: 768px){
	.section_inner h2{
		font-size: 1.0em;
		font-weight: bold;
		padding-left: 8px;
	}
	.section_inner h3{
		font-size: 0.9rem;
		font-weight: bold;
	}
	.section_inner p {font-size: 0.8rem;}
}

/*応募ボタン*/
.top-newJobButtons {
    width: 848px;
    margin:20px auto 50px;
    display: flex;
    justify-content: space-around;
}
.top-newJobButtons.top2 {
    margin:0 auto 90px;
}
.top-newJobButton {
    width: 46%;
    position: relative;
}
.top-newJobButton a {
    display: block;
    border-radius: 7px;
    background-color: #60b3b8;
    padding: 18px 0;
    color: #fff;
    font-size: 20px;
    text-align: center;
    text-decoration: none;
    transition: .2s;
    position: relative;
    z-index: 1;
}
.top-newJobButton:nth-child(2) a {
    background-color: #f46f70;
}
.top-newJobButton a:hover {
	-moz-opacity: 0.8;
	opacity: 0.8;
}

@media screen and (max-width: 768px){
	.top-newJobButtons {
		width: 100%;
		margin: 0 0 20px;
		flex-direction: column-reverse;
	}
	.top-newJobButtons.top2 {
		margin: 30px auto 46px;
	}
	.top-newJobButton {
		width: 80%;
		margin: 0 auto;
	}
	.top-newJobButton:nth-child(2) {
		margin: 0 auto 16px;
	}
	.top-newJobButton a {
		font-size: 16px;
		line-height: 1.2;
		padding: 18px 0 17px;
		border-radius: 10px;
	}
}


/*reason
------------------------------------------------------------*/
#reason{padding-bottom:20px;}
#reason .box{
	margin:0 0 20px 0;
	padding-bottom:20px;
	border-bottom:dotted #CCCCCC 1px;
}
#reason .noline{
	border-bottom:none;
}
@media screen and (max-width: 768px){
	#reason{padding-bottom:0}
	#reason .noline{ margin-bottom:15px}
}
#reason .box:after{
	content:"";
	display:block;
	clear: both; 
}
#reason  h3{
	text-align:center;
	line-height:1.4em;
}
#reason .reason_left img,#reason .reason_right img{
	border:#d0d0d0 solid 2px;
	width:493px;
	padding:6px;
}
	
#reason .reason_left img{
	float:left;
	margin:0;
}
#reason .reason_left .text{
	float:none;
	display:block;
	margin-left:530px;
	padding-top:39px;
}
#reason .reason_right img{
	float:right;
	margin:0;
}
#reason .reason_right .text{
	float:none;
	display:block;
	margin-right:530px;
	padding-top:39px;
}
#reason span{
	font-weight:bold;
	font-style: italic;
	color: #444;
}
@media screen and (max-width: 768px) {	
	#reason .reason_left img{
		float: none;
		width: 100%;
	}
	#reason .reason_right img{
		float: none;
		width: 100%;
	}
	#reason .sp-only img{
		width: 100%;
	}
	.txt01{
		font-size: 0.8rem;
	}
	#reason .reason_left .text,#reason .reason_right .text{
		margin: 0%;
		padding:10px 4% 0;

	}
	#reason h3{
		font-size: 0.9rem;
		font-weight: bold;
	}
	p{font-size: 0.8rem;}
}


/*area
------------------------------------------------------------*/
#area{padding:41px 0 0 0;}
#area ul{
	width:100%;
	min-width:1006px
}
#area ul:after{
	content:"";
	display:block;
	clear: both; 
}
#area li{
	float:left;
	width:300px;
	text-align:center;
	margin-bottom:10px;
	font-size:17px;
}
#area li img{
	border:#d0d0d0 solid 2px;
	width:285px;
	padding:6px;
}
#area li:nth-child(2),#area li:nth-child(5){
	margin:0 69px 10px 69px;
}
@media screen and (max-width: 1090px) {	
#area li:nth-child(2),#area li:nth-child(5){
	margin:0 25px 10px 25px;
}
}
#area li a{color:#222222;}
#area li span{
	display:block;
	width:269px;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	color:#fff;
	line-height:1.6em;
	margin:-43px 16px 0 16px;
	font-weight:bold;
	background-color:rgba(0,0,0,0.68);
	box-sizing: border-box;
}
#area li p{
	text-align:left;
	font-size:0.7em;
	line-height:1.6em;
	padding:18px 4px 0 4px;
}
@media screen and (max-width: 768px) {	
	#area{padding:41px 0 30px 0;}
	#area .sp-only img{width: 100%;}
	#area ul{
		min-width:240px
	}
	#area li img{
		width: auto;
		min-width: 95%;
		max-width: 95%;
	}
	#area li{
		width: 50%;
		float: left;
		font-size: 13px;
		margin-bottom: 0;
	}
	#area ul{display: inline-table;}
	#area li.area_02, #area li.area_05{margin: 0;}
	#area li.area_02,#area li.area_04{
		margin: 0 0 5% 0%;
	}
	#area li span{
		  width: 76%;
		  margin:-38px auto 0 auto;
	}
	#area li p{
		font-size: 1em;
		margin-top: 0.3rem;
		padding:20px 5% 0 6%;
	}
}

/*about
------------------------------------------------------------*/
#about{	padding:41px 0 40px 0;}
#about p img{
	margin-bottom:13px;
	padding:4px;
	border:#d0d0d0 solid 2px;
	width:100%;	
}
@media screen and (max-width: 768px) {
	#about{	padding:41px 0 35px 0;}
}

/*footer
------------------------------------------------------------*/
footer{
	text-align: center;
	padding: 20px 0 20px;
	background-color: #222;
	margin-top: 100px;
}
@media screen and (max-width: 768px){
	footer{
		padding: 20px 0 10px;
		margin-top:50px;
	}
}

footer p{color:#fff;font-size:16px}

@media screen and (max-width: 768px){footer p{font-size:3vw}}
#page-top{display:none;position:fixed;right:50px;bottom:50px;width:50px;z-index:100}
@media screen and (max-width: 768px){#page-top{right:5%;bottom:10px;width:40px}}
.foot-contact{display:none;background:rgba(0,0,0,0.4)}
@media screen and (max-width: 768px){.foot-contact{width:100%;height:97px;position:fixed;top:auto;left:0;bottom:0;z-index:999}}
.foot-contact_inr{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.foot-contact_item{width:50%;padding:10px 10px 20px}
.foot-contact_item:nth-child(1){padding-right:5px}
.foot-contact_item:nth-child(2){padding-left:5px}
.foot-contact_item a{display:block}
.foot-contact_item img{max-width:100%;vertical-align:bottom}