@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600;700&display=swap');
@import url('common-pc.css');
@import url('common-sp.css');
body {
  width: 100%; /* position:fixed;になった際に幅が変わるのを防ぐ */
}
.basic-page.loading{
opacity: 0;
}
.basic-page.loaded{
opacity: 1;
transition: opacity 2.0s ease;
}
.basic-page img {
	width: 100%;
	height: auto;
	    vertical-align: top;
		image-rendering: -webkit-optimize-contrast;
}
main {
	min-width: auto !important;
}
	.basic-page {
		background: #185FAF;
		color: #fff;
		font-family: 'Noto Sans JP', sans-serif;
		position: relative;
		box-sizing: border-box;
		line-height: 1.8;
	}
.en {
	font-family: 'Jost', sans-serif;
}
.sa.r-to-l_100{
opacity: 0;
transform: translateX(100%);
transition: 1s cubic-bezier(1, 0, 0, 1);
}
.sa.r-to-l_100.visible{
opacity: 1;
transform: translateX(0%);
}
.sa.r-to-l_50{
opacity: 0;
transform: translateX(50%);
transition: 1s cubic-bezier(1, 0, 0, 1);
}
.sa.r-to-l_50.visible{
opacity: 1;
transform: translateX(0%);
}
.sa.r-to-l_20{
opacity: 0;
transform: translateX(20%);
transition: 0.8s ease;
}
.sa.r-to-l_20.visible{
opacity: 1;
transform: translateX(0%);
}
.sa.l-to-r_100{
opacity: 0;
transform: translateX(-100%);
transition: 1s cubic-bezier(1, 0, 0, 1);
}
.sa.l-to-r_100.visible{
opacity: 1;
transform: translateX(0%);
}
.sa.l-to-r_50{
opacity: 0;
transform: translateX(-50%);
transition: 1s cubic-bezier(1, 0, 0, 1);
}
.sa.l-to-r_50.visible{
opacity: 1;
transform: translateX(0%);
}