html{font-family: 'Noto Sans JP', sans-serif; scroll-behavior: smooth;}
.mincho{font-family: 'Noto Serif JP', serif;}
.fwb{font-weight:600;}
.lh2{line-height: 2em;}
.txt-blue{color:#036EB7;}
.txt-skyblue{color:#2CA6E0;}
.text-250{font-size:250%;}
.text-200{font-size:200%;}
.text-150{font-size:150%;}
.text-125{font-size:125%;}
.text-90{font-size:90%;}
.text-75{font-size:75%;}
.text-italic{font-style:italic;}
.bg-y{background-color:#FCFAD0;}
.bg-b{background-color:#036EB7;}
.pagetop {display: none; position: fixed; bottom: 20px; right: 20px;}
.pagetop a {display: block; background-color: #ccc; text-align: center; color: #222; font-size: 18px; text-decoration: none; padding: 5px 10px;	filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;}
.pagetop a:hover { display: block; background-color: #999; text-align: center; color: #fff; font-size: 18px; text-decoration: none; padding:5px 10px; filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;}
nav a {color: #444;}
nav a:hover {color: #ccc;}
.indent{ padding-left:1em; text-indent: -1em;}
.bg-a{background-size: cover; background-image:url("../images/bg-a.jpg");}
.fadein {
	opacity : 0.1;
	transform : translate(0, 50px);
	transition : all 500ms;
	}
.fadein.scrollin {
	opacity : 1;
	transform : translate(0, 0);
	}
*/スライドイン関連 */
.container{
	overflow: hidden;
}
.slidein{
	margin: auto;
	transition: 1s cubic-bezier(0.75, 0, 0.25, 1);
}
.slide_left{
	transform: translateX(calc(-50vw - 50%));
}
.slide_right{
	transform: translateX(calc(50vw + 50%));
}
.show{
	transform: translateX(0);
}
img {
	max-width: 100%;
	height: auto;
}


@media (min-width: 769px){
.pc-hide {display: none;}
.logo{width:25%;}
.foot-logo{width:200px;}
}


@media (max-width: 768px){
.sp-hide {display: none;}
.logo{width:160px;}
.sp-image60{width:60%;}
.sp-pt-10{padding-top:10px;}
.foot-logo{width:160px;}
}