@charset "UTF-8";
/* CSS Document */
httml,body {
font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
}
h1 {
font-weight: bold;
color: white;
}
h2 {
margin-bottom: 0.5em;
}
#first-view {
height:98vh;
min-height:800px;
background-image: url("../image/FirstView_bg.jpg");
background-size:cover;
background-repeat: no-repeat;
background-position: center;
position: relative;
text-align: center;
}
#first-view p {
	margin-bottom:0;
}
.firstview_text {
	padding:1.5em 0;
	border-top:solid 1px #fff;
	border-bottom:solid 1px #fff;
	position: absolute;
	top: 50%;
  -webkit-transform : translateY(-50%);
  transform : translateY(-50%);
}
/*playground*/
.playground_section {
height:50vh;
}
.nagopine_left {
background:url("../image/nagopine_bg.jpg");
background-size:cover;
background-repeat: no-repeat;
background-position: right;
}
.nagopine_right {
background-color: #FFE603;
}

.ufuya_right {
background:url("../image/ufuya_bg.jpg");
background-size:cover;
background-repeat: no-repeat;
background-position: left;
}
.ufuya_left {
background-color: #9C8B79;
}

.kouri_left {
background:url("../image/kouri_bg.jpg");
background-size:cover;
background-repeat: no-repeat;
background-position: right;
}
.kouri_right {
background-color: #2E3E59;
}
.btn-flat-border {
  display: inline-block;
  padding: 0.8em 1.5em;
  text-decoration: none!important;
  color: #111;
  border: solid 1px #111;
  transition: .3s;
}

.btn-flat-border:hover {
  background: #111;
  color: white;
}
.btn-flat-border_white {
  display: inline-block;
  padding: 0.8em 1.5em;
  text-decoration: none!important;
  color: #fff;
  border: solid 1px #fff;
  transition: .3s;
}

.btn-flat-border_white:hover {
  background: #fff;
  color: #111;
}
.nagopine_right,.ufuya_left,.kouri_right {
width:100%;
height:50vh;
position: relative;
}
.ufuya_left p,.ufuya_left h2,.kouri_right p,.kouri_right h2{
color:#fff;
}
.ufuya_left {
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
.playground_text {
width:100%;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform : translate(-50%,-50%);
transform : translate(-50%,-50%);
}
.playground_text p {
margin-bottom:0.5em;
}
footer {
height:20vh;
min-height:150px;
color:#fff;
background-image: url("../image/Footer_bg.jpg");
background-size:cover;
background-repeat: no-repeat;
text-align: center;
position: relative;
}
.footer_contents {
position:absolute;
top: 50%;
  -webkit-transform : translateY(-50%);
  transform : translateY(-50%);
}
.fadein {
  opacity: 0;
  transform : translate(0, 50px);
  transition : all 1500ms;
}

.fadein.scrollin{
  opacity: 1;
  transform: translate(0, 0);
}

@media screen and ( min-width:992px ) {
h1{
font-size: 4rem;
}
.ufuya_right_sp {
display: none;
}
}
/*md*/
@media screen and ( max-width:991px ) {
h1{
font-size: 3rem;
}
#first-view {
height:98vh;
min-height:500px;
background-image: url("../image/FirstView_bg_s.jpg");
background-size:cover;
background-repeat: no-repeat;
background-position: center;
}
.playground_section {
height:100vh;
}
.nagopine_left {
height:50vh;
background:url("../image/nagopine_bg_s.jpg");
background-size:cover;
background-repeat: no-repeat;
background-position: right;
}
.nagopine_right {
height:50vh;
}
.ufuya_left {
height:50vh;
}
.ufuya_right {
display: none;
}
.ufuya_right_sp {
height:50vh;
background:url("../image/ufuya_bg_s.jpg");
background-size:cover;
background-repeat: no-repeat;
background-position: left;
}
.kouri_left {
height:50vh;
background:url("../image/kouri_bg_s.jpg");
background-size:cover;
background-repeat: no-repeat;
background-position: right;
}
}