@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cabin+Condensed&display=swap');

* {
	margin: 0;
	padding: 0;
}
*::after,
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body {
	font-family: 'Noto Sans JP', sans-serif;
	background: #d0eafa;
	font-size: 18px;
	line-height: 1.9;
	letter-spacing: 2px;
	color: #333;
}

/* リセットCSS */
hr {
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

.inner {
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
	text-align: left;
	background: #ffffff;
	padding: 50px;
	border-radius: 30px;
                                box-sizing: border-box;
}

.inner2 {
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
	text-align: center;
	padding: 0;
                                box-sizing: border-box;
}


h2 {
	font-family: 'Cabin Condensed', sans-serif;
	font-size: 28px;
	letter-spacing: 5px;
	font-weight:700;
	color: #2a71b9 ;
	margin-bottom: 1em;
}

.inner-main {
	width: 100%;
}

.inner-main img {
	width: 100%;
	margin: 0 auto;
}

#footer {
	font-size: 13px;
	line-height: 1.8;
	color: #222;
	padding: 10px;
	text-align: center;
}
#footer a {
	color: #fff;
	text-decoration: none;
}

.pagetop {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 30px;
	z-index:5;
}

.pagetop img {
	display: block;
	width: 50px;
	height: 50px;
}

a {
	color: #000;
	text-decoration: none !important;
}

.sml {
	font-size: 15px;
	line-height: 1.4;
	letter-spacing: 0px;
}

.bml {
	font-size: 20px;
	font-weight:700;
}

.stamp {
	position: absolute;
                                bottom: 50px; right: 50px;
}
.stamp img {
	width: 100px;
}

.fadein {
    opacity : 0;
    transform : translate(0, 100px);
    transition : all 1200ms;
}
.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
}

.video-container {
  margin: 0 auto;
  width: 100%;

}
.video-wrap {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  background: url(images/videoback.jpg) no-repeat center center/cover;
}
video {
  width: 100%;
}

        .btn > span:last-of-type,
        .btn.active > span:first-of-type
        {
            display: none;
        }

        .btn.active > span:last-of-type {
            display: inline;
        }

.greet1 {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
align-items: center;
justify-content: space-between;
background: #7b9acf;
list-style: none;
}
.greet2 {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
align-items: center;
justify-content: space-between;
background: #7fb6e5;
list-style: none;
}
.greet3 {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
align-items: center;
justify-content: space-between;
background: #87bc85;
list-style: none;
}
.greet4 {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
align-items: center;
justify-content: space-between;
background: #d68598;
list-style: none;
}
.greet_ph img {
display: flex;
  width: 200px;
}

.greet_nm {
padding: 40px;
color: #fff;
}

.greet_nmb {
font-size: 24px;
font-weight:700;
color: #fff;
}

.greet_lk {
display: flex;
padding: 40px;
color: #fff;
font-weight:700;
}

.greet_lk a:hover{
  color:#fff;
}

@media screen and (max-width: 1000px) {
.greet1 {
display: block;
text-align: center;
background: #7b9acf;
list-style: none;
}
.greet2 {
display: block;
text-align: center;
background: #7fb6e5;
list-style: none;
}
.greet3 {
display: block;
text-align: center;
background: #87bc85;
list-style: none;
}
.greet4 {
display: block;
text-align: center;
background: #d68598;
list-style: none;
}
.greet_ph {
margin: 0 auto;
text-align: center;
  width: 200px;
padding-top: 20px;
}
.greet_ph img {
  width: 200px;
}
.greet_nm {
line-height: 1.6;
padding: 10px;
color: #fff;
}
.greet_lk {
 display: block;
text-align: center;
padding: 10px;
color: #fff;
font-weight:700;
}
}

.box-parent {
  width:100%;
  height:auto;
  display:flex;
  flex-direction:row; /* 記載しなくてもデフォルトで指定されている */
  flex-wrap:wrap; /* 折り返し */
}
.box-child {
  width:20%;
  height:auto;
}
.box-child:nth-of-type(n+6) {margin-top:10px;}

@media screen and (max-width: 1150px) {
.box-child {
  width:25%;
  height:auto;
}
.box-child:nth-of-type(n+5) {margin-top:10px;}
}

@media screen and (max-width: 900px) {
.box-child {
  width:32%;
  height:auto;
}
.box-child:nth-of-type(n+4) {margin-top:10px;}
}

@media screen and (max-width: 700px) {
.box-child {
  width:100%;
  height:auto;
}
.box-child:nth-of-type(n+3) {margin-top:10px;}
}

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


@media screen and (max-width: 480px) {
body {
	font-family: 'Noto Sans JP', sans-serif;
	background: #d0eafa;
	font-size: 15px;
	line-height: 1.6;
	letter-spacing: 2px;
	color: #333;
}

.inner {
	width: 90%;
	margin: 0 auto;
	text-align: left;
	background: #ffffff;
	padding: 20px;
	border-radius: 20px;
                                box-sizing: border-box;
}

h2 {
	font-family: 'Cabin Condensed', sans-serif;
	font-size: 24px;
	letter-spacing: 5px;
	font-weight:700;
	color: #333 ;
	margin-bottom: 0.5em;
}

.pagetop {
	display: none;
	position: fixed;
	bottom: 15px;
	right: 15px;
	z-index:5;
}

.stamp {
	position: relative;
                                bottom: 0px; left: 0px;
                                text-align:right;
	margin-top: 1em;
}
.stamp img {
	width: 80px;
}

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