@charset "utf-8";
/* index */
.mv__wrap {
  background: url("../images/top/mv_top.png") no-repeat right center #2860ab;
  background-size: 55% auto;
  width: 100%;
}
@media only screen and (max-width: 1450px) {
	.mv__wrap {
  background: url("../images/top/mv_top.png") no-repeat right center #2860ab;
  background-size: auto 100%;
}
}
.mv__text {
  background: url("../images/top/mv_top_bk.png") no-repeat;
  background-size: 100% 100%;
  width: 65%;
  color: #fff;
  padding: 70px 13% 70px 7%;
  font-size: 1.8rem;
}
.mv__contact__items {
  display: flex;
  grid-column-gap: 20px;
  margin-top: 40px;
}
.txt__red {
  color: #a30e08
}
.top01__wrap {
  text-align: center;
  background: url("../images/top/bk_top01.jpg") no-repeat left bottom #ebf5fd;
  background-size: 406px auto;
}
.nayami__bg {
  text-align: center;
  background: url("../images/top/bk_top02.jpg") no-repeat right bottom;
  background-size: 341px auto;
  padding: 100px 7%;
}
.list__style__a {
  margin: 80px auto 0 auto;
  width: 100%;
  max-width: 855px;
}
.list__style__a li {
  margin-bottom: 20px;
  background: #1f3f72;
  color: #fff;
  border-radius: 100px;
  padding: 15px;
  font-size: 2.4rem;
  font-weight: 700;
}
.content01__wrap, .top02__wrap {
  background: #2d65b0;
  position: relative;
  color: #fff;
  text-align: center;
  padding: 100px 7%;
  overflow: hidden;
}
.content01__wrap > *, .top02__wrap > * {
  position: relative;
  z-index: 1;
}
.content01__wrap::after, .top02__wrap::after {
  border-right: 150vw solid transparent;
  border-bottom: 70vh solid #1f3f72;
  height: 0;
  width: 0;
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 0;
}
.content01__wrap > figure {
  margin-top: 80px;
}
.txt__wht {
  color: #fff !important;
}
.fukidashi {
  background: url("../images/common/decoration_ttl_fukidashi_l.svg") no-repeat left;
  background-size: auto 130px;
  margin-bottom: 20px;
  padding-left: 157px;
  display: inline-block;
}
.fukidashi__r {
  background: url("../images/common/decoration_ttl_fukidashi_r.svg") no-repeat right;
  background-size: auto 130px;
  padding-right: 157px;
  display: inline-block;
}
.content02__wrap {
  text-align: center;
  padding-top: 140px;
}
.content02__wrap .ttl__style__03, .content03__wrap .ttl__style__03 {
  margin: 20px 0 80px 0;
}
.reason__bg {
  margin-bottom: 50px;
  background: url("../images/common/bk_reason.jpg") no-repeat right bottom #ebf5fd;
  background-size: 642px auto;
  padding: 90px 7% 70px 7%;
}
.reason__bg:last-child {
  margin-bottom: 0px;
}
.content02__items {
  width: 100%;
  max-width: 1000px;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
}
.content02__item__txt {
  text-align: left;
  width: 55%;
}
.content02__item__img {
  text-align: right;
  width: 40%;
}
.content02__ttl__items {
  display: flex;
  grid-column-gap: 20px;
  margin-bottom: 30px;
}
.btn__org__s a {
  background: url("../images/common/btn_org_s.png") no-repeat center center;
  background-size: cover;
  text-align: center;
  color: #fff;
  font-size: 1.8rem;
  font-weight: 700;
  width: 250px;
  border-radius: 15px;
  padding: 15px;
  display: inline-block;
  position: relative;
}
.btn__org__s a::before {
  content: '';
  background: url("../images/common/arrow_wht_r.svg") no-repeat;
  background-size: 7px 12px;
  position: absolute;
  width: 7px;
  height: 12px;
  right: 15px;
  top: calc(50% - 6px);
}
.btn__org__s {
  margin-top: 30px;
}
.content03__wrap {
  background: url("../images/top/bk_top03.jpg") no-repeat left bottom;
  background-size: 605px auto;
  text-align: center;
  padding: 140px 0 120px 0;
}
.content03__items {
  margin-top: 80px;
  display: flex;
  justify-content: space-between;
  width: 100%;
  flex-wrap: wrap;
  grid-row-gap: 30px;
}
.blk__line__box {
  width: 30%;
  background: #fff;
  border: 1px solid #ccc;
  padding: 20px 15px 30px 15px;
  text-align: left;
  display: flex;
  flex-direction: column;
}
.txt__blue {
  color: #2d65b0;
}
.blk__line__box .ttl__style__01 {
  margin: 20px 0 10px 0;
  line-height: 1.4;
}
.btn__blue__s {
  margin-top: auto;
  padding-top: 30px;
  text-align: center;
}
.btn__blue__s a {
  background: url("../images/common/btn_blue_s02.png") no-repeat center center;
  background-size: cover;
  text-align: center;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 700;
  width: 180px;
  border-radius: 10px;
  padding: 10px;
  display: inline-block;
  position: relative;
}
.btn__blue__s a::before {
  content: '';
  background: url("../images/common/arrow_wht_r.svg") no-repeat;
  background-size: 7px 12px;
  position: absolute;
  width: 7px;
  height: 12px;
  right: 15px;
  top: calc(50% - 6px);
}
.line__items {
  display: flex;
  width: 100%;
}
.line__item__img {
  width: 40%;
}
.line__item__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.line__item__txt {
  width: 60%;
  color: #fff;
  text-align: center;
  background: #06c755;
  padding: 40px 7% 50px 7%;
}
.btn__wht {
  margin-top: 30px;
}
.btn__wht a {
  display: inline-block;
  width: 380px;
  text-align: center;
  color: #06c755;
  font-size: 2.0rem;
  font-weight: 700;
  line-height: 1.6;
  padding: 15px 25px;
  background: url("../images/common/arrow_grn_r.png") no-repeat right 15px center #fff;
}
.line__item__txt .ttl__style__07 {
  margin-bottom: 15px;
  background: url("../images/common/decoration_line_mv.svg") no-repeat right top;
  background-size: 40px auto;
  padding-top: 18px;
  padding-right: 20px;
}
.content04__wrap {
  padding: 140px 0 120px 0;
  background: #ebf5fd;
  text-align: center;
}
.content04__items {
  margin-top: 80px;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.content04__item {
  width: 50%;
  padding: 45px 30px 30px 30px;
}
.content04__case {
  display: flex;
  align-items: flex-end;
  width: 100%;
  justify-content: space-between;
  margin-bottom: 30px;
}
.content04__before, .content04__after {
  position: relative;
}
.content04__before > img:first-child {
  position: absolute;
  left: -31px;
  top: -31px;
}
.content04__after > img:first-child {
  position: absolute;
  left: -47px;
  top: -47px;
}
.content04__arrow img {
  position: relative;
  transform: translate(20px, -150px);
  z-index: 1;
}
.nvy__bk {
  text-align: center;
  background: #1f3f72;
  color: #fff;
  padding: 60px 0;
}
.btn__l__items {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.btn__l__item {
  width: 47%;
}
.btn__org__l a {
  background: url("../images/common/btn_org_l.png") no-repeat center center;
  background-size: cover;
  text-align: center;
  color: #fff;
  font-size: 2.2rem;
  font-weight: 700;
  width: 100%;
  border-radius: 20px;
  padding: 15px;
  display: inline-block;
  position: relative;
  max-width: 420px;
}
.btn__org__l a::before {
  content: '';
  background: url("../images/common/arrow_wht_r.svg") no-repeat;
  background-size: 7px 12px;
  position: absolute;
  width: 7px;
  height: 12px;
  right: 20px;
  top: calc(50% - 6px);
}
.nvy__bk .ttl__style__06 {
  padding-bottom: 40px;
  margin-bottom: 40px;
  background: url("../images/common/arrow_line_down.svg") no-repeat bottom center;
  background-size: 100% auto;
  display: inline-block;
}
.content05__wrap {
  padding-top: 140px;
  text-align: center;
}
.content05__wrap .ttl__style__03 {
  margin-bottom: 120px;
}
.content05__items {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.content05__item {
  width: 33.28%;
}
.paint a {
  background: url("../images/common/img_nagare01.jpg") no-repeat center center;
  background-size: cover;
}
.repairs a {
  background: url("../images/common/img_nagare02.jpg") no-repeat center center;
  background-size: cover;
}
.coating a {
  background: url("../images/common/img_nagare03.jpg") no-repeat center center;
  background-size: cover;
}
.content05__item a {
  display: flex;
  flex-direction: column;
  grid-row-gap: 9px;
  color: #fff;
  padding: 100px 0;
  justify-content: space-between;
  letter-spacing: 3px;
}
.content05__item a .ttl__style__09 {
  font-style: italic;
  opacity: 0.6;
  letter-spacing: 2px;
}
.top02__items {
  margin-top: 80px;
  margin-bottom: 60px;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.top02__item {
  width: 30%;
  background: #fff;
  padding: 30px 25px;
  display: flex;
  flex-direction: column;
}
.top02__item figure {
  padding-bottom: 25px;
}
.blue__box {
  position: relative;
  display: inline-block;
  margin-top: auto;
  padding: 16px;
  border-radius: 10px;
  background-color: #2d65b0;
  text-align: left;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.5;
  color: #fff;
}
.blue__box::after {
  content: "";
  position: absolute;
  top: 0;
  left: 17%;
  border-style: solid;
  border-width: 0 0 20px 20px;
  border-color: transparent transparent #2d65b0;
  translate: calc(-50% + 0.4px) -100%;
  transform: skew(-25deg);
  transform-origin: bottom;
}
.top03__wrap {
  padding: 140px 0 120px 0;
  text-align: center;
}
.top03__wrap .btn__org__l a {
  max-width: 410px;
}
.top03__wrap iframe {
  margin: 80px 0;
}
.top03__wrap table {
  max-width: 660px;
  margin-top: 60px
}
.tbl__style__a th, .tbl__style__a td {
  font-weight: 400;
  padding: 30px;
  border-bottom: 1px solid #eee;
}
@media only screen and (max-width: 769px) {
  .mv__wrap {
    background: none;
  }
  .mv__text {
    background: url("../images/top/mv_top_bk.png") no-repeat left;
    background-size: 130% 100%;
    width: 100%;
    padding: 40px 7% 30px 7%;
    font-size: 1.6rem;
  }
  .mv__contact__items {
    grid-column-gap: 15px;
    margin-top: 25px;
  }
  .top01__wrap {
    background: url("../images/top/bk_top01.jpg") no-repeat left bottom #ebf5fd;
    background-size: 35% auto;
  }
  .nayami__bg {
    background: url("../images/top/bk_top02.jpg") no-repeat right bottom;
    background-size: 30% auto;
    padding: 60px 7% 40px 7%;
  }
  .list__style__a {
    margin: 30px auto 0 auto;
  }
  .list__style__a li {
    margin-bottom: 20px;
    padding: 10px 20px;
    font-size: 1.7rem;
  }
  .content01__wrap, .top02__wrap {
    padding: 60px 7% 40px 7%;
  }
  /*.content01__wrap::after, .top02__wrap::after {
  border-right: 150vw solid transparent;
  border-bottom: 70vh solid #1f3f72;
}*/
  .content01__wrap > figure {
    margin-top: 40px;
  }
  .fukidashi {
    background: url("../images/common/decoration_ttl_fukidashi_l.svg") no-repeat left top;
    background-size: 30px auto;
    padding-left: 30px;
    margin-bottom: 20px;
  }
  .fukidashi__r {
    background: url("../images/common/decoration_ttl_fukidashi_r.svg") no-repeat right top;
    background-size: 30px auto;
    padding-right: 30px;
  }
  .content02__wrap {
    padding-top: 60px;
  }
  .content02__wrap .ttl__style__03, .content03__wrap .ttl__style__03 {
    margin: 20px 0 40px 0;
  }
  .reason__bg {
    margin-bottom: 40px;
    background: url("../images/common/bk_reason.jpg") no-repeat right bottom #ebf5fd;
    background-size: 80% auto;
    padding: 40px 7%;
  }
  .content02__items {
    flex-wrap: wrap;
    grid-row-gap: 30px;
  }
  .content02__item__txt {
    width: 100%;
  }
  .content02__item__img {
    text-align: center;
    width: 100%;
  }
  .content02__ttl__items {
    margin-bottom: 20px;
  }
  .btn__org__s a {
    font-size: 1.6rem;
    width: 250px;
    border-radius: 10px;
    padding: 10px;
    margin: auto;
    display: block;
  }
  .content03__wrap {
    background: url("../images/top/bk_top03.jpg") no-repeat left bottom;
    background-size: 60% auto;
    padding: 60px 0;
  }
  .content03__items {
    margin-top: 40px;
    flex-wrap: wrap;
    grid-row-gap: 30px;
  }
  .blk__line__box {
    width: 100%;
  }
  .blk__line__box .ttl__style__01 {
    margin: 10px 0 5px 0;
  }
  .btn__blue__s {
    padding-top: 20px;
  }
  .btn__blue__s a {
    padding: 5px;
  }
  .btn__blue__s a::before {
    content: '';
    background: url("../images/common/arrow_wht_r.svg") no-repeat;
    background-size: 6px 8px;
    width: 6px;
    height: 8px;
    right: 10px;
    top: calc(50% - 3px);
  }
  .line__items {
    flex-wrap: wrap;
  }
  .line__item__img {
    width: 100%;
  }
  .line__item__txt {
    width: 100%;
    padding: 40px 7%;
    text-align: left;
  }
  .btn__wht {
    margin-top: 20px;
  }
  .btn__wht a {
    width: 100%;
    font-size: 1.6rem;
    padding: 10px 15px;
  }
  .line__item__txt .ttl__style__07 {
    margin-bottom: 10px;
    background: url("../images/common/decoration_line_mv.svg") no-repeat right top;
    background-size: 30px auto;
    padding-top: 18px;
    padding-right: 15px;
  }
  .content04__wrap {
    padding: 60px 0 40px 0;
  }
  .content04__items {
    margin-top: 40px;
    flex-wrap: wrap;
    grid-row-gap: 30px;
  }
  .content04__item {
    width: 100%;
    padding: 15px 7% 0 7%;
  }
  .content04__case {
    margin-bottom: 15px;
  }
  .content04__before > img:first-child {
    left: -20px;
    top: -15px;
    width: 40px;
  }
  .content04__after > img:first-child {
    left: -25px;
    top: -20px;
    width: 50px;
  }
  .content04__arrow img {
    transform: translate(7px, -90px);
  }
  .nvy__bk {
    padding: 40px 5%;
  }
  .btn__l__items {
    flex-wrap: wrap;
    grid-row-gap: 30px;
  }
  .btn__l__item {
    width: 100%;
  }
  .btn__org__l a {
    font-size: 1.8rem;
    border-radius: 15px;
    padding: 13px 25px;
  }
  .btn__org__l a::before {
    right: 10px;
  }
  .nvy__bk .ttl__style__06 {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  .content05__wrap {
    padding-top: 60px;
  }
  .content05__wrap .ttl__style__03 {
    margin-bottom: 40px;
  }
  .content05__items {
    flex-wrap: wrap;
    grid-row-gap: 1px;
  }
  .content05__item {
    width: 100%;
  }
  .content05__item a {
    padding: 40px 0;
  }
  .top02__items {
    margin-top: 40px;
    margin-bottom: 40px;
    flex-wrap: wrap;
    grid-row-gap: 30px;
  }
  .top02__item {
    width: 100%;
    padding: 30px 20px;
  }
  .blue__box {
    border-radius: 7px;
  }
  .blue__box::after {
    border-width: 0 0 12px 12px;
  }
  .top03__wrap {
    padding: 60px 0 40px 0;
  }
  .top03__wrap iframe {
    margin: 30px 0;
    height: 200px;
  }
  .top03__wrap table {
    margin-top: 30px
  }
  .tbl__style__a th, .tbl__style__a td {
    padding: 15px 0px 15px 15px;
  }
}
/* FONT */
.lead__style__16 {
  font-size: 1.1rem;
  font-weight: 400
}
.lead__style__01 {
  font-size: 1.1rem;
  font-weight: 600
}
.lead__style__09 {
  font-size: 1.2rem;
  font-weight: 400
}
.lead__style__03 {
  font-size: 1.4rem;
  font-weight: 400
}
.lead__style__08 {
  font-size: 1.4rem;
  font-weight: 600
}
.ttl__style__09 {
  font-size: 1.6rem;
  font-weight: 600
}
.lead__style__10 {
  font-size: 1.6rem;
  font-weight: 600
}
.lead__style__06 {
  font-size: 1.6rem;
  font-weight: 700
}
.lead__style__15 {
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.6;
}
.lead__style__02 {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.6;
}
.lead__style__13 {
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.6;
}
.lead__style__11 {
  font-size: 2.0rem;
  font-weight: 500;
  line-height: 1.6;
}
.lead__style__04 {
  font-size: 2.0rem;
  font-weight: 600;
  line-height: 1.6;
}
.lead__style__05 {
  font-size: 2.0rem;
  font-weight: 700;
  line-height: 1.6;
}
.ttl__mv__sub {
  font-size: 2.0rem;
  font-weight: 700;
  line-height: 1.6;
}
.lead__style__12 {
  font-size: 2.2rem;
  font-weight: 600;
  line-height: 1.6;
}
.lead__style__07 {
  font-size: 2.3rem;
  font-weight: 600;
  line-height: 1.6;
}
.ttl__style__13 {
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1.6;
}
.ttl__style__01 {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 2px;
}
.ttl__style__sub {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.6;
  color: #a30e08;
  font-style: italic;
  letter-spacing: 2px;
}
.ttl__style__14 {
  font-size: 2.6rem;
  font-weight: 500;
  line-height: 1.6;
}
.ttl__style__12 {
  font-size: 2.6rem;
  font-weight: 700;
  line-height: 1.6;
}
.ttl__style__10 {
  font-size: 3.0rem;
  font-weight: 600;
  line-height: 1.4;
}
.ttl__style__06 {
  font-size: 3.0rem;
  font-weight: 700;
  line-height: 1.4;
}
.ttl__style__phone {
  font-size: 3.1rem;
  font-weight: 600;
  line-height: 1.4;
}
.ttl__style__footer {
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 1.4;
}
.ttl__style__08 {
  font-size: 3.6rem;
  font-weight: 600;
  line-height: 1.4;
}
.ttl__style__phone02 {
  font-size: 4.3rem;
  font-weight: 600;
  line-height: 1.4;
}
.ttl__style__11 {
  font-size: 4.5rem;
  font-weight: 600;
  line-height: 1.4;
}
.ttl__style__07 {
  font-size: 4.8rem;
  font-weight: 600;
  line-height: 1.4;
}
.ttl__style__03 {
  font-size: 4.8rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 5px;
}
.ttl__style__04 {
  font-size: 5.5rem;
  font-weight: 700;
  line-height: 1.2;
}
.ttl__style__02 {
  font-size: 6.6rem;
  font-size: clamp(40px, 4.4vw, 66px);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 5px;
  margin-bottom: 20px;
}
.ttl__style__05 {
  font-size: 7.2rem;
  font-weight: 700;
  line-height: 1;
  color: #a30e08;
  font-style: italic;
}
/* font追加 */
.lead__style__14 {
  font-size: 3.7rem;
  font-weight: 600
}
.lead__style__17 {
  font-size: 1.6rem;
  font-weight: 400
}
@media only screen and (max-width: 769px) {
  .lead__style__03, .lead__style__08 {
    font-size: 1.3rem;
  }
  .ttl__style__09, .lead__style__10, .lead__style__06 {
    font-size: 1.4rem;
  }
  .lead__style__15, .lead__style__02, .lead__style__13, .lead__style__11, .lead__style__04, .lead__style__05 {
    font-size: 1.6rem;
  }
  .ttl__mv__sub {
    font-size: 1.2rem;
  }
  .lead__style__12, .lead__style__07, .ttl__style__13, .ttl__style__01, .ttl__style__sub, .ttl__style__14, .ttl__style__12 {
    font-size: 1.7rem;
  }
  .ttl__style__10, .ttl__style__06, .ttl__style__phone {
    font-size: 2.0rem;
  }
  .ttl__style__08 {
    font-size: 2.2rem;
  }
  .ttl__style__footer {
    font-size: 2.6rem;
  }
  .ttl__style__phone02 {
    font-size: 2.3rem;
  }
  .ttl__style__11 {
    font-size: 2.4rem;
  }
  .ttl__style__07, .ttl__style__03 {
    font-size: 2.5rem;
  }
  .ttl__style__04 {
    font-size: 2.8rem;
  }
  .ttl__style__02 {
    font-size: 3.0rem;
  }
  .ttl__style__05 {
    font-size: 4.0rem;
  }
  /* font追加 */
  .lead__style__14 {
    font-size: 2.2rem;
  }
  .lead__style__17 {
    font-size: 1.4rem;
  }
}
/* footer */
.contact__wrap {
  background: url("../images/common/img_footer.jpg") no-repeat bottom left;
  background-size: cover;
  color: #fff;
  padding: 60px 0;
}
.contact__items {
  display: flex;
  justify-content: space-between;
  margin-right: auto;
  margin-left: auto;
  max-width: 950px;
  width: 86%;
}
.contact__item__ttl {
  width: 45%;
  letter-spacing: 2px;
}
.contact__item__txt {
  width: 50%;
  letter-spacing: 3px;
  text-align: center;
}
.contact__item__txt .lead__style__08 {
  letter-spacing: 2px;
}
.line__qr__items {
  margin: 30px 0;
  padding: 30px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  display: flex;
  justify-content: space-between;
}
.line__qr__item__txt {
  width: 60%;
  text-align: left
}
.line__qr__item__img {
  width: 35%;
}
.btn__org__m a {
  background: url(../images/common/btn_org_m.png) no-repeat center center;
  background-size: cover;
  text-align: center;
  color: #fff;
  font-size: 1.9rem;
  font-weight: 700;
  width: 90%;
  max-width: 370px;
  border-radius: 20px;
  padding: 13px;
  display: inline-block;
  position: relative;
}
.btn__org__m a::before {
  content: '';
  background: url(../images/common/arrow_wht_r.svg) no-repeat;
  background-size: 7px 12px;
  position: absolute;
  width: 7px;
  height: 12px;
  right: 20px;
  top: calc(50% - 6px);
}
footer {
  padding: 40px 7%;
}
.footer__items {
  display: flex;
  width: 100%;
  justify-content: space-between;
  font-weight: 400;
}
.title {
  font-size: 2.0rem;
  font-weight: 700;
  letter-spacing: 2px;
}
.footer__item__txt {
  text-align: right;
}
address {
  color: #787878;
  margin-top: 30px;
}
.blue__tag {
  background: #2d65b0;
  border-radius: 50px;
  display: inline-block;
  padding: 1px 15px;
  font-size: 1.3rem;
  font-weight: 600;
  color: #fff;
  margin-right: 10px;
}
@media only screen and (max-width: 769px) {
  .contact__wrap {
    background: url("../images/common/img_footer.jpg") no-repeat bottom left #515b5f;
    background-size: 150% auto;
    padding: 40px 0;
  }
  .contact__items {
    flex-wrap: wrap;
    grid-row-gap: 40px;
  }
  .contact__item__ttl {
    width: 100%;
    text-align: center;
  }
  .contact__item__txt {
    width: 100%;
  }
  .line__qr__items {
    margin: 15px 0;
    padding: 20px;
  }
  .btn__org__m a {
    font-size: 1.6rem;
    border-radius: 15px;
    padding: 13px;
    letter-spacing: normal;
  }
  .btn__org__m a::before {
    right: 15px;
  }
  .footer__items {
    flex-wrap: wrap;
    grid-row-gap: 20px;
    text-align: center;
    justify-content: center;
    align-items: center;
  }
  .footer__item__txt {
    text-align: center;
  }
}
/* header */
.header__items {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
.header__item__logo {
  padding-left: 5%;
}
.title_hd {
  font-size: 2.2rem;
  font-weight: 700;
  letter-spacing: 2px;
}
.header__item__contact {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  grid-column-gap: 30px;
}
.header__item__line a {
  display: block;
  background: #06c755;
  padding: 30px;
}
.ttl__style__phone {
  background: url("../images/common/icon_phone_blue.svg") no-repeat left;
  background-size: 34px auto;
  padding-left: 45px;
}
@media only screen and (max-width: 769px) {
  .header__items {}
  .header__item__logo {
    padding: 10px 5%;
  }
  .title_hd {
    font-size: 1.6rem;
    line-height: 1.4;
    letter-spacing: normal
  }
  .header__item__contact {
    display: none;
  }
}
/* グローバルナビ */
@media only screen and (max-width: 768px) {
  .nav-item.sp {
    width: 100%;
  }
  .header {
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;
    width: 100%;
    height: 68px;
    z-index: 10;
  }
  main {
    margin-top: 68px;
  }
  .nav {
    position: fixed;
    right: -320px;
    top: 0;
    width: 300px;
    height: 100vh;
    padding-top: 60px;
    background-color: #fff;
    transition: all .6s;
    z-index: 200;
    overflow-y: auto;
  }
  .hamburger {
    position: absolute;
    right: 15px;
    top: 15px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    z-index: 300;
  }
  .nav_list {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .nav-item {
    text-align: center;
    padding: 0 14px;
  }
  .nav-item a {
    display: block;
    padding: 8px 0;
    border-bottom: 1px solid #eee;
    text-decoration: none;
    color: #333;
  }
  .nav-item a:hover {
    background-color: #eee;
  }
  .hamburger_border {
    position: absolute;
    left: 11px;
    width: 18px;
    height: 2px;
    background-color: #333;
    transition: all .6s;
  }
  .hamburger_border_top {
    top: 14px;
  }
  .hamburger_border_center {
    top: 20px;
  }
  .hamburger_border_bottom {
    top: 26px;
  }
  .black_bg {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    z-index: 100;
    background-color: #333;
    opacity: 0;
    visibility: hidden;
    transition: all .6s;
    cursor: pointer;
  }
  .nav-open .nav {
    right: 0;
  }
  .nav-open .black_bg {
    opacity: .8;
    visibility: visible;
  }
  .nav-open .hamburger_border_top {
    transform: rotate(45deg);
    top: 20px;
  }
  .nav-open .hamburger_border_center {
    width: 0;
    left: 50%;
  }
  .nav-open .hamburger_border_bottom {
    transform: rotate(-45deg);
    top: 20px;
  }
}
@media only screen and (min-width: 769px) {
  .nav-list {
    display: flex;
    justify-content: center;
    background: #1f3f72;
    grid-column-gap: 2%;
    padding: 20px;
  }
  .nav-list li a {
    color: #fff;
    font-weight: 700;
    font-size: 1.6rem;
    letter-spacing: 3px;
  }
}
/* 下層ページ */
.ttl__wrap {
  width: 100%;
}
.ttl__bg {
  background: url("../images/common/mv_sub_bk.png") no-repeat;
  background-size: 100% 100%;
  width: 65%;
  color: #fff;
  padding: 90px 15% 90px 5%;
}
.ttl__bg .ttl__mv__sub {
  opacity: 0.5;
  letter-spacing: 3px;
}
.breadcrumb {
  padding: 30px 0 50px 0;
  display: flex;
  font-size: 1.4rem;
}
.breadcrumb li::after {
  content: '>';
  margin: 0 20px;
}
.breadcrumb li:last-child::after {
  content: '';
}
.bg__none {
  background: none !important;
}
.bg__blue {
  background: #ebf5fd !important;
}
.btn__blue__m02 {
  margin-top: auto;
  padding-top: 30px;
  text-align: center;
}
.btn__blue__m02 a {
  background: url("../images/common/btn_blue_m02.png") no-repeat center center;
  background-size: cover;
  text-align: center;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 700;
  width: 90%;
  border-radius: 10px;
  padding: 10px;
  display: inline-block;
  position: relative;
}
.btn__blue__m02 a img {
  vertical-align: middle;
  margin-right: 6px;
}
.content05__wrap.subttl .ttl__style__03, .content05__wrap.subttl .lead__style__10 {
  margin-bottom: 60px;
}
.bodywork-paint01__wrap {
  padding-top: 140px;
  padding-bottom: 120px;
  text-align: center;
}
.tbl__style__b th, .tbl__style__b td {
  padding: 30px;
  border: 1px solid #eee;
}
.tbl__style__b th {
  background: #ebf5fd
}
section h3.ttl__style__03 {
  margin: 20px 0 80px 0;
}
.tbl__style__b + .lead__style__03, .tbl__wrap + .lead__style__03 {
  margin: 15px 0 60px 0;
  text-align: left;
}
.faq dt {
  background: url("../images/common/icon_q.svg") no-repeat left top;
  background-size: 65px;
  padding-top: 18px;
  padding-bottom: 18px;
  padding-left: 80px;
  border-bottom: 1px solid #81a3d0;
  text-align: left;
  min-height: 83px;
}
.faq dd {
  padding-top: 18px;
  padding-bottom: 50px;
  padding-left: 80px;
  text-align: left;
}
.content06__items {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.content06__item__img {
  text-align: right;
  width: 50%;
}
.content06__item__txt {
  width: 45%;
  padding-left: 5%;
}
.reason__wrap .ttl__style__10 {
  color: #a30e08;
  font-style: italic;
}
.reason__wrap .ttl__style__11 {
  line-height: 1.2;
  margin: 20px 0;
  letter-spacing: 4px;
}
.reason__wrap .reason__bg:last-child {
  margin-bottom: 0;
}
.flow__wrap .ttl__style__06 {
  margin-bottom: 30px;
}
.flow__wrap .lead__style__13 {
  margin-bottom: 20px;
}
.text__box {
  text-align: left;
  margin: 40px 0 60px 0;
  line-height: 2
}
.coating02__wrap {
  padding-top: 140px;
  text-align: center;
}
.coating02__wrap .tbl__style__b th {
  white-space: nowrap;
}
.coating02__wrap .tbl__style__b td figure {
  text-align: center;
  margin: 20px 0
}
.coating02__wrap .tbl__style__b tr th:first-child {
  width: 155px
}
.coating02__wrap .tbl__style__b + .tbl__style__b {
  margin-top: 60px;
}
.w580 {
  max-width: 580px;
}
.coating01__wrap {
  padding: 140px 0 120px 0;
  text-align: center;
}
.coating01__wrap .ttl__style__12 {
  border-bottom: 1px solid #ccc;
  padding-bottom: 20px;
  padding-top: 60px;
}
.coating01__items {
  display: flex;
  width: 100%;
  justify-content: center;
  margin-top: 30px;
  grid-column-gap: 20px;
}
.btn__blue a, .btn__blue input {
  background: url(../images/common/btn_blue_m02.png) no-repeat center center;
  background-size: cover;
  text-align: center;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 700;
  border-radius: 5px;
  padding: 7px 27px;
  display: inline-block;
  position: relative;
  min-width: 200px;
}
.txt__grn {
  color: #06c755
}
.line01__wrap .lead__style__12 {
  line-height: 2;
  margin-bottom: 30px;
}
.flow__bg {
  margin-bottom: 50px;
  background: url("../images/common/bk_flow.png") no-repeat right bottom #ebf5fd;
  background-size: 450px auto;
  padding: 90px 7% 70px 7%;
}
.flow__bg:last-child {
  margin-bottom: 0px;
}
.line02__wrap .ttl__style__11 {
  line-height: 1.2;
  margin: 20px 0;
  letter-spacing: 4px;
}
.list__num li {
  list-style: decimal;
  margin: 5px 0 5px 20px;
}
.tbl__style__c th, .tbl__style__c td {
  padding: 20px 0px 20px 20px;
  border-bottom: 1px solid #eee;
}
.tbl__style__c tr:last-child th, .tbl__style__c tr:last-child td {
  border-bottom: none;
}
.tbl__style__c th {
  font-size: 1.5rem;
  color: #1f3f72
}
.tbl__style__c td:last-child a {
  display: block;
  font-weight: normal;
}
.tbl__style__c td:last-child {
  width: 100%;
}
.tag__blue a {
  font-size: 1.2rem;
  color: #fff;
  background: #1f3f72;
  display: inline-block;
  padding: 2px 8px;
  text-align: center;
  white-space: nowrap
}
ul.page-numbers, nav.page-numbers {
  display: flex;
  grid-column-gap: 15px;
  align-items: center;
  margin-top: 80px;
  justify-content: center;
}
.page-numbers li {
  min-width: 50px;
  text-align: center;
}
.screen-reader-text {
  display: none
}
.navigation span {
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  color: #fff;
  background: #002372;
  border-radius: 100px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 14px;
  text-align: center;
}
.date {
  font-size: 1.5rem;
  margin: 20px 0 60px 0;
}
.news__fot__navi {
  margin-top: 100px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.navy__btn a {
  color: #1f3f72;
  border: 2px solid #1f3f72;
  padding: 10px;
  width: 250px;
  display: inline-block;
  text-align: center;
}
.prev a {
  padding-right: 15px;
  position: relative;
}
.next a {
  padding-left: 15px;
  position: relative;
}
.company01__wrap table {
  max-width: 660px;
  margin-top: 60px;
}
.company02__wrap {
  padding: 140px 0 120px 0;
}
.staff02__wrap .bg__blue {
  margin-bottom: 60px;
}
.staff01__items {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 60px 0;
}
.staff01__item__txt {
  width: 55%;
}
.staff01__item__img {
  width: 40%;
  text-align: right;
}
.staff01__item__txt .lead__style__02 {
  margin: 30px 0;
}
.wht__box {
  background: #fff;
  padding: 25px 5px 25px 25px;
}
.wht__box td, .wht__box th {
  padding: 5px 0 5px 20px;
}
.staff02__wrap {
  padding-bottom: 60px;
}
.flow01__wrap {
  padding-top: 0;
}
.flow01__wrap .content05__item a {
  padding: 70px 0;
}
.flow02__wrap {
  padding: 140px 0 120px 0;
}
.content08__items {
  display: flex;
  grid-column-gap: 30px;
  padding: 40px 0;
  border-bottom: 1px solid #ccc;
}
.flow02__wrap .btn__org__l {
  text-align: center;
  margin-top: 80px;
}
.contact02__wrap, .contact01__wrap {
  padding: 140px 0 120px 0;
  text-align: center;
}
.wht__box02__items {
  text-align: left;
  width: 100%;
  background: #fff;
  padding: 40px 30px;
  border: 1px solid #ccc;
  margin-top: 80px;
}
.ttl__line__b {
  padding-bottom: 20px;
  margin-bottom: 25px;
  border-bottom: 1px solid #ccc;
}
input[type=text], input[type=mail], textarea {
  border: 1px solid #ccc;
  width: 100%;
  padding: 5px 15px;
}
.contact02__wrap .tbl__style__b th, .contact02__wrap .tbl__style__b td {
  padding: 15px 20px;
}
.contact02__wrap .tbl__style__b th {
  background: #ebf5fd;
  font-weight: 500;
  padding-top: 22px !important;
  width: 260px;
}
.hissu {
  float: right;
  font-size: 1.2rem;
  color: #fff;
  background: #9f0000;
  padding: 1px 5px;
}
.news01__wrap, .news03__wrap, .company01__wrap, .staff01__wrap {
  padding-bottom: 120px;
}
@media only screen and (max-width: 769px) {
  .tbl__style__c th, .tbl__style__c td {
    padding: 0px;
    border-bottom: none;
    width: 100%;
    display: block;
  }
  .tbl__style__c th {
    padding-top: 15px;
    display: inline-block;
    width: auto;
  }
  .tbl__style__c td:nth-child(2) {
    padding-top: 10px;
    padding-left: 15px;
    display: inline-block;
    width: auto;
  }
  .tbl__style__c td:last-child {
    padding-top: 5px;
    padding-bottom: 15px;
    border-bottom: 1px solid #000;
  }
  .ttl__wrap .ttl__style__03 {
    font-size: 2.2rem;
    letter-spacing: normal;
  }
  .ttl__bg {
    background: url("../images/common/mv_sub_bk.png") no-repeat left;
    background-size: 100% 100%;
    width: 80%;
    color: #fff;
    padding: 40px 7%;
  }
  .ttl__bg .ttl__mv__sub {
    letter-spacing: 2px;
  }
  .breadcrumb {
    padding: 20px 0 30px 0;
    flex-wrap: wrap;
    grid-row-gap: 15px;
    font-size: 1.3rem;
  }
  .breadcrumb li::after {
    margin: 0 10px;
  }
  .btn__blue__m02 {
    padding-top: 20px;
  }
  .content05__wrap.subttl .ttl__style__03, .content05__wrap.subttl .lead__style__10 {
    margin-bottom: 30px;
  }
  .bodywork-paint01__wrap {
    padding-top: 60px;
    padding-bottom: 40px;
  }
  .tbl__style__b th, .tbl__style__b td {
    padding: 15px;
  }
  section h3.ttl__style__03 {
    margin: 10px 0 40px 0;
  }
  .tbl__style__b + .lead__style__03, .tbl__wrap + .lead__style__03 {
    margin: 10px 0 40px 0;
  }
  .tbl__wrap {
    overflow-x: scroll;
    padding-bottom: 10px;
  }
  .tbl__wrap table {
    width: 600px;
  }
  .faq dt {
    background: url("../images/common/icon_q.svg") no-repeat left top 10px;
    background-size: 30px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 50px;
    min-height: 45px;
  }
  .faq dd {
    padding-top: 15px;
    padding-bottom: 30px;
    padding-left: 50px;
  }
  .content06__items {
    flex-wrap: wrap;
    grid-row-gap: 30px;
  }
  .content06__item__img {
    text-align: center;
    width: 100%;
  }
  .content06__item__txt {
    width: 100%;
    padding: 0 7%;
  }
  .text__box {
    margin: 30px 0 40px 0;
  }
  .coating02__wrap {
    padding-top: 60px;
  }
  .coating02__wrap .tbl__style__b td figure {
    margin: 15px 0
  }
  .coating02__wrap .tbl__style__b tr th:first-child {
    width: 110px
  }
  .coating02__wrap .tbl__style__b + .tbl__style__b, .coating02__wrap .tbl__wrap + .tbl__wrap {
    margin-top: 40px;
  }
  .w580 {
    max-width: 400px;
  }
  .coating01__wrap {
    padding: 60px 0 40px 0;
  }
  .coating01__wrap .ttl__style__12 {
    padding-top: 40px;
  }
  .coating01__items {
    flex-wrap: wrap;
    grid-row-gap: 20px;
    margin-top: 20px
  }
  .coating01__items > .btn__blue {
    width: 100%;
  }
  .coating01__wrap .btn__blue a {
    width: 100%;
  }
  .btn__blue a, .btn__blue input {
    padding: 7px 20px;
  }
  .coating01__wrap p.lead__style__13 {
    text-align: left;
  }
  .line01__wrap .lead__style__12 {
    margin-bottom: 20px;
  }
  .flow__bg {
    margin-bottom: 40px;
    background: url("../images/common/bk_flow.png") no-repeat right bottom #ebf5fd;
    background-size: 80% auto;
    padding: 40px 7%;
  }
  .line02__wrap .ttl__style__11 {
    letter-spacing: 2px;
  }
  ul.page-numbers, nav.page-numbers {
    grid-column-gap: 10px;
    margin-top: 30px;
  }
  .page-numbers li {
    min-width: 30px;
  }
  .navigation span {
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
  .date {
    margin: 20px 0 40px 0;
  }
  .news__fot__navi {
    margin-top: 40px;
    justify-content: space-between;
    width: 100%
  }
  .navy__btn a {
    padding: 10px 20px;
    width: inherit;
  }
  .prev a {
    padding-right: 10px;
  }
  .next a {
    padding-left: 10px;
  }
  .company01__wrap table {
    margin-top: 40px;
  }
  .company01__wrap th {
    font-weight: 500;
    width: 90px;
  }
  .company02__wrap {
    padding: 60px 0 40px 0;
  }
  iframe {
    max-height: 250px;
  }
  .staff02__wrap .bg__blue {
    margin-bottom: 40px;
    padding: 0 7%;
  }
  .staff01__items {
    flex-wrap: wrap;
    grid-row-gap: 30px;
    padding: 30px 0;
  }
  .staff01__item__txt {
    width: 100%;
  }
  .staff01__item__img {
    width: 100%;
    text-align: center;
  }
  .staff01__item__txt .lead__style__02 {
    margin: 15px 0 20px 0;
  }
  .wht__box {
    padding: 10px 20px;
  }
  .wht__box td, .wht__box th {
    padding: 5px 0;
  }
  .wht__box th {
    white-space: nowrap;
    padding-right: 10px;
  }
  .staff02__wrap {
    padding-bottom: 40px;
  }
  .staff01__items .ttl__style__08 {
    font-size: 2.4rem;
  }
  .flow01__wrap .content05__item a {
    padding: 40px 0;
  }
  .flow02__wrap {
    padding: 60px 0 40px 0;
  }
  .content08__items {
    grid-column-gap: 20px;
    padding: 20px 0;
  }
  .flow02__wrap .btn__org__l {
    margin-top: 30px;
  }
  .contact02__wrap, .contact01__wrap {
    padding: 60px 0 40px 0;
  }
  .wht__box02__items {
    padding: 30px 30px;
    margin-top: 40px;
  }
  .ttl__style__01.ttl__line__b {
    padding-bottom: 10px;
    margin-bottom: 15px;
    font-size: 2.0rem;
  }
  input[type=text], input[type=mail], textarea {}
  .contact02__wrap .tbl__style__b th, .contact02__wrap .tbl__style__b td {
    padding: 15px 20px;
    display: block;
    width: 100%;
  }
  .contact02__wrap .tbl__style__b th {
    padding-top: 15px !important;
  }
  .news01__wrap, .news03__wrap, .company01__wrap, .staff01__wrap {
    padding-bottom: 60px;
  }
}
/* タイトル */
.ttl__wrap.bodywork {
  background: url("../images/bodywork-paint/mv_sub.png") no-repeat right center;
  background-size: 50% auto;
}
.ttl__wrap.repair {
  background: url("../images/insurance-repair/mv_sub.png") no-repeat right center;
  background-size: 50% auto;
}
.ttl__wrap.coating {
  background: url("") no-repeat right center;
  background-size: 50% auto;
}
.ttl__wrap.line {
  background: url("../images/line-estimate/mv_sub.png") no-repeat right center;
  background-size: 50% auto;
}
.ttl__wrap.news {
  background: url("") no-repeat right center;
  background-size: 50% auto;
}
.ttl__wrap.company {
  background: url("") no-repeat right center;
  background-size: 50% auto;
}
.ttl__wrap.staff {
  background: url("") no-repeat right center;
  background-size: 50% auto;
}
.ttl__wrap.flow {
  background: url("../images/flow/mv_sub.png") no-repeat right center;
  background-size: 50% auto;
}
.ttl__wrap.contact {
  background: url("../images/contact/mv_sub.png") no-repeat right center;
  background-size: 50% auto;
}
@media only screen and (max-width: 1420px) {
  .ttl__wrap.bodywork, .ttl__wrap.repair, .ttl__wrap.coating, .ttl__wrap.line, .ttl__wrap.news, .ttl__wrap.company, .ttl__wrap.staff, .ttl__wrap.flow, .ttl__wrap.contact {
    background-size: auto 100%;
  }
}
@media only screen and (max-width: 769px) {}
/*  */
@media only screen and (max-width: 769px) {}
/*  */
@media only screen and (max-width: 769px) {}
/*  */
@media only screen and (max-width: 769px) {}