@charset "UTF-8";
/* 共通START */
.inner1{
  padding: 0 70px;
}
.icon-top{
  position: fixed;
  right: 50px;
  bottom: 90px;
  z-index: 1000;
}
#nav-toggle{
  display: none;   
}
@media (max-width:768px) {
  .inner1{
    padding: 0 20px;
  }
  .icon-top{
    height: 50px;
    bottom: 50px;
  }
  .deco1, .deco2, .deco3{
    display: none;
  }
  .pc-only{
    display: none;
  }
  .pc-only li{
    display: none;
  }
  #nav-toggle{
    display: block;   
  }
}
/* 共通END */
/* ヘッダーSTART */
.header{
  width: 100%;
  height: 40px;
  padding: 10px 40px;
  display: flex;
}
.header ul{
  display: flex;
  margin: 0 0 0 auto;
  justify-content: flex-end;
  align-items: center;
}
.header ul li{
  margin-left: 20px;
}
@media (max-width: 768px) {
  .header ul{
    display: block;
    margin: 0;
  }
  .header ul li a img{
    height: 40px;
  }
}
/* ヘッダーEND */
/* トップSTART */
.top-wrapper{
  display: flex;
}
.top-content{
  padding-top: 200px;
  padding-left: 40px;
  padding-right: 30px;
  z-index: 100;
}
.top-logo{
  width: 180px;
  margin: 0 110px;
}
.top-icon{
  display: flex;
  padding-top: 40px;
  padding-bottom: 30px;
}
.top-icon a:not(:last-child){
  margin-right: 10px;  
}
.icon1, .icon2, .icon3{
  width: 130px;
}
.top-background{
  width: 100%;
  float: right;
  position: relative;
}
.top-image{
  position: relative;
}
.contact {
  width: 250px;
  position: absolute;
  right: 35px;
  top: 35px;
}
@media (max-width:768px){
  .top-wrapper{
    display: block;
  }
  .top-content{
    padding-top: 30px;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    text-align: center;
  }
  .top-logo{
    width: 200px;
    margin: 0;
  }
  .top-icon{
    width: 100%;
    justify-content: center;
  }
  .top-icon a:not(:last-child){
    margin-right: 20px;  
  }
  .icon1, .icon2, .icon3{
    width: 100px;
  }
  .contact {
    width: 150px;
    position: absolute;
    right: 10px;
    top: 10px;
  }
}
/* トップEND */
/* ニュースSTART */
.news-wrapper{
  padding: 20px 0 30px 50px;
  display: flex;
}
.icon-news{
  padding-top: 15px;
  height: 100%;
}
.news-content{
  border-left: solid 2px #000000;
  margin-left: 15px;
  padding-left: 30px;
  font-size: 12px;
}
.icondown{
  text-align: center;
  padding-bottom: 10px;
}
.topics-item{
  line-height: 1.8;
}
.topics-date{
  padding-right: 10px;
}
@media (max-width: 768px) {
  .news-wrapper{
    display: block;
    padding: 20px;
  }
  .news-content{
    margin-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
  }
  .topics-item{
    line-height: 2;
  }
}
/* ニュースEND */
/* ワークフローSTART */
.workflow {
  background-image: url(images/2nd_background.png);
  background-size: cover;
  width: 100%;
  margin-bottom: 200px;
}
.workflow-contents{
  position: relative;
}
.icon1_1, .icon2_2, .icon3_3{
  width: 36%;
}
.icon1_1{
  padding-left: 35px;
}
.deco1{
  position: absolute;
  top: 130px;
  left: 0;
  width: 100%;
}
.icon_movie{
  width: 100px;
}
.youtube{
  position: absolute;
  top: 50px;
  right: 35px;
  border:solid 10px #000;
}
.workflow1, .workflow2, .workflow3{
  margin-top: 30px;
}
.workflow1 img, .workflow2 img, .workflow3 img{
  height: 50px;
}
.workflow2{
  padding-left: 120px;
}
.workflow3{
  padding-left: 240px;
  padding-bottom: 20px;
}
.workflow1 p, .workflow2 p, .workflow3 p{
  padding-left: 70px;
  letter-spacing: 1.7px;
  line-height: 1.3;
}
@media (max-width:768px){
  .workflow {
    margin-bottom: 100px;
  }
  .workflow1{
    margin-top: 430px;
  }
  .workflow2, .workflow3{
    margin-top: 30px;
    padding-left: 0;
  }
  .workflow1 p, .workflow2 p, .workflow3 p{
    padding-left: 10px;
    letter-spacing: 1.3px;
    line-height: 1.8;
    font-size: 14px;
  }
  .workflow-contents{
    text-align: center;
  }
  .icon1_1, .icon2_2, .icon3_3{
    width: 100%;
  }
  .icon1_1{
    padding-left: 0;
    margin-top: 20px;
  }
  .workflowtitle{
    padding-bottom: 5px;
  }
  .workflowtitle img{
    height: 25px;
  }
  .icon_movie{
    width: 70px;
    position: static;
    margin-top: 20px;
  }
  .youtube{
    width: 100%;
    height: 100%;
    top: 400px;
    right: 0;
    border:solid 5px #000;
  }
}
/* ワークフローEND */
/* ギャラリーSTART */
.gallery{
  background-image: url(images/3rd_background.png);
  background-size: cover;
  height: 410px;
  margin-bottom: 200px;
}
.innergallery{
  position: relative;
}
.deco2{
  position: absolute;
  top: 130px;
  width: 90%;
}
.icon2_2{
  float: right;
  padding-right: 40px;
}
@media (max-width:768px){
  .gallery{
    margin-bottom: 100px;
    height: 375px;
  }
  .icon2_2{
    clear: both;
    padding-right: 0;
    margin-top: 20px;
  }
}
/* ギャラリーEND */
/* アバウトアスSTART */
.aboutus{
  background-image: url(images/4th_background.png);
  background-size: cover;
  position: relative;
  height: 770px;
}
.house{
  position: absolute;
  top: 50px;
  right: 70px;
}
.shop{
  position: absolute;
  top: 500px;
  right: 70px;
}
.house-title, .shop-title{
  width: 200px;
  margin-right: 40px;
  margin-bottom: 50px;
}
.house-point, .shop-point{
  width: 370px;
}
.icon3_3{
  padding-top: 195px;
  padding-left: 60px;
}
.deco3{
  position: absolute;
  top: 310px;
  left: 70px;
  width: 90%;
}
@media (max-width:768px){
  .house-title, .shop-title{
    width: 120px;
    margin-right: 0;
    margin-bottom: 0;
  }
  .house-point, .shop-point{
    width: 200px;
  }
  .house{
    top: 410px;
    right: 20px;
  }
  .shop{
    top: 590px;
    right: 20px;
  }
  .deco3{
    position: absolute;
    top: 310px;
    left: 0;
    width: 100%;
  }
  .icon3_3{
    padding-top: 20px;
    padding-left: 0;
  }
}
/* アバウトアスEND */
/* ボトムSTART */
.inner2{
  display: flex;
  justify-content: space-between;
  padding: 100px 180px 50px 180px;
}
.profimage img{
  width: 120px;
}
.message{
  padding-top: 100px;
  padding-left: 50px;
  letter-spacing: 1.7px;
  line-height: 1.3;
}
.message p{
  padding-bottom: 15px;
}
.bottom-logo img{
  width: 180px;
  padding-top: 85px;
}
@media (max-width:768px){
  .inner2{
    display: block;
    padding: 0;
    padding-top: 100px;
    text-align: center;
  }
  .profimage img{
    width: 70px;
  }
  .message{
    padding-top: 30px;
    padding-left: 10px;
    letter-spacing: 1px;
    line-height: 1.8;
    font-size: 12px;
  }
  .message p{
    padding-bottom: 5px;
    text-align: left;
    padding-left: 10px;
  }
  .bottom-logo img{
    padding-top: 20px;
  }
}
/* ボトムEND */
/* 情報START */
.info .inner1{
  display: flex;
}
.prof{
  display: flex;
}
.proficon, .officeicon{
  padding-top: 40px;
}
.proficon img, .officeicon img{
  height: 20px;
}
.prof-date1{
  padding-right: 20px;
}
.prof-date2{
  padding-right: 6px;
}
.prof-date3{
  padding-right: 20px;
}
.profdesc{
  padding-left: 90px;
}
.office{
  display: flex;
  padding-left: 30px;
}
.prof-contents, .office-contents{
  border-left: solid 1px #000000;
  margin-left: 20px;
  padding-left: 20px;
  margin-bottom: 70px;
  font-size: 13px;
  line-height: 1.3;
}
.prof-item-top{
  padding-top: 20px;
}
.kanji{
  font-size: 25px;
}
.prof-item, .office-item{
  padding-bottom: 30px;
}
.office-item h1+p{
  padding-left: 35px;
}
.office-item-top{
  padding-top: 50px;
}
@media (max-width:768px){
  .prof-contents, .office-contents{
    margin-left: 10px;
    padding-left: 10px;
    margin-bottom: 30px;
    line-height: 1.8;
  }
  .info .inner1{
    display: block;
  }
  .prof{
    display: block;
  }
  .proficon{
    padding-top: 100px;
  }
  .office{
    display: block;
    padding-left: 0;
  }
  .officeicon{
    padding-top: 0;
  }
}
/* 情報START */
/* フッターSTART */
.footer{
  background-color: #211715;
  height: 80px;
}
.footer .inner1 ul{
  display: flex;
  justify-content: flex-end;
  padding-top: 15px;
}
.footer .inner1 ul li:not(:last-child){
  margin-right: 20px;
}
@media (max-width:768px){
  .footer{
    height: 50px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .footer .inner1 ul{
    padding-top: 10px;
    justify-content: space-between;
  }
  .footer ul li a img{
    height: 11px;
  }
}
/* フッターEND */
/*ハンバーガーメニュー・スムーススクロール START*/
#nav-toggle {
  position: fixed;
  top: 30px;
  right: 20px;
  height: 20px;
  cursor: pointer;
}
#nav-toggle div{
  position: relative;
  width: 30px;
}
#nav-toggle span{
  width: 100%;
  height: 1px;
  left: 0;
  display: block;
  background: #211715;
  position: absolute;
  transition: transform .6s ease-in-out, top .5s ease;
}
#nav-toggle span:nth-child(1) {
  top: 0;
}
#nav-toggle span:nth-child(2) {
  top: 10px;
}
#nav-toggle span:nth-child(3) {
  top: 20px;
}
#nav-toggle:hover span:nth-child(1) {
  top: 0;
}
#nav-toggle:hover span:nth-child(3) {
  top: 20px;
}
.open #nav-toggle span{
  background: #211715;
}
.open #nav-toggle span:nth-child(1) {
  top: 10px;
  transform: rotate(45deg);
}
.open #nav-toggle span:nth-child(2) {
  top: 10px;
  width: 0;
  left: 50%;
}
.open #nav-toggle span:nth-child(3) {
  top: 10px;
  transform: rotate(-45deg);
}
#nav-toggle {
  z-index: 1200;
}
/*ハンバーガーメニュー・スムーススクロール END*/
/*PC表示 START*/
@media (min-width: 769px) {
  #responsive-global-nav{
      display: none;
  }
  .pc-hid{
      display: none;
  }
}
/*PC表示 END*/
/*スマホ・タブレット表示 START*/
@media (max-width: 768px) {
  /*ベース・共通部分 START*/
  .responsive-hid{
      display: none;
  }
  /*ベース・共通部分 END*/
  
  /*ヘッダー START*/
  @media (max-width:768px){
    .header{
      box-shadow: none;
    }
  }
  #pc-global-nav{
      display: none;
  }
  #responsive-global-nav{
      background: #ffffff;
      color: #fff;
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 1100;
      text-align: center;
      display: flex;
      visibility: hidden;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      font-size: 29px;
      opacity: 0;
      transition: opacity .6s ease, visibility .6s ease;
  }
  #responsive-global-nav a{
      display: block;
      color: #211715;
      text-decoration: none;
      padding: 10px 0;
      transition: color .6s ease;
  }
  #responsive-global-nav ul li{
      opacity: 0;
      transform: translateX(200px);
      transition:  transform .6s ease, opacity .2s ease;
  }

  .open {
      overflow: hidden;
  }
  .open #responsive-global-nav{
      visibility: visible;
      opacity: 1;
  }.open #responsive-global-nav li{
      opacity: 1;
      transform: translateX(0);
      transition:  transform 1s ease, opacity .9s ease;
  }
  /*ハンバーガーメニュー・スムーススクロール START*/
  #nav-toggle {
      position: fixed;
      top: 30px;
      right: 20px;
      height: 20px;
      cursor: pointer;
  }
  #nav-toggle div{
      position: relative;
      width: 30px;
  }
  #nav-toggle span{
      width: 100%;
      height: 1px;
      left: 0;
      display: block;
      background:#211715;
      position: absolute;
      transition: transform .6s ease-in-out, top .5s ease;
  }
  #nav-toggle span:nth-child(1) {
      top: 0;
  }
  #nav-toggle span:nth-child(2) {
      top: 10px;
  }
  #nav-toggle span:nth-child(3) {
      top: 20px;
  }
  #nav-toggle:hover span:nth-child(1) {
      top: 0;
  }
  #nav-toggle:hover span:nth-child(3) {
      top: 20px;
  }
  .open #nav-toggle span{
      background: #211715;
  }
  .open #nav-toggle span:nth-child(1) {
      top: 10px;
      transform: rotate(45deg);
  }
  .open #nav-toggle span:nth-child(2) {
      top: 10px;
      width: 0;
      left: 50%;
  }
  .open #nav-toggle span:nth-child(3) {
      top: 10px;
      transform: rotate(-45deg);
  }
  #nav-toggle {
      z-index: 1200;
  }
  /*ハンバーガーメニュー・スムーススクロール END*/
  .news{
      font-weight: normal;
      font-size: 10px;
      top: 65px; /*位置固定*/
      right: 0; /*位置固定*/
      left: 20px;/*位置固定*/
  }
  /*ヘッダー END*/


  /*スクロール矢印 START*/
  .scroll-btn, .scroll-btn span{
      display: none;
  }
  /*スクロール矢印 END*/

  /*フッター START*/
  .footer{
      padding: 5px;
  }
  .copyright{
      font-size: 10px;
  }
  /*フッター END*/

  /*スクロールフェードイン START*/
  /*スクロールフェードイン END*/
}
/*スマホ・タブレット表示 END*/