@charset "utf-8";
/* CSS Document */

.anchorimg{
  margin: 0 0 60px 0;
  position: relative;
}
.anchorbtn{
  position: absolute;
  top:106px;
}
.anchorbtn ul{
  display: flex;
}
.anchorbtn ul li{
  margin: 0 4px 0 0;
}
.anchorbtn ul li a{
  display: block;
  width: 121px;
  height: 100px;
  text-indent: -9999px;
  overflow: hidden;
  background-image: url("../../company/corebusiness/img/img_anchor_on.png");
  background-position: 0 0;
  background-repeat: no-repeat;
}
.anchorbtn ul li:nth-of-type(1) a{
  background-position: 0 0;
}
.anchorbtn ul li:nth-of-type(1) a:hover{
  background-position: 0 bottom;
}
.anchorbtn ul li:nth-of-type(2) a{
  background-position: calc(-125px * 1) 0;
}
.anchorbtn ul li:nth-of-type(2) a:hover{
  background-position: calc(-125px * 1) bottom;
}
.anchorbtn ul li:nth-of-type(3) a{
  background-position: calc(-125px * 2) 0;
}
.anchorbtn ul li:nth-of-type(3) a:hover{
  background-position: calc(-125px * 2) bottom;
}
.anchorbtn ul li:nth-of-type(4) a{
  background-position: calc(-125px * 3) 0;
}
.anchorbtn ul li:nth-of-type(4) a:hover{
  background-position: calc(-125px * 3) bottom;
}
.anchorbtn ul li:nth-of-type(5) a{
  background-position: calc(-125px * 4) 0;
}
.anchorbtn ul li:nth-of-type(5) a:hover{
  background-position: calc(-125px * 4) bottom;
}
.anchorbtn ul li:nth-of-type(6) a{
  background-position: calc(-125px * 5) 0;
}
.anchorbtn ul li:nth-of-type(6) a:hover{
  background-position: calc(-125px * 5) bottom;
}
.anchorbtn ul li:nth-of-type(7) a{
  background-position: calc(-125px * 6) 0;
}
.anchorbtn ul li:nth-of-type(7) a:hover{
  background-position: calc(-125px * 6) bottom;
}


.commitment .txt{
  width: 300px;
}
.commitment .detailbox{
  background-color: #f2f4f8;
  padding: 16px;
}
.commitment .detailbox .commitment_txt{
  display: none;
}
.commitment .detailbox.show .commitment_txt{
  display: block;
  
}
.commitment .detailbox .ttl{
  position: relative;
  font-weight: bold;
  margin: 0;
}
.commitment .detailbox .ttl .btndetail{
  display: block;
  position: absolute;
  right: 0;
  top: 6px;
  padding: 0 0 0 20px;
}
.commitment .detailbox .ttl .btndetail::before{
  content: "";
  position: absolute;
  left: 0;
  top: calc(50% - 7px);
  width: 14px;
  height: 14px;
  background-image:url("../img/icon_plusminus.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
}

.commitment .detailbox.show .ttl .btndetail::before{
  background-position: 0 bottom;
}

/* commitmentindex */
.commitmentindex{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.commitmentindex li{
  width: 300px;
  margin: 0 65px 24px 0;
  box-sizing: border-box;
  position: relative;
}
.commitmentindex li span{
  line-height: 1.8;
  display: inline-block;
  position: relative;
  margin: 5px 0 0 0;
  padding: 0 0 0 20px;
  color: #426bb9;
}
.commitmentindex li span::before{
  content: "";
  position: absolute;
  left: 0;
  top: calc(50% - 7px);
  width: 8px;
  height: 14px;
  background-image:url("../img/icon_yaji01.svg");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
}
.commitmentindex li a:hover img{
  opacity: 0.8;
  transition: opacity 0.3s;
}
.commitmentindex li.last2{
  margin: 5px calc(((100% - (280px * 3)) / 2) + 280px) 0 0;
}

.corebusiness h2{
  position: relative;
  text-align: left;
}
.corebusiness .logo{
  text-align: right;
  margin: 0 0 30px 0;
}
.products{
  background-color: #f2f4f8;
  padding:20px 15px;
}
.products h4{
  margin: 0;
  padding: 0;
  border-left:none;
  position: relative;
}
.products h4 .btn{
  position: absolute;
  right: 0;
  top: 0;
}

.products h4 .btn a{
  position: relative;
  display: inline-block;
  padding: 0 0 0 23px;
  text-decoration: none;
}
.products h4 .btn a::before{
  content: "";
  position: absolute;
  left: 0;
  top: calc(50% - 8px);
  width: 14px;
  height: 14px;
  background-image:url("../../company/corebusiness/img/icon_open.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
}
.products h5{
  margin: 30px 0 15px 0;
  position: relative;
}
.products h5 span{
  color: #295eb2;
  display: inline-block;
  z-index: 2;
  background-color: #f2f4f8;
  position: relative;
  padding: 0 12px 0 0;
}
.products h5::before{
  content: "";
  position: absolute;
  left: 0;
  top: calc(50% - 1px);
  width: 100%;
  height: 1px;
  background-color: #94abd6;
  z-index: 0;
}
.products h6{
  margin: 20px 0 15px 0;  
}
.products .list1 li{
  margin: 0 0 10px 0;
  line-height: 1.6;
}

.products .detailbox .btn{
  text-align: right;
  margin: 20px 0 0 0;
}
.products .detailbox .btn a{
  position: relative;
  display: inline-block;
  padding: 0 0 0 23px;
  font-weight: bold;
  text-decoration: none;
}
.products .detailbox .btn a::before{
  content: "";
  position: absolute;
  left: 0;
  top: calc(50% - 8px);
  width: 14px;
  height: 14px;
  background-image:url("../../company/corebusiness/img/icon_close.png");
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: 100%;
}

.products .detailbox{
  display: none;
}
.active h4 .btn{
  display: none;
}
.active .detailbox .btn{
  display: block;
}


/* history */
.historylinks li{
  display: flex;
  align-items: center;
  margin: 0 0 20px 0;
}
.historylinks li .img{
  margin: 0 50px 0 0;
}

.right_historylinks ul{
 display: flex;
 justify-content: flex-end;

}

.right_historylinks li{
  display: flex;
  align-items: center;
  margin: 0 0 20px 0;
}
.right_historylinks li .img{
  margin: 0 50px 0 0;
}


/* officer */
.officer{
  margin: 0 0 60px 0;
}
.officer .img{
  width: 200px;
}
.officer .txt{
  width: 630px;
}
.officer .posi{
  margin: 0;
}
.officer .name{
  margin: 0 0 20px 0;
  font-weight: bold;
  line-height: 1;
}
.officer .name span{
  font-weight: 100;
}

.officer .name2{
  margin: 0 0 20px 0;
  font-weight: bold;
  line-height: 1;
}
.officer .name2 span{
  font-weight: 100;
}


.officer .birthday{
  margin: 20px 0 20px 0;
}
.officer .detailbox{
  background-color: #f2f4f8;
  padding: 16px;
}
.officer .detailbox .history{
  display: none;
}
.officer .detailbox.show .history{
  display: block;
  
}
.officer .detailbox .ttl{
  position: relative;
  font-weight: bold;
  margin: 0;
}
.officer .detailbox .ttl .btndetail{
  display: block;
  position: absolute;
  right: 0;
  top: 12px;
  padding: 0 0 0 20px;
}
.officer .detailbox .ttl .btndetail::before{
  content: "";
  position: absolute;
  left: 0;
  top: calc(50% - 7px);
  width: 14px;
  height: 14px;
  background-image:url("../img/icon_plusminus.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
}
.officer .detailbox.show .ttl .btndetail::before{
  background-position: 0 bottom;
}

.officer .history .tbl3{
  margin: 14px 0 0 0;
}

.ayumi_history{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.ayumi_history li{
  width: 280px;
  margin: 0 0 24px 0;
  box-sizing: border-box;
  position: relative;
}
.ayumi_history li span{
  line-height: 1.8;
  display: inline-block;
  position: relative;
  margin: 5px 0 0 0;
  padding: 0 0 0 20px;
  color: #426bb9;
}
.ayumi_history li span::before{
  content: "";
  position: absolute;
  left: 0;
  top: calc(50% - 7px);
  width: 8px;
  height: 14px;
  background-image:url("../img/icon_yaji01.svg");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
}
.ayumi_history li a:hover img{
  opacity: 0.8;
  transition: opacity 0.3s;
}
.ayumi_history li.last2{
  margin: 5px calc(((100% - (280px * 3)) / 2) + 280px) 0 0;  
}

.right_historylinks{
	
	
}

.officer .txt2{
  width: 870px;
}


/* bgrecruit */
#bgrecruit{
  background-image:url("../../company/recruit/img/bg_recruit.jpg");
  background-position: 0 0;
  background-repeat: no-repeat;
}
#bgrecruit p{
  margin: 0;
  padding: 56px 0 74px 32px;
  color: #426bb9;
  font-family: "I-OTF-UDゴ表示Pro M","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
#bgrecruit ul{
  display: flex;
  justify-content: space-between;
  width: 838px;
  margin: 0 auto;
}
#bgrecruit ul li{
  width: 194px;
}
#bgrecruit ul li a{
  display: block;
  background-position: 0 0;
  background-repeat: no-repeat;
  width: 194px;
  height: 194px;
  text-indent: -9999px;
  overflow: hidden;
}
#bgrecruit ul li:nth-of-type(1) a{
  background-image: url("../../company/recruit/img/btn_recruit01.png");
}
#bgrecruit ul li:nth-of-type(2) a{
  background-image: url("../../company/recruit/img/btn_recruit02.png");
}
#bgrecruit ul li:nth-of-type(3) a{
  background-image: url("../../company/recruit/img/btn_recruit03.png");
}
#bgrecruit ul li:nth-of-type(4) a{
  background-image: url("../../company/recruit/img/btn_recruit04.png");
}
#bgrecruit ul li a:hover{
  opacity: 0.7;
  transition: opacity 0.3s;
}


/* recruit2 */
#recruit2{
  display: flex;
  justify-content: space-between;
  margin: 60px 0 0 0;
}
#recruit2 > div:nth-of-type(1){
  width: 420px;
}
#recruit2 > div:nth-of-type(2){
  width: 420px;
}
#recruit2 .sustainability li{
  margin: 0 0 12px 0;
}
#recruit2 .sustainability li div{
  margin: 0 0 10px 0;
}
#recruit2 .sustainability li a{
  height: 95px;
}
#recruit2 .sustainability li p{
  margin: 0;
}

/* btngroup2 */
#btngroup2{
  width: 420px;  
}
#btngroup2 a{
  display: flex;
  align-items: center;
  width: 420px;
  height: 240px;
  box-sizing: border-box;
  padding: 20px;
  text-decoration: none;
  position: relative;
  transition:opacity 0.3s;
  background-image: url("../../company/recruit/img/btn_recruit05.jpg");
  background-position: 0 0;
  background-repeat: no-repeat;
}
#btngroup2 a:hover{
  opacity: 0.7;
}

#btngroup2 p{  
  color: #426bb9; 
  line-height: 1;
}
#btngroup2 span{
  color: #426bb9;
  line-height: 1.8;
}
#btngroup2 a::after{
  content: "";
  position: absolute;
  right: 20px;
  top: calc(50% - 7px);
  width: 8px;
  height: 14px;
  background-image:url("../img/icon_yaji01.svg");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
}

/* btngroup3*/

#btngroup3{
  width: 280px;  
}
#btngroup3 a{
  display: flex;
  align-items: center;
  width: 280px;
  height: 240px;
  box-sizing: border-box;
  padding: 20px;
  text-decoration: none;
  position: relative;
  transition:opacity 0.3s;
  background-image: url("/jp/company/history/img/btn_ayumi01.png");
  background-position: 0 0;
  background-repeat: no-repeat;
}
#btngroup3 a:hover{
  opacity: 0.7;
}

#btngroup3 p{
  color: #000000;
  line-height: 1;
  margin-bottom: 0;
	text-shadow: 2px 2px 0 white;
}
#btngroup3 span{
  color: #000000;
  line-height: 1.8;
	text-shadow: 2px 2px 0 white;
}
#btngroup3 a::after{
  content: "";
  position: absolute;
  right: 20px;
  top: calc(50% - 7px);
  width: 8px;
  height: 14px;
  background-image:url("../img/icon_yaji01.svg");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
}


/* btngroup4 */


#btngroup4{
  width: 280px;  
}
#btngroup4 a{
  display: flex;
  align-items: center;
  width: 280px;
  height: 240px;
  box-sizing: border-box;
  padding: 20px;
  text-decoration: none;
  position: relative;
  transition:opacity 0.3s;
  background-image: url("/jp/company/history/img/btn_ayumi02.png");
  background-position: 0 0;
  background-repeat: no-repeat;
}
#btngroup4 a:hover{
  opacity: 0.7;
}

#btngroup4 p{
  color: #000000;
  line-height: 1;
  margin-bottom: 0;
	text-shadow: 2px 2px 0 white;
}
#btngroup4 span{
  color: #000000;
  line-height: 1.8;
	text-shadow: 2px 2px 0 white;
}
#btngroup4 a::after{
  content: "";
  position: absolute;
  right: 20px;
  top: calc(50% - 7px);
  width: 8px;
  height: 14px;
  background-image:url("../img/icon_yaji01.svg");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
}

/* btngroup5 */


#btngroup5{
  width: 280px;  
}
#btngroup5 a{
  display: flex;
  align-items: center;
  width: 280px;
  height: 240px;
  box-sizing: border-box;
  padding: 20px;
  text-decoration: none;
  position: relative;
  transition:opacity 0.3s;
  background-image: url("/jp/company/history/img/btn_ayumi03.png");
  background-position: 0 0;
  background-repeat: no-repeat;
}
#btngroup5 a:hover{
  opacity: 0.7;
}

#btngroup5 p{
  color: #000000;
  line-height: 1;
  margin-bottom: 0;
	text-shadow: 2px 2px 0 white;
}
#btngroup5 span{
  color: #000000;
  line-height: 1.8;
	text-shadow: 2px 2px 0 white;
}
#btngroup5 a::after{
  content: "";
  position: absolute;
  right: 20px;
  top: calc(50% - 7px);
  width: 8px;
  height: 14px;
  background-image:url("../img/icon_yaji01.svg");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
}



/* news2 */
#news2{
  margin: 58px auto 0 auto;
}
#news2 .news{
  margin: 40px 0 0 0;
}
#news2 ul li{
  padding-left: 10em;
}
#news2 ul li .date{
  padding: 0;
  margin-left: -12.3em;
  width: 9em;
}