@charset "UTF-8";
/**
* home 用スタイル
*/
/* 「もっと読む」リンク
----------------------------------------------- */
.read_more,
.read_more_home {
  position: absolute;
  display: block;
  right: 0;
  width: 120px;
  padding: 10px;
  font-size: 1.2rem;
  line-height: 1;
  text-align: center;
  background-color: #004873;
  color: #fff; }

.read_more_home a {
  color: #fff; }

.read_more:hover,
.read_more_home:hover {
  background-color: #e0004d; }

@media screen and (max-width: 800px) {
  .read_more_home {
    width: 7rem;
    padding: 0.4rem;
    font-size: 1rem; } }
@media screen and (max-width: 400px) {
  .read_more_home {
    width: 5.5rem;
    padding: 0.4rem;
    font-size: 0.8rem; } }
/* トップスライド
----------------------------------------------- */
#home_slider {
  width: 100%;
  overflow-x: hidden;
  margin-bottom: -30px; }

.slider {
  width: 100%;
  margin: 0 auto;
  /* next/prev sw style */ }
  .slider .slick-list {
    width: 100%;
    overflow: hidden; }
  .slider .slick-list .slick-slide a img {
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    width: auto\9;
    opacity: 0;
    display: none; }
  .slider .slick-dots li {
    width: 64px; }
  .slider .slick-dots li button:before {
    content: url("/images/home/select_blue.jpg"); }
  .slider .slick-dots li.slick-active button:before {
    content: url("/images/home/select_red.jpg"); }
  .slider .slick-list .slick-slide a {
    position: relative;
    display: block;
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 100% auto; }
  .slider .slick-list .slick-slide a:hover {
    opacity: 0.8; }
  .slider .slick-prev,
  .slider .slick-next {
    width: 1.5rem;
    height: auto;
    font-size: 3rem;
    line-height: 1;
    top: calc(50% - 1.5rem);
    z-index: 3;
    color: white;
    transition: 0.1s;
    opacity: 0.7;
    transform: translate(0, 0); }
  .slider .slick-prev {
    left: 10px; }
  .slider .slick-next {
    right: 10px; }
  .slider .slick-prev:hover,
  .slider .slick-next:hover {
    opacity: 1; }
  .slider .slick-prev:active {
    transform: translate(-10px, 0); }
  .slider .slick-next:active {
    transform: translate(10px, 0); }
  .slider .slick-prev:before,
  .slider .slick-next:before {
    content: ''; }
  .slider .slick-list .slick-slide .read_more {
    position: absolute;
    bottom: 20px;
    left: 20px;
    z-index: 3; }
  .slider .slider_textbox {
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px; }

@media screen and (max-width: 443px) {
  .slider .slick-list .slick-slide a img {
    height: 105vw; } }
@media screen and (max-width: 600px) {
  .slider .slider_textbox {
    padding: 10px; }
  .slider .slick-list .slick-slide .read_more {
    bottom: 10px;
    left: 10px; }
  .slider .slick-list,
  .slider .slick-list .slick-slide,
  .slider .slick-list .slick-slide a {
    height: 105vw; } }
.slider .slick-list,
.slider .slick-list .slick-slide,
.slider .slick-list .slick-slide a {
  height: 30vw; }

@media screen and (min-width: 1200px) {
  .slider .slick-list {
    width: 3600px;
    margin-left: calc((100% - 1200px) / 2 - 1200px); }
  .slider .slick-list .slick-slide {
    width: 1200px; }
  .slider .slick-prev {
    left: calc((100% - 1200px) / 2 + 20px); }
  .slider .slick-next {
    right: calc((100% - 1200px) / 2 + 20px); }
  .slider .slick-list,
  .slider .slick-list .slick-slide,
  .slider .slick-list .slick-slide a {
    height: 350px; } }
@media screen and (max-width: 1199px) {
  .slider .slick-list {
    width: 300%;
    margin-left: -100%; }
  .slider .slick-list .slick-slide {
    width: calc(100% / 3); } }
@media screen and (min-width: 601px) {
  .slider {
    /*
    		.slimg1 a {
    			background-image: url("/images/home/01-middle-copper.jpg");
    		}
    		.slimg2 a {
    			background-image: url("/images/home/02-middle-ceramics.jpg");
    		}
    		.slimg3 a {
    			background-image: url("/images/home/03-middle-light_weight.jpg");
    		}
    		.slimg4 a {
    			background-image: url("/images/home/04-middle-zetuen.jpg");
    		}
    */ }
    .slider .slick-list .slick-slide a {
      background-size: contain;
      /*background-position: center;*/ }
    .slider .slick-list .slick-slide a .slbl1 {
      display: block; }
    .slider .slick-list .slick-slide a .slbl2 {
      display: none; } }
@media screen and (max-width: 600px) {
  .slider {
    /*
    		.slimg1 a {
    			background-image: url("/images/home/01-small-copper.jpg");
    		}
    		.slimg2 a {
    			background-image: url("/images/home/02-small-ceramics.jpg");
    		}
    		.slimg3 a {
    			background-image: url("/images/home/03-small-light_weight.jpg");
    		}
    		.slimg4 a {
    			background-image: url("/images/home/04-small-zetuen.jpg");
    		}
    */ }
    .slider .slick-list,
    .slider .slick-list .slick-slide,
    .slider .slick-list .slick-slide a {
      height: auto; }
    .slider .slick-list .slick-slide a .slbl1 {
      display: none; }
    .slider .slick-list .slick-slide a .slbl2 {
      display: block; } }
/* 中段タブ領域
----------------------------------------------- */
#home_tabs {
  margin: 50px 0 10px; }

/*タブ切り替え全体のスタイル*/
.tabs {
  background-color: #fff;
  width: 100%;
  /*タブのスタイル*/
  /*ラジオボタンを全て消す*/
  /*タブ切り替えの中身のスタイル*/
  /*選択されているタブのスタイルを変える*/ }
  .tabs label {
    position: relative;
    display: block;
    box-sizing: border-box;
    float: left;
    width: calc(100% / 4);
    height: 52px;
    padding-top: 15px;
    border-top: solid 3px gray;
    border-bottom: solid 3px gray;
    background-color: #fff;
    color: #004873;
    line-height: 1.1;
    font-size: 0.9rem;
    font-weight: bold;
    text-align: center;
    transition: all 0.2s ease;
    cursor: pointer; }
  .tabs label:hover {
    opacity: 0.75; }
  .tabs input[name="tab_item"] {
    display: none; }
  .tabs section {
    display: none;
    overflow: hidden;
    clear: both;
    padding: 20px 5px 40px;
    line-height: 1.3rem; }
  .tabs input:checked + label {
    background-color: #e0004d;
    color: #fff; }
  .tabs input:checked + label:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -15px;
    border: 18px solid transparent;
    border-top: 18px solid #e0004d; }

@media screen and (max-width: 379px) {
  .tabs label {
    padding-top: 9px; } }
/*選択されているタブのコンテンツのみを表示*/
#all:checked ~ #all_content,
#ir:checked ~ #ir_content,
#corporation:checked ~ #corporation_content,
#product:checked ~ #product_content {
  display: block; }

/* 中段タブ領域：一覧
----------------------------------------------- */
.newslist dl {
  overflow: hidden; }
.newslist dt {
  width: 7rem;
  float: left;
  margin-bottom: 10px;
  clear: both; }
.newslist dd {
  margin-left: 7rem;
  margin-bottom: 10px; }
.newslist dd span {
  font-size: 0.9rem;
  color: #fff;
  display: inline-block;
  width: 120px;
  text-align: center;
  padding: 0 7px;
  margin-right: 11px;
  background-color: gray; }

/* ピックアップボックス(共通)
----------------------------------------------- */
/* 20210511追記 5段組のためx5を追記*/
.pickup_box_home_x2,
.pickup_box_home_x3,
.pickup_box_home_x4,
.pickup_box_home_x5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: calc(100% - 240px - 8px);
  float: left;
  margin-right: 8px; }

  .pickup_box_home_x2 li,
  .pickup_box_home_x3 li,
  .pickup_box_home_x4 li,
  .pickup_box_home_x5 li {
    display: block;
    background-color: #004873;
    border: solid 2px #004873;
    color: #fff;
    text-align: center;
    margin-bottom: 8px;
    overflow: hidden; }

  .pickup_box_home_x2 li.blankbox,
  .pickup_box_home_x3 li.blankbox,
  .pickup_box_home_x4 li.blankbox,
  .pickup_box_home_x5 li.blankbox {
    border: none;
    background-color: inherit;
    height: 0; }

  .pickup_box_home_x2 li div,
  .pickup_box_home_x3 li div,
  .pickup_box_home_x4 li div,
  .pickup_box_home_x5 li div {
    width: 100%;
    height: auto;
    overflow: hidden; }

  .pickup_box_home_x2 li img,
  .pickup_box_home_x3 li img,
  .pickup_box_home_x4 li img,
  .pickup_box_home_x5 li img {
    width: 100%;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s; }
  .pickup_box_home_x2 li:hover,
  .pickup_box_home_x3 li:hover,
  .pickup_box_home_x4 li:hover,
  .pickup_box_home_x5 li:hover
  {
    background-color: #e0004d;
    border: solid 2px #e0004d; }

  .pickup_box_home_x2 li:hover img,
  .pickup_box_home_x3 li:hover img,
  .pickup_box_home_x4 li:hover img,
  .pickup_box_home_x4 li:hover img,
  .pickup_box_home_x5 li:hover img   {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2); }
  .pickup_box_home_x2 li a,
  .pickup_box_home_x3 li a,
  .pickup_box_home_x4 li a,
  .pickup_box_home_x5 li a {
    display: block;
    color: #fff;
    word-break: break-word;
    height: 100%;
    }
/* 20210511追記 5段組のためx5を追記*/
/* ピックアップボックス(2段組)
----------------------------------------------- */
.pickup_box_home_x2 li {
  width: calc(50% - 8px / 2); }

@media screen and (max-width: 710px) {
  .pickup_box_home_x2 li {
    width: 100%; } }

@media screen and (max-width: 530px) {
  .pickup_box_home_x2 {
    width: 100%;
    float: none; }
  .pickup_box_home_x2 li {
    width: calc(50% - 8px / 2); } }

@media screen and (max-width: 350px) {
  .pickup_box_home_x2 li {
    width: 100%; } }

/* ピックアップボックス(3段組)
----------------------------------------------- */
.pickup_box_home_x3 li {
  width: calc((100% - 8px * 2) / 3); }

@media screen and (max-width: 900px) {
  .pickup_box_home_x3 li {
    width: calc((100% - 8px) / 2); } }

@media screen and (max-width: 710px) {
  .pickup_box_home_x3 li {
    width: 100%; } }

@media screen and (max-width: 530px) {
  .pickup_box_home_x3 {
    width: 100%;
    float: none;
    margin-right: 0; }
  .pickup_box_home_x3 li {
    width: calc(50% - 8px / 2); } }

@media screen and (max-width: 350px) {
  .pickup_box_home_x3 li {
    width: 100%; } }

/* ピックアップボックス(4段組)
----------------------------------------------- */
.pickup_box_home_x4 li {
  width: calc((100% - 8px * 3) / 4); }

@media screen and (min-width: 1051px) {
  .pickup_box_home_x4 li {
    /*height: 250px;*/ } }

@media screen and (max-width: 1050px) {
  .pickup_box_home_x4 li {
    width: calc((100% - 8px * 2) / 3); } }

@media screen and (max-width: 850px) {
  .pickup_box_home_x4 li {
    width: calc((100% - 8px) / 2); } }

@media screen and (max-width: 640px) {
  .pickup_box_home_x4 li {
    width: 100%; } }

@media screen and (max-width: 500px) {
  .pickup_box_home_x4 {
    width: 100%;
    float: none;
    margin-right: 0; }
  .pickup_box_home_x4 li {
    width: calc(50% - 8px / 2); } }

@media screen and (max-width: 350px) {
  .pickup_box_home_x4 li {
    width: 100%; } }

/* 20210511追記*/
/* ピックアップボックス(5段組)
----------------------------------------------- */

.pickup_box_home_x5 li {
  width: calc((100% - 8px * 3) / 5); }
@media screen and (max-width: 850px) {
  .pickup_box_home_x5 li {
    width: calc((100% - 8px) / 2); } }

@media screen and (max-width: 640px) {
  .pickup_box_home_x5 li {
    width: 100%; } }

@media screen and (max-width: 500px) {
  .pickup_box_home_x5 {
    width: 100%;
    float: none;
    margin-right: 0; }
  .pickup_box_home_x5 li {
    width: calc(50% - 8px / 2); } }

@media screen and (max-width: 350px) {
  .pickup_box_home_x5 li {
    width: 100%; } }

/* 20210511追記 */



/*20200617追記 英語版Topics*/
main section p.e-topic_ttl{
    padding: 15px 0 5px;
    border-top: solid 3px gray;
    background-color: #fff;
    color: #004873;
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
}

main section p.e-topic_ttl.border{
  padding: 15px 0;
  border-bottom: solid 3px gray;
}


.e-topic_list{
    padding: 20px 5px 40px;
}

.e-topic_list dt,
.e-topic_list dd{
    margin-bottom: 0
}
/*20200617追記 英語版Topics*/

/*20210514 20210617追記  TOPICS枠線の追加*/
#home_tabs.new_style{
  margin-bottom: 25px;
  padding: 5px;
}

#home_tabs.new_style section{
  padding: 20px 5px 60px;
  border-bottom: solid 3px gray;
}

#home_tabs.new_style label{
  color: #fff;
  background-color: #004873;
}

#home_tabs.new_style input:checked + label{
  background-color: #e0004d;
  color: #fff;
}

main section#home_tabs.new_style p.e-topic_ttl{
    color:#404040
}

main section p.e-topic_ttl.add{
  font-size: 2rem;
}

.read_more_home.new {
  bottom: 10px;

}


/*20210514 20210617追記 TOPICS枠線の追加*/

/* end */