@charset "UTF-8";
/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.2
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/* 共通、全体 */
body {background-color: #ffffff;}
.wrap{width:100%}
a.linkBtn,
.opelation .sec_list a,
.system .tab1_label,
.system .tab2_label,
.system .tab3_label{
	background:#002f69;
	color:#fff;
	text-decoration:none;
	padding:2%;
	text-align:center;
	margin:0 auto;
	display:block;
	width:60%
}
a.linkBtn01 {
	background:#002f69;
	color:#fff;
	text-decoration:none;
	padding:2%;
	text-align:center;
	margin:0 auto;
	display:block;
	width:40%;
	font-size:20px;
}
.divBox{margin-top:30px;}

/*ヘッダー*/
#header-in,#content-top{display:inline-block;width:650px;vertical-align:top}
#content-top{margin-top:2%}
.logo-text{background:transparent url(./images/logo.png) no-repeat left top;background-size:contain;text-align:left}
#header-container{margin-left:10%}
.logo-text a,.logo-text a:hover{color:#fff}
.site-name-text{font-size:12px}
#content-top .textwidget a:nth-child(1){background:transparent url(./images/icon_hdr01.png) no-repeat left center;background-size:25%}
#content-top .textwidget a:nth-child(2){background:transparent url(./images/icon_hdr02.png) no-repeat left center;background-size:18%}
#content-top .textwidget a:nth-child(3){background:transparent url(./images/icon_hdr03.png) no-repeat left center;background-size:25%}
#content-top .textwidget a:nth-child(4){background:transparent url(./images/icon_hdr04.png) no-repeat left center;background-size:25%}
#content-top .textwidget a{padding-left:6%;margin-right:2%;text-decoration:none;font-size:16px;color:#292929}
.mainImg{width:100%}
header.article-header.entry-header{display:none}
#content-top .widget{margin-bottom:0}
#content-top .textwidget a:hover{text-decoration:underline}

/* めにゅー */
.navi{margin-top:1%;margin-bottom:1%}
.home .navi{margin-bottom:2%}
.page .navi,.single .navi,.archive .navi{margin-top:2%;margin-bottom:2%}
.home .navi-in .item-label{padding-top:16%}
.navi-in > ul li{border-right:1px solid #ccc;border-left:1px solid #ccc;width:200px}
.home .navi-in > ul li{width:245px}
.navi-in > ul li:nth-child(1) a{background:transparent url(./images/menu_01.svg) no-repeat center 10%;background-size:30%}
.navi-in > ul li:nth-child(2) a{background:transparent url(./images/menu_02.svg) no-repeat center 10%;background-size:25%}
.navi-in > ul li:nth-child(3) a{background:transparent url(./images/menu_03.svg) no-repeat center top;background-size:23%}
.navi-in > ul li:nth-child(4) a{background:transparent url(./images/menu_04.svg) no-repeat center top;background-size:19%}
.navi-in > ul li:nth-child(5) a{background:transparent url(./images/menu_05.svg) no-repeat center top;background-size:18%}
.navi-in > ul li:nth-child(6) a{background:transparent url(./images/menu_06.svg) no-repeat center top;background-size:19%}
.navi-in .item-label{padding-top:22%}
#navi .navi-in a:hover{background-color:none;transition:none}
.navi-in > ul li:hover{opacity:.4}

/*トップ　メイン*/
.home #list{border-bottom:1px solid #ccc;padding-left:10%;margin-bottom: 0;}
.home #list h3, .page #hierarchy h2{width:200px;height:550px;background:#DBF8FF;display:inline-block;vertical-align:top;margin:0}
.home #list h3 img{padding:16%}
.home #list .sec_list,.page #body{display:inline-block;vertical-align:top;width:830px;padding-left:2%;padding-top:2%}
.home #list .sec_list dt{display:inline-block;width:150px}
.home #list .sec_list dd{display:inline-block;width:700px}
.home #list h4 {width:200px;height:1050px;background:#DBF8FF;display:inline-block;vertical-align:top;margin:0}
.home #list h4 img{padding:16%}
.home .textwidget .secBox,.home .textwidget .secBox2{width:400px;display:inline-block;vertical-align:top;background:#1e4783}
.home .textwidget .secBox2{background:transparent;margin-left:1%}
.home .textwidget .secBox dd{color:#fff;font-size:16px;padding:2%}
.home .textwidget{margin:2% 0 0 10%}
.home .textwidget .secBox2 a{margin-bottom:2%;display:block;text-decoration:none;color:#fff;font-size:16px;padding:4%;letter-spacing:.1em}
.home .textwidget .secBox2 a.bnr01{background:#A5448B}
.home .textwidget .secBox2 a.bnr02{background:#0D7B41}
.home .textwidget .secBox2 a.bnr03{background:#1e4783}
.secBox2 a img{width:11%;padding-left:4%;display:inline-block;vertical-align:top;padding-top:1%}
.home a.kuroLink{background:#545352;color:#fff;text-decoration:none;padding:1px 14px;margin-left:70%}
.home .widget{margin-bottom:0}
.home #main .textwidget{background:#dbf8ff;margin:0;padding:4% 2% 6%;margin-left:10%;background:#dbf8ff;background:linear-gradient(90deg,rgba(219,248,255,1) 200px,rgba(219,248,255,1) 200px,rgba(255,255,255,1) 200px)}
.home #main .secBox{margin-left:7%}
.home #main dl.secBox1Inner{padding:5%}
.contact .divBox{margin-top:4%}
.home #main .secBox a{text-decoration:none}
.home #main .secBox a:hover{text-decoration:none;opacity:.4}
.home .textwidget .secBox2 a:hover,a.kuroLink:hover{opacity:.4}

/*サイドバー*/

/*固定ページ　ヘッダ、メイン*/
.content,div#hierarchy{margin-top:0}
.entry-content.cf,#hierarchy{margin-bottom:0}
main#main{padding-top:0;padding-bottom:0}
.page .article,.single .entry-content.cf,.archive .entry-content.cf{width: 100%;max-width:1200px;margin:0 auto}
.entry-content{margin-top:0}
.page .ttlImage,.single .ttlImage,.archive .ttlImage{background:#E6F2FF;font-size:14px;padding:2%;text-align:center;color:dimgrey;letter-spacing:.2em}
.page .divBox{display:inline-block;vertical-align:top;width:70%;padding-left:2%}
.summary #hierarchy h2{height:2400px}
.environment #hierarchy h2{height:2200px}
.bring #hierarchy h2{height:1600px}
.field_trip #hierarchy h2{height:700px}
.opelation #hierarchy h2{height:600px}
.access #hierarchy h2 {height: 2000px;}
.home #list h3{height:450px}
.privacy #hierarchy h2{height:1200px}
span.f20_blue,.page .article h4{color:#4BBBD5;font-weight:700;font-size:22px}
.page .article h4{border:none;margin:0}
.article h3,#hierarchy h3{color:#4BBBD5;font-weight:700;font-size:22px;border:none;background:transparent url(./images/h3_bg.png) no-repeat left center;border-bottom:1px solid #4BBBD5}
.page .box{background:#F3F3F3;padding:1%}
.bring .divBox a.linkBtn{width:90%}
.field_trip .box img{width:45%}
.environment .divBox img{display:inline-block;width:260px;vertical-align:top;margin-right:1%}
.environment .article ul li{list-style:none;width:32%;vertical-align:top;display:inline-block}
.environment .divBox ul{font-size:14px}
.system .tab_panel h3{display:block}
.opelation dt.listLink{display:none}
.system #box1 img.img01,.system #box1 img.img02{width:50%}
.system #box1 img.img03{width:74%}
.environment .article ul.divBoxUl02 li{width:45%}
.environment .divBox ul.divBoxUl02 img{width:340px}
.system #hierarchy h2{height: 1200px;max-height: 1200px;}
.system #box1 img{margin-bottom:2%}

/*ページ内single */
p.dladobereader{border:10px solid #ccc;padding:1%;font-size:16px}
.search .entry-card-thumb{display:none}
.search .entry-card-content{margin-left:0}
.search  .archive-title { background: #DBF8FF;	padding: 2%;}
.search-box span.fa.fa-search {display: none;}
.news .divBox {width: 80%; padding-left: 10%; margin: 0 auto;}

/*　フッター　 */
nav#navi-footer{display:block;background:#E6E6E6;width:100%;padding:2%}
.footer-bottom-content{float:none;text-align:center}
.navi-footer-in > .menu-footer,.footer-bottom.fnm-text-width .menu-footer li{display:inline-block}
#footer-in .logo-text{background:none}
.footer-bottom-logo{display:none}
.copyright{margin-top:0;background:#505050;color:#fff;padding:2%}
footer.article-footer.entry-footer{display:none}
.footer{margin-top:0;padding-top:0}
.footer-bottom{margin-top:0;padding-top: 0;}

/*その他のページ */
.single article{width:70%;margin:0 auto}
.archive h1#archive-title,.archive #list h3,.archive aside#text-2,.archive #main a.kuroLink{display:none}
.archive #main{margin:2% auto;width:80%}

/************************************
** タブ切り替え
************************************/
.tab_wrap{width:100%;margin:2% auto; }
input[type="radio"]{display:none}
.tab_area {
	font-size: 0;
	margin: 0 auto;
	width: 100%;
	text-align: center;
	border: 14px solid #e6e6e6;
	padding: 1%;
}
.tab_area label{margin:0 5px;display:inline-block;padding:12px 0;color:#000;text-align:center;font-size:16px;letter-spacing:.1em;border-radius:7px;cursor:pointer;transition:ease .2s opacity}
.tab_area label:hover{opacity:.5}
.panel_area{background:transparent;}
.tab_panel{width:100%;padding:0;display:none}
.tab_panel p{font-size:14px;letter-spacing:1px;text-align:left}
.tab_panel ul{list-style:none;padding-left:0;margin:1% auto 2%}
.tab_panel h3{display:inline-block;font-size:16px;color:#124E18;font-weight:NORMAL}
.tab_panel h3 a{text-decoration:none}
.tab_area label::after{content:'▽'}
.guideline #tab1:checked ~ .tab_area .tab1_label{background:#07602C;padding:2%;color:#fff}
.guideline #tab2:checked ~ .tab_area .tab2_label{background:#07602C;padding:2%;color:#fff}
.guideline #tab3:checked ~ .tab_area .tab3_label{background:#07602C;padding:2%;color:#fff}
#tab1:checked ~ .tab_area .tab1_label{font-size:16px;letter-spacing:.1em;}
#tab1:checked ~ .panel_area #panel1{display:block}
#tab2:checked ~ .tab_area .tab2_label{font-size:16px;letter-spacing:.1em;}
#tab2:checked ~ .panel_area #panel2{display:block}
#tab3:checked ~ .tab_area .tab3_label{font-size:16px;letter-spacing:.1em;}
#tab3:checked ~ .panel_area #panel3{display:block}
#tab4:checked ~ .tab_area .tab4_label{font-size:16px;letter-spacing:.1em;}
#tab4:checked ~ .panel_area #panel4{display:block}
#tab5:checked ~ .tab_area .tab5_label{font-size:16px;letter-spacing:.1em;}
#tab5:checked ~ .panel_area #panel5{display:block}
#tab6:checked ~ .tab_area .tab6_label{font-size:16px;letter-spacing:.1em;}
#tab6:checked ~ .panel_area #panel6{display:block}

.system #tab1:checked ~ .tab_area .tab1_label,
.system #tab2:checked ~ .tab_area .tab2_label,
.system #tab3:checked ~ .tab_area .tab3_label,
.system .tab1_label,.system .tab2_label,
.system .tab3_label{display: inline-block; width: 26%; margin-right: 2%;}
.system .tab_area {border: none;}
.single header.article-header.entry-header {display:block;margin-top:4%;}

div#header-in .tagline {display: none;}

/*cocoon-masterの変更移設241202*/
.main {
	width: 860px;
	padding: 20px 29px;
	border: 1px solid transparent;
	border-radius: var(--cocoon-basic-border-radius);
	position: relative;
	z-index: 0;
}
.hlt-tm-small .navi-in > ul li,
.cl-slim .navi-in > ul li {
	height: 40px;
	line-height: 40px;
}
.navi .item-label,
.navi .item-description {
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.navi-in .has-icon {
	position: absolute;
	right: 6px;
	top: 0;
	display: inline-block;
	opacity: 0.7;
	font-size: 11px;
}
.navi-in > ul li {
	display: block;
	width: 176px;
	height: 60px;
	line-height: 60px;
	position: relative;
}
.navi-in > ul .menu-item-has-description > a > .caption-wrap {
	line-height: 21.4285714286px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	height: 60px;
}
.navi-in > ul .sub-menu {
	display: none;
	position: absolute;
	margin: 0;
	min-width: 240px;
	list-style: none;
	padding: 0;
	background-color: var(--cocoon-xxx-thin-color);
	z-index: 99;
	text-align: left;
/*サブメニューのサブメニュー*/
}
.navi-in a {
	position: relative;
	color: var(--cocoon-text-color);
	text-decoration: none;
	display: block;
	font-size: 16px;
	transition: all 0.3s ease-in-out;
}
.a-wrap {
	text-decoration: none;
	display: block;
	color: var(--cocoon-text-color);
	padding: 1.5%;
	margin-bottom: 3%;
	transition: all 0.3s ease-in-out;
}
.cat-label {
	position: absolute;
	top: 0.3em;
	left: 0.3em;
	border: 1px solid #eee;
	font-size: 11px;
	color: var(--cocoon-white-color);
	background-color: rgba(51, 51, 51, 0.7);
	padding: 1px 5px;
	max-width: 80%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ect-vertical-card {display: flex; flex-wrap: wrap; justify-content: space-between;}
.ect-vertical-card .entry-card-wrap {width: 49.5%; display: inline-block; margin-bottom: 12px;}
.ect-vertical-card .entry-card-wrap .entry-card-thumb {width: 100%; float: none;}
.ect-vertical-card .entry-card-wrap .entry-card-content {margin: 0;}
.ect-vertical-card .entry-card-wrap .post-date,
.ect-vertical-card .entry-card-wrap .post-update {margin-right: 0;}
.ect-vertical-card.ect-tile-card .entry-card-content {padding: 0;}
.ect-vertical-card.ect-tile-card .card-snippet {padding: 0; margin: 0;}
.ect-vertical-card.ect-tile-card .card-meta {position: static;}
.ect-vertical-card.ect-tile-card .a-wrap {margin: 0 0.16666% 12px;}

.ect-2-columns > *,
.fpt-2-columns > * {
	width: 49.5%;
	display: inline-block;
}

.ect-3-columns {justify-content: space-around;}
table th,
table td {border: 1px solid var(--cocoon-x-thin-color);	padding: 6px;}
.scrollable-table td {padding: 3px 5px;	white-space: nowrap; }
.badge,
.ref,
.reffer,
.sankou,
.badge-red,
.badge-pink,
.badge-purple,
.badge-blue,
.badge-green,
.badge-yellow,
.badge-brown,
.badge-grey {
	color: var(--cocoon-white-color);
	padding: 1px 5px 0;
	border-radius: 2px;
	font-size: 12px;
}
[class*="is-style-sticky-"] {
	--cocoon-custom-border-color: var(--cocoon-grey-color);
	padding: 1.2em 1em;
	border-radius: var(--cocoon-basic-border-radius);
	background-color: var(--cocoon-custom-background-color);
	color: var(--cocoon-custom-text-color);
	border-style: solid;
	border-width: 0 0 0 6px;
	border-color: var(--cocoon-x-pallid-text-color);
	background-color: var(--cocoon-xx-thin-color);
}
[class*="is-style-sticky-"] ol, [class*="is-style-sticky-"] ul {margin: 0;}
.is-style-accordion {padding: 0;}
.is-style-accordion .faq-question {
	padding: .5em;
	margin: 0;
	cursor: pointer;
	position: relative;
	background-color: #e8ecef;
	border-color: var(--cocoon-three-d-border-colors);
}
.is-style-accordion .faq-question::before {
	content: "+";
	position: absolute;
	right: 1em;
	opacity: 0.5;
}
.is-style-accordion .faq-question.active::before {content: "-";}
.is-style-accordion .faq-answer {padding: 1em .5em;}
.is-style-accordion.has-border-color .faq-question,
.is-style-accordion.has-border-color .faq-question-label {color: var(--cocoon-white-color);	border: none;}
.author-box .sns-follow-buttons {flex-wrap: wrap;justify-content: flex-start;}
.author-box .sns-follow-buttons a.follow-button {
	font-size: 18px;
	width: 24px;
	height: 24px;
	margin-bottom: 4px;
	margin-right: 4px;
	background-color: transparent;
	color: var(--cocoon-x-pallid-text-color);
	border: 1px solid var(--cocoon-basic-border-color);
	border-radius: 2px;
}
.nwa .author-box .sns-follow-buttons {justify-content: center;}
.nwa .author-box .sns-follow-buttons a {display: inline-block;margin: 2px;}
.cta-content {display: block;}
.cta-left-and-right .cta-content,
.cta-right-and-left .cta-content {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
}
.cta-left-and-right .cta-content div,
.cta-right-and-left .cta-content div {width: 49%;}
.cta-left-and-right .cta-content .cta-message p:first-child,
.cta-right-and-left .cta-content .cta-message p:first-child {margin-top: 0;}
.cta-right-and-left .cta-content {flex-direction: row-reverse;}
.cta-thumb {text-align: center;}
.cta-button {margin-top: 1em;--cocoon-custom-border-color: transparent;}  
.sidebar .cta-box {font-size: 0.8em;}
.sidebar .cta-heading {font-size: 20px;padding: 8px;}
.sidebar .cta-left-and-right .cta-content,
.sidebar .cta-right-and-left .cta-content {display: block;}
.sidebar .cta-left-and-right .cta-content div,
.sidebar .cta-right-and-left .cta-content div {width: 100%;}
.sidebar .cta-message {margin-top: 1em;}
.sidebar .cta-button .btn-l, .sidebar .cta-button .ranking-item-link-buttons a, .ranking-item-link-buttons .sidebar .cta-button a {padding: 1em;font-size: 16px;}
.faq {line-height: 24px;}
.box-menus {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.box-menu:last-child {margin-right: auto;}
.is-list-horizontal.large-thumb-on .card-content {max-height: 45%;overflow: hidden;}
.is-header-fixed .header-container .logo {transition: .3s;}
.list {flex-direction: row;row-gap: 1em;}


.telno {color:#0000FF;}

	/*===============================================================

	トピックス一覧ページ

===============================================================*/
#topics_list .left  {
		float: left;
		width: 1150px;
	}
	#topics_list .left ul {
		list-style: none;
	}
	#topics_list .left ul .b_left {
		width: 340px;
		height: 330px;
		float: left;
		margin-right: 20px;
		margin-bottom: 20px;
		line-height: 140%;
	}
	#topics_list .left ul li a {
		transition: 0.5s;
		color: #464646;
		text-decoration: none;
		transition: 0.5s;
	}
	#topics_list .left ul li a:hover {
		opacity: .50;
	}
	#topics_list .left ul li img {
		width: 100%;
		height: auto;
	}
    .logo-header{
        width: auto;
        height: 80px;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .logo-text{
        background-size: auto 90%;
    }
/*===============================================================

	ニュース一覧のナビゲーション

===============================================================*/
	.wp-pagenavi {
		width: 1000px;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		margin-top: 100px;
		margin-bottom: 100px;
	}
	.wp-pagenavi a, .wp-pagenavi span {
		width: 50px;
		height: 50px;
		text-decoration: none;
		line-height: 50px;
		text-align: center;
		display: inline-block;
		margin-right: 2px;
		margin-left: 2px;
		color: #464646;
		background: #eeeeee;
	}
	.wp-pagenavi a:hover{
		color: #fff;
		background: #000000;
	}
	.wp-pagenavi span.current{
		color: #fff;
		background: #000000;
	}

	.linkarea {
		margin-top:40px;
		width: 900px;
		height: 100px;
		list-style: none;
	}
	.linkarea .b_left {
		width: 400px;
		height: 60px;
		float: left;
		margin-right: 20px;
		margin-bottom: 20px;
		line-height: 250%;
	}
	.linkarea li a {
		transition: 0.5s;
		text-decoration: none;
	}
	.linkarea li a:hover {
		opacity: .50;
	}
  /************************************
  ** レスポンシブデザイン用のメディアクエリ
  ************************************/
@media screen and (max-width: 1440px){
    .home .navi-in > ul li,.page .navi-in > ul li,.single .navi-in > ul li,.archive .navi-in > ul li{width:165px}
    #header-in,#content-top{width:400px}
    #content-top{width:450px}
    .home #list{padding-left:0}
    .home #list .sec_list,.page #body{width:74%;padding-top:2%}
    .home #main .textwidget{margin-left:0}
    .home #list .sec_list dd{width:100%}
    .home #list h3 { height: 450px; /* height: 550px;*/ }
}

@media screen and (max-width: 1200px){
  /*モバイル　メニュー*/
  .mobile-menu-buttons{background:#b5f1ff}
  #navi-menu-content,#slide-in-sidebar{background:#b6f2ff}
  .mobile-menu-buttons li{background:#fff;margin:2px}
  #slide-in-sidebar .sidebar h3{background:#50BE07 0 0 no-repeat padding-box;text-align:left;letter-spacing:.8px;color:#FFF;font-family:"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;padding:4px 10px;font-weight:400;font-size:18px;margin:16px 0 0}
  .navi-menu-content li.menu-item{padding:0;margin:0 0 4%}
  .navi-menu-content li.menu-item a{width:100%;font-size:18px;border:none;padding:5% 2%;letter-spacing:.2em}
}
  @media screen and (max-width: 1023px) {
  .mobile-menu-buttons > li {
    padding-top: 3px;
  }
  .mobile-header-menu-buttons {
    top: 0;
    bottom: auto;
    justify-content: space-around;
    min-width: 46px;
    z-index: 3;
    box-shadow: 0 0 5px darkgrey;
  }
  .has-logo-button .menu-button {
    width: 70px;
  }
  .has-logo-button .logo-menu-button {
    flex-grow: 99;
  }
  .page-numbers {
    width: 34px;
    height: 34px;
    line-height: 34px;
  }
}
@media screen and (max-width: 1020px){
    #content-top{display:none}
    .home .textwidget{margin:0}
    .home .navi-in > ul li,.page .navi-in > ul li,.single .navi-in > ul li,.archive .navi-in > ul li{width:114px}
    .article h2{padding:1%}
    .home #list h3,.page #hierarchy h2{height:auto;width:100%}
    .home #list h3 img{padding:1%;width:16%}
    .home #list h4 {height:auto;width:100%}
    .home #list h4 img{padding:1%;width:16%}
    .page .article h2 img{width:13%}
    .bring .article h2 img,.bring .article h2 img{width:11%}
    .field_trip .article h2 img,.access .article h2 img{width:10%}
    .environment .article h2 img{width:16%}
    .home a.kuroLink{margin-left:50%}
    .home .textwidget .secBox2{margin-left:7%;margin-top:3%}
    .contact #hierarchy h2,.link #hierarchy h2,.privacy #hierarchy h2{background:transparent}
    .contact .article h3,.link .article h3,.privacy .article h3{margin-top:0}
    .contact .divBox,.link .divBox,.privacy .divBox{margin-bottom:4%}
    .page #hierarchy h2{display:none}
	.wp-pagenavi{width: 100%;}
	.wp-pagenavi a, .wp-pagenavi span {
        min-width: 50px;
        height: 50px;
		padding-top: 5px;
		margin: 2px;
        text-decoration: none;
        line-height: 40px;
        text-align: center;
        display: inline-block;
        margin-left: 1px;
        margin-right: 1px;
        color: #464646;
        background: #eeeeee;
    }
	
}

@media screen and (min-width: 835px){
	.SP_menu{display:none;}
	.no_pc{display:none;}



/*===============================================================

	TOPページ用追加記述一覧

===============================================================*/

  a.linkBtn02 {background:#eeecd1;color:#000000;text-decoration:none;padding:2%;text-align:center;margin:0 auto;display:block; font-size:20px;}
  a.linkBtn03 {background:#002f69;color:#fff;text-decoration:none;padding:2%;text-align:center;margin:0 auto;display:block; font-size:20px;}

	a.linkBtn02:before {
		content: "";
		display: inline-block;
		width: 25px;
		height: 25px;
		margin: -3px 10px 0 0;
		background: url("./images/apo.png") no-repeat;
		background-size: contain;
		vertical-align: middle;
	}

	a.linkBtn02::after {
		content: "＞";
		position: relative;
		left: 20px;
	}

	a.linkBtn03::after {
		content: "＞";
		position: relative;
		left: 20px;
	}

	#topics_top  {
		float: left;
		width: 900px;
		margin-bottom: 50px;
	}
	#topics_top ul {
		list-style: none;
	}
	#topics_top ul .b_left {
		width: 250px;
		height: 280px;
		float: left;
		margin-right: 20px;
		margin-bottom: 20px;
		line-height: 140%;
	}
	#topics_top ul li a {
		transition: 0.5s;
		color: #464646;
		text-decoration: none;
	}
	#topics_top ul li a:hover {
		opacity: .50;
	}
	#topics_top ul li img {
		width: 100%;
		height: auto;
	}

	.topics_linkarea {
		margin-top:40px;
		width: 900px;
		height: 80px;
		list-style: none;
	}
	.topics_linkarea .b_left02 {
		width: 400px;
		float: left;
		margin-right: 20px;
		margin-bottom: 20px;
		line-height: 250%;
		text-align:center;
	}
	.topics_linkarea li a {
		transition: 0.5s;
		text-decoration: none;
	}
	.topics_linkarea li a:hover {
		opacity: .50;
	}

	.linkarea_photo img{
		margin-left: 35px;
		width:825px;
	}

  a.linkBtn04 {background:#d7eaff;text-decoration:none;padding:2%;display:block; font-size:20px;}
  a.linkBtn05 {background:#d7eaff;text-decoration:none;padding:2%;display:block; font-size:20px;}


	a.linkBtn04:before {
		content: "";
		display: inline-block;
		width: 45px;
		height: 45px;
		margin: -3px 20px 0 0;
		background: url("./images/icon01.png") no-repeat;
		background-size: contain;
		vertical-align: middle;
	}

	a.linkBtn04::after {
		content: "＞";
		position: relative;
		left: 40px;
	}

	a.linkBtn05:before {
		content: "";
		display: inline-block;
		width: 45px;
		height: 45px;
		margin: -3px 20px 0 0;
		background: url("./images/icon02.png") no-repeat;
		background-size: contain;
		vertical-align: middle;
	}

	a.linkBtn05::after {
		content: "＞";
		position: relative;
		left: 40px;
	}
	img#mainImg {
		width: 100%;
	}
	/*===============================================================

	写真で見る工場見学 ～焼却施設～ページ

===============================================================*/
.img_margin {
		margin-top:15px;
	}
	.iframe-wrapper {
	  position: relative;
	  padding-bottom: 56.25%;
	  height: 0;
	  overflow: hidden;
		margin-bottom:30px;
	}
	.iframe-wrapper iframe {
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 95%;
	  height: 95%;
		margin-left:20px;
	}

	.factorytour_area01 {
		width:100%;
		background: #fff;
	}
	.factorytour_area01_inner {
		width:900px;
	  margin: 0 auto;
		padding-top:20px;
		padding-bottom:20px;
		border: 0px solid #FF0000;
	}
	.factorytour_area01_view {
		width:800px;
		background: #fff;
	  margin: 0 auto;
		padding-top:10px;
		padding-bottom:50px;
		text-align: center;
	}
	.factorytour_area01_view p{
		color:#000000;
		font-size:18px;
		line-height:150%;
	  margin-top: 20px;
	  margin-left: 0px;
		text-align: left;
	}

	.factorytour_area02 {
		width:105% !important;
		background: #78bb4a;
		margin-left: calc(50% - 50vw);
		margin-right: calc(50% - 50vw);
	}
	.factorytour_area02_inner {
		width:900px;
	  margin: 0 auto;
		padding-top:20px;
		padding-bottom:20px;
		border: 0px solid #FF0000;
		text-align: center;
	}
	.factorytour_area02_view {
		width:800px;
		background: #fff;
	  margin: 0 auto;
		padding-left:50px;
		padding-right:50px;
		padding-top:30px;
		padding-bottom:30px;
		text-align: center;
		border-radius: 30px;
		margin-bottom:50px;
		display:inline-block;
	}
	.factorytour_area02_view p{
		color:#000000;
		font-size:18px;
		line-height:150%;
	  margin-top: 20px;
	  margin-left: 0px;
		text-align: left;
	}
	.factorytour_area02_left{
		float:left;
		width:280px;
		margin-left:20px;
		padding-bottom:20px;
		line-height:100%;
	}
	.factorytour_area02_right{
		float:right;
		width:340px;
		margin-right:20px;
		padding-bottom:20px;
		text-align: left;
		font-size:17px;
		font-weight: 300;
	}

	.factorytour_area03 {
		width:105% !important;
		background: #eb7190;
		margin-left: calc(50% - 50vw);
		margin-right: calc(50% - 50vw);
	}
	.factorytour_area03_inner {
		width:900px;
	  margin: 0 auto;
		padding-top:20px;
		padding-bottom:20px;
		border: 0px solid #FF0000;
		text-align: center;
	}
	.factorytour_area03_view {
		width:800px;
		background: #fff;
	  margin: 0 auto;
		padding-left:50px;
		padding-right:50px;
		padding-top:30px;
		padding-bottom:30px;
		text-align: center;
		border-radius: 30px;
		margin-bottom:50px;
		display:inline-block;
	}
	.factorytour_area03_view p{
		color:#000000;
		font-size:18px;
		line-height:150%;
	  margin-top: 20px;
	  margin-left: 0px;
		text-align: left;
	}
	.factorytour_area03_left{
		float:left;
		width:280px;
		margin-left:20px;
		padding-bottom:20px;
		margin-bottom:20px;
		line-height:100%;
	}
	.factorytour_area03_right{
		float:right;
		width:340px;
		margin-right:20px;
		padding-bottom:20px;
		margin-bottom:20px;
		text-align: left;
		font-size:17px;
		font-weight: 300;
	}

	.factorytour_area04 {
		width:105% !important;
		background: #4abdca;
		margin-left: calc(50% - 50vw);
		margin-right: calc(50% - 50vw);
	}
	.factorytour_area04_inner {
		width:900px;
	  margin: 0 auto;
		padding-top:20px;
		padding-bottom:20px;
		border: 0px solid #FF0000;
		text-align: center;
	}
	.factorytour_area04_view {
		width:800px;
		background: #fff;
	  margin: 0 auto;
		padding-left:50px;
		padding-right:50px;
		padding-top:30px;
		padding-bottom:30px;
		text-align: center;
		border-radius: 30px;
		margin-bottom:50px;
		display:inline-block;
	}
	.factorytour_area04_view p{
		color:#000000;
		font-size:18px;
		line-height:150%;
	  margin-top: 20px;
	  margin-left: 0px;
		text-align: left;
	}
	.factorytour_area04_left{
		float:left;
		width:280px;
		margin-left:20px;
		padding-bottom:20px;
		line-height:100%;
	}
	.factorytour_area04_right{
		float:right;
		width:340px;
		margin-right:20px;
		padding-bottom:20px;
		text-align: left;
		font-size:17px;
		font-weight: 300;
	}
	.factorytour_area04_movie {
		padding-top:20px;
		padding-bottom:30px;
		display:inline-block;
	}

	.qa01 {
		border-radius: 10px;
		background: #006837;
		color:#ffffff;
		font-weight:bold;
		font-size:28px;
		margin-top:40px;
		margin-bottom:20px;
		text-align: left;
		display:block;
		padding:20px 10px 10px 10px;
		text-indent: -1em;
		padding-left: 1em;
	}

	.qa02 {
		color:#006837;
		font-size:28px;
		font-weight:bold;
		margin-bottom:20px;
		text-align: left;
		display:block;
	}
	.site-name-text-link{
		color: #fff;
		opacity:0;
		padding:30px 70px;
	}


}

@media screen and (max-width: 834px){
	.SP_menu_btn{
		position: fixed;
		top: 20px;
		right: 20px;
		display: flex;
		height: 50px;
		width: 50px;
		justify-content: center;
		align-items: center;
		z-index: 150;
		background-color: #dbf8ff;
		border-radius: 5px;
		border: solid 2px #fff;
	}
	.SP_menu_btn span,
	.SP_menu_btn span:before,
	.SP_menu_btn span:after {
		content: '';
		display: block;
		height: 3px;
		width: 23px;
		border-radius: 3px;
		background-color: #2271b1;
		position: absolute;
	}
	.SP_menu_btn span:before {
		bottom: 8px;
	}
	.SP_menu_btn span:after {
		top: 8px;
	}
	#SP_menu_btn_check:checked ~ .SP_menu_btn span {
		background-color: rgba(255, 255, 255, 0);
	}
	#SP_menu_btn_check:checked ~ .SP_menu_btn span::before {
		bottom: 0;
		transform: rotate(45deg);
	}
	#SP_menu_btn_check:checked ~ .SP_menu_btn span::after {
		top: 0;
		transform: rotate(-45deg);
	}
	#SP_menu_btn_check {
		display: none;
	}

	.SP_menu_content ul {
		padding: 80px 0;
	}
	.SP_menu_content ul li {
		list-style: none;
		border-bottom: solid #fff 2px;
	}
	.SP_menu_content ul li a {
		display: block;
		width: 100%;
		font-size: 20px;
		box-sizing: border-box;
		color:#666;
		font-weight: bold;
		text-decoration: none;
		padding: .5em 50px .5em 25px;
		position: relative;
	}
	.SP_menu_content {
		width: 85%;
		height: 100vh;
		position: fixed;
		top: 0;
		left: 100%;
		z-index: 130;
		background-color: #f8feff;
		transition: all 0.3s;
		margin:0;
		overflow-y: scroll;
	}
	#SP_menu_btn_check:checked ~ .SP_menu_content {
		left: 15%;
	}
  .navi-in > .menu-header {
    display: none;
  }
  
  a.linkBtn01 {background:#002f69;color:#fff;text-decoration:none;padding:2%;text-align:center;margin:0 auto;display:block;width:50%; font-size:16px;}

	.linkarea {
		margin-top:40px;
		margin-bottom:50px;
		width: 100%;
		padding:0;
		list-style:none;
	}
	.linkarea li {
		display: inline-block;
		*display: inline;
		*zoom: 1;
		padding: 5px;
		color: #ffffff;
	}
	.linkarea .b_left {
		width: 100%;
		height: 60px;
		float: left;
		margin-bottom: 20px;
		line-height: 250%;
	}
	.linkarea li a {
		transition: 0.5s;
		text-decoration: none;
	}
	.linkarea li a:hover {
		opacity: .50;
	}

  a.linkBtn02 {background:#eeecd1;color:#000000;text-decoration:none;padding:2%;text-align:center;margin:0 auto;display:block; font-size:16px;}
  a.linkBtn03 {background:#002f69;color:#fff;text-decoration:none;padding:2%;text-align:center;margin:0 auto;display:block; font-size:16px;}

	a.linkBtn02:before {
		content: "";
		display: inline-block;
		width: 25px;
		height: 25px;
		margin: -3px 10px 0 0;
		background: url("./images/apo.png") no-repeat;
		background-size: contain;
		vertical-align: middle;
	}

	a.linkBtn02::after {
		content: "＞";
		position: relative;
		left: 10px;
	}

	a.linkBtn03::after {
		content: "＞";
		position: relative;
		left: 20px;
	}

	#topics_top {
		margin-bottom: 50px;
	}

	#topics_top ul {
		margin-top:10px;
		list-style: none;
	}

	.topics_list {
		margin-top:40px;
		margin-bottom:50px;
		width: 100%;
		padding:0;
		list-style:none;
	}

	#topics_top li {
		display: inline-block;
		*display: inline;
		*zoom: 1;
		padding: 5px;
		color: #ffffff;
	}

	#topics_top ul .b_left {
		width: 100%;
		float: left;
		line-height: 140%;
		margin-bottom: 20px;
	}
	#topics_top ul li a {
		transition: 0.5s;
		color: #464646;
		text-decoration: none;
	}
	#topics_top ul li a:hover {
		opacity: .50;
	}
	#topics_top ul li img {
		width: 100%;
		height: auto;
	}

	.topics_linkarea {
		width: 100%;
		padding:0;
		list-style: none;
	}
	.topics_linkarea li {
		display: inline-block;
		*display: inline;
		*zoom: 1;
		padding: 5px;
		color: #ffffff;
	}

	.topics_linkarea .b_left02 {
		width: 100%;
		float: left;
		margin-bottom: 10px;
		line-height: 250%;
		text-align:center;
	}
	.topics_linkarea li a {
		transition: 0.5s;
		text-decoration: none;
	}
	.topics_linkarea li a:hover {
		opacity: .50;
	}

	.linkarea_photo img{
		width:100%;
		margin-bottom: 10px;
	}
/*===============================================================

	TOPページ用追加記述一覧

===============================================================*/
  a.linkBtn04 {background:#d7eaff;text-decoration:none;padding:2%;display:block; font-size:16px;}
  a.linkBtn05 {background:#d7eaff;text-decoration:none;padding:2%;display:block; font-size:16px;}


	a.linkBtn04:before {
		content: "";
		display: inline-block;
		width: 45px;
		height: 45px;
		margin: -3px 10px 0 0;
		background: url("./images/icon01.png") no-repeat;
		background-size: contain;
		vertical-align: middle;
	}

	a.linkBtn04::after {
		content: "＞";
		position: relative;
		left: 20px;
	}

	a.linkBtn05:before {
		content: "";
		display: inline-block;
		width: 45px;
		height: 45px;
		margin: -3px 10px 0 0;
		background: url("./images/icon02.png") no-repeat;
		background-size: contain;
		vertical-align: middle;
	}

	a.linkBtn05::after {
		content: "＞";
		position: relative;
		left: 20px;
	}

/*===============================================================

	写真で見る工場見学 ～焼却施設～ページ

===============================================================*/
.img_margin {
		margin-top:15px;
	}
	.parent {
		width: 95%;
	  margin: 0 auto;
		display: flex;
	}
	.parent2 {
		flex-direction: column-reverse;
	}
	.iframe-wrapper {
	  position: relative;
	  padding-bottom: 56.25%;
	  height: 0;
	  overflow: hidden;
		margin-bottom:30px;
	}
	.iframe-wrapper iframe {
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	}

	.factorytour_area01 {
		width:100%;
		background: #fff;
	}
	.factorytour_area01_inner {
		width: 98%;
	  margin: 0 auto;
		padding-top:10px;
		padding-right:10px;
		padding-bottom:20px;
		border: 0px solid #FF0000;
	}
	.factorytour_area01_view {
		background: #fff;
	  margin: 0 auto;
		padding-top:10px;
		padding-bottom:50px;
		text-align: center;
	}
	.factorytour_area01_view p{
		color:#000000;
		font-size:16px;
		line-height:150%;
	  margin-top: 10px;
	  margin-left: 10px;
		text-align: left;
	}

	.factorytour_area02 {
		width:100%;
		background: #78bb4a;
	}
	.factorytour_area02_inner {
		width: 95%;
	  margin: 0 auto;
		padding-top:20px;
		padding-bottom:20px;
		border: 0px solid #FF0000;
	}
	.factorytour_area02_view {
		background: #fff;
		padding-top:22px;
		padding-bottom:10px;
		padding-left:10px;
		padding-right:10px;
		text-align: center;
		border-radius: 30px;
		margin-bottom:30px;
	}
	.factorytour_area02_view p{
		color:#000000;
		font-size:16px;
		line-height:150%;
	  margin-top: 10px;
	  margin-left: 10px;
		text-align: left;
	}
	.factorytour_area02_left{
	  margin-top: 20px;
	  margin-bottom: 20px;
	}
	.factorytour_area02_left img{
	  width:100%;
	}
	.factorytour_area02_right{
		text-align: left;
	}

	.factorytour_area03 {
		width:100%;
		background: #eb7190;
	}
	.factorytour_area03_inner {
		width: 95%;
	  margin: 0 auto;
		padding-top:20px;
		padding-bottom:20px;
		border: 0px solid #FF0000;
	}
	.factorytour_area03_view {
		background: #fff;
		padding-top:22px;
		padding-bottom:10px;
		padding-left:10px;
		padding-right:10px;
		text-align: center;
		border-radius: 30px;
		margin-bottom:30px;
	}
	.factorytour_area03_view p{
		color:#000000;
		font-size:16px;
		line-height:150%;
	  margin-top: 10px;
	  margin-left: 10px;
		text-align: left;
	}
	.factorytour_area03_left{
	  margin-top: 20px;
	  margin-bottom: 20px;
	}
	.factorytour_area03_left img{
	  width:100%;
	}
	.factorytour_area03_right{
		text-align: left;
	}

	.factorytour_area04 {
		width:100%;
		background: #4abdca;
	}
	.factorytour_area04_inner {
		width: 95%;
	  margin: 0 auto;
		padding-top:20px;
		padding-bottom:20px;
		border: 0px solid #FF0000;
	}
	.factorytour_area04_view {
		background: #fff;
		padding-top:22px;
		padding-bottom:10px;
		padding-left:10px;
		padding-right:10px;
		text-align: center;
		border-radius: 30px;
		margin-bottom:30px;
	}
	.factorytour_area04_view p{
		color:#000000;
		font-size:16px;
		line-height:150%;
	  margin-top: 10px;
	  margin-left: 10px;
		text-align: left;
	}
	.factorytour_area04_left{
	  margin-top: 20px;
	  margin-bottom: 20px;
	}
	.factorytour_area04_left img{
	  width:100%;
	}
	.factorytour_area04_right{
		text-align: left;
	}
	.factorytour_area04_movie {
		padding-top:20px;
		padding-bottom:30px;
		display:inline-block;
	}

	.qa01 {
		border-radius: 10px;
		background: #006837;
		color:#ffffff;
		font-size:18px;
		font-weight:bold;
		margin-left:10px;
		margin-right:10px;
		margin-top:20px;
		margin-bottom:20px;
		text-align: left;
		display:block;
		padding:10px 10px 10px 10px;
		text-indent: -1em;
		padding-left: 1em;
	}

	.qa02 {
		color:#006837;
		font-size:18px;
		font-weight:bold;
		margin-left:10px;
		margin-right:10px;
		margin-bottom:10px;
		text-align: left;
		display:block;
	}
.logo-header{
    width: auto;
    height: 25px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.site-name-text-link{
	padding-top:20px;
}
/*他調整*/
.home #list{flex-direction: column;}
.home #list .sec_list, .page #body{
	width: 100%;
	max-width: 650px;
	margin: 0 auto;
}

  .no_sp{
		display:none;
	}
}

@media screen and (max-width: 768px){
    .logo-text a,.logo-text a:hover{color:transparent}
    #header-container{margin-left:2%}
    #header-in,#content-top{width:350px}
    #content-top{width:400px;margin-top:0;margin-bottom:0}
    .home .textwidget{margin:2% 0 0 2%}
    .home .navi-in > ul li,.page .navi-in > ul li{width:124px}
    .home #list .sec_list dd{width:100%}
    .home #main .textwidget{
		background:none;
		width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
	}
	.home .textwidget .secBox2{margin: 30px auto 0 auto;}
    .home #main .secBox{margin-left:0}
    .home .textwidget .secBox,.home .textwidget .secBox2{width: 100%;
        max-width: 410px;}
    .page .article,.single .entry-content.cf,.archive .entry-content.cf{width:100%}
    .page .divBox{width:90%}
    .article h2{padding:1%}
    .page div#hierarchy{margin-top:1%}
    .bring .divBox a.linkBtn,.opelation .sec_list a{margin:0 auto 6%;width:80%}
    .environment .divBox ul.divBoxUl01{padding-left:0}
    .environment .article .divBox dd,.opelation .article dd{margin-left:10px}
    .contact #hierarchy h2,.link #hierarchy h2,.privacy #hierarchy h2{background:#fff}
    #footer #menu-ftrmenu{width:100%;text-align:center}
    #footer .menu-footer li{display:block;width:80%;border:none;margin:0 auto 2%}
}

@media screen and (max-width: 480px){
    #content-top{display:none}
    .home #list .sec_list dd{width:100%}
    .home #list .sec_list,.page #body{width:100%}
    .home a.kuroLink{margin-left:50%}
    .home .textwidget .secBox2{margin-left:0;margin-top:3%}
    .home #list h3 img{padding:1%;width:30%}
    .home #list h4 img{padding:1%;width:30%}
    a.linkBtn,.opelation .sec_list a,.system .tab1_label,.system .tab2_label,.system .tab3_label{width:80%}
    .page #hierarchy h2{display:none}
    .page .divBox{width:100%}
    .field_trip .box img{width:98%}
    .environment .article ul{padding-left:0}
    .environment .article ul li,.environment .article ul.divBoxUl02 li{width:100%}
    .environment .divBox img{width:300px;display:block}
    .system .divBox{width:100%}
    .single article{width:90%;margin:0 auto}
    a.linkBtn,.opelation .sec_list a,.system .tab1_label,.system .tab2_label,.system .tab3_label{margin:0 auto 4%;width:60%}
    div#admin-panel{display:none}
	.page-numbers {
		width: 34px;
		height: 34px;
		line-height: 34px;
	  }
	  .ect-vertical-card .entry-card-wrap {
		margin-bottom: 8px;
	  }
}