#page_ttl_wrap .page_ttl .line_bg {
    position: absolute;
    bottom: 40px;
    left: -120px;
    z-index: 1;
}

#page_ttl_wrap .img_wrap {
    width: 100%;
    height: 100%;
   background-position: top center;
   background-repeat: no-repeat;
   background-size: cover;
    background-image: url(../images/works/main.jpg);
}

#page_ttl_wrap h2 {
}
#page_ttl_wrap h2 span {
    color: #373737;
}

#works section .inner h2 {
    font-size: 3.0rem;
    font-weight: bold;
    letter-spacing: 0.05em;
    text-align: center;
    margin-bottom: 50px;
}
#works section .inner h2 span {
    font-size: 1.4rem;
    letter-spacing: 0.25em;
    text-align: center;
    color: #0068b7;
    display: block;
}

#works section#event .inner h2,
#works section#management .inner h2 {
    color: #0068b7;
}
#works section#event .inner h2 span,
#works section#management .inner h2 span {
    color: #373737;
}


@media screen and (max-width: 768px) {
    #page_ttl_wrap .page_ttl .line_bg {
    position: absolute;
    bottom: -20px;
    left: -270px;
    z-index: 1;
        
    display: none;
}
    
    #page_ttl_wrap h2 {
    font-size: 2.2rem;
    line-height: 1.53;
}
    
    #page_ttl_wrap .recruit_ttl .img_wrap {
    height: 300px;
}
    #works section .inner h2 {
    font-size: 1.7rem;
    margin-bottom: 30px;
}
    #works section .inner h2 span {
    font-size: 1.1rem;
}
}




/* #works_message
----------------------------------------- */

#works_message {
    padding-top: 110px;
    width: -webkit-calc(1740 / 1920 * 100%);
    width: calc(1740 / 1920 * 100%);
    min-width: 1280px;
    margin: auto
}

#works_message .inner {
    width: 100%;
    min-width: auto;
    max-width: 960px;
}

#works_message .textCopy {
    text-align: center;
    margin: auto;
    margin-bottom: 50px;
}
#works_message .txt_wrap {
    text-align: center;
    line-height: 2.375;
}

@media screen and (max-width: 1280px) {
    #works_message {
    width: 100%;
    min-width: auto;
}
} 

@media screen and (max-width: 768px) {
    #works_message {
    padding-top: 40px;
    position: relative;
    width: 100%;
    min-width: auto;
}
    #works_message .inner {
    width: -webkit-calc(280 / 320 * 100%);
    width: calc(280 / 320 * 100%);
}
    #works_message .textCopy {
    margin-bottom: 20px;
  }
    #works_message .txt_wrap {
    text-align: left;
    line-height: 2;
  }
    #works_message .txt_wrap br {
    display: none;
  }
}



/* #sales
----------------------------------------- */

#sales {
    padding-top: 130px;
    padding-bottom: 150px;
    width: -webkit-calc(1740 / 1920 * 100%);
    width: calc(1740 / 1920 * 100%);
    min-width: 1280px;
    margin: auto;
    margin-top: 140px;
    background: #E5F7FF;
}

#sales .inner {
    width: 100%;
    min-width: auto;
    max-width: 960px;
}

#sales h3 {
    font-size: 2.8rem;
    letter-spacing: 0.05em;
    line-height: 1.6428;
    font-weight: bold;
    margin-bottom: 30px;
    text-align: center;
}

#sales .txt_wrap {
    letter-spacing: 0.03em;
    line-height: 2;
    text-align: center;
}

#sales .img_wrap {
    width: 100%;
    margin-bottom: 50px;
}
#sales .img_wrap > li.img01 {
    width: -webkit-calc(640 / 960 * 100%);
    width: calc(640 / 960 * 100%);
}
#sales .img_wrap > li.img02 {
    width: -webkit-calc(320 / 960 * 100%);
    width: calc(320 / 960 * 100%);
}
#sales .img_wrap_in > li {
    width: 100%;
}

@media screen and (max-width: 1280px) {
    #sales {
    width: 100%;
    min-width: auto;
}
} 

@media screen and (max-width: 768px) {
    #sales {
    padding-top: 40px;
    margin-top: 40px;
    position: relative;
    width: 100%;
    min-width: auto;
    padding-bottom: 50px;
}
    #sales .inner {
    width: -webkit-calc(280 / 320 * 100%);
    width: calc(280 / 320 * 100%);
}
    
    #sales h3 {
    font-size: 1.6rem;
    letter-spacing: 0.03em;
    line-height: 1.75;
    font-weight: bold;
    margin-bottom: 10px;
}
    #sales .txt_wrap {
    text-align: left;
  }
    #sales .img_wrap {
    margin-bottom: 25px;
}
    #sales .img_wrap > li.img01 {
    width: 100%;
}
    #sales .img_wrap > li.img02 {
    width: 100%;
}
    #sales .img_wrap_in > li {
    width: 50%;
}
}


/* #event
----------------------------------------- */

#event {
    padding-top: 130px;
    width: -webkit-calc(1740 / 1920 * 100%);
    width: calc(1740 / 1920 * 100%);
    min-width: 1280px;
    margin: auto;
}

#event .inner {
    width: 100%;
    min-width: auto;
    max-width: 960px;
}

#event h3 {
    font-size: 2.8rem;
    letter-spacing: 0.05em;
    line-height: 1.6428;
    font-weight: bold;
    color: #0068b7;
    margin-bottom: 30px;
    text-align: center;
}

#event .txt_wrap {
    letter-spacing: 0.03em;
    line-height: 2;
    text-align: center;
}

#event .img_wrap {
    width: 100%;
    margin-bottom: 50px;
}
#event .img_wrap > li.img01 {
    width: -webkit-calc(320 / 960 * 100%);
    width: calc(320 / 960 * 100%);
}
#event .img_wrap > li.img02 {
    width: -webkit-calc(640 / 960 * 100%);
    width: calc(640 / 960 * 100%);
}
#event .img_wrap_in > li {
    width: 100%;
}

@media screen and (max-width: 1280px) {
    #event {
    width: 100%;
    min-width: auto;
}
}

@media screen and (max-width: 768px) {
    #event {
    padding-top: 40px;
    position: relative;
    width: 100%;
    min-width: auto;
}
    #event .inner {
    width: -webkit-calc(280 / 320 * 100%);
    width: calc(280 / 320 * 100%);
}
    #event .textCopy {
    margin-bottom: 30px;
  }
     #event h3 {
    font-size: 1.6rem;
    letter-spacing: 0.03em;
    line-height: 1.75;
    font-weight: bold;
    margin-bottom: 10px;
}
    #event .txt_wrap {
    text-align: left;
  }
    #event .img_wrap {
    margin-bottom: 25px;
}
    #event .img_wrap > li.img01 {
    width: 100%;
}
    #event .img_wrap > li.img02 {
    width: 100%;
}
    #event .img_wrap_in > li {
    width: 50%;
}
}



/* #education
----------------------------------------- */

#education {
    padding-top: 130px;
    padding-bottom: 150px;
    width: -webkit-calc(1740 / 1920 * 100%);
    width: calc(1740 / 1920 * 100%);
    min-width: 1280px;
    margin: auto;
    margin-top: 140px;
    background: #E5F7FF;
}

#education .inner {
    width: 100%;
    min-width: auto;
    max-width: 960px;
}

#education h3 {
    font-size: 2.8rem;
    letter-spacing: 0.05em;
    line-height: 1.6428;
    font-weight: bold;
    margin-bottom: 30px;
    text-align: center;
}

#education .txt_wrap {
    letter-spacing: 0.03em;
    line-height: 2;
    text-align: center;
}

#education .img_wrap {
    width: 100%;
    margin-bottom: 50px;
}
#education .img_wrap > li.img01 {
    width: -webkit-calc(640 / 960 * 100%);
    width: calc(640 / 960 * 100%);
}
#education .img_wrap > li.img02 {
    width: -webkit-calc(320 / 960 * 100%);
    width: calc(320 / 960 * 100%);
}
#education .img_wrap_in > li {
    width: 100%;
}

@media screen and (max-width: 1280px) {
    #education {
    width: 100%;
    min-width: auto;
}
}

@media screen and (max-width: 768px) {
    #education {
    padding-top: 40px;
    margin-top: 40px;
    position: relative;
    width: 100%;
    min-width: auto;
    padding-bottom: 50px;
}
    #education .inner {
    width: -webkit-calc(280 / 320 * 100%);
    width: calc(280 / 320 * 100%);
}
    #education .textCopy {
    margin-bottom: 30px;
  }
    #education h3 {
    font-size: 1.6rem;
    letter-spacing: 0.03em;
    line-height: 1.75;
    font-weight: bold;
    margin-bottom: 10px;
}
    #education .txt_wrap {
    text-align: left;
  }
    #education .img_wrap {
    margin-bottom: 25px;
}
    #education .img_wrap > li.img01 {
    width: 100%;
}
    #education .img_wrap > li.img02 {
    width: 100%;
}
    #education .img_wrap_in > li {
    width: 50%;
}
}




/* #management
----------------------------------------- */

#management {
    padding-top: 130px;
    padding-bottom: 20px;
    width: -webkit-calc(1740 / 1920 * 100%);
    width: calc(1740 / 1920 * 100%);
    min-width: 1280px;
    margin: auto;
}

#management .inner {
    width: 100%;
    min-width: auto;
    max-width: 960px;
}

#management h3 {
    font-size: 2.8rem;
    letter-spacing: 0.05em;
    line-height: 1.6428;
    font-weight: bold;
    color: #0068b7;
    margin-bottom: 30px;
    text-align: center;
}

#management .txt_wrap {
    letter-spacing: 0.03em;
    line-height: 2;
    text-align: center;
}

#management .img_wrap {
    width: 100%;
    margin-bottom: 50px;
}
#management .img_wrap > li.img01 {
    width: -webkit-calc(320 / 960 * 100%);
    width: calc(320 / 960 * 100%);
}
#management .img_wrap > li.img02 {
    width: -webkit-calc(640 / 960 * 100%);
    width: calc(640 / 960 * 100%);
}
#management .img_wrap_in > li {
    width: 100%;
}

@media screen and (max-width: 1280px) {
    #management {
    width: 100%;
    min-width: auto;
}
}


@media screen and (max-width: 768px) {
    #management {
    padding-top: 40px;
    padding-bottom: 50px;
    position: relative;
    width: 100%;
    min-width: auto;
}
    #management .inner {
    width: -webkit-calc(280 / 320 * 100%);
    width: calc(280 / 320 * 100%);
}
    #management .textCopy {
    margin-bottom: 30px;
  }
    #management h3 {
    font-size: 1.6rem;
    letter-spacing: 0.03em;
    line-height: 1.75;
    font-weight: bold;
    margin-bottom: 10px;
}
    #management .txt_wrap {
    text-align: left;
  }
    #management .img_wrap {
    margin-bottom: 25px;
}
    #management .img_wrap > li.img01 {
    width: 100%;
}
    #management .img_wrap > li.img02 {
    width: 100%;
}
    #management .img_wrap_in > li {
    width: 50%;
}
}