#advantage img {
  width: 100%;
  object-fit: contain; }
#advantage .mv {
  background: url("/asset/img/advantage/mv_sp.jpg") center/cover no-repeat;
  position: relative;
  display: block;
  text-align: center;
  height: 240px; }
  #advantage .mv h1 {
    display: block;
    margin: 0 auto;
    padding: 30px 36px 20px;
	width: 82%; }
    #advantage .mv h1 img {
      width: 100%; }
  #advantage .mv .mv_facts {
    position: absolute;
    top: 200px;
    left: 50%;
    transform: translateX(-50%);
    max-width: 1040px;
    width: 100%; }
    #advantage .mv .mv_facts img {
      width: 100%; }
#advantage .message {
  /*background: url("/asset/img/advantage/message_bg_sp.svg") bottom/cover no-repeat;*/
	background-color: #f5f5f6;
  padding: 128px 0 56px; }
  #advantage .message h2 {
    font-size: 24px;
    margin-bottom: 1em; }
#advantage .facts {
  padding-bottom: 60px; }
  #advantage .facts .header {
    padding: 50px 0;
    text-align: center; }
    #advantage .facts .header h2 {
      position: relative;
      display: flex;
      align-items: center;
      height: 70px;
      justify-content: center; }
      #advantage .facts .header h2 img {
        max-width: 85%; }
      #advantage .facts .header h2::before {
        content: "";
        background: url("/asset/img/advantage/facts_ttl_bg.svg") left/cover no-repeat;
        width: 100%;
        height: 70px;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        z-index: -1; }
      #advantage .facts .header h2::after {
        content: "";
        position: absolute;
        background: #FFD800;
        width: 75px;
        height: 3px;
        bottom: -20px;
        left: 50%;
        transform: translateX(-50%); }
  #advantage .facts .fact .heading_wrapper {
    background-color: #FFD800;
    padding: 20px 20px 20px 30px; }
    #advantage .facts .fact .heading_wrapper .heading {
      color: #fff;
      font-weight: bold;
      display: flex;
      justify-content: space-between;
      align-items: flex-end; }
      #advantage .facts .fact .heading_wrapper .heading .sub_ttl {
        font-size: 8px;
        letter-spacing: .2em;
        margin-bottom: .5em; }
      #advantage .facts .fact .heading_wrapper .heading .main_ttl {
        font-size: 38px;
        letter-spacing: .05em;
        position: relative;
        line-height: 1;
        margin-bottom: 0; }
        #advantage .facts .fact .heading_wrapper .heading .main_ttl::before {
          position: absolute;
          content: "";
          width: 20px;
          height: 3px;
          left: 0;
          top: 50%;
          transform: translateY(-50%);
          left: -30px;
          background: #fff; }
      #advantage .facts .fact .heading_wrapper .heading .col2 {
        padding-bottom: 6px; }
      #advantage .facts .fact .heading_wrapper .heading .frame-box {
        position: relative;
        font-size: 6px;
        padding: 0.1em 12px;
        display: inline-block;
        float: right;
        letter-spacing: .1em; }
        #advantage .facts .fact .heading_wrapper .heading .frame-box::before, #advantage .facts .fact .heading_wrapper .heading .frame-box::after {
          content: '';
          width: .25em;
          height: 100%;
          position: absolute;
          border: 1px solid #fff;
          top: 0; }
        #advantage .facts .fact .heading_wrapper .heading .frame-box::before {
          border-right: none;
          left: 0; }
        #advantage .facts .fact .heading_wrapper .heading .frame-box::after {
          border-left: none;
          right: 0; }
  #advantage .facts .fact .content {
    padding-left: 1em;
    position: relative; }
    #advantage .facts .fact .content::before {
      content: "";
      position: absolute;
      background-color: #FFD800;
      width: 100%;
      height: 200px;
      top: 0;
      left: 0;
      z-index: -1; }
    #advantage .facts .fact .content .inner {
      padding: 20px 40px 20px 26px;
      background: #fff; }
      #advantage .facts .fact .content .inner .row {
        margin-bottom: 30px; }
      #advantage .facts .fact .content .inner .text-wrapper {
        margin-bottom: 30px; }
      #advantage .facts .fact .content .inner .media-wrapper {
        display: flex;
        justify-content: center; }
        #advantage .facts .fact .content .inner .media-wrapper img {
          max-width: 85%; }
      #advantage .facts .fact .content .inner h4 {
        font-size: 18px;
        margin-bottom: 0.7em; }
      #advantage .facts .fact .content .inner .comment:not(:last-child) {
        margin-bottom: 30px; }
      #advantage .facts .fact .content .inner .comment h5 {
        font-size: 14px;
        line-height: 1.3;
        padding: 1em 0;
        position: relative;
        border-top: 1px solid #46484B;
        position: relative;
        margin: 0 -10px;
        margin-bottom: 2em;
        text-align: center; }
        #advantage .facts .fact .content .inner .comment h5::after {
          content: "";
          position: absolute;
          bottom: -1em;
          left: 50%;
          transform: translateX(-50%);
          width: 100%;
          background: url("/asset/img/common/speach_bubble.svg") center/cover no-repeat;
          height: 12px; }
      #advantage .facts .fact .content .inner .comment .col-md-4 {
        padding: 0;
        margin-bottom: 27px; }
        #advantage .facts .fact .content .inner .comment .col-md-4 .portrait {
          background: #F5F5F6;
          padding: 27px; }
      #advantage .facts .fact .content .inner .comment .col-md-8 {
        padding: 0; }
        #advantage .facts .fact .content .inner .comment .col-md-8 .profile {
          margin-bottom: .7em; }
          #advantage .facts .fact .content .inner .comment .col-md-8 .profile div {
            display: inline-block; }
          #advantage .facts .fact .content .inner .comment .col-md-8 .profile .name {
            font-size: 16px;
            font-weight: bold;
            margin-right: 16px; }
          #advantage .facts .fact .content .inner .comment .col-md-8 .profile .circle {
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: #FFD800; }
          #advantage .facts .fact .content .inner .comment .col-md-8 .profile .belongs {
            font-size: 12px;
            margin-left: 8px; }
        #advantage .facts .fact .content .inner .comment .col-md-8 p {
          font-size: 14px; }
      #advantage .facts .fact .content .inner .block .heading-bullet {
        font-size: 14px;
        margin-bottom: 1.3em; }
      #advantage .facts .fact .content .inner .block .col-md-6 .bg-gray {
        height: 100%; }
      #advantage .facts .fact .content .inner .block .col-md-6 .p-0 {
        line-height: 1.5; }
      #advantage .facts .fact .content .inner .block .col-md-6 p {
        padding: 16px 16px 20px;
        font-size: 12px;
        margin-bottom: 0; }
      #advantage .facts .fact .content .inner .block .col-md-6 .card_header {
        background: url("/asset/img/advantage/fact03_media02.jpg") center/cover no-repeat;
        padding: 24px 27px;
        color: #fff;
        text-align: center;
        text-shadow: 0px 0px 6px #000; }
        #advantage .facts .fact .content .inner .block .col-md-6 .card_header h6 {
          font-size: 16px; }
      #advantage .facts .fact .content .inner .block .col-md-6.card02 .card_header {
        background: url("/asset/img/advantage/fact03_media03.jpg") center/cover no-repeat; }
      #advantage .facts .fact .content .inner .heading-point .md-inline-block {
        font-size: 11px;
        border-top: 1px solid #46484B;
        border-bottom: 1px solid #46484B;
        padding: .5em 1em;
        font-weight: bold;
        letter-spacing: .1em;
        margin-bottom: 1em; }
        #advantage .facts .fact .content .inner .heading-point .md-inline-block .montserrat {
          text-align: center;
          display: flex;
          align-items: center;
          justify-content: center; }
          #advantage .facts .fact .content .inner .heading-point .md-inline-block .montserrat span {
            padding-left: .3em;
            font-size: 19px;
            color: #FFD800; }
      #advantage .facts .fact .content .inner .heading-point h5 {
        font-size: 14px;
        line-height: 2; }
      #advantage .facts .fact .content .inner .bl {
        margin-bottom: 30px; }
        #advantage .facts .fact .content .inner .bl h6 {
          background: #F5F5F6;
          text-align: center;
          padding: .5em;
          font-size: 12px; }

@media screen and (min-width: 768px) {
  #advantage .mv {
    background: url("/asset/img/advantage/mv.jpg") center/cover no-repeat;
    display: flex;
    align-items: center;
    height: 400px; }
    #advantage .mv h1 {
      padding: 0; }
      #advantage .mv h1 img {
        max-height: 240px;
        object-fit: contain; }
    #advantage .mv .mv_facts {
      top: 355px; }
  #advantage .message {
    padding: 150px 0 120px;
    /*background: url("/asset/img/advantage/message_bg.svg") bottom/cover no-repeat;*/
	background-color: #f5f5f6; }
    #advantage .message h2 {
      font-size: 36px; }
    #advantage .message p {
      max-width: 780px; }
  #advantage .facts .header {
    padding: 130px 0 100px; }
    #advantage .facts .header h2 img {
      max-width: 500px; }
    #advantage .facts .header h2::before {
      height: 100px; }
    #advantage .facts .header h2::after {
      bottom: -40px; }
  #advantage .facts .fact {
    margin: 0 auto;
    padding: 0 50px;
    max-width: 1366px; }
    #advantage .facts .fact:not(:last-child) {
      margin-bottom: 70px; }
    #advantage .facts .fact .heading_wrapper {
      padding: 55px 110px 30px 120px; }
      #advantage .facts .fact .heading_wrapper .heading .sub_ttl {
        font-size: 14px; }
      #advantage .facts .fact .heading_wrapper .heading .main_ttl {
        font-size: 87px; }
        #advantage .facts .fact .heading_wrapper .heading .main_ttl::before {
          width: 80px;
          left: -120px; }
      #advantage .facts .fact .heading_wrapper .heading .frame-box {
        font-size: 12px; }
    #advantage .facts .fact .content {
      padding-left: 120px; }
      #advantage .facts .fact .content::before {
        height: 70%; }
      #advantage .facts .fact .content .inner {
        max-width: 100%;
        padding: 50px 120px 50px 75px; }
        #advantage .facts .fact .content .inner .media-wrapper img {
          max-width: 300px; }
        #advantage .facts .fact .content .inner h4 {
          font-size: 24px; }
        #advantage .facts .fact .content .inner .comment h5 {
          font-size: 16px;
          padding: 1em 0 .3em;
          margin-bottom: 3em; }
          #advantage .facts .fact .content .inner .comment h5::after {
            height: 100%;
            bottom: -100%;
            background-size: contain; }
        #advantage .facts .fact .content .inner .comment .col-md-8 {
          padding-right: 5%; }
        #advantage .facts .fact .content .inner .block .heading-bullet {
          font-size: 20px; }
        #advantage .facts .fact .content .inner .block .row {
          margin-bottom: 50px; }
        #advantage .facts .fact .content .inner .block .col-md-6 p {
          font-size: 14px;
          padding: 27px 27px 30px; }
        #advantage .facts .fact .content .inner .block .col-md-6 .card_header {
          padding: 50px 75px 40px; }
          #advantage .facts .fact .content .inner .block .col-md-6 .card_header h6 {
            font-size: 20px; }
        #advantage .facts .fact .content .inner .heading-point {
          display: flex;
          align-items: center;
          margin-bottom: 1em; }
          #advantage .facts .fact .content .inner .heading-point .md-inline-block {
            margin-right: 17px;
            margin-bottom: 0; }
          #advantage .facts .fact .content .inner .heading-point h5 {
            font-size: 16px;
            line-height: 1.5;
            margin: 0; }
        #advantage .facts .fact .content .inner .bl h6 {
          padding: 1em; }
        #advantage .facts .fact .content .inner .bl .scroll-wrapper {
          margin-bottom: 30px; }
    #advantage .facts .fact:nth-child(odd) .content {
      padding-left: 0;
      padding-right: 120px; }
      #advantage .facts .fact:nth-child(odd) .content .inner {
        padding: 50px 75px 50px 120px; } }
@media screen and (max-width: 767px) {
  #advantage .scroll-wrapper {
    width: 100vw;
    overflow: scroll;
    margin-left: -40px;
    padding: 0 40px; }
    #advantage .scroll-wrapper img {
      height: 200px;
      width: auto; } }

/*# sourceMappingURL=advantage.css.map */