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

#about h2.about-title{
	text-align:center;
	width:100%;
}

#about p.about-title-sub{
	text-align:center;
	width:100%;
	font-size:16px;
}

/*******★*******/

#about .about-table{
	border-collapse:collapse;
}
#about .about-table td{
	border-collapse:collapse;
	border-top:#CCC solid 1px;
	border-bottom:#CCC solid 1px;
	padding:10px;
	font-size:14px;
	line-height:25px;
}

/*******★*******/

#about .about-table td a{
	color:#09c;
}
#about .about-table td a:hover{
	opacity:0.5;
}

/*******★*******/

#about .keisaiichiran{
	background:#09C;
	border-radius:50px; 
	line-height:30px; 
	font-weight:bold; 
	text-align:center; 
	color:#FFF; 
	width:200px; 
	margin:100px auto 30px 0;
}

#about .kiji-title{
	font-size:16px;
	width:100%;
	border-left:#09c 5px solid;
	border-bottom:#09c 1px solid;
	padding:2px 5px;
	box-sizing:border-box;
}

#about .kiji-img-1{
	display:block;
	height:400px;
	width:inherit;
	padding:10px;
	border:#ccc dotted 1px;
}

#about .kiji-img-2{
	display:block;
	height:400px;
	width:inherit;
	display:inline-block;
	padding:10px;
	border:#ccc dotted 1px;
	margin-right:5%;
}

#about .kiji-img-3{
	display:block;
	height:400px;
	width:inherit;
	display:inline-block;
	padding:10px;
	border:#ccc dotted 1px;
}

#about .for-pc{
	display:inline;
}

#about .for-sptub{
	display:none;
}

/*******★*******/

#about #ryokou{
	width:80%;
	margin:auto;
}
#about #ryokou div{
	width:16.66666%;
	height:110px;
	background-size:cover;
	background-position:50% 50%;
	float:left;
}
@media screen and ( max-width:959px) {
#about #ryokou{
	width:100%;
}
#about #ryokou div{
	height:100px;
}
}
@media screen and ( max-width:599px) {
#about #ryokou div{
	width:33.33333%;
	height:50px;
}
}
#about #ryokou div.img01{
	background-image:url(../about_data/ryokou/image001.jpg);
}
#about #ryokou div.img02{
	background-image:url(../about_data/ryokou/image002.jpg);
}
#about #ryokou div.img03{
	background-image:url(../about_data/ryokou/image003.jpg);
}
#about #ryokou div.img04{
	background-image:url(../about_data/ryokou/image004.jpg);
}
#about #ryokou div.img05{
	background-image:url(../about_data/ryokou/image005.jpg);
}
#about #ryokou div.img06{
	background-image:url(../about_data/ryokou/image006.jpg);
}
#about #ryokou div.img07{
	background-image:url(../about_data/ryokou/image007.jpg);
}
#about #ryokou div.img08{
	background-image:url(../about_data/ryokou/image008.jpg);
}
#about #ryokou div.img09{
	background-image:url(../about_data/ryokou/image009.jpg);
}
#about #ryokou div.img10{
	background-image:url(../about_data/ryokou/image010.jpg);
}
#about #ryokou div.img11{
	background-image:url(../about_data/ryokou/image011.jpg);
}
#about #ryokou div.img12{
	background-image:url(../about_data/ryokou/image012.jpg);
}
#about #ryokou div.img13{
	background-image:url(../about_data/ryokou/image013.jpg);
}
#about #ryokou div.img14{
	background-image:url(../about_data/ryokou/image014.jpg);
}
#about #ryokou div.img15{
	background-image:url(../about_data/ryokou/image015.jpg);
}
#about #ryokou div.img16{
	background-image:url(../about_data/ryokou/image016.jpg);
}
#about #ryokou div.img17{
	background-image:url(../about_data/ryokou/image017.jpg);
}
#about #ryokou div.img18{
	background-image:url(../about_data/ryokou/image018.jpg);
}






@media screen and ( max-width:959px) {
	
#about .about-title{
	text-align:center;
	width:100%;
	font-size:18px;
}

#about .about-title-sub{
	text-align:center;
	width:100%;
	font-size:12px;
}
#about .about-table{
	border-collapse:collapse;
}
#about .about-table td{
	border-collapse:collapse;
	border-top:#CCC solid 1px;
	border-bottom:#CCC solid 1px;
	padding:10px;
	font-size:12px;
	line-height:25px;
}


#about .keisaiichiran{
	background:#09C;
	border-radius:50px; 
	line-height:30px; 
	font-weight:bold; 
	text-align:center; 
	color:#FFF; 
	width:200px; 
	margin:100px auto 30px 0;
}


#about .kiji-title{
	font-size:14px;
	width:100%;
	border-left:#09c 5px solid;
	border-bottom:#09c 1px solid;
	padding:2px 5px;
	box-sizing:border-box;
}

#about .kiji-img-1{
	height:auto;
	display:block;
	width:70%;
	height:inherit;
	padding:10px;
	border:#ccc dotted 1px;
	box-sizing:border-box;
}

#about .kiji-img-2{
	height:auto;
	display:block;
	width:70%;
	height:inherit;
	display:inline-block;
	padding:10px;
	border:#ccc dotted 1px;
	margin-right:0;
	box-sizing:border-box;
	margin-bottom:10px;
}

#about .kiji-img-3{
	height:auto;
	display:block;
	width:70%;
	height:inherit;
	display:inline-block;
	padding:10px;
	border:#ccc dotted 1px;
	box-sizing:border-box;
}


#about .for-pc{
	display:none;
}

#about .for-sptub{
	display:inline;
}

}