@charset "UTF-8";
img {
border: none;
}
html,body {
width:100%;
height:100%;
}
/* SP : 300 px -  */
@media print, screen and (min-width: 300px) {
body {
width:100%;
height:100%;
font-family: "Noto Sans JP";
font-weight: 500;
color: #222;
padding:0;
margin:0;
font-size:17px;
line-height:1.75em;
position:relative;
background:#fff;
-webkit-text-size-adjust: 100%;
}


}
/* SP : 300 px -  */
@media print, screen and (min-width: 300px) {
.sp{
display:block;
}
.pc{
display:none!important;
}
section{
padding: 40px 0 0 0;
background: #fff;
}
.txt-center{
text-align: center;
}
.margin-none{
padding: 0!important;
}
.mark{
padding: 1px 2px;
border-radius: 4px;
background: #e9cad5;
font-weight: bold;
}
.tategaki{writing-mode: vertical-rl;}
/* ---------- ヘッダー ---------- */
.header-box{
display: flex;
z-index:10;
width: 100%;
height: 60px;
}


/*　hamburger */
/*　三本　*/
.navToggle {
display: block;
position: fixed; 
right: 0px;
top: 0px;
z-index: 105;
width: 60px;
height: 60px;
border-radius: 0px;
background: #0d643c;
text-align: center;
cursor: pointer;
}
.navToggle span {
display: block;
position: absolute;
width: 30px;
border-bottom: solid 3px #eee;
-webkit-transition: .35s ease-in-out;
-moz-transition: .35s ease-in-out;
transition: .35s ease-in-out;
left: 17px;
}
.navToggle span:nth-child(1) {
top: 14px;
}
.navToggle span:nth-child(2) {
top: 23px;
}
.navToggle span:nth-child(3) {
top: 32px;
}
.navToggle span:nth-child(4) {
border: none;
color: #eee;
font-size: 11px;
font-weight: bold;
top: 34px;
}
/* 1番 -45度 */
.navToggle.active span:nth-child(1) {
top: 24px;
left: 17px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
}
/* 2番 3番 45度 */
.navToggle.active span:nth-child(2),
.navToggle.active span:nth-child(3) {
top: 24px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
}
#navigation{
position: fixed;
display: none;
width: 100%;
height: 100vh;
top: 0;
left: 0;
background-color: #fff;
box-sizing: border-box;
z-index: 100;
}
#navigation .navigation_inner{
display: block;
width: 100%;
height: 100vh;
background: #087b45;
overflow: auto;
}
#navigation .navigation_inner .navigation_menu{
display: block;
vertical-align: middle;
}
#navigation .navigation_inner .navigation_menu{
float: left;
width: 90%;
height: auto;
margin: 16px 5% 0 5%;
padding: 15px 0;
background: #fff;
}
#navigation .navigation_inner .navigation_menu .navigation_item:first-child{
margin-top: 0;
}
#navigation .navigation_inner .navigation_menu .navigation_item a{
display: block;
position: relative;
text-decoration: none;
color: #333;
line-height: 40px;
text-align: center;
}
.navigation_inner-box{
display: flex;
flex-wrap: wrap;
width: 100%;
}
.navigation_inner-box-logo{
width: 100%;
height: 60px;
}
.header-box-link{
width: 73%;
margin: 12px 11% 90px 16%;
padding: 0 0 0 10px;
box-sizing: border-box;
}
.header-box-link-box{
display: block;
width: 100%;
margin-bottom: 3px;
padding: 0;
box-sizing: border-box;
}
.header-box-link-box-menu{
display: block;
width: 100%;
margin: 12px 0 0 0;
padding: 2px 0;
box-sizing: border-box;
font-size: 18.25px;
color: #fff;
}
.header-box-link-box-menu-line{
width: 78%;
border-bottom: 1px solid #ddd;
}
.header-box-link-box-menu-sub{
display: block;
width: 100%;
padding: 5px 0 0 12px;
box-sizing: border-box;
color: #fff;
font-size: 15.25px;
}
.header-box-logo{
display: inline-block;
width: 260px;
margin-left: 12px;
}


/* Cont */ /* ---------------------------------------------------------- */
.hero{
position: relative;
overflow: hidden;
width: 100%;
height: auto;
margin: 0 0 65px 0;
background: #f0f7fc;
}
.hero video{
width: 100%;
}
.hero img{
height: 600px;
object-fit: cover;
}
.h1-cont-border{
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
height: 1em;
margin: 0 0 10px 0;
padding-bottom: 5px;
border-bottom: 2px solid #099453;
color: #099453;
font-size: 48px;
font-weight: bold;
line-height: 1.0;
}
.h1-cont{
display: block;
width: 100%;
height: 1em;
margin: 0 0 0 0;
color: #099453;
font-size: 48px;
font-weight: bold;
line-height: 1.0;
}
.h2-cont-service{
padding: 12px 0;
background: #155e8c;
color: #fff;
text-align: center;
line-height: 1.0;
}
.top-box-two{
display: flex;
flex-wrap: wrap;
width: 100%;
max-width: 1100px;
margin: 0 auto;
padding: 0 5px;
box-sizing: border-box;
}
.top-box-two-kyoka{
display: inline-flex;
justify-content: space-around;
gap:5px;
width: 100%;
height: fit-content;
padding: 12px 6px;
border: 1px solid #79d8b2;
border-radius: 6px;
box-sizing: border-box;
}
.top-box-two-kyoka-link{
position: relative;
display: inline-block;
width: 50%;
}
.top-box-two-kyoka-link-txt{
position: absolute;
left: 0;
bottom: 0;
display: block;
width: 100%;
padding: 7px 0 4px 0;
background: #099453;
color: #fff;
font-size: 12px;
font-weight: bold;
text-align: center;
}
.top-box-two-news{
display: inline-block;
flex-wrap: wrap;
width: 100%;
margin: 40px 0 0 0;
padding: 0 25px;
box-sizing: border-box;
}
.top-h1-sub{
font-size: 26px;
}
.top-news-box{
margin: 0 0 30px 0;
}
.top-news{
position: relative;
display: flex;
flex-wrap: wrap;
width: 100%;
padding: 0 10px;
box-sizing: border-box;
color: #333;
font-weight: bold;
line-height: 1.375;
}
.top-news-date{
width: 100%;
margin-top: 10px;
padding: 5px 0 0 0;
}
.top-news-cont{
width: 100%;
margin-top: 10px;
padding: 2px 0 10px 10px;
border-bottom: 1px solid #ccc;
box-sizing:border-box;
}
.button-green{
display: block;
width: 100%;
text-align: center;
}
.button-green-link{
display: inline-block;
padding: 7px 36px 4px 36px;
border-radius: 100px;
background: #028f37;
color: #fff;
font-weight: bold;
}
.top-sustainability{
display: block;
width: 100%;
padding: 60px 0;
background: #d9f5f2;
}
.top-sustainability-box{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
max-width: 800px;
margin: 0 auto;
box-sizing: border-box;
}
.top-sustainability-text{
width: 100%;
padding: 0 25px;
box-sizing: border-box;
}
.top-sustainability-text-txt{
margin: 15px 0 0 0;
}
.top-sustainability-text-year{
display: inline-block;
width: 100%;
margin: 20px 0 15px 0;
font-size: 27px;
font-weight: bold;
text-align: center;
line-height: 1.0;
}
.top-sustainability-text-year-t{
display: inline-block;
width: auto;
margin: 0;
padding: 3px 18px;
border-radius: 3px;
background: #0d6e41;
color: #fff;
font-size: 56px;
font-weight: bold;
text-align: center;
line-height: 1.0;
}
.top-sustainability-img{
width: 100%;
}
.top-service{
position: relative;
display: flex;
flex-wrap: wrap;
width: 100%;
max-width: 1000px;
height: 100%;
margin: 0;
background-repeat: no-repeat;
background-color: #fff;
box-sizing: border-box;
}
.top-service-box-cont-box{
display: flex;
flex-wrap: wrap;
width: 100%;
height: auto;
padding: 0 25px;
box-sizing: border-box;
}
.top-service-box-cont{
display: flex;
flex-wrap: wrap;
width: 100%;
margin: 20px 0 0 0;
border: 1px solid #999;
font-size: 16px;
color: #333;
}
.top-service-box-cont-txt{
width: 100%;
padding: 0 0 10px 0;
background: #fff;
line-height: 1.55;
}
.top-service-box-cont-txt-box{
width: 100%;
padding: 15px 20px 10px 20px;
box-sizing: border-box;
}
.top-service-box-cont-img{
width: 100%;
}
aside{
position: relative;
z-index: 10;
width: 100%;
background: #fff;
}
.aside-box{
position: relative;
z-index: 10;
display: block;
width: 90%;
max-width: 900px;
margin: 0 auto 0 auto;
padding: 80px 0 0 0;
background: #fff;
}
.aside-box-two{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
border: 1px solid #999;
box-sizing: border-box;
}
.aside-box-two-txt{
position: relative;
display: flex;
justify-content: space-between;
margin: 15px 0 20px 0;
padding: 0 15px;
box-sizing: border-box;
font-size: 28px;
color: #099453;
font-weight: bold;
}
.arrow{
  position: relative;
  display: inline-block;
  width: 40px;
  height: 40px;
  background: #099453;
  border-radius: 100px;
  cursor: pointer;
  transition: .5s;
}
.arrow::before {
  position: absolute;
  display: block;
  width: 14px;
  height: 14px;
  content: "";
  border-top: 4px solid #fff;
  border-right: 4px solid #fff;
  transition: .5s;
}
.arrow::before{
  top:11px;
  right: 15px;
  transform: rotate(45deg);
  }
  .arrow-white{
  position: relative;
  display: inline-block;
  width: 40px;
  height: 40px;
  background: #fff;
  border-radius: 100px;
  border: 1px solid #188a76;
  cursor: pointer;
  transition: .5s;
}
.arrow-white::before {
  position: absolute;
  display: block;
  width: 14px;
  height: 14px;
  content: "";
  border-top: 4px solid #099453;
  border-right: 4px solid #099453;
  transition: .5s;
}
.arrow-white::before{
  top:11px;
  right: 15px;
  transform: rotate(45deg);
  }
.aside-box-two-txt-sub{
font-size: 18.25px;
}
.contents-hero-img{
width: 100%;
height: 400px;
object-fit: cover;
object-position:center;
}
.contents-hero-box{
position: fixed;
right: 0;
top: 140px;
left: 0;
width: 90%;
max-width: 1200px;
height: auto;
margin: 0 5%;
border: 1px solid #ccc;
 background-color: rgb(0 0 0 / 0.6);
text-align: left;
line-height: 1.0;
}
.contents-hero-box-h1{
position: relative;
width: 100%;
height: auto;
}
.contents-hero-box-h1-box{
display: inline-block;
width: 92%;
margin: 0 4%;
padding: 0 0 5px 0;
border-bottom: 1px solid #ccc;
font-size: 38px;
overflow-wrap: anywhere;
}
.contents-hero-box-h1-box-sub{
display: inline-block;
width: 92%;
margin: 5px 4% 20px 4%;
font-size: 48px;
text-align: right;
}
.parallax-base{
position: relative;
margin: 0;
height: 515px;
box-sizing: border-box;
background-color: #fff;
color: #FFF;
font-size: 4rem;
display: flex;
align-items: center;
justify-content: center;
padding: 5%;
}
.parallax-box {
background-attachment: fixed;
background-position: 0 0;
background-repeat: no-repeat;
background-size: contain;
}
.parallax-box-bg1{
background-image: url("../img/hero--01.webp");
}
.parallax-box-work{
background-image: url("../img/hero--02-sp.webp");
}
.parallax-box-company{
background-image: url("../img/hero-company-sp.webp");
}
.parallax-box-torikumi{
background-image: url("https://toshisangyo.co.jp/kirara-toshisangyo/wp-content/uploads/2026/06/initiatives-sp.webp");
}
.parallax-box-recruit{
background-image: url("../img/hero-recruit-sp.webp");
}
.parallax-box-license{
background-image: url("../img/hero--license-sp.webp");
}
.parallax-box-contact{
background-image: url("../img/hero-contact-sp.webp");
}
.parallax-box-facilities{
background-image: url("../img/hero-facilities-sp.webp");
}
.margin-parallax{
padding: 0 0 0 0!important;
}
.contents-wrap{
position: relative;
z-index: 10;
background: #fff;
}
.contents-box{
display: block;
width: 90%;
max-width: 1100px;
margin: 0 5% 0 5%;
padding: 50px 0 50px 0;
}
.contents-box-single{
display: block;
width: 90%;
max-width: 800px;
margin: 0 5% 0 5%;
padding: 50px 0 50px 0;
}
.contents-box-single p{
margin: 0 0 30px 0;
font-size: 18px;
}
.contents-box-single img{
display: block;
width: 90%;
margin: 0 5%;
}
.path{
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
gap:6px;
width: 96%;
margin: 0 2% 0 2%;
font-size: 13.5px;
}
.path-link-home{
padding: 4px 9px;
border-radius: 100px;
background: #3d785d;
color: #fff;
font-weight: bold;
}
.path-link-contents{
padding: 4px 9px;
border-radius: 100px;
background: #337e2f;
color: #fff;
font-weight: bold;
}
.contents-h1{
margin: 0 0 50px 0;
padding: 0 0 0 17px;
color: transparent;
border-left: 12px solid #064a2a;
background: repeating-linear-gradient(45deg, #0c3f27 0%, #0c3f27 40%, #099453 40%, #099453 100%);
-webkit-background-clip: text;
font-size: 36px;
line-height: 1.1;
}
.contents-h2{
position: relative;
margin: 60px 0 20px 0;
font-size: 28px;
line-height: 1.175;
}
.contents-h2::before{
position: absolute;
bottom: -20px;
content: "";
width: 140px;
border-bottom: 6px solid #155e8c;
}
.contents-txt{
display: inline-block;
width: 100%;
margin: 30px 0 0 0;
padding: 0 14px;
box-sizing: border-box;
font-size: 17px;
}
.table-box-company,
.table-box-license{
display: flex;
flex-wrap: wrap;
height: auto;
margin: 30px 0 0 0;
}
.table-box-head-company,
.table-box-head-license{
padding: 7px 0 7px 10px;
border-bottom: 1px solid #3d785d;
box-sizing: border-box;
color: #163325;
font-weight: bold;
}
.table-box-data-company,
.table-box-data-license{
padding: 12px 10px 12px 10px;
border-bottom: 1px solid #3d785d;
box-sizing: border-box;
}
.table-box-company{
width: 100%;
}
.table-box-head-company,.table-box-data-company,.table-box-license,.table-box-head-license,.table-box-data-license{
width: 100%;
}
.bottom{
padding: 50px 0 0 0;
}
.bottom-menu{
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
gap:0;
width: 90%;
margin: 0 5% 0 5%;
border-top: 1px solid #587668;
border-left: 1px solid #587668;
background: #fff;
}
.bottom-menu-link{
display: block;
width: 100%;
border-right: 1px solid #587668;
border-bottom: 1px solid #587668;
box-sizing: border-box;
}
.bottom-menu-link-a{
position: relative;
display: block;
padding: 14px 20px;
box-sizing: border-box;
color: #333;
}
 .arrow-right{
 position: absolute;
 top:16px;
 right: 22px;
display: inline-block;
  width: 24px;
  height: 24px;
  background: #3d785d;
  border-radius: 100px;
  cursor: pointer;
  transition: .5s;
}
.arrow-right::before {
  position: absolute;
  display: block;
  width: 8px;
  height: 8px;
  content: "";
  border-top: 4px solid #fff;
  border-right: 4px solid #fff;
  transition: .5s;
}
.arrow-right::before{
  top: 6px;
  right: 8px;
  transform: rotate(45deg);
  }
.category-box{
position: relative;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 240px;
background: #f5f5f5;
}
.category-box-h1{
display: inline-block;
width: auto;
margin: 0 auto;
color: #65927d;
font-size: 58px;
line-height: 1.15;
text-align: center;
}
.category-box-h1-sub{
display: inline-block;
width: 100%;
margin: 0 0 0 0;
color: #6d9281;
font-size: 33px;
text-align: center;
}

.category-box-menu{
display: flex;
flex-wrap: wrap;
justify-content: space-around;
width: 100%;
}
.category-box-menu-link{
position: relative;
width: 90%;
height: auto;
margin: 0 5% 14px 5%;
padding: 0 12px 10px 12px;
border-radius: 15px;
background: #188a76;
box-sizing: border-box;
}
.category-box-menu-link-h2{
padding: 23px 0 23px 0;
color: #fff;
font-size: 21px;
text-align: center;
}
.category-box-menu-link-arrow{
position: absolute;
bottom: 14px;
right: 10px;
}
.img-one{
display: block;
width: 90%;
margin: 30px 5% 0 5%;
}
.table-table {
  display: block;
}
.table-table thead {
  display: none;
}
.table-table tbody, .table-table tr, .table-table th, .table-table td {
  display: block;
  width: 100%;
}
.table-table tr {
  border-bottom: 1px solid #111;
  margin-bottom: 5px;
}
.table-table th {
  padding: 10px 10px 5px;
  font-weight: bold;
  font-size: 16px;
}
.table-table td {
  position: relative;
  padding: 10px 10px 10px calc(50% + 10px);
  border-top: 1px solid #111;
  border-left: 1px solid #111;
  border-right: 1px solid #111;
  background-color: #fff;
}
.table-table td:before {
  content: attr(aria-label);
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  width: 50%;
  height: 100%;
  padding: 10px;
  border-right: 1px solid #111;
  background-color: #eee;
}
.access-map{
display: flex;
width: 100%;
max-width: 820px;
height: 520px;
margin: 0 auto;
}

.accessroot{
width: 100%;
max-width: 620px;
margin: 50px auto 0 auto;
padding: 25px 10px 0 10px;
border-radius: 4px;
border: 1px solid #ddd;
background: #fbf6f0;
box-sizing: border-box;
}
.accessroot-box{
width: 100%;
margin: 0 auto 30px auto;
border: 3px solid #4b7d66;
box-sizing: border-box;
}
.accessroot-box-img{
width: 100%;
}
.accessroot-box-txt{
width: 100%;
padding: 10px 16px 10px 16px;
background: #4b7d66;
color: #fff;
font-weight: bold;
box-sizing: border-box;
}
.facility{
margin: 50px 0 0 0;
padding: 0 0 20px 0;
}
.facility-box{
position: relative;
display: flex;
flex-wrap: wrap;
width: 100%;
max-width: 840px;
margin: 30px auto 0 auto;
box-sizing: border-box;
}
.facility-box::before{
position: absolute;
z-index: 1;
content: "";
bottom: -10px;
right: -12px;
width: 160px;
height: 122px;
border-radius: 12px;
background: #eef7f3;
}
.facility-box-img{
z-index: 100;
width: 100%;
}
.facility-box-txt{
z-index: 100;
width: 100%;
margin: -28px 0 0 0;
padding: 0 16px 16px 16px;
box-sizing: border-box;
}
.facilitu-box-txt-h2{
margin: 0 0 22px 0;
padding: 7px 15px;
border-radius: 6px;
background: #064a2a;
color: #fff;
font-size: 22.5px;
text-align: center;
}
.facility-box-txt-txt{
font-size: 16px;
padding: 0 0 0 16px;
box-sizing: border-box;
}
.greeting{
display: flex;
flex-wrap: wrap;
width: 100%;
}
.greeting-img{
width: 70%;
margin: 40px auto 0 auto;
box-sizing: border-box;
}
.greeting-txt{
width: auto;
padding: 0;
}
.greeting-txt-president{
width: 100%;
margin: 15px 0 0 0;
padding: 0 15px 0 0;
box-sizing: border-box;
font-family: 'Noto Serif JP', serif;
text-align: right;
font-size: 18px;
font-weight: bold;
line-height: 1.45;
}
.greeting-txt-president-name{
font-size: 22px;
}
.rinen{
width: 100%;
margin: 0 0 30px 0;
}
.graph-box{
display: inline-block;
width: 90%;
margin: 25px 5% 40px 5%;
}
.table-scroll{
display: block;
width: 100%;
margin: 40px 0 0 0;
overflow-x: auto;
}
.table-scroll-box{
display: block;
border-collapse: collapse;
width: 920px;
font-size: 16px;
line-height: 1.45;
}
.table-scroll-box th{
display: table-cell;
width: auto;
padding: 8px 15px;
text-align: center;
border: 1px solid #446656;
background: #dee6e2;
}
.table-scroll-box td{
display: table-cell;
width: auto;
padding: 10px 15px;
border: 1px solid #446656;
}
.table-scroll-box-narrow{
display: block;
border-collapse: collapse;
width: 590px;
font-size: 15px;
}
.table-scroll-box-narrow th{
display: table-cell;
width: auto;
padding: 3px 0;
text-align: center;
border: 1px solid #446656;
background: #dee6e2;
}
.table-scroll-box-narrow td{
display: table-cell;
width: auto;
padding: 3px 25px;
border: 1px solid #446656;
}
.table-scroll-box-wide{
display: block;
border-collapse: collapse;
width: 1000px;
font-size: 15px;
}
.table-scroll-box-wide th{
display: table-cell;
width: auto;
padding: 3px 0;
text-align: center;
border: 1px solid #446656;
background: #dee6e2;
}
.table-scroll-box-wide td{
display: table-cell;
width: auto;
padding: 3px 25px;
border: 1px solid #446656;
}
.t-color{
background: #f2f5f4;
}
.history{
display: flex;
flex-wrap: wrap;
width: 100%;
max-width: 890px;
margin: 30px 0 0 20px;
}
.history-time{
display: inline-block;
width: 100%;
margin: 0 0 0 0;
padding: 0 0 5px 0;
}
.history-time-year{
display: inline-block;
	padding:0 0 0 10px;
font-size: 19px;
font-weight: bold;
color:#064a2a;
}
.history-time-month{
display: inline-block;
width: 46px;
height: 46px;
margin: -10px 0 0 30px;
padding: 9px 0 0 0;
border-radius: 100px;
background: #068770;
box-sizing: border-box;
color: #fff;
font-size: 15px;
font-weight: bold;
text-align: center;
}
.history-txt{
width: 95%;
margin: 0 5% 10px 0;
padding: 0 10px 15px 10px;
border-bottom: 1px solid #aaa;
box-sizing: border-box;
line-height: 1.2;
}
.service-sanpai{
display: flex;
flex-wrap: wrap;
width: 90%;
margin: 50px 5% 0 5%;
padding: 20px 10px;
border: 3px solid #6d9281;
border-radius: 8px;
box-sizing: border-box;
}
.service-sanpai-box{
display: block;
width: 100%;
margin: 0 0 15px 0;
padding: 20px;
border:1px solid #bbb;
border-radius: 4px;
background: #fefaeb;
box-sizing: border-box;
}
.service-sanpai-box-h3{
margin: 0 0 24px 0;
padding: 0 0 10px 0;
border-bottom: 1px solid #068770;
font-size: 28px;
font-weight: bold;
line-height: 1.175;
}
.service-sanpai-box-txt{
display: block;
width: 100%;
padding: 0 10px;
box-sizing: border-box;
}

.contents-txt-facility-img{
width:100%;margin:20px 0 15px 0
}















/* ---------- フッター ---------- */
.goto {
position: fixed;
z-index: 100;
bottom: 52px;
right: 5px;
width: 60px;
height: auto;
}
footer{
position: relative;
z-index: 1;
padding: 70px 0 0 0;
background: #fff;
}
.footer-wrap{
position: relative;
padding: 70px 0 0 0;
background: #fff;
}
.footer{
position: relative;
z-index: 10;
border-top: 1px solid #099453;
background: #dcf0e7;
}
.footer-box{
display: flex;
flex-wrap: wrap;
width: 100%;
max-width: 1200px;
margin: 0 auto 0 auto;
padding-top: 55px;
}
.footer-box-company{
width: 100%;
padding: 26px 19px 26px 19px;
background: #fff;
box-sizing: border-box;
text-align: center;
}
.footer-button{
display: flex;
flex-wrap: wrap;
width: 74%;
justify-content: space-around;
max-width: 600px;
margin: 50px 13% 0 13%;
}
.footer-button li{
display: block;
width: 100%;
margin: 0 0 10px 0;
}
.footer-button-link{
display: inline-block;
width: 100%;
border: 1px solid #999;
box-sizing: border-box;
}
.footer-box-menu{
display: flex;
flex-wrap: wrap;
width: 100%;
padding: 0 20px 20px 20px;
}
.footer-box-menu-box{
display: inline-block;
width: 49%;
margin: 0 0 13px 0;
padding: 0 0 0 0;
}
.footer-box-menu-box-menu{
display: inline-block;
margin-bottom: 5px;
border-bottom: 1px solid #999;
color: #333;
font-size: 14px;
font-weight: bold;
}
.footer-box-menu-box-menu-sub{
display: inline-block;
padding: 4px 0 0 1px;
color: #333;
font-size: 13px;
font-weight: bold;
}
.copy{
display: block;
width: 100%;
padding: 8px 0;
background: #064a2a;
color: #fff;
font-size: 18px;
font-weight: bold;
text-align: center;
}
.movie-icon{
display:inline-block;
width:24px;
}
.movie-text{
display:inline-block;
	margin:0 0 0 10px;
}



}
/* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*------------------------------------------------------ 300px */

/* PC : 1100 px -  */
@media print, screen and (min-width: 1100px) {
.sp{
display:none;
}
.pc{
display:block!important;
}
section{
padding: 65px 0 0 0;
}
/* ---------- ヘッダ- ---------- */
.header-box{
position: fixed;
top: 0;
left: 0;
z-index:1000;
display: flex;
justify-content: center;
align-items: center;
height: 100px;
padding: 0 0 0 20px;
background: #fff;
box-sizing: border-box;
}
.header-box-logo{
width: 260px;
margin-right: 10px;
}
.header-box-link{
display: flex!important;
flex-wrap: nowrap;
width: auto;
margin: 0 0 0 3%;
padding: 0 5px;
border-radius: 4px;
box-sizing: border-box;
}
.header-box-link-menu{
display: inline-block;
width: auto;
margin: 0 20px 0 0;
color: #333;
font-weight: bold;
}
.header-box-link-menu-contact{
width: 62px;
height: 62px;
border-radius: 4px;
background: #057942;
}
.header-box-link-menu-contact-txt{
display: block;
width: 100%;
color: #fff;
font-size: 11.25px;
font-weight: bold;
text-align: center;
line-height: 1.0;
}
.header-box-link-menu-contact-icon{
display: block;
width: 32px;
height: 32px;
margin: 0 auto 0 auto;
padding: 8px 0 6px 0;
}


.header-item {
  background-color: #168b55;
}
.header-list {
  display: flex;
  justify-content: center;
  transition: background-color .3s;
}
.header-item:hover {
  background-color: #16623f;
}
.header-item a {
  color: #fff;
  display: block;
  padding: 16px 14px;
}
.megaMenu {
  background-color: #16623f;
  left: 0;
  opacity: 0;
  position: absolute;
  text-align: center;
  visibility: hidden;
  width: 100%;
  transition: opacity .3s, visibility .3s;
}
.megaMenu-list {
  padding-bottom: 30px;
  padding-top: 30px;
}
.megaMenu-item {
  display: inline-block;
}
.header-item:hover .megaMenu {
  opacity: 1;
  visibility: visible;
}
.radius-right{
border-radius:0 6px 6px 0; 
}
.radius-left{
border-radius:6px 0 0 6px; 
}

/* Cont */ /* ---------------------------------------------------------*/
.h1-cont-border{
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
height: 1em;
margin: 0 0 10px 0;
padding-bottom: 5px;
border-bottom: 2px solid #099453;
color: #099453;
font-size: 48px;
font-weight: bold;
line-height: 1.0;
}
.h1-cont{
display: block;
width: 100%;
height: 1em;
margin: 0 0 0 0;
color: #099453;
font-size: 48px;
font-weight: bold;
line-height: 1.0;
}
.h2-cont-service{
padding: 12px 0;
background: #155e8c;
color: #fff;
text-align: center;
line-height: 1.0;
}
.hero{
position: relative;
overflow: hidden;
width: 100%;
height: auto;
margin: 100px 0 0 0;
background: #f0f7fc;
}
.hero video{
        width: 100%;
        height: auto;
        max-height: 700px;
        object-fit: cover;
        max-width: 100%;
        margin: 0 auto;
}
.hero img{
height: 700px;
object-fit: cover;
}
.top-box-two{
display: flex;
width: 100%;
max-width: 1100px;
margin: 0 auto;
padding: 0 5px;
box-sizing: border-box;
}
.top-box-two-kyoka{
display: inline-flex;
justify-content: space-around;
width: 54%;
height: fit-content;
padding: 18px 12px;
border: 1px solid #79d8b2;
border-radius: 6px;
box-sizing: border-box;
}
.top-box-two-kyoka-link{
position: relative;
display: inline-block;
width: 32%;
}
.top-box-two-kyoka-link-txt{
position: absolute;
left: 0;
bottom: 0;
display: block;
width: 100%;
padding: 7px 0 4px 0;
background: #099453;
color: #fff;
font-size: 16px;
font-weight: bold;
text-align: center;
}
.top-box-two-news{
display: inline-block;
flex-wrap: wrap;
width: 45%;
padding: 0 25px;
box-sizing: border-box;
}
.top-h1-sub{
font-size: 26px;
}
.top-news-box{
margin: 0 0 30px 0;
}
.top-news{
position: relative;
display: flex;
flex-wrap: wrap;
width: 100%;
padding: 0 10px;
box-sizing: border-box;
color: #333;
font-weight: bold;
line-height: 1.375;
}
.top-news-date{
width: 35%;
margin-top: 10px;
padding: 6px 0 16px 0;
border-bottom: 1px solid #aaa;
}
.top-news-cont{
width: 65%;
margin-top: 10px;
padding: 6px 0 16px 0;
border-bottom: 1px solid #ccc;
}
.button-green{
display: block;
width: 100%;
text-align: center;
}
.button-green-link{
display: inline-block;
padding: 7px 36px 4px 36px;
border-radius: 100px;
background: #028f37;
color: #fff;
font-weight: bold;
}
.top-sustainability{
display: block;
width: 100%;
padding: 90px 0;
background: #d9f5f2;
}
.top-sustainability-box{
display: flex;
justify-content: space-between;
width: 100%;
max-width: 950px;
margin: 0 auto;
box-sizing: border-box;
}
.top-sustainability-text{
width: 48%;
}
.top-sustainability-img{
width: 48%;
}
.top-service{
position: relative;
display: flex;
width: 100%;
max-width: 1000px;
height: 750px;
margin: 0 auto;
background-image: url("../img/top-08-03.webp");
background-repeat: no-repeat;
box-sizing: border-box;
}
.top-service-box-cont-box{
position: absolute;
right: 0;
display: flex;
flex-wrap: wrap;
width: 60%;
}
.top-service-box-cont{
display: flex;
width: 100%;
margin: 20px 0 0 0;
border: 1px solid #999;
font-size: 16px;
color: #333;
}
.top-service-box-cont-txt{
width: 66%;
padding: 0 0 10px 0;
background: #fff;
line-height: 1.55;
}
.top-service-box-cont-txt-box{
width: 100%;
padding: 15px 20px 10px 20px;
box-sizing: border-box;
}
.top-service-box-cont-img{
width: 34%;
background: #fff;
}
.aside-box{
display: flex;
width: 90%;
max-width: 900px;
margin: 0 auto 0 auto;
padding: 140px 0 0 0;
}
.aside-box-two{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 48%;
border: 1px solid #999;
box-sizing: border-box;
}
.aside-box-two-txt{
margin: 17px 0 20px 0;
padding: 0 15px;
font-size: 34px;
}
.arrow{
  position: relative;
  display: inline-block;
  width: 40px;
  height: 40px;
  background: #099453;
  border-radius: 100px;
  cursor: pointer;
  transition: .5s;
}
.arrow::before {
  position: absolute;
  display: block;
  width: 14px;
  height: 14px;
  content: "";
  border-top: 4px solid #fff;
  border-right: 4px solid #fff;
  transition: .5s;
}
.arrow::before{
  top:11px;
  right: 15px;
  transform: rotate(45deg);
  }
.aside-box-two-txt-sub{
font-size: 22px;
}

.contents-hero-img{
width: 100%;
height: 400px;
object-fit: cover;
object-position:center;
}
.contents-hero-box{
position: fixed;
right: 0;
top: 415px;
left: 0;
width: 100%;
max-width: 1200px;
height: 230px;
margin: 0 auto;
border: 1px solid #ccc;
 background-color: rgb(0 0 0 / 0.6);
text-align: left;
line-height: 1.0;
}
.contents-hero-box-h1{
position: relative;
display: block;
width: 100%;
height: 214px;
}
.contents-hero-box-h1-box{
display: block;
width: 90%;
margin: 0 5%;
padding: 10px 0 5px 0;
border-bottom: 1px solid #ccc;
font-size: 110px;
}
.contents-hero-box-h1-box-sub{
display: block;
width: 90%;
margin: 5px 5% 0 5%;
font-size: 61px;
text-align: right;
}
.parallax-base{
height: 686px;
}
.parallax-box {
background-attachment: fixed;
background-position: 0 90px;
background-repeat: no-repeat;
background-size: auto;
}
.parallax-box-bg1{
background-image: url("../img/hero--01.webp");
}
.parallax-box-work{
background-image: url("../img/hero--01.webp");
}
.parallax-box-company{
background-image: url("../img/hero-company-pc.webp");
}
.parallax-box-torikumi{
background-image: url("https://toshisangyo.co.jp/kirara-toshisangyo/wp-content/uploads/2026/06/initiatives-pc.webp");
}
.parallax-box-recruit{
background-image: url("../img/hero-recruit-pc.webp");
}
.parallax-box-license{
background-image: url("../img/hero--license-pc.webp");
}
.parallax-box-contact{
background-image: url("../img/hero-contact-pc.webp");
}
.parallax-box-facilities{
background-image: url("../img/hero-facilities-pc.webp");
}
.margin-parallax{
margin: 0;
}

.contents-box{
display: block;
width: 100%;
max-width: 1100px;
margin: 0 auto 0 auto;
padding: 50px 0 70px 0;
}
.contents-box-single{
display: block;
width: 100%;
max-width: 800px;
margin: 0 auto 0 auto;
padding: 60px 0 70px 0;
}
.contents-box-single p{
margin: 0 0 30px 0;
}
.contents-box-single img{
display: block;
max-width: 600px;
margin: 0 auto;
}

.path{
gap:8px;
width: 100%;
font-size: 16px;
}
.path-link-home{
padding: 8px 20px;
}
.path-link-contents{
padding: 8px 20px;
}
.contents-h1{
margin: 0 0 60px 0;
background: repeating-linear-gradient(45deg, #0c3f27 0%, #0c3f27 15%, #099453 15%, #099453 100%);
-webkit-background-clip: text;
font-size: 48px;
}
.contents-h2{
margin: 70px 0 20px 0;
font-size: 34px;
}
.contents-h2::before{
width: 140px;
}

.contents-txt{
margin: 30px 0 0 0;
padding: 0 155px 0 100px;
box-sizing: border-box;
font-size: 18px;
}
.table-box-company,
.table-box-license{
display: flex;
flex-wrap: wrap;
height: auto;
margin: 30px 0 0 20px;
}
.table-box-head-company,
.table-box-head-license{
padding: 10px 0 10px 10px;
border-bottom: 1px solid #3d785d;
box-sizing: border-box;
font-weight: bold;
}
.table-box-data-company,
.table-box-data-license{
padding: 10px 0;
border-bottom: 1px solid #3d785d;
}
.table-box-company{
width: 800px;
}
.table-box-head-company{
width: 240px;
}
.table-box-data-company{
width: 560px;
}
.table-box-license{
width: 470px;
}
.table-box-head-license{
width: 400px;
}
.table-box-data-license{
width: 70px;
}
.bottom{
padding: 100px 0 0 0;
}
.bottom-menu{
width: 1000px;
margin: 0 auto 0 auto;
}
.bottom-menu-link{
display: block;
width: 33.33333%;
}
.bottom-menu-link-a{
}
.category-box{
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
height: 290px;
}
.category-box-h1{
display: inline-block;
width: auto;
margin: 22px auto 0 auto;
font-size: 100px;
line-height: 0.85;
}
.category-box-h1-sub{
display: inline-block;
margin: 0 0 0 40px;
color: #6d9281;
font-size: 45px;
}
.category-box-menu{
display: flex;
flex-wrap: wrap;
gap:19px;
justify-content: flex-start;
width: 100%;
margin-top:15px;
}
.category-box-menu-link{
width: 30%;
margin: 0;
padding: 0 12px 5px 12px;
}
.category-box-menu-link-h2{
padding: 10px 0 10px 0;
color: #fff;
font-size: 20px;
text-align: center;
}
.category-box-menu-link-arrow{
position: absolute;
bottom: 14px;
right: 10px;
}
.img-one{
display: block;
width: 100%;
max-width: 510px;
margin: 50px auto 0 auto;
}
.service-sanpai{
display: flex;
flex-wrap: wrap;
width: 70%;
margin: 50px 15% 0 15%;
padding: 20px 40px;
border: 3px solid #6d9281;
border-radius: 8px;
box-sizing: border-box;
}
.service-sanpai-box{
display: block;
width: 100%;
margin: 0 0 15px 0;
padding: 20px;
}
.service-sanpai-box-h3{
margin: 0 0 24px 0;
padding: 0 0 10px 0;
border-bottom: 1px solid #068770;
font-size: 28px;
font-weight: bold;
line-height: 1.175;
}
.service-sanpai-box-txt{
display: block;
width: 100%;
padding: 0 20px;
box-sizing: border-box;
}
.accessroot{
margin: 80px auto 0 auto;
padding: 25px 22px 0 22px;
}
.accessroot-box{
width: 100%;
margin: 0 auto 30px auto;
}
.accessroot-box-img{
width: 100%;
}
.accessroot-box-txt{
width: 100%;
padding: 13px 16px 13px 16px;
text-align: center;
}
.facility{
margin: 70px 0 0 0;
}
.facility-box{
margin: 60px auto 0 auto;
}
.facility-box::before{
bottom: -20px;
right: 110px;
width: 434px;
height: 206px;
}
.facility-box-img{
width: 60%;
}
.facility-box-txt{
width: 40%;
padding: 26px;
box-sizing: border-box;
}
.facilitu-box-txt-h2{
margin: 0 0 30px 0;
font-size: 25px;
}
.facility-box-txt-txt{
font-size: 16px;
padding: 0 0 0 16px;
}
.greeting{
flex-wrap: nowrap;
width: 94%;
}
.greeting-img{
width: auto;
min-width: 330px;
margin: 0;
box-sizing: border-box;
}
.greeting-txt{
width: auto;
padding: 0 168px 0 20px;
}
.greeting-txt-president{
width: 100%;
min-width: 330px;
margin: 15px 0 0 0;
padding: 0 15px 0 0;
box-sizing: border-box;
font-family: 'Noto Serif JP', serif;
text-align: right;
font-size: 18px;
font-weight: bold;
line-height: 1.45;
}
.greeting-txt-president-name{
font-size: 22px;
}
.rinen{
width: 100%;
max-width: 760px;
margin: 0 auto 30px auto;
}
.graph-box{
display: block;
width: 100%;
max-width: 600px;
margin: 40px auto 40px auto;
}
.table-scroll{
margin: 60px auto 0 auto;
overflow-x: auto;
}
.table-scroll-box{
display: table;
margin: 0 0 0 20px;
}
.table-scroll-box th{
width: auto;
padding:11px 22px;
}
.table-scroll-box td{
width: auto;
padding:14px 22px;
}
.table-scroll{
overflow-x: auto;
}
.table-scroll-box-narrow{
display: table;
margin: 0 0 0 20px;
}
.table-scroll-box-narrow th{
width: auto;
	padding:8px 20px;
}
.table-scroll-box-narrow td{
width: auto;
	padding:12px 20px;
}
.table-scroll-narrow{
overflow-x: auto;
}
.history{
display: flex;
flex-wrap: wrap;
width: 100%;
max-width: 890px;
margin: 40px 0 0 20px;
}
.history-time{
display: inline-block;
width: 155px;
margin: 0 0 18px 0;
padding: 0 0 18px 15px;
border-bottom: 1px solid #aaa;
line-height:1.0;
}
.history-time-year{
display: inline-block;
	color:#064a2a;
font-size: 18px;
font-weight: bold;
}
.history-time-month{
display: inline-block;
width: 46px;
height: 46px;
margin: -10px 0 0 60px;
padding: 9px 0 0 0;
border-radius: 100px;
background: #068770;
box-sizing: border-box;
color: #fff;
font-size: 15px;
font-weight: bold;
text-align: center;
}
.history-txt{
width: 620px;
margin: 0 0 18px 0;
padding: 0 0 18px 0;
border-bottom: 1px solid #aaa;
line-height: 1.2;
}
.news-list{
display: flex;
flex-wrap: wrap;
width: 100%;
max-width: 1020px;
margin: 0 auto;
font-size: 17px;
}
.news-list dt{
width: 22%;
padding: 7px 0;
border-bottom: 1px solid #7e9e8f;
}
.news-list dd{
width: 78%;
padding: 7px 0;
border-bottom: 1px solid #7e9e8f;
}
.news-list a{
display: flex;
width: 100%;
margin: 0 0 0 20px;
color: #333;
}

.contents-txt-facility-img{
width:80%;margin:35px 10% 25px 10%
}



/* ---------- フッター ---------- */
footer{
padding: 90px 0 0 0;
}
.footer{
padding-bottom: 90px;
border-top: 1px solid #099453;
background: #dcf0e7;
}
.footer-box{
flex-wrap: nowrap;
margin: 0 auto 0 auto;
padding-top: 120px;
}
.footer-box-company{
order: 1;
width: 30%;
padding: 0 20px 0 0;
background: none;
text-align: left;
}

.footer-button{
display: flex;
flex-wrap: wrap;
width: 100%;
justify-content: space-around;
max-width: 600px;
margin: 50px auto 0 auto;
}
.footer-button li{
display: block;
width: 48%;
margin: 0 0 10px 0;
}
.footer-button-link{
display: inline-block;
width: 100%;
border: 1px solid #999;
box-sizing: border-box;
}
.footer-box-menu{
order: 2;
display: flex;
flex-wrap: wrap;
width: 70%;
padding: 0 0 0 20px;
}
.footer-box-menu-box{
width: auto;
min-width: 160px;
margin: 0 0 25px 0;
padding: 0 0 0 25px;
}
.footer-box-menu-box-menu{
margin-bottom: 5px;
font-size: 16px;
}
.footer-box-menu-box-menu-sub{
padding: 8px 0 0 1px;
font-size: 15px;
}
.copy{
display: block;
width: 100%;
padding: 10px 0;
background: #064a2a;
color: #fff;
font-size: 17px;
font-weight: bold;
text-align: center;
}

}
/* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*------------------------------------------------------ 1200px */
@media print, screen and (min-width: 1200px) {
.header-box-link {
margin: 0 0 0 3%;
}
.header-box-link-menu{
margin: 0 40px 0 0;
}
.header-item a {
  padding: 16px 17px;
}
.header-box-logo{
width: 264px;
margin-right: 16px;
}
}
/* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*------------------------------------------------------ 1250px */
@media print, screen and (min-width: 1250px) {
.header-item a {
  padding: 16px 20px;
}
.header-item a {
  padding: 16px 19px;
}
.header-box-logo{
width: 270px;
margin-right: 30px;
}
}
/* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*------------------------------------------------------ 1300px */
@media print, screen and (min-width: 1300px) {
.header-box-link {
margin: 0 0 0 3%;
}
.header-box-link-menu{
margin: 0 50px 0 0;
}
.header-item a {
  padding: 16px 22px;
}
.header-box-logo{
width: 270px;
margin-right: 38px;
}
}
/* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*------------------------------------------------------ 1400px */
@media print, screen and (min-width: 1400px) {
.header-item a {
  padding: 16px 24px;
}
.header-box-logo{
width: 270px;
margin-right: 75px;
}
}

@media screen and (min-width:300px){
	.service-sanpai-recycle{
		display:flex;
		flex-wrap:wrap;
		width:90%;
		margin:70px 5% 0 5%;
	}
	.service-sanpai-recycle-img{
	display:inline-block;
	width:100%;
	}
	.service-sanpai-recycle-img img,
	.service-sanpai-recycle-img-three-one-img img{
		width:100%;
	}
	.service-sanpai-recycle-text{
	display:inline-block;
	width:100%;
		margin:25px 0 0 0;
	padding:0;
	box-sizing:border-box;
	}
	.service-sanpai-recycle-img-three{
	display:flex;
		flex-wrap:wrap;
		width:95%;
		margin:0 2.5% 0 2.5%;
	}
	.service-sanpai-recycle-img-three-one{
	display:block;
		width:100%;
		height:auto;
}
	.service-sanpai-recycle-img-three-one-text{
		padding:5px 0;
		background:#1c6618;
		color:#fff;
		font-weight:bold;
		text-align:center;
	}
	.service-sanpai-recycle-img-three-one-img-text{
		width:95%;
		height:90px;
		margin:14px 2.5% 0 2.5%;
		padding:13px 0 0 0;
		border-radius:10px;
		background:#0e9e06;
		color:#fff;
		font-size:24px;
		font-weight:bold;
		text-align:center;
		box-sizing:border-box;
		line-height:1.35;
	}
	.three-margin{
		margin:0 2.5% 0 2.5%;
	}
	.service-sanpai-recycle-img-three-box{
		width:90%;
		margin:40px 5% 0 5%;
		padding:19px 19px 13px 19px;
		border-radius:8px;
		background:#c6dbc5;
		box-sizing:border-box;
	}
	.facility-box-list{
		width:100%;
		margin:20px 0 0 0;
	}
	.facility-box-list-title{
		padding:3px 0;
		background:#444;
		color:#fff;
		font-weight:bold;
		text-align:center;
	}
	.facility-box-list-content{
		padding:5px 0;
		border-bottom:1px solid #444;
		background:#fff;
		text-align:center;
	}
	.facility-box-list-ability{
		padding:5px 0;
		border-bottom:1px solid #444;
		background:#f1f1f1;
		text-align:center;
	}

	.ph-flow{
		width:100%;
		margin:50px 0 0 0;
	}
	.ph-flow img{
		width:100%;
		border:1px solid #aaa;
	}
		.ph-flow-title{
		display:inline-block;
		width:100%;
	}
		.ph-flow-ability{
		display:inline-block;
		width:100%;
	}
		.facility-box-list-facility{
		width:100%;
		padding:0 0 0 0;
		box-sizing:border-box;
	}
	.facility-box-list-content-facility{
		display:inline-block;
		width:100%;
		padding:5px 0 5px 15px;
		border-bottom:1px solid #aaa;
		box-sizing:border-box;
	}
	.facility-box-list-ability-facility{
		display:inline-block;
		width:100%;
		padding:5px 5px 5px 0;
		border-bottom:1px solid #aaa;
		text-align:right;
		box-sizing:border-box;
	}
	.ph-flow-flex{
		display:flex;
		flex-wrap:wrap;
		margin:0 0 30px 0;
	}
}
@media screen and (min-width:1000px){
	.service-sanpai-recycle{
		display:flex;
		justify-content:space-between;
		width:100%;
	}
	.service-sanpai-recycle-img{
	display:inline-block;
	width:50%;
	}
	.service-sanpai-recycle-img img,
	.service-sanpai-recycle-img-three-one-img img{
	width:100%;
	}
	.service-sanpai-recycle-text{
		display:inline-block;
	width:50%;
		margin:0;
	padding:0 110px 0 40px;
	box-sizing:border-box;
	}
	.service-sanpai-recycle-img-three{
	display:flex;
		flex-wrap:nowrap;
		width:100%;
		margin:0 0 0 0;
	}
	.service-sanpai-recycle-img-three-one{
	display:block;
		width:22%;
		height:200px;
}
	.service-sanpai-recycle-img-three-one-text{
		padding:5px 0;
		background:#1c6618;
		color:#fff;
		font-weight:bold;
		text-align:center;
	}
	.service-sanpai-recycle-img-three-one-img-text{
		width:90%;
		height:160px;
		margin:20px 5% 0 5%;
		padding:38px 0 0 0;
		border-radius:10px;
		background:#0e9e06;
		color:#fff;
		font-size:26px;
		font-weight:bold;
		text-align:center;
		box-sizing:border-box;
		line-height:1.5;
	}
	.three-margin{
		margin:30px 0 0 0;
	}
	.service-sanpai-recycle-img-three-box{
		width:100%;
		margin:40px 0 0  0;
	}
	.ph-flow-title{
		display:inline-block;
		width:25%;
	}
	.ph-flow-ability{
		display:inline-block;
		width:60%;
	}
	.facility-box-list-facility{
		width:75%;
		padding:0 0 0 40px;
		box-sizing:border-box;
	}
	.facility-box-list-content-facility{
		display:inline-block;
		width:61%;
		padding:5px 0 5px 15px;
		border-bottom:1px solid #aaa;
		box-sizing:border-box;
	}
	.facility-box-list-ability-facility{
		display:inline-block;
		width:38%;
		padding:5px 5px 5px 0;
		border-bottom:1px solid #aaa;
		text-align:right;
		box-sizing:border-box;
	}
	.ph-flow-flex{
		display:flex;
		margin:0 0 30px 0;
	}
	
}


/*--------------------------------------
  モーダル
--------------------------------------*/
@media screen and (min-width:300px){
.modal,
.modal-overlay,
.lity,
.fancybox__container,
.mfp-wrap {
    z-index: 99999 !important;
}
.modal_wrap input {
  display: none;
}

.modal_overlay {
  display: flex;
  justify-content: center;
  overflow: auto;
  opacity: 0;
  transition: opacity 0.5s, transform 0s 0.5s;
  transform: scale(0);
}
.modal_overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index:1000000;
    background: rgba(0,0,0,.65);
}
.modal_trigger {
  position: absolute;
  width: 100%;
  height: 100%;
}
.modal_content {
	position: relative;
	z-index:1000001;
    align-self: center;
    width: 95%;
    padding: 18px 5px 5px;
    box-sizing: border-box;
    background: #fff;
    line-height: 1.4em;
    transition: 0.5s;
}
	.modal_content video{
		width:100%;
		margin:0!important;
		padding:0!important
	}
.modal_content p {
  padding-top: 0;
	margin:0;
	margin-block-start: 0!important;
}
.close_button{
    position: absolute;
    top: 10px;
    right: 10px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
	color:#fff;
    font-size: 24px;
    cursor: pointer;
    z-index: 9999999;
	border:2px solid #333;
}

.modal_wrap input:checked ~ .modal_overlay {
  opacity: 1;
  transform: scale(1);
  transition: opacity 0.5s;
}
.modal_wrap input:checked ~ .modal_overlay .modal_content {
  transform: translateY(20px);
}
.open_button {
		display:flex;
	align-items:center;
		width:70%;
		margin:18px 15% 0 15%;
		padding:8px 30px;
		border-radius:100px;
		background:#bb122e;
		box-sizing:border-box;
		color:#fff;
		font-weight:bold;
		text-align:center;
	cursor:pointer;
}
.open-button:active {
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
}
.open-button:after {
font-family: "Font Awesome 5 Free";
  content: "\f2d0";
    padding-left: 8px;
}
.open-button:hover {
  color: #FFFFFF;
  background-color: #4f96f6;
  transition: .6s;
}
.modal_title2 {
  font-size: 1.4em;
	font-weight:bold;
	position: relative;
  padding-bottom: 10px;
  margin-top:0;
  margin-bottom: 0;
	text-align:center;
}
.modal_title2::before,
.modal_title2::after{
	content: "";
	position: absolute;
	bottom: 0;
}
}

@media screen and (min-width:600px){
.modal_content {
    width: 60%;
    padding: 20px 10px 10px;
}
}


@media screen and (min-width:1000px){
.modal_content {
    width: 66%;
    padding: 20px 10px 10px;
}
.modal_title2 {
  font-size: 1.8em;
}
	
}