@charset "UTF-8";
/* 幅680px以下からcss適応 */
@media only screen and (max-width: 680px) {
/* clinic_list */
.clinic_list-img01 img{
  \max-width: 60px;
}

  /* さらのて鍼灸院ってどんなとこ？ */
.about {
    padding: 32px;
}

.about_conts-text {
  margin-bottom:24px;
}
  
.about_conts-img {
  order:0;
    text-align: center;
    margin: 0 auto 0px;
}
  
.about_conts {
    display: block;
}
  /* clinic_list */
  .clinic_list-wrap{
    flex-direction: column;
  }

  .clinic_listconts{
    width: 100%;
    margin: 0 auto 24px;
  }

  .clinic_listconts:last-of-type{
    margin-bottom: 0;
  }

  .clinic_listconts a{
    padding: 3px;
  }

  .clinic_listconts-wrap{
    border-width: 1px;
    padding: 8px;
  }

  .clinic_listconts-ttl{
    font-size: clamp(16px, 6.5vw, 24px);
    text-underline-offset: 4px;
    margin-bottom: 12px;
    line-height: 1;
    letter-spacing: -0.175em;
  }

  .clinic_listconts-ttl span{
    font-size: 1.25em;
  }

  .clinic_listconts-info p{
    font-size: 12px;
  }

  /* このようなお悩み、当院で相談しませんか？ */
  .onayami_conts {
    width: 100%;
    display: block;
  }
  .onayami_conts-img {
    text-align: center;
  }
  .onayami_conts-img img {
    width: auto;
    max-height: 240px;
    height: auto;
  }
  /* 卒業された方のメッセージ */
  .message_movie iframe {
    height: 60vw;
    min-height: 180px;
    max-height: 320px;
    padding: 8px;
  }
  .message_memo {
    margin-top: 8px;
  }
  /* 選ばれる理由 */
.reason .ttl {
    font-size: 36px;
}	
	
  .reason_ttl {
    background-position: left 12px;
    background-size: 48px auto;
    padding: 12px 0 12px 56px;
    font-size: 18px;
    line-height: 1.5;
    /* min-height: 48px; */
  }
	
.reason_ttl:before {
    width: 30px;
    height: 30px;
    left: 16px;
 }
	
.reason_ttl::after {
    width: 30px;
    height: 30px;
    font-size: 22px;
    transform: translateY(calc(-50% - 0px));
    left: 16px;
}
	
  .reason_conts-wrap {
    flex-direction: column;
  }
  .reason_img {
    margin: 0 auto 16px;
    text-align: center;
  }
  .reason_text {
    width: 100%;
    margin: 0 auto;
  }
  /* 院長メッセージ */
	.top_profile {
  --profileimg: 0px;
}
  .top_profile-img {
    float: none;
    text-align: center;
    margin: 0 auto 0px;
    padding: 0;
    height: auto;
  }
  .top_profile-img img {
    width: auto;
    max-width: 200px;
    height: auto;
  }
  .top_profile-ttl01 {
    font-size: 20px;
    margin-bottom: 20px;
    background-size: 48px;
    padding-left: 36px;
  }
  .top_profile-ttl01 ruby {
    font-size: 20px;
  }
  /* 不妊治療に対する思い */
  .top_omoi-ttl01 {
    font-size: 20px;
    text-decoration: underline;
    margin-bottom: 16px;
  }
  .top_omoi-text {
    padding: 24px 12px;
  }
  .top_omoi-text p {
    font-size: 14px;
  }
  /* 推薦の声 */
  .recommend_conts {
    padding: 12px;
  }
  .recommend_info {
    padding: 16px 8px 16px 64px;
  }
  .recommend_info:before {
    background-size: contain;
    width: 20vw;
    height: 24vw;
  }
  .recommend_info-text02 {
    font-size: 15px;
  }
  .recommend_ttl01 {
    font-size: 20px;
  }
  .recommend_textarea {
    padding: 12px;
  }
  .recommend_textarea-img {
    text-align: center;
    float: none;
    margin: 0 auto 12px;
  }
  .recommend_subconts iframe{
    min-height: 180px;
    height: 50vw;
    margin-top: 1em;
  }
  /* 実績 */
  .resultconts {
    padding: 12px;
  }
  .result_conts-speech {
    padding: 8px;
    margin-bottom: 24px;
  }
  .result_conts-speech:after {
    border-width: 16px 24px 24px;
    bottom: -36px;
  }
  .result_conts-speech-ttl {
    font-size: 20px;
  }
  .result_conts-textarea {
    padding: 32px 12px 16px;
  }
  .result01_img01 {
    margin: 16px auto;
  }
  .result02_img01 {
    float: none;
    margin: 0 auto 12px;
    text-align: center;
  }
  .result02_memo {
    font-size: 13px;
  }
  .result02_dateconts {
    margin-top: 24px;
  }
  .result02_ttl02 {
    font-size: 20px;
    margin-bottom: 12px;
  }
  .result02_ttl03 {
    font-size: 16px;
    margin-top: 0;
  }
  .result02_dateinfo-imgconts {
    width: calc(50% - 6px);
    margin-right: 12px;
  }
  .result02_dateinfo-imgconts p {
    font-size: 13px;
  }
  .result02_dateinfo-text {
    margin-top: 16px;
    padding: 12px;
  }
  .result02_dateinfo-text p {
    font-size: 13px;
  }
  .result02_dateinfo-ttl01 {
    font-size: 15px !important;
  }
  /* 特徴 */
  .feature_ttl {
    font-size: 18px;
    padding-left: 40px;
    margin-bottom: 12px;
  }
  .feature_ttl::before {
    width: 32px;
    height: 32px;
    font-size: 18px;
  }
  /* 選ばれる理由 */
  .top_reason-text01 {
    line-height: 1.5;
  }
  .reason_ttl {
    background-size: 36px auto;
    /* padding-left: 60px; */
    /* min-height: 32px; */
    /* padding-top: 15px; */
    /* padding-bottom: 0; */
    padding: 14px 16px 10px 57px;
  }
  .reason_conts {
    margin-top: 12px;
  }
  .reason_conts:first-of-type {
    margin-top: 24px;
  }
  /* よくある質問 */
  .faq_conts {
    margin-top: 8px;
  }
  .faq_conts dl dt,
  .faq_conts dl dd {
    font-size: 15px;
    background-size: 28px auto;
    padding-left: 36px;
  }
  .faq_conts dl dt {
    min-height: 0;
    padding-bottom: 4px;
  }
  /* スタッフからみなさまへ */
    .message_hd p {
        font-size: 24px;
        line-height: 1.25;
    }
  /* menulist */
  .top_menulist {
    flex-direction: column;
  }
  .top_menulist li {
    width: 100%;
    margin: 0 auto 8px;
    text-align: center;
    line-height: 0;
  }
  .top_menulist li:last-of-type {
    margin-bottom: 0;
  }
  .top_newsblog {
    flex-direction: column;
  }
  .top_newsblog-conts {
    width: 100%;
    margin: 0 auto 32px;
  }
  .top_newsblog-conts:last-of-type {
    margin-bottom: 0;
  }
  .top_newsblog-singleconts dl dt,
  .top_newsblog-singleconts dl dd {
    font-size: 14px;
  }
}