/* Scss Document */
/* Scss Document */
#key {
  background: url(../img/news/key_bg.jpg) no-repeat center/cover; }

.news_cate h3 {
  text-align: center;
  font-size: 20px;
  color: #4a2b0c;
  font-family: kozuka_H;
  letter-spacing: 0.5px;
  margin-bottom: 50px; }
  .news_cate h3 span:before {
    content: url(../img/news/icon_home.jpg);
    position: relative;
    top: 2px;
    margin-right: 10px; }
  .news_cate h3 span {
    position: relative; }
  .news_cate h3 span:after {
    content: "";
    width: 100%;
    height: 1px;
    background: #4a2b0c;
    left: 0;
    bottom: -10px;
    position: absolute; }
.news_cate #sec1 {
  padding-top: 80px; }
  .news_cate #sec1 .serviceItem2 {
    margin-bottom: 30px;
    width: 24.2%;
    margin-left: 1%;
    float: left;
    text-align: center;
    font-family: kozuka_B;
    color: #2f2f2f;
    position: relative; }
    .news_cate #sec1 .serviceItem2:nth-child(1) {
      margin-left: 0; }
    .news_cate #sec1 .serviceItem2 .service_icon {
      margin: auto;
      width: 39.7%; }
    .news_cate #sec1 .serviceItem2 .service_ttl {
      margin-top: -36px;
      position: relative; }
      .news_cate #sec1 .serviceItem2 .service_ttl span {
        display: block;
        padding: 9px 0 24px 0; }
      .news_cate #sec1 .serviceItem2 .service_ttl .newly_icon {
        bottom: 12px;
        right: 12px;
        position: absolute;
        width: 15px;
        height: 13px;
        background: url(../img/shared/icon_link_3a.png) no-repeat center/100% 100%;
        pointer-events: none;
        padding: 0; }
.news_cate #sec2 {
  padding-top: 50px; }
.news_cate #sec3 {
  padding: 50px 0 70px 0; }

.anchoLink {
  text-align: center;
  margin: 98px 0 48px 0; }
  .anchoLink li {
    display: inline-block;
    font-size: 14px;
    font-family: kozuka_B;
    color: #252525; }
    .anchoLink li + li:before {
      content: "/";
      margin: 0 12px; }

.news_dl {
  margin: 0 0 11px 14px; }
  .news_dl:nth-child(2) {
    margin-top: 20px; }
  .news_dl dt {
    float: left;
    color: #fff;
    background: #90743c;
    width: 24px;
    text-align: center; }
  .news_dl dd {
    float: right;
    width: calc(100% - 31px); }

.news_detail1 h4 {
  font-size: 18px;
  font-family: kozuka_M;
  color: #252525;
  margin-bottom: 15px; }
.news_detail1 .detailL {
  float: left;
  width: calc(100% - 282px); }
.news_detail1 .detailL2 {
  float: left;
  width: calc(100% - 400px); }
.news_detail1 .detail_img {
  float: right;
  text-align: center; }
  .news_detail1 .detail_img span {
    display: block;
    font-size: 11.8px; }
.news_detail1 .detail_txt1 {
  color: #90743c;
  font-family: kozuka_B; }
.news_detail1 #section {
  background: #c6d5da; }
  .news_detail1 #section .section_img {
    float: right;
    width: 50%; }
    .news_detail1 #section .section_img img {
      width: 100%; }
  .news_detail1 #section dl {
    float: left;
    width: 50%; }
    .news_detail1 #section dl dt {
      padding: 24px 0 20px 0;
      text-align: center; }
    .news_detail1 #section dl dd {
      width: 74.5%;
      margin: auto; }
.news_detail1 #sec1 .detail_img {
  margin-bottom: 30px; }
.news_detail1 #sec2 .img_group {
  margin: auto;
  width: 87%; }
  .news_detail1 #sec2 .img_group p {
    display: inline-block;
    float: left;
    margin: 27px 1.5% 0 1.5%; }
    .news_detail1 #sec2 .img_group p span {
      display: block;
      font-size: 12px;
      height: 12px;
      line-height: 1em;
      color: #000;
      margin-top: 8px; }
.news_detail1 #sec3 h5 {
  position: relative;
  text-align: center;
  margin: 35px 0 25px 0; }
  .news_detail1 #sec3 h5:before {
    content: "";
    width: 100%;
    height: 1px;
    background: #545454;
    top: 50%;
    left: 0;
    position: absolute;
    margin-top: -1px;
    z-index: -1; }
  .news_detail1 #sec3 h5 span {
    background: #fff;
    padding: 0 15px;
    color: #000; }
.news_detail1 #sec3 .sec3L {
  float: left;
  width: 48.5%; }
  .news_detail1 #sec3 .sec3L p:nth-child(1) {
    float: left; }
  .news_detail1 #sec3 .sec3L p:nth-child(2) {
    float: right; }
.news_detail1 #sec3 .sec3R {
  float: right;
  width: 48.5%; }
.news_detail1 #sec5 .sec5_img {
  margin: 40px auto 30px auto;
  width: 600px; }
  .news_detail1 #sec5 .sec5_img p {
    display: inline-block; }
    .news_detail1 #sec5 .sec5_img p span {
      display: block;
      line-height: 32px; }
.news_detail1 #sec5 .sec5_img2 {
  margin-top: 35px; }
  .news_detail1 #sec5 .sec5_img2 p {
    display: inline-block;
    margin: 0 10px; }
.news_detail1 #sec10 .detail_img p {
  display: inline-block; }
  .news_detail1 #sec10 .detail_img p + p {
    margin-left: 57px; }
.news_detail1 #sec11 {
  margin-bottom: 80px; }
  .news_detail1 #sec11 a.fl {
    width: 49.5%;
    position: relative; }
    .news_detail1 #sec11 a.fl .sec11_txt {
      text-align: center;
      top: 50%;
      left: 0;
      position: absolute;
      transform: translateY(-50%);
      width: 100%;
      color: #fff;
      font-size: 25px;
      line-height: 1em;
      font-family: kozuka_B; }
      .news_detail1 #sec11 a.fl .sec11_txt span {
        font-size: 16px;
        display: block;
        line-height: 1.5em; }
  .news_detail1 #sec11 .sec11R {
    width: 49.5%;
    position: relative;
    transition: all 0.3s; }
    .news_detail1 #sec11 .sec11R .sec11Info {
      text-align: center;
      top: 50%;
      left: 0;
      position: absolute;
      transform: translateY(-50%);
      width: 100%;
      color: #181818; }
      .news_detail1 #sec11 .sec11R .sec11Info p {
        font-size: 25px;
        font-family: kozuka_B;
        margin-bottom: 5px; }
      .news_detail1 #sec11 .sec11R .sec11Info ul li {
        display: inline-block;
        font-size: 12px;
        font-family: kozuka_M;
        letter-spacing: 0;
        border: 1px solid #181818;
        line-height: 18px;
        padding: 0 7px; }
      .news_detail1 #sec11 .sec11R .sec11Info br {
        display: none; }
    .news_detail1 #sec11 .sec11R:hover, .news_detail1 #sec11 .sec11R:hover .sec11Info {
      opacity: 0.8; }

.news_detail5 #sec1 {
  padding-top: 20px; }
  .news_detail5 #sec1 .sec1Box1 {
    border: 1px solid #a3a3a3;
    box-sizing: border-box;
    padding: 20px 5%; }
    .news_detail5 #sec1 .sec1Box1 .sec1_img {
      float: right; }
    .news_detail5 #sec1 .sec1Box1 .sec1Info {
      float: left;
      width: calc(100% - 280px); }
      .news_detail5 #sec1 .sec1Box1 .sec1Info h4 {
        font-size: 20px;
        font-family: kozuka_B;
        color: #4a2b0c;
        line-height: 24px;
        padding: 28px 0 15px 0; }
        .news_detail5 #sec1 .sec1Box1 .sec1Info h4 span {
          display: inline-block;
          color: #fff;
          background: #90743c;
          text-align: center;
          width: 24px;
          margin-right: 13px;
          font-size: 14px;
          line-height: 24px;
          font-family: pier_B;
          position: relative;
          top: -2px; }
  .news_detail5 #sec1 .arrow {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 18px 31px 0 31px;
    border-color: #c0b5aa transparent transparent transparent;
    margin: 11px auto 45px auto; }
  .news_detail5 #sec1 dl {
    border-bottom: 1px solid #dfdfdf;
    padding: 0 7.2% 35px 7.2%;
    box-sizing: border-box; }
    .news_detail5 #sec1 dl dt {
      margin-bottom: 18px;
      color: #252525;
      font-size: 20px;
      font-family: kozuka_M; }
      .news_detail5 #sec1 dl dt:before {
        content: url(../img/news/detail_icon.jpg);
        margin-right: 13px;
        height: 46px;
        position: relative;
        top: 10px; }
.news_detail5 #sec2 .sec2Img {
  margin: 0 auto 60px auto;
  width: 450px;
  text-align: center; }
  .news_detail5 #sec2 .sec2Img p:nth-child(1) {
    float: left; }
  .news_detail5 #sec2 .sec2Img p:nth-child(2) {
    float: right; }
  .news_detail5 #sec2 .sec2Img span {
    font-size: 14px;
    line-height: 20px;
    display: block;
    margin-top: 10px; }
.news_detail5 #sec2 .sec2Col {
  width: 48.5%; }
  .news_detail5 #sec2 .sec2Col h4 {
    text-align: center;
    width: 100%;
    line-height: 68px;
    font-size: 16px;
    color: #2f2f2f;
    font-family: kozuka_B;
    background: #eeeae2; }
  .news_detail5 #sec2 .sec2Col ul {
    margin: 35px 0 40px 29px; }
    .news_detail5 #sec2 .sec2Col ul li {
      padding: 0 0 15px 35px;
      font-size: 16px;
      font-family: kozuka_M;
      position: relative; }
      .news_detail5 #sec2 .sec2Col ul li:before {
        content: "";
        top: 7px;
        left: 0;
        position: absolute;
        width: 9px;
        height: 9px;
        background: #432e19;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%; }

.newsList {
  margin-bottom: 80px; }
  .newsList li {
    border-bottom: 1px solid #d6d6d6;
    line-height: 24px;
    padding: 1em 0;
    color: #000; }
    .newsList li .span1 {
      float: left;
      text-align: center;
      color: #fff;
      width: 100px;
      background: #432e19;
      font-size: 13px;
      border-radius: 2px;
      -moz-border-radius: 2px;
      -webkit-border-radius: 2px; }
    .newsList li .span2 {
      float: left;
      margin-left: 15px;
      letter-spacing: 2px; }
    .newsList li .span3 {
      float: right;
      width: calc(100% - 270px);
      font-size: 15px; }
    .newsList li a {
      display: block; }
    .newsList li a:hover .span3 {
      text-decoration: underline; }

.news_detail {
  margin-bottom: 80px; }

@media only screen and (max-width: 1080px) {
  .news_detail1 #section dl dt {
    padding: 15px 0 10px 0; }
  .news_detail1 #section dl dd {
    width: 90%; }
    .news_detail1 #section dl dd br {
      display: none; }
  .news_detail1 #sec2 .img_group {
    width: 100%; }
    .news_detail1 #sec2 .img_group p {
      width: 23%;
      margin: 27px 1% 0 1%; }
      .news_detail1 #sec2 .img_group p img {
        width: 100%; }
  .news_detail1 #sec3 .sec3L, .news_detail1 #sec3 .sec3R {
    float: none;
    width: 495px;
    margin: auto; }
  .news_detail1 #sec3 h5 {
    margin-bottom: 10px; }
  .news_detail1 #sec10 .detail_img p + p {
    margin-left: 20px; }
  .news_detail1 .detailL2 {
    width: calc(100% - 373px); } }
@media only screen and (max-width: 768px) {
  .news_cate h3 {
    font-size: 30px; }
  .news_cate #sec1 .serviceItem2 {
    padding-bottom: 47px;
    margin-bottom: 30px;
    width: 100%;
    margin-left: 0 !important; }
    .news_cate #sec1 .serviceItem2 .service_ttl {
      margin-top: -87px;
      font-size: 28px;
      line-height: 1em; }
      .news_cate #sec1 .serviceItem2 .service_ttl span {
        padding: 19px 0 0 0; }
      .news_cate #sec1 .serviceItem2 .service_ttl .newly_icon {
        right: 4%;
        width: 25px;
        height: 22px;
        padding-top: 0;
        bottom: 3px; }

  .news_detail1 #section dl {
    width: 100%;
    padding-bottom: 20px; }
  .news_detail1 #section .section_img {
    width: 100%; }
  .news_detail1 .detailL {
    width: 100%;
    float: none; }
  .news_detail1 .detail_img {
    float: none;
    text-align: center;
    padding-top: 20px; }
  .news_detail1 #sec2 .img_group p {
    width: 46%;
    margin: 20px 2% 0 2%; }
  .news_detail1 #sec3 .detail_img {
    margin-bottom: 30px; }
  .news_detail1 #sec5 .sec5_img {
    width: 100%;
    margin-top: 30px; }
    .news_detail1 #sec5 .sec5_img p {
      width: 32%; }
      .news_detail1 #sec5 .sec5_img p img {
        width: 100%; }
  .news_detail1 #sec5 .sec5_img2 p {
    margin: 0 5px; }
    .news_detail1 #sec5 .sec5_img2 p + p {
      margin-top: 20px; }
  .news_detail1 #sec10 .detailL2 {
    float: none;
    width: 100%; }
  .news_detail1 #sec10 .detail_img {
    display: block;
    text-align: center;
    margin: 0 !important; }
  .news_detail1 #sec11 a.fl {
    width: 100%;
    margin-bottom: 30px; }
  .news_detail1 #sec11 .sec11R {
    width: 100%; }

  .news_detail5 #sec1 .sec1Box1 .sec1Info {
    width: 100%;
    float: none; }
    .news_detail5 #sec1 .sec1Box1 .sec1Info h4 {
      padding-top: 0; }
  .news_detail5 #sec1 .sec1Box1 .sec1_img {
    float: none;
    text-align: center;
    margin: 20px 0; }
  .news_detail5 #sec2 .sec2Img {
    width: 380px; }
  .news_detail5 #sec2 .sec2Col {
    width: 100%; }
    .news_detail5 #sec2 .sec2Col ul {
      margin-top: 20px;
      margin-left: 5px; }
      .news_detail5 #sec2 .sec2Col ul li {
        padding-left: 20px; } }
@media only screen and (max-width: 640px) {
  .news_detail1 #sec3 .sec3R {
    width: 100%; }
    .news_detail1 #sec3 .sec3R .sec3Col {
      float: none;
      width: 100%;
      text-align: center; }
  .news_detail1 #sec3 .sec3L {
    width: 100%;
    text-align: center; }
    .news_detail1 #sec3 .sec3L p {
      float: none !important; }
      .news_detail1 #sec3 .sec3L p + p {
        margin-top: 15px; } }
@media only screen and (max-width: 475px) {
  .news_cate h3 {
    margin-bottom: 40px;
    font-size: 6.3vw; }
  .news_cate #sec1 {
    padding-top: 60px; }
    .news_cate #sec1 .serviceItem2 {
      margin-bottom: 20px; }
      .news_cate #sec1 .serviceItem2 .service_img2 img {
        width: 40%; }
      .news_cate #sec1 .serviceItem2 .service_ttl {
        font-size: 6.3vw;
        margin-top: -18%; }
        .news_cate #sec1 .serviceItem2 .service_ttl span {
          padding-top: 4%; }

  .news_detail1 #sec5 .sec5_img p {
    width: 100%; }
    .news_detail1 #sec5 .sec5_img p img {
      max-width: 195px; }
    .news_detail1 #sec5 .sec5_img p + p {
      margin-top: 10px; }
  .news_detail1 #sec5 .sec5_img2 p {
    margin: 0;
    width: 100%; }
    .news_detail1 #sec5 .sec5_img2 p:nth-child(2) img {
      width: 100%;
      max-width: 338px; }
  .news_detail1 #sec11 .sec11R .sec11Info br {
    display: block; }

  .news_detail5 #sec2 .sec2Img {
    width: 100%; }
    .news_detail5 #sec2 .sec2Img p {
      width: 100%; }
      .news_detail5 #sec2 .sec2Img p + p {
        margin-top: 25px; } }
@media only screen and (max-width: 375px) {
  .news_cate #sec1 .serviceItem2:nth-child(1) .service_ttl:after {
    bottom: 0; }

  .news_detail1 #sec10 .detail_img p + p {
    margin-left: 0; }
  .news_detail1 #sec11 .sec11R .sec11Info ul li {
    margin-top: 5px;
    font-size: 13px; }
    .news_detail1 #sec11 .sec11R .sec11Info ul li a {
      line-height: 22px; } }
@media only screen and (max-width: 320px) {
  .news_detail1 #sec2 .img_group p {
    width: 80%;
    margin: 10px auto 0 auto;
    float: none; } }