@charset "UTF-8";
/* 幅1100px以下からcss適応 */
/* 幅680px以下からcss適応 */
@media only screen and (max-width: 680px) {
  /* 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 {
    background-position: left 12px;
    background-size: 48px auto;
    padding: 12px 0 12px 56px;
    font-size: 18px;
    line-height: 1.5;
    min-height: 48px;
  }
  .reason_conts-wrap {
    flex-direction: column;
  }
  .reason_img {
    margin: 0 auto 16px;
    text-align: center;
  }
  .reason_text {
    width: 100%;
    margin: 0 auto;
  }
  /* 院長メッセージ */
	.top_profile {
  margin-bottom: 4em;
}
  .top_profile-img {
    float: none;
    text-align: center;
    margin: 0 auto 0px;
    padding: 0;
  }
  .top_profile-img img {
    width: auto;
    max-width: 200px;
    height: auto;
  }
  .top_profile-ttl01 {
    font-size: 16px;
    padding-bottom: 0;
    margin-bottom: 8px;
  }
  .top_profile-ttl01 ruby {
    font-size: 20px;
  }
  /* 不妊治療に対する思い */
  .top_omoi-ttl01 {
    font-size: 20px;
    text-decoration: underline;
    margin-bottom: 16px;
  }
  .top_omoi-text {
    width: 95%;
    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: 44px;
    min-height: 32px;
    padding-top: 15px;
    padding-bottom: 0;
  }
  .reason_conts {
    margin-top: 12px;
    border-bottom: 1px dashed #d57580;
    padding-bottom: 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;
  }
  /* 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;
  }
}