.mainimg img,
section img {
  width: 100%;
  height: auto; }

section p {
  margin-bottom: 0; }

.p4 {
  padding: 0 4%; }

body {
  text-align: justify;
  color: #000; }

.mainimg {
  margin-top: 68px; }
  .mainimg .txt {
    color: #000;
    margin: 5% 0; }

#sec1 {
  padding-bottom: 10%;
  margin-bottom: 10%;
  background-image: url("../img/hitorinomi/sec1-bg.jpg");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center bottom; }
  #sec1 .img {
    width: 80%;
    margin: 0 auto; }
  #sec1 .txt {
    margin-top: 10%;
    padding: 0 10%; }

#sec2 {
  padding-bottom: 10%; }
  #sec2 .s2-para {
    width: 100%;
    height: 400px;
    position: relative; }
    #sec2 .s2-para .img_parallax {
      clip: rect(0, auto, auto, 0);
      margin-bottom: 0;
      position: absolute;
      width: 100%;
      height: 400px;
      top: 0;
      z-index: -1; }
      #sec2 .s2-para .img_parallax img {
        width: 100%;
        height: 100vh;
        position: fixed;
        top: 0;
        left: 0;
        padding: 0;
        margin: 0;
        object-fit: cover;
        z-index: 0;
        transform: translateZ(0); }
  #sec2 .box {
    width: 92%;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    background-image: url("../img/hitorinomi/pat3.png");
    margin-top: -38%;
    color: #fff;
    padding-bottom: 6%; }
    #sec2 .box .txt {
      padding: 4% 6%; }
    #sec2 .box .btn {
      padding: 0 6%;
      margin-top: 4%; }

#sec3 {
  background: url("../img/hitorinomi/sec3-bg.jpg") no-repeat center top/100%, url("../img/hitorinomi/bg.jpg");
  position: relative; }
  #sec3:before {
    content: '';
    height: 12px;
    background-image: url("../img/hitorinomi/line.jpg");
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1;
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.35); }
  #sec3 .set1 .txt {
    margin: 5% 0; }
  #sec3 .set2 {
    background-image: url("../img/hitorinomi/sec3-set2-bg.jpg");
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center bottom;
    margin-top: 10%; }
    #sec3 .set2 .txt {
      margin: 5% 0 10%; }
  #sec3 .set3 h3 {
    position: relative;
    z-index: 1; }
  #sec3 .set3 .box {
    background: url("../img/hitorinomi/sec3-img3.jpg") no-repeat center top/100%, #0e0301;
    color: #fff;
    padding: 88% 8% 10%;
    margin-top: -29%; }

#sec4 {
  position: relative; }
  #sec4:before {
    content: '';
    height: 12px;
    background-image: url("../img/hitorinomi/line.jpg");
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1;
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.35); }
  #sec4 .note {
    text-align: center;
    margin: 3% 0 8%; }
  #sec4 .set1 {
    background-image: url("../img/hitorinomi/sec4-bg.png");
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center bottom;
    padding-bottom: 10%; }
#sec4 .set1 .stop {
	background-image: url("../img/hitorinomi/pat3.png");
    color: #fff;
    text-align: center;
    padding: 5%;
	font-size: 14px;
	
}
    #sec4 .set1 dl {
      text-align: center;
      font-size: 20px;
      margin: 6% 0 5%; }
      #sec4 .set1 dl dd {
        font-family: 'Cardo', serif;
        margin-top: 2%; }
  #sec4 .box {
    width: 92%;
    margin: 3% auto 0;
    background-image: url("../img/hitorinomi/pat3.png");
    color: #fff;
    text-align: center;
    padding: 5%; }
  #sec4 .s4-js {
    width: 92%; }
  #sec4 .s4-thumb {
    padding: 0 7%;
    margin: 1% 0 4%; }
    #sec4 .s4-thumb .slick-track {
      transform: none !important; }
    #sec4 .s4-thumb .slick-slide {
      padding: 0 1%; }
    #sec4 .s4-thumb .slick-current img {
      opacity: 0.4; }
  #sec4 .set2 {
    padding-bottom: 20%;
    position: relative;
    z-index: 1; }
    #sec4 .set2:before {
      content: '';
      width: 96%;
      height: 87%;
      background-image: url("../img/hitorinomi/pat.png");
      position: absolute;
      left: 0;
      bottom: 7%;
      z-index: -1; }
    #sec4 .set2 dl {
      width: 300px;
      margin: 0 auto;
      display: table;
      font-size: 18px; }
      #sec4 .set2 dl dt {
        width: 100%;
        display: table-cell;
        text-align: left; }
      #sec4 .set2 dl dd {
        width: 100px;
        display: table-cell;
        text-align: right;
        font-family: 'Cardo', serif;
        font-size: 20px; }
  #sec4 h3 {
    text-align: center;
    font-size: 22px;
    font-weight: 400;
    margin-bottom: 3%; }
  #sec4 .set3 {
    background: url("../img/hitorinomi/sec4-logo.jpg") no-repeat center top/100%, #000;
    color: #fff;
    padding-top: 22%; }
    #sec4 .set3 h4 {
      font-size: 20px;
      line-height: 36px;
      text-align: center;
      font-weight: 400; }
    #sec4 .set3 .txt {
      position: relative;
      z-index: 1;
      margin: 5% 0 -2%; }

/*# sourceMappingURL=hitorinomi.css.map */


#sec4 .notice{
	width:90%;
	margin:0px auto 20px auto;
	padding:20px 0;
	background-color: #FFFFFF;
    border: double 3px #dd471f;
}
#sec4 .notice p.ttl{
	font-size:16px;
	margin-bottom: 8px;
	letter-spacing: 2px;
	text-align:center;
	line-height:25px;
	color:#000;
	font-weight: bold;
}