@charset "utf-8";

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

ホーム（#home）

-----------------------------------------------------------------------------  ***/
#home #main .reason .img{
	float:left;
	width: 200px;
	clear:both;
	margin:0 0 25px;
}
#home #main .reason .text{
	float: right;
	width: 440px;
	margin:0 0 25px;
}
#home #main .reason .text h3{
	font-size: 1.333em;
	font-weight: bold;
	margin:0 0 10px;
}
#home #main .reason .text .btn{
	font-size:1.083em;
	margin:-10px 0 0;
}
#home #main .reason .text a{
	display:inline-block;
	border-radius:5px;
	color:#FFF;
	font-weight: bold;
	padding:3px 20px 3px 15px;
	background: url(../img/icon_arrow01_clear.png) right center no-repeat #016935;
}
#home #main .reason .text a:hover{
	text-decoration: none;
	background: url(../img/icon_arrow01_clear.png) right center no-repeat #014B26;
}
#home #main .archive ul{
	margin:0 0 0 -20px;
	padding:10px 0 0;
}
#home #main .archive ul li{
	float:left;
	margin:0 0 0 20px;
	width: 210px;
}
#home #main .archive ul li img{
	margin:0 0 10px;
}
#home #main .archive ul li span{
	margin:0 0 10px;
	color:#026D38;
	font-size:1.167em;
	background: url(../img/icon_dot.png) left 5px no-repeat;
	padding:0 0 0 15px;
	display:block;
}
#home #main .news h2{
	margin:0 0 10px;
}
#home #main .news table{
	width:100%;
	font-size:1.167em;
}
#home #main .news tbody{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#home #main .news table img{
    object-fit: cover;
    width: 292px;
    height: 220px;
    border: 1px solid #C5C5C5;
    padding: 2px;
}
#home #main .news table img:hover{
	opacity: 0.8;
}
#home #main .news table tr{
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	width: 45%;
	margin: 15px 0 15px;
}
#home #main .news table th{
	font-size: 16px;
	padding:20px 0 8px;
}
#home #main .news table td{
	font-size: 16px;
	font-weight: bold;
	padding:0;
}
#home #main .news table a{
	color:#026d38;
}
#home #main .news table a:hover{
	color:#026d38;
	text-decoration: underline;
}

#home #main .news {
	position:relative;
}
#home #main .news .btn{
	font-size:1.083em;
	position:absolute;
	right:10px;
	top:9px;
}
#home #main .news .btn a{
	display:inline-block;
	border-radius:5px;
	color:#FFF;
	font-weight: bold;
	padding:3px 20px 3px 15px;
	background: url(../img/icon_arrow01_clear.png) right center no-repeat #016935;
}
#home #main .news .btn02{
	text-align: center;
}
#home #main .news .btn02 a{
	display:inline-block;
	border-radius:5px;
	color:#FFF;
	font-weight: bold;
	padding:15px 75px 11px 75px;
	background: #016935;
}
#home #main .news .btn a:hover{
	text-decoration: none;
	background: url(../img/icon_arrow01_clear.png) right center no-repeat #014B26;
}
#home #main .news .btn02 a:hover{
	text-decoration: none;
	background: #014B26;
}
/*** ------------------------------------------------------------------------------ 

オーダー電池（組電池・パック電池）とは（#about）

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

/* 共通 */
#about #main .left{
	float:left;
	width: 350px;
}
#about #main .right{
	float:right;
	width:350px;
}
#about #main .right h4,
#about #main .left h4{
	border-left:#006C38 3px solid;
	border-bottom: #006C38 1px dashed;
	color:#006C38;
	font-size:1.25em;
	font-weight: bold;
	padding:0 5px 0 10px;
	margin:0 0 20px;
}


#about #main .array .section-cont{
	padding:0 20px;
}
#about #main .array ul{
	margin:0 0 0 -30px;
}
#about #main .array ul li{
	float:left;
	width:321px;
	margin:0 0 20px 30px;
}
#about #main .array ul li span{
	display:block;
	background: url(../img/icon_dot.png) left center no-repeat;
	padding:0 0 0 20px;
	margin:0 0 20px;
	font-size:1.167em;
	font-weight: bold;
}
#about #main .type .right ul li,
#about #main .type .left ul li{
	float:left;
	width:50%;
	margin:0 0 10px;
}
#about #main .type .right ul li a,
#about #main .type .left ul li a{
	display:inline-block;
	background: url(../img/icon_dot.png) left center no-repeat;
	padding:0 0 0 20px;
	color:#006C38;
	text-decoration: underline;
	font-size:1.083em;
}
#about #main .type .right ul li a:hover,
#about #main .type .left ul li a:hover{
	text-decoration: none;
}
#about #main .parts p{
	color:#FF0000;
	margin:0 0 20px;
}
#about #main .parts .left table{
	width:100%;
	border:#016935 1px solid;
	font-size:1.083em;
}
#about #main .parts .left table th{
	background:#016935;
	color:#FFFFFF;
	font-weight: bold;
	padding:10px 10px;
	border: #FFF 1px solid;
}
#about #main .parts .left table th.top{
	border-top: #016935 1px solid;
}
#about #main .parts .left table th.bottom{
	border-bottom: #016935 1px solid;
}
#about #main .parts .left table td{
	border: #016935 1px solid;
	padding:10px 10px;
}

#about #main .flow .section-cont{
	padding:0 0 0 89px;
	background: url(../../imgs/about_img05.png) left top no-repeat;
}
#about #main .flow .section-cont .flow-block{
	margin:0 0 26px;
	clear:both;
}
#about #main .flow .section-cont .flow-block h3{
	color:#016935 ;
	font-weight: bold;
	background: url(../img/bg_line.png) left bottom repeat-x;
	padding:0 0 5px;
	font-size:1.333em;
	margin:0 0 16px;
}
#about #main .flow .section-cont .flow-block h3 span{
	display:block;
	background: url(../../imgs/about_img06.png) left center no-repeat;
	padding:10px 0 0 80px;
}
#about #main .flow .section-cont .flow-block.no02 h3 span{
	background: url(../../imgs/about_img09.png) left center no-repeat;
}
#about #main .flow .section-cont .flow-block.no03 h3 span{
	background: url(../../imgs/about_img11.png) left center no-repeat;
}
#about #main .flow .section-cont .flow-block.no04 h3 span{
	background: url(../../imgs/about_img14.png) left center no-repeat;
}
#about #main .flow .section-cont .flow-block.no05 h3 span{
	background: url(../../imgs/about_img17.png) left center no-repeat;
}
#about #main .flow .section-cont .flow-block.no06 h3 span{
	background: url(../../imgs/about_img22.png) left center no-repeat;
}
#about #main .flow .section-cont .flow-block.no07 h3 span{
	background: url(../../imgs/about_img24.png) left center no-repeat;
}
#about #main .flow .section-cont .flow-block ul {
	margin:0 0 0 -20px;
}
#about #main .flow .section-cont .flow-block ul li{
	width: 200px;
	float:left;
	margin:0 0 10px 20px;
}
#about #main .flow .section-cont .flow-block ul li.double{
	width:400px;
}
#about #main .flow .section-cont .flow-block ul li p{
	margin:0;
}

#about #main .point {
	border:#016935 3px solid;
	padding:30px 25px 20px;
}
#about #main .point h4 {
	margin:0;
}
#about #main .point .left{
	width:315px;
}
#about #main .point .right{
	width:319px;
}

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

ウィングスが選ばれる理由（#reason）

-----------------------------------------------------------------------------  ***/
#reason #main .section .text h4{
	font-size:1.333em;
	font-weight: bold;
	margin:0 0 5px;
}

#reason #main .section .layout01 {
	margin:0 0 30px;
}
#reason #main .section .layout01 .img{
	float:left;
	width:200px;
}
#reason #main .section .layout01 .text{
	float:right;
	width:500px;
}
#reason #main .section .layout02 .img{
	float:left;
	width:430px;
}
#reason #main .section .layout02 .img ul{
	margin:0 0 0 -30px;
}
#reason #main .section .layout02 .img ul li{
	margin:0 0 0 30px;
	float:left;
}
#reason #main .section .layout02 .text{
	float:right;
	width:270px;
}
#reason #main .section .photo{
	margin:0 0 0 -65px;
}
#reason #main .section .photo li{
	margin:0 0 30px 65px;
	float:left;
}

#reason #main .section.headline .section-cont{
	margin:0 0 30px;
	clear:both;
}

#reason #main .section.cell .section-cont h4{
	border-left:#006C38 3px solid;
	border-bottom: #006C38 1px dashed;
	color:#006C38;
	font-size:1.25em;
	font-weight: bold;
	padding:0 5px 0 10px;
	margin:0 0 20px;
}
#reason #main .section.cell .section-cont ul.example li{
	float:left;
	margin:0 0 20px;
	background: url(../img/icon_dot.png) left center no-repeat;
	color:#006C38;
	padding:0 0 0 20px;
	font-size:1.083em;
	font-weight: bold;
	width:190px;
}
#reason #main .section.cell .section-cont ul.example li.w01{
	width:290px;
	margin:0 0 20px 0;
}
#reason #main .section.cell .section-cont p.attention{
	color:#F00;
	font-size:0.917em;
	margin:0 0 20px;
}

#reason #main .left{
	float:left;
	width: 350px;
}
#reason #main .right{
	float:right;
	width:350px;
}
#reason #main .type p{
	margin: 0 0 25px;
}
#reason #main .type .right h4,
#reason #main .type .left h4{
	border-left:#006C38 3px solid;
	border-bottom: #006C38 1px dashed;
	color:#006C38;
	font-size:1.25em;
	font-weight: bold;
	padding:0 5px 0 10px;
	margin:0 0 20px;
}
#reason #main .type .right ul li,
#reason #main .type .left ul li{
	float:left;
	width:50%;
	margin:0 0 10px;
}
#reason #main .type .right ul li a,
#reason #main .type .left ul li a{
	display:inline-block;
	background: url(../img/icon_dot.png) left center no-repeat;
	padding:0 0 0 20px;
	color:#006C38;
	text-decoration: underline;
	font-size:1.083em;
}
#reason #main .type .right ul li a:hover,
#reason #main .type .left ul li a:hover{
	text-decoration: none;
}

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

発注から納品までの流れ（#flow）

-----------------------------------------------------------------------------  ***/
#flow #main .flow{
	background: url(../../imgs/flow_icon_arrow.png) center bottom no-repeat;
	padding:0 0 50px;
	margin:0 0 30px;
}
#flow #main .flow.last{
	background: none;
	padding:0;
	margin:0 0 50px;
}
#flow #main .flow .section-cont{
	position:relative;
	border:#016935 1px solid;
	background: #F9FFFC;
	padding:50px 20px 20px;
}
#flow #main .flow .section-cont h3{
	position:absolute;
	left:-6px;
	top:-10px;
}
#flow #main .flow .section-cont p{
	font-size:1.083em;
}

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

実績紹介（#archive）

-----------------------------------------------------------------------------  ***/
#archive .section .img{
	float:left;
	width:200px;
}
#archive .section .text{
	float:right;
	width:510px;
}

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

よくあるご質問（#qa）

-----------------------------------------------------------------------------  ***/
#qa .section-cont{
	margin:0 0 30px;
}

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

セルデータダウンロード（#download）

-----------------------------------------------------------------------------  ***/
#download .section-cont{
	margin:0 0 30px;
}

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

ロボット用オーダー電池（#robot）

-----------------------------------------------------------------------------  ***/
#robot #main h1{
	background: url(../img/icon_h1.png) 10px center no-repeat #4EB7E4;
}
#robot .section-cont.bg{
	padding:0 150px 0 0;
	background: url(../../imgs/robot_img01.png) right top no-repeat;
}
#robot .section-cont.bg p{
	margin:0 0 20px;
}
#robot .section.example h4{
	border-left:#006C38 3px solid;
	border-bottom: #006C38 1px dashed;
	color:#006C38;
	font-size:1.25em;
	font-weight: bold;
	padding:0 5px 0 10px;
	margin:0 0 20px;
}
#robot .section.example .text{
	float:left;
	width:360px;
}
#robot .section.example .img{
	float:right;
	width:350px;
}

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

レース用オーダー電池（#race）

-----------------------------------------------------------------------------  ***/
#race #main h1{
	background: url(../img/icon_h1.png) 10px center no-repeat #EB4F29;
}
#race #main .section .bg{
	background: url(../../imgs/race_img01.png) right top no-repeat;
	padding:0 150px 0 0;
}
#race #main .section.example .section-cont{
	margin:0 0 50px;
	clear:both;
}
#race #main .section.example .section-cont .text{
	width:360px;
	float:left;
}
#race #main .section.example .section-cont .img{
	width:350px;
	float:right;
}
#race #main .section.example .section-cont ul {
	padding:25px 0 0;
	clear:both;
}
#race #main .section.example .section-cont ul li{
	margin:0 0 30px;
}
#race #main .section.example .section-cont table {
	width:100%;
	font-size:1.083em;
	border-right: #006C38 1px solid;
}
#race #main .section.example .section-cont table th{
	background: #006C38;
	padding:5px;
	text-align: center;
	color:#FFFFFF;
	font-weight: bold;
	border-right: #FFF 1px solid;
	border-left: #006C38 1px solid;
}
#race #main .section.example .section-cont table th.last{
	border-right: #006C38 1px solid;
}
#race #main .section.example .section-cont table td{
	padding:5px 0 5px 30px;
	border: #006C38 1px solid;
}

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

産業用途オーダー電池（#industrial）

-----------------------------------------------------------------------------  ***/
#industrial #main h1{
	background: url(../img/icon_h1.png) 10px center no-repeat #24B565;
}
#industrial #main .section .bg{
	background: url(../../imgs/industrial_img01.png) right top no-repeat;
	padding:0 150px 0 0;
	min-height:120px;
}
#industrial #main .section.example .section-cont{
	margin:0 0 50px;
	clear:both;
}
#industrial #main .section.example .section-cont .text{
	width:528px;
	float:left;
}
#industrial #main .section.example .section-cont .img{
	width:180px;
	float:right;
}
#industrial #main .section.example .section-cont .btn{
	font-size:1.083em;
	margin:-10px 0 25px;
}
#industrial #main .section.example .section-cont a{
	display:inline-block;
	border-radius:5px;
	color:#FFF;
	font-weight: bold;
	padding:3px 20px 3px 15px;
	background: url(../img/icon_arrow01_clear.png) right center no-repeat #016935;
}
#industrial #main .section.example .section-cont a:hover{
	text-decoration: none;
	background: url(../img/icon_arrow01_clear.png) right center no-repeat #014B26;
}

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

イベント音響設備・舞台用オーダー電池、テーマパークでの電源（#event）

-----------------------------------------------------------------------------  ***/
#event #main h1{
	background: url(../img/icon_h1.png) 10px center no-repeat #FFCC00;
	color:#333;
}
#event .section-cont.bg{
	padding:0 150px 0 0;
	background: url(../../imgs/event_img01.png) right top no-repeat;
	min-height: 116px;
}
#event .section.example .section-cont{
	margin:0 0 40px;
}
#event .section.example .text{
	float:left;
	width:350px;
}
#event .section.example .img{
	float:right;
	width:350px;
}

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

その他（#other）

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

#other .section.example .section-cont{
	margin:0 0 40px;
}
#other .section.example .text{
	float:left;
	width:350px;
	word-break:break-all;
}
#other .section.example .img{
	float:right;
	width:350px;
}

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

ドローン用オーダー電池（#drone）

-----------------------------------------------------------------------------  ***/
#drone #main h1{
	background: url(../img/icon_h1.png) 10px center no-repeat #60BF00;
}
#drone .section-cont.bg{
	padding:0 150px 0 0;
	background: url(../../imgs/drone_img01.png) right top no-repeat;
}
#drone .section-cont.bg p{
	margin:0 0 20px;
}
#drone .section.example h4{
	border-left:#006C38 3px solid;
	border-bottom: #006C38 1px dashed;
	color:#006C38;
	font-size:1.25em;
	font-weight: bold;
	padding:0 5px 0 10px;
	margin:0 0 20px;
}
#drone .section.example .text{
	float:left;
	width:360px;
}
#drone .section.example .img{
	float:right;
	width:350px;
}
#drone .blog-content table {
    border: 1px solid #016935;
    font-size: 1.083em;
    width: 100%;
}
#drone .blog-content table th {
    background: #016935 none repeat scroll 0 0;
    border-right: 1px solid #fff;
    color: #ffffff;
    font-weight: bold;
    padding: 5px 10px;
    text-align: center;
}
#drone .blog-content table td {
    border: 1px solid #016935;
    padding: 5px 10px;
}


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

会社概要（#corporate）

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

#corporate .section.outline .section-cont .text{
	float:left;
	width:400px;
}
#corporate .section.outline .section-cont .text table{
	font-size:1.167em;
	width:100%;
}
#corporate .section.outline .section-cont .text table th{
	width:85px;
	padding:5px 0;
	vertical-align: top;
}
#corporate .section.outline .section-cont .text table td{
	padding:5px 0;
}
#corporate .section.outline .section-cont .img{
	float:right;
	width:296px;
}

#corporate .section.work .section-cont {
	margin:0 0 30px;
}
#corporate .section.work .section-cont .img{
	float: left;
	width:200px;
}
#corporate .section.work .section-cont .text{
	float: right;
	width:500px;
}
#corporate .section.policy .section-cont ul {
	margin:0 0 20px;
}
#corporate .section.policy .section-cont ul li{
	padding:0 0 0 30px;
	margin:0 0 10px;
	line-height:1.8;
	font-size:1.5em;
	background: url(../img/icon_dot.png) 15px 0.6em no-repeat;
}
#corporate .section.policy .section-cont ul li .red{
	color:#FF0000;
}
#corporate .section.policy .section-cont .attention{
	font-size:1em;
}
#corporate .section.policy .section-cont .attention .mark{
	color:#F00;
}
#corporate .section.greeting .section-cont .text{
	float:left;
	width:500px;
}
#corporate .section.greeting .section-cont .text .name{
	text-align: right;
	font-size:1.5em;
}
#corporate .section.greeting .section-cont .img{
	float:right;
	width: 200px;
}
#corporate .section.access dl{
	padding:20px 0 0;
	font-size:1.333em;
}
#corporate .section.access dl dt{
	float:left;
	width:100px;
	padding:5px 0 5px 30px;
	background: url(../img/icon_dot.png) 10px center no-repeat;
	clear:both;
}
#corporate .section.access dl dd{
	width:600px;
	float:left;
	padding:5px 0 ;
}

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

その他（#other）

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

#other #main .btn{
	font-size:1.083em;
	margin:-10px 0 0;
}
#other #main .btn a{
	display:inline-block;
	border-radius:5px;
	color:#FFF;
	font-weight: bold;
	padding:3px 20px 3px 15px;
	background: url(../img/icon_arrow01_clear.png) right center no-repeat #016935;
}
#other #main .btn a:hover{
	text-decoration: none;
	background: url(../img/icon_arrow01_clear.png) right center no-repeat #014B26;
}

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

お問い合わせフォーム（#inquiry）

-----------------------------------------------------------------------------  ***/
#inquiry #main .section .red{
	color:#FF0000;
}
#inquiry #main .section a{
	color:#006C38;
	text-decoration: underline;
}
#inquiry #main .section a:hover{
	color:#006C38;
	text-decoration: none;
}
#inquiry #main .section .explanation p{
	margin:0 0 1em;
}
#inquiry #main .section .input-area{
	border:#CCCCCC 1px solid;
	padding:20px;
	margin:0 0 20px;
	font-size:1.25em;
}
#inquiry #main .section .input-area dl dt{
	float:left;
	clear:both;
	width:160px;
	padding:15px 15px;
	border-top:#CCC 1px dotted;
}
#inquiry #main .section .input-area dl dd{
	width:468px;
	float:right;
	padding:15px 15px;
	border-top:#CCC 1px dotted;
}
#inquiry #main .section .input-area dl dt.first,
#inquiry #main .section .input-area dl dd.first{
	border-top:none;
}
#inquiry #main .section .input-area dl dd input{
	width:380px;
	margin:0 10px 0 0;
}
#inquiry #main .section .input-area dl dd .example{
	color:#666666;
	font-size:0.917em;
}
#inquiry #main .section .input-area dl dd textarea{
	width:400px;
	height:160px;
}
#inquiry #main .section .input-area dl dd.address .zip input{
	margin:0 10px 10px;
	width:80px;
}
#inquiry #main .section .input-area dl dd.address select{
	margin:0 0 10px;
}
#inquiry #main .section .input-area dl dd.address .example{
	margin:0 0 10px;
	display:inline-block;
}

#inquiry #main .button {
	text-align: center;
}
#inquiry #main .button li {
	display: inline;
	margin: 0 5px 0 15px;
}
#inquiry #main .button li input{
     outline:none;
     border:none;
     cursor:pointer;
     width:163px;
     height:56px;
     text-indent:-9999px;
}
#inquiry #main .button li input.wpcf7c-btn-confirm{
     background: url(/imgs/btn_confirm_off.png) no-repeat;
}
#inquiry #main .button li input.wpcf7c-btn-confirm:hover{
     background: url(/imgs/btn_confirm_on.png) no-repeat;
     cursor:pointer;
}
#inquiry #main .button li input.wpcf7-submit{
     background: url(/imgs/btn_send_off.png) no-repeat;
}
#inquiry #main .button li input.wpcf7-submit:hover{
     background: url(/imgs/btn_send_on.png) no-repeat;
     cursor:pointer;
}
#inquiry #main .button li input.wpcf7c-btn-back{
     background: url(/imgs/btn_back_off.png) no-repeat;
}
#inquiry #main .button li input.wpcf7c-btn-back:hover{
     background: url(/imgs/btn_back_on.png) no-repeat;
     cursor:pointer;
}

#inquiry #main .button li img {
	vertical-align:top;
}
#inquiry #main .section .addr {
	display:inline-block;
	margin:0 0 10px;
}