@charset "utf-8";

#about_kumamoto{
	width:1000px;
	max-width:90%;
	margin:0 auto;
	padding:8rem 0 15rem;	
}
#about_fukuoka{
	width:1000px;
	max-width:90%;
	margin:0 auto 10rem;	
}

#about_kumamoto .map,
#about_fukuoka .map{
	width:100%;
	margin:0 auto 4rem;
	box-shadow:
}

#about_kumamoto .wrap,
#about_fukuoka .wrap{
	width:100%;
	display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    flex-flow:flex-wrap;
    -webkit-flex-flow:flex-wrap;
    -webkit-justify-content:flex-start;
    justify-content:flex-start;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;		
}
#about_kumamoto .overview_l,
#about_fukuoka .overview_l{
	width:30%;
}
#about_kumamoto .overview_l h2,
#about_fukuoka .overview_l h2{
	text-align:center;
	font-size:1.2rem;
}
#about_kumamoto .overview_l h2 span,
#about_fukuoka .overview_l h2 span{
	display:inline-block;
	position:relative;
	font-size:1.5rem;
}
#about_kumamoto .overview_l h2 span:before,
#about_fukuoka .overview_l h2 span:before{
	content:"";
	position:absolute;
	top:1.5rem;
	left:0;
	width:100%;
	height:13px;
	background: -moz-linear-gradient(left, #fbd1e2, #d9d8f5);
	background: -webkit-linear-gradient(left, #fbd1e2, #d9d8f5);
	background: linear-gradient(to right, #fbd1e2, #d9d8f5);
	z-index:-1;
}
#about_kumamoto .about-profile{
	margin: 3rem 0;
}
#about_kumamoto .about-profile p{
	text-align: center;
}
#about_kumamoto .overview,
#about_fukuoka .overview{
	width:65%;
	margin-left:5%;
}

#about_kumamoto .overview dl,
#about_fukuoka .overview dl{
	display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    flex-flow:flex-wrap;
    -webkit-flex-flow:flex-wrap;
    -webkit-justify-content:flex-start;
    justify-content:flex-start;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	width:100%;
	border-bottom:1px solid #CCC;
}
#about_kumamoto .overview dl:last-of-type,
#about_fukuoka .overview dl:last-of-type{
	border-bottom:0;
	margin-bottom:2rem;
}
#about_kumamoto .overview dl dt,
#about_fukuoka .overview dl dt{
	width:25%;
	padding:1rem;
}
#about_kumamoto .overview dl dd,
#about_fukuoka .overview dl dd{
	width:75%;
	padding:1rem;
}

@media screen and (max-width: 640px) {
#about_kumamoto {
    padding: 4rem 0 6rem;
}
#about_fukuoka{
	margin:0 auto 6rem;	
}
#about_kumamoto a, #about_fukuoka a{
	color:#000;	
}
#about_kumamoto .map, #about_fukuoka .map {
    margin: 0 auto 2rem;
}
#about_kumamoto .overview_l, #about_fukuoka .overview_l {
    width: 100%;
	margin-bottom:1rem;
}
#about_kumamoto .overview, #about_fukuoka .overview {
    width: 100%;
    margin-left: 0;
}
#about_kumamoto .overview dl, #about_fukuoka .overview dl{
	font-size:0.9rem;	
}
#about_kumamoto .overview dl dt, #about_fukuoka .overview dl dt {
    width: 25%;
    padding: 1rem 0.5rem;
}
#about_kumamoto .overview dl dd, #about_fukuoka .overview dl dd {
    width: 75%;
    padding: 1rem 0.5rem;
}
}









#ithojyo {
	width:590px;
	text-align:center;
	position:fixed;
	z-index:999;
	bottom:0;
	right:0;
	display:flex;
	flex-wrap:wrap;
	border-top: 0px solid #333;
	border-left: 0px solid #333;
}
#ithojyo a {
	color:#fff;
	font-weight:600;
	transition:all ease .3s;
	-webkit-transition:all ease .3s;
	-moz-transition:all ease .3s;
 	padding:.5rem;
	display:block;
}
#ithojyo a:hover {
	background: none;
	color:#fff;
}
#ithojyo li:nth-of-type(1) {
	width:100%;
	border-bottom:1px solid #CCC;
	color:#fff;
	font-weight:bold;
	/*padding:1rem;*/
 font-size:1.05rem;
}
#ithojyo li {
	width:33.333%
}
#ithojyo li:nth-of-type(1) a {
	background-color: #c7068d;
}
#ithojyo li:nth-of-type(2) a{
	background:#06c755;
	font-size: 0.9rem;
	padding: .5rem 0;
}
#ithojyo li:nth-of-type(3) a{
	background:#4e99ff;
	font-size: 0.9rem;
	padding: .5rem 0;
}
#ithojyo li:nth-of-type(4) a{
	background:#FFA500;
	font-size: 0.9rem;
	padding: .5rem 0;
}
#ithojyo li:nth-of-type(2),
#ithojyo li:nth-of-type(3) {
	border-right:1px solid #CCC;
}
#ithojyo li:nth-of-type(3) i {
	transform:rotate(0deg)
}
#ithojyo li:nth-of-type(4) i {
	transform:rotate(90deg)
}
.sp-lineBreak {
	display: none;
}
.foot_lineLink {
	margin-top: 20px;
	width: 116px;
}
.foot_lineLink a {
	width: 100%;
}
.foot_lineLink img {
	width: 100%;
}
@media screen and (max-width:1300px) {
	#copy {
		margin-bottom: 125px;
	}
}
@media screen and (max-width:1080px) {
	#ithojyo {
		width:600px
	}
	#ithojyo li:nth-of-type(1) {
		/*padding:.5rem;*/
	  font-size:1rem
	}
	#ithojyo li:nth-of-type(2 + n) {
		font-size: 0.9rem;
	}
}
@media screen and (max-width:980px) {
	#copy {
		margin-bottom: 80px;
	}
}
@media screen and (max-width:640px) {
	#ithojyo {
		width:100%;
		border-left:0 solid #FFF
	}
	#ithojyo li a {
	 padding:.5rem;
		font-size:0.9rem;
		font-weight:bold;
		line-height: 1.5em;
	}
	.sp-lineBreak {
		display: block;
	}
	.foot_lineLink  {
		margin: 20px auto 0;
	}

	/* #ithojyo li:nth-of-type(1) a {
		background: none;
		background-color: #06c755;
	}
	#ithojyo li:nth-of-type(2) a {
		background: none;
		background-color: #4e99ff;
	}
	#ithojyo li:nth-of-type(3) a {
		background: none;
		background-color: #FFA500;
	} */
}