@media print{
.col {
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}

.col-auto {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}

.col-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.333333%;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}

.col-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.666667%;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}

.col-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}

.col-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.333333%;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}

.col-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.666667%;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}

.col-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}

.col-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.333333%;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}

.col-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.666667%;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}

.col-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}

.col-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.333333%;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}

.col-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.666667%;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}

.col-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}

.col-sm {
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-sm-auto {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.col-sm-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.333333%;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-sm-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.666667%;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-sm-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-sm-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.333333%;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-sm-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.666667%;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-sm-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-sm-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.333333%;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-sm-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.666667%;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-sm-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-sm-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.333333%;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-sm-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.666667%;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-sm-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.pull-sm-0 {
right: auto;
}
.pull-sm-1 {
right: 8.333333%;
}
.pull-sm-2 {
right: 16.666667%;
}
.pull-sm-3 {
right: 25%;
}
.pull-sm-4 {
right: 33.333333%;
}
.pull-sm-5 {
right: 41.666667%;
}
.pull-sm-6 {
right: 50%;
}
.pull-sm-7 {
right: 58.333333%;
}
.pull-sm-8 {
right: 66.666667%;
}
.pull-sm-9 {
right: 75%;
}
.pull-sm-10 {
right: 83.333333%;
}
.pull-sm-11 {
right: 91.666667%;
}
.pull-sm-12 {
right: 100%;
}
.push-sm-0 {
left: auto;
}
.push-sm-1 {
left: 8.333333%;
}
.push-sm-2 {
left: 16.666667%;
}
.push-sm-3 {
left: 25%;
}
.push-sm-4 {
left: 33.333333%;
}
.push-sm-5 {
left: 41.666667%;
}
.push-sm-6 {
left: 50%;
}
.push-sm-7 {
left: 58.333333%;
}
.push-sm-8 {
left: 66.666667%;
}
.push-sm-9 {
left: 75%;
}
.push-sm-10 {
left: 83.333333%;
}
.push-sm-11 {
left: 91.666667%;
}
.push-sm-12 {
left: 100%;
}
.offset-sm-0 {
margin-left: 0%;
}
.offset-sm-1 {
margin-left: 8.333333%;
}
.offset-sm-2 {
margin-left: 16.666667%;
}
.offset-sm-3 {
margin-left: 25%;
}
.offset-sm-4 {
margin-left: 33.333333%;
}
.offset-sm-5 {
margin-left: 41.666667%;
}
.offset-sm-6 {
margin-left: 50%;
}
.offset-sm-7 {
margin-left: 58.333333%;
}
.offset-sm-8 {
margin-left: 66.666667%;
}
.offset-sm-9 {
margin-left: 75%;
}
.offset-sm-10 {
margin-left: 83.333333%;
}
.offset-sm-11 {
margin-left: 91.666667%;
}

.col-md {
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-md-auto {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.col-md-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.333333%;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-md-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.666667%;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-md-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-md-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.333333%;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-md-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.666667%;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-md-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-md-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.333333%;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-md-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.666667%;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-md-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-md-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.333333%;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-md-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.666667%;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-md-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.pull-md-0 {
right: auto;
}
.pull-md-1 {
right: 8.333333%;
}
.pull-md-2 {
right: 16.666667%;
}
.pull-md-3 {
right: 25%;
}
.pull-md-4 {
right: 33.333333%;
}
.pull-md-5 {
right: 41.666667%;
}
.pull-md-6 {
right: 50%;
}
.pull-md-7 {
right: 58.333333%;
}
.pull-md-8 {
right: 66.666667%;
}
.pull-md-9 {
right: 75%;
}
.pull-md-10 {
right: 83.333333%;
}
.pull-md-11 {
right: 91.666667%;
}
.pull-md-12 {
right: 100%;
}
.push-md-0 {
left: auto;
}
.push-md-1 {
left: 8.333333%;
}
.push-md-2 {
left: 16.666667%;
}
.push-md-3 {
left: 25%;
}
.push-md-4 {
left: 33.333333%;
}
.push-md-5 {
left: 41.666667%;
}
.push-md-6 {
left: 50%;
}
.push-md-7 {
left: 58.333333%;
}
.push-md-8 {
left: 66.666667%;
}
.push-md-9 {
left: 75%;
}
.push-md-10 {
left: 83.333333%;
}
.push-md-11 {
left: 91.666667%;
}
.push-md-12 {
left: 100%;
}
.offset-md-0 {
margin-left: 0%;
}
.offset-md-1 {
margin-left: 8.333333%;
}
.offset-md-2 {
margin-left: 16.666667%;
}
.offset-md-3 {
margin-left: 25%;
}
.offset-md-4 {
margin-left: 33.333333%;
}
.offset-md-5 {
margin-left: 41.666667%;
}
.offset-md-6 {
margin-left: 50%;
}
.offset-md-7 {
margin-left: 58.333333%;
}
.offset-md-8 {
margin-left: 66.666667%;
}
.offset-md-9 {
margin-left: 75%;
}
.offset-md-10 {
margin-left: 83.333333%;
}
.offset-md-11 {
margin-left: 91.666667%;
}

.col-lg {
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-lg-auto {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.col-lg-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.333333%;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-lg-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.666667%;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-lg-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-lg-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.333333%;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-lg-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.666667%;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-lg-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-lg-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.333333%;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-lg-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.666667%;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-lg-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-lg-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.333333%;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-lg-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.666667%;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-lg-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.pull-lg-0 {
right: auto;
}
.pull-lg-1 {
right: 8.333333%;
}
.pull-lg-2 {
right: 16.666667%;
}
.pull-lg-3 {
right: 25%;
}
.pull-lg-4 {
right: 33.333333%;
}
.pull-lg-5 {
right: 41.666667%;
}
.pull-lg-6 {
right: 50%;
}
.pull-lg-7 {
right: 58.333333%;
}
.pull-lg-8 {
right: 66.666667%;
}
.pull-lg-9 {
right: 75%;
}
.pull-lg-10 {
right: 83.333333%;
}
.pull-lg-11 {
right: 91.666667%;
}
.pull-lg-12 {
right: 100%;
}
.push-lg-0 {
left: auto;
}
.push-lg-1 {
left: 8.333333%;
}
.push-lg-2 {
left: 16.666667%;
}
.push-lg-3 {
left: 25%;
}
.push-lg-4 {
left: 33.333333%;
}
.push-lg-5 {
left: 41.666667%;
}
.push-lg-6 {
left: 50%;
}
.push-lg-7 {
left: 58.333333%;
}
.push-lg-8 {
left: 66.666667%;
}
.push-lg-9 {
left: 75%;
}
.push-lg-10 {
left: 83.333333%;
}
.push-lg-11 {
left: 91.666667%;
}
.push-lg-12 {
left: 100%;
}
.offset-lg-0 {
margin-left: 0%;
}
.offset-lg-1 {
margin-left: 8.333333%;
}
.offset-lg-2 {
margin-left: 16.666667%;
}
.offset-lg-3 {
margin-left: 25%;
}
.offset-lg-4 {
margin-left: 33.333333%;
}
.offset-lg-5 {
margin-left: 41.666667%;
}
.offset-lg-6 {
margin-left: 50%;
}
.offset-lg-7 {
margin-left: 58.333333%;
}
.offset-lg-8 {
margin-left: 66.666667%;
}
.offset-lg-9 {
margin-left: 75%;
}
.offset-lg-10 {
margin-left: 83.333333%;
}
.offset-lg-11 {
margin-left: 91.666667%;
}

.col-xl {
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-xl-auto {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.col-xl-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.333333%;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-xl-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.666667%;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-xl-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-xl-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.333333%;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-xl-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.666667%;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-xl-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-xl-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.333333%;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-xl-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.666667%;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-xl-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-xl-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.333333%;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-xl-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.666667%;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-xl-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.pull-xl-0 {
right: auto;
}
.pull-xl-1 {
right: 8.333333%;
}
.pull-xl-2 {
right: 16.666667%;
}
.pull-xl-3 {
right: 25%;
}
.pull-xl-4 {
right: 33.333333%;
}
.pull-xl-5 {
right: 41.666667%;
}
.pull-xl-6 {
right: 50%;
}
.pull-xl-7 {
right: 58.333333%;
}
.pull-xl-8 {
right: 66.666667%;
}
.pull-xl-9 {
right: 75%;
}
.pull-xl-10 {
right: 83.333333%;
}
.pull-xl-11 {
right: 91.666667%;
}
.pull-xl-12 {
right: 100%;
}
.push-xl-0 {
left: auto;
}
.push-xl-1 {
left: 8.333333%;
}
.push-xl-2 {
left: 16.666667%;
}
.push-xl-3 {
left: 25%;
}
.push-xl-4 {
left: 33.333333%;
}
.push-xl-5 {
left: 41.666667%;
}
.push-xl-6 {
left: 50%;
}
.push-xl-7 {
left: 58.333333%;
}
.push-xl-8 {
left: 66.666667%;
}
.push-xl-9 {
left: 75%;
}
.push-xl-10 {
left: 83.333333%;
}
.push-xl-11 {
left: 91.666667%;
}
.push-xl-12 {
left: 100%;
}
.offset-xl-0 {
margin-left: 0%;
}
.offset-xl-1 {
margin-left: 8.333333%;
}
.offset-xl-2 {
margin-left: 16.666667%;
}
.offset-xl-3 {
margin-left: 25%;
}
.offset-xl-4 {
margin-left: 33.333333%;
}
.offset-xl-5 {
margin-left: 41.666667%;
}
.offset-xl-6 {
margin-left: 50%;
}
.offset-xl-7 {
margin-left: 58.333333%;
}
.offset-xl-8 {
margin-left: 66.666667%;
}
.offset-xl-9 {
margin-left: 75%;
}
.offset-xl-10 {
margin-left: 83.333333%;
}
.offset-xl-11 {
margin-left: 91.666667%;
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■　カスタマイズ 
nav
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■　★Header｜Navi 共通
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
.h_logo img:hover {
	opacity: 0.7;
	transition: .2s;
}
.h_logo img {
	transition: .2s;
}
@media screen and (min-width: 992px) {
body.about .nav_about,
body.service #nav_service,
body.electricity_price_soaring .nav_electricity_price_soaring,
body.topics .nav_topics,
body.casestudy .nav_casestudy,
body.achievement .nav_achievement,
body.company .nav_company,
body.product .nav_product,
body.chara .nav_chara
{
	background-color: #009844 !important;
	color: #ffffff !important;
	border-bottom: 3px solid #025b28;
}
body.about .nav_about a,
body.service #nav_service a,
body.electricity_price_soaring .nav_electricity_price_soaring a,
body.topics .nav_topics a,
body.casestudy .nav_casestudy a,
body.achievement .nav_achievement a,
body.company .nav_company a,
body.product .nav_product a,
body.chara .nav_chara a
{
	color: #ffffff !important;
}
body.about .nav_about a:hover,
body.service #nav_service a:hover,
body.electricity_price_soaring .nav_electricity_price_soaring a:hover,
body.topics .nav_topics a:hover,
body.casestudy .nav_casestudy a:hover,
body.achievement .nav_achievement a:hover,
body.company .nav_company a:hover,
body.product .nav_product a:hover,
body.chara .nav_chara a:hover,
{
	color: #ffffff !important;
}
}

body.about .nav_about a,
body.service #nav_service a,
body.electricity_price_soaring .nav_electricity_price_soaring a,
body.topics .nav_topics a,
body.casestudy .nav_casestudy a,
body.achievement .nav_achievement a,
body.company .nav_company a,
body.product .nav_product a,
body.chara .nav_chara a
{
	background-color: #009844 !important;
	color: #ffffff !important;
}
body.about .nav_about a:hover,
body.service #nav_service a:hover,
body.electricity_price_soaring .nav_electricity_price_soaring a:hover,
body.topics .nav_topics a:hover,
body.casestudy .nav_casestudy a:hover,
body.achievement .nav_achievement a:hover,
body.company .nav_company a:hover,
body.product .nav_product a:hover,
body.chara .nav_chara a:hover
{
background-color: #009844 !important;
	color: #ffffff !important;
}
body.service #nav_service .childbar {
background: #9fa0a0 !important;
}
body.service #nav_service .childbar:hover {
background: #d6d6d6 !important;
}

	/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
	nav｜上段のロゴとお問合せ
	■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
	#header {
		background: #ffffff;
		z-index: 999 !important;
		
		top: 0;
		width: 100%;
		/*テキスト選択させない(キャレット表示させない)	*/
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	.headerbox1 {
		overflow: hidden;
		height: 55px;
		background: #ffffff;
	}
	.headerbox1 .h_logo {
		display: flex;
		justify-content: center;
		align-items: center;
		float: left;
		width: 170px;
		height: 100%;
	}
	.headerbox1 .h_logo img {
		width: 170px;
		height: auto;
	}
	.headerbox1 .h_contact {
		display: flex;
		justify-content: center;
		align-items: center;
		float: right;
		width: 100px;
		height: 100%;
		padding: 10px;
		background: #009844;
	}
	.headerbox1 .h_contact img {
		width: 88%;
	}
	.headerbox1 .h_contact:hover {
		background: #025b28;
		padding: 10px;
	}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
	nav｜下段navの親要素 .headerbox2 
	■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
	.headerbox2 {
		background: #f2f2f3;
		border-bottom: 2px solid #b7b7b7;
		height: 40px;
	}
	.menubox {
		font-size: 0 !important;/*横並びしたliの隙間を無くす*/
		text-align: center;
	}
	.menubox .menu {
		display: inline-block;
		/*width: 12.4%;*/
		width: 15%;
		height: 40px;
		line-height: 40px;
		text-align: center;
		font-size: 1.4rem;
	}
	.menu a,
	.menu2 a {
		display: block;/*aを親要素一杯に広げる*/
	}
	.menubox .menu a:hover {/*親要素aのhover処理*/
		transition: 0.2s all;
		/*background: #009844;*/
		/*border-bottom: 2px solid #074d77;
		color: #ffffff !important;*/
	}
	.menubox .menu:hover {/*親要素liのhover処理|子要素hoverしても親要素のhover維持の為*/
		transition: 0.2s all;
		background: #009844;
		border-bottom: 3px solid #025b28;
		color: #ffffff !important;
		text-decoration: none !important;
	}
	.menubox .menu:hover a {/*親要素liのhover処理|子要素hoverしても親要素のhover時のフォントカラー維持の為*/
		color: #ffffff !important;
		/*background: #009844;*/
		/*border-bottom: 2px solid #074d77;*/
		text-decoration: none !important;
	}

	/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
	nav｜下段navの子要素
	■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
	.child_menu {/* 下層メニューのul */
		/*width: 100%;*//* 親項目の横幅をmaxとする場合はこちら */
		position: absolute;
		top: 100%; /* 親項目の直下に配置 */
		left: 0;
		padding: 30px 30px;
		color: #333; /* 文字色 */
		visibility: hidden; /* 下層メニューを非表示 */
		opacity: 0; /* 不透明度を最小に */	
		font-size: 0;/*横並びしたliの隙間を無くす*/
		width: 100vw;/*親要素をはみ出して画面幅いっぱいにする*/
		margin: 0 calc(50% - 50vw);
		background: #efefef; /* 背景色 */
		height: 245px;
		display: block;
		-webkit-backface-visibility:hidden;
		backface-visibility:hidden;
	}
	.child_menu div {
		width:930px;
		margin: 0 auto;
		height: 100%;
	}
	.menu:hover .child_menu { /* 下層メニューのli（親項目ホバー時） */
		visibility: visible; /* 下層メニューを表示 */
		opacity: 1; /* 不透明度を最大に */
	}
	.child_menu:hover {
		background: #cecece !important; /* 子階層child_menuマウスオーバー時の背景色切り替え */
	}
	.child_menu li{
		display: inline-block;
		width: 17.5%;
		height: 100% !important;
		min-height: 100% !important;
		text-align: center;
		margin: 0 1%;
		background: #efefef !important; /* 背景色 */
		border-bottom:none !important;
	}
	.menu:hover .child_menu li {
		transition: 0.2s all;
	}
	.headerbox2 ul li:hover .child_menu a{
		background: #efefef !important; /* 背景色 */
		border-bottom:none !important;
	}
	.child_menu a {
		display: block;
		opacity: 1; /* 不透明度を最大に */
		color: #464646;
		/*↓chromeでtransitionする時の1pxのがたつき回避2行*/
		-webkit-backface-visibility: hidden; /* 追加 */
		backface-visibility: hidden; /* 追加 */
	}
	.child_menu a:hover {
		opacity: 0.7; /* 不透明度を最大に */
		color: #fff;
		border-bottom: none !important;
	}

	/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
	nav｜下段navの子要素の各種中身
	■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
	.child_menu p {
		font-size: 1.2rem !important;
		padding: 6px 4px;
		line-height: 1.2;
		color: #464646 !important;
		text-align: center;
	}
	/*.child_menu pの各背景色設定*/
	.nav_enetatsu p {
		background: #b8faff;
	}
	.nav_kouka p {
		background: #f8b62d;
	}
	.nav_taiyoukou p {
		background: #ffe5cb;
	}
	.nav_esave p {
		background: #0068b7;
		color:#ffffff !important;
	}
	.nav_hojo p {
		background: #2ba038;
		color:#ffffff !important;
	}
	/*↑ここまで*/

	.child_menu dl {
		background: #ffffff;
		padding: 0 16px 8px 16px;
		color: #464646 !important;
		line-height: 1.2;
	}
	.child_menu dl dt {
		height: 40px;
		font-size: 1.2rem !important;
		border-bottom: 1px dotted #464646;
		margin: 0 0 4px 0;
		display: grid;
		place-items: center center;
	}
	.child_menu dl .ddtxt {
		height: 35px;
		font-size: 1.5rem !important;
		display: grid;
		place-items: center center;
		margin: 0 0 8px 0;
	}
	.child_menu img {
		width: 100%;
		margin: 0 auto;
	}
	.sponly {
		display: none !important;
	}
	.pconly {
		display: inline !important;
	}
	/*.accordion_one,
	.section,
	.s_05 {
		display: inline !important;
	}
	.accordion_inner {
		display: inline !important;
	}*/
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■　★MV
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
#mv {
	z-index: 989 !important;
		padding: 0 0 300px 0 !important;
	position: absolute;
	top:95px;
}
.carouselExampleFade {
display: inline !important;
	position: static !important;
}
/*.arousel-item {
	height: 700px !important;
}*/
.carousel-item {
 height: 900px !important;
 display: inline !important;
 position: static !important;
  /*height: 100vh !important;  画面の高さに応じて変化 
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;*/
	width: 100%;
}
.carousel-item video {
 display: inline !important;
 position: static !important;
 height: 700px !important;
  /* height: 100vh;
  width: auto;
  max-width: none;
  object-fit: cover;
  display: block;*/
}
.carousel-item img {
height: 700px !important;
	/*height: 400px !important;
	min-width: auto !important;
	max-width: auto !important;
	width: auto !important;
	width: 100% !important;
	object-fit: cover;*/
}
.mvtxt {
	left: 50%;
	margin: -400px 0 0 0;
	position: absolute !important;
	top: 22% !important;
		transform: translate(-50%, -50%);
	z-index: 4 !important;
}

.mvtit1 {
	font-size:min(4.0625vw,14px);/*(基本サイズ,最大サイズ)*/
	text-align: center !important;
	font-weight: 600;
	padding: 0 0 2px 0;
	margin: 0 0 5px 0;
}
.mvtit1 span {
	border-bottom: 1px solid #464646;
}
.mvtit2 {
	font-size:min(9.5vw,45px);/*(基本サイズ,最大サイズ)*/
	/*text-shadow: 
	1px  1px 0px #ffffff,
	-1px  1px 0px #ffffff,
	1px -1px 0px #ffffff,
	-1px -1px 0px #ffffff,
	1px  0px 0px #ffffff,
	0px  1px 0px #ffffff,
	-1px  0px 0px #ffffff,
	0px -1px 0px #ffffff;*/
	text-align: center !important;
	line-height:1.4;
	font-weight: 900;
}


.mvtit2 span {
	font-size:80%;
}
.mvtit3 {
	line-height: 1.5 !important;
	font-weight: 500 !important;
	background: rgba(0, 0, 0, 0.5);
	padding:20px 20px;
	margin: 30px auto 0 auto;
	font-size:min(4vw,14px);/*(基本サイズ,最大サイズ)*/
	width: 85%;
	color: #ffffff;
	letter-spacing: 0.2rem;
}


	.mvtxt {
		top: 45%;
	}
	.mvtit3 {
		width: 44%;	
	}
	.carousel-item {
		height: 800px !important;
	}
	.carousel-item img {
		height: 800px !important;
	}	

.br::before {
	content: "\A" !important;
	white-space: pre;
}
.print_top_txt {
	position: absolute;
	top:800px;
}


/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■　印刷時不要箇所
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
	.pagetop,
	.footer_container,
	#footer{
	display: none !important;
	}
	.leftbox {
	display: none !important;
	}
.leftboxinner {
	position: initial; !important;
}
.leftboxinner a {
	text-decoration: none !important;
}
	.print_none { /*php側でclass設定*/
    display: none !important;
	}
.printonlybtn_jigyo {
margin-top: -80px !important;
}
.sp {
display: none !important;
}
	html,
	body{
		height: auto;
		-webkit-print-color-adjust: exact;
	}
	a {
	text-decoration: none !important;
	}
	body {
		-webkit-print-color-adjust: exact;
		margin: 0 auro !important;
	}
	

.page-break-before {
	page-break-before: always;
	}
	.table td,
	.table th {
    background-color: transparent !important;
}
.print_chokuori {
break-inside: avoid;
}

.mvtit3 {
text-align: center;
}
.printonlybtn_jigyo {
margin: 10px 0 8px 0 !important;
padding: 0 !important;
}
.seihinbox {
min-width:100% !important;
}
}