/*!
Theme Name: honjounyu
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: honjounyu
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

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

honjounyu is based on Underscores https://underscores.me/, (C) 2012-2020 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 https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

	 @charset "UTF-8";

	 /* CSS Document */
	 
	 
	 /*----------------------------------------------------------
	 
	 共通css
	 
	 ----------------------------------------------------------*/
	 /*リセット
	 -----------------------------*/
	 html{
		 width: 100%;
	 }
	 body{
		 width: 100%;
		 margin: 0;
		 padding: 0;
		 font-size: 13px;
		 line-height: 170%;
		 min-width: 1100px;
		 background-color:#000;
	 }
	 body *{
		 box-sizing: border-box;
	 }
	 .all_wrap{
		 overflow: hidden;
	 }
	 a{
		 color: #2370BF;
	 }
	 /* iOSでのデフォルトスタイルをリセット */
	 input[type="submit"],
	 input[type="button"] {
	   border-radius: 0;
	   -webkit-box-sizing: content-box;
	   -webkit-appearance: button;
	   appearance: button;
	   border: none;
	   box-sizing: border-box;
	   cursor: pointer;
	 }
	 input[type="submit"]::-webkit-search-decoration,
	 input[type="button"]::-webkit-search-decoration {
	   display: none;
	 }
	 input[type="submit"]::focus,
	 input[type="button"]::focus {
	   outline-offset: -2px;
	 }
	 
	 /*リセット（スマホ）
	 -----------------------------*/
	 @media screen and (max-width:736px){
		 body{
			 font-size: 14px;
			 min-width: 100%;
		 }
	 }
	 /* 表示非表示切り替え
	 -----------------------------*/
	 /* SP */
	 @media screen and (max-width:736px) {
		 .-u-SpNonePcBlock {
			 display: none;
		 }
		 .-u-SpNonePcinline {
			 display: none;
		 }
		 .-u-PcNoneSpBlock {
			 display: block;
		 }
		 .-u-PcNoneSpinline {
			 display: inline;
		 }
	 }
	 /* PC */
	 @media print, screen and (min-width:737px) {
		 .-u-SpNonePcBlock {
			 display: block;
		 }
		 .-u-SpNonePcinline {
			 display: inline;
		 }
		 .-u-PcNoneSpBlock {
			 display: none;
		 }
		 .-u-PcNoneSpinline {
			 display: none;
		 }
	 }
	 
	 /*----------------------------------------------------------
	 　ページトップボタン
	 ----------------------------------------------------------*/
	 #page_top{
		 width:100%;
		 background-color: #000000;
		 padding: 10px;
		 text-align:  center;
	 }
	 #page_top img{
		 width: 47px;
		 height: auto;
	 }
	 /* SP */
	 @media screen and (max-width:736px) {
	 
	 }
	 
	 /*----------------------------------------------------------
	 　ヘッダー
	 ----------------------------------------------------------*/
	 /*サイトタイトルなど
	 -----------------------------*/
	 
	 header{
		 /*background-color: #181C4B;*/
		 background-color: #202237;
	 }
	 .header_box_top{
		 width: 1000px;
		 height: 120px;
		 padding: 0 ;
		 margin: 0 auto;
		 display: flex;
		 align-items: center;
		 position: relative;
	 }
	 h1.site_title{
		 margin: 0;
		 padding: 0;
	 }
	 .site_title {
		 margin: 0;
		 padding: 0;
		 flex: 1;
		 z-index: 100;
	 }
	 .site_title img{
		 width: 215px;
		 height: auto;
	 }
	 
	 #menu_btn{
		 display: block;
		 width: 43px;
		 z-index: 100;
	 }
	 #menu_btn img{
		 width: 43px;
		 height: auto;
		 padding: 0;
		 cursor: pointer;
	 }
	 .h-image{
		 position: absolute;
		 bottom: -90px;
		 left: -30px;
		 width: 999px;
		 height: 143px;
		 background-image: url(images/h-image.png);
		 background-size: cover;
		 background-position: top left;
		 background-repeat: no-repeat;
		 z-index: 10;
	 }
	 /*サイトタイトルなど（スマホ）
	 -----------------------------*/
	 @media screen and (max-width:736px){
		 body{
			 font-size: 14px;
			 
		 }
		 .header_box_top{
			 width: 100%;
			 height: 80px;
			 line-height: 80px;
			 padding: 0 15px;
			 margin: 0;
		 }
		 .site_title img{
			 width:150px
		 }
	 
		 .h-image{
			 bottom: -30px;
			 left: -30px;
			 width: 100%;
			 height: 70px;
		 }
		 #menu_btn{
	 width: 35px;
		 }
		 #menu_btn img{
			 width: 100%;
			 height: auto;
		 }
	 }
	 
	 /*ナビゲーション
	 -----------------------------*/
	 .header_box_bottom{
		 padding: 0;
		 width: 1000px;
		 margin: 0 auto;
		 position: absolute;
			 top: 120px;
		 right: calc(50% - 500px);
		 display: none;
		 z-index: 9999;
	 
	 }
ul#primary-menu.menu {
			 margin: 0;
		 padding: 0;
		 width: 100%;
		 display: flex;
		 flex-direction: column;
		 list-style-type: none;
		 align-items: center;
}

ul#primary-menu.menu li{
		 padding: 0;
		 margin:  0 0 0 auto;
		 width: 30%;
		 text-align: center;
		 background-color: rgba(0,0,0,.8);
	 }
ul#primary-menu.menu li a{
		 display: block;
		 padding: 7px 10px;
		 width: 100%;
		 line-height: 1.8em;
		 border-left: 1px solid rgba(0,0,0,.5);
		 border-right: 1px solid rgba(0,0,0,.5);
		 border-bottom: 1px solid rgba(0,0,0,.5);
		 color: #ffffff;
		 text-decoration: none;
	 }
	 
	 
	 /*ナビゲーション（スマホ）
	 -----------------------------*/
	 @media screen and (max-width:736px){
		 header{
			 position: relative;
		 }
		 .header_box_bottom{
			 width: 100%;
			 right: 0;
			 top:80px;
		 }
		 ul#primary-menu.menu li{
			 width:50%;
		 }
	 
	 
	 }
	 
	 /*----------------------------------------------------------
	 　フッター
	 ----------------------------------------------------------*/
	 footer{
		 /*background-color: #181C4B;*/
		 background-color: #202237;
		 width: 100%;
		 padding: 0;
		 margin: -1.75em 0 0 0;
		 
	 }
	 
	 
	 
	 /*コピーライトなど
	 -----------------------------*/
	 .footer_box{
		 width: 1000px;
		 display: flex;
		 align-items: stretch;
		 padding: 20px 0 20px 10px;
		 margin: 0 auto;
		 position: relative;
	 }
	 .footer-image{
		 position: absolute;
		 width: 874px;
		 height: 152px;
		 background-image: url(images/f-image.png);
		 background-size: cover;
		 background-position: bottom center;
		 right: 0;
		 top: 0;
		 z-index: 10;
	 
	 }
	 
	 .footer-address{
		 width: 380px;
		 color: #fff;
		 display: flex;
		 flex-direction: column;
		 z-index: 20;
	 }
	 .footer-address h2{
		 color: #fff;
		 font-size: 22px;
		 padding: 0;
		 margin: 0 0 5px 0;
		 font-weight: normal;
		 border-bottom: 1px solid #fff;
		 display: flex;
		 line-height: 180%;
	 }
	 .footer-address h2 span{
		 margin-left: auto;
		 font-size: 20px;
	 }
	 .footer-address p{
		 line-height: 180%;
	 }
	 
	 .footer-content{
		 width: 240px;
		 margin-left: auto;
		 color: #fff;
		 display: flex;
		 flex-direction: column;
		 z-index: 20;
	 }
	 
	 p.copyright{
		 margin: 20px 0 0 0;
		 text-align: right;
	 }
	 .copyright small{
		 font-size: 100%;
		 color: #fff;
	 }
	 
	 
	 /*コピーライトなど（スマホ）
	 -----------------------------*/
	 @media screen and (max-width:736px){
		 .footer_box{
			 width: 100%;
			 padding: 20px;
			 margin: 0;
			 flex-direction: column;
	 
		 }
		 .footer-address{
			 width: 100%;
		 }
		 .footer-address h2,.footer-content h2{
			 font-size: 16px;
		 }
		 
		 .footer-content{
			 width: 100%;
			 padding-bottom: 50px;
		 }
		 .copyright {
			 margin: 0;
			 padding: 0;
	 
		 }
		 .copyright small{
			 font-size: 80%;
		 }
	 
		 
	 }
	 
	 /*----------------------------------------------------------
	 　共通パーツ 幅
	 ----------------------------------------------------------*/
	 /*wide100%
	 -----------------------------*/
	 .wrap_all{
		 width: 100%;
		 margin: 0;
		 padding: 100px 0 100px;
	 }
	 /*wide100%（スマホ）
	 -----------------------------*/
	 @media screen and (max-width:736px){
		 .wrap_all{
			 padding: 50px 0 50px;
		 }
	 }
	 /*wide1000px
	 -----------------------------*/
	 .wrap_m{
		 width: 1000px;
		 margin: 0 auto;
		 padding: 100px 0 100px;
	 }
	 /*wide800px
	 -----------------------------*/
	 .wrap_s{
		 width: 800px;
		 margin: 0 auto;
		 padding: 100px 0 100px;
	 }
	 /*リセット（スマホ）
	 -----------------------------*/
	 @media screen and (max-width:736px){
		 .wrap_m,.wrap_s{
			 width: 100%;
			 margin: 0 auto;
			 padding: 50px 15px 50px;
		 }
	 }
	 
	 /*----------------------------------------------------------
	 　共通パーツ 見出しスタイル
	 ----------------------------------------------------------*/
	 /*ページタイトル
	 -----------------------------*/
	 .page_title-wrap{
		 width: 100%;
		 margin: 0 0 100px 0;
		 padding: 0;
		 text-align: center;
		 height: 278px;
		 position: relative;
	 
	 }
	 
	 h2.page_title{
		 padding: 80px 0 0 0;
		 margin: auto 0 0 0;
		 z-index: 100;
		 font-size: 35px;
		 font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
		 letter-spacing: 0.3em;
	 }
	 
	 
	 
	 h3.page_subtitle{
		 padding: 0;
		 margin: 0;
		 font-size: 13px;
	 }
	 
	 
	 /*ページタイトル（スマホ）
	 -----------------------------*/
	 @media screen and (max-width:736px){
		 .page_title-wrap{
			 margin: 0 0 50px 0;
		 }
	 }
	 
	 /*セクション見だし
	 -----------------------------*/
	 .sec_title{
		 color: #707070;
		 padding: 50px 0 .5em;
		 margin: 0 0 .5em;
		 font-size: 30px;
		 font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
		 text-align: center;
		 letter-spacing: 0.1em;
	 }
	 .sec_title::before{
		 content: "";
		 display: flex;
		 width: 44px;
		 height: 23px;
		 margin: 0 auto 30px auto;
		 padding: 0;
		 background-image: url(../images/stit-mark.png);
		 background-size: cover;
		 background-position: center center;
		 background-repeat: no-repeat;
	 }
	 /*セクション見だし（スマホ）
	 -----------------------------*/
	 @media screen and (max-width:736px){
		 .sec_title{
			 margin: 0 0 30px;
			 font-size: 23px;
		 }
	 }
	 
	 /*----------------------------------------------------------
	 　共通パーツ リストスタイル
	 ----------------------------------------------------------*/
	 /*説明リスト
	 -----------------------------*/
	 .dl{
		 margin: 0 0 50px;
		 padding: 0;
	 }
	 .dl dt{
		 margin: 0 0 1em;
		 padding: 1em 0 0;
		 float: left;
		 width: 7em;
		 clear: both;
		 font-weight: bold;
	 }
	 .dl dd{
		 width: 100%;
		 margin: 0;
		 padding: 1em 0 1em 10em;
		 border-bottom: 1px solid #cccccc;
	 }
	 /*説明リスト（スマホ）
	 -----------------------------*/
	 @media screen and (max-width:736px){
		 .dl{
			 margin: 0 0 50px;
		 }
		 .dl dt{
			 margin: 0 0 1em;
			 padding: 1em 0 0;
			 float: none;
			 width: 100%;
		 }
		 .dl dd{
			 width: 100%;
			 margin: 0;
			 padding: 0 0 1em 2em;
			 border-bottom: 1px solid #cccccc;
		 }
	 }
	 
	 /*----------------------------------------------------------
	 　共通パーツ ボタンスタイル
	 ----------------------------------------------------------*/
	 /*ボタン
	 -----------------------------*/
	 .btn{
		 text-align: center;
		 margin: 50px 0 0;
	 }
	 .btn a{
		 display: inline-block;
		 width: 610px;
		 padding: 1em 1em;
		 text-decoration: none;
		 background-color: #142E74;
		 color: #fff;
		 font-size: 18px;
		 background-image: url("../images/arrow_w.png");
		 background-repeat: no-repeat;
		 background-size: auto 23px;
		 background-position: center right 10px;
	 }
	 .btn a + a{
		 margin: 0 0 0 50px;
	 }
	 .btn a:hover{
		 background-color: #000000;
	 }
	 /*戻るボタン
	 -----------------------------*/
	 .btn_contact{
		 text-align: center;
		 margin: 0 0 10px 0;
	 }
	 
	 .btn_tel{
		 text-align: center;
		 margin: 0;
		 background-image: url("images/btn-tel.png");
	 }
	 .btn_contact a,
	 .btn_tel{
		 display: inline-block;
		 width: 240px;
		 padding: 8px 1em;
		 font-size: 14px;
		 text-decoration: none;
		 background-color: rgba(214, 56, 56, .76);
		 border-radius: 20px;
		 color: #fff;
		 background-repeat: no-repeat;
		 background-size: 30px 35px;
		 background-position: center left 10px;
	 }
	 .btn_contact a{
		 background-image: url("images/btn-contact.png");
	 }
	 
	 .btn_contact a:hover{
		 background-color: rgba(214, 56, 56, 1);
	 }
	 /*ボタン（スマホ）
	 -----------------------------*/
	 @media screen and (max-width:736px){
		 .btn_contact a,
		 .btn_tel{
			 width: 100%;
		 }
	 }
	 
	 /*----------------------------------------------------------
	 　共通パーツ テキストスタイル
	 ----------------------------------------------------------*/
	 /*タイトル下のコピー
	 -----------------------------*/
	 .title_under_copy{
		 text-align: center;
		 color: #707070;
		 line-height: 2em;
		 margin: 0;
		 padding: 0;
	 }
	 
	 
	 /*----------------------------------------------------------
	 　共通パーツ カラム
	 ----------------------------------------------------------*/
	 /*2カラム
	 -----------------------------*/
	 .wrap_2colm{
	 }
	 .wrap_2colm .colm{
		 width: 47%;
		 float: left;
	 }
	 .wrap_2colm .colm:nth-child(2n){
		 float: right;
	 }
	 
	 /*2カラム（スマホ）
	 -----------------------------*/
	 @media screen and (max-width:736px){
		 .wrap_2colm .colm,
		 .wrap_2colm .colm:nth-child(2n){
			 float: none;
			 width: 100%;
		 }
		 .wrap_2colm .colm + .colm{
			 margin-top: 40px;
		 }
	 }
	 
	 
	 
	 /*----------------------------------------------------------
	 
	 トップページcss
	 
	 ----------------------------------------------------------*/
	 /*メインビジュアル
	 -----------------------------*/
	 .mainvisual {
		 position: relative;
		 margin: 0;
	 }
	 
	 .mainvisual .swiper-wrapper {
		 text-align: center;
	 }
	 
	 .mainvisual .swiper-slide {
		 padding: 0 30px;
		 display: flex;
		 height: calc(100vh - 120px);
		 flex-direction: column;
		 align-items: center;
	 }
	 
	 .mainvisual h2 {
		 position: absolute;
		 top: 0;
		 display: flex;
		 width: 100%;
		 height: calc(100vh - 120px);
		 flex-direction: column;
		 align-items: center;
		 justify-content: center;
		 margin: 0;
		 padding: 0;
		 z-index: 2000;
	 }
	 
	 .mainvisual h2 img {
		 width: 700px;
		 height: auto;
	 }
	 
	 .mainvisual div.scr{
		 position: absolute;
		 bottom: 0;
		 left: calc(50% - 19px);
		 z-index: 2000;
	 
	 }
	 .mainvisual div.scr img{
		 width: 38px;
		 height: auto;
	 }
	 
	 .swiper-button-prev,
	 .swiper-button-next {
		 color: white;
	 }
	 
	 .mainvisual .slide1 {
		 background-image: url(images/mv1.jpg);
		 background-size: cover;
		 background-repeat: no-repeat;
		 background-position: center center;
	 
	 }
	 
	 .mainvisual .slide2 {
		 background-image: url(images/mv2.jpg);
		 background-size: cover;
		 background-repeat: no-repeat;
		 background-position: center center;
	 }
	 
	 .mainvisual .slide3 {
		 background-image: url(images/mv3.jpg);
		 background-size: cover;
		 background-repeat: no-repeat;
		 background-position: center center;
	 }
 .mainvisual .slide4 {
		 background-image: url(images/mv4.jpg);
		 background-size: cover;
		 background-repeat: no-repeat;
		 background-position: center center;
	 }
	 
	 /*リセット（スマホ）
	 -----------------------------*/
	 @media screen and (max-width:736px) {
		 .mainvisual {
			/* height: calc(100vh - 80px);*/
			height: 250px;
			 width:100%;
		 }
		 
		 .mainvisual h2 {
			 width: calc(100% - 80px);
			 /*height: calc(100vh - 80px);*/
			 height: 250px;
			 margin: 0 40px;
		 }

		 	 .mainvisual .swiper-slide {
		/*height: calc(100vh - 120px);*/
		height: 250px;
	 }
	 
		 .mainvisual h2 img{
			 width:100%;
		 }
		 
		 .mainvisual div.scr{
			 left: calc(50% - 10px);
		 
		 }
		 .mainvisual div.scr img{
			 width: 20px;
		 }
	 
	 }
	 
	 
	 /*----------------------------------------------------------
	 　事業内容
	 ----------------------------------------------------------*/
	 
	 /*事業内容
	 -----------------------------*/
	 .business-content-wrap {
		 background-color: #000000;
		 width: 100%;
		 padding: 100px 0 130px 0;
	 }
	 
	 .business-content-colum{
		 display: flex;
		 margin-left: calc(50% - 500px);
		 align-items: stretch;
	 }
	 .business-detail{
		 width: 450px;
		 margin-right: 65px;
	 }
	 .business-detail h2{
		 margin: 0;
		 padding: 0;
		 height: 100px;
		 display: flex;
		 flex-direction: column;
		 align-items: center;
		 justify-content: center;
		 font-size: 30px;
		 color: #181C4B;
		 background-color: #acadbd;
		 font-weight: normal;
		 letter-spacing: 0.2em;
	 }
	 .business-detail-ul{
		 list-style-type: none;
		 margin: 0 0 35px 0;
		 padding: 30px 30px 50px 30px;
		 background-color: rgba(255, 255, 255, .85);
	 }
	 .business-detail-ul li{
		 line-height: 180%;
	 }
	 .business-detail_img{
		 width: 450px;
		 display: flex;
		 align-items: center;
		 justify-content: center;
		 margin: 0;
		 padding: 0;
		 list-style-type: none;
		 flex-wrap: nowrap;
	 }
	 .business-detail_img li{
		 margin: 0;
		 padding: 0;
		 width: 33.333333%;
	 }
	 .business-detail_img li img{
		 width: 100%;
	 }
	 .business-content_image{
		 flex: 1;
		 background-image: url(images/business1.jpg);
		 background-size: cover;
		 background-position: center center;
		 background-repeat: no-repeat;
	 }
	 
	 /*事業内容（スマホ）
	 -----------------------------*/
	 @media screen and (max-width:736px) {
		 .business-content-wrap {
			 padding: 30px 20px 30px 20px;
		 }
	 
	 
	 .business-content-colum{
		 flex-direction: column;
		 margin-left: 0;
	 }
	 .business-detail{
		 width: 100%;
		 margin-right: 0;
	 }
	 .business-detail h2{
		 height: 60px;
		 font-size: 20px;
	 }
	 .business-detail-ul{
		 padding: 30px 20px 50px 20px;
	 }
	 .business-detail_img{
		 width: 100%;
	 }
	 .business-detail_img li{
		 width: 100%;
	 }
	 
	 .business-content_image{
		 width: 100%;
	 }
	 
	 }
	 
	 
	 /*----------------------------------------------------------
	 　作業風景
	 ----------------------------------------------------------*/
	 
	 /*作業風景
	 -----------------------------*/
	 
	 .workscene-wrap{
		 background-color: #2b2d3f;
		 width: 100%;
		 padding: 100px 0 30px 0;
		 margin: -1.75em 0 0 0;
		 position: relative;
		 text-align: center;
	 }
	 .workscene-wrap h2{
		 z-index: 20;
		 position: absolute;
		 top: 30px;
		 right: 50px;
	 }
	 .workscene-wrap h2 img{
		 width: 120px;
		 height: 98px;
	 }
	 
	 .workscene-wrap .swiper-wrapper {
		 text-align: center;
	 }
	 
	 .workscene-wrap .swiper-sagyo{
		 /*height: 500px;*/
		 height: 500px;
	 }
	 
	 .workscene-wrap .swiper-sagyo-thum{
		 height: 100px;
		 margin-top: 30px;
	 }
	 .swiper-sagyo-thum .swiper-slide {
		 opacity: .5;
		 transition: opacity .5s;
		 width: calc(100% / 3);
	   }
	   .swiper-sagyo-thum .swiper-slide.swiper-slide-thumb-active {
		 opacity: 1;
	   }
	 
	 .swiper-pagination {
		 position: relative;
		 margin: 15px auto;
	 
	 }
	 
	 .swiper-pagination-bullet {
		 background: #fff;
		 opacity: .2;
		 margin: 10px 5px;
		 width: 5px;
		 height: 5px;
	 }
	 
	 .swiper-pagination-bullet-active {
		 background: rgba(255, 255, 255, .85);
		 opacity: .6;
		 margin: 10px 5px;
		 width: 5px;
		 height: 5px;
	 }
	 
	 .workscene-wrap .swiper-sagyo .slide1 {
		 background-image: url(images/sagyou1.jpg);
		 background-size: cover;
		 background-repeat: no-repeat;
		 background-position: center center;
	 
	 }
	 
	 .workscene-wrap .swiper-sagyo .slide2 {
		 background-image: url(images/sagyou2.jpg);
		 background-size: cover;
		 background-repeat: no-repeat;
		 background-position: center center;
	 }
	 
	 .workscene-wrap .swiper-sagyo .slide3 {
		 background-image: url(images/sagyou3.jpg);
		 background-size: cover;
		 background-repeat: no-repeat;
		 background-position: center center;
	 }
	 
	 .workscene-wrap .swiper-sagyo .slide4 {
		 background-image: url(images/sagyou4.jpg);
		 background-size: cover;
		 background-repeat: no-repeat;
		 background-position: top center;
	 }
	 
	 .workscene-wrap .swiper-sagyo .slide5 {
		 background-image: url(images/sagyou5.jpg);
		 background-size: cover;
		 background-repeat: no-repeat;
		 background-position: center center;
	 }
	 .workscene-wrap .swiper-sagyo .slide6 {
		 background-image: url(images/sagyou6.jpg);
		 background-size: cover;
		 background-repeat: no-repeat;
		 background-position: center center;
	 }
	 .workscene-wrap .swiper-sagyo .slide7 {
		 background-image: url(images/sagyou7.jpg);
		 background-size: cover;
		 background-repeat: no-repeat;
		 background-position: center center;
	 }
	 
	 .workscene-wrap .swiper-sagyo .slide8 {
		 background-image: url(images/sagyou8.jpg);
		 background-size: cover;
		 background-repeat: no-repeat;
		 background-position: center center;
	 }
	 
	 .workscene-wrap .swiper-sagyo .slide9 {
		 background-image: url(images/sagyou9.jpg);
		 background-size: cover;
		 background-repeat: no-repeat;
		 background-position: top center;
	 }
	 
	 .workscene-wrap .swiper-sagyo .slide10 {
		 background-image: url(images/sagyou10.jpg);
		 background-size: cover;
		 background-repeat: no-repeat;
		 background-position: center center;
	 }
	 
	 .workscene-wrap .swiper-sagyo-thum .thm1 {
		 background-image: url(images/sagyou1-thm.jpg);
		 background-size: cover;
		 background-repeat: no-repeat;
		 background-position: center center;
	 }
	 .workscene-wrap .swiper-sagyo-thum .thm2 {
		 background-image: url(images/sagyou2-thm.jpg);
		 background-size: cover;
		 background-repeat: no-repeat;
		 background-position: center center;
	 }
	 .workscene-wrap .swiper-sagyo-thum .thm3 {
		 background-image: url(images/sagyou3-thm.jpg);
		 background-size: cover;
		 background-repeat: no-repeat;
		 background-position: center center;
	 }
	 .workscene-wrap .swiper-sagyo-thum .thm4 {
		 background-image: url(images/sagyou4-thm.jpg);
		 background-size: cover;
		 background-repeat: no-repeat;
		 background-position: top center;
	 }
	 .workscene-wrap .swiper-sagyo-thum .thm5 {
		 background-image: url(images/sagyou5-thm.jpg);
		 background-size: cover;
		 background-repeat: no-repeat;
		 background-position: center center;
	 }
	 .workscene-wrap .swiper-sagyo-thum .thm6 {
		 background-image: url(images/sagyou6-thm.jpg);
		 background-size: cover;
		 background-repeat: no-repeat;
		 background-position: center center;
	 }
	 .workscene-wrap .swiper-sagyo-thum .thm7 {
		 background-image: url(images/sagyou7-thm.jpg);
		 background-size: cover;
		 background-repeat: no-repeat;
		 background-position: center center;
	 }
	 .workscene-wrap .swiper-sagyo-thum .thm8 {
		 background-image: url(images/sagyou8-thm.jpg);
		 background-size: cover;
		 background-repeat: no-repeat;
		 background-position: center center;
	 }
	 .workscene-wrap .swiper-sagyo-thum .thm9 {
		 background-image: url(images/sagyou9-thm.jpg);
		 background-size: cover;
		 background-repeat: no-repeat;
		 background-position: top center;
	 }
	 .workscene-wrap .swiper-sagyo-thum .thm10 {
		 background-image: url(images/sagyou10.jpg);
		 background-size: cover;
		 background-repeat: no-repeat;
		 background-position: center center;
	 }
	 
	 
	 
	 
	 
	 /*施工事例（スマホ）
	 -----------------------------*/
	 @media screen and (max-width:736px) {
		 .workscene-wrap{
			 padding: 50px 20px 30px 20px;
		 }

		 .workscene-wrap h2{
			top:0;
			right: 0px;
		}
		 .workscene-wrap h2 img{
			width: 90px;
			height: 73px;
		}
		.workscene-wrap .swiper-sagyo{
			height: 250px;
		}
		.workscene-wrap .swiper-sagyo-thum{
			height: 50px;
		}
		
	 }
	 
	 
	 
	 
	 /*----------------------------------------------------------
	 　会社概要
	 ----------------------------------------------------------*/
	 
	 /*会社概要
	 -----------------------------*/
	 
	 .aboutus-content{
		  background-color: #000000;
		 width: 100%;
		 padding: 100px calc(50% - 500px) 130px 0;
		 margin: 0;
		 flex-direction: row-reverse;
		 display: flex;
		 align-items: stretch;
	 }
	 .aboutus-detail{
		 width: 450px;
		 margin-left: 65px;
		/* margin-right: calc(50% - 500px);*/
	 }
	 
	 .aboutus-detail h2{
		 margin: 0;
		 padding: 0;
		 height: 100px;
		 display: flex;
		 flex-direction: column;
		 align-items: center;
		 justify-content: center;
		 font-size: 30px;
		 color: #181C4B;
		 background-color: #acadbd;
		 font-weight: normal;
		 letter-spacing: 0.2em;
	 }
	 
	 .aboutus_dl {
		 display: flex;
		 align-items: stretch;
		 text-align: left;
		 flex-wrap: wrap;
		 margin: 0 auto;
		 padding: 0;
		 border-top: 1px solid #707070;
		 background-color: rgba(255, 255, 255, .85);
	 }
	 .aboutus_dl dt {
		 width: 20%;
		 margin: 0;
		 padding: 15px 10px;
		 border-bottom: 1px solid #707070;
	 }
	 
	 .aboutus_dl dd {
		 width: 80%;
		 margin: 0;
		 padding: 15px 10px 15px 0;
		 border-bottom: 1px solid #707070;
	 }
	 .aboutus_dl-yakuin{
		 width: 100%;
		 border: 0;
		 display: flex;
		 flex-wrap: wrap;
		 align-items: stretch;
		 margin: 0;
		 padding: 0;
	 }
	 .aboutus_dl-yakuin dt{
		 width: 40%;
		 margin: 0;
		 padding: 2px 10px;
		 border-bottom: 0;
	 }
	 .aboutus_dl-yakuin dd {
		 width: 60%;
		 margin: 0;
		 padding: 2px 10px 2px 0;
		 border-bottom: 0;
	 }
	 .aboutus_dl-gyoumu{
		 list-style-type: none;
		 margin: 0;
		 padding: 0;
	 }
	 .aboutus-image{
		 flex: 1;
	 }
	 
	 .aboutus-image1{
		 background-image: url(images/aboutus1.jpg);
		 height: 423px;
		 background-size: cover;
		 background-position: left center;
		 margin-bottom: 20px;
		 margin-top:0;
	 }
	 .aboutus-image2{
		 background-image: url(images/aboutus2.jpg);
		 height: 423px;
		 background-size: cover;
		 background-position: left center;
	 }

 
	 /*会社概要（スマホ）
	 -----------------------------*/
	 @media screen and (max-width:736px) {

	 
		 .aboutus-content{
			 padding: 50px 20px 70px 20px;
			 flex-direction: column;
			 margin-right: 0;
	 
		 }
		 .aboutus-detail{
			 width: 100%;
			 margin-left: 0;
			 margin-bottom: 30px;
		 }
	 
		 .aboutus-detail h2{
			 height: 60px;
			 font-size: 20px;
		 }

		 .aboutus_dl-yakuin dt{
			width: 50%;
		}
		.aboutus_dl-yakuin dd {
			width: 50%;
		}
		 .aboutus-image{
			 width: 100%;
		 }
		 .aboutus-image1,
		 .aboutus-image2{
			 height: 200px;
		 }
	 }
	 
	 
	 
	 
	 /*----------------------------------------------------------
	 　保有車両・保有機材
	 ----------------------------------------------------------*/
	 
	 .hoyu-wrap{
		 background-color: #2b2d3f;
		 width: 100%;
		 padding: 100px 0 130px 0;
		 margin: 0;
	 }
	 
	 /*保有車両
	 -----------------------------*/
	 
	 
	 .hoyu-syaryo{
		 display: flex;
		 margin-left: calc(50% - 500px);
		 align-items: stretch;
	 }
	 .hoyu-syaryo-detail{
		 width: 450px;
		 margin-right: 65px;
	 }
	 .hoyu-syaryo-detail h2{
		 margin: 0;
		 padding: 0;
		 height: 100px;
		 display: flex;
		 flex-direction: column;
		 align-items: center;
		 justify-content: center;
		 font-size: 30px;
		 color: #181C4B;
		 background-color: #acadbd;
		 font-weight: normal;
		 letter-spacing: 0.2em;
	 }
	 .hoyu-syaryo-detail-ul{
		 list-style-type: none;
		 margin: 0;
		 padding: 0;
		 background-color: rgba(255, 255, 255, .85);
		 border-left: 1px solid #707070;
		 border-right: 1px solid #707070;
		 border-top: 1px solid #707070;
	 }
	 .hoyu-syaryo-detail-ul li{
		 padding: 15px 10px;
		 line-height: 180%;
		 border-bottom: 1px solid #707070;
	 }
	 
	 .hoyu-syaryo-image{
		 flex: 1;
		 overflow: hidden;
	 }
	 
	 .hoyu-syaryo-image .swiper-hoyu-s{
		 height: 500px;
	 
	 }
	 
	 .hoyu-syaryo-image .swiper-hoyu-s-thum{
		 height: 100px;
		 margin-top: 30px;
	 
	 }
	 .swiper-hoyu-s-thum .swiper-slide {
		 opacity: .5;
		 transition: opacity .5s;
		 width: calc(100% / 3);
	   }
	   .swiper-hoyu-s-thum .swiper-slide.swiper-slide-thumb-active {
		 opacity: 1;
	   }
	 
	 .hoyu-syaryo-image .swiper-hoyu-s .slide1 {
		 background-image: url(images/hoyu-s1.jpg);
		 background-size: cover;
		 background-repeat: no-repeat;
		 background-position: center center;
	 
	 }
	 
	 .hoyu-syaryo-image .swiper-hoyu-s .slide2 {
		 background-image: url(images/hoyu-s2.jpg);
		 background-size: cover;
		 background-repeat: no-repeat;
		 background-position: center center;
	 }
	 
	 .hoyu-syaryo-image .swiper-hoyu-s .slide3 {
		 background-image: url(images/hoyu-s3.jpg);
		 background-size: cover;
		 background-repeat: no-repeat;
		 background-position: center center;
	 }
	 
	 .hoyu-syaryo-image .swiper-hoyu-s .slide4 {
		 background-image: url(images/hoyu-s4.jpg);
		 background-size: cover;
		 background-repeat: no-repeat;
		 background-position: center center;
	 }
	 
	 
	 .hoyu-syaryo-image .swiper-hoyu-s-thum .thm1 {
		 background-image: url(images/hoyu-s1-thm.jpg);
		 background-size: cover;
		 background-repeat: no-repeat;
		 background-position: center center;
	 }
	 .hoyu-syaryo-image .swiper-hoyu-s-thum .thm2 {
		 background-image: url(images/hoyu-s2-thm.jpg);
		 background-size: cover;
		 background-repeat: no-repeat;
		 background-position: center center;
	 }
	 .hoyu-syaryo-image .swiper-hoyu-s-thum .thm3 {
		 background-image: url(images/hoyu-s3-thm.jpg);
		 background-size: cover;
		 background-repeat: no-repeat;
		 background-position: center center;
	 }
	 .hoyu-syaryo-image .swiper-hoyu-s-thum .thm4 {
		 background-image: url(images/hoyu-s4-thm.jpg);
		 background-size: cover;
		 background-repeat: no-repeat;
		 background-position: center center;
	 }
	 
	 
	 /*保有機材
	 -----------------------------*/
	 
	 
	 .hoyu-kizai{
		 display: flex;
		 flex-direction: row-reverse;
		 margin-right: calc(50% - 500px);
		 margin-top: 120px;
		 align-items: stretch;
	 }
	 .hoyu-kizai-detail{
		 width: 450px;
		 margin-left: 65px;
	 }
	 .hoyu-kizai-detail h2{
		 margin: 0;
		 padding: 0;
		 height: 100px;
		 display: flex;
		 flex-direction: column;
		 align-items: center;
		 justify-content: center;
		 font-size: 30px;
		 color: #181C4B;
		 background-color: #acadbd;
		 font-weight: normal;
		 letter-spacing: 0.2em;
	 }
	 .hoyu-kizai-detail-dl{
		 display: flex;
		 flex-wrap: wrap;
		 align-items: stretch;
		 margin: 0;
		 padding: 0;
		 background-color: rgba(255, 255, 255, .85);
		 border-top: 1px solid #707070;
	 }
	 .hoyu-kizai-detail-dl dt{
		 width: 50%;
		 margin: 0;
		 padding: 15px 20px;
		 line-height: 180%;
		 border-bottom: 1px solid #707070;
	 }
	 
	 .hoyu-kizai-detail-dl dd{
		 width: 50%;
		 margin: 0;
		 padding: 15px 20px 15px 0;
		 line-height: 180%;
		 border-bottom: 1px solid #707070;
	 }
	 
	 .hoyu-kizai-image{
		 flex: 1;
		 overflow: hidden;
	 }
	 
	 .hoyu-kizai-image .swiper-hoyu-k{
		 height: 500px;
	 
	 }
	 
	 .hoyu-kizai-image  .swiper-hoyu-k-thum{
		 height: 100px;
		 margin-top: 30px;
	 
	 }
	 .swiper-hoyu-k-thum .swiper-slide {
		 opacity: .5;
		 transition: opacity .5s;
		 width: calc(100% / 3);
	   }
	   .swiper-hoyu-k-thum .swiper-slide.swiper-slide-thumb-active {
		 opacity: 1;
	   }
	 
	   .hoyu-kizai-image .swiper-hoyu-k .slide1 {
		 background-image: url(images/hoyu-k1.jpg);
		 background-size: cover;
		 background-repeat: no-repeat;
		 background-position: center center;
	 
	 }
	 
	 .hoyu-kizai-image .swiper-hoyu-k .slide2 {
		 background-image: url(images/hoyu-k2.jpg);
		 background-size: cover;
		 background-repeat: no-repeat;
		 background-position: center center;
	 }
	 
	 .hoyu-kizai-image .swiper-hoyu-k .slide3 {
		 background-image: url(images/hoyu-k3.jpg);
		 background-size: cover;
		 background-repeat: no-repeat;
		 background-position: center center;
	 }
	 
	 .hoyu-kizai-image .swiper-hoyu-k .slide4 {
		 background-image: url(images/hoyu-k4.jpg);
		 background-size: cover;
		 background-repeat: no-repeat;
		 background-position: center center;
	 }
	 
	 
	 .hoyu-kizai-image .swiper-hoyu-k-thum .thm1 {
		 background-image: url(images/hoyu-k1-thm.jpg);
		 background-size: cover;
		 background-repeat: no-repeat;
		 background-position: center center;
	 }
	 .hoyu-kizai-image .swiper-hoyu-k-thum .thm2 {
		 background-image: url(images/hoyu-k2-thm.jpg);
		 background-size: cover;
		 background-repeat: no-repeat;
		 background-position: center center;
	 }
	 .hoyu-kizai-image .swiper-hoyu-k-thum .thm3 {
		 background-image: url(images/hoyu-k3-thm.jpg);
		 background-size: cover;
		 background-repeat: no-repeat;
		 background-position: center center;
	 }
	 .hoyu-kizai-image .swiper-hoyu-k-thum .thm4 {
		 background-image: url(images/hoyu-k4-thm.jpg);
		 background-size: cover;
		 background-repeat: no-repeat;
		 background-position: center center;
	 }
	 
	 
	 
	 
	 
	 
	 /*保有車両・保有機材（スマホ）
	 -----------------------------*/
	 @media screen and (max-width:736px) {
		 .hoyu-wrap {
			 padding: 50px 20px 70px 20px;
		 }
	 
		 
		 .hoyu-syaryo{
			 flex-direction: column;
			 margin-left: 0;
		 }
		 .hoyu-syaryo-detail{
			 width: 100%;
			 margin-right: 0;
		 }
		 .hoyu-syaryo-detail h2,
		 .hoyu-kizai-detail h2{
			 height: 60px;
			 font-size: 20px;
		 }
		 .hoyu-syaryo-detail-ul{
			 margin-bottom: 30px;
		 }

		 .hoyu-kizai-detail-dl dt{
			width: 55%;
		}
		
		.hoyu-kizai-detail-dl dd{
			width: 45%;
		}
		
		 .hoyu-syaryo-image,
		 .hoyu-kizai-image{
			 width: 100%;
		 }
	 
		 .hoyu-kizai{
			 flex-direction: column;
			 margin-right:0;
			 margin-top: 50px;
		 }
		 .hoyu-kizai-detail{
			 width: 100%;
			 margin-left: 0;
			 margin-bottom:30px;
		 }

		 .hoyu-syaryo-image .swiper-hoyu-s{
			height: 200px;
		}
		
		.hoyu-syaryo-image .swiper-hoyu-s-thum{
			height: 50px;	
			margin-top: 20px;	
		}
		 .hoyu-kizai-image .swiper-hoyu-k{
			height: 200px;
		}
		
		.hoyu-kizai-image  .swiper-hoyu-k-thum{
			height: 50px;
			margin-top: 20px;	

		}
	 
	 }
	 
	/*----------------------------------------------------------
	 　固定ページ・投稿ページの追加スタイル
	 ----------------------------------------------------------*/
	
	 	 
	 /*固定ページ
	 -----------------------------*/
	 
	 #post-7 header.entry-header{
		display: none;
	 }
	 /*固定ページ（スマホ）
	 -----------------------------*/
	 @media screen and (max-width:736px) {}
	 
	 

	 
	 /*----------------------------------------------------------
	 　お問い合わせ
	 ----------------------------------------------------------*/
	 
	 /*お問い合わせ
	 -----------------------------*/

.post-78 header.entry-header{
	display:none;
}
.post-78 .entry-content{
	width:800px;
	margin:100px auto 50px auto;
	color:#ffffff;
}

h2.wp-block-heading{
	border-bottom:1px solid #ffffff;
	line-height:200%;
}
span.wpcf7-form-control-wrap input{
	width:100%;
	height:30px;
	color:#000000;
}

span.wpcf7-form-control-wrap textarea{
	width:100%;
	color:#000000;
}

textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required{
		color:#000000;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner{
	width:100%;
	height:40px;
	background-color:#cd340c;

}
	
	 /*お問い合わせ（スマホ）
	 -----------------------------*/
	 @media screen and (max-width:736px) {
		 .post-78 .entry-content{
	width:100%;
	margin:50px auto;
	 padding: 0 20px;
}
}