@charset "UTF-8";

h1{
  display: none;
}

main{
  max-width: 100%;
  padding: 0;
}

.hd{
  position: relative;
}
.hd .hd_ttl{
  position: absolute;
  top: 125px;
  left:21.7%;
  width: 290px;
}

body.lp-lion #toggle{
  display: none;
}

body.lp-lion2 #toggle{
  display: none;
}

body.lp-schoolcamera #toggle{
  display: none;
}

body.lp-forbusiness #toggle{
  display: none;
}

body.lp-151e #toggle{
  display: none;
}

body.lp-contents #toggle{
  display: none;
}

body.lp-contentskids #toggle{
  display: none;
}

section#about{
  padding-top: 5.5rem;
  position: relative;
}

section#about #toggle{
  opacity: 0;
  position: absolute;
}
section#about #toggle.fadeIn{
  opacity: 1;
  position: fixed;
}

  section#about h2{
    border: none;
    margin-top:0;
    margin-bottom: 3rem;
  }
  section#about h2 span.br-pc{
    display: inline-block;
    padding-left: 0.5em;
  }

    section#about .wrapper{
      position: relative;
      max-width: 900px;
      height: 580px;
      margin: 6.5rem auto 0;
    }
      section#about .wrapper p:first-of-type{
        width: 350px;
        position: absolute;
        left:80px;
        top: 0;
      }
      section#about .wrapper p:nth-of-type(2){
        width: 440px;
        position: absolute;
        right:0;
        top: 128px;
      }
      section#about .wrapper p:last-of-type{
        width: 430px;
        position: absolute;
        left:0;
        bottom: 0;
      }

section#service,
section#kodawari{
  max-width: 800px;
  margin: 0 auto;
  padding: 6.5rem 0 8.5rem;
}
section#moshikomi{
  max-width: 800px;
  margin: 0 auto;
  padding: 6.5rem 0 4.5rem ;
	margin-bottom: -11.05rem;
}
section#company{
  background-color: #4d4d4d;
  color: #FFF;
	margin: 0 auto;
  margin-top: -5rem;
	padding-top: 4.05rem;
   padding-bottom: 5.05rem;
}
section#concept{
  max-width: 680px;
  margin: 0 auto;
  padding: 6.5rem 0 8.5rem;
}
 section#moshikomi h2{
    margin-bottom: 5.05rem;
  }
 section#company h2{
	 border-color: #fff;
    margin-bottom: 5.05rem;
  }
  section#service h2,
  section#kodawari h2,
  section#concept h2{
    margin-bottom: 5.05rem;
  }
  section#service h5{
    padding: 0.7rem;
    text-align: center;
    font-size: 1.5rem;
    border: 1px solid #666666;
  }
  section#service .gd-ar{
    font-size: 1.43rem;
    display: block;
    font-family: YuGothic,YuGothicM;
  }

section#kodawari h2,
section#concept h2{
  margin-bottom: 8.05rem;
}
section#kodawari h3,
section#concept h3,
section#moshikomi h3,
section#company h3{
  font-size: 1.625rem;
  text-align: left;
  margin-bottom: 1.2rem;
}
section#kodawari .inner,
section#concept .inner,
section#moshikomi .inner,
section#company .inner{
  text-align: left;
}
section#kodawari img,
section#concept img{
  margin-bottom: 1.5rem;
}
section#kodawari p,
section#concept p,
section#moshikomi p{
  text-align: left;
  margin-bottom: 5rem;
}
section#company p{
	max-width: 680px;
	margin: 0 auto;
  text-align: left;
  margin-bottom: 5rem;
	line-height: 2.24;
   font-size: 1rem;
}
section#kodawari p:last-of-type,
section#concept p:last-of-type,
section#company p:last-of-type{
  margin-bottom: 1.5rem;
}
section#moshikomi　p:last-of-type{
  margin-bottom: 0;
}

section#kodawari div.brd,
section#concept div.brd,
section#moshikomi div.brd,
section#company div.brd{
  border: 1px solid #666;
  padding: 40px;
  text-align: left;
  margin-bottom: 1.5rem;
}
  section#kodawari div dl dt,
  section#concept div dl dt,
  section#moshikomi div dl dt,
  section#company div dl dt{
    font-size: 1.25rem;
    margin-bottom: 0.5rem;
  }
  section#kodawari div dl dd,
  section#concept div dl dd,
  section#moshikomi div dl dd,
  section#company div dl dd{
    padding-left: 1.5rem;
    margin-bottom: 1.6rem;
  }
  section#kodawari div dl:nth-of-type(2) dd span,
  section#concept div dl:nth-of-type(2) dd span,
  section#moshikomi div dl:nth-of-type(2) dd span,
  section#company div dl:nth-of-type(2) dd span{
    font-size: 0.875rem;
  }

  section#kodawari div dl:first-of-type dd,
  section#concept div dl:first-of-type dd,
  section#moshikomi div dl:first-of-type dd,
  section#company div dl:first-of-type dd{
    font-size: 1.25rem;
  }
    section#kodawari div dl:last-of-type dd,
    section#concept div dl:last-of-type dd,
    section#moshikomi div dl:last-of-type dd,
    section#company div dl:last-of-type dd{
      margin-bottom: 1rem;
    }

section#customer{
  background-color: #4d4d4d;
  color: #FFF;
   padding: 6rem 0 3rem;
}
section#customer h2{
  border-color: #fff;
  margin-bottom: 4.5rem;
}
section#customer #slick-wrapper{
  max-width: 700px;
  margin: 0 auto;
  text-align: left;
  padding-bottom: 4rem;
  font-family: Hiragino Kaku Gothic Pro,YuGothic,YuGothicM;
  position: relative;
}
  section#customer #slick-wrapper h4{
    font-size: 1.5rem;
    margin-bottom: 2rem;
    text-align: center;
    font-weight: bold;
  }
  section#customer #slick-wrapper img{
    margin-bottom: 2rem;
  }
  section#customer #slick-wrapper p{
    line-height: 2.1;
  }
  section#customer .slick-prev,
  section#customer .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 30px;
    height: 30px;
    padding: 0;
    margin-top: -115px;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    z-index: 1;
}

  section#customer .slick-next {
    right: -45px;
    content: "";
    border: 1px solid;
    border-color: #999899 #999899 transparent transparent;
    transform: rotate(45deg);
  }
  section#customer .slick-prev {
    left: -45px;
    content: "";
    border: 1px solid;
    border-color: transparent transparent #999899 #999899;
    transform: rotate(45deg);
  }

  section#customer .slick-dots{
    position: relative;
    margin-top: 3rem;
  }
  section#customer .slick-dots li.slick-active button:before{
    color: #fff !important;
  }
  section#customer .slick-dots li button:before{
    color: #999999 !important;
  }

section#customer ul.slick-box{
  margin-bottom: 30px;
}

section#customer ul.slick-box li{
  width: 450px;
  margin: 0 15px;
}

section#customer p.font18 a{
  max-width: 800px;
  border:1px solid #b3b3b3;
  padding: 1rem 0;
  margin: 0 auto 2rem;
  color: #FFF;
  display: block;
  transition: 0.2s;
}
section#customer p.font18 a:hover{
  border: 1px solid #E6E6E6;
  background-color: #E6E6E6;
  color: #000;
  opacity: 1;
  transition: 0s;
}
section#customer p.font18:first-of-type a{
  margin-top: 9rem;
}

section#contact{
  background: #fafafa;
  padding: 6.5rem 0 11.5rem;
}
section#contact h2{
  margin-bottom: 4.25rem;
}
section#contact p.font18 a{
  max-width: 800px;
  border:1px solid #666;
  padding: 1.4rem 0;
  margin: 0 auto 2rem;
  color: #000;
  display: block;
  transition: 0.2s;
}
section#contact p.font18 a:hover {
    border: 1px solid #E6E6E6;
    background-color: #E6E6E6;
    opacity: 1;
    transition: 0s;
}
section#contact p.font14{
  margin-top: -1.5rem;
}



@media print, screen and (max-width: 767px) {
.hd .hd_ttl{
  width: 57.8%;
  top: 85px;
  left: 30px;
}

section#about,
section#service,
section#kodawari,
section#concept,
section#contact,
section#moshikomi,
section#company	{
  padding-left:6.25%;
  padding-right:6.25%;
}
section#about h2{
  line-height: 1.7;
}
section#about p.font18{
  line-height: 2.24;
  font-size: 1.2rem;
}
section#about h2 span.br-pc{
  display: none;
}

section#about .wrapper{
  height: 100%;
  margin-top: 3.5rem;
}

section#about .wrapper p:first-of-type,
section#about .wrapper p:nth-of-type(2),
section#about .wrapper p:last-of-type{
  width: 100%;
  position: relative;
  margin-bottom: 5px;
  top: 0;
  left: 0;
}

section#service{
  padding-top: 3.5rem;
  padding-bottom: 5.5rem;
}

section#kodawari,
section#concept,
section#moshikomi,
section#company	{
  padding-top: 5rem;
}
   section#kodawari h2,
	section#concept h2,
	section#moshikomi h2,
	section#company h2{
    margin-bottom: 4.05rem;
  }
  section#kodawari p,
  section#concept p,
	section#moshikomi p{
    line-height: 2.24;
    font-size: 1.1rem;
  }
	section#company p{
    line-height: 3.24;
	 font-size: 1.1rem;
  }
   section#kodawari div.brd,
	section#concept div.brd,
	section#moshikomi div.brd,
	section#company div.brd{
    padding: 20px 15px;
  }
   section#kodawari div dl dd span,
	section#concept div dl dd span,
   section#moshikomi div dl dd span,
  section#company div dl dd span{
    letter-spacing: 0;
    font-size: 0.875rem;
  }

section#customer{
  padding-bottom: 5rem;
}
  section#customer h2{
    margin-top: 0;
    margin-bottom: 5rem;
  }
  section#customer #slick-wrapper{
    padding-bottom: 7rem;
    padding-left:6.25%;
    padding-right:6.25%;
  }
  section#customer #slick-wrapper div{
    padding-bottom: 25px;
    border-bottom: 1px solid #b3b3b3;
    margin-bottom: 45px;
  }
  section#customer #slick-wrapper div:last-of-type{
    border: none;
    padding-bottom: 0;
    margin-bottom: 0;
  }

  section#customer ul.slick-box li{
    width: 225px;
  }
  section#customer div.font18-wrapper{
    padding-left:6.25%;
    padding-right:6.25%;
  }
  section#customer p.font18 a{
    padding: 1.3rem 0;
  }
  section#customer p.font18:first-of-type a {
      margin-top: 6.5rem;
  }

section#contact{
  padding-top: 5.5rem;
  padding-bottom: 6.5rem;
}

@media print, screen and (max-width: 767px) {
section#company body.page-template-page-company dl{
  border-color: #999;
}
	
}

}