@charset "utf-8";

input[type="submit"] {
  -webkit-appearance: none;
  border-radius: 0;
}


.zoom-target {
  transform: scale(0.8);
  transition: transform 0.6s ease-out;
  opacity: 0;
  transition: transform 0.6s ease-out, opacity 0.6s ease-out;
}

.zoom-target.active {
  transform: scale(1.0);
  opacity: 1;
}



/* フェードイン用のCSS */
.show2 {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.6s ease-out;
}

.show2.active {
  opacity: 1;
  transform: translateY(0);
}




.sidesubmenu_navbutton  {
  position: relative;
}

.child {
    display: none;
}

.sidesubmenu-item a{
	height: 59px;
    background-color: #3EA60C;
    color: #fff!important;
    padding-left: 10px;
    display:block;
    width:100%;
 
}	
.sidesubmenu-item a:visited  {
    color: #fff!important;
}






.wp-pagenavi {
	clear: both;
	text-align:center;
	padding-top:40px;
	padding-bottom:40px;

}
.wp-pagenavi a, .wp-pagenavi span {
	color: #3EA60C;
	background-color: #FFFFFF;
	padding: 8px 15px;
	margin: 0 2px;
	white-space: nowrap;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	text-align: center;
	text-decoration: none;
	border: thin solid #3EA60C;
}
.wp-pagenavi a:hover{
	color: #fff!important;
	background-color: #3EA60C;
    }
.wp-pagenavi span.current{
	color: #fff!important;
	background-color: #3EA60C;
    }
	
	
	






/* =============================================================================
   基本設定
   ========================================================================== */


*, *:before, *:after {
box-sizing: border-box;

}


html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:bottom;
    background:transparent;
    font-style: normal;
    font-weight: normal;
  
}




/**html**/
html{
	height:100%;
	width: 100%;
	margin: 0!important;
    padding: 0!important;
}




body {
	color: #333;line-height: 1.6;
	font-size: 16px;
	font-family: "Hiragino Kaku Gothic ProN", "Meiryo", "Noto Sans JP", sans-serif;
	margin: 0!important;
    padding: 0!important;
    width: 100%;
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
  background-repeat: no-repeat;
}

#overwrap {overflow: hidden;position: relative;}
a {color: #333;text-decoration: none;}
a:hover {color: #FF9326;-webkit-transition: 0.3s ease-in-out;-moz-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;}
a:hover img {opacity: 0.8;filter: alpha(opacity=80);-moz-opacity: 0.8;-webkit-transition: 0.3s ease-in-out;-moz-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;}
img {width: auto;max-width: 100%;height: auto;vertical-align: bottom;}
em {font-style: normal;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;}
ul {list-style: none;}
sup {vertical-align: super;}
sub {vertical-align: sub;}


p{margin: 0;padding: 0;}


a:visited,
a:active {
  color: #BBBBBB; /* 現在のテキスト色を維持 */
}


/* ========================================================================== */
.mincho {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	-o-transform: rotate(0.028deg);
	-ms-transform: rotate(0.028deg);
	-moz-transform: rotate(0.028deg);
	-webkit-transform: rotate(0.028deg);
	transform: rotate(0.028deg);
}



html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: transparent !important;

}

/* コンテンツ全体をラップ */
.wrapper {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
 
  position: relative;
  margin: 0 auto;
  width: 100%;
  background-color: transparent !important;
}





/**clear**/
.clear:after {
 content:".";
 display:block;
 visibility:hidden;
 clear:both;
 height:0;
}

.clear{
	min-height:1px;
	clear: both;
	float: none;

}












/* =========================PC=========================================== */
@media screen and (min-width: 768px) {


	/*page-top*/
	#page-top {
		position: fixed;
		bottom: 50px;
		right: 50px;
		font-size: 77%;
		z-index: 100;
	}
	#page-top a {
		text-decoration: none;
		width: 80px;
		text-align: center;
		display: block;
		border-radius: 5px;
		background-image: url(../img/top_bt.png);
		height: 80px;
		padding-top: 0px;
		padding-right: 0;
		padding-bottom: 0px;
		padding-left: 0;
		text-indent: -9999px;
		background-repeat: no-repeat;
	}
	#page-top a:hover {
		background-image: url(../img/top_bt.png);
		background-repeat: no-repeat;
		background-position: 0px -80px;
		height: 80px;
		width: 80px;
			transition: color 0.5s;
	}
 
 
 
  

.sp {
	display: none;
}


.inners {
  width: 830px;
  margin: 0 auto;
}


.insta-gallery {
  width: 1000px;
    margin: 0 auto;
}

.head_menu {
  width: 100%;
  height: 85px;
  background-color: #12253F;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  transition: height 0.3s ease;
}

.head_menu.scroll {
  height: 40px;
}

.head_menu h2 {
  margin: 0;
}

.head_menu img {
  max-height: 100%;
  height: auto;
  display: block;
}

.head_menu.scroll img {
  height: 30px;
   transition: height 0.3s ease;
}



/* 幅830px、中央寄せ（既存指定） */
.inners {
  width: 830px;
  margin: 0 auto;
}

/* 上部キャプション */
.head_cap {
  font-size: 1.0rem;
  color: #444;
  margin-bottom: 20px;
  text-align: left;
  padding-top:100px;
  padding-bottom:20px;
  padding-left:20px;
}

/* メイン見出し（画像） */
.head_01 {
  text-align: center;
  margin-bottom: 40px;
}

.head_01 h1 img {
  max-width: 100%;
  height: auto;
}


/* メインビジュアル画像全体 */
.main-image {
  position: relative; /* 子要素の絶対配置の基準にする */
  text-align: center;
  margin-bottom: 30px;
}

/* 背景画像 */
.main-image_img img {
  width: 100%;
  max-height: 400px;
  height: auto;
  object-fit: cover;
  border-radius: 4px;
  display: block;
}

/* テキスト画像を上に重ねる */
.main-image_img_txt {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none; /* 任意：クリック無効化（背景扱いにする場合） */
}

.main-image_img_txt img {
  max-width: 90%; /* サイズ調整は必要に応じて */
  height: auto;
}




/* テキスト部分 */
.head_txt {
  font-size: 1.2rem;
  line-height: 2;
  color: #222;
  text-align: center;
  margin-bottom: 50px;
}





/* 全体背景色 */
.problems {
  background-color: #fde5c8; /* ベージュ系 */
  padding: 60px 0;
}

/* セクション内幅調整 */
.problems_inner {
  text-align: center;
}

/* 「もっと自由に…」のキャッチ */
.intro_01 {
  width: 450px;
  margin: 0 auto 20px auto;
  font-size: 1.2rem;
  color: #555;
  text-align: center;
  background: url("../img/intro_01_bk.jpg") no-repeat center center;
  background-size: cover;
 
 
}

.intro_01 span {
  color: #f26b5b; /* 強調オレンジ */
  font-weight: bold;
}

/* メイン見出し */
.problems_01 h2 {
  font-size: 2.0rem;
  font-weight: bold;
  margin-bottom: 40px;
  color: #000;
  font-family: "hiragino-kaku-gothic-pron", sans-serif;
}

/* 各お悩みアイテムの並び */
.problems_02 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 40px;
}

/* 個別お悩みカード */
.problems_02_child {
  width: calc(25% - 15px);
  background: #fff;
  border-radius: 8px;
  padding: 10px;
  box-sizing: border-box;
}

/* イラスト画像 */
.problems_02_child_img img {
  width: 100%;
  height: auto;
  border-radius: 4px;
}

/* 各テキスト */
.problems_02_child_txt {
  font-size: 0.9rem;
  line-height: 1.6;
  margin-top: 10px;
  color: #333;
}

/* ↓矢印アイコン */
.problems_03 {
  margin-bottom: 40px;
  margin-top: 60px;
}
.problems_03 img {
 
}

/* 電球アイコン */
.problems_04 img {
 
  margin-bottom: 15px;
}

/* 「困ったをできたに！」のコピー */
.problems_04 h2 {
font-family: "hiragino-kaku-gothic-pron", sans-serif;
  font-size: 2.0rem;
  font-weight: bold;
  line-height: 1.8;
  color: #000;
}
.problems_04 h2 span {
  color: #E83829;
  font-weight: bold;
  font-size: 2.5rem;
}

.problems_bk01 {
  width: 100%;
  height: 52px;
  background-color: #FDE5C3;
  background-image: url("../img/problems_bk01.jpg");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: auto;
}


.problems_bk02 {
  width: 100%;
  height: 52px;
  background-color: #fff;
  background-image: url("../img/problems_bk02.jpg");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: auto;
}





/* セクション全体 */
.features {
  background-color: #fff;
  padding: 80px 0;
  text-align: center;
}

/* セクション見出し */
.features_01 h2 {
  font-size: 2.0rem;
  font-weight: bold;
  margin-bottom: 80px;
  margin-top: 100px;
  font-family: "hiragino-kaku-gothic-pron", sans-serif;
}

/* 特徴ブロック全体 */
.features_02 {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  margin-bottom: 80px;
  max-width: 830px;
  margin-left: auto;
  margin-right: auto;
}

/* 各特徴ブロック */
.features_02_child {
  width: 100%;
  max-width: 300px;
  text-align: left;
}

/* 画像 */
.features_02_child_img img {
  width: 100%;
  height: auto;
  border-radius: 4px;
  margin-bottom: 20px;
  border: 1px solid #D7D7D7;
}

/* サブ見出し */
.features_02_child_txt01 h3 {
  font-size: 15px;
  font-weight: bold;
  color: #EC5415;
  line-height: 1.6;
  margin-bottom: 20px;
}


/* 見出し内の一部カラー変更用（任意で指定可） */
.features_02_child_txt01 h3 span {
  color: #f26b5b;
}

/* 本文 */
.features_02_child_txt02 {
  font-size: 14px;
  color: #333;
  line-height: 1.8;
}

/* 問い合わせブロック */
.features_03 {
  background-color: #EFEFEF;
  padding: 40px 20px;
  text-align: center;
  max-width:830px;
  margin:0 auto;
  
}

/* 問い合わせメッセージ */
.features_03_txt {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 30px;
}
.features_03_txt span {
  color: #F39801;
}
.features_03_txt .small {
  font-size: 14px;
  font-weight: normal;
  margin-top: 5px;
  color: #000;
}

/* 問い合わせ２カラム */
.features_03_01 {
  display: flex;
  justify-content: center;
  gap: 60px;
  flex-wrap: wrap;
}

/* 電話ブロック・WEBブロック共通 */
.features_03_01_01,
.features_03_01_02 {
  background: #fff;
  padding: 20px 30px;
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(0,0,0,0.08);
  text-align: center;
  width:350px;
}

/* 電話タイトル・WEBタイトル */
.features_03_01_01_a,
.features_03_01_02_a {
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 10px;
}

.features_03_01_01_b {
  display: flex;
  align-items: center; /* ← これで縦中央に */
  justify-content: center; /* ← 水平中央（必要に応じて） */
  gap: 10px; /* ← アイコンと文字の間隔（任意） */
}



/* 電話番号・リンク */
.features_03_01_01_b a {
  font-size: 24px;
  font-weight: bold;
  color: #F39801;
  text-decoration: none;
    line-height: 1; /* 縦揃えに影響しないように調整 */
}


.features_03_01_02_b a {
  font-size: 16px;
  font-weight: bold;
  color: #fff; /* 白文字 */
  background-color: #F39801; /* 背景オレンジ */
  text-decoration: none;
  display: inline-block;
  padding: 10px 20px;
  border-radius: 6px;
      line-height: 1; /* 縦揃えに影響しないように調整 */
}




.features_03_01_01_b img {
margin-right:15px;
}

.features_03_01_02_b img {
margin-right:15px;
}



.features_03_01_01_c,
.features_03_01_02_c {
  font-size: 13px;
  color: #555;
  margin-top: 5px;
}



.examples {
  background-color: #FFFDE8;
  text-align: center;
  height:300px;
  padding-top:200px;
  
}

.examples_01 {
max-width:830px;

margin:0px auto;
}


.examples_01 h2 {
  font-size: 40px;
  font-weight: bold;
  color: #000;
   font-family: "hiragino-kaku-gothic-pron", sans-serif;
  
}

.examples_bk01 {
  width: 100%;
  height: 52px;
  background-color: #FFFDE8;
  background-image: url("../img/examples_bk01.jpg");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: auto;
}




.examples_01b {
  height: 135px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff; /* 背景白 */
  flex-direction: column;
}

.examples_01b h3 {
  font-size: 24px;
  font-weight: bold;
  color: #1c2b3a; /* 濃紺に近い色（画像見本より近似） */
  margin: 0;
  position: relative;
}

/* 装飾のボーダー線 */
.examples_01b h3::after {
  content: "";
  display: block;
  width: 40px;
  height: 3px;
  background-color: #333;
  margin: 8px auto 0 auto;
}



.insta-gallery {
padding-top:40px;
text-align:center;
}



/* セクション全体 */
.works {
  background-color: #FFFDE8;
  width: 100%;
  padding: 80px 0;
}

/* 内包ブロック */
.works_inner {
  width: 830px;
  margin: 0 auto;
  text-align: center;
}

/* 電球アイコン（再利用） */
.problems_04 img {
  height: auto;
  margin-bottom: 15px;
}

/* 見出しテキスト */
.works_01 p {
  font-size: 20px;
  margin: 4px 0;
  color: #000;
  line-height: 1.8;
  font-family: "hiragino-kaku-gothic-pron", sans-serif;
}

.works_01 .works_midashi {
  font-size: 20px;
  font-weight: bold;
  margin: 10px 0;
  color: #000;
  line-height: 1; /* 縦位置の安定に貢献 */
    vertical-align: middle; /* ←これが中央揃えに効く */
}

.works_01 .works_midashi span {
  color: #EC5411;
  font-weight: bold;
  font-size: 25px;

  line-height: 1;
}

/* 作品一覧（2段×3列） */
.works_02 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 30px 20px;
  margin-top: 40px;
}

/* 各作品カード */
.works_02_child {
  width: calc(33.333% - 13.33px); /* 3列均等・左右gap考慮 */
  text-align: left;
}

/* 画像 */
.works_02_child_img img {
  width: 100%;
  height: auto;
  border-radius: 4px;
  border: 1px solid #D7D7D7;
  margin-bottom: 8px;
}

/* テキスト */
.works_02_child_txt {
  font-size: 12px;
  color: #333;
  line-height: 1.5;
}



.works_03 {
  width: 100%;
  border: 1px solid #EC5411;
  padding: 30px 20px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 30px;
  box-sizing: border-box;
  margin-top:80px;
}

/* 左側：アイコンと見出し */
.works_03_left {
  width: 240px;
  text-align: center;
  padding-top:40px;
}

.works_03_left_01 img {
  height: auto;
  margin-bottom: 10px;
}

.works_03_left_02 {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.8;
  color: #000;
    font-family: "hiragino-kaku-gothic-pron", sans-serif;
}

.works_03_left_02 span {
  color: #EC5411;
  font-weight: bold;
}

/* 右側：利用事例のリスト */
.works_03_right {
  flex: 1;
}

.works_03_right ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.works_03_right li {
  font-size: 14px;
  line-height: 1.8;
  padding: 5px 0;
  color: #333;
  text-align:left;
}


.works_bk {
  width: 100%;
  height: 79px;
  background-color: #fff;
  background-image: url("../img/works_bk.jpg");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: auto;
}



/* セクション全体 */
.steps {
  padding: 80px 0;
  text-align: center;
}

/* 見出し */
.steps01 h2 {
  font-size: 24px;
  font-weight: normal;
  line-height: 1.8;
  color: #000;
      font-family: "hiragino-kaku-gothic-pron", sans-serif;
}

.steps01 h2 span {
  color: #EC5411;
  font-weight: bold;
}

/* 各ステップの並び */
.steps02 {
  margin-top: 50px;
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: center;
}

/* 各ステップブロック */
.steps02_child {
  display: flex;
  align-items: flex-start;
  gap: 30px;
  max-width: 830px;
  width: 100%;
  text-align: left;
  margin:30px auto;
}

/* 左の画像 */
.steps02_child_left img {
  width: 105px;
  height: auto;
}

/* 右側テキストエリア */
.steps02_child_right {
  flex: 1;
}

/* ステップタイトル */
.steps02_child_right_a {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
  color: #000;
}

/* 説明文 */
.steps02_child_right_b {
  font-size: 14px;
  line-height: 1.8;
  color: #333;
}


/* セクション全体 */
.faq {
  background-color: #fff;
  padding: 80px 20px;
  text-align: left;
}

/* 見出し */
.faq01 h2 {
  text-align: center;
  font-size: 22px;
  color: #EC5411;
  font-weight: bold;
  margin-bottom: 50px;
}

/* Q&A全体 */
.faq02 {
  max-width: 830px;
  margin: 0 auto;
}

/* 各Q&Aブロック */
.faq02_child {
  margin-bottom: 30px;
}

/* 質問 */
.faq02_q {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 8px;
  color: #000;
}

/* 回答 */
.faq02_a {
  font-size: 14px;
  color: #333;
  line-height: 1.8;
}


.foot {
  background-color: #12253F;
  color: #fff;
  text-align: center;
  padding: 40px 20px 20px;
  font-size: 14px;
}

.foot_info {
  margin-bottom: 20px;
  line-height: 2;
}

.copy {
  font-size: 12px;
  opacity: 0.7;
}


.link {
  margin: 40px auto;
  text-align: center;
}

.link img {
  max-width: 100%;
  height: auto;
  display: inline-block;
}




}










/* =========================スマホ=========================================== */
@media screen and (max-width: 767px) {



.inners {
  width: 100%;
  margin: 0 auto;
}


.insta-gallery {
  width: 100%;
    margin: 0 auto;
}

.head_menu {
  width: 100%;
  height: 85px;
  background-color: #12253F;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  transition: height 0.3s ease;
}

.head_menu.scroll {
  height: 40px;
}

.head_menu h2 {
  margin: 0;
}

.head_menu img {
  max-height: 100%;
  height: auto;
  display: block;
}

.head_menu.scroll img {
  height: 30px;
   transition: height 0.3s ease;
}



/* 幅830px、中央寄せ（既存指定） */
.inners {
  width: 100%;
  margin: 0 auto;
}

/* 上部キャプション */
.head_cap {
  font-size: 1.0rem;
  color: #444;
  margin-bottom: 20px;
  text-align: center;
  padding-top:100px;
  padding-bottom:20px;
  padding-left:20px;
}

/* メイン見出し（画像） */
.head_01 {
  text-align: center;
  margin-bottom: 40px;
}

.head_01 h1 img {
  max-width: 100%;
  height: auto;
}


/* メインビジュアル画像全体 */
.main-image {
  position: relative; /* 子要素の絶対配置の基準にする */
  text-align: center;
  margin-bottom: 30px;
}

/* 背景画像 */
.main-image_img img {
  width: 100%;
  max-height: 400px;
  height: auto;
  object-fit: cover;
  border-radius: 4px;
  display: block;
}

/* テキスト画像を上に重ねる */
.main-image_img_txt {
  position: absolute;
  top: 30px;
  pointer-events: none; /* 任意：クリック無効化（背景扱いにする場合） */
}

.main-image_img_txt img {
  max-width: 100%; /* サイズ調整は必要に応じて */
  height: auto;
}




/* テキスト部分 */
.head_txt {
  font-size: 1.0rem;
  line-height: 2;
  color: #222;
  text-align: center;
  margin-bottom: 50px;
}





/* 全体背景色 */
.problems {
  background-color: #fde5c8; /* ベージュ系 */
  padding: 60px 0;
}

/* セクション内幅調整 */
.problems_inner {
  text-align: center;
}

/* 「もっと自由に…」のキャッチ */
.intro_01 {
  width: 90%;
  margin: 0 auto 20px auto;
  font-size: 0.8rem;
  color: #555;
  text-align: center;
  background: url("../img/intro_01_bk.jpg") no-repeat center center;
  background-size: cover;
 
 
}

.intro_01 span {
  color: #f26b5b; /* 強調オレンジ */
  font-weight: bold;
}

/* メイン見出し */
.problems_01 h2 {
  font-size: 2.0rem;
  font-weight: bold;
  margin-bottom: 40px;
  color: #000;
  font-family: "hiragino-kaku-gothic-pron", sans-serif;
}

/* 各お悩みアイテムの並び */
.problems_02 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 40px;
  padding:0px 10px;
}

/* 個別お悩みカード */
.problems_02_child {
  width: calc(50% - 15px);
  background: #fff;
  border-radius: 8px;
  padding: 10px;
  box-sizing: border-box;
}

/* イラスト画像 */
.problems_02_child_img img {
  width: 100%;
  height: auto;
  border-radius: 4px;
}

/* 各テキスト */
.problems_02_child_txt {
  font-size: 0.9rem;
  line-height: 1.6;
  margin-top: 10px;
  color: #333;
}

/* ↓矢印アイコン */
.problems_03 {
  margin-bottom: 40px;
  margin-top: 60px;
}
.problems_03 img {
 
}

/* 電球アイコン */
.problems_04 img {
 
  margin-bottom: 15px;
}

/* 「困ったをできたに！」のコピー */
.problems_04 h2 {
font-family: "hiragino-kaku-gothic-pron", sans-serif;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1.8;
  color: #000;
}
.problems_04 h2 span {
  color: #E83829;
  font-weight: bold;
  font-size: 1.6rem;
}

.problems_bk01 {
  width: 100%;
  height: 52px;
  background-color: #FDE5C3;
  background-image: url("../img/problems_bk01.jpg");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: auto;
}


.problems_bk02 {
  width: 100%;
  height: 52px;
  background-color: #fff;
  background-image: url("../img/problems_bk02.jpg");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: auto;
}





/* セクション全体 */
.features {
  background-color: #fff;
  padding: 80px 0;
  text-align: center;
}

/* セクション見出し */
.features_01 h2 {
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 40px;
  margin-top: 60px;
  font-family: "hiragino-kaku-gothic-pron", sans-serif;
}

/* 特徴ブロック全体 */
.features_02 {
  /*display: flex;*/
  justify-content: space-between;
  gap: 30px;
  margin-bottom: 80px;
  max-width: 830px;
  margin-left: auto;
  margin-right: auto;
}

/* 各特徴ブロック */
.features_02_child {
  width: 100%;

}

/* 画像 */
.features_02_child_img img {
  width: 70%;
  height: auto;
  border-radius: 4px;
  margin: 20px auto;
  border: 1px solid #D7D7D7;
}

/* サブ見出し */
.features_02_child_txt01 h3 {
  font-size: 15px;
  font-weight: bold;
  color: #EC5415;
  line-height: 1.6;
  margin-bottom: 20px;
}


/* 見出し内の一部カラー変更用（任意で指定可） */
.features_02_child_txt01 h3 span {
  color: #f26b5b;
}

/* 本文 */
.features_02_child_txt02 {
  font-size: 14px;
  color: #333;
  line-height: 1.8;
  text-align:left;
  padding:10px;
}

/* 問い合わせブロック */
.features_03 {
  background-color: #EFEFEF;
  padding: 40px 20px;
  text-align: center;
  max-width:830px;
  margin:0 auto;
  
}

/* 問い合わせメッセージ */
.features_03_txt {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 30px;
}
.features_03_txt span {
  color: #F39801;
}
.features_03_txt .small {
  font-size: 14px;
  font-weight: normal;
  margin-top: 5px;
  color: #000;
  display:block;
}

/* 問い合わせ２カラム */
.features_03_01 {
  display: flex;
  justify-content: center;
  gap: 60px;
  flex-wrap: wrap;
}

/* 電話ブロック・WEBブロック共通 */
.features_03_01_01,
.features_03_01_02 {
  background: #fff;
  padding: 20px 30px;
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(0,0,0,0.08);
  text-align: center;
  width:350px;
}

/* 電話タイトル・WEBタイトル */
.features_03_01_01_a,
.features_03_01_02_a {
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 10px;
}

.features_03_01_01_b {
  display: flex;
  align-items: center; /* ← これで縦中央に */
  justify-content: center; /* ← 水平中央（必要に応じて） */
  gap: 10px; /* ← アイコンと文字の間隔（任意） */
}



/* 電話番号・リンク */
.features_03_01_01_b a {
  font-size: 24px;
  font-weight: bold;
  color: #F39801;
  text-decoration: none;
    line-height: 1; /* 縦揃えに影響しないように調整 */
}


.features_03_01_02_b a {
  font-size: 16px;
  font-weight: bold;
  color: #fff; /* 白文字 */
  background-color: #F39801; /* 背景オレンジ */
  text-decoration: none;
  display: inline-block;
  padding: 10px 20px;
  border-radius: 6px;
      line-height: 1; /* 縦揃えに影響しないように調整 */
}




.features_03_01_01_b img {
margin-right:15px;
}

.features_03_01_02_b img {
margin-right:15px;
}



.features_03_01_01_c,
.features_03_01_02_c {
  font-size: 13px;
  color: #555;
  margin-top: 5px;
}



.examples {
  background-color: #FFFDE8;
  text-align: center;
  height:200px;
  padding-top:70px;
  
}

.examples_01 {
max-width:830px;

margin:0px auto;
}


.examples_01 h2 {
  font-size: 20px;
  font-weight: bold;
  color: #000;
   font-family: "hiragino-kaku-gothic-pron", sans-serif;
  
}

.examples_bk01 {
  width: 100%;
  height: 52px;
  background-color: #FFFDE8;
  background-image: url("../img/examples_bk01.jpg");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: auto;
}




.examples_01b {
  height: 135px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff; /* 背景白 */
  flex-direction: column;
}

.examples_01b h3 {
  font-size: 24px;
  font-weight: bold;
  color: #1c2b3a; /* 濃紺に近い色（画像見本より近似） */
  margin: 0;
  position: relative;
}

/* 装飾のボーダー線 */
.examples_01b h3::after {
  content: "";
  display: block;
  width: 40px;
  height: 3px;
  background-color: #333;
  margin: 8px auto 0 auto;
}



.insta-gallery {
padding-top:40px;
text-align:center;
}



/* セクション全体 */
.works {
  background-color: #FFFDE8;
  width: 100%;
  padding: 80px 0;
}

/* 内包ブロック */
.works_inner {
  max-width: 100%;
  margin: 0 auto;
  text-align: center;
}

/* 電球アイコン（再利用） */
.problems_04 img {
  height: auto;
  margin-bottom: 15px;
}

/* 見出しテキスト */
.works_01 p {
  font-size: 20px;
  margin: 4px 0;
  color: #000;
  line-height: 1.8;
  font-family: "hiragino-kaku-gothic-pron", sans-serif;
}

.works_01 .works_midashi {
  font-size: 20px;
  font-weight: bold;
  margin: 10px 0;
  color: #000;
  line-height: 1; /* 縦位置の安定に貢献 */
    vertical-align: middle; /* ←これが中央揃えに効く */
}

.works_01 .works_midashi span {
  color: #EC5411;
  font-weight: bold;
  font-size: 25px;

  line-height: 1;
}

/* 作品一覧（2段×3列） */
.works_02 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 30px 20px;
  margin-top: 40px;
  padding:10px;
}

.works_02_child {
  width: calc(50% - 10px); /* 2列構成に変更 */
  text-align: left;
}


/* 画像 */
.works_02_child_img img {
  width: 100%;
  height: auto;
  border-radius: 4px;
  border: 1px solid #D7D7D7;
  margin-bottom: 8px;
}

/* テキスト */
.works_02_child_txt {
  font-size: 12px;
  color: #333;
  line-height: 1.5;
}



.works_03 {
  width: 100%;
  border: 1px solid #EC5411;
  padding: 30px 20px;
  /*display: flex;*/
  justify-content: space-between;
  align-items: flex-start;
  gap: 30px;
  box-sizing: border-box;
  margin-top:40px;
}

/* 左側：アイコンと見出し */
.works_03_left {
  width: 100%;
  text-align: center;
  padding-top:20px;
  margin-bottom:40px;
}

.works_03_left_01 img {
  height: auto;
  margin-bottom: 10px;
}

.works_03_left_02 {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.8;
  color: #000;
    font-family: "hiragino-kaku-gothic-pron", sans-serif;
}

.works_03_left_02 span {
  color: #EC5411;
  font-weight: bold;
}

/* 右側：利用事例のリスト */
.works_03_right {
  flex: 1;
}

.works_03_right ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.works_03_right li {
  font-size: 14px;
  line-height: 1.8;
  padding: 5px 0;
  color: #333;
  text-align:left;
}


.works_bk {
  width: 100%;
  height: 79px;
  background-color: #fff;
  background-image: url("../img/works_bk.jpg");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: auto;
}



/* セクション全体 */
.steps {
  padding: 80px 0;
  text-align: center;
}

/* 見出し */
.steps01 h2 {
  font-size: 24px;
  font-weight: normal;
  line-height: 1.8;
  color: #000;
      font-family: "hiragino-kaku-gothic-pron", sans-serif;
}

.steps01 h2 span {
  color: #EC5411;
  font-weight: bold;
}

/* 各ステップの並び */
.steps02 {
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
}

/* 各ステップブロック */
.steps02_child {
  /*display: flex;*/
  align-items: flex-start;
  gap: 30px;
  max-width: 100%;
  width: 100%;
  margin:30px auto;
}

/* 左の画像 */
.steps02_child_left img {
  width: 105px;
  height: auto;
  margin:10px auto;
  text-align:center;
}

/* 右側テキストエリア */
.steps02_child_right {
  flex: 1;
}

/* ステップタイトル */
.steps02_child_right_a {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
  color: #000;
  text-align:center;
}

/* 説明文 */
.steps02_child_right_b {
  font-size: 14px;
  line-height: 1.8;
  color: #333;
  padding:10px;
}


/* セクション全体 */
.faq {
  background-color: #fff;
  padding: 80px 20px;
  text-align: left;
}

/* 見出し */
.faq01 h2 {
  text-align: center;
  font-size: 22px;
  color: #EC5411;
  font-weight: bold;
  margin-bottom: 50px;
}

/* Q&A全体 */
.faq02 {
  max-width: 830px;
  margin: 0 auto;
}

/* 各Q&Aブロック */
.faq02_child {
  margin-bottom: 30px;
}

/* 質問 */
.faq02_q {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 8px;
  color: #000;
}

/* 回答 */
.faq02_a {
  font-size: 14px;
  color: #333;
  line-height: 1.8;
}


.foot {
  background-color: #12253F;
  color: #fff;
  text-align: center;
  padding: 40px 20px 20px;
  font-size: 14px;
}

.foot_info {
  margin-bottom: 20px;
  line-height: 2;
}

.copy {
  font-size: 12px;
  opacity: 0.7;
}


.link {
  margin: 40px auto;
  text-align: center;
}

.link img {
  max-width: 100%;
  height: auto;
  display: inline-block;
}



 


.pc {
	display: none;
}



/* page-top */
#page-top {
  display: none !important;
}



}