@charset "UTF-8";

/* --------------------------------
	初期化
-------------------------------- */

/* 余白 -------- */
* {
		margin: 0;
		padding: 0;
}

/* アピアランス -------- */

body.award {
		overflow-y: scroll;
}

#awardcontentsArea .mb0 {
		margin-bottom: 0px;
}

#awardcontentsArea .mb5 {
		margin-bottom: 5px;
}

#awardcontentsArea .mb10 {
		margin-bottom: 10px;
}

#awardcontentsArea .mb15 {
		margin-bottom: 15px;
}

#awardcontentsArea .mb20 {
		margin-bottom: 20px;
}

#awardcontentsArea .mb25 {
		margin-bottom: 25px;
}

#awardcontentsArea .mb30 {
		margin-bottom: 30px;
}

#awardcontentsArea .mb35 {
	margin-bottom: 35px;
}

#awardcontentsArea .mb40 {
		margin-bottom: 40px;
}

#awardcontentsArea .mb45 {
		margin-bottom: 45px;
}

#awardcontentsArea .mb50 {
		margin-bottom: 50px;
}

#awardcontentsArea .mb60 {
		margin-bottom: 60px;
}

#awardcontentsArea .mb70 {
		margin-bottom: 70px;
}

#awardcontentsArea .mb80 {
		margin-bottom: 80px;
}

#awardcontentsArea .mb90 {
		margin-bottom: 90px;
}

#awardcontentsArea .imgCTR {
		text-align: center;
}

#awardcontentsArea .pt40 { padding-top: 40px; }

/* clearfix -------- */
.clearfix:after {
		content: "";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
}

/**/

body {
		color: #100B00;
}

/* --------------------------------
	タイトル
-------------------------------- */
#awardcontentsArea {
		background: #DDD7C3;
		padding-bottom: 80px;
}

#awardheaderArea {
		background: #DDD7C3;
		position: relative;
		height: 712px;
}

#awardheaderArea #ttlArea {
		position: relative;
		background: url(../img/award/bg_ttl.jpg) repeat;
}

#awardheaderArea #ttlArea .wrap {
		background: url(../img/award/mainttl.png) no-repeat;
		width: 964px;
		height: 434px;
		margin: 0 auto;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
}

#awardheaderArea #menuArea {
		position: absolute;
		bottom: 0;
		width: 100%;
		height: 278px;
		background: url(../img/award/bg_menu.png) top no-repeat;
}

/* --------------------------------
	コンテンツ
-------------------------------- */

#award01,
#award02,
#award03,
#award04 {
		/*display: none;*/
		clear: both;
}

#awardcontentsArea .active {
		display: block;
}

/* --------------------------------
	メニュー
-------------------------------- */


#menuArea .wrap {
		width: 964px;
		height: 187px;
		margin: 0 auto;
		position: relative;
}

#menuArea ul {
/*background: #D5D5D5;*/
}

#menuArea li {
		position: absolute;
}

#menuArea li:first-child {
/*margin-left: 0px;*/
}

/*挙動*/

#menuArea li a {
		position: relative;
		/*display: inline-block;*/
	display: block;
		text-decoration: none;
}

#menuArea li a.active::before {
		position: absolute;
		bottom: -7px;
		left: 0;
		content: '';
		width: 100%;
		height: 3px;
		background: #A66F0D;
		animation: animA .3s ease-out forwards;  /*KF*/
}

#menuArea li a:hover::before {
		/*content: "← mouse out";*/

		animation: animA .2s ease-out forwards;/*KF*/
}

 @keyframes animA {
 0% {
transform: scale(0, 1);
 transform-origin: center top;
}
 100% {
transform: scale(1, 1);
}
}

 @keyframes animA-out {
 0% {
transform: scale(1, 1);
	  
}
 100% {
transform: scale(0, 1);
	 transform-origin: center top;
}
}



#menuArea li a:hover {
		opacity: .6;
		filter: alpha(opacity=60);
		-moz-opacity: .6;
		-webkit-opacity: .6;
}



/* --------------------------------
	アワード
-------------------------------- */



.exp {
		width: 905px;
		padding-top: 50px;
		margin: 0 auto 40px;
}

.exp .logo {
		float: right;
		margin-left: 20px;
}

.exp h2 {
		margin: 0 0 32px;
}

.exp p {
		line-height: 2;
		font-family: YuGothic, "游ゴシック体", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "Osaka", "Osaka－等幅", "Osaka-Mono", "MS UI Gothic", "ＭＳ Ｐゴシック", "MS PGothic", "ＭＳ ゴシック", "MS Gothic", sans-serif;
}

.gdArea {
		width: 905px;
		margin: 0 auto 80px;
		font-family: YuMincho, 游明朝, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif, "ＭＳ 明朝";
}

.gdArea h2 {
		font-size: 24px;
		font-weight: bold;
		line-height: 1.2;
		margin-bottom: 25px;
		text-align: center;
}

.gdArea p {
		font-size: 14px;
		font-weight: bold;
		line-height: 1.1;
		text-align: center;
}

.gdArea p.btn {
		padding-top: 25px;
}

.gdArea p.btn a {
		display: block;
		width: 420px;
		height: 55px;
		line-height: 55px;
		border: 3px solid #787263;
		margin: 0 auto;
		text-decoration: none;
		font-family: YuGothic, "游ゴシック体", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "Osaka", "Osaka－等幅", "Osaka-Mono", "MS UI Gothic", "ＭＳ Ｐゴシック", "MS PGothic", "ＭＳ ゴシック", "MS Gothic", sans-serif;
		font-size: 20px;
		font-weight: bold;
		color: #100B00;
}

.gdArea p.btn a span {
		background: url(../img/award/dir01.png) no-repeat 0 50%;
		padding-left: 25px;
}

.ancArea ul li a:hover,
.gdArea p.btn a:hover {
		opacity: .6;
		filter: alpha(opacity=60);
		-moz-opacity: .6;
		-webkit-opacity: .6;
}

.ancArea {
		margin: 0 auto 50px;
		;
}

.ancArea ul {
		width: 900px;
		margin: 0 auto;
}

.ancArea ul li {
		width: 200px;
		width: 25%;
		float: left;/*margin: 0 10px 0 0;*/
}

.ancArea ul li a {
		display: block;
		height: 3em;
		line-height: 3em;
		text-align: center;
		color: #FFF;
		background: #787263;
		font-family: YuGothic, "游ゴシック体", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "Osaka", "Osaka－等幅", "Osaka-Mono", "MS UI Gothic", "ＭＳ Ｐゴシック", "MS PGothic", "ＭＳ ゴシック", "MS Gothic", sans-serif;
		font-size: 14px;
		width: 98%;
}

.ancArea ul li a:hover {
		text-decoration: none;
}

.ancArea ul li a em {
		background: url(../img/award/dir02.png) no-repeat 0 50%;
		padding-left: 24px;
		font-weight: normal;
		font-style: normal;
}

/* --------------------------------
	賞
-------------------------------- */

.awardlistA,
.awardlistB,
.awardlistC {
		width: 952px;
		margin: 0 auto;
}

.awardlistA .awd,
.awardlistC .awd {
		background: url(../img/award/blockA.png) no-repeat;
		width: 468px;
		height: 187px;
		margin-bottom: 16px;
		padding: 23px;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		position: relative;
}

.awardlistB .awd {
		background: url(../img/award/blockB.png) no-repeat;
		width: 833px;
		height: 197px;
		margin: 0 auto 16px;
		padding: 23px;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		position: relative;
}

.awd_typeA {
		background: url(../img/award/blockC.png) no-repeat;
		width: 833px;
		height: 297px;
		margin: 0 auto 16px;
		padding: 23px;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		position: relative;
}

.awd_typeB {
		background: url(../img/award/blockD.png) no-repeat;
		width: 833px;
		height: 243px;
		margin: 0 auto 32px;
		padding: 23px;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		position: relative;
}

.awd_typeC {
	background: url(../img/award/blockE.png) no-repeat;
	width: 833px;
	height: 449px;
	margin: 0 auto 16px;
	padding: 23px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}

.awardlistB .awd_typeD {
	background: url(../img/award/blockF.png) no-repeat;
	width: 833px;
	height: 177px;
	margin: 0 auto 16px;
	padding: 23px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}

/* clearfix -------- */
.awd:after {
		content: "";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
}

/**/


.awardlistA div.lblock,
.awardlistC div.lblock {
		float: left;
}

.awardlistA div.rblock,
.awardlistC div.rblock {
		float: right;
}

.pickupA,
.awardlistA .awd,
.awardlistB .awd,
.awardlistC .awd,
.awd_typeA,
.awd_typeB,
.awd_typeC {
		font-family: YuMincho, 游明朝, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif, "ＭＳ 明朝";
}

.awardlistA .awd .ttl01,
.awardlistB .awd .ttl01,
.awardlistC .awd .ttl01,
.awd_typeA .ttl01,
.awd_typeB .ttl01,
.awd_typeC .ttl01 {
		font-size: 16px;
		font-weight: bold;
		line-height: 1.2;
		margin-bottom: 20px;
}

.awardlistA .awd .ttl02,
.awardlistB .awd .ttl02,
.awardlistC .awd .ttl02,
.awd_typeA .ttl02,
.awd_typeB .ttl02,
.awd_typeC .ttl02 {
		font-size: 20px;
		font-weight: bold;
		line-height: 1.2;
}

.awardlistA .awd .ttl03,
.awardlistB .awd .ttl03,
.awardlistC .awd .ttl03,
.awd_typeA .ttl03,
.awd_typeB .ttl03,
.awd_typeC .ttl03 {
		font-size: 14px;
		font-weight: bold;
		line-height: 1.2;
}

.awardlistA .awd .ttl03 {
		margin-bottom: 34px;
}

/*省エネ大賞*/
#award01 .awardlistA .awd .ttl01 {
		font-size: 16px;
		font-weight: bold;
		line-height: 1.2;
		margin-bottom: 15px;
}

#award01 .awardlistA .awd .ttl03 {
/*		font-size: 16px;
		font-weight: bold;
		line-height: 1.2;*/
}

.awardlistA .awd .mb20 {
		margin-bottom: 20px !important;
}

.awardlistA .awd .pic,
.awardlistB .awd .pic,
.awd_typeA .pic,
.awd_typeB .pic,
.awd_typeC .pic {
		position: absolute;
		top: 50px;
		right: 23px;
}

.awardlistC .awd .pic {
		position: absolute;
		top: 20px;
		right: 23px;
}

.awardlistA .awd .trgt,
.awardlistA .awd .spns,
.awardlistB .awd .trgt,
.awardlistB .awd .spns,
.awardlistC .awd .trgt,
.awardlistC .awd .spns,
.awd_typeA .trgt,
.awd_typeA .spns,
.awd_typeB .trgt,
.awd_typeB .spns,
.awd_typeC .trgt,
.awd_typeC .spns {
		font-size: 14px;
		line-height: 1.1;
}

/* --------------------------------
	省エネ大賞ピックアップ
-------------------------------- */

.pickupA {
		background: url(../img/award/pickupA.png) no-repeat;
		width: 952px;
		height: 297px;
		margin: 0 auto;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		position: relative;
}

.pickupA .wrap {
		padding: 45px;
		position: relative;
}

.pickupA .wrap .logo {
		position: absolute;
		right: 216px;
		top: 93px;
}

.pickupA .wrap .pic {
		position: absolute;
		right: 68px;
		top: 32px;
}

.pickupA .wrap .ttl02 {
		font-size: 38px;
		font-weight: bold;
		line-height: 1.2;
}

.pickupA .wrap .ttl01 {
		font-size: 16px;
		font-weight: bold;
		line-height: 1.2;
		margin-bottom: 15px;
}

.pickupA .wrap .trgt,
.pickupA .wrap .spns {
		font-size: 14px;
		line-height: 1.1;
}

/*-----------------------------*/

#awardcontentsArea p.notice {
		padding-left: 1em;
		font-size: 14px;
		line-height: 1.1;
}

#awardcontentsArea p.notice .kome {
		float: left;
		display: block;
		margin-left: -1em;
}

/*ページの先頭へ*/
#awardcontentsArea #page_top {
		display: none;
		position: fixed;
		right: 20px;
		bottom: 200px;
}

#awardcontentsArea #page_top a {
		overflow: hidden;
		text-indent: 100%;
		white-space: nowrap;
		font-size: 0;
		line-height: 0;
		display: block;
		width: 48px;
		background: url(../img/award/pagetop.png) no-repeat;
		zoom: 1;
		height: 25px;
}

#awardcontentsArea #page_top a:hover {
		opacity: .50; /* Standard: FF gt 1.5, Opera, Safari */
		filter: alpha(opacity=50); /* IE lt 8 */
		-ms-filter: "alpha(opacity=50)"; /* IE 8 */
		-khtml-opacity: .50; /* Safari 1.x */
		-moz-opacity: .50; /* FF lt 1.5, Netscape */
		zoom: 1;
}


/*-----------------------------*/

.note_isan {
		width: 833px;
		margin: 0 auto 16px;
		padding: 23px;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		position: relative;
	font-size: 12px;
			font-family: YuGothic, "游ゴシック体", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "Osaka", "Osaka－等幅", "Osaka-Mono", "MS UI Gothic", "ＭＳ Ｐゴシック", "MS PGothic", "ＭＳ ゴシック", "MS Gothic", sans-serif;
}

.note_isan h3,
.note_isan h4{
	font-weight: bold;

}

.note_isan p a{
	text-decoration: underline;

}


.txt10 {
		font-size: 62.5%;
		line-height: 1.5;
}

#award08 .awardlistB:nth-of-type(2) .ttl03{
  line-height: 1.29;
}

#award08 .awardlistB:nth-of-type(2) .pic{
  top: 45px;
}

#award08 .txt{
  display: block;
  text-indent: 5em;
}

/* --- added 2023-07-20 --- */

.listB_txtbox {
	margin: 0 auto 60px auto;
	padding: 0 84px;
}

.listB_txtbox p { 
/* same as exp p */
font-size: 12.4px;
line-height: 1.7;
font-family: YuGothic, "游ゴシック体", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "Osaka", "Osaka－等幅", "Osaka-Mono", "MS UI Gothic", "ＭＳ Ｐゴシック", "MS PGothic", "ＭＳ ゴシック", "MS Gothic", sans-serif;
}