@import url(./assets/css/cover.css);
@import url(./assets/css/iekarute.css);
.p-blogdetail__newarticlelelistchild :hover {
  opacity: 1
}

.l-sidebar {
  top: auto
}

.l-sidebar__inner {
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow: auto;
  height: 100%;
  padding-bottom: 2.4rem
}

@media screen and (max-width:920px) {
  .l-sidebar__inner {
    padding-bottom: 12px
  }
}

.l-sidebar__inner::-webkit-scrollbar {
  display: none
}

.p-top-pickup__titletag--arrow {
  margin-left: 1rem
}

.p-top-pickup__titletag--arrow::before {
  right: 0
}

.p-top-pickup__titletag--arrow::after {
  right: 6px
}

@media screen and (max-width:767px) {
  div.c-button:hover {
    color: #fff
  }
  div.c-button::before {
    background-color: var(--main-color)
  }
  div.c-button a.c-button__link:hover span::before {
    background-color: #fff
  }
  div.c-button a.c-button__link:hover span::after {
    border-top: solid 1px var(--main-color);
    border-right: solid 1px var(--main-color)
  }
}

.p-blogdetail__grandchildList {
  border-top: solid 1px #888
}

.p-blogdetail__grandchildList li {
  text-indent: 1rem
}

.p-blogdetail__grandchildList li ul {
  text-indent: 1rem
}

@media screen and (max-width:920px) {
  .p-staffdetail__personalphotos {
    position: relative
  }
  .p-staffdetail__personalphotoChild img {
    object-fit: cover;
    height: 100%;
    min-height: 196px
  }
  .p-staffdetail__personalphotos .swiperbanners_prev {
    width: 40px;
    height: 40px;
    position: relative;
    top: calc(50% - 20px);
    border-radius: 50%;
    box-sizing: border-box;
    position: absolute;
    left: -20px;
    background: var(--main-color);
    z-index: 2;
    cursor: pointer
  }
  .p-staffdetail__personalphotos .swiperbanners_prev:hover {
    opacity: .8;
    transition: .2s
  }
  .p-staffdetail__personalphotos .swiperbanners_prev::after {
    content: "";
    width: 12px;
    height: 12px;
    border-top: solid 3px #fff;
    border-right: solid 3px #fff;
    transform: rotate(225deg);
    position: absolute;
    top: calc(50% - 6px);
    right: 11px
  }
  .p-staffdetail__personalphotos .swiperbanners_next.swiper-button-disabled, .p-staffdetail__personalphotos .swiperbanners_prev.swiper-button-disabled {
    visibility: hidden
  }
  .p-staffdetail__personalphotos .swiperbanners_next {
    width: 40px;
    height: 40px;
    position: relative;
    top: calc(50% - 20px);
    border-radius: 50%;
    box-sizing: border-box;
    position: absolute;
    right: -20px;
    background: var(--main-color);
    z-index: 2;
    cursor: pointer
  }
  .p-staffdetail__personalphotos .swiperbanners_next:hover {
    opacity: .8;
    transition: .2s
  }
  .p-staffdetail__personalphotos .swiperbanners_next::after {
    content: "";
    width: 12px;
    height: 12px;
    border-top: solid 3px #fff;
    border-right: solid 3px #fff;
    transform: rotate(45deg);
    position: absolute;
    top: calc(50% - 6px);
    right: 16px
  }
  .p-staffdetail__personalphotos .swiperbanners {
    position: relative
  }
}

@media screen and (min-width:726px) and (max-width:920px) {
  .p-primaryService__leadTitle {
    white-space: nowrap
  }
}

@media screen and (min-width:1081px) {
  .l-globalnav__submenu {
    pointer-events: none;
    transition: .5s;
    opacity: 0;
  }
  .l-globalnav__submenu.is-active {
    pointer-events: all;
    visibility: visible;
    opacity: 1;
  }
}

@media screen and (max-width:1320px) {
  .l-globalnav__subitems a {
    min-height: 48px
  }
}

@media screen and (min-width:961px) and (max-width:1320px) {
  .l-globalnav__items {
    font-size: 15px
  }
  .l-globalnav__items a {
    padding: 16px 10px 16px
  }
  .l-globalnav__items>a::after {
    right: 10px
  }
  .l-footer {
    padding: 50px 20px
  }
  .l-footer__section {
    padding: 0 10px
  }
  .l-footer .l-footer__navflex div.l-footer__section h3 {
    font-size: 15px
  }
  .p-top-aboutprotimes .p-top-aboutprotimes__wrapper .p-top-aboutprotimes__flexwrapper .p-top-aboutprotimes__flexcontents .p-top-aboutprotimes__text {
    font-size: 14px;
    margin-right: 16px
  }
  .p-top-cases__descriptiongreen {
    white-space: nowrap;
    font-size: 16px
  }
  .p-top-reasons__character {
    width: 70%;
    font-size: 24px;
    padding: 0;
    margin: 0
  }
  .p-top-reasons::after {
    right: 10px
  }
  .c-headline.white {
    padding-right: 0;
    padding-left: 0;
    margin-right: 0;
    margin-left: 0
  }
}

.l-globalnav__subitems a {
  display: flex;
  align-items: center
}

.p-blogdetail__maininner ul, .p-blogdetail__maininner ol {
  list-style: circle;
  text-indent: -1em;
  padding-left: 1em
}

.p-blogdetail__maininner ul li, .p-blogdetail__maininner ol li {
  list-style: circle;
  text-indent: -1em;
  padding-left: 1em
}

.p-service-top__eachLink {
  transition: .3s
}

.p-service-top__eachLink:hover {
  opacity: .7;
  transition: .3s
}

.p-first .p-primaryService__linkbox {
  max-width: 100%;
  padding: 22px 36px 0;
  margin-bottom: 80px
}

.p-first .p-service__wrapp .c-header__brown {
  height: auto;
  min-height: 64px
}

.p-first .p-service__flextext {
  line-height: 1.68
}

.p-first .p-service__flexwrapper {
  margin-bottom: 40px
}

.p-first .p-workman__quality {
  padding-bottom: 80px
}

@media screen and (max-width:767px) {
  .p-first .p-primaryService__linkbox {
    display: block;
    padding: 16px;
    margin-bottom: 40px
  }
  .p-first .p-primaryService__linkcont {
    width: 100%
  }
  .p-first .p-primaryService__nav__number {
    font-size: 14px
  }
  .p-first .p-primaryService__nav__txt {
    font-size: 20px
  }
  .p-first .p-primaryService__leadTitle {
    font-size: 24px
  }
  .p-first .p-workman__quality {
    padding-bottom: 40px
  }
  .p-first .c-button {
    max-width: 264px
  }
}

.wpcf7-form .c-button__link>span, .wpcf7-form .c-button__link input {
  width: 100%;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center
}

.wpcf7-form .wpcf7-form-control.has-spinner.wpcf7-submit {
  margin: 0
}

.wpcf7-form div.c-button a.c-button__link span::before {
  right: calc(50% - 80px);
  top: 15px
}

.wpcf7-form div.c-button a.c-button__link span::after {
  right: calc(50% - 73px)
}

.p-top-pickup {
  padding-top: 0;
  margin-top: 116px
}

.l-main {
  margin-bottom: 64px
}

@media screen and (max-width:920px) {
  .l-main {
    margin-bottom: 48px
  }
}

.p-news__cat {
  margin-right: 24px
}

.p-news__cat[posttypecolor='イベント'] {
  background: #62b84a
}

.p-news__cat[posttypecolor='施工事例'] {
  background: #69afe3
}

.p-news__cat[posttypecolor='キャンペーン'] {
  background: #f77296
}

.p-news__cat[posttypecolor='ブログ'] {
  background: var(--main-color)
}

.p-news__flex {
  gap: 0
}

.p-news__day {
  width: 98px
}

.p-news__title {
  flex: 1
}

@media screen and (max-width:920px) {
  .p-news__flex {
    gap: 12px
  }
  .p-news__cat {
    margin: 0
  }
  .p-news__day {
    width: auto
  }
  .p-news__title {
    flex: initial
  }
}

.p-top-swiper img {
  width: 100%
}

.p-faq__answer {
  padding: 0 70px 0 80px
}

@media screen and (max-width:920px) {
  .p-faq__answer {
    padding: 0 28px 0 48px
  }
}

.p-news__cat {
  min-width: 112px;
  text-align: center;
  padding: 0 16px;
  font-size: 14px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center
}

.p-top-newinfo__date {
  min-width: 98px;
  margin-right: 0;
  display: inline-block
}

.p-top-newinfo__cattag {
  min-width: 112px;
  text-align: center;
  padding: 0 16px;
  font-size: 14px;
  line-height: 1
}

.l-maing__topWrapper {
  margin-bottom: 0
}

.c-headline-page {
  word-break: break-all;
  padding: 0 40px
}

.p-404__wrapper {
  max-width: 880px;
  margin: 0 auto;
  padding-top: 58px
}

.p-404__headline {
  font-size: 32px;
  color: var(--main-color);
  font-weight: 700;
  line-height: 1;
  padding-bottom: 32px;
  margin-bottom: 32px;
  border-bottom: solid 1px #d0d0d0;
  text-align: center
}

.p-404__strongText {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.6;
  text-align: center;
  margin-bottom: 46px
}

.p-404__thinText {
  font-weight: 400;
  text-align: center;
  line-height: 1.6;
  font-size: 20px
}

@media screen and (max-width:920px) {
  .p-404__wrapper {
    padding: 36px 20px 0 20px
  }
  .p-404__headline {
    font-size: 24px;
    padding-bottom: 20px;
    margin-bottom: 28px
  }
  .p-404__wrapper br {
    display: none
  }
  .p-404__strongText, .p-404__thinText {
    text-align: left
  }
}

.p-eventarchive__articlethumb {
  position: relative
}

.p-eventarchive__thumbLabel {
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 14px;
  color: #fff;
  font-weight: 700;
  position: absolute;
  text-align: center;
  height: 28px;
  min-width: 64px;
  background: red;
  display: flex;
  align-items: center;
  padding: 0 8px
}

.p-eventarchive__thumbLabel[name="塗り替えセミナー"] {
  background: #0073a8
}

.p-eventarchive__thumbLabel[name="スーパーイベント"] {
  background: #65ab31
}

.p-eventarchive__thumbLabel[name="リフォーム相談会"] {
  background: #f3981d
}

.p-eventarchive__thumbLabel[name="現場見学会"] {
  background: #da536e
}

.p-eventarchive__thumbLabel[name="相談会"] {
  background: #409ecc
}

.p-eventarchive__thumbLabel[name="郵便局イベント"] {
  background: #7e837f
}

span.swiper-pagination-bullet.swiper-pagination-bullet {
  display: inline-block !important
}

.c-pankuzu {
  overflow-x: scroll
}

.c-pankuzu li {
  width: max-content
}

@media screen and (max-width:920px) {
  .p-recruit__anclink {
    padding: 16px 32px 16px 16px
  }
}

@media screen and (max-width:920px) {
  .p-guarantee-plan .p-guarantee-plan__img {
    overflow: scroll
  }
}

body {
  word-break: break-all;
  letter-spacing: initial;
  font-weight: 500
}

@media screen and (max-width:920px) {
  .p-top-president {
    background: var(--main-color);
    background-image: url(./assets/images/top/president-background.png);
    background-size: cover;
    background-position: bottom;
    background-blend-mode: multiply
  }
}

.p-top-staffs__contentlink img {
  width: 100%
}

@media screen and (max-width:920px) {
  .p-top-cases__statelabel {
    font-size: 16px
  }
}

@media screen and (max-width:1080px) {
  .c-cta__list:last-child {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
  }
  .c-cta__list:last-child .c-cta__item {
    width: calc((100% - 20px) / 3)
  }
  .c-cta__list:last-child {
    justify-content: flex-start;
    gap: 10px
  }
}

@media screen and (max-width:560px) {
  .c-cta__list:last-child .c-cta__item {
    width: 100%
  }
  .c-cta__list:last-child {
    justify-content: flex-start
  }
  .c-cta__list:last-child {
    flex-direction: column
  }
}

@media screen and (max-width:767px) {
  .p-top-cases__tabs {
    border-radius: 10px 10px 0 0
  }
}

.p-workman__wrap {
  scroll-margin-top: 78px
}

@media screen and (max-width:920px) {
  .p-workman__wrap {
    scroll-margin-top: 0
  }
}

.p-primaryService__section {
  scroll-margin-top: 78px
}

@media screen and (max-width:920px) {
  .p-primaryService__section {
    scroll-margin-top: 0
  }
}

@media screen and (max-width:920px) {
  .p-top-president__compname {
    margin-top: 20px
  }
  .p-top-cases {
    padding: 40px 20px
  }
  .p-top-cases__descriptiongreen {
    font-size: 20px
  }
  .p-top-cases__descriptiongreen span {
    font-size: 48px
  }
  .p-top-cases__descriptiongreen {
    background: linear-gradient(transparent 78%, #ffe9c7 60%);
    background-position-y: -1px;
    line-height: 1;
    margin-bottom: 20px
  }
  .p-top-reasons__flexwrap:last-child {
    background: 0
  }
  .p-top-reasons {
    padding-bottom: 2px
  }
  .p-top-reasons .p-top-reasons__flexwrap {
    padding-bottom: 20px
  }
  .p-top-reasons .p-top-reasons__moredetail {
    font-size: 16px
  }
  .p-top-reasons .p-top-reasons__moredetail::before {
    width: 16px;
    height: 16px
  }
  .p-top-reasons .p-top-reasons__moredetail::before {
    width: 16px;
    height: 16px;
    right: -20px;
    top: 5px
  }
  .p-top-reasons .p-top-reasons__moredetail::after {
    width: 6px;
    height: 6px;
    top: 15px;
    right: -14px
  }
  .p-top-reasons__wrapper {
    padding: 0 20px
  }
  .c-headline {
    margin-bottom: 36px
  }
  .p-top-campaign__wrapper {
    padding: 20px 16px 40px 16px
  }
  div.c-button a.c-button__link {
    padding-right: 20px
  }
  .p-top-campaign__infoarticles:last-child .p-top-campaign__articlelink .p-top-campaign__articledate {
    background-image: repeating-linear-gradient(135deg, transparent 0 2px, #707070 4px)
  }
  .p-top-campaign__articledate {
    padding-top: 8px
  }
  .p-top-swiper .swiperbanners_wrapper .swiperbanners {
    margin-top: -2px;
    margin-bottom: 24px
  }
  .l-sidebar__inner {
    padding-bottom: 5px
  }
  .l-sidebar__pt--shop {
    font-size: 18px
  }
  .l-sidebar__pt--name img {
    width: 114px
  }
  .l-sidebar__pt--logo {
    width: 46px;
    height: 46px
  }
  .p-top-swiper .swiperbanners_wrapper .swiperbanners_next {
    width: 32px;
    height: 32px;
    top: calc(50% - 16px);
    right: 16px
  }
  .p-top-swiper .swiperbanners_wrapper .swiperbanners_next::after {
    width: 8px;
    height: 8px;
    border-top: solid 1px #FFF;
    border-right: solid 2px #fff;
    top: 12px;
    right: 14px
  }
  .p-top-swiper .swiperbanners_wrapper .swiperbanners_next::before {
    width: 24px;
    height: 24px;
    border: solid #fff 2px
  }
  .p-top-swiper .swiperbanners_wrapper .swiperbanners_prev {
    width: 32px;
    height: 32px;
    top: calc(50% - 16px);
    right: 17px
  }
  .p-top-swiper .swiperbanners_wrapper .swiperbanners_prev::before {
    width: 24px;
    height: 24px;
    border: solid #fff 2px;
    top: 5px
  }
  .p-top-swiper .swiperbanners_wrapper .swiperbanners_prev::after {
    width: 8px;
    height: 8px;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    top: 13px;
    right: 10px
  }
  .p-top-blog__imgbox img {
    width: 100%
  }
  .p-top-staffs::before {
    content: "";
    position: absolute;
    top: -45px;
    width: 312px;
    height: 220px;
    border-radius: 220px 220px 0 0;
    background: #fff9eb;
    left: calc(50% - 161px)
  }
  .p-top-staffs {
    padding-top: 38px
  }
  .p-top-reasons::before {
    content: "";
    position: absolute;
    top: -30px;
    width: 320px;
    height: 194px;
    border-radius: 220px 220px 0 0;
    background: var(--main-color);
    left: calc(50% - 163px)
  }
  .p-top-campaign {
    padding: 40px 20px;
  }
  .p-top-aboutprotimes {
    padding: 40px 20px 116px
  }
  .p-top-aboutprotimes .p-top-aboutprotimes__wrapper {
    border-radius: 20px 20px 0 0
  }
  .p-top-staffs {
    padding-bottom: 40px
  }
  .p-top-aboutprotimes .p-top-aboutprotimes__wrapper {
    padding-top: 30px
  }
  .p-top-newinfo__titleInner {
    display: block;
    padding-top: 10px
  }
  .p-top-newinfo {
    background-size: 9px 9px
  }
  .p-top-newinfo__title {
    margin-top: 0
  }
  .p-top-newinfo__date {
    font-weight: 500
  }
}

.p-top-aboutprotimes__spThumb {
  display: none
}

@media screen and (max-width:920px) {
  .p-top-aboutprotimes__spThumb {
    display: block;
    text-align: center;
    margin-bottom: 28px
  }
}

.p-casearchive__imgWrapper {
  position: relative
}

.p-casearchive__statelabel {
  bottom: 0;
  top: initial
}

.p-top-president__spHeadline {
  display: none
}

@media screen and (max-width:920px) {
  .p-top-president__spHeadline {
    font-weight: 700;
    color: #fbefba;
    margin-bottom: 24px;
    font-size: 24px;
    display: block
  }
  .p-top-president_textstitle {
    display: none
  }
  .p-top-president__flexwrapper {
    padding-top: 0
  }
  .p-top-president__wrapper {
    padding-top: 40px
  }
  .p-top-president_prof img {
    width: 100%;
    height: 40vw;
    min-height: 192px
  }
}

.c-button_top300 {
  width: 300px
}

.c-button.c-button__top360 {
  width: 360px;
  max-width: none
}

.p-top-aboutprotimes__spText {
  display: none
}

@media screen and (max-width:920px) {
  .c-button.c-button_top300, .c-button.c-button__top360 {
    width: auto
  }
  .p-top-blog .c-button {
    margin: 0 16px
  }
  .p-top-blog {
    padding-bottom: 40px
  }
  .p-top-blog__flexwrapper {
    padding-bottom: 44px
  }
  .p-top-blog__date {
    font-size: 14px;
    margin-bottom: 16px;
    line-height: 1
  }
  .p-top-blog__imgbox img {
    aspect-ratio: 1 / .48;
    object-fit: cover
  }
  .p-top-blog__cattag {
    font-size: 16px
  }
  .p-top-blog__cattag {
    height: 32px;
    padding: 0 12px
  }
  .p-top-blog__title {
    line-height: 1.4
  }
  .p-top-blog__flexcontents {
    padding-bottom: 18px
  }
  .p-top-plans__flex {
    margin-bottom: 46px
  }
  .p-top-plans {
    padding-bottom: 40px
  }
  .p-top-plans::before {
    content: "";
    position: absolute;
    top: -43px;
    width: 320px;
    height: 220px;
    border-radius: 220px 220px 0 0;
    background: #b98d4a;
    left: calc(50% - 160px)
  }
  .p-top-aboutprotimes .p-top-aboutprotimes__wrapper .p-top-aboutprotimes__flexwrapper .p-top-aboutprotimes__flexcontents.p-top-aboutprotimes__flextexts {
    padding-left: 100px
  }
  .p-top-aboutprotimes .p-top-aboutprotimes__wrapper .p-top-aboutprotimes__flexwrapper .p-top-aboutprotimes__flexcontents .p-top-aboutprotimes__title {
    margin-bottom: 14px;
    line-height: 1
  }
  .p-top-aboutprotimes .p-top-aboutprotimes__wrapper .p-top-aboutprotimes__flexwrapper .p-top-aboutprotimes__flexcontents .p-top-aboutprotimes__logo {
    margin-top: 28px
  }
  .p-top-aboutprotimes {
    padding-bottom: 76px
  }
  .p-top-aboutprotimes__flexwrapper .c-button {
    margin: 0 10px
  }
  .p-top-aboutprotimes__pcText {
    display: none
  }
  .p-top-aboutprotimes__spText {
    display: block
  }
  .p-top-aboutprotimes {
    background-image: url(./assets/images/top/bg-about-protimes-sp.jpg)
  }
  .p-top-pickup__contentlink img {
    width: 100%;
    aspect-ratio: 1/.6;
    object-fit: cover
  }
  .p-top-pickup__title {
    height: 48px
  }
  .p-top-pickup {
    margin-top: 72px;
    padding-bottom: 34px
  }
  .p-top-newinfo .c-button {
    margin: 0 20px
  }
  .p-top-newinfo {
    padding-bottom: 40px
  }
  .p-top-newinfo__contentlink {
    border-radius: 10px;
    box-shadow: 3.8px 6.7px 9.7px rgb(0 0 0 / 3%)
  }
  .p-top-events__contentinnerflex {
    align-items: flex-start
  }
  .p-top-events__title {
    line-height: 1.4
  }
  .p-top-events .ptop-events__link {
    align-items: center;
    width: 132px;
    justify-content: center
  }
  .p-top-events__date {
    display: flex;
    height: 32px;
    align-items: center;
    font-size: 14px;
    line-height: 1
  }
  .p-top-events__flex {
    padding-bottom: 40px
  }
  .p-top-events__wrapper .c-button {
    margin: 0 16px
  }
  .l-footer__protimeslogo {
    width: 114px;
    position: relative;
    top: -6px;
    left: -10px
  }
  .l-footer .l-footer__companyflex .l-footer__companyitems .l-footer__protimeslogo .l-footer__companyname {
    font-size: 18px
  }
  .l-footer__protimesicon {
    width: 46px
  }
  .l-footer__companyitems {
    gap: 8px
  }
  .l-footer__companyname {
    line-height: 1
  }
  .l-footer__companyname {
    padding-top: 13px
  }
  .l-footer .l-footer__companyflex .l-footer__companyitems.l-footer__companyinfo .l-footer__companynameflex .l-footer__companyplace p span {
    border-bottom: solid 1px #a5a0a0;
    margin-bottom: 14px;
    padding-bottom: 10px;
    width: calc(100vw - 40px)
  }
  .l-footer__companyplace {
    line-height: 1.6
  }
  .l-footer {
    padding-top: 38px
  }
  .l-footer__companyinfo__pcc-button {
    display: none
  }
  .p-top-plans__stateinner {
    font-size: 14px
  }
  .p-top-plans__category {
    margin-bottom: 24px
  }
  .p-top-plans__statelabel {
    top: -17px
  }
  .p-top-plans__contentnametag {
    padding-bottom: 8px
  }
  .l-sidebar__hr {
    background-image: linear-gradient(-45deg, transparent 35%, var(--main-color) 35%, var(--main-color) 45%, transparent 55%);
    background-size: 5.6px 4px;
    border: 0;
    background-repeat: repeat-x
  }
}

.p-top-plans__statelabel {
  height: 28px
}

.p-top-plans__stateinner {
  z-index: 1
}

.p-top-plans__statelabel::after, .p-plan__statelabel::after {
  position: absolute;
  content: "";
  top: 12px;
  left: 37%;
  border: 12px solid transparent;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 16px 19px 0;
  border-color: transparent transparent #f38c1f transparent;
  transform: rotate(254deg)
}

.p-top-plans__statelabel[color='オススメ！']::after, .p-plan__statelabel[color='オススメ！']::after {
  border-color: transparent transparent #6caf6b transparent
}

.p-top-plans__statelabel[color='人気NO1']::after, .p-plan__statelabel[color='人気NO1']::after {
  border-color: transparent transparent #48b5d0 transparent
}

.p-top-plans__contentnametag {
  color: #b98d4a;
  background-image: linear-gradient(to right, #c4c4c4 4px, transparent 3px);
  background-size: 8px 1px;
  background-repeat: repeat-x;
  background-position: left bottom;
  margin-bottom: 12px;
  padding-bottom: 12px
}

.p-top-plans__usepaintstag {
  line-height: 1;
  background: #d39f6b
}

.p-top-plans__category {
  line-height: 1
}

.p-top-cases__thumbWrapper {
  position: relative
}

.p-top-cases__statelabel {
  top: initial;
  bottom: 0
}

.p-top-plans__plandetail {
  background: #fcf6ed
}

.p-top-blog__next, .p-top-blog__prev {
  top: calc(50% - 80px)
}

.p-top-campaign__articledate {
  background: linear-gradient(-45deg, transparent 35%, #888 35%, #888 45%, transparent 55%);
  background-size: 5.6px 4px;
  border: 0;
  background-repeat: repeat-x;
  background-position-y: 32px
}

.p-top-reasons__flextext .p-top-reasons_title {
  background: linear-gradient(-45deg, transparent 35%, #FFF 35%, #FFF 45%, transparent 55%);
  background-size: 5.6px 4px;
  border: 0;
  background-repeat: repeat-x;
  background-position: bottom
}

.p-top-cases__wrapper {
  background-image: linear-gradient(-45deg, transparent 35%, var(--main-color) 35%, var(--main-color) 45%, transparent 55%);
  background-size: 5.6px 4px;
  border: 0;
  background-repeat: repeat-x
}

.p-top-plans__category {
  background: linear-gradient(-45deg, transparent 35%, #FFF 35%, #FFF 45%, transparent 55%);
  background-size: 5.6px 4px;
  border: 0;
  background-repeat: repeat-x;
  background-position-y: 30px;
  margin-bottom: 24px
}

.p-top-events__flexcontent {
  background-image: linear-gradient(-45deg, transparent 35%, var(--main-color) 35%, var(--main-color) 45%, transparent 55%);
  background-size: 5.6px 4px;
  border: 0;
  background-repeat: repeat-x
}

.p-top-blog__flexcontents {
  background-image: linear-gradient(-45deg, transparent 35%, var(--main-color) 35%, var(--main-color) 45%, transparent 55%);
  background-size: 5.6px 4px;
  border: 0;
  background-repeat: repeat-x
}

.l-sidebar__hr {
  background-image: linear-gradient(-45deg, transparent 35%, var(--main-color) 35%, var(--main-color) 45%, transparent 55%);
  background-size: 5.6px 4px;
  border: 0;
  background-repeat: repeat-x
}

.p-top-aboutprotimes .p-top-aboutprotimes__wrapper {
  background-image: linear-gradient(-45deg, transparent 35%, var(--main-color) 35%, var(--main-color) 45%, transparent 55%);
  background-size: 5.6px 4px;
  border: 0;
  background-repeat: repeat-x
}

.p-top-plans__flexcontent {
  background-image: linear-gradient(-45deg, transparent 35%, var(--main-color) 35%, var(--main-color) 45%, transparent 55%);
  background-size: 5.6px 4px;
  border: 0;
  background-repeat: repeat-x
}

@media screen and (max-width:1320px) {
  .l-footer .l-footer__companyflex .l-footer__companyitems.l-footer__companyinfo .l-footer__companynameflex .l-footer__companyplace p span {
    width: calc(100vw - 284px)
  }
}

@media screen and (max-width:920px) {
  .l-footer .l-footer__companyflex .l-footer__companyitems.l-footer__companyinfo .l-footer__companynameflex .l-footer__companyplace p span {
    width: calc(100vw - 40px)
  }
}

.p-top-campaign__bkimg {
  top: -6vw
}

.p-top-campaign__bkimg {
  left: 0
}

@media screen and (max-width:920px) {
  .p-top-events {
    background-image: url(./assets/images/top/bg-yellow-spevent.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-position-y: 84px;
    position: relative
  }
  .p-faq__answer.display {
    padding: 0 0 0 32px
  }
  .p-faq__answer::before {
    left: 2px
  }
  .l-footer__companyinfo__pcbr {
    display: none
  }
}

.p-top-reasons__icon {
  width: 32px;
  height: 32px;
  position: relative;
  top: calc(50% - 20px);
  border-radius: 50%;
  box-sizing: border-box;
  position: absolute;
  right: -50px;
  background: #FFF;
  z-index: 2;
  cursor: pointer;
  top: 28px
}

@media screen and (max-width:920px) {
  .p-top-reasons__icon {
    display: none
  }
}

.p-top-reasons__icon::before {
  content: "";
  width: 24px;
  height: 24px;
  position: absolute;
  top: 4px;
  left: 4px;
  border: solid var(--main-color) 2px;
  border-radius: 50%;
  box-sizing: border-box
}

.p-top-reasons__icon::after {
  content: "";
  width: 8px;
  height: 8px;
  border-top: solid 1px var(--main-color);
  border-right: solid 1px var(--main-color);
  transform: rotate(45deg);
  position: absolute;
  top: calc(50% - 4px);
  right: 14px
}

@media screen and (min-width:920px) {
  .l-footer .l-footer__companyflex {
    gap: 50px;
    justify-content: center
  }
  .p-top-staffs__flexwrapperCenter {
    justify-content: center
  }
}

.p-top-president_textstitle {
  letter-spacing: 1.5px
}

.p-top-reasons__flextext .p-top-reasons_title {
  letter-spacing: 1.4px
}

.p-top-campaign__articlelink {
  letter-spacing: 1.3px
}

.c-headline, div.c-button a.c-button__link span {
  letter-spacing: 1.2px
}

.p-staffarchive__flexcontnts {
  background-image: linear-gradient(-45deg, transparent 35%, var(--main-color) 35%, var(--main-color) 45%, transparent 55%);
  background-size: 5.6px 4px;
  border: 0;
  background-repeat: repeat-x
}

.p-top-reasons__flextext::after {
  display: none
}

@media screen and (max-width:1320px) {
  .p-top-campaign__bkimg {
    top: -9vw
  }
}

@media screen and (max-width:920px) {
  .p-top-events .ptop-events__link:after {
    width: 16px;
    height: 16px;
    right: 14px;
    top: 8px
  }
  .p-top-events .ptop-events__link::before {
    width: 7px;
    height: 7px;
    right: 20px;
    top: 18px
  }
  .p-top-newinfo__date {
    min-width: 88px
  }
  .p-top-events__imgbox img {
    min-width: 96px
  }
  .p-top-events__contentinnerflex {
    gap: 16px
  }
  .p-top-events__flex {
    gap: 24px
  }
}

@media screen and (max-width:920px) {
  .p-service__flexwrapper+.p-service__flexwrapper {
    margin-top: 32px
  }
  .p-workman .p-service__fleximg {
    margin-top: 0
  }
  .p-service__flextext {
    line-height: 1.6
  }
  .p-service__flextitle {
    margin-bottom: 4px
  }
  .p-workman__linkbox {
    margin-left: 16px;
    margin-right: 16px;
    margin-bottom: 24px
  }
  .c-header__yellow.title__flex {
    letter-spacing: 1px;
    line-height: 1.4;
    padding: 10px 20px
  }
  .p-service__fleximg img {
    width: 100%
  }
}

.p-first .p-service__wrapp .c-header__brown {
  background: repeating-linear-gradient(-45deg, #a77036, #a77036 1px, #8c5b28 0, #8c5b28 5px)
}

@media screen and (max-width:920px) {
  .p-first .p-service__wrapp .c-header__brown {
    font-size: 24px;
    margin: 0 calc(50% - 50vw) 30px;
    width: 100vw
  }
}

@media screen and (max-width:920px) {
  .p-primaryService__nav__number {
    width: 20px;
    height: 20px
  }
  .p-primaryService__linkcont a {
    align-items: center
  }
  .p-primaryService__linkcont {
    margin-bottom: 8px
  }
  .p-primaryService__linkcont:last-child {
    margin-bottom: 0
  }
  .p-first .p-service__flexwrapper {
    margin-bottom: 28px
  }
  .p-first .p-primaryService__linkbox {
    margin-top: 28px;
    padding-bottom: 16px
  }
}

@media screen and (max-width:920px) {
  .c-headline-page {
    padding: 10px 40px
  }
}

.c-pankuzu {
  -ms-overflow-style: none;
  scrollbar-width: none
}

.c-pankuzu::-webkit-scrollbar {
  display: none
}

.p-service-top__contentimg img {
  width: 100%
}

@media screen and (min-width:920px) {
  .p-flow .arrow-bottom {
    display: none
  }
}

.p-blogdetail__previousBtn a::before {
  right: initial;
  left: 60px
}

.p-blogdetail__previousBtn a::after {
  right: initial;
  left: 67px;
  transform: rotate(225deg)
}

.p-blogdetail__previousBtn a {
  padding-right: 0;
  padding-left: 30px
}

@media screen and (max-width:767px) {
  .p-blogdetail__previousBtn a {
    padding: 0
  }
}

.p-plan__planchild {
  max-width: 474px
}

@media screen and (max-width:920px) {
  .p-plan__planchild {
    max-width: 100%
  }
}

@media screen and (max-width:920px) {
  .p-platinum-lead__txt:after {
    bottom: 10px;
    height: 46px;
    right: -12px;
    transform: rotate(25deg)
  }
  .p-platinum-lead__txt:before {
    bottom: 10px;
    height: 46px;
    transform: rotate(-25deg);
    left: -9px
  }
}

@media screen and (max-width:767px) {
  .p-guarantee-lead__flextitle, .p-guarantee-lead__subtitle {
    line-height: 1.4
  }
}

@media screen and (max-width:767px) {
  .p-diagnosis-lead .p-service__wrapp {
    padding-bottom: 8px
  }
}

@media screen and (max-width:920px) {
  .p-service__flextitle {
    margin-bottom: 22px
  }
}

.p-guarantee__mvWrapper {
  text-align: center
}

@media screen and (max-width:920px) {
  .p-top-aboutprotimes .p-top-aboutprotimes__wrapper .p-top-aboutprotimes__flexwrapper {
    flex-direction: column
  }
  .p-service__flextitle {
    margin-bottom: 20px
  }
  .p-service__wrapp .p-service__flextext {
    line-height: 1.68
  }
}

@media screen and (max-width:767px) {
  .p-workman .p-service__wrapp .p-service__flextext {
    margin-bottom: 16px
  }
}

@media screen and (max-width:575px) {
  .p-workman .p-service__wrapp .p-service__flextext {
    margin-bottom: 0
  }
}

.p-primaryService__section a:hover {
  opacity: .7;
  transition: .3s
}

@media screen and (min-width:410px) and (max-width:919px) {
  .reason-nav__txt .u-hidden-sp {
    display: none
  }
}

.--character {
  display: none
}

.p-top-reasons::after {
  display: none
}

@media screen and (min-width:960px) {
  .p-top-reasons__character {
    display: flex;
    justify-content: center;
    width: 68.3vw;
    max-width: 880px;
    margin-left: auto;
    margin-right: auto
  }
  .--character {
    position: relative;
    display: block;
    width: 1px;
    height: 1px
  }
  .--character::after {
    position: absolute;
    top: -50px;
    right: -180px;
    background-image: url("./assets/images/top/icon-reason.png");
    content: "";
    display: inline-block;
    width: 180px;
    height: 140px;
    background-size: contain;
    background-repeat: no-repeat
  }
}

.p-news .c-case-pagination {
  margin-top: 48px
}

.p-news__wrapp {
  padding-bottom: 64px
}

@media screen and (max-width:920px) {
  .p-news .c-case-pagination {
    margin-top: 40px
  }
  .p-news__wrapp {
    padding-bottom: 40px
  }
}

.p-eventarchive__articletitle {
  height: 27px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1
}

@media screen and (max-width:767px) {
  .p-eventarchive__flexcontnts {
    border-bottom: solid 1px#e5d4c2
  }
  .p-eventarchive__articleinfo:last-child {
    margin-bottom: 32px
  }
}

span.c-basicform__annotationText {
  display: none
}

@media screen and (max-width:920px) {
  .p-eventdetail__listchild span {
    font-size: 14px;
    padding: 0 10px;
    min-width: 64px;
    margin-right: 12px
  }
  .p-eventdetail__listchild {
    margin-bottom: 16px;
    color: #382712
  }
  .c-basicform__tableTitle {
    border-bottom: 0
  }
  .c-basicform__tableContent {
    border-top: 0
  }
  .c-basicform__headline {
    font-size: 24px;
    margin-bottom: 24px
  }
  .c-basicform__tableTitle {
    padding: 0 16px
  }
  .c-basicform__tableContent input[type=text], .c-basicform__tableContent input[type=email] {
    height: 48px;
    border-radius: 10px
  }
  .c-basicform__table {
    margin: 0 20px
  }
  span.c-basicform__annotationText {
    color: #8888;
    font-size: 14px;
    line-height: 1;
    display: block
  }
  .c-basicform__Required {
    width: 56px;
    padding: 0;
    justify-content: center;
    border-radius: 3px
  }
  .p-news__flex {
    border-radius: 10px
  }
  .p-news__listchild {
    margin-bottom: 17px
  }
}

.p-primaryService__section--ttl {
  line-height: 1.5
}

.p-recruit__smallheadline {
  position: relative;
  padding-left: 23px
}

.p-recruit__smallheadline::before {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto
}

@media screen and (max-width:920px) {
  .p-recruit__anclink {
    font-size: 16px
  }
  .p-recruit__smallheadline {
    font-size: 18px
  }
  .p-recruit__anclink::after {
    border-top: solid 1px var(--main-color);
    border-right: solid 1px var(--main-color)
  }
  .p-recruit__smallheadline::before {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto
  }
  .p-staffdetail__staffphoto img {
    border-radius: 0
  }
  .p-staffdetail__staffname span {
    font-size: 20px;
    font-weight: 700
  }
  .p-staffdetail__staffname {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 16px;
    line-height: 1.5
  }
  .p-staffdetail__staffname {
    width: calc(100%+32px);
    position: relative;
    left: -16px
  }
  .p-staffdetail__staffname {
    padding: 0 16px 16px
  }
}

.p-plan__statelabel {
  height: 28px
}

.p-plan__stateinner {
  z-index: 1
}

.p-company__tableTitle, .p-company__tableContent {
  color: #382712
}

@media screen and (max-width:920px) {
  .p-company__accessInner {
    padding: 0 20px 32px
  }
  .p-company__sqBackground {
    padding-bottom: 0
  }
  .p-staffarchive__staffname {
    font-size: 18px
  }
  .p-staffarchive__staffname span {
    font-size: 20px
  }
  .p-company__tableTitle {
    height: 40px;
    display: flex;
    align-items: center;
    padding-left: 16px
  }
  .p-company__tableContent {
    min-height: 50px
  }
  .p-company__tableWrapp {
    margin-top: 24px
  }
  .p-company__companytable {
    margin-top: 40px
  }
  .p-company__greetingName {
    margin: 10px 0 0
  }
  .p-company__sqBackground {
    padding-top: 0
  }
  .p-company .c-header__brown {
    font-size: 24px;
    height: 56px
  }
  ul.page-numbers {
    margin-top: 32px
  }
  .p-casearchive__flexwrapper {
    margin-bottom: 32px
  }
  .p-casearchive__wrapper {
    padding-bottom: 40px
  }
}

.p-staffarchive__flexcontnts {
  box-shadow: 0 2px 4px rgb(185 141 74 / 10%)
}

.p-company__awardImgbox {
  padding: 16px;
  background: white;
  border: solid 1px #e5d4c2;
  aspect-ratio: 1 / .96
}

.p-company__awardImgdetail {
  color: #382712
}

@media screen and (max-width:920px) {
  .p-casearchive__labelWrapper {
    display: flex;
    flex-wrap: wrap
  }
  .p-casearchive__selecttitle {
    font-size: 18px
  }
  .p-casearchive__navflex.casetoggleactive {
    padding-bottom: 30px
  }
  .p-casearchive__resultbtn {
    margin-top: 30px
  }
  .p-casearchive__selecttitle {
    border-top: 0
  }
  .p-casearchive__selecttag {
    font-size: 18px
  }
  .p-casearchive__navtitle::before {
    right: calc(50% - 110px)
  }
  .p-company__feature {
    margin-bottom: 40px
  }
}

@media screen and (max-width:767px) {
  .p-blogdetail__links {
    gap: 11px;
    margin-top: 40px
  }
  .p-blogdetail__links {
    margin-bottom: 40px
  }
}

@media screen and (max-width:920px) {
  .p-blogdetail__rheadline span {
    height: 54px
  }
  .p-blogdetail__rheadline span {
    height: 54px;
    display: flex;
    align-items: center
  }
  .p-estimate-lead__title, .p-service__flextitle {
    margin-bottom: 0
  }
  .p-estimate-lead__text {
    margin-top: 8px
  }
}

.p-eventdetail__zoomimgbox {
  padding: 0;
  transition: all 1s ease-out
}

.p-eventdetail__zoomimgbox img {
  transition: all 1s ease-out;
  padding: 40px
}

.medium-zoom-image {
  cursor: zoom-in;
  transition: all 300ms
}

.p-eventdetail__zoomchild::before {
  pointer-events: none
}

.c-basicform__tableContent {
  max-width: 384px
}

.c-basicform__tableContent input[type=email] {
  background: #f8f4f0;
  border-radius: 5px;
  height: 40px;
  width: 100%;
  flex: 1;
  min-width: 100px;
  position: relative
}

.c-basicform__tableContent input[type=email]:focus {
  border: 2px solid var(--main-color);
  outline: 0
}

@media screen and (max-width:920px) {
  .p-company__tableContent {
    padding: 12px 16px
  }
  .p-estimate-lead__text {
    margin-top: 6px;
    line-height: 1.7
  }
  .p-estimate-lead__title, .p-service__flextitle {
    margin-bottom: 6px
  }
  .p-casearchive__selecttitle {
    height: 50px;
    display: flex;
    align-items: center
  }
  .p-casearchive__navcontents:nth-child(2) .p-casearchive__selecttitle {
    border-top: solid #e5d4c2 1px
  }
  .p-casearchive__resultbtn div.c-button {
    max-width: 264px
  }
}

.c-pankuzu li:nth-child(n+2)::before {
  content: '';
  width: 7px;
  height: 7px;
  border: 0;
  border-top: solid 1px #382712;
  border-right: solid 1px #382712;
  position: absolute;
  top: 10px;
  left: -18px;
  margin-top: -4px;
  transform: rotate(45deg)
}

.p-casearchive__labelWrapper {
  padding: 0 16px
}

.p-casearchive__selecttag input[type=checkbox] {
  display: none;
  position: relative
}

.p-casearchive__selecttag {
  padding-left: 0;
  padding-right: 0
}

.checkbox-parts {
  padding-left: 23px;
  position: relative;
  margin-right: 20px
}

.checkbox-parts::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #888
}

.p-casearchive__selecttag input[type=checkbox]:checked+.checkbox-parts::before {
  background: var(--main-color);
  border: 0
}

.p-casearchive__selecttag input[type=checkbox]:checked+.checkbox-parts::after {
  content: "";
  display: block;
  position: absolute;
  top: -1px;
  left: 4px;
  width: 10px;
  height: 14px;
  transform: rotate(40deg);
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff
}

.p-casearchive__selecttitle {
  border-top: solid 1px #e5d4c2;
  border-bottom: solid 1px #e5d4c2
}

@media screen and (max-width:920px) {
  .p-plan__headline {
    scroll-margin-top: 0
  }
}

.p-company__tableContent {
  border: 0
}

@media screen and (min-width:920px) {
  .p-casearchive__selecttitle {
    padding: 8px 24px
  }
  .p-casearchive__labelWrapper {
    padding: 0 24px 8px
  }
  .p-casearchive__selecttag {
    padding-bottom: 0
  }
  .p-casearchive__resultbtn {
    padding-top: 13px
  }
  .p-casearchive__resultbtn .c-button {
    max-width: 216px
  }
  .p-casearchive__navflex {
    padding-bottom: 40px
  }
}

body {
  color: #382712
}

.p-eventdetail__zoomchild, .p-campaigndetail__zoomcontent {
  cursor: zoom-in
}

.p-eventdetail__zoomimgbox, .p-campaigndetail__zoomimgbox {
  pointer-events: none
}

.medium-zoom-image--opened {
  object-fit: contain;
  background: #FFF;
  padding: 20px 40px;
  box-sizing: content-box
}

@media screen and (max-width:920px) {
  .medium-zoom-image--opened {
    box-sizing: border-box;
    padding: 0
  }
}

.p-campaigndetail__zoomcontent::after {
  background-image: url(./assets/images/common/icon-zoom.svg)
}

.l-globalnav__spsubmenu p {
  padding: 0
}

@media screen and (max-width:767px) {
  .page-platinum .p-two-panel__image img {
    width: 100%
  }
  .page-platinum .p-two-type__text {
    text-align: center
  }
}

.l-sidebar__pt--shopSecond {
  display: none;
}
@media screen and (max-width:920px) {
  .l-sidebar {
    min-height: 0
  }
  .l-sidebar__siteName {
    display: flex
  }
  /* 2店舗表示の調整 */
  .l-sidebar__siteName--vertical {
    display: block;
  }
  .l-sidebar__siteName--vertical .l-sidebar__pt--shop {
    margin-top: 8px;
  }
  .l-sidebar__siteName--vertical .l-sidebar__pt {
    margin-bottom: 10px;
  }
  .l-sidebar__pt--shopSecond {
    display: inline-block;
  }
  .l-sidebar__inner {
    padding: 10px
  }
  .l-sidebar__pt--logo {
    flex: none
  }
  .l-sidebar__company--logo {
    margin-left: 0
  }
  .l-sidebar__pt--shop {
    font-size: 14px !important;
    margin-top: 6px
  }
  .l-sidebar__company {
    margin-left: 24px
  }
  .l-sidebar__company--name {
    font-size: 14px
  }
  .l-sidebar__pt {
    margin-bottom: 0
  }
}

.l-globalnav__items>a::after {
  transition: .1s
}

.nolink .is-activeIcon::after {
  transform: rotate(135deg);
  right: 25px;
  transition: all .1s;
  top: 24px
}

.c-basicform__any {
  background: #888;
  display: flex;
  align-items: center;
  color: #fff;
  line-height: 0;
  font-size: 14px;
  font-weight: 400;
  padding: 0 16px;
  border-radius: 5px;
  height: 22px
}

.c-basicform__Required {
  line-height: 0
}

@media screen and (max-width:767px) {
  .c-basicform__any {
    background: #888;
    display: flex;
    align-items: center;
    color: #fff;
    line-height: 1;
    font-size: 14px;
    font-weight: 400;
    padding: 0 16px;
    border-radius: 5px;
    height: 22px
  }
  .c-basicform__Required {
    line-height: 0
  }
}

.p-showroom__sections {
  max-width: 980px;
  margin: 0 auto 0
}

.p-showroom__headline2 {
  font-size: 40px;
  font-weight: 700;
  text-align: center;
  line-height: 1.4;
  margin-bottom: 36px
}

.p-showroom__headline2.underline {
  position: relative
}

.p-showroom__headline2.underline:before {
  content: "";
  display: block;
  width: 40px;
  height: 3px;
  background-color: #eb6120;
  position: absolute;
  bottom: -13px;
  left: calc(50% - 52px)
}

.p-showroom__headline2.underline::after {
  content: "";
  display: block;
  width: 40px;
  height: 3px;
  background-color: gray;
  position: absolute;
  bottom: -13px;
  left: calc(50% - 10px)
}

.p-showroom__textOrange {
  color: #eb6120
}

.p-showroom__headline3 {
  font-size: 32px;
  color: white;
  background: #76471b;
  color: #fff;
  font-weight: 700;
  display: flex;
  height: 64px;
  align-items: center;
  justify-content: center;
  padding: 0 50px;
  background-size: auto auto;
  background-color: #9d652f;
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 1px, #76471b 1px, #76471b 6px);
  margin-bottom: 40px
}

.p-showroom__reasonText {
  font-size: 18px;
  max-width: 500px;
  margin-left: 54px;
  line-height: 1.6
}

.p-showroom__listHeadline {
  color: white;
  font-size: 24px;
  font-weight: 700;
  text-align: center
}

.p-showroom__listHealineBg {
  background: #eb6120;
  opacity: .8;
  position: absolute;
  top: 0;
  width: 100%;
  display: flex;
  min-height: 60px;
  align-items: center;
  justify-content: center
}

.p-showroom__listMainText {
  font-size: 18px;
  padding: 18px 14px;
  line-height: 1.7
}

.p-showroom__listFlexChild {
  max-width: 460px;
  background: #FFF;
  width: calc((100% - 60px) / 2)
}

.p-showroom__listThumbWrapper {
  position: relative
}

.p-showroom__listFlex {
  display: flex;
  justify-content: space-between;
  gap: 40px;
  flex-wrap: wrap;
  align-items: flex-start
}

.p-showroom__bgGray {
  background: #f1f1f1;
  padding: 46px 0 58px
}

.p-showroom__reasonFlex {
  display: flex;
  gap: 40px;
  margin-bottom: 74px;
  justify-content: space-between
}

.p-showroom__reasonFlex.reverse {
  flex-direction: row-reverse
}

.reverse .p-showroom__reasonText {
  margin-left: 0;
  margin-right: 54px
}

.p-showroom__mv {
  margin-bottom: 29px;
  margin-top: 40px
}

.p-showroom__eyeCatch {
  margin-bottom: 51px
}

.showroomBrSp {
  display: none
}

.p-showroom__reasonTextBox {
  position: relative
}

.p-showroom__reasonTextBox::after {
  position: absolute;
  content: '';
  display: inline-block;
  width: 392px;
  height: 209px;
  background-image: url(./assets/images/showroom/tri.svg);
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
  left: 0;
  bottom: 0
}

.p-showroom__reasonTextBoxReverse::after {
  transform: scale(-1, 1);
  left: initial;
  right: 0
}

.bgWhiteWrapper {
  background: #FFF;
  padding: 30px 0 40px
}

.p-showroom__contactText {
  font-size: 40px;
  font-weight: 700;
  text-align: center;
  padding-top: 30px
}

.p-showroom__contactImgWrapper {
  padding-top: 12px;
  padding: 0 10px;
  box-sizing: content-box
}

.p-showroom__headlineDec {
  position: relative
}

.p-showroom__headlineDec::after {
  content: "";
  display: inline-block;
  width: 3px;
  height: 102px;
  background-color: #292e28;
  position: absolute;
  right: 25px;
  transform: rotate(30deg);
  bottom: -3px
}

.p-showroom__headlineDec::before {
  content: "";
  display: inline-block;
  width: 3px;
  height: 102px;
  background-color: #292e28;
  position: absolute;
  left: 25px;
  transform: rotate(-30deg);
  bottom: -3px
}

.p-showroom__reasonFlexLastChild {
  margin-bottom: 48px
}

@media screen and (max-width:767px) {
  .p-showroom__listMainText {
    padding: 12px 14px;
    line-height: 1.8
  }
  .p-showroom__contactText {
    padding-top: 10px
  }
  .p-showroom__contactText {
    font-size: 24px
  }
  .p-showroom__reasonImgBox img {
    width: 100%
  }
  .p-showroom__reasonTextBox::after {
    width: 200px;
    height: 106px
  }
  .p-showroom__reasonText {
    max-width: 100%;
    padding: 0 10px
  }
  .p-showroom__mv {
    margin-top: 0;
    margin-bottom: 19px
  }
  .p-showroom__listFlex {
    flex-wrap: wrap;
    justify-content: center;
    gap: 32px
  }
  .p-showroom__headline2 {
    font-size: 24px;
    line-height: 1.4;
    margin-bottom: 16px
  }
  .p-showroom__headline3 {
    font-size: 24px;
    height: auto;
    min-height: 72px
  }
  .p-showroom__reasonFlex, .p-showroom__reasonFlex.reverse {
    flex-direction: column
  }
  .p-showroom__headlineDec {
    font-size: 20px;
    line-height: 1.6
  }
  .p-showroom__reasonText {
    margin: 0
  }
  .p-showroom__listFlex, .p-showroom__eyeCatch, .p-showroom__reasonFlex {
    padding: 0 10px
  }
  .p-showroom__eyeCatch {
    margin-bottom: 32px
  }
  .p-showroom__headline3 {
    margin-bottom: 10px;
    text-align: center;
    padding: 0;
    line-height: 1.2
  }
  .p-showroom__reasonText {
    font-size: 16px;
    line-height: 2
  }
  .p-showroom__reasonFlex {
    gap: 10px;
    margin-bottom: 32px
  }
  .showroomBrSp {
    display: block
  }
  .reverse .p-showroom__reasonText {
    margin: 0;
    padding: 0 8px
  }
  .p-showroom__listHealineBg {
    min-height: 50px
  }
  .p-showroom__listHeadline {
    font-size: 18px
  }
  .p-showroom__bgGray {
    padding: 28px 0 86px
  }
  .p-showroom__listFlexChild {
    width: 100%
  }
  .p-showroom__headlineDec::after {
    height: 66px;
    right: 37px;
    transform: rotate(35deg);
    bottom: -4px;
    display: none
  }
  .p-showroom__headlineDec::before {
    height: 66px;
    left: 40px;
    transform: rotate(-35deg);
    bottom: -4px;
    display: none
  }
  .p-showroom .br_pc {
    display: none
  }
  .p-showroom__reasonFlexLastChild {
    margin-bottom: 22px
  }
  .p-showroom__headline2Font20 {
    font-size: 20px;
    line-height: 1.6
  }
}

@media screen and (min-width:767px) {
  .p-showroom__sections {
    padding: 0 10px;
    box-sizing: content-box
  }
}

.p-kasai {
  display: block;
  overflow: hidden
}

.p-kasai .p-kasai__head {
  padding-top: 40px
}

.p-kasai ul li {
  list-style: none
}

.p-kasai .p-container {
  width: 100%;
  max-width: 830px;
  margin: 0 auto
}

@media screen and (max-width:768px) {
  .p-kasai .p-container {
    max-width: 100%
  }
}

.p-kasai body {
  margin: 0
}

.p-kasai * {
  box-sizing: border-box
}

.p-kasai .l-wide {
  width: 100%;
  max-width: 988px;
  margin: 0 auto
}

@media screen and (max-width:768px) {
  .p-kasai .l-wide {
    max-width: 100%;
    padding: 0 10px
  }
}

.p-kasai .l-layer {
  width: 100%;
  max-width: 880px;
  margin: 0 auto
}

@media screen and (max-width:768px) {
  .p-kasai .l-layer {
    max-width: 100%;
    padding: 0 20px
  }
}

.p-kasai .l-inside {
  width: 100%;
  max-width: 748px;
  margin: 0 auto
}

@media screen and (max-width:768px) {
  .p-kasai .l-inside {
    max-width: 100%
  }
}

@media screen and (max-width:768px) {
  .p-kasai .u-sp-hidden {
    display: none
  }
}

.p-kasai .u-pc-hidden {
  display: none
}

@media screen and (max-width:768px) {
  .p-kasai .u-pc-hidden {
    display: block
  }
}

.p-kasai.base-black h2, .p-kasai.base-black h3, .p-kasai.base-black h3, .p-kasai.base-black h4, .p-kasai.base-black dl, .p-kasai.base-black p, .p-kasai.base-black span, .p-kasai.base-black div {
  color: #000
}

.p-kasai.-item {
  padding-bottom: 330px
}

@media screen and (max-width:768px) {
  .p-kasai.-item {
    padding-bottom: 40px
  }
}

.p-kasai .p-box-black {
  padding-bottom: 82px
}

.p-kasai a {
  transition: .4s
}

.p-kasai a:hover {
  opacity: .7
}

.p-kasai {
  color: #222
}

.p-kasai .p-kasai__head {
  text-align: center
}

.p-kasai .p-kasai__contents {
  margin-top: 80px
}

@media screen and (max-width:768px) {
  .p-kasai .p-kasai__contents {
    margin-top: 26px
  }
}

.p-kasai .c-block-heading01 {
  font-size: 32px;
  color: white;
  background: #76471b;
  color: #fff;
  font-weight: 700;
  display: flex;
  height: 64px;
  align-items: center;
  justify-content: center;
  padding: 0 50px;
  background-size: auto auto;
  background-color: #9d652f;
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 1px, #76471b 1px, #76471b 6px)
}

@media screen and (max-width:768px) {
  .p-kasai .c-block-heading01 {
    margin: 0 calc(50% - 50vw);
    width: 100vw;
    padding: 6px 0;
    font-size: 22px;
    height: auto;
    line-height: 1.3636363636;
    display: flex;
    min-height: 56px
  }
}

@media screen and (max-width:768px) {
  .p-kasai .c-block-heading01.-sp-height {
    padding: 20px 0
  }
}

.p-kasai .c-block-heading01 .c-block-heading01__icon {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%
}

.p-kasai .c-block-heading01 .c-block-heading01__icon img {
  height: 100%
}

.p-kasai .p-yel-box01 {
  padding-bottom: 30px
}

.p-kasai .p-grid01 {
  padding: 23px 36px 0
}

@media screen and (max-width:768px) {
  .p-kasai .p-grid01 {
    padding: 22px 16px 0
  }
}

.p-kasai .p-grid01 ul {
  display: flex;
  margin: 0 -16px
}

@media screen and (max-width:768px) {
  .p-kasai .p-grid01 ul {
    flex-wrap: wrap
  }
}

.p-kasai .p-grid01 ul li {
  width: 33.333%;
  padding: 0 16px
}

@media screen and (max-width:768px) {
  .p-kasai .p-grid01 ul li {
    width: 100%
  }
}

@media screen and (max-width:768px) {
  .p-kasai .p-grid01 ul li+li {
    margin-top: 30px
  }
}

.p-kasai .c-check-card01 .c-check-card01__head {
  position: relative
}

.p-kasai .c-check-card01 .c-check-card01__head p {
  font-size: 20px;
  line-height: 1.45;
  font-weight: bold;
  text-align: center;
  color: #222
}

@media screen and (max-width:768px) {
  .p-kasai .c-check-card01 .c-check-card01__head p {
    font-size: 18px;
    line-height: 1.4444444444;
    text-align: left;
    padding-left: 42px
  }
}

.p-kasai .c-check-card01 .c-check-card01__head p .kana {
  position: relative;
  color: #222;
  font-weight: bold
}

.p-kasai .c-check-card01 .c-check-card01__head p .kana .kana__item {
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  color: #222;
  white-space: nowrap;
  font-size: 13px;
  line-height: 1;
  font-weight: bold
}

@media screen and (max-width:768px) {
  .p-kasai .c-check-card01 .c-check-card01__head p .kana .kana__item {
    font-size: 12px;
    line-height: 1
  }
}

.p-kasai .c-check-card01 .c-check-card01__head .c-check-card01__icon {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(58px/2)
}

@media screen and (max-width:768px) {
  .p-kasai .c-check-card01 .c-check-card01__head .c-check-card01__icon {
    width: 29px
  }
}

.p-kasai .c-check-card01 .c-check-card01__image {
  margin-top: 18px
}

@media screen and (max-width:768px) {
  .p-kasai .c-check-card01 .c-check-card01__image img {
    height: 152px;
    overflow: hidden
  }
  .p-kasai .c-check-card01 .c-check-card01__image img {
    width: 100%
  }
}

.p-kasai .p-block {
  margin-top: 23px;
  margin-bottom: 16px;
}

.p-kasai .p-block.mt6 {
  margin-top: 6px
}

.p-kasai .bg-white {
  background: #FFF;
  padding-bottom: 48px;
  margin-top: 80px
}

@media screen and (max-width:768px) {
  .p-kasai .p-block {
    margin-top: 18px
  }
}

.p-kasai .p-block.-mt32 {
  margin-top: 32px
}

.p-kasai .p-block.-mt50 {
  margin-top: 50px
}

.p-kasai .p-block.mt-124 {
  margin-top: 124px
}

@media screen and (max-width:768px) {
  .p-kasai .p-block.mt-124 {
    margin-top: 50px
  }
  .p-kasai .p-block.-sp-mt30 {
    margin-top: 30px
  }
}

.p-kasai .p-block.-padding-type {
  margin: 0;
  padding-top: 23px
}

@media screen and (max-width:768px) {
  .p-kasai .p-block.-padding-type {
    padding-top: 18px
  }
}

.p-kasai .c-copy {
  font-size: 24px;
  line-height: 1.5;
  font-weight: bold;
  text-align: center
}

.p-kasai .c-copy.mt-58 {
  margin-top: 58px
}

@media screen and (max-width:768px) {
  .p-kasai .c-copy {
    font-size: 20px;
    line-height: 1.8
  }
}

.p-kasai .c-copy p {
  font-weight: 500
}

.p-kasai .c-arrow-icon {
  width: calc(68px/2);
  margin: 0 auto
}

@media screen and (max-width:768px) {
  .p-kasai .c-arrow-icon {
    width: 34px
  }
}

.p-kasai .c-weight-font01 {
  font-size: 32px;
  line-height: 1.5;
  font-weight: bold;
  text-align: center
}

@media screen and (max-width:768px) {
  .p-kasai .c-weight-font01 {
    padding: 0 16px;
    font-size: 22px;
    line-height: 1.6363636364;
    letter-spacing: .001em
  }
}

.p-kasai .c-weight-font01 span {
  font-weight: bold
}

.p-kasai .c-orange {
  color: #eb6120
}

.p-kasai .ob {
  background: linear-gradient(transparent 80%, #ff0 0)
}

.p-kasai .p-white-comment01 {
  position: relative;
  margin-top: 32px;
  max-width: 883px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 16px 20px;
  background: #fff
}

@media screen and (max-width:768px) {
  .p-kasai .p-white-comment01 {
    padding: 20px 15px;
    width: 90%
  }
}

.p-kasai .p-white-comment01 p {
  font-size: 18px;
  line-height: 1.5555555556;
  letter-spacing: .001em;
  font-weight: normal;
  margin-right: 106px;
}

@media screen and (max-width:768px) {
  .p-kasai .p-white-comment01 p {
    font-size: 16px;
    line-height: 1.5;
    margin-right: 0;
  }
}

.p-kasai .p-white-comment01 .icon-yel {
  position: absolute;
  top: 0;
  right: 0;
  width: calc(84px/2)
}

.p-kasai .p-white-comment01 .icon-people {
  position: absolute;
  right: 0;
  bottom: -30px;
  width: 130px
}

@media screen and (max-width:768px) {
  .p-kasai .p-white-comment01 .icon-people {
    width: 103px;
    bottom: -43px
  }
}

.p-kasai .p-border-title {
  margin-top: 23px;
  padding-left: 32px;
  font-size: 28px;
  line-height: 1.7857142857;
  font-weight: 500;
  border-left: 10px solid #f86613;
  border-bottom: 5px solid #f86613
}

.p-kasai .p-border-title.mt-44 {
  margin-top: 44px
}

@media screen and (max-width:768px) {
  .p-kasai .p-border-title {
    padding-left: 14px;
    margin-top: 16px;
    padding-bottom: 5px;
    font-size: 18px;
    line-height: 1.5;
    border-left: 4px solid #f86613;
    border-bottom: 4px solid #f86613
  }
  .p-kasai .p-border-title.-sp-pl {
    padding-left: 28px
  }
}

.p-kasai .p-border-title:before {
  display: none
}

.p-kasai .l-in {
  padding: 0 32px
}

@media screen and (max-width:768px) {
  .p-kasai .l-in {
    padding: 0 16px
  }
}

.p-kasai .p-circle-group {
  margin-top: 26px
}

@media screen and (max-width:768px) {
  .p-kasai .p-circle-group {
    margin-top: 16px
  }
}

.p-kasai .p-circle-group .p-circle-group__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 -8px
}

.p-kasai .p-circle-group .p-circle-group__list .p-circle-group__item {
  width: 264px
}

@media screen and (max-width:768px) {
  .p-kasai .p-circle-group .p-circle-group__list .p-circle-group__item {
    width: 50%;
    padding: 0 8px
  }
}

.p-kasai .p-circle-group .p-circle-group__list .p-circle-group__item img {
  width: 100%
}

.p-kasai .p-circle-group .p-circle-group__list .p-circle-group__item:nth-child(n+4) {
  margin-top: 16px
}

.p-kasai .p-circle-group .p-circle-group__list .p-circle-group__item.-people {
  padding-top: 24px
}

@media screen and (max-width:768px) {
  .p-kasai .p-circle-group .p-circle-group__list .p-circle-group__item.-people {
    padding-top: 0
  }
}

@media screen and (max-width:768px) {
  .p-kasai .p-circle-group .p-circle-group__list .p-circle-group__item:nth-child(n+3) {
    margin-top: 26px
  }
}

@media screen and (max-width:768px) {
  .p-kasai .p-circle-group .p-circle-group__list .p-circle-group__item:nth-child(5) {
    order: 6
  }
}

.p-kasai .p-circle-group__option {
  margin-top: 14px
}

.p-kasai .p-circle-group__option p {
  text-align: right;
  font-size: 14px;
  line-height: 1.4285714286
}

.p-kasai .p-text {
  margin-top: 28px
}

@media screen and (max-width:768px) {
  .p-kasai .p-text {
    margin-top: 24px
  }
}

.p-kasai .p-text p {
  font-size: 18px;
  line-height: 1.4444444444;
  font-weight: normal
}

@media screen and (max-width:768px) {
  .p-kasai .p-text p {
    font-size: 16px;
    line-height: 1.5
  }
}

.p-kasai .p-box-yel {
  position: relative;
  z-index: 3;
  background: #fff
}

.p-kasai .p-box-yel:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 460px;
  background: #fffaed;
  content: "";
  z-index: -1
}

@media screen and (max-width:768px) {
  .p-kasai .p-box-yel:before {
    display: none
  }
}

.p-kasai .p-box-yel:after {
  position: absolute;
  top: 400px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: calc(154px*2) 1400px 0 1400px;
  border-color: #fffbef transparent transparent transparent;
  content: "";
  z-index: -1
}

@media screen and (max-width:768px) {
  .p-kasai .p-box-yel:after {
    display: none;
    top: calc((748/375)*100vw);
    border-width: calc((38/375)*100vw) calc((187.5/375)*100vw) 0 calc((187.5/375)*100vw)
  }
}

@media screen and (max-width:768px) {
  .p-kasai .p-box-yel .p-box-yel__item {
    position: relative;
    z-index: 2;
    background: #fdfce5
  }
  .p-kasai .p-box-yel .p-box-yel__item:before {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 100%;
    content: "";
    background: #fdfce5
  }
}

.p-kasai .p-five-grid {
  margin-top: 36px;
  position: relative
}

.p-kasai .p-five-grid ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 -32px
}

@media screen and (max-width:768px) {
  .p-kasai .p-five-grid ul {
    margin: 0 -5px;
    justify-content: flex-start
  }
  .p-kasai .p-five-grid {
    margin-top: 0;
    padding-top: 36px
  }
}

.p-kasai .p-five-grid ul li {
  width: 33.333%;
  padding: 0 32px
}

@media screen and (max-width:768px) {
  .p-kasai .p-five-grid ul li {
    width: 50%;
    padding: 0 5px
  }
}

.p-kasai .p-five-grid ul li:nth-child(n+4) {
  margin-top: 42px
}

@media screen and (max-width:768px) {
  .p-kasai .p-five-grid ul li:nth-child(n+3) {
    margin-top: 24px
  }
}

.p-kasai .p-five-grid .p-five-grid__option-sp {
  display: none
}

@media screen and (max-width:768px) {
  .p-kasai .p-five-grid .p-five-grid__option-sp {
    position: absolute;
    right: 17px;
    bottom: -68px;
    display: block;
    width: 136px;
    z-index: 10
  }
}

.p-kasai .c-simple-card01 {
  position: relative
}

.p-kasai .c-simple-card01 .c-simple-card01__title {
  position: absolute;
  top: 0;
  left: 0;
  width: 128px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: bold;
  font-size: 19px;
  line-height: 1;
  background: #eb6120
}

@media screen and (max-width:768px) {
  .p-kasai .c-simple-card01 .c-simple-card01__title {
    width: 98px;
    height: 28px;
    font-size: 14px;
    line-height: 1
  }
}

.p-kasai .c-simple-card01 .c-simple-card01__text {
  margin-top: 8px
}

.p-kasai .c-simple-card01 .c-simple-card01__text p {
  text-align: center;
  font-size: 18px;
  line-height: 1.4444444444
}

@media screen and (max-width:768px) {
  .p-kasai .c-simple-card01 .c-simple-card01__text p {
    font-size: 15px;
    line-height: 1.4
  }
}

.p-kasai .p-custom-image.-type01 {
  margin-top: 23px;
  margin-left: 164px;
  width: calc(1364px/2)
}

@media screen and (max-width:768px) {
  .p-kasai .p-custom-image.-type01 {
    margin-left: 0;
    width: 100%
  }
}

.p-kasai .p-orange-box {
  margin-top: 32px;
  max-width: 904px;
  width: 100%;
  margin-left: auto;
  border: 4px solid #eb6120;
  border-top: 0
}

.p-kasai .p-orange-box .p-orange-box__title {
  position: relative;
  padding-left: 24px;
  background: #eb6120;
  color: #fff;
  font-weight: bold;
  font-size: 24px;
  line-height: 2.0833333333
}

@media screen and (max-width:768px) {
  .p-kasai .p-orange-box .p-orange-box__title {
    display: flex;
    padding: 8px 0 8px calc((16/375)*100vw);
    font-size: 22px;
    line-height: 1.3636363636;
    text-align: center
  }
}

.p-kasai .p-orange-box .p-orange-box__title:before {
  display: none
}

.p-kasai .p-orange-box .p-orange-box__title .p-orange-box__title-icon {
  position: absolute;
  top: 0;
  right: -4px;
  width: calc(84px/2);
  height: calc(76px/2)
}

.p-kasai .p-orange-box .p-orange-box__contents {
  position: relative;
  padding: 23px
}

@media screen and (max-width:768px) {
  .p-kasai .p-orange-box .p-orange-box__contents {
    padding: 82px 15px 24px
  }
}

.p-kasai .p-orange-box .p-orange-box__contents p {
  font-size: 18px;
  line-height: 1.5555555556;
  font-weight: bold
}

@media screen and (max-width:768px) {
  .p-kasai .p-orange-box .p-orange-box__contents p {
    font-size: 16px;
    line-height: 1.75
  }
}

.p-kasai .p-orange-box .p-orange-box__contents p .c-orange {
  font-weight: bold
}

.p-kasai .p-orange-box .p-orange-box__contents .p-orange-box__people {
  position: absolute;
  right: 36px;
  bottom: 0;
  width: calc(258px/2)
}

@media screen and (max-width:768px) {
  .p-kasai .p-orange-box .p-orange-box__contents .p-orange-box__people {
    bottom: auto;
    top: -82px;
    right: 0;
    width: 90px
  }
}

.p-kasai .p-orange-box .p-orange-box__contents .p-orange-box__people-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.p-kasai .p-orange-box .p-orange-box__contents .p-orange-box__people-inner .p-orange-box__people-inner02 {
  position: relative;
  width: 100%;
  height: 100%
}

.p-kasai .p-orange-box .p-orange-box__contents .p-orange-box__people-inner .p-orange-box__people-inner02 .p-orange-box__people-comment {
  position: absolute;
  top: 16px;
  left: -168px;
  width: calc(423px/2)
}

@media screen and (max-width:768px) {
  .p-kasai .p-orange-box .p-orange-box__contents .p-orange-box__people-inner .p-orange-box__people-inner02 .p-orange-box__people-comment {
    width: 168px;
    top: auto;
    bottom: 6px
  }
}

.p-kasai .p-orange-box .p-orange-box__contents .p-orange-box__people-inner .p-orange-box__people-inner02 .p-orange-box__people-comment .p-orange-box__people-text {
  position: absolute;
  top: 20px;
  left: 27px;
  font-size: 20px;
  line-height: 1;
  color: #222
}

@media screen and (max-width:768px) {
  .p-kasai .p-orange-box .p-orange-box__contents .p-orange-box__people-inner .p-orange-box__people-inner02 .p-orange-box__people-comment .p-orange-box__people-text {
    top: 17px;
    font-size: 15px;
    line-height: 1
  }
}

.p-kasai .p-box-light-orange {
  position: relative;
  padding-top: 23px;
  padding-bottom: 54px;
  background: #fff;
  z-index: 3
}

@media screen and (max-width:768px) {
  .p-kasai .p-box-light-orange {
    padding-top: 15px
  }
}

.p-kasai .p-box-light-orange:before {
  position: absolute;
  top: 0;
  left: -60vw;
  width: 60vw;
  height: 100%;
  content: "";
  background: #fff;
  z-index: -1
}

.p-kasai .p-box-light-orange:after {
  position: absolute;
  top: 0;
  right: -60vw;
  width: 60vw;
  height: 100%;
  content: "";
  background: #fff;
  z-index: -1
}

.p-kasai .p-box-light-orange .p-box-light-orange__contents {
  margin-top: 42px;
  padding: 0 24px
}

@media screen and (max-width:768px) {
  .p-kasai .p-box-light-orange .p-box-light-orange__contents {
    padding: 0;
    margin-top: 30px
  }
}

.p-kasai .p-box-light-orange .p-box-light-orange__contents .p-number-grid ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -21px
}

@media screen and (max-width:768px) {
  .p-kasai .p-box-light-orange .p-box-light-orange__contents .p-number-grid ul {
    margin: 0 -5px
  }
}

.p-kasai .p-box-light-orange .p-box-light-orange__contents .p-number-grid ul li {
  position: relative;
  width: 33.333%;
  padding: 0 21px
}

@media screen and (max-width:768px) {
  .p-kasai .p-box-light-orange .p-box-light-orange__contents .p-number-grid ul li {
    width: 50%;
    padding: 0 5px
  }
}

.p-kasai .p-box-light-orange .p-box-light-orange__contents .p-number-grid ul li:nth-child(n+4) {
  margin-top: 34px
}

@media screen and (max-width:768px) {
  .p-kasai .p-box-light-orange .p-box-light-orange__contents .p-number-grid ul li:nth-child(n+3) {
    margin-top: 30px
  }
}

.p-kasai .p-box-light-orange .p-box-light-orange__contents .p-number-grid ul li .arrow-right {
  position: absolute;
  bottom: 8.5px;
  right: -12px;
  width: 24px;
  z-index: 10
}

@media screen and (max-width:768px) {
  .p-kasai .p-box-light-orange .p-box-light-orange__contents .p-number-grid ul li .arrow-right {
    bottom: 14px;
    right: -14px
  }
}

.p-kasai .c-number-card01 {
  position: relative;
  display: flex;
  flex-direction: column-reverse
}

.p-kasai .c-number-card01 .c-number-card01__image img {
  width: 100%
}

.p-kasai .c-number-card01 .c-number-card01__num {
  position: absolute;
  top: -10px;
  left: -23px;
  width: calc(136px/2)
}

@media screen and (max-width:768px) {
  .p-kasai .c-number-card01 .c-number-card01__num {
    width: 54px;
    top: -14px;
    left: -3px
  }
}

.p-kasai .c-number-card01 .c-number-card01__title {
  height: 51px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #eb6120;
  color: #fff;
  font-weight: bold;
  font-size: 18px;
  line-height: 1
}

@media screen and (max-width:768px) {
  .p-kasai .c-number-card01 .c-number-card01__title {
    height: 66px;
    font-size: 18px;
    line-height: 1.4444444444;
    text-align: center
  }
}

.p-kasai .position-head {
  position: relative
}

.p-kasai .position-head .position-head__title {
  position: absolute;
  top: -40px;
  left: 50%;
  transform: translateX(-50%);
  width: calc(780px/2);
  z-index: 10;
  text-align: center
}

@media screen and (max-width:768px) {
  .p-kasai .position-head .position-head__title {
    position: static;
    transform: translateX(0);
    width: 318px;
    margin: 0 auto
  }
}

.p-kasai .position-head .position-head__title img {
  width: calc(740px/2)
}

@media screen and (max-width:768px) {
  .p-kasai .position-head .position-head__title img {
    width: 100%
  }
}

.p-kasai .position-head .c-block-heading02 {
  font-size: 32px;
  color: white;
  background: #76471b;
  color: #fff;
  font-weight: 700;
  display: flex;
  height: 64px;
  align-items: center;
  justify-content: center;
  padding: 0 50px;
  background-size: auto auto;
  background-color: #9d652f;
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 1px, #76471b 1px, #76471b 6px);
  margin-bottom: 40px
}

@media screen and (max-width:768px) {
  .p-kasai .position-head .c-block-heading02 {
    margin-top: 6px;
    margin-bottom: 20px;
    font-size: 22px;
    line-height: 1.3636363636
  }
}

.p-kasai .position-head .c-block-heading02:before {
  position: absolute;
  top: 0;
  right: 0;
  width: 3px;
  height: 25px;
  content: "";
  background: #000
}

.p-kasai .position-head .c-block-heading02:after {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 3px;
  height: 25px;
  content: "";
  background: #eb6120
}

.p-kasai .position-head .c-block-heading02 .c-block-heading02__icon {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(129px/2)
}

.p-kasai .p-number-list {
  margin-top: 32px
}

@media screen and (max-width:768px) {
  .p-kasai .p-number-list {
    margin-top: 16px
  }
}

.p-kasai .p-number-list li+li {
  margin-top: 20px
}

.p-kasai .p-number-list li {
  list-style: none
}

@media screen and (max-width:767px) {
  .p-kasai .p-number-list li+li {
    padding-bottom: 4px
  }
}

.p-kasai .c-number-title {
  padding-bottom: 3px;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: flex-end;
  font-size: 28px;
  line-height: 1.7857142857;
  font-weight: bold;
  border-bottom: 5px solid #eb6120
}

@media screen and (max-width:768px) {
  .p-kasai .c-number-title {
    font-size: 20px;
    line-height: 1.35;
    padding-bottom: 4px
  }
}

.p-kasai .c-number-title img {
  margin-right: 20px;
  width: 63px;
  display: block
}

@media screen and (max-width:768px) {
  .p-kasai .c-number-title img {
    width: 38px;
    margin-right: 7px
  }
}

.p-kasai .p-image-unit {
  padding: 24px 38px 0 24px;
  display: flex;
  flex-direction: row-reverse
}

@media screen and (max-width:768px) {
  .p-kasai .p-image-unit {
    flex-direction: column-reverse;
    padding: 16px 16px 0
  }
}

.p-kasai .p-image-unit .p-image-unit__sub {
  width: 264px
}

@media screen and (max-width:768px) {
  .p-kasai .p-image-unit .p-image-unit__sub {
    width: 100%
  }
  .p-kasai .p-image-unit .p-image-unit__sub img {
    width: 100%
  }
}

.p-kasai .p-image-unit .p-image-unit__text {
  width: auto;
  flex: 1;
  padding-left: 36px
}

@media screen and (max-width:768px) {
  .p-kasai .p-image-unit .p-image-unit__text {
    padding-left: 0;
    margin-top: 20px
  }
}

.p-kasai .p-image-unit .p-image-unit__text p {
  font-size: 16px;
  line-height: 1.5
}

.p-kasai .p-image-unit .p-image-unit__text p.small-font {
  margin-top: 8px;
  font-size: 14px;
  line-height: 1.4285714286
}

.p-kasai .p-qa-box {
  margin-top: 32px
}

@media screen and (max-width:768px) {
  .p-kasai .p-qa-box {
    padding: 0 16px
  }
}

.p-kasai .p-qa-box .p-qa-box__item+.p-qa-box__item {
  margin-top: 32px
}

.p-kasai .p-qa-box .p-qa-box__title {
  font-size: 24px;
  line-height: 2.0833333333;
  font-weight: bold;
  border-bottom: 1px solid #a09d9a
}

@media screen and (max-width:768px) {
  .p-kasai .p-qa-box .p-qa-box__title {
    padding-bottom: 8px;
    font-size: 18px;
    line-height: 1.4444444444
  }
}

.p-kasai .p-qa-box .p-qa-box__title span {
  color: #eb6120;
  margin-right: 8px;
  font-weight: bold
}

.p-kasai .p-qa-box .p-qa-box__contents {
  padding: 20px 24px 0
}

@media screen and (max-width:768px) {
  .p-kasai .p-qa-box .p-qa-box__contents {
    padding: 20px 0 0
  }
}

.p-kasai .p-qa-box .p-qa-box__contents p {
  font-size: 16px;
  line-height: 1.5
}

.p-kasai .p-qa-box .p-qa-box__contents p.small-font {
  margin-top: 8px;
  font-size: 14px;
  line-height: 1.4285714286
}

.p-kasai .c-image-copy {
  display: flex;
  justify-content: center;
  padding-bottom: 33px
}

.p-kasai .c-image-copy .c-image-copy__text {
  position: relative
}

.p-kasai .c-image-copy .c-image-copy__text p {
  font-size: 32px;
  line-height: 1.5625;
  font-weight: bold
}

@media screen and (max-width:768px) {
  .p-kasai .c-image-copy .c-image-copy__text p {
    font-size: 22px;
    line-height: 1.6363636364;
    text-align: center
  }
}

.p-kasai .c-image-copy .c-image-copy__text p span {
  font-weight: bold;
  color: #eb6120;
  background: linear-gradient(transparent 80%, #ff0 0)
}

.p-kasai .c-image-copy .c-image-copy__text .c-image-copy__image {
  position: absolute;
  right: -114px;
  top: 50%;
  transform: translateY(-50%);
  width: 104px
}

@media screen and (max-width:768px) {
  .p-kasai .c-image-copy .c-image-copy__text .c-image-copy__image {
    position: static;
    transform: translateY(0);
    margin: 0 auto;
    width: 100px
  }
}

@media screen and (max-width:768px) {
  .p-kasai .sp-triangle {
    position: relative;
    display: block
  }
  .p-kasai .sp-triangle:before {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: calc(136px*2) 1400px 0 1400px;
    border-color: #fdfce5 transparent transparent transparent;
    content: "";
    z-index: -1
  }
}

@media screen and (max-width:768px) and (max-width:768px) {
  .p-kasai .sp-triangle:before {
    top: calc((-16/375)*100vw);
    border-width: calc(136px*2) 1400px 0 1400px
  }
}

main.no-margin {
  padding: 0
}

.p-kasai .c-simple-card01__image img, .p-kasai .c-check-card01__image img {
  max-height: 184px;
  width: 100%
}

.p-kasai .mt-82 {
  margin-top: 82px
}

.p-kasai .u-pc-hidden {
  display: none
}

.p-kasai .c-basicform__headline {
  color: #fff
}

.p-kasai .c-basicform .c-basicform__Required {
  color: #fff
}

@media screen and (max-width:767px) {
  .p-kasai .mt-82 {
    margin-top: 35px
  }
  .p-kasai .l-in.p-0 {
    padding: 0
  }
  .p-kasai .pc-br {
    display: none
  }
  .p-kasai .p-image-unit__sub {
    height: 182px;
    overflow: hidden
  }
  .p-kasai .bg-white {
    margin: 0 calc(50% - 50vw);
    width: 100vw
  }
  .p-kasai .p-kasai-fullWidthInner {
    padding: 0 10px
  }
  .p-kasai .u-pc-hidden {
    display: block
  }
  .p-kasai .u-sp-hidden {
    display: none
  }
  .p-kasai .position-head .c-block-heading02 {
    padding: 0
  }
  .p-kasai .position-head .c-block-heading02::after, .p-kasai .position-head .c-block-heading02::before {
    display: none
  }
  .p-kasai .l-wide {
    background: #fdfce5;
    padding-top: 56px
  }
  .p-kasai .p-kasai__head {
    padding-top: 0
  }
  .p-kasai .p-yel-box01 {
    padding-bottom: 60px
  }
  .p-kasai .p-border-title.-sp-pl {
    margin-top: 0
  }
  .p-kasai .p-border-title.mt-44 {
    margin-top: 3px
  }
  .p-kasai .l-wide.l-wide2 {
    padding-top: 20px
  }
}

/* gbp start */
.wpac {
  background-color: #FBEFBA !important;
  padding-top: 50px !important;
  padding-bottom: 40px !important;
}

.wp-google-wr {
  display: none !important;
}

.wp-gr.wpac .wp-google-left img {
  border-radius: 0 !important;
}

.wp-gr .wp-google-powered.wp-google-powered-custom {
  position: absolute !important;
  bottom: 45px !important;
  left: 220px !important;
  font-weight: 500 !important;
  color: #fb8e28 !important;
  font-size: 16px !important;
}

.wp-gr.wpac .wp-google-name span {
  font-size: 16px !important;
  color: #382712 !important;
}

.wp-gr.wpac .grw-slider-review-inner .wp-google-left img {
  border-radius: 50% !important;
}

.wp-gr.wpac .wp-google-rating {
  font-weight: 500 !important;
  font-size: 16px !important;
}

.wp-gr:not(.wp-dark) .grw-review-inner.grw-backgnd {
  border-radius: 24px !important;
}

.grw-slider-review-inner svg {
  display: none;
}

.grw-slider-dots {
  display: none !important;
}

/* .wp-gr.wpac .wp-google-time {
  display: none !important;
}
 */
/* .wp-gr.wpac .wp-google-time.view-wp-google-time {
  display: block !important;
}
 */
.wp-gr.wpac .wp-google-time.dateView {
  display: block !important;
}

.wp-gr:not(.wp-dark) .grw-review-inner.grw-backgnd {
  max-width: 256px !important;
  height: 256px;
}

.wp-gr .grw-slider .wp-google-feedback {
  height: 120px !important;
}

.wp-gr:not(.wp-dark) .grw-review-inner.grw-backgnd {
  padding-top: 28px !important;
}

.wp-gr .grw-slider .wp-google-stars {
  margin-top: 8px !important;
}

.wp-gr.wpac .wp-google-time.dateView {
  margin-top: 4px !important;
}

.wp-gr.wpac a.wp-google-name {
  font-size: 16px !important;
}

.wp-gr.wpac .wp-google-time.dateView {
  font-size: 14px !important;
}

.wp-gr .grw-row {
  max-width: 880px !important;
  display: block !important;
}

.wp-gr .grw-row {
  margin: 0 auto !important;
}

.wp-gr .grw-slider-content {
  background-image: linear-gradient(-45deg, transparent 35%, var(--main-color) 35%, var(--main-color) 45%, transparent 55%) !important;
  background-size: 5.6px 4px;
  border: none;
  background-repeat: repeat-x !important;
  background-position: top 0px right 0px !important;
  padding-top: 20px !important;
}

@media screen and (min-width: 767px) {
  .wp-gr .grw-row {
    display: block !important;
  }

  .wp-gr.wpac .wp-google-name span {
    font-size: 20px !important;
  }

  .wp-gr .wp-google-powered.wp-google-powered-custom {
    font-size: 24px !important;
    left: 240px !important;
  }

  .wp-gr.wpac .wp-google-rating {
    font-size: 24px !important;
  }

  .wp-gr.wpac .wp-google-place {
    display: flex !important;
  }

  .wp-gr.wpac .wp-google-right {
    display: flex !important;
    width: auto !important;
  }

  .wp-gr .wp-google-powered.wp-google-powered-custom {
    left: initial !important;
    right: 0 !important;
  }

  .wp-gr.wpac .wp-google-powered.wp-google-powered-custom {
    font-size: 20px !important;
    right: 14px !important;
  }

  .wp-gr .grw-row-x .grw-header,
  .wp-gr .grw-row-x .grw-header+.grw-content,
  .wp-gr .grw-row-x .grw-review,
  .wp-gr .grw-row-s .grw-header+.grw-content .grw-review {
    flex: 0 0 33.3%;
  }

  .wp-gr .wp-google-powered {
    position: absolute !important;
    bottom: 11px !important;
  }

  .wp-gr .grw-slider .grw-slider-header-inner,
  .wp-gr .grw-slider .grw-slider-review-inner {
    margin-left: 22px !important;
  }

  .wp-gr.wpac .wp-google-left img {
    margin-right: 22px !important;
  }

  .wp-gr .wp-google-powered.wp-google-powered-custom {
    right: 22px !important;
  }

  .wp-gr .grw-slider .grw-slider-btns.grw-slider-prev {
    top: -14px !important;
  }

  .wp-gr .grw-slider .grw-slider-btns.grw-slider-next {
    right: -13px !important;
    top: -15px !important;
  }
}

@media screen and (max-width: 767px) {
  .wpac {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }

  .wp-gr:not(.wp-dark) .grw-review-inner.grw-backgnd {
    max-width: 100% !important;
    margin: 0 !important;
    height: 224px !important;
  }

  .wp-gr:not(.wp-dark) .grw-review-inner.grw-backgnd {
    padding-top: 18px !important;
  }

  .wp-gr .grw-slider .wp-google-feedback {
    height: 100px !important;
  }

  .wp-gr .wp-google-text {
    font-size: 14px !important;
  }

  .p-blogdetail__links {
    gap: 12px;
  }

  .p-blogdetail__previousBtn a,
  .p-blogdetail__nextBtn a,
  .p-blogdetail__backBtn a {
    max-width: 104px;
    padding: 0;
  }

  .p-blogdetail__previousBtn span,
  .p-blogdetail__nextBtn span,
  .p-blogdetail__backBtn span {
    display: none;
  }

  .p-blogdetail__previousBtn a::before,
  .p-blogdetail__nextBtn a::before,
  .p-blogdetail__previousBtn a::after,
  .p-blogdetail__nextBtn a::after {
    display: none;
  }

  .wp-gr .grw-slider .grw-slider-content {
    padding: 10px 20px !important;
  }

  .wp-gr .grw-slider {
    padding: 0 20px !important;
  }

  .wp-gr .grw-slider .grw-slider-reviews {
    margin: 0 !important;
  }

  .wp-gr .grw-slider .grw-slider-btns.grw-slider-next {
    right: -26px !important;
    top: -20px !important;
  }

  .wp-gr .grw-slider .grw-slider-btns.grw-slider-prev {
    left: -26px !important;
    top: -20px !important
  }

  .wp-gr .grw-slider .grw-slider-header-inner {
    padding-left: 0 !important;
    padding-bottom: 10px !important;
  }

  .wp-gr .wp-google-powered {
    margin: 0 !important;
  }

  .wp-gr .wp-google-powered.wp-google-powered-custom {
    bottom: 34px !important;
    left: 196px !important;
  }

  .wp-gr .wp-google-place .wp-star svg {
    width: 17px !important;
    height: 17px !important;
  }
	.wp-gr .grw-review .wp-google-feedback{
		height: 74px !important;
	}
}

.p-top-googleReviews {
  background-color: #FBEFBA;
  padding-bottom: 40px;
}

.wpac {
  position: relative;
  /* background-color: #FBEFBA!important; */
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.wpac::after {
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  top: 13vw;
  content: "";
  background-color: #FBEFBA;
  display: block;
  width: 100%;
  height: 100%;
}

.wp-google-wr {
  display: none !important;
}

.wp-gr.wpac .wp-google-left img {
  border-radius: 0 !important;
}

.wp-gr .wp-google-powered.wp-google-powered-custom {
  position: absolute !important;
  bottom: 45px !important;
  left: 220px !important;
  font-weight: 500 !important;
  color: #fb8e28 !important;
  font-size: 16px !important;
}

.wp-gr.wpac .wp-google-name span {
  font-size: 16px !important;
  color: #382712 !important;
}

.wp-gr.wpac .grw-slider-review-inner .wp-google-left img {
  border-radius: 50% !important;
}

.wp-gr.wpac .wp-google-rating {
  font-weight: 500 !important;
  font-size: 16px !important;
}

.wp-gr:not(.wp-dark) .grw-review-inner.grw-backgnd {
  border-radius: 24px !important;
}

.grw-slider-review-inner svg {
  display: none;
}

.grw-slider-dots {
  display: none !important;
}

/* .wp-gr.wpac .wp-google-time {
  display: none !important;
} */

.wp-gr.wpac .wp-google-time.view-wp-google-time {
  display: block !important;
}

.wp-gr.wpac .wp-google-time.dateView {
  display: block !important;
}

.wp-gr:not(.wp-dark) .grw-review-inner.grw-backgnd {
  max-width: 256px !important;
  height: 256px;
}

.wp-gr .grw-slider .wp-google-feedback {
  height: 120px !important;
}

.wp-gr:not(.wp-dark) .grw-review-inner.grw-backgnd {
  padding-top: 28px !important;
}

.wp-gr .grw-slider .wp-google-stars {
  margin-top: 8px !important;
}

.wp-gr.wpac .wp-google-time.dateView {
  margin-top: 4px !important;
}

.wp-gr.wpac a.wp-google-name {
  font-size: 16px !important;
}

.wp-gr.wpac .wp-google-time.dateView {
  font-size: 14px !important;
}

.wp-gr .grw-row {
  max-width: 880px !important;
}

.wp-gr .grw-row {
  margin: 0 auto !important;
}

.wp-gr .grw-slider-content {
  background-image: linear-gradient(-45deg, transparent 35%, var(--main-color) 35%, var(--main-color) 45%, transparent 55%) !important;
  background-size: 5.6px 4px;
  border: none;
  background-repeat: repeat-x !important;
  background-position: top 0px right 0px !important;
  padding-top: 20px !important;
}

.wp-gr .wp-google-left img {
  box-shadow: none !important;
}

.wp-gr .grw-review-inner>svg {
  display: none !important;
}

.wp-gr .grw-content {
  background-image: linear-gradient(-45deg, transparent 35%, #eb6120 35%, #eb6120 45%, transparent 55%) !important;
  background-size: 5.6px 4px;
  border: none;
  background-repeat: repeat-x !important;
  background-position: top 0px right 0px !important;
  padding-top: 20px !important;
}

.wp-gr .rpi-dots-wrap {
  display: none !important;
}

.wp-gr:not(.wp-dark) .grw-review-inner.grw-backgnd {
  background: #fafafa !important;
  box-shadow: 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .24) !important;
}

.wp-gr .grw-btns.grw-next,
.wp-gr .grw-btns.grw-prev {
  top: -15px !important;
}

@media screen and (min-width: 767px) {
  .wp-gr .grw-slider .grw-slider-content-inner {
    width: 880px !important;
  }

  .wp-gr .grw-row {
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  .wp-gr.wpac .wp-google-name span {
    font-size: 20px !important;
  }

  .wp-gr .wp-google-powered.wp-google-powered-custom {
    position: initial !important;
    font-size: 24px !important;
    left: 240px !important;
    margin: 0 !important;
  }

  .wp-gr.wpac .wp-google-rating {
    font-size: 24px !important;
  }

  .wp-gr.wpac .wp-google-place {
    display: flex !important;
  }

  .wp-gr.wpac .wp-google-right {
    display: flex !important;
    width: auto !important;
  }

  .wp-gr .wp-google-powered.wp-google-powered-custom {
    left: initial !important;
    right: 0 !important;
  }

  .wp-gr.wpac .wp-google-powered.wp-google-powered-custom {
    font-size: 20px !important;
    right: -0.5rem !important;
  }

  .wp-gr .grw-row-x .grw-slider-header,
  .wp-gr .grw-row-x .grw-slider-header+.grw-slider-content,
  .wp-gr .grw-row-x .grw-slider-review,
  .wp-gr .grw-row-s .grw-slider-header+.grw-slider-content .grw-slider-review {
    flex: 0 0 33.3%;
  }

  .wp-gr .wp-google-powered {
    position: absolute !important;
    bottom: 11px !important;
  }

  .wp-gr .grw-slider .grw-slider-header-inner,
  .wp-gr .grw-slider .grw-slider-review-inner {
    margin-left: 22px !important;
  }

  .wp-gr.wpac .wp-google-left img {
    margin-right: 22px !important;
  }

  .wp-gr .wp-google-powered.wp-google-powered-custom {
    right: 22px !important;
  }

  .wp-gr .grw-slider .grw-slider-btns.grw-slider-prev {
    top: -14px !important;
  }

  .wp-gr .grw-slider .grw-slider-btns.grw-slider-next {
    right: -13px !important;
    top: -15px !important;
  }
}

@media screen and (max-width: 767px) {
  .p-top-googleReviews {
    padding-top: 20px;
  }

  .wpac {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }

  .wp-gr:not(.wp-dark) .grw-review-inner.grw-backgnd {
    max-width: 100% !important;
    margin: 0 !important;
    height: 224px !important;
  }

  .wp-gr:not(.wp-dark) .grw-review-inner.grw-backgnd {
    padding-top: 18px !important;
  }

  .wp-gr .grw-slider .wp-google-feedback {
    height: 100px !important;
  }

  .wp-gr .wp-google-text {
    font-size: 14px !important;
  }

  .p-blogdetail__links {
    gap: 12px;
  }

  .p-blogdetail__previousBtn a,
  .p-blogdetail__nextBtn a,
  .p-blogdetail__backBtn a {
    max-width: 104px;
    padding: 0;
  }

  .p-blogdetail__previousBtn span,
  .p-blogdetail__nextBtn span,
  .p-blogdetail__backBtn span {
    display: none;
  }

  .p-blogdetail__previousBtn a::before,
  .p-blogdetail__nextBtn a::before,
  .p-blogdetail__previousBtn a::after,
  .p-blogdetail__nextBtn a::after {
    display: none;
  }

  .wp-gr .grw-slider .grw-slider-content {
    padding: 10px 20px !important;
  }

  .wp-gr .grw-slider {
    padding: 0 20px !important;
  }

  .wp-gr .grw-slider .grw-slider-reviews {
    margin: 0 !important;
  }

  .wp-gr .grw-slider .grw-slider-btns.grw-slider-next {
    right: -26px !important;
    top: -20px !important;
  }

  .wp-gr .grw-slider .grw-slider-btns.grw-slider-prev {
    left: -26px !important;
    top: -20px !important
  }

  .wp-gr .grw-slider .grw-slider-header-inner {
    padding-left: 0 !important;
    padding-bottom: 10px !important;
  }

  .wp-gr .wp-google-powered {
    margin: 0 !important;
  }

  .wp-gr .wp-google-powered.wp-google-powered-custom {
    bottom: 39px !important;
    left: 210px !important;
  }

  .wp-gr .wp-google-place .wp-star svg {
    width: 17px !important;
    height: 17px !important;
  }

  .wp-gr .grw-content {
    padding: 10px 20px !important;
    width: 100% !important;
  }

  .wpac {
    display: block !important;
    width: 100% !important;
    padding: 0 20px 20px !important;
    text-align: left !important;
    direction: ltr !important;
    box-sizing: border-box !important;
  }

  .wp-gr[data-layout="slider"] .grw-reviews {
    margin: 0 !important;
  }

  .wp-gr .grw-btns.grw-prev {
    left: -26px !important;
    top: -20px !important;
  }

  .wp-gr .grw-btns.grw-next {
    right: -26px !important;
    top: -20px !important;
  }
}

/* gbp end */


#line-staff_contents .l-wrapper {
  width: 100%;
  max-width: 980px;
  margin: 40px auto 0
}

@media screen and (max-width:768px) {
  #line-staff_contents .l-wrapper {
    max-width: 100%;
    margin: 4px auto 0
  }
}

#line-staff_contents .l-inner {
  width: 100%;
  max-width: 866px;
  margin: 0 auto
}

@media screen and (max-width:768px) {
  #line-staff_contents .l-inner {
    max-width: 100%;
    padding: 0 10px
  }
}

#line-staff_contents .l-container {
  width: 100%;
  max-width: 980px;
  margin: 0 auto
}

@media screen and (max-width:768px) {
  #line-staff_contents .l-container {
    max-width: 100%
  }
}

@media screen and (max-width:768px) {
  #line-staff_contents .u-sp-hidden {
    display: none
  }
}

#line-staff_contents .u-pc-hidden {
  display: none
}

@media screen and (max-width:768px) {
  #line-staff_contents .u-pc-hidden {
    display: block
  }
}

#line-staff_contents .bg-base {
  width: 100%;
  overflow: hidden
}

@media screen and (max-width:1000px) {
  #line-staff_contents .bg-base {
    width: 1000px
  }
}

@media screen and (max-width:1000px) and (max-width:768px) {
  #line-staff_contents .bg-base {
    width: 100%
  }
}

#line-staff_contents .p-line-staff {
  padding-bottom: 50px
}

#line-staff_contents .p-line-staff * {
  box-sizing: border-box
}

#line-staff_contents .p-line-staff .l-wrapper {
  overflow: unset
}

#line-staff_contents .p-line-staff .p-line-staff__head {
  position: relative
}

@media screen and (max-width:768px) {
  #line-staff_contents .p-line-staff .p-line-staff__head img {
    width: 100%
  }
}

#line-staff_contents .p-line-staff .p-line-staff__head .p-line-staff__visual-bg {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
  width: 100%
}

@media screen and (max-width:1400px) {
  #line-staff_contents .p-line-staff .p-line-staff__head .p-line-staff__visual-bg {
    width: 1400px
  }
}

@media screen and (max-width:1400px) and (max-width:768px) {
  #line-staff_contents .p-line-staff .p-line-staff__head .p-line-staff__visual-bg {
    display: none
  }
}

#line-staff_contents .p-line-staff .p-line-staff__head .p-line-staff__visual-bg img {
  width: 100%
}

#line-staff_contents .p-line-staff .p-line-staff__nav {
  margin-top: 53px
}

#line-staff_contents .p-line-staff .p-line-staff__list {
  margin-top: 46px
}

#line-staff_contents .p-line-staff .p-line-staff__list .p-line-staff__item:nth-child(2) {
  margin-top: 90px
}

@media screen and (max-width:768px) {
  #line-staff_contents .p-line-staff .p-line-staff__nav {
    margin-top: 24px
  }
  #line-staff_contents .p-line-staff .p-line-staff__list .p-line-staff__item:nth-child(2) {
    margin-top: 40px
  }
}

#line-staff_contents .p-line-staff .p-line-staff__list .p-line-staff__item:nth-child(3) {
  margin-top: 80px
}

@media screen and (max-width:768px) {
  #line-staff_contents .p-line-staff .p-line-staff__list .p-line-staff__item:nth-child(3) {
    margin-top: 40px
  }
}

#line-staff_contents .p-line-staff .p-line-staff__list .p-line-staff__item:nth-child(4) {
  margin-top: 70px
}

@media screen and (max-width:768px) {
  #line-staff_contents .p-line-staff .p-line-staff__list .p-line-staff__item:nth-child(4) {
    margin-top: 40px
  }
}

#line-staff_contents .p-line-staff .p-line-staff__link01 {
  display: flex;
  justify-content: center;
  margin-top: 10px
}

#line-staff_contents .p-line-staff .p-line-staff__bottom {
  margin-top: 68px
}

#line-staff_contents .c-heading-center {
  text-align: center;
  font-size: 48px;
  line-height: 1;
  font-weight: bold;
  color: #000
}

@media screen and (max-width:768px) {
  #line-staff_contents .p-line-staff .p-line-staff__link01 {
    margin-top: 40px
  }
  #line-staff_contents .c-heading-center {
    font-size: 24px;
    line-height: 1;
    white-space: nowrap
  }
}

#line-staff_contents .c-heading-center span {
  font-size: 48px;
  line-height: 1;
  font-weight: bold;
  border: 0
}

@media screen and (max-width:768px) {
  #line-staff_contents .c-heading-center span {
    font-size: 24px;
    line-height: 1;
    white-space: nowrap
  }
}

#line-staff_contents .c-heading-center .wrap {
  position: relative
}

#line-staff_contents .c-heading-center .wrap:before {
  position: absolute;
  left: -65px;
  top: 10px;
  width: 31px;
  height: 60px;
  content: "";
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url(./assets/images/line_staff/left-diagonal-line02.svg)
}

@media screen and (max-width:768px) {
  #line-staff_contents .c-heading-center .wrap:before {
    left: -24px;
    width: 10px;
    height: 22px
  }
}

#line-staff_contents .c-heading-center .wrap:after {
  position: absolute;
  right: -65px;
  top: 10px;
  width: 31px;
  height: 60px;
  content: "";
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url(./assets/images/line_staff/right-diagonal-line02.svg)
}

@media screen and (max-width:768px) {
  #line-staff_contents .c-heading-center .wrap:after {
    right: -24px;
    width: 10px;
    height: 22px
  }
}

#line-staff_contents .c-heading-center .border {
  background: linear-gradient(transparent 80%, #ff0 0)
}

#line-staff_contents .c-heading-center .border .orange {
  color: #eb6120
}

#line-staff_contents .p-try-image {
  width: 100%;
  height: 392px;
  margin-top: 50px;
  text-align: center
}

@media screen and (max-width:768px) {
  #line-staff_contents .p-try-image {
    max-width: 400px;
    width: 100%;
    height: 257px;
    margin: 40px auto 0;
    padding: 0 26px
  }
  #line-staff_contents .p-try-image img {
    width: 100%
  }
}

#line-staff_contents .p-link-line-sp {
  display: none
}

@media screen and (max-width:768px) {
  #line-staff_contents .p-link-line-sp {
    display: block;
    max-width: 355px;
    width: 100%;
    margin: 40px auto 0;
    padding: 0 10px
  }
}

#line-staff_contents .p-link-line {
  position: relative;
  margin-top: 132px;
  padding: 50px 40px 40px;
  background: #06c755;
  border-radius: 20px
}

@media screen and (max-width:768px) {
  #line-staff_contents .p-link-line {
    display: none
  }
}

#line-staff_contents .p-link-line .p-link-line__head {
  position: absolute;
  top: -45px;
  left: 50%;
  transform: translateX(-50%);
  width: 970px;
  display: block;
  padding-top: 100px;
  margin-top: -100px
}

#line-staff_contents .p-link-line .p-link-line__head img {
  width: 100%
}

#line-staff_contents .p-link-line .p-link-line__contents {
  display: flex
}

#line-staff_contents .p-link-line .p-link-line__contents .p-link-line__qr {
  width: 190px
}

#line-staff_contents .p-link-line .p-link-line__contents .p-link-line__meta {
  width: auto;
  flex: 1;
  padding-left: 66px
}

#line-staff_contents .p-link-line .p-link-line__contents .p-link-line__meta .p-link-line__text {
  position: relative;
  padding: 10px;
  display: flex;
  justify-content: center;
  background: #e0ffed;
  height: 100%
}

#line-staff_contents .p-link-line .p-link-line__contents .p-link-line__meta .p-link-line__text:before {
  position: absolute;
  top: 0;
  left: -50px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 95px 50px 95px 0;
  border-color: transparent #e0ffed transparent transparent;
  content: ""
}

#line-staff_contents .p-link-line .p-link-line__contents .p-link-line__meta .p-link-line__text p {
  margin-top: 10px;
  font-size: 40px;
  line-height: 1.3;
  font-weight: bold;
  color: #505050
}

#line-staff_contents .p-link-line .p-link-line__contents .p-link-line__meta .p-link-line__text p.tel {
  text-align: right;
  font-size: 32px;
  line-height: 1
}

#line-staff_contents .p-step-box {
  margin-top: 100px
}

@media screen and (max-width:768px) {
  #line-staff_contents .p-step-box {
    margin-top: 20px;
    padding: 0 10px
  }
}

#line-staff_contents .p-step-box .p-step-box__list {
  display: flex;
  margin: 0 -20px
}

@media screen and (max-width:768px) {
  #line-staff_contents .p-step-box .p-step-box__list {
    flex-direction: column
  }
}

@media screen and (max-width:768px) {
  #line-staff_contents .p-step-box .p-step-box__list .p-step-box__item+.p-step-box__item {
    margin-top: 40px
  }
}

#line-staff_contents .p-step-box .p-step-box__list .p-step-box__item {
  position: relative;
  width: 33.333%;
  padding: 0 20px
}

@media screen and (max-width:768px) {
  #line-staff_contents .p-step-box .p-step-box__list .p-step-box__item {
    width: 100%
  }
}

#line-staff_contents .p-step-box .p-step-box__list .p-step-box__item:before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -14px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 14px 0 14px 28px;
  border-color: transparent transparent transparent #eb6120;
  content: ""
}

@media screen and (max-width:768px) {
  #line-staff_contents .p-step-box .p-step-box__list .p-step-box__item:before {
    top: auto;
    bottom: -32px;
    left: 50%;
    transform: translateY(0) translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 24px 32px 0 32px;
    border-color: #eb6120 transparent transparent transparent
  }
}

#line-staff_contents .p-step-box .p-step-box__list .p-step-box__item:last-child:before {
  display: none
}

#line-staff_contents .c-step-card .c-step-card__head {
  position: relative;
  padding: 28px 10px 15px;
  background: #ffe1d3;
  text-align: center;
  font-size: 24px;
  line-height: 1.1666666667;
  color: #000
}

@media screen and (max-width:768px) {
  #line-staff_contents .c-step-card .c-step-card__head {
    padding: 12px 10px 12px 24px;
    display: flex;
    align-items: center;
    font-size: 20px;
    line-height: 1.4;
    text-align: left
  }
}

#line-staff_contents .c-step-card .c-step-card__head .c-step-card__num {
  position: absolute;
  top: -60px;
  left: 50%;
  transform: translateX(-50%);
  width: 79px;
  height: 79px
}

@media screen and (max-width:768px) {
  #line-staff_contents .c-step-card .c-step-card__head .c-step-card__num {
    position: static;
    transform: translateX(0);
    width: 60px;
    height: 60px;
    margin-right: 20px
  }
}

#line-staff_contents .c-step-card .c-step-card__contents {
  background-color: #fff;
  padding: 20px 12px;
  border-left: 4px solid #ffe1d3;
  border-right: 4px solid #ffe1d3;
  border-bottom: 4px solid #ffe1d3;
  display: flex;
  flex-direction: column-reverse
}

@media screen and (max-width:768px) {
  #line-staff_contents .c-step-card .c-step-card__contents {
    padding: 18px 10px;
    flex-direction: row-reverse;
    align-items: center
  }
}

#line-staff_contents .c-step-card .c-step-card__contents .c-step-card__image {
  text-align: center
}

@media screen and (max-width:768px) {
  #line-staff_contents .c-step-card .c-step-card__contents .c-step-card__image {
    width: 152px
  }
}

#line-staff_contents .c-step-card .c-step-card__contents .c-step-card__text {
  margin-top: 20px
}

@media screen and (max-width:768px) {
  #line-staff_contents .c-step-card .c-step-card__contents .c-step-card__text {
    width: auto;
    flex: 1;
    margin-top: 0;
    padding-left: 10px
  }
}

#line-staff_contents .c-step-card .c-step-card__contents .c-step-card__text p {
  font-size: 20px;
  line-height: 1.6842105263;
  letter-spacing: 0
}

#line-staff_contents .p-qa-box {
  padding: 50px 40px 0 22px
}

@media screen and (max-width:768px) {
  #line-staff_contents .c-step-card .c-step-card__contents .c-step-card__text p {
    font-size: 18px
  }
  #line-staff_contents .p-qa-box {
    padding: 30px 26px 0
  }
}

#line-staff_contents .p-qa-box .p-qa-box__item+.p-qa-box__item {
  margin-top: 40px
}

@media screen and (max-width:768px) {
  #line-staff_contents .p-qa-box .p-qa-box__item+.p-qa-box__item {
    margin-top: 32px
  }
}

#line-staff_contents .p-qa-box .p-qa-box__title {
  padding-bottom: 6px;
  font-size: 32px;
  line-height: 1.3125;
  font-weight: bold;
  border-bottom: 1px solid #c9c9c9
}

@media screen and (max-width:768px) {
  #line-staff_contents .p-qa-box .p-qa-box__title {
    display: flex;
    font-size: 20px;
    line-height: 1.45
  }
}

#line-staff_contents .p-qa-box .p-qa-box__title span {
  color: #eb6120;
  margin-right: 18px;
  font-family: "Arial Black"
}

@media screen and (max-width:768px) {
  #line-staff_contents .p-qa-box .p-qa-box__title span {
    margin-top: 10px;
    margin-right: 10px;
    font-size: 32px;
    line-height: 1
  }
}

#line-staff_contents .p-qa-box .p-qa-box__text {
  margin-top: 16px
}

@media screen and (max-width:768px) {
  #line-staff_contents .p-qa-box .p-qa-box__text {
    margin-top: 8px
  }
}

#line-staff_contents .p-qa-box .p-qa-box__text p {
  font-size: 24px;
  line-height: 2;
  letter-spacing: 0
}

@media screen and (max-width:768px) {
  #line-staff_contents .p-qa-box .p-qa-box__text p {
    font-size: 16px;
    line-height: 1.5
  }
}

#line-staff_contents .p-line-staff__headline {
  background: #9d652f;
  color: #fff;
  font-size: 28px;
  font-weight: 700;
  text-align: center;
  display: flex;
  height: 64px;
  justify-content: center;
  align-items: center;
  padding: 0 50px;
  background-size: auto auto;
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 1px, #836e65 3px, #836e65 6px)
}

@media screen and (max-width:768px) {
  #line-staff_contents .p-line-staff__headline {
    font-size: 24px;
    font-weight: normal;
    height: 72px;
    line-height: 1.2
  }
}

#line-staff_contents .c-triangle-box {
  position: relative
}

#line-staff_contents .c-triangle-box .c-triangle-box__list {
  position: relative;
  padding-top: 56px;
  background: #f8efec
}

@media screen and (max-width:768px) {
  #line-staff_contents .c-triangle-box .c-triangle-box__list {
    padding: 30px 26px 0
  }
}

@media screen and (max-width:768px) {
  #line-staff_contents .c-triangle-box .c-triangle-box__list li {
    padding-left: 30px
  }
}

#line-staff_contents .c-triangle-box .c-triangle-box__list li+li {
  margin-top: 25px
}

#line-staff_contents .c-triangle-box .c-triangle-box__bottom {
  position: relative;
  margin-top: 44px;
  font-size: 40px;
  line-height: 1.8;
  font-weight: 800;
  color: #222;
  text-align: center
}

@media screen and (max-width:768px) {
  #line-staff_contents .c-triangle-box .c-triangle-box__bottom {
    margin-top: 34px;
    font-size: 24px;
    line-height: 1.6666666667
  }
}

@media screen and (max-width:768px) {
  #line-staff_contents .c-triangle-box .c-triangle-box__bottom .logo {
    width: 72px;
    height: 40px;
    display: inline-block;
    position: relative
  }
  #line-staff_contents .c-triangle-box .c-triangle-box__bottom .logo img {
    position: absolute;
    top: 12px;
    left: 0;
    width: 100%
  }
}

#line-staff_contents .c-triangle-box .c-triangle-box__bottom .orange {
  color: #eb6120;
  font-weight: 800
}

#line-staff_contents .c-triangle-box .c-triangle-box__bottom:before {
  position: absolute;
  bottom: -47px;
  left: 50%;
  transform: translateX(-50%);
  background-image: url(./assets/images/line_staff/tr01.svg);
  width: 980px;
  height: 158px;
  content: "";
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: -1
}

@media screen and (max-width:768px) {
  #line-staff_contents .c-triangle-box .c-triangle-box__bottom:before {
    bottom: 27px
  }
}

#line-staff_contents .c-triangle-box .c-triangle-box__bottom:after {
  position: absolute;
  top: -45px;
  left: 0;
  width: 100%;
  height: 86px;
  background: #f8efec;
  content: "";
  z-index: -1
}

@media screen and (max-width:768px) {
  #line-staff_contents .c-triangle-box .c-triangle-box__bottom:after {
    display: none
  }
}

#line-staff_contents .c-comment-unit {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: center
}

@media screen and (max-width:768px) {
  #line-staff_contents .c-comment-unit {
    position: relative;
    width: 290px;
    margin: 0 auto
  }
}

#line-staff_contents .c-comment-unit .c-comment-unit__sub {
  width: 152px
}

@media screen and (max-width:768px) {
  #line-staff_contents .c-comment-unit .c-comment-unit__sub {
    position: absolute;
    width: 102px;
    bottom: -5px;
    left: -46px
  }
}

#line-staff_contents .c-comment-unit .c-comment-unit__main {
  position: relative;
  width: 465px;
  height: 121px;
  margin-left: 40px;
  padding: 10px 18px;
  background: #fff;
  border-radius: 22px 18px;
  display: flex;
  align-items: center
}

@media screen and (max-width:768px) {
  #line-staff_contents .c-comment-unit .c-comment-unit__main {
    margin-left: 0;
    width: 290px;
    height: auto;
    padding: 19px 16px 19px 50px
  }
}

#line-staff_contents .c-comment-unit .c-comment-unit__main:before {
  position: absolute;
  bottom: 34px;
  left: -15px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10.5px 15px 10.5px 0;
  border-color: transparent #fff transparent transparent;
  content: ""
}

@media screen and (max-width:768px) {
  #line-staff_contents .c-comment-unit .c-comment-unit__main:before {
    display: none
  }
}

#line-staff_contents .c-comment-unit .c-comment-unit__main p {
  font-size: 24px;
  line-height: 1.75;
  color: #606060;
  font-weight: bold
}

@media screen and (max-width:768px) {
  #line-staff_contents .c-comment-unit .c-comment-unit__main p {
    font-size: 16px;
    line-height: 1.5;
    white-space: nowrap
  }
}

#line-staff_contents .c-num-box {
  padding: 40px
}

@media screen and (max-width:768px) {
  #line-staff_contents .c-num-box {
    padding: 20px 26px 40px;
    background: #fdf2ed
  }
}

#line-staff_contents .c-num-box .c-num-box__list .c-num-box__item+.c-num-box__item {
  margin-top: 40px
}

#line-staff_contents .c-num-box .c-num-box__title {
  display: flex;
  align-items: center;
  font-size: 32px;
  line-height: 1.3125;
  font-weight: bold;
  letter-spacing: 0;
  margin: 0
}

@media screen and (max-width:768px) {
  #line-staff_contents .c-num-box .c-num-box__title {
    position: relative;
    font-size: 20px;
    line-height: 1.6;
    display: block;
    padding-left: 48px
  }
}

#line-staff_contents .c-num-box .c-num-box__title span {
  font-size: 32px;
  line-height: 1.3125;
  font-weight: bold;
  letter-spacing: 0;
  margin: 0;
  display: inline
}

@media screen and (max-width:768px) {
  #line-staff_contents .c-num-box .c-num-box__title span {
    font-size: 20px;
    line-height: 1.6
  }
}

#line-staff_contents .c-num-box .c-num-box__title .num {
  margin-right: 30px;
  width: 60px;
  height: 60px;
  border-radius: 60px;
  padding-top: 6px;
  display: flex;
  justify-content: center;
  font-size: 32px;
  line-height: 1;
  color: #eb6120;
  border: 4px solid #eb6120;
  background: #fff
}

@media screen and (max-width:768px) {
  #line-staff_contents .c-num-box .c-num-box__title .num {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    margin-right: 0;
    padding-top: 4px;
    width: 40px;
    height: 40px;
    font-size: 24px;
    line-height: 1;
    border: 2px solid #eb6120
  }
}

#line-staff_contents .c-num-box .c-num-box__title .orange {
  color: #eb6120
}

#line-staff_contents .c-num-box .c-num-box__unit {
  margin-top: 40px;
  display: flex;
  flex-direction: row-reverse
}

@media screen and (max-width:768px) {
  #line-staff_contents .c-num-box .c-num-box__unit {
    margin-top: 20px;
    flex-direction: column-reverse
  }
}

#line-staff_contents .c-num-box .c-num-box__unit .c-num-box__text {
  padding-left: 38px;
  width: auto;
  flex: 1
}

@media screen and (max-width:768px) {
  #line-staff_contents .c-num-box .c-num-box__unit .c-num-box__text {
    padding-left: 0;
    margin-top: 16px
  }
}

#line-staff_contents .c-num-box .c-num-box__unit .c-num-box__text p {
  font-size: 24px;
  line-height: 1.75;
  letter-spacing: 0
}

@media screen and (max-width:768px) {
  #line-staff_contents .c-num-box .c-num-box__unit .c-num-box__text p {
    font-size: 16px;
    line-height: 1.6875
  }
}

#line-staff_contents .c-num-box .c-num-box__unit .c-num-box__sub {
  width: 300px
}

@media screen and (max-width:768px) {
  #line-staff_contents .c-num-box .c-num-box__unit .c-num-box__sub {
    max-width: 400px;
    width: 100%;
    margin: 0 auto
  }
  #line-staff_contents .c-num-box .c-num-box__unit .c-num-box__sub img {
    width: 100%
  }
}

#line-staff_contents .c-staff-nav .c-staff-nav__copy {
  text-align: center;
  font-size: 32px;
  line-height: 1;
  font-weight: bold;
  color: #000
}

@media screen and (max-width:768px) {
  #line-staff_contents .c-staff-nav .c-staff-nav__copy {
    font-size: 18px;
    line-height: 1;
    white-space: nowrap
  }
}

#line-staff_contents .c-staff-nav .c-staff-nav__copy span {
  font-weight: bold
}

#line-staff_contents .c-staff-nav .c-staff-nav__copy .wrap {
  position: relative
}

#line-staff_contents .c-staff-nav .c-staff-nav__copy .wrap .orange {
  color: #eb6120
}

#line-staff_contents .c-staff-nav .c-staff-nav__copy .wrap:before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -40px;
  width: 21px;
  height: 41px;
  background-image: url(./assets/images/line_staff/left-diagonal-line.svg);
  content: "";
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover
}

@media screen and (max-width:768px) {
  #line-staff_contents .c-staff-nav .c-staff-nav__copy .wrap:before {
    left: -36px;
    width: 22px;
    height: 22px
  }
}

#line-staff_contents .c-staff-nav .c-staff-nav__copy .wrap:after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -40px;
  width: 21px;
  height: 41px;
  background-image: url(./assets/images/line_staff/right-diagonal-line.svg);
  content: "";
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover
}

@media screen and (max-width:768px) {
  #line-staff_contents .c-staff-nav .c-staff-nav__copy .wrap:after {
    right: -30px;
    width: 22px;
    height: 22px
  }
}

#line-staff_contents .c-staff-nav .c-staff-nav__copy .wrap .yel-border {
  background: linear-gradient(transparent 70%, #ff0 0)
}

#line-staff_contents .c-staff-nav .c-staff-nav__contents {
  margin-top: 36px
}

@media screen and (max-width:768px) {
  #line-staff_contents .c-staff-nav .c-staff-nav__contents {
    margin: 20px auto 0;
    width: 322px
  }
}

#line-staff_contents .c-staff-nav .c-staff-nav__contents .c-staff-nav__list {
  display: flex;
  justify-content: center;
  margin: 0 -9px
}

@media screen and (max-width:768px) {
  #line-staff_contents .c-staff-nav .c-staff-nav__contents .c-staff-nav__list {
    flex-wrap: wrap
  }
}

#line-staff_contents .c-staff-nav .c-staff-nav__contents .c-staff-nav__list .c-staff-nav__item {
  padding: 0 9px;
  width: 25%
}

@media screen and (max-width:768px) {
  #line-staff_contents .c-staff-nav .c-staff-nav__contents .c-staff-nav__list .c-staff-nav__item {
    width: 50%
  }
}

@media screen and (max-width:768px) {
  #line-staff_contents .c-staff-nav .c-staff-nav__contents .c-staff-nav__list .c-staff-nav__item:nth-child(n+3) {
    margin-top: 20px
  }
}

#line-staff_contents .c-btn-line {
  position: relative;
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  color: #606060;
  font-weight: bold;
  text-align: center;
  font-size: 24px;
  line-height: 1.3333333333;
  background: #b0edc9;
  text-decoration: none;
  box-shadow: 0 6px 0 #38bf70;
  transition: .4s
}

#line-staff_contents .c-btn-line span {
  font-weight: bold
}

@media screen and (max-width:768px) {
  #line-staff_contents .c-btn-line {
    padding: 8px 4px;
    font-size: 16px;
    line-height: 1.5;
    border-radius: 16px
  }
}

#line-staff_contents .c-btn-line:hover {
  transform: translateY(4px);
  box-shadow: 0 2px 0 #009d40
}

#line-staff_contents .c-btn-line .check {
  position: absolute;
  top: -32px;
  left: -10px;
  width: 96px;
  height: 82px
}

@media screen and (max-width:768px) {
  #line-staff_contents .c-btn-line .check {
    top: -14px;
    left: -22px
  }
}

#line-staff_contents .c-btn-line.-green {
  flex-direction: column;
  color: #FFf;
  background: #06c755;
  box-shadow: 0 6px 0 #009d40
}

#line-staff_contents .c-btn-line.-green span {
  color: #ffed05
}

#line-staff_contents .c-btn-line.-green:hover {
  transform: translateY(4px);
  box-shadow: 0 2px 0 #009d40
}

#line-staff_contents .c-anchor .c-header__brown {
  background: #76471b;
  color: #fff;
  font-size: 28px;
  font-weight: 700;
  text-align: center;
  display: flex;
  height: 64px;
  justify-content: center;
  align-items: center;
  padding: 0 50px;
  background-size: auto auto;
  background-color: #9d652f;
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 1px, #76471b 1px, #76471b 6px)
}

#line-staff_contents .p-line-staff__link01 .bnr-sp {
  display: none
}

@media screen and (max-width:768px) {
  #line-staff_contents .c-anchor .c-header__brown {
    padding: 0
  }
  #line-staff_contents .p-line-staff__link01 .bnr-pc {
    display: none
  }
  #line-staff_contents .p-line-staff__link01 .bnr-sp {
    display: block
  }
}

.p-line-staff #convenient, .p-line-staff #line-add, .p-line-staff #qa {
  scroll-margin-top: -20px
}

@media screen and (max-width:768px) {
  .p-line-staff #convenient, .p-line-staff #line-add, .p-line-staff #qa {
    scroll-margin-top: -146px
  }
}

#remodeling_loan_contents .l-wrapper {
  width: 100%;
  max-width: 980px;
  margin: 40px auto 0
}

@media screen and (max-width:768px) {
  #remodeling_loan_contents .l-wrapper {
    max-width: 100%;
    margin: 4px auto 0
  }
}

#remodeling_loan_contents .l-inner {
  width: 100%;
  max-width: 866px;
  margin: 0 auto
}

@media screen and (max-width:768px) {
  #remodeling_loan_contents .l-inner {
    max-width: 100%;
    padding: 0 10px
  }
}

#remodeling_loan_contents .l-container {
  width: 100%;
  max-width: 980px;
  margin: 0 auto
}

@media screen and (max-width:768px) {
  #remodeling_loan_contents .l-container {
    max-width: 100%
  }
}

@media screen and (max-width:768px) {
  #remodeling_loan_contents .u-sp-hidden {
    display: none
  }
}

#remodeling_loan_contents .u-pc-hidden {
  display: none
}

@media screen and (max-width:768px) {
  #remodeling_loan_contents .u-pc-hidden {
    display: block
  }
}

#remodeling_loan_contents .bg-base {
  width: 100%;
  overflow: hidden
}

@media screen and (max-width:1000px) {
  #remodeling_loan_contents .bg-base {
    width: 1000px
  }
}

@media screen and (max-width:1000px) and (max-width:768px) {
  #remodeling_loan_contents .bg-base {
    width: 100%
  }
}

#remodeling_loan_contents .p-remodeling * {
  box-sizing: border-box
}

#remodeling_loan_contents .p-remodeling .p-remodeling__story {
  margin-top: 36px
}

@media screen and (max-width:768px) {
  #remodeling_loan_contents .p-remodeling .p-remodeling__head img {
    width: 100%
  }
}

#remodeling_loan_contents .c-unit01 {
  display: flex
}

@media screen and (max-width:768px) {
  #remodeling_loan_contents .c-unit01 {
    display: block;
    overflow: hidden
  }
}

#remodeling_loan_contents .c-unit01 .c-unit01__head {
  width: 186px;
  margin-right: 56px;
}

@media screen and (max-width:768px) {
  #remodeling_loan_contents .c-unit01 .c-unit01__head {
    width: 120px;
    float: left;
    margin-right: 12px
  }
}

#remodeling_loan_contents .c-unit01 .c-unit01__main {
  width: auto;
  flex: 1;
  /* padding-left: 56px */
}

@media screen and (max-width:768px) {
  #remodeling_loan_contents .c-unit01 .c-unit01__main {
    padding-left: 0
  }
}

#remodeling_loan_contents .c-unit01 .c-unit01__main p {
  font-size: 18px;
  line-height: 1.7777777778;
  letter-spacing: 0;
  color: #000
}

#remodeling_loan_contents .p-block {
  margin-top: 42px
}

@media screen and (max-width:768px) {
  #remodeling_loan_contents .p-block {
    margin-top: 38px
  }
}

#remodeling_loan_contents .p-block .p-block__contents {
  margin-top: 40px
}

@media screen and (max-width:768px) {
  #remodeling_loan_contents .p-block .p-block__contents {
    margin-top: 20px
  }
}

#remodeling_loan_contents .p-block .p-block__option-text {
  padding-bottom: 20px
}

#remodeling_loan_contents .p-block .p-block__option-text p {
  text-align: center;
  font-size: 16px;
  line-height: 2
}

#remodeling_loan_contents .c-gird-box .c-gird-box__list {
  display: flex;
  margin: 0 -17px
}

@media screen and (max-width:768px) {
  #remodeling_loan_contents .c-gird-box .c-gird-box__list {
    flex-wrap: wrap
  }
}

@media screen and (max-width:768px) {
  #remodeling_loan_contents .c-gird-box .c-gird-box__list .c-gird-box__item+.c-gird-box__item {
    margin-top: 20px
  }
}

#remodeling_loan_contents .c-gird-box .c-gird-box__list .c-gird-box__item {
  width: 50%;
  padding: 0 17px
}

@media screen and (max-width:768px) {
  #remodeling_loan_contents .c-gird-box .c-gird-box__list .c-gird-box__item {
    width: 100%
  }
}

#remodeling_loan_contents .c-gird-box.-three .c-gird-box__list {
  margin: 0 -11px
}

#remodeling_loan_contents .c-gird-box.-three .c-gird-box__list .c-gird-box__item {
  width: 33.333%;
  padding: 0 11px
}

@media screen and (max-width:768px) {
  #remodeling_loan_contents .c-gird-box.-three .c-gird-box__list .c-gird-box__item {
    width: 100%
  }
}

#remodeling_loan_contents .c-loan-card01 {
  padding: 18px 22px 36px;
  display: flex;
  flex-direction: column-reverse;
  justify-content: flex-end;
  background: #fff;
  border: 1px solid #b5017f;
  border-radius: 10px;
  min-height: 520px
}

@media screen and (max-width:768px) {
  #remodeling_loan_contents .c-loan-card01 {
    min-height: auto;
    padding: 14px 24px 30px
  }
}

@media screen and (max-width:768px) {
  #remodeling_loan_contents .c-loan-card01 .c-loan-card01__sub {
    text-align: center
  }
}

#remodeling_loan_contents .c-loan-card01 .c-loan-card01__main {
  margin-top: 16px
}

#remodeling_loan_contents .c-loan-card01 .c-loan-card01__main .c-loan-card01__title {
  text-align: center;
  color: #eb6120;
  font-size: 24px;
  line-height: 1.3333333333;
  font-weight: bold
}

#remodeling_loan_contents .c-loan-card01 .c-loan-card01__main .c-loan-card01__title span {
  font-size: 16px;
  line-height: 2;
  font-weight: bold;
  color: #eb6120
}

#remodeling_loan_contents .c-loan-card01 .c-loan-card01__main .c-loan-card01__text {
  margin-top: 10px
}

#remodeling_loan_contents .c-loan-card01 .c-loan-card01__main .c-loan-card01__text p {
  font-size: 17px;
  line-height: 1.8823529412;
  font-weight: 300
}

#remodeling_loan_contents .c-loan-card01 .c-loan-card01__main .c-loan-card01__option {
  margin-top: 12px;
  padding: 0 1em
}

#remodeling_loan_contents .c-loan-card01 .c-loan-card01__main .c-loan-card01__option p {
  font-size: 16px;
  line-height: 1.5;
  text-indent: -1em
}

#remodeling_loan_contents .c-illustration-box {
  position: relative;
  padding: 24px 24px 0;
  border-radius: 20px;
  background: #fff;
  border: 1px solid #b5017f;
  min-height: 360px
}

@media screen and (max-width:768px) {
  #remodeling_loan_contents .c-illustration-box {
    min-height: auto;
    display: flex;
    padding: 7px 13px 0
  }
}

@media screen and (max-width:768px) {
  #remodeling_loan_contents .c-illustration-box.-reverse-sp {
    flex-direction: row-reverse
  }
  #remodeling_loan_contents .c-illustration-box.-reverse-sp .c-illustration-box__text {
    padding-right: 0;
    padding-left: 10px
  }
}

@media screen and (max-width:768px) {
  #remodeling_loan_contents .c-illustration-box .c-illustration-box__text {
    width: auto;
    flex: 1;
    padding-top: 10px;
    padding-right: 10px
  }
}

#remodeling_loan_contents .c-illustration-box .c-illustration-box__text p {
  font-size: 20px;
  line-height: 2;
  letter-spacing: 0;
  color: #000
}

@media screen and (max-width:768px) {
  #remodeling_loan_contents .c-illustration-box .c-illustration-box__text p {
    font-size: 16px;
    line-height: 1.5
  }
}

#remodeling_loan_contents .c-illustration-box .c-illustration-box__text p .border {
  background: linear-gradient(transparent 70%, #ff0 0);
  border: 0
}

#remodeling_loan_contents .c-illustration-box .c-illustration-box__image {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 4px
}

@media screen and (max-width:768px) {
  #remodeling_loan_contents .c-illustration-box .c-illustration-box__image {
    position: static;
    transform: translateX(0);
    padding-bottom: 4px
  }
}

#remodeling_loan_contents .c-illustration-box .c-illustration-box__image.-num01 {
  width: 237px;
  height: 229px
}

@media screen and (max-width:768px) {
  #remodeling_loan_contents .c-illustration-box .c-illustration-box__image.-num01 {
    width: 150px;
    height: auto
  }
}

#remodeling_loan_contents .c-illustration-box .c-illustration-box__image.-num02 {
  width: 209px;
  height: 229px
}

@media screen and (max-width:768px) {
  #remodeling_loan_contents .c-illustration-box .c-illustration-box__image.-num02 {
    width: 147px;
    height: auto
  }
}

#remodeling_loan_contents .c-header__brown {
  background: #76471b;
  color: #fff;
  font-size: 32px;
  font-weight: 700;
  text-align: center;
  display: flex;
  height: 64px;
  justify-content: center;
  align-items: center;
  padding: 0 50px;
  background-size: auto auto;
  background-color: #9d652f;
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 1px, #76471b 1px, #76471b 6px)
}

#remodeling_loan_contents .p-block__image img {
  width: 100%
}

@media screen and (max-width:768px) {
  #remodeling_loan_contents .p-block__item img {
    width: 100%
  }
}

#remodeling_loan_contents .p-block__item+.p-block__item {
  margin-top: 30px
}

#remodeling_loan_contents .p-block__item+.-short {
  margin-top: 20px
}

#remodeling_loan_contents .p-block__band {
  position: relative;
  margin-top: 54px
}

@media screen and (max-width:768px) {
  #remodeling_loan_contents .p-block__band {
    margin-top: 20px
  }
}

#remodeling_loan_contents .p-block__band:before {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 40px 77.5px 0 77.5px;
  border-color: #fff9eb transparent transparent transparent;
  content: ""
}

@media screen and (max-width:768px) {
  #remodeling_loan_contents .p-block__band:before {
    border-width: 32px 40px 0 40px
  }
}

#remodeling_loan_contents .c-dotted-box {
  background: #fff;
  border: 1px solid #b5017f
}

#remodeling_loan_contents .c-dotted-box .c-dotted-box__title {
  padding: 16px 6px;
  font-size: 30px;
  line-height: 1.6;
  text-align: center;
  background-image: url(./assets/images/remodeling_loan/title_bg.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover
}

@media screen and (max-width:768px) {
  #remodeling_loan_contents .c-dotted-box .c-dotted-box__title {
    padding: 0 6px;
    font-size: 24px;
    line-height: 2
  }
}

@media screen and (max-width:768px) {
  #remodeling_loan_contents .c-dotted-box .c-dotted-box__title.-small-sp {
    padding: 15px 10px;
    font-size: 15px;
    line-height: 1.5333333333
  }
}

#remodeling_loan_contents .c-dotted-box .c-dotted-box__inner {
  padding: 24px 10px 7px 62px
}

@media screen and (max-width:768px) {
  #remodeling_loan_contents .c-dotted-box .c-dotted-box__inner {
    padding: 26px
  }
}

#remodeling_loan_contents .c-dotted-box .c-dotted-box__contents {
  padding: 30px 10px;
  display: flex;
  justify-content: center
}

@media screen and (max-width:768px) {
  #remodeling_loan_contents .c-dotted-box .c-dotted-box__contents {
    padding: 30px 10px 30px 22px;
    justify-content: flex-start
  }
}

@media screen and (max-width:768px) {
  #remodeling_loan_contents .c-dotted-box .c-dotted-box__contents .c-dotted-box__list .c-dotted-box__item+.c-dotted-box__item {
    margin-top: 16px
  }
}

#remodeling_loan_contents .c-dotted-box .c-dotted-box__contents .c-dotted-box__list .c-dotted-box__item {
  position: relative;
  padding-left: 26px;
  font-size: 24px;
  line-height: 2.3333333333
}

@media screen and (max-width:768px) {
  #remodeling_loan_contents .c-dotted-box .c-dotted-box__contents .c-dotted-box__list .c-dotted-box__item {
    font-size: 16px;
    line-height: 1.5
  }
}

#remodeling_loan_contents .c-dotted-box .c-dotted-box__contents .c-dotted-box__list .c-dotted-box__item:before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  content: "●";
  color: #b5017f;
  font-size: 24px;
  line-height: 1
}

@media screen and (max-width:768px) {
  #remodeling_loan_contents .c-dotted-box .c-dotted-box__contents .c-dotted-box__list .c-dotted-box__item:before {
    top: 6px;
    transform: translateY(0);
    font-size: 16px;
    line-height: 1
  }
}

#remodeling_loan_contents .c-meta-dl dl+dl {
  margin-top: 22px
}

@media screen and (max-width:768px) {
  #remodeling_loan_contents .c-meta-dl dl+dl {
    margin-top: 16px
  }
}

#remodeling_loan_contents .c-meta-dl dl {
  display: flex;
  align-items: center
}

#remodeling_loan_contents .c-meta-dl dl dt {
  width: 157px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: #d904a0;
  font-size: 24px;
  line-height: 1;
  text-align: center;
  letter-spacing: 0
}

@media screen and (max-width:768px) {
  #remodeling_loan_contents .c-meta-dl dl dt {
    width: 128px;
    height: auto;
    padding: 10px;
    font-size: 16px;
    line-height: 1
  }
}

#remodeling_loan_contents .c-meta-dl dl dt.small {
  font-size: 16px;
  line-height: 1.25
}

@media screen and (max-width:768px) {
  #remodeling_loan_contents .c-meta-dl dl dt.small {
    font-size: 14px;
    line-height: 1.2857142857
  }
}

#remodeling_loan_contents .c-meta-dl dl dd {
  margin: 0;
  width: 197px;
  font-size: 32px;
  line-height: 1;
  font-weight: bold;
  text-align: right
}

@media screen and (max-width:768px) {
  #remodeling_loan_contents .c-meta-dl dl dd {
    padding-left: 12px;
    font-size: 24px;
    line-height: 1.3333333333;
    text-align: left
  }
}

#remodeling_loan_contents .c-meta-dl dl dd span {
  font-size: 24px;
  line-height: 1.3333333333
}

@media screen and (max-width:768px) {
  #remodeling_loan_contents .c-meta-dl dl dd span {
    font-size: 16px;
    line-height: 1.25
  }
}

#remodeling_loan_contents .c-meta-dl dl dd.tac {
  text-align: center
}

@media screen and (max-width:768px) {
  #remodeling_loan_contents .c-meta-dl dl dd.tac {
    text-align: left
  }
}

#remodeling_loan_contents .c-meta-dl p {
  margin-top: 20px;
  color: #b5017f;
  font-size: 16px;
  line-height: 1.5;
  font-weight: bold
}

#remodeling_loan_contents .p-loan-table {
  margin-top: 20px;
  padding-bottom: 32px
}

@media screen and (max-width:768px) {
  #remodeling_loan_contents .p-loan-table {
    padding-bottom: 34px
  }
}

#remodeling_loan_contents .p-loan-table .p-loan-table__contents {
  margin-top: 12px
}

@media screen and (max-width:768px) {
  #remodeling_loan_contents .p-loan-table .p-loan-table__contents {
    margin-top: 0;
    overflow-x: auto
  }
  #remodeling_loan_contents .p-loan-table .p-loan-table__contents .p-loan-table__image {
    width: 980px;
    overflow-x: auto;
    white-space: nowrap;
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch
  }
  #remodeling_loan_contents .p-loan-table .p-loan-table__contents img {
    width: 980px;
    display: block
  }
}

#remodeling_loan_contents .p-loan-table .p-loan-table__option {
  margin-top: 14px;
  font-size: 16px;
  line-height: 1.5;
  color: #000
}

#remodeling_loan_contents .p-loan-table .p-loan-table__option a {
  color: #f25e3d;
  text-decoration: underline;
  display: inline
}

#remodeling_loan_contents .simple-title01 {
  font-size: 32px;
  line-height: 1.5;
  font-weight: bold;
  text-align: center;
  color: #b5017f
}

@media screen and (max-width:768px) {
  #remodeling_loan_contents .simple-title01 {
    font-size: 24px;
    line-height: 2
  }
}

#remodeling_loan_contents .c-simulation-unit {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end
}

@media screen and (max-width:768px) {
  #remodeling_loan_contents .c-simulation-unit {
    flex-direction: column-reverse
  }
}

#remodeling_loan_contents .c-simulation-unit .c-simulation-unit__main {
  width: auto;
  flex: 1;
  padding-left: 33px
}

@media screen and (max-width:768px) {
  #remodeling_loan_contents .c-simulation-unit .c-simulation-unit__main {
    margin-top: 18px;
    padding-left: 0
  }
}

#remodeling_loan_contents .c-simulation-unit .c-simulation-unit__sub {
  width: 412px
}

@media screen and (max-width:768px) {
  #remodeling_loan_contents .c-simulation-unit .c-simulation-unit__sub {
    width: 100%
  }
}

#remodeling_loan_contents .c-band {
  padding: 64px 10px 46px
}

@media screen and (max-width:768px) {
  #remodeling_loan_contents .c-band {
    padding: 46px 10px 30px
  }
}

#remodeling_loan_contents .c-band .c-band__main .c-band__title {
  font-size: 40px;
  line-height: 1.4;
  font-weight: bold;
  letter-spacing: 0;
  text-align: center
}

@media screen and (max-width:768px) {
  #remodeling_loan_contents .c-band .c-band__main .c-band__title {
    font-size: 24px;
    line-height: 1.5
  }
}

#remodeling_loan_contents .c-band .c-band__main .c-band__title span {
  font-weight: bold
}

#remodeling_loan_contents .c-band .c-band__main .c-band__title .resize {
  font-size: 24px
}

#remodeling_loan_contents .c-band .c-band__main .c-band__title .orange {
  color: #eb6120
}

#remodeling_loan_contents .c-band .c-band__main .c-band__title .border {
  background: linear-gradient(transparent 90%, #ff0 0);
  border: 0
}

#remodeling_loan_contents .c-band .c-band__text {
  margin-top: 16px
}

#remodeling_loan_contents .c-band .c-band__text p {
  font-size: 24px;
  line-height: 1.3333333333;
  letter-spacing: 0;
  text-align: center
}

@media screen and (max-width:768px) {
  #remodeling_loan_contents .c-band .c-band__text p {
    font-size: 16px;
    line-height: 2
  }
}

#remodeling_loan_contents .bg-orange {
  background: #fbefba
}

#remodeling_loan_contents .c-anchor {
  margin-top: -100px;
  padding-top: 100px
}

#remodeling_loan_contents .convenience-wrapper {
  margin: 56px auto 0
}

#remodeling_loan_contents .condition-wrapper {
  margin: 52px auto 0
}

#remodeling_loan_contents .simulation-wrapper {
  margin: 58px auto 0
}

@media screen and (max-width:768px) {
  #remodeling_loan_contents .p-remodeling__story, #remodeling_loan_contents .p-block__contents {
    padding: 0 10px
  }
  #remodeling_loan_contents .p-remodeling .p-remodeling__story {
    margin-top: 18px
  }
  #remodeling_loan_contents .c-header__brown {
    font-size: 24px;
    height: 72px;
    line-height: 1.3;
    padding: 0
  }
  #remodeling_loan_contents .convenience-wrapper {
    margin: 0 auto
  }
  #remodeling_loan_contents .condition-wrapper {
    margin: 0 auto
  }
  #remodeling_loan_contents .c-band .c-band__main .c-band__title .resize {
    font-size: 16px
  }
}

#amamori_contents {
  margin-top: 40px;
  padding-bottom: 10px
}

#amamori_contents .sec-inner {
  max-width: 980px;
  width: auto;
  margin: 0 auto
}

#amamori_contents .amamori_mv .amamori_mv_bg {
  text-align: center;
  background: url(./assets/images/amamori/amamori_grid.png);
  background-size: cover;
  background-repeat: no-repeat
}

#amamori_contents .amamori_mv p {
  font-size: 16px;
  line-height: 1.8;
  margin: 20px 0
}

#amamori_contents .amamori_bar_txt {
  font-size: 30px;
  padding: 16px 0
}

#amamori_contents .self_check_txt {
  font-size: 20px;
  text-align: center;
  color: #2e7ab1;
  margin-bottom: 14px
}

#amamori_contents .bg_white {
  margin-bottom: 70px
}

#amamori_contents .bg_light_blue .amamori_bar {
  background: linear-gradient(#fff9eb 50%, #eff8ff 50%)
}

#amamori_contents .bg_beige .amamori_bar {
  margin: 60px 0 40px
}

#amamori_contents .bg_white .amamori_bar {
  background: linear-gradient(#fff9eb 50%, #FFF 50%)
}

#amamori_contents.amamori_bar_txt {
  font-size: 30px;
  padding: 16px 0
}

#amamori_contents .bg_light_blue .amamori_bar_txt {
  max-width: 980px;
  font-weight: bold;
  text-align: center;
  color: #ffed05;
  background-color: #2e7ab1;
  margin: 0 auto
}

#amamori_contents .bg_beige .c-header__brown, #amamori_contents .bg_white .c-header__brown {
  background: #76471b;
  color: #fff;
  font-size: 28px;
  font-weight: 700;
  text-align: center;
  display: flex;
  max-width: 980px;
  height: 64px;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  padding: 0 50px;
  background-size: auto auto;
  background-color: #9d652f;
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 1px, #76471b 1px, #76471b 6px)
}

#amamori_contents .bg_light_blue .amamori_block {
  font-family: 'Noto Sans JP';
  text-align: center;
  background-color: #eff8ff;
  padding-bottom: 4px
}

#amamori_contents .bg_white .amamori_block {
  font-family: 'Noto Sans JP';
  text-align: center;
  background-color: #fff;
  padding-bottom: 4px
}

#amamori_contents .amamori_block_image {
  padding: 40px
}

#amamori_contents .amamori_block_txt {
  font-size: 30px;
  font-weight: 500;
  line-height: 1.5
}

#amamori_contents .amamori_block_txt span {
  color: #f25e3d;
  font-weight: 500
}

#amamori_contents .amamori_btn {
  position: relative;
  max-width: 640px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #eb6120;
  border-radius: 50px;
  padding: 18px 30px;
  margin: 30px auto 50px;
  box-shadow: 0 8px 0 #6e2604;
  transition: .3s
}

#amamori_contents .amamori_btn:hover {
  box-shadow: none;
  transform: translate3d(0, 5px, 0)
}

#amamori_contents .left_btn_txt {
  position: absolute;
  font-size: 20px;
  font-weight: bold;
  color: #eb6120;
  background-color: #fff56f;
  margin-right: auto;
  padding: 4px 20px;
  left: 40px
}

#amamori_contents .center_btn_txt {
  font-size: 24px;
  font-weight: bold;
  color: #fff;
  margin-left: 80px
}

#amamori_contents .right_btn_txt {
  position: absolute;
  font-size: 22px;
  color: #fff;
  right: 40px
}

#amamori_contents .line_txt {
  font-size: 24px;
  margin: 0 auto 30px;
  padding-bottom: 16px
}

#amamori_contents .bg_light_blue .line_txt {
  font-weight: bold;
  border-bottom: solid #82c1ea 4px
}

#amamori_contents .bg_beige .line_txt {
  text-align: center;
  border-bottom: solid #eb6120 4px
}

#amamori_contents .bg_white .line_txt {
  border-bottom: solid #eb6120 4px
}

#amamori_contents .three_choices, .four_choices {
  display: flex;
  margin: 0 auto
}

#amamori_contents .three_choices {
  gap: 31px
}

#amamori_contents .four_choices {
  gap: 20px;
  margin-bottom: 50px
}

#amamori_contents .three_choices_wrap {
  max-width: 306px;
  background-color: #fff;
  border: solid #82c1ea 3px
}

#amamori_contents .four_choices_wrap {
  max-width: 230px
}

#amamori_contents .three_choices_wrap .choices_title {
  font-size: 20px;
  font-weight: bold;
  padding: 20px 0
}

#amamori_contents .four_choices_wrap .choices_title {
  font-size: 20px;
  padding: 10px 0
}

#amamori_contents .three_choices_wrap .choices_txt {
  text-align: start;
  line-height: 1.8;
  padding: 0 18px 20px
}

#amamori_contents .four_choices_wrap .choices_txt {
  text-align: start;
  line-height: 1.8
}

.three_choices_wrap .choices_txt span {
  color: #eb6120
}

#amamori_contents .bg_light_blue .flex_wrap {
  display: flex;
  align-items: center;
  gap: 50px;
  font-size: 20px;
  text-align: left;
  margin: 30px 0 40px;
  padding: 20px 30px;
  background-color: #fff
}

#amamori_contents .bg_white .flex_wrap {
  display: flex;
  gap: 80px;
  font-size: 20px;
  text-align: left;
  padding: 20px 0 26px
}

#amamori_contents .bg_light_blue .flex_wrap .flex_wrap_txt {
  max-width: 600px;
  line-height: 1.8
}

#amamori_contents .bg_white .flex_wrap .flex_wrap_txt {
  max-width: 720px;
  line-height: 1.8
}

#amamori_contents .bg_light_blue .flex_wrap .flex_wrap_txt span {
  color: #eb6120
}

#amamori_contents .flex_wrap .flex_wrap_img {
  flex: none
}

#amamori_contents .repair_wrap {
  display: flex;
  gap: 30px;
  font-size: 16px;
  text-align: left;
  margin-bottom: 36px
}

#amamori_contents .repair_wrap .repair_wrap_img {
  flex: none
}

#amamori_contents .repair_wrap .repair_wrap_txt {
  max-width: 600px;
  line-height: 1.8
}

#amamori_contents .diagnosis_wrap {
  position: relative;
  display: flex;
  font-size: 16px;
  background: #fff;
  text-align: left;
  margin-bottom: 36px;
  border: solid #eb6120 3px
}

#amamori_contents .diagnosis_wrap .diagnosis_wrap_img {
  flex: none
}

#amamori_contents .diagnosis_wrap ul {
  display: flex;
  flex-flow: column;
  gap: 22px;
  padding: 30px 30px 0 30px
}

#amamori_contents .diagnosis_wrap .diagnosis_wrap_title {
  font-size: 20px;
  font-weight: bold;
  font-family: 'Noto Sans JP'
}

#amamori_contents .diagnosis_wrap .diagnosis_wrap_txt {
  line-height: 1.8
}

#amamori_contents .diagnosis_wrap .diagnosis_wrap_min {
  font-size: 12px;
  line-height: 1.6
}

#amamori_contents .diagnosis_wrap .diagnosis_wrap_flag {
  position: absolute;
  top: -10px;
  left: 14px
}

#amamori_contents .sekou_wrap {
  display: flex;
  gap: 40px;
  margin-bottom: 40px
}

#amamori_contents .sekou_wrap .sekou_wrap_img {
  display: flex;
  gap: 10px;
  flex: none
}

#amamori_contents .sekou_wrap .sekou_wrap_img .fit_img img {
  height: 240px;
  object-fit: cover
}

#amamori_contents .sekou_wrap_table {
  margin-top: 18px
}

#amamori_contents .sekou_wrap_table .color {
  width: 162px;
  color: #fff;
  background-color: #eb6120;
  padding-left: 16px
}

#amamori_contents .sekou_wrap_table td {
  width: 253px;
  line-height: 1.6;
  padding: 14px 0 14px 16px;
  border: 1px solid #f1f2f6;
  background: #fff
}

#amamori_contents .sekou_wrap .sekou_wrap_txt p {
  font-size: 20px;
  line-height: 1.8
}

#amamori_contents .p-kasai * {
  box-sizing: border-box
}

#amamori_contents #detail_container .ttl-sekou {
  font-size: 24px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 20px
}

#amamori_contents .phot_before_after_title {
  margin: 0 0 10px
}

#amamori_contents .phot_before_after {
  margin: 0 0 20px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  position: relative
}

#amamori_contents .phot_before_after::after {
  content: url(./assets/images/case/case_arrow.gif);
  position: absolute;
  top: 43%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 5;
  text-align: center;
  visibility: initial
}

#amamori_contents .phot_before_after li {
  width: 48%;
  float: left
}

#amamori_contents .phot_before_after li img {
  width: 100%;
  height: auto
}

#amamori_contents #detail_container {
  margin-top: 40px
}

#amamori_contents #detail_container .about {
  float: left;
  width: 100%;
  position: relative;
  margin-right: 30px;
  margin-bottom: 30px
}

#amamori_contents #detail_container .ttl-sekou {
  font-size: 24px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 20px
}

#amamori_contents #detail_container .about:last-child {
  margin-right: 0
}

#amamori_contents #detail_container .about tbody {
  display: flex
}

#amamori_contents #detail_container .about tbody tr {
  display: flex;
  flex-direction: column;
  width: 25%;
  text-align: center
}

#amamori_contents #detail_container .about tbody tr:last-child .color {
  color: #fff;
  background-color: #eb6120
}

#amamori_contents #detail_container .about tbody tr td:last-child {
  height: 116px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff
}

#amamori_contents #detail_container .about th, #amamori_contents #detail_container .about td {
  padding: 8px;
  font-size: 15px;
  line-height: 24px;
  font-weight: bold;
  vertical-align: middle;
  border: 1px solid #f1f2f6
}

#amamori_contents #detail_container .about .p-about {
  text-align: left;
  font-size: 15px;
  font-weight: 400
}

#amamori_contents #detail_container .about .p-about-price {
  font-size: 24px
}

#amamori_contents #detail_container .about .about-last {
  color: #eb6120
}

#amamori_contents #detail_container .about th {
  line-height: 1.5;
  background-color: #f8deb5;
  font-weight: 900
}

#amamori_contents #detail_container .about td.color {
  background-color: #fdf4e6
}

#amamori_contents #detail_container .gallery .photo {
  position: relative
}

#amamori_contents #detail_container .gallery .photo img {
  width: 100%;
  height: auto
}

#amamori_contents #detail_container .gallery .photo .stamp {
  position: absolute;
  width: 150px;
  right: 20px;
  bottom: 20px
}

#amamori_contents #detail_container .before-ttl {
  margin-top: 60px;
  padding: 15px 0 15px 30px;
  background-color: #eb6120;
  font-size: 22px;
  color: #fff;
  font-weight: bold
}

#amamori_contents #detail_container .before_list li {
  margin-top: 35px
}

#amamori_contents #detail_container .before_list li img {
  width: 100%;
  height: auto
}

#amamori_contents .gallery_two_column, #amamori_contents .gallery_one_column {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  width: auto;
  margin: 20px auto
}

#amamori_contents .photo_gallery {
  width: 30%;
  height: auto;
  margin-right: 5%
}

#amamori_contents .photo_gallery:nth-child(3n) {
  margin-right: 0
}

#amamori_contents #detail_container .gallery .comment {
  margin-top: 60px;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 60px
}

#amamori_contents #detail_container .gallery .photo_comment {
  text-align: center;
  margin-top: 10px
}

#amamori_contents .ab-tbl_wrap .about::before {
  content: url(./assets/images/amamori/icon_plus.svg);
  position: absolute;
  left: 75%;
  top: 62%;
  width: 40px;
  height: 40px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 5;
  text-align: center;
  visibility: initial
}

#amamori_contents #kasai-cont #sekou_detail .sec-inner:first-child {
  margin-bottom: 80px
}

.pc_br {
  display: block
}

.sp_br {
  display: none
}

#amamori_contents .sp_menu {
  display: none
}

#amamori_contents .mar_t_100 {
  margin-top: 100px
}

#amamori_contents .amamori_block a:hover {
  opacity: 1
}

@media screen and (max-width:767px) {
  #amamori_contents {
    margin-top: 0
  }
  #amamori_contents .sec-inner {
    width: auto;
    padding: 0 10px
  }
  #amamori_contents .amamori_bar_txt {
    font-size: 20px;
    line-height: 1.3;
    padding: 12px 0
  }
  #amamori_contents .bg_beige .amamori_bar {
    margin: 40px 0 26px
  }
  #amamori_contents .bg_beige .c-header__brown, #amamori_contents .bg_white .c-header__brown {
    font-size: 24px;
    line-height: 1.3;
    height: auto;
    padding: 12.42px 0
  }
  #amamori_contents .amamori_block_txt {
    font-size: 18px;
    margin: 30px 0 40px
  }
  #amamori_contents .amamori_block_image {
    padding: 30px 0 0 0
  }
  #amamori_contents .left_btn_txt {
    top: -20px;
    left: auto
  }
  #amamori_contents .center_btn_txt {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    margin-left: unset
  }
  #amamori_contents .right_btn_txt {
    position: absolute;
    font-size: 20px;
    color: #fff;
    right: 16px
  }
  #amamori_contents .line_txt {
    font-size: 18px;
    line-height: 1.5;
    padding-bottom: 6px
  }
  #amamori_contents .bg_white {
    margin-bottom: 50px
  }
  #amamori_contents .bg_white .line_txt {
    font-size: 16px;
    margin: 0 auto -10px;
    padding-bottom: 6px
  }
  #amamori_contents .bg_white .flex_wrap {
    align-items: center;
    gap: 0
  }
  #amamori_contents .bg_white .flex_wrap .flex_wrap_txt {
    font-size: 16px
  }
  #amamori_contents .three_choices {
    flex-flow: column;
    align-items: center;
    gap: 30px
  }
  #amamori_contents .three_choices_wrap {
    position: relative
  }
  #amamori_contents .three_choices_wrap .choices_title {
    font-size: 18px
  }
  #amamori_contents .four_choices {
    flex-wrap: wrap;
    justify-content: space-around;
    margin: auto
  }
  #amamori_contents .four_choices_wrap {
    max-width: 170px;
    margin-bottom: 20px
  }
  #amamori_contents .bg_light_blue .flex_wrap {
    gap: 10px;
    font-size: 16px;
    padding: 20px 10px
  }
  #amamori_contents .flex_wrap {
    flex-flow: column;
    gap: 10px;
    font-size: 16px;
    padding: 20px 16px
  }
  #amamori_contents .repair_wrap {
    flex-flow: column;
    align-items: center;
    gap: 16px
  }
  #amamori_contents .reverse_wrap {
    flex-flow: column-reverse
  }
  #amamori_contents .diagnosis_wrap {
    flex-flow: column;
    max-width: 361px;
    margin: 0 auto 48px
  }
  #amamori_contents .diagnosis_wrap ul {
    padding: 14px 12px
  }
  #amamori_contents .diagnosis_wrap .diagnosis_wrap_title {
    font-size: 18px;
    line-height: 1.6
  }
  #amamori_contents .diagnosis_wrap .diagnosis_wrap_min {
    font-size: 12px;
    line-height: unset
  }
  #amamori_contents .sekou_wrap {
    flex-flow: column;
    gap: 20px
  }
  #amamori_contents .sekou_wrap_img {
    justify-content: center
  }
  #amamori_contents .sekou_wrap .sekou_wrap_img .fit_img img {
    height: 175px
  }
  #amamori_contents .sekou_wrap .sekou_wrap_txt {
    margin: 0 auto
  }
  #amamori_contents .photo_complete {
    width: 100%;
    margin: 0 0 60px;
    border-radius: 10px;
    box-sizing: border-box
  }
  #amamori_contents .photo_complete::after {
    top: -4px;
    right: 4%;
    z-index: 5;
    content: '';
    display: inline-block;
    background: url(./assets/images/case/complete_flag.png) no-repeat;
    background-size: contain;
    height: 110px;
    width: 60px
  }
  #amamori_contents .phot_before_after li {
    width: 100%;
    float: none
  }
  #amamori_contents .phot_before_after li:first-child {
    margin-bottom: 20px
  }
  #amamori_contents .phot_before_after::after {
    top: 45%;
    transform: rotate(90deg)
  }
  #amamori_contents #detail_container .about tbody {
    flex-direction: column
  }
  #amamori_contents #detail_container .about tbody tr {
    width: 100%
  }
  #amamori_contents #detail_container .about tbody tr td:last-child {
    height: auto;
    padding: 5%
  }
  #amamori_contents .about-last::before {
    display: none
  }
  #amamori_contents .gallery_two_column, .gallery_one_column {
    display: block
  }
  #amamori_contents .photo_gallery {
    width: 96%;
    margin: 0 auto 10px
  }
  #amamori_contents .photo_gallery:nth-child(3n) {
    margin-right: auto
  }
  #amamori_contents #detail_container .gallery .photo_comment {
    padding: 10px 0 10px;
    margin: 0 auto
  }
  #amamori_contents #detail_container .about:first-child {
    margin-bottom: 20px
  }
  #amamori_contents #detail_container .about td.color {
    width: auto
  }
  #amamori_contents #detail_container .about th, #detail_container .about td {
    display: block;
    padding: 10px;
    font-size: 13px;
    line-height: 18px
  }
  #amamori_contents .ab-tbl_wrap .about::before {
    width: 20px;
    height: 20px;
    left: 50%;
    top: 78%
  }
  #amamori_contents #kasai-cont #sekou_detail .sec-inner:first-child {
    margin-bottom: 40px
  }
  #amamori_contents .photo_gallery .photo img {
    width: 288px;
    height: 160px
  }
  #amamori_contents .btn {
    display: block;
    cursor: pointer;
    width: 160px;
    position: absolute;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    padding: 2.5px 0;
    border-radius: 20px;
    left: calc(50% - 80px);
    bottom: -18px
  }
  #amamori_contents .bg_light_blue .btn {
    background-color: #82c1ea
  }
  #amamori_contents .bg_beige .btn {
    text-align: center;
    background-color: #eb6120
  }
  #amamori_contents .diagnosis_wrap ul .submenuItems {
    padding: 0
  }
  #amamori_contents .submenuItems.is-open>.choices_txt {
    padding-bottom: 20px;
    transition: border-top .3s ease-out, padding-top .3s ease-out, padding-bottom .3s ease-out
  }
  #amamori_contents .submenuItems.is-open>.diagnosis_wrap_txt {
    padding-bottom: 20px;
    transition: border-top .3s ease-out, padding-top .3s ease-out, padding-bottom .3s ease-out
  }
  #amamori_contents .submenuItems>.choices_txt {
    line-height: 0;
    opacity: 0;
    visibility: hidden;
    transition: line-height .3s ease-out, opacity .1s linear, visibility .1s linear
  }
  #amamori_contents .submenuItems>.diagnosis_wrap_txt {
    line-height: 0;
    opacity: 0;
    visibility: hidden;
    transition: line-height .3s ease-out, opacity .1s linear, visibility .1s linear
  }
  #amamori_contents .submenuItems.is-open>.choices_txt {
    line-height: 1.8;
    opacity: 1;
    visibility: visible;
    transition: line-height .3s ease-out, opacity .1s linear .1s, visibility .1s linear .1s
  }
  #amamori_contents .submenuItems.is-open>.diagnosis_wrap_txt {
    line-height: 1.8;
    opacity: 1;
    visibility: visible;
    transition: line-height .3s ease-out, opacity .1s linear .1s, visibility .1s linear .1s
  }
  .pc_br {
    display: none
  }
  .sp_br {
    display: block
  }
  #amamori_contents .pc_menu {
    display: none
  }
  #amamori_contents .sp_menu {
    display: block
  }
  #amamori_contents .mar_t_100 {
    margin: auto
  }
}

@media screen and (max-width:380px) {
  #amamori_contents .four_choices {
    gap: 10px
  }
}

@media screen and (max-width:375px) {
  #amamori_contents .center_btn_txt {
    margin-right: auto
  }
}

.page_partner {
  text-align: center
}

#detail {
  float: none;
  width: 980px;
  margin: 40px auto 0;
  line-height: 1.7
}

.begin-partner .partner_bar .c-header__brown {
  background: #76471b;
  color: #fff;
  font-size: 32px;
  font-weight: 700;
  text-align: center;
  display: flex;
  max-width: 980px;
  height: 64px;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  padding: 0 50px;
  background-size: auto auto;
  background-color: #9d652f;
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 1px, #76471b 1px, #76471b 6px)
}

@media screen and (max-width:767px) {
  .begin-partner .partner_bar .c-header__brown {
    font-size: 24px;
    height: 56px;
    padding: 0
  }
}

.partner-top .top_text {
  font-size: 18px;
  margin: 30px 0;
  padding: 0 50px
}

.partner-top .top_text p {
  text-align: justify
}

.partner-top .attention {
  font-size: 14px;
  line-height: 2;
  margin: 30px 0 40px;
  padding: 0 50px
}

.begin-partner .begin-lineInner {
  background: #fff;
  padding-bottom: 40px
}

.begin-partner ul {
  width: 85%;
  margin: 0 auto
}

.begin-partner ul li {
  font-size: 28px;
  color: #5a3720;
  position: relative;
  padding: 25px 0 25px 120px;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  border-bottom: dashed 2px #eb6120
}

.begin-partner ul li:nth-child(2), .begin-partner ul li:nth-child(4) {
  padding: 45px 0 45px 120px
}

.begin-partner ul li:last-child {
  border: 0
}

.begin-partner ul li::before {
  content: "";
  background: url(./assets/images/partner/list_icon.png) no-repeat left center;
  background-size: 90%;
  width: 89px;
  height: 105px;
  display: inline-block;
  position: absolute;
  left: -10px
}

@media screen and (max-width:767px) {
  .begin-partner {
    margin: 40px auto -40px
  }
  #detail {
    width: 100%;
    margin: 0 auto
  }
  #flow_contents {
    margin-top: 30px
  }
  .partner-top {
    text-align: justify
  }
  .partner-top .top_text {
    margin: 20px 0;
    padding: 0 20px
  }
  .partner-top .attention {
    font-size: 70%;
    line-height: 1.8;
    margin: 0;
    padding: 0 16px;
    font-size: 14px
  }
  .begin-partner .begin-lineInner {
    padding: 0
  }
  .partner-top .attention p {
    margin-left: 1em;
    text-indent: -1em
  }
  .begin-partner ul {
    width: 88%
  }
  .begin-partner ul li {
    font-size: 20px;
    padding: 20px 0 20px 64px;
    height: 105px;
    height: auto
  }
  .begin-partner ul li:nth-child(2), .begin-partner ul li:nth-child(4) {
    padding: 20px 0 20px 64px
  }
  .begin-partner ul li::before {
    background-size: 70%;
    width: 60px;
    left: 0;
    height: 90px
  }
  .partner_subscription {
    width: 96%
  }
  .partner_subscription .free-dial {
    display: block
  }
  .partner_subscription p.txt {
    width: 100%
  }
  .partner_subscription p.phoneNumbar {
    font-size: 36px;
    display: block
  }
  .partner_subscription p.phoneNumbar img {
    width: 20%;
    height: auto;
    position: relative;
    top: 8px;
    padding: 0
  }
  .partner_subscription p.phoneNumbar span {
    display: block;
    padding-left: 0;
    margin-left: 0
  }
  #contact_form {
    margin-top: 5px
  }
  .partner_subscription p.phoneNumbar img {
    padding-right: 10px
  }
  .pc_br {
    display: none
  }
}

@media screen and (max-width:320px) {
  .begin-partner ul li {
    font-size: 16px
  }
  .partner_subscription p.phoneNumbar {
    font-size: 32px
  }
  #form-about {
    font-size: 12px
  }
}

.c-basicform__company {
  flex-wrap: wrap
}

@media screen and (max-width:920px) {
  .c-basicform__company .c-basicform__Required {
    order: 3
  }
}

.c-basicform__tableContent .c-basicform__years {
  width: 210px;
  flex-wrap: nowrap;
  align-items: center;
  gap: 10px
}

.c-basicform__tableContent .c-basicform__time {
  width: 184px
}

.p-company__pointsFlexwrapp.--full {
  padding-right: 0
}

@media screen and (max-width:920px) {
  .p-company__pointsFlexwrapp {
    min-height: 0
  }
}

[color="人気No.1"] {
  background: #f38c1f
}

.p-plan__headline, .p-casedetail__voiceheadline, .p-service__wrapp .c-header__brown, .p-company .c-header__brown, .p-recruit__headline, .p-showroom__headline3 {
  background-color: #9c652e;
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 2px, rgba(128, 81, 36, 0.5) 2px, rgba(128, 81, 36, 0.5) 4px)
}

.p-plan__headline, .p-casedetail__voiceheadline, .p-service__wrapp .c-header__brown, .p-company .c-header__brown, .p-recruit__headline, .p-showroom__headline3 {
  background-color: #9c652e;
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 2px, rgba(128, 81, 36, 0.5) 2px, rgba(128, 81, 36, 0.5) 4px)
}

.number-icon {
  position: absolute;
  left: -10px;
  top: -10px;
  max-width: 64px;
  height: 70px
}

@media screen and (max-width:600px) {
  .titleWrapp {
    font-size: 16px
  }
  .p-top-pickup__title{
    min-height: 48px;
    height: auto;
  }
  .p-top-pickup{
      margin-top: 72px;
      padding-bottom: 34px;
  }
}

.p-top-plans__caption {
  display: block;
  font-size: 14px;
  color: #fff;
  margin-bottom: 32px
}

.p-plan__caption {
  display: block;
  font-size: 14px;
  margin-top: 16px;
  margin-bottom: 16px
}

@media screen and (max-width:920px) {
  .p-plan__caption {
    margin-inline: 20px
  }
}
/* 受付終了ボタンの実装 */
.p-top-events .ptop-events__link {
    letter-spacing: .08em;
    justify-content: center;
    min-width: 132px;
}
.p-top-events .ptop-events__btn.--closed .ptop-events__link {
    transition: all .3s;
    background-color: #888;
    border: none;
    color: #FFF;
    font-weight: 700;
}
.p-top-events .p-top-events__flexcontent:hover .ptop-events__btn.--closed .ptop-events__link {
    opacity: .8;
}
.p-top-events .ptop-events__btn.--closed .ptop-events__link::after {
    background-color: #fff;
    top: 0;
    bottom: 0;
    margin: auto;
}
.p-top-events .ptop-events__btn.--closed .ptop-events__link::before {
    border-top: solid 1px #888;
    border-right: solid 1px #888;
}
.p-eventarchive__articlethumb.--closed {
    position: relative;
    border-radius: 20px 20px 0 0;
    overflow: hidden;
}
.p-eventarchive__articlethumb.--closed::before {
    position: absolute;
    display: block;
    background-color: rgba(0, 0, 0, .5);
    content: "";
    width: 100%;
    height: 100%;
}
.p-eventarchive__articlethumb.--closed::after {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: "受付終了";
    font-size: 19px;
    letter-spacing: .05em;
    font-weight: 700;
    color: #fff;
    width: 100%;
    height: 100%;
}

.c-button.--disabled {
  background-color: #888;
  pointer-events: none;
}
.c-button.--disabled .c-button__link {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

@media screen and (max-width: 1080px) {
  .l-footer-spnav {
    left: 0;
    right: 0;
  }
}

/* 外部リンク */
.paln-external-link {
  margin: 16px;
}
.paln-external-link div.c-button a.c-button__link {
  padding-right: 0;
}
.icon-external-link {
  display: block;
  background-repeat: no-repeat;
  background-image: url("./assets/images/common/icon_external-link.svg");
  background-size: 16px;
  width: 16px;
  height: 16px;
  margin-left: 8px;
}
@media screen and (min-width: 921px) {
  .paln-external-link div.c-button:hover .icon-external-link {
      background-image: url("./assets/images/common/icon_external-link-orange.svg");
  }
}
.paln-external-link div.c-button a.c-button__link span::before,
.paln-external-link div.c-button a.c-button__link span::after {
  display: none;
}

/* recaptchaのバッジを非表示にする */
.grecaptcha-badge {
  visibility: hidden;
}
.c-recaptcha-note {
  color: #888;
  font-size: 11px;
  text-align: center;
  margin: 24px 16px 0;
}
.c-recaptcha-note a {
  text-decoration: underline;
  transition: all .3s;
}
.c-recaptcha-note a:hover {
  text-decoration: none;
}

/* キャンペーン一覧ページ */
.p-campaignarchive__thumbnail a,
.p-campaignarchive__articletitle a {
  transition: all .3s;
}
.p-campaignarchive__thumbnail a:hover,
.p-campaignarchive__articletitle a:hover {
  opacity: .7;
}

/* フッター */
.l-footer__companyflex a,
.l-footer__companyflex img {
    transition: all .5s;
}
.l-footer__companyflex a:hover,
.l-footer__companyflex a:hover img {
    opacity: .8;
}

/* スタッフ紹介 */
@media screen and (min-width: 1081px) {
	.p-top-staff-sp {
		display: none;
	}
}

@media screen and (max-width: 1080px) {
	.p-top-staff-pc {
		display: none;
	}
  .p-top-staffs .swiper-buttonnext__staff {
    width: 32px;
    height: 32px;
    top: 70px;
    right: 20px
  }
  .p-top-staffs .swiper-buttonnext__staff::before {
    width: 24px;
    height: 24px;
    top: 4px;
    left: 4px;
    border: solid #fff 2px
  }
  .p-top-staffs .swiper-buttonnext__staff::after {
    content: "";
    width: 8px;
    height: 8px;
    border-top: solid 1px #fff;
    border-right: solid 1px #fff;
    transform: rotate(45deg);
    position: absolute;
    top: 12px;
    right: 14px
  }
  .p-top-staffs .swiper-buttonprev__staff {
    width: 32px;
    height: 32px
  }
  .p-top-staffs .swiper-buttonprev__staff::before {
    width: 24px;
    height: 24px;
    top: 4px;
    left: 4px;
    border: solid #fff 2px
  }
  .p-top-staffs .swiper-buttonprev__staff::after {
    content: "";
    width: 8px;
    height: 8px;
    border-top: solid 1px #fff;
    border-right: solid 1px #fff;
    transform: rotate(225deg);
    position: absolute;
    top: 12px;
    right: 10px
  }
  .p-top-staffs .swiper-buttonprev__staff {
    top: 68px;
    left: 20px
  }
  .p-top-staffs__flexwrapper {
    margin-bottom: 50px;
  }
}

@media screen and (max-width: 1080px) {
  .l-globalnav nav {
      background: #fff9eb;
  }
}

.p-top-bnr{
  text-align: center;
  margin: 20px auto;
  padding-inline: 20px;
}

/* 塗建を選んだ理由Best3 ここから */
.p-top-best {
  padding-top: 40px;
  font-weight: 700;
}

.p-top-best__headline {
  position: relative;
  width: fit-content;
  font-size: 24px;
  color: #382712;
  line-height: 1.2;
  text-align: center;
  margin: 0 auto 32px;
  padding: 0 10px;
}

.p-top-best__headline::before {
  position: absolute;
  top: 6px;
  left: -78px;
  background-image: url(./assets/images/top/img_deco_left.png);
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
  width: 40px;
  height: 86px;
}

.p-top-best__headline::after {
  position: absolute;
  top: 6px;
  right: -78px;
  background-image: url(./assets/images/top/img_deco_right.png);
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
  width: 40px;
  height: 86px;
}

.p-top-best__headline--orange {
  font-size: 40px;
  font-weight: 700;
  color: var(--main-color);
}

.p-top-best__headline--orange-big {
  font-size: 48px;
}

.p-top-best__headline--big {
  font-size: 32px;
}

.p-top-best__headline--bold {
  font-size: 40px;
  font-weight: 700;
}

.p-top-best__graph {
  max-width: 1000px;
  display: flex;
  justify-content: center;
  gap: 48px;
  margin: 0 auto 68px;
  padding: 0 10px;
}

.p-top-best__image {
  text-align: center;
}

.p-top-best__cont {
  margin-top: 26px;
}

.p-top-best__rank {
  position: relative;
  display: flex;
  align-items: center;
  gap: 16px;
  font-size: 27px;
  color: #382712;
  padding: 8px 32px 8px 12px;
  border-bottom: 1px dashed #382712;
}

.p-top-best__rank::before {
  content: "";
  width: 10px;
  height: 10px;
  border-top: solid 1px #382712;
  border-right: solid 1px #382712;
  transform: rotate(45deg);
  position: absolute;
  top: calc(50% - 4px);
  right: 14px;
}

.p-top-best__rank--min {
  font-size: 22px;
}

.p-top-best__rank--orange {
  display: contents;
  color: #EB6120;
}

.p-top-best__block {
  background: var(--main-color);
  position: relative;
}

.p-top-best__block::before {
  position: absolute;
  top: -24px;
  left: 50%;
  transform: translateX(-50%);
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 44px 24px 44px;
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) var(--main-color) rgba(0, 0, 0, 0);
}

.p-top-best__flexwrap {
  max-width: 960px;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  padding: 56px 30px 48px;
}

.p-top-best__item {
  background: #fff;
  position: relative;
  display: flex;
  flex-direction: column;
  width: calc(100% / 3 - 10px);
  border-radius: 10px 10px 0 0;
}

.p-top-best__title {
  background: #FBEFBA;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 74px;
  font-size: 22px;
  line-height: 1.2;
  color: var(--main-color);
  text-align: center;
  padding-top: 15px;
  border-radius: 10px 10px 0 0;
}

.p-top-best__subtitle {
  position: absolute;
  left: 50%;
  translate: -50% -50%;
  background: #FFB347;
  width: 194px;
  color: #fff;
  text-align: center;
  padding: 2px 0;
  border-radius: 4px;
  font-size: 20px;
}

.p-top-best__detail {
  display: flex;
  gap: 8px;
}

.p-top-best__text {
  font-size: 16px;
}

.p-top-best__icon {
  flex: none;
}

.p-top-best__wrap {
  flex-grow: 1;
  padding: 21px 16px;
}

.p-top-best__button {
  position: relative;
  width: 222px;
  font-size: 16px;
  color: var(--main-color);
  font-weight: 600;
  text-align: center;
  line-height: 1;
  margin: 15px auto 0;
  padding: 10px;
  border-radius: 30px;
  border: 1px solid var(--main-color);
}

.p-top-best__button::before {
  content: "";
  width: 8px;
  height: 8px;
  border-top: solid 2px var(--main-color);
  border-right: solid 2px var(--main-color);
  transform: rotate(45deg);
  position: absolute;
  top: calc(50% - 4px);
  right: 20px;
}

@media screen and (max-width:920px) {
  .p-top-best {
    padding-top: 32px;
  }

  .p-top-best__headline {
    font-size: 14px;
    margin: 0 auto;
  }

  .p-top-best__headline::before {
    left: -12px;
  }

  .p-top-best__headline::after {
    right: -12px;
  }

  .p-top-best__headline--orange {
    font-size: 24px;
  }

  .p-top-best__headline--orange-big {
    font-size: 32px;
  }

  .p-top-best__headline--big {
    font-size: 24px;
  }

  .p-top-best__headline--bold {
    font-size: 26px;
  }

  .p-top-best__graph {
    flex-direction: column;
    gap: 0;
    margin-bottom: 44px;
  }

  .p-top-best__cont {
    margin-top: 0;
  }

  .p-top-best__rank {
    width: 100%;
    font-size: 19px;
    padding: 6px 32px 6px 12px;
  }

  .p-top-best__rank--min {
    font-size: 16px;
    padding: 10px 16px 10px 12px;
  }

  .p-top-best__block::before {
    top: -20px;
  }

  .p-top-best__flexwrap {
    flex-direction: column;
    gap: 32px;
    padding: 40px 32px 32px;
  }

  .p-top-best__item {
    width: 100%;
  }

  .p-top-best__detail {
    min-height: auto;
  }
}

/* 塗建を選んだ理由Best3 ここまで */

/* worksResult start */
.l-worksResult {
  margin: 40px auto;
  padding-inline: 20px;
}

.l-worksResult .sec-inner {
  max-width: 1162px;
	display: flex;
	box-sizing: border-box;
	background-color: #FAF7D8;
	border-radius: 30px;
  margin: 0 auto;
	padding: 56px 56px 36px;
}

@media screen and (max-width: 767px) {
	.l-worksResult .sec-inner {
		display: block;
		border-radius: 0;
		padding: 24px 20px 36px;
	}
}

.l-worksResult-image {
	margin-right: 40px;
}

@media screen and (max-width: 767px) {
	.l-worksResult-image {
		margin-right: 0;
		margin-bottom: 6px;
	}

	.l-worksResult-image .sp {
		margin-right: auto;
		margin-left: auto;
	}
}

.l-worksResult-ttl {
	color: #000;
	line-height: 1.45;
	font-weight: 700;
	font-size: 40px;
	margin-bottom: 20px;
	margin-top: -18px;
}

@media screen and (max-width: 767px) {
	.l-worksResult-ttl {
		font-size: 28px;
		line-height: 1.28;
		text-align: center;
		margin-top: 0;
	}
}

.l-worksResult-ttlSub {
	font-weight: 700;
	font-size: 28px;
	letter-spacing: 0.02em;
}

@media screen and (max-width: 767px) {
	.l-worksResult-ttlSub {
		display: none;
	}
}

.l-worksResult-ttlText {
	display: block;
	font-weight: 700;
	letter-spacing: 0.02em;
	font-size: 36px;
}

@media screen and (max-width: 767px) {
	.l-worksResult-ttlText {
		text-align: center;
		font-size: 24px;
	}
}

.l-worksResult-list {
	display: flex;
}

@media screen and (max-width: 767px) {
	.l-worksResult-list {
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
	}
}

.l-worksResult-item {
  display: flex;
  align-items: center;
  justify-content: center;
	box-sizing: border-box;
	border-radius: 32px;
	background-color: #000;
	line-height: 1;
	text-align: center;
	color: #FF914D;
	font-weight: 700;
	font-size: 28px;
	letter-spacing: 0.02em;
	width: calc(33% - 6px);
	min-height: 64px;
	padding: 10px;
	margin-right: 8px;
	margin-bottom: 16px;
}

@media screen and (max-width: 767px) {
	.l-worksResult-item {
		font-size: 18px;
		width: calc(48% - 10px);
		min-height: 39px;
		margin-right: 6px;
		margin-left: 6px;
		margin-bottom: 12px;
	}
}

.l-worksResult-marker {
	display: inline-block;
	position: relative;
}

@media screen and (max-width: 767px) {
	.l-worksResult-marker {
		display: block;
		text-align: center;
		margin-top: 9px;
	}
}

.l-worksResult-marker::after {
	position: relative;
	z-index: 1;
	top: -10px;
	display: inline-block;
	background-color: #FCD496;
	content: "";
	width: 100%;
	height: 20px;
}

@media screen and (max-width: 767px) {
	.l-worksResult-marker::after {
		/* display: none; */
		height: 10px;
	}
}

.l-worksResult-markerInner {
	padding-left: 16px;
	padding-right: 16px;
}

@media screen and (max-width: 767px) {
	.l-worksResult-markerInner {
		padding-left: 0;
		padding-right: 0;
	}
}

.l-worksResult-markerText {
	position: relative;
	z-index: 2;
	/* top: -1px; */
	font-weight: 700;
	font-size: 48px;
	letter-spacing: 0.02em;
}

@media screen and (max-width: 767px) {
	.l-worksResult-markerText {
		font-size: 24px;
	}
}

.l-worksResult-markerNum {
	position: relative;
	top: 7px;
	z-index: 2;
	font-weight: 700;
	font-size: 96px;
	color: #EB6120;
	letter-spacing: 0.02em;
}

@media screen and (max-width: 767px) {
	.l-worksResult-markerNum {
		font-size: 60px;
		top: 4px;
	}
}

.l-worksResult-hidden-pc{
  display: none;
}

@media screen and (max-width: 767px) {
	.l-worksResult-hidden-sp{
    display: none;
  }

  .l-worksResult-hidden-pc{
    display: block;
  }
}

/* worksResult end */