/* * {
  outline: 1px solid red;
} */

/* ========================================
  @media screen and (min-width: 768px),print
======================================== */
@media screen and (min-width: 768px), print {
main {width: 100%!important; max-width: 1920px!important; margin: 0 auto!important;}




  /* g-nav -------------------------------------*/
  #special main.is-archive #g-nav {
    background-color: #fff;
  }

  /* main-title -------------------------------------*/
  #special main.is-archive .main-title-box {
    padding: 46px 0;
    margin-bottom: 0;
    background-color: #f8f8f8;
  }
  #special main.is-archive .main-title {
    font-size: 19px;
    font-weight: 500;
    line-height: calc(28 / 19);
    letter-spacing: 0.04em;
    color: #1a1a1a;
  }


#con1 {}
#con1 .top-bg{width: 100%; height: 300px; margin: 0 auto -105px; background: url(../images/special/con1-bg.png) no-repeat top 20px center; }
#con1 .bx{width: 100%; margin: 0 auto; background: #BBD2E1; padding: 105px 0 300px;}

#con1 .bx .inner1{width: 1280px; margin: 0 auto 125px; position: relative;}
#con1 .bx .inner1 .icon1{position: absolute; right: 155px; top: -100px; z-index: 1;}
#con1 .bx .inner1 .ttl1{font-size: 27px; letter-spacing: 1.2px; line-height: 1.6; text-align: left; font-weight: bold; width: 540px; margin-left: auto; color: #fff; background: #0A926B; padding: 20px 0 18px 33px; position: relative; z-index: 1; margin-right: 40px;}
#con1 .bx .inner1 .img1{position: absolute; left: 40px; top: -96px; z-index: 0;}
#con1 .bx .inner1 .in-bx1{width: 540px; margin-left: auto; background: #fff; padding: 33px 50px 6px 35px; position: relative; z-index: 1; margin-right: 40px;}
#con1 .bx .inner1 .in-bx1 .txt1{font-size: 16px; letter-spacing: 0.6px; line-height: 1.8; font-weight: 400; margin-bottom: 33px;}

#con1 .bx .inner2{width: 1200px; margin: 0 auto; position: relative;}
#con1 .bx .inner2 .ttl2{font-size: 23px; letter-spacing: 1px; line-height: 1.6; text-align: center; font-weight: bold; background: #FFE100; padding: 25px 0 20px 0px; position: relative; width: 1200px; margin: 0 auto 10px; border-radius: 10px;}
#con1 .bx .inner2 .ttl2::after{content: ""; width: 48px; height: 48px; margin: 0 auto; background: url(../images/special/con1-icon3.png) no-repeat top center; position: absolute; left: 0; right: 0; bottom: -42px; z-index: 1;}
#con1 .bx .inner2 .in-bx2{ width: 1200px; margin: 0 auto; background: #fff; padding: 93px 0 80px 0; position: relative; }
#con1 .bx .inner2 .in-bx2 .icon2{position: absolute; right: 191px; top: -169px;}

#con1 .bx .inner2 .in-bx2 .flex-bx{display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center;}

#con1 .bx .inner2 .in-bx2 .list1{margin-right: 28px;}
#con1 .bx .inner2 .in-bx2 .list1 li{width: 536px; margin-bottom: 117px; position: relative;}
#con1 .bx .inner2 .in-bx2 .list1 li:last-child{margin-bottom: 0;}
#con1 .bx .inner2 .in-bx2 .list1 li .in-ttl1{font-size: 18px; letter-spacing: 0.8px; line-height: 1.6; font-weight: bold; width: 264px; margin-left: auto; border-bottom: 1px solid #FFE100; padding-bottom: 10px; margin-bottom: 10px;}
#con1 .bx .inner2 .in-bx2 .list1 li .in-img1{position: absolute; left: 0; top: -40px;}
#con1 .bx .inner2 .in-bx2 .list1 li .in-txt1{font-size: 16px; letter-spacing: 0.6px; line-height: 1.85; font-weight: 400; width: 264px; margin-left: auto;}

#con1 .bx .inner2 .in-bx2 .list2{}
#con1 .bx .inner2 .in-bx2 .list2 li{width: 536px; margin-bottom: 87px; position: relative;}
#con1 .bx .inner2 .in-bx2 .list2 li:last-child{margin-bottom: 0;}
#con1 .bx .inner2 .in-bx2 .list2 li .in-ttl1{font-size: 18px; letter-spacing: 0.8px; line-height: 1.6; font-weight: bold; width: 264px; margin-left: auto; border-bottom: 1px solid #FFE100; padding-bottom: 10px; margin-bottom: 10px;}
#con1 .bx .inner2 .in-bx2 .list2 li .in-img1{position: absolute; left: 0; top: -40px;}
#con1 .bx .inner2 .in-bx2 .list2 li .in-txt1{font-size: 16px; letter-spacing: 0.6px; line-height: 1.85; font-weight: 400; width: 264px; margin-left: auto;}



#con2 {}
#con2 .top-bg{width: 100%; height: 380px; margin: -205px auto 0px; background: url(../images/special/con2-bg1.png) no-repeat top center; }
#con2 .bx{width: 100%; margin: -176px auto 80px; background: #fff; }

#con2 .bx .inner1{width: 1280px; margin: 0 auto 136px; position: relative;}
#con2 .bx .inner1::before{content: ""; width: 121px; height: 125px; margin: 0 auto; background: url(../images/special/con2-bg2.png) no-repeat top center; position: absolute; right: 48px; top: -124px;}
#con2 .bx .inner1 .ttl1{font-size: 27px; letter-spacing: 1.2px; line-height: 1.6; font-weight: bold; text-align: center; margin-bottom: 10px; position: relative; top: -40px; padding-left: 52px;}
#con2 .bx .inner1 .in-bx1{width: 490px; margin-left: auto; margin-right: 90px;}
#con2 .bx .inner1 .in-bx1 .ttl2{font-size: 16px; letter-spacing: 0.6px; line-height: 1.7; font-weight: bold; width: 490px; margin-bottom: 22px; background: #FFE100; border-radius: 10px; padding: 17px 28px;}
#con2 .bx .inner1 .in-bx1 .img1{position: absolute; left: 88px; top: 52px;}
#con2 .bx .inner1 .in-bx1 .txt1{font-size: 16px; letter-spacing: 0.6px; line-height: 1.85; font-weight: 400; margin-bottom: 31px;}

#con2 .bx .inner2{width: 1200px; margin: 0 auto; position: relative;}
#con2 .bx .inner2 .ttl3{font-size: 23px; letter-spacing: 1px; line-height: 1.6; text-align: center; font-weight: bold; background: #FFE100; padding: 25px 0 20px 0px; position: relative; width: 1100px; margin: 0 auto 57px; border-radius: 10px;}
#con2 .bx .inner2 .ttl3::after{content: ""; width: 48px; height: 48px; margin: 0 auto; background: url(../images/special/con2-icon2.png) no-repeat top center; position: absolute; left: 0; right: 0; bottom: -42px; z-index: 1;}
#con2 .bx .inner2 .txt2{font-size: 16px; letter-spacing: 0.6px; line-height: 1.85; text-align: center; font-weight: 400; margin-bottom: 25px;}

#con2 .bx .inner2 .in-bx2{ width: 1200px; margin: 0 auto; background: #fff; position: relative; }
#con2 .bx .inner2 .in-bx2 .icon1{position: absolute; right: 191px; top: -299px;}

#con2 .bx .inner2 .in-bx2 .list{display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center;}
#con2 .bx .inner2 .in-bx2 .list li{width: 340px; margin-right: 40px; position: relative;}
#con2 .bx .inner2 .in-bx2 .list li:last-child{margin-right: 0;}
#con2 .bx .inner2 .in-bx2 .list li .in-ttl1{font-size: 20px; letter-spacing: 0.8px; line-height: 1.6; text-align: center; color: #fff; font-weight: bold; background: #0A926B; padding: 13px 0;}
#con2 .bx .inner2 .in-bx2 .list li .in-img1{width: 100%; margin: 0 auto 15px;}
#con2 .bx .inner2 .in-bx2 .list li .in-txt1{font-size: 16px; letter-spacing: 0.6px; line-height: 1.8; font-weight: 400; }



#con3 {}
#con3 .top-bg{width: 100%; height: 300px; margin: 0 auto -105px; background: url(../images/special/con3-bg.png) no-repeat top 20px center; }
#con3 .bx{width: 100%; margin: 0 auto -34px; background: #BBD2E1; padding: 0 0 1px;}

#con3 .bx .inner1{width: 1100px; margin: 60px auto 195px; position: relative;}
#con3 .bx .inner1 .icon1{text-align: center; position: absolute; left: 0; right: 0; top: -165px; z-index: 1;}
#con3 .bx .inner1 .ttl1{font-size: 27px; letter-spacing: 1.2px; line-height: 1.6; text-align: center; font-weight: bold; color: #fff; background: #0A926B; padding: 18px 0; position: relative; }
#con3 .bx .inner1 .in-bx1{width: 1100px; margin: 0 auto; background: #fff; padding: 50px 50px 83px 50px; position: relative; }
#con3 .bx .inner1 .in-bx1 .in-inner{width: 410px; margin-left: auto; }
#con3 .bx .inner1 .in-bx1 .in-inner .img1{position: absolute; left: 48px; top: 48px; }
#con3 .bx .inner1 .in-bx1 .in-inner .txt1{font-size: 16px; letter-spacing: 0.6px; line-height: 1.85; font-weight: 400; margin-bottom: 31px;}
#con3 .bx .inner1 .in-bx1 .in-inner .icon2{position: absolute; right: 50px; bottom: -80px;}




}



/* ========================================
  @media screen and (max-width: 767px)
======================================== */
@media screen and (max-width: 767px) {
  .seo_bread_list {
    display: none;
  }

  #special main.is-archive .main-title-box {
    padding: 7vw 0;
    margin-bottom: 0;
    background-color: #f8f8f8;
  }
  #special main.is-archive .main-title {
    font-size: 3.6vw;
    font-weight: 500;
    line-height: calc(22 / 15);
    letter-spacing: 0.04em;
    color: #1a1a1a;
  }




#con1 {}
#con1 .top-bg{width: 100%; height: 47vw; margin: 0 auto -10vw; background: url(../images/special/sp-con1-bg.png) no-repeat top 6vw center; background-size: 100%;}
#con1 .bx{width: 100%; margin: 0 auto; background: #BBD2E1; padding: 1vw 0 40vw;}

#con1 .bx .inner1{width: 90%; margin: 0 auto 31vw; position: relative;}
#con1 .bx .inner1 .icon1{width: 22vw; position: absolute; right: 0; left: 34vw; top: -23vw; z-index: 1;}
#con1 .bx .inner1 .ttl1{font-size: 5.7vw; letter-spacing: 0.3vw; line-height: 1.6; text-align: left; font-weight: bold; width: 100%; margin-left: auto; color: #fff; background: #0A926B; padding: 4vw 0 4vw 6vw; position: relative; z-index: 1;}
#con1 .bx .inner1 .img1{width: 100%; margin: 0 auto;}
#con1 .bx .inner1 .in-bx1{width: 100%; margin-left: auto; background: #fff; padding: 5vw 6vw 1vw; position: relative; z-index: 1; }
#con1 .bx .inner1 .in-bx1 .txt1{font-size: 3.8vw; letter-spacing: 0.25vw; line-height: 1.9; font-weight: 400; margin-bottom: 7vw;}

#con1 .bx .inner2{width: 90%; margin: 0 auto; position: relative;}
#con1 .bx .inner2 .ttl2{font-size: 4.7vw; letter-spacing: 0.3vw; line-height: 1.6; text-align: center; font-weight: bold; background: #FFE100; padding: 5vw 0 5vw 0px; position: relative; width: 100%; margin: 0 auto 2vw; border-radius: 3vw;}
#con1 .bx .inner2 .ttl2::after{content: ""; width: 10vw; height: 10vw; margin: 0 auto; background: url(../images/special/sp-con1-icon3.png) no-repeat top center; position: absolute; left: 0; right: 0; bottom: -5vw; z-index: 1; background-size: 10vw;}
#con1 .bx .inner2 .in-bx2{ width: 100%; margin: 0 auto; background: #fff; padding: 9vw 0 10vw 0; position: relative; }
#con1 .bx .inner2 .in-bx2 .icon2{width: 32vw; position: absolute; right: 4vw; top: -48vw;}

#con1 .bx .inner2 .in-bx2 .flex-bx{}

#con1 .bx .inner2 .in-bx2 .list1{margin: 0 auto 12vw; padding: 0 6vw;}
#con1 .bx .inner2 .in-bx2 .list1 li{width: 100%; margin-bottom: 13vw; position: relative;}
#con1 .bx .inner2 .in-bx2 .list1 li:last-child{margin-bottom: 0;}
#con1 .bx .inner2 .in-bx2 .list1 li .in-ttl1{font-size: 4.4vw; letter-spacing: 0.1vw; line-height: 1.6; font-weight: bold; border-bottom: 1px solid #FFE100; padding-bottom: 3vw; text-align: center; width: 100%; margin: 0 auto 4vw;}
#con1 .bx .inner2 .in-bx2 .list1 li .in-img1{width: 77%; margin: 0 auto 3vw;}
#con1 .bx .inner2 .in-bx2 .list1 li .in-txt1{font-size: 3.8vw; letter-spacing: 0.25vw; line-height: 1.85; font-weight: 400;}

#con1 .bx .inner2 .in-bx2 .list2{margin: 0 auto; padding: 0 6vw;}
#con1 .bx .inner2 .in-bx2 .list2 li{width: 100%; margin-bottom: 13vw; position: relative;}
#con1 .bx .inner2 .in-bx2 .list2 li:last-child{margin-bottom: 0;}
#con1 .bx .inner2 .in-bx2 .list2 li .in-ttl1{font-size: 4.4vw; letter-spacing: 0.1vw; line-height: 1.6; font-weight: bold; border-bottom: 1px solid #FFE100; padding-bottom: 3vw; text-align: center; width: 100%; margin: 0 auto 4vw;}
#con1 .bx .inner2 .in-bx2 .list2 li .in-img1{width: 77%; margin: 0 auto 3vw;}
#con1 .bx .inner2 .in-bx2 .list2 li .in-txt1{font-size: 3.8vw; letter-spacing: 0.25vw; line-height: 1.85; font-weight: 400;}


#con2 {}
#con2 .top-bg{width: 100%; height: 47vw; margin: -21vw auto 0; background: url(../images/special/sp-con2-bg1.png) no-repeat top center; background-size: 90%; position: relative; z-index: 1;}
#con2 .bx{width: 100%; margin: -18vw auto 7.5vw; background: #fff; }

#con2 .bx .inner1{width: 100%; margin: 0 auto 30vw; position: relative;}
#con2 .bx .inner1::before{content: ""; width: 20vw; height: 20vw; margin: 0 auto; background: url(../images/special/sp-con2-bg2.png) no-repeat top center; position: absolute; right: 5vw; top: -36vw; background-size: 19vw; z-index: 0;}
#con2 .bx .inner1 .ttl1{font-size: 5.9vw; letter-spacing: 0.1vw; line-height: 1.6; font-weight: bold; text-align: center; margin-bottom: -9vw; position: relative; top: -15vw; z-index: 2;}
#con2 .bx .inner1 .in-bx1{width: 90%; margin: 0 auto 5vw;}
#con2 .bx .inner1 .in-bx1 .ttl2{font-size: 3.8vw; letter-spacing: 0.25vw; line-height: 1.75; font-weight: bold; width: 100%; margin-bottom: 6vw; background: #FFE100; border-radius: 2vw; padding: 4vw 6vw 4vw 7vw;}
#con2 .bx .inner1 .in-bx1 .img1{width: 100%; margin: 0 auto 5vw;}
#con2 .bx .inner1 .in-bx1 .txt1{font-size: 3.8vw; letter-spacing: 0.25vw; line-height: 1.85; font-weight: 400; margin-bottom: 8vw;}

#con2 .bx .inner2{width: 90%; margin: 0 auto; position: relative;}

#con2 .bx .inner2 .ttl3{font-size: 4.8vw; letter-spacing: 0.5vw; line-height: 1.5; text-align: center; font-weight: bold; background: #FFE100; padding: 5vw 0 5vw 0px; position: relative; width: 100%; margin: 0 auto 12vw; border-radius: 3vw;}
#con2 .bx .inner2 .ttl3::after{content: ""; width: 10vw; height: 10vw; margin: 0 auto; background: url(../images/special/sp-con2-icon2.png) no-repeat top center; position: absolute; left: 0; right: 0; bottom: -5vw; z-index: 1; background-size: 10vw;}
#con2 .bx .inner2 .txt2{font-size: 3.8vw; letter-spacing: 0.25vw; line-height: 1.95; font-weight: 400; margin-bottom: 5.5vw;}

#con2 .bx .inner2 .in-bx2{ width: 100%; margin: 0 auto; background: #fff; position: relative; }
#con2 .bx .inner2 .in-bx2 .icon1{width: 32vw; position: absolute; right: 4vw; top: -92vw;}
#con2 .bx .inner2 .in-bx2 .list{display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center;}
#con2 .bx .inner2 .in-bx2 .list li{width: 91%; margin: 0 auto 8vw;}
#con2 .bx .inner2 .in-bx2 .list li .in-ttl1{font-size: 4.9vw; letter-spacing: 0vw; line-height: 1.6; text-align: center; color: #fff; font-weight: bold; background: #0A926B; padding: 3.3vw 0;}
#con2 .bx .inner2 .in-bx2 .list li .in-img1{width: 100%; margin: 0 auto 3vw;}
#con2 .bx .inner2 .in-bx2 .list li .in-txt1{font-size: 3.8vw; letter-spacing: 0.2vw; line-height: 1.95; font-weight: 400;}



#con3 {}
#con3 .top-bg{width: 100%; height: 47vw; margin: 0 auto -13vw; background: url(../images/special/sp-con3-bg.png) no-repeat top 2vw center #BBD2E1; background-size: 100%;}
#con3 .bx{width: 100%; margin: 0 auto -3vw; background: #BBD2E1; padding: 1vw 0 1vw;}

#con3 .bx .inner1{width: 90%; margin: 0 auto 14.5vw; position: relative;}
#con3 .bx .inner1 .icon1{width: 22vw; position: absolute; right: 0; left: 34vw; top: -23vw; z-index: 1;}
#con3 .bx .inner1 .ttl1{font-size: 5.7vw; letter-spacing: 0.3vw; line-height: 1.6; text-align: center; font-weight: bold; width: 100%; margin-left: auto; color: #fff; background: #0A926B; padding: 4vw 0; position: relative; z-index: 1;}
#con3 .bx .inner1 .in-bx1{width: 100%; margin: 0 auto; background: #fff; padding: 7vw 6vw 2vw 6vw; position: relative; }
#con3 .bx .inner1 .in-bx1 .in-inner{width: 100%; margin: 0 auto;; }
#con3 .bx .inner1 .in-bx1 .in-inner .img1{width: 100%; margin: 0 auto 4vw;}
#con3 .bx .inner1 .in-bx1 .in-inner .txt1{font-size: 3.8vw; letter-spacing: 0.25vw; line-height: 1.93; font-weight: 400; margin-bottom: 7vw;}
#con3 .bx .inner1 .in-bx1 .in-inner .icon2{width: 91%; padding-left: 7vw; margin-top: -3vw;}




}