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

#container main{
	width:960px;
	margin:0 auto;
	}
/*　◆運営会社◆　*/
.company_info{
width:960px;
	margin:0 auto;
}
.about_title{
margin:0px 0 30px 0px;
}

.company_info dl {
width:960px;
border-bottom:1px dotted #CCCCCC;

}
.company_info dt {
clear: left;
float: left;
padding:10px 0 10px 10px;
width:15%;
font-weight:bold;
color:#555555;
}
.company_info dd {
padding:10px 0;
}
.fst{
margin-top:-10px;
}

.brandtop_box{
width:960px;
height:25px;
margin-bottom:20px;
margin-top:20px;
border-bottom:0px #AAAAAA;
}
.pickupbox h2{
font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝", serif;
color:#f69cd4;
font-size:18px;
font-weight:normal;
margin-bottom:10px;
}

.pickupbox ul{
margin-top: 0px;
margin-left: -40px;
margin-bottom: 0;
margin-right: -10px;
_zoom: 1;
width: 1000px;
overflow: hidden;
clear: both;
display:inline-block;
padding-left:-40px;
}
.pickupbox{
width: 960px;
clear: both;
overflow:hidden;
margin-bottom:10px;
}
.pickupbox li{
width: 225px;
margin-bottom: 20px;
margin-right: 10px;
float:left;
list-style:none;
}
.brandimage{
padding:5px 0px 0px 5px;
width:225px;
height:140px;
overflow:hidden;
background-image: url(http://www.kknoah.co.jp/images/pickup_back1.jpg);
background-repeat: no-repeat;
margin-bottom:0px;
}
.pickup_text{
padding:15px 5px 0 5px;
width: 225px;
background-image: url(http://www.kknoah.co.jp/images/pickup_back2.jpg);
background-repeat: repeat-y;  
}

.category_btn {
padding-left: 13px;
padding-bottom: 10px;
}

.box_title {
font-size:12px;
font-weight:bold;
text-align:left;
line-height:1.4;
padding:0px 0px 13px 13px;
width: 189px;
}

.box_text {
font-size:11px;
line-height: 1.3;
color: #444444;
padding:0px 0px 13px 13px;
text-align: left;
width: 197px;
margin-bottom:0px;
}
.br_web_btn{
width:225px;
height:30px;
padding:15px 5px 0 0px;
background-image: url(http://www.kknoah.co.jp/images/pickup_back3.jpg);
background-repeat: no-repeat;  
background-position: left bottom;
position:relative;
}
.br_web_btn img{
position:absolute;
right:15px;
bottom:15px;
}



@media screen and (max-width: 648px) {
/*　◆運営会社◆　*/
#container main{
	width:100%;
	}
.company_info{
width:100%;
}
.about_title{
margin:0px 0 30px 0px;
width:100%;
}

.company_info dl {
width:100%;
border-bottom:1px dotted #CCCCCC;

}
.company_info dt {
clear: left;
float: left;
padding:10px 0 10px 10px;
width:28%;
font-weight:bold;
color:#555555;
}
.company_info dd {
padding:10px 0;
display:block;
}
/*.fst{
margin-top:-10px;
}*/

.brandtop_box{
width:100%;
height:25px;
margin-bottom:20px;
border-bottom:0px #AAAAAA;
}
.pickupbox h2{
font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝", serif;
color:#f69cd4;
font-size:18px;
font-weight:normal;
margin-bottom:10px;
}

.pickupbox ul{
margin-top: 0px;
margin-bottom: 0;
margin-left: 0px;
_zoom: 1;
width: 118%;
overflow: hidden;
clear: both;
display:inline-block;
padding-left:0px;
}
.pickupbox{
width: 100%;
clear: both;
overflow:hidden;
margin-bottom:10px;
}
.pickupbox li{
width: 40%;
margin-bottom: 20px;
margin-right: 10px;
float:left;
}
.brandimage{
	width:100%;
	height:auto;
	overflow:hidden;
	background-image:none;
}
.brandimage img{
	width:100%;}
.pickup_text{
	padding:10px 0px 0 0px;
	/*border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #ccc;
	border-left-color: #CCC;*/
	background-image:none;
	width:100%;
}

.category_btn {
padding-left: 13px;
padding-bottom: 10px;
}

.box_title {
font-size:12px;
font-weight:bold;
text-align:left;
line-height:1.4;
padding:0px 0px 13px 10px;
width: 85%;
}

.box_text {
font-size:11px;
line-height: 1.4;
color: #444444;
padding:0px 5px 13px 10px;
text-align: left;
width: 100%;
}
.br_web_btn{
	width:100%;
	height:20px;
	margin-left:5px;
	background-position: left bottom;
	position:relative;
	/*border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC; */
	background-image:none;
	margin-top:20px;
}
.br_web_btn img{
position:absolute;
right:15px;
bottom:15px;
}

.copy a{color:#fff;}
-->

}


/*スクールCSS*/
.sec{
display:block;
float:left;
margin-top:20px;
}
.relate-desc a{ text-decoration:none;}
.relate-block {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.relate-block li {
  margin-bottom: 1.4rem;
  width: 48%;
}
.relate-block li a {
  color: #595757;
}
.relate-clip {
  margin-bottom: .5rem;
}
.relate-desc {
  display: block;
  font-size: 0.6rem;
  line-height: 1.4;
}
.res-img {
  width: 100%;
  height: auto;
}
.sec-ttl .ja {
	text-align:center;
	margin-bottom: 10px;
	padding-bottom: 5px;
}.sec-ttl{
	text-align:center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #595757;
	margin-bottom:15px;
	padding-bottom:10px;
	
}
.sec-main {
	padding-right: 10px;
	padding-left: 10px;
}
@media screen and (min-width: 960px) {
	.wrap {
  width: 960px;
}
.relate-block li {
  width: 13%;
}
.sec-ttl .ja {
  font-size: 1.3rem;
}
.sec{width:960px;
	
	}
@media screen and (min-width: 769px) {
	.wrap {
  padding: 0;
  margin: 0 auto;
  width: 100%;
}
.relate-block li {
  width: 15%;
}
.relate-desc {
  font-size: 0.6rem;
}
.sec-ttl .ja {
  display: inline;
  font-size: 0.8rem;
  margin-left: 15px;
}
.sec-main {
	padding-right: 0px;
	padding-left: 0px;
}
}.sec-ttl{
	text-align:center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #595757;
	margin-bottom:15px;
	padding-bottom:10px;
}