@charset "utf-8";
/*===============================================
photo header
===============================================*/
.img--header {
  width: 100%;
}
/*===============================================
slideImage
===============================================*/
/*.slideshow {
    overflow: hidden;
    position: relative;
    min-width: 960px;
    height: 465px;
}
.slideshow img {
    display: none;
    position: absolute;
    left: 50%;
    margin-left: -800px;
}*/

.js_slideshow {
  width: 100%;
  height: 100%;
  z-index: -1;
  overflow: hidden;
  position: relative;
  background-size: cover;
  background-image: url(../../img/index/slide/img_slide_01.jpg);
}
.js_slideshow .slide,
.js_slideshow .slide_text {
  width: 100%;
  height: 100%;
  display: none;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  /*background-attachment: fixed;*/
}
.slide,
.slide_text {
  background-position: center top;
}
.slide_hero_01 {
  background-image: url(../../img/index/slide/img_slide_01.jpg);
}
.slide_hero_02 {
  background-image: url(../../img/index/slide/img_slide_03.jpg);
}
.slide_hero_03 {
  background-image: url(../../img/index/slide/img_slide_04.jpg);
}
.slide_hero_04 {
  background-image: url(../../img/index/slide/img_slide_05.jpg);
}
.slide_hero_05 {
  background-image: url(../../img/index/slide/img_slide_06.jpg);
}
.slide_hero_06 {
  background-image: url(../../img/index/slide/img_slide_07.jpg);
}
.slide_hero_07 {
  background-image: url(../../img/index/slide/img_slide_08.jpg);
}
.slide_hero_08 {
  background-image: url(../../img/index/slide/img_slide_09.jpg);
}
/* .slide_hero_09{ background-image: url(../../img/index/slide/img_slide_09.jpg); } */
.slide-about01 {
  background-image: url(../../img/about/mainImage.jpg);
}

#img_ct,
.img_outline02 {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
#img_ct {
  background-image: url(../../img/tools/img_ct.jpg);
}
.img_outline02 {
  background-image: url(../../img/about/img_main_02.jpg);
}

/*===============================================
img
===============================================*/
.sectionImage {
  height: 100%;
  position: relative;
  background-size: cover;
}

/*===============================================
figure
===============================================*/
.img--normal {
  border: 1px solid #dedede;
}
.img--small {
  width: 40%;
}
.img--triangle-right {
  margin: -16% -10% -6% 0;
  text-align: right;
}
.img--triangle-left {
  margin: -9% 0 -25% -10%;
  text-align: left;
}
.img--triangle-left img,
.img--triangle-right img,
.img--circle img {
  width: 30%;
}
.img--circle {
  width: 100%;
}
.img--flow {
  width: 66.6666666666%;
}
.img--title-right {
  width: 35%;
  position: absolute;
  right: -6%;
  top: -12%;
}
.img--title-left {
  width: 35%;
  position: absolute;
  left: -6%;
  top: -12%;
}
.img_sub_tools {
  width: 35%;
  padding-right: 20px;
  padding-bottom: 10px;
}
/*===============================================
figure
===============================================*/
.figure--normal {
  padding: 0;
  border: 1px solid #dedede;
  margin-bottom: 30px;
  font-size: 0.9em;
  color: #666;
}
.figure--normal figcaption {
  padding: 15px;
  line-height: 2;
}
.figure--normal div {
  padding: 0 15px 15px;
}
.figure--normal img {
  margin-bottom: 10px;
}
.figure--half {
  width: 50%;
  padding-left: 20px;
}
/*===============================================
illust
===============================================*/
.illust--basic {
  margin-top: -3%;
  margin-bottom: -3%;
  opacity: 0.5;
}