/*! Writen  by SCSS */
.cv_sec {
  padding-top: clamp(50px, 6.67%, 80px); }

body {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal; }

.inner_main {
  display: flex;
  padding-bottom: 80px; }
  @media screen and (max-width: 480px) {
    .inner_main {
      display: block;
      padding-bottom: 50px; } }
  .inner_main .txt_img {
    width: 60.34%;
    background: #3ca3ce;
    display: grid;
    place-items: center; }
    @media screen and (max-width: 480px) {
      .inner_main .txt_img {
        width: 100%;
        padding: 20px 0; }
        .inner_main .txt_img img {
          display: block;
          margin-inline: auto;
          width: 60%; } }
  .inner_main .img {
    width: 72.92%; }
    @media screen and (max-width: 480px) {
      .inner_main .img {
        width: 100%; } }
    .inner_main .img img {
      width: 100%; }

.sec_ttl {
  line-height: 1.5; }

.inner {
  max-width: 1000px; }

.ttl01 {
  width: 100%;
  font-size: clamp(20px, 1.834vw, 22px);
  line-height: 1;
  font-weight: bold; }
  .ttl01.bg {
    background: #3ca3ce;
    color: #fff;
    width: 100%;
    text-align: center;
    padding: 10px; }
  .ttl01.icon {
    position: relative;
    display: flex;
    column-gap: 10px;
    align-items: center; }
    .ttl01.icon::after, .ttl01.icon::before {
      content: '';
      width: 100%;
      height: 1px;
      background: #000; }
    .ttl01.icon span {
      flex-shrink: 0; }

.btn {
  max-width: 650px;
  background: #004299;
  color: #fff;
  text-align: center;
  margin-inline: auto;
  line-height: 1.34;
  display: block;
  padding: 15px 0;
  font-size: clamp(16px, 2vw, 24px);
  transition: opacity 0.3s ease-in-out 0s; }
  @media (hover: hover) {
    .btn:hover {
      opacity: .7; } }
  .btn .txt01 {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 5px; }
    .btn .txt01 .icon {
      width: 10px;
      height: 14px;
      background: #fff;
      clip-path: polygon(100% 50%, 0 0, 0 100%); }

.ls05 {
  letter-spacing: -0.05em; }

.sec01 .sec01_wrap01 {
  display: flex;
  align-items: center;
  margin-bottom: clamp(50px, 8.334vw, 100px); }
  @media screen and (max-width: 480px) {
    .sec01 .sec01_wrap01 {
      flex-direction: column;
      row-gap: 20px; } }
  .sec01 .sec01_wrap01 .txt {
    font-size: clamp(16px, 2vw, 24px); }
    @media screen and (max-width: 480px) {
      .sec01 .sec01_wrap01 .txt {
        text-align: center; } }
  .sec01 .sec01_wrap01 .img {
    width: 47.1%; }
    @media screen and (max-width: 480px) {
      .sec01 .sec01_wrap01 .img {
        width: 100%; } }
.sec01 .sec01_wrap02 {
  margin-bottom: clamp(50px, 6.667vw, 80px);
  flex-wrap: wrap;
  row-gap: clamp(20px, 3.334vw, 40px); }
.sec01 .sec01_wrap03 .ttl01 {
  margin-bottom: clamp(30px, 8.334vw, 100px); }
.sec01 .sec01_wrap03 .item_wrap {
  flex-wrap: wrap;
  row-gap: clamp(30px, 5vw, 60px);
  margin-bottom: 40px; }
  @media screen and (max-width: 480px) {
    .sec01 .sec01_wrap03 .item_wrap {
      flex-direction: column;
      margin-bottom: 30px; } }
  .sec01 .sec01_wrap03 .item_wrap .item {
    width: 48%;
    display: flex;
    flex-direction: column;
    row-gap: clamp(10px, 1.25vw, 15px); }
    @media screen and (max-width: 480px) {
      .sec01 .sec01_wrap03 .item_wrap .item {
        width: 100%; } }
    .sec01 .sec01_wrap03 .item_wrap .item .ttl {
      font-size: clamp(16px, 1.834vw, 22px);
      line-height: 1; }
@media screen and (max-width: 480px) {
  .sec01 .sec01_wrap03 .cap_r {
    text-align: left; } }

.sec02 {
  margin-bottom: 80px; }
  @media screen and (max-width: 480px) {
    .sec02 {
      margin-bottom: 50px; } }
  .sec02 .sec02_wrap01 {
    text-align: center;
    margin-bottom: clamp(30px, 6.667vw, 80px);
    padding-bottom: clamp(30px, 6.667vw, 80px);
    border-bottom: 1px solid #a1a1a1; }
    .sec02 .sec02_wrap01 .txt01 {
      position: relative;
      background: #061047;
      max-width: 240px;
      margin-inline: auto;
      color: #fff;
      text-align: center;
      padding: 15px 0;
      line-height: 1;
      margin-bottom: clamp(20px, 2.917vw, 35px); }
      .sec02 .sec02_wrap01 .txt01::after {
        content: '';
        width: 20px;
        height: 10px;
        position: absolute;
        top: 98%;
        background: #061047;
        clip-path: polygon(50% 100%, 0 0, 100% 0);
        right: 0;
        left: 0;
        text-align: centerl;
        margin-inline: auto; }
    .sec02 .sec02_wrap01 .txt02 {
      font-weight: bold;
      font-size: clamp(26px, 3.334vw, 40px);
      line-height: 1;
      margin-bottom: clamp(15px, 2.084vw, 25px); }
  .sec02 .sec02_wrap02 {
    row-gap: clamp(40px, 5.417vw, 65px);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 8%; }
    .sec02 .sec02_wrap02 .wrap01 {
      width: 100%;
      display: flex;
      column-gap: 15px;
      align-items: center;
      justify-content: center; }
      @media screen and (max-width: 480px) {
        .sec02 .sec02_wrap02 .wrap01 {
          flex-direction: column;
          row-gap: 15px; } }
      .sec02 .sec02_wrap02 .wrap01 .txt {
        font-size: clamp(16px, 2vw, 24px); }
        @media screen and (max-width: 480px) {
          .sec02 .sec02_wrap02 .wrap01 .txt {
            text-align: center; } }
      .sec02 .sec02_wrap02 .wrap01 .img {
        width: 19.2%; }
        @media screen and (max-width: 480px) {
          .sec02 .sec02_wrap02 .wrap01 .img {
            width: 100%;
            max-width: 170px;
            margin-inline: auto; } }
    .sec02 .sec02_wrap02 .wrap02, .sec02 .sec02_wrap02 .wrap03 {
      width: 41.4%;
      display: flex;
      flex-direction: column;
      row-gap: clamp(20px, 2.5vw, 30px); }
      @media screen and (max-width: 480px) {
        .sec02 .sec02_wrap02 .wrap02, .sec02 .sec02_wrap02 .wrap03 {
          width: 100%; } }
      .sec02 .sec02_wrap02 .wrap02 .item .color, .sec02 .sec02_wrap02 .wrap03 .item .color {
        color: #c54858; }
      .sec02 .sec02_wrap02 .wrap02 .item .btn01, .sec02 .sec02_wrap02 .wrap03 .item .btn01 {
        display: flex;
        justify-content: center;
        align-items: center;
        column-gap: 15px;
        padding: 15px 0;
        background: #000;
        color: #fff;
        line-height: 1.2;
        font-size: clamp(16px, 1.667vw, 20px); }
    .sec02 .sec02_wrap02 .wrap02 .tel {
      line-height: 1;
      display: block;
      font-size: clamp(30px, 4vw, 48px);
      font-weight: bold; }
      .sec02 .sec02_wrap02 .wrap02 .tel .small {
        font-size: 65%;
        display: inline-block;
        margin-right: 5px; }
    .sec02 .sec02_wrap02 .wrap03 .item .btn01 {
      background: #b6282c; }

.sec03 {
  padding: 80px 0;
  background: #f3f1ea; }
  @media screen and (max-width: 480px) {
    .sec03 {
      padding: 50px 0; } }
  .sec03 .sec03_wrap01 .item_wrap {
    font-size: clamp(16px, 1.834vw, 22px); }
    @media screen and (max-width: 480px) {
      .sec03 .sec03_wrap01 .item_wrap {
        flex-wrap: wrap;
        row-gap: 20px; } }
    .sec03 .sec03_wrap01 .item_wrap .item {
      width: 21%;
      display: flex;
      flex-direction: column;
      row-gap: clamp(10px, 1.667vw, 20px); }
      @media screen and (max-width: 480px) {
        .sec03 .sec03_wrap01 .item_wrap .item {
          width: 100%; } }
      .sec03 .sec03_wrap01 .item_wrap .item .txt {
        font-weight: bold; }
      .sec03 .sec03_wrap01 .item_wrap .item .txt01 {
        line-height: 1; }
      .sec03 .sec03_wrap01 .item_wrap .item .txt02 {
        line-height: 1.55; }
  .sec03 .sec03_wrap02 .txt01 {
    font-size: clamp(18px, 2.334vw, 28px); }
  .sec03 .sec03_wrap02 .item_wrap {
    justify-content: center;
    align-items: flex-end;
    column-gap: 5%; }
    .sec03 .sec03_wrap02 .item_wrap .icon {
      transform: translate(0px, -200%); }
    .sec03 .sec03_wrap02 .item_wrap .img:nth-child(1) {
      margin-right: -2%; }
    .sec03 .sec03_wrap02 .item_wrap .img:nth-child(5) {
      margin-left: -2%; }

.cv_sec {
  display: none; }

/*# sourceMappingURL=online.css.map */