@charset "UTF-8";

/*----------------------
common
----------------------*/

html{
font-family:'Montserrat', 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
color:#333;
position:relative;
width:100%;
height:100%;
}

body{
position:relative;
width:100%;
height:100%;
/*-webkit-text-size-adjust:100%;
-webkit-transform: translateZ(0);
-webkit-perspective: 1000;
-webkit-backface-visibility: hidden;*/
}

@supports (-webkit-touch-callout: none) {
  body {
    height: -webkit-fill-available;
  }
}

ul li{
list-style:none;
}

::selection {
background: #2A94FF;
color: #fff;
}

::-moz-selection {
background: #2A94FF;
color: #fff;
}


/*----------------------
a hover
----------------------*/

a, a:visited {
text-decoration:none;
transition:0.2s;
opacity:1;
color:#333;
}

a:hover {
/*opacity:0.8;*/
}

:focus {
outline:0;
}


/*----------------------
input textarea
----------------------*/

input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

input[type="text"],
textarea{
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px #ccc solid;
	box-sizing: border-box;
	padding: 10px;
	width: 100%;
}

textarea{
	resize: none;
}

input[type="submit"]{
	font-family: "YuMincho", "Yu Mincho", "Hiragino Mincho ProN", "Noto Serif JP", "MS PMincho", "Times New Roman", serif;
	border: none;
	padding: 15px;
	text-align: center;
	border: 1px solid #ccc;
	box-sizing: border-box;
	background: #fff;
	font-size: 14px;
	letter-spacing: 0.2em;
	cursor: pointer;
	width: 100%;
}


button{
	font-family: "YuMincho", "Yu Mincho", "Hiragino Mincho ProN", "Noto Serif JP", "MS PMincho", "Times New Roman", serif;
	border: none;
	padding: 15px;
	text-align: center;
	border: 1px solid #ccc;
	box-sizing: border-box;
	background: #fff;
	font-size: 14px;
	letter-spacing: 0.2em;
	cursor: pointer;
	width: 100%;
}



/*----------------------
clearfix
----------------------*/

.clearfix:before,
.clearfix:after{
content:"";
display:table;
}
 
.clearfix:after{
clear:both;
}

.clearfix{
zoom:1;
}


.pc { display: block !important; }
.sp { display: none !important; }

@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, #main{flex: none;} /* IE11 */
}


.scroll-prevent {
  position: fixed;
}


/* blur */

.fade {
  opacity: 0;
  /*transition: transform 0.5s linear;*/
  animation-duration: 1.5s;
  animation-fill-mode: both;
	transform:translate(20px, 0);
}

.fade.delay{
	animation-delay:0.5s;
	transition-delay:0.5s;
}

.fade.delay2{
	animation-delay:1.5s;
	transition-delay:1.5s;
}

.fade.delay3{
	animation-delay:1.7s;
	transition-delay:1.7s;
}

.fade.delay4{
	animation-delay:1.9s;
	transition-delay:1.9s;
}

.fadeScrollIn {
  opacity: 0;
  /*transition: transform 0.5s linear;*/
  animation-duration: 1.5s;
  animation-fill-mode: both;
	transform:translate(0, 10px);
}

.fadeScrollIn.delay{
	animation-delay:0.5s;
	transition-delay:0.5s;
}

.fadeScrollIn.delay2{
	animation-delay:1.5s;
	transition-delay:1.5s;
}

.fadeScrollIn.delay3{
	animation-delay:2.0s;
	transition-delay:2.0s;
}

.fadeScrollIn.delay4{
	animation-delay:2.5s;
	transition-delay:2.5s;
}

.fadeScrollIn.fadeOn {
	transform:translate(0, 0);
}

.fadeScrollIn.delay.fadeOn{
	transform:translate(0, 0);
}

.fadeScrollIn.delay2.fadeOn{
	transform:translate(0, 0);
}

.fadeScrollIn.delay3.fadeOn{
	transform:translate(0, 0);
}



.fadeOn {
  /*-webkit-animation-name: imageBlur;
  animation-name: imageBlur;*/
	transform:translate(0, 0);
  opacity: 1;
  transition: 0.8s;
}

:root{
	--blur: 0;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm) {
  :root{
	--blur: 0.04px;
	}
}

@keyframes imageBlur {
  from {
    opacity: 0;
    /*filter: blur(2px);*/
	/*filter: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='flt-2q5v709j' x='0' y='0' width='1' height='1' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='3' result='flt-2q5v709j-2'/%3E%3CfeMorphology operator='dilate' radius='3'/%3E%3CfeMerge%3E%3CfeMergeNode/%3E%3CfeMergeNode in='flt-2q5v709j-2'/%3E%3C/feMerge%3E%3C/filter%3E%3C/svg%3E#flt-2q5v709j");*/
  }

  to {
    opacity: 1;
	  /*filter: blur(0px);*/
    /*filter: blur(--blur);*/
	/*filter: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='flt-1ny6zcwr' x='0' y='0' width='1' height='1' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='0' result='flt-1ny6zcwr-2'/%3E%3CfeMorphology operator='dilate' radius='0'/%3E%3CfeMerge%3E%3CfeMergeNode/%3E%3CfeMergeNode in='flt-1ny6zcwr-2'/%3E%3C/feMerge%3E%3C/filter%3E%3C/svg%3E#flt-1ny6zcwr");*/
  }
}


.scrollIn{
	opacity: 0;
	transform:translate(0, 30px);
	transition: 0.5s;
}

.scrollIn.on{
	opacity: 1;
	transform:translate(0, 0);
  
}




@media (max-width: 900px) {


.pc { display: none !important; }
.sp { display: block !important; }
	
}