@charset "utf-8";

/* Base
----------------------------------------------- */
body {
	color: #1A1A1A;
}
@-moz-document url-prefix(){
    body {
		font-family: "Segoe UI", Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    }
}

a,a:hover,a:visited{
    color: inherit;
	text-decoration: none;
}


/* Color
----------------------------------------------- */
a:hover,
#crumbs a:hover {
	color: #4a4131;
}
.news-list a:hover .post-thumb figure {
	background-color: #4a4131;
}
#navBlock .gloNav a:hover {
	background: #4a4131;	
}
.index-content > .box h3,
.banner-list a {
	display: block;
	color: #1A1A1A;
	overflow: hidden;
}
.index-content > .box a .images {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.index-content > .box a img {
	transition: 0.3s all;
}
.index-content > .box a:hover img {
	transform: scale(1.15);
	-webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
}
.catch > .catch-headline {
	color: #1A1A1A;
}
.index-content > .box .desc > .ttl {
	color: #1A1A1A;
}
.single_pagenav li a {
	color: #FFF;
	background: #c9bc9c;
}
.single_pagenav li a:hover {
	background: #4a4131
}
#crumbs li,
#crumbs li a {
	color: #666;
}
#crumbs li a:hover {
	color: #4a4131;
}


/* Color [on image]
----------------------------------------------- */
.index-content > .box .imgBox::before {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: "";
	background: rgba(255,255,255,0.1);
}


/* Common
----------------------------------------------- */
.logo > img {
	width: 60%;
	max-width: 300px;
}
.logo a {
	background: url(img/rogo_gr.jpg) center no-repeat;
	background-size: auto;
}
.logo_s a {
	background: url(img/rogo_gr.jpg) center no-repeat;
	background-size: contain;
}
.logo_f > img {
	width: 60%;
	max-width: 300px;
}
.logo_f a {
	background: url(img/rogo_wh.png) center no-repeat;
	background-size: contain;
}


/* Button
----------------------------------------------- */
.moreBtn a,
.readMore a {
	color: #FFF;
	background: #a3cc52;
	border: 2px solid #a3cc52;
	border-radius: 0.3rem;
	outline : 2px solid #FFFFFF; /* 線の太さ・線状・色 */
	outline-offset : -5px;
	transition: 0.5s;

}
.moreBtn a:hover,
.readMore a:hover {
	color: #a3cc52;
	background: #fff;
}


/* Lightbox
----------------------------------------------- */


/* feature slider
----------------------------------------------- */

.feature-slider .item {
	position: relative;
}
.feature-slider .item a {
	display: block;
	color: #FFF;
	text-decoration: none;
}
.feature-slider .item-image {
	position: relative;
}
.feature-slider .item-image::before {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: "";
	background: rgba(255,255,255,0.1);
}
.feature-slider .item-caption {
	position: absolute;
	z-index: 10;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
	align-items: center;
	color: #FFF;
	text-align: center;
}
.feature-slider .item-caption > .ttl {
	text-shadow: 1px 1px 3px #1A1A1A;
}
.feature-slider .item-caption > .btn {
	display: inline-block;
	line-height: 1;
	color: #604C3F;
	background: #FFF;
	width: 160px;
	padding: 1em 0;
	margin: 1.4em 0 0;
	transition: all 0.3s ease 0.2s;
}
.feature-slider .item-caption > .btn:hover {
	color: #FFF;
	background: #E89567;
}
.slide-progress {
	position: absolute;
	z-index: 5;
	left: 0;
	bottom: 0;
	width: 0;
	max-width: 100%;
	height: 6px;
	background: rgba(255,255,255,0.5);
}

/* feature slider [animation]
----------------------------------------------- */
.feature-slider .item-caption > .ttl,
.feature-slider .item-caption > .btn {
	opacity: 0;
}
.feature-slider .owl-item.active .item-caption > .ttl {
	opacity: 1;
	transition: opacity 1.0s ease-out 1.0s;
}
.feature-slider .owl-item.active .item-caption > .btn {
	opacity: 1;
	transition: opacity 1.0s ease-out 2.0s;
}


/* Page Head
----------------------------------------------- */
.pageHead .imgBox::before {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: "";
	background: rgba(255,255,255,0.1);
}


/* Flex Box
----------------------------------------------- */
.flexList a {
	color: #000;
}
.flexList.pane2 li {
	max-width: calc(600px + 2em);
}
.flexList .caption > .ttl {
	position: relative;
	top: -1em;
	display: inline-block;
	letter-spacing: 2px;
	padding: 0.5em 2em;
	background: #FFF;
	border-left: #7BBE34 solid 4px;
	border-right: #7BBE34 solid 4px;
}


/* Header
----------------------------------------------- */
header {
	background: rgb(255, 255, 255);
}
#header-logo {
	background: #FFF;
}
#header-logo .logo {
	width: 270px;
	padding: 15px 0;
}
header .primaryNav {
}
.primaryNav > .menus .text-tel,
.primaryNav > .menus .text-tel a {
	/*color: ;*/
}
.primaryNav > .menus .btn-tel::before {
	/*color: ;*/
}
.primaryNav > .menus .btn-tel {
	background: #604C3F;
	border-radius: 4px;
}
.primaryNav > .menus .btn-tel::after {
	background: none;
}
#header-navigation {
}


/* Footer
----------------------------------------------- */
footer {
	background-color: #a3cc52;
}
footer .primaryNav .logo_f {
	width: 220px;
	height: 100px;
	padding: 15px 0;
}
#footNav ul li a:hover {
	color: #7A6A56;
}
#copyright {
	color: #FFF;
	z-index: 0;
	background: #4a4131;
	padding: 1em 0;
}
#copyright a:hover {
	color: #FFF;
}


/* Page Top
----------------------------------------------- */
#pageTop a {
	background-color: #928871;
}


/* Navigation [TOGGLE MENU]
----------------------------------------------- */
.toggleMenu .navBar {
	background: #000;
	content: '';
	margin: 4px 0;
    display: block;
    height: 3px;
    width: 25px;
    border-radius: 3px;
    background-color: #000000;
}


/* Navigation [Nav Block]
----------------------------------------------- */
#navBlock {
}


/* Navigation [Nav Box]
----------------------------------------------- */
#navBox {
	background: rgba(96,76,63,0.95);
}
#navBox .gloNav {
	-ms-grid-row-align: center;
	-ms-flex-item-align: center;
	-webkit-align-self: center;
	align-self: center;
}
#navBox .gloNav li:not(:last-child)::after {
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	display: block;
	content: "";
	height: 1px;
	width: 1em;
	background: #FFF;
}
#navBox .gloNav li a {
	color: #FFF;
	border-radius: 4px;
}
#navBox .gloNav li a::after {
	color: #FFF;
}
#navBox .gloNav li a:hover {
}
#navBox .gloNav li a:hover span::before {
	/*background: rgba(123,190,52,0.68);*/
	width: 100%;
}


/* Navigation [Attach Nav]
----------------------------------------------- */
#attachNav {
	position: fixed;
	z-index: 50;
	width: 100%;
	left: 0;
	bottom: 0;
	background: rgba(237,232,221,0.78);
	padding: 10px;
}
#attachNav > .attach-content {
	max-width: 500px;
	margin: 0 auto;
	background: #a3cc52;
}
#attachNav .contact_tel,
#attachNav .contact_tel a {
	position: relative;
	line-height: 1.2;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
	justify-content: center;
	height: 60px;
	padding: 10px 10px 10px 40px;
	color: #FFF;
	background: #a3cc52;
}
#attachNav a {
	display: block;
	text-decoration: none;
}
#attachNav .contact_tel::before {
	position: absolute;
	z-index: 1;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 40px;
	height: 40px;
	content: "";
	background: url(images/common/mobile.png) center no-repeat;
	background-size: contain;
}
#attachNav .contact_tel span {
	display: block;
}
#attachNav .contact_tel .num {
	font-size: 2em;
}


/* Layout
----------------------------------------------- */
.index-content_main {
	padding-bottom: 50px;
}


/* Index Content
----------------------------------------------- */
.index-content > .box .desc > p {
	text-align: center;
}
/* #wrapper > section.index-content_image {
	background: #C9BC9C;
} */
#index-philosophy {
	background: url(img/top_about.jpg) center no-repeat;
	background-size: cover;
}
#index-philosophy::before {
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: "";
	/* background: rgba(219,218,218,0.72); */
}
#index-philosophy .content {
	font-weight: bold;
}
#index-philosophy .content > p:not(.signature) {
	text-align: center;
	padding: 0.5em 0 1em;
}
#index-philosophy .content > p.signature {
	text-align: right;
}


/* Index Concept
----------------------------------------------- */
.index-concept .box-list li {
	width: 100%;
	padding: 0 5% 2em;
}
.index-concept .box-list li figure {
	text-align: center;
}
.index-concept .box-list li figure > figcaption {
	padding: 0.5em 0;
	letter-spacing: 0.1em;
}
.index-concept .box-list li .moreBtn {
	width: 60%;
}


/* index-topics
----------------------------------------------- */
.index-topics {
	background-color: #F7F8F8;
}
.index-topics .center {
	position: relative;
    margin: 0 auto 20px;
	text-align: center;
}
.index-topics .center .ttl {
	font-size: 2.8em;
	letter-spacing: 2px;
	line-height: 1.4;
}
.index-topics .center p {
	font-size: 1.4em;
	line-height: 1.4em;
}


/* Contents
----------------------------------------------- */
.headline .ttl {
	letter-spacing: 2px;
	line-height: 1.4;
}
.sub_ttl {
	font-size: 1.15em;
	border-bottom: #7bbe34 dashed 1px;
	padding: 0.5em 0;
}
.sec-headline {
	background: #a3cc5281;
	text-align: center;
	padding: 20px 0;
}


/* News List
----------------------------------------------- */
.news-list {
}
.news-list a {
	-ms-flex-wrap: nowrap;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	color: #000;
	background: none;
}
.news-list article {
}
.news-list .post-overview {
	-webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
	justify-content: flex-start;
	padding: 0 1.5em;
}
.news-list .post-title {
}
.news-list .post-date {
}
.news-list .post-category {
	display: none;
}
.news-list .post-thumb {
	overflow: visible;
}
.news-list .post-thumb figure {
	background-color: #FFF;
	padding: 8px;
	transition: all 0.3s;
}
.news-list a:hover .post-thumb figure {
	transform: scale(1);
	transition: all 0.3s;
}
.news-list a:hover .post-thumb figure img {
	transform: scale(1.1);
}
.news-list .post-excerpt {
}

.archive-list .news-list a {
	background: rgba(201,188,156,0.5);
	padding: 1em;
}


/* Post Single
----------------------------------------------- */
.post-header {
}
.post-header .post-date {
	text-align: center;
	letter-spacing: 0.1em;
}


/* Blog PageNav
----------------------------------------------- */
.single_pagenav li {
}
.single_pagenav li a {
}
.single_pagenav li a:hover {
}
.single_pagenav li.end {
	visibility: hidden;
}
.single_pagenav li.end a {
	border: none;
}


/* Embed Movie
----------------------------------------------- */
a.movie {
	display: block;
}
a.movie::before {
	content: "";
	position: absolute;
	width: 60px;
	height: 60px;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	background-color: rgba(0,0,0,1);
	border-radius: 50%;
	box-shadow: 3px 3px 8px rgba(0,0,0,0.3);
	z-index: 2;
	transition: all 0.3s;
}
a.movie:hover::before {
	background-color: rgba(255,0,0,0.95);
}
a.movie::after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	top: 0;
	right: 0;
	bottom: 0;
	left: 6px;
	margin: auto;
	border-style: solid;
	border-width: 10px 0 10px 18px;
	border-color: transparent;
	border-left-color: #FFF;
	z-index: 3;
}

/* Staff Interviews
----------------------------------------------- */
.interview-list li {
}
.interview-list .list-thumb {
	position: relative;
}
.interview-list .list-caption {
	color: #FFF;
	background: #c3af8b;
	padding: 1ex 1em;
}
.interview-list .list-caption dt,
.interview-list .list-caption dd {
	line-height: 1.5;
}
.interview-list .list-caption dt {
	font-size: 1.1em;
}
.interview:nth-child(even) {
	background: rgba(237,232,231,0.78);
}
.interview .interview-image,
.interview .interview-content {
	width: 100%;
}
.interview .interview-image > dl {
	display: table;
	table-layout: fixed;
	width: 100%;
	color: #FFF;
	background: #c3af8b;
	padding: 1ex 1em;
}
.interview .interview-image > dl dt {
	display: table-cell;
	vertical-align: middle;
	font-size: 1.4em;
}
.interview .interview-image > dl dd {
	display: block;
	line-height: 1.5;
}
.interview .interview-content .caption,
.interview .interview-content dt {
	color: #a3cc523;
}
.interview .interview-content .caption {
	font-weight: bold;
	font-size: 1.5em;
}
.interview .interview-content dl:not(:last-child) {
	margin-bottom: 1em;
}
.interview .interview-content dt {
	font-size: 1.1em;
	border-bottom: #a3cc52 solid 1px;
	padding-bottom: 0.25em;
}
.interview .interview-content dd {
	line-height: 1.75;
	padding: 0.5em 0;
}


/* Rework Projeect
----------------------------------------------- */
#rework {
	position: relative;
	background: url(images/bg/02.jpg) top center no-repeat;
	background-size: cover;
}
#rework::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: "";
	background: rgba(246,241,234,0.78);
}


/* Job offer
----------------------------------------------- */
.offer-list:not(:last-child) {
	margin-bottom: 30px;
}
.offer-list {
	border: #000 solid 1px;
	border-radius: 12px;
}
.offer-list > .block {
	max-width: 90%;
	margin: 0 auto;
	padding: 4em 2em;
}
.offer-list > .block:not(:last-child) {
	border-bottom: #000 solid 1px;
}
.offer-outline figure {
	margin-top: 0em;
}
.offer-outline .post-date {
	margin-bottom: 0!important;
}
.offer-outline > .content > .offer-title {
	text-decoration: none;
	font-size: 2em;
	font-weight: bold;
	color: #668528;
	padding: 0.3em 0;
}
.offer-bikou {
	margin-bottom: -0.5em;
}
.offer-bikou li {
	line-height: 1.4;
	color: #FFF;
	background: #a3cc52;
	padding: 0.5ex 1ex;
	margin: 0 0.5em 0.5em 0;
}
.offer-list table {
	width: 100%;
}
.offer-list table th,
.offer-list table td {
	line-height: 1.4;
}
.offer-btn li {
	width: 100%;
}
.offer-btn a {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
	justify-content: center;
	height: 100%;
	text-decoration: none;
	text-align: center;
	padding: 1ex 0;
	border: #a3cc52 solid 3px;
}
.offer-btn .rel_detail a {
	color: #a3cc52;
	background: #ffffff;
	border-radius: 0.3rem;
}
.offer-btn .rel_detail a > span::after {
	display: inline-block;
	vertical-align: baseline;
	font-family: "icofont";
	/* content: "\ea69"; */
	padding: 0 0.25em;
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
}
.offer-btn .rel_entry a {
	color: #FFF;
	background: #a3cc52;
	border: 3px solid #a3cc52;
    border-radius: 0.3rem;
    outline: 2px solid #FFFFFF;
    outline-offset: -5px;
    transition: 0.5s;

}
.offer-btn a > span {
	font-size: 1.5em;
	letter-spacing: 0.05em;
}


/* Job offer [detail]
----------------------------------------------- */
.offer-detail-head {
	border-top: #666 solid 1px;
	border-bottom: #666 solid 1px;
	padding-top: 0!important;
	margin-top: 120px;
}
.offer-detail-head > .offer-list {
	border: none;
}


/* Entry Form
----------------------------------------------- */
#entry-form input[type="submit"], input[type="button"] {
	color: #FFF;
	margin: 0 auto;
	max-width: 300px;
	background: #a3cc52;
}
#entry-form input[type="submit"]:hover, input[type="button"]:hover {
	background: #a3cc52;
	box-shadow: 2px 2px 4px rgba(0,0,0,0.2) ;
}
.job-rel_entry,
.job-rel_entry a {
	color: #1A1A1A;
	background: none;
}
.job-rel_entry a:hover {
	background: none;
}


/* CF7
----------------------------------------------- */
#contact_form table th {
	font-weight: bold;
}
#contact_form table th.required::after {
	display: inline-block;
	content: "必須";
	color: #FFF;
	background: #C00;
	padding: 0.25em 1ex;
	margin-left: 0.5em;
}


@media screen and (min-width:768px) {
	/* Button
	----------------------------------------------- */
	.moreBtn {
		font-size: 1.2em;
	}
	
	/* Header
	----------------------------------------------- */
	#header-logo {
		height: 150px;
	}
	#header.nav-opened .primaryNav,
	#header-clone.fixed .primaryNav {
	}
	
	
	/* Footer
	----------------------------------------------- */
	footer .primaryNav .logo {
	}
	
	/* Navigation [Attach Nav]
	----------------------------------------------- */
	#attachNav {
		display: none;
	}
	#attachNav .contact_tel, #attachNav .contact_tel a {
		max-width: 320px;
		margin: 0 auto;
	}
	#attachNav .contact_tel::before {
		width: 50px;
		height: 50px;
	}
	#attachNav .contact_tel, #attachNav .contact_tel a {
		padding-left: 50px;
	}
	#attachNav .contact_tel span {
		text-align: center;
	}
	
	/* feature slider
	----------------------------------------------- */
	.feature-content {
		/* margin-top: 60px; */
	}
	.feature-slider .item-caption > .ttl {
		font-size: 4em;
	}
	.feature-slider .item-caption > .btn {
		font-size: 1.3em;
	}
	
	/* Index Content
	----------------------------------------------- */
	#index-philosophy .content > p:not(.signature) {
		font-size: 1.25em;
	}
	#index-philosophy .content > p.signature {
	}
	
	/* Contents
	----------------------------------------------- */
	.sub_ttl {
		font-size: 1.4em;
	}
	
	/* information
	----------------------------------------------- */

	
	/* topics
	----------------------------------------------- */
	
	/* News List
	----------------------------------------------- */
	
	/* Staff Interviews
	----------------------------------------------- */
	.interview-list {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		margin-bottom: -20px;
	}
	.interview-list li {
		width: 33.3333%;
		width: calc(100% / 3 - 10px);
		max-width: calc(100% / 3);
		padding-bottom: 20px;
	}
	.interview .interview-image {
		width: 38%;
		margin-top: 3em;
	}
	.interview .interview-content {
		width: 62%;
	}
	.interview:nth-child(odd) .interview-content {
		padding-right: 2%;
		-ms-flex-order: -1;
		-webkit-order: -1;
		order: -1;
	}
	.interview:nth-child(even) .interview-content {
		padding-left: 2%;
	}
	.interview .interview-content .caption {
		font-size: 1.65em;
	}
	
	/* Rework Projeect
	----------------------------------------------- */
	#rework .content {
		font-size: 1.25em;
	}
	
	/* Job offer
	----------------------------------------------- */
	.offer-outline figure {
		width: 30%;
	}
	.offer-outline .content {
		text-decoration: none;
		width: 70%;
		padding: 0 2em;
	}
	.offer-list table th {
		width: 18%;
		text-align: right;
	}
	.offer-list table td {
		padding: 0 2em;
	}
	.offer-btn li {
		width: 50%;
	}
	.offer-btn li:nth-child(odd) {
		padding-right: 1em;
	}
	.offer-btn li:nth-child(even) {
		padding-left: 1em;
	}
	.offer-btn li a {
		font-size: 1.2em;
	}
	.offer-btn li a > span {
		font-size: 1.8em;
	}
	
	
	/* Embed Movie
	----------------------------------------------- */
	.index-section a.movie::before,
	.index-section a.movie::after {
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
	}
}
@media screen and (min-width:768px) and (max-width:979px) {
	/* Staff Interviews
	----------------------------------------------- */
	.interview .interview-image > dl dt {
		display: block;
		padding-bottom: 0.25em;
	}
	
	
}
@media screen and (min-width:980px) {
	/* Index Content
	----------------------------------------------- */
	#index-philosophy .content > p:not(.signature) {
		font-size: 1.4em;
	}
	#index-philosophy .content > p.signature {
		font-size: 1.25em;
	}

	
	/* Index Topics
	----------------------------------------------- */
	
	/* Staff Interviews
	----------------------------------------------- */
	.interview:nth-child(odd) .interview-content {
		padding-right: 5%;
	}
	.interview:nth-child(even) .interview-content {
		padding-left: 5%;
	}
	.interview .interview-content .caption {
		font-size: 2em;
	}
	
	/* Rework Projeect
	----------------------------------------------- */
	#rework .content {
		font-size: 1.5em;
	}

	

}
@media screen and (min-width:1024px) {
	/* Header
	----------------------------------------------- */
	header .primaryNav {
	}
	
	/* News List
	----------------------------------------------- */

}
@media screen and (min-width:1180px) {
	/* Index Concept
	----------------------------------------------- */
	.index-concept .box-list li figure > figcaption {
		font-size: 2.2em;
	}

}
@media screen and (max-width:1279px) {
	/* information
	----------------------------------------------- */

	
	/* office
	----------------------------------------------- */
	.flexList#office li.office-about .caption p {
		text-align: left;
	}
}
@media screen and (max-width:979px) {
	/* Navigation [Nav Block]
	----------------------------------------------- */
	#navBlock .gloNav a {
		padding: 0 1em;
	}
	
	/* Index Topics
	----------------------------------------------- */
	.index-topics .block {
		margin-bottom: 30px;
	}
	.index-topics .index-info {
		-ms-flex-order: 1;
		-webkit-order: 1;
		order: 1;
	}
	.index-topics .index-banner > .banner-list li:not(:last-child) {
		margin-bottom: 2em;
	}

}
@media screen and (max-width:767px) {
	/* Header
	----------------------------------------------- */
	header .primaryNav .logo {
		width: 160px;
	}
	
	/* Footer
	----------------------------------------------- */
	footer .primaryNav .logo {
	}
	
	/* feature slider
	----------------------------------------------- */
	.feature-slider .item-caption > .ttl {
		font-size: 1.5em;
	}
	.feature-slider .item-caption > .btn {
		font-size: 1.2em;
	}

	/* Layout
	----------------------------------------------- */
	.index-content_main {
		padding-bottom: 25px;
	}
	
	/* Index Content
	----------------------------------------------- */
	#index-philosophy .content > p:not(.signature) {
		font-size: 1.2em;
	}
	#index-philosophy .content > p.signature {
		font-size: 1.1em;
	}
	.catch > .catch-headline {
		text-align: center;
	}
	.index-concept .box-list li figure > figcaption {
		font-size: 1.5em;
	}
		
	/* Contents
	----------------------------------------------- */
	.headline .ttl {
	}
	
	/* information
	----------------------------------------------- */

	
	/* topics
	----------------------------------------------- */

	
	/* News List
	----------------------------------------------- */
	.news-list .post-thumb {
	}
	.news-list .post-thumb figure {
		padding: 4px;
	}
	
	/* concept
	----------------------------------------------- */
	#concept .headline {
		margin-bottom: 3em;
	}
	
	/* Staff Interviews
	----------------------------------------------- */
	.interview-list li {
		margin-bottom: 20px;
	}
	.interview .interview-image {
		margin-bottom: 1.5em;
	}
	
	/* Rework Projeect
	----------------------------------------------- */
	#rework .content {
		font-size: 1.2em;
	}
	
	/* Job offer
	----------------------------------------------- */
	.offer-list:not(:last-child) {
		margin-bottom: 15px;
	}
	.offer-list > .block {
		padding: 1.5em 1em;
	}
	.offer-list table th, .offer-list table td {
		display: block;
	}
	.offer-list table th {
		text-align: left;
		padding-bottom: 0.25em;
	}
	.offer-btn li {
		height: 48px;
	}
	.offer-btn li:not(:last-child) {
		margin-bottom: 10px;
	}

}

@media screen and (max-width: 767px) {
	
	.index-topics .center .ttl {
		font-size: 2em;
	}
	.index-topics .center p {
		font-size: 1.2em;
		line-height: 1.2em;
	}
	.index-content .desc .ttl {
		font-size: 1.7em;
	}
	.index-content .desc .ttl::after {
		font-size: 0.95rem;
	}
}