@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/* トップページのみヘッダー非表示 */
.home .l-header{display:none;}/* .homeでないと効かなかった */

/* トップページの上詰める */
.top #content{padding-top:0;}
.l-header__barInner.l-container{display:none;}


/*========= ローディング画面のためのCSS ===============*/
#splash {
	position: fixed;
	width: 105%;
	height: 110%;
	background-color:#fff;
	z-index: 9999999;
	text-align:center;
	color:#fff;
	inset: 0;
}

#splash-logo {
	position: absolute;
	top: 45%;
	left: 50%;
	transform: translate(-50%, -50%);
}

/*========= 画面遷移のためのCSS ===============*/

/*画面遷移アニメーション*/
.splashbg{
    display: none;
}

/*bodyにappearクラスがついたら出現*/
body.appear .splashbg{
    display: block;
    content: "";
    position:fixed;
	z-index: 999;
    width: 100%;
    height: 100vh;
    top: 0;
	left: 0;
    transform: scaleY(0);
    background-color: #333;/*伸びる背景色の設定*/
	animation-name:PageAnime;
	animation-duration:1.2s;
	animation-timing-function:ease-in-out;
	animation-fill-mode:forwards;
}

@keyframes PageAnime{
	0% {
		transform-origin:top;
		transform:scaleY(0);
	}
	50% {
		transform-origin:top;
		transform:scaleY(1);
	}
	50.001% {
		transform-origin:bottom;
	}
	100% {
		transform-origin:bottom;
		transform:scaleY(0);
	}
}

/*画面遷移の後現れるコンテンツ設定*/
#container{
	opacity: 0;/*はじめは透過0に*/
}

/*bodyにappearクラスがついたら出現*/
body.appear #container{
	animation-name:PageAnimeAppear;
	animation-duration:1s;
	animation-delay: 0.8s;
	animation-fill-mode:forwards;
	opacity: 0;
}

@keyframes PageAnimeAppear{
	0% {
	opacity: 0;
	}
	100% {
	opacity: 1;
}
}
/*========= ローディング画面のためのCSSここまで ===============*/

/*-- トップメイン画像とリード文部分 --*/
.tophead{width:100%;margin:0;padding:0;}
body:not(.home) .tophead{display:none;}
.full{margin:0px calc(50% - 50vw) 0px;
	width: 100vw;}
.full2{margin:0px calc(50% - 50vw) 0px;
	width: 100vw;}
.slide{
	width:100%;
	overflow:hidden;
	margin:0 auto;
	position: relative;
	text-align:left;
}
.slide img{width: 100%;height: auto;
  animation: animationZoom 10s ease-in-out forwards;}
@keyframes animationZoom {
 100% {transform:scale(1.1)
  } 
}
	.slide p{
		position: absolute;
		top: 30%;
		left: 70px;
        margin:0;
		padding:0;
		font-weight:700;
		color:#fff;
		font-size:32px;
		line-height:170%;
		letter-spacing:2px;
		text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.4), 2px 3px 3px rgba(0, 0, 0, 0.4);
		width:100%;
}


/* ケンタクの理念 */
.full3{margin:0px calc(50% - 50vw) 0px;
	width: 100vw;}

.topcampany{
	width:100%;
	margin:0;
	padding:0;
	display:flex;
}
.hidaribox{width:50%;}
.hidaribox img{max-width:none;}
.migibox{width:50%;writing-mode:vertical-rl;display:flex;justify-content:center;}
.migi-naka{padding: 0 calc(40vw - 50%);position:relative;}
.tatemoji{position:absolute;width:55px;top:0;z-index:1;}
p.catch-copy{
	font-size:32px;
    text-shadow:1px 1px 5px #fff,1px 1px 5px #fff, 1px 1px 5px #fff,-1px -1px 5px #fff,1px -1px 5px #fff,-1px 1px 5px #fff;
    position:sticky;
	z-index:2;
	font-weight:600;
}

p.company-p01{
	font-size:24px;padding:0 20px;padding-top:40px;
    text-shadow:1px 1px 5px #fff,1px 1px 5px #fff, 1px 1px 5px #fff,-1px -1px 5px #fff,1px -1px 5px #fff,-1px 1px 5px #fff;}
p.readbun{
	font-size:18px;
	line-height:230%;padding-top:110px;
	text-shadow: 1px 1px 5px #fff,
		1px 1px 5px #fff,
		1px 1px 5px #fff,
    -1px -1px 5px #fff,
    1px -1px 5px #fff,
    -1px 1px 5px #fff;}

span.oomoji{font-size:44px;font-weight:600;}
.ban-box{display:flex;justify-content:flex-end;}
a.btn.btn-brown{
	font-size:18px;
	color:#fff;
	background-color:#4d3721;
	padding:20px 15px 55px 15px;
	transition:0.3s;
	margin-bottom:70px;
}
span.yoko-text{text-combine-upright: all;}

a.btn.btn-brown:hover{background-color:#8f663d;}


/* ボタン矢印 */
.btn{
	position: relative;
	display: inline-block;
	padding: 0 0 0 16px;
	color: #000;
	vertical-align: middle;
	text-decoration: none;
	font-size: 15px;
}
.btn::before,
.btn::after{
	position: absolute;
	bottom: 10px;
	left: 50%;
	transform:translate(-50%, -50%);
	content: "";
	vertical-align: middle;
}

.btn-brown::before{
	width: 20px;
	height: 20px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #a78341;
}


.btn-brown::after{
	bottom:25px;
	left: 42%;
	width: 8px;
	height: 8px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* 横のボタン */
.ban-yokobox{margin-top:30px;text-align:center;}
a.btn02.btn-brown02{
	font-size:18px;
	color:#fff;
	background-color:#4d3721;
	padding:10px 50px 10px 35px;
	transition:0.3s;
}
a.btn02.btn-brown02:hover{background-color:#8f663d;}

/* 横ボタン矢印 */
.btn02{
	position: relative;
	display: inline-block;
	padding: 0 0 0 16px;
	color: #000;
	vertical-align: middle;
	text-decoration: none;
	font-size: 15px;
}
.btn02::before,
.btn02::after{
	position: absolute;
	bottom: 5px;
	left: 85%;
	transform:translate(-50%, -50%);
	content: "";
	vertical-align: middle;
}

.btn-brown02::before{
	width: 20px;
	height: 20px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #a78341;
}
.btn-brown02::after{
	bottom:21px;
	left: 82%;
	width: 8px;
	height: 8px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* 横のボタン */
.ban-yokobox{margin-top:30px;text-align:center;}
a.btn02.btn-brown02{
	font-size:18px;
	color:#fff;
	background-color:#4d3721;
	padding:10px 50px 10px 35px;
	transition:0.3s;
}
/* 横ボタン矢印 */
.btn02{
	position: relative;
	display: inline-block;
	padding: 0 0 0 16px;
	color: #000;
	vertical-align: middle;
	text-decoration: none;
	font-size: 15px;
}
.btn02::before,
.btn02::after{
	position: absolute;
	bottom: 5px;
	left: 85%;
	transform:translate(-50%, -50%);
	content: "";
	vertical-align: middle;
}

.btn-brown02::before{
	width: 20px;
	height: 20px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #a78341;
}
.btn-brown02::after{
	bottom:21px;
	left: 82%;
	width: 8px;
	height: 8px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* 施工事例 */
.sekou-container{position:relative;margin-top:80px;}
.top-title{font-size:32px;}
.eigo-title{position:absolute;width:30%;top:-15px;left:27%;z-index:-1;}

.jamp{display: block;
    padding-top: 70px;
    margin-top: -70px;}


/* 画像を無限ループ */
	@keyframes infinity-scroll-left {
from {
  transform: translateX(0);
}
  to {
  transform: translateX(-100%);
}
}
.scroll-infinity__wrap {
  display: flex;
  overflow: hidden;
}
.scroll-infinity__list {
  display: flex;
  list-style: none;
  padding: 0
}
.scroll-infinity__list--left {
  animation: infinity-scroll-left 80s infinite linear 0.5s both;
}
.scroll-infinity__item>img {
  width: 100%;
}
.scroll-infinity__item{width:calc(180vw / 8);}
.scroll-infinity{margin: 0 calc(50% - 50vw);}
ul.scroll-infinity__list.scroll-infinity__list--left{margin:0;}
li.scroll-infinity__item{padding:0 8px;}
/* スクロールここまで */

.ban-topyokobox{text-align:center;}


/* 事業内容 */
.eigo-title02{position:absolute;width:20%;top:-15px;left:27%;z-index:-1;}
.business-container{width:750px;margin:0 auto;}
.business-img{margin-top:16px;}
.haiku-siro{background-color:#fff;height:260px;}
.business-text{
	background-image:url('http://kentaku.main.jp/wp/wp-content/uploads/2026/02/jigyou-iconbg.jpg');
	padding-top:15px;
	font-size:20px;
	font-weight:600;
	height:100px;
	display:grid;
	align-items:center;
}

.wp-block-column.business-text a{color:#4D3721;transition:0.3s;}
.wp-block-column.business-text a:hover{color:#8f663d;}

/* お客様の声 */
.eigo-title03{position:absolute;width:20%;top:-15px;left:27%;z-index:-1;}
.koe-container{width:900px;margin:0 auto;}
.koe-box{background-color:#fff;padding:20px;border-radius:20px;box-shadow:0 0 15px #595757;}
.tate-mannaka{display:grid;align-items:center;font-size:22px;padding-top:10px;}
.koe-boxue{margin-bottom:0;}
.koe-box p{margin-bottom:0;text-align: justify;text-justify: inter-ideograph; /* Edge */}

/* Instagram */
.insta-box{position:relative;margin-top:80px;}
.eigo-title04{position:absolute;width:20%;top:-15px;left:27%;z-index:-1;}

/* フッター */
.kentaku-footer{background-color:#4d3721;padding:60px 0;}
.footer-container{display:flex;align-items:center;}
.footer-box01{width:50%;text-align:right;padding-right:30px;}
.footer-box02{width:50%;color:#fff;padding-left:30px;}
img.wp-image-333{width:200px;}

.l-footer__foot{background-color:#4d3721;margin-top:-2px;}
.l-footer .copyright{color:#fff;font-size:16px;padding-bottom:50px;}
.l-footer__nav a{color:#fff;}

.footer-box02 a:hover{opacity:0.5;}
.footer-box02 a{transition:0.3s;}

/* ヘッダーの右上固定ボタン */
.textwidget.custom-html-widget{margin-top:-72px;}

.header-navFixed{top: -330px;right:0;position:fixed;z-index:9;transition: top 1.5s;}
.ue-box{
  display: block;
  color: #fff;
  background-color: #4d3721;
  font-size: 20px;
  font-weight: bold;
  text-decoration: none;
  padding: 10px;
	width: 50px;
	height: 120px; 
	transition:0.3s;
}
.ue{writing-mode: vertical-rl;}
.ue02{margin:0;padding-top:10px;}
.ue-box:hover{background-color:#8f663d;}


.shita-box{
  display: block;
  color: #fff;
  background-color: #4d3721;
  font-size: 20px;
  font-weight: bold;
  text-decoration: none;
  padding: 10px;
	width: 50px;
	height: 180px; 
	margin-top:20px;
	transition:0.3s;
}
.shita{writing-mode: vertical-rl;}
.shita02{margin:0;padding-top:10px;}
.shita-box:hover{background-color:#8f663d;}

/* 固定ヘッダーが表示されたときのスタイル */
#js-header.is-show {
  top: 70px; /* 隠していたヘッダーを表示 */
}


/* スマホヘッダーswellのスマホ固定メニュー */
#fix_bottom_menu .menu_list{height:80px;background-color:#4d3721;}
#fix_bottom_menu .menu-item i:before{color:#fff!important;}
#fix_bottom_menu span{font-size:16px;margin-top:15px;color:#fff;}
.icon-menu-thin:before{font-size:26px;}
.icon-phone:before{font-size:26px;}
.icon-mail:before{font-size:26px;}

/* topへ戻るボタン */
.c-fixBtn{background:#00823a;border:1px solid #00823a;color:#fff;}


/* 2階層ヘッダー */
h1.c-pageTitle{display:none;}
span.ni-oomoji{font-size:38px;}

h2.ni-title{
	padding: 10px;
	background-image: linear-gradient(90deg, #009844 0 40%, #87c022 20%);
    background-repeat: no-repeat;
    background-size: 100% 10%;
    background-position: bottom;
    font-weight: bold;
    font-size: 26px;
	display: inline;
}

.nikaisou-header{position:relative; width: 100vw;height: 350px; margin-top:20px;margin-left:40px;}
.right-full-image {
	width: 100%;
  height: 100%;
	object-fit: cover;
	object-position: right center; 
   display: block;
  margin-left: auto;
  margin-right: 0; 
}

/* 会社案内ページ */
.wp-block-columns.mannaka{text-align:center;}
h3.wp-block-heading.has-text-align-center.midorikasen{
	display: inline-block; /* 下線を文字幅に合わせるためinline-blockにする */
	border-bottom:solid 4px #009844;
    padding-bottom: 5px;
}

h3.midorikasen{
	display: inline-block; /* 下線を文字幅に合わせるためinline-blockにする */
	border-bottom:solid 4px #009844;
    padding-bottom: 5px;
}
.mannaka{text-align:center;}

.wp-block-column.omoi-text{line-height:240%;}
.kodakari-container{
	display:flex;
	justify-content:center;
	flex-wrap: wrap;
	width:900px;
	margin:0 auto;
	
}
.kodakari-box{
	text-align:center;
	padding:20px;
	
	
}

.kodakari-inbox{
	width:250px;
	height:250px;
	border-radius:50%;
	background-color:#fff;
	position:relative;
	border:solid 1px #ccc;
}

p.Kodakari-text{
	width:250px;
	color:#4d3721;
	font-size:20px;
	font-weight:600;
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
}
.kodawari-circle{
	position:absolute;
	border:solid 2px #a0cff0;
	width:250px;
	height:250px;
	border-radius:50%;
    top:-8px;
	left:-4px;
}

table {
  margin: 20px auto;
}
th.midori{background-color: #a8deb7!important;}
.tbl-box th {
    background: #fff;
    border: solid 1px #87c022;
    padding: 10px;
	width:15%;
	text-align:center;
	font-weight:normal;
}
.tbl-box td {
	border: solid 1px #87c022;
    padding: 10px;
	width:80%;
}
td.kimidori{background-color: #e0f2b5!important;}

.tbl-box td a{color:#4d3721;text-decoration:none;transition:0.3s;}
.tbl-box td a:hover{color:#ba9415;}

iframe.lazyloaded{margin-left:0;}


/* タイムライン */
.timeline {
  list-style: none;
}
.timeline > li {
  margin-bottom: 60px;
}
.timeline > li {
    overflow: hidden;
    margin: 0;
    position: relative;
  }
  .timeline-date {width:150px;float: left;padding-bottom:30px;}
  .timeline-content {
    width: 75%;
    float: left;
    border-left: 3px #e5e5d1 solid;
    padding-left: 30px;
	  padding-bottom:30px;
  }
  .timeline-content:before {
    content: '';
    width: 16px;
    height: 16px;
    background: #efa64c;
    position: absolute;
    left: 143px;
    top: 10px;
    border-radius: 100%;
  }


/* 事業内容ページ */
.wp-block-column.title-migi{padding-top:30px;}
h3.wp-block-heading.jigyou-h3{border-left:5px solid #009844;padding-left:15px;margin-left:-30px;}


.no-reverse{
  display: flex;
  justify-content: space-between;
  max-width: 1200px;
  margin: auto;
}

.reverse{
	display: flex;
  justify-content: space-between;
  max-width: 1200px;
  margin: auto;
	flex-direction: row-reverse;
}

.column{width: 40%;}
.column01{width: 60%;}
.column01 p{text-align:justify;}

/*右側へ要素を広げる（2カラム）*/
.column-outside-right{
    flex: 1;
    margin-right: calc(50% - 50vw);
    margin-left: 20px;
}

p.puchi-title{margin-top:30px;}

/*左側へ要素を広げる（2カラム）*/
.column-outside-left{
    flex: 1;
    margin-left: calc(50% - 50vw);
    margin-right: 20px;
}

.jigyou-container{display:flex;align-items:center;}
.jigyou-box01{width:10%;}
.jigyou-box02{width:90%;}
h3.jigyou-h302{border-left:5px solid #009844;padding-left:15px;margin-left:-10px;}


/* ご契約の流れ */
.wp-block-column.midori-suuji p{font-size:36px;font-weight:700;text-align:right;color:#009844;}
.wp-block-column.chu-moji{height:60px;line-height:60px;}
.wp-block-column.chu-moji p{font-size:22px;font-weight:600;}
.swell-block-fullWide.pc-py-60.sp-py-40.alignfull.nagar-zentai{margin-bottom:-100px!important;}

.keiyaku-jamp{display: block;
    padding-top: 70px;
margin-top: -70px;}

/* 施工事例ページ */
a._self{color:#4d3721;}
p.pt-cv-title{text-align:center;}

/* お問い合わせページ */
p.komoji{font-size:16px;}
input.otoiawase{width:100%!important;}
input.bangou{width:100px!important;margin-bottom:10px;}
p.toiawase-p{font-weight:700;margin-bottom:5px;margin-top:30px;}
input[type="email"]{width:100%;}
textarea{width:100%;}
input.kakunin{margin-top:20px;background-color:#87c022;color:#fff;}
button, input, select, textarea{border:solid 1px #87c022;}

/* プライバシーポリシー部分 */
.policy-title{font-size:22px;font-weight:600; margin-bottom:10px;}


/*media Queries タブレット（2000px）以上で適応したいCSS -タブレット・PC
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 2000px) {


/* ここまで	 */	
}





/*media Queries スマートフォンとタブレットサイズ（1536px以下）で適応したいCSS - スマホ・タブレット
---------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 1536px){

/* topお客様の声 */
	.swell-block-fullWide.pc-py-60.sp-py-40.has-bg-img.alignfull.koe-bgimg.lazyloaded{background-image:url('http://kentaku.main.jp/wp/wp-content/uploads/2026/02/koe-bg-tab.jpg')!important;}


/* ここまで	 */	
}





/*media Queries スマートフォンとタブレットサイズ（1366px以下）で適応したいCSS - スマホ・タブレット
---------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 1366px) {

/* ２階層ヘッダー */
	.nikaisou-header{height:300px;}

/* ここまで	 */
}




/*media Queries スマートフォンとタブレットサイズ（1280px以下）で適応したいCSS - スマホ・タブレット
---------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 1280px) {

/* 事業内容ページ */
	.column img{height:380px;object-fit:cover;object-position:right center;}


/* ここまで	 */
}






/*media Queries スマートフォンとタブレットサイズ（1194px以下）で適応したいCSS - スマホ・タブレット
---------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 1194px) {

/* 2階層でテキストが他とズレるもの */
.nikaisou-text{padding:0 35px;text-align:justify;}

	
/* 事業案内ページ	 */
	.wp-block-column.title-hidari{flex-basis:13%!important;}
	

/* ここまで	 */
}






/*media Queries スマートフォンとタブレットサイズ（1080px以下）で適応したいCSS - スマホ・タブレット
---------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 1080px) {
	
/* 会社概要ページ */
	.wp-block-column.omoi-text{line-height:220%;}


/* ここまで	 */
}


/*media Queries スマートフォンとタブレットサイズ（1024px以下）で適応したいCSS - スマホ・タブレット
---------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 1024px) {

/* topスライダー */
	.slide p{font-size:28px;}
	
/* top会社概要 */
	.topcampany{display:block;}
	.hidaribox{width:100%;}
	.hidaribox img{display:none;}
	.migibox{
		width:100%;
		background-image:url('http://kentaku.main.jp/wp/wp-content/uploads/2026/02/gaiyou-img.jpg');
		background-repeat:no-repeat;
        background-position:center;
	}
	.migi-naka{padding:0 calc(50vw - 50%);padding-top:20px;}

/* top施工例	 */
	.scroll-infinity__item {width: calc(220vw / 8);}

	/* 会社概要ページ */
	.wp-block-column.omoi-text{line-height:200%;}

/* ここまで	 */
}




/*media Queries スマートフォンとタブレットサイズ（959px以下）で適応したいCSS - スマホ・タブレット
---------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 959px) {

/* topお客様の声 */
	.swell-block-fullWide.pc-py-60.sp-py-40.has-bg-img.alignfull.koe-bgimg.lazyloaded{
		background-image:url('http://kentaku.main.jp/wp/wp-content/uploads/2026/02/koe-bg960.jpg')!important;
	}
	.koe-container{width:100%;}
	.tate-mannaka{font-size:20px;}

/* topへ戻るボタン	 */
	.c-fixBtn{margin-bottom:30px;}
	

/* swellのフッター固定メニュー	 */
	.c-widget__title.-spmenu{background-color:#4d3721;}
	

	
/* ヘッダー	 */
	.l-fixHeader, .l-header__gnav{display:block;}	
	.l-fixHeader__inner.l-container{text-align:center;}	
	.l-fixHeader__gnav.c-gnavWrap{display:none;}
	.c-headLogo{height:60px;}
	.l-fixHeader__logo{padding:8px 0;display:block;margin-right:0;}
	img.c-headLogo__img.-common{margin:auto;}
	a.c-headLogo__link{padding:6px!important;}
	
	#js-header.is-show{top:80px;}
	
/* ハンバーガーメニュー */
	.-left .p-spMenu__closeBtn{top:90px;}
	.p-spMenu__body{margin-top:90px;}
	.c-widget__title.-spmenu{display:none;}
	ul.c-spnav.c-listMenu{margin-top:30px;}

	
/* ２階層ヘッダー */
	.nikaisou-header{height:230px;}	
	.l-fixHeader__logo{margin:0 auto;}
	nav#gnav{display:none;}
	
/* 2階層でテキストが他とズレるもの */
.nikaisou-text{padding:0;}	

/* 2階層会社案内ページ	 */
	.kodakari-container{width:100%;}
	
/* 事業内容ページ	 */
	h3.wp-block-heading.jigyou-h3{margin-left:-10px;}
	.no-reverse{flex-direction: column-reverse;}
	.reverse{flex-direction: column-reverse;}
	.column01{width:100%;}
	.column{width:100%;}
	.column img{height:100%;}
	.column-outside-right{margin-left:0;margin-top:20px;}
	
	.wp-block-column.title-hidari{flex-basis:10%!important;}
	.wp-block-column.title-migi{flex-basis:90%!important;padding-top:33px;}
	
	section{display:block;}	
	.column-outside-left{margin:0;}
	
	.pc-akiya-title{display:none;}
	
	
/* ここまで	 */
}



/*media Queries タブレットサイズ（600px～959px）のみで適応したいCSS -タブレットのみ
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 600px) and (max-width: 959px) {


	/*-- ここまで --*/
}	



/*media Queries PCサイズ（960px）以上で適応したいCSS - PCのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (min-width: 960px) {
	
/* 事業案内ページ	 */
	.sma-akiya-title{display:none;}
	
/* ここまで	 */		
	
}

/*media Queries PCサイズ（782px）以上で適応したいCSS - PCのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (min-width: 782px) {
	

/* 	top事業内容 */
	.business-container-tabsma{display:none;}

/* ここまで	 */		
	
}




/*media Queries PCサイズ（700px）以上で適応したいCSS - PCのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (min-width: 700px) {
	

/* 	topヘッダー */
	.full2{display:none;}

/* ここまで	 */		
	
}

/*media Queries PCサイズ（631px）以上で適応したいCSS - PCのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (min-width: 631px) {
	
/* 会社案内ページ */
	img.wp-image-390.luminous.lazyloaded{display:none;}
	
	
/* ここまで	 */		
	
}


/*media Queries PCサイズ（441px）以上で適応したいCSS - PCのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (min-width: 441px) {
	
/* top会社概要	 */
	.ban-yokobox{display:none;}
	
/* ここまで	 */		
	
}	


/*media Queries スマホサイズ（834px）以下で適応したいCSS - スマホのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (max-width: 834px) {

/* top事業内容 */
	.business-container{width:100%;}
	.front-page .wp-block-columns{flex-wrap:nowrap!important;}
	.business-container-tabsma{width:600px;margin:0 auto;}

	/* topお客様の声 */
.tate-mannaka{font-size:18px;}

	
/* ２階層ヘッダー */
	.nikaisou-header{height:200px;}		
	
/* 会社概要ページ */
	.wp-block-column.omoi-text{line-height:180%;}	
	
/* 事業案内ページ */
	/* ご契約の流れ */
	.wp-block-column.chu-moji{height:auto;line-height:unset;}
	.wp-block-column.midori-suuji p{font-size:26px;}
	.wp-block-column.chu-moji p{font-size:19px;}
	
/* フッター */
	.l-footer__inner{margin-bottom:-20px;}
	
	
/* ここまで	 */		
	
}


/*media Queries スマホサイズ（781px）以下で適応したいCSS - スマホのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (max-width: 781px) {


/* 	top事業内容 */
	.business-container{display:none;}
	
	.wp-block-columns.business-container-tabsma.u-mb-ctrl.u-mb-40{flex-wrap:unset!important;}
	.wp-block-columns.business-container-tabsma.u-mb-ctrl.u-mb-50{flex-wrap:unset!important;}
/* 	topお客様の声 */
	.wp-block-columns.koe-boxue{flex-wrap:wrap!important;margin-top:10px;}
	.wp-block-column.tate-mannaka{padding-top:0;}
	.wp-block-column.hito-icon img{margin-bottom:-20px;}

/* フッター	 */
	.kentaku-footer{padding:40px 0;}
	.footer-container{display:block;}
	.footer-box01{width:100%;text-align:center;padding-right:0;}
	.footer-box02{width:100%;padding-left:0;text-align:center;padding-top:20px;}
	

	/* 会社概要ページ */
	.wp-block-column.omoi-text{text-align:center;}
	
/* 事業案内ページ */
	.wp-block-column.title-hidari img{width:120px!important;}
	.wp-block-column.title-migi{padding-top:0;}
	h3.wp-block-heading.jigyou-h3{border:none;text-align:center;border-bottom:solid 4px #009844;display:inline-block;margin-left:0;padding:5px;}
	.wp-block-column.title-migi{text-align:center;}
	
	img.wp-image-173.luminous.ls-is-cached.lazyloaded{width:140px!important;margin-bottom:-20px;}
	img.wp-image-168.luminous.ls-is-cached.lazyloaded{width:130px!important;}
	
	
  /* ご契約の流れ	 */
	.wp-block-columns.nagare-hidari-box{flex-wrap:nowrap!important;}
	.wp-block-column.chu-moji{height:40px;line-height:40px;}
	.wp-block-column.chu-moji p{margin-left:-30px;}
	.wp-block-column.nagar-migi{margin-top:-20px!important;}
	.wp-block-column.midori-suuji p{margin-right:20px;}
	
/* ここまで	 */		
	
}




/*media Queries スマホサイズ（768px）以下で適応したいCSS - スマホのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (max-width: 768px) {
	
/* topスライダー	 */
	.slide p{left:50px;}

/* topタイトルの英字	 */
	.eigo-title{width:35%;left:15%;}
	.eigo-title02{width:25%;}
	.eigo-title03{width:25%;}
	.eigo-title04{width:25%;}

/* 右上ボタン非表示	 */
	.migi-button{display:none;}	
	
/* ここまで	 */		
	
}



/*media Queries スマホサイズ（699px）以下で適応したいCSS - スマホのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (max-width: 699px) {

/* 	topヘッダー */
	.full{display:none;}

/* top会社概要	 */
	span.oomoji{font-size:40px;}
	p.catch-copy{font-size:30px;}
	.tatemoji{width:60px;}
	p.company-p01{font-size:22px;}
	p.readbun{font-size:16px;line-height:210%;padding-top:80px;}
	a.btn.btn-brown{margin-right:10px;margin-bottom:30px;}

	/* top施工例	 */
	.scroll-infinity__item {width: calc(250vw / 8);}

/* top事業内容	 */
	.business-container-tabsma{width:100%;}
	
/* fixedヘッダー */
a.c-headLogo__link{padding:10px!important;}

/* ２階層ヘッダー */
	.nikaisou-header{height:160px;}		
	
/* 会社案内ページ　表	 */
	.tbl-box th{border-bottom: none;display: block;width: 100%;}
.tbl-box td {border-bottom: none;display: block;width: 100%;}
	th.midori{background-color:#e0f2b5!important;}
	td.kimidori{background-color:#fff!important;}
	th.midori02{background-color:#e0f2b5!important;}
	.tbl-box td{text-align:center;}
	td.last{border-bottom: solid 1px #87c022;}
	
/* 	タイムライン */
	ul.timeline{padding:0;}
	.timeline-date{float:none;}
	.timeline-content{width:100%;}
	.timeline-content:before{left:6px;top:7px;}
	.timeline-date{padding-bottom:0;border-bottom:3px #e5e5d1 solid;margin-bottom:5px;margin-left:30px;}
	.timeline-content{border-left:none;}
	
/* ここまで	 */		
}



/*media Queries スマホサイズ（630px）以下で適応したいCSS - スマホのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (max-width: 630px) {
	
/* 2階層　会社案内ページ	 */
	.kodakari-box{padding:10px;}
	.kodakari-inbox{width:230px;height:230px;}
	.kodawari-circle{width:230px;height:230px;}
	img.wp-image-359.luminous.ls-is-cached.lazyloaded{display:none;}
	img.wp-image-390.luminous.lazyloaded{margin-top:-100px;}

/* ここまで	 */		
}




/*media Queries スマホサイズ（599px）以下で適応したいCSS - スマホのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (max-width: 599px) {

/* topスライダー	 */
	.slide p{left:70px;}
	
/* top施工例	 */
	.scroll-infinity__item {width: calc(300vw / 8);}	

/* topお客様の声	 */
	.koe-container{flex-wrap:wrap!important;width:100%;padding:0 10px;}
	.tate-mannaka{font-size:20px;}
	.koe-box p{font-size:16px;}
	.wp-block-column.hito-icon img{margin-bottom:-40px;}

/* topタイトルの英字	 */
	.eigo-title{width:50%;left:5%;}
	.eigo-title02{width:35%;left:20%;}
	.eigo-title03{width:35%;left:20%;}
	.eigo-title04{width:35%;left:20%;}	

/* 2階層会社概要 */
	.page-id-21 p{font-size:18px;}
	h3.wp-block-heading.has-text-align-center.midorikasen{font-size:24px;}
	
/* 事業案内ページ	 */
	.column01 p{font-size:18px;}
	p.puchi-title{font-size:22px;font-weight:700;}
	h3.wp-block-heading.jigyou-h3{font-size:24px;}

	.wp-block-column.nagar-migi p{font-size:18px;text-align:justify;}
	
/* ここまで	 */			
}





/*media Queries スマホサイズ（499px）以下で適応したいCSS - スマホのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (max-width: 499px) {
	
/* topスライダー	 */
	.slide p{font-size:22px;top:40%;}


/* top会社概要 */
	p.company-p01{padding:0 10px;}
	p.readbun{font-size:15px;line-height:180%;padding-top:40px;}

	
/* top施工例	 */
	.scroll-infinity__item {width: calc(350vw / 8);}	

/* topタイトルの英字	 */
	.eigo-title{width:65%;left:5%;}
	.eigo-title02{width:45%;left:10%;}
	.eigo-title03{width:45%;left:10%;}
	.eigo-title04{width:45%;left:10%;top:-10px;}		
	
/* ２階層ヘッダー */
	.nikaisou-header{height:140px;}		

/* ２階層共通	 */
	h3.midorikasen{font-size:24px;}	
	
/* ここまで	 */			
}



/*media Queries スマホサイズ（440px）以下で適応したいCSS - スマホのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (max-width: 440px) {

/* topスライダー	 */
	.slide p{left:45px;top:40%;}

/* top会社概要	 */
	.ban-box{display:none;}
/* 	 */

/* ここまで	 */			
}




/*media Queries スマホサイズ（390px）以下で適応したいCSS - スマホのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (max-width: 390px) {

/* topスライダー	 */
	.slide p{font-size:20px;left:32px;}

	
/* top声 */
	.wp-block-column.hito-icon img{margin-bottom:-20px;}
	
/* ここまで	 */			
}




/*media Queries スマホサイズ（360px）以下で適応したいCSS - スマホのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (max-width: 360px) {

/* topスライダー	 */
	.slide p{left:20px;}

/* top会社案内	 */
	.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{flex-basis:100%!important;}
	.wp-block-column.haiku-siro{margin-bottom:40px!important;}
	.wp-block-columns.business-container-tabsma{margin-bottom:30px!important;}

/* ここまで	 */			
}