@charset "utf-8";

/*==========================================
 English CSS
===========================================*/

/* ヘッダー */
header #headerLogoArea {
  width: 240px;
}
header #headerLogoArea .column_R {
  width: 160px;
}
header #headerGlobalArea {
  width: 625px;
}

/* フッター */
@media only screen and (max-width: 767px) {
  footer #footeSitemap #footeLinkBox_sp ul li:nth-child(1) a {
    padding: 20px 10px 0 15px;
  }
  footer #footeLink #footeLinkTop #footeLinkOut ul li {
    text-align: center;
  }
  footer #footeLink #footeLinkBottom .column_R ul {
    width: 160px;
  }
}

/*TOP /////////////////////////////////////////////////////////*/
#mainContents #topMv #topMvText {
  width: 624px;
  height: 48px;
  margin: -24px 0 0 0;
}
#mainContents #topMv #topMvText img {
  width: 624px;
  height: 48px;
}
@media only screen and (max-width: 767px) {
  #mainContents #topMv #topMvText {
    width: 228px;
    height: 57px;
    margin: -28px 0 0 0;
  }
  #mainContents #topMv #topMvText img {
    width: 228px;
    height: 57px;
  }
}


#footerLink ul li.footerLink_en_top01::before {
  background-image: url("/en/img/top_en_bk01_2020.jpg");
}
#footerLink ul li.footerLink_en_top02::before {
  background-image: url("/en/img/top_en_bk02_2020.jpg");
}
#footerLink ul li.footerLink_en_top01_2021::before {
  background-image: url("/en/img/top_en_bk01_2021.jpg");
}
#footerLink ul li.footerLink_en_top02_2021::before {
  background-image: url("/en/img/top_en_bk02_2021.jpg");
}
#footerLink ul li.footerLink_en_top03::before {
  background-image: url("/en/img/top_en_bk03.jpg");
}

/*IR /////////////////////////////////////////////////////////*/
#mainContents .irTyp01 ul li {
  position: relative;
}
#mainContents .irTyp01 ul li a {
  width: 660px;
  line-height: 1.4;
}
#mainContents .irTyp01 ul li span.pdf {
  position: absolute;
  right: 0;
  top: 0;
  width: 65px;
}
@media only screen and (max-width: 767px) {
  #mainContents .irTyp01 ul li a {
    display: block;
    width: 60%;
  }
  #mainContents .irTyp01 ul li span.pdf {
    position: absolute;
    right: 0;
    top: 0;
  }
}

#mainContents .irEnTyp01 {
  width: 100%;
  border-top: 1px solid #C0C4CE;
}
#mainContents .irEnTyp01 .irEnTyp01Box {
  width: 100%;
  border-bottom: 1px solid #C0C4CE;
}
#mainContents .irEnTyp01 .irEnTyp01Box h2 {
}
#mainContents .irEnTyp01 .irEnTyp01Box h2 a {
  position: relative;
  display: block;
  width: 100%;
  padding: 25px 0 25px 35px;
  box-sizing: border-box;
  font-size: 1.6rem;
  font-weight: normal;
  line-height: 1.4;
}
#mainContents .irEnTyp01 .irEnTyp01Box h2 a::before {
  position: absolute;
  left: 10px;
  top: 27px;
  width: 16px;
  height: 16px;
  background-image: url("/common/img/icon02.svg");
  background-size: 16px 16px;
  content: "";
  transform: rotate(90deg);
}
#mainContents .irEnTyp01 .irEnTyp01Box h2 a.open::before {
  transform: rotate(-90deg);
}
#mainContents .irEnTyp01 .irEnTyp01Box .list {
  display: none;
  padding: 10px 10px 0;
  border-top: 1px solid #ECEDF0;
}
#mainContents .irEnTyp01 .irEnTyp01Box:first-child .list {
  display: block;
}
#mainContents .irEnTyp01 .irEnTyp01Box .list ul {
  padding: 15px 0 0;
  list-style-type: none;
}
#mainContents .irEnTyp01 .irEnTyp01Box .list ul li {
  position: relative;
  width: 100%;
  padding: 0 0 30px;
  font-size: 1.4rem;
  line-height: 1.6;
}
#mainContents .irEnTyp01 .irEnTyp01Box .list ul li a {
  position: relative;
  display: inline-block;
  width: 660px;
  padding: 0;
}
#mainContents .irEnTyp01 .irEnTyp01Box .list ul li span.pdf {
  position: absolute;
  left: 760px;
  top: 0;
}
#mainContents .irEnTyp01 .irEnTyp01Box .list ul li span.pdf::before {
  position: absolute;
  left: -45px;
  top: 50%;
  width: 40px;
  margin: -11px 0 0;
  padding: 3px 0 3px;
  box-sizing: border-box;
  background-color: #3B3F4A;
  font-size: 0.9rem;
  color: #FFF;
  text-align: center;
  content: "PDF";
}

@media only screen and (max-width: 767px) {
  #mainContents .irEnTyp01 .irEnTyp01Box h2 a {
    padding: 20px 0 20px 35px;
  }
  #mainContents .irEnTyp01 .irEnTyp01Box h2 a::before {
    top: 23px;
  }
  #mainContents .irEnTyp01 .irEnTyp01Box .list {
    padding: 10px 0;
  }
  #mainContents .irEnTyp01 .irEnTyp01Box .list ul li {
    padding: 0 0 20px;
    font-size: 1.4rem;
  }
  #mainContents .irEnTyp01 .irEnTyp01Box .list ul li a {
    position: relative;
    display: block;
    width: 60%;
    padding: 5px 0 0;
  }
  #mainContents .irEnTyp01 .irEnTyp01Box .list ul li a::before {
    left: 130px;
    top: -20px;
  }
  #mainContents .irEnTyp01 .irEnTyp01Box .list ul li span.pdf {
    left: auto;
    right: 0;
    top: 10px;
    width: 60px;
  }
  #mainContents .irEnTyp01 .irEnTyp01Box .list ul li span.pdf::before {
    margin: -12px 0 0;
  }
}

#mainContents .irEnTyp02 {
  width: 100%;
  border-top: 1px solid #C0C4CE;
}
#mainContents .irEnTyp02 .irEnTyp02Box {
  width: 100%;
  border-bottom: 1px solid #C0C4CE;
}
#mainContents .irEnTyp02 .irEnTyp02Box h2 {
}
#mainContents .irEnTyp02 .irEnTyp02Box h2 a {
  position: relative;
  display: block;
  width: 100%;
  padding: 25px 0 25px 35px;
  box-sizing: border-box;
  font-size: 1.6rem;
  font-weight: normal;
  line-height: 1.4;
}
#mainContents .irEnTyp02 .irEnTyp02Box h2 a::before {
  position: absolute;
  left: 10px;
  top: 27px;
  width: 16px;
  height: 16px;
  background-image: url("/common/img/icon02.svg");
  background-size: 16px 16px;
  content: "";
  transform: rotate(90deg);
}
#mainContents .irEnTyp02 .irEnTyp02Box h2 a.open::before {
  transform: rotate(-90deg);
}
#mainContents .irEnTyp02 .irEnTyp02Box .list {
  display: none;
  padding: 10px 0 0;
  border-top: 1px solid #ECEDF0;
}
#mainContents .irEnTyp02 .irEnTyp02Box:first-child .list {
  display: block;
}
#mainContents .irEnTyp02 .irEnTyp02Box .list ul {
  padding: 15px 0 0;
  list-style-type: none;
}
#mainContents .irEnTyp02 .irEnTyp02Box .list ul li {
  position: relative;
  width: 100%;
  padding: 0 0 30px;
  font-size: 1.4rem;
  line-height: 1.6;
}
#mainContents .irEnTyp02 .irEnTyp02Box .list ul li a {
  position: relative;
  display: inline-block;
  width: 100%;
  padding: 0 0 0 50px;
  box-sizing: border-box;
}
#mainContents .irEnTyp02 .irEnTyp02Box .list ul li a::before {
  position: absolute;
  left: 0;
  top: 1px;
  width: 40px;
  padding: 3px 0 3px;
  box-sizing: border-box;
  background-color: #3B3F4A;
  font-size: 0.9rem;
  color: #FFF;
  text-align: center;
  content: "PDF";
}

@media only screen and (max-width: 767px) {
  #mainContents .irEnTyp02 .irEnTyp02Box h2 a {
    padding: 20px 0 20px 35px;
  }
  #mainContents .irEnTyp02 .irEnTyp02Box h2 a::before {
    top: 23px;
  }
  #mainContents .irEnTyp02 .irEnTyp02Box .list {
    padding: 10px 0;
  }
  #mainContents .irEnTyp02 .irEnTyp02Box .list ul li {
    padding: 0 0 20px;
    font-size: 1.4rem;
  }
  #mainContents .irEnTyp02 .irEnTyp02Box .list ul li a {
    position: relative;
    display: block;
    padding: 5px 0 0 50px;
  }
  #mainContents .irEnTyp02 .irEnTyp02Box .list ul li a::before {
    top: 5px;
  }
}

#mainContents .irTyp03 .column_R a {
  line-height: 1.4;
}

#mainContents .irEnTyp03 {
  width: 100%;
  border-top: 1px solid #C0C4CE;
}
#mainContents .irEnTyp03 ul {
  list-style-type: none;
}
#mainContents .irEnTyp03 ul li {
  padding: 30px 0 0;
}
#mainContents .irEnTyp03 ul li a {
  position: relative;
  display: inline-block;
  width: 100%;
  padding: 0 0 0 50px;
  box-sizing: border-box;
  font-size: 1.4rem;
  line-height: 1.6;
}
#mainContents .irEnTyp03 ul li a::before {
  position: absolute;
  left: 0;
  top: 1px;
  width: 40px;
  padding: 3px 0 3px;
  box-sizing: border-box;
  background-color: #3B3F4A;
  font-size: 0.9rem;
  color: #FFF;
  text-align: center;
  content: "PDF";
}

/* fsa.cc上書き */
div#zaimu div.note{
	line-height: 1.8 !important;
}


/*Release /////////////////////////////////////////////////////////*/
#mainContents .newsTyp01 ul.newsList li a::before {
  left: 125px;
}
@media only screen and (max-width: 767px) {
  #mainContents .newsTyp01 ul.newsList li a::before {
    left: 110px;
  }
}
