@charset "UTF-8";

#page_header{background-image: url("../img/page_header_bg_pc.svg");}
.right_text{position: absolute;right:30px;top:110px;width:150px;z-index: 5;}

.green_grade{color: #19758a;
      background: linear-gradient(180deg, #79beb4 0%, #0b6f86 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;}
.section_01{background-image: url("../img/sec01_img_01.webp");background-repeat: no-repeat;background-position: bottom;background-size: contain;}
.page_en_ttl{font-size: 3.4em;margin-bottom: 0.6em;}
.w60per-center{width: 60%;margin: 0 auto;}

.section_03{position: relative; background-color: #e3ecec;}
.sec03_left_text{position: absolute;left:0px;top:0px;width:80px;z-index: 0;}
.reasons {
      padding: 5em 0px;
    }

    .reasons__inner {
      max-width: 1000px;
      margin: 0 auto;
    }

    .reason {
      display: grid;
      grid-template-columns: 1fr 1fr;
      align-items: start;
      gap: 40px;
    }

    .reason + .reason {
      margin-top: 72px;
    }

    .reason:nth-child(even) .reason__image {
      order: 2;
    }

    .reason:nth-child(even) .reason__body {
      order: 1;
    }

    .reason__image img {
		width: 480px;
      aspect-ratio: 640 / 420;
      object-fit: cover;
      border-radius: 10px;
    }

    .reason__num {
      margin: 0 0 5px;
      font-size: 1.2em;
      line-height: 1;
      font-weight: 800;
      color: #008d8b;
    }

    .reason__title {
      margin: 0;
      font-size: 1.6em;
      line-height: 1.45;
      font-weight: 800;
    }

    .reason__text {
      margin: 18px 0 0;
      font-size: 1.14em;
      line-height: 1.9;
      color: #4a4a4a;
    }

    @media (max-width: 640px) {
      .reasons {
      padding: 2em 2em;
    }

      .reason {
        grid-template-columns: 1fr;
        gap: 22px;
      }

      .reason + .reason {
        margin-top: 48px;
      }

      .reason:nth-child(even) .reason__image,
      .reason:nth-child(even) .reason__body {
        order: initial;
      }
		.reason__image img {
		width: 100%;
    }

      .reason__num {
        font-size: 1em;
      }

      .reason__title {
        font-size: 1.2em;
      }

      .reason__text {
        margin-top: 12px;
        font-size: 0.84em;
        line-height: 1.6;
      }
    }

.section_04{position: relative; background-image: url("../img/sec04_img_01.webp");background-repeat: no-repeat;background-position: center;background-size: cover;}
.sec04_right_text{position: absolute;right:0px;top:0px;width:80px;z-index: 0;}

.section_05{position: relative; background-color: #e3ecec;}
.sec_05_bg{position: relative; background-image: url("../img/sec04_img_01.webp");background-repeat: no-repeat;background-position: center;background-size: cover;}
.sec05_left_text{position: absolute;left:0px;top:0px;width:80px;z-index: 0;}
/*
===================================================
 tb タブレット解像度
===================================================
*/
@media screen and (max-width:1000px) {





	}
/*
===================================================
 sp スマホ解像度
===================================================
*/
@media screen and (max-width:640px) {
#page_header{background-image: url("../img/page_header_bg_sp.svg");}
.right_text{position: absolute;right:0px;top:100px;width:70px;z-index: 0;}
p{font-size: 0.84em;}
	
	
.sec03_left_text{width:50px;}
.sec04_right_text{width:50px;}
.sec05_left_text{width:50px;}
}
