@charset "utf-8";
/* CSS Document */
@media screen and (max-width:770px){
	
body {
}
.wrapper {
	display:block;
	width:100%;
	height:100%;	
	min-height: 100%;
}

.sp-none {
	display:none !important;
}
#page-top {
	display:none;
}
.slide-wrap {
	display:none;
}

/* HEADER------------------------------------------- */

.spmenubtn {
	display:block;
	float:right;
	background:url(../images/smenu.jpg) left top no-repeat;
	background-size:100% 100%;
	margin-top:0px;
	width:50px;
	height:60px;
	position:relative;
	z-index:99;
}
.freed {
	display:none;
	}
	
.header {
		display: block;
		width: 100%;
	}
	.head-top {
		display: block;
		border-bottom: #e5e5e5 solid 1px;
		padding-left: 10px;
	}
	.head-top .lef {
		display: block;
	}
	.head-top h1 {
		display: block;
		float: left;
		padding-top: 10px;
		width: 170px;
	}
	.head-top h1 img {
		width: 90%;
	}
	.head-top p {
		display: none;
	}
	.head-top .ref {
		display: none;
	}
	.tp-main {
		background: url(../images/mainbg.jpg) top center no-repeat;
		background-size: auto 170%;
		padding-top: 30px;
		padding-bottom: 30px;
		padding-left: 10%;
		padding-right: 10%;
	}
	.tp-main h2 {
		display: block;
		text-align: center;
	}
	.tp-main h2 img {
		display: inline-block;
		width: 100%;
	}
	/* slideshow */
  #slideshow {
	display: none !important;}
  #t-logo { margin: 0 auto; position: relative; top: 50%;  -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 100; text-align: center; color: #fff;}
  #top #title {opacity: 0; width: 100%; height: 100%; position: relative; bottom: 3px;background: url('/assets/img/title.svg') no-repeat center; -webkit-background-size: 75% 120%; -o-background-size: 75% 120%; background-size: 75% 120%;}
  #top #read {opacity: 0; font-size:1.4em; letter-spacing: .2em; padding-top: 1em; line-height: 1.6; color:#fff;}
  #top #read.animated {opacity: 1;}
  #wplink {opacity: 0; width: 60px; height: 60px; position: absolute; bottom: 20px; z-index: 200;left: 50%;margin-left: -30px;}
  #wplink .arrow {width: 26px; height: 26px; position:absolute;top:50%; left:50%; margin:-19px 0px 0 -12px; border-left:2px solid #fff; border-bottom:2px solid #fff; -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);}
  #shadow {background-color: rgba(0,0,0,0.4);position: absolute; bottom: 0;left: 0; width: 100%; height: 100%;}
	/* zoomslider */
	.zs-enabled{position:relative}.zs-enabled .zs-slideshow,.zs-enabled .zs-slides,.zs-enabled .zs-slide{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;overflow:hidden}.zs-enabled .zs-slideshow .zs-slides .zs-slide{background:transparent none no-repeat 50% 50%;background-size:cover;position:absolute;visibility:hidden;opacity:0;-webkit-transform:scale(1.2, 1.2);-moz-transform:scale(1.2, 1.2);-ms-transform:scale(1.2, 1.2);-o-transform:scale(1.2, 1.2);transform:scale(1.2, 1.2)}.zs-enabled .zs-slideshow .zs-slides .zs-slide.active{visibility:visible;opacity:1}.zs-enabled .zs-slideshow .zs-bullets{position:absolute;z-index:4;bottom:20px;left:0;width:100%;text-align:center}.zs-enabled .zs-slideshow .zs-bullets .zs-bullet{display:inline-block;cursor:pointer;border:2px solid #ccc;width:14px;height:14px;border-radius:8px;margin:10px;background-color:#4a4a4a}.zs-enabled .zs-slideshow .zs-bullets .zs-bullet.active{background-color:#ccc}.zs-enabled .zs-slideshow:after{content:" ";position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;background:transparent none repeat 0 0}

/* CONTETNS------------------------------------------- */


.contents {
	display:block;
}
	
	.top-box01 {
		display: block;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 10px;
		padding-right: 10px;
	}
	.top-box01 h2 {
		display: block;
		text-align: center;
		padding-top: 20px;
	}
	.top-box01 h2 img {
		display: inline-block;
		width: 200px;
	}
	.top-box01 h3 {
		display: block;
		text-align: center;
		padding-top: 15px;
		padding-bottom: 20px;
	}
	.top-box01 h3 img {
		display: inline-block;
		width: 280px;
	}
	.top-box01 p {
		display: block;
		font-size: 13px;
		line-height: 160%;
		padding-bottom: 20px;
	}
	.img-box01 {
		display: block;
	}
	.img-box01 figure {
		display: block;
		padding-bottom: 15px;
	}
	.img-box01 figcaption {
		display: block;
		text-align: center;
		font-size: 12px;
	}
	.top-box02 {
		display: block;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 10px;
		padding-right: 10px;
	}
	.top-box02 h2 {
		display: block;
		text-align: center;
		padding-bottom: 20px;
	}
	.top-box02 h2 img {
		display: inline-block;
		width: 200px;
	}
	.top-box02 .list {
		display: block;
	}
	.top-box02 .list li {
		display: block;
		padding-bottom: 15px;
		padding-left: 4%;
		padding-right: 4%;
	}
	.top-box02 .list li img {width: 100%;}
	.more-b {
		display: block;
		text-align: center;
		padding: 10px;
	}
	.more-b img {
		display: inline-block;
	}
	.top-box03 {
		display: block;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 10px;
		padding-right: 10px;
	}
	.top-box03 h2 {
		display: block;
		text-align: center;
		padding-bottom: 20px;
	}
	.top-box03 h2 img {
		display: inline-block;
		width: 200px;
	}
	.top-box03 .bg-box {
		display: block;
		background: url(../images/bg02.jpg) top center no-repeat;
		background-size:  auto 190%;
		padding: 5%;
		margin-bottom: 20px;
	}
	.top-box03 .bg-box h3 {
		display: block;
		text-align: center;
		padding-bottom: 15px;
	}
	.top-box03 .bg-box h3 img {
		display: inline-block;
		width: 130px;
	}
	.top-box03 .bg-box p {
		display: block;
		font-size: 13px;
		line-height: 160%;
		padding-bottom: 15px;
	}
	.top-box03 .bg-box .list {
		display: block;
	}
	.top-box03 .bg-box .list li {
		display: block;
		padding: 5px;
	}
	.top-box03 .bg-box .list li a {
		display: block;
		text-align: center;
		background: #FFF;
		text-decoration: none;
		font-size: 12px;
		color: #5b8327;
		padding-top: 10px;
		padding-bottom: 10px;
		position: relative;
	}

	

/* footer------------------------------------------- */

.footer {
	display:block;
}
	.footer .inn-bg {
		display: block;
		background: #eeeeee;
	}
	.foot-top {
		display: none;
	}
	
	.foot-middle {
		display: block;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.foot-middle figure {
		display: block;
		text-align: center;
	}
	.foot-middle figure img {
		display: inline-block;
		width: 90px;
	}
	.foot-middle p {
		display: block;
		text-align: center;
		font-size: 10px;
		line-height: 150%;
		padding-top: 10px;
	}
	.foot-bottom {
		display: block;
		padding-top: 10px;
		padding-bottom: 10px;
		background: #003379;
	}
	.copy {
		display: block;
		text-align: center;
	}
	.copy small {
		font-size: 12px;
		color: #FFF;
	}

		#page-top {
		position: fixed;
		bottom: 10px;
		right: 10px;
		width: 28px;
		height:28px;
		display: block;
		z-index:99;
	}
	#page-top a {
		width: 28px;
		height:28px;
		text-align: center;
		display: block;
	}




/* subpage------------------------------------------- */

	.sub-main {
		display: block;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 5%;
		padding-right: 5%;
		background: url(../images/about/sub-bg.jpg) top center no-repeat;
		background-size: auto 180%;
	}
	.sub-main .fix {
		position: relative;
	}
	.sub-main h2 {
		display: block;
		text-align: center;
	}
	.sub-main h2 img {
		display: inline-block;
		width: 200px;
	}
	.sub-main p {
		display: none;
	}
	
	
	.sub-nav-base {
		display: block;
		padding: 20px;
	}
	.sub-nav-base li {
		display: block;
		padding-bottom: 10px;
		border: #EFEFEF solid 1px;
	}
	.sub-nav-base a {
		display: block;
		text-align: center;
		font-size: 13px;
		font-weight: bold;
		padding: 13px;
		color: #333333;
		text-decoration: none;
		position: relative;
	}
	.sub-nav-base a.current::after,
	.sub-nav-base a:hover::after {
		position: absolute;
		content: "";
		left: 0px;
		bottom: 0px;
		width: 94%;
		margin-left: 3%;
		margin-right: 3%;
		height: 3px;
		background: #1c4988;
	}
	.about01 {
		display: block;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 10px;
		padding-right: 10px;
	}
	.about01 h2 {
		display: block;
		padding-bottom: 20px;
	}
	.im-ri01 {
		display: block;
		padding-bottom: 20px;
	}
	.im-ri01 figure {
		display: block;
		padding-bottom: 15px;
	}
	.im-ri01 .txt {
		display: block;
	}
	.im-ri01 h3 {
		display: block;
		font-size: 16px;
		color: #1c4988;
		padding-bottom: 15px;
	}
	.im-ri01 p {
		display: block;
		font-size: 13px;
		line-height: 150%;
		padding-bottom: 20px;
	}
	.im-lf01 {
		display: block;
		padding-bottom: 20px;
	}
	.im-lf01 figure {
		display: block;
		padding-bottom: 15px;
	}
	.im-lf01 .txt {
		display: block;
	}
	.im-lf01 h3 {
		display: block;
		font-size: 16px;
		color: #1c4988;
		padding-bottom: 16px;
	}
	.im-lf01 p {
		display: block;
		font-size: 13px;
		line-height: 150%;
		padding-bottom: 15px;
	}
	
	
	.collm-box {
		display: block;
		padding-bottom: 30px;
	}
	.collm-box h3 {
		display: inline-block;
		color: #FFF;
		font-size: 17px;
		padding-top: 8px;
		padding-bottom: 8px;
		padding-left: 15px;
		padding-right: 15px;
		background: #1d4988;
	}
	.collm-box .box {
		display: block;
		background: #eeeeee;
		padding: 15px;
	}
	.collm-box .box figure {
		display: block;
		padding-top: 20px;
	}
	.collm-box .box figure img {
		width: 100%;
	}
	.collm-box .box .txt {
		display: block;
	}
	.collm-box .box .txt h4 {
		display: block;
		font-size: 15px;
		color: #1c4988;
		padding-bottom: 15px;
	}
	.collm-box .box .txt p {
		display: block;
		font-size: 13px;
		;line-height: 150%;
	}
	
	.item-listwrap {
		display:block;
		padding: 10px;
	}
	.item-listwrap ul {
		display:block;
	}
	.item-listwrap li {
		display:block;
		float:left;
		width:48%;
		margin-left:1%;
		margin-right:1%;
		padding-bottom:14px;
	}
	.item-listwrap a {
		color:#FFF;
		text-decoration:none;
	}
	.item-listwrap figure {
		position: relative;
		overflow: hidden;
		width: 100%;
	}
	.item-listwrap figcaption {
		position: absolute;
		bottom:0px;
		left: 0;
		z-index: 2;
		width: 100%;
		height: 35px;
		background: rgba(0,0,0, 0.8);
		line-height:150%;
	}

	.item-listwrap figcaption div {
	}
	.item-listwrap figcaption h3 {
		display:block;
		text-align:center;
		font-size:13px;
		padding-top:3px;
	}
	.item-listwrap figcaption p {
		display:block;
		text-align:center;
		font-size:10px;
	}
	.item-listwrap .one img {
		width:100%;
		height:auto;
	}
	
	
	.cont-base01 {
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 10px;
		padding-right: 10px;
	}
	.stitle {
		display: block;
		color: #FFF;
		font-size: 16px;
		background: #1d4988;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 10px;
		padding-right: 10px;
		margin-bottom: 20px;
	}
	.cont-t {
		display: block;
		font-size: 13px;
		line-height: 150%;
		padding-bottom: 15px;
	}
	.red {
		color: #9C0608;
	}
	.cont-tab {
		width: 100%;
		font-size: 12px;
		line-height: 160%;
		border-left: #ccc solid 1px;
		border-top: #ccc solid 1px;
		border-collapse:collapse;
	}
	.cont-tab th {
		text-align: left;
		padding: 5px;
		border-right: #ccc solid 1px;
		border-bottom: #FFF solid 1px;
		background: #B1CAEF;
		width: 36%;
	}
	.cont-tab td {
		text-align: left;
		padding: 5px;
		border-right: #ccc solid 1px;
		border-bottom: #ccc solid 1px;
	}
	.co-one {
		padding-top: 4px;
		padding-bottom: 4px;
	}
	.n001 {
		width: 60%;
		height: 30px;
		border: #ccc solid 1px;
	}
	.n002 {
		width: 100%;
		height: 20px;
		border: #ccc solid 1px;
	}
	.n003 {
		width: 100%;
		height: 20px;
		border: #ccc solid 1px;
	}
	.cont-tab select {
		width: 100%;
		height: 20px;
		border: #ccc solid 1px;
	}
	.cont-tab textarea {
		width: 100%;
		height: 120px;
		border: #ccc solid 1px;
	}
	.cbtn {
		display: block;
		padding: 15px;
		text-align: center;
	}
	.sbt {
		width: 189px;
		height: 45px;
		font-size: 14px;
		background: #111;
		text-align: center;
		color: #FFF;
		border: none;
	}
	
	.priv-ti {
		display: block;
		font-size: 16px;
		border-bottom: #ccc dotted 4px;
		padding-bottom: 15px;
		margin-bottom: 15px;
	}
	
	.maps-lf01 {
		display: block;
	}
	.maps-lf01 .map {
		display: block;
		padding-bottom: 15px;
	}
	.maps-lf01 .map iframe {
		width: 100%;
		height: 200px;
	}
	.maps-lf01 .txt {
		display: block;
	}
	.maps-lf01 .txt p {
		display: block;
		margin: 0 0 1em;
		font-size: 13px;
		line-height: 150%;
	}
	
	
	.cent-ti {
		display: block;
		font-size: 15px;
		line-height: 170%;
		padding-bottom: 20px;
	}
	.serv-link {
		display: block;
		padding-left: 4%;
		padding-right: 4%;
	}
	.serv-link li {
		display: block;
		padding-bottom: 8px;
	}
	.serv-link a {
		display: block;
		position: relative;
		color: #FFF;
		font-size: 12px;
		text-decoration: none;
		background: #111;
		padding-top: 11px;
		padding-bottom: 11px;
		padding-left: 14px;
	}
	.serv-link a::before,
	.serv-link a::after{
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		content: "";
		vertical-align: middle;
	}
	.serv-link a::before{
		left: 4px;
		box-sizing: border-box;
		width: 4px;
		height: 4px;
		border: 4px solid transparent;
		border-left: 4px solid #FFF;
	}
	
	.sitemap-base {
		display: block;
		padding-top: 20px;
		padding-left: 10px;
		padding-right: 10px;
		padding-bottom: 20px;
	}
	.sitemap-base .lef {
		display: block;
	}
	.sitemap-base p {
		display: block;
		font-size: 15px;
		padding: 10px;
		border: #ccc solid 2px;
	}
	.sitemap-base p a {
		color: #111;
		text-decoration: none;
	}
	.sitemap-base li {
		display: block;
		font-size: 12px;
		margin-left: 15px;
		padding-bottom: 7px;
		padding-top: 7px;
	}
	.sitemap-base li a {
		display: block;
		color: #111;
		text-decoration: none;
		border: #EFEFEF solid 1px;
		padding: 6px;
	}
	
	.faqs {
		display: block;
		padding: 10px;
	}
	.faqs dl {
		display: block;
		padding: 10px;
	}
	.faqs dl:nth-child(2n){
		background: #EFEFEF;
	}
	.faqs dl dt {
		display: block;
		font-size: 15px;
		font-weight: bold;
		position: relative;
		color: #1D4988;
		padding-left: 32px;
		padding-top: 8px;
		padding-bottom: 20px;
	}
	.faqs dl dt::before {
		position: absolute;
		left: 0px;
		top: 0px;
		content: "Q.";
		font-size: 19px;
		color: #1D4988;
		font-weight: bold;
	}
	.faqs dl dd {
		display: block;
		margin-left: 35px;
		position: relative;
		padding-top: 10px;
		font-size: 13px;
		padding-left: 30px;
	}
	.faqs dl dd::before {
		position: absolute;
		left: 0px;
		top: 0px;
		content: "A.";
		font-size:19px;
		color: #FFAA01;
		font-weight: bold;
	}
	.entcc {
		display: block;
		text-align: center;
		padding: 20px;
	}
	.entcc p {
		display: block;
		padding: 10px;
		font-size: 12px;
		text-align: center;
	}
	.entcc img {
		display: inline-block;
		width: 100%;
	}
	
	
	.works-base {
		display: block;
	}
	.works-base li {
		display: block;
		padding: 15px;
		margin-bottom: 15px;
	}
	.works-base li p {
		display: block;
		width: 100%;
	}
	.works-base li span {
		display: block;
		background: #111;
		text-align: center;
		color: #FFF;
		font-size: 10px;
		padding-top: 6px;
		padding-bottom: 6px;
	}
	.works-base li img {
		width: 100%;
	}
	
	
	.btn005 {
		display: block;
		width: 200px;
		margin: 0 auto;
		padding-bottom: 45px;
	}
	.btn005 a {
		display: block;
		background: #111;
		text-align: center;
		font-size: 13px;
		text-decoration: none;
		color: #FFF;
		padding-top: 20px;
		padding-bottom: 20px;
	}
}