/* page common */
@media (min-width: 768px) {
  .contents_box .main_box .arm {
    position: absolute;
    width: 44px;
    top: 240px;
    right: 206px; }
  .contents_box .main_box .text1 {
    position: absolute;
    font-size: 35px;
    bottom: 166px;
    left: 242px;
    font-weight: 500; }
  .contents_box .page_title1 .deco1 {
    left: calc(50% + 180px); }
  .contents_box .page_title1.t3 {
    margin: 20px 0 130px; }
    .contents_box .page_title1.t3 .deco1 {
      position: absolute;
      width: 83px;
      left: calc(50% + 266px);
      top: -8px;
      z-index: 2; }
    .contents_box .page_title1.t3 .deco2 {
      position: absolute;
      width: 58px;
      right: calc(50% + 274px);
      top: 40px;
      z-index: 2; }

  .contents_box_b {
    padding: 136px 0 80px; } }
@media (max-width: 767.98px) {
  .contents_box .main_box .arm {
    position: absolute;
    width: 20px;
    top: 232px;
    right: 58px; }
  .contents_box .main_box .text2 {
    top: 446px; }
  .contents_box .page_title1.t1 .deco1 {
    right: 8px;
    bottom: -11px; }
  .contents_box .page_title1.t3 {
    margin: 0 auto 70px; }
    .contents_box .page_title1.t3 .deco1 {
      position: absolute;
      width: 37px;
      right: 17px;
      bottom: -11px;
      z-index: 2; }
    .contents_box .page_title1.t3 .deco2 {
      position: absolute;
      width: 30px;
      left: 15px;
      top: -6px;
      z-index: 2; }

  .contents_box_b {
    padding: 80px 0 0 !important; } }
@media (min-width: 768px) {
  .photo_flex {
    display: flex;
    width: 700px;
    margin: 0 auto;
    gap: 0 30px; }
    .photo_flex > div:first-child img {
      border-radius: 10px 0 0 10px;
      width: 100%; }
    .photo_flex > div:last-child img {
      border-radius: 0 10px 10px 0;
      width: 100%; }

  .lead_box {
    font-size: 16px;
    margin: 40px auto 60px;
    line-height: 1.8;
    width: 600px; }

  .dot_hr {
    border-bottom: 4px dotted #74d24a; }

  .small_interview {
    width: 478px;
    margin: 0 auto;
    padding: 0 0 30px 0;
    position: relative; }
    .small_interview > div:nth-child(1) {
      text-align: left;
      margin: 0 0 25px 0; }
      .small_interview > div:nth-child(1) img {
        width: 305px; }
    .small_interview > div:nth-child(2) {
      text-align: right; }
      .small_interview > div:nth-child(2) img {
        width: 322px; }
    .small_interview .deco {
      position: absolute;
      width: 63px;
      left: calc(50% + 120px);
      top: 6px;
      z-index: 2; }
    .small_interview .deco2 {
      position: absolute;
      width: 63px;
      right: calc(50% + 146px);
      top: 160px;
      z-index: 2; }

  .small_interview2 {
    padding: 55px 0 30px 0; }
    .small_interview2 > div:nth-child(1) img {
      width: 305px; }
    .small_interview2 > div:nth-child(2) img {
      width: 305px; }
    .small_interview2 .deco {
      position: absolute;
      width: 108px;
      left: calc(50% + 110px);
      top: 64px;
      z-index: 2; }
    .small_interview2 .deco2 {
      position: absolute;
      width: 62px;
      right: calc(50% + 110px);
      top: 206px;
      z-index: 2; }

  .small_interview3 {
    margin: 26px auto 0;
    padding: 0; }
    .small_interview3 > div:nth-child(1) {
      text-align: center;
      margin: 0; }
      .small_interview3 > div:nth-child(1) img {
        width: 305px; }

  .table_flex {
    display: flex;
    justify-content: center;
    margin: 60px auto  0;
    gap: 0 7px; }
    .table_flex > div:nth-child(1) img {
      width: 154px; }
    .table_flex > div:nth-child(2) img {
      width: 257px; } }
@media (max-width: 767.98px) {
  .photo_flex {
    width: 342px;
    margin: 0 auto; }
    .photo_flex > div:first-child {
      margin: 0 0 15px 0; }
      .photo_flex > div:first-child img {
        border-radius: 10px 10px 0 0; }
    .photo_flex > div:last-child img {
      border-radius: 0 0 10px 10px; }

  .lead_box {
    font-size: 16px;
    margin: 30px auto;
    width: 342px; }

  .dot_hr {
    border-bottom: 3px dotted #74d24a; }

  .small_interview {
    width: 100%;
    margin: 0 auto;
    padding: 60px 0 30px;
    position: relative; }
    .small_interview > div:nth-child(1) {
      text-align: left;
      margin: 0 0 25px 0; }
      .small_interview > div:nth-child(1) img {
        width: 305px; }
    .small_interview > div:nth-child(2) {
      text-align: right; }
      .small_interview > div:nth-child(2) img {
        width: 305px; }
    .small_interview .deco {
      position: absolute;
      width: 36px;
      left: calc(50% + 112px);
      top: 17px;
      z-index: 2; }
    .small_interview .deco2 {
      position: absolute;
      width: 36px;
      right: calc(50% + 112px);
      bottom: 2px;
      z-index: 2; }

  .small_interview2 > div:nth-child(1) img {
    width: 305px; }
  .small_interview2 > div:nth-child(2) img {
    width: 305px; }
  .small_interview2 .deco {
    position: absolute;
    width: 58px;
    left: calc(50% + 98px);
    top: 6px;
    z-index: 2; }
  .small_interview2 .deco2 {
    position: absolute;
    width: 36px;
    right: calc(50% + 98px);
    bottom: 12px;
    z-index: 2; }

  .small_interview3 {
    margin: 26px auto 0;
    padding: 0; }
    .small_interview3 > div:nth-child(1) {
      text-align: center;
      margin: 0; }
      .small_interview3 > div:nth-child(1) img {
        width: 305px; }

  .table_flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 40px auto 0;
    gap: 0 7px; }
    .table_flex > div:nth-child(1) {
      order: 1;
      margin: 5px 0 0 0; }
      .table_flex > div:nth-child(1) img {
        width: 208px; }
    .table_flex > div:nth-child(2) {
      order: 0; }
      .table_flex > div:nth-child(2) img {
        width: 305px; } }
@media (min-width: 768px) {
  .contents_box .white_box_title h2.title450 {
    width: 450px; }
  .contents_box .white_box .flow_flex.mt20 {
    margin-top: 20px; }
  .contents_box .white_box .flow_flex.mt0_pc {
    margin-top: 0; }
  .contents_box .white_box .flow_flex .text h3 {
    font-size: 32px; }
    .contents_box .white_box .flow_flex .text h3 span {
      background-color: #006e32; }
  .contents_box .white_box .all_img {
    margin: 50px 0; }
  .contents_box .white_box .flex_3 {
    display: flex;
    align-items: center;
    margin: 10px 0 0 0; }
    .contents_box .white_box .flex_3 > div:first-child {
      width: 334px; }
    .contents_box .white_box .flex_3 > div:last-child {
      width: 305px; } }
@media (max-width: 767.98px) {
  .contents_box .white_box_title h2.title450 {
    width: 342px; }
  .contents_box .white_box .flow_flex .text h3 span {
    background-color: #006e32; }
  .contents_box .white_box .all_img {
    margin: 30px 0; }
  .contents_box .white_box .flex_3 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 30px 0 0 0; }
    .contents_box .white_box .flex_3 > div:first-child {
      width: 334px;
      margin: 0 0 10px 0; }
    .contents_box .white_box .flex_3 > div:last-child {
      width: 305px; } }
@media (min-width: 768px) {
  .contents_box .kadomaru_box {
    width: 700px;
    height: 770px;
    padding: 90px 95px; }
    .contents_box .kadomaru_box .post_text {
      position: relative; }
      .contents_box .kadomaru_box .post_text .text {
        position: absolute;
        width: 398px;
        left: 50%;
        transform: translate(-50%);
        opacity: 0; }
      .contents_box .kadomaru_box .post_text .line {
        position: absolute;
        width: 500px;
        top: 32px; }
    .contents_box .kadomaru_box .post_img .chara {
      position: absolute;
      width: 298px;
      bottom: 0;
      left: 50%;
      transform: translate(-50%); }
    .contents_box .kadomaru_box .post_img .chara2 {
      position: absolute;
      width: 298px;
      bottom: 0;
      left: 50%;
      transform: translate(-50%);
      z-index: 2; }
    .contents_box .kadomaru_box .post_img .hand {
      position: absolute;
      width: 92px;
      bottom: 6px;
      left: 225px;
      z-index: 1; }
    .contents_box .kadomaru_box .deco {
      position: absolute;
      width: 66px;
      left: calc(50% - 202px);
      bottom: 199px;
      z-index: 2; }
    .contents_box .kadomaru_box .deco2 {
      position: absolute;
      width: 88px;
      right: calc(50% - 216px);
      bottom: 180px;
      z-index: 2; }
    .contents_box .kadomaru_box .deco3 {
      position: absolute;
      width: 63px;
      right: calc(50% + 174px);
      bottom: 124px;
      z-index: 2; } }
@media (max-width: 767.98px) {
  .contents_box .kadomaru_box {
    width: 345px;
    height: 510px;
    padding: 70px 20px; }
    .contents_box .kadomaru_box .post_text {
      position: relative; }
      .contents_box .kadomaru_box .post_text .text {
        position: absolute;
        width: 81%;
        left: 50%;
        top: 10px;
        transform: translate(-50%);
        opacity: 0; }
      .contents_box .kadomaru_box .post_text .line {
        position: absolute;
        width: 100%;
        top: 32px; }
    .contents_box .kadomaru_box .post_img .chara {
      position: absolute;
      width: 178px;
      bottom: 0;
      left: 50%;
      transform: translate(-50%); }
    .contents_box .kadomaru_box .post_img .chara2 {
      position: absolute;
      width: 178px;
      bottom: 0;
      left: 50%;
      transform: translate(-50%);
      z-index: 2; }
    .contents_box .kadomaru_box .post_img .hand {
      position: absolute;
      width: 52px;
      bottom: 5px;
      left: 100px;
      z-index: 1; }
    .contents_box .kadomaru_box .deco {
      position: absolute;
      width: 46px;
      left: calc(50% - 123px);
      bottom: 126px;
      z-index: 2; }
    .contents_box .kadomaru_box .deco2 {
      position: absolute;
      width: 54px;
      right: calc(50% - 136px);
      bottom: 110px;
      z-index: 2; }
    .contents_box .kadomaru_box .deco3 {
      position: absolute;
      width: 42px;
      right: calc(50% + 102px);
      bottom: 65px;
      z-index: 2; } }
@media (min-width: 768px) {
  .contents_box .interview_box.rev .text::before {
    top: 68px; } }
@media (max-width: 767.98px) {
  .contents_box .interview_box .text::before {
    top: 124px; }
  .contents_box .interview_box.rev .text::before {
    top: 86px; } }
@media (min-width: 768px) {
  .bottom_menu a:first-child::before {
    left: 5px;
    transform: rotate(180deg); } }
@media (max-width: 767.98px) {
  .bottom_menu a:first-child::before {
    left: 5px;
    transform: rotate(180deg); } }