@media only screen and (max-width: 1000px) {

	h2 {
		margin: 0 0 20px;
	}

	#page1 {
		width: auto;
		min-width: auto;
	}

	#header .box {
		width: auto;
		padding: 0 20px;
	}

	#header .box .logo {
		left: 20px;
	}

	#header .box .organization {
		right: 20px;
	}

	#header .box .navi {
		right: 20px;
	}
	#header .box .navi a {
		margin: 0 30px 0 0;
	}

	#topimage .inner {
		width: 100%;
	}

	#topimage .inner .copy {
		left: 20px;
	}

	#topimage figcaption {
		bottom: 35px;
		right: 20;
		text-align: right;
	}

	.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
		bottom: 10px !important;
	}

	.main .box {
		width: auto;
		padding: 50px 20px;
	}

	.main .box .topics {
		padding: 20px;
	}

	.main .box ol li .detail {
		float: left;
		width: 480px;
	}

	#kiji h2 {
		width: auto;
		padding: 25px 20px 0;
		margin: 0 20px;
	}

	#kiji .kiji_contents {
		width: auto;
		padding: 25px 20px;
		margin: 0 20px;
	}

	.contact h2 {
		width: auto;
		padding: 25px 20px 0;
		margin: 0 20px;
	}

	.parts7 .contact_form li {
		width: 90%;
		padding: 10px;
		text-align: left;
	}

	.contact .contact_contents {
		width: auto;
		padding: 25px 20px;
		margin: 0 20px;
	}

	.contact .contact_index {
		float: none;
		width: auto;
		padding: 0;
	}

	.contact .contact_body {
		float: none;
		width: auto;
	}

	.contact .contact_submit {
		float: none;
		width: auto;
	}

	.contact .contact_ssl {
		width: auto;
		padding: 0;
		margin: 0;
	}

	#footer .banner {
		width: auto;
		margin: 0 10px;
	}

	#footer .inner {
		width: auto;
		margin: 0 20px;
	}

}


@media only screen and (max-width: 920px) {

	#header .navi {
		display: none;
	}

	.main .box ol li .detail {
		float: left;
		width: 380px;
	}

}


@media only screen and (max-width: 768px) {

	span.anchor {
		display: block;
		top: -80px;
		position: relative;
	}

	#header .box {
		height: 80px;
	}

	#header .box .logo {
		left: 10px;
		width: 210px;
	}

	#header .box .copy {
		top: 45px;
		right: 70px;
		font-size: 0.9em;
	}

	#header .box .organization {
		top: 10px;
		right: 70px;
		font-size: 0.8em;
		padding: 5px 10px;
	}

	/* #header .navi {
		display: none;
	} */

	#nav-drawer {
		display: block;
	}

	#topimage .inner .copy {
		width: 350px;
		top: 120px;
		left: 10px;
	}

	#topimage .inner .chara {
		width: 200px;
	}

	.main .box {
		width: auto;
		padding: 50px 10px;
	}

	.main .box ol li .detail {
		float: left;
		width: 360px;
	}

	.main .box ol li .detail h3 {
		font-size: 0.95em;
	}

	.main .box ul li {
		margin: 0 3% 25px 0;
	}
	.main .box ul li:nth-child(3n+0) {
		margin: 0 0 25px;
	}

	.main .box ul li .photo {
		min-height: 200px;
	}

	.main .box ul li .photo .thumbnail {
		height: 200px;
	}

	.main .box ul li h3 {
		font-size: 0.95em;
	}

	.main .box ul li p {
		font-size: 0.9em;
		padding: 5px 10px 10px;
	}

	.main .box ul li .link a {
		font-size: 0.9em;
	}

	.main .box .topics {
		padding: 10px;
	}

	#hogomuzuttekero.main {
		padding: 60px 0 50px;
	}

	.main .box .inner {
		margin: 0 10px;
		padding: 20px;
	}

	.main .box .box-title {
		font-size: 1.2em;
	}

	.main .box p {
		font-size: 1.0em;
		margin: 0 20px 30px;
	}

	#kiji {
		padding: 110px 0 50px;
	}

	#kiji .kiji_image img {
		width: 100% !important;
		height: auto !important;
	}

	.contact {
		padding: 110px 0 50px;
	}

	.contact .contact_contents {
		padding: 5px;
	}

	.contact .contact_body input[type="text"],
	.contact .contact_body textarea {
		width: 90% !important;
	}

	#footer .banner {
		margin: 0 20px 30px;
	}

}


@media only screen and (max-width: 700px) {

	.main .box ol li .detail {
		float: left;
		width: 335px;
	}

	.main .box .map {
		display: none;
	}

	.main .box .map2 {
		display: block;
	}

	#footer .inner .organization .btn {
		float: left;
	}

}


@media only screen and (max-width: 650px) {

	h2 {
		font-size: 1.5em;
	}
	#news-box h2,
	#news2-box h2 {
		width: 200px;
	}

	#header .box .copy {
		top: 45px;
		right: 70px;
		font-size: 0.8em;
	}

	#header .box .organization {
		top: 10px;
		right: 70px;
		font-size: 0.7em;
		padding: 5px 10px;
	}

	.main .box .box-left {
		float: none;
		width: auto;
	}

	.main .box .box-right {
		float: none;
		width: auto;
	}

	.main .box ol li .detail {
		width: 360px;
	}

	.main .box ul li {
		width: 48%;
		margin: 0 4% 20px 0;
	}
	.main .box ul li:nth-child(3n+0) {
		margin: 0 4% 20px 0;
	}
	.main .box ul li:nth-child(2n+0) {
		margin: 0 0 20px;
	}

	#footer .banner {
		margin: 0 10px 20px;
	}

	#footer .inner {
		margin: 0 10px;
	}

	#footer .inner .organization .logo .copy {
		padding: 5px 0 0;
	}

	#footer .inner .organization {
		margin: 0 0 15px;
	}

	#footer .inner .organization .logo {
		width: auto;
		float: none;
	}

	#footer .inner .organization .logo img {
		float: none;
	}

	#footer .inner .adrs {
		font-size: 0.9em;
		margin: 0;
	}

	#footer .inner .copyright {
		margin: 0;
	}

	#footer .inner .pagetop {
		width: 50px;
		top: 10px;
		bottom: unset;
	}

	.remodal .remodal-detail .remodal-photo {
		width: 40% !important;
	}

	.remodal .remodal-detail .remodal-text {
		width: 57% !important;
	}

}


@media only screen and (max-width: 480px) {

	h2 {
		font-size: 1.2em;
		margin: 0 0 15px;
	}
	#news-box h2,
	#news2-box h2 {
		margin: 0 auto 20px;
	}
	#area-box h2,
	#hogomuzuttekero-list h2 {
		width: 90%;
	}

	.main .box .main-title {
		background-image: none;
	}

	#header .box {
		height: 60px;
	}

	#header .box .logo {
		top: 3px;
		width: 160px;
	}

	#header .box .copy {
		/* top: 15px; */
		top: 13px;
		right: 55px;
		/* width: 90px; */
		width: 110px;
		font-size: 0.6em;
		text-align: right;
	}

	#header .box .organization {
		display: none;
		top: 10px;
		right: 60px;
		font-size: 0.7em;
		padding: 3px 10px;
	}

	#nav-drawer {
		margin: 18px 0 0 0;
	}

	#nav-drawer #nav-content ul li a {
		padding: 15px 10px 15px 20px;
	}

	#topimage,
	#topimage .thumbnail,
	#topimage .inner {
		max-height: 400px;
	}

	#topimage .inner .copy {
		width: 250px;
		top: 80px;
		left: 10px;
	}

	#topimage .inner .chara {
		width: 100px;
	}

	.main .box ul li .link a {
		margin: 5px 15px 10px;
	}

	.main .box ul li .date {
		font-size: 0.75em;
	}

	.main .box ul li .photo {
		height: 140px;
		min-height: auto;
	}

	.main .box ul li .photo .thumbnail {
		height: 140px;
	}

	.main .box ol li .detail {
		width: 210px;
	}

	.main .box .map2 {
		display: none;
	}

	.main .box .map3 {
		display: block;
	}

	#hogomuzuttekero.main {
		padding: 30px 0 0;
	}

	#hogomuzuttekero-list.main .box {
		padding: 20px 10px;
	}

	.main .box .inner {
		margin: 0;
		padding: 10px;
	}

	#hogomuzuttekero-list.main .box ul li,
	#hogomuzuttekero-list.main .box ul li:nth-child(2n+0) {
		float: none;
		width: 100%;
		margin: 0 0 15px;
	}

	.main .box ul li .photo {
		margin: 5px;
	}

	.main .box .box-title {
		font-size: 1.1em;
		line-height: 175%;
		padding: 5px 0;
		margin: 0 auto 10px;
		text-align: center;
	}

	.main .box p {
		font-size: 0.9em;
		margin: 0 0 15px;
	}

	#footer .banner ul li {
		width: 48%;
		margin: 0 4% 20px 0;
	}
	#footer .banner ul li:nth-child(4n+0) {
		margin: 0 4% 20px 0;
	}
	#footer .banner ul li:nth-child(2n+0) {
		margin: 0 0 20px;
	}

	#kiji {
		padding: 80px 0 50px;
	}

	#kiji h2 {
		width: auto;
		font-size: 1.3em;
		padding: 25px 10px 0;
		margin: 0 10px;
	}

	#kiji .kiji_contents {
		width: auto;
		font-size: 1.0em;
		line-height: 175%;
		padding: 25px 10px;
		margin: 0 10px;
	}

	.contact {
		padding: 80px 0 50px;
	}

	.contact h2 {
		width: auto;
		font-size: 1.3em;
		padding: 25px 10px 0;
		margin: 0 10px;
	}

	.contact .contact_contents {
		width: auto;
		font-size: 1.0em;
		line-height: 175%;
		padding: 25px 10px;
		margin: 0 10px;
	}

	.parts7 .contact_submit input[type="submit"] {
		width: 100%;
	}

	.remodal {
		padding: 10px !important;
	}

	.remodal h2 {
		font-size: 1.2em !important;
		margin: 0 !important;
		padding: 5px !important;
	}

	.remodal p {
		margin: 0 !important;
		padding: 5px !important;
	}

	.remodal .remodal-detail .remodal-photo {
		float: none !important;
		width: 100% !important;
		margin: 0 0 10px;
	}

	.remodal .remodal-detail .remodal-text {
		float: none !important;
		width: 100% !important;
		margin: 0 0 10px;
	}

	.remodal .remodal-link a {
		width: 90% !important;
	}

}