@charset "UTF-8";


p {
	font-size:1.7rem;
	color:#666;
	line-height:3.0rem;
}

html {
	font-size:62.5%;
	overflow:auto;
}

body {
	overflow:hidden;
	font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic'
}

header {
	background-image:url(../images/common/under_head_bg.jpg);
	background-image:-webkit-image-set(url("../images/common/under_head_bg.jpg") 1x,url("../images/@2x/common/under_head_bg.jpg") 2x);
	background-size: cover;
	height:165px;
}

.home header,.error404 header{
	background-image:none;
	height:auto;
}

#content {
	width:100%;
	max-width:956px;
	margin:0 auto;
	padding:40px 0 0 0;
}

.page_title {
	background-size: cover;
	background-position: center;
	text-align:center;
	height:230px;
}

.page_title img {
	margin-top:90px;
	max-width: 90%;
}

.logo {
	text-align: center;
	padding:40px 0;
}

.menu ul {
	width:100%;
	max-width:956px;
	margin:0 auto;
}

.menu li {
	box-sizing: border-box;
	width:20%;
	height:40px;
	line-height: 40px;
	float:left;
	text-align: center;
	border-left:1px solid #666;
}

.menu a {
	display:block;
	color:#555;
	text-decoration: none;
	font-size: 1.6rem;
	font-weight: bold;
}

.menu li:hover,
.pagelink li:hover{
	filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
    zoom:1;
}

.menu li:last-child {
	border-right:1px solid #666;
}

.pagelink {
	width:100%;
	font-size:1.8rem;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-around;
	justify-content: space-around;
}

.pagelink a {
	/* color:#FFF; */
	color:#484848;
	text-decoration: none;
	display:block;
	margin:0 auto;
}

.pagelink li{
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	text-align: center;
	line-height:57px;
	width:100%;
	font-weight: bold;
}



.link4 li{
	background-image: url(../images/common/pagelink4_bg.jpg);
	background-image:-webkit-image-set(url("../images/common/pagelink4_bg.jpg") 1x,url("../images/@2x/common/pagelink4_bg.jpg") 2x);
	width:25%;
}

.link3 li{
	background-image: url(../images/common/pagelink3_bg.jpg);
	background-image:-webkit-image-set(url("../images/common/pagelink3_bg.jpg") 1x,url("../images/@2x/common/pagelink3_bg.jpg") 2x);
	width:33%;
}

section {
	margin:110px 0 0 0;
}

.sec_title {
	text-align:center;
	margin-bottom:80px;
}

.sec_title img {
	max-width:90%;
}
/*
※※※※※※※※※※※※※※※※※
FOOTER
※※※※※※※※※※※※※※※※※
*/
footer {
	background-image:url(../images/common/footer_bg.jpg);
	background-image:-webkit-image-set(url("../images/common/footer_bg.jpg") 1x,url("../images/@2x/common/footer_bg.jpg") 2x);
	background-size:auto;
	height:auto;
	padding-top:80px;
	box-sizing: border-box;
	background-repeat: repeat-x;
}

footer .info {
	width:100%;
	max-width:956px;
	margin:0 auto 30px;
	display:flex;
}

footer .federation_mark {
	width:90px;
}

footer .company_name {
	width:347px;
}

footer .company_address {
	color:#FFF;
	font-size:1.4rem;
	line-height: 2.0rem;
	margin:0.2rem 1.5rem;
	width:290px;
	box-sizing: border-box;
}

footer .contact_btn {
	text-align: center;
	flex:1;
}

footer .contact_btn a {
	display:block;
	background-color: #FFF;
	line-height: 40px;
	color:#666;
	font-size:1.8rem;
	text-decoration: none;
	max-width:270px;
	border-radius: 10px;

}

.footer_nav {
	background-color:rgba(255,255,255,0.8);
	margin-bottom:30px;
}

.footer_nav ul {
	width: 100%;
	max-width:956px;
	margin:0 auto;
	padding:10px 0;
}

.footer_nav li {
	float:left;
	padding:0 10px;
	border-right:1px solid #666;
}

.footer_nav li:first-child {
	border-left:1px solid #666;
}

.footer_nav a {
	color:#666;
	text-decoration: none;
	font-size:1.4rem;
}

.copyright {
	width:100%;
	max-width:956px;
	margin:0 auto 0;
	text-align:left;
	padding-bottom:30px;
}

.copyright small {
	color:#FFF;
	font-size:1.4rem;
}
@media screen and ( max-width : 956px ) {
	#content {
		box-sizing: border-box;
		padding-left:2%;
		padding-right:2%;
	}

	.menu a {
	font-size: 1.6vw;
}
}

@media screen and ( max-width : 800px ) {
	footer .contact_btn a {
		font-size:1.5rem;
	}
}

@media screen and ( max-width : 768px ) {
header {
	height:117px;
}
	#content {
		padding-top:0;
	}

	.mean-container .mean-bar {
		background-image: url(../images/common/under_head_bg.jpg);
		background-image:-webkit-image-set(url("../images/common/under_head_bg.jpg") 1x,url("../images/@2x/common/under_head_bg.jpg") 2x);

	}

	.mean-container .mean-nav {
		background-image:url(../images/common/under_head_bg.jpg);
		background-image:-webkit-image-set(url("../images/common/under_head_bg.jpg") 1x,url("../images/@2x/common/under_head_bg.jpg") 2x);
	}

	.mean-container .mean-nav ul li a {
		font-size: 1.7rem;
		color:#555;
	}

	.pagelink {
		flex-direction: column;
		padding-top:40px;
	}

	.link4 li,
	.link3 li{
		width:100%;
	}

	.link4 a {
		width:228px;
	}

	.link3 a{
		width:257px;
	}
/*
※※※※※※※※※※※※※※※※※
FOOTER
※※※※※※※※※※※※※※※※※
*/
	footer {
		background-image:url(../images/common/footer_sp_bg.jpg);
		background-image:-webkit-image-set(url("../images/common/footer_sp_bg.jpg") 1x,url("../images/@2x/common/footer_sp_bg.jpg") 2x);
		background-size:cover;
		padding-top:80px;
		height:auto;
		background-repeat: no-repeat;
	}

	footer .info {
    width: 100%;
    max-width: 956px;
    margin: 0 auto 30px;
		flex-direction: column;
	}

	footer .federation_mark,
	footer .company_name,
	footer .company_address,
	footer .contact_btn{
		width:100%;
		text-align: center;
		flex-basis: 50px;
	}

	footer .contact_btn a {
		width:268px;
		margin:0 auto;
		font-size:1.8rem;
	}

	.footer_nav ul {
		margin: 0;
		padding:0;
	}

	.footer_nav li {
		float:none;
		text-align:center;
		border-right:none;
		padding:0;
	}

	.footer_nav li:first-child {
		border-left:none;
	}

	.footer_nav li a {
		display:block;
		padding:15px 0;
	}

	.copyright{
		padding-bottom:40px;
		text-align: center;
	}
}