/* ========================================================
*
*					共通
*
* ======================================================== */
.article-body a:hover {
  opacity: 0.8;
  text-decoration: none;
}
/* pc */
@media(min-width:741px){
  .sp-only {
    display: none;
  }
  #main {
    width: 100%;
  }
  .breadcrumb {
    width: 960px;
    margin: 0 auto;
  }
  #contents {
    width: 100%;
  }
  #contents p {
    font-family: 'Meiryo UI', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Meiryo', 'メイリオ', 'Osaka', 'MS PGothic', 'arial', 'helvetica', 'sans-serif';
  }
  .sec {
    margin-top: 48px;
  }
  .sec-inner {
    width: 960px;
    margin: 0 auto;
  }
  .sec--feature .feature__cont-wrap {
    max-width: 880px;
    margin: 0 auto;
  }
  .sec__ttl {
    font-size: 32px;
    font-weight: normal;
    color: #000;
    padding-bottom: 20px;
    position: relative;
  }
  .sec__ttl::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 70px;
    height: 2px;
    background-color: #97C739;
  }
  .sec__ttl::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 70px;
    width: 70px;
    height: 2px;
    background-color: #6CA300;
  }
  .sec__ttl-sub {
    margin-top: 23px;
    font-size: 16px;
    color: #000;
  }
  .sec__cont-wrap {
    margin-top: 41px;
  }
  .sec--feature .sec__cont-wrap {
    margin-bottom: 41px;
  }
  .sec__cont {
    padding-bottom: 8px;
    max-width: 880px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
  }
  .sec__cont:nth-child(n+2) {
    margin-top: 15px;
  }
  .sec__cont-link {
    display: block;
    width: 300px;
    min-width: 300px;
    margin-right: 20px;
  }
  .sec__cont-img {
    width: 100%;
  }
  .sec__cont-ttl {
    font-weight: normal;
  }
  a.sec__cont-txtlink {
    font-size: 20px;
    color: #000;
  }
  a.sec__cont-txtlink:hover {
    text-decoration: underline;
  }
  .grade-tag {
    padding: 0 12px;
    max-width: 95px;
    background: #a2a7ab;
    text-align: center;
    color: #fff;
    font-size: 75%;
    border-radius: 3px;
  }
  .sec__cont-date {
    color: #999999;
    font-size: 14px;
  }
}
/* sp */
@media(max-width:740px){
  .sp-only {
    display: block;
  }
  #contents {
    width: 100%;
    padding: 0;
  }
  #contents p {
    font-family: 'Meiryo UI', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Meiryo', 'メイリオ', 'Osaka', 'MS PGothic', 'arial', 'helvetica', 'sans-serif';
  }
  #contents a:hover {
    opacity: 0.8;
    text-decoration: none;
  }
  .sec {
    margin-top: 40px;
    width: 100%;
    max-width: 100%;
  }
  .sec-inner {
    max-width: 100%;
    margin: 0 15px;
  }
  .sec__ttl {
    font-size: 28px;
    font-weight: normal;
    color: #000;
    padding-bottom: 10px;
    position: relative;
    line-height: 1.4;
  }
  .sec__ttl::before {
    content: "";
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 2px;
    background-color: #97C739;
  }
  .sec__ttl::after {
    content: "";
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 40px;
    width: 40px;
    height: 2px;
    background-color: #6CA300;
  }
  .sec__ttl-sub {
    margin-top: 23px;
    font-size: 16px;
    color: #000;
  }
  .sec__cont-wrap {
    margin-top: 41px;
  }
  .sec__cont {
    padding-bottom: 4px;
    border-bottom: 1px solid #6CA300;
  }
  .sec__cont:nth-child(n+2) {
    margin-top: 20px;
  }
  .sec__cont-link {
    display: block;
    width: 100%;
  }
  .sec__cont-img {
    width: 100%;
  }
  .sec__cont-ttl {
    font-size: 16px;
    font-weight: normal;
    color: #000;
    margin-top: 12px;
  }
  a.sec__cont-txtlink {
    color: #000;
  }
  a.sec__cont-txtlink:hover {
    text-decoration: underline;
  }
  .grade-tag {
    padding: 0 12px;
    max-width: 95px;
    background: #a2a7ab;
    text-align: center;
    color: #fff;
    font-size: 75%;
    border-radius: 3px
  }
  .sec__cont-date {
    color: #999999;
    font-size: 14px;
  }
}


/* ========================================================
*
*					kv
*
* ======================================================== */
/* pc */
@media(min-width:741px){
  .sec--kv {
    background-color: #F6FDEB;
    min-height: 584px;
    position: relative;
    margin: 0;
  }
  .sec--kv::before {
    content: '';
    display: inline-block;
    height: 4px;
    width: 40%;
    background-color: #6CA300;
    position: absolute;
    bottom: 250px;
    left: 0;
    z-index: 1;
  }
  .sec--kv::after {
    content: '';
    display: inline-block;
    height: 4px;
    width: 40%;
    background-color: #97C739;
    position: absolute;
    bottom: 40px;
    right: 0;
  }
  .sec-inner--kv {
    position: absolute;
    height: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .kv__img-wrap {
    width: 1100px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }
  .kv__img {
    width: 100%;
  }
  .kv__txt-wrap {
    background-color: #fff;
    padding: 40px 40px 25px;
    border-radius: 20px;
    position: absolute;
    left: 0;
    bottom: 27px;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-shadow: 0px 3px 10px rgb(174 213 96);
            box-shadow: 0px 3px 10px rgb(174 213 96);
    letter-spacing: -0.8px;
  }
  .kv__txt {
    font-size: 16px;
    color: #303A42;
    line-height: 1.85;
  }
  .kv__txt-mark {
    color: #6CA300;
    font-weight: bold;
    font-size: 18px;
    background-color: #F0FFD3;
  }
}
/* sp */
@media(max-width:740px){
  .sec--kv {
    background-color: #F6FDEB;
    position: relative;
    margin: 0;
    padding-bottom: 15px;
    overflow: hidden;
  }
  .sec-inner--kv {
    position: relative;
    height: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 100%;
    margin: 0;
  }
  .kv__img-wrap {
    width: 100%;
  }
  .kv__img {
    width: 100%;
  }
  .kv__txt-wrap {
    background-color: #fff;
    padding: 53px 16px;
    margin-top: -10px;
    border-radius: 10px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 92%;
    -webkit-box-shadow: 0px 3px 10px rgb(174 213 96 / 100%);
    box-shadow: 0px 3px 10px rgb(174 213 96 / 100%);
  }
  .kv__txt-wrap::before {
    content: '';
    display: inline-block;
    height: 4px;
    width: 50vw;
    background-color: #6CA300;
    position: absolute;
    top: 25px;
    left: calc(-50vw + 140px);
    z-index: 1;
  }
  .kv__txt-wrap::after {
    content: '';
    display: inline-block;
    height: 4px;
    width: 50vw;
    background-color: #97C739;
    position: absolute;
    bottom: 30px;
    right: calc(-50vw + 140px);
  }
  .kv__txt {
    font-size: 16px;
    color: #303A42;
    line-height: 1.85;
  }
  .kv__txt-mark {
    color: #6CA300;
    font-weight: bold;
    font-size: 18px;
    background-color: #F0FFD3;
  }
}
/* se only */
@media(max-width:330px){

}


/* ========================================================
*
*					Environmental change
*
* ======================================================== */

/* ========================================================
*
*					research
*
* ======================================================== */
/* pc */
@media(min-width:741px){
  .sec--research {
    margin-top: 80px;
  }
}
/* sp */
@media(max-width:740px){
  .sec--research {
    margin-top: 40px;
  }
}


/* ========================================================
*
*					feature
*
* ======================================================== */
/* pc */
@media(min-width:741px){
  .feature__cont-wrap {
    border: solid 1px #60B5EF;
    border-top: none;
    margin: 90px auto 0!important;
  }
  .feature__ttl-wrap {
    position: relative;
    background-color: #60B5EF;
    padding: 50px 60px 30px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
  }
  .feature__cumulative-img {
    position: absolute;
    top: -35px;
    left: 60px;
    max-width: 360px;
  }
  .feature__ttl {
    font-size: 22px;
    color: #fff;
    font-weight: normal;
    padding-bottom: 15px;
    position: relative;
  }
  .feature__ttl::after {
    content: '';
    background-color: #fff;
    display: inline-block;
    width: 200px;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
  }
  .feature__ttl-astr-wrap {
    margin-top: 16px;
  }
  .feature__ttl-astr-list {
    color: #fff;
    font-size: 12px;
  }
  .feature__txt {
    max-width: 840px;
    width: 87.5%;
    font-size: 16px;
    color: #000;
    margin: 25px auto 0;
  }
  .feature__cont {
    margin: 50px auto 37px;
    max-width: 840px;
    width: 87.5%;
  }
  .feature__cont-img-wrap {
    max-width: 390px;
    margin: 0 auto;
  }
  .feature__cont-img {
    width: 100%;
  }
  .feature__cont-btn-wrap {
    margin-bottom: 40px;
  }
  .feature__cont-btn-link {
    position: relative;
    display: block;
    width: 250px;
    margin: 0 auto;
    padding: 8px 0;
    border-radius: 30px;
    background: #60B5EF;
    font-size: 16px;
    color: #FFF!important;
    font-weight: bold;
    text-align: center;
  }
  .feature__cont-btn-link::after {
    content: '';
    width: 7px;
    height: 7px;
    border: 0;
    border-top: solid 2px #FFF;
    border-right: solid 2px #FFF;
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -4px;
    transform: rotate(45deg);
  }
  .feature__cont-ttl {
    margin-top: 23px;
    font-size: 20px;
    color: #000;
    font-weight: normal;
  }
  .feature__cont-txt-astr {
    margin-top: 14px;
    font-size: 12px;
    color: #999999;
  }
  .feature__cont-astr-wrap {
    margin-top: 14px;
  }
  .feature__cont-astr-list {
    padding-top: 5px;
    font-size: 12px;
    color: #999999;
  }

}
/* sp */
@media(max-width:740px){
  .feature__cont-wrap {
    border: solid 1px #60B5EF;
    border-top: none;
    margin-top: 100px;
  }
  .feature__ttl-wrap {
    position: relative;
    background-color: #60B5EF;
    padding: 16px;
    padding-top: 32px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
  }
  .feature__cumulative-img {
    position: absolute;
    top: -40px;
    left: 16px;
    width: 85%;
  }
  .feature__ttl {
    font-size: 20px;
    color: #fff;
    font-weight: normal;
    padding-bottom: 15px;
    position: relative;
  }
  .feature__ttl::after {
    content: '';
    background-color: #fff;
    display: inline-block;
    width: 200px;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
  }
  .feature__ttl-astr-wrap {
    margin-top: 16px;
  }
  .feature__ttl-astr-list {
    color: #fff;
    font-size: 12px;
  }
  .feature__txt {
    max-width: 840px;
    width: 87.5%;
    font-size: 16px;
    color: #000;
    margin: 22.5px auto 0;
  }
  .feature__cont {
    margin: 36.5px auto 30px;
    max-width: 305px;
    width: 81.5%;
  }
  .feature__cont-img-wrap {
    max-width: 390px;
    margin: 0 auto;
  }
  .feature__cont-img {
    width: 100%;
  }
  .feature__cont-btn-wrap {
    margin-bottom: 40px;
  }
  .feature__cont-btn-link {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 8px 0;
    border-radius: 30px;
    background: #60B5EF;
    font-size: 16px;
    color: #FFF!important;
    font-weight: bold;
    text-align: center;
  }
  .feature__cont-btn-link::after {
    content: '';
    width: 7px;
    height: 7px;
    border: 0;
    border-top: solid 2px #FFF;
    border-right: solid 2px #FFF;
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -4px;
    transform: rotate(45deg);
  }
  .feature__cont-ttl {
    margin-top: 14px;
    font-size: 20px;
    color: #000;
    font-weight: normal;
  }
  .feature__cont-txt-astr {
    margin-top: 11px;
    font-size: 12px;
    color: #999999;
  }
  .feature__cont-astr-wrap {
    margin-top: 14px;
  }
  .feature__cont-astr-list {
    padding-top: 5px;
    font-size: 12px;
    color: #999999;
  }
}


/* ========================================================
*
*					useful
*
* ======================================================== */
/* pc */
@media(min-width:741px){
  .sec-inner--useful {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .sec__ttl-wrap {
    width: 30%;
    max-width: 298px;
  }
  .useful__list-wrap {
    width: 64.5%;
    max-width: 620px;
  }
  .useful__list {
    padding: 12px 0;
  }
  .useful__list:nth-child(n+2) {
    border-top: 1px solid #9E9E9E;
  }
  .useful__list-link {
    display: block;
    width: 100%;
    height: 100%;
  }
  .useful__list-info-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .useful__list-date {
    margin-right: 10px;
    font-size: 14px;
    color: #646464;
  }
  .grade-tag--useful {
    max-width: 120px;
  }
  .grade-tag--useful:nth-child(n+2) {
    margin-left: 7px;
  }
  .useful__list-txt {
    margin-top: 8px;
    font-size: 16px;
    color: #000;
  }
}
/* sp */
@media(max-width:740px){
  .sec__ttl-wrap {
    width: 100%;
  }
  .useful__list-wrap {
    width: 100%;
    margin-top: 50px;
  }
  .useful__list {
    display: block;
  }
  .useful__list.hide {
    display: none;
  }
  .useful__list:nth-child(n+2) {
    margin-top: 24px;
  }
  .useful__list-link {
    display: block;
    width: 100%;
    height: 100%;
  }
  a.useful__list-link {
    text-decoration: underline;
    color: #000;
  }
  .useful__list-info-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .useful__list-date {
    margin-right: 10px;
    font-size: 14px;
    color: #646464;
  }
  .grade-tag--useful {
    max-width: 120px;
  }
  .grade-tag--useful:nth-child(n+2) {
    margin-left: 7px;
  }
  .useful__list-txt {
    margin-top: 8px;
    font-size: 16px;
    color: #000;
  }
  .more-btn {
    width: 125px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 6px 15px;
    border: #000 solid 1px;
    margin: 25px auto 0;
  }
  .more-btn-txt {
    font-size: 16px;
    font-weight: bold;
    color: #000;
    background-image: url(/eigo/shinkatei/_assets/img/more-btn.png);
    background-repeat: no-repeat;
    background-position: right 0 top 53%;
  }
  .more-btn.hide {
    padding: 6px 25px;
  }
  .more-btn.hide .more-btn-txt {
    background-image: url(/eigo/shinkatei/_assets/img/close-btn.png);
  }
}
/* ========================================================
*
*					change
*
* ======================================================== */
/* pc */
@media(min-width:741px){
  .sec--change {
    margin-top: 90px;
  }
  .sec-inner--change {
    max-width: 880px;
    margin: 0 auto;
    background-color: #F0F0F0;
    padding: 24px 0 27px;
  }
  .change__ttl {
    font-size: 18px;
    font-weight: bold;
    color: #6CA300;
    text-align: center;
  }
  .change__txt {
    font-size: 14px;
    color: #000;
    margin-top: 20px;
    text-align: center;
  }
  .change__txt--color {
    background: linear-gradient(transparent 70%, #E6F3CD 0%);
  }
  .change__btn {
    margin: 24px auto 0;
    max-width: 250px;
    box-sizing: border-box;
    background-color: #6CA300;
    border-radius: 30px;
  }
  .change__link {
    display: block;
    width: 100%;
    height: 100%;
    padding: 8px 60px;
    box-sizing: border-box;
    color: #fff !important;
    font-weight: bold;
    font-size: 16px;
    position: relative;
  }
  .change__link-arr {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(-20px,-50%);
  }
}
/* sp */
@media(max-width:740px){
  .sec--change {
    margin-top: 60px;
  }
  .sec-inner--change {
    background-color: #F0F0F0;
    padding: 24px 10px;
  }
  .change__ttl {
    font-size: 18px;
    font-weight: bold;
    color: #6CA300;
    text-align: center;
  }
  .change__txt {
    font-size: 14px;
    color: #000;
    margin-top: 20px;
    text-align: center;
  }
  .change__txt--color {
    background: linear-gradient(transparent 70%, #E6F3CD 0%);
  }
  .change__btn {
    margin: 12px auto 0;
    max-width: 250px;
    box-sizing: border-box;
    background-color: #6CA300;
    border-radius: 30px;
  }
  .change__link {
    display: block;
    width: 100%;
    height: 100%;
    padding: 8px 60px;
    box-sizing: border-box;
    color: #fff !important;
    font-weight: bold;
    font-size: 16px;
    position: relative;
  }
  .change__link-arr {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(-20px,-50%);
  }
}

/* ========================================================
*
*					other
*
* ======================================================== */
/* pc */
@media(min-width:741px){
  .sec--other {
    margin: 80px 0 40px;
    background-color: #E6F3CD;
    padding: 60px 0;
  }
  .sec-inner--other {
    margin: 0 auto;
    width: 345px;
  }
  .other-img {
    width: 100%;
  }
}
/* sp */
@media(max-width:740px){
  .sec--other {
    margin: 40px 0 35px;
    background-color: #E6F3CD;
    padding: 40px 0;
  }
  .sec-inner--other {
    margin: 0 auto;
    max-width: 345px;
  }
  .other-img {
    width: 100%;
  }
}