@charset "UTF-8";

@media (max-width: 700px) {

  /* section padding */
  #service {
    padding-top: 9.23%;
  }
#service_top{
	margin-bottom: 9.23%;
}

.don_det_top_head_btn p small{
	display: block;
	font-size: 0.85rem;
	line-height: 1.4em;
	margin-top: 4px;
}

  /* ser_top_in横並び → 縦並び */
  .ser_top_in {
    flex-direction: column;
    gap: 16px;
  }

  .ser_top_in_img,
  .ser_top_in.media-youtube .ser_top_in_img,
  .ser_top_txt,
  .ser_top_in.no-media .ser_top_txt {
    width: 100% !important;
  }
.ser_top_h1_wrap {
  display: flex;
	flex-wrap:wrap;
  justify-content: space-between; /* 左右端に配置 */
  align-items: center;
  gap: 16px; /* h1 とボタンの間 */
	  border-bottom: dotted 2.4px var(--service-main-color);
	  padding-bottom: 10px;
	margin-bottom:32px;
}
  /* タイトルサイズ調整 */
  .ser_top_h1_wrap h1 {
    font-size: 22px;
    line-height: 1.4em;
  }

  .ser_top_tit p span {
    font-size: 1.1rem;
    padding: 6px 12px;
  }
	.ser_top_txt {
		margin-top:3.84%;
	}
	
.ser_top_txt h2{
	margin-bottom: 8px;
	font-size: 1.2rem;
}
.donation_btn_wrap {
  display: flex;
	flex-wrap:wrap;
  gap: 0px;
  margin: 2.3% 0 5.38% 0;
}
.don_det_top_head_btn {
		width:100%;
	margin-bottom:16px;
}
.don_det_top_head_btn p {
	font-size: 1.1rem;
    line-height: 1.3em;
}
.don_det_top_head_btn a {
	padding: 8px 16px;
    height: auto;
}
.don_det_top_head_btn.don_btn_2 a {
	border: 2px solid #efccdb;
	background-image:none;
	background-color: #F3F3FB;
	height: auto;
}
  .don_det_top_head_btn_icon {
    width: 32px;
    margin-right: 8px;
  }

  .don_det_top_head_btn.don_btn_2 .don_det_top_head_btn_icon {
    width: 48px;
  }
	
.icon_tit-madara{
    padding: 16px 16px;
	border-radius: 6px;
}
	
	
.icon_tit-madara_tit{
	font-size: 20px;
    line-height: 1.4em;
}
.ser_cont{
	margin-bottom: 8.46%;
}
  /* ser_cont_in 横並び → 縦並び */
  .ser_cont_in {
    flex-direction: column;
    gap: 12px;
  }

  .ser_cont_in_img,
  .ser_cont_txt {
    width: 100% !important;
  }

  .ser_cont_in_img p {
    font-size: 13px;
    line-height: 1.4em;
    margin-top: 8px;
  }
  .ser_cont_txt h2,
  .ser_cont_txt h3 {
    font-size: 1.1rem;
    line-height: 1.4em;
  }

  .ser_cont_txt p,
  .ser_cont_txt ul li,
  .ser_cont_txt ol li {
    font-size: 0.95rem;
    line-height: 1.6em;
  }




  /* 矢印の種類 */
  .ser_cont_txt .btn-link:not([target="_blank"])::after {
    background-image: url("../images/arrow_double_blue.svg");
  }
  .ser_cont_txt .btn-link[target="_blank"]::after {
    background-image: url("../images/blue_link.svg");
  }








/* ser_cont_txt内のYouTubeだけ */
.ser_cont_txt .youtube-wrap {
	width: 100%;
  margin: 3.84% 0;
}




  /* arrow_dot_tit矢印アイコン調整 */
  .service-cat-donation .ser_cont_txt .arrow_dot_tit::before {
    width: 20px;
    height: 20px;
  }

  /* #donation_detailの3列リストを縦並び */
  .ser_cont_txt #donation_detail.fukushi ul {
    display: block;
    margin-top: 16px;
    margin-bottom: 16px;
  }

  #donation_detail.fukushi ul li {
    width: 100%;
    margin-bottom: 12px;
  }

  #donation_detail.fukushi ul li:nth-child(3n) {
    margin-right: 0;
  }

  #donation_detail.fukushi ul li h4 {
    font-size: 16px;
    padding: 10px 12px;
  }

	
.ser_cont_txt .shakyo-card-grid {
    grid-template-columns: 1fr;
    gap: 14px;
	  padding-left: 0px;
  }

  .shakyo-card {
    padding: 16px;
    text-align: left; /* スマホは左寄せのほうが読みやすい */
  }

  .ser_cont_txt .shakyo-card-title {
    font-size: 1.05rem;
  }

  .shakyo-card-address {
    font-size: 0.95rem;
  }

  .shakyo-card-telfax {
    font-size: 0.95rem;
  }
	

.table-scroll{
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
	
.ser_cont_txt .yoko_scroll_text {
        display: inherit;
        text-align: center;
        padding-top: 8px;
        padding-right: 16px;
        padding-left: 16px;
        padding-bottom: 4px;
        background-color: #9AAEC7;
        color: #F8FAFA;
        font-size: 1.1rem;
        font-weight: 600;
        line-height: 1em;
        letter-spacing: 0.02em;
    }
	
.ser_cont_txt .yoko_scroll_text img {
        width: 40px;
        vertical-align: middle;
        margin-right: 8px;
    }
	
	
  #seivice_content_2 .table-scroll{
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }


	
#seivice_content_2 .yoko_scroll_text {
        display: inherit;
        text-align: center;
        padding-top: 8px;
        padding-right: 16px;
        padding-left: 16px;
        padding-bottom: 4px;
        background-color: #9AAEC7;
        color: #F8FAFA;
        font-size: 16px;
        font-weight: 600;
        line-height: 1em;
        letter-spacing: 0.02em;
    }
#seivice_content_2 .yoko_scroll_text img {
        width: 28px;
        vertical-align: middle;
        margin-right: 8px;
    }
  /* unit_contact 縦並び */
  .unit_contact_wrap {
    flex-direction: column;
    gap: 16px;
  }

  .unit_contact_each {
    margin-bottom: 12px;
  }

  .unit_contact_each h3 {
    font-size: 1rem;
  }

  .unit_contact_each p,
  .unit_contact_number p {
    font-size: 1.1rem;
  }

  /* single_content フル幅 */
  .single_content {
    font-size: 0.95rem;
  }
	


#seivice_content_2 .ser_cont_txt .yoko_scroll_text {
        display: inherit;
        text-align: center;
        padding-top: 8px;
        padding-right: 16px;
        padding-left: 16px;
        padding-bottom: 4px;
        background-color: #9AAEC7;
        color: #F8FAFA;
        font-size: 16px;
        font-weight: 600;
        line-height: 1em;
        letter-spacing: 0.02em;
    }
#seivice_content_2 .ser_cont_txt .yoko_scroll_text img {
        width: 28px;
        vertical-align: middle;
        margin-right: 8px;
    }



}