@charset "UTF-8";
/*//////////////////////////////////////////////////

home style

//////////////////////////////////////////////////*/
/* Scss Document */
/* Scss Document */
.mainimg { position: relative; margin-bottom: 20%; }
.mainimg .mainimg__bg { max-height: 600px; padding: 50%; background-attachment: fixed; background-image: url(/img/home/mainimg_sp.jpg); background-size: cover; background-repeat: no-repeat; background-position: 80%; }
.mainimg .mainimg__ttl { position: absolute; bottom: 0; max-width: 480px; width: 65%; padding: 30px 0 0; box-sizing: border-box; background: #fff; }
.mainimg .mainimg__ttl figure { max-width: 320px; width: 70%; margin: auto; }

.products .products__wp { margin-bottom: 30px; }
.products .products__box { margin-bottom: 10px; }
.products .products__box a { display: block; position: relative; }
.products .products__box a .products__box-ttl { position: absolute; width: 100%; top: 50%; transform: translateY(-50%); width: auto; right: 5%; font-size: 1.8rem; color: #fff; font-family: "FP-ヒラギノUD角ゴ StdN W6", YuGothic, "Yu Gothic medium", "Hiragino Kaku Gothic ProN", "sans-serif"; font-weight: bold; }

.about .about__wp { position: relative; }
.about .about__wp .about__img { position: absolute; max-width: 80px; width: 20%; }
.about .about__wp .about__img-r { right: 0; }
.about .about__wp .about__img-l { top: 0; left: 0; }
.about .about__wp .about__ttl { margin-bottom: 20px; padding: 20px 0; font-size: 2rem; font-family: "FP-ヒラギノUD角ゴ StdN W6", YuGothic, "Yu Gothic medium", "Hiragino Kaku Gothic ProN", "sans-serif"; font-weight: bold; text-align: center; line-height: 1.5666666667; }
@media (min-width: 769px) { .about .about__wp .about__ttl { font-size: calc( 2rem + ( 1vw - 7.69px ) * 2.4330900243 ); } }
@media (min-width: 1180px) { .about .about__wp .about__ttl { font-size: 3rem; } }
.about .about__wp .about__txt { margin: 0% 0% 4.23% 0%; }

.sdgs { padding: 35px 0; background: url("/img/home/bg_sdgs_sp.jpg") center/cover no-repeat; }
.sdgs .ttl .ttl__jp { color: #fff; }
.sdgs .sdgs__wp { color: #fff; }
.sdgs .sdgs__wp .sdgs__ttl { margin-bottom: 20px; font-size: 1.9rem; text-align: center; font-family: "FP-ヒラギノUD角ゴ StdN W6", YuGothic, "Yu Gothic medium", "Hiragino Kaku Gothic ProN", "sans-serif"; font-weight: bold; line-height: 1.5666666667; }
@media (min-width: 769px) { .sdgs .sdgs__wp .sdgs__ttl { font-size: calc( 1.9rem + ( 1vw - 7.69px ) * 2.6763990268 ); } }
@media (min-width: 1180px) { .sdgs .sdgs__wp .sdgs__ttl { font-size: 3rem; } }
.sdgs .sdgs__wp .sdgs__txt { margin-bottom: 50px; }
.sdgs .btn a { background: #fff; border: 1px solid #fff; color: #212121; }

.linkbtn .linkbtn__list li a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 10px; }
.linkbtn .linkbtn__list li a .linkbtn__list-img { flex: 0 1 48%; width: 48%; max-width: 48%; }
.linkbtn .linkbtn__list li a .linkbtn__list-ttl { position: relative; flex: 0 1 48%; width: 48%; max-width: 48%; font-size: 1.5rem; color: #223176; font-family: "FP-ヒラギノUD角ゴ StdN W6", YuGothic, "Yu Gothic medium", "Hiragino Kaku Gothic ProN", "sans-serif"; font-weight: bold; }
@media (min-width: 769px) { .linkbtn .linkbtn__list li a .linkbtn__list-ttl { font-size: calc( 1.5rem + ( 1vw - 7.69px ) * 0.7299270073 ); } }
@media (min-width: 1180px) { .linkbtn .linkbtn__list li a .linkbtn__list-ttl { font-size: 1.8rem; } }
.linkbtn .linkbtn__list li a .linkbtn__list-ttl i { position: absolute; right: 0; line-height: 2; }

.information .information__wp { width: min(720px, 100%); margin: auto; }
.information .information__items { margin-bottom: 2.4rem; }
.information .information__items .item { display: grid; grid-template-columns: 1fr 2.0rem; padding: .8rem; border-bottom: 1px solid #707070; }
.information .information__items .item .i-angle { grid-area: 1 / 2 / 3 / 3; display: flex; align-items: center; justify-content: center; color: #223176; }
.information .information__items .item .i-date { grid-area: 1 / 1 / 2 / 2; color: #223176; font-size: 1.2rem; font-weight: 500; }
.information .information__items .item .i-title { grid-area: 2 / 1 / 3 / 2; font-size: 1.3rem; }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) { .mainimg { margin-bottom: 10%; }
  .mainimg .mainimg__bg { margin-left: 5%; padding: 24%; background-image: url(/img/home/mainimg_pc.jpg); }
  .mainimg .mainimg__ttl { padding: 60px 0 0; }
  .products .products__wp { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
  .products .products__wp .products__box { flex: 0 1 49%; width: 49%; max-width: 49%; }
  .about .about__wp .about__ttl { margin-bottom: 30px; padding: 0; }
  .about .about__wp .about__txt { text-align: center; }
  .about .about__wp .about__img { max-width: 360px; width: 22%; }
  .about .about__wp .about__img-l { top: -130px; }
  .about .about__wp .about__img-r { bottom: -50px; }
  .sdgs { padding: 70px 0; background: url("/img/home/bg_sdgs_pc.jpg") center/cover no-repeat; }
  .sdgs .sdgs__wp .sdgs__txt { text-align: center; }
  .linkbtn .linkbtn__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
  .linkbtn .linkbtn__list li { flex: 0 1 32.3%; width: 32.3%; max-width: 32.3%; margin-bottom: 0; }
  .linkbtn .linkbtn__list li a { display: block; overflow: hidden; }
  .linkbtn .linkbtn__list li a .linkbtn__list-img { flex: 0 1 100%; width: 100%; max-width: 100%; transition: .3s; }
  .linkbtn .linkbtn__list li a .linkbtn__list-img img { transition-duration: 0.5s; }
  .linkbtn .linkbtn__list li a:hover .linkbtn__list-img { transform: scale(1.2); transition-duration: 0.5s; }
  .linkbtn .linkbtn__list li .linkbtn__list-ttl { color: #212121; text-align: center; font-family: "FP-ヒラギノUD角ゴ StdN W6", YuGothic, "Yu Gothic medium", "Hiragino Kaku Gothic ProN", "sans-serif"; font-weight: bold; }
  .information .information__items { margin-bottom: 5.2rem; }
  .information .information__items .item { grid-template-columns: 1fr 3.0rem; padding: 1.0rem; }
  .information .information__items .item .i-date { font-size: 1.3rem; }
  .information .information__items .item .i-title { font-size: 1.5rem; }
  .information .information__items .item .i-angle i { transition: transform .3s; }
  .information .information__items .item:hover .i-angle i { transform: translateX(100%); } }
/*------------------------------
		1041px以上
------------------------------*/
@media screen and (min-width: 861px) { .about .about__wp .about__img { width: 25%; } }
/*------------------------------
		1281px以上
------------------------------*/

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