@charset "UTF-8";
/*===============================================================
	読み込み
===============================================================*/
/*===============================================================
	変数
===============================================================*/
/*　画面左右のマージン　*/
/*　幅　*/
/*	グリッド幅  */
/*	セクション、コンテンツ間のマージン　*/
:root {
  /*

  .hoge {
  	transition: all 1s var(--ease-elastic-out);
  	opacity: 1;
  }

  */
  /* Sine（もっとも弱い） */
  --ease-sine-in: cubic-bezier(0.47, 0, 0.745, 0.715);
  --ease-sine-out: cubic-bezier(0.39, 0.575, 0.565, 1);
  --ease-sine-inout: cubic-bezier(0.445, 0.05, 0.55, 0.95);
  /* Quad（弱め。Sineより強く、Cubicより弱い） */
  --ease-quad-in: cubic-bezier(0.55, 0.085, 0.68, 0.53);
  --ease-quad-out: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ease-quad-inout: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  /* Cubic（Quadより強く、Quartより弱い） */
  --ease-cubic-in: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  --ease-cubic-out: cubic-bezier(0.215, 0.61, 0.355, 1);
  --ease-cubic-inout: cubic-bezier(0.645, 0.045, 0.355, 1);
  /* Quart（Cubicより強く、Quintより弱い） */
  --ease-quart-in: cubic-bezier(0.895, 0.03, 0.685, 0.22);
  --ease-quart-out: cubic-bezier(0.165, 0.84, 0.44, 1);
  --ease-quart-inout: cubic-bezier(0.77, 0, 0.175, 1);
  /* Quint（Quartより強く、Expoより弱い） */
  --ease-quint-in: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  --ease-quint-out: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-quint-inout: cubic-bezier(0.86, 0, 0.07, 1);
  /* Expo（もっとも強い） */
  --ease-expo-in: cubic-bezier(0.95, 0.05, 0.795, 0.035);
  --ease-expo-out: cubic-bezier(0.19, 1, 0.22, 1);
  --ease-expo-inout: cubic-bezier(1, 0, 0, 1);
  /* Circ（Expoのような強さを持つが、加速や減速の時間がよりゆるやか。） */
  --ease-circ-in: cubic-bezier(0.6, 0.04, 0.98, 0.335);
  --ease-circ-out: cubic-bezier(0.075, 0.82, 0.165, 1);
  --ease-circ-inout: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  /* Back（少し行き過ぎてから戻ってくるような動き） */
  --ease-back-in: cubic-bezier(0.6, -0.28, 0.735, 0.045);
  --ease-back-out: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  --ease-back-inout: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  /* ぼよんぼよんする動き */
  --ease-elastic-out: linear(0, 0.2178 2.1%, 1.1144 8.49%, 1.2959 10.7%, 1.3463 11.81%, 1.3705 12.94%, 1.3726, 1.3643 14.48%, 1.3151 16.2%, 1.0317 21.81%, 0.941 24.01%, 0.8912 25.91%, 0.8694 27.84%, 0.8698 29.21%, 0.8824 30.71%, 1.0122 38.33%, 1.0357, 1.046 42.71%, 1.0416 45.7%, 0.9961 53.26%, 0.9839 57.54%, 0.9853 60.71%, 1.0012 68.14%, 1.0056 72.24%, 0.9981 86.66%, 1);
  /* バウンス */
  --ease-bounce-out: linear(0, 0.004, 0.016, 0.035, 0.063 9.1%, 0.141, 0.25, 0.391, 0.563, 0.765, 1, 0.891, 0.813 45.5%, 0.785, 0.766, 0.754, 0.75, 0.754, 0.766, 0.785, 0.813 63.6%, 0.891, 1 72.7%, 0.973, 0.953, 0.941, 0.938, 0.941, 0.953, 0.973, 1, 0.988, 0.984, 0.988, 1);
}

/*===============================================================
	色 _color.scss
===============================================================*/
.color_main {
  color: #333;
}

.color_main_hover {
  color: #252525;
}

.color_sub {
  color: #ccc;
}

.color_sub_hover {
  color: #ddd;
}

.color_red {
  color: #CD7B77;
}

.color_red_hover {
  color: #da645e;
}

.color_brown {
  color: #847865;
}

.color_brown_hover {
  color: #6d614e;
}

.color_light_brown {
  color: #F1EDE7;
}

.color_light_brown_hover {
  color: #dcd6ce;
}

.color_blue {
  color: #10719D;
}

.color_blue_hover {
  color: #0a658f;
}

.color_light_blue {
  color: #ECF5F7;
}

.color_green {
  color: #7DD090;
}

.color_light_green {
  color: #D6F0DC;
}

.color_orange {
  color: #E69901;
}

.color_purple {
  color: #c001e6;
}

.color_yellow {
  color: #fc0;
}

.color_light_yellow {
  color: #FFF5E0;
}

.color_beige {
  color: #F4F3E9;
}

.color_beige_dark {
  color: #e0decf;
}

.color_pink {
  color: #FD004E;
}

.color_light_pink {
  color: #FCEFF2;
}

.color_gray {
  color: #666;
}

.color_white {
  color: #fff;
}

.color_light_gray {
  color: #8F8F8F;
}

.color_key {
  color: #5987EF;
}

/*===============================================================
潮だまり財団
===============================================================*/
/*===============================================================

    section_page_title

===============================================================*/
.section_page_title {
  position: relative;
  background-color: #000;
  height: 50rem;
}
.section_page_title [class^=c_wave] {
  z-index: 3;
}
.section_page_title .section_inner {
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .section_page_title {
    height: 80vw;
  }
}
.section_page_title {
  /*-------------------------------------------------------------
  kv_img
  -------------------------------------------------------------*/
}
.section_page_title .kv_img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50rem;
  overflow: hidden;
  z-index: 1;
}
.section_page_title .kv_img img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  width: 100%;
  height: 50rem;
}
@media screen and (max-width: 767px) {
  .section_page_title .kv_img {
    height: 80vw;
  }
  .section_page_title .kv_img img {
    height: 80vw;
  }
}
.section_page_title {
  /*-------------------------------------------------------------
  title_block
  -------------------------------------------------------------*/
}
.section_page_title .title_block {
  color: #fff;
}
.section_page_title .title_block .title {
  letter-spacing: 0.05em;
  font-size: 8.5rem;
  line-height: 0.8;
}
.section_page_title .title_block .title .en {
  font-weight: 200;
}
.section_page_title .title_block .title .ja {
  font-size: 2.4rem;
  padding-left: 1em;
  letter-spacing: 0.15em;
}
.section_page_title .title_block p {
  font-size: 2.6rem;
  line-height: 1.8;
  letter-spacing: 0.15em;
  margin-top: 1.5em;
}
@media screen and (max-width: 767px) {
  .section_page_title .title_block .title {
    font-size: 10vw;
    line-height: 0.8;
  }
  .section_page_title .title_block .title .en {
    font-weight: 200;
    display: block;
  }
  .section_page_title .title_block .title .ja {
    font-size: 3.2vw;
    padding: 0;
    margin-top: 0.3em;
  }
  .section_page_title .title_block p {
    font-size: 3.5vw;
    line-height: 1.8;
    margin-top: 1.5em;
  }
}

/*===============================================================

    section_bg

===============================================================*/
.bg_white,
.section_bg_white {
  background-color: #fff;
}

.bg_lightblue,
.section_bg_lightblue {
  background-color: #F1F9FE;
}

/*===============================================================

    section_action

===============================================================*/
.section_action {
  /*===============================================================
  header_block
  ===============================================================*/
}
.section_action .header_block .label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 3.6rem;
  line-height: 1;
  color: #0083CE;
  font-weight: 100;
  letter-spacing: 0.1em;
}
.section_action .header_block .label .num {
  display: inline-block;
  background-color: #0083CE;
  text-align: center;
  color: #fff;
  border-radius: 10rem;
  width: 7rem;
  height: 7rem;
  font-size: 5.4rem;
  line-height: 7rem;
  margin-left: 0.1em;
  vertical-align: middle;
  -webkit-transform: translateY(-0.05em);
          transform: translateY(-0.05em);
  letter-spacing: 0;
}
.section_action .header_block .title {
  font-size: 7.2rem;
  line-height: 1;
  font-weight: 100;
  letter-spacing: 0.08em;
  margin-top: 0.3em;
}
.section_action .header_block .title .jp {
  font-size: 30%;
  color: #0083CE;
  margin-left: 1em;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .section_action .header_block .label {
    font-size: 6vw;
  }
  .section_action .header_block .label .num {
    border-radius: 20vw;
    width: 10vw;
    height: 10vw;
    font-size: 8vw;
    line-height: 10vw;
    -webkit-transform: translateY(-0.05em);
            transform: translateY(-0.05em);
  }
  .section_action .header_block .title {
    font-size: 8.5vw;
  }
  .section_action .header_block .title .jp {
    display: block;
    font-size: 3.5vw;
    margin-left: 0;
    margin-top: 1em;
  }
}
.section_action {
  /*===============================================================
  read_block
  ===============================================================*/
}
.section_action .read_block {
  letter-spacing: 0.05em;
  margin-top: 8rem;
}
.section_action .read_block .title {
  font-size: 2.8rem;
  line-height: 2;
  color: #0083CE;
}
.section_action .read_block p {
  font-size: 1.7rem;
  line-height: 2;
}
.section_action .read_block * + p {
  margin-top: 2em;
}
@media screen and (max-width: 767px) {
  .section_action .read_block {
    margin-top: 5vw;
  }
  .section_action .read_block .title {
    font-size: 5vw;
    line-height: 2;
  }
  .section_action .read_block p {
    font-size: 3.5vw;
  }
  .section_action .read_block * + p {
    margin-top: 1em;
  }
}
.section_action {
  /*===============================================================
  action1_block
  ===============================================================*/
}
.section_action .action1_block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.section_action .action1_block .read_block {
  width: 50%;
}
.section_action .action1_block .fig_block {
  width: 50%;
}
.section_action .action1_block .fig_block .fig {
  margin-bottom: -10rem;
  margin-right: -3rem;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
@media screen and (max-width: 1200px) {
  .section_action .action1_block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .section_action .action1_block .read_block {
    width: 100%;
  }
  .section_action .action1_block .read_block .pc {
    display: none;
  }
  .section_action .action1_block .fig_block {
    width: 100%;
  }
  .section_action .action1_block .fig_block .fig {
    -webkit-transform: scale(1);
            transform: scale(1);
    max-width: 70rem;
    margin: 0 auto;
    margin-top: 5rem;
  }
}
@media screen and (max-width: 767px) {
  .section_action .action1_block .fig_block {
    width: 100vw;
    margin: 0 calc(50% - 50vw);
  }
  .section_action .action1_block .fig_block .fig {
    margin-top: 8vw;
  }
}
.section_action {
  /*===============================================================
  action2_block
  ===============================================================*/
}
.section_action .action2_block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 5rem;
}
.section_action .action2_block .case {
  width: calc((100% - 10rem) / 2);
}
@media screen and (max-width: 1070px) {
  .section_action .action2_block .case {
    width: calc((100% - 5rem) / 2);
  }
}
@media screen and (max-width: 767px) {
  .section_action .action2_block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 8vw;
  }
  .section_action .action2_block .case {
    width: 100%;
  }
  .section_action .action2_block .case + .case {
    margin-top: 8vw;
  }
}
.section_action .action2_block {
  /*-------------------------------------------------------------
  case
  -------------------------------------------------------------*/
}
.section_action .action2_block .case {
  letter-spacing: 0.1em;
}
.section_action .action2_block .case .label .font_en {
  font-size: 5.2rem;
  line-height: 1;
  font-weight: 100;
}
.section_action .action2_block .case .label .ja {
  font-size: 2.4rem;
  line-height: 1;
  color: #0083CE;
  padding-left: 0.3em;
  letter-spacing: 0.2em;
}
.section_action .action2_block .case .subtitle {
  font-size: 2.3rem;
  line-height: 2;
  font-weight: 400;
  margin-top: 3rem;
}
.section_action .action2_block .case p {
  margin-top: 3rem;
  font-size: 1.7rem;
  line-height: 2;
}
.section_action .action2_block .case .fig {
  border-radius: 2rem;
  overflow: hidden;
  margin-top: 3rem;
}
@media screen and (max-width: 767px) {
  .section_action .action2_block .case .label .font_en {
    font-size: 8vw;
  }
  .section_action .action2_block .case .label .ja {
    font-size: 3.5vw;
  }
  .section_action .action2_block .case .subtitle {
    font-size: 4vw;
    margin-top: 3vw;
  }
  .section_action .action2_block .case p {
    margin-top: 3vw;
    font-size: 3.5vw;
    line-height: 2;
  }
  .section_action .action2_block .case .fig {
    border-radius: 3vw;
    margin-top: 5vw;
  }
}
.section_action {
  /*===============================================================
  action3_block
  ===============================================================*/
}
.section_action .action3_block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: 2em;
  gap: 2rem;
}
.section_action .action3_block .fig01 {
  width: 45rem;
  border-radius: 2rem;
  overflow: hidden;
}
.section_action .action3_block .fig02 {
  width: 22.5rem;
  -webkit-box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.3);
}
@media screen and (max-width: 1200px) {
  .section_action .action3_block .pc {
    display: none;
  }
  .section_action .action3_block .txt {
    width: 100%;
  }
  .section_action .action3_block .fig01 {
    width: 64%;
  }
  .section_action .action3_block .fig02 {
    width: 32%;
  }
}
@media screen and (max-width: 767px) {
  .section_action .action3_block {
    margin-top: 5vw;
    gap: 0;
  }
  .section_action .action3_block .fig01 {
    border-radius: 3vw;
  }
  .section_action .action3_block .fig {
    margin-top: 5vw;
  }
}
.section_action {
  /*===============================================================
  case_block
  ===============================================================*/
}
.section_action .case_block {
  border-radius: 2rem;
  overflow: hidden;
  margin-top: 8rem;
}
.section_action .case_block .case {
  background-color: #fff;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.section_action .case_block .case .fig_block,
.section_action .case_block .case .txt_block {
  width: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .section_action .case_block {
    border-radius: 3vw;
    margin-top: 10vw;
  }
  .section_action .case_block .case {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .section_action .case_block .case .fig_block,
  .section_action .case_block .case .txt_block {
    width: 100%;
  }
}
.section_action .case_block {
  /*-------------------------------------------------------------
  txt_block
  -------------------------------------------------------------*/
}
.section_action .case_block .txt_block {
  padding: 6rem 5rem;
  padding-top: 7rem;
  letter-spacing: 0.05em;
}
.section_action .case_block .txt_block .label {
  position: absolute;
  top: 0;
  left: 0;
  width: 18rem;
  background-color: #0083CE;
  color: #fff;
  text-align: center;
  font-size: 2.1rem;
  line-height: 4.5rem;
  border-radius: 0 0 2rem 0;
  letter-spacing: 0.1em;
}
.section_action .case_block .txt_block .title {
  color: #0083CE;
  font-size: 2.8rem;
  line-height: 1.5;
  letter-spacing: 0.1em;
}
.section_action .case_block .txt_block p {
  font-size: 1.7rem;
  line-height: 1.9;
  margin-top: 1em;
}
@media screen and (max-width: 1200px) {
  .section_action .case_block .txt_block .pc {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .section_action .case_block .txt_block {
    padding: 8vw 5vw;
    padding-top: 15vw;
    letter-spacing: 0.05em;
  }
  .section_action .case_block .txt_block .label {
    width: 40vw;
    font-size: 3.5vw;
    line-height: 1;
    padding: 3vw;
    border-radius: 0 0 3vw 0;
  }
  .section_action .case_block .txt_block .title {
    font-size: 5vw;
  }
  .section_action .case_block .txt_block p {
    font-size: 3.5vw;
    line-height: 1.9;
    margin-top: 1em;
  }
}
.section_action .case_block {
  /*-------------------------------------------------------------
  fig_block
  -------------------------------------------------------------*/
}
.section_action .case_block .fig_block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.section_action .case_block .fig_block .fig {
  width: 100%;
  height: 100%;
}
.section_action .case_block .fig_block img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}
.section_action .case_block {
  /*===============================================================
  case
  ===============================================================*/
}
.section_action .case_block .case:nth-child(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.section_action .case_block .case:nth-child(even) .fig_block {
  border-radius: 2rem 0 0 0;
}
.section_action .case_block .case:nth-child(even) .txt_block .label {
  right: 0;
  left: auto;
  border-radius: 0 0 0 2rem;
}
@media screen and (max-width: 767px) {
  .section_action .case_block .case:nth-child(even) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .section_action .case_block .case:nth-child(even) .fig_block {
    border-radius: 3vw 0 0 0;
  }
  .section_action .case_block .case:nth-child(even) .txt_block .label {
    border-radius: 0 0 0 3vw;
  }
}
/*# sourceMappingURL=action.css.map */