@media screen and (min-width: 768px), print { .h2-area-box .h2-common-box { background-image: url(../images/concept/h2.jpg); }
  main { width: 100%; background-image: url(../images/concept/bg-04.jpg); background-repeat: no-repeat; background-position: center bottom; padding-bottom: 128px; margin-bottom: 0; }
  #end-bnr-area { margin-top: 0; }
  /*============================
#main-area
============================*/
  #main-area { background-image: url(../images/concept/bg-01.jpg); background-repeat: no-repeat; background-position: center 0; padding-top: 48px; padding-bottom: 50px; }
  #main-area .inner { width: 1018px; margin: 0 auto; }
  /*============================
#con01
============================*/
  #con01 { background-image: url(../images/concept/bg-02.png); background-repeat: no-repeat; background-position: center 0; padding-top: 60px; margin-bottom: 120px; }
  #con01 .inner { width: 1200px; margin: 0 auto; }
  #con01 .inner .ttl-box { position: relative; }
  #con01 .inner .ttl-box .deco {position: absolute;top: -73px;right: 29px; }
  #con01 .inner .flex-01 { position: relative; z-index: 10; display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  #con01 .inner .flex-01 .box-l { width: 600px; }
  #con01 .inner .flex-01 .box-r { padding-top: 88px; width: 550px; -webkit-box-ordinal-group: -1; -webkit-flex-order: -1; -moz-flex-order: -1; -moz-order: -1; -ms-flex-order: -1; order: -1; }
  #con01 .inner .flex-01 .box-r .txt { color: #272727; font-size: 16px; font-weight: 400; line-height: 1.8; }
  #con01 .inner .flex-01 .box-r .blod-box { margin-top: 12px; margin-bottom: 20px; color: #272727; font-family: "Noto Sans CJK JP"; font-size: 20px; font-weight: 900; }
  #con01 .inner .flex-01 .box-r .blod-box li { margin-bottom: 16px; }
  #con01 .inner .flex-02 { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  #con01 .inner .flex-02 .box-l { width: 550px; margin-right: 50px; }
  #con01 .inner .flex-02 .box-r { margin-top: 35px; width: 499px; color: #272727; font-size: 16px; font-weight: 400; letter-spacing: 0.8px; line-height: 1.7; }
  #con01 .inner .flex-03 { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  #con01 .inner .flex-03 li { width: 269px; margin-right: 12px; }
  #con01 .inner .flex-03 li:last-child { margin-right: 0; }
  .matome { background-color: #ffd200; }
  .matome .inner { width: 670px; margin: 0 auto; position: relative; padding-top: 35px; padding-bottom: 35px; }
  .matome .inner .txt { position: absolute; top: -56px; width: 591px; margin: 0 auto; left: 0; right: 0px; }
  .matome .inner .txt-box .ttl-01 { width: 665px; color: #272727; font-family: "Noto Sans CJK JP"; font-size: 28px; font-weight: 900; line-height: 58px; margin-bottom: 8px; }
  .matome .inner .txt-box .ttl-01 strong { color: #e84242; }
  .matome .inner .txt-box .txt-02 { width: 637px; margin: 0 auto; color: #272727; font-family: Meiryo; font-size: 16px; font-weight: 400; letter-spacing: 0.8px; line-height: 24px; }
  .matome .inner .deco { position: absolute; right: -142px; bottom: 0; }
  /*============================
#con-02
============================*/
  #con-02 { background-image: url(../images/concept/bg-03.jpg); background-repeat: no-repeat; background-position: center 0; }
  #con-02 .inner { width: 1210px; margin: 0 auto; padding-top: 88px; }
  #con-02 .inner .ttl { color: #272727; font-family: "Noto Sans CJK JP"; font-size: 35px; font-weight: 900; line-height: 1.6; }
  #con-02 .inner .ttl strong { color: #272727; font-family: "Noto Sans CJK JP"; font-size: 58px; font-weight: 900; display: block; }
  #con-02 .inner .flex-01 { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 50px; }
  #con-02 .inner .flex-01 .box-l { width: 605px; }
  #con-02 .inner .flex-01 .box-r { width: 550px; padding-top: 32px; -webkit-box-ordinal-group: -1; -webkit-flex-order: -1; -moz-flex-order: -1; -moz-order: -1; -ms-flex-order: -1; order: -1; color: #272727; font-family: Meiryo; font-size: 16px; font-weight: 400; letter-spacing: 0.8px; line-height: 1.7; }
  #con-02 .inner .flex-01 .box-r .p-mb { margin-bottom: 1.2em; }
  #con-02 .inner .flex-01 .box-r .blod-box { color: #1c5590; font-family: "Noto Sans CJK JP"; font-size: 20px; font-weight: 900; line-height: 1.8; margin-bottom: 24px; }
  #con-02 .inner .flex-02 { margin-top: -64px; margin-bottom: 88px; display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  #con-02 .inner .flex-02 .box-l { width: 543px; margin-right: 72px; }
  #con-02 .inner .flex-02 .box-r { padding-top: 120px; width: 489px; color: #272727; font-size: 16px; font-weight: 400; letter-spacing: 0.8px; line-height: 1.7; text-transform: uppercase; }
  #con-02 .inner .flex-02 .box-r .p-mb { margin-bottom: 1.2em; }
  #con-02 .inner .ttl-02 { width: 1100px; margin: 0 auto 20px; background-color: #1c5590; color: #ffffff; font-family: "Noto Sans CJK JP"; font-size: 25px; font-weight: 700; text-align: center; padding: 30px 0 30px; }
  #con-02 .inner .txt-box-02 { width: 1100px; margin: 0 auto 16px; color: #272727; font-family: "Noto Sans CJK JP"; font-size: 18px; font-weight: 500; line-height: 1.8; }
  #con-02 .inner .blod-box-02 { width: 1100px; margin: 0 auto 16px; color: #272727; font-family: "Noto Sans CJK JP"; font-size: 34px; font-weight: 900; position: relative; }
  #con-02 .inner .blod-box-02 .deco-02 { position: absolute; right: 63px; top: -52px; }
  .wap-box-01 { width: 1100px; margin: 0 auto 100px; }
  .o-bnr-box .o-bnr-list { width: 991px; margin: 0 auto; display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .o-bnr-box .o-bnr-list li { width: 300px; background-color: #fff; } }

@media screen and (max-width: 767px) { .h2-area-box .h2-common-box { background-image: url(../images/concept/sp-h2.jpg); }
  main { width: 100%; background-image: url(../images/concept/sp-bg-04.png); background-repeat: no-repeat; background-position: center bottom; background-size: 100%; padding-bottom: 13.88%; margin-bottom: 0; }
  #end-bnr-area { margin-top: 0; }
  /*============================
#main-area
============================*/
  /*============================
#con01
============================*/
  #con01 { background-image: url(../images/concept/sp-bg-02.png); background-repeat: no-repeat; background-position: center top; background-size: 100%; }
  #con01 .inner { width: 100%; margin: 0 auto; }
  #con01 .inner .ttl-box { width: 97.22%; margin: 0 auto; position: relative; }
  #con01 .inner .ttl-box .deco { display: none; }
  #con01 .inner .ttl img { margin-top: -3%; }
  #con01 .inner .flex-01 { margin-bottom: 7.09%; }
  #con01 .inner .flex-01 .box-l { width: 88.4%; margin: 0 auto; margin-bottom: 3.41%; }
  #con01 .inner .flex-01 .box-r { width: 91.9%; margin: 0 auto; }
  #con01 .inner .flex-01 .box-r .txt { color: #272727; font-family: Meiryo; font-size: 0.875em; font-weight: 400; letter-spacing: 0.7px; line-height: 1.6; }
  #con01 .inner .flex-01 .box-r .blod-box { margin-top: 3.28%; margin-bottom: 4.73%; }
  #con01 .inner .flex-01 .box-r .blod-box li { margin-bottom: 2%; color: #272727; font-family: "Noto Sans CJK JP"; font-size: 0.875em; font-weight: 900; line-height: 1.6; }
  #con01 .inner .flex-02 { width: 88.4%; margin: 0 auto; }
  #con01 .inner .flex-02 .box-l { margin-bottom: 7.1%; }
  #con01 .inner .flex-02 .box-r { color: #272727; font-family: Meiryo; font-size: 0.875em; font-weight: 400; letter-spacing: 0.7px; line-height: 1.7; margin-bottom: 16%; }
  #con01 .inner .flex-03 { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  #con01 .inner .flex-03 li { width: 48.9%; margin-right: 2.18%; }
  #con01 .inner .flex-03 li:last-child { margin-right: 0; }
  .matome { background-color: #ffd200; }
  .matome .inner { width: 100%; margin: 0 auto; position: relative; padding: 10.99% 4.83% 5.79% 4.83%; }
  .matome .inner .txt { position: absolute; top: -13%; width: 71.37%; left: 6%; }
  .matome .inner .txt-box .ttl-01 { color: #272727; font-family: "Noto Sans CJK JP"; font-size: 1.25em; font-weight: 900; line-height: 1.7; margin-bottom: 3%; position: relative; z-index: 10; }
  .matome .inner .txt-box .ttl-01 strong { color: #e84242; display: block; }
  .matome .inner .txt-box .txt-02 { color: #272727; font-size: 0.875em; font-weight: 400; letter-spacing: 0.7px; line-height: 1.7; }
  .matome .inner .deco { width: 24%; position: absolute; right: 0; top: -18%; }
  /*============================
#con-02
============================*/
  #con-02 { background-image: url(../images/concept/sp-bg-03.png); background-repeat: no-repeat; background-position: center top; background-size: 100%; }
  #con-02 .box-01 { width: 88.4%; margin: 0 auto; padding-top: 16.9%; }
  #con-02 .inner .ttl { color: #272727; font-family: "Noto Sans CJK JP"; font-size: 0.9375em; font-weight: 900; line-height: 1.7; }
  #con-02 .inner .ttl strong { display: block; color: #272727; font-family: "Noto Sans CJK JP"; font-size: 2.8125em; font-weight: 900; margin-bottom: 5%; }
  #con-02 .inner .flex-01 { margin-bottom: 10%; }
  #con-02 .inner .flex-01 .box-l { width: 100%; margin-bottom: 8%; }
  #con-02 .inner .flex-01 .box-r { color: #272727; font-size: 0.875em; font-weight: 400; letter-spacing: 0.7px; line-height: 1.7; }
  #con-02 .inner .flex-01 .box-r .p-mb { margin-bottom: 1.2em; }
  #con-02 .inner .flex-01 .box-r .blod-box { color: #1c5590; font-family: "Noto Sans CJK JP"; font-size: 1em; font-weight: 900; line-height: 1.7; margin-bottom: 6%; }
  #con-02 .inner .flex-02 { margin-bottom: 10%; }
  #con-02 .inner .flex-02 .box-l { margin-bottom: 7.78%; }
  #con-02 .inner .flex-02 .box-r { color: #272727; font-size: 0.875em; font-weight: 400; letter-spacing: 0.7px; line-height: 1.7; }
  #con-02 .inner .flex-02 .box-r .p-mb { margin-bottom: 1.2em; }
  #con-02 .wap-box-01 { width: 94.68%; margin: 0 auto; }
  #con-02 .inner .ttl-02 { background-color: #1c5590; padding: 4.08% 1.53% 4.08% 3.57%; color: #ffffff; font-family: "Noto Sans CJK JP"; font-size: 0.875em; font-weight: 700; line-height: 1.7; margin-bottom: 3%; }
  #con-02 .inner .txt-box-02 { width: 96.04%; margin: 0 auto 16px; color: #272727; font-family: "Noto Sans CJK JP"; font-size: 0.875em; font-weight: 500; line-height: 1.7; }
  #con-02 .inner .blod-box-02 { width: 100%; margin: 0 auto 16px; color: #272727; font-family: "Noto Sans CJK JP"; font-size: 34px; font-weight: 900; position: relative; }
  #con-02 .inner .blod-box-02 .deco-02 { position: absolute; right: 63px; top: -52px; }
  .wap-box-01 { width: 100%; margin: 0 auto 100px; }
  .sp-img { width: 103.5%; margin-right: -3.5%; }
  .o-bnr-box .o-bnr-list { width: 88.4%; margin: 0 auto; }
  .o-bnr-box .o-bnr-list li { margin-bottom: 2.04%; } }
/*# sourceMappingURL=page-concept.css.map */