@charset "UTF-8";

/* sass */
.txt-pt1 { margin-top: 8px; font-size: 1.4rem; line-height: 1.75; }

.txt-pt2 { margin-top: 16px; font-size: 1.4rem; line-height: 1.75; }

.list-btn-st.wdt-pt4 { margin-top: 24px; }

.list-btn-st.wdt-pt5 { margin-top: 32px; }

.hdg-sub-pt { font-size: 1.4rem; line-height: 1.5; font-weight: 700; padding-bottom: 2px; text-align: center; }

.box-bg-pt { background: #E4F2F7; border-radius: 16px; padding: 16px; margin-top: 24px; }

.txt-schedule-pt { font-size: 1.6rem; line-height: 1.5; font-weight: 700; }

.txt-schedule-pt .txt-time { display: block; color: #09821D; }

.txt-schedule-pt .txt-detail { display: block; }

.txt-schedule-pt + .txt-schedule-pt { margin-top: 8px; }

.wrap-col-box.ctr { justify-content: center; }

.wrap-comment-box .inner-box { margin-top: 24px; }

.wrap-comment-box .ttl-comment { min-height: 64px; padding-left: 72px; display: flex; align-items: center; font-size: 1.6rem; line-height: 1.75; font-weight: 700; }

.wrap-comment-box .ttl-comment.icon-pt1 { background: transparent url(../image/icon_user1.png) no-repeat 6px center; background-size: 52px auto; }

.wrap-comment-box .ttl-comment.icon-pt2 { background: transparent url(../image/icon_user2.png) no-repeat left center; background-size: 64px auto; }

.wrap-comment-box .ttl-comment.icon-pt3 { background: transparent url(../image/icon_user3.png) no-repeat 6px center; background-size: 52px auto; }

.wrap-comment-box .ttl-comment.icon-pt4 { background: transparent url(../image/icon_user4.png) no-repeat left center; background-size: 64px auto; }

.wrap-comment-box .bg-comment { border-radius: 16px; margin-top: 8px; padding: 16px; }

.wrap-comment-box .bg-comment.bg-pt1 { background: #E8F5F7; }

.wrap-comment-box .bg-comment.bg-pt2 { background: #FFFDCE; }

.wrap-comment-box .txt-comment { font-size: 1.4rem; line-height: 1.75; }

@media all and (min-width: 768px) { .txt-pt1 { margin-top: 16px; font-size: 1.6rem; } .list-btn-st.wdt-pt4 { width: 360px; margin: 48px auto 0; } .list-btn-st.wdt-pt5 { width: 360px; margin: 48px auto 0; } .hdg-sub-pt { font-size: 1.8rem; } .box-bg-pt { padding: 24px; margin-top: 32px; } .txt-schedule-pt { font-size: 2.2rem; display: flex; } .txt-schedule-pt .txt-time { width: 6em; } .txt-schedule-pt + .txt-schedule-pt { margin-top: 0; } .wrap-col-box.row2-pt2 { justify-content: space-between; }
  .wrap-col-box.row2-pt2 .inner-box:first-child { width: 58.64661654135338%; }
  .wrap-col-box.row2-pt2 .inner-box:last-child { width: 37.59398496240601%; }
  .wrap-col-box.row2-pt3 { justify-content: space-between; }
  .wrap-col-box.row2-pt3 .inner-box:first-child { width: 66.24015748031496%; }
  .wrap-col-box.row2-pt3 .inner-box:last-child { width: 29.822834645669293%; } .wrap-comment-box { display: flex; margin-left: -40px; flex-wrap: wrap; }
  .wrap-comment-box .inner-box { width: calc(50% - 40px); margin-left: 40px; } .wrap-comment-box .inner-box { margin-top: 32px; display: flex; flex-direction: column; } .wrap-comment-box .ttl-comment { min-height: 72px; padding-left: 88px; margin: 0 12px; } .wrap-comment-box .ttl-comment.icon-pt1 { background-size: 60px auto; } .wrap-comment-box .ttl-comment.icon-pt2 { background-size: 72px auto; } .wrap-comment-box .ttl-comment.icon-pt3 { background-size: 60px auto; } .wrap-comment-box .ttl-comment.icon-pt4 { background-size: 72px auto; } .wrap-comment-box .bg-comment { flex-grow: 1; } .wrap-comment-box .txt-comment { font-size: 1.6rem; } }