@charset "UTF-8";


/* 
++++++++++++++++++++++++++++++++++++++++++++++
	Last Updated: Jun 27, 2025
++++++++++++++++++++++++++++++++++++++++++++++
*/


html {
	height: 100%;
	scroll-behavior: smooth;
}

body {
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: #FFF;
	display: flex;
	flex-flow: column;
	min-height: 100vh;
	text-align: center;
}





a:hover {
	opacity: 0.4;
	filter: alpha(opacity=40);
	-moz-opacity:0.4;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
}









/*----------------------------------
 header
------------------------------------*/
header {
	width: 100%;
    height: auto;
    background: #FFF;
    padding: 0;
}


.headerInner {
	width: 100%;
    height: auto;
}

.headerLogo {
	width: 148px;
	height: 134px;
	margin: 50px auto;
	}
.headerLogo img.mainLogo {
	width: 148px;
	height: 134px;
	margin: 0;
	}


/*----------------------------------
 index
------------------------------------*/
.boxW1000 {
	width: 100%;
	height: auto;
	margin: 0 auto 50px;
	}

.boxW1000 p {
	font: 14px/180% 'Noto Sans JP', 'Helvetica Neue' , Helvetica , Arial , Verdana , Roboto , sans-serif;
	font-weight: 500;
	color: #666;
}


/*----------------------------------
 Footer 
------------------------------------*/

footer {
	width: 100%;
	height: auto;
	margin: 0 auto;
    padding: 0;
}

.footerInner {
	width: 100%;
    height: auto;
}

.footerCopyright {
	width: 100%;
	height: auto;
	text-align: center;
	margin: 0 auto 15px;
	position: absolute;
	bottom: 0;
	}
	
p.copyright {
	text-align: center;
	margin: 0 auto;
	font: 12px/120% 'Helvetica Neue' , Helvetica , Arial , Verdana , Roboto , sans-serif;
	font-weight: 500;
	color: #666;
	}





@media only screen and (max-width: 767px){
	
/*----------------------------------
 header
------------------------------------*/
header {
	width: 100%;
    height: auto;
    background: #FFF;
    padding: 0;
}


.headerInner {
	width: 100%;
    height: auto;
}

.headerLogo {
	width: 148px;
	height: 134px;
	margin: 50px auto;
	}
.headerLogo img.mainLogo {
	width: 148px;
	height: 134px;
	margin: 0;
	}


/*----------------------------------
 index
------------------------------------*/
.boxW1000 {
	width: 94%;
	height: auto;
	margin: 0 auto 50px;
	}

.boxW1000 p {
	font: 14px/180% 'Noto Sans JP', 'Helvetica Neue' , Helvetica , Arial , Verdana , Roboto , sans-serif;
	font-weight: 500;
	color: #666;
}


/*----------------------------------
 Footer 
------------------------------------*/

footer {
	width: 100%;
	height: auto;
	margin: 0 auto;
    padding: 0;
}

.footerInner {
	width: 100%;
    height: auto;
}

.footerCopyright {
	width: 100%;
	height: auto;
	text-align: center;
	margin: 0 auto 15px;
	position: absolute;
	bottom: 0;
	}
	
p.copyright {
	text-align: center;
	margin: 0 auto;
	font: 12px/120% 'Helvetica Neue' , Helvetica , Arial , Verdana , Roboto , sans-serif;
	font-weight: 500;
	color: #666;
	}
	
	
}