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


/*   dairen
**********************/
.nextPage.dairenPage .mainvisual{
	background: url(../images/dairen/bg_mainvisual.jpg) no-repeat center center;
	background-size: cover;
}
.dairenPage hr.line{
	max-width: 800px;
	margin: 60px auto;
	background: #ccc;
}
.dairenPage h3{
	font-size: 180%;
	font-weight: bold;
	margin: 0 0 30px 0;
    line-height: 1.4;
}
.dairenPage h3.underline{
    display: inline-block;
    border-bottom: #039dde solid 3px;
}
.dairenPage h4{
	font-size: 150%;
	font-weight: bold;
	margin: 0 0 20px 0;
}
.dairenPage h5{
	font-size: 120%;
	font-weight: bold;
	margin: 0 0 15px 0;
}
.dairenPage .info{
    text-align: center;
}
.dairenPage .info p span{
    display: block;
}
.dairenPage .Box01 .leftBox{
	width: 390px;
	float: left;
	padding: 60px 0 0 0;
}
.dairenPage .Box01 .rightBox{
	width: 560px;
	float: right;
}
.dairenPage .Box02 .leftBox{
	width: 560px;
	float: left;
}
.dairenPage .Box02 .rightBox{
	width: 390px;
	float: right;
	padding: 60px 0 0 0;
}
.dairenPage .Box03 .leftBox{
	width: 390px;
	float: left;
	padding: 60px 0 0 0;
}
.dairenPage .Box03 .rightBox{
	width: 560px;
	float: right;
}
.dairenPage .representative{
    text-align: center;
}
.dairenPage .representative .leftBox{
	width: 680px;
	float: left;
    text-align: left;
}
.dairenPage .representative .leftBox p{
    margin: 20px 0 0 0;
}
.dairenPage .representative .rightBox{
	width: 270px;
	float: right;
}
.dairenPage .accounting .leftBox{
	width: 290px;
	float: left;
}
.dairenPage .accounting .rightBox{
	width: 680px;
	float: right;
}
.dairenPage .accounting .rightBox p{
    margin: 20px 0 0 0;
}
.dairenPage .item{
    text-align: center;
}
.dairenPage .itemArea{
    margin: 0 0 0 -20px;
}
.dairenPage .itemArea p{
    width: 180px;
    float: left;
    margin: 20px 0 0 20px;
}
.dairenPage .itemArea p span{
    display: block;
    margin: 5px 0 0 0;
}
.dairenPage .company{
    text-align: center;
}
.dairenPage .company .companyArea .leftBox{
	width: 378px;
	float: left;
}
.dairenPage .company .companyArea .rightBox{
	width: 590px;
	float: right;
}
.dairenPage .company .companyArea .rightBox table {
	border-collapse: collapse;
	width: 100%;
	table-layout: fixed;
	border-top: solid 1px #999;
	border-bottom: solid 1px #999;
	margin: 0 0 40px 0;
	font-size: 84%;
}
.dairenPage .company .companyArea .rightBox table tr{
	border-bottom: dotted 1px #999;
}
.dairenPage .company .companyArea .rightBox table th,
.dairenPage .company .companyArea .rightBox table td {
	padding: 12px 20px;
    text-align: left;
    vertical-align: middle;
	word-wrap:break-word;
}
.dairenPage .company .companyArea .rightBox table th {
    background: #f2fafd;
	width: 20%;
}

@media (max-width: 1024px) {
.dairenPage .Box01 .leftBox{
	width: 100%;
	float: none;
	padding: 30px 0 0 0;
}
.dairenPage .Box01 .rightBox{
	width: 100%;
	float: none;
    text-align: center;
}
.dairenPage .Box02 .leftBox{
	width: 100%;
	float: none;
    text-align: center;
}
.dairenPage .Box02 .rightBox{
	width: 100%;
	float: none;
	padding: 30px 0 0 0;
}
.dairenPage .Box03 .leftBox{
	width: 100%;
	float: none;
	padding: 30px 0 0 0;
}
.dairenPage .Box03 .rightBox{
	width: 100%;
	float: none;
    text-align: center;
}
.dairenPage .representative .leftBox{
	width: 100%;
	float: none;
    margin: 30px 0 0 0;
}
.dairenPage .representative .rightBox{
	width: 100%;
	float: none;
    text-align: center;
}
.dairenPage .accounting .leftBox{
	width: 100%;
	float: none;
    text-align: center;
}
.dairenPage .accounting .rightBox{
	width: 100%;
	float: none;
    margin: 30px 0 0 0;
}
.dairenPage .company .companyArea .leftBox{
	width: 100%;
	float: none;
    text-align: center;
}
.dairenPage .company .companyArea .rightBox{
	width: 100%;
	float: none;
    margin: 30px 0 0 0;
}
}

@media (max-width: 768px) {
.dairenPage hr.line{
	margin: 40px auto;
}
.dairenPage h3{
	font-size: 150%;
}
.dairenPage h4{
	font-size: 134%;
    text-align: center;
}
.dairenPage h5{
	font-size: 114%;
}
.dairenPage .info p span {
    display: inline;
}
.dairenPage .Box01 .leftBox{
	width: 100%;
	float: none;
	padding: 30px 0 0 0;
}
.dairenPage .Box01 .rightBox{
	width: 100%;
	float: none;
}
.dairenPage .Box02 .leftBox{
	width: 100%;
	float: none;
}
.dairenPage .Box02 .rightBox{
	width: 100%;
	float: none;
	padding: 30px 0 0 0;
}
.dairenPage .Box03 .leftBox{
	width: 100%;
	float: none;
	padding: 30px 0 0 0;
}
.dairenPage .Box03 .rightBox{
	width: 100%;
	float: none;
}
.dairenPage .representative .leftBox{
	width: 100%;
	float: none;
    margin: 30px 0 0 0;
}
.dairenPage .representative .leftBox p{
    margin: 20px 0 0 0;
}
.dairenPage .representative .rightBox{
	width: 100%;
	float: none;
    text-align: center;
}
.dairenPage .accounting .leftBox{
	width: 100%;
	float: none;
    text-align: center;
}
.dairenPage .accounting .rightBox{
	width: 100%;
	float: none;
    margin: 30px 0 0 0;
}
.dairenPage .itemArea{
    margin: 0 0 0 -2%px;
}
.dairenPage .itemArea p{
    width: 48%;
    margin: 15px 0 0 2%;
}
.dairenPage .company .companyArea .leftBox{
	width: 100%;
	float: none;
}
.dairenPage .company .companyArea .rightBox{
	width: 100%;
	float: none;
    margin: 30px 0 0 0;
}
.dairenPage .company .companyArea .rightBox table th,
.dairenPage .company .companyArea .rightBox table td {
	padding: 10px 2%;
	display: block;
}
.dairenPage .company .companyArea .rightBox table th {
	width: 98%;
}
}


/*   contact
**********************/
.contactPage .container{
	max-width: 800px;
	text-align: center;
}
.contactPage h3{
	font-size: 180%;
	font-weight: bold;
	margin: 0 0 30px 0;
}
.contactPage h3{
	font-size: 180%;
	font-weight: bold;
	margin: 0 0 30px 0;
}
.contactPage hr.line{
	max-width: 800px;
	background: #ccc;
	margin: 50px auto;
}
.contactPage p.caution{
	font-size: 88%;
	margin: 10px 0 0 0;
}
.contactPage p.caution span{
	color: #599ddc;
}
.contactPage .tel{
	margin: 40px 0 0 0;
	text-align: center;
}
.contactPage .tel .leftBox{
	float: left;
    width:  390px;
}
.contactPage .tel .rightBox{
	float: right;
    width:  390px;
}
.contactPage .tel .leftBox h4,
.contactPage .tel .rightBox h4{
	font-size: 84%;
}
.contactPage .tel .leftBox h4 span,
.contactPage .tel .rightBox h4 span{
	font-size: 120%;
	color: #009dde;
}
.contactPage .tel .leftBox p.telnumber,
.contactPage .tel .rightBox p.telnumber{
	font-size: 220%;
    line-height: 1.2;
	font-weight: bold;
}
.en .contactPage .tel .leftBox p.telnumber,
.en .contactPage .tel .rightBox p.telnumber{
	font-size: 180%;
}
.contactPage .tel .leftBox p.faxnumber,
.contactPage .tel .rightBox p.faxnumber{
	font-size: 120%;
	font-weight: bold;
}
.contactPage table {
	border-collapse: collapse;
	width: 100%;
	table-layout: fixed;
	margin: 40px 0 0 0;
}
.contactPage table th,
.contactPage table td {
	padding: 0 0 20px 0;
    text-align: left;
    vertical-align: top;
	word-wrap:break-word;
}
.contactPage table th {
	width: 25%;
	text-align: right;
	padding: 3px 20px 20px 0;
}
.contactPage table th.not{
	padding: 0 40px 20px 0;
}
.contactPage table th span{
	color: #599ddc;
	font-size: 88%;
	padding: 0 0 0 5px;
}
.contactPage table td span{
	font-size: 88%;
}
.contactPage table td span a{
	color: #009dde;
}
.contactPage table td input[type="text"], 
.contactPage table td input[type="email"], 
.contactPage table td textarea{
	padding: 1%;
	width: 98%;
	border: none;
	background: #e9f6ff;
}
.contactPage table td input[type="text"].number{
	width: 20%;
}
.contactPage .button{
	width: 320px;
	margin: 15px auto 0 auto;
}
.contactPage .button input{
	display: block;
	width: 100%;
	color: #009dde;
	padding: 10px 0 7px 0;
	text-align: center;
	font-weight: bold;
	border: #009dde solid 1px;
	background: #fff;
	text-decoration: none;
	-webkit-transition: 0.7s ease-in-out; 
    -moz-transition: 0.7s ease-in-out; 
    -o-transition: 0.7s ease-in-out; 
    transition: 0.7s ease-in-out;
}
.contactPage .button input:hover{
	color: #fff;
	background: #009dde;
}

@media (max-width: 1024px) {
.contactPage .tel .leftBox{
    width:  48%;
}
.contactPage .tel .rightBox{
    width:  48%;
}
}

@media (max-width: 768px) {
.contactPage h3{
	font-size: 150%;
}
.contactPage hr.line{
	margin: 40px auto;
}
.contactPage .tel{
	margin: 40px 0 0 0;
	text-align: center;
}
.contactPage .tel .leftBox{
	float: none;
    width: 100%;
}
.contactPage .tel .rightBox{
	float: none;
    width: 100%;
	margin: 25px 0 0 0;
}
.contactPage .tel .leftBox p.telnumber,
.contactPage .tel .rightBox p.telnumber{
	font-size: 200%;
}
.cn .contactPage .tel .leftBox p.telnumber,
.cn .contactPage .tel .rightBox p.telnumber{
	font-size: 160%;
}
.contactPage table {
	margin: 30px 0 0 0;
}
.contactPage table th,
.contactPage table td {
	padding: 8px 0 0 0;
	display: block;
}
.contactPage table th {
	width: 100%;
	text-align: left;
	padding: 15px 0 0 0;
}
.contactPage table th.not{
	padding: 15px 0 0 0;
}
.contactPage .button{
	width: 300px;
	margin: 15px auto 0 auto;
}
}


/*   news
**********************/
.newsPage .container{
	max-width: 800px;
}
.newsPage h3{
	font-size: 180%;
	font-weight: bold;
	margin: 0 0 30px 0;
	text-align: center;
}
.newsPage dl.list{
	margin: 40px 0 0 0;
	border-top: #767575 solid 1px;
}
.newsPage dl.list dt{
	clear: left;
	float: left;
	width: 180px;
    text-align: center;
	color: #767576;
    padding: 20px 0;
}
.newsPage dl.list dd{
	padding: 0 0 0 180px;
	border-bottom: #767575 solid 1px;
    text-align: left;
}
.newsPage dl.list a{
	display: block;
	padding: 20px 0;
}
.newsPage .wp-pagenavi{
	margin: 40px 0 0 0;
	text-align: center;
}
.newsPage .wp-pagenavi span.pages{
	display: none;
}
.newsPage .wp-pagenavi a{
	color: #009dde;
    background: #fff;
	border: #009dde solid 1px;
    width: 32px;
    height: 32px;
	padding: 0;
    text-align: center;
	line-height: 32px;
    text-decoration: none;
    display: inline-block;
}
.newsPage .wp-pagenavi a:hover,
.newsPage .wp-pagenavi span.current{
	color: #fff;
    background: #009dde;
    width: 32px;
    height: 32px;
	padding: 0;
    text-align: center;
	line-height: 32px;
    display: inline-block;
	border: #009dde solid 1px;
}
.newsPage hr.line{
	max-width: 800px;
	background: #ccc;
}
.newsPage dl.title{
	border-top: #767575 solid 1px;
	border-bottom: #767575 solid 1px;
	text-align: left;
	padding: 20px 0;
}
.newsPage dl.title dt{
	clear: left;
	float: left;
	width: 180px;
    text-align: center;
	color: #767576;
}
.newsPage dl.title dd{
	padding: 0 0 0 180px;
    text-align: left;
}
.newsPage .wp_Content{
	padding: 40px 0;
}
@media (max-width: 768px) {
.newsPage .container{
	max-width: 800px;
}
.newsPage h3{
	font-size: 150%;
}
.newsPage dl.list dt{
	clear: left;
	float: none;
	width: 180px;
    text-align: left;
    padding: 15px 0 0 0;
}
.newsPage dl.list dd{
	padding: 0;
	border-bottom: #767575 solid 1px;
    text-align: left;
}
.newsPage dl.list a{
	display: block;
	padding: 5px 0 15px 0;
}
.newsPage h2{
	font-size: 150%;
	font-weight: bold;
	line-height: 1.5;
}
.newsPage h2 span.time{
	padding: 0;
	display: block;
	font-size: 64%;
	font-weight: normal;
}
.newsPage .wp_Content{
	padding: 30px 0;
}
}


/*   history
**********************/
.nextPage.recruitPage .mainvisual{
	background: url(../images/recruit/top/bg_mainvisual.jpg) no-repeat center center;
	background-size: cover;
	text-align: left;
}
.recruitPage{
	text-align: center;
}
.recruitPage h3{
	font-size: 180%;
	font-weight: bold;
	margin: 0 0 20px 0;
}
.recruitPage .container{
	max-width: 800px;
}
.recruitPage .button{
	width: 180px;
	margin: 40px auto;
}
.recruitPage .button a{
	display: block;
	color: #009dde;
	padding: 10px 0 7px 0;
	text-align: center;
	font-weight: bold;
	border: #009dde solid 1px;
	background: #fff;
	text-decoration: none;
	-webkit-transition: 0.7s ease-in-out; 
    -moz-transition: 0.7s ease-in-out; 
    -o-transition: 0.7s ease-in-out; 
    transition: 0.7s ease-in-out;
}
.recruitPage .button a:hover{
	color: #fff;
	background: #009dde;
}
.recruitPage table {
	border-collapse: collapse;
	width: 100%;
	table-layout: fixed;
	border-top: solid 1px #999;
	border-bottom: solid 1px #999;
}
.recruitPage table tr{
	border-bottom: solid 1px #999;
}
.recruitPage table th,
.recruitPage table td {
	padding: 15px 20px;
    text-align: left;
    vertical-align: middle;
	word-wrap:break-word;
}
.recruitPage table th {
    background: #f2fafd;
	width: 20%;
}
@media (max-width: 768px) {
.recruitPage h3{
	font-size: 150%;
}
.recruitPage table th,
.recruitPage table td {
	padding: 10px 2%;
	width: 96%;
	display: block;
}
.recruitPage table th {
    width: 96%;
}
}


/*   voice
**********************/
.nextPage.voicePage .mainvisual{
	background: url(../images/recruit/voice/bg_mainvisual.jpg) no-repeat center center;
	background-size: cover;
	text-align: left;
}
.voicePage{
	text-align: center;
}
.voicePage .Box01{
	background: url(../images/recruit/voice/bg_001.png) no-repeat center center;
	background-size: cover;
	margin: 0 0 30px 0;
}
.voicePage .Box01 .leftBox{
	width: 100%;
    float: left;
    margin: 0 -406px 0 0;
    padding: 20px 406px 0 30px;
    text-align: left;
    box-sizing: border-box;
}
.voicePage .Box01 .rightBox{
	float: right;
	margin: 0 20px 0 0;
	padding: 15px 0 0 0;
}
.voicePage .Box02{
	background: url(../images/recruit/voice/bg_002.png) no-repeat center center;
	background-size: cover;
	margin: 0 0 30px 0;
}
.voicePage .Box02 .leftBox{
	float: left;
	margin: 0 0 0 20px;
	padding: 15px 0 0 0;
}
.voicePage .Box02 .rightBox{
	width: 100%;
	float: right;
	margin: 0 0 0 -406px;
    padding: 20px 30px 0 406px;
    text-align: left;
    box-sizing: border-box;
}
.voicePage .Box01 .leftBox .title h3,
.voicePage .Box02 .rightBox .title h3{
	font-size: 160%;
	font-weight: bold;
	float: left;
}
.en .voicePage .Box01 .leftBox .title h3,
.en .voicePage .Box02 .rightBox .title h3{
	font-size: 134%;
}
.voicePage .Box01 .leftBox .title p,
.voicePage .Box02 .rightBox .title p{
	float: left;
	margin: 0 0 0 20px;
	line-height: 1.4;
}
.voicePage .Box01 .leftBox h4,
.voicePage .Box02 .rightBox h4{
	font-size: 134%;
	font-weight: bold;
	margin: 10px 0;
}
.en .voicePage .Box01 .leftBox h4,
.en .voicePage .Box02 .rightBox h4{
	font-size: 114%;
    line-height:  1.4;
}
.voicePage .Box01 .leftBox p,
.voicePage .Box02 .rightBox p{
	font-size: 94%;
}
.en .voicePage .Box01 .leftBox p,
.en .voicePage .Box02 .rightBox p{
    font-size: 90%;
    line-height:  1.4;
}
@media (max-width: 768px) {
.voicePage .Box01{
	background: url(../images/recruit/voice/bg_001.png) no-repeat right top, #d9eff8;
	height: auto;
}
.voicePage .Box01 .leftBox{
	width: 94%;
    float: none;
    margin: 0 auto;
    padding: 0 0 20px 0;
}
.voicePage .Box01 .rightBox{
	width: 100%;
	float: none;
	text-align: center;
	margin: 0 0 20px 0;
	padding: 15px 0 0 0;
}
.voicePage .Box02{
	background: url(../images/recruit/voice/bg_002.png) no-repeat left top, #fffcd2;
	height: auto;
}
.voicePage .Box02 .leftBox{
	width: 100%;
	float: none;
	text-align: center;
	margin: 0 0 20px 0;
	padding: 15px 0 0 0;
}
.voicePage .Box02 .rightBox{
	width: 94%;
    float: none;
    margin: 0 auto;
    padding: 0 0 20px 0;
}
.voicePage .Box01 .leftBox .title h3,
.voicePage .Box02 .rightBox .title h3{
	font-size: 150%;
	float: none;
}
.voicePage .Box01 .leftBox .title p,
.voicePage .Box02 .rightBox .title p{
	float: none;
	margin: 0;
}
.voicePage .Box01 .leftBox h4,
.voicePage .Box02 .rightBox h4{
	font-size: 120%;
	margin: 10px 0;
}
}


/*   company
**********************/
.nextPage.companyPage .mainvisual{
	background: url(../images/company/top/bg_mainvisual.jpg) no-repeat center center;
	background-size: cover;
	text-align: left;
}
.companyPage hr.line{
	max-width: 800px;
	margin: 60px auto;
	background: #ccc;
}
.companyPage{
	text-align: center;
}
.companyPage h3{
	font-size: 180%;
	font-weight: bold;
	margin: 0 0 30px 0;
	text-align: left;
}
.companyPage h3 span,
.companyPage p span{
	display: block;
}
.companyPage p{
	text-align: left;
	line-height: 1.9;
}
.companyPage .container{
	max-width: 800px;
}
.companyPage .text{
	overflow: hidden;
}
.companyPage .space {
	float: right;
	height: 120px;
}
.companyPage .text p.img{
	float: right;
	clear: both;
	margin: 20px 0 0 20px;
}
@media (max-width: 768px) {
.companyPage hr.line{
	margin: 40px auto;
}
.companyPage h3{
	font-size: 150%;
	text-align: center;
}
.companyPage h3 span,
.companyPage p span{
	display: inline;
}
.companyPage .space {
	display: none;
}
.companyPage p span.name{
	display: block;
	text-align: right;
}
.companyPage .text p.img{
	float: none;
	clear: both;
	margin: 20px auto;
	text-align: center;
}
}


/*   history
**********************/
.nextPage.historyPage .mainvisual{
	background: url(../images/company/history/bg_mainvisual.jpg) no-repeat center center;
	background-size: cover;
	text-align: left;
}
.historyPage{
	text-align: center;
}
.historyPage h3{
	font-size: 180%;
	font-weight: bold;
	margin: 0 0 20px 0;
	text-align: left;
}
.historyPage .container{
	max-width: 800px;
}
.historyPage table {
	border-collapse: collapse;
	width: 100%;
	table-layout: fixed;
	border-top: solid 1px #999;
	border-bottom: solid 1px #999;
	margin: 0 0 40px 0;
	font-size: 84%;
}
.historyPage table tr{
	border-bottom: solid 1px #999;
}
.historyPage table th,
.historyPage table td {
	padding: 15px 20px;
    text-align: left;
    vertical-align: middle;
	word-wrap:break-word;
}
.historyPage table th {
    background: #f2fafd;
	width: 18%;
}
.historyPage .photo{
	margin: 0 0 40px 0;
}
.historyPage .photo .googlemap{
	width: 380px;
	float: left;
}
.historyPage .photo .googlemap iframe{
	width: 380px;
	height: 280px;
}
.historyPage .photo .img{
	width: 380px;
	float: right;
}
@media (max-width: 768px) {
.historyPage h3{
	font-size: 150%;
    text-align:  center;
}
.historyPage table th,
.historyPage table td {
	padding: 10px 2%;
	display: block;
}
.historyPage table th {
	width: 98%;
}
.historyPage .photo{
	margin: 0 0 30px 0;
}
.historyPage .photo .googlemap{
	width:100%;
	float: none;
}
.historyPage .photo .googlemap iframe{
	width:100%;
	height: 250px;
}
.historyPage .photo .img{
	width:100%;
	float: none;
	margin: 25px 0 0 0;
}
}


/*   equipment
**********************/
.nextPage.equipmentPage .mainvisual{
	background: url(../images/company/equipment/bg_mainvisual.jpg) no-repeat center center;
	background-size: cover;
	text-align: left;
}
.equipmentPage{
	text-align: center;
}
.equipmentPage h3{
	font-size: 180%;
	font-weight: bold;
	margin: 0 0 20px 0;
	display: inline-block;
    border-bottom: #039dde solid 3px;
}
.equipmentPage table {
	border-collapse: collapse;
	width: 100%;
	max-width: 800px;
	table-layout: fixed;
	border-top: solid 1px #999;
	border-bottom: solid 1px #999;
	margin: 40px auto;
}
.equipmentPage table tr{
	border-bottom: solid 1px #999;
}
.equipmentPage table th,
.equipmentPage table td {
	padding: 25px;
    vertical-align: middle;
	word-wrap:break-word;
	border-right: solid 1px #999;
}
.equipmentPage table td:last-child {
	border-right: none;
}
.equipmentPage table th {
	width: 28%;
	text-align: left;
}
.equipmentPage .photo{
	margin: 0 0 0 -20px;
}
.equipmentPage .photo p{
	width: 490px;
	float: left;
	margin: 0 0 20px 20px;
}
@media (max-width: 768px) {
.equipmentPage h3{
	font-size: 150%;
}
.equipmentPage table tr{
	border-bottom: solid 1px #999;
}
.equipmentPage table th,
.equipmentPage table td {
	padding: 20px 2%;
	width: 46%;
}
.equipmentPage table th {
	width: 46%;
}
.equipmentPage .photo{
	margin: 0 0 0 -2%;
}
.equipmentPage .photo p{
	width: 48%;
	float: left;
	margin: 0 0 2% 2%;
}
}


/*   initiatives
**********************/
.nextPage.initiativesPage .mainvisual{
	background: url(../images/company/initiatives/bg_mainvisual.jpg) no-repeat center center;
	background-size: cover;
	text-align: left;
}
.initiativesPage{
	text-align: center;
}
.initiativesPage h3{
	font-size: 180%;
	font-weight: bold;
	margin: 0 0 40px 0;
	text-align: left;
}
.initiativesPage h4{
	font-size: 150%;
	font-weight: bold;
	margin: 0 0 20px 0;
	text-align: left;
}
.initiativesPage h4 span{
	display: block;
}
.initiativesPage .container{
	max-width: 800px;
}
.initiativesPage p,
.initiativesPage .iso{
	text-align: left;
}
.initiativesPage .iso p.img{
	float: right;
	margin: 0 0 0 30px;
}
.initiativesPage .photo{
	margin: 40px 0 40px -40px;
}
.initiativesPage .photo p{
	width: 380px;
	float: left;
	margin: 0 0 0 40px;
}
@media (max-width: 768px) {
.initiativesPage h3{
	font-size: 150%;
	margin: 0 0 30px 0;
	text-align: center;
}
.initiativesPage h4{
	font-size: 134%;
    text-align: center;
}
.initiativesPage h4 span{
	display: inline;
}
.initiativesPage .iso p.img{
	float: none;
	text-align: center;
	margin: 0 0 20px 0;
}
.initiativesPage .photo{
	margin: 40px 0 40px -2%;
}
.initiativesPage .photo p{
	width: 48%;
	float: left;
	margin: 0 0 0 2%;
}
}


/*   business
**********************/
.nextPage.businessPage .mainvisual{
	background: url(../images/business/top/bg_mainvisual.jpg) no-repeat center center;
	background-size: cover;
	text-align: left;
}
.businessPage hr.line{
	max-width: 800px;
	margin: 60px auto;
	background: #ccc;
}
.businessPage{
	text-align: center;
}
.businessPage h3{
	font-size: 180%;
	font-weight: bold;
	margin: 0 0 30px 0;
}
.businessPage h3 span,
.businessPage p span{
	display: block;
}
.businessPage .banner{
	margin: 50px 0 0 -35px;
}
.businessPage .banner .Box{
	width: 310px;
	padding: 45px 0 65px 0;
	margin: 0 0 0 35px;
	float: left;
	text-align: center;
	color: #fff;
}
.businessPage .banner .Box h3{
	font-size: 142%;
	font-weight: bold;
	line-height: 1.2;
	margin: 0;
}
.businessPage .banner .Box h4{
	display: inline-block;
	font-size: 94%;
	margin: 0 0 15px 0;
	padding: 0 0 5px 0;
	border-bottom: #fff solid 1px;
}
.businessPage .banner .Box .button{
	width: 150px;
	margin: 20px auto 0 auto;
}
.businessPage .banner .Box .button a{
	display: block;
	color: #fff;
	padding: 10px 0 7px 0;
	text-align: center;
	border: #fff solid 1px;
	text-decoration: none;
	-webkit-transition: 0.7s ease-in-out; 
    -moz-transition: 0.7s ease-in-out; 
    -o-transition: 0.7s ease-in-out; 
    transition: 0.7s ease-in-out;
}
.businessPage .banner .Box .button a:hover{
	color: #009dde;
	background: #fff;
}
.businessPage .banner .Box.hydraulic{
	background: url(../images/business/top/bg_hydraulic.jpg) no-repeat center center;
	background-size: cover;
}
.businessPage .banner .Box.water{
	background: url(../images/business/top/bg_water.jpg) no-repeat center center;
	background-size: cover;
}
.businessPage .banner .Box.industrial{
	background: url(../images/business/top/bg_industrial.jpg) no-repeat center center;
	background-size: cover;
}
.businessPage .Box01 .leftBox{
	width: 560px;
	float: left;
}
.businessPage .Box01 .rightBox{
	width: 390px;
	float: right;
	padding: 80px 0 0 0;
	text-align: left;
}
.en .businessPage .Box01 .rightBox{
	padding: 0;
}
.businessPage .Box02 .leftBox{
	width: 390px;
	float: left;
	padding: 80px 0 0 0;
	text-align: left;
}
.en .businessPage .Box02 .leftBox{
	padding: 0;
}
.businessPage .Box02 .rightBox{
	width: 560px;
	float: right;
}

@media (max-width: 1024px) {
.businessPage .banner{
	margin: 50px 0 0 -3%;
}
.businessPage .banner .Box{
	width: 30.33333%;
	margin: 0 0 0 3%;
}
.businessPage .Box01 .leftBox{
	width: 50%;
	float: left;
}
.businessPage .Box01 .rightBox{
	width: 46%;
	padding: 20px 0 0 0;
}
.businessPage .Box02 .leftBox{
	width: 46%;
	padding: 20px 0 0 0;
}
.businessPage .Box02 .rightBox{
	width: 50%;
}
}

@media (max-width: 768px) {
.businessPage hr.line{
	margin: 40px auto;
}
.businessPage h3{
	font-size: 150%;
	text-align: center;
}
.businessPage h3 span,
.businessPage p span{
	display: inline;
}
.businessPage .banner{
	margin: 40px 0 0 0;
}
.businessPage .banner .Box{
	width: 100%;
	padding: 50px 0;
	margin: 0;
	float: none;
}
.businessPage .banner .Box h3{
	font-size: 150%;
	font-weight: bold;
	line-height: 1.2;
	margin: 0;
}
.businessPage .banner .Box h4{
	display: inline-block;
	font-size: 94%;
	margin: 0 0 15px 0;
	padding: 0 0 5px 0;
	border-bottom: #fff solid 1px;
}
.businessPage .banner .Box .button{
	width: 150px;
	margin: 20px auto 0 auto;
}
.businessPage .Box01 .leftBox{
	width: 100%;
	float: none;
}
.businessPage .Box01 .rightBox{
	width: 100%;
	float: none;
	padding: 30px 0 0 0;
}
.en .businessPage .Box01 .rightBox{
	padding: 30px 0 0 0;
}
.businessPage .Box02 .leftBox{
	width: 100%;
	float: none;
	padding: 30px 0 0 0;
}
.en .businessPage .Box02 .rightBox{
	padding: 30px 0 0 0;
}
.businessPage .Box02 .rightBox{
	width: 100%;
	float: none;
}
}


/*   hydraulic
**********************/
.nextPage.hydraulicPage .mainvisual{
	background: url(../images/business/hydraulic/bg_mainvisual.jpg) no-repeat center center;
	background-size: cover;
	text-align: left;
}
.hydraulicPage hr.line{
	max-width: 800px;
	margin: 60px auto;
	background: #ccc;
}
.hydraulicPage{
	text-align: center;
}
.hydraulicPage h3{
	font-size: 180%;
	font-weight: bold;
	margin: 0 0 20px 0;
}
.hydraulicPage h3 span,
.hydraulicPage p span{
	display: block;
}
.hydraulicPage p.img{
	margin: 80px 0;
}
.hydraulicPage .item h3{
	display: inline-block;
	border-bottom: #039dde solid 3px;
}
.hydraulicPage .item h4{
	font-size: 134%;
	font-weight: bold;
	margin: 0 0 10px 0;
}
.hydraulicPage .itemPhoto{
	margin: 30px 0 0 -13px;
}	
.hydraulicPage .itemPhoto p{
	width: 240px;
	float: left;
	margin: 0 0 20px 13px;
}
.hydraulicPage .itemPhoto p span{
	font-size: 84%;
	margin: 5px 0 0 0;
    display: block;
}
.hydraulicPage p.center{
	margin: 40px 0 0 0;
}
.hydraulicPage .photo{
	margin: 30px 0 0 -26px;
}	
.hydraulicPage .photo p{
	width: 230px;
	float: left;
	margin: 0 0 0 26px;
}

@media (max-width: 1024px) {
.hydraulicPage .itemPhoto{
	margin: 30px 0 0 -2%;
}	
.hydraulicPage .itemPhoto p{
	width: 31.33333%;
	margin: 0 0 20px 2%;
    text-align: center;
}
.hydraulicPage .photo{
	margin: 30px 0 0 -2%;
}	
.hydraulicPage .photo p{
	width: 31.33333%;
	margin: 0 0 20px 2%;
    text-align: center;
}	
}

@media (max-width: 768px) {
.hydraulicPage hr.line{
	margin: 40px auto;
}
.hydraulicPage h3{
	font-size: 150%;
	text-align: center;
}
.hydraulicPage h3 span,
.hydraulicPage p span{
	display: inline;
}
.hydraulicPage p.img{
	margin: 40px 0;
}
.hydraulicPage .item h3{
	display: inline-block;
	border-bottom: #039dde solid 3px;
}
.hydraulicPage .item h4{
	font-size: 134%;
	font-weight: bold;
	margin: 0 0 10px 0;
}
.hydraulicPage .itemPhoto{
	margin: 30px 0 0 -2%;
}	
.hydraulicPage .itemPhoto p{
	width: 48%;
	float: left;
	margin: 0 0 20px 2%;
}
.hydraulicPage .itemPhoto p span{
	font-size: 76%;
}
.hydraulicPage .photo{
	margin: 30px 0 0 -2%;
}	
.hydraulicPage .photo p{
	width: 48%;
	float: left;
	margin: 0 0 2% 2%;
}
}


/*   water
**********************/
.nextPage.waterPage .mainvisual{
	background: url(../images/business/water/bg_mainvisual.jpg) no-repeat center center;
	background-size: cover;
	text-align: left;
}
.waterPage hr.line{
	max-width: 800px;
	margin: 60px auto;
	background: #ccc;
}
.waterPage{
	text-align: center;
}
.waterPage h3{
	font-size: 180%;
	font-weight: bold;
	margin: 0 0 20px 0;
}
.waterPage h3 span,
.waterPage p span{
	display: block;
}
.waterPage p.img{
	margin: 80px 0;
}
.waterPage .jirei h3{
	display: inline-block;
	border-bottom: #039dde solid 3px;
}
.waterPage .jirei .jireiArea .leftBox{
	width: 480px;
	float: left;
}
.waterPage .jirei .jireiArea .rightBox{
	width: 480px;
	float: right;
}
.waterPage .jirei .jireiArea .leftBox h4,
.waterPage .jirei .jireiArea .rightBox h4{
	font-size: 134%;
	font-weight: bold;
	margin: 25px 0 15px 0;
}
.waterPage .jirei .jireiArea .leftBox p,
.waterPage .jirei .jireiArea .rightBox p{
	font-size: 94%;
}
.waterPage .photo{
	margin: 40px 0 0 -40px;
}	
.waterPage .photo p{
	width: 220px;
	float: left;
	margin: 0 0 0 40px;
}
.waterPage .photo p span{
	font-size: 84%;
	margin: 5px 0 0 0;
    display: block;
}

@media (max-width: 1024px) {
.waterPage .jirei .jireiArea .leftBox{
	width: 100%;
	float: none;
}
.waterPage .jirei .jireiArea .rightBox{
	width: 100%;
	float: none;
    margin: 30px 0 0 0;
}
.waterPage h3 span, .waterPage p span {
    display: inline;
}
.waterPage .photo{
	margin: 40px 0 0 -2%;
}	
.waterPage .photo p{
	width: 31.333333%;
	margin: 0 0 20px 2%;
}
}

@media (max-width: 768px) {
.waterPage hr.line{
	margin: 40px auto;
}
.waterPage h3{
	font-size: 150%;
	text-align: center;
}
.waterPage h3 span,
.waterPage p span{
	display: inline;
}
.waterPage p.img{
	margin: 40px 0;
}
.waterPage .jirei .jireiArea .leftBox{
	width: 100%;
	float: none;
}
.waterPage .jirei .jireiArea .rightBox{
	width: 100%;
	float: none;
	margin: 30px 0 0 0;
}
.waterPage .photo{
	margin: 40px 0 0 -2%;
}	
.waterPage .photo p{
	width: 48%;
	float: left;
	margin: 0 0 20px 2%;
}
}


/*   industrial
**********************/
.nextPage.industrialPage .mainvisual{
	background: url(../images/business/industrial/bg_mainvisual.jpg) no-repeat center center;
	background-size: cover;
	text-align: left;
}
.industrialPage hr.line{
	max-width: 800px;
	margin: 60px auto;
	background: #ccc;
}
.industrialPage{
	text-align: center;
}
.industrialPage h3{
	font-size: 180%;
	font-weight: bold;
	margin: 0 0 20px 0;
}
.industrialPage h3 span,
.industrialPage p span{
	display: block;
}
.industrialPage p.img{
	margin: 80px 0;
}
.industrialPage .jirei h3{
	display: inline-block;
	border-bottom: #039dde solid 3px;
}
.industrialPage .jirei .jireiArea{
	margin: 30px 0 0 -40px;
}
.industrialPage .jirei .jireiArea .Box{
	width: 480px;
	float: left;
	margin: 0 0 0 40px;
}
.industrialPage .jirei .jireiArea .Box h4{
	font-size: 134%;
	font-weight: bold;
	margin: 15px 0;
}
.industrialPage .jirei .jireiArea .Box p{
	font-size: 88%;
}

@media (max-width: 1024px) {
.industrialPage .jirei .jireiArea{
	margin: 0;
}
.industrialPage .jirei .jireiArea .Box{
	width: 100%;
	float: none;
	margin: 30px 0 0 0;
}
.industrialPage h3 span,
.industrialPage p span{
	display: inline;
}
}

@media (max-width: 768px) {
.industrialPage hr.line{
	margin: 40px auto;
}
.industrialPage h3{
	font-size: 150%;
	text-align: center;
}
.industrialPage h3 span,
.industrialPage p span{
	display: inline;
}
.industrialPage p.img{
	margin: 40px 0;
}
.industrialPage .jirei .jireiArea{
	margin: 30px 0 0 0;
}
.industrialPage .jirei .jireiArea .Box{
	width: 100%;
	float: none;
	margin: 0 0 25px 0;
}
.industrialPage .jirei .jireiArea .Box h4{
	font-size: 120%;
}
}


/*   strength
**********************/
.nextPage.strengthPage .mainvisual{
	background: url(../images/strength/bg_mainvisual.jpg) no-repeat center center;
	background-size: cover;
}
.strengthPage hr.line{
	max-width: 800px;
	margin: 60px auto;
	background: #ccc;
}
.strengthPage h3{
	font-size: 180%;
	font-weight: bold;
	margin: 0 0 30px 0;
    line-height: 1.4;
}
.strengthPage h3 span,
.strengthPage p span{
	display: block;
}
.strengthPage .Box01 .leftBox{
	width: 390px;
	float: left;
	padding: 60px 0 0 0;
}
.en .strengthPage .Box01 .leftBox{
	padding: 0;
}
.strengthPage .Box01 .rightBox{
	width: 560px;
	float: right;
}
.strengthPage .Box02 .leftBox{
	width: 560px;
	float: left;
}
.strengthPage .Box02 .rightBox{
	width: 390px;
	float: right;
	padding: 80px 0 0 0;
}
.en .strengthPage .Box02 .rightBox{
	padding: 0;
}
.strengthPage .Box03{
	text-align: center;
}
.strengthPage .Box03 p.img{
	margin: 0 0 30px 0;
}
.strengthPage .Box04 .leftBox{
	width: 390px;
	float: left;
	padding: 80px 0 0 0;
}
.en .strengthPage .Box04 .leftBox{
	padding: 0;
}
.strengthPage .Box04 .rightBox{
	width: 560px;
	float: right;
}
.strengthPage .button{
	width: 180px;
	margin: 0 auto;
}
.strengthPage .button a{
	display: block;
	color: #009dde;
	padding: 10px 0 7px 0;
	text-align: center;
	font-weight: bold;
	border: #009dde solid 1px;
	background: #fff;
	text-decoration: none;
	-webkit-transition: 0.7s ease-in-out; 
    -moz-transition: 0.7s ease-in-out; 
    -o-transition: 0.7s ease-in-out; 
    transition: 0.7s ease-in-out;
}
.strengthPage .button a:hover{
	color: #fff;
	background: #009dde;
}

@media (max-width: 1024px) {
.strengthPage .Box01 .leftBox{
	width: 46%;
    padding: 20px 0 0 0;
}
.strengthPage .Box01 .rightBox{
	width: 50%;
}
.strengthPage .Box02 .leftBox{
	width: 50%;
}
.strengthPage .Box02 .rightBox{
	width: 46%;
    padding: 20px 0 0 0;
}
.strengthPage .Box04 .leftBox{
	width: 46%;
    padding: 20px 0 0 0;
}
.strengthPage .Box04 .rightBox{
	width: 50%;
}
}

@media (max-width: 768px) {
.strengthPage hr.line{
	margin: 40px auto;
}
.strengthPage h3{
	font-size: 150%;
	line-height: 1.5;
	text-align: center;
}
.strengthPage h3 span,
.strengthPage p span{
	display: inline;
}
.strengthPage .Box01 .leftBox{
	width: 100%;
	float: none;
	padding: 30px 0 0 0;
}
.en .strengthPage .Box01 .leftBox{
	padding: 30px 0 0 0;
}
.strengthPage .Box01 .rightBox{
	width: 100%;
	float: none;
}
.strengthPage .Box02 .leftBox{
	width: 100%;
	float: none;
}
.strengthPage .Box02 .rightBox{
	width: 100%;
	float: none;
	padding: 30px 0 0 0;
}
.en .strengthPage .Box02 .leftBox{
	padding: 30px 0 0 0;
}
.strengthPage .Box03{
	text-align: center;
}
.strengthPage .Box03 p.img{
	margin: 0 0 30px 0;
}
.strengthPage .Box04 .leftBox{
	width: 100%;
	float: none;
	padding: 30px 0 0 0;
}
.en .strengthPage .Box04 .leftBox{
	padding: 30px 0 0 0;
}
.strengthPage .Box04 .rightBox{
	width: 100%;
	float: none;
}
.strengthPage .button{
	width: 180px;
	margin: 0 auto;
}
}


/*   privacy
**********************/
.privacyPage .container{
	max-width: 800px;
}
.privacyPage .container h3{
	font-size: 150%;
	font-weight: bold;
	margin: 0 0 40px 0;
}
.privacyPage .container h4{
	color: #009fe0;
	margin: 0 0 30px 0;
}
.privacyPage .container p{
	margin: 0 0 30px 0;
}
@media (max-width: 768px) {
.privacyPage .container h3{
	margin: 0 0 30px 0;
}
.privacyPage .container h4{
	margin: 0 0 20px 0;
}	
}


/*   sdgsPage
**********************/
.sdgsPage .container{
    text-align: center;
}
.sdgsPage .container h2{
    color: #039DDE;
    font-size: 180%;
    font-weight: bold;
    margin: 0 0 40px 0;
}
.sdgsPage .container p{
    margin: 0 0 50px 0;
}
.sdgsPage .container p.text{
    font-size: 94%;
}
.sdgsPage .container .Box{
    padding: 55px 0;
    background: url("../images/sdgs/bg_bar.jpg") no-repeat left bottom;
}
.sdgsPage .container .Box.first{
    background: url("../images/sdgs/bg_bar.jpg") no-repeat left bottom,url("../images/sdgs/bg_bar.jpg") no-repeat left top;
}
.sdgsPage .container .Box .leftBox{
    width: 455px;
    float: left;
}
.sdgsPage .container .Box .rightBox{
    width: 480px;
    float: right;
    padding: 15px 0 0 0;
    text-align: left;
}
.en .sdgsPage .container .Box .rightBox{
    padding: 0;
}
.sdgsPage .container .Box .rightBox h3{
    font-size: 150%;
    font-weight: bold;
}
.en .sdgsPage .container .Box .rightBox h3{
    font-size: 120%;
    font-weight: bold;
}
.sdgsPage .container .Box .rightBox p{
    margin: 25px 0 0 0;
}
@media (max-width: 1024px) {
.sdgsPage .container .Box .leftBox{
    width: 46%;
}
.sdgsPage .container .Box .rightBox{
    width: 50%;
    padding: 0;
}
}
@media (max-width: 768px) {
.sdgsPage .container h2{
    font-size: 105%;
    margin: 0 0 20px 0;
}
.sdgsPage .container p{
    margin: 0 0 25px 0;
}
.sdgsPage .container p.text{
    font-size: 94%;
}
.sdgsPage .container .Box{
    padding: 25px 0;
    background: url("../images/sdgs/bg_bar.jpg") no-repeat left bottom;
}
.sdgsPage .container .Box.first{
    background: url("../images/sdgs/bg_bar.jpg") no-repeat left bottom,url("../images/sdgs/bg_bar.jpg") no-repeat left top;
}
.sdgsPage .container .Box .leftBox{
    width: 100%;
    float: none;
}
.sdgsPage .container .Box .rightBox{
    width: 100%;
    float: none;
    padding: 15px 0 0 0;
    text-align: center;
}
.sdgsPage .container .Box .rightBox h3{
    font-size: 120%;
    font-weight: bold;
}
.sdgsPage .container .Box .rightBox p{
    margin: 10px 0 0 0;
}
}