@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
@media screen and (min-width: 768px){
.br-sp {display: none; }
}
#content {
	width:auto;
	margin:0 auto;
}
h1.entry-title {display:none;}
/*ヘッダー▼*/
.header {display:none;}
.header_img_pc {
	width:600px;
	display:block;
	margin:10px auto 20px auto;
}
.header_img_sp {display:none;}
.navi-in > ul {
	width:80%;
	margin:0 auto;
	border-bottom:1px solid #000;
}
/*ヘッダー▲*/
/*topページ▼*/
.top_ttlimg {
	width: 80%;
	margin: 0 auto;
}
h1.title {
	text-align:center;
	font-size: 45px;
	margin:10px 0;
	color:#004ea2;
	font-family: 'Noto Serif JP', sans-serif;
}
.small {font-size:27px;}
.image {width: 100%;}
.image_sp {display:none;}
.naiyo {
	width: 75%;
	margin: 80px auto 0 auto;
}
/*施工内容1▼*/
.naiyo1 {
	display: flex;
	flex-direction: row;
	gap: 2%;
	justify-content: space-between;
}
.ttl_icon {width: 10%;}
.ttl_icon img {width:100%;}
.naiyo1flex1 {width:60%;}
.naiyo1flex2 {
	display: flex;
	flex-direction: row;
	align-items: center;
	height: 10%;
}
.number {
	color: #004ea2;
	font-family: 'Noto Serif JP', sans-serif;
	font-size: 60px;
}
.ttl_txt {
	font-family: 'Noto Serif JP', sans-serif;
	font-size: 24px;
	line-height: 1.2;
	font-weight: 700;
}
.txt_small {font-size:18px;}
.midashi {
	background: #004EA0;
	color: #fff;
	text-align: center;
	margin: 15px 0;
	font-size: 20px;
	font-weight: 500;
}
.naiyo1txt {
	line-height: 1.5;
	font-size:17px;
	margin-bottom:10px;
}
.niyo1img1 {}
.naiyo1img2 {
	width:30%;
	padding-top: 80px;
}
.naiyo1-2 {margin-left:12%;}
.naiyo1flex3 {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	margin-bottom:40px;
}
.naiyo1flex3-1 {width:63%;}
.midashigray {
	background: #5d6970;
	color: #fff;
	text-align: center;
	margin: 0 0 15px 0;
	font-size: 20px;
	font-weight: 500;
}
img.konnan {width:34%;}
.naiyo1flex4 {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-bottom:40px;
}
.naiyo1frel4-1 {width:100%;}
.mobile_flex {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	width: 61%;
}
.yobou_txt {
	width:90%;
	margin-top: 65px;
	font-family: 'Noto Serif JP', sans-serif;
	line-height:1.3;
	text-align:justify;
}
.yoboutxt2 {
	font-size:22px;
	font-weight:bold;
	color:#004ea2;
}
.naiyo1img2sp {display:none;}
/*施工内容1▲*/
/*施工内容2▼*/
.naiyo2 {margin-bottom:50px;}
.naiyo2flex {
	display: flex;
	align-items: center;
	margin-left: 12%;
}
.number2 {
	color: #004ea2;
	font-family: 'Noto Serif JP', sans-serif;
	font-size: 60px;
}
.naiyo2img {
	width:88%;
	margin: 0 0 0 auto;
	display: block;
}
.naiyo2imgsp {display:none;}
.naiyo2txt {
	margin: 0 0 0 auto;
	width: 88%;
	text-align: center;
	font-size: 23px;
	font-weight: bold;
	line-height:1.5;
}
.shikaku {
	background: #004ea2;
	color: #fff;
	padding: 0 3px;
}
.bigtxt {
	font-size:35px;
	color:#bf0008;
}
/*施工内容2▲*/
/*施工内容3▼*/
.number3 {
	color: #004ea2;
	font-family: 'Noto Serif JP', sans-serif;
	font-size: 60px;
}
.naiyo3flex {
	display: flex;
	align-items: center;
	margin-left: 12%;
}
.midashi3 {
	background: #004EA0;
	color: #fff;
	text-align: center;
	margin: 0 0 15px 0;
	font-size: 20px;
	font-weight: 500;
	margin-left: 12%;
	width: 58%;
}
.naiyo3img {
	width:88%;
	margin: 0 0 0 auto;
	display: block;
	margin-bottom:40px;
}
/*施工内容3▲*/
/*問題解決▼*/
.mondai_flex {
	display: flex;
	align-items: center;
	gap: 2%;
}
.mondai_kakomi {
	background: #ad0003;
	padding: 5px 15px;
	color: #fff;
	font-size:16px;
}
.mondai_kakomi2 {
	background: #ad0003;
	padding: 5px 31px;
	color: #fff;
	font-size:16px;
}
.mondai_kakomi3 {
	background: #ad0003;
	padding: 5px 39px;
	color: #fff;
	font-size:16px;
}
.mondai_img_flex {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: flex-start;
	gap:20px;
	margin-bottom:50px;
}
.mondai_img {width:48%;}
/*問題解決▲*/
/*リンクボタン▼*/
.linkbut {
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	gap: 30px;
}
.linkbut1, .linkbut2 {
	font-size: 23px;
	border: 1px solid;
	padding: 0 50px;
	border-radius: 10px;
}
.linkbut1 {margin-left:12%;}
.linkbut1 a, .linkbut2 a {
	text-decoration:none;
	color:#000;
}
.linkbut1:hover, .linkbut2:hover {
	background:#004ea2;
	border:1px solid #004ea2;
}
.linkbut1 a:hover, .linkbut2 a:hover {color:#fff;}
/*リンクボタン▲*/
/*topページ▲*/

/*料金ページ▼*/
.price {
	width:75%;
	margin:0 auto;
}
.price_ttl {
	font-family: 'Noto Serif JP', sans-serif;
	font-size: 24px;
	line-height: 1.2;
	font-weight: 700;
	margin-bottom: 10px;
}
.price_txt {
	font-family: 'Noto Serif JP', sans-serif;
	font-size:16px;
}
.price.list {margin-bottom:30px;}
/*リンクボタン▼*/
.linkbut_price {
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	gap: 30px;
}
.linkbut_price1, .linkbut_price2 {
	font-size: 23px;
	border: 1px solid;
	padding: 0 50px;
	border-radius: 10px;
}
.linkbut_price1:hover, .linkbut_price2:hover {
	background:#004ea2;
	border:1px solid #004ea2;
}
.linkbut_price1 a, .linkbut_price2 a {
	text-decoration:none;
	color:#000;
}
.linkbut_price1 a:hover, .linkbut_price2 a:hover {color:#fff;}
/*リンクボタン▲*/
/*料金ページ▲*/

/*施工例ページ▼*/
.construction_yokoku {
	font-family: 'Noto Serif JP', sans-serif;
	font-size: 24px;
	line-height: 1.2;
	font-weight: 700;
	margin-bottom: 10px;
	text-align:center;
	margin-bottom:30px;
}
.sekou_ichiran {
	width: 80%;
    margin: 0 auto;
}
.sekou-list {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 5%;
}
.sekou_link {
	text-decoration:none;
	color:#000;
}
.sekou_link:hover {color:#004ea2;}
.sekou-kobetu {
	display: flex;
    flex-direction: column;
    width: 30%;
	margin-bottom:30px;
}
.sekou_ttl {
	font-size:16px;
	font-weight:bold;
	margin-top:-5px;
	display:black;
}
.entry-categories-tags.ctdt-one-row, #related-entries, #pager-post-navi {display:none;}
/*リンクボタン▼*/
.linkbut_con {
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	gap: 30px;
}
.linkbut_con1, .linkbut_con2 {
	font-size: 23px;
	border: 1px solid;
	padding: 0 50px;
	border-radius: 10px;
}
.linkbut_con1:hover, .linkbut_con2:hover {
	background:#004ea2;
	border:1px solid #004ea2;
}
.linkbut_con1 a, .linkbut_con2 a {
	text-decoration:none;
	color:#000;
}
.linkbut_con1 a:hover, .linkbut_con2 a:hover {color:#fff;}
/*リンクボタン▲*/
/*施工例ページ▲*/

/*フッター▼*/
.footer-in {width:auto;}
.footer {
	margin-top:0;
	padding:0;
}
.footer-bottom {display:none;}
.footer-left, .footer-right {display:none;}
.footer-center {
	width:100%;
	padding:0;
	background-image:url("/wp-content/uploads/2024/08/back-scaled.webp")
}
.f_menu {text-align:center;}
.f_menu a {
	margin:0 30px;
	color:#000;
	text-decoration:none;
}
.f_menu a:hover {color:#004ea2;}

.footer1 {
	display: flex;
    flex-direction: row;
    width: 65%;
    margin: 0 auto;
    justify-content: space-between;
}
.f_l {width:58%}
.footer2 {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-bottom: 20px;
}
.footer3 {
	display: flex;
	flex-direction: row;
	align-items: center;
}
.footer3 a {width:100%;}
.footer3 a img {width:100%;}
.f_r {
	width:40%;
	display: flex;
	flex-direction: row;
	gap: 10px;
	align-items: center;
}
.ig a {
	display:block;
	text-align:center;
}
.igimg {width:80%}
.lineimg {width:100%;}
.copyright {
	text-align:center;
	font-size:15px;
}
/*フッター▲*/

/*ハンバーガーメニュー*/
.hamburger {
  display : block;
  position: fixed;
  z-index : 11;
  right : 50px;
  top: 50px;
  width : 42px;
  height: 42px;
  cursor: pointer;
  text-align: center;
}
.hamburger span {
  display : block;
  position: absolute;
  width   : 30px;
  height  : 2px ;
  left    : 6px;
  background : #555;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition   : 0.3s ease-in-out;
  transition        : 0.3s ease-in-out;
}
.hamburger span:nth-child(1) {
  top: 10px;
}
.hamburger span:nth-child(2) {
  top: 20px;
}
.hamburger span:nth-child(3) {
  top: 30px;
}
/* ナビ開いてる時のボタン */
.hamburger.active span:nth-child(1) {
  top : 16px;
  left: 6px;
  -webkit-transform: rotate(-45deg);
  -moz-transform   : rotate(-45deg);
  transform        : rotate(-45deg);
	background-color:#fff;
}
.hamburger.active span:nth-child(2),
.hamburger.active span:nth-child(3) {
  top: 16px;
  -webkit-transform: rotate(45deg);
  -moz-transform   : rotate(45deg);
  transform        : rotate(45deg);
	background-color:#fff;
}
nav.globalMenuSp {
  position: fixed;
  z-index : 10;
  top  : 0;
  right : 0;
  color: #000;
  background: #ffffff00;
  text-align: center;
  transform: translateX(100%);
  transition: all 0.6s;
  width: 100%;
	height: 100%;
}
nav.globalMenuSp ul {
  background: rgba(0,0,0,0.7);;
  margin: 0 auto;
  padding-top: 100px;
  width: 100%;
	height: 100%;
	padding-left: 0;
	padding-right:0;
}
nav.globalMenuSp ul li {
  list-style-type: none;
  padding: 0;
  width: 100%;
}
nav.globalMenuSp ul li:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
nav.globalMenuSp ul li:hover{
  background :#004ea2;
}

nav.globalMenuSp ul li a {
	display: block;
	color: #fff;
	padding: 1em 0;
	text-decoration :none;
	text-align: left;
	margin: 0 auto;
	width: 300px;
}
/* このクラスを、jQueryで付与・削除する */
nav.globalMenuSp.active {
  transform: translateX(0%);
}
/*---ここまでハンバーガー---*/

/*EGR▼*/
/* 全体のコンテナ */
.egr-container {
    max-width: 800px;
    margin: 40px auto;
    padding: 20px;
    font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    line-height: 1.8;
    color: #333;
    background-color: #fff;
}

/* メインタイトル */
.egr-main-title {
    font-size: 28px;
    font-weight: bold;
    border-left: 8px solid #0055aa;
    padding: 10px 20px;
    margin-bottom: 30px;
    background-color: #f0f7ff;
}

/* セクションの見出し */
.egr-sub-title {
    font-size: 20px;
    font-weight: bold;
    margin: 40px 0 20px 0;
    padding-bottom: 10px;
    border-bottom: 2px solid #eee;
    color: #0055aa;
}

/* テキストブロック */
.egr-text {
    margin-bottom: 20px;
    text-align: justify;
}

/* 強調テキスト */
.egr-highlight-text {
    display: inline;
    font-weight: bold;
    color: #d32f2f;
}

.egr-bold {
    display: inline;
    font-weight: bold;
}

/* リスト形式のセクション */
.egr-list {
    margin: 20px 0;
}

.egr-list-item {
    margin-bottom: 25px;
    padding: 15px;
    background-color: #fafafa;
    border-radius: 5px;
}

.egr-list-title {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 8px;
    color: #222;
}

.egr-list-detail {
    font-size: 15px;
    color: #555;
}

/* 構造パーツのボックス */
.egr-feature-box {
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 20px;
    border-radius: 8px;
}

.egr-feature-item {
    padding: 8px 0;
    border-bottom: 1px dotted #ccc;
}

.egr-feature-item:last-child {
    border-bottom: none;
}

/* セクション間の区切り */
.egr-section {
    margin-bottom: 40px;
}
/*EGR▲*/
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	main.main {padding:0 15px;}
	/*ヘッダー▼*/
	.header_img_pc {display:none;}
	.header_img_sp {
		display:block;
		width:60%;
		margin-left:10px;
	}
	.hamburger {
		right: 10px;
		top: 10px;
	}
	/*ヘッダー▲*/
	.top_ttlimg {width:auto;}
	h1.title {font-size:27px;}
	.small {font-size:20px;}
	/*内容1▼*/
	.image {display:none;}
	.image_sp {display:block;}
	.naiyo {
		width:auto;
		margin:0;
	}
	.naiyo1 {
		display: flex;
		flex-direction: column;
	}
	.naiyo1flex1 {
		width:auto;
		margin-bottom:30px;
	}
	.ttl_icon {
		width:17%;
		margin-bottom:-20px;
	}
	.ttl_txt {font-size:22px;}
	.naiyo1flex2 {align-items: flex-end;}
	.number {padding-bottom:6px;}
	.midashi {font-size:18px;}
	.naiyo1txt {
		font-size:15px;
		line-height:1.5;
	}
	.naiyo1flex1 img {
		width:80%;
		display:block;
		margin:0 auto;
	}
	.naiyo1img2 {display:none;}
	.naiyo1-2 {margin-left:0;}
	.naiyo1flex3 {
		align-items: flex-end;
		margin-bottom:30px;
	}
	.naiyo1flex3-1 {width:69%;}
	.midashigray {font-size:18px;}
	img.konnan {width:33%;}
	.naiyo1flex4 {display:block;}
	.yobou_txt {
		margin-top:0;
		font-size:15px;
		line-height:1.5;
	}
	.mobile_flex {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		width: auto;
		align-items: flex-end;
		gap:15px;
	}
	.yoboutxt2 {font-size:18px;}
	.naiyo1img2sp {
		display:block;
		width:32%;
	}
	/*内容1▲*/
	/*内容2▼*/
	.number2 {padding-bottom:35px;}
	.naiyo2flex {
		display: flex;
		align-items: flex-end;
		margin-left: 0;
		margin-bottom:15px;
	}
	.naiyo2img {display:none;}
	.naiyo2imgsp {
		display:block;
		margin-bottom:15px;
	}
	.naiyo2txt {
		margin:0;
		width:auto;
		font-size:18px;
	}
	.shikaku {padding:3px;}
	.bigtxt {font-size:22px;}
	/*内容2▲*/
	/*内容3▼*/
	.naiyo3flex {margin-left:0px;}
	.midashi3 {
		font-size:18px;
		margin-left:0;
		width:auto;
	}
	.naiyo3img {
		width:auto;
		margin:0;
		margin-bottom:20px;
	}
	/*内容3▲*/
	/*リンクボタン▼*/
	.linkbut {margin-bottom:40px;}
	.linkbut1 {margin-left:0;}
	.linkbut1, .linkbut2 {
		font-size:15px;
		padding:0 20px;
		border-radius:7px;
	}
	/*リンクボタン▲*/
	/*問題解決▼*/
	.ttl_txt {
		font-size:23px;
		line-height:1.3;
	}
	.mondai_flex {display:block;}
	.mondai_ttl {
		text-align:center;
		margin:20px 0 10px 0;
	}
	.mondai_img_flex {
		display: flex;
    gap: 20px;
    margin-bottom: 50px;
    flex-direction: column;
    align-content: center;
    align-items: center;
	}
	.mondai_kakomi, .mondai_kakomi2, .mondai_kakomi3 {font-size:14px;}
	.mondai_kakomi {padding:5px 6px;}
	.mondai_kakomi2 {padding:5px 20px;}
	.mondai_kakomi3 {padding:5px 27px;}
	.mondai_img_flex {
		justify-content: space-between;
		gap:0;
		margin-bottom:10px;
	}
	.mondai_img {
		width:auto;
		margin-bottom:10px;
	}
	/*問題解決▲*/
	/*料金ページ▼*/
	.price {width:auto;}
	.price_txt {font-size:15px;}
	.linkbut_price1, .linkbut_price2 {
		font-size:15px;
		padding:0 20px;
		border-radius:7px;
		margin-top:20px;
	}
	/*料金ページ▲*/
	/* 施工例▼*/
	.linkbut_con1, .linkbut_con2 {
		font-size:15px;
		padding:0 20px;
		border-radius:7px;
		margin-top:20px;
	}
	/*施工例▲*/
	/*フッター▼*/
	.sp_footer {
		width:90%;
		margin:0 auto;
	}
	.f_r {
		width:auto;
		display:flex;
		margin: 20px auto;
		justify-content: center;
		gap:30px;
	}
	.ig {width:46%;}
	.igimg {width:100%;}
	.lineimg {width:200px;}
	.copyright {font-size:13px;}
	.footer-widgets-mobile {
		display: block;
		background-image:url("/wp-content/uploads/2024/08/back-scaled.webp");
		background-repeat: no-repeat;
		background-position: top;
		background-size: cover;
		padding: 20px 0 5px 0;
		margin: 0;
	}
	.mobile-menu-buttons {display:none;}
	.footer-mobile {padding:0;}
	#custom_html-4 {margin-bottom:0;}
	/*フッター▲*/
}