@charset "UTF-8";



html {
  font-size: 14px;
}

@media screen and (max-width:640px) {
  html {
    font-size: 12px
  }
}

.wf-loading { visibility: hidden;}
.wf-active { visibility: visible;}



body {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  font-feature-settings: "palt";
  font-weight: bold;
  font-style: normal;
  line-height: 1.8;
  color: #000000;
  background-color:#e5e8ea;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
  font-size:12px;
  overflow-x: hidden;
  letter-spacing: 0.04em;
}

body.news{
  background:#f7f7f8 url(/assets/img/news/pc-bg.jpg) no-repeat center top;
    width: 100%;
    background-size: unset;
    height: 0;
    padding-top: 62.5%;
    position: relative;
}

.news-index-bg{
  position:absolute;
  top:0;
  width:100%;
  height:100%;
margin:0;
padding:0;
}



@media screen and (max-width: 800px) {

  body {
    font-family: "Noto Sans JP", "Roboto", "ヒラギノ角ゴ W6", "Hiragino Kaku Gothic W6", "ヒラギノ角ゴ W3", "Hiragino Kaku Gothic W3", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    letter-spacing: 0.05em;
  }

  body.news{
    background:#f7f7f8 url(/assets/img/news/sp-bg.jpg) no-repeat center top;
    background-size:cover;
      width: 100%;
      height: 0;
      padding-top: 62.5%;
      position: relative;
}

}


a {
  color: #000000;
  text-decoration: none;
  transition-property: color;
}

a:hover {
  color: #00B2A2
}

._current{
  display:inline-block;
  line-height:120%;
  border-bottom:3px solid #ff5b6b;
}

._grey{
  color:#ffffff;
}

@media screen and (max-width: 800px) {

  ._grey{
    color:#000000;
  }
}

@media screen and (max-width: 640px) {

  ._grey{
    color:#ffffff;
  }
}




@media screen and (max-width: 640px) {

  ._current{
    display:inline-block;
    line-height:110%;
    border-bottom:2px solid #ff5b6b;
  }
  
}



time {
  color: #ff5b6b;
  font-size: 14px
}

address {
  font-style: normal
}

img {
  vertical-align: bottom
}

*, :after, :before {
  box-sizing: border-box
}

::-moz-selection, ::selection {
  color: #ffffff;
  background: #00B2A2
}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, l, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
  margin: 0;
  padding: 0
}

li {
  list-style: none
}

a img {
  border: none
}

img {
  max-width: 100%;
  height: auto
}



._din-2014{
  font-family: din-2014, sans-serif;
  letter-spacing: 0.05em;
  font-style: italic;
font-weight: 800;
}


@media screen and (max-width: 640px) {

  ._din-2014{
    font-family: din-2014, sans-serif;
    letter-spacing: 0.02em;
    font-style: italic;
  font-weight: 800;
  }
  
}







/* HEADER
================================================== */


	
.right-conetnts{
  width:160px;
  position: fixed;
  right:40px;
  top: 40px;
z-index:100;
background-color: #ffffff;
padding:20px 30px;
}




@media screen and (min-width: 1460px){
  .right-conetnts{
    right: calc(50% - 680px);
  }
}
 

h1{
  margin:0 0 10px 0;
  padding:0;
}


ul.right-navigation{
  width:auto;
  height:auto;
  margin:10px 0 0 0;
  padding:0;
  text-align: left;
}

ul.right-navigation li{
  width:auto;
  height:auto;
  margin:8px auto;
  padding:0;
  text-align: center;
  font-size:16px;
}

ul.right-navigation li a{
font-style: italic;
color: #ff5b6b;
display:inline-block;
line-height:120%;
}

@media screen and (max-width: 800px) {

  .right-conetnts{
    width:20%;
    position: fixed;
    right:0px;
    top:0px;
  z-index:120;
  background-color: #ffffff;
  padding:30px 15px 15px 15px;
  }

  h1{
    margin:-5px 0 10px 0;
    padding:0 10px;
  }

}

@media screen and (max-width: 640px) {

  .right-conetnts{
    width:26%;
    position: fixed;
    right:0px;
    top:0px;
  z-index:120;
  background-color: #ffffff;
  padding:0px 15px;
  }



h1{
  margin:5px 0 10px 0;
  padding:0;
}

  ul.right-navigation{
    width:auto;
    height:auto;
    margin:0 0 10px 0;
    padding:0;
    text-align: left;
  }
  
  ul.right-navigation li{
    width:auto;
    height:auto;
    margin:5px auto;
    padding:0;
    text-align: center;
    font-size:14px;
  }

}




.left-conetnts{
  width:100%;
  position: absolute;
  left:0px;
  top:40px;
z-index:90;
padding:0;
}
 
@media screen and (min-width: 1460px){
  .left-conetnts{
    left: calc(50% - 50%);
  }

}



ul.left-navigation{
  max-width:600px;
  min-width:290px;
  height:auto;
  margin:0 auto;
  padding:0;
  text-align: center;
  background-color: #ffffff;

}


ul.left-navigation li{
  width:auto;
  height:auto;
  margin:0 2%;
  padding:10px 0;
  display:inline-block;
  text-align: left;
  font-size:14px;
}

ul.left-navigation li a{
color: #ff5b6b;
}


.left-ttl_contents{
  margin:0;
  padding:0;
  position: relative;
  top:40px;
}



.left-ttl{
  width:auto;
  height:auto;
  margin:0 0 -10px 0;
  padding:0 0 0 0;
  text-align: left;
}




h2,
h2 a{
  font-size:24px;
  color: #000000;
  margin:0;
  padding:0;
}

@media screen and (max-width: 800px) {

  .left-conetnts{
    width:100%;
    position: relative;
    left:0px;
    top:0;
  z-index:100;
  padding:0;
  text-align: left;
  }

  ul.left-navigation{
    max-width:100%;
    min-width:290px;
    height:auto;
    margin:0;
    padding:10px 0 3px 18px;
    text-align: left;
    font-size:12px;
  }

  .left-ttl_contents{
    margin:0;
    padding:0;
    position: relative;
    top:40px;
  }
  
  
  
  .left-ttl{
    width:auto;
    height:auto;
    margin:0;
    padding:0 0 40px 0;
    text-align: left;
  }
}



@media screen and (max-width: 640px) {

  .left-conetnts{
    width:100%;
    position: relative;
    left:0px;
    top:0;
  z-index:100;
  padding:0;
  }

ul.left-navigation{
  width:80%;
  min-width:290px;
  height:auto;
  margin:0;
  padding:10px 0 3px 18px;
  text-align: left;
  font-size:12px;
}

ul.left-navigation li{
  width:auto;
  height:auto;
  margin:0 2.5%;
  padding:1px 0 3px 0;
  display:inline-block;
  text-align: left;
}

.left-ttl_contents{
  margin:0;
  padding:0;
  position: relative;
  top:20px;
}




.left-ttl{
  width:auto;
  height:auto;
  margin:0px 0 20px 0;
  padding:0;
  text-align: left;

}


  h2,
  h2 a{
    font-size:20px;
    color: #000000;
    margin:0;
    padding:0;
    text-align: left;
  }
  

}



/* CONTENTS
================================================== */

.wrapper{
  max-width: 1460px;
  width: 100%;
  height: auto;
  margin:0px auto;
  padding:0 120px;
  text-align: left;
  position: relative;
  box-sizing: border-box;
}

.content{
  max-width: 1200px;
  min-width:320px;
  height:auto;
  margin:0 auto;
  padding:0;
  text-align: center;
  position: relative;
}

.content_blog{
  max-width: 720px;
  min-width:320px;
  height:auto;
  margin:0 auto;
  padding:0;
  text-align: center;
  position: relative;
}



@media screen and (max-width: 800px) {


  .wrapper{
    max-width: 1460px;
    width: 100%;
    height: auto;
    margin:0px auto;
    padding:0;
    text-align: left;
    position: relative;
    box-sizing: border-box;
    top:0;
  }
  
  .content{
    max-width: 1200px;
    width:auto;
    height: auto;
    height:auto;
    margin:0 auto;
    padding:0 20px;
    text-align: center;
    position: relative;
  }
  
  .content_blog{
    max-width: 1200px;
    width:auto;
    height: auto;
    height:auto;
    margin:0 auto;
    padding:0 20px;
    text-align: center;
    position: relative;
  }

}


@media screen and (max-width: 640px) {


  .wrapper{
    max-width: 1460px;
    width: 100%;
    height: auto;
    margin:0px auto;
    padding:0;
    text-align: left;
    position: relative;
    box-sizing: border-box;
    top:0;
  }
  
  .content{
    max-width: 1200px;
    width:auto;
    height: auto;
    height:auto;
    margin:0 auto;
    padding:0 20px;
    text-align: center;
    position: relative;
  }
  
  .content_blog{
    max-width: 1200px;
    width:auto;
    height: auto;
    height:auto;
    margin:0 auto;
    padding:0 20px;
    text-align: center;
    position: relative;
  }

}


/* FOOTER
================================================== */

footer{
  width:100%;
  height:auto;
  margin:0 0 30px 0;
  padding:0;

}

.copyright{
  color:#262626;
  font-size:16px;
  letter-spacing: 0;
  text-align: left;
  position: relative;
  margin:0;
  padding:0 0 0 13px;
  opacity:0.3;
}

.copyright::before {
  content: url(/assets/img/common/copyright.svg);
  display: inline-block;
  width:12px;
  height:12px;
  position: absolute;
  top:0px;
  left:0;
}

.news footer{
  position: relative;
  margin:0;
  padding:65px 0 30px 0;
}



.news .copyright{
  color:#262626;
  font-size:16px;
  letter-spacing: 0;
  text-align: left;
  position: relative;
  margin:0;
  padding:0 0 0 13px;
  opacity:0.3;
}




/* WORKS
================================================== */

ul.main-works-th{
  width:auto;
  height:auto;
  margin:130px 0 0 0;
  padding:0;
  text-align: left;
}

ul.main-works-th li{
  margin:0 0 20px 0;
  padding:0;
}

.works-ttl{
  font-size:14px;
  margin:10px 0 0 0;
}


.category ul.works-th{
  width:auto;
  height:auto;
  margin:110px 0 0 0;
  padding:0;
  text-align: left;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}



ul.works-th{
  width:auto;
  height:auto;
  margin:0;
  padding:0;
  text-align: left;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

ul.works-th li{
  width:48%;
  margin:2% 0;
  padding:0;
}


ul.works-th li::after {
  content: "";
  display: block;
  width:48%;
  height: 0;
}

.post-main{
  width:auto;
  height:auto;
  margin:0;
  padding:0;
  position: relative;
  right: 0;
  left: 0;
  top:0px;
  max-width:1200px;
}

.post-main img{
width:100%;
height:auto;
}


.post{
  width:auto;
  height:auto;
  margin:0;
  padding:0;
  position: relative;
  right: 0;
  left: 0;
  top:0px;
  max-width:1200px;
}

.post img{
width:100%;
height:auto;
}



img.static {
	position:relative;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:1;
	opacity:1;
}

img.animation {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:0;
	opacity:0;
}


.post{
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  filter: grayscale(0%);
  }
  
  .post:hover{
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  filter: grayscale(100%);
  }


.post-main:hover img.static,
.post:hover img.static{
	opacity:0;
}
.post-main:hover img.animation,
.post:hover img.animation {
	opacity:1;
}

@media screen and (max-width: 800px) {

  ul.main-works-th{
    width:auto;
    height:auto;
    margin:30px 0 0 0;
    padding:0;
    text-align: left;
  }
  


.category ul.works-th{
  width:auto;
  height:auto;
  margin:10px 0 0 0;
  padding:0;
  text-align: left;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.post{
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  filter: grayscale(0%);
  }
  
  .post:hover{
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    filter: grayscale(0%);
  }


}



@media screen and (max-width: 640px) {



ul.main-works-th{
  width:auto;
  height:auto;
  margin:30px 0 0 0;
  padding:0;
  text-align: left;
}


ul.main-works-th li{
  margin:0;
  padding:0;
}

.post-main{
  width: 100%;
  height: 90vw;
  position: relative;
  overflow: hidden;
}

.post-main img{
  object-fit:cover;
    width:100vw;
    height:90vw;
}

.post{
  width: 100%;
  height:auto;
  position: relative;
  overflow: hidden;
}

.post img{
width:auto;
height:auto;
}


.works-ttl{
  font-size:12px;
  margin:10px 0 0 0;
  font-weight: bold;
}


.category ul.works-th{
  width:auto;
  height:auto;
  margin:10px 0 0 0;
  padding:0;
  text-align: left;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}


ul.works-th{
  width:auto;
  height:auto;
  margin:0;
  padding:0;
  text-align: left;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

ul.works-th li{
  width:auto;
  margin:20px 0;
  padding:0;
}


ul.works-th li::after {
  content: "";
  display: block;
  width: 26%;
  height: 0;
}


}


/* NEWS
================================================== */


.left-conetnts-blog{
  width:100%;
  height:auto;
padding:0;
margin:0;
}
 


.news_contents01{
  margin:0;
  padding:25px 0 80px 0;
  text-align:left;
 }

 .news_contents02{
  margin:0;
  padding:0px 0 15px 0;
  text-align:left;
 }


ul.news-list{
  width:auto;
  height:10vh;
  margin:60px 0 0 0;
  padding:0;
  font-size: 13px;
  text-align: left;
}

ul.news-list li{
  margin:10px 0;
  padding:0;
  padding-left:1em;
text-indent:-1em;
}

ul.news-list li::before {
  content: ">";
  margin:0 5px 0 0;
  color:#000000;
}

ul.news-list li a{
color:#000000;
}

ul.news-list li a:hover{
  color:#00B2A2;
  }



.news-post-w{
  width:100%;
  height:auto;
  overflow:hidden;
  margin:30px 0 -90px 0;
  padding:0;
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  justify-content: space-between;
  text-align:left;
}

.news-post-w::before{
  content:"";
  display: block;
  width:24%;
  order:1;
}
.news-post-w::after{
  content:"";
  display: block;
  width:24%;
}


.news-post{
  width:24%;
  margin:0 0 30px 0;
  padding:0;
  text-align:left;
  position: relative;
  background-color:#f6f6f6;
}




.news-post-images{
  margin:0 0 10px 0;
  padding:0;
  width:100%;/*上下のpaddingと同じにする*/
  height: 0;
  padding-top:55%;/*widthと同じにする*/
  position: relative;
}


.news-post-images img.static {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: auto;
  transform: translate(-50%, -50%);
	z-index:1;
	opacity:1;
}


.news-post-images img.animation {
	position:absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: auto;
  transform: translate(-50%, -50%);
	z-index:1;
	opacity:0;
}


.news-post-images:hover img.static{
	opacity:0;
}

.news-post-images:hover img.animation {
	opacity:1;
}



.single-box_news{
  margin:60px 0 0 0;
}

.single-box_news p:first-child{
  width:100%;
  margin:0;
  padding:0;
}

.single-box_news p{
  width:100%;
  margin:0;
  padding:0;
  word-break: break-all;
}


.news-post-images-ttl{
  margin:15px 15px 0 15px;
  padding:0;
  line-height: 150%;
  font-size: 13px;
}

.news-post-date{
  color:#a0a0a0;
  font-size:10px;
  margin:0 15px 15px 15px;
}



.news-post a:hover{
  color:#000000;
  }





  @media screen and (max-width: 800px) {


  .news_contents01{
    margin:0;
    padding:15px 0;
    text-align:left;
   }
  
   .news_contents02{
    margin:0;
    padding:20px 0;
    text-align:left;
   }
    
   ul.news-list{
     width:70%;
    margin:0;
    padding:0;
  }
  
  .news-post-w{
    width:100%;
    height:auto;
    overflow:hidden;
    margin:20px 0 0 0;
    padding:0;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    justify-content: space-between;
    text-align:left;
  }
  
  
  .news-post{
    width:48.5%;
    margin:0 0 20px 0;
    padding:0;
    text-align:left;
    position: relative;
  }

  .news-post-images:hover img.static{
    opacity:0;
  }
  
  .news-post-images:hover img.animation {
    opacity:1;
  }
  
  .single-box_news p:first-child{
    width:70%;
    margin:0;
    padding:0;
  }
  
  .single-box_news p{
    width:100%;
    margin:0;
    padding:0;
  }
  

  
  }



  @media screen and (max-width: 640px) {
    
    
       
    .news_contents01{
      margin:0;
      padding:15px 0;
      text-align:left;
     }
    
     .news_contents02{
      margin:0;
      padding:15px 0;
      text-align:left;
     }
    
    
    ul.news-list{
      width:70%;
  height:21vh;
      margin:-15px 0 0 0;
      padding:0;
    }
    
    ul.news-list li{
      margin:15px 0;
      padding:0;
      padding-left:1em;
    text-indent:-1em;
    line-height:150%;
    font-size:12px;
    }
    
    ul.news-list li::before {
      content: ">";
      margin:0 5px 0 0;
    }

    
    ul.news-list li a:hover{
      color:#000000;
      }
    
    
    
    .news-post-w{
      width:100%;
      height:auto;
      overflow:hidden;
      margin:0;
      padding:0;
      display: block;
      display: -webkit-flex;
      flex-wrap: wrap;
      justify-content: space-between;
      text-align:left;
    }
    
    
    .news-post{
      width:100%;
      margin:0 0 20px 0;
      padding:0;
      text-align:left;
      position: relative;
    }
    
    .news-post-images{
      margin:0 0 10px 0;
      padding:0;
      width:100%;/*上下のpaddingと同じにする*/
      height: 0;
      padding-top:55%;/*widthと同じにする*/
      position: relative;
      overflow: hidden;
    }
    
    .news-post-images img{
      width: 100%;
      position: absolute;
      top: 50%;
      left: 50%;
      width: 100%;
      height: auto;
      transform: translate(-50%, -50%);
    }
    
    .single-box_news{
      margin:15px 0 60px 0;
    }


    
    .news-post-images-ttl{
      margin:10px 10px 5px 10px;
      padding:0;
      line-height: 150%;
      font-size:13px;
    }
    
    .news-post-date{
      margin:0 0 15px 10px;
      padding:0;
      color:#a0a0a0;
      font-size:11px;
    }
    

    .news-post a:hover{
      color:#ff5b6b;
      }
    
    
   

  }

/* SINGLE
================================================== */





.single_contents01{
  margin:0;
  padding:45px 0;
  text-align:left;
 }

.single-box{
  margin:0;
  padding:0;
  text-align:left;
}

.single-box-ttl{
  margin:0 0 5px 0;
  padding:0;
  font-size:18px;
}

.single-box-category{
  margin:0 0 20px 0;
  padding:0;
  font-size:12px;
}

.single-box-date{
  margin:0;
  padding:0;
  font-size:11px;
  color:#a0a0a0;
}

ul.taglist{
  margin:0 0 60px 0;
  padding:0;
}


ul.taglist li{
  margin:0;
  padding:0;
  display:inline-block;
}

ul.taglist li::after {
  content: "/";
  margin:0 5px;
	font-size:12px;
}

ul.taglist li:last-child::after {
  content: "";
  margin:0;
	font-size:12px;
}

.txt{
  margin:0;
  padding:0;
}

.images{
  margin:60px 0;
}

.movie_embedded {
  padding:0;
  margin:60px 0;
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  text-align: left;
}
.movie_embedded iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}



ul.single-nav-button{
  margin:90px 0 0 0;
  background-color:#ffffff;
  padding: 10px 40px;
  display: flex;
	justify-content: space-between;
  align-items: flex-start;
	flex-wrap: wrap;
  font-size:16px;
  position: relative;
}


ul.single-nav-button li.allbutton{
  margin:0;
  text-align: center;
  padding:0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}


ul.single-nav-button li img{
width:22px;
display: block;
margin:0 auto;
text-align: center;
}

ul.single-nav-button li a{
  color: #ff5b6b;
}


ul.single-nav-button li img:hover{
  filter: saturate(50%);
}

.spnone_l{
  display:inherit;
  margin:0 0 0 5px;
  }

  .spnone_r{
    display:inherit;
    margin:0 5px 0 0;
    }
    

    @media screen and (max-width: 800px) {

      .single_contents01{
        margin:0;
        padding:15px 0;
        text-align:left;
       }
      
      .single-box{
        margin:0 0 60px 0;
        padding:0;
        text-align:left;
      }

      ul.single-nav-button{
        margin:0;
        background-color:#ffffff;
        padding: 5px 15px;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-wrap: wrap;
        font-size:20px;
      }
      
    
    
      ul.single-nav-button li a{
        color: #ff5b6b;
      }
      
      
      ul.single-nav-button li img:hover{
        filter: saturate(50%);
      }
    
    .spnone_l{
    display:none;
    }
    
    .spnone_r{
      display:none;
      }

      .single-box-ttl{
        width:70%;
        margin:0 0 0px 0;
        padding:0;
        font-size:14px;
        line-height:130%;
      }
      
      
      
    }

@media screen and (max-width: 640px) {


  .single_contents01{
    margin:0;
    padding:15px 0;
    text-align:left;
   }
  
  .single-box{
    margin:0;
    padding:0;
    text-align:left;
  }



  
  .single-box-category{
    margin:0 0 20px 0;
    padding:0;
    font-size:10px;
  }
  
  .single-box-date{
    margin:0;
    padding:0;
    font-size:10px;
    color:#a0a0a0;
  }
  
  ul.taglist{
    width:70%;
    margin:0 0 15px 0;
    padding:0;
    font-size:10px;
  }
  
  
  ul.taglist li{
    margin:0;
    padding:0;
    display:inline-block;
  }
  
  ul.taglist li::after {
    content: "/";
    margin:0 5px;
    font-size:10px;
  }
  
  ul.taglist li:last-child::after {
    content: "";
    margin:0;
    font-size:12px;
  }
  
  
  .images{
    margin:20px 0;
  }
  
  .movie_embedded {
    padding:0;
    margin:20px 0;
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    text-align: left;
  }
  .movie_embedded iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
  }
  
  
  

}

/* ABOUT
================================================== */


@media screen and (min-width: 680px){   
  .pc { display:inline; }
  .sp { display:none; }
}
@media screen and (max-width: 680px){   
  .pc { display:none; }
  .sp { display:inline; }
}



.about_contents01{
 margin:0;
 padding:80px 0;
 text-align:left;
}

.about_contents02{
  margin:0;
  padding:45px 0;
  text-align:left;
  background-color:#ffffff;
 }

 .about_contents03{
  margin:0;
  padding:45px 0;
  text-align:left;
 }

.txt01{
  margin:0;
  padding:0 0 45px 0;
  text-align: left;
  font-size:14px;
  line-height: 200%;
}

.txt02{
  margin:0;
  padding:0;
  text-align: left;
  font-size:14px;
  line-height: 200%;
}



.about-box-w{
  width:100%;
  height:auto;
  overflow:hidden;
  margin:0 0 35px 0;
  padding:0;
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  text-align:left;
}

.about-box-w2{
  width:100%;
  height:auto;
  overflow:hidden;
  margin:0;
  padding:0;
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  text-align:left;
  align-items: center;
}

.about-box-l{
  width:120px;
  height:auto;
  overflow:hidden;
  padding:0;
  margin:0 35px 0 0;
  text-align:left;
}

.about-box-r{
  width:60%;
  height:auto;
  overflow:hidden;
  padding:0px;
  margin:0;
  text-align:left;
}

dl.about-profile{
  width:auto;
  height:auto;
  margin:0;
  padding:0;
}

dl.about-profile dt{
  margin:0 0 5px 0;
  padding:0;
  font-size:14px;
}

dl.about-profile dd{
  width:auto;
  margin:0;
  padding:0;
  font-size:12px;
  line-height: 200%;
}

dl.about-profile a{
  color:#000000;
  text-decoration: underline;
}

dl.about-profile a:hover{
  color:#000000;
  text-decoration: none;
}



dl.bussiness-profile{
  width:auto;
  height:auto;
  margin:0;
  padding:0;
  text-align: left;
  font-size:14px;
}

dl.bussiness-profile dt{
  margin:0 0 5px 0;
  padding:0;
}

dl.bussiness-profile dd{
  margin:0;
  padding:0;
}



@media screen and (max-width: 800px) {

  .about_contents01{
    margin:0px 0 0 0;
    padding:45px 0 60px 0;
    text-align:left;
   }
   
   .about_contents02{
     margin:0;
     padding:45px 0;
     text-align:left;
     background-color:#ffffff;
    }
   
    .about_contents03{
     margin:0;
     padding:45px 0;
     text-align:left;
    }
   
    dl.about-profile dd{
      text-align: justify;
    }

  }





@media screen and (max-width: 640px) {

  .about_contents01{
    margin:0px 0 0 0;
    padding:45px 0;
    text-align:left;
   }
   
   .about_contents02{
     margin:0;
     padding:45px 0;
     text-align:left;
     background-color:#ffffff;
    }
   
    .about_contents03{
     margin:0;
     padding:45px 0;
     text-align:left;
    }
   
   .txt01{
     width:70%;
     margin:0;
     padding:0 0 45px 0;
     text-align: left;
     font-size: 13px;
   }

   .txt02{
    width:70%;
     margin:0;
     padding:0;
     text-align: left;
     font-size: 13px;
   }
   
  
  
   
   .about-box-w{
     width:100%;
     height:auto;
     overflow:hidden;
     margin:0 0 35px 0;
     padding:0;
     display: block;
     display: -webkit-flex;
     flex-wrap: wrap;
     text-align:left;
   }
   
   .about-box-w2{
     width:100%;
     height:auto;
     overflow:hidden;
     margin:0;
     padding:0;
     display: block;
     display: -webkit-flex;
     flex-wrap: wrap;
     text-align:left;
     align-items: center;
   }
   
   .about-box-l{
     width:100px;
     height:auto;
     overflow:hidden;
     padding:0;
     margin:0 0 20px 0;
     text-align:left;
   }
   
   .about-box-r{
     width:100%;
     height:auto;
     overflow:hidden;
     padding:0px;
     margin:0;
     text-align:left;
   }
   
   dl.about-profile{
     width:70%;
     height:auto;
     margin:0;
     padding:0;
   }
   
   dl.about-profile dt{
     margin:0 0 5px 0;
     padding:0;
     font-size:14px;
   }
   
   dl.about-profile dd{
     margin:0;
     padding:0;
     font-size:12px;
     text-align: justify;
   }
   
   dl.about-profile dd br.none{
     display:none;
   }

   

   dl.bussiness-profile{
     width:70%;
     height:auto;
     margin:0;
     padding:0;
     text-align: left;
     font-size:12px;
   }
   
   dl.bussiness-profile dt{
     margin:0 0 10px 0;
     padding:0;
   }
   
   dl.bussiness-profile dd{
     margin:0;
     padding:0;
   }


}


/* BUTTON
================================================== */

.btn {
  padding: 10px 40px;
  font-weight: bold;
  display: inline-block;
  text-decoration: none !important;
  font-size: 16px;
}

.btn05 {
  background-color: #ffffff;
    color: #ff5b6b ;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 10px 0 0 0;
}
.btn05:hover {
  color:#00B2A2;
  -webkit-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  transform: translateY(-2px);
}


.navhover:hover{
  color:#00B2A2;
}


@media screen and (max-width: 640px) {

  .btn {
    padding: 5px 20px;
    font-weight: bold;
    display: inline-block;
    text-decoration: none !important;
    font-size: 16px;
  }  

  .navhover:hover{
    color:#00B2A2;
  }
  

}