@charset "UTF-8";
body{background-color: #FFFFFF;}
.mb-1{margin-bottom:1rem}
.mb-3{margin-bottom:3rem}
.mb-5{margin-bottom:5rem}

@media only screen and (min-width: 769px) {
.btn--news{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: block;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    -webkit-transition: background-color .3s ease, color .3s ease;
    transition: background-color .3s ease, color .3s ease;
    color: #fff;
    background: #465c7e;
    padding-top:1rem;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#465c7e', endColorstr='#465c7e',GradientType=1 );
    margin-bottom: 40px;
    /* border: 1px solid #615349; */
    color: #fff;
    font-family: "FP-ヒラギノUD角ゴ StdN W6", HiraginoUDSansStdN-W6, sans-serif;
    font-size: 16px;
    line-height: 1.6;
	border-radius: 5px;
}
.news_date{
	background-color:#FFF;
	color:#465c7e;
	width:70%;
	padding-left:1rem;
	font-weight: 600;
}
.news_date .new-icon{
	background-color: #FF0000;
	color: #FFF;
	padding: 0 1rem;
	position: absolute;
	right: 5%;
}
.news_title{
	height:6rem;
	padding:1rem;
	font-size:1.2rem;
}
.btn--news img{
	width:84%;
	margin:0 8%;
}
.btn--news .news_detail_link{
	width:100%;
	text-align: right;
	height:1rem;
	margin:1rem;
}
}

@media only screen and (max-width: 768px) {
.navi--sec .navi__item{
	width:48%;
}
.btn--news{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: block;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    -webkit-transition: background-color .3s ease, color .3s ease;
    transition: background-color .3s ease, color .3s ease;
    color: #fff;
    background: #465c7e;
    padding-top:1rem;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#465c7e', endColorstr='#465c7e',GradientType=1 );
    margin-bottom: 40px;
    /* border: 1px solid #615349; */
    color: #fff;
    font-family: "FP-ヒラギノUD角ゴ StdN W6", HiraginoUDSansStdN-W6, sans-serif;
    font-size: 16px;
    line-height: 1.6;
	border-radius: 5px;
}
.news_date{
	background-color:#FFF;
	color:#465c7e;
	width:70%;
	padding-left:1rem;
	font-weight: 600;
}
.news_date .new-icon{
	background-color: #FF0000;
	color: #FFF;
	padding: 0 1rem;
	position: absolute;
	right: 5%;
}
.news_title{
	height:6rem;
	padding:1rem;
	font-size:1.2rem;
}
.btn--news img{
	width:84%;
	margin:0 8%;
}
.btn--news .news_detail_link{
	width:100%;
	text-align: right;
	height:1rem;
	margin:1rem;
}
}

@media only screen and (max-width: 500px) {
.navi--sec .navi__item{
	width:100%;
}
.btn--news{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: block;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    -webkit-transition: background-color .3s ease, color .3s ease;
    transition: background-color .3s ease, color .3s ease;
    color: #fff;
    background: #465c7e;
    padding-top:1rem;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#465c7e', endColorstr='#465c7e',GradientType=1 );
    margin-bottom: 40px;
    /* border: 1px solid #615349; */
    color: #fff;
    font-family: "FP-ヒラギノUD角ゴ StdN W6", HiraginoUDSansStdN-W6, sans-serif;
    font-size: 16px;
    line-height: 1.6;
	border-radius: 5px;
}
.news_date{
	background-color:#FFF;
	color:#465c7e;
	width:70%;
	padding-left:1rem;
	font-weight: 600;
}
.news_date .new-icon{
	background-color: #FF0000;
	color: #FFF;
	padding: 0 1rem;
	position: absolute;
	right: 5%;
}
.news_title{
	height:6rem;
	padding:1rem;
	font-size:1.2rem;
}
.btn--news img{
	width:84%;
	margin:0 8%;
}
.btn--news .news_detail_link{
	width:100%;
	text-align: right;
	height:1rem;
	margin:1rem;
}
}
/*--- article page ----*/
#news-article h2{
	margin-bottom: 2rem;
}
#news-article h3{
	margin-bottom: 1rem;
}

#news-article .article-50{
	display: flex;
	width:48%;
	margin:1rem 1%;
	float: left;
}
#news-article .article-80{
	display: flex;
	width:80%;
	margin:1rem 10%;
	float: none;
}
#news-article .article-50 img,
#news-article .article-80 img{
	width:100%;
}
#news-article .main-copy{
	margin:4rem 1%;
	font-size:20px;
	line-height: 36px;
}

#news-article .center-btn{
	display: block;
	width:80%;
	margin:10rem 10%;
	float: none;
}

@media only screen and (max-width: 500px) {
#news-article .article-50,
#news-article .article-80{
	display: flex;
	width:98%;
	margin:1%;
	float: none;
}
#news-article .article-50 img,
#news-article .article-80 img{
	width:100%;
}

}