@charset "UTF-8";
/*mixin
----------------------------------------------------*/
/* 幅1100px以下からcss適応 */
@media only screen and (max-width: 1100px) {
  /* 共通パーツ */
  #second #conts {
    margin: 40px auto;
  }
  #second_mainimage {
    min-height: 220px;
    padding: 16px;
    box-sizing: border-box;
    height: 100%;
  }
  .second_mainimage-text {
    line-height: 1.5;
  }
  .conts02 {
    margin-top: 40px;
  }
}

/* 幅800px以下からcss適応 */
/* 幅680px以下からcss適応 */
@media only screen and (max-width: 680px) {
  /* 共通コンテンツ */
  #second #main {
    padding: 24px 0 40px;
  }
  #second #conts {
    margin: 0 auto;
  }
  #second #conts .conts01:last-of-type {
    margin-bottom: 0;
  }
  #second .conts01 {
    margin-bottom: 40px;
  }
  #second .conts02 {
    margin-top: 24px;
  }
  .second_mainttl {
    font-size: 20px;
    padding: 12px;
    margin-bottom: 24px;
  }
  .second_ttl01 {
    font-size: 18px;
    padding: 12px;
    margin-bottom: 16px;
  }
  .second_ttl02 {
    font-size: 16px;
    padding-bottom: 2px;
    margin-bottom: 20px;
  }
  .second_ttl03 {
    font-size: 16px;
    line-height: 1.5;
    padding-left: 12px;
  }
  .second_ttl03:before {
    width: 7px;
    height: 7px;
    top: 10px;
  }
  .second_ttl04 {
    font-size: 16px;
    padding: 6px 12px 4px 26px;
  }
  .second_ttl04:before {
    width: 8px;
    height: 8px;
    left: 12px;
    top: 16px;
  }
  .second_ttl05 {
    font-size: 16px;
  }
  .second_ttl06 {
    font-size: 20px;
  }
  .movie_conts iframe {
    min-height: 260px;
  }
  /* about */
  .about_flow-ttl {
    font-size: 18px;
    padding: 8px 12px 8px 48px;
  }
  .about_flow-ttl:before {
    width: 28px;
    height: 28px;
    left: 12px;
    top: 6px;
    font-size: 18px;
  }
  .about_flowconts {
    padding-bottom: 0;
    margin-bottom: 18.5vw;
  }
  .about_flowconts:after {
    width: 34vw;
    bottom: -12vw;
  }
  /* price_ */
  .price_list {
    padding: 12px;
    margin: 1em auto;
  }
  .price_list-dl {
    justify-content: center;
    flex-direction: column;
    align-items: center;
    line-height: 1.5;
  }
  .price_list-dt {
    font-size: 16px;
    text-align: center;
  }
  .price_list-dt:after {
    content: none;
  }
  .price_list-dd {
    font-size: 20px;
  }
  .price_list-dd span {
    font-size: 16px;
  }
  /* staff */
  .staff_conts-img {
    display: flex;
    flex-direction: column;
    float: none;
    margin: 0 auto;
  }
  .staff_mainimg {
    display: block;
    width: 100%;
    text-align: center;
  }
  .staff_mainimg img {
    width: auto;
    max-width: 160px;
    height: auto;
  }
  .staff_conts-imglist {
    margin-top: 12px;
    display: flex;
    flex-direction: row;
    justify-content: center;
  }
  .staff_conts-imglist figure {
    width: calc(50% - 4px);
    max-width: 140px;
    margin-right: 8px;
  }
  .staff_conts-imglist figure:last-of-type {
    margin-right: 0;
  }
  .staff_conts-imglist figure img {
    width: auto;
    max-width: 100%;
    height: auto;
  }
  /* access */
  .accesss_info {
    padding: 16px;
  }
  .access_info-ttl {
    font-size: 24px;
    margin-bottom: 12px;
  }
  .access_info-map {
    margin: 1.25em auto;
  }
  .access_info-map iframe {
    min-height: 240px;
  }
  .access_info-textarea dl {
    display: flex;
    flex-direction: column;
    margin-bottom: 8px;
  }
  .access_info-textarea dl:last-of-type {
    margin-bottom: 0;
  }
  .access_info-textarea dl dt, .access_info-textarea dl dd {
    width: 100%;
  }
  .access_info-textarea dl dt {
    font-weight: bold;
  }
  .access_info-textarea dl dt:after {
    content: none;
  }
  .access_linklist ul {
    display: flex;
    flex-direction: column;
  }
  .access_linklist ul li {
    width: 100%;
    margin: 0 auto 12px;
  }
  .access_linklist ul li:last-of-type {
    margin-bottom: 0;
  }
  .access_linklist ul li a {
    padding: 8px;
    min-height: 0;
  }
  .access_linklist ul li a .access_linklist-conts {
    font-size: 15px;
    padding-left: 20px;
  }
  .access_linklist ul li a .access_linklist-conts:before {
    width: 20px;
    height: 20px;
    top: calc(50% - 11px);
  }
  .access_linklist ul li a .access_linklist-conts:after {
    border-width: 5px 5px 5px 7px;
    left: 7px;
    top: calc(50% - 6px);
  }
  .access_linklist ul li a .access_linklist-conts .br {
    display: inline;
  }
  .acces_conts-list {
    flex-direction: column;
  }
  .access_conts {
    width: 100%;
    padding: 12px;
  }
  .access_ttl {
    font-size: 15px;
    padding-left: 40px;
    margin-bottom: 12px;
  }
  .access_ttl .access_ttl-num {
    width: 32px;
    height: 32px;
    font-size: 18px;
  }
  .access_img {
    text-align: center;
  }
  .access_img img {
    width: auto;
    max-width: 100%;
    height: auto;
  }
  .access_cliniclist ul li {
    width: calc(50% - 4px);
    margin-right: 8px;
    margin-bottom: 8px;
    line-height: 0;
  }
  /* ご予約・お問い合わせ */
  .reserve_caution {
    padding: 16px 16px calc(16px - 1em);
  }
  .reserve_caution-ttl01 {
    font-size: 18px;
  }
  .reserve_caution-ttl02 {
    font-size: 15px;
    line-height: 1.65;
  }
  .contact_form-tbl tbody tr {
    display: flex;
    flex-direction: column;
  }
  .contact_form-tbl tbody tr th, .contact_form-tbl tbody tr td {
    display: block;
    width: 100%;
    padding: 8px 12px;
  }
  .contact_form-tbl tbody tr td {
    padding: 12px;
  }
  .contact_form-tbl tbody tr td p {
    margin-top: 8px;
    font-size: 14px;
    line-height: 1.5;
  }
  .form_submit input {
    font-size: 18px;
    max-width: 280px;
    padding: 8px 12px;
    margin-top: 20px;
  }
  .reserve_telnum {
    font-size: 16px;
    margin-bottom: 0.5em !important;
  }
  /* serotonin */
  .serotonin_checklist-conts {
    padding: 16px;
  }
  .serotonin_checklist-subconts {
    margin-bottom: 24px;
  }
  .serotonin_checklis-ttl {
    font-size: 16px;
    padding-bottom: 6px;
    margin-bottom: 10px;
  }
  .serotonin_checklis-ttl span {
    font-size: 12px;
    padding: 4px 8px;
    border-radius: 2px;
    margin-right: 2px;
  }
  .serotonin_checklist-dl dt:before {
    top: 10px;
  }
  /* recruit */
  .recruit_instruction dl dt {
    font-size: 16px;
    padding-left: 14px;
  }
  .recruit_instruction dl dt:before {
    width: 8px;
    height: 8px;
    top: 10px;
  }
  /* 記事一覧 */
  .category_archive-list dl {
    flex-direction: column;
  }
  .category_archive-list dl dd {
    margin-left: 0;
  }
  /* 新着情報 */
  .conts_single h3 {
    font-size: 18px;
    padding: 12px;
    margin-bottom: 16px;
  }
  .conts_single h4 {
    font-size: 16px;
    padding-bottom: 2px;
    margin-bottom: 20px;
  }
  .conts_single h5 {
    font-size: 16px;
    line-height: 1.5;
    padding-left: 12px;
  }
  .conts_single h5:before {
    width: 7px;
    height: 7px;
    top: 10px;
  }
  .conts_single h6 {
    font-size: 16px;
  }
  .conts_single .alignleft,
  .conts_single .alignright {
    width: 40% !important;
    margin-bottom: 0;
  }
  .conts_single .alignleft {
    margin-right: 8px;
  }
  .conts_single .alignright {
    margin-left: 8px;
  }
  .conts_single .aligncenter {
    margin: 0 auto;
    text-align: center;
  }
  .conts_single .box {
    padding: 12px;
  }
}
