@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
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*ALL*/
.article h1, .article h2, .article h3, .article h4, .article h5{
	line-height:1.5;
	background-color:rgba(0,0,0,0);
	border:none;
}
.archive-title{
	display:none;
}
.page .entry-title {
display: none;
}
.main{
	padding:0px;
}
.content{
	margin-top:0px;
}
.entry-content{
	margin-top:0px;
	margin-bottom:0px;
}
.content-bottom{
	margin:0px;
}
.body .article{
	margin-bottom:0px;
}
.entry-content>*{
	margin-bottom:0px;
}
a{
	text-decoration:none;
}
.date-tags{
	margin-bottom:0px;
}
.is-list-horizontal.large-thumb .widget-entry-card-link{
	max-width:300px;
	background-color:white;
	border-radius:10px;
	margin:15px;
	box-shadow:0px 3px 6px rgba(0, 0, 0, 0.16);
	padding:0px;
}
.widget-entry-cards.card-large-image figure{
	margin-top:0px;
}
.is-list-horizontal.large-thumb .card-title{
	margin:10px 15px;
	text-align:left;
}

/*共通CTA*/
.cta_footer{
	background-image:url('http://metal-matching.net/wp-content/uploads/2023/07/footer_sample@2x.png');
	background-size:cover;
	background-repeat:no-repeat;
	padding:100px 80px;
	border-bottom:solid 30px #FFE9B2;
}
.cta_footer h1{
	color:white;
}
.cta_footer p{
	display:block;
	max-width:600px;
}
.cta_footer a{
	display:block;
	padding:10px 0px;
	width:280px;
	border-radius:5px;
	margin:15px 0px;
	text-align:center;
	box-shadow:0px 3px 6px rgba(0, 0, 0, 0.16);
	font-weight:bold;
}
.cta_footer_biz{
	background-color:#003366;
	color:white;
}
.cta_footer_lab{
	border:solid 3px #003366;
	color:#003366;
}
a:hover{
	background-color:white;
	color:#003366;
	transition-duration:0.3s;
}
/*共通設定*/
.orange_text{
	color:#FFB700;
}
.header-container{
	box-shadow:0px 3px 6px rgba(0, 0, 0, 0.16);
}
	.pc_none{
		display:none;
	}
.flex{
	display:flex;
}
.wrap-meta{
	flex-wrap:wrap;
}
.zabuton_box{
	border-radius:10px;
	box-shadow:0px 3px 6px rgba(0, 0, 0, 0.16);
	background-color:white;
}
.all_content{
	margin-right:80px;
	margin-left:80px;
}
.bold{
	font-weight:bold;
}
.center{
	text-align:center;
}
.left{
	text-align:left;
}
h1{
	font-size:18px;
	letter-spacing:3.4px;
}
.content_links{
	text-decoration:none;
	color:black;
	font-weight:bold;
	display:block;
	width:180px;
	margin:60px auto;
	padding-bottom:10px;
	border-bottom:solid 1px #FFB700;
}
.entry-card .cat-label{
display: none;
}
/*ヘッダーメニュー*/
.menu-top{
	font-weight:bold;
}
.hlt-top-menu{
	flex-wrap:nowrap;
}
.menu-item{
	margin:10px;
}
.new-menu-bottun{
	background: linear-gradient(90deg,#FFB700, #F28F00);
	border-radius:100px;
}
.login-menu-bottun{
	background:#FFE9B2;
	border-radius:100px;
}
.data-menu-bottun {
  background: #ffffff;                   /* 背景色を白に */
  border: none;                          /* 通常の border は使わない */
  box-shadow: inset 0 0 0 2px #faa900;   /* 内側に“擬似的な”枠線を引く */
  border-radius: 100px;                  /* 角を丸く（box-shadow にも反映） */
}

.data-menu-bottun a{
	color: #faa900 !important;
}

.new-menu-bottun a{
	color:white !important;
}
.login-menu-bottun a{
	position:relative;
	color:#F28F00 !important;
}
.new-menu-bottun a :hover{
	color:#F28F00;
}
.login-menu-bottun a :hover{
	position:relative;
	color:#F28F00 !important;
}
#navi .navi-in a:after{
position: absolute;/*線の位置を絶対配置に*/
content: "";/*文字はなし*/
left: 0px;/*線の位置*/
bottom: 1px;/*線の位置*/
height: 1px;/*線の高さ*/
width: 100%;/*幅いっぱいに線を引く*/
background: #F28F00;/*線の色*/
transform: scale(0,1);/*マウスオーバーの前は線を消す*/
transition: 0.3s;/*線が0→100%になるまでの秒数*/
	color:#F28F00;
}

#navi .navi-in a:hover:after{
transform: scale(1);/*マウスオーバー後、線を100%出す*/
	color:#F28F00;
	border-color:white;
}
/*TOPーファーストビュー*/
.all_fv{
	background-image:url('http://metal-matching.net/wp-content/uploads/2023/07/めたまっちTOP-FV.png');
	background-size:cover;
	padding-bottom:50px;
}
.fv_in{
	background-image:url('http://metal-matching.net/wp-content/uploads/2023/07/めたまっちTOP-FVimage.png');
	background-size:63%;
	background-repeat:no-repeat;
	background-position:right;
	padding:50px 80px;
}
.fv_text1{
	max-width:230px;
}
.fv_goldback{
	background-color:#8B4513;
	padding:auto;
	color:white;
	text-align:center;
	border-radius:300px;
	font-size:24px;
	font-weight:bold;
}
.fv_goldtext{
	color:#8B4513;
	display:flex;
	justify-content: space-between;
}
.fv_goldtext p{
	border-bottom:solid 3px #8B4513;
	border-radius:3px;
	font-weight:800;
	font-size:20px;
}
.fv_text2{
	font-size:54px;
	font-weight:bold;
}
.ctr_biz{
	background: linear-gradient(90deg,#FFB700, #F28F00);
	font-weight:bold;
	width:320px;
	text-align:center;
	padding-top:15px;
	padding-bottom:15px;
	border-radius:5px;
	margin-bottom:5px;
	margin-top:20px;
	box-shadow:0px 3px 6px rgb(0, 0, 0, 0.16);
	display:block;
	color:white;
}
.ctr_lab{
	border:solid 2px #F28F00;
	font-weight:bold;
	width:320px;
	text-align:center;
	padding-top:15px;
	padding-bottom:15px;
	border-radius:5px;
	margin-bottom:15px;
	box-shadow:0px 3px 6px rgb(0, 0, 0, 0.16);
	color:#F28F00;
	display:block;
}
.fv_top_moon{
	background-image:url('http://metal-matching.net/wp-content/uploads/2023/07/FV_top_moon.png');
	width:320px;
	background-size:cover;
	height:62px;
	text-align:center;
	color:#8B4513;
	font-weight:bold;
	padding-top:5px;
	margin-top:10px;
}
.moon_in{
	color:#F28F00;
	font-size:32px;
}
/*共通_固定タイトル*/
.lemon_title{
	background-color:#FFF9EF;
	padding:20px 200px;
	justify-content:space-between;
	align-items:center;
}
.title_in{
	width:400px;
}
.title_in h1{
	font-size:24px;
}
.title_in p{
	font-weight:bold;
}
.lemon_title img{
	width:280px;
}
.orange_link{
	background-color:#FFB700;
	padding:10px 200px;
	padding-bottom:2px;
	color:white;
	font-weight:bold;
}
.orange_link a{
	color:white;
}
/*TOPーサービス概要*/
.top_one{
	padding:130px 17px;
	text-align:center;
}
.top_one h1{
	color:#E4E4E4;
}
.top_one h2{
	padding-top:17px;
}
.orange_back{
	padding-top:130px;
	padding-bottom:150px;
	background-image:url('http://metal-matching.net/wp-content/uploads/2023/07/FV_top_orangez.png');
	background-size:cover;
}
.p_left{
	max-width:950px;
	margin:10px auto;
	text-align:left;
}
.service{
	max-width:50%;
	min-width:300px;
	text-align:center;
	margin:20px auto;
}
.compare{
	max-width:80%;
	min-width:300px;
	text-align:center;
	margin:20px auto;
}
/*TOPー3つの特徴*/
.top_two h1{
	color:#E4E4E4;
}
.top_two h3{
	font-size:18px;
	color:#8B4513;
}
.top_two{
	background-image:url('http://metal-matching.net/wp-content/uploads/2023/07/FV_top_back.png');
	background-size:contain;
	background-repeat:no-repeat;
	background-position:right;
	padding-top:100px;
	text-align:center;
}
.top_two_in{
	justify-content: center;
	
}
.point_all{
	margin:10px 20px;
	width:320px;
}
.point_all img{
	width:150px;
	height:150px;
}
.big-point{
	font-size:36px;
	font-weight:bold;
	margin-bottom:0px;
	line-height:1.15;
}
.small-point{
	font-size:14px;
	font-weight:bold;
	line-height:1rem;
}
.p_left{
	text-align:left;
}
/*TOPー記事ゾーン*/
.top_three{
	max-width:1080px;
	padding:20px;
	margin:160px auto;
}
.top_three h2{
	padding:20px 0px;
}
	.list{
		margin:20px 200px;
	}
/*TOPー成功事例ゾーン*/
.top_four h1{
	color:white;
}
.lemon_back{
	background-color:#FFE9B2;
	margin:150px 0px;
	padding:100px 15px;
}
.top_four_out{
	margin:25px auto;
	max-width:1080px;
}
.top_four_out img{
	width:330px;
}
.p_date{
	font-size:14px;
	text-align:left;
}
.title_case{
	font-size:16px;
	text-align:left;
}
.text_case{
	font-size:16px;
	text-align:left;
}
.top_four_in{
	margin:16px 16px 16px 20px;
}
.top_four_in a{
	float:right;
	margin-bottom:0px;
}
/*TOPー流れ*/
.top_five{
	max-width:780px;
	margin:0px auto;
}
.top_five h1, .top_five h2{
	text-align:center;
}
.top_five h1{
	color:#E4E4E4;
}
.five_num{
	background:linear-gradient(90deg,#FFB700, #F28F00);
	color:white;
	display:block;
	font-weight:bold;
	width:50px;
	height:50px;
	text-align:center;
	padding-top:9px;
	position:relative;
	top:25px;
	left:-25px;
	border-radius:100px;
}
.top_five_in{
	padding:17px 16px;
	margin:0px auto;
}
.top_five_in h3{
	font-size:18px;
	color:#8B4513;
	padding-left:0px;
}
.top_five_in p{
	font-size:16px;
}
.five_num p{
	font-size:21px;
}
.top_five_one{
	margin:10px;
}
.top_five_in img{
	width:200px;
}
/*TOPーplice*/
.top_six{
	max-width:780px;
	margin:150px auto;
}
.top_six h1{
	text-align:center;
	color:#E4E4E4;
}
.top_six h2{
	text-align:center;
	padding-bottom:0px;
}
.top_six p{
	font-size:16px;
	margin-top:30px;
}
/*TOPーservices*/
.top_seven_out{
	background-color:#FFE9B2;
	padding:10px 0px;
}
.top_seven_in h1{
	color:white;
}
.top_seven_in p{
	font-size:16px;
	margin-top:25px;
}
.top_seven_in a{
	width:200px;
	margin:30px auto;
}
/*factoryー一覧*/
.factory_one{
	text-align:center;
	max-width:320px;
	margin:0 auto;
}
.factory_one_all{
	text-align:center;
	padding:130px 200px 0px 200px;
}
.factory_one p{
	text-align:left;
	font-size:16px;
}
.factory_one_all img{
	margin:40px 0px;
}
.ect-vertical-card .entry-card-wrap{
	box-shadow:0px 0px 3px rgba(0, 0, 0, 0.16);
	border-radius:10px;
	margin-bottom:20px;
}
.ect-vertical-card .entry-card-wrap .entry-card-content{
	padding:1.5%;
}
.a-wrap{
	padding:0px;
	padding-bottom:8px;
}
.e-card-title{
	margin-bottom:10px;
}
/*関連サービス*/
.service_flow{
	margin:100px 100px;
	margin-bottom:200px;
}
.service_head{
	padding:100px 25px;
	font-weight:bold;
	background-color:#FFF9EF;
}
.service_head p{
	color:#FAA900;
}
.service_head img{
	max-width:250px;
}
.orange_service{
	background-color:#FFE9B2;
}
.factory_one_all{
	padding-bottom:120px;
}
.service_num_out{
	justify-content:space-between;
	margin:20px 25px;
}
.service_num_in img{
	width:100px;
}
.service_num_in{
	width:200px;
	margin:15px 10px;
	text-align:center;
}
.service_num{
	top:-25px;
	left:75px;
	text-align:center;
}
/*コンタクト*/
.contact_form{
	max-width:700px;
	margin:0px auto;
	padding:15px;
	margin-bottom:200px;
}
/*プラポリ*/
.post-3{
	max-width:700px;
	margin:25px auto;
	padding:20px;
}
.post-3 h2{
	font-size:18px;
	line-height:1.15;
	padding:10px ;
	margin-top:20px;
	margin-bottom:15px;
	background-color:whitesmoke;
}
.post-3 h1{
	font-size:24px;
	margin-bottom:25px;
}
.post-3 p{
	font-size:16px;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	.wrap-meta{
		flex-wrap:wrap;
	}
	.all_content{
		margin-left:35px;
		margin-right:35px;
	}
	.search-menu-button{
		display:none;
	}
	.has-logo-button .logo-menu-button{
		order:1;
	}
	.mobile-header-menu-buttons{
		padding-left:70px;
	}
	.menu-button{
		order:10;
	}
	.logo{
		display:none;
	}
	.menu-content{
		font-weight:bold;
		text-align:center;
	}
	main.main{
		padding:0px;
	}
	.sp_none{
		display:none;
	}
	.pc_none{
		display:block;
	}
	.all_content{
		margin-left:65px;
		margin-right:65px;
	}
	.lemon_title {
		padding:20px 50px;
	}
	.lemon_title img {
		width:150px;
	}
	.orange_link{
		padding:5px 50px;
		padding-top:11px;
	}
	.factory_one_all{
		padding:100px;
	}
	.list{
		margin:10px 100px;
	}
	.service_num_out{
		justify-content:left;
	}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
  /*TOPーFV*/
	.fv_in{
		padding:140px 20px;
	}
	.fv_text1{
		width:180px;
	}
	.fv_goldback{
		font-size:18px;
	}
	.fv_goldtext p{
		font-size:16px;
	}
	.fv_text2{
		font-size:34px;
	}
	.fv_in{
		padding:40px 20px;
	}
	.top_six{
		margin:100px 20px;
	}
	.ctr_biz{
		width:250px;
	}
	.ctr_lab{
		width:250px;
	}
	.cta_footer a{
		width:250px;
	}
	.fv_top_moon{
		width:250px;
		background-size:contain;
		background-repeat:no-repeat;
	}
	.moon_in{
		font-size:24px;
	}
	.all_content{
		margin-left:15px;
		margin-right:15px;
	}
  /*TOPーコンテンツ*/
	.orange_back{
		padding-top:80px;
		padding-bottom:100px;
	}
	.top_one{
		padding:60px 22px;
	}
	.five_num{
		margin:0px auto;
		position:relative;
		left:0px;
	}
	.cta_footer{
		padding:60px 20px;
	}
	.top_four_out{
		flex-wrap:wrap;
		margin:25px 20px;
	}
	.top_four_out img{
		width:100%;
		border-radius:10px 10px 0px 0px;
	}
	.top_five_in img{
		display:none;
	}
	.top_five_in h3{
		text-align:center;
	}
	.text_case{
		display:none;
	}
  /*下層ページーバー*/
	
	.lemon_title{
		padding:20px;
		text-align:center;
	}
	.lemon_title{
		padding:20px;
		justify-content:center;
	}
	.lemon_title p{
		display:block;
		text-align:center;
	}
	.lemon_title{
		padding:20px;
		text-align:center;
	}
	.lemon_title img{
		width:50px;
	}
	.orange_link{
		padding:5px 20px;
		padding-top:11px;
	}
	.factory_one_all{
		padding:60px  20px;
	}
	.list{
		margin:20px;
	}
	.service_num_out{
		justify-content:center;
	}
	.service_head{
		padding:60px 20px;
	}
}

.entry-card-snippet, .related-entry-card-snippet {display: none;}

.single-image-container {
  display: flex;
  justify-content: center; /* 画像を中央寄せ */
  align-items: center; /* 縦方向も中央揃え */
  max-width: 100%;
  overflow: hidden; /* はみ出しを防ぐ */
}

.single-image-container figure {
  margin: 0;
  padding: 0;
  max-width: 100%;
  height: auto;
}

.single-image-container img {
  width: 100%; /* 画像が親要素の幅にフィット */
  height: auto; /* 高さを自動調整 */
  max-height: 100vh; /* 画面の高さ以上に表示されないように */
  object-fit: contain; /* 画像を縮小して全体を表示 */
  display: block;
}


.image-container {
  display: flex;
  gap: 20px; /* 画像の間隔を20pxに維持 */
  max-width: 100%;
  overflow-x: auto;
  justify-content: center;
  padding: 0 10px; /* 左右に余白を確保して見切れ防止 */
  box-sizing: border-box; /* 余白を含めた幅調整 */
}

.image-container figure {
  margin: 0;
  padding: 0;
  flex: 1;
  max-width: calc(50% - 10px); /* gap の半分を考慮 */
}

.image-container img {
  width: 100%;
  height: auto;
  display: block;
}

/* スマホ対応 */
@media (max-width: 768px) {
  .image-container {
    flex-wrap: wrap; /* 画面が狭いときは折り返し */
    justify-content: center;
  }

  .image-container figure {
    max-width: 100%; /* スマホでは幅いっぱいに */
  }
}


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