@charset "UTF-8";
/*------------------------------------------------------------------------------------------
*
*
    teaser.css
*
*
------------------------------------------------------------------------------------------ */
@media (min-width: 641px) {
  #teaser #wrap {
    width: 1000px;
    padding-top: 80px; }

  .head {
    width: 100%;
    min-width: 1100px;
    height: 64px;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    background-color: #8c143c;
    margin-bottom: -65px; }
    .head h1 img {
      width: 157px; }

  #kv {
    margin-bottom: 60px; }
    #kv img {
      width: 100%; }

  #teaser .btn {
    width: 360px;
    margin: 0 auto;
    margin-top: -10px;
    margin-bottom: 50px; }
    #teaser .btn a {
      display: block;
      position: relative; }
      #teaser .btn a img {
        width: 100%; }

  p.line {
    width: auto;
    height: 5px;
    background-image: url(../images/teaser/line.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain; }

  #yodogawa {
    padding-bottom: 60px;
    text-align: center; }
    #yodogawa .inner {
      display: inline-block;
      text-align: left; }
      #yodogawa .inner p {
        margin-bottom: 2em;
        line-height: 1.875em;
        font-size: 16px; }
        #yodogawa .inner p:last-child {
          margin-bottom: 0; }
    #yodogawa .pic img {
      width: 774px; }

  #talk {
    padding-top: 65px; }
    #talk .title {
      padding-left: 250px;
      margin-bottom: 40px; }
      #talk .title h2 img {
        width: auto;
        height: 100px; }
    #talk .desc {
      padding-left: 320px; }
      #talk .desc p {
        font-size: 16px;
        line-height: 1.875em;
        margin-bottom: 2em; }
    #talk .talk_body {
      padding-bottom: 90px; }
      #talk .talk_body .pic {
        width: 600px;
        margin: 0 auto;
        margin-bottom: 30px; }
        #talk .talk_body .pic img {
          width: 100%; }
      #talk .talk_body dl {
        padding-left: 320px;
        font-size: 16px;
        line-height: 1.875em;
        margin-bottom: 2em; }
        #talk .talk_body dl dt {
          font-weight: bold; }
          #talk .talk_body dl dt:after {
            content: '：'; }
          #talk .talk_body dl dt.h {
            letter-spacing: -.05em; }
          #talk .talk_body dl dt.t1, #talk .talk_body dl dt.t2 {
            color: #D40012; }
      #talk .talk_body .talk_foot {
        padding-top: 5px;
        padding-bottom: 65px; }
        #talk .talk_body .talk_foot .t {
          margin-bottom: 50px;
          padding-left: 320px;
          line-height: 1.875em; }
        #talk .talk_body .talk_foot .date {
          font-size: 12px;
          letter-spacing: .12em;
          text-align: center; }

  #product_info {
    padding-top: 65px; }
    #product_info .title {
      padding-left: 188px;
      margin-bottom: 40px; }
      #product_info .title h2 img {
        width: auto;
        height: 100px; }
    #product_info .desc {
      padding-left: 320px; }
      #product_info .desc p {
        font-size: 16px;
        line-height: 1.875em;
        margin-bottom: 2em; }
    #product_info .prd .r {
      white-space: nowrap; }
      #product_info .prd .r h4 {
        font-size: 20px;
        font-weight: bold;
        line-height: 1.8em;
        color: #D40012; }
      #product_info .prd .r p {
        font-size: 16px;
        line-height: 1.875em; }
    #product_info .prd.s1 {
      padding-top: 30px;
      margin-bottom: 110px;
      display: flex; }
      #product_info .prd.s1 .l {
        padding-right: 35px; }
        #product_info .prd.s1 .l img {
          width: 592px; }
      #product_info .prd.s1 li {
        margin-bottom: 30px; }
    #product_info .prd.s2 {
      padding-bottom: 100px; }
      #product_info .prd.s2 .l {
        padding-left: 60px;
        padding-bottom: 30px; }
        #product_info .prd.s2 .l img {
          width: 905px; }
      #product_info .prd.s2 .r {
        padding-left: 375px; }
        #product_info .prd.s2 .r li {
          margin-bottom: 30px; }
    #product_info .prd.s3 h3 {
      padding-left: 195px;
      margin-bottom: 40px;
      font-size: 24px;
      font-weight: bold; }
    #product_info .prd.s3 ul {
      padding-left: 230px; }
      #product_info .prd.s3 ul li {
        display: flex;
        margin-bottom: 40px; }
        #product_info .prd.s3 ul li .img {
          width: 246px;
          padding-right: 20px;
          text-align: center; }
          #product_info .prd.s3 ul li .img img {
            width: 100%; }
        #product_info .prd.s3 ul li .d h4 {
          font-size: 20px;
          font-weight: bold;
          line-height: 1.8em;
          color: #D40012; }
        #product_info .prd.s3 ul li .d p {
          font-size: 16px;
          line-height: 1.875em; }
    #product_info .date {
      margin-bottom: 65px;
      font-size: 12px;
      letter-spacing: .2em;
      text-align: center; }

  .foot_nav {
    text-align: center;
    margin-top: -30px;
    padding-bottom: 95px; }
    .foot_nav a {
      display: inline-block; }
      .foot_nav a img {
        width: auto;
        height: 31px;
        transition: opacity;
        transition-duration: .15s; }
      .is_pc .foot_nav a:hover img, .is_sp .foot_nav a.touch img {
        opacity: .7; }

  #news {
    padding-top: 65px;
    padding-bottom: 120px; }
    #news .title {
      margin-bottom: 20px;
      padding-left: 200px; }
      #news .title h2 img {
        width: auto;
        height: 84px; }
    #news .pic {
      text-align: center;
      margin-bottom: 30px; }
      #news .pic img {
        width: 600px; }
    #news .desc {
      padding-left: 360px;
      margin-bottom: 30px; }
      #news .desc p {
        font-size: 16px;
        line-height: 1.875em; }
    #news .info {
      padding-top: 5px;
      padding-left: 15px;
      margin-left: 360px;
      position: relative; }
      #news .info:before {
        content: '';
        width: 1px;
        height: 100%;
        background-color: #9e9a99;
        position: absolute;
        top: 0;
        left: 0; }
      #news .info h3 {
        font-size: 18px;
        font-weight: bold;
        line-height: 1.4444444444em;
        margin-bottom: 10px; }
      #news .info p {
        font-size: 16px;
        line-height: 1.875em; } }
/* ----- min-width : 641px ----- */