/*! Writen  by SCSS */
.breadlist {
  display: none; }

.main_ttl,
.sec_ttl {
  color: #76af5e; }

.sec_main {
  margin-bottom: 80px; }
  @media screen and (max-width: 480px) {
    .sec_main {
      margin-bottom: 40px; } }

.sec .inner {
  max-width: 1100px; }
.sec .sec_ttl {
  position: relative;
  z-index: 10; }
  .sec .sec_ttl.ls {
    letter-spacing: 0.02em; }
  @media screen and (max-width: 480px) {
    .sec .sec_ttl.ls_sp {
      letter-spacing: 0.02em; } }
  .sec .sec_ttl .icon {
    position: absolute;
    width: calc(156% / 11); }
    @media screen and (max-width: 480px) {
      .sec .sec_ttl .icon {
        width: 22%; } }
.sec .ttl01 {
  font-size: clamp(12px, 2.364vw, 26px);
  font-feature-settings: "palt";
  letter-spacing: 0.08em;
  line-height: 1.4;
  margin-bottom: 1em; }
  @media screen and (max-width: 480px) {
    .sec .ttl01 {
      font-size: calc(15vw / 3.9);
      letter-spacing: 0.04em; } }
.sec .text01 {
  font-size: clamp(12px, 1.25vw, 15px);
  font-feature-settings: "palt";
  letter-spacing: 0.05em;
  line-height: 2.2;
  font-weight: 500;
  color: #3e3a39; }
  @media screen and (max-width: 480px) {
    .sec .text01 {
      margin-bottom: 2.4em;
      font-size: calc(12vw / 3.9);
      line-height: 1.8;
      letter-spacing: 0.08em; } }

.sec00 .main_read {
  margin-bottom: 3em; }

.fig01 {
  text-align: center;
  width: calc(100% - 40px);
  margin: 0 auto;
  max-width: 1100px;
  margin-inline: auto; }
  .fig01 .inn {
    position: relative;
    	/*
    	.list {
    		display: flex;
    		justify-content: space-between;
    		//padding-bottom: calc(90% / 12.4);;
    		max-width: 800px;
    		margin-inline: auto;
    		flex-wrap: wrap;
    		display: grid;
    		grid-template-columns: repeat(4, 1fr);
    		align-items: flex-start;
    		align-content: start;
    		grid-auto-flow: dense;
    		gap: clamp_gm(10,800,20) cal_per(800,40);
    		@include mq($br_sp){
    			grid-template-columns: repeat(2, 1fr);
    			row-gap: 15px;
    		}
    		.item {
    			//width: cal_per(800,155);
    			display: flex;
    			align-items: center;
    			column-gap: 10px;
    			border-bottom: 2px solid;
    			border-image: linear-gradient(to right, #80a680, #62879f);
    			border-image-slice: 1;
    			line-height: 1;
    			padding-bottom: 5px;
    			@include mq($br_sp){
    				margin-bottom: 0;
    			}
    			.icon {
    				width: 20px;
    				height: 20px;
    				border-radius: 50%;
    				background: linear-gradient(90deg,#80a680 0%, #62879f 100%);
    				display: flex;
    				align-items: center;
    				justify-content: center;
    				color: #fff;
    				@include mq($br_sp){
    					font-size: 12px;
    				}	
    			}
    		}
    	}
    */ }
    .fig01 .inn .fig_box {
      position: relative;
      margin-inline: auto;
      width: 97%; }
      @media screen and (max-width: 480px) {
        .fig01 .inn .fig_box {
          width: 100%;
          padding-bottom: 0; } }
      @media screen and (max-width: 480px) {
        .fig01 .inn .fig_box .fig {
          margin-bottom: 20px;
          margin-inline: -20px -10px;
          width: calc(100% + 30px); } }
      .fig01 .inn .fig_box .fig .cap {
        position: absolute;
        bottom: 12.1%;
        right: 2.83%; }
        @media screen and (max-width: 768px) {
          .fig01 .inn .fig_box .fig .cap {
            right: 1.38%;
            bottom: 8.8%; } }
        @media screen and (max-width: 480px) {
          .fig01 .inn .fig_box .fig .cap {
            bottom: 10px;
            right: 0px;
            font-size: 8px; } }
      .fig01 .inn .fig_box .dtl li {
        position: absolute;
        width: calc(300% / 12.4); }
        @media screen and (max-width: 480px) {
          .fig01 .inn .fig_box .dtl li {
            width: calc(108% / 3.35); } }
        .fig01 .inn .fig_box .dtl li:nth-child(1) {
          top: 0;
          left: calc(60% / 12.4); }
          @media screen and (max-width: 480px) {
            .fig01 .inn .fig_box .dtl li:nth-child(1) {
              left: 0; } }
        .fig01 .inn .fig_box .dtl li:nth-child(2) {
          top: 0;
          left: calc(400% / 12.4); }
          @media screen and (max-width: 480px) {
            .fig01 .inn .fig_box .dtl li:nth-child(2) {
              left: calc(114% / 3.35); } }
        .fig01 .inn .fig_box .dtl li:nth-child(3) {
          top: 0;
          left: calc(750% / 12.4); }
          @media screen and (max-width: 480px) {
            .fig01 .inn .fig_box .dtl li:nth-child(3) {
              left: auto;
              right: 0; } }
        .fig01 .inn .fig_box .dtl li:nth-child(4) {
          bottom: 0;
          right: calc(345% / 12.4); }
          @media screen and (max-width: 480px) {
            .fig01 .inn .fig_box .dtl li:nth-child(4) {
              right: calc(113% / 3.35); } }
        .fig01 .inn .fig_box .dtl li:nth-child(5) {
          bottom: 0;
          right: 0; }
      .fig01 .inn .fig_box .text_img {
        position: absolute;
        right: 0;
        top: 2.69%;
        top: 0;
        width: 42.18%;
        width: 35.62%; }
        @media screen and (max-width: 480px) {
          .fig01 .inn .fig_box .text_img {
            position: relative;
            width: 80%;
            margin-inline: auto;
            top: 0;
            right: 0; } }
    .fig01 .inn .txt {
      text-align: left;
      position: absolute;
      width: calc(400% / 12.4);
      bottom: calc(110% / 9);
      right: 0; }
      .fig01 .inn .txt .text01 {
        margin-bottom: 0; }
      @media screen and (max-width: 960px) {
        .fig01 .inn .txt {
          position: static;
          margin-top: 15px;
          width: 100%; } }

@media screen and (max-width: 480px) {
  .sec01 {
    padding-bottom: 40px; } }
.sec01 .sec_ttl {
  margin-bottom: 1em; }
  @media screen and (max-width: 480px) {
    .sec01 .sec_ttl {
      margin-bottom: 1em;
      letter-spacing: 0; } }
  .sec01 .sec_ttl .icon {
    top: calc(-15% / 0.6);
    left: 0; }
    @media screen and (max-width: 1190px) {
      .sec01 .sec_ttl .icon {
        right: -20px; } }
    @media screen and (max-width: 900px) {
      .sec01 .sec_ttl .icon {
        top: 0; } }
    @media screen and (max-width: 480px) {
      .sec01 .sec_ttl .icon {
        position: relative;
        right: 0;
        display: block;
        transform: rotate(-12deg);
        margin-inline: auto;
        margin-bottom: 5px; } }
.sec01 .box11 {
  display: flex;
  justify-content: space-between; }
  @media screen and (max-width: 480px) {
    .sec01 .box11 {
      display: block; } }
  .sec01 .box11 .img {
    width: calc(484% / 11); }
    .sec01 .box11 .img li:nth-child(1) {
      margin-bottom: 15px; }
    @media screen and (max-width: 480px) {
      .sec01 .box11 .img {
        width: 100%;
        margin-bottom: 20px; } }
  .sec01 .box11 .txt {
    width: calc(570% / 11); }
    @media screen and (max-width: 480px) {
      .sec01 .box11 .txt {
        width: 100%; } }
    .sec01 .box11 .txt .ttl01 {
      font-weight: 500;
      color: #111;
      font-size: clamp(17px, 2.334vw, 28px); }
    .sec01 .box11 .txt .text01 {
      margin-bottom: 1.8em; }
    .sec01 .box11 .txt .fig {
      width: calc(684% / 5.5);
      margin-left: calc(-134% / 5.5);
      margin-left: 0; }
      @media screen and (max-width: 1368px) {
        .sec01 .box11 .txt .fig {
          /*width: calc(100% + (50vw - 550px));
          margin-left: calc(550px - 50vw);*/
          width: 100%; } }
      @media screen and (max-width: 1140px) {
        .sec01 .box11 .txt .fig {
          width: 100%;
          margin-left: 0; } }

.sec02 .sec_ttl {
  text-align: right;
  padding-right: 40px; }
  @media screen and (max-width: 768px) {
    .sec02 .sec_ttl {
      padding-right: 0;
      text-align: center; } }
  .sec02 .sec_ttl .icon {
    top: calc(-45% / 0.6);
    left: calc(-10% / 11); }
    @media screen and (max-width: 900px) {
      .sec02 .sec_ttl .icon {
        top: 0;
        left: -20px; } }
    @media screen and (max-width: 480px) {
      .sec02 .sec_ttl .icon {
        position: relative;
        left: 0;
        display: block;
        transform: rotate(-12deg);
        margin-inline: auto;
        margin-bottom: 5px; } }
.sec02 .box21 {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  margin-bottom: 40px; }
  @media screen and (max-width: 480px) {
    .sec02 .box21 {
      display: block;
      margin-bottom: 20px; } }
  .sec02 .box21 .img {
    width: calc((595% / 11) + (50vw - 50%));
    margin-right: calc(50% - 50vw); }
    @media screen and (max-width: 480px) {
      .sec02 .box21 .img {
        width: 100%;
        margin: 0 auto 20px; } }
    @media screen and (max-width: 480px) {
      .sec02 .box21 .img:nth-child(1) span {
        left: auto;
        right: 0; } }
    .sec02 .box21 .img figure {
      width: 100%;
      height: 100%; }
    .sec02 .box21 .img img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .sec02 .box21 .txt {
    width: calc(455% / 11); }
    @media screen and (max-width: 480px) {
      .sec02 .box21 .txt {
        width: 100%; } }
    .sec02 .box21 .txt .img1 {
      margin-bottom: 15px; }
.sec02 .box22 {
  display: flex;
  justify-content: space-between; }
  @media screen and (max-width: 480px) {
    .sec02 .box22 {
      justify-content: center;
      gap: 15px 4%;
      flex-wrap: wrap; } }
  .sec02 .box22 li {
    width: calc(358% / 11); }
    @media screen and (max-width: 480px) {
      .sec02 .box22 li {
        width: 48%; } }
    @media screen and (max-width: 480px) {
      .sec02 .box22 li:nth-child(1) {
        width: 100%; }
        .sec02 .box22 li:nth-child(1) .img_in {
          max-width: 48%;
          margin-inline: auto; } }
    .sec02 .box22 li:nth-last-child(1) {
      width: calc(338% / 11); }
      @media screen and (max-width: 480px) {
        .sec02 .box22 li:nth-last-child(1) {
          width: 48%; } }

.sec03 {
  background: #e6ede6;
  padding-bottom: 50px;
  padding-top: 80px; }
  @media screen and (max-width: 480px) {
    .sec03 {
      padding-top: 0;
      padding-bottom: 30px; } }
  .sec03 .img1 {
    margin-bottom: 30px; }
    @media screen and (max-width: 480px) {
      .sec03 .img1 {
        margin-bottom: 5px; } }
    .sec03 .img1 figure {
      display: inline-block; }
      @media screen and (max-width: 480px) {
        .sec03 .img1 figure {
          padding-top: 10px; } }
    .sec03 .img1 .cap1 {
      right: calc(140% / 12.2);
      bottom: calc(32% / 8.35); }
      @media screen and (max-width: 480px) {
        .sec03 .img1 .cap1 {
          right: auto;
          left: calc(570% / 8);
          bottom: calc(30% / 8.18); } }
    .sec03 .img1 .cap2 {
      right: auto;
      left: calc(170% / 12.2);
      bottom: calc(455% / 8.35); }
      @media screen and (max-width: 480px) {
        .sec03 .img1 .cap2 {
          left: calc(65% / 8);
          bottom: calc(545% / 8.18); } }
    .sec03 .img1 .cap3 {
      right: auto;
      bottom: calc(52% / 8.35);
      left: calc(65% / 12.2); }
      @media screen and (max-width: 480px) {
        .sec03 .img1 .cap3 {
          left: -2px; } }
  .sec03 .sec_ttl .icon {
    top: calc(-45% / 0.6);
    left: 0; }
    @media screen and (max-width: 480px) {
      .sec03 .sec_ttl .icon {
        position: relative;
        left: 0;
        display: block;
        transform: rotate(-12deg);
        margin-inline: auto;
        margin-bottom: 5px; } }
  .sec03 .box31 {
    display: flex;
    justify-content: space-between; }
    @media screen and (max-width: 480px) {
      .sec03 .box31 {
        flex-direction: column;
        row-gap: 15px; } }
    .sec03 .box31 .img {
      width: calc(530% / 11);
      display: flex;
      justify-content: space-between;
      /*&:nth-child(1) {
      	margin-bottom: 15px;
      }*/ }
      @media screen and (max-width: 480px) {
        .sec03 .box31 .img {
          width: 100%; } }
      .sec03 .box31 .img li {
        width: 100%; }
    .sec03 .box31 .txt {
      width: calc(530% / 11);
      display: flex;
      flex-direction: column;
      justify-content: space-between; }
      @media screen and (max-width: 480px) {
        .sec03 .box31 .txt {
          width: 100%;
          margin-right: 0; } }
      .sec03 .box31 .txt .text {
        line-height: 1.6; }
        @media screen and (max-width: 480px) {
          .sec03 .box31 .txt .text {
            font-size: calc(9.5vw / 3.9);
            margin-bottom: 0; } }

.bnr_wrap {
  padding: 50px 0 30px; }
  .bnr_wrap .bnr_ttl {
    color: #678381;
    font-size: clamp(14px, 2.417vw, 29px);
    font-feature-settings: "palt";
    letter-spacing: 0.1em;
    line-height: 1.4;
    font-weight: 500;
    margin-bottom: 0.8em; }
    @media screen and (max-width: 480px) {
      .bnr_wrap .bnr_ttl {
        font-size: calc(16vw / 3.9);
        letter-spacing: 0.08em; } }

.bnr img {
  box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.3); }

.bnr1 {
  max-width: 858px;
  margin-inline: auto; }
  .bnr1 .cap {
    margin-top: 10px; }
    @media screen and (max-width: 480px) {
      .bnr1 .cap {
        font-size: 9px; } }

.bnr_mt {
  margin-top: 10px;
  display: block; }
  @media screen and (max-width: 480px) {
    .bnr_mt {
      font-size: 9px; } }

@media screen and (max-width: 480px) {
  .sp_w {
    width: calc(100% + 40px);
    margin: 0 -20px; }

  .sld1 img {
    width: 540px;
    max-width: 540px; } }

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