@charset "utf-8";

/* -------------------------------------------------------
	/news/
------------------------------------------------------- */
/*newsNavi*/
#newsNavi{
	width:1000px;
	margin:40px 0 70px;
	display: flex;
	flex-wrap: nowrap;
	border:3px solid #00783d;
	position: relative;
}
#newsNavi:before{
	content: "";
	position: absolute;
	bottom: -24px;
	left: 50%;
	margin-left: -15px;
	border: 10px solid transparent;
	border-top: 15px solid #FFF;
	z-index: 2;
}
#newsNavi:after{
	content: "";
	position: absolute;
	bottom: -30px;
	left: 50%;
	margin-left: -17px;
	border: 12px solid transparent;
	border-top: 17px solid #00783d;
	z-index: 1;
}
#newsNavi li{
	width:33.333%;
	font-size: 22px;
	text-align:center;
	font-weight:bold;
	position: relative;
}
#newsNavi li:after{
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	height:26px;
	margin-top: -13px;
	border-left: 1px solid #00783d;
}
#newsNavi li:first-child:after{
	content: none;
}
#newsNavi li a{
	display: block;
	padding:24px 20px;
	text-decoration: none;
	cursor: pointer;
	line-height: 1;
}
#newsNavi a.active{
	background-color: #e3f0ea;
	color:#00783d;
}
/*newsArea*/
#newsArea{
	border-bottom:1px solid #e6e6e6;
	font-size:18px;
	line-height: 1.4;
}
#newsArea ul{
	width:100%;
	display: none;
	flex-wrap: wrap;
	align-items: stretch;
	border-top:1px solid #e6e6e6;
}

.viewlist{
	display: flex !important;
}
#newsArea ul li.day{
	width:260px;
	padding:20px 0;
}
#newsArea ul li.info{
	background: url(/news/image/icon_news_info.png) no-repeat right 15px;
}
#newsArea ul li.ir{
	background: url(/news/image/icon_news_ir.png) no-repeat right 15px;
}
#newsArea ul li.topics{
	background: url(/news/image/icon_news_topics.png) no-repeat right 15px;
}
#newsArea ul li.csr{
	background: url(/news/image/icon_news_csr.png) no-repeat right 15px;
}
#newsArea ul li + li{
	width:740px;
	padding:20px 0 20px 20px;
}
#newsArea ul li + li a{
	padding-right:40px;
	display: block;
	position: relative;
}
#newsArea ul li + li a:after{
	content: "";
	width:30px;
	height:34px;
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -17px;
	z-index: 2;
}
#newsArea ul li + li a.pdf:after{
	background:url(/common/image/icon_pdf.png) no-repeat 0 0;
}
#newsArea ul li + li a.link:after{
	background:url(/common/image/icon_link.png) no-repeat 0 0;
}


/* -------------------------------------------------------
	/download/
------------------------------------------------------- */
#dl-meiko{
	border-bottom:1px solid #e6e6e6;
}
#dl-meiko li{
	padding:20px 0;
	border-top:1px solid #e6e6e6;
}
#dl-meiko li a{
	display:block;
	font-size:18px;
	font-weight:bold;
	position:relative;
}
#dl-meiko li a.pdf:after{
	content: "";
	width:30px;
	height:34px;
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -17px;
	background:url(/common/image/icon_pdf.png) no-repeat 0 0;
	z-index: 2;
}
.dl-box{
	width:100%;
	display: table;
	margin-top:30px;
}
.dl-box dt{
	width:40%;
	padding:15px 20px;
	display:table-cell;
	border:3px solid #00783d;
	background-color: #e3f0ea;
	font-size:18px;
	color:#00783d;
	font-weight:bold;
	line-height: 1.4;
	vertical-align: middle;
}
.dl-box dd{
	width:60%;
	display:table-cell;
	border:3px solid #00783d;
	border-left:transparent;
	vertical-align: middle;
}
.dl-box dd a{
	width:100%;
	display: block;
	padding:15px 60px 15px 20px;
	border-top:2px solid #ccc;
	position: relative;
}
.dl-box dd a:first-child{
	border: none;
}
.dl-box dd a:after{
	content: "";
	width:30px;
	height:34px;
	position: absolute;
	top: 50%;
	right: 15px;
	margin-top: -17px;
	z-index: 2;
}
.dl-box dd a.pdf:after{
	background:url(/common/image/icon_pdf.png) no-repeat 0 0;
}

/* -------------------------------------------------------
	/privacy/
------------------------------------------------------- */
.privacyTbl{
	margin-top:20px;
}

/* -------------------------------------------------------
	/format/
------------------------------------------------------- */
h5.fmt{
	padding:30px 0 10px;
	font-size:20px;
	font-weight:bold;
}
h4 + h5.fmt{
	padding-top:0;
}
.idt-l{
	padding-left: 1em;
}
.sml{
	margin-top:8px;
	font-size: 14px;
}
.format-file li{
	padding:5px;
	font-size:18px;
}
.format-file li a{
	position: relative;
	padding-right:35px;
}
.format-file li.pdf a:after{
	content: "";
	width:30px;
	height:34px;
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -17px;
	z-index: 2;
	background:url(/common/image/icon_pdf.png) no-repeat 0 0;
}
.format-file li.excel a:after{
	content: "";
	width:30px;
	height:34px;
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -17px;
	z-index: 2;
	background:url(/common/image/icon_excel.png) no-repeat 0 0;
}
.helpTbl th{
 width:260px;
 text-align: center;
}
.helpTbl td{
 font-size:18px;
}
.br-pc { display:block; }
.br-sp { display:none; }

/* -------------------------------------------------------
	/pickup/
------------------------------------------------------- */
.pick-list{
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
 align-items: stretch;
 width:1000px;
 margin:0 auto;
}
.pick-item{
  display: flex;
  width: 48%;
  margin-top: 40px;
  padding: 20px;
  color:#1a1a1a;
  border: 3px solid #00783d;
}
.pick-item:hover{
  text-decoration: none;
}
.pick-item .text {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: space-between;
  padding-left:20px;
  font-size:14px;
  line-height:1.6;
}
.pick-item .btn {
 width:100%;
 padding:2px 0;
 align-self: flex-end;
 font-size:20px;
 color:#00783d;
 line-height:1;
 text-align: left;
 background:url(/common/image/icon_arrow_g.png) no-repeat right center;
}


/* -------------------------------------------------------
	/movie/
------------------------------------------------------- */
/*movie*/
.p-clm2.mMgn{
 margin-top:20px;
}
.mtitle{
 padding-bottom: 10px;
 font-size:18px;
 text-align:center;
 font-weight:bold;
}
.mText{
	width:440px;
}
a.mbtn {
	display:block;
	width:96%;
	margin:20px auto 0 ;
	padding:15px 20px;
	font-size:18px;
	color:#fff;
	font-weight: bold;
	line-height:1.3;
	text-decoration: none;
	background:#00783d url(/common/image/icon_arrow_w.png) no-repeat 95% center;
}

/*vr*/
.vr1{
	padding-top:40px;
}
.vr1 img{
	margin-right:60px;
}
.movieVR{
	width:690px;
	margin:15px auto 5px;
}
#qr{
 width:580px;
 display:flex;
	align-items: center;
 margin:40px auto 0;
 padding:10px;
 background-color:#eee;
}
#qr img{
 margin-right: 30px;
}
.sub-box{
 margin:60px 0 10px;
 padding:30px 50px;
 background:#e4f0ea;
}
.sub-box h4{
 padding-bottom:15px;
 margin-bottom:15px;
 font-size: 18px;
 color:#00783d;
 font-weight:bold;
 border-bottom: 1px dotted #00783d;
}
.sub-box h5{
 padding-bottom:10px;
 font-size: 18px;
 font-weight:bold;
}
.vr2 p{
	width:740px;
}
.vr2 + h5{
	margin-top:30px;
}
.vr3{
	width:700px;
	align-items: center;
 margin:60px auto 0;
 padding:20px;
 border: 3px solid #00783d;
}