/* CSS Document */
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
@media screen and (min-width: 768px), print {
  a[id] {
    display: block;
    height: 0px;
    overflow: hidden;
    text-indent: -9999px;
    margin-top: -80px;
    padding-bottom: 80px;
  }

  /*============================
  #lead
  ============================*/
  #lead {
    margin-bottom: 50px;
  }
  #lead .inner .ttl {
    margin-bottom: 50px;
  }
  #lead .inner .ttl02 {
    margin-bottom: 34px;
    font-size: 34px;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: 0.05em;
    color: #010000;
  }
  #lead .inner .txt {
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 0.05em;
    color: #000;
    margin-bottom: 90px;
  }
  #lead .inner ul {
    padding: 0 50px;
  }

  /*============================
  #stage01
  ============================*/
  #stage01, #stage02, #stage03 {
    margin-bottom: 60px;
  }
  #stage01 .inner .ttl, #stage02 .inner .ttl, #stage03 .inner .ttl {
    margin-bottom: 24px;
  }
  #stage01 .inner .ttl .en, #stage02 .inner .ttl .en, #stage03 .inner .ttl .en {
    margin-right: 20px;
  }
  #stage01 .inner .ttl .jp, #stage02 .inner .ttl .jp, #stage03 .inner .ttl .jp {
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: 0.05em;
    color: #3e3a39;
  }
  #stage01 .inner .bg-box, #stage02 .inner .bg-box, #stage03 .inner .bg-box {
    background-color: #edede5;
    padding: 40px;
  }
  #stage01 .inner .bg-box .wh-box, #stage02 .inner .bg-box .wh-box, #stage03 .inner .bg-box .wh-box {
    background-color: #fff;
    padding: 48px 40px;
  }
  #stage01 .inner .bg-box .wh-box ul li, #stage02 .inner .bg-box .wh-box ul li, #stage03 .inner .bg-box .wh-box ul li {
    border: 1px dotted #000000;
    padding: 28px;
    margin-bottom: 50px;
  }
  #stage01 .inner .bg-box .wh-box ul li:last-child, #stage02 .inner .bg-box .wh-box ul li:last-child, #stage03 .inner .bg-box .wh-box ul li:last-child {
    margin-bottom: 0px;
  }
  #stage01 .inner .bg-box .wh-box .ttl02, #stage02 .inner .bg-box .wh-box .ttl02, #stage03 .inner .bg-box .wh-box .ttl02 {
    margin-bottom: 30px;
  }
  #stage01 .inner .bg-box .wh-box .txtbox, #stage02 .inner .bg-box .wh-box .txtbox, #stage03 .inner .bg-box .wh-box .txtbox {
    font-size: 16px;
    line-height: 2;
    letter-spacing: 0.05em;
    color: #3e3a39;
  }
  #stage01 .inner .bg-box .wh-box .w01, #stage02 .inner .bg-box .wh-box .w01, #stage03 .inner .bg-box .wh-box .w01 {
    width: 385px;
  }
  #stage01 .inner .bg-box .wh-box .w02, #stage02 .inner .bg-box .wh-box .w02, #stage03 .inner .bg-box .wh-box .w02 {
    width: 585px;
  }

  /*============================
  #afterword
  ============================*/
  #afterword .inner .bnr {
    margin-bottom: 50px;
  }
  #afterword .inner .txt {
    font-size: 18px;
    line-height: 2.2;
    letter-spacing: 0.2em;
    color: #3e3a39;
    padding: 0 70px;
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
	h2.main-title{width: 20%;}
 /*============================
#lead
============================*/
	
  #lead {
    margin-bottom: 15%;
  }
  #lead .inner .ttl {
    margin-bottom: 5%;
  }
  #lead .inner .ttl02 {
    margin-bottom: 5%;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: 0.05em;
    color: #010000;
  }
  #lead .inner .txt {
    font-size: 0.875em;
    line-height: 1.65;
    letter-spacing: 0.05em;
    color: #000;
    margin-bottom: 4%;
    text-align: left;
    padding: 0 3%;
  }
  #lead .inner ul {
    padding: 0 3%;
  }
  #lead .inner ul li {
    width: 32%;
    margin-right: 2%;
  }
  #lead .inner ul li:nth-child(3n) {
    margin-right: 0px;
  }

  /*============================
  #stage01
  ============================*/
  #stage01, #stage02, #stage03 {
    margin-bottom: 10%;
  }
  #stage01 .inner .ttl, #stage02 .inner .ttl, #stage03 .inner .ttl {
    margin-bottom: 5%;
    text-align: center;
  }
  #stage01 .inner .ttl .en, #stage02 .inner .ttl .en, #stage03 .inner .ttl .en {
    padding: 0 25%;
    margin-bottom: 3%;
  }
  #stage01 .inner .ttl .jp, #stage02 .inner .ttl .jp, #stage03 .inner .ttl .jp {
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: 0.05em;
    color: #3e3a39;
  }
  #stage01 .inner .ttl span, #stage02 .inner .ttl span, #stage03 .inner .ttl span {
    display: block;
  }
  #stage01 .inner .bg-box, #stage02 .inner .bg-box, #stage03 .inner .bg-box {
    background-color: #edede5;
    padding: 5%;
  }
  #stage01 .inner .bg-box .wh-box, #stage02 .inner .bg-box .wh-box, #stage03 .inner .bg-box .wh-box {
    background-color: #fff;
    padding: 4% 3%;
  }
  #stage01 .inner .bg-box .wh-box ul li, #stage02 .inner .bg-box .wh-box ul li, #stage03 .inner .bg-box .wh-box ul li {
    border: 1px dotted #000000;
    padding: 6% 3%;
    margin-bottom: 8%;
  }
  #stage01 .inner .bg-box .wh-box ul li:last-child, #stage02 .inner .bg-box .wh-box ul li:last-child, #stage03 .inner .bg-box .wh-box ul li:last-child {
    margin-bottom: 0px;
  }
  #stage01 .inner .bg-box .wh-box .ttl02, #stage02 .inner .bg-box .wh-box .ttl02, #stage03 .inner .bg-box .wh-box .ttl02 {
    margin-bottom: 5%;
  }
  #stage01 .inner .bg-box .wh-box .photo, #stage02 .inner .bg-box .wh-box .photo, #stage03 .inner .bg-box .wh-box .photo {
    text-align: center;
    margin-bottom: 3%;
  }
  #stage01 .inner .bg-box .wh-box .txtbox, #stage02 .inner .bg-box .wh-box .txtbox, #stage03 .inner .bg-box .wh-box .txtbox {
    font-size: 0.875em;
    line-height: 1.65;
    letter-spacing: 0.05em;
    color: #3e3a39;
  }

  /*============================
  #afterword
  ============================*/
  #afterword .inner .bnr {
    margin-bottom: 5%;
  }
  #afterword .inner .txt {
    font-size: 0.9em;
    line-height: 2;
    letter-spacing: 0.2em;
    color: #3e3a39;
    padding: 0 4%;
    text-align: left;
    margin-bottom: 35%
  }
}