@charset "utf-8";

/**************************フォントの読み込み**********************/
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

.main_slide{
	margin-bottom:50px;
}

.mailnewsbanner{
	width:310px;
	height:47px;
}


@media screen and (max-width: 768px) {
.main_slide{
	margin-top:66px;
}
	
}

.insta_title{
	width:148px;
	height: 20px;
	margin:20px auto 15px auto
}
.insta_btn{
	width:148px;
	margin:0px auto 25px auto;
	height: 23px;
}




#top_left_box h2{
	margin:0 0 30px 0;
}

#top_left_box{
	width:600px;
	text-align:left;
	float:left;
}

#top_right_box{
	width:310px;
	float:right;	
}

#insta{
	width:310px;
	border:1px #5e5757 solid;
	padding:15px 20px 15px 20px;
	margin-bottom: 15px;
}

@media screen and (max-width: 768px) {
	#top_left_box h2{
	margin:0 auto 20px auto;
	text-align:center
}


#top_left_box{
	width:100%;
	margin:70px auto 0 auto;
	text-align:left;
	float:none;
}

#top_right_box{
	margin:40px auto 0 auto;
	float:none;
	
}	
	
}


dl{
	width:600px;
	margin:0;
	padding:0;
	line-height:1.8em;
}

dt{
	width:75px;
	color:#646b6b;
	float:left;
	margin:0;
	padding:0
}
dd{
	width:500px;
	float:left;
	margin:0 0 15px 0;
	
	padding:0
}




dd a:link{
	border-bottom: dotted 1px #363636;
	color:#000
}

dd a:hover{
	border-bottom:none;
	color:#000
}

@media screen and (max-width: 768px) {
dl{
	width:100%;
	margin: 0;
    padding: 10px 0 13px 0;
    border-top: dotted 1px #363636;
	clear:both
}
dl:last-child{
	width:100%;
	margin: 0;
    padding: 10px 0 13px 0;
    border-bottom: dotted 1px #363636;
	clear:both
}

dt{
	width:90%;
	float:none;
	margin:0 auto

}

dd{
	width:90%;
	float:none;
	margin:0 auto;
	line-height:1.5em;
	padding:0 ;

}	

dd a:link{
	border-bottom:none;
	color:#000
}

dd a:hover{
	border-bottom:none;
	color:#000
}


}



.slide_box {
  width: 1000px;
  margin:0 auto

}

.slide_box ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
}

.slide_box li {
    display: inline-block;
    margin: 0
}

.slide_box img {
  width: 1000px;
}

@media screen and (max-width: 768px) {

.slide_box {
 width:100%

}

.slide_box img{
	width:100%
}	
	
}




/***************NEWS***************/
.news_box {
  width: 550px;
  float: right;
}

@media screen and (max-width: 768px) {
.news_box {
  width: 100%;
  float:none;
}
	
}



.news_box dl{
  text-align: left;
  font-size: 14px;
  height: 520px;
}

.news_box dt {
    padding: 0 0 5px;
    color: #666666;
}

.news_box dd {
    padding: 5px 0;
    margin: 0 0 40px;
    border-bottom: 1px solid #e5e5e5;
}