@charset "utf-8";

/*
 *
 * Usage: Carbon layout
 *
 * Name: carbon.css
 *
 */
section .inner {padding:85px 0;}
  section .inner h2 {text-align:center; font-style:italic; font-size:28px; margin-bottom:75px;}

section .inner .jp {float:left; width:480px; line-height:250%;}
section .inner .en {float:right; width:480px; line-height:250%; letter-spacing:0;}

section .inner .jp p,
section .inner .en p {font-size:14px;}
#main {text-align:center;}
#main img {
  max-width: 550px;
}
#about h2 {
  background:url(#) no-repeat 0 100%;
  padding-bottom:36px; margin-bottom:40px; font-size:24px; font-style:normal; text-align:left;
}
#founder {background-color:#f2f2f2;}
  #founder .prof:not(:last-of-type) {margin-bottom:90px;}
  #founder h3 {
    background:url(#) no-repeat 0 100%;
    padding-bottom:30px; margin-bottom:30px; font-size:18px; letter-spacing:.1em;
  }
  #founder h3 span {font-size:12px; margin-left:20px;}
#history .jp,
#history .en {background:url(#) no-repeat 0 0; padding-top:35px; font-size:14px;}
#history dt {font-size:10px; letter-spacing:1px;}
#history dl:not(:last-of-type) {margin-bottom:50px;}
#history dd {line-height: 180%;}
#thoughts {background-color:#f2f2f2;}
  #thoughts .img {float:left;}
  #thoughts .img img {
    max-width: 470px;
  }
  #thoughts .jp {float:right; margin-bottom:50px;}
#principles dl {margin-bottom:50px;}
#principles dt {font-size:18px; margin-bottom: 12px;}
#principles dd {font-size:14px;}
.sp section .inner {padding:85px 0;}
.sp section .inner .jp {float:none; width:auto; padding:0 20px; margin-bottom:50px;}
.sp section .inner .en {float:none; width:auto; padding:0 20px;}
.sp #main {padding:0 20px;}
.sp #main img {width:100%;}
.sp #about h2 {margin-left:20px;}
.sp #founder .en h3 span {
  display: block;
  margin-left: 0;
}
.sp #history .jp,
.sp #history .en {background:url(#) no-repeat 20px 0;}
.sp #thoughts .img {float:none; padding:0 20px; margin-bottom:30px;}
  .sp #thoughts .img img {width:100%;}
.sp #thoughts .jp {float:none; margin-bottom:50px;}

.carbon_mb {
  margin-bottom: 50px;
}
.carbon_img {
  text-align: center;
  margin-bottom: 100px;
  margin-top: -50px;
}
.carbon_img img {
  width: 80%;
}
.carbon_lh {
  line-height: 30px;
}
.carbon_img_end img {
  width: 50%;
}
.carbon_img_end {
  text-align: center;
}
.carbon_txt {
  width: 800px;
  text-align: left;
  margin: 0 auto;
  font-size: 14px;
  letter-spacing: .15em;
}
.carbon_txt p{
  letter-spacing: .15em;
  line-height: 250%;
}
.inner_txt1 {
  font-size: 18px;
  margin-bottom: 50px;
  margin-top: 50px;
}
.inner_txt2 {
  margin-bottom: 80px;
}
.inner_txt3 {
  margin-bottom: 50px;
}
.kisetsuto_img img {
  width: 60%;
  max-width: 800px;
}
.kisetsuto_img {
  margin: 0 auto;
  text-align: center;
  margin-bottom: 100px;
}
.kisetsuto_fz {
  font-size: 20px;
}
#container {
  min-width: 1px;
}

@media screen and (max-width: 1099px) {
  section .inner .jp,
  section .inner .en {
    float: none;
    margin: 0 auto;
    margin-bottom: 100px;
    width: 100%;
  }
  .target dd img {
    display: none;
  }
  #container section .inner {
    width: 100%;
  }
  #thoughts .img {
    float: none;
    text-align: center;
  }
  #history .jp {
    display: none;
  }
  section .inner .en p {
    width: 50%;
    margin: 0 auto;
  }
  #thoughts .jp {
    margin-top: 50px;
  }
  nav.minheader .gnav li {
    display: block;
    line-height: 2;
  }
  #container {
    margin-top: 100px;
  }
  nav.minheader {
    height: 160px;
  }
  section .inner .jp p {
    width: 50%;
    margin: 0 auto;
  }
  #thoughts .jp {
    float: none;
  }
  #founder h3 {
    margin: 0 auto;
    width: 50%;
    }
    .carbon_txt {
      width: 90%;
      margin: 0 auto;
    }
    .kisetsuto_img img {
      width: 80%;
    }
  }