/* page common */
@media (min-width: 768px) {
  body {
    min-width: 950px; }

  header {
    position: fixed;
    top: 0;
    width: 100%;
    height: 80px;
    display: block;
    z-index: 100;
    background-image: url("../images/header.png");
    background-size: cover; }

  .contents_box {
    background-image: url("../images/back.png");
    background-size: 40px;
    background-position: top -5px left 0;
    width: 100%;
    margin: 80px 0 0 0;
    padding: 60px 0 80px; }
    .contents_box.green_back {
      background-image: url("../../images/main/back.png");
      background-size: cover;
      background-position: center;
      margin: 0;
      padding: 60px 0 80px; }
    .contents_box .main_box {
      width: 909px;
      margin: 0 auto;
      position: relative; }
      .contents_box .main_box .arm {
        position: absolute;
        width: 19px;
        top: 260px;
        right: 213px; }
      .contents_box .main_box .deco1 {
        position: absolute;
        width: 63px;
        top: 119px;
        left: 144px; }
      .contents_box .main_box .deco2 {
        position: absolute;
        width: 86px;
        top: 211px;
        left: 112px; }
      .contents_box .main_box .deco3 {
        position: absolute;
        width: 31px;
        top: 113px;
        right: 128px; }
      .contents_box .main_box .text1 {
        position: absolute;
        font-size: 35px;
        bottom: 194px;
        left: 312px;
        font-weight: 500; }
        .contents_box .main_box .text1 .line_box {
          border-bottom: 4px dotted #74d24a;
          display: block; }
        .contents_box .main_box .text1 .z2 {
          z-index: 2;
          position: relative; }
        .contents_box .main_box .text1 small {
          font-size: 26px;
          font-weight: 500; }
        .contents_box .main_box .text1 .line {
          background: linear-gradient(transparent 60%, #ffff00 60%);
          position: relative;
          font-weight: 500;
          height: 46px;
          display: inline-block; }
          .contents_box .main_box .text1 .line::before {
            content: "";
            clip-path: polygon(40% 0, 100% 0, 100% 100%, 0% 100%);
            background-color: #ffff00;
            position: absolute;
            top: 28px;
            left: -6px;
            width: 7px;
            height: 18px;
            display: block;
            z-index: 0; }
          .contents_box .main_box .text1 .line::after {
            content: "";
            clip-path: polygon(0 0, 100% 0, 40% 100%, 0% 100%);
            background-color: #ffff00;
            position: absolute;
            top: 28px;
            right: -4px;
            width: 7px;
            height: 18px;
            display: block;
            z-index: 0; }
      .contents_box .main_box .text2 {
        position: absolute;
        font-size: 16px;
        width: 504px;
        bottom: 76px;
        left: calc(50% - 252px); }
    .contents_box .page_title1 {
      text-align: center;
      position: relative;
      margin: 55px 0; }
      .contents_box .page_title1.t2 {
        margin: 20px 0 130px; }
      .contents_box .page_title1 .text {
        font-size: 23px;
        line-height: 1.5; }
      .contents_box .page_title1 .deco1 {
        position: absolute;
        width: 83px;
        left: calc(50% + 216px);
        top: -22px;
        z-index: 2; }
      .contents_box .page_title1 .deco2 {
        position: absolute;
        width: 58px;
        right: calc(50% + 200px);
        top: -22px;
        z-index: 2; }
    .contents_box .page_title2 {
      background-color: #74d24a;
      color: #fff;
      border: 5px solid #fff;
      border-radius: 150px;
      width: 350px;
      height: 120px;
      margin: 0 auto;
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center; }
      .contents_box .page_title2 h2 {
        font-size: 30px;
        display: block;
        margin: 0;
        line-height: 1.1; }
      .contents_box .page_title2 span {
        font-size: 12px;
        display: block;
        margin: 5px 0 0 0; } }
@media (max-width: 767.98px) {
  header {
    background-image: url("../images/header.png");
    background-size: 230%;
    height: 60px; }

  .contents_box {
    background-image: url("../images/back.png");
    background-size: 40px;
    background-position: top -5px left 0;
    width: 100%;
    padding: 50px 15px 50px;
    margin: 0; }
    .contents_box.contents_box_b {
      padding: 50px 15px 0; }
    .contents_box.green_back {
      background-image: url("../../images/main/back.png");
      background-size: 300%;
      background-position: center;
      margin: 0; }
    .contents_box .main_box {
      width: 342px;
      margin: 0 auto;
      position: relative; }
      .contents_box .main_box .arm {
        position: absolute;
        width: 9px;
        top: 243.5px;
        right: 59px; }
      .contents_box .main_box .deco1 {
        position: absolute;
        width: 37px;
        top: 58px;
        left: 36px; }
      .contents_box .main_box .deco2 {
        position: absolute;
        width: 48px;
        top: 219px;
        left: 39px; }
      .contents_box .main_box .deco3 {
        position: absolute;
        width: 17px;
        top: 58px;
        right: 35px; }
      .contents_box .main_box .text1 {
        position: absolute;
        font-size: 20px;
        position: absolute;
        top: 339px;
        left: 57%;
        transform: translate(-50%, -50%);
        width: 216px;
        font-weight: bold; }
        .contents_box .main_box .text1 .line_box {
          border-bottom: 2px dotted #74d24a;
          display: block;
          padding: 0 0 0 3px; }
        .contents_box .main_box .text1 .z2 {
          z-index: 2;
          position: relative; }
        .contents_box .main_box .text1 small {
          font-size: 18px;
          font-weight: bold; }
        .contents_box .main_box .text1 .line {
          background: linear-gradient(transparent 60%, #ffff00 60%);
          position: relative;
          height: 26px;
          display: inline-block;
          font-weight: bold; }
          .contents_box .main_box .text1 .line::before {
            content: "";
            clip-path: polygon(40% 0, 100% 0, 100% 100%, 0% 100%);
            background-color: #ffff00;
            position: absolute;
            top: 16px;
            left: -6px;
            width: 7px;
            height: 10px;
            display: block;
            z-index: 0; }
          .contents_box .main_box .text1 .line::after {
            content: "";
            clip-path: polygon(0 0, 100% 0, 40% 100%, 0% 100%);
            background-color: #ffff00;
            position: absolute;
            top: 16px;
            right: -5px;
            width: 7px;
            height: 10px;
            display: block;
            z-index: 0; }
      .contents_box .main_box .text2 {
        position: absolute;
        font-size: 14px;
        top: 460px;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 270px; }
    .contents_box .page_title1 {
      text-align: center;
      position: relative;
      width: 342px; }
      .contents_box .page_title1.t1 {
        margin: 55px auto 40px; }
        .contents_box .page_title1.t1 .deco1 {
          position: absolute;
          width: 37px;
          right: 19px;
          bottom: 6px;
          z-index: 2; }
      .contents_box .page_title1.t2 {
        margin: 0 auto 70px; }
        .contents_box .page_title1.t2 .deco1 {
          position: absolute;
          width: 37px;
          right: 6px;
          bottom: -27px;
          z-index: 2; }
        .contents_box .page_title1.t2 .deco2 {
          position: absolute;
          width: 30px;
          left: 6px;
          top: -6px;
          z-index: 2; }
      .contents_box .page_title1 .text {
        font-size: 20px;
        line-height: 1.5;
        font-weight: bold; }
    .contents_box .page_title2 {
      background-color: #74d24a;
      color: #fff;
      border: 3px solid #fff;
      border-radius: 150px;
      width: 250px;
      height: 100px;
      margin: 0 auto;
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center; }
      .contents_box .page_title2 h2 {
        font-size: 22px;
        display: block; }
      .contents_box .page_title2 span {
        font-size: 12px;
        display: block;
        margin: 5px 0 0 0; } }
@media (min-width: 768px) {
  .contents_box .white_box_title {
    width: 700px;
    margin: 60px auto 0; }
    .contents_box .white_box_title h2 {
      width: 350px;
      height: 60px;
      background-color: #74d24a;
      border-radius: 10px 10px 0 0;
      color: #fff;
      margin: 0;
      font-size: 30px;
      display: flex;
      justify-content: center;
      align-items: center; }
      .contents_box .white_box_title h2 span {
        font-size: 12px;
        margin: 0 0 0 15px; }
  .contents_box .white_box {
    width: 700px;
    margin: 0 auto;
    background-color: #fff;
    padding: 55px 30px;
    border-bottom: 3px solid #74d24a;
    border-top: 3px solid #74d24a; }
    .contents_box .white_box .flow_flex {
      display: flex;
      align-items: center;
      gap: 0 25px;
      margin: 60px 0 0 0; }
      .contents_box .white_box .flow_flex .img {
        width: 340px;
        opacity: 0; }
      .contents_box .white_box .flow_flex .text {
        width: calc(100% - 365px); }
        .contents_box .white_box .flow_flex .text h3 {
          display: flex;
          align-items: center;
          font-size: 30px; }
          .contents_box .white_box .flow_flex .text h3 span {
            background-color: #74d24a;
            color: #fff;
            width: 45px;
            height: 45px;
            display: inline-flex;
            justify-content: center;
            align-items: center;
            border-radius: 50%;
            margin: 0 10px 0 0;
            font-size: 21px; }
        .contents_box .white_box .flow_flex .text p {
          margin: 20px 0 0 0; }
      .contents_box .white_box .flow_flex:nth-child(even) .img {
        width: 320px; }
      .contents_box .white_box .flow_flex:nth-child(even) .text {
        width: calc(100% - 345px); } }
@media (max-width: 767.98px) {
  .contents_box .white_box_title {
    width: 342px;
    margin: 40px auto 0; }
    .contents_box .white_box_title h2 {
      width: 250px;
      height: 50px;
      background-color: #74d24a;
      border-radius: 10px 10px 0 0;
      color: #fff;
      margin: 0;
      font-size: 22px;
      display: flex;
      justify-content: center;
      align-items: center; }
      .contents_box .white_box_title h2 span {
        font-size: 12px;
        margin: 0 0 0 10px; }
  .contents_box .white_box {
    width: 342px;
    margin: 0 auto;
    background-color: #fff;
    padding: 30px 15px;
    border-bottom: 3px solid #74d24a;
    border-top: 3px solid #74d24a; }
    .contents_box .white_box .flow_flex {
      display: flex;
      flex-wrap: wrap;
      gap: 0 26px;
      margin: 35px 0 0 0; }
      .contents_box .white_box .flow_flex .img {
        width: 100%;
        order: 0;
        opacity: 0; }
      .contents_box .white_box .flow_flex .text {
        width: 100%;
        margin: 15px 0 0 0;
        order: 1; }
        .contents_box .white_box .flow_flex .text h3 {
          display: flex;
          align-items: center;
          font-size: 20px;
          font-weight: bold; }
          .contents_box .white_box .flow_flex .text h3 span {
            background-color: #74d24a;
            color: #fff;
            width: 34px;
            height: 34px;
            display: inline-flex;
            justify-content: center;
            align-items: center;
            border-radius: 50%;
            margin: 0 10px 0 0;
            font-size: 21px; }
        .contents_box .white_box .flow_flex .text p {
          margin: 10px 0 0 0; } }
@media (min-width: 768px) {
  .contents_box .interview_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0 26px;
    margin: 60px auto;
    width: 700px; }
    .contents_box .interview_box .img {
      width: 180px;
      position: relative; }
      .contents_box .interview_box .img p {
        font-size: 20px;
        color: #fff;
        text-align: center;
        line-height: 1.2;
        margin: 10px 0 0 0; }
      .contents_box .interview_box .img .arm {
        position: absolute;
        top: 121px;
        left: 32px;
        width: 50px; }
    .contents_box .interview_box .text {
      width: 470px;
      background-color: #fff;
      border-radius: 20px;
      padding: 34px 35px;
      font-size: 20px;
      line-height: 1.8;
      position: relative; }
      .contents_box .interview_box .text::before {
        content: "";
        background-image: url("../images/interview/img4.png");
        width: 48px;
        height: 32px;
        display: block;
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        left: -27px;
        top: 177px; }
    .contents_box .interview_box.rev .text::before {
      left: auto;
      right: -27px;
      top: 140px;
      transform: scale(-1, 1); } }
@media (max-width: 767.98px) {
  .contents_box .interview_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0 20px;
    margin: 30px auto;
    width: 345px; }
    .contents_box .interview_box .img {
      width: 100px;
      position: relative; }
      .contents_box .interview_box .img p {
        font-size: 14px;
        color: #fff;
        text-align: center;
        line-height: 1.2;
        margin: 10px 0 0 0; }
      .contents_box .interview_box .img .arm {
        position: absolute;
        top: 68px;
        left: 18px;
        width: 27px; }
    .contents_box .interview_box .text {
      width: calc(100% - 120px);
      background-color: #fff;
      border-radius: 20px;
      padding: 16px;
      font-size: 13px;
      line-height: 1.8;
      position: relative; }
      .contents_box .interview_box .text::before {
        content: "";
        background-image: url("../images/interview/img4.png");
        width: 40px;
        height: 25px;
        display: block;
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        left: -23px;
        top: 156px; }
    .contents_box .interview_box.rev .text::before {
      left: auto;
      right: -23px;
      top: 97px;
      transform: scale(-1, 1); } }
.contents_box .kadomaru_flow .title1 .color.green {
  color: #74d24a; }
.contents_box .kadomaru_flow .title1 .color.lightgreen {
  color: #d5dc21; }
.contents_box .kadomaru_flow .title1 .color.yellow {
  color: #ffff00; }
.contents_box .kadomaru_flow .title1 .color.orange {
  color: #f7ac3b; }
.contents_box .kadomaru_flow .title1 .color.red {
  color: #ed5a24; }
.contents_box .kadomaru_flow .kadomaru_flow_flex.green > div span {
  background-color: #74d24a; }
.contents_box .kadomaru_flow .kadomaru_flow_flex.lightgreen > div span {
  background-color: #9bc64a; }
.contents_box .kadomaru_flow .kadomaru_flow_flex.yellow > div span {
  background-color: #f8ea21;
  color: #40220f !important; }
.contents_box .kadomaru_flow .kadomaru_flow_flex.orange > div span {
  background-color: #f38f1e; }
.contents_box .kadomaru_flow .kadomaru_flow_flex.red > div span {
  background-color: #ed5a24; }

@media (min-width: 768px) {
  .contents_box .kadomaru_box {
    width: 950px;
    margin: 0 auto;
    background-color: #fff;
    padding: 90px 110px 65px;
    border: 5px solid #74d24a;
    border-radius: 20px;
    position: relative; }
    .contents_box .kadomaru_box .kadomaru_title1 {
      border: 5px solid #74d24a;
      background-color: #fff;
      border-radius: 90px;
      width: 350px;
      height: 90px;
      display: flex;
      justify-content: center;
      align-items: center;
      position: absolute;
      top: -45px;
      left: calc(50% - 175px); }
      .contents_box .kadomaru_box .kadomaru_title1 h3 {
        font-size: 30px;
        margin: 0 0 5px 0;
        text-align: center; }
      .contents_box .kadomaru_box .kadomaru_title1 span {
        font-size: 12px;
        display: block; }
    .contents_box .kadomaru_box .kadomaru_title2 {
      color: #006e32;
      font-size: 44px;
      text-align: center; }
      .contents_box .kadomaru_box .kadomaru_title2 small {
        font-size: 27px;
        display: inline-block;
        color: #666666; }
    .contents_box .kadomaru_box .kadomaru_flex {
      display: flex;
      align-items: center;
      gap: 0 30px;
      margin: 60px auto 0;
      width: 100%; }
      .contents_box .kadomaru_box .kadomaru_flex .img {
        width: 380px;
        opacity: 0; }
      .contents_box .kadomaru_box .kadomaru_flex .text {
        width: calc(100% - 410px);
        line-height: 1.8; }
        .contents_box .kadomaru_box .kadomaru_flex .text strong {
          margin: 0 0 10px 0;
          color: #006e32;
          font-size: 20px;
          display: block;
          line-height: 1.6;
          font-weight: 500; }
      .contents_box .kadomaru_box .kadomaru_flex:nth-child(even) .img {
        width: 324px; }
      .contents_box .kadomaru_box .kadomaru_flex:nth-child(even) .text {
        width: calc(100% - 354px); }
    .contents_box .kadomaru_box .kadomaru_title3 {
      background-color: #74d24a;
      color: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      width: 568px;
      height: 90px;
      border-radius: 90px;
      font-size: 30px;
      margin: 60px auto 55px; }
      .contents_box .kadomaru_box .kadomaru_title3 small {
        display: block;
        font-size: 12px; }
    .contents_box .kadomaru_box .kadomaru_flow .title1 {
      position: relative;
      margin: 30px 0 20px 0; }
      .contents_box .kadomaru_box .kadomaru_flow .title1 img {
        width: auto;
        height: 77px; }
      .contents_box .kadomaru_box .kadomaru_flow .title1 .fuchi {
        font-size: 80px;
        color: transparent;
        -webkit-text-stroke-width: 2px;
        -webkit-text-stroke-color: #231815;
        z-index: 2;
        position: relative;
        line-height: 1.0; }
      .contents_box .kadomaru_box .kadomaru_flow .title1 .color {
        font-size: 80px;
        position: absolute;
        left: 3px;
        top: 3px;
        z-index: 1;
        line-height: 1.0; }
    .contents_box .kadomaru_box .kadomaru_flow .kadomaru_flow_flex {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-end;
      gap: 0 40px;
      position: relative;
      padding: 26px 0 40px; }
      .contents_box .kadomaru_box .kadomaru_flow .kadomaru_flow_flex::before {
        content: "";
        width: 10px;
        height: 100%;
        position: absolute;
        top: 0;
        left: 24px;
        background-color: #74d24a;
        color: #fff; }
      .contents_box .kadomaru_box .kadomaru_flow .kadomaru_flow_flex::after {
        content: "";
        background-image: url("../images/sankaku.png");
        width: 44px;
        height: 25px;
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        bottom: -23px;
        left: 8px; }
      .contents_box .kadomaru_box .kadomaru_flow .kadomaru_flow_flex > div {
        width: 300px;
        margin: 0 0 50px 0; }
        .contents_box .kadomaru_box .kadomaru_flow .kadomaru_flow_flex > div h5 {
          font-size: 25px;
          margin: 0 0 20px 0;
          display: flex;
          align-items: center; }
          .contents_box .kadomaru_box .kadomaru_flow .kadomaru_flow_flex > div h5 span {
            color: #fff;
            width: 37px;
            height: 37px;
            display: inline-flex;
            justify-content: center;
            align-items: center;
            border-radius: 50%;
            margin: 0 10px 0 0;
            font-size: 21px; }
          .contents_box .kadomaru_box .kadomaru_flow .kadomaru_flow_flex > div h5 p {
            font-size: 25px;
            margin: 0;
            position: relative;
            top: -2px; }
        .contents_box .kadomaru_box .kadomaru_flow .kadomaru_flow_flex > div .no_img {
          opacity: 0; }
        .contents_box .kadomaru_box .kadomaru_flow .kadomaru_flow_flex > div span {
          color: #fff;
          width: 37px;
          height: 37px;
          display: inline-flex;
          justify-content: center;
          align-items: center;
          border-radius: 50%;
          margin: 0 10px 0 0;
          font-size: 21px; }
        .contents_box .kadomaru_box .kadomaru_flow .kadomaru_flow_flex > div p {
          margin: 20px 0 0 0;
          font-size: 18px; }
      .contents_box .kadomaru_box .kadomaru_flow .kadomaru_flow_flex > .full {
        width: 640px; }
        .contents_box .kadomaru_box .kadomaru_flow .kadomaru_flow_flex > .full img {
          width: 640px; }
      .contents_box .kadomaru_box .kadomaru_flow .kadomaru_flow_flex > div:last-child, .contents_box .kadomaru_box .kadomaru_flow .kadomaru_flow_flex > div:nth-last-child(2):nth-child(odd) {
        margin: 0; }
    .contents_box .kadomaru_box .kadomaru_bottom {
      display: flex;
      margin: 50px auto 0;
      justify-content: center; }
      .contents_box .kadomaru_box .kadomaru_bottom .img1 {
        width: 447px; }
      .contents_box .kadomaru_box .kadomaru_bottom .img2 {
        width: 133px;
        animation: bound 3s infinite; } }
@media (max-width: 767.98px) {
  .contents_box .kadomaru_box {
    width: 345px;
    margin: 0 auto;
    background-color: #fff;
    padding: 70px 15px 40px;
    border: 3px solid #74d24a;
    border-radius: 20px;
    position: relative; }
    .contents_box .kadomaru_box .kadomaru_title1 {
      border: 3px solid #74d24a;
      background-color: #fff;
      border-radius: 70px;
      width: 250px;
      height: 70px;
      display: flex;
      justify-content: center;
      align-items: center;
      position: absolute;
      top: -35px;
      left: calc(50% - 125px);
      text-align: center; }
      .contents_box .kadomaru_box .kadomaru_title1 h3 {
        font-size: 22px;
        margin: 0 0 5px 0;
        text-align: center; }
      .contents_box .kadomaru_box .kadomaru_title1 span {
        font-size: 12px;
        display: block;
        margin: 3px 0 0 0; }
    .contents_box .kadomaru_box .kadomaru_title2 {
      color: #006e32;
      font-size: 24px;
      text-align: center; }
      .contents_box .kadomaru_box .kadomaru_title2 small {
        font-size: 18px;
        display: inline-block;
        color: #666666; }
    .contents_box .kadomaru_box .kadomaru_flex {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 0 30px;
      margin: 35px auto 0;
      width: 100%; }
      .contents_box .kadomaru_box .kadomaru_flex .img {
        width: 100%;
        order: 0;
        opacity: 0; }
      .contents_box .kadomaru_box .kadomaru_flex .text {
        width: 100%;
        line-height: 1.6;
        order: 1;
        margin: 15px 0 0 0; }
        .contents_box .kadomaru_box .kadomaru_flex .text strong {
          margin: 0 0 10px 0;
          color: #006e32;
          font-size: 16px;
          display: block;
          line-height: 1.4;
          font-weight: 500; }
    .contents_box .kadomaru_box .kadomaru_title3 {
      background-color: #74d24a;
      color: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      width: 100%;
      height: 70px;
      border-radius: 70px;
      font-size: 20px;
      margin: 40px auto 20px; }
      .contents_box .kadomaru_box .kadomaru_title3 small {
        display: block;
        font-size: 12px; }
    .contents_box .kadomaru_box .kadomaru_flow .title1 {
      position: relative;
      margin: 30px 0 20px 0; }
      .contents_box .kadomaru_box .kadomaru_flow .title1 img {
        width: auto;
        height: 46px; }
      .contents_box .kadomaru_box .kadomaru_flow .title1 .fuchi {
        font-size: 46px;
        color: transparent;
        -webkit-text-stroke-width: 1.5px;
        -webkit-text-stroke-color: #231815;
        z-index: 2;
        position: relative;
        line-height: 1.0; }
      .contents_box .kadomaru_box .kadomaru_flow .title1 .color {
        font-size: 46px;
        position: absolute;
        left: 2px;
        top: 2px;
        z-index: 1;
        line-height: 1.0; }
    .contents_box .kadomaru_box .kadomaru_flow .kadomaru_flow_flex {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-end;
      gap: 0 40px;
      position: relative;
      padding: 26px 0 30px 30px; }
      .contents_box .kadomaru_box .kadomaru_flow .kadomaru_flow_flex::before {
        content: "";
        width: 7px;
        height: 100%;
        position: absolute;
        top: 0;
        left: 4px;
        background-color: #74d24a;
        color: #fff; }
      .contents_box .kadomaru_box .kadomaru_flow .kadomaru_flow_flex::after {
        content: "";
        background-image: url("../images/sankaku.png");
        width: 30px;
        height: 20px;
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        bottom: -17px;
        left: -7px; }
      .contents_box .kadomaru_box .kadomaru_flow .kadomaru_flow_flex > div {
        width: 300px;
        margin: 0 0 40px 0; }
        .contents_box .kadomaru_box .kadomaru_flow .kadomaru_flow_flex > div h5 {
          font-size: 20px;
          margin: 0 0 5px 0;
          display: flex;
          align-items: center; }
          .contents_box .kadomaru_box .kadomaru_flow .kadomaru_flow_flex > div h5 span {
            color: #fff;
            width: 34px;
            height: 34px;
            display: inline-flex;
            justify-content: center;
            align-items: center;
            border-radius: 50%;
            margin: 0 10px 0 0;
            font-size: 21px; }
          .contents_box .kadomaru_box .kadomaru_flow .kadomaru_flow_flex > div h5 p {
            font-size: 20px;
            margin: 0;
            position: relative;
            top: -2px; }
        .contents_box .kadomaru_box .kadomaru_flow .kadomaru_flow_flex > div .no_img {
          opacity: 0; }
        .contents_box .kadomaru_box .kadomaru_flow .kadomaru_flow_flex > div span {
          color: #fff;
          width: 37px;
          height: 37px;
          display: inline-flex;
          justify-content: center;
          align-items: center;
          border-radius: 50%;
          margin: 0 10px 0 0;
          font-size: 21px; }
        .contents_box .kadomaru_box .kadomaru_flow .kadomaru_flow_flex > div p {
          margin: 10px 0 0 0;
          font-size: 15px; }
      .contents_box .kadomaru_box .kadomaru_flow .kadomaru_flow_flex > .full {
        width: 640px; }
        .contents_box .kadomaru_box .kadomaru_flow .kadomaru_flow_flex > .full img {
          width: 640px; }
      .contents_box .kadomaru_box .kadomaru_flow .kadomaru_flow_flex > div:last-child {
        margin: 0; }
    .contents_box .kadomaru_box .kadomaru_bottom {
      margin: 20px auto 0;
      justify-content: center;
      display: flex;
      flex-wrap: wrap; }
      .contents_box .kadomaru_box .kadomaru_bottom .img1 {
        width: 301px;
        order: 1; }
      .contents_box .kadomaru_box .kadomaru_bottom .img2 {
        width: 100px;
        margin: 0;
        animation: bound 3s infinite;
        order: 0;
        position: relative;
        top: 8px; } }
.bottom_menu {
  display: flex;
  gap: 0 30px;
  margin: 100px auto -85px;
  position: relative;
  justify-content: center; }
  .bottom_menu a {
    color: #fff !important; }
    .bottom_menu a.nolink {
      background-color: #e2e2e2;
      color: #fff; }
      .bottom_menu a.nolink::before {
        background-image: url("../images/arrow_gray.svg"); }

@media (min-width: 768px) {
  .bottom_menu {
    display: flex;
    gap: 0 30px;
    margin: 100px auto -85px;
    position: relative;
    justify-content: center; }
    .bottom_menu a {
      background-color: #74d24a;
      color: #fff;
      width: 250px;
      height: 50px;
      border-radius: 60px;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 30px;
      position: relative; }
      .bottom_menu a::before {
        content: "";
        background-image: url("../images/arrow.svg");
        width: 40px;
        height: 40px;
        background-size: 40px 40px;
        display: block;
        position: absolute;
        right: 5px;
        top: 5px; }
      .bottom_menu a:hover {
        color: #fff !important; }
    .bottom_menu .deco1 {
      position: absolute;
      top: 26px;
      left: calc(50% - 354px);
      width: 63px; }

  .pagetop {
    margin: 0 15px 0 auto; } }
@media (max-width: 767.98px) {
  .bottom_menu {
    display: flex;
    flex-wrap: wrap;
    gap: 0 30px;
    margin: 60px auto 0;
    position: relative;
    justify-content: center;
    max-width: 400px; }
    .bottom_menu a {
      background-color: #74d24a;
      color: #fff;
      width: 250px;
      height: 50px;
      border-radius: 60px;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 26px;
      position: relative;
      margin: 0 0 20px 0; }
      .bottom_menu a::before {
        content: "";
        background-image: url("../images/arrow.svg");
        width: 40px;
        height: 40px;
        background-size: 40px 40px;
        display: block;
        position: absolute;
        right: 5px;
        top: 5px; }
      .bottom_menu a:hover {
        color: #fff !important; }
    .bottom_menu .deco1 {
      position: absolute;
      top: 126px;
      left: calc(50% - 160px);
      width: 46px; }

  .pagetop {
    margin: 0 0 0 auto; } }
