@charset "utf-8";
html{
	font-size: 62.5%;
}
body{
	width: 100%;
	font-size: 1.5rem;
	letter-spacing: 0.04em;
	line-height: 1.9;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 400;
	position: relative;
	z-index: 0;
}

/* Reset ========================================================= */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td{
	padding: 0;
	margin: 0;
}
a{
	text-decoration: none;
	color: rgba(39, 45, 54, 1);
}
table{
	border-spacing: 0;
}
fieldset,img{
	border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var{
	font-weight: normal;
	font-style: normal;
}
strong{
	font-weight: bold;
}
ol,ul,li{
	list-style: none;
	margin: 0;
	padding: 0;
}
h1,h2,h3,h4,h5,h6{
	font-weight: normal;
	margin-block-start: 0!important;
  margin-block-end: 0!important;
  margin-inline-start: 0!important;
  margin-inline-end: 0!important;
}
abbr,acronym{
	border: 0;
}
img{
	width: 100%;
	height: auto;
	display: block;
}


/* ==========================================================================
   common
   ========================================================================== */
.for-pc{
	display: none;
}
@media (min-width: 440px){
.for-pc{
	display: block;
}
}

.for-sp{
	display: block;
}
@media (min-width: 440px){
.for-sp{
	display: none;
}
}


/* ==========================================================================
   transition
   ========================================================================== */
body::after{
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color:#fff;
  z-index: 9999;
  pointer-events: none;
  opacity: 0;
  transition: opacity .5s ease;
}

body.transition::after{
  opacity: 1;
}


/* ==========================================================================
   mt
   ========================================================================== */
.mt0,.mt00{
	margin-top: 0!important;
}
.mt05{
	margin-top: 5px!important;
}
.mt10{
	margin-top: 10px!important;
}
.mt15{
	margin-top: 15px!important;
}
.mt20{
	margin-top: 20px!important;
}
.mt25{
	margin-top: 25px!important;
}
.mt30{
	margin-top: 30px!important;
}
.mt35{
	margin-top: 35px!important;
}
.mt40{
	margin-top: 40px!important;
}
.mt45{
	margin-top: 45px!important;
}
.mt50{
	margin-top: 50px!important;
}
.mt60{
	margin-top: 60px!important;
}
.mt70{
	margin-top: 70px!important;
}
.mt80{
	margin-top: 80px!important;
}
.mt90{
	margin-top: 90px!important;
}
.mt100{
	margin-top: 100px!important;
}
.mt110{
	margin-top: 100px!important;
}
.mt120{
	margin-top: 120px!important;
}
.mt130{
	margin-top: 130px!important;
}
.mt140{
	margin-top: 140px!important;
}
.mt150{
	margin-top: 150px!important;
}


/* ==========================================================================
   mt_sp
   ========================================================================== */
@media (max-width: 439px){
.mt0_sp,.mt00_sp{
	margin-top: 0!important;
}
.mt05_sp{
	margin-top: 5px!important;
}
.mt10_sp{
	margin-top: 10px!important;
}
.mt15_sp{
	margin-top: 15px!important;
}
.mt20_sp{
	margin-top: 20px!important;
}
.mt25_sp{
	margin-top: 25px!important;
}
.mt30_sp{
	margin-top: 30px!important;
}
.mt35_sp{
	margin-top: 35px!important;
}
.mt40_sp{
	margin-top: 40px!important;
}
.mt45_sp{
	margin-top: 45px!important;
}
.mt50_sp{
	margin-top: 50px!important;
}
.mt60_sp{
	margin-top: 60px!important;
}
.mt70_sp{
	margin-top: 70px!important;
}
.mt80_sp{
	margin-top: 80px!important;
}
.mt90_sp{
	margin-top: 90px!important;
}
.mt100_sp{
	margin-top: 100px!important;
}
.mt110_sp{
	margin-top: 110px!important;
}
.mt120_sp{
	margin-top: 120px!important;
}
.mt130_sp{
	margin-top: 130px!important;
}
.mt140_sp{
	margin-top: 140px!important;
}
.mt150_sp{
	margin-top: 150px!important;
}