@charset "UTF-8";
body {color: #000;font-family:'Noto Sans JP', sans-serif, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;font-size:88%;-webkit-text-size-adjust: 100%;width:100%;margin:0 auto;}
a img.blight{transition:opacity 0.2s linear;-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;}
a:hover img.blight{opacity:0.7;filter:alpha(opacity=70);-moz-opacity:0.7;}
a{text-decoration:none;color:#444;transition:opacity 0.2s linear;-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;}
a:hover{text-decoration:none;opacity:0.7;filter:alpha(opacity=70);-moz-opacity:0.7;}
img{max-width:100%;}
*, *:before, *:after {-webkit-box-sizing: border-box;box-sizing: border-box;}

.pcnone{display:none!important;}
.spnone{display:block!important;}
header {padding:20px 20px;height:71px;}
header .h_in{max-width:960px;width:100%;margin:0 auto;}
header .h_in h1{width:246px;max-width:75%;}

.br-sp {
  display: none;
}
.br-pc {
  display: inline-block;
}

/*　ハンバーガーボタン　*/
.hamburger {
  display : block;
  position: fixed;
  z-index : 3;
  right : 13px;
  top   : 12px;
  width : 42px;
  height: 42px;
  cursor: pointer;
  text-align: center;
}
.hamburger span {
  display : block;
  position: absolute;
  width   : 30px;
  height  : 2px ;
  left    : 6px;
  background : #555;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition   : 0.3s ease-in-out;
  transition        : 0.3s ease-in-out;
}
.hamburger span:nth-child(1) {top: 10px;background : #06c755;}
.hamburger span:nth-child(2) {top: 20px;background : #ff9daf;}
.hamburger span:nth-child(3) {top: 30px;background : #00bfff;}

/* ナビ開いてる時のボタン */
.hamburger.active span:nth-child(1) {
  top : 16px;
  left: 6px;
  background :#06c755;
  -webkit-transform: rotate(-45deg);
  -moz-transform   : rotate(-45deg);
  transform        : rotate(-45deg);
}

.hamburger.active span:nth-child(2),
.hamburger.active span:nth-child(3) {
  top: 16px;
  background :#06c755;
  -webkit-transform: rotate(45deg);
  -moz-transform   : rotate(45deg);
  transform        : rotate(45deg);
}

nav.globalMenuSp {
  position: fixed;
  z-index : 2;
  top  : 0;
  left : 0;
  color: #000;
  background: rgba(255,255,255,0.9);
  text-align: center;
  width: 100%;
  max-height:0;
  overflow:hidden;
  transition: max-height .3s;
  font-size:14px;
}

nav.globalMenuSp ul {margin: 0 auto;padding: 0;width: 100%;}
nav.globalMenuSp ul li {list-style-type: none;padding: 0;width: 100%;transition: .5s all;}
nav.globalMenuSp ul li:last-child {padding-bottom: 0;}
nav.globalMenuSp ul li:hover{background :#fff;}

nav.globalMenuSp ul li a {display: block;color: #444;padding: 1em 0;text-decoration :none;border-bottom:1px solid #06c75683;}
nav.globalMenuSp ul li:last-child a {border-bottom:none;}
nav.globalMenuSp.active {max-height:400px;}


footer {padding:30px 20px 120px 20px;background:#fff;}
footer nav ul{text-align:center;padding:0 0 25px 0;}
footer nav ul li{display:inline-block;padding:0 15px;}
footer nav ul li:first-child{padding:0 15px 0 0;}
footer nav ul li:last-child{padding:0 0 0 15px;}


.kv{background:url(../img/kv.png) center 0 no-repeat;background-size:cover;}
.kv_in{background: rgb(255,181,181);background: linear-gradient(45deg, rgba(255,181,181,0.5) 0%, rgba(180,255,191,0.5) 100%);padding:10px 0 35px 0;}
.kv_sp{display:none;}

.btn1{display:table;margin:40px auto;padding:0 20px;}
.btn1 a{border:2px solid #06c755;background:#fff;color:#06c755;text-align:center;border-radius:10px;display:block;padding:15px 50px;font-size:20px;font-weight:700;}

.con_in{max-width:960px;margin:0 auto;}

.cpbn{background:url(../img/bg-campaign.png) center center repeat;text-align:center;padding:30px 20px;}
#sec0{background:url(../img/bg-sec0.png),url(../img/bg-sec0.png) ;background-position: left -40% top -100px, right -60% bottom -120px ;background-repeat: no-repeat, no-repeat;}
#sec0{text-align:center;padding:30px 20px 40px;}
#sec1{background:url(../img/bg-sec1.png) center center repeat;text-align:center;padding:40px 20px;}
#sec2{background:url(../img/bg-sec2.png) center center repeat;text-align:center;padding:40px 20px;}
#sec3{background:url(../img/bg-sec3.png) center center repeat;text-align:center;padding:40px 20px;}
#sec4{background:url(../img/bg-sec4.png) center center repeat;text-align:center;padding:40px 20px;}
#sec5{background:url(../img/bg-sec5.png) center center repeat;text-align:center;padding:40px 20px;}
#sec6{background:url(../img/bg-sec6.png) center center repeat;text-align:center;padding:40px 20px;}

#sec0 .txt1{color: #00bfff;margin-bottom: 20px;}

.txt1{color:#ffff00;font-size:24px;font-weight:700;padding:5px 0 0 0;line-height:1.4;}
.txt2{text-align:left;padding:35px 0 0 0;}
.txt3{padding:10px 0 0 0;font-size:18px;font-weight:700;}
.txt4{text-align:left;padding:10px 0 0 0;}
.txt5{text-align:left;padding:15px 0 0 0;color:#f39800;font-weight:700;}
.txt5 a{color:#f39800;font-weight:400;}

.sec3_box{display:flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;margin:0 0 0 -3%;padding:10px 0 0 0;width:103%;}
.sec3_box div{margin:30px 0 0 3%;width:30.3%;}
.sec3_box div img{width:100%;}

.sec4_box{display:flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;margin:0 0 0 -3%;width:103%;}
.sec4_box .sec4_img{margin:40px 0 0 3%;width:30.3%;background:#fff;border-radius:10px;padding:20px;word-break: break-all;}

.sec4_sns{display:table;margin:10px 0 0 -20px;}
.sec4_sns div{display:table-cell;padding:3% 0 0 20px;vertical-align:top;}

.sec5_box{display:flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;margin:0 0 0 -3%;width:103%;}
.sec5_box div{margin:40px 0 0 3%;width:30.3%;background:#fff;border-radius:10px;padding:20px;word-break: break-all;}
.sec5_box h3{color:#00b900;font-size:20px;padding:0 0 10px 0;line-height:1.4;}
.sec5_box h3 span{font-size:15px;}

.sec6_box{padding:20px 0 0 0;text-align:left;}
.sec6_box div{margin:20px auto 0 auto;max-width:720px;width:100%;background:#fff;border-radius:10px;padding:20px 50px;word-break: break-all;}
.sec6_box h3{border-bottom:1px solid #00bfff;padding:0 0 10px 0;margin:0 0 10px 0;font-size:15px;}

#floating_btn {position:relative;z-index:9;}
#floating_btn a{display:block;background:#00b900;padding:15px 30px;width:100%;position: fixed;left:0;bottom: 0;text-align: center;}

.fade_off {opacity: 0;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;-ms-transition: all 0.5s;transition: all 0.5s;}
.fade_on {opacity: 1;}
.fade_on a:hover{opacity: 0.8;}

.inv1{opacity:0;}
.inv2{opacity:0;}
.inv3{opacity:0;}




@media only screen and (max-width:768px){
	body{font-size:3.8vw;}

	footer {padding:30px 20px 25% 20px;}

  .br-sp {
    display: inline-block;
  }
  .br-pc {
    display: none;
  }

	.pcnone{display:block!important;}
	.spnone{display:none!important;}
  .kv{display:none;}
  .kv_sp{display:block;position:relative;}
  .kv_sp_in div{position:absolute;top:0;left:0;width:100%;}
  .kv_sp_in img{width:100%;}
  .kv_sp_in video{width:100%;}

  .txt1{font-size:5vw;padding:20px 0 0 0;}
  .txt3{padding:15px 0 0 0;font-size:3.8vw;}


  #sec0{padding:10px 20px 40px;}
  #sec0{background:url(../img/bg-sec0.png),url(../img/bg-sec0.png) ; background-size: 60% auto, 60% auto; background-position: left -60% top -40px, right -80% bottom -40px ;background-repeat: no-repeat, no-repeat;}



  .sec3_box{display:block;margin:0 auto;width:100%;}
  .sec3_box div:first-of-type{margin:20px 0 0 0;width:100%;}
  .sec3_box div{margin:40px 0 0 0;width:100%;}
  .sec4_box{display: block;overflow-x: auto;white-space: nowrap;-webkit-overflow-scrolling: touch;}
  .sec4_box .sec4_img{display: inline-block;width:70%;white-space: normal;}
  .sec4_sns{margin:10px 0 0 -20px;}
  .sec4_sns div{padding:3% 0 0 20px;width:33.3%;}
  .sec5_box{display:block;margin:0;width:100%;}
  .sec5_box div{margin:40px 0 0 0;width:100%;}
  .sec5_box h3{font-size:4vw;}
  .sec5_box h3 span{font-size:3vw;}
  .sec6_box{padding:0;}
  .sec6_box div:first-of-type{margin:30px auto 0 auto;padding:20px 20px;}
  .sec6_box div{margin:20px auto 0 auto;padding:20px 20px;}
  .sec6_box h3{font-size:3.8vw;}

}


@media only screen and (max-width:600px){
	footer {padding:30px 20px 30% 20px;}

/*
	13px　→　3vw
	16px　→　3.3vw
	18px　→　3.5vw
	20px　→　4vw
	22px　→　4.2vw
	24px　→　4.5vw
	26px　→　4.7vw
	28px　→　5vw
	30px　→　5.2vw
	34px　→　5.8vw
	36px　→　6vw
	40px　→　7vw
*/

}