@charset "utf-8";
/* CSS Document */


@media screen and (max-width: 1024px) {
.speech-center {
  margin: 60px 0 90px 0;
}
.fukidashi-only {
  padding: 0px 250px 180px 50px; /* 上 右 下 左 */
}

.mitumuryo-block {
  font-size:3.5vw;
}
.left_cent{
	width: 70%;
	height: 190px;
}

.fukidashi-inner p,
.fukidashi-only h1 {
  font-size: 32px;      /* お好みで */
}

.arrow_box {
  font-size: 2.8vw;
  padding: 35px 20px 35px 20px;
}
	
.arrow_box h1{
		font-size: 2.8vw;
	}
.speech-container {
  width: 94%;
  gap: 20px;
  margin-top: 30px;
}	
}



@media screen and (max-width: 768px) {
	
	
	
.estimate-lead {
 margin-left: 25px;
}

	
	
	
.flow-description {
  flex-direction: column;
  margin: 0 auto;
  width: 60vw;
  margin-bottom: 10px;
}	
	
	
.muryoude_l {
  font-size: 32px;
}

.mitumuryo-icon {
  width: 12vw;    /* ← 小さくしたい場合。値は自由に調整OK */
}
.muryoudekantan{
	font-weight: 900;
	font-size: 28px;
}
	
.highlight-line_l {
  font-size: 29px;
}
	
.highlight-line_t {
  font-size: 24px !important;
}
	
.mitumuryo-block {
  font-size:4vw;
}
.left_cent{
	width: 80%;
	height: 170px;
}

.double-outline {
  font-size: 28px;
}

.speech-center {
  margin: 45px 0 60px 0;
}

.fukidashi-only {
  padding: 20px 210px 150px 40px; /* 上 右 下 左 */
}
	
.fukidashi-inner p,
.fukidashi-only h1 {
  font-size: 22px;      /* お好みで */
}

.arrow_box {
  font-size: 3vw;
  padding: 30px 15px 30px 20px;
}
.arrow_box h1{
		font-size: 3vw;
	}	


.speech-container {
  width: 92%;
  gap: 10px;
  margin-top: 20px;
}

.flex24{
	flex-direction: column-reverse;
	align-items: center;
	width: 90vw;
	
}	

.mascot24{
	width: 130px;
	height: auto;
	margin-left: 0px;
}	
	
	
}


@media screen and (max-width: 414px) {

	
.gokuyo-faq-block {
transform: translateX(-9px); 
}	
	
	
.under{
	height: 25px;
}	
	
	.muryoude_l {
  font-size: 23px;
}	
	
.muryoudekantan{
	font-size: 20px;
}
	
.mitumuryo-block {
  font-size:14px;
}
.left_cent{
	width: 95%;
	height: 80px;
}		
	

.large-text {
  font-size: 1.15em; 
}
	.double-outline {
  font-size: 16px;
}	
	
	.fukidashi-only {
  padding: 20px 100px 100px 20px; /* 上 右 下 左 */
}
	
	.fukidashi-inner p,
     .fukidashi-only h1 {
         font-size: 13px;      /* お好みで */
}

.highlight-line_t {
  font-size: 16px !important;
}

.arrow_box {
  font-size: 3vw;
  padding: 20px 5px 20px 20px;
}
.arrow_box h1{
		font-size: 3vw;
	}
.speech-container {
  width: 95%;
  gap: 3px;
  margin-top: 10px;
}
.contact_two_bt{
	padding: 5px;
	gap:5px;
}
	
.mitumuryo-textmini{
	padding-bottom: 2px;
	
}

}
/*　↑ここまで　トップ系コントロール↑ */


@media screen and (max-width: 768px) {
	

.estimate-box {
  gap:5px;
  margin: 10px 0px 10px 0px;
}
	
	
.kataduke-scroll-section {
  padding: 20px 20px 20px 20px;
}
	
	
	
  .scroll-left,
  .scroll-right {
    display: none !important;
  }

	 .reason-image img {
    max-height: 160px; /* ← お好みで調整してOK */
  }
.bottom-note {
  font-size: 18px;
  padding: 10 20;
}
.highlight-line {
  font-size: 24px !important;
}
.highlight-linesm{
  font-size: 24px !important;
}
	

  .mobile-catchcopy {
    display: block;
    text-align: center;
  }

  .mobile-catchcopy img {
    max-width: 100%;
    height: auto;
  } .mobile-catchcopy {
    display: block;
    text-align: center;
  }

  .mobile-catchcopy img {
    max-width: 100%;
    height: auto;
  }
	

  .reasons-header img {
    width: 330px;
  }
.titlepart {
    min-height: 130px;
  }

  .gokuyo-intro {
    flex-direction: column;
  }

	.gokuyo-intro-image{
		display: none;
	}
	.gokuyo-intro-image2{
		display: block;
	}
	
  .gokuyo-intro-text {
    flex: 1 1 100%;
    text-align: center;
  }

  .gokuyo-intro-text {
    text-align: left;
  }

  .gokuyo-heading h2 {
    font-size: 1.5em;
  }

  .bamboo-kun-inline {
    width: 140px;
  }

  .logo-img {
    width: 200px;
  }

  .jokin-image img {
    width: 90%;
  }

  .jokin-title-inner {
    flex-direction: column;
    align-items: center;
  }

  .jokin-title-line-group {
    flex-direction: column;
  }

  .jokin-info-box {
    flex-direction: column;
    align-items: center;
	margin-left: -8px;
  }

  .jokin-info-box,
  .jokin-info-text {
    width: 90%;
  }
  /* この部分は削除またはコメントアウト 
  .jokin-video iframe {
    width: 90%;
    height: auto;
  }*/
	
	
  .scroll-wrapper {
    display: none !important;
  }

  .scroll-alt {
    display: block;
    padding: 20px;
    background: #fffdf5;
  }

  .sp-br {
    display: inline;
  }
.estimate-speech {
  max-width: 70vw;

}
.estimate-character img {
  width: 105px;
  height: auto;
  margin-left: -10px;
}
  .kataduke-scroll-wrapper {
    width: 100%;
  }

  .kataduke-scroll-mask {
    left: 0;
    width: 100%;
  }

  .kataduke-scroll-body {
    flex-direction: column;
    align-items: center;
  }

  .kataduke-image {
    width: 100%;
    max-width: 158px;
    margin-left: 0;
    justify-content: center;
  }

  .kataduke-checklist,
  .kataduke-note {
    text-align: left;
  }

  .kataduke-mascot {
    top: -140px;
    width: 80px;
  }

  .kataduke-scroll-wrapper {
    display: none !important;
  }

  .kataduke-scroll-alt {
    display: block;
    background: #fffdf5;
    border: 2px solid #aaa;
    border-radius: 12px;
    padding: 20px;
    margin: 0px 20px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    font-size: 16px;
    line-height: 1.6;
  }
  .kataduke-scroll-alt ul,
  .kataduke-scroll-alt li {
    text-align: left;
  }

	
	
  .jokin-power-top,
  .jokin-photo-section {
    flex-direction: column;
    align-items: center;
  }

  .photo-group {
    justify-content: center;
  }

  .text-group {
    align-items: center;
  }

  .video-wrapper {
    max-width: 100%;
  }

  .jokin-text-box {
    max-width: 90%;
  }

  .photo-group {
    display: flex;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap; /* 行詰まり対策でwrap許可（2枚ならwrapしない） */
  }

  .jokin-photo {
    width: 45%;   /* 横並びでちょうど収まる幅 */
    height: auto;
  }

  .flow-list li {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .flow-text {
    text-align: center;
  }
}

@media (max-width: 768px) {
  .floating-tel {
    right: 10px;
    bottom: 10px;
    padding: 14px 16px;
    font-size: 1em;
    min-width: 140px;
  }
  .tel-label {
    font-size: 0.8em;
  }

  .floating-tel {
    right: 10px;
    bottom: 10px;
    padding: 12px 18px;
    font-size: 1em;
  }
	
	.parcentage{
	display: none;
	}
	
	.left-align_bottom{
	align-items: center;
    transform: translateX(-28px);
	justify-content: center;
}
	
	.comflexleft_change{
	text-align: center;
	justify-content: center !important;
	align-items: center !important;	
}


}