body {
    background-color: #000000;
}
.midashi {
	padding:0 50px;
	margin: 30rem 0 0;
}
.midashi h1 {
	font-size: 32px;
	letter-spacing: 10px;
	line-height: 43px;
	color:#ffffff;
}
.midashi p {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 20px;
	letter-spacing: 2px;
	line-height: 30px;
	color: #838383;
	font-weight: 600;
}
.top_news {
    margin: 6rem 50px 45px;
}
.top_news h2 {
    font-size: 26px;
    letter-spacing: 6px;
    font-weight: bold;
	padding: 0 0 10px;
	color:#ffffff;
	border-bottom: solid 1px #fff;
}
.top_news a {
    font-size: 14px;
	letter-spacing: 1px;
	color:#fff;
}
.top_news a:hover {
     color: #3FA9F5;
}
.top_news li {
	margin: 0 0 0.6em 0;
	padding: 0 0 0.5em 0;
	border-bottom: 1px dashed hsla(0,0%,100%,0.80);
}

.btn_wrap {
	padding: 0 50px;
	margin-bottom: 30px;
}
.btn_wrap .col-md-3 {
	/*background-image: url(../images/top/top_btn01.png);*/
	border: 3px solid #fff;
	height: 220px;
	width: 22.8%;
	padding: 0;
    background-size: contain;
/*    margin-left: 22px;*/
    margin-right: 22px;
	margin-bottom: 40px;
    background-repeat: no-repeat;
    transition: all .5s ease;
}
.btn_wrap .col-md-3:first-child:hover {
	/*border: 10px solid transparent;
	border-image: url(../images/top/top_btn02.png) 11 round;*/
	border-width: 10px;
	border-style: solid;
	-moz-border-image: url(../images/top/top_btn02.png) round;
	-webkit-border-image: url(../images/top/top_btn02.png) round;
    -o-border-image: url(../images/top/top_btn02.png) round;
	border-image: url(../images/top/top_btn02.png) round;
	border-image-slice: 11;
}
.btn_wrap .col-md-3:nth-child(2):hover {
	border-width: 10px;
	border-style: solid;
	-webkit-border-image: url(../images/top/top_btn03.png) round;
    -o-border-image: url(../images/top/top_btn03.png) round;
	border-image: url(../images/top/top_btn03.png) round;
	border-image-slice: 11;
}
.btn_wrap .col-md-3:nth-child(3):hover {
	border-width: 10px;
	border-style: solid;
	-webkit-border-image: url(../images/top/top_btn04.png) round;
    -o-border-image: url(../images/top/top_btn04.png) round;
	border-image: url(../images/top/top_btn04.png) round;
	border-image-slice: 11;
}
.btn_wrap .col-md-3:nth-child(4):hover {
	border-width: 10px;
	border-style: solid;
	-webkit-border-image: url(../images/top/top_btn05.png) round;
    -o-border-image: url(../images/top/top_btn05.png) round;
	border-image: url(../images/top/top_btn05.png) round;
	border-image-slice: 11;
}
.btn_wrap .col-md-3:nth-child(5):hover {
	border-width: 10px;
	border-style: solid;
	-moz-border-image: url(../images/top/top_btn07.png) round;
	-webkit-border-image: url(../images/top/top_btn07.png) round;
    -o-border-image: url(../images/top/top_btn07.png) round;
	border-image: url(../images/top/top_btn07.png) round;
	border-image-slice: 11;
}
.btn_wrap .col-md-3:nth-child(6):hover {
	border-width: 10px;
	border-style: solid;
	-webkit-border-image: url(../images/top/top_btn06.png) round;
    -o-border-image: url(../images/top/top_btn06.png) round;
	border-image: url(../images/top/top_btn06.png) round;
	border-image-slice: 11;
}
.btn_wrap .col-md-3:nth-child(7):hover {
	border-width: 10px;
	border-style: solid;
	-webkit-border-image: url(../images/top/top_btn04.png) round;
    -o-border-image: url(../images/top/top_btn04.png) round;
	border-image: url(../images/top/top_btn04.png) round;
	border-image-slice: 11;
}



.btn_wrap .col-md-3 a{
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
	max-width: 100%;
    height: 170px;
}
.btn_wrap .col-md-3 a:before {
    content:"";
    display: block;
    padding-top: 100%
}
/* .btn_wrap .col-md-3:last-child {
	margin-right: 0;
}*/

.btn_wrap a {
    text-align: center;
}
.btn_wrap .triangle {
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 8px solid #fff;
    position: absolute;
    top: 12%;
	left: 50%;
  margin-left: -0.5em;
}

.btn_wrap .btn_title {
	font-size: 20px;
    line-height: 24px;
	text-align:center;
	color:#ffffff;
    padding-top: 20px;
}
.btn_wrap .read_more {
	font-size: 10px;
	padding-top:30px;
	text-align:center;
    position: absolute;
    bottom: 30px;
    /*left: 40%;*/	
	color:#ffffff;
}
_::-webkit-full-page-media, _:future, :root .read_more {
	display: none;
}
.pull-right li {
	color: #ffffff;
}
.pull-right a {
	color: #ffffff;
}




@media (max-width: 800px) {
	.btn_wrap .col-md-3 {
		width: 48%;
		margin-top:20px;
		height: auto;
		margin-right: 4%;
		margin-left: 0;
		margin-bottom: 0;
	}
	.btn_wrap .col-md-3:nth-child(2) {
		margin-right: 0;
	}
	.btn_wrap .col-md-3:nth-child(4) {
		margin-right: 0;
	}
	.btn_wrap .col-md-3:nth-child(6) {
		margin-right: 0;
	}
	.mb_top_bg {
		background: url(../images/top/top_bg_mb.png) no-repeat;
	    background-size: cover;
        background-position: 0px -67px;
	}
}

@media (max-width: 600px) {
	.sm-slider {
		display: none;
	}
	.midashi {
		margin: 20px 0 0;
		padding: 0 15px;
	}
	.midashi h1 {
		font-size: 4.5vw;
	    line-height: 24px;
        letter-spacing: 5px;
	}
	.midashi p {
	font-size: 12px;
	margin-top: 10px;
	letter-spacing: 1px;
	line-height: 20px;
	font-weight: 500;
	font-family: 'Noto Sans JP', sans-serif;
	color: #A5A5A5;
	}
	.top_news{
	margin: 18rem 0 0;
	padding: 0 15px;
	}
	.top_news h2 {
    font-size: 20px;
    letter-spacing: 4px;
	}
	.top_news a {
    font-size: 12px;
	}
	.btn_wrap {
		margin-top: 2rem;
		padding: 0 15px;
	}
	.btn_wrap .btn_title {
		font-size: 14px;
	}
	.btn_wrap .read_more {
		bottom: 25px;
	    left: 35%;
	}
	.btn_wrap .col-md-3 a{
		height: 100%;
	}
}
@media (max-width: 320px) {
	.btn_wrap .btn_title {
		font-size: 11px;
		line-height: 12px;
	}
}

/*　■■■ ページトップへ戻るボタン ■■■　*/
.pagetop a,
.pagetop a:hover {
	background-color: #000;
	color: #FFF !important;
	border: 2px solid #FFF;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.midashi {
		padding: 0 15px;
	}
	.btn_wrap {
		padding: 0 15px;
	}
} 



/* News一覧ボタン */
.link-button-newsList {
	width: 20em;
	margin: 2em auto;
	border: solid 2px #FFF;
}
.link-button-newsList a {
	font-size: 0.85em;
	display: block;
	padding: 1em 1.5em;
    justify-content: flex-end;
}
.link-button-newsList a:hover {
	color: #FFF;
	background-color: rgba(255,255,255,0.1);
}
.link-button-newsList img {
	margin-right: 1em;
}
.link-button-newsList .inner-button {
}