@media screen and (min-width: 771px) { #top-about, #top-work { margin-bottom: 96px; }
  #top-service, #contact { margin-bottom: 80px; } }
@media screen and (min-width: 481px) and (max-width: 770px) { #top-about, #top-work { margin-bottom: 80px; }
  #top-service { margin-bottom: 64px; }
  #contact { margin-bottom: 48px; } }
@media screen and (max-width: 480px) { #top-about, #top-work { margin-bottom: 72px; }
  #top-service { margin-bottom: 56px; }
  #contact { margin-bottom: 48px; } }
.h-wrap__inner .menuBtn { margin-bottom: 20px; }
.h-wrap__inner .menuItem li { margin-bottom: 20px; }
.h-wrap__inner .menuItem li:nth-of-type(5) { margin-bottom: 60px; }
.h-wrap__inner .menuItem li:nth-of-type(6) a { display: block; width: 220px; margin: 0 auto; }

@media screen and (max-width: 480px) { .h-wrap__inner .menuItem li:nth-of-type(6) a { width: 180px; } }
#topView { margin-bottom: 24px; }
#topView .topView-wrap { max-width: 720px; padding-top: 180px; margin: 0 auto; }

@media screen and (max-width: 480px) { #topView { margin-bottom: 16px; }
  #topView .topView-wrap { padding-top: 160px; } }
.pageTitle { margin: 0 auto 2.4rem; }

.mainTitle { margin: 0 auto 8px; }

.titleSlash { width: 40px; height: 40px; margin: 0 auto 24px; }

.top-about-wrap__inner { max-width: 560px; margin: 0 auto; }

@media screen and (max-width: 480px) { .top-about-wrap__inner { padding: 32px; } }
.top-service-wrap .titleSlash { margin-bottom: 8px; }
.top-service-wrap__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; max-width: 816px; padding: 16px; margin: 0 auto; }
.top-service-wrap__inner--img { width: 50%; padding: 16px; }
.top-service-wrap__inner--txt { width: 50%; padding: 16px; }
.top-service-wrap .mr-btm16 { margin-bottom: 16px; }
.top-service-wrap__table { max-width: 560px; padding: 16px; margin: 0 auto; }
.top-service-wrap__table--block { width: 100%; }
.top-service-wrap__table--block td { width: 50%; }
.top-service-wrap__table .last-block { margin-bottom: 32px; }

@media screen and (max-width: 560px) { .top-service-wrap__inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .top-service-wrap__inner--img { width: 100%; }
  .top-service-wrap__inner--txt { width: 100%; } }
.top-work-wrap { margin-bottom: 24px; }
.top-work-wrap__card { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; max-width: 816px; margin: 0 auto; }
.top-work-wrap__card--item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; max-width: 272px; min-width: 84px; height: 288px; padding: 16px; overflow: hidden; }
.top-work-wrap__card--item:nth-child(odd) { margin: 0 16px 16px; }

@media screen and (max-width: 480px) { .top-work-wrap__card--item { height: 128px; font-size: 1.6rem; }
  .top-work-wrap__card--item p { line-height: 1.4; }
  .top-work-wrap__card--item:nth-child(odd) { margin: 0 12px 12px; } }
.primaryBtn { display: inline-block; padding: 8px 48px; }

.contact-wrap .titleSlash { margin-bottom: -16px; }

#child-section { padding-top: 80px; }

.child-section-wrap__inner { max-width: 720px; padding: 16px; margin: 0 auto; }
.child-section-wrap__inner .pList-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 1.8rem; }
.child-section-wrap__inner .pList-wrap__item { text-align: left; margin-right: 12px; }
.child-section-wrap__inner .pList-wrap__itemLine { width: 0.8rem; height: 0.8rem; margin-right: 14px; }
.child-section-wrap__inner .txtJustify { margin-bottom: 2.4rem; }
.child-section-wrap__inner--block { margin-bottom: 2.4rem; }
.child-section-wrap__inner--block .grid { display: grid; display: -ms-grid; grid-template-columns: repeat(3, 1fr); -ms-grid-columns: repeat(3, 1fr); grid-template-rows: auto; -ms-grid-rows: auto; grid-column-gap: 8px; -ms-grid-column-gap: 8px; grid-row-gap: 8px; -ms-grid-row-gap: 8px; }
.child-section-wrap__inner--block .grid .t1 { grid-column: 2 / 4; -ms-grid-column: 2 / 4; }
.child-section-wrap__inner--block .grid .t2 { grid-column: 1 / 3; -ms-grid-column: 1 / 3; }
.child-section-wrap__inner--block .grid .c1 { grid-column: 1; -ms-grid-column: 1; }
.child-section-wrap__inner--block .grid .c2 { grid-column: 2; -ms-grid-column: 2; }
.child-section-wrap__inner--block .grid .c3 { grid-column: 3; -ms-grid-column: 3; }
.child-section-wrap__inner--block .grid .s1 { grid-column: 2 / 4; -ms-grid-column: 2 / 4; }
.child-section-wrap__inner--block .grid .s2 { grid-column: 1 / 3; -ms-grid-column: 1 / 3; }
.child-section-wrap__inner--block .works-item { max-width: 560px; margin: 0 auto; }
.child-section-wrap__inner--block .works-item__list { text-align: left; }
.child-section-wrap__inner--block .works-item:last-child { padding-top: 12px; padding-bottom: 12px; padding: 12px 16px; }
.child-section-wrap__table { max-width: 720px; padding: 16px; margin: 0 auto 32px; }
.child-section-wrap__table .pList-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 1.8rem; }
.child-section-wrap__table .pList-wrap__item { text-align: left; margin-right: 12px; }
.child-section-wrap__table .pList-wrap__itemLine { width: 0.8rem; height: 0.8rem; margin-right: 14px; }
.child-section-wrap__table--block { width: 100%; }
.child-section-wrap__table--block .td-left { width: 30%; }
.child-section-wrap__table--block .td-right { width: 70%; }

@media screen and (max-width: 480px) { .child-section-wrap__inner--block .grid { grid-column-gap: 6px; -ms-grid-column-gap: 6px; grid-row-gap: 6px; -ms-grid-row-gap: 6px; } }
.f-wrap__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 640px; padding: 0 16px; margin: 0 auto 80px; }
.f-wrap__inner--sns { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; width: 40%; }
.f-wrap__inner--sns li { width: 29px; }

@media screen and (max-width: 480px) { .f-wrap__inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 48px; }
  .f-wrap__inner--copy { margin-bottom: 24px; }
  .f-wrap__inner--sns { width: 80%; margin: 0 auto; } }