@charset "utf-8";
/* CSS Document */


.main_visual {
	background: url("../img/main_visual.png")no-repeat center center;
	background-size: cover;
}

.main {
	background: #f0f4f4;
	padding-bottom: 30px;
}

.contents_inner {
	width: 95%;
	max-width: 1000px;
	margin: auto;
}


.login {
	margin: 0 auto 45px;
	text-align: center;
}
.login a {
	color: #213088;
}
.login p {
	color: #213088;
	padding: 15px 10px 15px 30px;
	font-size: 15px;
	display: inline-block;
	background: url("../../common/img/link_icon01.png")no-repeat center left 10px;
	border: solid 1px #213088;
	transition-duration: 0.2s;
}

.login a:hover > p {
	color: #fff;
	background: #213088 url("../../common/img/link_icon01.png")no-repeat center left 10px;
	transition-duration: 0.2s;
}

.link_list {
	display: flex;
	justify-content: center;
}
.link_list ul {
    margin: 0 50px 0px;
    width: auto;
    max-width: 375px;
}
.link_list ul li {
	padding: 0 0 0 25px;
	background: url("../../common/img/link_icon01.png")no-repeat center left;
	margin-bottom: 20px;
	font-size: 20px;
}

a.pdf_link {
	background: url("../../common/img/icon01.png")no-repeat center right;
  padding: 0 40px 0px 0;
}
a.window_link {
	background: url("../../common/img/icon02.png")no-repeat center right;
  padding: 0 25px 0px 0;
}













/* 固有のスマホ対応記述
========================== */

/* 700pxより小さい場合 */
@media screen and ( max-width: 700px ){
	
.link_list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.link_list ul {
    margin: 0 15px 0px;
}
	
}

/* 470pxより小さい場合 */
@media screen and ( max-width: 470px ){

}


/* 360pxより小さい場合 */
@media screen and ( max-width: 360px ){

}


@media print {

}