@charset "UTF-8";
/*===========
body
============*/
@media screen and (orientation: landscape) {/* 横向きの場合のスタイル*/}
@media screen and (orientation: portrait) {/* 縦向きの場合のスタイル */}

/* html/body
------------------------------------------------- */
html{width: 100%;font-size: 62.5%;-webkit-font-smoothing: antialiased;}

@media only screen and (max-width:750px){
html {overflow-x: hidden;}
}
body {
font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
font-size: 20px;line-height: 1.8;
position: relative;
width: 100%;
color: #000;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;overflow-x: hidden;position: relative;transition: 0.4s;overflow-x: hidden;box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;text-size-adjust: 100%;-webkit-text-size-adjust: 100%;/*Chrome,Safari*/-ms-text-size-adjust: 100%;/*EgdeMobile*/-moz-text-size-adjust: 100%;/*firefox*/
  background: #00b4ed;
}
@media screen and (max-width: 550px) {/*スマホのスタイル*/
body {font-size: 12px;font-size: 1.2rem;}
}
/*STYLE
------------------------------------------------- */
#wrapper {position: relative;max-width: 100%;background:#fff;margin: auto;width:640px;margin: auto;box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;}
#wrapper img{width: 100%;height: auto}
@media screen and (max-width:640px){/*スマホ設定*/
#wrapper {width: 100%}
}

/*header*/
#header{position: relative;background: #fff}
#header .logo{width: 11%; position: absolute;left: 5%;top: 3%}
#header .logo2{width: 11%; position: absolute;left: 19%;top: 3%}
#header img{width: 100%;height: auto}
#header h2{padding: 40px 0}
@media screen and (max-width:767px){/*スマホ設定*/

}
.contents{position: relative;background: url("../images/bg.png");}


.contents .box{width: 97%;margin: auto;box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;padding: 30px;}
.contents li{padding-bottom: 30px}
.contents li:last-child{margin-bottom: 0px;}
@media screen and (max-width:767px){/*スマホ設定*/
.contents{padding: 0 20px;}
.contents .box{padding: 30px 0;}
}

.point{background: #c2e6fa;padding: 60px 0 0}
.point .bt{width: 50%;margin: 40px auto 0px}
.point .yoyaku{margin-top: 60px; background: #0068b7;padding: 60px 0}
.point .card{background: #00a7ea;padding: 60px 0}

.coution{padding: 30px 30px;background: #fff}
#footer{padding: 20px 0 ;font-size: 1rem;background: #0068b7}
#footer .address{;color: #fff;text-align: center}
@media screen and (max-width:767px){/*スマホ設定*/
#footer{font-size: 1rem;}
}

/*===========
inview
===========*/

.fadeIn_up {
  opacity: 0;
  transform: translate(0, 20%);
  transition: 2s;
}
.fadeIn_up.is-show {
  transform: translate(0, 0);
  opacity: 1;
}