/*! Writen  by SCSS */
.inner_main {
  background-image: url(../images/main.jpg); }

.sec0 {
  padding: 70px 0; }
  @media screen and (max-width: 480px) {
    .sec0 {
      padding: 40px 0; } }
  .sec0 .btn_wrap {
    display: flex;
    column-gap: 1%;
    justify-content: center; }
    @media screen and (max-width: 480px) {
      .sec0 .btn_wrap {
        flex-wrap: wrap;
        gap: 20px; } }
    .sec0 .btn_wrap a {
      display: block;
      position: relative;
      text-align: center;
      width: 19.17%;
      font-size: clamp(14px, 1.334vw, 16px);
      transition: all 0.3s ease-in-out 0s;
      color: #92762b;
      line-height: 1;
      padding: 15px 0;
      cursor: pointer; }
      @media screen and (max-width: 768px) {
        .sec0 .btn_wrap a {
          width: 23.44%; } }
      .sec0 .btn_wrap a::after {
        content: '';
        position: absolute;
        inset: 0;
        pointer-events: none;
        border: 1px solid #92762b; }
      @media (hover: hover) {
        .sec0 .btn_wrap a:hover {
          background: #92762b;
          color: #fff; } }
      .sec0 .btn_wrap a.active {
        background: #92762b;
        color: #fff; }
      @media screen and (max-width: 480px) {
        .sec0 .btn_wrap a {
          width: 48%;
          width: calc(50% - 10px);
          padding: 10px 0;
          font-size: 12px;
          padding: 14px 0; } }

.sec {
  padding-bottom: 140px; }
  @media screen and (max-width: 768px) {
    .sec {
      padding-bottom: 80px; } }
  .sec .sec_wrap {
    display: flex;
    flex-wrap: wrap;
    row-gap: clamp(40px, 5vw, 60px);
    justify-content: space-between; }
  .sec .main_item {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    @media screen and (max-width: 480px) {
      .sec .main_item {
        flex-direction: column;
        row-gap: 15px; } }
    .sec .main_item .main_cont {
      display: flex;
      flex-direction: column;
      row-gap: clamp(40px, 8.334vw, 100px);
      row-gap: clamp(20px, 3.334vw, 40px);
      width: 40.42%; }
      @media screen and (max-width: 480px) {
        .sec .main_item .main_cont {
          width: 100%; } }
      .sec .main_item .main_cont .main_text {
        color: #151c39; }
        @media screen and (max-width: 480px) {
          .sec .main_item .main_cont .main_text {
            text-align: center; } }
        .sec .main_item .main_cont .main_text .en {
          font-size: clamp(20px, 3.334vw, 40px);
          margin-bottom: 1em;
          line-height: 1;
          font-weight: 500;
          letter-spacing: 0.1em; }
          @media screen and (max-width: 480px) {
            .sec .main_item .main_cont .main_text .en {
              font-size: 26px; } }
        .sec .main_item .main_cont .main_text .txt {
          font-size: clamp(16px, 1.834vw, 22px); }
          @media screen and (max-width: 480px) {
            .sec .main_item .main_cont .main_text .txt {
              font-size: 20px;
              line-height: 1.5; } }
      @media screen and (max-width: 480px) {
        .sec .main_item .main_cont .text_wrap .read {
          line-height: 1.8; } }
    .sec .main_item .img {
      width: 53.34%; }
      @media screen and (max-width: 480px) {
        .sec .main_item .img {
          width: 100%; } }
  .sec .ttl {
    color: #92762b;
    font-size: clamp(14px, 1.667vw, 20px);
    margin-bottom: 20px; }
    @media screen and (max-width: 768px) {
      .sec .ttl {
        margin-bottom: 10px; } }
    @media screen and (max-width: 480px) {
      .sec .ttl {
        font-size: 16px; } }
    .sec .ttl .s {
      font-size: 70%; }
  .sec .blue_ttl {
    color: #2575c7;
    margin-bottom: 0.5em;
    font-size: clamp(13px, 1.334vw, 16px); }
    @media screen and (max-width: 480px) {
      .sec .blue_ttl {
        font-size: 16px;
        margin-bottom: 10px; } }
  .sec .read {
    line-height: 1.87;
    font-size: clamp(12px, 1.154vw, 15px); }
    .sec .read.hf {
      height: fit-content !important; }
  .sec .item {
    width: 48.34%;
    display: flex;
    flex-direction: column;
    row-gap: 20px; }
    .sec .item.full {
      width: 100%; }
    .sec .item.sb {
      justify-content: space-between; }
    @media screen and (max-width: 480px) {
      .sec .item {
        width: 100%;
        row-gap: 15px; } }
    .sec .item.col3 {
      width: 31.09%; }
  .sec .flex_wrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    row-gap: 40px; }
  .sec .s_txt {
    font-size: clamp(12px, 1.25vw, 15px);
    line-height: 1;
    margin-bottom: 5px; }

.sec_kitchen .main_cont {
  row-gap: clamp(20px, 3.334vw, 40px); }
.sec_kitchen .item07 .img_wrap {
  display: flex;
  justify-content: space-between; }
  @media screen and (max-width: 480px) {
    .sec_kitchen .item07 .img_wrap {
      flex-wrap: wrap; } }
  .sec_kitchen .item07 .img_wrap .img_in {
    width: 48.34%; }
.sec_kitchen .item07 .cap_l {
  font-size: 10px; }
  @media screen and (max-width: 480px) {
    .sec_kitchen .item07 .cap_l {
      width: 100%;
      text-align: right;
      letter-spacing: 0; } }
.sec_kitchen .item08 {
  justify-content: space-between;
  flex-direction: row; }
  @media screen and (max-width: 480px) {
    .sec_kitchen .item08 {
      flex-direction: column;
      align-items: flex-start; } }
  .sec_kitchen .item08 .text_wrap {
    width: 48.34%;
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
    @media screen and (max-width: 480px) {
      .sec_kitchen .item08 .text_wrap {
        width: 100%; } }
  .sec_kitchen .item08 .img {
    width: 48.34%; }
    @media screen and (max-width: 480px) {
      .sec_kitchen .item08 .img {
        width: 100%; } }
.sec_kitchen .item09 {
  justify-content: space-between;
  flex-direction: row;
  align-items: flex-start; }
  @media screen and (max-width: 480px) {
    .sec_kitchen .item09 {
      flex-direction: column; } }
  .sec_kitchen .item09 .text_wrap {
    width: 48.34%;
    display: flex;
    flex-direction: column;
    row-gap: clamp(10px, 1.167vw, 14px); }
    @media screen and (max-width: 480px) {
      .sec_kitchen .item09 .text_wrap {
        width: 100%;
        row-gap: 15px; } }
    .sec_kitchen .item09 .text_wrap .in_box {
      display: flex;
      justify-content: space-between; }
      @media screen and (max-width: 480px) {
        .sec_kitchen .item09 .text_wrap .in_box {
          flex-direction: column-reverse;
          margin-top: -10px; } }
      .sec_kitchen .item09 .text_wrap .in_box .text_in {
        width: 48.28%; }
        @media screen and (max-width: 480px) {
          .sec_kitchen .item09 .text_wrap .in_box .text_in {
            width: 100%; } }
      .sec_kitchen .item09 .text_wrap .in_box .img {
        width: 46.56%; }
        @media screen and (max-width: 480px) {
          .sec_kitchen .item09 .text_wrap .in_box .img {
            width: 100%;
            margin-bottom: 10px; } }
        .sec_kitchen .item09 .text_wrap .in_box .img .cap_l {
          font-size: clamp(12px, 1.25vw, 15px); }
  .sec_kitchen .item09 .img_wrap {
    width: 48.34%; }
    @media screen and (max-width: 480px) {
      .sec_kitchen .item09 .img_wrap {
        width: 100%; } }

.sec_bathroom {
  padding-bottom: 100px; }
  @media screen and (max-width: 480px) {
    .sec_bathroom {
      padding-bottom: 40px;
      padding-bottom: 70px; } }
  .sec_bathroom .sec_wrap {
    row-gap: clamp(40px, 5vw, 60px); }
  .sec_bathroom .wrap01 .item {
    width: 31.09%;
    row-gap: 5px; }
    @media screen and (max-width: 480px) {
      .sec_bathroom .wrap01 .item {
        width: 100%; } }
    .sec_bathroom .wrap01 .item:nth-last-child(1) {
      display: flex;
      justify-content: space-between;
      flex-direction: row; }
      @media screen and (max-width: 480px) {
        .sec_bathroom .wrap01 .item:nth-last-child(1) {
          width: 100%; } }
    @media screen and (max-width: 480px) {
      .sec_bathroom .wrap01 .item .read {
        line-height: 1.4; } }
    .sec_bathroom .wrap01 .item .item_in {
      width: 48.26%; }
      @media screen and (max-width: 480px) {
        .sec_bathroom .wrap01 .item .item_in {
          width: 48%;
          width: 49.44%; } }
      .sec_bathroom .wrap01 .item .item_in .read {
        margin-top: 5px; }
  .sec_bathroom .wrap02 {
    row-gap: 20px; }
    @media screen and (max-width: 480px) {
      .sec_bathroom .wrap02 {
        row-gap: 30px; } }
    .sec_bathroom .wrap02 .text_wrap {
      width: 100%; }
    .sec_bathroom .wrap02 .item {
      width: 31.09%;
      row-gap: 5px; }
      @media screen and (max-width: 480px) {
        .sec_bathroom .wrap02 .item {
          width: 100%; } }
      @media screen and (max-width: 480px) {
        .sec_bathroom .wrap02 .item .read {
          line-height: 1.4; } }
  .sec_bathroom .cap01 {
    right: 49.14%; }
    @media screen and (max-width: 480px) {
      .sec_bathroom .cap01 {
        right: 0; } }
  @media screen and (max-width: 480px) {
    .sec_bathroom .cap02 {
      margin-top: -5px; } }

.sec_sanitary .sec_wrap {
  row-gap: clamp(40px, 6.667vw, 80px); }
.sec_sanitary .main_item .main_cont {
  width: 47.17%; }
  @media screen and (max-width: 480px) {
    .sec_sanitary .main_item .main_cont {
      width: 100%; } }
.sec_sanitary .main_item .img {
  width: 48.34%; }
  @media screen and (max-width: 480px) {
    .sec_sanitary .main_item .img {
      width: 100%; } }
.sec_sanitary .wrap01 {
  row-gap: 30px; }
  @media screen and (max-width: 480px) {
    .sec_sanitary .wrap01 {
      flex-direction: column; } }
  .sec_sanitary .wrap01 .text_wrap {
    width: 100%; }
    @media screen and (max-width: 480px) {
      .sec_sanitary .wrap01 .text_wrap .ttl {
        letter-spacing: -0.04em; } }
  .sec_sanitary .wrap01 .item01, .sec_sanitary .wrap01 .item02 {
    row-gap: clamp(20px, 2.5vw, 30px); }
    @media screen and (max-width: 1200px) {
      .sec_sanitary .wrap01 .item01 .img, .sec_sanitary .wrap01 .item02 .img {
        height: fit-content; } }
    .sec_sanitary .wrap01 .item01 .img .text, .sec_sanitary .wrap01 .item02 .img .text {
      margin-bottom: 5px;
      font-size: clamp(10px, 1.072vw, 15px); }
      @media screen and (max-width: 768px) {
        .sec_sanitary .wrap01 .item01 .img .text, .sec_sanitary .wrap01 .item02 .img .text {
          letter-spacing: -0.1em; } }
  .sec_sanitary .wrap01 .item01 {
    width: 56.67%; }
    @media screen and (max-width: 480px) {
      .sec_sanitary .wrap01 .item01 {
        width: 100%; } }
    .sec_sanitary .wrap01 .item01 .img_wrap {
      display: grid;
      grid-template-columns: 32.36% 35.3% 23.53%;
      align-content: start;
      grid-auto-flow: dense;
      column-gap: 2.95%;
      row-gap: clamp(10px, 3.917vw, 47px); }
      @media screen and (max-width: 480px) {
        .sec_sanitary .wrap01 .item01 .img_wrap {
          row-gap: 10px; } }
      .sec_sanitary .wrap01 .item01 .img_wrap .img01, .sec_sanitary .wrap01 .item01 .img_wrap .img02 {
        justify-content: flex-start; }
      .sec_sanitary .wrap01 .item01 .img_wrap .img02 {
        grid-row: 2/3;
        grid-column: 1/2; }
      .sec_sanitary .wrap01 .item01 .img_wrap .img03, .sec_sanitary .wrap01 .item01 .img_wrap .img04 {
        grid-row: span 2; }
      .sec_sanitary .wrap01 .item01 .img_wrap .img04 {
        display: flex;
        flex-direction: column;
        justify-content: space-between; }
        .sec_sanitary .wrap01 .item01 .img_wrap .img04 .text {
          letter-spacing: -0.08em; }
          @media screen and (max-width: 480px) {
            .sec_sanitary .wrap01 .item01 .img_wrap .img04 .text {
              font-size: 9px;
              letter-spacing: -0.14em !important;
              line-height: 1.2; } }
  .sec_sanitary .wrap01 .item02 {
    width: 40%; }
    @media screen and (max-width: 480px) {
      .sec_sanitary .wrap01 .item02 {
        width: 100%; } }
    .sec_sanitary .wrap01 .item02 .img_wrap {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      row-gap: 18px; }
      @media screen and (max-width: 480px) {
        .sec_sanitary .wrap01 .item02 .img_wrap {
          row-gap: 15px; } }
      .sec_sanitary .wrap01 .item02 .img_wrap .img02 {
        width: 50%; }
      .sec_sanitary .wrap01 .item02 .img_wrap .img03 {
        width: 37.5%; }
@media screen and (max-width: 480px) {
  .sec_sanitary .wrap02 {
    row-gap: 30px; } }
.sec_sanitary .wrap02 .item {
  width: 22.5%; }
  @media screen and (max-width: 480px) {
    .sec_sanitary .wrap02 .item {
      width: 48%;
      width: 100%; } }

.sec_space .cap_l {
  font-size: 10px; }
.sec_space .wrap01 .midashi_group {
  margin-bottom: 60px; }
  @media screen and (max-width: 480px) {
    .sec_space .wrap01 .midashi_group {
      width: 100%;
      margin-bottom: 40px; } }
  .sec_space .wrap01 .midashi_group .sec_ttl {
    font-size: 28px; }
    @media screen and (max-width: 480px) {
      .sec_space .wrap01 .midashi_group .sec_ttl {
        font-size: 20px; } }
  @media screen and (max-width: 480px) {
    .sec_space .wrap01 .midashi_group .read {
      text-align: left; } }
.sec_space .wrap01 .main_item {
  align-items: flex-start; }
  .sec_space .wrap01 .main_item .main_cont {
    width: 31.67%;
    row-gap: clamp(40px, 5.834vw, 70px); }
    @media screen and (max-width: 480px) {
      .sec_space .wrap01 .main_item .main_cont {
        width: 100%;
        row-gap: 20px; } }
    .sec_space .wrap01 .main_item .main_cont .ttl {
      line-height: 1.1;
      letter-spacing: -0.02em; }
    .sec_space .wrap01 .main_item .main_cont .read .small {
      font-size: 93.333%;
      letter-spacing: -0.02em;
      margin-top: 5px;
      display: inline-block; }
      @media screen and (max-width: 480px) {
        .sec_space .wrap01 .main_item .main_cont .read .small {
          margin-top: 0; } }
  .sec_space .wrap01 .main_item .img_wrap {
    width: 65.84%; }
    @media screen and (max-width: 480px) {
      .sec_space .wrap01 .main_item .img_wrap {
        width: 100%; } }
    .sec_space .wrap01 .main_item .img_wrap .img {
      width: 100%; }
.sec_space .wrap02 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 30px; }
  @media screen and (max-width: 480px) {
    .sec_space .wrap02 {
      row-gap: 16px; } }
  .sec_space .wrap02 .text_wrap .small {
    font-size: 93.333%;
    display: inline-block;
    margin-top: 5px; }
    @media screen and (max-width: 480px) {
      .sec_space .wrap02 .text_wrap .small {
        margin-top: 0; } }
  .sec_space .wrap02 .item {
    width: 31.09%;
    display: block; }
    @media screen and (max-width: 480px) {
      .sec_space .wrap02 .item {
        width: 100%; } }
  .sec_space .wrap02 .item02 {
    width: 65.59%; }
    @media screen and (max-width: 480px) {
      .sec_space .wrap02 .item02 {
        width: 100%; } }
    .sec_space .wrap02 .item02 .cap02 {
      right: 52.8%; }
    .sec_space .wrap02 .item02 .cap_l {
      padding-left: 52.61%; }
      @media screen and (max-width: 480px) {
        .sec_space .wrap02 .item02 .cap_l {
          padding-left: 0; } }
.sec_space .item.type01 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: row; }
  @media screen and (max-width: 480px) {
    .sec_space .item.type01 {
      flex-direction: column; } }
  .sec_space .item.type01 .text_wrap {
    width: 31.25%; }
    @media screen and (max-width: 480px) {
      .sec_space .item.type01 .text_wrap {
        width: 100%; } }
  .sec_space .item.type01 .img_wrap01 {
    width: 65.84%; }
    @media screen and (max-width: 480px) {
      .sec_space .item.type01 .img_wrap01 {
        width: 100%; } }
  .sec_space .item.type01 .img_wrap02 {
    width: 65.5%; }
    @media screen and (max-width: 480px) {
      .sec_space .item.type01 .img_wrap02 {
        width: 100%; } }
.sec_space .wrap03 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .sec_space .wrap03.wrap03_2 .item {
    row-gap: 0; }
    @media screen and (max-width: 480px) {
      .sec_space .wrap03.wrap03_2 .item {
        row-gap: 15px; } }
  .sec_space .wrap03 .ttl01 {
    width: 100%; }
  .sec_space .wrap03 .item {
    width: 31.09%;
    justify-content: space-between;
    row-gap: 16px; }
    @media screen and (max-width: 480px) {
      .sec_space .wrap03 .item {
        width: 100%;
        row-gap: 10px;
        margin-bottom: 40px; }
        .sec_space .wrap03 .item:nth-last-child(1) {
          margin-bottom: 0; } }
    .sec_space .wrap03 .item .read .cap_l {
      display: inline-block;
      margin-top: 5px;
      line-height: 1.4; }
    .sec_space .wrap03 .item .img.flex {
      display: flex;
      justify-content: space-between; }
      .sec_space .wrap03 .item .img.flex .img_in {
        width: 49.33%; }
        .sec_space .wrap03 .item .img.flex .img_in:nth-child(2) {
          width: 49.87%; }
.sec_space .cap01 {
  right: 50%; }

@media screen and (max-width: 480px) {
  .sec_service .midashi_group {
    width: 100%; }
    .sec_service .midashi_group .sec_ttl {
      font-size: 20px; }
    .sec_service .midashi_group .read {
      text-align: left; } }
.sec_service .cap03 {
  font-size: 10px; }
.sec_service .read .cap_l {
  display: inline-block;
  margin-top: 5px;
  line-height: 1.4; }
.sec_service .wrap01_cont {
  margin-top: -80px;
  padding-top: 80px; }
.sec_service .wrap01 {
  position: relative;
  width: 100%; }
  .sec_service .wrap01::after {
    content: '';
    position: absolute;
    inset: 0;
    border: 1px solid #1f6faa;
    pointer-events: none; }
  .sec_service .wrap01 .ttl {
    position: relative;
    background: #1f6faa;
    color: #fff;
    line-height: 1;
    margin-bottom: 0;
    padding: 15px 20px; }
    @media screen and (max-width: 480px) {
      .sec_service .wrap01 .ttl {
        font-size: 20px;
        padding: 10px;
        letter-spacing: -0.1em; } }
    .sec_service .wrap01 .ttl .en {
      line-height: 0.7;
      opacity: .3;
      position: absolute;
      bottom: 0;
      right: 0;
      font-size: clamp(20px, 3.334vw, 40px); }
  .sec_service .wrap01 .in_box {
    padding: 20px 20px 15px;
    background: url("../images/04/bg01.png") center center/cover no-repeat; }
    @media screen and (max-width: 480px) {
      .sec_service .wrap01 .in_box {
        padding: 10px; } }
    .sec_service .wrap01 .in_box .box01 {
      display: flex;
      justify-content: space-between;
      align-items: center;
      align-items: flex-start; }
      @media screen and (max-width: 480px) {
        .sec_service .wrap01 .in_box .box01 {
          flex-direction: column-reverse;
          flex-direction: column;
          row-gap: 20px; } }
      .sec_service .wrap01 .in_box .box01 .text {
        width: 69.83%;
        margin-top: 15px; }
        @media screen and (max-width: 768px) {
          .sec_service .wrap01 .in_box .box01 .text {
            margin-top: 0; } }
        @media screen and (max-width: 480px) {
          .sec_service .wrap01 .in_box .box01 .text {
            width: 100%;
            margin-top: 0; } }
        .sec_service .wrap01 .in_box .box01 .text .read {
          letter-spacing: 0.03em; }
      .sec_service .wrap01 .in_box .box01 .img {
        width: 24.14%; }
        @media screen and (max-width: 480px) {
          .sec_service .wrap01 .in_box .box01 .img {
            width: 100%;
            width: 84%;
            text-align: center;
            margin-inline: auto; } }
    .sec_service .wrap01 .in_box .box02 {
      margin-bottom: 30px;
      margin-top: -20px; }
      @media screen and (max-width: 1220px) {
        .sec_service .wrap01 .in_box .box02 {
          margin-top: 2px; } }
      @media screen and (max-width: 768px) {
        .sec_service .wrap01 .in_box .box02 {
          margin-top: 5px; } }
      @media screen and (max-width: 480px) {
        .sec_service .wrap01 .in_box .box02 {
          margin-top: 15px; } }
      .sec_service .wrap01 .in_box .box02 .icon {
        width: 80%;
        margin-inline: auto;
        margin-bottom: 5px; }
      .sec_service .wrap01 .in_box .box02 .read02 {
        color: #000; }
      .sec_service .wrap01 .in_box .box02 .s {
        font-size: 80%; }
    .sec_service .wrap01 .in_box .icon_wrap {
      margin-bottom: clamp(20px, 2.5vw, 30px);
      /*.icon {
      	display: flex;
      	justify-content: space-between;
      	width: cal_per(1160,115);
      	.read {
      		width: cal_per(115,67);
      	}
      	&.icon01 {
      		.img {
      			width: cal_per(118,34);
      		}
      		.text_in {
      			width: cal_per(118,69);
      			.ttl01 {
      				font-size: clamp_gm(12,1200,18);
      				line-height: 1;
      				color: #2575c7;
      				margin-bottom:8px;
      			}
      			.read {
      				@include lh(18,12);
      				letter-spacing: -0.1em;
      				font-size: clamp_gm(10,1200,12);
      			}
      		}
      	}
      }*/ }
      .sec_service .wrap01 .in_box .icon_wrap .img {
        margin-inline: -1%;
        text-align: center; }
    .sec_service .wrap01 .in_box .cap1 {
      font-size: 10px; }
      @media screen and (max-width: 480px) {
        .sec_service .wrap01 .in_box .cap1 {
          letter-spacing: -0.04em; } }
      .sec_service .wrap01 .in_box .cap1 a {
        color: #1f6faa;
        border-bottom: 1px solid #1f6faa; }
.sec_service .item.item01 {
  margin-bottom: -20px; }
  @media screen and (max-width: 480px) {
    .sec_service .item.item01 {
      margin-bottom: 0; } }
@media screen and (max-width: 480px) {
  .sec_service .item.col3 {
    width: 48%; } }
.sec_service .item04 {
  flex-direction: row;
  justify-content: space-between; }
  @media screen and (max-width: 480px) {
    .sec_service .item04 {
      flex-wrap: wrap; } }
  .sec_service .item04 .text_wrap {
    width: 22.5%;
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
    @media screen and (max-width: 480px) {
      .sec_service .item04 .text_wrap {
        width: 100%; } }
    @media screen and (max-width: 480px) {
      .sec_service .item04 .text_wrap .icon {
        margin-top: 10px;
        width: 50%; } }
  .sec_service .item04 .img {
    width: 74.17%; }
    @media screen and (max-width: 480px) {
      .sec_service .item04 .img {
        width: 100%; } }
.sec_service .item05 {
  row-gap: clamp(20px, 3.334vw, 40px);
  row-gap: 0; }
  @media screen and (max-width: 480px) {
    .sec_service .item05 .cap_l {
      order: 1; } }
  .sec_service .item05 .img_wrap {
    margin-top: clamp(20px, 3.334vw, 40px);
    background: #fff;
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: 20px 3.45%; }
    @media screen and (max-width: 480px) {
      .sec_service .item05 .img_wrap {
        padding: 12px;
        align-items: center; } }
    .sec_service .item05 .img_wrap::after {
      content: '';
      position: absolute;
      inset: 0;
      border: 1px solid #cccccc;
      pointer-events: none; }
    .sec_service .item05 .img_wrap .img {
      width: 16.86%; }
    .sec_service .item05 .img_wrap .text_in {
      width: 78.89%; }
      .sec_service .item05 .img_wrap .text_in .read {
        line-height: 1.6; }
.sec_service .item06 {
  row-gap: 0; }
  @media screen and (max-width: 480px) {
    .sec_service .item06 .cap_l {
      order: 1; } }
  .sec_service .item06 .img {
    margin-top: clamp(20px, 5.667vw, 68px); }
    @media screen and (max-width: 480px) {
      .sec_service .item06 .img {
        margin-top: 20px; } }
.sec_service .wrap02 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  display: grid;
  grid-template-columns: 47.5% 39.75%;
  align-items: flex-start;
  align-content: start;
  grid-auto-flow: dense;
  row-gap: clamp(20px, 2.5vw, 30px);
  row-gap: clamp(20px, 3.334vw, 40px);
  grid-auto-rows: 1fr;
  grid-template-rows: auto; }
  @media screen and (max-width: 480px) {
    .sec_service .wrap02 {
      grid-template-columns: 1fr;
      row-gap: 30px;
      grid-auto-rows: auto;
      padding-top: 80px;
      margin-top: -80px; } }
  .sec_service .wrap02 .text_wrap {
    width: 100%; }
  .sec_service .wrap02 .item_wrap {
    display: flex;
    flex-direction: column;
    row-gap: clamp(20px, 2.5vw, 30px); }
    @media screen and (max-width: 480px) {
      .sec_service .wrap02 .item_wrap {
        width: 100%; } }
    .sec_service .wrap02 .item_wrap .item {
      width: 100%;
      flex-direction: row;
      row-gap: 0;
      justify-content: space-between;
      flex-wrap: wrap;
      align-items: flex-end; }
      .sec_service .wrap02 .item_wrap .item .ttl01 {
        width: 100%; }
      .sec_service .wrap02 .item_wrap .item .img_in {
        width: 52.64%; }
      .sec_service .wrap02 .item_wrap .item .img_in_r {
        width: 42.11%; }
      .sec_service .wrap02 .item_wrap .item .img_in2 {
        padding: 25px 1.76%;
        position: relative; }
        @media screen and (max-width: 768px) {
          .sec_service .wrap02 .item_wrap .item .img_in2 {
            padding: 12px 10px; } }
        @media screen and (max-width: 480px) {
          .sec_service .wrap02 .item_wrap .item .img_in2 {
            padding: 8px 10px; } }
        .sec_service .wrap02 .item_wrap .item .img_in2::after {
          content: '';
          border: 1px solid #ccc;
          position: absolute;
          inset: 0;
          pointer-events: none; }
        @media screen and (max-width: 480px) {
          .sec_service .wrap02 .item_wrap .item .img_in2 .ttl01 {
            font-size: 13px;
            margin-bottom: 0; } }
        .sec_service .wrap02 .item_wrap .item .img_in2 .img {
          position: absolute;
          right: 6.25%;
          top: 15px;
          width: 21.67%;
          margin-left: auto;
          text-align: right;
          /*@include mq($br_tb){
          	position: relative;
          	right: auto;
          	top: auto;
          }*/ }
          @media screen and (max-width: 768px) {
            .sec_service .wrap02 .item_wrap .item .img_in2 .img {
              top: 20px;
              right: 10px;
              width: 18.58%; } }
          @media screen and (max-width: 480px) {
            .sec_service .wrap02 .item_wrap .item .img_in2 .img {
              top: 8px;
              right: 20px;
              width: 16.1%; } }
        .sec_service .wrap02 .item_wrap .item .img_in2 .read {
          letter-spacing: -0.08em;
          font-size: 13px; }
          @media screen and (max-width: 768px) {
            .sec_service .wrap02 .item_wrap .item .img_in2 .read {
              font-size: 10px;
              letter-spacing: -0.12em; } }
          @media screen and (max-width: 480px) {
            .sec_service .wrap02 .item_wrap .item .img_in2 .read {
              font-size: 10px;
              letter-spacing: -0.05em;
              line-height: 1.4; } }
  .sec_service .wrap02 .map_wrap {
    grid-row: 1/3;
    grid-column: 2/3;
    display: flex;
    flex-direction: column;
    row-gap: 15px; }
    @media screen and (max-width: 480px) {
      .sec_service .wrap02 .map_wrap {
        width: 100%;
        grid-row: span 1;
        grid-column: span 1;
        flex-direction: column-reverse; } }
    .sec_service .wrap02 .map_wrap .text_wrap .read {
      margin-bottom: 1em;
      line-height: 1; }
      @media screen and (max-width: 480px) {
        .sec_service .wrap02 .map_wrap .text_wrap .read {
          order: 1; } }
    .sec_service .wrap02 .map_wrap .text_wrap .text {
      font-size: clamp(10px, 1.084vw, 13px);
      letter-spacing: 0.02em; }
      @media screen and (max-width: 480px) {
        .sec_service .wrap02 .map_wrap .text_wrap .text {
          order: 2; } }
    @media screen and (max-width: 480px) {
      .sec_service .wrap02 .map_wrap .img {
        order: 3; } }
.sec_service .item13 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: clamp(15px, 2.5vw, 30px);
  flex-direction: row; }
  @media screen and (max-width: 480px) {
    .sec_service .item13 {
      padding-top: 80px;
      margin-top: -80px; } }
  .sec_service .item13 .text_wrap01 {
    width: 66.67%; }
    @media screen and (max-width: 480px) {
      .sec_service .item13 .text_wrap01 {
        width: 100%;
        order: 1; } }
    .sec_service .item13 .text_wrap01 .list {
      margin-bottom: clamp(25px, 2.5vw, 30px);
      display: grid;
      grid-template-columns: 68.75% 28.13%;
      align-items: flex-start;
      justify-content: space-between;
      align-content: start;
      grid-auto-flow: dense;
      row-gap: clamp(15px, 2.084vw, 25px); }
      @media screen and (max-width: 768px) {
        .sec_service .item13 .text_wrap01 .list {
          grid-template-columns: 57.45% 39.37%; } }
      @media screen and (max-width: 480px) {
        .sec_service .item13 .text_wrap01 .list {
          grid-template-columns: 1fr; } }
      .sec_service .item13 .text_wrap01 .list li:nth-child(1) {
        grid-row: 1/3; }
      .sec_service .item13 .text_wrap01 .list li .blue_ttl {
        letter-spacing: -0.02em; }
        @media screen and (max-width: 480px) {
          .sec_service .item13 .text_wrap01 .list li .blue_ttl {
            margin-bottom: 0; } }
    .sec_service .item13 .text_wrap01 .cap_l {
      font-size: 10px; }
    .sec_service .item13 .text_wrap01 .ttl01 {
      line-height: 1;
      margin-bottom: clamp(10px, 1.667vw, 20px);
      font-size: clamp(14px, 1.5vw, 18px); }
      @media screen and (max-width: 480px) {
        .sec_service .item13 .text_wrap01 .ttl01 {
          font-size: 15px; } }
  .sec_service .item13 .img {
    width: 31.09%; }
    @media screen and (max-width: 480px) {
      .sec_service .item13 .img {
        width: 70%;
        margin-bottom: 10px;
        margin-inline: auto; } }

.ls02 {
  letter-spacing: -0.02em; }

.ls03 {
  letter-spacing: -0.03em; }

.ls06 {
  letter-spacing: -0.06em; }

.ls11 {
  letter-spacing: -0.11em; }

@media screen and (max-width: 480px) {
  .ls05_sp {
    letter-spacing: -0.05em; }

  .ls02_sp {
    letter-spacing: -0.02em; }

  .ls1_sp {
    letter-spacing: -0.1em; } }
.black .cap {
  color: #333 !important; }

.no_shadow .cap {
  text-shadow: none !important; }