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



.p-mainVisual__slideTitle {
  font-family: 'ten-mincho', serif;
  font-size: 2.5rem;
  font-weight: 300;
  line-height: 1.6;
  letter-spacing: 0.08em;
  color: #ffffff;

}
.img-sp {
  display: block;
}
.img-pc {
  display: none;
}
.post_content h3{
	margin:1em 0 0;
}

 


    .-txt .c-headLogo__link {
		letter-spacing: 0.15em;
        font-size: 1.2em !important;
    }


   
@media (min-width: 768px) {
  .img-sp {
    display: none;
  }
  .img-pc {
    display: block;
  }
}

@media (min-width: 769x) {
.p-mainVisual__slideTitle {
	font-size: 3rem;
	padding: 0 1em;
	}

}




/*ーーーーーーーーーーーーーーーーーーーー
3つの強み
ーーーーーーーーーーーーーーーーーーーー */

.strength-lead{
	line-height:2em;
}

.strength-block{
	height:420px;
	position: relative;
}

.strength-block-wrapper{
	padding:30px 0;
	display: inline-block;
}

.strength-wrapper {
  position: absolute;
  top: -40px;
  left: 10px;
  line-height:1.8em;
  text-align:center;
	z-index:2;
}

.strength-img-wrapper {
  position: relative;
  width: 100%;
  margin-bottom: 3em; /* テキストがかぶる分の余白 */
}

.strength-label {
  font-size: 1em;
  font-weight: normal;
  font-family: "Bodoni 72", "Didot", "Georgia", serif;
}

.strength-num {
  font-size: 3em;
  font-weight: bold;
  font-family: "Bodoni 72", "Didot", "Georgia", serif;
}



.strength-img {
  width: 100%;
  height: auto;
  display: block;
	z-index:1;
}

.strength-text-wrapper {
	position: relative;
	margin-top: -5em;
	z-index: 2;
}


/* 黄色帯タイトル */
.strength-title {
  font-size: 1.5em;
  font-weight: bold;
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", serif;
  background-color: #fff;
  padding: 0.2em 0.4em;
  display: inline;
  line-height: 1.8;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  margin-bottom: 0.6em;
	border: 1px solid #001e37;

}

/* 本文テキスト */
.strength-text {
	margin-top:10px;
}

@media (min-width: 769px) {
	.strength-lead{
		text-align:center;
		line-height:2.5em;
	}
	.strength-title {
		font-size: 1.1em;
	}
	.strength-block-wrapper{
	padding:0px;
	}
	.strength-num {
		font-size: 3em;
	}
	
}
	
@media (min-width: 1025px) {
	.strength-wrapper {
		top: -40px;
		left: 10px;
	}
	.strength-title {
		font-size: 1.4em;
	}
	


}

/*ーーーーーーーーーーーーーーーーーーーー
サービスセクション */
/*ーーーーーーーーーーーーーーーーーーーー
/* ラベル */
.section-label {
  display: block;
  margin-bottom: 0 !important;
  color: #fff;
  font-family: "Hiragino Mincho ProN", serif;
	
}


h2::before {
  content: none !important;
}

h2 {
  margin-top: 0 !important;
 margin-bottom: 0.5em !important;
	padding-top: 0 !important;
	font-size: 1.8em !important;
  font-family: "yu-mincho-pr6n", serif;
  color: #fff;
	font-weight:400;
}


.section2 {
	position: relative;
	padding-left: 20px;
	padding-bottom:10px;
	padding-top:40px;
}

.section2::before {
  content: "";
  position: absolute;
  top: 0px;
  bottom: 0;
  left: 0; /* 左端に配置 */
  width: 2px;
  border-left: 2px dashed #fff; /* ←点線の色・太さ */
}
.img-size {
  padding-bottom: 40px !important;
}


@media (min-width: 769px) {
	.section2 {
		position: relative;
		padding-left: 20px;
		padding-bottom:55px;
		padding-top:55px;
	}
	.img-size {
		padding-bottom: 0px!important;
	}

}




/* ーーーーーーーーーーーーーーーーーーーー制作実例 */

.section-heading {
  text-align: left;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.section-label2 {
  font-family: "Hiragino Mincho ProN", serif;
	margin-bottom:-2em;
}
.wp-block-heading.is-style-section_ttl2 {
  all: unset; /* すべてリセット */
  display: inline-block;
  position: relative;
  font-family: "yu-mincho-pr6n", serif;
  color: #001e37;
  margin-bottom: 1.5em;
  line-height: 1.4;
}

/* 下線デコレーション */
.wp-block-heading.is-style-section_ttl2::after {
  content: "";
  position: absolute;
  left: calc(-55vw);
  bottom: -0.3em;
  width: 100vw;
  height: 2px;
  border-bottom: 2px dashed #001e37;
}

/* ラベル */
.embroidery-slider{
	padding-bottom:30px;
}


/* スライダー*/

/* 共通の slick 矢印が影響してしまう場合に対処 */
.embroidery-slider .slick-prev,
.embroidery-slider .slick-next {
  background: #fcdc4d; /* 例：黄色の背景に変更 */
  border-radius: 50%;
  width: 40px;
  height: 40px;
  z-index: 10;
}

/* 他のslick用矢印にだけ適用されていた装飾を打ち消す */
.embroidery-slider .slick-prev:before,
.embroidery-slider .slick-next:before {
  content: '←'; /* または別の記号・カスタムアイコンなど */
  color: #000;
  font-size: 20px;
}

@media (min-width: 768px) {
	.section-border {
	width: 30%;}
	.wp-block-heading.is-style-section_ttl2::after {
  content: "";
  left: calc(-80vw );
	}
}


/*ーーーーーーーーーーーーーーーーーーーー
  お客様の声 
/*ーーーーーーーーーーーーーーーーーーーー*/
.voice-slider {
  max-width: 1080px;
  margin: 0 auto;
}

.voice-item {
  padding: 20px;
  margin: 15px 10px;
  background: #f8f4ec;
  border: 1.5px solid #001e37;
}

.voice-inner {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  gap: 15px;
	text-align:left;
}

.voice-image {
  width: 150px;
  height: 150px;
  object-fit: cover;
  flex-shrink: 0;
}

.voice-text h3 {
  font-size: 16px;
  margin-bottom: 10px;
}

.voice-text p,
.voice-company {
  font-size: 13px;
  line-height: 1.8;
}
.voice-company {
  margin-top: 10px;
  text-align: right;
}

@media (min-width: 768px) {
  .voice-inner {
    flex-direction: row;
    align-items: flex-start;
    gap: 20px;
  }

  .voice-image {
    width: 200px;
    height: 200px;
  }

  .voice-text h3 {
    font-size: 18px;
  }

  .voice-text p,
  .voice-company {
    font-size: 14px;
  }

  .voice-item {
    padding: 30px;
    margin: 20px;
  }
}

/*ーーーーーーーーーーーーーーーーーーーーslickの矢印*/

.slick-arrow:before{
	content:""!important;
}
.slick-arrow:before{
    content:""!important;
    width: 100%!important;
    height: 100%!important;
    position: absolute;
    top: 0;
    left: 0;
}

.slick-next:before{
    background: url(https://toyo-shishu.com/wp-content/uploads/2025/06/arrow-right.png)!important;
    background-size: contain!important;
}

.slick-prev:before{
    background: url(https://toyo-shishu.com/wp-content/uploads/2025/06/arrow-left.png)!important;
    background-size: contain!important;
}
.slick-arrow{
    z-index:2!important;
    width:30px!important;
    height:30px!important;
}

.slick-next{
    right:-10px!important;
}

.slick-prev{
    left:-10px!important;
}
.slick-arrow:before{
    opacity:1!important;
}
@media (min-width: 768px) {
	.slick-arrow{
    	z-index:2!important;
    	width:50px!important;
    	height:50px!important;
		}
}
	

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

.contact-btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 16px;
  text-decoration: none;
  margin-bottom: 20px;
  transition: all 0.3s ease;
}

.contact-btn.yellow {
  background-color: #ffdb38;
  padding: 36px 32px;
  color: #001e37;
  opacity: 0.8;
}

.contact-btn.white {
  background-color: #fff;
  padding: 24px 32px;
  color: #001e37;
  opacity: 0.8;
}

.contact-btn .text-wrap {
  display: flex;
  flex-direction: column;
}

.contact-btn .en {
  font-size: 20px;
  margin-bottom: 4px;
  letter-spacing : 0.07em;
  font-weight:600;
}

.contact-btn .jp {
  font-size: 14px;
  font-weight:600;
}

.contact-btn .arrow {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 2px;
  background-color: #001e37;
}
.contact-btn .arrow::before
 {
  content: '';
  position: absolute;
  top: 20%;
  right: 0;
  width: 10px;
  height: 2px;
  background-color: #001e37;
}

.contact-btn .arrow::before {
  transform: rotate(45deg);
  transform-origin: right center;
}

.contact-btn:hover {
  opacity: 1;
}

.contact-btn:hover .arrow {
  transform: translateX(5px); /* 右に5px動かす */
}



.section3 {
	position: relative;
	padding-left: 20px;
	padding-bottom:10px;
	padding-top:40px;
}

.section3::before {
  content: "";
  position: absolute;
  top: 0px;
  bottom: 0;
  left: 0; /* 左端に配置 */
  width: 2px;
  border-left: 2px dashed #fff; /* ←点線の色・太さ */
}
.contact-right{
	padding-bottom:40px;
}


@media (min-width: 1025px) {
.section3 {
	position: relative;
	padding-left: 20px;
	padding-bottom:80px;
	padding-top:80px;
}
.contact-right{
	padding-bottom:0px;
}
	
}
/*ーーーーーーーーーーーーーーーーーーーー
ーーーーーーーーーーーーーーーーーーーー
 
会社概要

ーーーーーーーーーーーーーーーーーーーー
ーーーーーーーーーーーーーーーーーーーー*/


.section-title-en,.page-title-en,.page-title-en-top{
	font-family: "Hiragino Mincho ProN", serif;
	margin-bottom: 0;
	text-align:center;
}
.page-title-en,.page-title-en-top{
	color: #fff;
}
.page-title-en-top{
	font-size:1.5em;
}
/*ーーーーhero*/
.company-hero {
  min-height: 668px!important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;

}

@media (min-width: 768px) {
  .company-hero {
    min-height: 816px!important;
	  
  }
}  

/*ーーーー理念*/

.philosophy-wrapper {
  background: rgba(255, 255, 255, 0.7);
  padding: 40px 20px;
  border-radius: 20px;
  max-width: 1080px;
  margin: 0 auto;
}

.philosophy-list li {
  position: relative;
  padding-left: 2em; 
  margin-bottom: 1em;
}

.philosophy-list li::before {
  content: "";
  position: absolute;
  top: 0.6em;            
  left: 0;
  width: 1em;          
  height: 2px;             
  background-color: #001E37; 
  border-radius: 1px;   

}
.philosophy-list {
  list-style: none;
  padding: 0;
  margin: 0;
  max-width: 600px;       
  margin-inline: auto;    
}



@media (min-width: 768px) {
  .philosophy-list {
    margin-inline: auto;
  }
}

/*ーーーー会社概要*/



.company-info-box {
  background: #f8f4ec;
  border: 1px solid #6f6c5e;
  border-radius: 24px;
	padding: 2em;
	max-width: 600px;
  margin: 0 auto;
}


.company-info-item {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 1em;
  border-top: 1px solid #6f6c5e;
  padding: 1em 0;
}

.company-info-item:first-child {
  border-top: none;
}

.label {
  min-width: 100px;
  text-align: left;
}

.value {
  text-align: left;
}


@media (min-width: 768px) {


.company-info-box {
	padding: 2em 7em;
	max-width: 1080px;
}
	.company-info-item {
  gap: 2em;
}

}
/*ーーーーーーーーーーーーーーーーーーーー
ーーーーーーーーーーーーーーーーーーーー
 
料金

ーーーーーーーーーーーーーーーーーーーー
ーーーーーーーーーーーーーーーーーーーー*/

.price-section {
  max-width: 800px;
  margin: 0 auto;
}
.price-header {
  display: flex;
  align-items: flex-end; /* ← 下揃えにする */
  gap: 0.5em;
  margin-bottom: 1em;
  position: relative;
}


.price-icon {
	height:3em;
	position: absolute;
}

.price-title {
  position: absolute;
  left: 35px; 
  font-size: 1.8em;
  font-weight: bold;
  z-index: 1;
}


.price-desc {
  font-size: 0.95em;
  line-height: 1.7;
  margin-bottom: 2em;
}

.price-table {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
  margin-bottom: 2em;
}

.price-row {
  display: flex;
  flex-direction: row;
  border: 1px solid #001e37;
  padding: 0;
}

.price-label-wrap {
  background: #001e37;
  width: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

.price-label {
  color: #fff;
  font-weight: bold;
  font-size: 0.9em;
  line-height: 1.4;
  text-align: center;
}

.price-value {
  padding: 1em;
  font-size: 0.95em;
  line-height: 1.6;
  flex: 1;
  border-left: 1px solid #444;
}

.price-notice {
  background: #ffdb38;
  text-align: center;
  font-weight: bold;
  padding: 1em;
  border-radius: 30px;
}

@media (min-width: 768px) {

  .price-title {
    font-size: 2em;
  }
	.price-section {
  max-width:1080px;
  margin: 0 auto;
}
}
/*ーーーーお見積もり例*/
.estimate-section {
  max-width: 1080px;
  margin: 0 auto;
  background: #f8f4ec;
}

.estimate-heading {
  font-size: 1.8em;
  font-weight: bold;
  margin-bottom: 1.5em;
  color: #001e37;
}

.estimate-box {
  margin-bottom: 3em;
}

.estimate-title {
  background: #001e37;
  color: #fff;
  padding: 0.5em 1em;
  font-weight: bold;
  font-size: 1.2em;
	letter-spacing: 0.3em;
}

.estimate-content {
  display: flex;
  flex-direction: column;
  gap: 1em;
  padding: 1em 0;
}

.estimate-image {
  width: 100%;


}

.estimate-details {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
  font-size: 0.95em;
  color: #111;
}

.estimate-row {
  display: flex;
  justify-content: space-between;
  border-top: 1px dotted #aaa;
  padding: 0.5em 0;
 
}
.estimate-subtotal {
  border-top: 2px solid #001e37;
	  padding: 0.5em 0;

}


.estimate-row:first-child {
  border-top: none;
}

.estimate-total {
  display: flex;
  border-top: 1px solid #001e37;
}

.total-row {
  display: flex;
  border: 1px solid #001e37;
  box-sizing: border-box;
}



.total-value {
  flex: 1;
  padding: 1em ;
	font-size: 0.95em;
  font-weight: bold;
  line-height: 1.6;
  text-align: right;
  box-sizing: border-box;
}

.estimate-row {
	margin: 0 1em;
  display: flex;
  align-items: flex-start;
}
.estimate-row .label {
  width: 230px; 
  flex-shrink: 0;
}

.estimate-row .value {
  flex: 1;
  text-align: right;
}



@media (min-width: 768px) {
  .estimate-content {
    flex-direction: row;
    align-items: flex-start;
  }

  .estimate-image {
    width: 40%;
    height: 240px;
  }

  .estimate-details {
    width: 60%;
    padding-left: 2em;
  }
	.estimate-row,
.estimate-total {
  padding: 0.5em 0;
	}
	.estimate-row .label {
		width: 300px; 
	}
}

}


/*ーーーーーーーーーーーーーーーーーーーー
ーーーーーーーーーーーーーーーーーーーー
 
制作実績

ーーーーーーーーーーーーーーーーーーーー
ーーーーーーーーーーーーーーーーーーーー*/

.embroidery-gallery {
  display: block;
}

.embroidery-item {
  margin: 0 auto;
  padding: 0 1.5rem 1.5rem 1.5rem;
  border-radius: 12px;
  text-align: center;
  border: 1px solid #545450;
}


.embroidery-gallery .slick-slide {
  padding: 0 10px;
  box-sizing: border-box;
}

.embroidery-label {
  display: inline-block;
  font-size: 0.8rem;
  color: #545450;
  border: 1px solid #545450;
	border-top: none; 
  border-radius: 0 0 20px 20px;
  padding: 0.25em 2em;
  margin-bottom: 0.5rem;
}
.example-02,.example-04, .example-06, .example-08{
	 background-color: #6f6c5e;
	 color: #fff;
}

.embroidery-title {
  font-size: 1.2em!important;
  font-weight: 600!important;
  margin: 0.5rem 0;
}


.embroidery-img {
  display: block;
  margin: 0 auto;
  height: 220px;
  object-fit: contain;
}


.embroidery-text {
  font-size: 0.95em;
  color: #333;
	text-align:left;
  line-height: 1.6;
}
/* ------------------------
   PC（768px超え）ではグリッドに戻す
--------------------------- */
@media screen and (min-width: 769px) {
  .embroidery-gallery {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    margin: 2rem 0;
  }

  .embroidery-item {
    max-width: none;
  }

.embroidery-img {
  width: 100%;
  height: 280px;
  object-fit: contain; 
  display: block;
　margin: 0 auto;
}


.embroidery-text {
	text-align:left;
  line-height: 1.6;
}

}



/* SP: Slickスライダー化 */
@media screen and (max-width: 768px) {
  .embroidery-gallery {
  }

.embroidery-gallery .slick-slide {
  padding: 0 20px 30px 20px;
  box-sizing: border-box;
}
  .embroidery-item {
    margin: 0 auto;
  }
  
.embroidery-img {
  width: 80%;
  height: 320px;
}

}



/*ーーーーーーーーーーーーーーーーーーーー
ーーーーーーーーーーーーーーーーーーーー
 
問い合わせ

ーーーーーーーーーーーーーーーーーーーー
ーーーーーーーーーーーーーーーーーーーー*/

/* フォーム全体を中央揃え */
.wpcf7 {
  max-width: 1080px;
  margin: 0 auto;
  padding: 2rem 1rem;
}


/* 各入力ブロックの余白 */
.wpcf7 p {
margin-bottom: 0.5em;
}

/* 入力フィールド共通スタイル */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea,
.wpcf7 select {
  width: 100%;
  font-size: 1rem;
  padding: 0.75em;
  border-radius: 8px;
  background-color: #e0dfd4;
  box-sizing: border-box;
}

/* テキストエリア専用調整 */
.wpcf7 textarea {
  height: 160px;
  resize: vertical;
}

/* チェックボックス・同意欄 */
.form-check {
  display: flex;
  align-items: center;
  gap: 0.5em;
  margin-bottom: 1.5em;
  font-size: 0.9rem;
}

/* チェックボックス見た目調整 */
.form-check input[type="checkbox"] {
  transform: scale(1.2);
  accent-color: #9cd8d8;
}

/* 送信ボタン */
.wpcf7 input[type="submit"].form-submit {
  display: block;
	width:100%;
  background-color: #001E37;
  color: #fff;
  font-size: 1rem;
  padding: 0.75em 2em;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  text-align: center;
}

.wpcf7 input[type="submit"].form-submit:hover {
  background-color: #e0dfd4;
	color:#001e37;
}

/* バリデーションメッセージ（成功） */
.wpcf7 form.sent .wpcf7-response-output {
  border: 2px solid #9cd8d8;
  padding: 1em;
  background: #e6fafa;
  border-radius: 8px;
  margin-top: 1em;
}

/* バリデーションメッセージ（失敗） */
.wpcf7 form.invalid .wpcf7-response-output {
  padding: 1em;
  background: #001e37;
  color: #fff;
  border-radius: 8px;
  margin-top: 1em;
}

/* ラジオボタンやセレクトの調整 */
.wpcf7 select {
  appearance: none;
  background: url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="10" viewBox="0 0 14 10"><path fill="none" stroke="%23001E37" stroke-width="2" d="M1 1l6 6 6-6"/></svg>') no-repeat right 0.75em center/1em;
  background-color: #e0dfd4;
}

/* ラベル共通クラス */
.form-label {
  font-weight: bold;
  margin-bottom: 0.3em;
  display: block;
  font-size: 1rem;
}

/* 必須マーク */
.required {
  color: #d9534f;
  font-size: 0.9rem;
  margin-left: 0.5em;
}

.privacy-check {
  margin-top: 2em;
}

.wpcf7 .wpcf7-checkbox {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}

.privacy-link {
  text-decoration: underline;
}

/*ーーーーーーーーーーーーーーーーーーーー
ーーーーーーーーーーーーーーーーーーーー
 
当工房の特徴

ーーーーーーーーーーーーーーーーーーーー
ーーーーーーーーーーーーーーーーーーーー*/
.company-page-title {
  text-align: center;
}

.feature-box {
  position: relative;
  margin: 4em 0;
}

/* 内側のコンテナ */
.feature-inner {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

/* Featureバッジ（丸いラベル） */
.feature-badge {
  position: absolute;
  left: -50px;
  width: 100px;
  z-index: 3;
}




/* 青帯（背景） */
.feature-banner {
  width: 100%;
  background-color: #001e37;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
	  display: flex;              /* ← 中身を横並びにする */
  justify-content: flex-start; /* ← 右寄せにする */
	margin:0 auto;
}

/* 他カラー（タイトル部分） */

.feature-banner.left{
	background-color: #6f6c5e;
}

/* タイトル文字 */
.feature-banner h3 {
  font-size: 1.3em;
  color: #fff;
  font-weight: 400;
 font-family:"Hiragino Mincho ProN", "Hiragino Mincho Pro", serif;
  padding:18px;
}

.feature-banner h3 span {
  color: #ffd700; /* 黄色で強調 */
  font-size: 1.6em!important;
	  z-index: 4;
}

.dammy-space {
  width: 390px; /* ←画像の幅と揃える */
}


/* 内容ブロック（画像＋テキスト） */
.feature-content {
	display: flex;
  align-items: flex-start;
  position: relative;
  z-index: 2;
gap:0.5em;

}

.feature-img {
  display: block;
	width:100%;
	max-width:400px;
  border-radius: 8px;
  position: relative;
  z-index:2;
  transform: translateY(-50px); /* ← 上に20px移動 */
}

/* 右側の説明テキスト */
.feature-text {
  font-size: 14px;
  line-height: 2;
  color: #333;
	margin:10px;
}

.feature-content > .feature-img-wrap {
  flex: 0 0 420px;
}
.feature-content > .feature-text {
  flex: 1;
}




/* 共通ラッパー */
.feature-content-inner {
  max-width: 1080px;
  display: flex;
}

.feature-box.reverse .feature-content {
  flex-direction: row-reverse;
}

.feature-box.reverse {
  flex-direction: row-reverse;
}

.feature-box.reverse .feature-banner .dammy-space {
  order: 2;
}

.feature-box.reverse .feature-banner .feature-title {
  order: 1;
}

.feature-box.reverse .feature-badge {
  left: auto;
  right: -50px;
}


@media screen and (max-width: 768px) {
  .feature-content {
    flex-direction: column!important;
  }
		

  .dammy-space {
    display: none;
  }
.feature-banner h3 {
  font-size: 1.1em;
  padding: 15px 15px 25px 20px;
}

.feature-banner h3 span {
	font-size: 1.2em;
}
.feature-banner{
		right: -40px;
	}
.feature-banner.left{
		right: 40px;
		text-align:right;
		justify-content: flex-end;
	}
	h3.title-left{
		padding: 15px 50px 25px 0px;
	}

	
.feature-badge.left {
  right: -5px !important;
}
	
.feature-img {
  transform: translateY(-15px); 
	width:90%;
	max-width:800px;
	margin: 0 auto;
	
}
	.feature-badge {
  left: -5px;
  width: 90px;
  z-index: 3;
}
  .feature-content > .feature-img-wrap {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .feature-content > .feature-text {
    flex: 1 1 100%;
  }
	.feature-text{
		margin: 0px 10px;
	}


	
}



/*ーーーーーーーーーーーーーーーーーーーー
こんなシーンで選ばれています
ーーーーーーーーーーーーーーーーーーーー*/
.scene-section {
  background-color: #f9f7f3;
  padding: 60px 0;
  border-radius: 20px;
  margin: 60px 0;
}

h2.scene-title {
  padding: 0;
  font-size: 1.2em!important;
  margin-bottom: 40px;
  text-align: center;
  color: #1e1e1e;
}

.scene-grid {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  margin: 40px 0;
}

.scene-row-top,
.scene-row-bottom {
  display: flex;
  justify-content: center;
  width: 100%;
  flex-wrap: wrap;
}

.scene-row-bottom {
  gap: 10px;
}

.scene-item {
  max-width: 145px;
  text-align: center;
}
.scene-item p{
	font-size:0.9em;
}

.scene-item img {
  width: 100%;
  border-radius: 6px;
}

.scene-divider {
  display: block;
  width:300px;
  text-align: center;
  border: 1px solid #001e37;
  color: #001e37;             

  padding: 5px;
  font-weight: bold;
  margin: 0 auto;
}

.circle-grid {
  display: none; /* モバイルでは非表示 */
  flex-wrap: wrap;
  justify-content: center;
  gap: 40px;
  padding: 30px 0;
}

.circle-slider.slick-initialized {
  display: block;
}

.circle-item {
  text-align: center;
}

.circle {
  width: 200px;
  margin: 0 auto 10px;
  display: flex;
}
.circle-item p{
	font-size:0.9em;

}

.circle img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

/*ーーーーーーーーーーーーーーーーーーーー
PC用スタイル（幅769px以上）
ーーーーーーーーーーーーーーーーーーーー*/
@media screen and (min-width: 769px) {
  .scene-section {
    padding: 60px 20px;
  }

  .scene-grid {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 40px;
  }

  .scene-row-top,
  .scene-row-bottom {
    display: contents;
  }

  .scene-item {
    max-width: 240px;
  }

  .circle-grid {
    display: flex;
  }
	
}
	
/*ーーーーーーーーーーーーーーーーーーーー
お問合せstep
ーーーーーーーーーーーーーーーーーーーー*/
	
.section-title-en.white{
		color:#fff;
	}

.swell-block-step__number {
  color: #ffdb38 !important;
	font-weight:bold;	
}


		
/*ーーーーーーーーーーーーーーーーーーーー
  ーーーーーーーーーーーーーーーーーーーー
フッター
ーーーーーーーーーーーーーーーーーーーー
ーーーーーーーーーーーーーーーーーーーー*/
	.footer-wrapper {
  display: flex;
  flex-direction: column; /* スマホでは縦並び */
  gap: 32px;
  color: #fff;
  padding: 20px;
}

.footer-company__name {
  font-size: 1.2em;
  font-weight: bold;
}

.footer-company a {
  text-decoration: underline;
  color: #fff;
}

.footer-sitemap__title {
  font-size: 1.2em;
  font-weight: bold;
  border-bottom: 2px dashed #fff;
  padding-bottom: 6px;
  display: inline-block;
  margin-bottom: 8px;
}

.footer-sitemap__list {
  display: grid;
  grid-template-columns: repeat(2, auto); /* スマホでは2列 */
  gap: 10px 20px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-sitemap__list a {
  color: #fff;
  text-decoration: none;
}

.footer-sitemap__list a:hover {
  text-decoration: underline;
  color: #ffdb38;
}
.footer-policy {
  margin-top: 16px;

  font-size: 0.85rem;
}

.footer-policy a {
  color: #fff;
  text-decoration: none;
}

.footer-policy a:hover {
  text-decoration: underline;
  color: #ffdb38;
}


@media screen and (min-width: 768px) {
  .footer-wrapper {
    flex-direction: row; /* PCでは横並び */
    justify-content: space-between;
    align-items: flex-start;
  }

  .footer-company {
    flex: 1;
    min-width: 240px;
  }

  .footer-sitemap {
    flex: 2;
    min-width: 300px;
  }

  .footer-sitemap__list {
    grid-template-columns: repeat(4, auto); /* PCでは4列 */
  }
}