@charset "utf-8";

/*--------- top ---------*/
#video {
    position: relative;
    z-index: 9;
    background:#fff;
}
video {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    object-fit: cover;
    height: 100vh;
}

body#home main p {text-align: center;font-family:"ゴシックMB101 DB";}
body#home section#mainvisual{position:relative;z-index:9;}
body#home section#mainvisual h1{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  max-width:208px;
  color:#fff;
  text-align: center;
  font-size: 120%;
  letter-spacing: 1.25px;
  z-index:33;
font-family:"ゴシックMB101 DB";}


body#home section#mainvisual h1 img{
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
  margin: 0 0 10px 0;
}

.scrolldown1{
  position:absolute;
  left:50%;
  bottom:0;
  height:12vh;
  z-index: 20;
  border-right:1px solid #ccc;
}

  .scrolldown1::after{
    content: "";
    position: absolute;
    top: 0;
    width: 1px;
    height: 10vh;
    background: #eee;
    animation: pathmove 1.4s ease-in-out infinite;
    opacity:0;
  }
  @keyframes pathmove{
    0%{
      height:0;
      top:0;
      opacity: 0;
    }
    30%{
      height:10vh;
      opacity: 1;
    }
    100%{
      height:0;
      top:10vh;
      opacity: 0;
    }
  }

body#home section.section-box {
  width: 100%;
  height:100vh;
  object-fit: cover;
}

  body#home section#no01{background:url(../img/top/mainvisual01.jpg) no-repeat center 70% / cover;}
  body#home section#no02{background:url(../img/top/mainvisual05.jpg) no-repeat center center / cover;}
  body#home section#no03{background:url(../img/top/mainvisual03.jpg) no-repeat center center / cover;}
  body#home section#no04{background:url(../img/top/mainvisual04.jpg) no-repeat center center / cover;}
  body#home section#no05{background:url(../img/top/mainvisual05.jpg) no-repeat center center / cover;}
  body#home section#no06{background:url(../img/top/mainvisual06-pc.jpg) no-repeat 10% top / cover;}
  body#home section#no07{background:url(../img/top/mainvisual07.jpg) no-repeat center center / cover;}

@media screen and (max-width: 768px) {
	
	body#home section#no03{
	background:url(../img/top/mainvisual03.jpg) ;
	background-position: left 45% bottom 90%;
	background-repeat: no-repeat;
	background-size: 320% auto;}
	
	body#home section#no04{
	background:url(../img/top/mainvisual04.jpg) ;
	background-position: left 45% bottom 100%;
	background-repeat: no-repeat;
	background-size: 320% auto;}
	
	body#home section#no05{
	background:url(../img/top/mainvisual05.jpg) ;
	background-position: left 45% bottom 100%;
	background-repeat: no-repeat;
	background-size: 320% auto;}
	
	body#home section#no06{
	background:url(../img/top/mainvisual06-pc.jpg) ;
	background-position: left 41% bottom 70%;
	background-repeat: no-repeat;
	background-size: 350% auto;}
	
	
}

body#home section .page_container {
  max-width: 1140px;
  margin: 0 auto;
  height: 100vh;
  text-align: center;
  position: relative;
}
body#home section .page_container aside{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  color:#fff;
}
body#home section#no01 small.kana-name{color:#fff;}
body#home section#no03 .page_container aside{color:#333;}
body#home section#no07 .page_container aside{
	position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  color:#333;
}

body#home section#no01 .page_container aside,body#home section#no03 .page_container aside,body#home section#no05 .page_container aside,body#home section#no07 .page_container aside{left:0;}
body#home section#no02 .page_container aside,body#home section#no04 .page_container aside,body#home section#no06 .page_container aside{right: 0;}

body#home section .page_container h2{font-size:200%;letter-spacing: 0.05em;font-family:"ゴシックMB101 DB";}
body#home section .page_container p{font-size:100%;margin-bottom: 3vh;letter-spacing: 0.05em;font-family:"ゴシックMB101 DB";}
body#home section .page_container h3{font-size:120%;line-height:200%;margin-bottom: 3vh;letter-spacing: 0.05em;}

body#home section .page_container a.btn-more{background:rgba(255,255,255,0.85);padding:1.5vh 3vw; display: inline-block;color:#666;min-width:180px;font-family:"ゴシックMB101 DB";transition: color ease 0.7s, background ease 0.7s, border ease 0.7s}

body#home section .page_container a.btn-more:hover {background:rgba(120,120,120,0.85);padding:1.5vh 3vw; display: inline-block;color:#fff;min-width:180px;font-family:"ゴシックMB101 DB";
          }



@media screen and (max-width: 768px) {
  #video .pc-movie{display:none!important;}
  #video .sp-movie{display:block!important;}
  body#home section#no01 .page_container aside,body#home section#no03 .page_container aside,body#home section#no05 .page_container aside,body#home section#no07 .page_container aside,
  body#home section#no02 .page_container aside,body#home section#no04 .page_container aside,body#home section#no06 .page_container aside{
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    width: 100%;
  }

  body#home section#no01 .page_container aside,body#home section#no02 .page_container aside,body#home section#no03 .page_container aside,body#home section#no06 .page_container aside{color:#333;}
  body#home section#no04 .page_container aside,body#home section#no05 .page_container aside,body#home section#no07 .page_container aside{color:#fff;}

    body#home section .page_container h2{font-size:140%;font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;}
    body#home section .page_container p{font-size:80%;font-family:"ゴシックMB101 DB";}
    body#home section .page_container h3{font-size:100%;}
}


  /*---------end top ---------*/

  /*--------- page about ---------*/

body.pages h1{position: relative;top:2.6vh;left:2vw;z-index:99;display: inline-block;}
body.pages h1 img{max-width:120px;}
body.pages #container{max-width:1140px;margin: 10vh auto 0;width:100%;}

body#about section#mainvisual aside{margin:12vh auto;color: #333;}
body#about section#mainvisual img{max-height:600px;object-fit: cover;}
body#about section#mainvisual h2{font-size:180%;letter-spacing: 0.05em;font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;}
body#about section#mainvisual p{font-size:100%;margin-bottom: 12vh;letter-spacing: 0.05em;}
body#about section#mainvisual h3{font-size:100%;line-height:200%;margin-bottom: 6vh;letter-spacing: 0.05em;font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;}

body#about section.box{margin:10vh auto;}
body#about section.box table,body#about section.box table td{vertical-align: middle;color: #333;}
body#about section.box table h3{font-size:110%;letter-spacing: 0.05em;margin-bottom:5vh;line-height: 250%;font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;}
body#about section.box table td{width: 50%;}
body#about section.box table td.txtr{padding-right: 2vw;}
body#about section.box table td.txtl{padding-left: 2vw;}
body#about section.box table td img{object-fit: cover;height:50vh;width:100%;}
body#about section.box table td a{background:rgba(188,188,188,0.85);padding:1vh 1.5vw; display: inline-block;color:#fff;min-width:160px;text-align: center;margin: 5vh auto 0;transition: color ease 0.7s, background ease 0.7s, border ease 0.7s}

body#about section.box table td a:hover {background:rgba(250,250,250,0.85);padding:1vh 1.5vw; display: inline-block;color:#000;min-width:160px;text-align: center;margin: 5vh auto 0;
          }


  /*--------- page products ---------*/

body#products section#mainvisual aside{margin:12vh auto;color: #333;}
body#products section#mainvisual img{max-height:600px;object-fit: cover;}
body#products section#mainvisual h2{font-size:180%;letter-spacing: 0.05em;font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;}
body#products section#mainvisual p{font-size:100%;margin-bottom: 12vh;letter-spacing: 0.05em;}
body#products section#mainvisual h3{font-size:100%;line-height:200%;margin-bottom: 6vh;letter-spacing: 0.05em;font-family:"ゴシックMB101 DB";}


body#products section.box{margin:10vh auto;}
body#products section.box h2{font-size:200%;letter-spacing: 0.05em;margin-bottom:2vh;margin-top:5vh;line-height: 250%;font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;}
body#products section.box h3{font-size:130%;letter-spacing: 0.05em;margin-bottom:4vh;margin-top:2vh;line-height: 250%;font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;}

body#products section.box table,body#products section.box table td{vertical-align: middle;color: #333;}
body#products section.box table h3{font-size:110%;letter-spacing: 0.05em;margin-bottom:5vh;line-height: 250%;font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;}
body#products section.box table td{width: 50%;}
body#products section.box table td.txtr{padding-right: 2vw;}
body#products section.box table td.txtl{padding-left: 2vw;}
body#products section.box table td img{object-fit: cover;height:50vh;width:100%;}
body#products section.box table td a{background:rgba(188,188,188,0.85);padding:1vh 1.5vw; display: inline-block;color:#fff;min-width:160px;text-align: center;margin: 5vh auto 0;}

body#products section.box a{background:rgba(188,188,188,0.85);padding:1.2vh 1.5vw; display: inline-block;color:#fff;min-width:160px;text-align: center;}

body#products section.box a:hover {background:rgba(250,250,250,0.85);padding:1.2vh 1.5vw; display: inline-block;color:#000;min-width:160px;text-align: center;}


  /*--------- page contents ---------*/

body#contents section#mainvisual aside{margin:12vh auto;color: #333;}
body#contents section#mainvisual img{max-height:600px;object-fit: cover;}
body#contents section#mainvisual h2{font-size:180%;letter-spacing: 0.05em;font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;}
body#contents section#mainvisual p{font-size:100%;margin-bottom: 12vh;letter-spacing: 0.05em;}
body#contents section#mainvisual h3{font-size:100%;line-height:200%;margin-bottom: 6vh;letter-spacing: 0.05em;font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;}

body#contents section.box{margin:10vh auto;}
body#contents section.box table,body#contents section.box table td{vertical-align: middle;color: #333;}
body#contents section.box table h3{font-size:110%;letter-spacing: 0.05em;margin-bottom:5vh;line-height: 250%;font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;}
body#contents section.box table td{width: 50%;}
body#contents section.box table td.txtr{padding-right: 2vw;}
body#contents section.box table td.txtl{padding-left: 2vw;}
body#contents section.box table td img{object-fit: cover;height:50vh;width:100%;}
body#contents section.box table td a{background:rgba(188,188,188,0.85);padding:1vh 1.5vw; display: inline-block;color:#fff;min-width:160px;text-align: center;margin: 5vh auto 0;}


  /*--------- page design ---------*/

body#design section#mainvisual aside{margin:12vh auto;color: #333;}
body#design section#mainvisual img{max-height:600px;object-fit: cover;}
body#design section#mainvisual h2{font-size:180%;letter-spacing: 0.05em;font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;}
body#design section#mainvisual p{font-size:100%;margin-bottom: 12vh;letter-spacing: 0.05em;}
body#design section#mainvisual h3{font-size:100%;line-height:200%;margin-bottom: 6vh;letter-spacing: 0.05em;font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;}

body#design section.box{margin:10vh auto;}
body#design section.box table,body#design section.box table td{vertical-align: middle;color: #333;}
body#design section.box table h3{font-size:110%;letter-spacing: 0.05em;margin-bottom:5vh;line-height: 250%;font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;}
body#design section.box table td{width: 50%;}
body#design section.box table td.txtr{padding-right: 2vw;}
body#design section.box table td.txtl{padding-left: 2vw;}
body#design section.box table td img{object-fit: cover;height:50vh;width:100%;}
body#design section.box table td a{background:rgba(188,188,188,0.85);padding:1vh 1.5vw; display: inline-block;color:#fff;min-width:160px;text-align: center;margin: 5vh auto 0;transition: color ease 0.7s, background ease 0.7s, border ease 0.7s}

body#design section.box table td a:hover {background:rgba(250,250,250,0.85);padding:1vh 1.5vw; display: inline-block;color:#000;min-width:160px;text-align: center;margin: 5vh auto 0; }



  /*--------- page news ---------*/

body#news section#mainvisual aside{margin:6vh auto;color: #333;}
body#news section#mainvisual img{max-height:600px;object-fit: cover;}
body#news section#mainvisual h2{font-size:180%;letter-spacing: 0.05em;font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;}
body#news section#mainvisual p{font-size:100%;margin-bottom: 6vh;letter-spacing: 0.05em;}
body#news section#mainvisual h3{font-size:140%;line-height:200%;letter-spacing: 0.05em;font-family:"ゴシックMB101 DB";}

body#news section.box{margin-bottom:10vh;
margin-left: 15vw;
margin-right:15vw;
}
body#news section.box table,body#news section.box table td{vertical-align: middle;color: #333;}
body#news section.box table h3{font-size:110%;letter-spacing: 0.05em;margin-bottom:5vh;line-height: 250%;font-family:"ゴシックMB101 DB";}
body#news section.box table td{width: 50%;}
body#news section.box table td.txtr{padding-right: 2vw;}
body#news section.box table td.txtl{padding-left: 2vw;}
body#news section.box table td img{object-fit: cover;height:50vh;width:100%;}
body#news section.box table td a{background:rgba(188,188,188,0.85);padding:1vh 1.5vw; display: inline-block;color:#fff;min-width:160px;text-align: center;margin: 5vh auto 0;}



  /*--------- page contact ---------*/

body#contact section#mainvisual aside{margin:12vh auto;color: #333;}
body#contact section#mainvisual img{max-height:600px;object-fit: cover;}
body#contact section#mainvisual h2{font-size:180%;letter-spacing: 0.05em;font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;}
body#contact section#mainvisual p{font-size:100%;margin-bottom: 12vh;letter-spacing: 0.05em;}
body#contact section#mainvisual h3{font-size:100%;line-height:200%;letter-spacing: 0.05em;font-family:"ゴシックMB101 DB";}

body#contact section.box{margin-bottom:10vh;
margin-left: 15vw;
margin-right:15vw;
}
body#contact section.box table,body#contact section.box table td{vertical-align: middle;color: #333;}
body#contact section.box table h3{font-size:110%;letter-spacing: 0.05em;margin-bottom:5vh;line-height: 250%;font-family:"ゴシックMB101 DB";}
body#contact section.box table td{width: 50%;}
body#contact section.box table td.txtr{padding-right: 2vw;}
body#contact section.box table td.txtl{padding-left: 2vw;}
body#contact section.box table td img{object-fit: cover;height:50vh;width:100%;}
body#contact section.box table td a{background:rgba(188,188,188,0.85);padding:1vh 1.5vw; display: inline-block;color:#fff;min-width:160px;text-align: center;margin: 5vh auto 0;}


  /*--------- page privacy policy ---------*/

body#privacypolicy section#mainvisual aside{margin:12vh auto;color: #333;}
body#privacypolicy section#mainvisual img{max-height:700px;object-fit: cover;}
body#privacypolicy section#mainvisual h2{font-size:180%;letter-spacing: 0.05em;font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;}
body#privacypolicy section#mainvisual p{font-size:100%;margin-bottom: 12vh;letter-spacing: 0.05em;}
body#privacypolicy section#mainvisual h3{font-size:100%;line-height:200%;margin-bottom: 6vh;letter-spacing: 0.05em;font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;}

body#privacypolicy section.box{
	margin-bottom:10vh;
margin-left: 10vw;
margin-right:10vw;
	font-size:100%;line-height:200%;margin-bottom: 6vh;letter-spacing: 0.05em;font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
}
body#privacypolicy section.box table,body#privacypolicy section.box table td{vertical-align: middle;color: #333;}
body#privacypolicy section.box table h3{font-size:110%;letter-spacing: 0.05em;margin-bottom:5vh;line-height: 250%;font-family:"ゴシックMB101 DB";}
body#privacypolicy section.box table td{width: 50%;}
body#privacypolicy section.box table td.txtr{padding-right: 2vw;}
body#privacypolicy section.box table td.txtl{padding-left: 2vw;}
body#privacypolicy section.box table td img{object-fit: cover;height:50vh;width:100%;}
body#privacypolicy section.box table td a{background:rgba(188,188,188,0.85);padding:1vh 1.5vw; display: inline-block;color:#fff;min-width:160px;text-align: center;margin: 5vh auto 0;}






@media screen and (max-width: 1024px) {
  body.pages #container {margin: 22px auto 0;}
  body.pages h1 {top: 10px;}
}

/*--------- page about ---------*/

@media screen and (max-width: 768px) {
  body#home section#no01 small.kana-name{color:#000;}
  body.pages h1 img{max-width:85px;padding:4px 0;}
  body#about section#mainvisual aside {margin: 10vh auto;}
  body#about section#mainvisual p{margin-bottom: 8vh;}
  body#about section.box table{position: relative;min-height:100vh;height:120%;}
  body#about section.box table td{width: 100%;display: block;position: absolute;height:50vh;}
  body#about section.box table td.txtr,body#about section.box table td.txtl{padding-right: 0;padding-left:0;text-align: center;top:60vh}
  body#about section.box table h3{margin-bottom:2.5vh;line-height: 220%;}
  body#about section.box table p {line-height: 200%;}
  body#about section.box table img{margin-bottom:3vh;}

  body#about section#no02,body#about section#no03,body#about section#no04,body#about section#no05{margin-bottom:24vh;}
}

/*--------- page products ---------*/

@media screen and (max-width: 768px) {
 
  body#products section#mainvisual aside {margin: 10vh auto;}
  body#products section#mainvisual p{margin-bottom: 8vh;}
  body#products section.box table{position: relative;min-height:100vh;height:120%;}
  body#products section.box table td{width: 100%;display: block;position: absolute;height:50vh;}
  body#products section.box table td.txtr,body#products section.box table td.txtl{padding-right: 0;padding-left:0;text-align: center;top:60vh}
  body#products section.box table h3{margin-bottom:2.5vh;line-height: 220%;}
  body#products section.box table p {line-height: 200%;}
  body#products section.box table img{margin-bottom:3vh;}
  body#products section.box table td a{margin: 3vh auto;}

  body#products section#no01, 
  body#products section#no02, 
  body#products section#no03,
  body#products section#no04,
  body#products section#no05{margin-bottom:24vh;}
    
    body#products section.box h2{font-size:170%;letter-spacing: 0.05em;margin-bottom:2vh;margin-top:5vh;line-height: 250%;font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;}
body#products section.box h3{font-size:110%;letter-spacing: 0.05em;margin-bottom:4vh;margin-top:2vh;line-height: 250%;font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;}
}


/*--------- page contents ---------*/

@media screen and (max-width: 768px) {
 
  
  body#contents section#mainvisual aside {margin: 10vh auto;}
  body#contents section#mainvisual p{margin-bottom: 8vh;}
  body#contents section.box table{position: relative;min-height:100vh;height:120%;}
  body#contents section.box table td{width: 100%;display: block;position: absolute;height:50vh;}
  body#contents section.box table td.txtr,body#contents section.box table td.txtl{padding-right: 0;padding-left:0;text-align: center;top:60vh}
  body#contents section.box table h3{margin-bottom:2.5vh;line-height: 220%;}
  body#contents section.box table p {line-height: 200%;}
  body#contents section.box table img{margin-bottom:3vh;}
  body#contents section.box table td a{margin: 3vh auto;}

  body#contents section#no01, 
  body#contents section#no02, 
  body#contents section#no03,
  body#contents section#no04,
  body#contents section#no05{margin-bottom:24vh;}
}


/*--------- page design ---------*/

@media screen and (max-width: 768px) {
  
  
  body#design section#mainvisual aside {margin: 10vh auto;}
  body#design section#mainvisual p{margin-bottom: 8vh;}
  body#design section.box table{position: relative;min-height:100vh;height:120%;}
  body#design section.box table td{width: 100%;display: block;position: absolute;height:50vh;}
  body#design section.box table td.txtr,body#design section.box table td.txtl{padding-right: 0;padding-left:0;text-align: center;top:60vh}
  body#design section.box table h3{margin-bottom:2.5vh;line-height: 220%;}
  body#design section.box table p {line-height: 200%;}
  body#design section.box table img{margin-bottom:3vh;}


  body#design section#no01, 
  body#design section#no02, 
  body#design section#no04,
  body#design section#no05{margin-bottom:24vh;}
	
body#design section#no03{margin-bottom:-10vh;}
}

/*--------- page news ---------*/

@media screen and (max-width: 768px) {
  
  
  body#news section#mainvisual aside {margin: 10vh auto;}
  body#news section#mainvisual p{margin-bottom: 8vh;}
  body#news section.box table{position: relative;min-height:100vh;height:120%;}
  body#news section.box table td{width: 100%;display: block;position: absolute;height:50vh;}
  body#news section.box table td.txtr,body#news section.box table td.txtl{padding-right: 0;padding-left:0;text-align: center;top:60vh}
  body#news section.box table h3{margin-bottom:2.5vh;line-height: 220%;}
  body#news section.box table p {line-height: 200%;}
  body#news section.box table img{margin-bottom:3vh;}
  body#news section.box table td a{margin: 3vh auto;}

  body#news section#no01
  {
	margin-left: 10vw;
	margin-right:10vw;
	}
}


/*--------- page contact ---------*/

@media screen and (max-width: 768px) {
  
  
  body#contact section#mainvisual aside {margin: 10vh auto;}
  body#contact section#mainvisual p{margin-bottom: 8vh;}
  body#contact section.box table{position: relative;min-height:100vh;height:120%;}
  body#contact section.box table td{width: 100%;display: block;position: absolute;height:50vh;}
  body#contact section.box table td.txtr,body#contact section.box table td.txtl{padding-right: 0;padding-left:0;text-align: center;top:60vh}
  body#contact section.box table h3{margin-bottom:2.5vh;line-height: 220%;}
  body#contact section.box table p {line-height: 200%;}
  body#contact section.box table img{margin-bottom:3vh;}
  body#contact section.box table td a{margin: 3vh auto;}

  body#contact section#no01
  {margin-bottom:24vh;
	margin-left: 10vw;
	margin-right:10vw;
	}
}


/*--------- page privacy policy ---------*/

@media screen and (max-width: 768px) {
  
  
  body#privacypolicy section#mainvisual aside {margin: 10vh auto;}
  body#privacypolicy section#mainvisual p{margin-bottom: 8vh;}
  body#privacypolicy section.box table{position: relative;min-height:100vh;height:120%;}
  body#privacypolicy section.box table td{width: 100%;display: block;position: absolute;height:50vh;}
  body#privacypolicy section.box table td.txtr,body#privacypolicy section.box table td.txtl{padding-right: 0;padding-left:0;text-align: left;top:60vh}
  body#privacypolicy section.box table h3{margin-bottom:2.5vh;line-height: 220%;}
  body#privacypolicy section.box table p {line-height: 200%;}
  body#privacypolicy section.box table img{margin-bottom:3vh;}
  body#privacypolicy section.box table td a{margin: 3vh auto;}

  body#privacypolicy section#no01
  {margin-bottom:24vh;
	margin-left: 10vw;
	margin-right:10vw;
	}
}




/*--------- Contact Form 7 ---------*/


.wpcf7 input[name="your-name"],
.wpcf7 input[name="your-email"] {
        width: 100%;
        height: 35px !important;
	padding: 0.8em;
    outline: none;
    border: 1px solid #DDD;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 16px;
}

.wpcf7 input[name="your-tel"] {
        width: 60%;
        height: 35px !important;
	padding: 0.8em;
    outline: none;
    border: 1px solid #DDD;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 16px;
}

.wpcf7 select[name="your-subject"] {
       
        height: 35px !important;
	padding: 0.5em;
    outline: none;
    border: 1px solid #DDD;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	font-size: 14px;

}

.wpcf7 textarea[name="your-message"] {
        width: 100%;
        height: 350px !important;
	padding: 0.8em;
    outline: none;
    border: 1px solid #DDD;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 16px;
}


.wpcf7 input[type="submit"] {
background: rgba(188,188,188,0.85);
    padding: 1vh 1.5vw;
    display: inline-block;
    color: #fff;
    min-width: 160px;
    text-align: center;
    margin: 5vh auto 0;
	border: 0;
     -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
		transition: color ease 0.7s, background ease 0.7s, border ease 0.7s}

.wpcf7 input[type="submit"]:hover {background:rgba(250,250,250,0.85);padding:1vh 1.5vw; display: inline-block;color:#000;min-width:160px;text-align: center;margin: 5vh auto 0;
          }

}

.wpcf7-not-valid-tip {
	color: #dc3232; /* Red */
	font-size: 1em;
	font-weight: normal;
	display: block;
		/*margin-top: -20px;*/
}
	
	.wpcf7 form .wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
	border: 2px solid #00a0d2; /* Blue */
}
	
.wpcf7 .screen-reader-response {
	position: absolute;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
	word-wrap: normal !important;
}

.wpcf7 form .wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 1em 1em;
	border: 2px solid #00a0d2; /* Blue */
}

.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
	display: none;
}

.wpcf7 form.sent .wpcf7-response-output {
	border-color: #46b450; /* Green */
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
	border-color: #dc3232; /* Red */
}

.wpcf7 form.spam .wpcf7-response-output {
	border-color: #f56e28; /* Orange */
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
	border-color: #ffb900; /* Yellow */
	line-height: 20px
}
	
.youtube {
  position: relative;
  width: 80%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 80%;
}
@media screen and (max-width: 768px) {
  
 .youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.youtube iframe {
  width: 100%;
  height: 100%;
} 

}