@charset "utf-8";

/* ====================================================================== */
/* ---------------------------------------------------------------------- */
/* 1260px */
@media screen and (max-width:1260px){
	/* contents */
	
}



/* ====================================================================== */
/* ---------------------------------------------------------------------- */
/* 1050px */
@media screen and (max-width:1050px){
	header nav,
	.gnav ul,
	.spgnav_head,
	.header_top_base,
	.header_base,
	.contents_base,
	#home .contents_base,
	.home_contact_wrap,
	.katsuyou_wrap,
	.footer_base{
		width: 100%;
		padding-left: 3%;
		padding-right: 3%;
		box-sizing: border-box
	}
	
	/* header */
	.header_top h3{
		font-size: 12px;
	}
	.header_tel{
		font-size: 22px;
		line-height: 1.6em;
	}
	.header_tel span{
		font-size: 18px;
	}
	
	/* footer */
	.footer_address h2{
		font-size: 16px;
	}
	.footer_address p{
		font-size: 13px;
	}
	.footer_exlink ul li{
		font-size: 13px;
	}
	.footer_exlink{
		width: 35%;
		padding-left: 3%;
	}
	
	/* home */
	.home_category article{
		width: 48.2%;
		box-sizing: border-box;
	}
	.home_category article a{
		padding: 18px 5px 16px 5px;
	}
	
	.home_category article:nth-child(2) a,
	.home_category article:nth-child(3) a,
	.home_category article:nth-child(4) a,
	.home_category article:nth-child(5) a{
		padding: 27px 10px 19px 10px;
	}
	.home_category article:nth-child(7) a{
		padding: 12px 5px 11px 5px;
	}
	.home_category article h3{
		font-size: 14px;
	}
	.home_category article p{
		margin: 0;
	}
	.home_contact .contact_sns li{
		width: 43%;
		font-size: 14px;
	}
	
	.home_nav_detail article h4{
		width: 75%;
	}
	
	.home_category2 article{
		position: relative;
		box-sizing: border-box;
		float: left;
		width: 32.5%;
		padding: 18px 13px 12px 18px;
		margin: 0 1.2% 1% 0;
		border: 1px solid #00A040;
		background: #FFFFFA;
		min-height: 116px;
	}
	.home_category2 article:nth-child(3n){
		margin-right: 0;
		float: right;
	}
	.home_category2 article:nth-child(3n+1){
		clear: both;
	}
	.home_category2 figure{
		float: left;
		width: 24.1%;
		line-height: 0;
		font-size: 0;
	}
	.home_category2 figure a{
		transition: .3s;
	}
	.home_category2 .home_cat2_detail{
		width: 72.4%;
		float: right;
	}
	.home_category2 .home_cat2_detail h3{
		font-size: 15px;
		margin-bottom: 3px;
		line-height: 1.5em;
	}
	.home_category2 article:nth-child(5) .home_cat2_detail h3{
		letter-spacing: -0.05em;
	}
	.home_category2 .home_cat2_detail h3 a{
		text-decoration: none;
		transition: .3s;
	}
	.home_category2 .home_cat2_detail p{
		margin: 0 0 0 1em;
		font-size: 13px;
		line-height: 1.5em;
	}
	
	
	/* contents */
	.detail .contents_base{
		width: 94%;
		margin: 0 auto;
	}
	.page_read{
		font-size: 14px;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	
	/* ====================================================== */
	/* 02.about --------------------------------------------- */
	.about_wrap .dleft{
		width: 100%;
		float: none;
	}
	.about_wrap{
	    padding: 30px;
	}
	.about_wrap .dleft h2{
		width: 60%;
		margin: 0 auto 37px auto;
	}
	.about_wrap .dleft dl dt{
		width: 9em;
	}
	.about_wrap .dleft dl dd{
		padding-left: 9em;
		margin-bottom: 0;
	}
	.about_wrap .dright{
		width: 45%;
		float: none;
		margin: 2em auto;
		text-align: center;
	}
	.about_document ul{
		float: none;
		padding: 0;
	}
	
	.slogan_wrap .dleft{
		width: 100%;
		float: none;
	}
	.slogan_wrap .dleft h2{
		width: 60%;
		margin: 0 auto 15px auto;
	}
	.slogan_wrap .dleft p{
		font-size: 16px;
	}
	.slogan_wrap .dright{
		width: 75%;
		float: none;
		margin: 2em auto 0 auto;
	}



	/* ====================================================== */
	/* 03.access -------------------------------------------- */
	.access_wrap{
		position: relative;
		clear: both;
		padding: 0 20px 18px 20px;
	}
	
	
	/* ====================================================== */
	/* 05.target -------------------------------------------- */
	.target_title{
		height: 18vw;
		background: none;
	}
	.target_title h1{
		position: absolute;
		font-size: 3.2vw;
		padding: 0 0 0 4vw;

		top: 2.0vw;
		-ms-transform: translateY(3vw);
		-webkit-transform : translateY(3vw);
	}
	.target_read{
		font-size: 16px;
	}
	.target_topics_inner{
		width: 100%;
		padding: 45px 3%;
		box-sizing: border-box
	}
	
	
	/* ====================================================== */
	/* 98.old ----------------------------------------------- */
	.new_side{
		width: 200px;
	}
	#content{
		width: 70%;
	}
	
}



/* ====================================================================== */
/* ---------------------------------------------------------------------- */
/* 900 */
@media screen and (max-width:900px){
	.header_top h3{
		float: none;
		text-align: center;
		padding-bottom: 5px;
	}
	.header_tel{
		font-size: 22px;
		line-height: 1.6em;
		padding-top: 0;
		text-align: right;
		width: 49%;
		float: left;
		box-sizing: border-box;
	}
	.header_tel span{
		font-size: 18px;
	}
	.header_mail_wrap{
		width: 49%;
		float: right;
		text-align: left;
	}
	.header_time{
		float: left;
		display: inline-block;
	}
	.header_mail{
		float: none;
		display: inline-block;
	}
}



/* ====================================================================== */
/* ---------------------------------------------------------------------- */
/* 870 */
@media screen and (max-width:870px){
	/* header */
	.header_base h1{
		max-width: 50%;
	}
	
	/* home */
	.home_category article{
		margin-bottom: 15px;
	}
	.home_category article a{
		padding: 12px 5px 10px 5px;
	}
	.home_category article:nth-child(2) a,
	.home_category article:nth-child(3) a,
	.home_category article:nth-child(4) a,
	.home_category article:nth-child(5) a{
		padding: 17px 5px 12px 5px;
	}
	.home_category article:nth-child(2) a h3,
	.home_category article:nth-child(3) a h3,
	.home_category article:nth-child(4) a h3,
	.home_category article:nth-child(5) a h3{
		padding-top: 5px;
	}
	
	.home_category article h3{
		font-size: 12px;
	}
	.katsuyou_wrap h3{
		font-size: 13px;
	}
	
	.home_nav_detail article h4{
		width: 68%;
	}
	
	/* contact */
	.contact_wrap table th{
		width: 35%;
	}
	.contact_wrap table td{
		width: 65%;
	}
	.contact_wrap table td input[type="email"],
	.contact_wrap table td textarea,
	.contact_wrap table td input.f01,
	.contact_wrap table td input.f02{
		width: 100%;
		box-sizing: border-box;
	}
	
	/* old */
	#content{
		width: 65%;
	}
}





/* ====================================================================== */
/* ---------------------------------------------------------------------- */
/* 760 */
@media screen and (max-width:760px){
	
	/* header */
	.gnav ul li{
		width: 20%;
		font-size: 16px;
	}
	.search_wrap input[type="text"]{
		width: 40%;
	}
	
	/* footer */
	.footer_address{
		margin-bottom: 2em;
	}
	
	
	/* contents */
	.detail .contents_base{
		width: 90%;
	}
	.page_read{
		text-align: left;
	}
	.page_read br{
		display: none;
	}
	.page_title{
		font-size: 18px;
	}
	p, li, dt, dd, th, td, time, address{
		font-size: 14px;
	}
	
	
	/* home */
	.home_mainimage{
		float: none;
		width: 100%;
	}
	.home_category{
		width: 100%;
	}
	.home_category article{
		position: relative;
		float: left;
		width: 32%;
		margin-right: 2%;
		margin-bottom: 20px;
	}
	.home_category article:nth-child(even){
		float: left;
	}
	.home_category article:nth-child(3n){
		margin-right: 0;
	}
	.home_category article:nth-child(3n+1){
		clear: both;
	}
	.home_category article:nth-child(7) a{
		padding: 8px 10px 6px 10px;
	}
	.home_category article h3{
		font-size: 2.5vw;
	}
	.home_category article p{
		display: block;
		font-size: 2vw;
	}
	.home_nav_base{
		width: 100%;
		float: none;
		margin-bottom: 15px;
	}
	.home_news_banner{
		width: 100%;
		float: none;
	}
	.home_news_banner article{
		width: 48.5%;
		float: left;
		margin-bottom: 32px;
	}
	.home_news_banner article:nth-child(even){
		float: right;
	}
	
	.home_category2 article{
		float: left;
		width: 48.5%;
		margin: 0 0 15px 0;
	}
	.home_category2 article:nth-child(3n){
		margin: 0 0 15px 0;
		float: left;
	}
	.home_category2 article:nth-child(3n+1){
		clear: none;
		margin: 0 0 15px 0;
	}
	.home_category2 article:nth-child(2n){
		float: right;
		margin: 0 0 15px 0;
	}
	.home_category2 article:nth-child(2n+1){
		clear: both;
	}
	.home_category2 figure{
		width: 50%;
		float: none;
		margin: 0 auto 10px auto;
	}
	.home_category2 .home_cat2_detail{
		width: 100%;
		float: none;
	}
	.home_category2 .home_cat2_detail p{
		margin-left: 0;
	}
	
	.home_contact .contact_sns li{
		display: block;
		width: 100%;
		float: none;
	}
	.home_contact .contact_site li{
		width: 45%;
		font-size: 13px;
	}
	
	.home_category article:nth-child(2) a,
	.home_category article:nth-child(3) a,
	.home_category article:nth-child(4) a,
	.home_category article:nth-child(5) a{
		padding: 24px 5px 22px 5px;
	}
	.home_category article,
	.home_category article:nth-child(2) p,
	.home_category article:nth-child(3) p,
	.home_category article:nth-child(4) p,
	.home_category article:nth-child(5) p{
		padding-top: 0;
	}
	.home_category article:nth-child(2) a h3,
	.home_category article:nth-child(3) a h3,
	.home_category article:nth-child(4) a h3,
	.home_category article:nth-child(5) a h3{
		padding-top: 0;
	}
	
	
	.katsuyou_wrap article{
		width: 48.5%;
		margin: 0 0 15px 0;
	}
	.katsuyou_wrap article:nth-child(2n+1){
		clear: both;
	}
	.katsuyou_wrap article:nth-child(2n){
		float: right;
	}
	.katsuyou_alllist{
		clear: both;
		text-align: center;
		padding: 1em 0;
	}
	.katsuyou_alllist a{
		text-decoration: none;
		background: #FFF;
		padding: 5px 2em 3px 2em;
		border-radius: 5px;
	}
	.katsuyou_alllist a:hover{
		background:rgba(0,160,64,1.00);
		color: #FFF;
	}
	
	.footer_detail{
		width: 100%;
	}
	.footer_exlink{
		width: 30%;
	}
	.footer_fb{
		clear: both;
		float: none;
		width: 100%;
	}
	.footer_fb iframe{
		width: 100%;
	}
	
	/* about */
	.about_wrap{
	    padding: 20px;
	}
	
	/* access */
	.access_wrap{
		padding: 0 10px 18px 10px;
	}
	.access_wrap .dleft{
		width: 100%;
		float: none;
	}
	.access_wrap .dleft h2{
		font-size: 16px;
	}
	.access_wrap .dright{
		width: 75%;
		float: none;
		margin: 0 auto 60px auto;
		text-align: center;
	}
	.access_wrap.bkgray .dright{
		width: 75%;
	}
	
	
	/* contact */
	.contact_wrap table{
		position: relative;
		border: none;
		width: auto;
	}
	.contact_wrap table th,
	.contact_wrap table td{
		position: relative;
		display: list-item;
		list-style: none;
		border: none;
		margin: 0;
		box-sizing: border-box;
	}
	.contact_wrap table th{
		padding: 0 0 10px 0;
		background: none;
		width: 100%;
		font-size: 14px;
	}
	.contact_wrap table td{
		padding: 0 0 20px 0;
		margin-bottom: 20px;
		border-bottom: 1px dotted #CCC;
		width: 100%;
	}
	.contact_wrap table td input[type="email"],
	.contact_wrap table td textarea,
	.contact_wrap table td input.f01{
		width: 100%;
		box-sizing: border-box;
	}
	.sbm_wrap input[type="submit"],
	.sbm_wrap input[type="reset"]{
		font-size: 18px;
		padding: 5px 1em 3px 1em;
		margin: 0 auto 1em auto;
	}
	
	
	
	/* 05.target  */
	.target_read{
		font-size: 14px;
	}
	
	.target_base article h2{
		font-size: 16px;
	}
	
	.target_list h2,
	.target_topics_inner h2{
		font-size: 14px;
		padding: 10px 0 10px 1em;
	}
	.target_list .home_nav_detail article h4{
		width: 100%;
	}

	.target_pickup figure{
		float: none;
		width: 50%;
		margin: 0 auto;
		padding: 15px 0 15px 15px;
	}
	.tpick_detail{
		float: none;
		width: 100%;
		padding: 15px;
		box-sizing: border-box;
	}
	.tpick_detail h3{
		font-size: 14px;
	}
	
	
	/* 06.shien  */
	.shien_menu li a{
		font-size: 14px;
	}
	.shien_base article{
		position: relative;
		clear: both;
		padding: 20px;
	}

	.shien_base article h3{
		font-size: 16px;
	}
	
	/* 98.old  */
	.new_side{
		width: 100%;
	}
	#content{
		width: 100%;
	}
	
	.entry-content table {
		display: block;
		overflow-x: scroll;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch;
	}
	.entry-content table tbody {
		width: 100%;
		display:table;
	}
	
}



/* ====================================================================== */
/* ---------------------------------------------------------------------- */
/* 600px */
@media screen and (max-width:600px){
	/* menu */
	.header_base{
		padding: 25px 0 25px 3%;
		border-bottom: 1px solid #39B54A;
	}
	.header_base h1{
		width: 250px;
		max-width: inherit;
	}
	
	#menu {
		display: block;
	}
	.gnav,
	.header_search,
	.header_top{
		display: none;
	}
	
	
	/* home */
	.home_category article{
		position: relative;
		float: left;
		width: 48.5%;
		margin-right: 0;
		margin-bottom: 15px;
	}
	.home_category article:nth-child(2n){
		float: right;
	}
	.home_category article:nth-child(2n+1){
		clear: both;
	}
	.home_category article:nth-child(3n),
	.home_category article:nth-child(3n+1){
		clear: none;
	}
	.home_category article a {
		padding: 12px 5px 6px 5px;
	}
	
	.home_category article:nth-child(2) a,
	.home_category article:nth-child(3) a,
	.home_category article:nth-child(4) a,
	.home_category article:nth-child(5) a{
			padding: 23px 5px 16px 5px;
	}
	.home_category article:nth-child(2) a h3,
	.home_category article:nth-child(3) a h3,
	.home_category article:nth-child(4) a h3,
	.home_category article:nth-child(5) a h3{
		padding-top: 2px;
	}
	
	.home_category article:nth-child(7){
		margin-bottom: 30px;
	}
	.home_category article:nth-child(7) a{
		padding: 6px 10px 4px 10px;
	}
	.home_category article:nth-child(odd){
		clear: both;
	}
	.home_category article h3 {
		font-size: 3vw;
		padding-top: 1.5vw;
	}
	.home_category article p{
		padding-top: 3vw;
		font-size: 3.5vw;
	}
	.news_stat{
		display: none;
	}
	.news_stat.end,
	.news_stat.update,
	.news_stat.new{
		display: inline-block;
		padding: 2px 0 0 0; 
		text-align: center;
		margin-right: 8px;
	}
	.news_date{
		padding-left: 0;
	}
	.home_nav_detail article h4{
		clear: both;
		float: none;
		width: 100%;
	}
	
	.home_contact .contact_site,
	.home_contact .contact_sns{
		margin-bottom: 30px;
	}
	.home_contact .contact_sns li{
		margin: 0 0 10px 0;
	}
	.home_contact .contact_site li{
		width: 100%;
		font-size: 13px;
		margin: 0 0 10px 0;
	}
	
	#content .publication table{
		width: 100%;
	}
	
	
	/* 06.shien  */
	.shien_menu li a{
		font-size: 13px;
		height: 3.5em;
		padding-left: 0.5em;
		padding-right: 0.5em;
	}
	

	/* 05.target  */
	.target_base article{
		width: 100%;
		float: none !important;
		clear: both;
		margin-bottom: 40px;
	}
	.target_pickup,
	.target_list{
		clear: both;
		float: none;
		width: 100%;
		margin-bottom: 40px;
	}

	.target_pickup{
		background: #FFF;
		box-sizing: border-box;
	}
	.target_pickup figure{
		float: left;
		width: 39%;
		padding: 23px 0 23px 23px;
		box-sizing: border-box;
	}
	.tpick_detail{
		float: right;
		width: 55.8%;
		padding: 23px 23px 23px 0;
		box-sizing: border-box;
	}
	
	/* pdf_wrap */
	.pdf_wrap article{
		width: 48.5%;
		margin: 0 0 3% 0;
	}
	.pdf_wrap article:nth-child(4n){
		margin: 0 0 3% 0;
	}
	.pdf_wrap article:nth-child(4n+1){
		clear: none;
	}
	.pdf_wrap article:nth-child(odd){
		clear: both;
	}
	.pdf_wrap article:nth-child(even){
		float: right;
		clear: none;
	}
	
	
	/* flyer_wrap */
	.flyer_detail figure{
		float: none;
		width: 100%;
		text-align: center;
		margin: 0 auto 30px auto;
	}
	.flyer_detail .flyer_text{
		float: none;
		width: 100%;
	}
}


/* ====================================================================== */
/* ---------------------------------------------------------------------- */
/* 560px */
@media screen and (max-width:560px){
	
	/* home */
	.footer_address{
		width: 100%;
		margin-bottom: 1em;
	}
	.footer_exlink{
		padding-left: 0;
		width: 100%;
		margin-bottom: 2em;
	}
}

/* ====================================================================== */
/* ---------------------------------------------------------------------- */
/* 480px */
@media screen and (max-width:480px){
	
	
	/* flyer_wrap */
	.flyer_title{
		padding: 10px;
	}
	.flyer_title h3{
		float: none;
		font-size: 16px;
	}
	.flyer_title p{
		float: none;
	}
	.flyer_detail{
		padding: 10px;
	}
}

/* ====================================================================== */
/* ---------------------------------------------------------------------- */
/* 400px */
@media screen and (max-width:400px){
	#global_spnav .spmain_nav li{
		font-size: 14px;
	}
	#global_spnav .spmain_nav li a{
		padding: 8px 1em 6px 1em;
	}
	#global_spnav .spmain_nav li i{
		top: 11px;
	}
	#global_spnav .spsub_nav{
		margin-bottom: 15px;
		padding: 0.6em 0;
	}
	#global_spnav .spsub_nav li{
		line-height:2em;
	}

	#global_spnav .header_tel{
		font-size: 26px;
	}
	#global_spnav .header_tel span{
		font-size: 22px;
	}
	#global_spnav .header_mail a{
	    padding: 6px 1em 4px 1em;
		font-size: 16px;
	}
}

/* ====================================================================== */
/* ---------------------------------------------------------------------- */
/* 320px */
@media screen and (max-width:320px){
}