@charset "UTF-8";

@import url(../fonts/Hannari/load.css);

/*
メインカラー
#54a2dc

サブカラー
#26b99a

アクセントカラー
#fda317
*/

html {
	font-size: 16px;
}

#thumb li:only-child,
#child li:only-child {
        display: none;
    }

body {
	min-width: 1200px;
	font-family: -apple-system, blinkMacSystemFont, /* Macの欧文はSan Francisco (OS X 10.11以降) */
               'Helvetica Neue',            /* Macの欧文 (OS X 10.10以前) */
               'Segoe UI',                  /* Windowsの欧文 */
               'Hiragino Kaku Gothic ProN', /* Macのヒラギノ */
               Meiryo,                      /* Windowsのメイリオ */
               sans-serif;
	color: #363737;
	line-height: 200%;
	letter-spacing: 0;
	width: 100%;
		/*-- スマホメニューを開いたときにコンテンツを固定 ← これがキモ --*/
	left: 0 !important;
	position: absolute;
	background: url(/images/top04.png) repeat;
}

li {
	vertical-align: top;
	letter-spacing: normal;
}

/* ---------- ×SP版lightboxバグけし ---------- */
@media screen and (max-width: 768px) {
.lb-container,
.lb-data .lb-details,
.lb-data,
.lb-outerContainer,
.lb-dataContainer {
	position: static;
}
}

h1,
h2,
h3,
h4,
h5 {
	font-weight: bold;
}

h1 {
	color: #fff;
	font-size: 0.625rem;
	line-height: 100%;
	margin-bottom: 10px;
	font-weight: normal;
}

.header-logo img {
	max-width: none;
}

.catch{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
	z-index: 10;
	line-height: 100%;
	letter-spacing: 0.2em;
	text-shadow: 6px 0 1px #002d76;
	width: 100%;
	text-align: center;
}

.catch img {
	max-width: none;
}

.back img {
	width: auto;
	height: auto;
	max-width: inherit;
}

ul {
	font-size: 0;
}

ul li {
	font-size: 1rem;
}

div,
section,
p,
header,
footer,
a,
main,
nav,
ul,
li,
span,
h1,
h2,
h3,
h4,
h5,
table,
th,
td {
	position: relative;
	box-sizing: border-box;
}

.text_inner {
	width: 100%;
	height: 100%;
	display: table-cell;
	vertical-align: middle;
}

.cell {
	display: table-cell;
	vertical-align: middle;
}

.header-visual-wrap {
	padding: 0;
	background: inherit;
	width: 100%;
	overflow: hidden;
}

.h_cate th {
	text-align: left;
}

.h_cate td {
	text-align: right;
	color: #fff;
	line-height: 100%;
}

.h_cate th,
.h_cate td {
	vertical-align: middle;
	padding: 20px 0;
}

.h_cate td:last-child {
	width: 222px;
}

.h_contact {
    display: inline-block;
    letter-spacing: 0.1em;
}

.h_contact a {
	display: block;
	text-align: center;
	width: 205px;
	line-height: 35px;
	font-weight: bold;
	letter-spacing: 0.1em;
	background: #36b1e2;
	border-radius: 5px;
	position: relative;
}

.h_contact a:after {
	position: absolute;
	top: calc(50% - 5px);
	right: 20px;
	content: "▲";
	font-size: 0.5rem;
	line-height: 100%;
	transform: rotate(90deg);
}

.error-text {
	color: #f00;
}

.required-mark {
	color: #fff;
}

.wrap {
	overflow: hidden;
}

a {
	color: inherit;
	text-decoration: none;
}

a:hover {
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
	color: inherit;
	text-decoration: none;
}

@media screen and (min-width:769px) { 

.sp {
	display: none !important;
}

}

@media screen and (max-width: 768px) {

.pc {
	display: none !important;
}

}

iframe {
		width: 100%;
		height: 100%;
}

table {
		width: 100%;
}

.header-nav a {
	line-height: inherit;
}

.inner {
	width: 1200px;
	margin:  0 auto;
	height: 100%;
}

.y {
	position: relative;
	top: 50%;
	transform: translate(0, -50%);	
}


/* ==================================================
汎用クラス
================================================== */
/* 整列
-------------------------------------------------- */
.left_area {
	float: left;
	width: auto;
}

.right_area {
	float: right;
	width: auto;
}

.center_area {
	text-align: center;
	display: inline-block;
	top: 50%;
	position: absolute;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: (-50%, -50%);
	   -moz-transform: (-50%, -50%);
	    -ms-transform: (-50%, -50%);
	     -o-transform: (-50%, -50%);
	        transform: (-50%, -50%);
}

.left {
	text-align: left;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

/* フォント
-------------------------------------------------- */
.weight-bold {
	font-weight: bold;
}

/* クリア
-------------------------------------------------- */
.clear {
	clear: both;
}

.clearfix:after {
	content: " ";
	display: block;
	clear: both;
}


/* ==================================================
タグ
================================================== */
/* img
-------------------------------------------------- */
img {
	max-width: 100%;
	width: auto;
	height: auto;
	box-sizing: border-box;
	object-fit: contain;
	font-family: 'object-fit: contain;';
}

/* a
-------------------------------------------------- */
a {
	text-decoration: none;
	transition: All 0.4s ease;
}

a img {
	transition: All 0.4s ease;
}

a:hover > img:only-child {
	opacity: .8;
}

@media screen and (min-width: 768px) {
	a[href^="tel:"] {
		color: inherit;
		text-decoration: none;
		pointer-events: none;
	}
}


/* ==================================================
テーブル
================================================== */
/* スタイル1
-------------------------------------------------- */
.styled-table01 {
	width: 100%;
	margin: 1em 0;
	line-height: 1.7;
	border-collapse: separate;
}

.styled-table01:first-child {
	margin-top: 0;
}

.styled-table01 th,
.styled-table01 td {
	padding: 12px;
	vertical-align: top;
	border: 1px solid #ddd;
	background: #fff;
}

.styled-table01 th {
	width: 35%;
	font-weight: normal;
	background: #f7f7f7;
}

.styled-table01 thead th {
	background: #e6e6e6;
}

.styled-table01 caption {
	text-align: center;
	font-size: 20px;
}

/* その他オプション
-------------------------------------------------- */
/* セルの横幅を均等にする
------------------------- */
.cell-width-fix {
	table-layout: fixed;
}

.cell-width-fix th,
.cell-width-fix td {
	width: auto;
}

/* セルの横幅を指定しない
------------------------- */
.cell-width-fazzy th,
.cell-width-fazzy td {
	width: auto;
}

/* 縦向き
------------------------- */
.direction-vertical,
.direction-vertical thead,
.direction-vertical tbody,
.direction-vertical tfoot,
.direction-vertical tr,
.direction-vertical th,
.direction-vertical td {
	width: auto;
	display: block;
}

.blog-list li {
	width: 100%;
	line-height: 40px;
	white-space: nowrap;
	text-overflow: ellipsis;
	border-bottom: 1px solid #e6e6e6;
	overflow: hidden;
	margin-bottom: 10px;
}

.blog-list span {
	margin-right: 8px;
}

.more {
	color: #fff;
	font-weight: bold;
	margin: 0 auto;
	text-align: center;
	width: 170px;
	letter-spacing: 0.1em;
	position: relative;
}

.more a {
	display: block;
	width: 100%;
	height: 100%;
	background: #fdaf33;
}

.more a:before {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	content: url(/images/arrow02.png);
	right: 15px;
}


/* 大きいサイズのテーブルはスマホではスクロールさせる
------------------------- */
@media screen and (max-width: 768px) {
	.scroll-table-wrap {
		margin: 1em 0;
		overflow-x: scroll;
	}

	.scroll-table-wrap table {
		width: 700px;
		margin: 0;
	}
}


/* ==================================================
dl
================================================== */
.styled-dl01 {
	margin: 0 0 20px;
	padding: 15px;
	border-radius: 3px;
	background: #f4f4f4;
}

.styled-dl01:last-child {
	margin-bottom: 0;
}

.styled-dl01 dt {
	margin: 0 0 10px;
	font-size: 20px;
}


/* ==================================================
パンくずリスト
================================================== */
.breadcrumbs-list {
	width: 100%;
	left: inherit;
	text-align: left;
	box-sizing: border-box;
	margin: 0 0 50px;
	letter-spacing: -0.2em;
	font-size: 80%;
}

.breadcrumbs-list li {
	display: inline-block;
	letter-spacing: normal;
	vertical-align:middle;
}

.breadcrumbs-list li:not(:last-child):after {
	content: ">";
	margin: 0 10px;
	font-family: sans-serif;
	font-weight: bold;
	font-size: 80%;
}


/* ==================================================
ページネーション
================================================== */
.pagenation {
	margin: 0 0 20px;
	display: flex;
	justify-content: center;
}

.pagenation li {
	width: 26px;
	margin: 0 2px;
	line-height: 30px;
	text-align: center;
	background: #aaa;
}

.pagenation li > * {
	color: #fff;
	font-size: 13px;
	text-decoration: none;
	display: block;
}

.pagenation li:hover,
.pagenation li.current {
	background: #555;
}


/* ==================================================
ヘッダー
================================================== */
.page-header {
	margin: 0;
	background: url(/images/header.jpg) repeat;
}

/* ナビ
-------------------------------------------------- */

.header-nav {
	background: #fff;
}

.header-nav ul {
	letter-spacing: -0.5em;
}

.header-nav ul li {
	display: inline-block;
	font-weight: bold;
	letter-spacing: 0.1em;
}

.header-nav li a {
	text-align: center;
	border-right: 1px solid #512d12;
	display: block;
	border: none;
	width: 100%;
	height: 100%;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
}

.w48p {
	width: 48%;
}

.w31p {
	width: 31%;
}


/* メインビジュアル
------------------------- */
.main-visual {
	width: 1920px;
	left: 50%;
	margin-left: -960px;
}

/* サブビジュアル
------------------------- */
.sub-visual {
	width: 100%;
	margin: 0 auto;
	letter-spacing: .1em;
	font-weight: bold;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
}

/* ==================================================
フッター
================================================== */
footer {
	background: url(/images/header.jpg) repeat;
	padding: 70px 0;
	text-align: center;
}

ul.f_nav {
	letter-spacing: -0.5em;
	color: #fff;
	font-size: 0.9375rem;
	line-height: 100%;
}

ul.f_nav li {
	letter-spacing: 0.1em;
	display: inline-block;
	border-right: 1px solid #fff;
}

ul.f_nav li:last-child {
	border: none;
}

ul.f_nav li a {
	display: block;
	padding: 0 10px;
}

.f_box > .left_area {
	width: 40%;
}

.f_box > .right_area {
	width: 60%;
}


/* ==================================================
サイドバー
================================================== */
.page-body-sidebar {
	width: 300px;
	float: right;
}


/* ==================================================
コンテンツ
================================================== */


/* リスト
------------------------- */
.list {
	letter-spacing: -0.5em;
}

.list li {
	display: inline-block;
	letter-spacing: normal;
	vertical-align:top;
	padding: 0 10px;
	margin-bottom: 20px;
}

.list5 li {
	width: calc(100% / 5);
	
}

.list4 li {
	width: calc(100% / 4);
}

.list3 li {
	width: calc(100% / 3);
}

.list2 li {
	width: calc(100% / 3);
}


/* 見出し
------------------------- */
.styled-title01 {
	margin: 0 0 1.3em;
	padding: 1.1em 0.9em 1em;
	font-size: 22px;
	border-top: 2px solid #222;
	border-bottom: 1px solid #ddd;
	background: #fafafa;
	box-shadow: 0 1px 2px #f7f7f7;
}

.styled-title02 {
	margin: 0 0 1.3em;
	padding: .8em 0.9em .7em;
	font-size: 22px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

/* 記事アイキャッチ
------------------------- */
.section-eyecatch-right {
	max-width: 40%;
	margin: 0 0 16px 16px;
	float: right;
}

.section-eyecatch-left {
	max-width: 40%;
	margin: 0 16px 16px 0;
	float: left;
}

.section-eyecatch-center {
	margin: 0 auto 16px;
	display: block;
}

/* 記事情報
------------------------- */
.post-info-wrap {
	margin: 0 0 16px;
	overflow: hidden;
	line-height: 16px;
}

.post-info-wrap .post-info-item {
	margin: 0 15px 0 0;
	padding: 0 0 0 20px;
	background: left top 4px no-repeat;
	float: left;
}

.post-info-wrap .post-info-item-date {
	background: url(../images/common/icon_calendar.png) top left no-repeat;
}

.post-info-wrap .post-info-item-tag {
	background-image: url(../images/common/icon_tag.png);
}

/* タグリスト */
.post-tag-list {
	overflow: hidden;
}

.post-tag-list li {
	margin: 0 5px 0 0;
	float: left;
}

.post-tag-list li:not(:last-child):after {
	content: ',';
}

/* SNSシェアボタン
------------------------- */
.share-btn-list {
	margin: 0 0 16px;
	text-align: right;
	font-size: 0;
	letter-spacing: 0;
	overflow: hidden;
}

.share-btn-list li {
	margin: 0 0 0 8px;
	vertical-align: top;
	display: inline-block;
}

/* 詳細ページ 前後の記事へのリンク
-------------------------------------------------- */

.prev-next-post {
    margin: 20px 5px;
    overflow: hidden;
}

.prev-next-post .prev-post,
.prev-next-post .next-post {
    width: 48%;
    padding: 0 5px;
    text-align: center;
    font-size: 13px;
    border: 1px solid #cfcfcf;
    border-radius: 4px;
    background: #f0f0f0;
    box-sizing: border-box;
}

.prev-next-post .prev-post {
    float: left;
}

.prev-next-post .next-post {
    float: right;
}

.prev-next-post .prev-post a,
.prev-next-post .next-post a {
    height: 35px;
    line-height: 35px;
    display: block;
    overflow: hidden;
}
.header-nav a,
.page-footer {
	background: none;
	color: inherit;
	font-size: inherit;
}

ul.share-btn-list,
ul.share-btn-list li{
	height: inherit;
	margin: 0;
	padding: 0;
}

ul.share-btn-list li {
line-height: 100%;
	height: inherit;
	padding: 0;
	display: inline-block;
	vertical-align: top;
	padding: 10px;

}


/* その他
-------------------------------------------------- */
/* 投稿日 */
.post-date {
	margin: 0 0 15px;
	padding: 1px 0 0 12px;
	font-size: 13px;
	background: url(../images/common/icon_arrow03.png) left center no-repeat;
	display: block;
}

/* テキストボタン */
.text-btn {
	margin: 20px auto 50px;
	text-align: right;
}
.text-btn a {
	width: 200px;
	line-height: 50px;
	text-align: center;
	color: #fff;
	background: url(../images/common/icon_arrow01_white.png) right 16px center no-repeat #555;
	display: inline-block;
}

.text-btn a:hover {
	color: #fff;
	text-decoration: none;
}


/* ==================================================
サイトマップ
================================================== */
.sitemap-list {
	letter-spacing: -0.5em;
}

.sitemap-list li{
	background:#fff;
	display: inline-block;
	width:calc(50% - 5px);
	padding: 0;
	line-height: 20px;
	letter-spacing: 0.1em;
	margin-bottom: 10px;
	border: none;
	box-sizing: border-box;
}

.sitemap-list li:nth-child(2n) {
	margin-left: 10px;
}

.sitemap-list li a{
	width: 100%;
	display:block;
	background-color:#f8f8f8;
	padding: 20px;
	box-sizing: border-box;

}
.sitemap-list li a:before{
	content:"> ";
	font-weight: bold;
	font-size: 80%;
	margin-right: 20px;
	font-family: "Hannari", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
}
.sitemap-list li a:hover{
	background: url(/images/header.jpg);
	color:#fff;
	filter:alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    transition-duration:1s;
}
/*==================================================
 可変横並び
==================================================*/
.inner_img {
	float: right;
	margin-left: 60px;
	max-width: 50%;
}

.inner_txt {
	width: auto;
	overflow: hidden;
}

.inner_img.left_area {
	float: left;
	margin-left: 0;
	margin-right: 60px;
}

.cover img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.prev-next-post .next-post a .prev-next-post .prev-post a,
.prev-next-post .next-post a {
	background: none;
}


/*==================================================
プライバシーポリシー
================================================== */
h3.pri {
    margin: 0 0 15px;
	height: inherit;
    padding: 10px;
    font-size: 140%;
	line-height: 130%;
	text-align: left;
    font-weight: bold;
    color: #fff;
    border-left: 6px solid #166fca;
    background: #2d9ce8;
}

.p_text {
	line-height: 150%;
	margin-bottom: 60px;
}

ul.def li {
    padding: 5px 0 5px 12px;
    border-bottom: 1px dotted #cfcfcf;
	line-height: 130%;
	vertical-align:middle;
}

.case-list {
	letter-spacing: -0.5em;
}

.case-list li {
	width: calc(100% / 4);
	padding: 10px;
	margin: 0 0 20px 0;
	display: inline-block;
	vertical-align: top;
	letter-spacing: normal;
}

.case-list li:nth-child(4n) {
	margin-right: 0;
}

.case-list li a {
	width: 100%;
	height: 100%;
	display: block;
	background: #f5f5f5;
}

.case-list li img {
    object-fit: contain;
    width: 100%;
    height: 100%;
	max-height: 280px;
}

	.state {
		position: absolute;
		z-index: 1;
		top: 20px;
		left: 20px;
		display: block;
		font-weight: bold;
		color: #fff;
		line-height: 100%;
		font-size: 110%;
		padding: 20px 10px;
		background: #196dbe;
		letter-spacing: 0.1em;
	}
	
	.after_list {
		letter-spacing: -0.5em;
		text-align: center;
		background: url(/images/arrow02.png) center center no-repeat;
	}
	.before {
		letter-spacing: normal;
		display:inline-block;
		width: 540px;
		height: 500px;
		margin: 0 60px 0 0 !important;
		padding: 0 !important;
		background: #f5f5f5;
	}
	.after {
		letter-spacing: normal;
		display:inline-block;
		width: 540px;
		height: 500px;
		margin: 0 0 0 60px !important;
		padding: 0 !important;
		background: #f5f5f5;
	}
	
	.before img,
	.after img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	
	.after_txt {
		margin-top: 30px;
	}

	.g-recaptcha {
	text-align: center;
	margin: 20px;
}

.g-recaptcha > * {
	margin: auto;
}

.contact-submits-wrap {
	text-align: center;
	margin: 20px;
}

.contact-recaptcha-wrap .error-text {
	text-align: center;
	padding-top: 20px;
}

/*　▼　施工事例　▼　*/
ul.case_list {
	letter-spacing:  -0.5em;
	margin-left: -10px;
	width: calc(100% + 20px);
}

ul.case_list li {
	display: inline-block;
	box-sizing: border-box;
	width: 20%;
	padding: 10px;
	letter-spacing: normal;
}

ul.case_list li img {
	width: 100%;
	height: 245px;
	box-sizing: border-box;
	background: url(/images/black10.png) repeat;
}

ul.case_list li p {
	text-decoration: underline;
}

#full {
    margin-bottom: 50px;
}

#full .inner_img {
    text-align: center;
    float: left;
    margin-left: 0;
    margin-right: 30px;
    background: url(../images/footer.png) bottom center repeat;
	background: #f5f5f5;
	max-width: inherit;
}

#full img, #thumb li img {
    object-fit: contain;
    width: 100%;
    height: 100%;
	background: #f5f5f5;
}

#full img {
	height: 400px;
	width: 600px;
}

#thumb {
	letter-spacing: -0.5em;
}

#thumb li {
    display: inline-block;
    width: 10%;
    box-sizing: border-box;
    margin: 0 0 20px 0;
    width: 135px;
    letter-spacing: normal;
    background: url(../images/footer.png) bottom center repeat;
}

#thumb li img {
	height: 90px;
}
/*　▲　施工事例　▲　*/


.mt0 {
	margin-top: 0 !important;
}

.mt5 {
	margin-top: 5px !important;
}

.mt10 {
	margin-top: 10px !important;
}

.mt20 {
	margin-top: 20px !important;
}

.mt30 {
	margin-top: 30px !important;
}

.mt40 {
	margin-top: 40px !important;
}

.mt50 {
	margin-top: 50px !important;
}

.mt60 {
	margin-top: 60px !important;
}

.mt70 {
	margin-top: 70px !important;
}

.mt80 {
	margin-top: 80px !important;
}

.mt90 {
	margin-top: 90px !important;
}

.mt100 {
	margin-top: 100px !important;
}

.pt0 {
	padding-top: 0 !important;
}

.pt5 {
	padding-top: 5px !important;
}

.pt10 {
	padding-top: 10px !important;
}

.pt20 {
	padding-top: 20px !important;
}

.pt30 {
	padding-top: 30px !important;
}

.pt40 {
	padding-top: 40px !important;
}

.pt50 {
	padding-top: 50px !important;
}

.pt60 {
	padding-top: 60px !important;
}

.pt70 {
	padding-top: 70px !important;
}

.pt80 {
	padding-top: 80px !important;
}

.pt90 {
	padding-top: 90px !important;
}

.pt100 {
	padding-top: 100px !important;
}

@media screen and (max-width: 768px) {
	
.mt0 {
	margin-top: 0 !important;
}

.mt5 {
	margin-top: 5px !important;
}

.mt10 {
	margin-top: 5px !important;
}

.mt20 {
	margin-top: 10px !important;
}

.mt30 {
	margin-top: 15px !important;
}

.mt40 {
	margin-top: 20px !important;
}

.mt50 {
	margin-top: 25px !important;
}

.mt60 {
	margin-top: 30px !important;
}

.mt70 {
	margin-top: 35px !important;
}

.mt80 {
	margin-top: 40px !important;
}

.mt90 {
	margin-top: 45px !important;
}

.mt100 {
	margin-top: 50px !important;
}

.pt0 {
	padding-top: 0 !important;
}

.pt5 {
	padding-top: 5px !important;
}

.pt10 {
	padding-top: 5px !important;
}

.pt20 {
	padding-top: 10px !important;
}

.pt30 {
	padding-top: 15px !important;
}

.pt40 {
	padding-top: 20px !important;
}

.pt50 {
	padding-top: 25px !important;
}

.pt60 {
	padding-top: 30px !important;
}

.pt70 {
	padding-top: 35px !important;
}

.pt80 {
	padding-top: 40px !important;
}

.pt90 {
	padding-top: 45px !important;
}

.pt100 {
	padding-top: 50px !important;
}

}

.mb0 {
	margin-bottom: 0 !important;
}

.mb5 {
	margin-bottom: 5px !important;
}

.mb10 {
	margin-bottom: 10px !important;
}

.mb20 {
	margin-bottom: 20px !important;
}

.mb30 {
	margin-bottom: 30px !important;
}

.mb40 {
	margin-bottom: 40px !important;
}

.mb50 {
	margin-bottom: 50px !important;
}

.mb60 {
	margin-bottom: 60px !important;
}

.mb70 {
	margin-bottom: 70px !important;
}

.mb80 {
	margin-bottom: 80px !important;
}

.mb90 {
	margin-bottom: 90px !important;
}

.mb100 {
	margin-bottom: 100px !important;
}

.pb0 {
	padding-bottom: 0 !important;
}

.pb5 {
	padding-bottom: 5px !important;
}

.pb10 {
	padding-bottom: 10px !important;
}

.pb20 {
	padding-bottom: 20px !important;
}

.pb30 {
	padding-bottom: 30px !important;
}

.pb40 {
	padding-bottom: 40px !important;
}

.pb50 {
	padding-bottom: 50px !important;
}

.pb60 {
	padding-bottom: 60px !important;
}

.pb70 {
	padding-bottom: 70px !important;
}

.pb80 {
	padding-bottom: 80px !important;
}

.pb90 {
	padding-bottom: 90px !important;
}

.pb100 {
	padding-bottom: 100px !important;
}

@media screen and (max-width: 768px) {
	
.mb0 {
	margin-bottom: 0 !important;
}

.mb5 {
	margin-bottom: 5px !important;
}

.mb10 {
	margin-bottom: 5px !important;
}

.mb20 {
	margin-bottom: 10px !important;
}

.mb30 {
	margin-bottom: 15px !important;
}

.mb40 {
	margin-bottom: 20px !important;
}

.mb50 {
	margin-bottom: 25px !important;
}

.mb60 {
	margin-bottom: 30px !important;
}

.mb70 {
	margin-bottom: 35px !important;
}

.mb80 {
	margin-bottom: 40px !important;
}

.mb90 {
	margin-bottom: 45px !important;
}

.mb100 {
	margin-bottom: 50px !important;
}

.pb0 {
	padding-bottom: 0 !important;
}

.pb5 {
	padding-bottom: 5px !important;
}

.pb10 {
	padding-bottom: 5px !important;
}

.pb20 {
	padding-bottom: 10px !important;
}

.pb30 {
	padding-bottom: 15px !important;
}

.pb40 {
	padding-bottom: 20px !important;
}

.pb50 {
	padding-bottom: 25px !important;
}

.pb60 {
	padding-bottom: 30px !important;
}

.pb70 {
	padding-bottom: 35px !important;
}

.pb80 {
	padding-bottom: 40px !important;
}

.pb90 {
	padding-bottom: 45px !important;
}

.pb100 {
	padding-bottom: 50px !important;
}

}

.mr0 {
	margin-right: 0 !important;
}

.mr5 {
	margin-right: 5px !important;
}

.mr10 {
	margin-right: 10px !important;
}

.mr20 {
	margin-right: 20px !important;
}

.mr30 {
	margin-right: 30px !important;
}

.mr40 {
	margin-right: 40px !important;
}

.mr50 {
	margin-right: 50px !important;
}

.mr60 {
	margin-right: 60px !important;
}

.mr70 {
	margin-right: 70px !important;
}

.mr80 {
	margin-right: 80px !important;
}

.mr90 {
	margin-right: 90px !important;
}

.mr100 {
	margin-right: 100px !important;
}

.pr0 {
	padding-right: 0 !important;
}

.pr5 {
	padding-right: 5px !important;
}

.pr10 {
	padding-right: 10px !important;
}

.pr20 {
	padding-right: 20px !important;
}

.pr30 {
	padding-right: 30px !important;
}

.pr40 {
	padding-right: 40px !important;
}

.pr50 {
	padding-right: 50px !important;
}

.pr60 {
	padding-right: 60px !important;
}

.pr70 {
	padding-right: 70px !important;
}

.pr80 {
	padding-right: 80px !important;
}

.pr90 {
	padding-right: 90px !important;
}

.pr100 {
	padding-right: 100px !important;
}

@media screen and (max-width: 768px) {
	
.mr0 {
	margin-right: 0 !important;
}

.mr5 {
	margin-right: 5px !important;
}

.mr10 {
	margin-right: 5px !important;
}

.mr20 {
	margin-right: 10px !important;
}

.mr30 {
	margin-right: 15px !important;
}

.mr40 {
	margin-right: 20px !important;
}

.mr50 {
	margin-right: 25px !important;
}

.mr60 {
	margin-right: 30px !important;
}

.mr70 {
	margin-right: 35px !important;
}

.mr80 {
	margin-right: 40px !important;
}

.mr90 {
	margin-right: 45px !important;
}

.mr100 {
	margin-right: 50px !important;
}

.pr0 {
	padding-right: 0 !important;
}

.pr5 {
	padding-right: 5px !important;
}

.pr10 {
	padding-right: 5px !important;
}

.pr20 {
	padding-right: 10px !important;
}

.pr30 {
	padding-right: 15px !important;
}

.pr40 {
	padding-right: 20px !important;
}

.pr50 {
	padding-right: 25px !important;
}

.pr60 {
	padding-right: 30px !important;
}

.pr70 {
	padding-right: 35px !important;
}

.pr80 {
	padding-right: 40px !important;
}

.pr90 {
	padding-right: 45px !important;
}

.pr100 {
	padding-right: 50px !important;
}

}

.ml0 {
	margin-left: 0 !important;
}

.ml5 {
	margin-left: 5px !important;
}

.ml10 {
	margin-left: 10px !important;
}

.ml20 {
	margin-left: 20px !important;
}

.ml30 {
	margin-left: 30px !important;
}

.ml40 {
	margin-left: 40px !important;
}

.ml50 {
	margin-left: 50px !important;
}

.ml60 {
	margin-left: 60px !important;
}

.ml70 {
	margin-left: 70px !important;
}

.ml80 {
	margin-left: 80px !important;
}

.ml90 {
	margin-left: 90px !important;
}

.ml100 {
	margin-left: 100px !important;
}

.pl0 {
	padding-left: 0 !important;
}

.pl5 {
	padding-left: 5px !important;
}

.pl10 {
	padding-left: 10px !important;
}

.pl20 {
	padding-left: 20px !important;
}

.pl30 {
	padding-left: 30px !important;
}

.pl40 {
	padding-left: 40px !important;
}

.pl50 {
	padding-left: 50px !important;
}

.pl60 {
	padding-left: 60px !important;
}

.pl70 {
	padding-left: 70px !important;
}

.pl80 {
	padding-left: 80px !important;
}

.pl90 {
	padding-left: 90px !important;
}

.pl100 {
	padding-left: 100px !important;
}

@media scleen and (max-width: 768px) {
	
.ml0 {
	margin-left: 0 !important;
}

.ml5 {
	margin-left: 5px !important;
}

.ml10 {
	margin-left: 5px !important;
}

.ml20 {
	margin-left: 10px !important;
}

.ml30 {
	margin-left: 15px !important;
}

.ml40 {
	margin-left: 20px !important;
}

.ml50 {
	margin-left: 25px !important;
}

.ml60 {
	margin-left: 30px !important;
}

.ml70 {
	margin-left: 35px !important;
}

.ml80 {
	margin-left: 40px !important;
}

.ml90 {
	margin-left: 45px !important;
}

.ml100 {
	margin-left: 50px !important;
}

.pl0 {
	padding-left: 0 !important;
}

.pl5 {
	padding-left: 5px !important;
}

.pl10 {
	padding-left: 5px !important;
}

.pl20 {
	padding-left: 10px !important;
}

.pl30 {
	padding-left: 15px !important;
}

.pl40 {
	padding-left: 20px !important;
}

.pl50 {
	padding-left: 25px !important;
}

.pl60 {
	padding-left: 30px !important;
}

.pl70 {
	padding-left: 35px !important;
}

.pl80 {
	padding-left: 40px !important;
}

.pl90 {
	padding-left: 45px !important;
}

.pl100 {
	padding-left: 50px !important;
}

}















.area01 {
	background: url(/images/top01.png) top center no-repeat;
	background-size: cover;
	text-align: center;
	padding: 80px 0;
}

h3.top01 {
	margin-bottom: 40px;
	text-align: center;
	position: relative;
}

h3.top01:before {
	position: absolute;
	line-height: 100%;
	content: url(/images/h3.png);
	bottom: -15px;
	display: block;
	left: calc(50% - 15px);
}

h3.top01 small {
	font-size: 1.125rem;
	line-height: 150%;
	display: block;
	letter-spacing: 0.1em;
}

h3.top01 .orange,
h3.top01 .white {
	font-size: 1.6875rem;
	line-height: 150%;
	display: block;
	letter-spacing: 0.1em;
}

.orange {
	color: #f2902c;
}

.button01 {
    display: inline-block;
    letter-spacing: 0.1em;
}

.button01 a {
	display: block;
	text-align: center;
	padding: 0 50px 0 35px;
	line-height: 40px;
	font-weight: bold;
	letter-spacing: 0.1em;
	background: #36b1e2;
	border-radius: 5px;
	position: relative;
	color: #fff;
}

.button01 a:after {
	position: absolute;
	top: calc(50% - 5px);
	right: 20px;
	content: "▲";
	font-size: 0.5rem;
	line-height: 100%;
	transform: rotate(90deg);
}

.button01 img {
	margin: 0 10px 0 -10px;
    vertical-align: baseline;
}

.button02 {
    display: inline-block;
    letter-spacing: 0.1em;
}

.button02 a {
	display: block;
	text-align: center;
	padding: 0 50px 0 35px;
	line-height: 40px;
	font-weight: bold;
	letter-spacing: 0.1em;
	background: #fff;
	border-radius: 5px;
	position: relative;
	color: #f18f2c;
}

.button02 a:after {
	position: absolute;
	top: calc(50% - 5px);
	right: 20px;
	content: "▲";
	font-size: 0.5rem;
	line-height: 100%;
	transform: rotate(90deg);
}

.top02 {
	background: url(/images/top10.jpg); top right no-repeat;
	width: 50%;
	padding: 70px 2% 0;
	height: 422px;
	box-sizing: border-box;
	text-align: center;
}

.button03 {
    display: inline-block;
    letter-spacing: 0.1em;
}

.button03 a {
	display: block;
	text-align: center;
	padding: 0 50px 0 35px;
	line-height: 40px;
	font-weight: bold;
	letter-spacing: 0.1em;
	background: #fff;
	border-radius: 5px;
	position: relative;
	color: #38b1e2;
}

.button03 a:after {
	position: absolute;
	top: calc(50% - 5px);
	right: 20px;
	content: "▲";
	font-size: 0.5rem;
	line-height: 100%;
	transform: rotate(90deg);
}

.top02 {
	background: url(/images/top10.jpg); top right no-repeat;
	width: 50%;
	padding: 70px 2% 0;
	height: 422px;
	box-sizing: border-box;
	text-align: center;
}

.top03 {
	background: url(/images/top11.jpg) top left no-repeat;
	width: 50%;
	padding: 70px 2% 0;
	height: 422px;
	box-sizing: border-box;
	text-align: center;
}

.top04 {
	color: #fff;
	text-align: center;
	line-height: 200%;
	margin-bottom: 50px;
}

.top05 {
	display: block;
	margin-bottom: 20px;
}

ul.case01 {
	font-size: 0;
	margin-top: 55px;
}

ul.case01 li {
	font-size: 1rem;
	display: inline-block;
	vertical-align: top;
	width: 270px;
	margin-bottom: 40px;
}

ul.case01 li img {
	width: 100%;
	height: 270px;
	background: url(/images/black10.png) repeat;
}

ul.case01 li:not(:last-child) {
	margin-right: 40px;
}

.case04 {
	border-bottom: 3px solid #f18f2c;
	line-height: 200%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.area03 {
	padding: 80px 0;
}

.area04 {
	text-align: center;
	padding: 40px 0 0;
	background: url(/images/top12.jpg) top center no-repeat;
	height: 346px;
}

.area05 {
	padding: 80px 0;
	background: url(/images/top04.png) repeat;
	text-align: center;
}

.blog-list {
	background: url(/images/top08.png) repeat;
	padding: 55px;
	text-align: left;
	margin-bottom: 40px;
}

.news_day {
	display: block;
	color: #f18f2c;
	font-weight: bold;
	line-height: 200%;
}

.news_main {
	line-height: 200%;
	display: block;
	border-bottom: 1px dashed #f18f2c;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.area07 {
	padding: 0 0 80px;
}

.area06 {
	box-sizing: border-box;
	color: #fff;
	padding-top: 60px;
	text-align: center;
	height: 407px;
	background: url(/images/top14.jpg) top center;
}

.top06 {
	width: 600px;
	margin: auto;
	font-weight: normal;
	line-height: 150%;
}

.top06 th {
	border-right: 1px solid #fff;
}

table.top06 th,
table.top06 td {
	vertical-align: middle;
	padding: 0 15px;
	width: 50%;
}

.white {
	color: #fff;
}

.footer-copyright {
	background: #dd6b0d;
	color: #fff;
	font-size: 0.6875rem;
	line-height: 300%;
	text-align: center;
}

.sub .catch {
	font-size: 2.5rem;
	line-height: 150%;
	text-shadow    : 
       2px  2px 5px rgba(255, 255, 255, 0.65),
      -2px  2px 5px rgba(255, 255, 255, 0.65),
       2px -2px 5px rgba(255, 255, 255, 0.65),
      -2px -2px 5px rgba(255, 255, 255, 0.65),
       2px  0px 5px rgba(255, 255, 255, 0.65),
       0px  2px 5px rgba(255, 255, 255, 0.65),
      -2px  0px 5px rgba(255, 255, 255, 0.65),
       0px -2px 5px rgba(255, 255, 255, 0.65);
    padding: 15px 0;
    background: url(/images/catch.png) bottom center no-repeat;
}

h3.default {
	font-size: 2rem;
	line-height: 150%;
	letter-spacing: 0.1em;
	text-align: center;
	margin-bottom: 40px;
}

h3.default:first-letter {
	color: #f2902c;
}

h4.company01 {
	font-size: 1.5625rem;
	line-height: 150%;
	margin-bottom: 20px;
}

.company02 {
	font-size: 0.875rem;
	line-height: 200%;
	margin-top: 10px;
}

ul.company03 {
	font-size: 0;
}

ul.company03 li {
	font-size: 1rem;
	line-height: 200%;
	width: 380px;
	display: inline-block;
	box-sizing: border-box;
	vertical-align: top;
	padding: 30px;
	background: #fff;
}

ul.company03 li:not(:nth-child(3n)) {
	margin-right: 30px;
}

ul.company03 li .photo {
	margin: 20px 0 25px;
}

.company04 {
	font-size: 1.5625rem;
	line-height: 200%;
	border-bottom: 3px solid #36b1e2;
	text-align: center;
	margin-bottom: 20px;
}

.area08 {
	background: #e1e1e1;
	padding: 80px 0;
}

.area09 {
	padding: 80px 0;
	background: #fff;
}

table.default tr {
	border-bottom: 1px solid #363737;
}

table.default th {
	vertical-align: middle;
	width: 190px;
	text-align: center;
	font-weight: bold;
	font-size: 1.0625rem;
	line-height: 200%;
	padding: 15px 30px;
	box-sizing: border-box;
}

table.default td {
	line-height: 200%;
	padding: 15px 30px 15px 0;
	box-sizing: border-box;
}

.gmap {
	height: 200px;
}

.area10 {
	text-align: center;
	height: 1028px;
	background: url(/images/recruit07.jpg) center center no-repeat;
}

.area11 {
	padding: 80px 0;
	background: #fff;
}

.recruit01 {
	position: relative;
}

.recruit02 {
	position: absolute;
	top: 40px;
	left: 625px;
	z-index: 1;
}

h4.individual01 {
	font-size: 1.5625rem;
    line-height: 200%;
    border-bottom: 3px solid #36b1e2;
    margin-bottom: 40px;
}

.area12 {
	padding: 0 0 80px;
}

.individual_box {
	margin-bottom: 70px;
}

.individual_box .inner_txt,
.individual_box .inner_img {
	position: relative;
	vertical-align: middle;
	display: table;
}

.individual_box:nth-child(2n-1) .inner_img {
	float: left;
	margin: 0 60px 0 0;
}

.bg_box02 {
	background: url(/images/top08.png) repeat;
	padding: 50px;
	box-sizing: border-box;
	width: 100%;
}



@media screen and (max-width: 768px) {


	body {
		min-width: 100% !important;
	}
	
	img {
		display: table;
		margin: auto;
	}

	
	
	div {
		left: inherit;
		right: inherit;
		height: inherit;
		top: inherit;
		bottom: inherit;
		margin: 0;
		padding: 0;
	}
	
	section {
		padding: 0 !important;
		margin: 0 !important;
		background-size: cover !important;
		height: auto !important;
	}
	
	.header_inner,
	.inner,
	.header-inner {
		width: 100% !important;
		left: inherit !important;
		margin-left: inherit !important;
		position: relative !important;
		padding: 0 2% !important;
		box-sizing: border-box;
	}
	
	table.styled-table01 th,
	table.styled-table01 td {
		display: block;
		width: 100%;
		box-sizing: border-box;
	}
	
	select, textarea, input[type="tel"], input[type="num"], input[type="text"], input[type="email"], input[type="password"] {
		width: 100%;
		box-sizing: border-box;
	}
	
	/* 郵便番号*/
	td.ad input[type="num"] {
		width: 80px;
	}
	
	.captcha-wrap {
		width: 100% !important;
		text-align: center;
	}
	
	.captcha-wrap img {
		width: inherit;
		height: inherit;
	}

	section,
	div,
	.left_area,
	.right_area,
	.left,
	.right,
	.main-visual,
	.center,
	.contact .info_table th,
	.contact .info_table td,
	.inner_img,
	.inner_img.left_area {
		width: 100%;
		height: auto;
		margin: 0;
		padding: 0;
		top: inherit;
		bottom: inherit;
		left: inherit;
		right: inherit;
		position: relative;
		float: inherit;
		max-width: inherit;
		max-height: inherit;
	}

	.center {
		position: relative;
		left: inherit;
		margin: auto;
	}

	.h_tel,
	.h_contact {
		text-align: center;
	}
	
	.h_tel img,
	.h_contact img {
		width: auto;
		height: auto;
		max-width: 100%;
		max-width: 100%;
	}

	.side-toggle-btn {
		position: fixed;
		right: 0;
		top: 0;
		z-index: 9000;
	}

	.sitemap-list a {
	    color: inherit;
	    display: block;
	    width: 100%;
	}
	
	
	.news_day {
		display: block;
	}
	
	.news_main {
		display: block;
	}
	
	.header-logo {
		max-width:calc(100% - 50px);
	}
	
	.header-nav {
		letter-spacing: -0.5em;
	}
	
	.header-nav li {
		display: inline-block;
		width: 50%;
		letter-spacing: normal;
	}
	
	.header-nav .inner {
		padding: 0 !important;
	}
	
	h1 {
    	margin: 5px 0;
	}
	
	h2.header-logo {
		position: relative;
		right: -50px;
	}
	
	.sub-visual {
		background: url(/images/sv.png);
		background-size: cover;
		width: 100%;
	}

	.catch {
		max-width: 90%;
		max-height: 90%;
	}

	.catch img {
		width: 100%;
		height: 100%;
	}

	.back img {
		max-width: 100%;
		height: auto;
	}

	.center_area {
		position: inherit;
		top: inherit;
		left: inherit;
		transform: inherit;
	}

	section {
		max-width: 100% !important;
		height: inherit !important;
	}

	.back {
		position: static !important;
	}

	.sitemap-list li {
		width: 100% !important;
		line-height: 250%;
		margin: 5px 0 !important;
	}

	.g-recaptcha,
	.contact-submits-wrap {
		margin: 20px 0;
	}

	#pc01,
	#pc02 {
		width: 80px;
	}

	.side-logo {
		background: #fff !important;
		box-shadow: 0 0 15px 3px #ebebeb inset !important;
		margin: 0 !important;
		padding: 10px 0 !important;
	}

	/* ▼　SPメニュー　▼ */
	.h_logo {
		margin: 0;
		z-index: 1000;
	}
	
	.h_logo img {
	    height: 100%;
	    width: auto;
	}

	.main_cover{
    position: fixed;
    width: 100%;
    visibility: hidden;
    z-index: -1;  
    -webkit-transition: .3s;
    transition: .3s;
	}
	.main_cover.active{
	    height:100%;
	    visibility: visible;
	    background:rgba(0,0,0,0.4);
	    z-index:1000;
	}
	/*------------------------------------------*/
	/*l_header
	/*------------------------------------------*/
	.header_inner{
	    width: 100%;
	    height: 60px;
	    position:fixed;
	    top: 0;
	    left: 0;
	    background: #1f2c70;
	    z-index: 10000;
	}
	.header_wrap{
	    position:relative;
	    width: 100%;
	    height: 60px;
	}
	/*nav=====*/
	.nav{
	    display: none;
	    position: relative;
	    width: 100%;
	    text-align: center;
	    top: 0;
	    left: 0;
	    background: #fff;
	    z-index: 10000;
	}

	/*header_sp_nav=====*/
	.header_sp_nav{
	    width: 30px;
	    height: 26px;
	    z-index: 10003;
	    position: absolute;
	    top: 0;
	    bottom: 0;
	    right: 10px;
	    margin:auto;
	    cursor: pointer;
	}
	.nav_line{
	    display: block;
	    position: absolute;
	    width: 30px;
	    height: 2px;
	    background: #fff;
	    -webkit-transition: .3s;
	    transition: .3s;
	}
	.nav_line1{
	    top: 0;
	    bottom: auto;
	    margin-bottom: 10px;
	}
	.nav_line2{
	    right: 0;
	    top: 0;
	    bottom: 0;
	    margin: auto;
	}
	.nav_line3{
	    bottom: 0;
	    top: auto;
	}

	.nav_list li {
	    	background: #323232;
			border-bottom: 1px solid #000;
			color: #fff;
	}

	.nav_list li a{
	        color: #fff;
	        display: block;
	        height: 40px;
	        line-height: 40px;
	}

	.h_logo {
		top: 50% !important;
		position: relative !important;
		transform: translateY(-50%) translateX(0) !important;
		-webkit- transform: translateY(-50%) translateX(0) !important;
	}

	.h_logo img {
	    height: auto;
	    width: auto;
	    display: inherit;
	    text-align: left;
	    max-width: calc(100% - 60px);
	}

	.main_cover.active {
		position: fixed;
		top: 0;
		left: 0;
	}
	/* ▲　SPメニュー　▲ */

	.inner_img {
		display: block;
		margin: 0 !important;
		float: none !important;
	}

	.inner_txt {
		display: block;
		padding-top: 10px;
		overflow: initial;
	}

	.y {
		position: static;
		transform: translateY(0) translateX(0);
		-webkit- transform: translateY(0) translateX(0);
	}

	#full img {
		width: 100% !important;
		height: auto !important;
		max-height: 500px;
		background: none;
	}

	.text-btn {
		text-align: center;
		margin: 10px auto 0;
	}

	.text-btn a {
		background: url(../images/common/icon_arrow01_white.png) right 16px center no-repeat #111;
	}

	article.section {
		background: url(/images/white30.png) repeat;
		padding: 5%;
		box-sizing: border-box;
		margin: 20px 0;
	}


	html {
    font-size: 14px;
	}

	.area01,
	.area03 {
		padding: 20px 0 !important;
		box-sizing: border-box;
		text-align: left;
	}

	.top02,
	.top03 {
		width: 100%;
		height: auto;
		padding: 20px 2%;
		box-sizing: border-box;
		text-align: left;
	}

	ul.case01 {
		margin-top: 30px;
	}

	.button01 a,
	.button03 a {
		padding: 0 20px 0 10px;
	}

	.button01 img {
		display: inline;
		margin: 0 10px 0 0;
	}

	.button03 a:after {
		right: 10px;
	}

	table.top06 th, table.top06 td {
		display: block;
		width: 100%;
	}

	.top06 {
		width: 100%;
	}

	.area04,
	.area05,
	.area06,
	.area08,
	.area09 {
		padding: 20px 0 !important;
	}

	h3.top01 {
		margin-bottom: 30px;
	}

	ul.case01 li {
		width: 50%;
		margin: 10px 0 !important;
		padding: 1%;
		box-sizing: border-box;
	}

	.top04 {
		margin-bottom: 20px;
		text-align: left;
	}

	ul.case01 li img {
		height: 28vw;
	}

	.blog-list {
		padding: 10px;
		margin-bottom: 10px;
	}

	.header_inner {
    	background: url(/images/header.jpg) repeat;
	}

	ul.f_nav li {
		border: none;
	}

	ul.f_nav li a {
		padding: 10px 15px;
	}

	footer {
		padding: 20px 0;
	}

	.breadcrumbs-list {
		margin-bottom: 20px;
	}

	h4.individual01 {
		margin-bottom: 20px;
	}

	.individual_box {
		margin-bottom: 30px;
	}

	h3.default {
		margin-bottom: 20px;
	}

	ul.case01 {
		margin: 0;
		padding-bottom: 30px;
	}

	article.section {
		padding: 0;
	}

	#thumb li .photo {
		height: 20vw !important;
	}

	#full,
	#after,
	#before {
		height: inherit !important;
	}

	#full {
		margin-bottom: 20px;
	}

	#thumb {
		margin-bottom: 30px;
	}

	.bg_box02 {
		padding: 10px;
	}

	.recruit02 {
		position: relative;
		top: 0;
		left: 0;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#092361+0,1a87c3+100 */
		background: #092361; /* Old browsers */
		background: -webkit-linear-gradient(bottom left, #092361 0%, #1a87c3 100%);
		background: -o-linear-gradient(bottom left, #092361 0%, #1a87c3 100%);
		background: linear-gradient(to top right, #092361 0%, #1a87c3 100%); /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#092361', endColorstr='#1a87c3',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
		padding: 10px;
	}

	.recruit03 {
		display: none;
	}

	.area10 {
		height: auto;
		padding: 0 0 20px !important;
		background-size: cover;
	}

	.area11 {
		padding: 20px 0 !important;
	}

	.recruit02 .mb10 {
		margin-bottom: 10px !important;
	}

	.sub-visual {
		height: 30vw;
		background: url(/images/sv.jpg) no-repeat;
		background-size: cover;
	}

	.sub .catch {
		font-size: 2rem;
		background: none;
	}

	.sub-visual .back {
		display: none;
	}

	ul.company03 li {
		width: 100%;
		padding: 10px;
		margin: 0 0 20px !important;
	}

	table.default th {
		width: 100%;
		box-sizing: border-box;
		padding: 10px 10px 0 10px;
		display: block;
		text-align: left;
	}

	table.default td {
		width: 100%;
		box-sizing: border-box;
		padding: 0 10px 10px 10px;
		display: block;
		text-align: left;
	}

	.area07 {
		padding-bottom: 20px !important;
	}

	.sitemap-list li {
		line-height: 120%;
	}

	.sitemap-list li a {
		background: url(/images/top08.png) repeat;
	}

}