@charset "utf-8";

.top_left1 {
	background-image: url(../images/top/top_bbn_bg1.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	text-align: center;
	padding-bottom: 23px;
}
.top_left2 {
	background-image: url(../images/top/top_bbn_bg2.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	text-align: center;
	padding-bottom: 23px;
}
.cat1_right{
	text-align: center;
	margin-bottom: 15px;
}
.cat3_ti {
	background-image: url(../images/top/ct3_ti.gif);
	background-size: contain;
	background-repeat: no-repeat;
	height: 34px;
	width: 100%;
	margin-top: 35px;
	margin-bottom: 0px;
	text-indent: -9999px;
}
.cat3_box {
	background-image: url(../images/top/cat3_bg.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding: 14px;
	overflow: hidden;
  position: relative;
	margin-bottom: 15px;
  zoom:1;
}
.cat3_box ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.cat3_box ul li {
	background-image: url(../images/check_ic.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 22px;
	float: left;
	margin-right: 25px;
	font-size: 16px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}
.cat4_box {
	background-image: url(../images/top/ct4_bg.jpg);
	background-repeat: no-repeat;
	height: 76px;
	margin-top: 35px;
	font-size: 13px;
	padding-right: 0px;
	padding-left: 15px;
	padding-top: 12px;
}

.contact_ti2 {
	background-image: url(../images/recruit/recruit_ti1.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	width: 100%;
	margin-top: 20px;
	background-size: contain;
	height: 65px;
}

.movie-wrap {
     position: relative;
     padding-bottom: 56.25%;
     height: 0;
     overflow: hidden;
}
 
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}	


    .branch{
        border:8px solid;
       border-radius: 10px; 
        padding: 15px;
        margin-bottom: 15px;
        overflow: hidden;
    }
    .yoshihara{
        border-color:#ffe4a1;
    }   
    .goryo{
        border-color:#bed8f9;
    } 
    .mizuhai{
        border-color:#fcbeda;
    }

   
    .branch h4{
        font-size:18px;
        margin:0 0 10px;
        
    }    
    .branch.yoshihara h4{
        color:#FF6600;
    }
        .branch.goryo h4{
        color:#2950c5;
    }
          .branch.mizuhai h4{
        color:#fe5ba4;
    }  
    




div.blog{
	padding:20px 15px;	
	}
.blog ul.blogList {
	margin: 0;
	padding: 0;}

.blog ul.blogList li {
	margin: 0;
	padding: 0;
	list-style: none;
	margin-bottom: 15px;
	
}
.blog ul.blogList a {
	color:#333;
	text-decoration: none;
}
.blog ul.blogList .photo{
	height: 250px;
	overflow: hidden;
}

.blog ul.blogList li div.blogTxt{
	background-color: #f4efdd;
	    border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
	padding: 15px;
}
.blog ul.blogList li div.blogTxt h3{
	color: #6a3906;
	font-size: 15px;
	margin-bottom: 8px;
}
section.blog h2{
	width: 210px;
	margin: 0 auto 15px;
	}
.blog li .photo img {
    border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
}
.blog li .photo {
	height: 183px;
	overflow: hidden;
}

.blog ul.blogList li div.blogTxt time{
	color: #f6ab00;
	font-size: 12px;
	text-align: right;
	display: block;
}





  
/*////////////////////////////////////////////////////////
PC setting 
//////////////////////////////////////////////////////// */

@media screen and (min-width: 767px) {
.cat1_left {
	float: left;
	width: 490px;
}
.cat2_ti {
	background-image: url(../images/top/ct2_ti.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 165px;
	width: 705px;
	margin-top: 35px;
	margin-bottom: 10px;
}
.cat3_ti {
	background-image: url(../images/top/ct3_ti.gif);
		background-size: auto;
	height: 68px;
	width: 705px;
	margin-top: 35px;
	margin-bottom: 0px;
	text-indent: -9999px;
}
.contact_ti2 {
	background-image: url(../images/recruit/recruit_ti1.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 133px;
	width: 705px;
	margin-top: 0px;
}

.cat4_box {
	background-image: url(../images/top/ct4_bg.jpg);
	background-repeat: no-repeat;
	height: 76px;
	margin-top: 35px;
	font-size: 16px;
	padding-right: 140px;
	padding-left: 15px;
	padding-top: 12px;
}
.rec_box {
	background-color: #fefff8;
	padding: 17px;
	border: 3px solid #a4d5fe;
	border-radius: 3px;
	margin-bottom: 20px;
}
.top_left1 {
	background-image: url(../images/top/top_bbn_bg1.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	text-align: center;
	float: left;
	width: 345px;
	padding-bottom: 23px;
}
.top_left2 {
	background-image: url(../images/top/top_bbn_bg2.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	text-align: center;
	float: right;
	width: 345px;
	padding-bottom: 23px;
}


 

    .branchImg{
        float:left;
        margin-right: 15px;
    }
    .spec{
        float:left;
    }  
    
    
    
    
    
    
div.blog{
	padding:40px 0;	
	}
	section.blog h2{
	width: 298px;
	}
.blog ul.blogList  {
display: flex;
width: 705px;
		margin: 0 auto;
}
.blog ul.blogList li {
width: 225px;
	margin: 5px;
}
	.blog ul.blogList li img {
		width: 225px;
	}
	.blog ul.blogList li div.blogTxt{
	box-sizing: border-box;	
	}
	
.blog ul.blogList .photo {
		height: 180px;
}
	
	
	
	
}