/*
Theme Name: yasda
Theme URI: 
Author: 
Author URI: 
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: yasda
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

yasda is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	color: #000;
	font: 15px /1.6 "Yu Gothic Medium", "游ゴシック Medium", YuGothic, 游ゴシック体, "ヒラギノ角ゴ Pro W3", メイリオ, sans-serif;
	font-weight: 400;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
	font-weight: normal;
}

svg.icon {
	width: 2rem;
	height: 1.5rem;
	fill: currentColor;
	vertical-align: middle;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
button,
input,
select,
textarea {
	color: #000;
	font-size: 16px;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {
	margin: 0 0 1em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	box-sizing: inherit;
}

body {
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 0;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
	background-color: rgba(255,255,255,0.01);
}

figure {
	margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
}

.wpcf7-form-control {
	border: 1px solid #ddd;
	border-radius: 3px;
	padding: 7px;
	width: 100%;
	font-size: 1.1rem;
}

select {
	border: 1px solid #ddd;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

textarea {
	width: 100%;
}
.form-inline {
	width: auto;
}

.wpcf7-spinner {
	display: block;
	margin: 8px auto;
}

/* リキャプチャ表示隠す
---------------------*/
.grecaptcha-badge { visibility: hidden; }

.recaptcha_text {
	font-size: 12px;
	margin-top: 2rem;
	text-align: center;
}
.recaptcha_text a {
	color: inherit;
}

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: inherit;
	text-decoration:underline;
	transition: 0.5s;
	color: #214aa5;
}

a:visited {
}

a:hover,
a:focus,
a:active {
}

a:focus {
}

a:hover,
a:active {
	outline: 0;
}
a:hover {
	opacity:0.6;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clearfix:before ,
.clearfix:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clearfix:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0;
}

.byline {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}
.gallery-item a,
.gallery-item img {
	display: block;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}


/*--------------------------------------------------------------
# 共通
--------------------------------------------------------------*/
body {
	overflow-x: hidden;
	position: relative;
}

.font_m {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "Sawarabi Mincho", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.font_NotoSansTC {
	font-family: 'Noto Sans TC', sans-serif;
}
.font_NotoSerifKR {
	font-family: 'Noto Serif KR', serif;
	font-weight: 400;
}

.font_ico {
	font-family:"ico";
}
.wrapper {
	width: 94%;
	max-width: 1080px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}

small {
	font-size: 75%;
}
figure {
	margin: 0;
}
table {
	margin: 0 0 1.5em;
	width: 100%;
}
th ,td {
	padding: 5px 10px;
}
th {
	font-weight: bold;
}

#maps img {
	max-width:none;
}

.align_l {
	text-align:left;
}
.align_c {
	text-align:center;
}
.align_r {
	text-align:right;
}

.fw {
	font-weight:700;
}
.fw400 {
	font-weight:400;
}
.t_small {
	font-size:0.88em;
}
.t_big {
	font-size:1.4em;
}
.red {
	color:#ff4e63;
}
.green {
	color: #84a02f;
}
.orange {
	color: #fb906c;
}
.mini {
	font-size:0.82em;
}
.f10 {
	font-size:10px;
}
.f11 {
	font-size:11px;
}
.f12 {
	font-size:12px;
}
.f13 {
	font-size:13px;
}
.f14 {
	font-size: 0.875rem;
}
.f16 {
	font-size:16px;
}
.f18 {
	font-size:16px;
}
.f20 {
	font-size:20px;
}
.f24 {
	font-size:24px;
}
.lh12 {
	line-height:1.25em;
}
.lh14 {
	line-height:1.4em;
}
.lh16 {
	line-height:1.65em;
}
.lh18 {
	line-height:1.8em;
}
.m5 {
	margin:5px auto;
}
.m10 {
	margin:10px auto;
}
.mb20 {
	margin-bottom:20px;
}
.m20 {
	margin:20px auto;
}
.m30 {
	margin:30px auto;
}
.box100 {
	width: 100px;
}
.box140 {
	width: 140px;
}
.box200 {
	width: 200px;
}
.ib {
	display: inline-block;
}
.shadow {
	box-shadow:2px 2px 0 #ccc;
	border-radius:3px;
}
.hr01 {
	margin:30px 0;
	display:block;
	background-color: #ccbfa9;
}
.nowrap {
	white-space: nowrap;
}
.pointer {
	cursor:pointer;
}
.block_ul {
	display:block;
	list-style:none;
	margin:0 ;
	padding:0;
}
.blo {
	display:block;
}
.mobile {
}
.pc {
	display:none;
}

.btn,
input[type="submit"].btn {
	display: inline-block;
	margin: 0 auto;
	padding: 1.2rem 2.6rem ;
	line-height: 1;
	text-align: center;
	text-decoration: none;
}
.btn_blue {
	background: #356180;
	background: linear-gradient(to right, #356180 0%,#0c3755 100%);
	color: #fff;
	border: 0;
}
.btn_white {
	border: 1px solid;
	color: #fff;
}
.btn_link {
	max-width: 260px;
	display: block;
	margin: 0 auto;
	font-size: 16px;
}
.btn_arrow {
	position: relative;
}
.btn_arrow::after {
	content: "";
	display: block;
	position: absolute;
	top: calc(50% - 5px);
	right: 10px;
	width: 10px;
	height: 10px;
	border-right: 1px solid;
	border-top: 1px solid;
	transform: rotate(45deg);
}

.bg {
	position: relative;
}

.bg::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: -1;
}

.bg.full::before {
	width: 100vw;
	left: calc(50% - 50vw);
	right: auto;
}

.bg.white::before {
	background-color: #fff;
}

.bg.white-a50::before {
	background-color: rgba(255,255,255,0.5);
}

.bg.white-a80::before {
	background-color: rgba(255,255,255,0.8);
}

.bg.blue::before {
	background-color: rgba(41,54,106,1);
}

.bg.gray::before {
	background-color: #f5f5f5;
}

.bg.img::before {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.content_sec {
	box-sizing: border-box;
	width: 100%;
	padding: 30px 0;
}

.content_sec.separator {
	position: relative;
}
.content_sec.separator::before {
	content: "";
	display: block;
	width: 100vw;
	border-top: 1px solid #ccc;
	position: absolute;
	top: 0;
	left: calc(50% - 50vw);
}


/* 画面外にいる状態 */
.fadein {
	opacity : 0.1;
	transform : translate(0, 50px);
	transition : all 1s;
}
.fadein_l {
	transform : translate(-100px, 0);
}
.fadein_r {
	transform : translate(100px, 0);
}
.fadein_t {
	transform : translate(0, -20px);
}
/* 2つ目の要素に200msのdelayをかける */
.fade_delay .fadein:nth-of-type(2) {
	transition-delay:200ms;
}
/* 3つ目の要素に400msのdelayをかける */
.fade_delay .fadein:nth-of-type(3) {
	transition-delay:400ms;
}
/* 4つ目の要素に600msのdelayをかける */
.fade_delay .fadein:nth-of-type(4) {
	transition-delay:600ms;
}
/* 画面内に入った状態 */
.fadein.scrollin {
	opacity : 1;
	transform : translate(0, 0);
}



/* header
---------------------*/
.site-header {
	position: relative;
	z-index: 10;
}
.site-branding {
	height: 60px;
	transition: 0.3s;
	display: flex;
	align-items: center;
}
.site-header.scroll {
	position: fixed;
	top: 0;
	width: 100%;
	background: #fff;
	border-bottom: 1px solid #eee;
}
.scroll .site-branding {
	height: 52px;
}
.site-logo {
	margin: 0 auto;
	transition: 0.3s;
	max-width: 210px;
	height: 100%;
	padding: 5px 0;
	display: flex;
	align-items: center;
}
.site-logo a {
	display: block;
}
.site-logo a img {
	display: block;
	margin: 0 auto;
}

.main-navigation {
	display: flex;
	align-items: center;
	position: absolute;
	z-index: 10;
	left: 0;
	width: 50px;
}
.toggle_btn {
	align-self: center;
	display: block;
	background: none;
	outline: none;
	border: none;
	position: relative;
	left: 0;
	z-index: 11;
	width: 30px;
	height: 30px;
	padding: 0;
}
.toggle_btn::before ,
.toggle_btn::after {
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	background-color: #093351;
	position: absolute;
	transform-origin: center center;
	transition: 0.5s;
}
.toggle_btn::before {
	top: 10px;
}
.toggle_btn::after {
	bottom: 10px;
}

.main-navigation.toggled .toggle_btn {
	
}
.main-navigation.toggled .toggle_btn::before ,
.main-navigation.toggled .toggle_btn::after {
	top: 12px;
}
.main-navigation.toggled .toggle_btn::before {
	transform: rotate(45deg);
}

.main-navigation.toggled .toggle_btn::after {
	transform: rotate(-45deg);
}
.header_menu {
	list-style: none;
	background-color: #fff;
	width: 70vw;
	height: 100vh;
	overflow-y: auto;
	padding: 50px 0 0;
	margin: 0;
	position: fixed;
	top: 0;
	left: -100%;
	transition: 0.3s;
	border-right: 1px solid #e2e8ed;
}
.main-navigation.toggled .header_menu {
	left: 0;
}
.main-navigation::before {
	content: "";
	display: none;
	background-color: rgba(0,0,0,0.1);
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
	transition: 0.5s;
	overflow: hidden;
}
.main-navigation.toggled::before {
	display: block;
}
.header_menu li {
	border-bottom: 1px solid #e2e8ed;
}
.header_menu li:first-child {
	border-top: 1px solid #e2e8ed;
}
.header_menu li a {
	display: block;
	font-size: 1rem;
	line-height: 1;
	text-decoration: none;
	padding: 1.05em 0.75rem;
	position: relative;
	font-weight: 700;
	color: #000;
}
.header_menu_en {
	width: 100px;
	display: inline-block;
	letter-spacing: 0.1em;
}
.header_menu_ja {
	display: inline-block;
	margin-left: 1rem;
	font-size: 0.75rem;
}

.site-header.scroll .main-navigation {
	display: flex;
}


.top_main_img {
	height: 61.8vh;
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
	background: url(img/mainimage-4.jpg) no-repeat center top;
	background-size: cover;
	display: flex;
	flex-direction: column;
	justify-content: center;
	color: #fff;
}
.top_main_text {
	width: 300px;
	text-align: left;
	margin: 0 auto;
}
.top_mainText01 svg {
	fill:transparent;
	/* IEでアニメーションが効かないため
	stroke:#fff;
	stroke-width:2px;
	stroke-dasharray:200px;
	stroke-dashoffset:200px;
	animation:top_mainTextImg 3s ease-in 0s forwards;
	*/
	width: 100%;
}
@keyframes top_mainTextImg {
	/*
	0%{stroke-dashoffset:200px;}
	30%{fill:transparent;}
	60%{stroke-dashoffset:0;}
	100%{stroke-dashoffset:0; fill:#fff;}
	*/
}
.top_mainText02 {
	font-size: 20px;
	text-shadow: 1px 1px 10px rgba(0,0,0,0.5);
}

.top_textshadow {
	background: rgb(0 0 0 / 20%);
	padding: 2em;
}


/* main
---------------------*/
.main_titleArea {
	background: url(img/title_bg09.jpg) no-repeat center;
	background-size: cover;
	padding: 80px 0;
	position: relative;
}
.main_titleCompany {
	background-image: url(img/title_bg01.jpg);
}
.main_titleFacility {
	background-image: url(img/title_bg07.jpg);
}
.main_titleEquipment {
	background-image: url(img/title_bg03.jpg);
}
.main_titleResult {
	background-image: url(img/title_bg05.jpg);
}
.main_titleRecruit {
	background-image: url(img/title_bg08.jpg);
}
.main_titleContact {
	background-image: url(img/title_bg06-2.jpg);
}
.main_titleWrap {
	background: linear-gradient(64deg, rgba(255, 255, 255, 0) 18%, rgba(255, 2525, 255, 1) 18%,rgba(255, 255, 255, 1) 82%,rgba(255, 255, 255, 0) 82%, rgba(255, 255, 255, 0));
	padding: 20px 0; 
	position: relative;
	width: 320px;
	margin: 0 auto;
}
.main_title {
	position: relative;
	letter-spacing: 0.15rem;
	font-weight: 700;
	font-size: 28px;
	line-height: 1.25;
	margin: 0 auto;
	text-align: center;
}
.main_title span  {
	font-size: 18px;
	font-weight: 900;
	display: block;
	letter-spacing: 0.1em;
	color: #214aa5;
}
.main_title a {
	text-decoration: none;
	display: block;
	color: #000;
}
.content_wrap {
	margin: 3rem auto 4.2rem;
}
.content-area {
	width: 100%;
}
.page_area {
	padding: 2.6rem 0;
	border-bottom: 1px solid #e2e8ed;
}
.page_area:last-child {
	border: 0;
}
.bg_gray {
	background: #d8e1e7;
}
.page_subtitle {
	font-size: 1.35rem;
	font-weight: 700;
}
.page-content h2 {
	padding: 0.5rem;
	font-size: 2rem;
	margin: 0 0 2rem;
	text-align: center;
	position: relative;
}
.page-content h2::after {
	content: "";
	width: 82px;
	height: 2px;
	background: #214aa5;
	display: block;
	margin: 10px auto;
}
.page-content h3 {
	color: #093351;
	margin: 1.6rem 0 0.5rem;
	font-size: 1.4rem;
}

.responsive_table ,
.responsive_table caption ,
.responsive_table thead ,
.responsive_table tbody ,
.responsive_table tfoot ,
.responsive_table tr ,
.responsive_table th ,
.responsive_table td {
	display: block;
	width: 100%;
}
.responsive_table {
	border: 0;
}
.responsive_table th ,
.responsive_table td {
	padding: 7px 5px;
	vertical-align: top;
}
.responsive_table th {
	text-align: left;
    padding: 10px 0 0;
}

.flex_list {
	list-style: none;
	padding-left: 0;
	margin: 0 auto;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
}

.flex_list>li {
	width: 100%;
	padding: 0 0 6%;
}

.flex_list>li:only-child {
	/* margin: 0 auto; */
}

.flex_list.m2>li {
	width: 47%;
}

.flex_list.m3>li {
	width: calc(88% / 3);
}

.flex_list.m4>li {
	width: 20.5%;
}

.flex_list.m5>li {
	width: 15.2%;
}

.flex_list.m3>li:last-child:nth-child(3n+2) {
	margin-right: calc(88% / 3 + 6%);
}

.flex_list.m4>li:last-child:nth-child(4n+2) {
	margin-right: 53%;
}

.flex_list.m4>li:last-child:nth-child(4n+3) {
	margin-right: 26.5%;
}

.flex_list.m5>li:last-child:nth-child(5n+2) {
	margin-right: 63.6%;
}

.flex_list.m5>li:last-child:nth-child(5n+3) {
	margin-right: 42.4%;
}

.flex_list.m5>li:last-child:nth-child(5n+4) {
	margin-right: 21.2%;
}

.page_menu_sec {
	padding: 0;
}

.page_menu_list>li {
	width: 45%;
	margin: 0 0 20px;
}

.page_menu_list>li.btn+.btn {
	margin-top: 0;
}

/*ページ送り*/
.pagination {
	text-align:center;
	margin:2em auto;
	font-size:16px;
	width: 100%;
}

.pagination a ,
.page_current {
	display:inline-block;
	border: 1px solid  #ffd0db;
	color: #000;
	padding:5px 12px;
	margin:0 3px;
	text-decoration:none;
}
.page_current {
	background:#ffd0db;
	color:#fff;
}
.page_next,
.page_prev {
	padding:2px 15px;
}

.list_title {
	font-size: 1.125rem;
	line-height: 1.2;
	text-align: center;
	width: 100%;
	background: linear-gradient(to right, rgba(0,0,0,0) 5em, rgba(0,0,0,1) 5em) no-repeat right center , linear-gradient(to left, rgba(0,0,0,0) 5em, rgba(0,0,0,1) 5em) no-repeat left center;
	background-size: 50% 1px;
	margin: 0 0 1em;
}

/* footer
---------------------*/
#totop {
	position: fixed;
	bottom: 75px;
	right: 20px;
	z-index: 2;
	display: none;
}
#totop a {
	background: rgba(255,255,255,0.8);
	width: 30px;
	height: 30px;
	display: block;
	padding: 0px 8px;
	color: #093351;
	font-size: 20px;
}

.site-footer {
	margin-top: 70px;
}
.foot_contact {
	border-top: 1px solid #093351;
	padding: 30px 0;
	text-align: center;
}

.foot_recruit {
	background: #8ba6b9;
	text-align: center;
	color: #fff;
	padding: 2rem 5%;
	border-top: 1px solid #093351;
}

.foot_contactWrap {
	border-top: 1px solid #e2e8ed;
	padding: 30px 0;
}
.foot_tel {
	align-items: center;
	justify-content: center;
	font-size: 28px;
	letter-spacing: 0.1em;
	line-height: 1;
	margin: 0 0 10px;
	color: #093351;
}
.foot_tel img {
	width: 28px;
	margin-right: 8px;
	position: relative;
	top: 3px;
}
.tel a{
	text-decoration: none;
	color: inherit;
	font-weight: bold;
}
.foot_bottom {
	background: #093351;
	text-align: center;
	padding: 20px 0;
	color: #fff;
}
.foot_logo {
	margin:0;
}
.copy {
	margin: 0;
	font-size: 10px;
	line-height: 1;
}


/*--------------------------------------------------------------
## 各ページ
--------------------------------------------------------------*/
/*トップページ
------------------------------*/
.front_concept {
	margin: 30px 0;
	background: linear-gradient(64deg, #fff 2%, #fff 50%, #d8e1e7 50%, #d8e1e7);
}
.front_conceptL p {
	margin: 0 auto;
	padding: 4.6rem 0 2.6rem;
	text-align: center;
	font-size: 30px;
	font-weight: 800;
	line-height: 1.8;
	font-feature-settings: "palt";
	letter-spacing: 0.05em;
}
.front_conceptL p > span {
	display: block;
}
.front_conceptR {
	max-width: 310px;
	margin: 0 auto;
	padding-bottom: 4.6rem;
}
.front_conceptR h2 {
	font-weight: 500;
    font-size: 20px;
}
.front_conceptR  p {
	line-height: 2.1;
	margin-bottom: 2rem;
}
.front_pr {
	border: 1px solid #e2e8ed;
	margin: 3rem auto;
}
.front_prL {
	text-align: center;
}
.front_prR {
	padding: 1rem;
}
.front_pr img {
	display: block;
	margin: 0 auto;
}

.front_works h2 {
	text-align: center;
	font-size: 28px;
	font-weight: 800;
	margin: 2rem 0 1rem;
}
.front_works h3 {
	font-size: 24px;
	text-align: center;
	border-bottom: 1px solid #e2e8ed;
	padding-bottom: 0.5rem;
}
.front_works p {
	font-size: 0.92rem;
	margin-bottom: 1.6rem;
}
.front_works img{
	width: 100%;
}
.front_result {
	background: url(img/top_result_bg.jpg) no-repeat center top;
	padding: 50px 0;
	margin: 60px 0;
}
.front_resultInner {
	background: rgba(255,255,255,0.9);
	width: 88%;
	max-width: 602px;
	margin: 0 auto;
	padding: 30px 12px 60px;
}
.title_front {
	text-align: center;
	font-size: 36px;
	margin: 2rem 0 2rem;
	line-height: 1.4;
}
.title_front span {
	font-size: 18px;
	font-weight: 900;
	display: block;
	letter-spacing: 0.1em;
}
.front_resultInner p {
	margin-bottom: 2rem;
	line-height: 2.6;
}

.news_list.flex_list>li {
	display: flex;
	flex-direction: column-reverse;
	border-top:1px solid #e2e8ed;
	padding: 0.5rem 0;
}
.news_listTitle {
	margin: 0.5rem 0;
}
.news_listTitle a {
	text-decoration: none;
	font-size: 1.1rem;
	font-weight: 400;
	color: #000;
}
.news_listCate a {
	display: inline-block;
	border: 1px solid;
	border-radius: 40px;
	padding: 1px 7px;
	font-size: 12px;
	color: #093351;
	text-decoration: none;
}

.front_recruit {
	background: url("img/top_recruit_bg_2025.jpg") no-repeat center top;
	background-size: cover;
	height: 80vh;
	display: flex;
	align-items: center;
	margin: 60px 0 -70px;
	color: #fff;
	text-align: center;
}
.front_recruit h2 img {
	width: 280px;
}
.front_recruit p {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 2.6rem;
}

.youtube_cm {
	text-align: center;
}
.youtube_cm iframe {
	aspect-ratio: 560 / 315;
	width: 100%;
	height: auto;
	max-width: 900px;
}

/* 会社概要
------------------------------*/
.company01 {
	border-bottom: 0;
	padding: 1rem 0;
}
.company01_r {
	text-align: center;
}
.company02_r {
	text-align: center;
	margin-bottom: 1rem;
}
.company03 p,
.company03 li {
	font-size: 1.05rem;
}
.company03 {
	background: linear-gradient(to right, #356180 0%,#0c3755 100%);
}
.company03_l,
.company03_r {
	background: #fff;
	padding: 2rem;
}
.company03_l {
	margin-bottom: 20px;
}
.company03_r ul {
	margin: 0;
	padding: 0;
	border-top: 1px dashed #ddd;
}
.company03_r li {
	padding: 0.5rem 0;
	display: block;
	list-style: none;
	border-bottom: 1px dashed #ddd;
}
.company04 ul {
	display: block;
	list-style: none;
	padding: 0;
}
.company04 ul li {
	display: flex;
	padding: 0.3rem 0;
}
.company04 ul li::before {
	content: "□";
	display: block;
	width: 30px;
	color: #ddd;
}
.company05 th {
	width: 30%;
}
.company06_l iframe {
	display: block;
}
.company06_r {
	background: #fff;
	padding: 2rem;
}
.company06_r img {
	width: 100%;
}
.history th{
	width: 25%;
}
.history td{
	width: 75%;
}

/*Googleマイマップ
------------------------------------------*/
.company06_l{
	overflow: hidden;
}
.company06_l iframe{
	margin-top: -48px;
	margin-left: -2px;
	height: 630px;
}
/*お問い合わせ
------------------------------*/
.contact_tel {
	font-weight: 700;
	letter-spacing: 0.1em;
	margin-bottom: 1rem;
}
.contact_faxNum {
	margin-top: 1.6rem;
	font-size: 1.4rem;
	color: #093351;
	font-weight: 700;
}
.table_contact th {
	width: 36%;
	text-align: left;
}
.hissu {
	font-weight: 400;
	font-size: 11px;
	background: #fff;
	display: inline-block;
	color: #ff7b9b;
	padding: 3px;
	border: 1px solid #ff7b9b;
	line-height: 1;
	margin-left: 0.5rem;
}
.submit_area {
	text-align: center;
}
.submit_area .btn_next,
.submit_area input[type="submit"].btn_next {
	padding: 12px;
	min-width: 200px;
	font-size: 1.1rem;
}
.inv-recaptcha-holder {
	max-width: 820px;
	margin: 3rem auto;
}
.inv-recaptcha-holder > div {
	margin-left: auto;
}

/*設備紹介
------------------------------*/
.equipment_list.flex_list li {
	width: 48%;
	line-height: 1.4;
}
.equipment_list h3 {
	font-size: 1rem;
	margin: 0 0 0.5rem;
	color: #000;
}
.equipment_list p {
	font-size: 0.9rem;
	color: #666;
}
.equipment02 h3 {
	text-align: center;
	margin-top: 3rem;
}

/*施工実績
------------------------------*/
.result_list.flex_list li {
	width: 48.5%;
}
.result_list a {
	display: block;
	color: #000;
	text-decoration: none;
}
.result_img {
	position: relative;
	height: 30vw;
	border: 1px solid #ddd;
	overflow: hidden;
}
.result_img img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: block;
}
.result_title {
	padding: 0 1rem 0 0;
	font-size: 0.88rem;
	line-height: 1.4;
	margin: 0.5rem 0 1rem;
}
.result_date {
	display: block;
	font-size: 0.78rem;
}

.result_wrap {
	margin-bottom: 3rem;
}
.result_detail_title {
	font-size: 1.6rem;
	margin: 1rem 0 0.5rem;
}
#slider {
	border: 1px solid #d8e1e7;
}
#slider .swiper-wrapper {
	align-items: center;
}
.result_slide  img {
	display: block;
	margin: 0 auto;
}
#thumbs {
	border: 1px solid #d8e1e7;
	margin-top: 10px;
}
.result_text {
	padding: 10px;
	border: 1px solid #eee;
	margin: 1.6rem 0 3rem;
}
.result_new {
	margin-top: 3.6rem;
}
.result_new h3 {
	font-size: 1.2rem;
	color: #093351;
	margin: 1rem 0 0.5rem;
}

/*採用情報
------------------------------*/
.recruit-content table th {
	width: 30%;
}
.recruit_01 img{
  width: 100%;
}

.recruit_sien{
	text-align: center;
	padding: 1em;
}

/*ブログ
------------------------------*/
.entry-header {
}
.blog_title {
	margin: 0;
	padding: 0.5rem 0;
	font-size: 1.6rem;
	position: relative;
}
.blog_title:after {
	content: "";
	width: 100%;
	height: 2px;
	background: linear-gradient(to right, #e0302a 0%, #e0302a 16%, #0c3755 16% ,#0c3755 100%);
	position: absolute;
	left: 0;
	bottom: 0;
}
.blog_title a {
	text-decoration: none;
	display: block;
	color: #000;
}
.entry-meta {
	padding: 1rem 0;
    font-size: 0.88rem;
}
.entry-meta a {
	text-decoration: none;
	color: #000;
}
.entry-meta span {
	display:inline-block;
}
.entry-date {
	padding-right: 1rem;
}
.entry-meta_cate {
	display: inline-block;
}
.entry-content {
	padding: 1rem 0 2rem;
}
.entry-content h2 {
	font-size: 1.5rem;
	margin: 3rem 0 1rem;
}
.entry-content h3 {
	font-size: 1.3rem;
	margin: 2rem 0 0.3rem;
}
.entry-content h4 {
	font-size: 1.1rem;
	margin: 1.4rem 0 0.65rem;
}
.blog_img {
	display: flex;
	justify-content: center;
	align-items: center;
}
.blog_img img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	display: block;
}
.content_wrap table {
	border-top: 1px solid #ddd;
}
.content_wrap table th ,
.content_wrap table td {
	border-bottom: 1px solid #ddd;
	padding: 16px 5px;
	position: relative;
}
.content_wrap table th {
	font-weight: 400;
}
.content_wrap table td {
}
.equipment02 table th{
	width: 75%;
}
.equipment02 table td{
	width: 25%;
}
.content_wrap table td:after {
	background: #e5e5e5;
	content: "";
	margin: auto;
	width: 1px;
	height: 80%;
	height: calc(100% - 20px);
	position: absolute;
	bottom: 0;
	left: 0;
	top: 0;
}

.category_title {
	margin: 0 0 1rem;
	color: #093351;
	font-size: 1.4rem;
}
.category_title svg {
	fill: #b29b44;
	width: 24px;
	height: 18px;
}

.navigation {
	width: 100%;
}

.nav-links {
	padding-top: 1em;
	display: flex;
	justify-content: space-between;
	font-size: 0.875rem;
	margin-bottom: 1.5em;
}

.nav-links a {
	text-decoration:none;
}

.nav-previous {
	text-align:left;
	width:50%;
}
.nav-previous a:before {
	content:"＜";
}
.nav-next {
	text-align:right;
	width:50%;
}
.nav-next a:after {
	content:"＞";
}

.blog_link_list {
	flex-wrap: nowrap;
	margin: 0 0 4.5rem;
	padding-top: 1rem;
}
.blog_link_list li {
	padding: 0;
	height: 100%;
	width: 10rem;
}
.blog_link_list li a {
	text-decoration: none;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto 5px;
	height: 100%;
	color: #093351;
	border: 1px solid #d8e1e7;
	border-radius: 30px;
	padding: 0.65rem 0;
}

.blog_link_list li:first-child a ,
.blog_link_list li:last-child a {
	position: relative;
	border: 0;
}

.blog_link_list li:first-child a::before {
	content: "\f104";
	font-family: "Font Awesome\ 5 Free";
	padding-right: 1rem;
	color: #093351;
	font-weight: bold;
}

.blog_link_list li:last-child a::after {
	content: "\f105";
	font-family: "Font Awesome\ 5 Free";
	padding-left: 1rem;
	color: #093351;
	font-weight: bold;
}

.widget {
	margin-bottom:42px;
}

.widget-title {
	font-size: 1rem;
	font-weight: bold;
	color: #e0302a;
}
.widget ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.widget li {
	position: relative;
}

.widget li a ,
.widget li label {
	text-decoration: none;
	display: block;
	padding: 0.3em 0;
}

.widget>ul>li>label ,
.widget>ul>li>a {
	line-height: 1.4;
	color: #000;
}

.widget>ul>li:last-child>label ,
.widget>ul>li:last-child>a {
}

.widget ul.children li>a {
	padding-left: 1em;
}

.widget ul.children li:not(:last-child)>a {
	border-bottom: 1px dashed #ccc;
}

.widget_picker {
	display: none;
}

.widget_picker+label {
	position: relative;
}

.widget_picker+label::after {
	content: "\f107";
	font-family: "Font Awesome\ 5 Free";
	font-size: 1.25em;
	font-weight: 700;
	display: block;
	position: absolute;
	top: 50%;
	right: 10px;
	transform-origin: center;
	transform: translateY(-50%);
	transition: 0.5s;
}

.widget_picker:checked+label:after {
	transform: translateY(-50%) rotate(180deg);
}

.widget ul .widget_picker+label+.children {
	overflow: hidden;
	max-height: 0;
	transition: 0.5s ease-out;
}

.widget ul .widget_picker:checked+label+.children {
	max-height: 1000px;
	transition: 0.5s ease-in;
}
.search-form {
	position: relative;
	max-width: 480px;
	margin: 2rem auto;
}
.search-form .search-field {
	padding: 6px 56px 6px 18px;
	display: block;
	width: 100%;
}
input[type="submit"].search-submit {
	padding: 0.5em 1em;
	background: linear-gradient(to right, #356180 0%,#0c3755 100%);
	color: #fff;
	position: absolute;
	top: 0;
	right: 0;
	border: 0;
	height: 100%;
}

/*検索・404など
------------------------------*/
.search_title {
	color: #093351;
}

@media only screen and (min-width: 540px) , print {
	
	.responsive_table {
		display: table;
		table-layout: fixed;
		border-top: 1px solid #f1efee;
	}
	.responsive_table caption {
		display: table-caption;
	}
	.responsive_table thead {
		display: table-header-group;
	}
	.responsive_table tbody {
		display: table-row-group;
	}
	.responsive_table tfoot {
		display: table-footer-group;
	}
	.responsive_table tr {
		display: table-row;
		background-size: 100% 1px;
	}
	.responsive_table th ,
	.responsive_table td {
		display: table-cell;
		border-bottom: 1px solid #f1efee;
	}
	.responsive_table th {
		width: 12rem;
		background-color: transparent;
		color: inherit;
		font-weight: 700;
	}
	
	.sec_title small {
		display: inline-block;
		margin-left: 0.5em;
	}
	
	.flex_list>li {
		padding-bottom: 5%;
	}
	
	.flex_list.m3>li:last-child:nth-child(3n-2) ,
	.flex_list.m4>li:last-child:nth-child(4n+2) ,
	.flex_list.m4>li:last-child:nth-child(4n+3) ,
	.flex_list.m5>li:last-child:nth-child(5n+2) ,
	.flex_list.m5>li:last-child:nth-child(5n+3) ,
	.flex_list.m5>li:last-child:nth-child(5n+4) {
		margin-right: 0;
	}
	
	.flex_list.t2>li {
		width: 47.5%;
	}
	
	.flex_list.t3>li {
		width: 30%;
	}
	
	.flex_list.t4>li {
		width: 21.25%;
	}
	
	.flex_list.t5>li {
		width: 16%;
	}
	
	.flex_list.t3>li:last-child:nth-child(3n+2) {
		margin-right: 35%;
	}
	
	.flex_list.t4>li:last-child:nth-child(4n+2) {
		margin-right: 52.5%;
	}
	
	.flex_list.t4>li:last-child:nth-child(4n+3) {
		margin-right: 26.25%;
	}
	
	.flex_list.t5>li:last-child:nth-child(5n+2) {
		margin-right: 63%;
	}
	
	.flex_list.t5>li:last-child:nth-child(5n+3) {
		margin-right: 42%;
	}
	
	.flex_list.t5>li:last-child:nth-child(5n+4) {
		margin-right: 21%;
	}
}

@media only screen and (min-width: 769px) , print {
	.btn {
	}
	.mobile {
		display:none!important;
	}
	.pc {
		display:block;
	}
	
	/* header
	---------------------*/
	.site-header {
		position: fixed;
		top: 0;
		z-index: 10;
		width: 100%;
	}
	.site-branding {
		display: flex;
		justify-content: space-between;
		height: auto;
	}
	.site-logo {
		height: auto;
		margin: 0;
	}
	.main-navigation {
		position: relative;
		width: auto;
		display: flex;
	}
	.header_menu  {
		position: static;
		background: none;
		border: 0;
		width: auto;
		height: auto;
		display: flex;
		padding: 5px 0;
	}
	.home .header_menu {
		color: #fff;
	}
	.header_menu li,
	.header_menu li:first-child {
		border: 0;
	}
	.header_menu li a,
	.header_menu li a span {
		display: block;
		margin: 0;
		text-align: center;
	}
	.home .site-header:not(.scroll) .header_menu li a {
		color: #fff;
	}
	.header_menu li a span.header_menu_en {
		width: auto;
		font-size: 16px;
		margin-bottom: 10px;
	}
	.scroll .site-branding {
		height: auto;
	}
	.scroll .header_menu   {
		color: #000;
	}
	
	/* main
	---------------------*/
	.site-content {
		min-height: calc(100vh - 535px);
		padding-top: 80px;
	}
	.home .site-content {
		padding-top: 0;
	}
	.main_titleArea {
		padding: 160px 0;
	}
	.main_titleWrap {
		padding: 24px 0;
		width: 600px;
	}
	.main_title  {
		font-size: 36px;
		margin: 0 auto;
	}
	
	.content_wrap {
		display: flex;
		justify-content: space-between;
	}
	.content-area {
		width:75%;
		flex-shrink: 0;
	}
	.page_area  {
		padding-bottom: 4rem;
	}
	.w_small {
		width: 680px;
		margin-left: auto;
		margin-right: auto;
	}
	.w_middle {
		max-width: 840px;
		margin-left: auto;
		margin-right: auto;
	}
	.page_subtitle {
		text-align: center;
		margin: 1rem 0 5rem;
		font-size: 1.6rem;
	}
	.page-content h2 {
		font-size: 2rem;
		padding: 2.6rem 0;
	}
	.flexbox_wrap {
		display: flex;
		justify-content: space-between;
	}
	.flex_list>li {
		padding-bottom: 3%;
	}
	
	.flex_list.t3>li:last-child:nth-child(3n+2) ,
	.flex_list.t4>li:last-child:nth-child(4n+2) ,
	.flex_list.t4>li:last-child:nth-child(4n+3) ,
	.flex_list.t5>li:last-child:nth-child(5n+2) ,
	.flex_list.t5>li:last-child:nth-child(5n+3) ,
	.flex_list.t5>li:last-child:nth-child(5n+4) {
		margin-left: 0;
	}
	
	.flex_list.p2>li {
		width: 48.5%;
	}
	
	.flex_list.p3>li {
		width: calc(94% / 3);
	}
	
	.flex_list.p4>li {
		width: 22.75%;
	}
	
	.flex_list.p5>li {
		width: 17.6%;
	}
	
	.flex_list.p3>li:last-child:nth-child(3n+2) {
		margin-right: calc(94% / 3 + 3%);
	}
	
	.flex_list.p4>li:last-child:nth-child(4n+2) {
		margin-right: 51.5%;
		margin-left: 0;
	}
	
	.flex_list.p4>li:last-child:nth-child(4n+3) {
		margin-right: 25.75%;
		margin-left: 0;
	}
	
	.flex_list.p5>li:last-child:nth-child(5n+2) {
		margin-right: 61.8%;
		margin-left: 0;
	}
	
	.flex_list.p5>li:last-child:nth-child(5n+3) {
		margin-right: 41.2%;
		margin-left: 0;
	}
	
	.flex_list.p5>li:last-child:nth-child(5n+4) {
		margin-right: 20.6%;
		margin-left: 0;
	}
	
	
	.widget-area {
		width:22%;
		flex-shrink: 0;
	}
	.content-area.wide {
		width: 100%;
	}
	
	.page_menu_list>li {
		width: 22%;
	}
	
	.content_wrap table th ,
	.content_wrap table td {
		padding: 16px 20px;
	}
	.category_title {
		font-size: 1.6rem;
	}
	
	/* footer
	---------------------*/
	.foot_contactWrap {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 580px;
		margin: 0 auto;
	}
	.foot_tel {
		font-size: 36px;
		font-weight: 700;
	}
	.foot_tel img {
		width: 36px;
		top: 5px;
	}
	.foot_telText {
		margin: 0;
	}
	
	
	/*--------------------------------------
	# 各ページ
	--------------------------------------*/
	/* トップページ
	---------------------*/
	.top_main_img {
		height: 100vh;
	}
	.top_main_text {
		width: 568px;
	}
	.top_mainText01  {
	}
	.top_mainText02 {
		font-size: 28px;
		margin-top: 30px;
	}
	.front_concept {
		margin: 30px 0 90px;
		background: linear-gradient(64deg, #fff 2%, #fff 38%, #d8e1e7 38%, #d8e1e7);
	}
	.front_conceptWrap {
		display: flex;
		justify-content: space-between;
	}
	.front_conceptL {
		width: 52%;
	}
	.front_conceptR {
		width: 48%;
		margin: 0;
		max-width: none;
		padding: 83px 0;
	}
	.front_conceptL p {
		font-size: 34px;
		text-align: left;
		padding: 83px 0.75em;
	}
	.front_concept02 {
		padding-left: 1em;
	}
	.front_concept03 {
		padding-left: 2em;
	}
	.front_conceptR h2 {
		font-size: 26px;
	}
	.front_conceptR p {
		font-size: 16px;
	}
	
	.front_pr {
		margin: 8rem auto;
	}
	.front_prWrap {
		display: flex;
	}
	.front_prL {
		border-bottom: 0;
		border-right: 1px solid #e2e8ed;
		width: 51.6%;
	}
	.front_prR {
		display: flex;
		justify-content: center;
		flex-direction: column;
		padding: 3rem 3rem 1rem;
		width: 48.4%;
		line-height: 2;
	}
	.front_prR h2 {
		font-size: 26px;
	}
	
	.front_works .flex_list {
		align-items: stretch;
	}
	.front_works .flex_list>li {
		width: 31%;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.front_works_img {
		margin-top: auto;
		max-height: 222px;/*IE用*/
	}
	.front_result {
		height: 80vh;
		display: flex;
		align-items: center;
	}
	.front_resultInner {
		padding: 100px 80px;
	}
	.front_resultInner p {
		margin-bottom: 4rem;
	}
	.news_list.flex_list>li {
		padding-bottom: 3.6rem;
	}
	.front_recruit h2 img {
		width: 372px;
	}
	.front_recruit p {
		font-size: 28px;
	}
	/* 採用情報
	------------------------------------------*/
	.recruit_01 p{
		width: 55%
	}
	.recruit_01 img{
		width: 40%;
	}

	
	/* 会社概要
	------------------------------*/
	.company01 {
		border-bottom: 0;
	}
	.company01 h2 {
		margin: 2.6rem 0 0;
	}
	.company01 .flexbox_wrap {
		align-items: center;
	}
	.company01_l {
		width: 56%;
		line-height: 2;
		font-size: 1.15rem;
	}
	.company01_r {
		width: 30%;
	}
	.company02 .flexbox_wrap {
		align-items: center;
		flex-direction: row-reverse;
		margin-bottom: 4rem;
	}
	.company02_l {
		width: calc(100% - 280px);
	}
	.company02_r {
		width: 230px;
	}
	.company03 h2 {
		padding: 0.6rem 0;
	}
	.company03_l,
	.company03_r {
		width: 48%;
		padding: 2rem 5rem 3rem;
	}
	.company03_l {
		margin-bottom: 0;
	}
	.company03_l p {
		line-height: 2;
	}
	.company04 ul {
		display: flex;
		flex-wrap: wrap;
	}
	.company04 ul li {
		width: 50%;
	}
	.company06_r {
		width: 40%;
	}
	.company06_l iframe {
		height: 900px;
	}
	
	/*施設紹介
	------------------------------*/
	.facility01_inner {
		background: #fff;
		position: relative;
		width: 90%;
		margin: -8rem auto 0;
		padding: 2rem 5.6rem;
	}
	.facility01_inner .page_subtitle {
		margin-bottom: 1.6rem;
	}
	.facility02 .flexbox_wrap {
		border: 1px solid #e2e8ed;
		flex-direction: row-reverse;
		align-items: center;
		margin-bottom: 3rem;
	}
	.facility02_l {
		border-right: 1px solid #e2e8ed;
		padding: 2rem;
		width: 82%;
	}
	.facility02_r {
		padding: 2rem;
		width: 38%;
	}
	.facility02_r p {
		line-height: 2;
	}
	
	/*設備紹介
	------------------------------*/
	.equipment01 {
		margin-bottom: 1rem;
	}
	.equipment02 {
		margin-bottom: 6.6rem;
	}
	
	/*施工実績
	------------------------------*/
	.result_img {
		height: 161px;
	}
	.result_title {
		font-size: 1rem;
	}
	
	/*お問い合わせ
	------------------------------*/
	.contactForm_text {
		text-align: center;
	}
	
	/*ブログ
	------------------------------*/
	.blog_title {
		font-size: 1.8rem;
	}
	.entry-content {
		padding: 1rem 2rem 4rem 0;
	}
	.entry-content h2 {
		font-size: 2rem;
	}
	.entry-content h3 {
		font-size: 1.5rem;
	}
	
}

@media only screen and (min-width: 1024px) , print {
	.fl_l {
		float:left;
	}
	.fl_r {
		float:right;
	}
	.front_conceptL p {
		font-size: 48px;
	}
	
	
}

@media only screen and (min-width: 1305px) , print {
}