@charset "UTF-8";
/*-----------------------共通、PC-----------------------*/
/*------------------基本設定------------------*/
/*使用フォント*/
@font-face {
    font-family: 'BIZUDPGothic-Bold';
    src: url('../fonts/BIZUDPGothic-Bold.woff2') format('woff2');
    font-display: swap;
}
@font-face {
    font-family: 'BIZUDPGothic-Regular';
    src: url('../fonts/BIZUDPGothic-Regular.woff2') format('woff2');
    font-display: swap;
}
@font-face {
    font-family: 'NotoSansJP-Bold';
    src: url('../fonts/NotoSansJP-Bold.woff2') format('woff2');
    font-display: swap;
}
@font-face {
    font-family: 'NotoSansJP-Medium';
    src: url('../fonts/NotoSansJP-Medium.woff2') format('woff2');
    font-display: swap;
}
@font-face {
    font-family: 'NotoSansJP-Regular';
    src: url('../fonts/NotoSansJP-Regular.woff2') format('woff2');
    font-display: swap;
}
@font-face {/*BIZUDPの一部文字置き換え*/
    font-family: "lowline-only";
    src: local("Hiragino Sans"), local("Hiragino-Sans"), local("游ゴシック体"),
      local("YuGothic"), local("Meiryo"), local("Meiryo UI"), local("メイリオ");
    unicode-range: U+005F, U+FF3F;
    font-display: swap;
}
/*使用フォント ここまで*/
/*基本書式*/
body,main,header,footer{
    background: #fff;
    font-family: "lowline-only" , "BIZUDPGothic-Regular" , "BIZ UDPGothic" , "ヒラギノ角ゴPro W3" , "Hiragino Kaku Gothic Pro" , "メイリオ" , Meiryo ,"ＭＳ Ｐゴシック" , sans-serif;
    font-style:normal;
    line-height:1.78;
    letter-spacing:0.04em;
    font-size: 17px;
    font-weight: normal;
    color: #222332;
    line-break:strict;
    word-break:break-word;
    overflow-wrap:break-word;
    word-wrap:break-word;
    font-feature-settings:"palt";
    vertical-align: middle;
    text-align: left;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
}
h1,h2,h3,h4,h5,h6{
    line-height: 1.78;
    font-size: 1.5em;
    letter-spacing: 0.05em;
}
a{
    color: #202A8C;
    text-underline-offset:0.2em;
    transition: opacity .3s,font-size .3s !important;
}
a:hover{
    opacity: .5;
    transition: opacity .3s,font-size .3s !important;
    cursor: pointer;
}
button{transition: opacity .3s,font-size .3s !important;}
button:hover{opacity: .5; transition: opacity .3s,font-size .3s !important;}
ul,li{list-style: none;}
.no_sp{display: inline-block;}/*PCのみ表示・適用*/
.grecaptcha-badge {visibility: hidden;}/*reCAPTCHAのロゴを非表示にする*/
:target {scroll-margin-top: 30px;}
/*基本書式 ここまで*/
:root{color-scheme: light;}/*ライトモードのみの運用*/
/*footerを最下部に固定*/
html {height: 100%;}
body {min-height: 100%;display: flex;flex-direction: column;}
main {flex: 1;z-index: 2;overflow-x: hidden;padding-top: 85px;/*header fixed height*/}
main.page-front{padding-top: 0;}
/*footerを最下部に固定 ここまで*/
body{opacity: 0.01;/*フェードイン初期値*/overflow-x: hidden;}
/*コンテンツフレーム*/
.contents-area-1680{
    width: 100%;
    max-width: 1880px;
    height: auto;
    padding: 0 100px;
    margin: 0 auto;
}
.contents-area-1440{
    width: 100%;
    max-width: 1640px;
    height: auto;
    padding: 0 100px;
    margin: 0 auto;
}
.contents-area-1024{
    width: 100%;
    max-width: 1224px;
    height: auto;
    padding: 0 100px;
    margin: 0 auto;
}
.flex-sp-column{display: flex;}
.flex{display: flex;}
.flex-column{display: flex;flex-direction: column;}
.flex-g30{gap: 30px;}
.flex-g50{gap: 50px;}
.jc-center{justify-content: center;}
.ai-center{align-items: center;}
/*汎用margin・padding*/
.m0a{margin: 0 auto !important;}
.mt0{margin-top: 0 !important;}
.mt15{margin-top: 15px !important;}
.mt30{margin-top: 30px !important;}
.mt50{margin-top: 50px !important;}
.mt60{margin-top: 60px !important;}
.pt20{padding-top: 20px !important;}
.pt30{padding-top: 30px !important;}
.pt50{padding-top: 50px !important;}
.pt80{padding-top: 80px !important;}
.pt100{padding-top: 100px !important;}
.pt150{padding-top: 150px !important;}
.pb30{padding-bottom: 30px !important;}
.pb50{padding-bottom: 50px !important;}
.pb100{padding-bottom: 100px !important;}
.pb150{padding-bottom: 150px !important;}
.pl30{padding-left: 30px !important;}
/*その他スタイル調整　汎用*/
.biz-b{font-family: 'BIZUDPGothic-Bold' !important;font-weight: normal;}
.biz-r{font-family: 'BIZUDPGothic-Regular' !important;font-weight: normal;}
.noto-b{font-family: 'NotoSansJP-Bold';font-weight: normal;}
.fs-0_85{font-size: 0.85rem;}
.fs-1_3{font-size: 1.3rem;}
.fs-2{font-size: 2rem;}
.t-right{text-align: right;}
.t-center{text-align: center;}
/*------------------基本設定 ここまで------------------*/
/*汎用パーツ*/
/*button*/
.assets-button1{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
    width: auto;
    min-width: 280px;
    max-width: 380px;
    height: auto;
    padding: 25px 40px;
    text-decoration: none;
    border: #202A8C solid 1px;
    background-color: #202A8C;
    color: #fff;
    font-size: 16px;
    letter-spacing: .08em;
    line-height: 1.6;
    margin: 0 auto;
}
.assets-button1 .button-text{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
    width: 100%;
    height: auto;
}
.assets-button1 .button-text::after{
    content: '';
    display: block;
    width: 16px;
    height: 10px;
    background-image: url('../images/arrow.svg');
    background-repeat: no-repeat;
    background-size: 16px auto;
    flex-shrink: 0;
}
.assets-button1.button-white1{
    background-color: #fff;
    border: #C8C8C8 solid 1px;
    color: #222332;
}
.assets-button1.button-white1 .button-text::after{background-image: url('../images/arrow-black.svg');}
/*button ここまで*/
/*newslist*/
.news-cat-selecter{
    display: flex;
    flex-wrap: wrap;
    gap: 30px 15px;
    padding: 0 30px 55px 30px;
    width: 100%;
    height: auto;
}
.news-cat-button{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: auto;
    height: auto;
    color: #98948F;
    padding: 0 30px;
    text-decoration: none;
}
.news-cat-button:hover{opacity: 1;}
.news-cat-button::after{
    content: '';
    display: block;
    width: 0%;
    height: 2px;
    background-color: unset;
    margin-top: 15px;
}
.news-cat-button:hover:after{
    width: 100%;
    background-color: #98948F;
    transition: width .4s cubic-bezier(0.5, 0.25, 0, 1);
}
.news-cat-button.celected{color: #202A8C;transition: color .3s, width .4s cubic-bezier(0.5, 0.25, 0, 1);}
.news-cat-button.celected::after{background-color: #202A8C;transition: background-color .3s, width .4s cubic-bezier(0.5, 0.25, 0, 1); width: 100%;}
.news-newsarea{
    width: 100%;
    height: auto;
    display: block;
}
.news-newslist{
    display: none;/*celectedのみ表示*/
    flex-wrap: wrap;
    gap: 50px;
    width: 100%;
    height: auto;
}
.news-newslist.celected{display: flex; height: fit-content;animation: NewsList 0.65s forwards;}
@keyframes NewsList{
    from{opacity: 0;transform: translateY(-30px);}
    to{opacity: 1;transform: translateY(0);}
}
.news-newslist li{
    width: calc(50% - 25px);
    height: auto;
}
.news-newslist li a{
    text-decoration: none;
    color: #98948F;
    font-size: 14px;
    line-height: normal;
    display: flex;
    gap: 20px;
}
.news-item-thumbnail,
.news-item-thumbnail img{
    width: 78px;
    height: 78px;
    object-fit: cover;
    flex-shrink: 0;
}
.news-item-textarea{
    display: flex;
    width: 100%;
    height: auto;
    flex-direction: column;
    justify-content: space-between;
}
.news-item-text1{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 18px;
}
.news-item-title{color: #68645E;font-size: 16px;line-height: 1.65;}
.news-item-termarea{display: flex;gap: 18px;}
.news-item-termarea::after{
    content: '';
    display: block;
    width: 1px;
    height: 14px;
    background-color: #98948F;
}
/*newslist ここまで*/
/*page-headline*/
.page-headlinearea{
    display: flex;
    width: fit-content;
    height: auto;
    gap: 10px;
    margin: 0 auto;
    transform: translateX(-10px);/*テキスト末尾ズレ調整*/
    padding-bottom: 85px !important;
}
.page-headline{
    font-size: 36px;
    letter-spacing: .16em;
    line-height: 1.7;
    font-family: 'BIZUDPGothic-Regular'; font-weight: normal;
    transform: translateY(-7px);
}
.page-headline span{
    display: block;
    font-family: 'NotoSansJP-Bold'; font-weight: normal;
    font-size: 14px;
    letter-spacing: normal;
    padding-bottom: 14px;
}
.page-headlinearea::before{
    content: '';
    display: block;
    width: 38px;
    height: 38px;
    background-image: url('../images/single-style-head.svg');
    background-repeat: no-repeat;
    background-size: contain;
    flex-shrink: 0;
}
.page-default .page-headlinearea{
    padding-top: 100px;
    padding-right: 45px;
    width: 100%;
    transform: translateX(-55px);
}
/*page-headline ここまで*/
/*汎用パーツ ここまで*/

/*-------------header-------------*/
header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: auto;
    font-size: 16px;
    background-color: unset;
    color: #fff;
    position: fixed;
    top: 0;
    z-index: 150;
}
header a{text-decoration: none;color: #fff;}
/*header 挙動*/
#header.header-up{animation: HeaderUp 0.5s forwards;}
@keyframes HeaderUp{
    from{opacity: 1;transform: translateY(0);}
    to{opacity: 0;transform: translateY(-110px);}
}
#header.header-down{animation: HeaderDown 0.5s forwards;}
@keyframes HeaderDown{
    from{opacity: 0;transform: translateY(-110px);}
    to{opacity: 1;transform: translateY(0);}
}
#header.header-up:has(.list-open),
#header.header-down:has(.list-open){ animation: unset; }
/*header 挙動 ここまで*/
/*メインメニュー*/
.header-nav{
    width: 100vw;
    height: 85px;
    padding: 25px 30px 25px 10px;
    background: rgba(97, 97, 97, 0.85); 
    display: flex;
    align-items: center;
}
.header-nav-contents{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 1680px;
    margin: 0 auto;
    height: 80px;
}
.header-nav-mainmenu{
    display: flex;
    gap: 18px;
    width: auto;
    height: 50px;
    align-items: flex-start;
}
.header-nav-tools{
    display: flex;
    gap: 25px;
    width: auto;
    height: 50px;
    justify-content: flex-end;
    align-items: center;
}
.header-nav-sub-opener::after,
.header-nav-nonesub > a::after{
    content: '';
    display: block;
    width: 0%;
    height: 2px;
    background-color: #fff;
    transition: width .4s cubic-bezier(0.5, 0.25, 0, 1);
}
@keyframes Menuline{
  from { width: 0%; }
  to { width: 100%; }
}
.header-nav-sub-opener:hover::after,
.header-nav-nonesub > a:hover:after{ /*ホバー時下線*/
    width: 100%;
    animation: Menuline 0.4s cubic-bezier(0.5, 0.25, 0, 1);
}
/*特定のページでは該当メニューの下線を表示*/
.pageslug-news .news .header-nav-sub-opener::after,
.pageslug-news .header-nav-nonesub.news > a:after,
.pageslug-facility .facility .header-nav-sub-opener::after,
.pageslug-facility .header-nav-nonesub.facility > a:after,
.pageslug-waste-treatment .waste-treatment .header-nav-sub-opener::after,
.pageslug-waste-treatment .header-nav-nonesub.waste-treatment > a:after,
.pageslug-opelation .opelation .header-nav-sub-opener::after,
.pageslug-opelation .header-nav-nonesub.opelation > a:after,
.pageslug-contact .access .header-nav-sub-opener::after,
.pageslug-contact .header-nav-nonesub.access > a:after{
    width: 100%;
}
/*特定のページでは該当メニューの下線を表示 ここまで*/
.header-nav-hassub > .header-nav-sub-opener > div,
.header-nav-nonesub > a > div{ 
    display: flex; align-items: center; }
.header-nav-hassub > .header-nav-sub-opener > div > span,
.header-nav-nonesub > a > div >span{
    width: 20px;
    height: 23px;
    margin-right: 8px;
    display: none;
}
.header-nav-hassub.news > .header-nav-sub-opener > div > span,
.header-nav-nonesub.news > a > div >span{
    display: block;
    background-image: url('../images/icon1.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right center;
}
.header-nav-hassub.facility > .header-nav-sub-opener > div > span,
.header-nav-nonesub.facility > a > div >span{
    display: block;
    background-image: url('../images/icon2.png');
    background-repeat: no-repeat;
    background-size: contain;
}
.header-nav-hassub.waste-treatment > .header-nav-sub-opener > div > span,
.header-nav-nonesub.waste-treatment > a > div >span{
    display: block;
    background-image: url('../images/icon3.png');
    background-repeat: no-repeat;
    background-size: contain;
}
.header-nav-hassub.opelation > .header-nav-sub-opener > div > span,
.header-nav-nonesub.opelation > a > div >span{
    display: block;
    background-image: url('../images/icon4.png');
    background-repeat: no-repeat;
    background-size: contain;
}
.header-nav-hassub.access > .header-nav-sub-opener > div > span,
.header-nav-nonesub.access > a > div >span{
    display: block;
    background-image: url('../images/icon5.png');
    background-repeat: no-repeat;
    background-size: contain;
}
.header-nav-sub-opener,
.header-nav-item{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: auto;
    padding: 0 15px;
    height: 58px;
    transform: translateY(12px);
}
.header-nav-sub-opener:hover,
.header-nav-item:hover{opacity: 1;}
/*サブメニュー挙動*/
.header-nav-hassub{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.header-nav-sub{
    display: flex;
    justify-content: center;
    width: 0px;
    max-height: 0;
    flex-direction: column;
    position: absolute;
    top: 84px;
    z-index: 1;
    opacity: 0;
    align-items: center;
    background-color: rgba(90, 90, 90, 0.95);
    overflow: hidden;
    transition: max-height .85s ease-out, opacity .35s;
}
.header-nav-sub > li{width: 100%;height: 100%;}
.header-nav-sub > li > a{
    color: #fff;
    font-size: 1.1rem;
    font-family: 'NotoSansJP-Medium';font-weight: normal;
    border: 1px solid #fff;
    display: inline-block;
    text-align: center;
    width: 0px;
    height: 0px;
    padding: 0px;
}
/*サブメニュー挙動 ここまで*/
.header-nav-no_pc{display: none !important;}
/*レスポンシブメニュー開閉ボタン*/
.header-nav-sp-button{
    display: flex;
    height: 50px;
    width: 50px;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 100;
}
.header-nav-separator{
    display: block;
    background-color: #fff;
    width: 2px;height: 30px;
    transform: translateY(10px);
}
.header-nav-sp-icon,
.header-nav-sp-icon::before,
.header-nav-sp-icon::after{
    content: '';
    display: block;
    height: 3px;
    width: 30px;
    background-color: #fff;
    transition: all 0.3s;
    position: absolute;
}
.header-nav-sp-icon::before {transform: translateY(-10px);}
.header-nav-sp-icon::after {transform: translateY(10px);}
.list-open .header-nav-sp-icon{background-color: transparent;}
.list-open .header-nav-sp-icon::before{transform: rotate(45deg);opacity: 1;}
.list-open .header-nav-sp-icon::after{transform: rotate(-45deg);opacity: 1;}
/*open*/
.header-nav:has(.list-open){background-color: transparent;}
.header-nav:has(.list-open) .header-nav-tools,
.header-nav:has(.list-open) .header-nav-nonesub,
.header-nav:has(.list-open) .header-nav-hassub,
.header-nav:has(.list-open) .header-nav-separator{display: none;}
/*open end*/
/*レスポンシブメニュー開閉ボタン ここまで*/
/*header-nav-tools*/
/*フォントサイズ変更*/
.header-nav-fontsize{font-size: 14px; text-align: center;}
.nav-fontsize-button{display: flex; gap: 5px;width: fit-content;height: auto;}
.fontsize-button{
    width: 57px;
    height: 27px;
    background-color: #fff;
    border: solid 1px #fff;
    border-radius: 5px;
    color: #202A8C;
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.fontsize-button.fontsize-larger{font-size: 18.5px;}
.base-middle .fontsize-button.fontsize-middle,
.font-middle .fontsize-button.fontsize-middle,
.font-large .fontsize-button.fontsize-larger{background-color: #202A8C; color: #fff;}
.base-middle .fontsize-controll,
.font-middle .fontsize-controll{font-size: unset;}
.font-large .fontsize-controll{font-size: larger;}
/*フォントサイズ変更 ここまで*/
.nav-translate-icon{
    display: flex;
    flex-direction: column;
    font-size: 13px;
    letter-spacing: normal;
    text-align: center;
    align-items: center;
    justify-content: center;
    width: 80px; height: 85px;
    transform: unset;
}
.nav-translate-icon:hover{opacity: .5;}
.nav-translate-icon::after,.nav-translate-icon:hover:after{
    content: '';
    display: block;
    width: 34px !important; height: 34px;
    background-image: url('../images/language-outline.png');
    background-color: unset;
    background-repeat: no-repeat;
    background-size: contain;
}
.header-nav-contact{
    display: block;
    padding: 10px 20px;
    width: 150px;
    height: 36px;
    line-height: 1;
    white-space: nowrap;
    border: solid 1px #fff;
    border-radius: 5px;
    text-align: center;
}
/*header-nav-tools ここまで*/
/*メインメニュー ここまで*/
/*-------------header ここまで-------------*/

/*-------------footer-------------*/
/*page up*/
.button-gotop{
    display: flex;
    align-items: flex-end;
    justify-content: center;
    width: 50px;
    height: 55px;
    background-image: url("../images/arrow-blue.svg");
    background-size: 25px 25px;
    background-position: center top;
    filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.3));
    position: fixed;
    right: 50px;
    bottom: 80px;
    z-index: 100;
    background-repeat: no-repeat;
    color: #001A8F;
    font-size: 15px;
    letter-spacing: .09rem;
}
.button-gotop:hover{opacity: .6;transition: opacity .3s;}
#page-top.UpMove{
	animation: UpAnime 0.5s forwards;
}
@keyframes UpAnime{
  from {
    opacity: 0;
	transform: translateY(180px);
  }
  to {
    opacity: 1;
	transform: translateY(0);
  }
}
#page-top.DownMove{
	animation: DownAnime 0.5s forwards;
}
@keyframes DownAnime{
  from {
  	opacity: 1;
	transform: translateY(0);
  }
  to {
  	opacity: 1;
	transform: translateY(180px);
  }
}
/*page up end*/
footer{background-color: #5A5A5A;width: 100vw;height: auto;padding: 150px 100px;}
footer a,footer{text-decoration: none;color: #fff;font-style: normal;}
.footer-content-area{
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 1440px;
    height: auto;
    margin: 0 auto;
}
.footer-top{
    margin: 0 auto;
    width: 100%;
    max-width: 1440px;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fff;
    padding-bottom: 80px;
    border-bottom: solid 1px #fff;
}
.footer-nav{display: flex;gap: 80px;}
.footer-area1,.footer-nav{flex-shrink: 1;width: auto;}
.footer-area1,.footer-area2{
    display: flex;
    width: fit-content;
    height: auto;
    flex-direction: column;
    gap: 25px;
}
.footer-bottom{
    padding-top: 80px;
    width: 100%;
    height: auto;
    margin: 0 auto;
}
.footer-bottom > .footer-content-area{align-items: center;}
.footer-policy{ display: flex;flex-wrap: wrap; justify-content: flex-end; gap: 50px; }
.footer-copylight{ text-align: center; font-size: 12px;}
/*responsive*/
.all-responsive-nav{
    display: flex;
    flex-direction: column;
    width: 100vw;
    height: 100vh;
    background-color: rgba(90, 90, 90, 0.98);
    position: fixed;
    z-index: 110;
    top: 0;
    left: 0;
    padding: 150px;
    backdrop-filter: blur(4px);
    overflow-y: auto;
    transform: translateY(-100vh);
    visibility: hidden;
    transition: transform .45s cubic-bezier(0.65, 0.01, 0.48, 1), visibility 1s;
}
body:has(.header-nav-sp-button.list-open) .all-responsive-nav{
    visibility: visible;
    transform: translateY(0);
    transition: transform .65s cubic-bezier(0.65, 0.01, 0.48, 1);
}
.all-responsive-navarea{
    width: 100%;
    max-width: 1440px;
    height: auto;
    margin: 0 auto auto auto;
    display: flex;
    flex-direction: column;
    gap: 80px;
}
.all-responsive-navarea .footer-area1 li > a,
.all-responsive-navarea .footer-area2 li > a{padding-left: 2.6rem;}
/*アイコン*/
.all-responsive-navarea li.footer-nav-headline > a,
.all-responsive-navarea li.footer-nav-headline{display: flex; padding-left: 0;}
.all-responsive-navarea .footer-nav-headline > a:before,
.all-responsive-navarea li.footer-nav-headline::before{
    content: '';
    width: 1.8rem;
    height: 1.8rem;
    margin-right: .7rem;
    display: none;
    transform: translateY(.25rem);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
}
.all-responsive-navarea .footer-nav-headline.news > a:before,
.all-responsive-navarea li.footer-nav-headline.news:before{
    display: block;
    background-image: url('../images/icon1.png');
}
.all-responsive-navarea .footer-nav-headline.facility > a:before{
    display: block;
    background-image: url('../images/icon2.png');
}
.all-responsive-navarea .footer-nav-headline.waste-treatment > a:before{
    display: block;
    background-image: url('../images/icon3.png');
}
.all-responsive-navarea .footer-nav-headline.opelation > a:before{

    display: block;
    background-image: url('../images/icon4.png');
}
.all-responsive-navarea .footer-nav-headline.access > a:before{
    display: block;
    background-image: url('../images/icon5.png');
}
/*アイコンここまで*/
.all-responsive-nav1{ display: flex; gap: 80px; font-size: 1.3rem;}
.all-responsive-nav2{border-top: solid 1px #fff;}
.all-responsive-tools{display: none;}
/*-------------footer ここまで-------------*/

/*------------------main------------------*/
/*-------------home-------------*/
/*homeレイアウト共通*/
.home-sectionarea{
    display: flex;
    flex-direction: column;
    width: 100vw;
    height: auto;
    padding: 100px 0;
    justify-content: center;
    align-items: center;
}
.home-sectionblock{padding: 60px 0;z-index: 11;position: relative;width: 100%;}
/*homeレイアウト共通ここまで*/

/*home FV*/
.home-fvarea{width: 100vw;height: auto;z-index: 10;position: relative;}
.home-fv{width: 100%;height: auto;}
.home-fv-img{width: 100%;height: 850px;object-fit: cover;}
.home-fvarea .assets-symbol{
    display: block;
    width: 180px;
    height: 180px;
    position: absolute;
    z-index: 20;
    left: 0;
    transform: translateX(calc(50vw - 690px)) translateY(115px);
}
@media only screen and (max-width: 1440px) {/*画面幅条件*/
    .home-fvarea .assets-symbol{transform: translateX(30px) translateY(115px);}
}
/*slick*/
.page-front .slick-dotted.slick-slider{margin: 0 auto;}
.home-fvarea .slick-dots{
    transform: translateY(-48px);
    z-index: 30;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
}
.home-fvarea .slick-dots li button:before{
    content: '';
    background-color: rgba(217, 217, 217, 0.7);
    width: 40px;
    height: 3px;
    opacity: 1;
}
.home-fvarea .slick-dots li.slick-active button::after{
    content: '';
    background-color: rgba(51, 51, 51);
    width: 0px;
    height: 3px;
    opacity: 1;
    pointer-events: none;
    animation: SlideButton 7.8s linear;
    position: absolute;
    transform: translateY(-15px) translateX(-15.5px);
}
@keyframes SlideButton{
  from {width: 0px;}
  to {width: 40px;}
}
/*slick　ここまで*/
.home-fv-message{
    display: block;
    width: 100vw;
    height: 270px;
    position: absolute;
    z-index: 20;
    padding: 105px 0 80px 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(14.30, 14.30, 14.30, 0.70) 100%);
    text-align: center;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.83);
    color: #fff;
    font-size: 24px;
    letter-spacing: .18em;
    line-height: 42px;
    font-family: 'NotoSansJP-Medium';font-weight: normal;
    transform: translateY(-279px);
}
/*home FV ここまで*/

/*home news*/
.home-sectionarea.area1{
    z-index: 10;
    background-color: #fff;
    position: relative;
    overflow-x: hidden !important;
}
.home-news .news-newsarea{padding-bottom: 70px;}
/*home news ここまで*/

/*home topics*/
.home-sectionarea.area2{
    z-index: 10;
    background-color: #F6F5F4;
    position: relative;
    overflow-x: hidden !important;
}
.topics-topicslist{
    display: flex;
    flex-wrap: wrap;
    gap: 50px 36px;
    width: 100%;
    height: auto;
}
.topics-topicslist li{
    width: calc(50% - 18px);
    height: auto;
    display: block;
    padding: 10px;
}
.topics-topicslist li a{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 20px;
    text-decoration: none;
    color: #969696;
}
.topics-item-thumbnail,
.topics-item-thumbnail img{
    width: 100%;
    height: auto;
    aspect-ratio: 5 / 3;
    object-fit: cover;
}
.topics-item-textarea{
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.topics-item-term{font-size: 14px;line-height: normal;}
.topics-item-title{
    font-family: 'BIZUDPGothic-Bold'; font-weight: normal;
    color: #222332;
    font-size: 17px;
}
.topics-item-date{font-size: 12px;line-height: normal;}
.page-front .topics-topicslist{padding-bottom: 70px;}
/*home topics ここまで*/

/*home Foreign*/
.home-sectionarea.area3{
    z-index: 10;
    background-color: #FFF;
    position: relative;
    overflow-x: hidden !important;
}
.home-foreign .page-headline{font-family: 'NotoSansJP-Medium';font-weight: normal;letter-spacing: normal;}
.home-foreign-infotext{
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-bottom: 70px;
}
.home-foreign-infotext::before{
    content: '';
    display: block;
    width: 145px;
    height: 90px;
    position: absolute;
    background-image: url('../images/front-foreign.svg');
    background-size: contain;
    background-repeat: no-repeat;
    transform: translateY(-140px) translateX(-65px);
}
/*home Foreign ここまで*/

/*home others*/
.home-sectionarea.area4{
    z-index: 10;
    background-color: #F6F5F4;
    position: relative;
    overflow-x: hidden !important;
}
.home-buttonlist{
    display: flex;
    width: 100%;
    height: auto;
    justify-content: center;
    gap: 55px;
}
.home-buttonlist li{width: 100%;max-width: 450px;}
.home-buttonlist .assets-button1.button-white1{max-width: 450px;}
.home-buttonlist .assets-button1 .button-text > div > span{
    margin-right: 15px;
    font-family: 'NotoSansJP-Bold'; font-weight: normal;
    letter-spacing: normal;
}
/*home others ここまで*/

/*single*/
/*breadcrumbs*/
.breadcrumbs-area{
    background-color: #F6F5F4;
    width: 100%;
    height: auto;
    padding: 30px 0;
}
.breadcrumbs{
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    gap: .6em;
}
.breadcrumbs,
.breadcrumbs a,
.breadcrumbs a:visited{
    color: #98948F;
    font-size: .93rem;
    text-underline-offset: 0.5em;
}
/*breadcrumbs ここまで*/
.page-thumbnailarea{
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 1024px;
    height: auto;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 5rem !important;
}
.headline-title{
    display: inline-block;
    width: auto;
    max-width: 1024px;
    height: auto;
    padding: 5rem;
    font-family: 'BIZUDPGothic-Bold'; font-weight: normal;
    color: #fff;
    font-size: 30px;
    filter: drop-shadow(1px 1px 3px #26262655);
    padding: 1.75rem;
    background-color: #33333334;
}
.page-single .news-item-text1{
    color: #98948F;
    font-size: 14px;
    line-height: normal;
    padding-top: 15px;
    justify-content: right;
}
.page-single .news-item-termarea::after {content: none;}
.page-single .news-item-term{display: flex; gap: 1rem;}
.page-single .news-item-term::after {
    content: '';
    display: block;
    width: 1px;
    height: 14px;
    background-color: #98948F;
}
/*投稿書式*/
.single-editcontent p,
.single-editcontent table,
.single-editcontent ol,
.single-editcontent ul{
  margin: 30px 0 0 0;
}
.single-editcontent h1,
.single-editcontent h2,
.single-editcontent h3,
.single-editcontent h4,
.single-editcontent h5,
.single-editcontent h6{
  margin: 45px 0 0 0;
}
.single-editcontent table p,
.single-editcontent table ol,
.single-editcontent table ul,
.single-editcontent table h1,
.single-editcontent table h2,
.single-editcontent table h3,
.single-editcontent table h4,
.single-editcontent table h5,
.single-editcontent table h6{
  margin: 0;
}
.single-editcontent p{
  display: inline-block;
  width: 100%;
}
.single-editcontent div,.edit-content-area div{width: 100%;}
div.mejs-overlay-button{width: 80px !important;}/*video要素に付くプレーヤーボタン*/
.single-editcontent a{
  display: flex;
  width: fit-content;
  height: auto;
  font-family: 'BIZUDPGothic-Bold'; font-weight: normal;
  color: #202A8C;
  text-decoration: underline #202A8C;
  text-underline-offset: .15em;
}
.single-editcontent a span{ color: #202A8C; }
.single-editcontent a.link-blank span::after{
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-top: .2em;
  margin-left: .35em;
  padding-left: 1em;
  background-image: url("../images/arrow-blue-45deg.svg");
  background-size: 1em 1em;
  background-repeat: no-repeat;
  transform: translateY(.15em);
}
.single-editcontent a.link-pdf span::after{
  content: "";
  display: inline-block;
  width: 1.3rem;
  height: 1.3rem;
  margin-left: .3em;
  padding-left: 1.3em;
  background-image: url("../images/filetype-pdf-r.png");
  background-size: contain;
  background-repeat: no-repeat;
  transform: translateY(.1em);
}
.single-editcontent li a,
.single-editcontent td a{
  margin: 0;
}
.single-editcontent a.no-icon::after,
.single-editcontent a.no-icon::before{content: none;}
.single-editcontent li{
  display: flex;
  margin: .35em 0;
  counter-increment: n;
}
.single-editcontent ol li::before{
    content: "" counter(n) ".";
    display: inline-block;
    width: auto;
    margin-right: .5em;
    flex-shrink: 0;
}
.single-editcontent ul li::before{
  content: "";
  display: inline-block;
  width: .3em;
  height: .3em;
  padding-left: .3em;
  margin-top: .2em;
  margin-right: .5em;
  border-radius: 1em;
  background-color: #0F3DBA;
  transform: translateY(.5em);
}
.single-editcontent blockquote,.single-editcontent aside{
  margin: 30px 0 0 0;
  padding: 5px 35px 35px 35px;
  background-color: #F6F5F4;
  border: none;
}
.single-editcontent blockquote::before{content: none;}
.single-editcontent table{text-align: center;border-collapse: collapse;}
.page-editcontent table{border-collapse: collapse;width: 100%;}
.single-editcontent table a{margin: 0 auto;}
.page-editcontent table a{text-decoration: none;}
.single-editcontent td,
.page-editcontent td{padding: 2rem 1.5rem 1.5rem 1.5rem;}
.single-editcontent tr,
.page-editcontent tr{border-bottom: 1px solid #D3CFC9;}
.single-editcontent tr:first-child{font-family: 'BIZUDPGothic-Bold'; font-weight: normal;border-bottom:none;}
.single-editcontent tr:last-child{border-bottom: 2px solid #adaaa6;}
.page-editcontent th{
    font-family: 'BIZUDPGothic-Regular'; font-weight: normal;
    width: 20rem;
    padding: 2.7rem 0;
    align-content: flex-start;
}
/*書式見出し*/
.single-editcontent h1,
.page-text-style1{
  display: inline-block;
  width: 100%;
  height: auto;
  font-size: 27px;
  line-height: 1.78;
  font-family: 'BIZUDPGothic-Bold';font-weight: normal;
}
.single-editcontent h1::before,
.page-text-style1::before{
  content: "";
  display: block;
  width: calc(100% + 50px);
  height: 3px;
  margin-bottom: 3.3rem;
  transform: translateX(-50px);
  background-color: #e7e7e7;
  background-image: url('../images/single-style1.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left top;
}
.single-editcontent h2,
.page-text-style2{
  display: flex;
  align-items: center;
  width: 100%;
  height: auto;
  font-size: 22px;
  font-family: 'BIZUDPGothic-Bold'; font-weight: normal;
  line-height: 1.78;
  border-left: solid 3px #0F3DBA;
  padding-left: 1rem;
}
.single-editcontent h3,
.page-text-style3{
  display: block;
  align-items: center;
  width: 100%;
  height: auto;
  font-size: 18px;
  font-family: 'BIZUDPGothic-Bold'; font-weight: normal;
  line-height: 1.78;
}
.single-editcontent h3::before,
.page-text-style3::before{
    content: '';
    display: inline-block;
    width: 1.1rem; height: 1.1rem;
    transform: translateY(.13rem);
    margin-right: .5rem;
    background-image: url('../images/single-style3.svg');
    background-repeat: no-repeat;
    background-size: contain;
}
.single-editcontent h4{
  display: flex;
  align-items: center;
  width: 100%;
  height: auto;
  font-size: 1.1em;
  color: #0F3DBA;
  font-family: 'BIZUDPGothic-Bold'; font-weight: normal;
  line-height: 1.78;
}
.single-editcontent h5,
.page-text-style5{
  display: block;
  width: 100%;
  height: auto;
  font-size: 16px;
  font-family: 'BIZUDPGothic-Bold'; font-weight: normal;
  line-height: 1.78;
}
.single-editcontent h5::before,
.page-text-style5::before{
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 8px;
  margin-right: .5rem;
  background-color: #0F3DBA;
  transform: translateY(.07rem);
}
.single-editcontent h6{
  display: block;
  width: 100%;
  height: auto;
  font-size: 16px;
  font-family: 'BIZUDPGothic-Bold'; font-weight: normal;
  line-height: 1.78;
}
.single-editcontent h6::before{
  content: "";
  display: inline-block;
  width: 13px;
  height: 13px;
  margin-right: .5rem;
  background-color: #0F3DBA;
}
/*書式見出し ここまで*/
.single-editcontent iframe,
.single-editcontent img,
.single-editcontent div{max-width: 100% !important;}
.single-editcontent .aligncenter{margin-left: auto;margin-right: auto;}
.single-editcontent .alignright{margin-left: auto;margin-right: 0;}
.single-editcontent .alignleft{margin-left: 0;margin-right: auto;}
.single-editcontent hr{border: solid 1px #e7e7e7;}
.single-editcontent {text-underline-offset: .15rem;}
/*投稿書式 ここまで*/
/*single-pagenation*/
.preview-btnarea{
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #98948F;
    padding-top: 100px;
    width: 100%;
}
.button-previewbtn{
    text-decoration: none;
    width: 200px;
    height: auto;
}
.previewbtn-next,
.previewbtn-preview{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    width: 205px;
    height: auto;
    padding: 25px 40px;
    text-decoration: none;
    border: #202A8C solid 1px;
    background-color: #fff;
    color: #202A8C;
    font-size: 16px;
    letter-spacing: .08em;
    line-height: normal;
}
.button-previewbtn span{
    width: 1rem;
    height: 1rem;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.button-previewbtn:has(.previewbtn-next) span{background-image: url('../images/arrow-blue-right.svg');}
.button-previewbtn:has(.previewbtn-preview) span{background-image: url('../images/arrow-blue-left.svg');}
.previewbtn-title{
    color: #98948F;
    font-size: 15px;
    letter-spacing: .06rem;
    padding-top: 20px;
}
.previewbtn-data{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    color: #98948F;
    font-size: 12px;
    justify-content: space-between;
    align-items: center;
    letter-spacing: normal;
    padding-top: 3px;
    transition: font-size .3s;
}
.previewbtn-data span{
    display: inline-block;
    width: 1px;height: 12px;
    background-color: #98948F;
}

/*single-pagenation ここまで*/
/*single ここまで*/

/*page*/
/*pagenatinon*/
.pagenav-area{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    color: #98948F;
    justify-content: center;
    gap: 25px 20px;
}
.pagenav-area li{
    width: 45px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
}
li.pagenav-preview a,
li.asset_pagenav_next a{
    display: flex;
    width: 45px;
    height: 45px;
    justify-content: center;
    align-items: center;
    color: #98948F;
}
a.button-pagenav{
    display: flex;
    width: 45px;
    height: 45px;
    justify-content: center;
    align-items: center;
    color: #98948F;
    text-decoration: none;
}
a.button-pagenav.celected{
    box-sizing: border-box;
    border-bottom: solid 2px #202A8C;
    color: #202A8C;
}
/*pagenatinon ここまで*/
/*anchor*/
.assets-anchorarea{
    display: flex;
    gap: 50px 75px;
    flex-wrap: wrap;
    align-items: center;
}
.assets-anchor-button{text-decoration: none;}
.assets-anchor-button::after{
    content: "";
    display: inline-block;
    margin-left: .35rem;
    width: .65rem;
    height: .85rem;
    background-color: #202A8C;
    clip-path: polygon(0 0, 0 100%, 100% 50%);
}
/*anchor　ここまで*/
/*facility*/
.page-facility-featurelist{
    display: flex;
    flex-direction: column;
    gap: 28px;
    padding: 30px;
    width: 100%;
    height: auto;
    background-color: #f2f4ff;
}
.page-facility-featurelist li{
    display: flex;
    gap: 25px;
    align-items: center;
}
.page-facility-featurelist li::before{
    content: "";
    display: block;
    width: 53px;
    height: 53px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    flex-shrink: 0;
}
.facility-featurelist1::before{background-image: url('../images/facility-feature-1.png');}
.facility-featurelist2::before{background-image: url('../images/facility-feature-2.png');}
.facility-featurelist3::before{background-image: url('../images/facility-feature-3.png');}
.page-facility-featurelist li p{font-size: 16px;}
.page-facility-featurelist li p:first-child{
    color: #0F3DBA;
    font-family: 'BIZUDPGothic-Bold'; font-weight: normal;
    font-size: 18px;
}
.page-facility-cardlist{display: flex; flex-wrap: wrap; gap: 60px;width:100%;height: auto;}
.facility-card{
    width: calc(50% - 30px);
    height: auto;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 20px;
}
.facility-card-title{
    font-family: 'BIZUDPGothic-Bold'; font-weight: normal;
    display: flex;
    align-items: center;
    gap: 1rem;
    width:100%;height: auto;
}
.facility-card-title::before{
    content: "";
    display: block;
    width: 3px;
    height: 1.1rem;
    background-color: #3262E4;
}
.facility-card p{font-size: 15px;letter-spacing: .07rem;line-height: 2;}
.facility-cardlist-buttonarea{gap: 80px;}
.facility-cardlist-buttonarea .assets-button1{
    font-size: 16px;
    margin: unset;
    width: 400px;
    max-width: unset;
    flex-shrink: 0;
}
.page-table-inner{
    display: flex;
    flex-direction: column ;
    gap: 20px;
    width: 100%;
    height: auto;
    padding-bottom: 30px;
}
.page-table-inner li{display: flex; gap: 50px; width: 100%; height: auto;}
.page-table-inner div{padding: 20px 0px; border-bottom: solid 1px #D3CFC9;}
.page-table-inner li:first-child div{border-bottom: none;padding-bottom: 0;}
.page-table-inner li:last-child div{border-bottom: none;}
.page-table-inner li div:nth-child(1){width: 10rem; flex-shrink: 0;}
.page-table-inner li div:nth-child(2){width: 5rem; flex-shrink: 0;text-align: center;}
.page-table-inner li div:nth-child(3){width: 100%;text-align: center;}
/*facility ここまで*/
/*opelation data*/
.page-opelation li{
    font-family: 'BIZUDPGothic-Bold'; font-weight: normal;
    display: flex;
    counter-increment: n;
}
.page-opelation ol li::before{
    content: "" counter(n) ".";
    display: inline-block;
    width: auto;
    margin-right: .5em;
    flex-shrink: 0;
}
.opelation-datalist{
    display: flex;
    flex-direction: column;
    gap: 45px;
    width: 100%;
    height: auto;
}
.opelation-datalist > li{
    display: flex;
    width: 100%;
    height: auto;
    gap: 25px;
}
.opelation-datalist > li::before{
    content: "";
    display: block;
    width: 60px; height: 60px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    flex-shrink: 0;
}
.opelation-data1::before{background-image: url('../images/opelation-img-1.png');}
.opelation-data2::before{background-image: url('../images/opelation-img-2.png');}
.opelation-data3::before{background-image: url('../images/opelation-img-3.png');}
.opelation-data4::before{background-image: url('../images/opelation-img-4.png');}
.opelation-data5::before{background-image: url('../images/opelation-img-5.png');}
.opelation-data6::before{background-image: url('../images/opelation-img-6.png');}
.opelation-data-title{font-family: 'BIZUDPGothic-Bold'; font-weight: normal;}
.opelation-data-title span{font-family: 'BIZUDPGothic-Regular'; font-weight: normal;display: block;padding-left: 1.28rem;}
.opelation-data-itemlist{
    display: flex;
    gap: 17px;
    width: 100%;
    height: auto;
    padding-top: 15px;
}
.opelation-data-itemlist::before{
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    background-image: url('../images/filetype-pdf.png');
    background-repeat: no-repeat;
    background-size: contain;
    flex-shrink: 0;
}
.opelation-data-itemlist > ul{
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    width: 100%;
    height: auto;
}
.opelation-data-itemlist > ul > li > a{
    display: flex;
    width: auto;
    min-width: 80px;
    height: 30px;
    padding: 0 2px;
    justify-content: center;
    align-items: center;
    border: solid 1px #202A8C;
    color: #202A8C;
    text-decoration: none;
    font-family: 'BIZUDPGothic-Regular'; font-weight: normal;
    font-size: 16px;
    letter-spacing: normal;
    transition: background-color .3s;
}
.opelation-data-itemlist > ul > li > a:hover{background-color: #e8ebff;opacity: 1;transition: background-color .3s;}
/*opelation data ここまで*/
/*waste-treatment*/
/*cardlist1*/
.page-treatment-cardlist1{display: flex; flex-wrap: wrap; gap: 60px;}
.treatment-card1{
    width: calc(50% - 30px);
    height: auto;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 13px;
}
.treatment-card1-title{display: flex; align-items: center; gap: .75rem;font-size: 20px;width:100%;height: auto;}
.treatment-card1-title span{
    font-family: 'BIZUDPGothic-Bold'; font-weight: normal;
    background-color: #202A8C;
    color: #fff;
    display: flex;
    width: 30px; height: 30px;
    align-items: center;
    justify-content: center;
}
.treatment-card1 > p{font-size: 16px;letter-spacing: .07rem;}
.treatment-card1 > img{width: 100%; height: auto;aspect-ratio: 8 / 5;object-fit: cover;}
.treatment-card1.card1-space{
    padding-top: 115px;
    color: #202A8C;
    font-family: 'BIZUDPGothic-Bold'; font-weight: normal;
    font-size: 30px;
}
.treatment-card1.card1-space > div{
    display: flex;
    width: 100%;
    height: auto;
    gap: 15px;
    justify-content: center;
    align-items: center;
}
.treatment-card1.card1-space > div > span{
    display: block;
    width: 110px; height: 120px;
    background-image: url('../images/treatment/treatment-point-space.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
/*cardlist2*/
.page-treatment-cardlist2{
    display: flex;
    flex-direction: column;
    gap: 90px;
    width:100%;height: auto;
}
.treatment-card2{display: flex;width:100%;height: auto;}
.treatment-card2-inner{display: flex;width:100%;height: auto;}
.treatment-card2-point{
    color: #202A8C;
    text-align: center;
    font-size: 14px;
    width: 137px;
    height: 200px;
    padding: 50px 43px 60px 25px;
    display: block;
    flex-shrink: 0;
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
}
.treatment-card2-point.card2-1{background-image: url("../images/treatment/treatment-point-1.png");}
.treatment-card2-point.card2-2{background-image: url("../images/treatment/treatment-point-2.png");}
.treatment-card2-point.card2-3{background-image: url("../images/treatment/treatment-point-3.png");}
.treatment-card2-point.card2-4{background-image: url("../images/treatment/treatment-point-4.png");}
.treatment-card2-point.card2-5{background-image: url("../images/treatment/treatment-point-5.png");}
.treatment-card2-point span{display: block; font-size: 35px;}
.treatment-card2 > img,
.treatment-card2-inner > img{
    transform: translateY(23px) translateX(-23px);
    flex-shrink: 0;
    width: 450px;height: 255px;
    object-fit: cover;
}
.treatment-card2-text{font-size: 20px;transform: translateY(15px);flex-shrink: 1;width: 100%;}
.treatment-card2-text > span{
    font-size: 30px;
    font-family: 'BIZUDPGothic-Bold'; font-weight: normal;
    color: #202A8C;
    display: block;
    transform: translateY(-.13rem);
    padding-bottom: 1.3rem;
}
.treatment-card2-text > p{font-size: 16px;}
.treatment-card2-character{
    display: block;
    width: 180px;
    height: 120px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin: 50px auto 0 150px;
}
.treatment-card2-character.character1{background-image: url('../images/treatment/img_content1.png');}
.treatment-card2-character.character2{background-image: url('../images/treatment/img_content2.png');}
#treatment-child .assets-button1{width: 500px;min-width: unset;}
/*画像拡大*/
.button-img_expansion{
    display: flex;
    width: 30px;
    height: 30px;
    color: #98948F;
    font-size: 15px;
    border: solid 2px #98948F;
    border-radius: 30px;
    background-color: #fff;
    margin-bottom: 10px;
    justify-content: center;
    align-items: center;
}
.button-img_expansion::before{
    content: '';
    display: block;
    width: 19px;
    height: 2px;
    background-color: #98948F;
    transform: rotate(90deg);
    position: absolute;
}
.button-img_expansion::after{
    content: '';
    display: block;
    width: 19px;
    height: 2px;
    background-color: #98948F;
    position: absolute;
}
.img_expansion-area:has(.img-expand) .button-img_expansion{
    z-index: 110;
    position: fixed;
    top: 120px;
    right: 7vw;
}
.img_expansion-area:has(.img-expand) .button-img_expansion::before{transform: rotate(45deg);}
.img_expansion-area:has(.img-expand) .button-img_expansion::after{transform: rotate(-45deg);}
.img_expansion-base{
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #68645edb;
    opacity: 0;
    width: 0;
    height: 0;
    padding: 0;
    z-index: 100;
    position: fixed;
    top: 0;
    left: 0;
    pointer-events: none;
    overflow: hidden;
}
.img_expansion-area:has(.img-expand) .img_expansion-base{
    width: 100vw;
    height: 100vh;
    overflow: auto;
    padding: 15px;
    opacity: 1;
    transition: opacity .5s;
}
.img_expansion-area:has(.img-expand) .img_expansion-base img{touch-action: auto;width: 100%;max-width: 1500px;height: auto;max-height: 1500px;background-color: #fff;}
/*画像拡大 ここまで*/
/*waste-treatment ここまで*/
/*contact*/
.page-contact table th{
    font-family: 'BIZUDPGothic-Bold'; font-weight: normal;
    padding: 2rem 1.5rem 1.5rem 1.5rem;
    text-align: center;
    width: 27rem;
}
.page-contact table a{color: #222332;}
.flex-sp-column:has(.page-contact-accessinfo){gap: 80px;justify-content: space-between;}
.page-contact-accessmap{width: 470px;height: 340px;}
.page-contact-accessinfo > p:first-child{font-size: 20px;}
.page-contact-accessinfo > p:first-child span{font-size: 16px;}
.flex-g30:has(.page-contact-qrimage) a{text-decoration: none; color: #222332;}
.page-contact-qrimage{width: 120px;height: 120px; object-fit: cover;}
/*contact ここまで*/
/*privacy-policy*/
.page-privacy ol{padding: 10px 0;}
.page-privacy ol li{
    display: flex;
    counter-increment: n;
}
.page-privacy ol li::before{
    content: "" counter(n) ".";
    display: inline-block;
    width: auto;
    margin-right: .5em;
    flex-shrink: 0;
}
/*privacy-policy ここまで*/
/*page ここまで*/

/*fontsize-controll*/
.font-large .previewbtn-data,
.font-large .breadcrumbs,
.font-large .breadcrumbs a,
.font-large .facility-card p,
.font-large .facility-cardlist-buttonarea .assets-button1,
.font-large .breadcrumbs a:visited{font-size: 18px; transition: font-size .3s;}
.font-large .previewbtn-title,
.font-large .news-item-termarea,
.font-large .news-item-date,
.font-large .news-item-title,
.font-large .topics-item-term,
.font-large .topics-item-title,
.font-large .topics-item-date,
.font-large .page-facility-featurelist li p:first-child,
.font-large .page-facility-featurelist li p,
.font-large .treatment-card1 > p,
.font-large .treatment-card2-text > p,
.font-large .page-facility-featurelist li p:first-child,
.font-large .page-facility-featurelist li p:first-child,
.font-large .page-single .news-item-text1,
.font-large .single-editcontent h5,
.font-large .page-text-style5,
.font-large .single-editcontent h3,
.font-large .page-text-style3,
.font-large .opelation-data-itemlist > ul > li > a{font-size: 20px; transition: font-size .3s;}
.font-large .treatment-card1-title{font-size: 25px; transition: font-size .3s;}
/*調整*/
.font-large .news-item-text1{padding-top: 5px;}
.font-large .page-single .news-item-term::after{height: 20px;}
.font-large .opelation-data-itemlist > ul > li > a{height: 35px;padding: 0 6px;}
/*fontsize-controll　ここまで*/

/*------------------main ここまで------------------*/
.no_pc{display: none;}/*PCのみ表示・適用*/
/*-----------------------共通、PC ここまで-----------------------*/

/*-----------------------headerメニュー切り替え (width ≦ 1379px)-----------------------*/
@media only screen and (min-width: 1380px) {/*レスポンシブメニュー切り替えまでのみ適用*/
    .header-nav-hassub:hover .header-nav-sub,
    .header-nav-hassub:has(:hover) .header-nav-sub,
    .header-nav-hassub:has(:focus) .header-nav-sub{
        width: 300px;
        max-height: 100vh;
        z-index: 20;
        opacity: 1;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-content: flex-start;
        align-items: center;
        gap: 2.3em;
        padding: 4em 3em;
    }
    .header-nav-hassub:hover .header-nav-sub > li > a,
    .header-nav-hassub:has(:hover) .header-nav-sub > li > a,
    .header-nav-hassub:has(:focus) .header-nav-sub > li > a{
        width: 100%;
        height: auto;
        padding: 3px;
        border: none;
        text-align: center;
        font-size: 19px;
    }
    .header-nav-sub > li{
        width: 13em;
        height: auto;
    }
}
@media only screen and (min-width: 769px) {
    /*header-nav-translateは引き続き表示*/
    .header-nav-translate.header-nav-hassub:hover .header-nav-sub,
    .header-nav-translate.header-nav-hassub:has(:hover) .header-nav-sub,
    .header-nav-translate.header-nav-hassub:has(:focus) .header-nav-sub{
        width: 300px;
        max-height: 100vh;
        z-index: 20;
        opacity: 1;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-content: flex-start;
        align-items: center;
        gap: 2.3em;
        padding: 4em 3em;
    }
    .header-nav-translate.header-nav-hassub:hover .header-nav-sub > li > a,
    .header-nav-translate.header-nav-hassub:has(:hover) .header-nav-sub > li > a,
    .header-nav-translate.header-nav-hassub:has(:focus) .header-nav-sub > li > a{
        width: 100%;
        height: auto;
        padding: 3px;
        border: none;
        text-align: center;
        font-size: 19px;
    }
    .header-nav-translate .header-nav-sub > li{
        width: 13em;
        height: auto;
    }
    /*ページ*/
    /*ページ ここまで*/
}
@media only screen and (max-width: 1379px) {
    .header-no_sp{display: none;}
    /*ページ*/
    /*ページ ここまで*/
}
/*-----------------------headerメニュー切り替え (width ≦ 1379px) ここまで-----------------------*/

/*-----------------------レスポンシブ (width ≦ 1080px)-----------------------*/
@media only screen and (max-width: 1080px) {
    .no_pc{display: inline-block;}/*レスポンシブ時のみ表示*/
    .contents-area-1024,.contents-area-1440,.contents-area-1680{padding: 0 80px;}
    /*レスポンシブメニュー*/
    .footer-content-area,
    .footer-bottom.all-responsive-nav2 .footer-policy{flex-direction: column;gap: 30px;}
    .all-responsive-nav{padding: 100px;}
    /*レスポンシブメニュー ここまで*/
    /*footer*/
    footer{padding: 150px 80px;}
    /*footer ここまで*/
    /*home*/
    /*fv*/
    .home-fv.no_pc{height: 500px;}
    .home-fv-img{height: 500px;}
    .home-fvarea .assets-symbol{width: 100px;height: 100px;transform: translateX(19px) translateY(106px);}
    .home-fv-message{height: 226px;font-size: 17px;line-height: 28px;transform: translateY(-235px);padding: 105px 25px 80px 25px;}
    /*fv ここまで*/
    .news-cat-selecter{padding: 0 0 55px 0;}
    .news-newslist{flex-direction: column;}
    .news-newslist li{width: 100%;}
    .topics-topicslist{flex-direction: column;}
    .topics-topicslist li{width: 100%;}
    .home-foreign-infotext::before{width: 120px;height: 80px;transform: translateY(-130px);}
    .home-foreign-infotext{padding-top: 50px;}
    .home-buttonlist{flex-direction: column;gap: 30px;align-items: center;}
    /*home ここまで*/
    /*page*/
    .flex-sp-column:has(.page-contact-accessinfo){flex-direction: column;gap: 50px;}
    .page-contact-accessmap{width: 100%; max-width: 470px; height: auto;}
    .page-facility-cardlist{flex-direction: column;}
    .facility-card{width: 100%;}
    .facility-cardlist-buttonarea{flex-direction: column;}
    .page-editcontent th{width: auto;}
    .page-treatment-cardlist1{flex-direction: column;}
    .treatment-card1{width: 100%;}
    .treatment-card2{max-width: 600px;flex-direction: column;align-items: center;margin: 0 auto;gap: 30px;}
    .treatment-card2-character{margin:15px 0 0 0;}
    /*page ここまで*/
    /*single*/
    .page-single .news-item-text1{justify-content: left;}
    .preview-btnarea{flex-direction: column;gap: 50px;padding-bottom: 50px;align-items: center;}
    /*single ここまで*/
    .no_sp{display: none;}/*レスポンシブ時のみ表示・適用*/
}
/*-----------------------レスポンシブ (width ≦ 1080px) ここまで-----------------------*/

/*-----------------------レスポンシブ (width ≦ 768px)-----------------------*/
@media only screen and (max-width: 768px) {
    /*レスポンシブメニュー*/
    .header-no_sp-min{display: none;}
    .all-responsive-nav1{flex-direction: column;gap: 30px;align-items: center;}
    .all-responsive-tools{display: flex;gap: 10px;}
    .all-responsive-tools .header-nav-fontsize{margin-bottom: 30px;}
    .all-responsive-tools .nav-translate-celect{
        display: flex;
        max-height: unset;
        flex-direction: column;
        gap: 20px;
        width: auto;height: auto;
        position: relative;
        opacity: 1;
        top: unset;
        background-color: unset;
    }
    .all-responsive-tools .nav-translate-icon:hover{opacity: 1;}
    .all-responsive-tools .nav-translate-celect li{text-align: center;}
    .all-responsive-tools .nav-translate-celect li a{
        display: inline-block;
        width: auto;
        height: auto;
        border: none;
        text-align: center;
    }
    /*レスポンシブメニュー ここまで*/
    /*footer*/
    .footer-nav{flex-direction: column;gap: 30px;}
    .footer-content-area{align-items: center;}
    .footer-policy{flex-direction: column;gap: 30px;}
    /*footer ここまで*/
    /*page*/
    .page-editcontent tr{display: flex;flex-direction: column; align-items: center;height: fit-content !important;}
    .page-editcontent td{padding: 1rem 1.5rem 1.5rem 1.5rem;height: fit-content !important;}
    .page-contact table th{width: auto;padding-bottom: 0;height: fit-content !important;}
    .page-single .table-area table{min-width: 768px;}
    .page-single .table-area{overflow-x: scroll;padding-bottom: 30px;}
    .page-table-inner{font-size: 14px;}
    .page-table-inner li{gap: 20px;}
    .page-table-inner li div:nth-child(1){width: 15vw;}
    .page-facility-featurelist li{flex-direction: column;}
    .facility-cardlist-buttonarea .assets-button1{width: 100%;}
    #treatment-child .assets-button1{width: 100%;max-width: 500px;}
    .treatment-card2-point{width: 90px;height: 180px;padding: 30px 30px 30px 20px;font-size: 10px;}
    .treatment-card2-point span{font-size: 26px; transform: translateY(-7px);}
    .treatment-card2 > img, .treatment-card2-inner > img{aspect-ratio: 30 / 17;width: 53vw;height: auto;}
    .opelation-datalist > li{flex-direction: column;}
    /*page ここまで*/
    .home-fvarea .slick-dots{transform: translateY(-30px);}
}
/*-----------------------レスポンシブ (width ≦ 700px) ここまで-----------------------*/

/*-----------------------レスポンシブ (width ≦ 430px)-----------------------*/
@media only screen and (max-width: 430px) {
    .contents-area-1024,.contents-area-1440,.contents-area-1680{padding: 0 25px;}
    footer{padding: 150px 25px;}
    .all-responsive-nav{padding: 100px 30px;}
    .home-fvarea .assets-symbol{width: 80px;height: 80px;}
    .flex.flex-g30:has(.page-contact-qrimage){flex-direction: column;}
    .single-editcontent h1::before, .page-text-style1::before{transform: translateX(-10px);width: calc(100% + 10px);}
    .page-default .page-headlinearea{transform: translateX(-10px);}
    .home-fv-message{font-size: 12px;}
    .button-gotop{right: 40px; bottom: 50px;}
    .page-thumbnailarea{ padding: 3rem !important;}
}
/*-----------------------レスポンシブ (width ≦ 430px) ここまで-----------------------*/

/*-----------------------レスポンシブ (width ≦ 380px)-----------------------*/
@media only screen and (max-width: 380px) {
    .pt100{padding-top: 80px !important;}
}
/*-----------------------レスポンシブ (width ≦ 380px) ここまで-----------------------*/