@charset "utf-8";

@import url(https://fonts.googleapis.com/css?family=Cormorant+Infant:400,600&display=swap);
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700,900&display=swap;);
@import url(https://fonts.googleapis.com/css?family=Sawarabi+Mincho);

/*styleReset*/
.subpage-title h1,
.subpage-title .sub,
h3.sbt,
dl,
dt,
dd,
ul,
li,
p,
h2,
h3 {
	margin:0;
	padding:0;
	line-height:1;
	list-style:none;
}
body {
	color:#3f3f3f;
	font-family: 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro','Noto Sans JP','游ゴシック体', 'Yu Gothic', YuGothic, serif;
	background-color:#ececec;/*old #f4f4f4*/

}
.renew2019 .centerview {
	width:1100px;
}
.pankuzu .centerview {
	padding:0 29px;
	box-sizing:border-box;
	width:auto;
}
.pankuzu {
	background-color:#e8e8e8;
	border-top:none;
}
.pankuzu .list {
	font-size:11px;
	margin:14px 0;
}
.pankuzu a {
	color:#3f3f3f;
}
.pankuzu .list .item a, .pankuzu .list .item span {
	display:inline-block;
}

.pankuzu .list .item {
    margin-left: 0px;
    padding-left: 0px;
    background: none;
	color:#000;
	float:none;
	display:inline-block;
	line-height:1.5;
}
.pankuzu .list .item span:before,
.pankuzu .list .item a:before{
	content:">";
	margin-left:0.5em;
	margin-right:0.5em;
	vertical-align:middle;
	display:inline-block;
}
.pankuzu .list .item:first-child a:before {
	display:none;
}
.subpage-title .title {
	color:#3f3f3f;
}
.subpage-title {
    padding: 0 0 85px;
    background: #fff;
	font-family: 'Cormorant Infant', serif;
	text-align:center;
}
.subpage-title h1 {
	font-size:36px;
	margin-bottom:1em;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro","Sawarabi Mincho","HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.subpage-title .sub {
	font-size:20px;
	font-family: 'Cormorant Infant', serif;
}

.catch-wrap {
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	color:#fff;
	padding:110px 0;
}
img {
	max-width:100%;
}

.catch-wrap h2 {
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro","Sawarabi Mincho","HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size:24px;
	text-align:center;
	width:100%;
	margin-bottom:1.2em;
	font-weight:400;
	line-height:1.5;
}
.catch-wrap .inner {
	width:680px;
	margin:0 auto;
	display:flex;
	flex-wrap:wrap;
}
.catch-wrap p {
	line-height:1.5;
	font-size: 16px;
}

h3.sbt,
.pd-item h2,
.bh-detail h4 {
	text-align:center;
	font-size:25px;
	position:relative;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro","Sawarabi Mincho","HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	padding-bottom:1em;
	margin-bottom:2em;
	font-weight:400;
	line-height:1.5;
}

.pd-item h2:after,
.bh-detail h4:after {
	content:" ";
	background-color:#4c9c41;
	width:50px;
	height:2px;
	display:block;
	position:absolute;
	left:50%;
	margin-left:-25px;
	bottom:0;
}
h3.sbt {
	font-size: 23px;
	display: table;
	border-bottom: solid 2px #009279;
	margin: 0 auto 2em;
	padding: 0 1em 1em;
	position: relative;
}


.article {
	padding:100px 0;
}
.boxwrap-item3 {
	max-width:1100px;
	margin:0 auto -70px;
	display:flex;
	flex-wrap:wrap;
}
.boxwrap-item3 dl {
	width:31.33%;
	margin-bottom:70px;
	margin-right:3%;
}
.boxwrap-item3.item4 dl {
	width:22.72%;
	margin-bottom:40px;
}
.boxwrap-item3 dl:nth-child(3n) {
	margin-right:0;
}
.boxwrap-item3.item4 dl:nth-child(3n) {
	margin-right:2.5%
}
.boxwrap-item3.item4 dl:nth-child(4n) {
	margin-right:0;
}
.boxwrap-item3 dt {
	line-height:1.5;
	font-size:20px;
	margin:0.8em 0 0.5em;
}
.boxwrap-item3.relateWrap dt {
	font-size:18px;
	line-height:27px;
}
.boxwrap-item3.relateWrap dt:first-child {
	margin-top:0;
}
.boxwrap-item3.item4 dt {
	font-size:15px;
}
.boxwrap-item3 div:first-child img {
	width:100%;
}
.boxwrap-item3 dd {
	font-size:11px;
}
.boxwrap-item3 dd p {
	line-height:2;
}
.boxwrap-item3 dd a.linkbn,
a.godetail,
.centerBtn a {
	font-size:14px;
	color:#009275;
	display:block;
	text-align:center;
	border:solid 1px #009275;
	padding:1.3em;
	line-height:1;
	text-decoration:none;
	margin-top:1em;
}
.bgc-w {
	background-color:#FFF;
}
.bgc-dg {
	background-color:#4a4a4a;
}
.bgc-green {
	background-color:#f4f9ef;
}
.bgc-w + #footer-gnavi,
.bgc-dg + #footer-gnavi {
	margin-top:0;
}
.bgc-dg h3.sbt {
	color:#fff;
}
.projectAll {
    text-align: center;
    padding-top: 100px;
}
.projectAll a {
    color: #979797;
	box-sizing: border-box;
    width: 280px;
    text-align: center;
    padding: 1.3em 0;
	font-size: 13px;
    line-height: 1;
    border: solid 1px #979797;
}
.projectAll a b {
    background-image: url(../images/01_top_new/arrow_gray.png);
	background-repeat:no-repeat;
    display: inline-block;
	background-repeat: no-repeat;
    background-position: right center;
    padding: 0 2em 0 0;
	font-weight:400;
}
.projectAll a:hover {
    color: #fff;
    border-color: #fff;
}
.projectAll a:hover b {
    background-image: url(../images/01_top_new/arrow_white.png);
}
.owl-carousel .owl-nav button.owl-prev span, .owl-carousel .owl-nav button.owl-next span {
	top:14.5vw;
}
.article.sdgs {
	text-align:center;
}
.relateMov {
	max-width:1100px;
	margin:0 auto -30px;
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
.relateMov li {
	width:48.6%;
	font-size:18px;
	margin-bottom:30px;
}
.relateMov li p {
	line-height:1.5;
}
.movthumb {
	background-color:#000;
	position:relative;
	margin-bottom:20px;
}
.movthumb a {
	display:block;
}
.movthumb:after,
.movWrap-ty1 #thumbnail:after {
	background-image:url(../images/2019_energy/mov_play.png);
	background-size:100% auto;
	width:117px;
	height:118px;
	display:block;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-59px;
	margin-top:-58px;
	content:" ";
	pointer-events: none;
}
.movthumb img {
	width:100%;
	opacity:0.6;
}
.movthumb:hover img {
	opacity:1;
}
.relateMov li div.iframe {
width: 100%;
padding-top: 56.25%;
position: relative;
margin-bottom: 1em;
}
.relateMov li div.iframe iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top:0;
}

.textMore {
	text-align:right;
	font-size:13px;
	max-width:1100px;
	margin:0 auto;
}
.textMore a,
.go-arrow a {
	color:#4c9c41;
	text-decoration:none;
	background-image:url(../images/2019_businessrd/other-arrow.png);
	background-repeat:no-repeat;
	background-position:right center;
	padding-right:1.5em;
}
.boxwrap-item3 + .textMore {
	margin-top:70px
}
.movWrap-ty1 {
	position:relative;
	margin:0 auto;
	width:737px;
}
.movWrap-ty1 #thumbnail {
	position:absolute;
	left:0;
	top:0;
	background-color:#000;
}
.movWrap-ty1 #thumbnail img {
	opacity:0.5;
}
.movWrap-ty1 .caption {
	text-align:center;
	font-size:20px;
	margin-top:30px;
}
.article.min-content {
	padding:60px 0;
	position:relative;
	margin-top:-20px;
}
.article.min-content:last-child {
	padding-bottom:100px;
}
.article.min-content:before {
	content:" ";
	width:736px;
	margin:0 auto;
	background-color:#dcdcdc;
	height:0px;
	padding-top:1px;
	display:block;
	position:absolute;
	left:50%;
	margin-left:-368px;
	top:0;
}
.article.min-content img {
	max-width:100%;
}
.alCenter {
	text-align:center;
}
.centerBtn a {
	margin:0 auto;
	width:345px;
}
.relatedNews h3 + p {
	text-align:center;
	font-size:12px;
}
.relatedNews ul {
	margin:2.5em auto;
	padding:0;
	width:736px;
	font-size:12px;
}
.relatedNews ul li {
	position: relative;
    padding: 1.5em 0 1.5em 22%;
	line-height:2;
}
.relatedNews ul span {
	display: block;
    position: absolute;
    top: 1.5em;
    left: 0;
    width: 22%;
	padding:0 1em;
	font-size:15px;
	font-family: 'Cormorant Infant', serif;
	color:#166809;
}
.relatedNews ul li a {
	color: #55AB72;
	text-decoration:underline;
	margin-top:0.5em;
	display:inline-block;
	text-decoration:none;
	background-image:url(../images/2019_businessrd/other-arrow.png);
	background-repeat:no-repeat;
	background-position:right center;
	padding-right:1em;
}
.relatedNews ul li a:hover {
	text-decoration:none;
}

.categoryIndex {
	display:flex;
	flex-wrap:wrap;
	width:100%;
	justify-content: space-between;
	padding-bottom:60px;
}
.categoryIndex li {
	padding-bottom:50px;
	width:48.66%;
}
.categoryIndex.flex3 li {
	width:31.54%;
}
.categoryIndex li p.img img {
	width:100%;
}
.categoryIndex li.w-full {
	width:100%;
}
.categoryIndex h2 {
	font-size:22px;
	font-weight:400;
	line-height:1.2;
	margin:1.5em 0 0.8em;
}
.categoryIndex h2 + p {
	font-size:12px;
	line-height:1.5;
}
.categoryIndex li.w-full div {
	position:relative;
	padding-right:35%;
}

.categoryIndex li.w-full div .pos-r {
	position:absolute;
	right:0;
	top:0;
	width:32%;
}
.max-wrap {
    max-width: 1100px;
    margin: 0 auto;
}

#other-busrd,
#other-busrd2 {
	max-width:1100px;
	margin:0 auto;
	display:flex;
	flex-wrap:wrap;
}
#other-busrd2 {
	justify-content: center;
}
#other-busrd li,
#other-busrd2 li {
	width:31.18%;
	margin-right:3.23%;
	margin-bottom:35px;
	background-color:#fff;
	background-image:url(../images/2019_businessrd/other1.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:100% auto;
	padding:18.8% 1.8% 1.8%;
	box-sizing:border-box;
	font-size:11px;
}
#other-busrd li:nth-child(3n) {
	margin-right:0;
}
#other-busrd li h4,
#other-busrd2 li h4 {
	font-weight:300;
	font-size:19px;
	margin-bottom:0.5em;
	line-height:1.5;
	margin-top:0;
}
#other-busrd li p,
#other-busrd2 li p {
	line-height:1.8;
}
#other-busrd li p.more,
#other-busrd2 li p.more{
	margin-top:1.5em;
}
#other-busrd li p.more a,
#other-busrd2 li p.more a {
	color:#4c9c41;
	text-decoration:none;
	background-image:url(../images/2019_businessrd/other-arrow.png);
	background-repeat:no-repeat;
	background-position:right center;
	padding-right:1.5em;
}
.imgR {
	float:right;
	margin:0.5em 1.5em 1.5em 1.5em;
}
.sdgsWrap {
	display:flex;
	flex-wrap:wrap;
	max-width:1100px;
	margin:0 auto;
	justify-content: center;
}
.sdgsWrap li {
	width:14.54%;
	margin:0 1.63%;
}
#cboxContent {
	padding-top:60px;
}
#cboxLoadedContent {
	border-radius:0;
}
#cboxClose {
	background-image:url(../images/2019_common/close.png);
	width:40px;
	height:40px;
	right:0px;
	top:0px;
	background-repeat:no-repeat;
	overflow:hidden;
}
#cboxClose:hover {
	background-repeat:no-repeat;
	background-position:top center;
}
/*
#projectSlide .owl-item > div a {
	background-size:cover;
	background-position:center;
	position:relative;
	width: 100%;
	height:32.85vw;
	display:block;
	color:#fff;
	box-sizing:border-box;
}

#projectSlide .owl-item a div p.img_cr {
	position:absolute;
	right:15px;
	bottom:10px;
	width:auto;
}

#projectSlide .owl-item a>div {
	position:absolute;
	width:100%;
	height:100%;
	box-sizing:border-box;
	position:absolute;
	left:0;
	top:0;
	background-color:rgba(0,0,0,0.6);
}
#projectSlide .owl-item a>div>div {
	display:block;
	position:absolute;
	width:100%;
	box-sizing:border-box;
	top:0;
	padding:0 7%;
	transition: 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#projectSlide .owl-item a:hover>div {
	background-color:rgba(76,156,65,0.6);
}
#projectSlide .owl-item a div p {
	width:100%;
	font-size:13px;
}
#projectSlide .vol,
#projectSlide .sub,
#projectSlide .owl-item a div p.img_cr,
.news {
	font-family: "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, sans-serif;
	line-height:25px;
}
#projectSlide .vol {
	margin-bottom:40px;
	letter-spacing:0.05em;
}
#projectSlide .vol b {
	font-size:30px;
	font-weight:100;
}
#projectSlide .owl-item a div p.title {
	font-size:23px;
	line-height:33px;
	margin-bottom:20px;
}
#projectSlide .sub span {
	display:block;
	margin-top:25px;
}*/

@media screen and (max-width:1101px) {
.renew2019 .centerview {
	width:100%;
}
}

@media screen and (min-width:769px) {
.boxwrap-item3 dd a.linkbn:hover,
a.godetail:hover,
#other-busrd li p.more a:hover,
.textMore a:hover,
.centerBtn a:hover,
.relatedNews ul li a:hover,
.go-arrow a:hover {
	opacity:0.5;
}
.movWrap-ty1 #thumbnail:hover img {
	opacity:1;
}

}
@media screen and (max-width:960px) {
.boxwrap-item3,
.textMore,
.renew2019 .centerview {
    max-width: 90%;
}

.max-wrap,
.sdgsWrap {
	max-width:91.46vw;

}

}

@media screen and (max-width:559px) {
.pankuzu .centerview {
	padding:0;
}
.categoryIndex h2 {
	font-size:17px;
}
.categoryIndex li,
.categoryIndex li.w-full,
.categoryIndex.flex3 li {
	width:100%;
	padding-bottom:55px;
}
.categoryIndex li.w-full div {
	padding-right:0;
}
.categoryIndex li.w-full div .pos-r {
	position:inherit;
	right:inherit;
	top:inherit;
	width:100%;
}
.categoryIndex h2 + p {
	font-size:12px;
}
.owl-carousel {
	z-index:0;
}
.renew2019 img {
	max-width:100%;
}
.subpage-title {
	padding:0 0 45px;
}
.subpage-title h1 {
	font-size:22px;
	margin-bottom:0.5em;
}
.subpage-title .sub {
	font-size:13px;
}
.renew2019 .centerview {
	width:100%;
}
.catch-wrap {
	padding:14.66vw 0;
}
.catch-wrap h2 {
	font-size:20px;
	font-weight:400;
	line-height:1.5;
}
.catch-wrap p {
	font-size:15px;
}

.catch-wrap .inner {
	width:82.66%;
}
.article {
	padding:80px 0;
}
.article.sdgs img {
	width:100%;
}
h3.sbt {
	/*font-size:4.26vw;*/
	font-size:5.86vw;
	display: block;
	border-bottom: none;
}
h3.sbt::after {
	content:" ";
	background-color:#009279;
	width:49%;
	height:2px;
	display:block;
	position:absolute;
	left:50%;
	margin-left:-24.5%;
	bottom:0;
}
.boxwrap-item3 {
    max-width: 91.3%;
    margin: 0 auto;
    display: block;
}

.boxwrap-item3 dl {
	width:100%;
	margin-right:0;
	margin-bottom:55px;
}
.boxwrap-item3 dl:last-child {
	margin-bottom:0;
}
.boxwrap-item3 dt {
	font-size:17px;
	margin:1.2em 0 0.8em;
}
.boxwrap-item3 dd p {
	font-size:12px;
}
.boxwrap-item3 dd a.linkbn {
	margin-top:1.5em;
}
.boxwrap-item3.sp-2colm dd a.linkbn {
	padding:1em;
}
.dotNav.owl-carousel .owl-nav button.owl-prev span {
	left:-4.7%;
	top:27vw;
}
.dotNav.owl-carousel .owl-nav button.owl-next span {
	right:-4.7%;
	top:27vw;
}

.dotNav .owl-dots {
	margin:40px auto 0;
	width:100%;
}
.dotNav.owl-carousel .owl-dots button.owl-dot {
	margin:0 7px 7px;
	outline:none;
}

.dotNav.owl-carousel .owl-dots button.owl-dot span {
	display:block;
	background:#fff;
	width:10px;
	padding-top:8px;
	margin:0;
	border-radius:100%;
	line-height:1;
}
.dotNav.owl-carousel .owl-dots .owl-dot.active span,
.dotNav.owl-carousel .owl-dots .owl-dot:hover span,
.dotNav.owl-carousel.dotCt1 .owl-dots .owl-dot.active span,
.dotNav.owl-carousel.dotCt1 .owl-dots .owl-dot:hover span {
	background:#a9ce84;
}
.dotNav.owl-carousel.dotCt1 .owl-dots button.owl-dot span {
	background-color:#e8e8e8;
}

.dotNav.owl-carousel .owl-nav button.owl-prev span,
.dotNav.owl-carousel .owl-nav button.owl-next span,
.dotNav.owl-carousel .owl-nav button.owl-prev span.fadein,
.dotNav.owl-carousel .owl-nav button.owl-next span.fadein {
	opacity: 1.0;
	transform: none;
}

.owl-carousel .owl-nav button.owl-prev span,
.owl-carousel .owl-nav button.owl-next span {
	width:13.33vw;
	padding-top:13.33vw;
	background-size:100% auto;
}

.boxwrap-item3.relateWrap .owl-nav {
	display:none;
}

.boxwrap-item3.item4 dl {
    width: 47.8%;
	margin-bottom:50px;
}
.boxwrap-item3.item4.sp-2colm {
	display:flex;
	justify-content: space-between;
}
.boxwrap-item3.item4.sp-2colm dl:nth-child(3n) {
	margin-right:0;
}
.relateMov {
	display:block;
	width:91.3%;
	margin-bottom:-60px;
}
.relateMov li {
	width:100%;
	font-size:17px;
	margin-bottom:60px;
}
.movthumb:after {
	width:75px;
	height:75px;
	margin-left:-37px;
	margin-top:-37px;
}
.textMore {
	max-width:91.3%;
	text-align:center;
}
.boxwrap-item3 + .textMore {
	margin-top:45px;
}
.movWrap-ty1 {
	width:82.9vw;
}
.movWrap-ty1 .playerOuter {
	width:100%;
	height:0;
	padding-top:56.2%;
	overflow:hidden;
	position: relative;
}
.movWrap-ty1 .playerOuter iframe {
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
}
.movthumb {
	background-color:#000;
	position:relative;
	margin-bottom:20px;
}
.movWrap-ty1 #thumbnail:after {
	display:none;

}
.movWrap-ty1 .caption {
	font-size:15px;
}
.article.min-content {
	margin-top:-20px;
}
.article.min-content:before {
    width: 92%;
    left: 50%;
    margin-left: -46%;
    top: 0;
}
.relatedNews h3 + p {
	line-height:1.8;
	width:85vw;
	text-align:center;
	margin:0 auto 2em;
}
.relatedNews ul {
	width:85vw;
	margin:0 auto -60px;
}
.relatedNews ul li {
	padding:0 0 30px;
	text-align:center;
	margin-bottom:30px;
}
.relatedNews ul li:after {
	content:" ";
	background-color:#e6e6e6;
	width:36vw;
	height:0;
	padding-top:1px;
	display:block;
	position:absolute;
	left:50%;
	bottom:0;
	margin-left:-18vw;
}
.relatedNews ul li:last-child:after {
	display:none;
}
.relatedNews ul li span {
	display:block;
	position:inherit;
	left:inherit;
	top:inherit;
	width:100%;
	text-align:center;
	padding:0;
	margin-bottom:25px;
}

.txt-box {
	width:82.66vw;
}
.centerBtn a {
	width:82vw;
}
#other-busrd,
#other-busrd2 {
	display:block;
	max-width:100%;
}
#other-busrd2 {
	max-width:76vw;
}
#other-busrd li,
#other-busrd2 li {
	width:100%;
	padding: 62% 7% 7%;
	font-size:12px;
	margin-bottom:0;
}
#other-busrd li h4,
#other-busrd2 li h4 {
	font-size:17px;
}
#other-busrd.dotNav.owl-carousel .owl-nav button.owl-prev span {
	left:0;
}
#other-busrd.dotNav.owl-carousel .owl-nav button.owl-next span  {
	right:0;
}
.imgR {
	float:none;
	width:100%;
	margin:1.5em 0;
}
p img.imgR {
	margin-top:0;
}
.sdgsWrap {
	max-width:92%;
/*	justify-content: space-between;*/
}
.sdgsWrap.al-left {
	justify-content: flex-start;
}
.sdgsWrap.num2 {
	justify-content:center;
}
.sdgsWrap.num3 {
	flex-wrap: nowrap;
}
.sdgsWrap li {
	width:30.43%;
	margin:0 4vw 4vw 0;
}
.sdgsWrap.num2 li {
	margin:0 2%;
}
.sdgsWrap li:nth-child(3n) {
	margin-right:0;
}
#cboxClose {
	width:20px;
	height:20px;
	background-size:100% auto;
}
#cboxContent {
    padding-top: 40px;
}
/*
#projectSlide .owl-item a>div>div {
	padding:0 9.74%;
}
#projectSlide .owl-item > div a {
	height:104.53vw;
}
#projectSlide .vol {
	margin-bottom:20px;
}
#projectSlide .vol b {
	font-size:24px;
	font-weight: normal;
}
#projectSlide .owl-item a div p.title {
	font-size:18px;
	margin-bottom:15px;
	line-height: 28px;
}
#projectSlide .owl-item a div p.title br {
	display:none;
}
#projectSlide .owl-item a div p {
	font-size:11px;
	line-height:20px;
}
#projectSlide .sub span {
	margin-top:12px;
}
#project .owl-carousel .owl-nav {
	display:none;
}
#project .goOther {
	padding-top:60px;
}
*/
}