@charset "utf-8";
/* CSS Document */

body,html{height:100%}

body{display: flex; flex-direction: column; font-family: "Noto Sans JP", sans-serif; font-weight: 400; font-size:16px; color:#3B4043; background-color:#fff; margin:0px; padding:0px; line-height: normal;}
body.top{background-color:#fff}

html{scroll-behavior: smooth; scroll-padding-top: 50px}
*{position:relative; box-sizing: border-box;}
label{display:block;}
img{width:100%; display: table}
a{color:#333333; text-decoration:none}
a:hover{color:#333333; text-decoration:none}
ul,ol{margin:0px; padding:0px;}
ul li, ol li{list-style-type:none;}
h1,h2,h3,h4,h5,h6{margin:0px; padding:0px;}
p{line-height: 200%;}

figure{margin:0px;}
h1{font-size:28px}
h2{font-size:24px}
h3{font-size:18px} 
h4{font-size:20px;}
h5{font-size:18px;}
h6{font-size:16px}

.post-details-content{line-height:200%;}

.post-details h1{font-size: 26px}
.post-details h2{font-size: 24px}

.text-center{text-align:center}

img.wp-post-image {
    max-width: none !important;
   
}

.wp-block-table table{font-size: 14px;}


.wp-block-table th,
.wp-block-table table tr:first-child{background-color:#86AC41; color:#fff}

.wp-block-table td, 
.wp-block-table th{border-color:#333}

.container,
.container-fluid{width:100%; padding:0px 20px; margin:0px auto;}

section{padding:50px 0px}
section.nopad{padding:0px;}

.highlight{color:#3366cc; text-decoration: underline}
.highlight a{color:#3366cc;}

.btn{display: block; border-radius:80px;  background-color: #FF9800; width:fit-content; padding: 16px 65px; color:#FFF; margin:0px auto}
.btn:hover{background-color:#F57C00; color:#FFF;}
.btn:after{position: absolute; content:''; right:18px; top:calc(50% - 14px/2); width:8px; height:14px; background-image:url('../images/icon1-hover.png'); background-size: 100% 100%}
.btn:hover:after{background-image:url('../images/icon1-hover.png')}

.bg-light-gray{background-color:#F2F2F2}

.btn-center{margin:0px auto}
.hamburger{display:none}

.header-banner{}

.search-area{width: 100%;}
.search-area label{display: none;}
.search-form{max-width: 260px; width: 100%; margin: 0px 0px 0px auto;}
.search-form input[type=submit]{position: absolute; right: 10px; cursor: pointer; top: 10px; border:0px; background-image: url('../images/search.png'); width:20px; height:20px; background-color: transparent; font-size: 0px; background-size: 100% 100%;}
.search-form input[type=text]{width: 100%; height: 40px; padding:0px 35px 0px 10px; border:1px solid #E1E1E1; }

.header-outer{width:100%;}
.header{display:flex; justify-content: space-between; align-items: center; padding:20px 0vw}
.header .logo{display: flex; align-items: center; max-width:225px;}


.header-outer .top-navigation{background-color:#86AC41; padding:18px 0px}
.header-outer .top-navigation ul{display:flex; height: 100%; justify-content: center; align-items: center;}
.header-outer .top-navigation ul li{padding:0px 1.5vw}
.header-outer .top-navigation ul li a{font-weight: 700; color:#fff; display: block;}
.header-outer .top-navigation ul li.submenu-list:before{position: absolute; content: ''; width:1.563vw; height: 1px; background-color: #fff; bottom:-0.521vw; left:calc(50% - 0.781vw)}

.section-banner{margin-top:50px; max-width: 864px; margin-left: auto; margin-right: auto}

h2.wp-block-heading,
h2.section-heading{margin-bottom:30px; padding-bottom: 10px; border-bottom:2px #86AC41 solid}
h2.wp-block-heading:before,
h2.section-heading:before{width:52px; height: 2px; position: absolute; content:''; left:0px; bottom:-2px; background-color:#34675C; z-index: 1;}

.error404 h2.section-heading{width: fit-content; margin:0px auto 50px}
.error404 h2.section-heading:before{}

.page-inner{padding-top:20px; flex: 1;}
.postlist .block-content{}
.postlist .block-content .col{margin-bottom:30px;}

.postlist .block-content .block-content-head,
.post-details .post-details-content .block-content-head{font-size: 12px; margin:15px 0px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between}
.post-details .post-details-content .block-content-head .date,
.postlist .block-content .date{color:#707070}

.post-details{padding-top:10px; padding-bottom:0px}
.post-details .post-details-content .block-content-head .category-name,
.postlist .block-content .category-name{border:1px #34675C solid; border-radius:30px; padding:2px 15px 3px; margin-right:2px;}
.postlist .btn{margin:30px auto 0px}

.post-details-content{max-width:800px; margin:0px auto}
.post-details-content{background-color:#fff; border-radius:15px; padding:20px 40px}
.post-details figure{margin:20px 0px;}

.post-details h1{margin: 20px 0px 25px;}
.post-details h2{margin:30px 0px 20px;}

.post-details .btn.more{margin-top:6vw; margin-bottom:6vw}

.tags{display: flex; align-items: center; margin-top:50px; flex-wrap: wrap;}
.tags li{margin-right:10px; margin-bottom: 10px;}
.tags a{background-color:#86AC41; color:#fff; padding:1px 12px 2px; border-radius:5px}

.socialmedia{display: flex; align-items: center; margin-top:30px;}
.socialmedia span{margin:0px 5px; font-weight:700; display: inline-flex}
.socialmedia span:first-child{margin-left:0px}
.socialmedia .sm-icon.fb-icon{width:20px;}

.borderdlist{border:1px #282828 solid; padding: 18px; border-radius:10px; margin: 30px 0px;}
.borderdlist ul{padding:0px 20px}
.borderdlist li{list-style-type: disc; margin: 5px 0px;}

.graybgblock{padding: 18px; border-radius:10px; margin: 30px 0px; background-color:#eee}

.listheading{margin-top:0px; margin-bottom:10px}

.notice-content{margin-top:-20px}
.notice-content ul{border-bottom: 1px #D2D2D2 dashed; padding: 15px 0px;}
.notice-content ul li:first-child{font-size: 12px;}
.notice-content ul li:last-child{font-weight: 700;}
.notice .btn{margin:50px auto 0px}

.footer{padding-bottom:40px}
.footer .footer-logo{max-width: 257px; width:58.5vw; margin-bottom:40px; margin-left:auto; margin-right: auto}
.footer .footer-links ul{display: flex; justify-content: center; font-size:14px}
.footer .footer-links ul li{margin:0px 15px}


.breadcrumb{font-size:14px; margin-bottom:35px; font-weight: 500;}

.pagination{
    display: flex;
    justify-content: center;
    align-items: center;
	margin-top: 1.563vw;
	font-size: 14px;
}

.pagination a, .pagination .current {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0px 5px;
	width: 22px;
    height: 22px;
    text-align: center;
}

.pagination a{
    color: #000;    
}

.pagination a:hover{
    color: #eb5a19;
	border-radius:50%;
}

.pagination .current {
    background-color: #86ac41;
	color:#fff;
	border-radius:50%;
}

.pagination a.next, .pagination a.prev {
    width: 2.448vw;
    height: 2.448vw;
    font-size: 0px;
    background-image: url(../images/icon-next.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center center;	
}

.pagination a.prev {
    transform: rotate(180deg);
}

.pagination a.next{margin-left:4.167vw}
.pagination a.prev{margin-right:4.167vw}

.backbtn .container{width:100%; max-width:1300px}
.btntop{width:max(40px,2.75vw); height:max(40px, 2.75vw); margin: 0px 0px 10px auto; display: block}



@media(min-width:781px)
{
	.header-outer .top-navigation ul li.submenu-list .submenu-outer{left: -20%; position: absolute; top:0px; height:0px; overflow: hidden; padding-top:3.385vw; opacity:0; transition: ease all .5s}
	.header-outer .top-navigation ul li.submenu-list:hover .submenu-outer{opacity:1; height:100%; overflow: unset;}

	.header-outer .top-navigation.headerchange{position: fixed; width: 100%; top: 0px; z-index: 9;}	
	
	.d-desktop{display: block}
	.d-mobile{display: none}		
	.container{width:95%; max-width:1040px}

	.postlist .block-content{display: flex; flex-wrap: wrap;}	
	.postlist .block-content .col{width: calc(33.33% - 2vw / 3); margin-right: calc(2vw / 2);}
	.postlist .block-content .col:nth-child(3n){margin-right:0px;}
	
	.notice-content ul{display: flex; flex-wrap: wrap; align-items: center; }
	.notice-content ul li:first-child{width: 100px}
	.notice-content ul li:last-child{width: calc(100% - 100px);}
	
	
}


@media(max-width:780px)
{
	
	body{padding-top:13vw;}
	section{}	
	.container, .container-fluid{}
	.container{max-width: unset;}
	
	.d-desktop{display: none}
	.d-mobile{display: block}
	
	.wp-block-table table{min-width:800px}
	
	.post-details h1{font-size:24px}
	h2{font-size:20px}
	.post-details h2{font-size:20px;}	
	
	.pagination{font-size: 3.077vw; margin-top: 12vw;}
	.pagination a, .pagination .current{width:5.13vw; height:5.13vw; margin: 0px 1vw;}
	.pagination a.next, .pagination a.prev{width:8.56vw; height: 8.56vw}
	
	.pagination a.next{margin-left:10vw}
	.pagination a.prev{margin-right:10vw}

	.post-details{padding: 15px 0px 0px; }
	.breadcrumb{margin-bottom:40px;}
	
	
	/* Menu Start*/
	.header-outer{padding:0px; position: fixed; top:0px; width: 100%; z-index: 9; background-color: #fff;}
	.header-outer .container-fluid{padding:0px;}
	.header .logo{display: flex; align-items: center; max-width:200px; width:40vw;}
	
	.hamburger{display:block}
	
	.header{padding: 1vw 0px;}
	
	
	
	.header{width:100%;}	
	.header-outer .top-navigation{display: none; font-weight: normal; background-color:#f2f2f2; height: calc(100vh - 11vw); overflow: scroll; z-index: 9; padding: 3vw 0px;}	
	
	.header-outer .top-navigation ul{display: block; width: 100%;}	
	.header-outer .top-navigation ul li a{color:#282828; padding: 4vw 0px; border-bottom: #ccc 1px solid;}	
	.header-outer .top-navigation ul li:last-child a{border:0px;}
	
	.hamburger{width:6vw; height:11vw; display: flex; flex-wrap: wrap; justify-content: center; align-content: space-evenly; padding:3vw 0vw; cursor: pointer; z-index:99}
	.hamburger span{transition: ease all .5s; width: 8vw; height: .5vw; background-color:#282828; border-radius:1vw; display: block; margin-bottom:.2vw}
	.hamburger span:last-child{margin-bottom:0px;}

	
	.header-outer.showmenu{height: 100%}
	.header-outer.showmenu .top-navigation{display:block; width:100%; opacity:0; animation: animatelink 1s forwards}
		
	@-webkit-keyframes animatelink
	{
		0%{opacity:0}
		100%{opacity:1}		
	}
	
	@keyframes animatelink
	{
		0%{opacity:0}
		100%{opacity:1}		
	}	
	
	.btn{padding: 3vw 8vw; width: 80%; text-align: center}
	
	.search-area{padding-left:10px; padding-right:10px; width: calc(100% - 36vw)}	
	.hamburger.menuopen span{}
	.hamburger.menuopen span:first-child{transform:rotate(45deg); margin-top:1.2vw }
	.hamburger.menuopen span:nth-child(2){display:none;}
	.hamburger.menuopen span:last-child{transform:rotate(-45deg); margin-top:-1.62vw }	
	
	h2.section-heading{}
	
	.postlist .block-content .col{margin-bottom:30px;}
	.postlist .block-content .col:last-child{margin-bottom:0px;}
	.postlist .block-content .block-content-head{margin: 14px 0px 12px;}
	
	.section-banner{margin-top:7vw}
	
	.notice-content ul{padding: 2.5vw 0px;}
	.notice .btn{margin-top:8vw}
	
	.footer{padding-bottom: 30px;}
	.footer .footer-logo{margin-bottom:30px}
	.footer .footer-links ul{}
	.footer .footer-links ul li{margin: 0px 2vw;}
	
	.post-details-content{}
	.post-details figure,
	.post-details h1{margin: 20px 0px;}
	.post-details h2{margin: 30px 0px 20px}
	
	.post-details .btn.more{margin-top:40px; margin-bottom:40px;}
	
	.notice-content ul li:first-child{font-size: 14px; margin-bottom:1vw}
}

@media(max-width:560px)
{
	section{padding: 30px 0px;}
	.btn{font-size:14px; }
	.footer .footer-links ul{font-size:12px;}
	.post-details-content{padding:10px 20px 20px; border-radius:10px; word-wrap: break-word;}
	.search-form input[type=text]{height: 35px;}
	.search-form input[type=submit]{top:7px}
	
	

	
}