@charset "utf-8";

/* --------------- globalnav --------------- */
/* --- base --- */
.g-nav {}


/* --- header --- */
/* --- footer --- */

/* --- smpho btn --- */	

@media (min-width:641px) {}
@media (max-width:640px) {}

/* --------------- header --------------- */

@media (min-width:641px) {}
@media (max-width:640px) {}

/* --------------- footer --------------- */
/* --- base --- */
footer {margin-top: 12em;}

@media (min-width:641px) {}
@media (max-width:640px) {}

/* --------------- mainimg --------------- */
.mainimg span {
	position: relative;
	display: block;
	width: 100%;
	padding: 14.3223% 0;
	overflow: hidden;}

.mainimg span img {
	position: absolute;
	top: 0;	bottom: 0; left: 0; right: 0;
	max-width: 100%;
	margin: auto;}

@media (min-width:641px) {}
@media (max-width:640px) {}

/* --------------- common --------------- */
section {
	width: 100%;
	margin: 150px auto 0;}
section + section {margin-top: 180px;}

section h2 {
	font-size: 3.6em;
	line-height: 1.167;
	letter-spacing: 0.067em;
	text-align: center;}
section h2::first-letter {color: #0768ac;}
section h2 span {
	display: block;
	font-family: "Oswald", sans-serif;
	font-weight: 700;}
section h2 small {
	display: block;
	font-size: 0.5em;
	line-height: 2;
	text-align: center;}

@media (min-width:641px) {
	section {
		width: 93.75%;
		max-width: 1000px;}
	
	section h2 {font-size: 4em;}
	section h2 small {font-size: 0.334em;}
}
@media (max-width:640px) {}

/* --------------- contents --------------- */

/* --- news --- */
.news {
	width: 100%;
	max-width: 1200px;}
.news h2 {color: #9f9fa0;}
.news h2::first-letter {color: #9f9fa0;}

.slide_wk {max-width:960px; margin:0 auto 100px;}
.slide_wk .slick-slide img {margin: 0 auto;}

.slide_wk + .news_wk {margin-top: 30px;}

.news_wk h2 + .update {margin-top: 30px;}
.news_wk .update {
	width: 90.625%;
	max-width: 960px;
	min-height: 160px;
    height:300px;
	margin: 0 auto;
	overflow-y: scroll;}

.news_wk .update dl {
    width:100%;
    margin-top: 1.5em;
    display:flex; flex-flow:row wrap; justify-content:flex-start; align-content:flex-start; align-items:flex-start;
}
.news_wk .update dl dt {
	width:15%;
    font-size:1rem;
	font-family: "Oswald", sans-serif;
	font-weight: 700;
	letter-spacing: 0.067em;
}
.news_wk .update dl dd {
    width:80%;
}

@media (min-width:641px) {
	.news_wk {
		width: 100%;
		padding: 0 2.605%;}	
	.news_wk li p {padding-right: 30px;}
}
@media (max-width:640px) {
	.news_wk {padding: 0 4.6875%;}
	
	.news_wk .update dl dt ,
    .news_wk .update dl dd {
        width:95%;
    }
    
    .slide_wk .slick-slide img {max-width:100%;}
}

/* --- service --- */
.service {width: 93.75%;}

.service > div {}
.service > div + div {margin-top: 150px;}

.service [class^="srvc"] {
	padding-top: 25.834%;
	background: url("../img/index/profile.png") no-repeat;
	background-position: top center;
	background-size: 100% auto;}
	.service .srvc02 {background-image: url("../img/index/work.png");}
	.service .srvc03 {background-image: url("../img/index/workcation.png");}
	.service .srvc04 {background-image: url("../img/index/recruit.png");}

.service h2 {
	text-align: center;
	margin-top: 1.416em;}
.service .btn {width:250px;
	margin-top: 2.084em;}

.srvc03 h2::first-letter {color: #e56c22;}

@media (min-width:641px) {
	.service {max-width: 1000px;}
	.service [class^="srvc"] {padding-top: 26.3%;}
	
	.service p + .btn {max-width: 250px;}
}
@media (max-width:640px) {}


/* --- fb --- */

#fb {
    width:100%;
    max-width:500px;
    margin:100px auto 0;
}
.fb-page {
    margin:0 auto;
    display: block;
}

@media (min-width:641px) {}
@media (max-width:640px) {}