@charset "utf-8";



/*----------------------------------------------------------------------
mv
----------------------------------------------------------------------*/

.mv{
	padding: 80px 0;
	text-align: center;
}

.img_box{
	width: 90%;
	margin: 0 auto;
}

.mv h2{
	margin: 60px auto 0;
	font-size: 160%;
	line-height: 2.4;
}

.mv p{
	line-height: 2.2;
	text-align: justify;
}

.mv .sub_nav{
	margin: 60px 0 0;
}


/*----------------------------------------------------------------------
新着情報
----------------------------------------------------------------------*/

.news_list{
	padding: 20px 80px 40px;
}

.news{
	background: #f2f8fc url("../images/bg_blue.png");
	padding: 60px 0 65px;
}

.news_listbtn{
	text-align: center;
}

.news_listbtn a{
	background: #fff;
	border: 2px solid #CBCBCB;
	position: relative;
	width: 200px;
	max-width: 100%;
	padding: 10px 10px 10px 0;
	text-align: center;
	transition: .3s;
}

.news_listbtn a:hover{
	opacity: .7;
}

.news_listbtn a::before{
	content: '';
	position: absolute;
    right: 15px;
	top:0;
	bottom: 0;
	margin: auto;
    width: 6px;
    height: 6px;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition-duration: 0.2s;
}

.news_listbtn a:hover::before{
    right: 12px;
}


.btn {
	text-align: center;
	margin: 60px 0;
}

.btn a{
	border: 2px solid #808080;
	background: #808080;
	color: #fff;
	padding: 10px 60px;
	border-radius: 50px;
	transition: .3s;
}

.btn a:hover{
	background: #fff;
	color: #808080;
}






@media screen and (min-width: 769px) {

}

@media screen and (max-width: 768px) {

	
.mv{
	padding:50px 0;
	text-align: center;
}
	
.img_box{
	width: 70%;
}
	
.mv h2 {
  font-size: 2rem;
  margin: 30px auto 0;
}
	
.mv p{
	text-align: justify;
	line-height: 1.8;
}	
	
.mv .sub_nav {
    margin: 30px 0 0;
}

.news {
    padding: 40px 0 50px;
}

.news_list{
	padding: 10px 0 20px;
}	

.btn{
    margin: 40px 0;
}
	
	
}


@media screen and (max-width: 480px) {

















}

