@charset "utf-8";

.pc {
	display: none;
}
.sp {
	display: block;
}
#gnav .sp {
	display: inline-block;
}
p {
	text-align: justify;
	text-justify:: inter-ideograph;
}

html,body {
	min-width: 0;
}

.wrapper, .site-main {
	width: 100%;
}
.site-main {
	margin: 0;
	overflow: hidden;
}
#site-sidebar {
	display: none;
}

/* ヘッダー */
#site-header {
	height: 100px;
}
#site-log, #site-copy {
	width: 30%;
	height: auto;
}
#site-logo {
	top: 10px;
	left: 5%;
}
/*
#site-copy {
	top: 40px;
	left: 40%;
}
*/

/* Gナビ */
#gnav-open {
	position: absolute;
	top: 20px;
	right: 5%;
	line-height: 1.0em;
}
#gnav-open p {
	color: #FFF;
	margin: 0.2em 0 0;
	font-size: 14px;
}
#gnav-open:hover {
	cursor: pointer;
}
#overlay {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	position: fixed;
	z-index: 10;
}
#overlay:hover {
	cursor: pointer;
}
#overlay p {
	font-size: 16px;
	color: #FFF;
	text-align: right;
}
/*
#gnav {
	display: none;
}
*/
#gnav {
	height: auto;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	border-left: 0;
}
#gnav li {
	width: 50%;
	height: 50px;
	border-bottom: solid 1px #666;
	border-right: 0;
	border-left: solid 1px #666;
	line-height: 48px;
}
#gnav li a {
	height: 100%;
	background: rgba(0, 0, 0, 1);
}
#gnav .child {
	display: none;
	width: 100%;
	left: 0;
	z-index: 200;
	box-shadow: none;
	line-height: 1.0em;
}
#gnav .child li {
	width: 50%;
	display: inline-block;
	font-size: 13px;
	line-height: 48px;
	text-align: center;
	background: #005891;
	border-right: solid 1px #000;
	border-left: solid 1px #CCC;
}
#gnav .child li a {
	padding: 0;
	background: transparent;
}
#gnav .child li a:hover {
	background: #000;
}

/* フッター */
#f_group {
	width: 100%;
}
#f_group li {
	width: 20%;
}
#f_group li img {
	width: 100%;
	height: auto;
}
#f_contact .col1, #f_contact .col2, #f_contact .col3 {
	width: 90%;
	margin: 0 5% 10px;
	display: block;
}
.col1 h2 {
	padding: 4px 0;
}
.col1 .btn {
	background: transparent;
	padding: 0;
	font-size: 16px;
	line-height: 1.5em;
	text-align: center;
}
.col1 .btn a {
	display: inline;
}
.col1 .btn img {
	display: inline-block;
	vertical-align: middle;
	height: 16px;
	margin: 0 0 3px 4px;
}
.col2 {
	padding: 0;
	border-right: 0;
}
.col2 .tel, .col2 .opentime {
	width: 100%;
	display: block;
	text-align: center;
}
.col3 {
	padding: 10px 0 0;
	border-top: solid 1px #FFF;
	font-size: 16px;
}
.col3 dl, .col3 dt, .col3 dd {
	width: 100%;
}
.col3 dl {
	margin: 5px 0 10px;
}

/* 見出し */
h2 {
	font-size: 22px;
}
h2.red {
	margin: 0 5% 10px;
}
h3.blue, h3.green, h3.red, h3.orange {
	margin: 0 5% 10px;
	font-size: 22px;
}
h3.gray-block {
	padding: 2px 5%;
}

/* index トップページ */
.bx-pager {
	display: none;
}

#catch p {
	margin: 0 5% 1.2em;
	font-size: 16px;
}

.subnav {
	width: 90%;
	margin: 10px 5% 30px;
	justify-content: space-around;
}
.subnav li {
	width: 42%;
	height: auto;
	margin: 0 0 5%;
}
#full-time .subnav {
	display: none;
}
/*
#full-time .subnav li {
	width: 80%;
	height: auto;
	margin: 0 0 5%;
}
*/
.gray-table caption {
	text-align: center;
}
.gray-table, .gray-table th, .gray-table td {
	border: 0;
}
.gray-table th, .gray-table td {
	display: block;
}
.gray-table {
	width: 90%;
	border-bottom: solid 1px #333;
}
.gray-table th {
	border-top: solid 1px #333;
	border-right: solid 1px #333;
	border-left: solid 1px #333;
}
.gray-table td {
	padding: 4px 8px 20px;
	border-top: solid 1px #333;
	border-right: solid 1px #333;
	border-left: solid 1px #333;
}

#mykomon h2, #mykomon h3 {
	padding: 8px;
}
#mykomon .news-date, #mykomon .news-title {
	width: 100%;
}
#mykomon .news-title {
	margin: 0 0 1em;
}

/* single & page */
.entry-content p, .entry-content p:not(.center) {
	margin: 0 5% 1.75em;
	font-size: 16px;
}


/* single */
#single-list {
	width: 100%;
}
#single-list h3 {
	height: 48px;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#32bdea', endColorstr='#6a8fca');
	background: linear-gradient(to bottom, #32bdea, #6a8fca );
	background: -moz-linear-gradient(top, #32bdea, #6a8fca);
	background: -webkit-gradient(linear, left top, left bottom, from(#32bdea), to(#6a8fca));
	line-height: 48px;
}
#single-list .date, #single-list .body {
	display: block;
}
#single-list .date {
	width: 100%;
}
#single-list .body {
	width: 100%;
}

/* page */

.imgs {
	margin: 0 5% 30px;
}
.imgs li {
	width: 49%;
}

/* 代表挨拶 */
#president p {
	font-size: 16px;
}

/* 会社概要 */
#history th, #history th.high, #history td {
	width: 100%;
	height: auto;
	padding: 10px 5% 0;
	display: block;
}
#history td {
	padding: 0 5% 10px;
	border-top: 0;
}
#history td .text, #history td .img {
	width: 100%;
}

.work p {
	margin: 0 0 5px;
	font-size: 14px;
}
.data_blue caption, .data_green caption, .data_orange caption {
	margin: 0 3% 5px;
}
.data_blue th, .data_green th, .data_orange th {
	padding: 8px 0 8px 3%;
}
.data_blue td, .data_green td, .data_orange td {
	padding: 8px 3% 8px 0;
}

#fortezza h2, #yrcp h2, #wits h2 {
	margin: 0 5% 20px;
}
#fortezza h2 img, #yrcp h2 img, #wits h2 img {
	height: auto;
}
#fortezza h3.red, #yrcp h3.strong, #wits h3.strong {
	margin: 0 5% 10px;
	font-size: 24px;
}
#fortezza h3.blue {
	font-size: 20px;
}
#yrcp .img, #wits .img {
	width: 20%;
	margin: 0 3% 30px 5%;
}
#yrcp .work, #wits .work {
	width: 65%;
	height: auto;
	margin: 0 5% 30px 0;
}

#office h3.blue {
	padding: 10px 0 0;
	font-size: 24px;
}
p.caption-box {
	margin: 0 0 30px;
	padding: 0;
}
div.caption-box {
	margin: 0 0 30px;
	padding: 5% 2.5%;
}
.caption-box .img {
	width: 40%;
	padding: 0 2.5%;
}
.caption-box .text {
	width: 60%;
	padding: 0 2.5%;
}
.caption-box p {
	margin: 0;
}

#access ol li {
	width: 90%;
	margin: 0 5% 20px;
}
#access iframe {
	height: 280px;
}

#feature h3 {
	padding: 50px 5% 0;
	background-size: 100% auto;
}

/* スタッフ紹介 */
#archive-staff p {
	margin: 0 5% 1.75em;
}
#staff-list {
	justify-content: space-around;
}
#staff-list li {
	width: 40%;
}
#staff-list li img {
	width: 100%;
	height: auto;
}
#staff-detail {
	width: 100% !important;
	padding: 5%;
}
#staff-detail .sub, #staff-detail .main {
	width: 100%;
}
#staff-detail .sub {
	margin: 0 0 20px;
	text-align: center;
}
#staff-detail .sub img {
	width: 60%;
	height: auto;
}
#staff-detail table {
	width: 100%;
}
#staff-detail .private .img {
	width: 100%;
	margin: 0;
	text-align: center;
}
#staff-detail .private .text {
	width: 100%;
}
#staff-detail .private .head {
	text-align: center;
}

/* お客様の声 */
#review h2.black-line {
	margin: 0 0 20px;
}
#review .entry-content p {
	margin: 0 5% 1em;
}
.review-box .img {
	width: 70%;
	margin: 0 15% 15px;
}
.review-box .text {
	width: 90%;
	margin: 0 5% 15px;
}
.review-box .text h3 span {
	font-size: 16px;
}
.review-box .text p {
	margin: 0 0 1em;
	font-size: 16px;
	line-height: 1.75em;
}
.review-box .response {
	padding: 10px 5%;
	background: #dfeefa;
}
.review-box .response h3, .review-box .response p {
	font-size: 16px;
	line-height: 1.75em;
}
.review-box .response h3 {
	padding: 0;
}
.review-box .response p {
	padding: 0;
}

/* 業務内容 */
#business li {
	width: 100%;
	height: auto;
}

table.blue-block {
	width: 100%;
}

#management ol {
	margin: 0 0 1.75em;
	padding: 0 5% 0 7%;
}
#management ol li {
	padding: 0 0 0 0.2em;
}

#succession ul {
	margin: 0 2.5% 30px;
}
#succession li {
	width: 45%;
	margin: 0 0 10px;
}

.case {
	margin: 0;
}
.case h4 {
	width: 50%;
	margin: 0 25% 15px;
	padding: 10px 0;
}
.case .text {
	width: 90%;
	margin: 0 5%;
}
.case .water {
	padding: 0 0 35px;
}

/* 採用情報 */
#recruit .img, #recruit .text {
	width: 80%;
}
#recruit .img {
	margin: 0 10% 10px;
}
#recruit .text {
	margin: 0 10% 30px;
}
#recruit .imgs {
	width: 90%;
	margin: 0 5% 30px;
}
#recruit .imgs li {
	width: 100%;
}
#recruit .imgs li p {
	margin: 0;
}
#recruit p.center {
	text-align: justify;
	text-justify: inter-ideograph;
}

/* スタッフインタビュー */
#staff-voice dl {
	padding: 0 5% 1em;
}

/* お問い合わせ */
#contact h2.blue-line {
	text-align: center;
}
.form th, .form td {
	width: 100%;
	display: block;
}
.form th {
	padding: 4px 5%;
}
.form td {
	padding: 10px 5% 20px;
}
.form input[type=text], .form select, .form textarea {
	width: 100%;
}
.form button {
	margin: -10px 0 10px;
}
.form label {
	margin: 4px 0;
}