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

  .head {
    width: 100%;
    min-width: 1100px;
    height: 64px;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    background-color: #c30d23;
    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: -0.05em;
  }
  #talk .talk_body dl dt.t1, #talk .talk_body dl dt.t2 {
    color: #c30d23;
  }
  #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: 0.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: #c30d23;
  }
  #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: #c30d23;
  }
  #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: 0.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: 0.15s;
  }
  .is_pc .foot_nav a:hover img, .is_sp .foot_nav a.touch img {
    opacity: 0.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 ----- */