/* * {
  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;}


  /* ------------------------------------------*/
  #concept main.is-archive {
    overflow-x: hidden;
  }

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

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


#con1 {}
#con1 .bx{width: 100%; margin: -7px auto 0; background: url(../images/concept/con1-bg.png) no-repeat top center #E6EDF3; padding: 73px 0 100px;}
#con1 .bx .txt1{font-size: 16px; letter-spacing: 0.6px; line-height: 1.6; font-weight: 500; color: #fff; text-align: center; margin-bottom: 10px;}
#con1 .bx .ttl1{font-size: 36px; letter-spacing: 1.5px; line-height: 1.45; font-weight: 400; color: #fff; text-align: center; margin-bottom: 388px;}
#con1 .bx .ttl1 span{font-size: 60px; letter-spacing: 2.5px; line-height: 1.45; font-weight: 600; color: #fff; text-align: center; margin-bottom: 10px;}

#con1 .bx .inner{width: 1280px; margin: -100px auto 0; background: #fff; padding: 70px 0 30px;;}
#con1 .bx .inner .img1{text-align: center; margin-bottom: 27px;}
#con1 .bx .inner .ttl2{font-size: 20px; letter-spacing: 0.8px; line-height: 2.5; font-weight: 600; text-align: center; margin-bottom: 28px;}
#con1 .bx .inner .ttl2 span{font-size: 30px; letter-spacing: 1.3px; line-height: 1.6; font-weight: 600; text-align: center; margin-top: 8px; display: block;}
#con1 .bx .inner .img2{text-align: center; margin-bottom: 43px;}
#con1 .bx .inner .txt2{font-size: 18px; letter-spacing: 0.8px; line-height: 2.2; font-weight: 400; text-align: center; margin-bottom: 40px;}
#con1 .bx .inner .ttl3{font-size: 20px; letter-spacing: 0.8px; line-height: 1.6; font-weight: 600; text-align: center; color: #fff; width: 377px; background: #1E4D91; margin: 45px auto 45px; padding: 10px 0 10px; display: block;}
#con1 .bx .inner .txt3{font-size: 18px; letter-spacing: 0.8px; line-height: 2.2; font-weight: 400; text-align: center; margin-bottom: 40px;}
#con1 .bx .inner .img3{}


#con2 {}
#con2 .bx{width: 100%; margin: 0 auto 100px; background: url(../images/concept/con2-bg.png) no-repeat top center; padding: 760px 0 100px;}
#con2 .bx .ttl1{font-size: 48px; letter-spacing: 1.5px; line-height: 1.45; font-weight: 600; color: #1E4D91; text-align: center; margin-bottom: 47px;}

#con2 .bx .inner1{width: 1280px; margin: 0 auto 23px; background: #FAFAFA; padding: 87px 90px 70px 90px; position: relative;}
#con2 .bx .inner1 .in-bx{width: 550px; margin-right: auto;}
#con2 .bx .inner1 .in-bx .ttl2{font-size: 32px; letter-spacing: 1.5px; line-height: 1.6; font-weight: 600; color: #1E4D91; margin-bottom: 1px;}
#con2 .bx .inner1 .in-bx .ttl2 span{font-size: 52px; letter-spacing: 3px; padding-left: 4px;}
#con2 .bx .inner1 .in-bx .ttl3{font-size: 23px; letter-spacing: 0.8px; line-height: 1.6; font-weight: bold; border-bottom: 1px solid #B4B4B4; padding-bottom: 9px; margin-bottom: 11px;}
#con2 .bx .inner1 .in-bx .img1{position: absolute; right: 90px; top: 150px;}
#con2 .bx .inner1 .in-bx .txt1{font-size: 16px; letter-spacing: 0.6px; line-height: 1.85; font-weight: 400; margin-bottom: 30px;}

#con2 .bx .inner2{width: 1280px; margin: 0 auto 80px; padding: 87px 90px 70px 90px; position: relative;}
#con2 .bx .inner2 .in-bx{width: 1100px; margin: 0 auto;}
#con2 .bx .inner2 .in-bx .ttl2{font-size: 32px; letter-spacing: 1.5px; line-height: 1.6; font-weight: 600; color: #1E4D91; margin-bottom: 1px;}
#con2 .bx .inner2 .in-bx .ttl2 span{font-size: 52px; letter-spacing: 3px; padding-left: 4px;}
#con2 .bx .inner2 .in-bx .ttl3{font-size: 23px; letter-spacing: 0.8px; line-height: 1.6; font-weight: bold; border-bottom: 1px solid #B4B4B4; padding-bottom: 11px; margin-bottom: 10px;}
#con2 .bx .inner2 .in-bx .txt1{font-size: 16px; letter-spacing: 0.6px; line-height: 1.85; font-weight: 400; margin-bottom: 20px;}
#con2 .bx .inner2 .in-bx .list{margin-left: -5px; 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-bx .list li{width: 322px; margin-right: 65px; background: #FBFBFB;}
#con2 .bx .inner2 .in-bx .list li:last-child{margin-right: 0}
#con2 .bx .inner2 .in-bx .list li .img2{text-align: center; margin-bottom: 30px; margin-left: -5px; margin-top: -3px;}
#con2 .bx .inner2 .in-bx .list li .txt2{font-size: 14px; letter-spacing: 0.5px; line-height: 1.73; font-weight: 400; padding: 0 25px 30px 25px;}

#con2 .bx .inner3{width: 1280px; margin: 0 auto 43px; background: #FAFAFA; padding: 77px 90px 60px 90px; position: relative;}
#con2 .bx .inner3 .in-bx{width: 550px; margin-right: auto;}
#con2 .bx .inner3 .in-bx .ttl2{font-size: 32px; letter-spacing: 1.5px; line-height: 1.6; font-weight: 600; color: #1E4D91; margin-bottom: 1px;}
#con2 .bx .inner3 .in-bx .ttl2 span{font-size: 52px; letter-spacing: 3px; padding-left: 4px;}
#con2 .bx .inner3 .in-bx .ttl3{font-size: 23px; letter-spacing: 0.8px; line-height: 1.6; font-weight: bold; border-bottom: 1px solid #B4B4B4; padding-bottom: 11px; margin-bottom: 12px;}
#con2 .bx .inner3 .in-bx .img1{position: absolute; right: 90px; top: 145px;}
#con2 .bx .inner3 .in-bx .txt1{font-size: 16px; letter-spacing: 0.6px; line-height: 1.85; font-weight: 400; margin-bottom: 30px;}
#con2 .bx .inner3 .in-bx .ttl4{font-size: 20px; letter-spacing: 0.8px; line-height: 1.6; font-weight: 600; text-align: center; color: #fff; width: 550px; background: #1E4D91; margin: -10px auto 20px; padding: 5px 0px 3px 7px; display: block;}

#con2 .bx .inner4{width: 1280px; margin: 0 auto; padding: 77px 90px 60px 90px; position: relative;}
#con2 .bx .inner4 .in-bx{width: 550px; margin-right: auto;}
#con2 .bx .inner4 .in-bx .ttl2{font-size: 32px; letter-spacing: 1.5px; line-height: 1.6; font-weight: 600; color: #1E4D91; margin-bottom: 1px;}
#con2 .bx .inner4 .in-bx .ttl2 span{font-size: 52px; letter-spacing: 3px; padding-left: 4px;}
#con2 .bx .inner4 .in-bx .ttl3{font-size: 23px; letter-spacing: 0.8px; line-height: 1.7; font-weight: bold; border-bottom: 1px solid #B4B4B4; padding-bottom: 9px; margin-bottom: 12px;}
#con2 .bx .inner4 .in-bx .img1{position: absolute; right: 90px; top: 145px;}
#con2 .bx .inner4 .in-bx .txt1{font-size: 16px; letter-spacing: 0.6px; line-height: 1.85; font-weight: 400; margin-bottom: 30px;}


#con3 {}
#con3 .bx{width: 100%; margin: 0 auto 138px; background: url(../images/concept/con3-bg.png) no-repeat top center; padding: 186px 0 170px;}
#con3 .bx .ttl1{font-size: 48px; letter-spacing: 1.5px; line-height: 1.45; font-weight: 600; color: #fff; text-align: center; margin-bottom: 17px;}
#con3 .bx .txt1{font-size: 16px; letter-spacing: 0.6px; line-height: 1.85; font-weight: 400; color: #fff; text-align: center; }


}



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

  #concept main.is-archive .main-title-box {
    padding: 7vw 0;
    margin-bottom: 0;
    background-color: #f8f8f8;
  }
  #concept 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 .bx{width: 100%;margin: 7vw auto 0;background: url(../images/concept/sp-con1-bg.png) no-repeat top center #E6EDF3;padding: 15vw 0 17vw;background-size: 100%;}
#con1 .bx .txt1{font-size: 3.6vw; letter-spacing: 0.4vw; line-height: 1.9; font-weight: 500; color: #fff; text-align: center; margin-bottom: 7vw;}
#con1 .bx .ttl1{font-size: 4.8vw; letter-spacing: 0vw; line-height: 1.45; font-weight: 400; color: #fff; text-align: center; margin-bottom: 64vw;}
#con1 .bx .ttl1 span{font-size: 9vw; letter-spacing: 0.4vw; line-height: 1.45; font-weight: 600; color: #fff; text-align: center; margin-bottom: -3vw; display: block;}

#con1 .bx .inner{width: 90%; margin: -15vw auto 0; background: #fff; padding: 9vw 7.5vw 19vw;;}
#con1 .bx .inner .img1{width: 100%; margin: 0 auto 6vw;}
#con1 .bx .inner .ttl2{font-size: 5vw; letter-spacing: 0vw; line-height: 1.7; font-weight: 600; text-align: center; margin-bottom: 5vw;}
#con1 .bx .inner .ttl2 span{font-size: 6.5vw; letter-spacing: 0.3vw; line-height: 1.6; font-weight: 600; text-align: center; margin-top: 2vw; display: block; margin-bottom: -1vw;}
#con1 .bx .inner .img2{width: 100%; margin: 0 auto 5vw;}
#con1 .bx .inner .txt2{font-size: 3.6vw; letter-spacing: 0.45vw; line-height: 2; font-weight: 400; margin-bottom: 8vw;}
#con1 .bx .inner .ttl3{font-size: 4.7vw; letter-spacing: 0.1vw; line-height: 1.6; font-weight: 600; color: #fff; margin-top: -3vw;}
#con1 .bx .inner .ttl3 .ss1{display: inline-block; width: 87%; background: #1E4D91; padding: 2vw 0vw; margin: 0 auto 3vw;}
#con1 .bx .inner .ttl3 .ss2{display: inline-block; width: 35%; background: #1E4D91; padding: 2vw 1.5vw; margin: 0 auto 5vw;}
#con1 .bx .inner .txt3{font-size: 3.6vw; letter-spacing: 0.45vw; line-height: 2; font-weight: 400; margin-bottom: 8vw;}
#con1 .bx .inner .img3{}


#con2 {}
#con2 .bx{width: 100%; margin: 0 auto 10vw; background: url(../images/concept/sp-con2-bg.png) no-repeat top center; padding: 61vw 0 10vw; background-size: 100%;}
#con2 .bx .ttl1{font-size: 6.9vw; letter-spacing: 0.3vw; line-height: 1.45; font-weight: 600; color: #1E4D91; text-align: center; margin-bottom: 5vw;}

#con2 .bx .inner1{width: 100%; margin: 0 auto 9vw; background: #FAFAFA; padding: 5vw 5.5vw 1vw; position: relative;}
#con2 .bx .inner1 .in-bx{width: 100%; margin: 0 auto;}
#con2 .bx .inner1 .in-bx .ttl2{font-size: 6vw; letter-spacing: 0.2vw; line-height: 1.6; font-weight: 600; color: #1E4D91; margin-bottom: 1vw;}
#con2 .bx .inner1 .in-bx .ttl2 span{font-size: 8.5vw; letter-spacing: 0.5vw; padding-left: 1vw;}
#con2 .bx .inner1 .in-bx .ttl3{font-size: 4.5vw; letter-spacing: 0.5vw; line-height: 1.6; font-weight: bold; border-bottom: 1px solid #B4B4B4; padding-bottom: 3vw; margin-bottom: 5vw;}
#con2 .bx .inner1 .in-bx .img1{width: 100%; margin: 0 auto 5vw;}
#con2 .bx .inner1 .in-bx .txt1{font-size: 3.6vw; letter-spacing: 0.4vw; line-height: 2; font-weight: 400; margin-bottom: 7.5vw;}

#con2 .bx .inner2{width: 100%; margin: 0 auto 9vw; padding: 5vw 5.5vw 8vw; position: relative;}
#con2 .bx .inner2 .in-bx{width: 100%; margin: 0 auto;}
#con2 .bx .inner2 .in-bx .ttl2{font-size: 6vw; letter-spacing: 0.2vw; line-height: 1.6; font-weight: 600; color: #1E4D91; margin-bottom: 1vw;}
#con2 .bx .inner2 .in-bx .ttl2 span{font-size: 8.5vw; letter-spacing: 0.5vw; padding-left: 1vw;}
#con2 .bx .inner2 .in-bx .ttl3{font-size: 4.5vw; letter-spacing: 0.5vw; line-height: 1.6; font-weight: bold; border-bottom: 1px solid #B4B4B4; padding-bottom: 2.5vw; margin-bottom: 5vw;}
#con2 .bx .inner2 .in-bx .txt1{font-size: 3.6vw; letter-spacing: 0.4vw; line-height: 2; font-weight: 400; margin-bottom: 7.5vw;}
#con2 .bx .inner2 .in-bx .list{}
#con2 .bx .inner2 .in-bx .list li{width: 87%; margin: 0 auto 7vw; background: #FBFBFB;}
#con2 .bx .inner2 .in-bx .list li:last-child{margin-bottom: 0}
#con2 .bx .inner2 .in-bx .list li .img2{width: 78vw; margin: 0 auto 7vw; position: relative; left: -1vw;}
#con2 .bx .inner2 .in-bx .list li .txt2{font-size: 3.3vw; letter-spacing: 0.2vw; line-height: 1.76; font-weight: 400; padding: 0 6vw 7vw 6vw;}

#con2 .bx .inner3{width: 100%; margin: 0 auto 9vw; background: #FAFAFA; padding: 5vw 5.5vw 1vw; position: relative;}
#con2 .bx .inner3 .in-bx{width: 100%; margin: 0 auto;}
#con2 .bx .inner3 .in-bx .ttl2{font-size: 6vw; letter-spacing: 0.2vw; line-height: 1.6; font-weight: 600; color: #1E4D91; margin-bottom: 1vw;}
#con2 .bx .inner3 .in-bx .ttl2 span{font-size: 8.5vw; letter-spacing: 0.5vw; padding-left: 1vw;}
#con2 .bx .inner3 .in-bx .ttl3{font-size: 4.5vw; letter-spacing: 0.5vw; line-height: 1.85; font-weight: bold; border-bottom: 1px solid #B4B4B4; padding-bottom: 2vw; margin-bottom: 5vw;}
#con2 .bx .inner3 .in-bx .img1{width: 100%; margin: 0 auto 5.5vw;}
#con2 .bx .inner3 .in-bx .txt1{font-size: 3.6vw; letter-spacing: 0.4vw; line-height: 2; font-weight: 400; margin-bottom: 7.5vw;}
#con2 .bx .inner3 .in-bx .ttl4{font-size: 4.7vw; letter-spacing: 0.1vw; line-height: 1.6; font-weight: 600; color: #fff; }
#con2 .bx .inner3 .in-bx .ttl4 .ss1{display: inline-block; width: 100%; background: #1E4D91; padding: 2vw 1vw; margin: 0 auto 3vw;}
#con2 .bx .inner3 .in-bx .ttl4 .ss2{display: inline-block; width: 47%; background: #1E4D91; padding: 2vw 1.5vw; margin: 0 auto 7vw;}


#con2 .bx .inner4{width: 100%; margin: 0 auto -4vw; padding: 5vw 5.5vw 1vw; position: relative;}
#con2 .bx .inner4 .in-bx{width: 100%; margin: 0 auto;}
#con2 .bx .inner4 .in-bx .ttl2{font-size: 6vw; letter-spacing: 0.2vw; line-height: 1.6; font-weight: 600; color: #1E4D91; margin-bottom: 1vw;}
#con2 .bx .inner4 .in-bx .ttl2 span{font-size: 8.5vw; letter-spacing: 0.5vw; padding-left: 1vw;}
#con2 .bx .inner4 .in-bx .ttl3{font-size: 4.5vw; letter-spacing: 0.5vw; line-height: 1.7; font-weight: bold; border-bottom: 1px solid #B4B4B4; padding-bottom: 3.5vw; margin-bottom: 5vw;}
#con2 .bx .inner4 .in-bx .img1{width: 100%; margin: 0 auto 5vw;}
#con2 .bx .inner4 .in-bx .txt1{font-size: 3.6vw; letter-spacing: 0.4vw; line-height: 2; font-weight: 400; margin-bottom: 7.5vw;}


#con3 {}
#con3 .bx{width: 100%; margin: 0 auto 24vw; background: url(../images/concept/sp-con3-bg.png) no-repeat top center; padding: 16vw 0 17vw; background-size: 100%;}
#con3 .bx .ttl1{font-size: 9.5vw; letter-spacing: 0.2vw; line-height: 1.45; font-weight: 600; color: #fff; text-align: center; margin-bottom: 2vw; padding-left: 2vw;}
#con3 .bx .txt1{font-size: 3.6vw; letter-spacing: 0.4vw; line-height: 2; font-weight: 400; color: #fff; text-align: center; }



}