@charset "UTF-8";
/*----------------------------------------------------------------------------------
  PC 
----------------------------------------------------------------------------------*/
body, html {
  height: auto!important;
  width: 100%;
  min-width: 1060px;
}
/* page common ----------------------------------------------------------- */
p {
  line-height: 1.6;
}
.s-tb {
  display: none;
}
.minimum {
  display: none !important;
}

/*  main ---------------------------------------------------------------- */
.section {
  margin: 24px 0;
  padding: 18px 24px;
}
.section:nth-child(2n) {
  background-color: #FDF9F5;
}
.section .wrapper {
  width: 950px;
  margin: 0 auto;
}
.section.main_img {
  width: 100%;
  background: url(/doc/special/firsttee/img/main_image.png) no-repeat center top;
  height: 24rem;
  padding-top: 0;
  margin-top: 0;
  background-size: contain;
  box-sizing: border-box;
}
.section h1 {
  font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
  font-weight: bold;
  font-size: 1.3rem;
  text-align: center;
  display: table-cell;
  vertical-align: bottom;
  width: 1800px;
  height: 17em;
}
.section h2 {
  font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
  color: #233F94;
  font-feature-settings: "palt" 1;
  font-weight: bold;
  font-size: 24px;
  margin: 40px 0;
  line-height: 1.2;
  text-align: center;
  letter-spacing: .14em;
  font-weight: bold;
}
.section p {
  line-height: 2.2;
  margin-bottom: 1em;
}
.section img {
  border: 5px solid #FFF;
  margin: 8px auto;
  box-shadow: 0 0 4px 0 #AAA;
  width: 360px;
  display: block;
  box-sizing: border-box;
}
.section ol {
  margin:12px 0;
}
.section ol li {
  margin-bottom: 1em;
}
.section ol li:first-child:before {
  content: "\2460";
  margin-right: .5em;
}
.section ol li:nth-child(2):before {
  content: "\2461";
  margin-right: .5em;
}
.section ol li:nth-child(3):before {
  content: "\2462";
  margin-right: .5em;
}
.section ol li:last-child {
  margin-bottom: 0;
}

.section dl {
  margin: 1em 0;
}
.section dl dt {
  font-weight: bold;
  margin: 0 0 .5em 0;
  letter-spacing: .12em;
  color: #555;
}
.section dl dd {
  margin: 0 0 3em;
  line-height: 2.2;
}
.section dl dd:last-child {
  margin-bottom: 0;
}

.section .flex-box-r {
  display: flex;
  align-items:stretch;
}
.section .flex-box-l {
  display: flex;
  align-items:stretch;
  flex-direction: row-reverse;
}

.section .flex-box-r .txt,
.section .flex-box-l .txt {
  width: 60%;
}
.section .flex-box-r .photo,
.section .flex-box-l .photo {
  width: 36%;
  margin: 0 2%;
}
.btn-cta {
  margin-bottom: 80px;
}

/* contents --------------------------------------------------------- */
.btn1,
.btn2 {
  width: 39%;
  margin: 12px auto;
  font-feature-settings: "palt" 1;
  letter-spacing: .08em;
  position: relative;
}
.btn1 a{
  display: block;
  padding: 1em 32px 1em 1em;
  border-radius: 4px;
  background-color: #f56500;
  line-height: 1;
  color: #FFF;
  text-decoration: none;
}
.btn1 a:before {
  content: "";
  background-image: url(/doc/special/firsttee/img/icn-new-window-l-w.svg);
  background-size: 16px 16px;
  display: inline-block;
  width: 24px;
  height: 16px;
  background-repeat: no-repeat;
  background-position-y: 2px;
}
.btn1 a:after {
  content: "";
  background-image: url(/doc/special/firsttee/img/icn-chevron-right-w.svg);
  background-size: 16px 16px;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  position: absolute;
  right: 12px;
  background-position-y: 2px;
  top: 34%;
}
.btn2 a {
  display: block;
  padding: 1em 32px 1em 1em;
  line-height: 1;
  border: 2px solid #F56500;
  border-radius: 4px;
  color: #222;
  text-decoration: none;
}
.btn2 a:before {
  content: "";
  background-image: url(/doc/special/firsttee/img/icn-new-window-l.svg);
  background-size: 16px 16px;
  display: inline-block;
  width: 24px;
  height: 16px;
  background-repeat: no-repeat;
  background-position-y: 2px;
}
.btn2 a:after {
  content: "";
  background-image: url(/doc/special/firsttee/img/icn-chevron-right.svg);
  background-size: 16px 16px;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  position: absolute;
  right: 12px;
  background-position-y: 2px;
  top: 34%;
}

/*  botton --------------------------------------------------------- */


/* footer --------------------------------------------------------------- */
.footer .pagetop.floating-totop-btn {
  display: none;
}
.footer .pagetop.floating-totop-btn a {
  width: 48px;
  display: block;
  position: fixed;
  bottom: 10px;
  right: 10px;
  text-align: right;
}
.footer .pagetop.static-totop-btn a {
  width: 48px;
  display: block;
  float: right;
  margin: 0 10px 10px 0;
  text-align: right;
}
.footer .bnr-link a:hover,
.footer .pagetop a:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

/*----------------------------------------------------------------------------------
  TP only
----------------------------------------------------------------------------------*/
@media screen and (min-width:768px) and (max-width:1024px) {
  /* page common ----------------------------------------------------------- */
  html,body {
  width: 100%;
  min-width: 640px;
  }
  .firsttee .s-pc {
  display: block !important;
  }
  .firsttee .s-sp {
  display: none !important;
  }
  .s-tb {
  display: block !important;
  }
  .minimum {
  display: none !important;
  }

  
  /*  main ---------------------------------------------------------------- */
.section .wrapper {
  width: 100%;
}
  
  /* contents --------------------------------------------------------- */
.btn1, .btn2 {
  width: 67%;
}

  /*  botton --------------------------------------------------------- */


}/* end media query */



/*----------------------------------------------------------------------------------
  SP only
----------------------------------------------------------------------------------*/
@media screen and (max-width:767px) {
  html,body {
  width: 100%;
  min-width: 320px;
  }
  /* page common ----------------------------------------------------------- */
  .s-pc {
  display: none !important;
  }
  .s-sp {
  display: block !important;
  }
  .s-tb {
  display: none;
  }
  .minimum {
  display: none !important;
  }
  .firsttee {
  width: 100%;
  min-width: 320px;
  }
  .firsttee img {
  width: 100%;
  height: auto;
  }

  /*  main ---------------------------------------------------------------- */


/* contents --------------------------------------------------------- */
.section {
  margin: 0;
  padding: 18px 12px;
}
.section:nth-child(2n) {
  background-color: #FDF9F5;
}
.section .wrapper {
  width: 100%;
  min-width: 320px;
}
.section h1 {
}
.section h2 {
  font-feature-settings: "palt" 1;
  font-weight: bold;
  font-size: 20px;
  line-hight: 1.8;
  margin:18px 0 24px;
  letter-spacing: 0;
}
.section p {
  line-height: 1.6;
  margin-bottom: 1em;
}

.section .flex-box-l,
.section .flex-box-r {
  display: block;
}
.section .flex-box-l .txt,
.section .flex-box-r .txt {
  width: 100%;
}
.section .flex-box-l .photo,
.section .flex-box-r .photo {
  width: 100%;
  margin: 0;
}
.section img {
  border: 5px solid #FFF;
  margin: 8px auto;
  box-shadow: 0 0 4px 0 #AAA;
  width: 96%;
  display: block;
  box-sizing: border-box;
}

.section dl dd {
  margin: 0 0 1.5em;
  line-height: 1.6;
}
.btn1,
.btn2 {
  width: auto;
  margin: 8px 16px;
  font-feature-settings: "palt" 1;
  letter-spacing: .08em;
}

/*  botton --------------------------------------------------------- */




}/* end media query */

@media screen and (max-width:320px) {
  .minimum {
  display: block !important;
  }

}/* end media query */