@charset "UTF-8";
@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);
main section {
  padding-top: 2em;
  padding-bottom: 2em; }

.keyvisual {
  position: relative;
  overflow: hidden;
  padding: 0;
  text-align: center; }
  .keyvisual .slide div {
    height: 70vh;
    width: 100%; }
    @media screen and (max-width: 767px) {
      .keyvisual .slide div {
        height: 40vh; } }
  .keyvisual .slide .keyv01 {
    background: url(../../img/top/keyv/001.jpg) no-repeat 50% 50%;
    background-size: cover; }
  .keyvisual .slide .keyv02 {
    background: url(../../img/top/keyv/002.jpg) no-repeat 50% 50%;
    background-size: cover; }
  .keyvisual .slide .keyv03 {
    background: url(../../img/top/keyv/003.jpg) no-repeat 50% 50%;
    background-size: cover; }
  .keyvisual .slide .keyv04 {
    background: url(../../img/top/keyv/004.jpg) no-repeat 50% 50%;
    background-size: cover; }
  .keyvisual .slide .keyv05 {
    background: url(../../img/top/keyv/005.jpg) no-repeat 50% 50%;
    background-size: cover; }
  .keyvisual .slide .keyv06 {
    background: url(../../img/top/keyv/006.jpg) no-repeat 50% 50%;
    background-size: cover; }
  .keyvisual .slide .keyv07 {
    background: url(../../img/top/keyv/007.jpg) no-repeat 50% 50%;
    background-size: cover; }
  .keyvisual .slide .keyv08 {
    background: url(../../img/top/keyv/008.jpg) no-repeat 50% 50%;
    background-size: cover; }
  .keyvisual .slide .keyv09 {
    background: url(../../img/top/keyv/009.jpg) no-repeat 50% 50%;
    background-size: cover; }
  .keyvisual .scroll-down {
    position: absolute;
    width: 100%;
    bottom: 60px;
    left: 0;
    text-align: center;
    color: #fff;
    font-size: 12px;
    font-size: 1.2rem; }
    .keyvisual .scroll-down .text {
      font-family: sans-serif;
      position: relative; }
      .keyvisual .scroll-down .text::after {
        font-family: FontAwesome;
        content: "";
        position: absolute;
        bottom: -35px;
        left: calc(50% - 10px);
        font-size: 30px; }

.exhibition {
  text-align: center; }
  @media print, screen and (min-width: 768px) {
    .exhibition img {
      display: inline-block;
      width: 70%; } }

@media print, screen and (min-width: 768px) {
  section.sec-news .news-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; } }

@media print, screen and (min-width: 768px) {
  section.sec-news .news-title {
    width: 15%; } }

@media screen and (max-width: 767px) {
  section.sec-news .news-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; } }

section.sec-news .news-title h2 {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: normal;
  margin: 0; }

section.sec-news .news-title .more {
  font-size: 12px;
  font-size: 1.2rem;
  margin-top: 0; }
  @media print, screen and (min-width: 768px) {
    section.sec-news .news-title .more {
      margin-top: 10px; } }
  section.sec-news .news-title .more a {
    color: #666;
    text-decoration: none; }
    section.sec-news .news-title .more a:hover, section.sec-news .news-title .more a:active, section.sec-news .news-title .more a:focus {
      color: #666666;
      text-decoration: none; }
    section.sec-news .news-title .more a:visited {
      color: #666666; }

@media print, screen and (min-width: 768px) {
  section.sec-news .news-item {
    width: calc( 85% / 3); } }

@media screen and (max-width: 767px) {
  section.sec-news .news-item {
    margin-top: 2em; } }

section.sec-news .news-item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

section.sec-news .news-item .thumb {
  margin: 0;
  width: 25%; }

section.sec-news .news-item .body {
  width: 70%;
  padding-right: 10px;
  color: #333;
  text-decoration: none; }
  section.sec-news .news-item .body:hover, section.sec-news .news-item .body:active, section.sec-news .news-item .body:focus {
    color: #333333;
    text-decoration: none; }
  section.sec-news .news-item .body:visited {
    color: #333333; }
  section.sec-news .news-item .body p {
    margin: 0; }
  section.sec-news .news-item .body .title {
    font-size: 13px;
    font-size: 1.3rem; }
  section.sec-news .news-item .body .date {
    font-size: 10px;
    font-size: 1rem;
    color: #666; }

section.reason ul.list-box-02-list li.list-box-02-item {
  overflow: hidden;
  position: relative; }
  @media print, screen and (min-width: 768px) {
    section.reason ul.list-box-02-list li.list-box-02-item {
      width: 50%; } }
  section.reason ul.list-box-02-list li.list-box-02-item .thumb img {
    width: 100%; }
  section.reason ul.list-box-02-list li.list-box-02-item .no {
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 0; }
    section.reason ul.list-box-02-list li.list-box-02-item .no img {
      width: 70px;
      height: auto;
      vertical-align: baseline; }
      @media screen and (max-width: 767px) {
        section.reason ul.list-box-02-list li.list-box-02-item .no img {
          width: 20px; } }

@media print, screen and (min-width: 768px) {
  section.item .row {
    -js-display: flex;
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; } }

section.item .item-block {
  position: relative;
  margin-top: 4em; }
  @media print, screen and (min-width: 768px) {
    section.item .item-block {
      width: 50%;
      padding-left: 20px;
      padding-right: 20px; } }
  section.item .item-block a {
    display: block; }
  section.item .item-block img {
    width: 100%;
    height: auto; }
  section.item .item-block .more {
    text-align: right;
    display: block;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    padding-right: 15px; }
    section.item .item-block .more img {
      width: 100px; }
  section.item .item-block:hover .more {
    -webkit-transform: translateX(15px);
    -ms-transform: translateX(15px);
    transform: translateX(15px); }

.works-description {
  font-size: 13px;
  font-size: 1.3rem; }
  .works-description .comment {
    margin-top: 5px; }
  .works-description table {
    margin-top: 10px; }
    .works-description table th, .works-description table td {
      padding: 3px; }
    .works-description table th {
      font-weight: normal;
      vertical-align: top;
      font-size: 11px;
      font-size: 1.1rem; }
      .works-description table th span {
        display: block;
        background: #f1f1f1;
        text-align: center;
        white-space: nowrap;
        padding: 0 5px; }
    .works-description table td {
      color: #444;
      font-size: 12px;
      font-size: 1.2rem; }

section.banner {
  padding-top: 4em;
  padding-bottom: 4em; }
  section.banner .row {
    -js-display: flex;
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: -20px;
    margin-right: -20px; }
    @media screen and (max-width: 767px) {
      section.banner .row {
        margin-left: -10px;
        margin-right: -10px; } }
  section.banner .banner-block {
    width: 50%;
    /*padding-left: 20px;
    padding-right: 20px;*/
    margin: 0 20px;
    position: relative;
    text-align: center; }
    @media screen and (max-width: 767px) {
      section.banner .banner-block {
        /*padding-left: 10px;
        padding-right: 10px;*/
				margin: 0 10px; } }
    section.banner .banner-block a {
      display: block;
      color: #fff;
      text-decoration: none;
      padding: 2em 0; }
      section.banner .banner-block a:hover, section.banner .banner-block a:active, section.banner .banner-block a:focus {
        color: white;
        text-decoration: none; }
      section.banner .banner-block a:visited {
        color: white; }
    section.banner .banner-block p {
      margin: 0; }
    section.banner .banner-block .icon img {
      height: 80px;
      width: auto; }
      @media screen and (max-width: 767px) {
        section.banner .banner-block .icon img {
          height: 35px; } }
    section.banner .banner-block .en {
      font-size: 30px;
      font-size: 3rem;
      margin-top: 20px; }
      @media screen and (max-width: 767px) {
        section.banner .banner-block .en {
          font-size: 24px;
          font-size: 2.4rem; } }
    section.banner .banner-block .jp {
      margin-bottom: 20px; }
      @media screen and (max-width: 767px) {
        section.banner .banner-block .jp {
          font-size: 14px;
          font-size: 1.4rem; } }
    section.banner .banner-block .btn-01 {
      padding: 10px;
      width: 80%; }
    section.banner .banner-block.-stock a {
      /*background: url(../../img/top/stock.webp) no-repeat 50% 50%;*/
      background-size: cover; }
    section.banner .banner-block.-group a {
      /*background: url(../../img/top/group.webp) no-repeat 50% 50%;*/
      background-size: cover; }

ul.share-list {
  text-align: center !important; }

.js-inview.show {
  position: relative; }
  .js-inview.show::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: #c0b1ac;
    -webkit-transition: width 1s ease .5s, opacity .5s ease 1.0s;
    -o-transition: width 1s ease .5s, opacity .5s ease 1.0s;
    transition: width 1s ease .5s, opacity .5s ease 1.0s; }
  .js-inview.show img {
    opacity: 0;
    -webkit-transition: opacity 1s ease 1.0s;
    -o-transition: opacity 1s ease 1.0s;
    transition: opacity 1s ease 1.0s; }

.js-inview-active.show::before {
  width: 100%;
  opacity: 0; }

.js-inview-active.show img {
  opacity: 1; }

.js-inview.fade-in-up {
  opacity: 0;
  -webkit-transition: all 1.0s;
  -o-transition: all 1.0s;
  transition: all 1.0s;
  -webkit-transform: translateY(5px);
  -ms-transform: translateY(5px);
  transform: translateY(5px); }

.js-inview-active.fade-in-up {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0); }

.js-inview:nth-child(2) {
  -webkit-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  transition-delay: 0.2s; }

.js-inview:nth-child(3) {
  -webkit-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s; }

.js-inview:nth-child(4) {
  -webkit-transition-delay: 0.4s;
  -o-transition-delay: 0.4s;
  transition-delay: 0.4s; }

.js-inview:nth-child(5) {
  -webkit-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s; }

.js-inview:nth-child(6) {
  -webkit-transition-delay: 0.6s;
  -o-transition-delay: 0.6s;
  transition-delay: 0.6s; }

.js-inview:nth-child(7) {
  -webkit-transition-delay: 0.7s;
  -o-transition-delay: 0.7s;
  transition-delay: 0.7s; }

.js-inview:nth-child(8) {
  -webkit-transition-delay: 0.8s;
  -o-transition-delay: 0.8s;
  transition-delay: 0.8s; }

.js-inview:nth-child(9) {
  -webkit-transition-delay: 0.9s;
  -o-transition-delay: 0.9s;
  transition-delay: 0.9s; }

.js-inview:nth-child(10) {
  -webkit-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s; }

@media screen and (max-width: 767px) {
  .gallery-item .acms-grid {
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    grid-column-gap:10px;
    margin-right:0;
    margin-left:0;
  }

  .gallery-item .heading-01 + p.center {
    padding-right:10px;
    padding-left:10px;
  }

  .gallery-item .acms-grid .acms-admin-col-6 {
    float:none;
    width:auto;
    padding-right:0;
    padding-left:0;
  }

  .gallery-item .acms-grid::after, .gallery-item .acms-grid::before {
    content:none;
  }

  .gallery-item .acms-grid .list-box-01 a{
    width:auto;
    float:none;
    margin-right:0;
  }
}

/* 20220726_add */
@media print, screen and (max-width: 767px) {
	ul.share-list li.share-item.line {
		line-height: 1.6;
	}
	ul.share-list li.share-item.line iframe {
		padding: 0;
	}
	.works-description .comment {
		word-break: break-all;
	}
	
}
@media print, screen and (min-width: 768px) {
	section.item.product-list .wide-container {
		display: flex;
		justify-content: space-between;
	}
	section.item.product-list .wide-container .row {
		justify-content: space-around;
	}
	section.item.product-list .item-block {
		width: 48%;
		padding-left: 0;
		padding-right: 0;
	}
	section.item.product-list .btn-01 {
		margin: 30px 0 0;
	}
	
	section.item a,
	section.sdgs-bnr a{
		transition: .3s all;
	}
	section.item a:hover,
	section.sdgs-bnr a:hover {
		opacity: .8;
	}
}


/* 202407_add */

/* .gallery-slider-wrap */
.gallery-slider-wrap {
	font-family: sans-serif;
}
.gallery-slider-wrap .gallery-slider-box {
}

.gallery-slider-wrap .gallery-slider-box .gallery-slider-tit {
	background-color: rgba(0,0,0,0.90);
	color: #fff;
}
.gallery-slider-wrap .gallery-slider-box .gallery-slider-tit .shop {
	padding: 5vw 7.2vw;
}
.gallery-slider-wrap .gallery-slider-box .gallery-slider-tit .shop > dt {
	font-family: serif;
	position: relative;
	font-size: 3.7vw;
	padding: 0 0 3.7vw;
	margin: 0 0 3.7vw;
	border-bottom: 1px dotted #707070;
	letter-spacing: 0.05em;
	font-weight: 600;
}
.gallery-slider-wrap .gallery-slider-box .gallery-slider-tit .shop > dt span {
	display: block;
	font-size: 2.6vw;
	margin: 0 0 2.6vw;
	letter-spacing: 0.5em;
}
.gallery-slider-wrap .gallery-slider-box .gallery-slider-tit .shop > dt::before {
	position: absolute;
	content: "";
	display: block;
	background-color: #961416;
	width: 2px;
	height: 22.6vw;
	left: -3.2vw;
	top: 50%;
	transform: translate(0,-50%);
}
.gallery-slider-wrap .gallery-slider-box .gallery-slider-tit .shop ul,
.gallery-slider-wrap .gallery-slider-box .gallery-slider-tit .shop ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.gallery-slider-wrap .gallery-slider-box .gallery-slider-tit .shop > dd li .shop-desc {
	display: flex;
	justify-content: flex-start;
	font-size: 2.6vw;
	margin: 0 0 2.6vw;
}
.gallery-slider-wrap .gallery-slider-box .gallery-slider-tit .shop > dd li:last-of-type .shop-desc {
	margin: 0 0 0;
}
.gallery-slider-wrap .gallery-slider-box .gallery-slider-tit .shop > dd li .shop-desc dt {
	padding: 0 4vw 0 0;
	margin: 0 4vw 0 0;
	border-right: 1px solid #717171;
}
.gallery-slider-wrap .gallery-slider-box .gallery-slider-1 {
	margin: 0;
	padding: 0;
}
.gallery-slider-wrap .gallery-slider-box .gallery-slider-1 img  {
	object-fit: cover;
}
@media print, screen and (min-width: 768px) {
	.gallery-slider-wrap {
		display: flex;
		justify-content: space-between;
		gap: 10px;
		margin: 65px 0 65px;
	}
	.gallery-slider-wrap .gallery-slider-box {
		width: 49%;
		position: relative;
	}
	
	.gallery-slider-wrap .gallery-slider-box .gallery-slider-tit {
		position: absolute;
		left: 20px;
		top: 0;
		z-index: 10;
	}
	.gallery-slider-wrap .gallery-slider-box .gallery-slider-tit .shop {
		padding: 25px 30px;
		margin: 0;
	}
	.gallery-slider-wrap .gallery-slider-box .gallery-slider-tit .shop > dt {
		font-size: 16px;
		padding: 0 0 12px;
		margin: 0 0 24px;
	}
	.gallery-slider-wrap .gallery-slider-box .gallery-slider-tit .shop > dt::before {
		height: 90px;
		left: -15px;
		top: 45%;
		transform: translate(0,-50%);
	}
	.gallery-slider-wrap .gallery-slider-box .gallery-slider-tit .shop > dt span {
		font-size: 12px;
		margin: 0 0 14px
	}
	.gallery-slider-wrap .gallery-slider-box .gallery-slider-tit .shop > dd li .shop-desc {
		font-size: 12px;
		margin: 0 0 10px;
	}
	.gallery-slider-wrap .gallery-slider-box .gallery-slider-tit .shop > dd li .shop-desc dt {
		padding: 0 25px 0 0;
		margin: 0 25px 0 0;
	}
	.gallery-slider-wrap .gallery-slider-box .gallery-slider-1 img {
		width: 42vw;
		height: 42vw;		
	}
}

@media print, screen and (min-width: 1301px) {
	.gallery-slider-wrap .gallery-slider-box .gallery-slider-1 img {
		width: auto;
		height: 625px;
		
	}
}
@media print, screen and (max-width: 767px) {
	
  .gallery-slider-wrap {
	width: 88vw;
	margin: 0 auto;
  }
  .gallery-slider-wrap .gallery-slider-box {
	margin: 0 auto 13vw;
  }
  .gallery-slider-wrap .gallery-slider-box .gallery-slider-1 img {
	width: 88vw;
	margin: 0 auto;
  }
}

/*sdgs-top*/
.sdgs-top {
	font-family: sans-serif;
}
.sdgs-top .sdgs-tit {
	background: url("../../img/top/sdgs_bg_sp.webp") center center no-repeat;
	background-size: cover;
	padding: 8vw 5vw;
	margin: 0 0 13.3vw;
}
.sdgs-top .sdgs-tit .sdgs-tit-box {
	background-color: #fff;
	padding: 6vw;
}
.sdgs-top .sdgs-tit .sdgs-tit-box dt {
	width: 58.6vw;
	margin: 0 auto 5vw;
}
.sdgs-top .sdgs-tit .sdgs-tit-box dd {
	font-size: 3.7vw;
}
.sdgs-top .sdgs-goal-wrap,
.sdgs-top .sdgs-case {
	/*width: 88vw;*/
	margin: 0 auto;
}
.sdgs-top .sdgs-goal-wrap .tit {
	width: 32vw;
	margin: 0 auto 8vw;
}
.sdgs-top .sdgs-goal-wrap .sdgs-goal-list,
.sdgs-top .sdgs-goal-wrap .sdgs-goal-list li {
	list-style: none;
}

.sdgs-top .sdgs-goal-wrap .sdgs-goal-list {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 8vw;
	padding: 0;
	margin: 0 0 13vw;
}
.sdgs-top .sdgs-goal-wrap .sdgs-goal-list li {
	/*width: 40vw;*/
	font-size: 3.2vw;
}
.sdgs-top .sdgs-goal-wrap .sdgs-goal-list li dl {
	margin: 0;
}
.sdgs-top .sdgs-goal-wrap .sdgs-goal-list li dl dt {
	margin: 0 0 5.3vw;
}
.sdgs-top .sdgs-case .desc .tit {
	border-bottom: 1px solid #d9d9d9;
	padding: 0 0 3.2vw;
	margin: 0 0 2.6vw;
}
.sdgs-top .sdgs-case .desc .tit span {
	display: block;
	position: relative;
	font-family: serif;
	font-size: 3.2vw;
	font-weight: 600;
	letter-spacing: 0.2em;
	padding: 0 0 0 7.5vw;
}
.sdgs-top .sdgs-case .desc .tit span::before {
	display: block;
	position: absolute;
	content: "";
	background: url("../../img/top/sdgs_icon.webp") center center no-repeat;
	background-size: 100%;
	width: 4.2vw;
	height: 4.2vw;
	left: 0;
	top: 0;
}
.sdgs-top .sdgs-case .desc dt {
	font-size: 4.8vw;
	font-family: serif;
	font-weight: 600;
	letter-spacing: 0.05em;
	margin: 0 0 8vw;
}
.sdgs-top .sdgs-case .desc dd {
	font-size: 3.7vw;
	margin: 0 0 8vw;
}
.sdgs-top .sdgs-case .img {
	width: 74vw;
	margin: 0 auto;
}
.sdgs-top .sdgs-case .btn-more {
  color: inherit;
}

@media print, screen and (min-width: 768px) {
	.sdgs-top .sdgs-tit {
		background: url("../../img/top/sdgs_bg.webp") center center no-repeat;
		background-size: cover;
		padding: 40px 5vw;
		margin: 100px 0 60px;
	}
	.sdgs-top .sdgs-tit .sdgs-tit-box {
		padding: 2.3vw 4.3vw 3.1vw;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 66.2vw;
		margin: 0 auto;
	}
	.sdgs-top .sdgs-tit .sdgs-tit-box dt {
		width: 10.7vw;
		margin: 0 5vw 0 0;
	}
	.sdgs-top .sdgs-tit .sdgs-tit-box dd {
		font-size: 1.4vw;
		line-height: 2;
	}
	.sdgs-top .sdgs-goal-wrap {
		display: flex;
		/*justify-content: center;*/
		align-items: center;
		margin: 0 auto 80px;
	}
	.sdgs-top .sdgs-goal-wrap .tit {
		max-width: 12.4vw;
		width: inherit;
		margin: 0 0 0 0;
	}
	.sdgs-top .sdgs-goal-wrap .sdgs-goal-list {
		gap: 3vw 1vw;
		margin: 0 0 0 4vw;
		justify-content: flex-start;
	}
	.sdgs-top .sdgs-goal-wrap .sdgs-goal-list li {
		/*width: 31.7vw;*/
	}
	.sdgs-top .sdgs-goal-wrap .sdgs-goal-list li dl {
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 1.2vw;
		gap: 1.5vw;
	}
	.sdgs-top .sdgs-goal-wrap .sdgs-goal-list li dl dt,
	.sdgs-top .sdgs-goal-wrap .sdgs-goal-list li dl dd {
		width: 15vw;
		margin: 0;
	}
	.sdgs-top .sdgs-case {
		display: grid;
		align-items: flex-start;
		grid-template-columns: auto 1fr;
		grid-template-areas: "desc img"
		  "btn img"
		  ". img";
		column-gap: 7.5vw;
	}
	.sdgs-top .sdgs-case + .sdgs-case {
	  margin: 6vw 0 0;
	}
	.sdgs-top .sdgs-case.reverse {
		grid-template-areas: "img desc"
		  "img btn"
		  "img .";
	}
	.sdgs-top .sdgs-case .desc {
		width: 44vw;
		grid-area: desc;
	}
	.sdgs-top .sdgs-case .desc .tit {
		padding: 0 0 12px;
		margin: 0 0 20px;
	}
	.sdgs-top .sdgs-case .desc .tit span {
		padding: 0 0 0 2vw;
		font-size: 1vw;
	}
	.sdgs-top .sdgs-case .desc .tit span::before {
		width: 1.26vw;
		height: 1.26vw;
	}
	.sdgs-top .sdgs-case .desc dl {
		margin: 0;
	}
	.sdgs-top .sdgs-case .desc dt {
		font-size: 1.9vw;
		margin: 0 0 3.96vw;
	}
	.sdgs-top .sdgs-case .desc dd {
		font-size: 1.26vw;
	}
	.sdgs-top .sdgs-case .desc dd {
		margin: 0 0 3.96vw;
	}
	.sdgs-top .sdgs-case .img {
		width: 32vw;
		margin: 0;
		grid-area: img;
	}
	.sdgs-top .sdgs-case .btn {
		grid-area: btn;
	}
	.sdgs-top .sdgs-case .btn-more {
	  width: 60%;
	}
	.sdgs-top .sdgs-case .btn-more:hover {
	  color: #fff;
	}
}

@media print, screen and (min-width: 1301px) {
	
	.sdgs-top .sdgs-tit .sdgs-tit-box {
		padding: 30px 80px 40px;
		width: 835px;
	}
	.sdgs-top .sdgs-tit .sdgs-tit-box dt {
		width: 136px;
		margin: 0 70px 0 0;
	}
	.sdgs-top .sdgs-tit .sdgs-tit-box dd {
		font-size: 16px;
	}
	.sdgs-top .sdgs-goal-wrap .tit {
		max-width: 195px;
	}
	.sdgs-top .sdgs-goal-wrap .sdgs-goal-list {
		gap: 40px 20px;
		margin: 0 0 0 55px;
		/*width: 70%;*/
	}
	.sdgs-top .sdgs-goal-wrap .sdgs-goal-list li {
		/*width: 400px;*/
	}
	.sdgs-top .sdgs-goal-wrap .sdgs-goal-list li dl dt,
	.sdgs-top .sdgs-goal-wrap .sdgs-goal-list li dl dd {
		width: 190px;
	}
	.sdgs-top .sdgs-goal-wrap .sdgs-goal-list li dl {
		font-size: 14px;
		gap: 20px;
	}
	.sdgs-top .sdgs-case {
		column-gap: 70px;
	}
	.sdgs-top .sdgs-case .desc {
		width: 560px;
	}
	.sdgs-top .sdgs-case .desc .tit {
		padding: 0 0 12px;
		margin: 0 0 20px;
	}
	.sdgs-top .sdgs-case .desc .tit span {
		padding: 0 0 0 27px;
		font-size: 12px;
	}
	.sdgs-top .sdgs-case .desc .tit span::before {
		width: 16px;
		height: 16px;
	}
	.sdgs-top .sdgs-case .desc dt {
		font-size: 24px;
		margin: 0 0 50px;
	}
	.sdgs-top .sdgs-case .desc dd {
		font-size: 16px;
		margin: 0 0 50px;
	}
	.sdgs-top .sdgs-case .img {
		width: 440px;
	}
}

/*voice*/
.voice {
	font-family: sans-serif;
}
.voice .voice-tit-wrap {
	background: url("../../img/top/voice_bg_sp.webp") center center no-repeat;
	background-size: cover;
	padding: 10.6vw 5vw;
	color: #fff;
	font-family: serif;
	letter-spacing: 0.2em;
	font-weight: 600;
	margin: 13.3vw 0 ;
}
.voice .voice-tit-wrap .tit-box {
	margin: 0 0 10.6vw;
}
.voice .voice-tit-wrap .tit-box .tit {
	font-size: 4.8vw;
	margin: 0 0 5.3vw;
}
.voice .voice-tit-wrap .tit-box .name {
	font-size: 4.8vw;
}
.voice .voice-tit-wrap .tit-box .name small {
	font-size: 2.6vw;
}
.voice .voice-tit-wrap .tit-box .name .corp {
	display: block;
	font-size: 3.2vw;
}

.voice .voice-desc {
	background-color: #fff;
}
.voice .voice-desc .voice-cont {
	margin: 13.3vw 0 0;
}
.voice .voice-desc .voice-cont dt {
	font-family: serif;
	font-size: 4.8vw;
	letter-spacing: 0.1em;
	font-weight: 600;
	margin: 0 0 5.3vw;
	line-height: 1.4;
}
.voice .voice-desc .voice-cont dt span {
	position: relative;
	padding: 0 0 0 10.6vw;
	display: block;
}
.voice .voice-desc .voice-cont dt span::before {
	position: absolute;
	content: "Q.";
	display: block;
	color: #961416;
	font-size: 5.3vw;
	left: 1vw;
	top: 0;
}
.voice .voice-desc .voice-cont dd {
	text-align: justify;
}

@media print, screen and (min-width: 768px) {
	.voice .voice-tit-wrap {
		padding: 0 0 5.5vw;
		margin: 3.9vw 0 0;
		background: url("../../img/top/voice_bg.webp") center top 9vw no-repeat;
		background-size: cover;
	}
	.voice .voice-tit-wrap .wide-container {
		display: flex;
		justify-content: space-around;
		flex-direction: row-reverse;
		align-items: center;
	}
	.voice .voice-tit-wrap .tit-box {
		margin: 0;
		position: relative;
		top: 5vw;
	}
	.voice .voice-tit-wrap .tit-box .tit {
		font-size: 1.9vw;
		margin: 0 0 2.3vw;
	}
	.voice .voice-tit-wrap .img {
		width: 39vw;
	}
	.voice .voice-tit-wrap .tit-box .name {
		font-size: 1.9vw;
		margin: 0 0 2.3vw;
	}
	.voice .voice-tit-wrap .tit-box .name small {
		font-size: 1.2vw;
	}
	.voice .voice-tit-wrap .tit-box .name .corp {
		font-size: 1.1vw;
	}
	.voice .voice-desc {
		display: flex;
		justify-content: space-between;
		padding: 5.5vw 6.3vw 0;
		position: relative;
		top: -5.5vw;
	}
	.voice .voice-desc .voice-cont {
		width: 30%;
		margin: 0;
	}
	.voice .voice-desc .voice-cont dt {
		font-size: 1.7vw;
		margin: 0 0 2.3vw;
	}
	.voice .voice-desc .voice-cont dt span {
		padding: 0 0 0 3.1vw;
	}
	.voice .voice-desc .voice-cont dt span::before { 
		left: 0;
		font-size: 1.8vw;
	}
	.voice .voice-desc .voice-cont dd {
		font-size: 1.4vw;
	}
}

@media print, screen and (min-width: 1301px) {
	
	.voice .voice-tit-wrap {
		padding: 0 0 120px;
		margin: 50px 0 0;
		background: url("../../img/top/voice_bg.webp") center top 100px no-repeat;
		background-size: cover;
	}
	
	.voice .voice-tit-wrap .tit-box {
		top: 63px;
	}
	.voice .voice-tit-wrap .tit-box .tit {
		font-size: 24px;
		margin: 0 0 30px;
	}
	.voice .voice-tit-wrap .img {
		width: 500px;
	}
	.voice .voice-tit-wrap .tit-box .name {
		font-size: 24px;
		margin: 0 0 30px;
	}
	.voice .voice-tit-wrap .tit-box .name small {
		font-size: 16px;
	}
	.voice .voice-tit-wrap .tit-box .name .corp {
		font-size: 14px;
	}
	.voice .voice-desc {
		padding: 70px 80px 0;
		top: -120px;
	}
	.voice .voice-desc .voice-cont dt {
		font-size: 20px;
		margin: 0 0 30px;
	}
	.voice .voice-desc .voice-cont dt span {
		padding: 0 0 0 40px;
	}
	.voice .voice-desc .voice-cont dt span::before { 
		font-size: 20px;
	}
	.voice .voice-desc .voice-cont dd {
		font-size: 16px;
	}
}

@media print, screen and (max-width: 767px) {
	.voice .voice-desc {
		width: 88vw;
		margin: 0 auto;
	}
	
}