@charset "utf-8";


/* common.css
----------------------------------------- */
html {
	font-size: 62.5%;
}
body {
	font-family: YakuHanJP, "Noto Sans JP", sans-serif;
	font-size: 1.6rem;
	color: #111;
	line-height: 1.8;
	letter-spacing: 0.06em;
	text-align: left;
	font-weight: 500;
	background-color: #fff;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
a {
	color: #111;
	text-decoration: none;
}
a:hover {
	color: #111;
	text-decoration: none;
}
a:focus {
}
.pc {
	display: none !important;
}
.sp {
	display: block !important;
}
input:focus,
select:focus,
textarea:focus {
}
img {
	width: 100%;
	height: auto;
}
* {
	box-sizing: border-box;
}

/* color */
:root {
  --c-primary-blue: #3E80CD;
  --c-primary-blue-vivid: #0055B7;
  --c-white: #ffffff;
  --c-black: #111111;
}


/* common
----------------------------------------- */
/* loading */
#contents-wrap {
	opacity: 0;
	transition: all 1.0s;
}
#contents-wrap.fade-in {
	opacity: 1;
}
.loading-img {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 80px;
	height: 80px;
	margin-top: -45px;
	margin-left: -40px;
	text-align: center;
	color: #fff;
	z-index: 2;
	text-align: center;
}
.loading-img img {
	width: 100%;
	height: auto;
}


/* header
----------------------------------------- */


/* contents
----------------------------------------- */


/* footer
----------------------------------------- */












































/* tablet 560px - 959px */
@media only screen and (min-width: 560px) {

/* common
----------------------------------------- */
/* loading */
#contents-wrap {
	opacity: 0;
	transition: all 1.0s;
}
#contents-wrap.fade-in {
	opacity: 1;
}
.loading-img {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 80px;
	height: 80px;
	margin-top: -45px;
	margin-left: -40px;
	text-align: center;
	color: #fff;
	z-index: 2;
	text-align: center;
}
.loading-img img {
	width: 100%;
	height: auto;
}


/* header
----------------------------------------- */


/* contents
----------------------------------------- */


/* footer
----------------------------------------- */

} /* tablet end */



























































/* PC 960px - */
@media only screen and (min-width: 960px) {

.pc {
	display: block !important;
}
.sp {
	display: none !important;
}
img {
	width: 100%;
	height: auto;
}


/* common
----------------------------------------- */
/* loading */
#contents-wrap {
	position: relative;
	opacity: 0;
	transition: all 1.0s;
}
#contents-wrap.fade-in {
	opacity: 1;
}
.loading-img {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 100px;
	height: 100px;
	margin-top: -70px;
	margin-left: -50px;
	text-align: center;
	color: #fff;
	z-index: 2;
	text-align: center;
}
.loading-img img {
	width: 100%;
	height: auto;
}


/* header
----------------------------------------- */


/* contents
----------------------------------------- */


/* footer
----------------------------------------- */




} /* pc end */




















































/* PC:1150px - */
@media only screen and (min-width: 1150px) {


} /* pc end */