@charset "utf-8";


/* =========================================================

 for Welfare adviser page

========================================================= */
main.welfare_adviser {
	width: 1080px;
	margin: 40px auto;
}

main.welfare_adviser h1 {
	background-color: #00437c;
	color: #fff;
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	font-size: clamp(1.375rem, 3.125vw, 1.5rem);
	font-weight: bold;
	padding: 0.5em 1em;
}
main.welfare_adviser h1 span+span {
	font-size: clamp(0.875rem, 2.1875vw, 1rem);
	font-weight: normal;
}
main.welfare_adviser h1+p {
	font-size: clamp(0.875rem, 2.1875vw, 1rem);
	margin-top: 10px;
	text-align: right;
}
main.welfare_adviser section {
	margin-top: 40px;
}
main.welfare_adviser p+section {
	margin-top: 10px;
}
main.welfare_adviser h2 {
	background-color: #900c52;
	border-radius: 8px;
	color: #fff;
	font-size: clamp(1.125rem, 2.8125vw, 1.25rem);
	font-weight: bold;
	padding: 0.5em 1em;
}
main.welfare_adviser section div {
	border: 1px solid #00437c;
	margin-top: 1em;
}
main.welfare_adviser section div h3 {
	background-color: #00437c;
	color:#fff;
	font-size: clamp(1.063rem, 2.8125vw, 1.125rem);
	padding: 0.5em 1em;
}
main.welfare_adviser section div ul {
	display: flex;
	flex-wrap: wrap;
	padding: 0 5px;
}
main.welfare_adviser section div ul li {
	/* width: 257px; */
	width : calc((100%/4) - 10px);
	margin: 10px 5px;
	background-color: #f1f1f1;
	background-image: url(../images/ico_new_open.png);
	background-repeat: no-repeat;
	background-size: 10px 10px;
	background-position: right 11px bottom 11px;
	border-radius: 8px;
	transition: 0.3s;
}
main.welfare_adviser section div ul li:hover {
	background-color: #f3cfe2;
}
main.welfare_adviser section div ul li a {
	display: block;
	color: black;
	font-size: clamp(0.875rem, 2.5vw, 1rem);
	line-height: 1.4em;
	padding: 1em 1.2em;
	text-decoration: none;
}
main.welfare_adviser section div ul li a:hover {
	text-decoration: none;
}
main.welfare_adviser section div ul li span.click_open {
	clip: rect(0, 0, 0, 0);
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
}

@media all and (-ms-high-contrast: none) {
	main.welfare_adviser h1 { font-size: 20px; }
	main.welfare_adviser h1 span+span { font-size: 14px; }
}


/* responsive
--------------------------------------------------------- */
@media screen and (max-width: 1079px) {
	main.welfare_adviser {
		width: 96%;
	}
	main.welfare_adviser section div ul li {
		width : calc((100%/3) - 10px);
	}

}

@media screen and (max-width: 767px) {
	body {
		width: 98%;
		min-width: 480px;
		line-height: 1.5;
		color: #000;
		-webkit-text-size-adjust: 100%;
	}
	main.welfare_adviser h1,
	main.welfare_adviser h1 span {
		display: block;
	}
	main.welfare_adviser h1 span+span {
		margin-top: 0.5em;
	}
	main.welfare_adviser section div ul li {
		width : calc((100%/2) - 10px);
	}
}
@media screen and (max-width: 480px) {
	body {
		width: 98%;
		min-width: 480px;
		line-height: 1.5;
		color: #000;
		-webkit-text-size-adjust: 100%;
	}
	main.welfare_adviser h1,
	main.welfare_adviser h1 span {
		display: block;
	}
	main.welfare_adviser h1 span+span {
		margin-top: 0.5em;
	}
	main.welfare_adviser section div ul li {
		width : calc((100%/2) - 10px);
	}
}


/* =========================================================
 footer
========================================================= */
@media screen and (max-width: 1079px) {
	footer .container {
		width: 100vw;
		padding-right: 30px;
		padding-left: 30px;
	}
	footer .footer_lower {
		font-size: 1em;
	}
	footer .footer_lower .footer_logo .item_logo {
		width: 172.7px;
		height: 29.7px;
	}
	footer .footer_copyrights {
		font-size: 0.85em;
	}
	footer .pagetop {
		display: none !important;
	}
}
@media screen and (max-width: 767px) {
	footer {
		margin-top: 20px;
	}
	footer .container {
		padding-right: 2.666666667vw;
		padding-left: 2.666666667vw;
	}
	footer .footer_lower {
		padding: 18px 0 0;
		font-size: 1em;
		text-align: center;
	}
	footer .footer_lower .footer_logo {
		float: none;
		text-align: center;
		margin-top: 5.333333333vw;
	}
	footer .footer_lower .footer_logo .item_logo {
		display: inline-block;
		width: 41.866666667vw;
		vertical-align: top;
	}
	footer .footer_lower .footer_links {
		padding-top: 2.666666667vw;
		padding-bottom: 2.666666667vw;
		letter-spacing: -0.4em;
		margin-left: 0;
	}
	footer .footer_lower .footer_links:after {
		display: none;
	}
	footer .footer_lower .footer_links .item_link {
		float: none;
		margin-right: 0;
		display: inline-block;
		padding-left: 2.666666667vw;
		padding-right: 2.666666667vw;
		vertical-align: top;
		letter-spacing: normal;
		line-height: 1;
		font-size: 0.90909091em;
		margin-top: 2.666666667vw;
	}
	footer .footer_copyrights {
		padding: 0;
		border-top: none;
		border-bottom: none;
		text-align: center;
		line-height: 8vw;
	}
	footer .footer_copyrights:after {
		display: none;
	}
	footer .footer_copyrights .item_copyright {
		float: none;
	}
	footer .footer_copyrights .footer_links_02 {
		float: none;
		padding-top: 1.333333333vw;
		padding-bottom: 1.333333333vw;
		border-top: 1px solid #ededed;
		letter-spacing: -0.4em;
	}
	footer .footer_copyrights .footer_links_02 .item_link {
		float: none;
		margin-left: 0;
		display: inline-block;
		padding-left: 2vw;
		padding-right: 2vw;
		letter-spacing: normal;
		line-height: 1;
		vertical-align: middle;
		font-size: 0.727272728em;
	}
}