@charset "UTF-8";
.img-responsive {
max-width: 100%!important;
height: auto;
display: block
}
.contact__row, .customize__lineup__block, .eco__content2__block, .environment__row, .human-resouces__row, .organization .section1, .proposal .section4 .block, .proposal .section4 .other-link, .q-a, .q-a__answer, .reason-index, .size__block, .strength__nav__list, .support .section3, .support .section4, .support .section5, .support__section1 {
zoom: 1
}
.contact__row:before, .customize__lineup__block:before, .eco__content2__block:before, .environment__row:before, .human-resouces__row:before, .organization .section1:before, .proposal .section4 .block:before, .proposal .section4 .other-link:before, .q-a:before, .q-a__answer:before, .reason-index:before, .size__block:before, .strength__nav__list:before, .support .section3:before, .support .section4:before, .support .section5:before, .support__section1:before {
content: "\0020";
display: block;
height: 0;
visibility: hidden
}
.contact__row:after, .customize__lineup__block:after, .eco__content2__block:after, .environment__row:after, .human-resouces__row:after, .organization .section1:after, .proposal .section4 .block:after, .proposal .section4 .other-link:after, .q-a:after, .q-a__answer:after, .reason-index:after, .size__block:after, .strength__nav__list:after, .support .section3:after, .support .section4:after, .support .section5:after, .support__section1:after {
clear: both;
content: "\0020";
display: block;
height: 0;
visibility: hidden
}
p a:link {
text-decoration: underline
}
.reason-index {
margin-bottom: 50px;
padding-top: 15px
}
.reason-index img {
display: block
}
.reason-index__list {
position: relative
}
.reason-index__title {
position: absolute;
top: 0;
left: 318px
}
.reason-index__item.left {
float: left;
clear: both
}
.reason-index__item.right {
float: right
}
.reason-index__item.claer {
clear: both
}
.human-resouces {
padding-top: 30px;
border-bottom: 1px solid #CCC
}
.human-resouces__row {
margin-bottom: 30px
}
.human-resouces__graph {
float: left;
width: 444px;
text-align: center
}
.human-resouces__graph figure {
width: 241px;
margin: 0 auto 10px
}
.human-resouces__graph figure figcaption {
font-size: 1.5em;
font-weight: 700;
text-align: center
}
.human-resouces__graph .title {
font-size: .8em;
font-weight: 400
}
.human-resouces__section1 {
float: right;
width: 512px;
padding-top: 10px
}
.human-resouces__section1 .title {
margin-bottom: 25px
}
.human-resouces__section1 p {
font-size: 1.4em;
line-height: 1.8;
margin-bottom: 2em
}
.human-resouces__section1-1 {
float: left;
width: 500px
}
.human-resouces__section1-1 p {
font-size: 1.4em;
line-height: 1.8
}
.human-resouces__section1-img {
float: right;
width: 385px
}
.human-resouces__section2 .title {
margin-bottom: 30px
}
.human-resouces__section2-img {
float: left;
width: 440px;
text-align: center
}
.human-resouces__section2-txt {
float: right;
width: 510px
}
.human-resouces__section2-txt p {
font-size: 1.4em;
line-height: 1.8
}
.human-resouces__section3 {
margin-bottom: 50px
}
.human-resouces__section3 .title {
margin-bottom: 30px
}
.human-resouces__section3 .question {
text-align: center;
margin-bottom: 35px
}
.support {
padding-top: 30px;
padding-bottom: 30px;
border-bottom: 1px solid #CCC
}
.support__section1 {
margin-bottom: 75px
}
.support__section1 .title {
margin-bottom: 25px
}
.support__section1 .graph {
float: left;
width: 695px;
text-align: right
}
.support__section1 .txt {
float: right;
width: 200px;
padding-right: 20px
}
.support__section1 .txt p {
font-size: 1.4em;
line-height: 1.8
}
.support .section2, .support .section2 .title {
margin-bottom: 30px
}
.support .section2 figure {
margin-bottom: 20px
}
.support .section2 p {
font-size: 1.4em;
line-height: 1.8
}
.support .section2 p strong {
text-decoration: underline;
font-weight: 700
}
.support .section3 {
border-top: 1px solid #ccc;
padding: 40px 0
}
.support .section3 figure {
float: left;
width: 376px;
text-align: center
}
.support .section3 .txt {
float: right;
width: 512px
}
.support .section3 .title {
margin-bottom: 25px
}
.support .section3 p {
font-size: 1.4em;
line-height: 1.8
}
.support .section4 {
border-top: 1px solid #ccc;
padding: 40px 0
}
.support .section4 figure {
float: left;
width: 376px;
text-align: center
}
.support .section4 .txt {
float: right;
width: 512px
}
.support .section4 .title {
margin-bottom: 25px
}
.support .section4 p {
font-size: 1.4em;
line-height: 1.8
}
.support .section5 {
border-top: 1px solid #ccc;
padding: 40px 0
}
.support .section5 figure {
float: left;
width: 376px;
text-align: center
}
.support .section5 .txt {
float: right;
width: 512px
}
.support .section5 .title {
margin-bottom: 25px
}
.support .section5 p {
font-size: 1.4em;
line-height: 1.8
}
.proposal {
padding: 30px 0;
border-bottom: 1px solid #ccc
}
.proposal .section1 {
margin-bottom: 40px
}
.proposal .section1 .title {
margin-bottom: 20px
}
.proposal .section1 p {
font-size: 1.4em;
line-height: 1.8
}
.proposal .section2 {
margin-bottom: 40px
}
.proposal .section2 .title {
margin-bottom: 20px
}
.proposal .section2 p {
font-size: 1.4em;
line-height: 1.8
}
.proposal .section3 {
margin-bottom: 40px
}
.proposal .section3 .title {
margin-bottom: 20px
}
.proposal .section3 p {
font-size: 1.4em;
line-height: 1.8
}
.proposal .section4 .block {
padding: 25px 0;
border-bottom: 1px solid #ccc
}
.proposal .section4 figure {
float: left;
width: 385px
}
.proposal .section4 .txt {
float: right;
width: 530px
}
.proposal .section4 .txt h3 {
font-weight: 700;
font-size: 1.6em;
margin-bottom: 15px
}
.proposal .section4 .txt p {
font-size: 1.4em;
line-height: 1.8
}
.proposal .section4 .txt .btn {
padding: 20px 5px 0 0;
text-align: right
}
.proposal .section4 .other-link {
padding-top: 30px;
padding-bottom: 30px;
width: 960px;
margin: 0 auto
}
.proposal .section4 .other-link.donyu {
border-top: 1px solid #ccc;
padding-bottom: 0
}
.proposal .section4 .other-link p {
float: left;
width: 610px;
text-align: right;
padding-top: 18px;
font-size: 1.6em
}
.proposal .section4 .other-link .btn {
float: right
}
.organization {
border-bottom: 1px solid #ccc;
padding-bottom: 40px
}
.organization .section1 {
padding-top: 45px;
border-bottom: 1px solid #ccc
}
.organization .section1 figure {
float: left;
width: 425px;
text-align: center
}
.organization .section1 .txt {
float: right;
width: 512px
}
.organization .section1 .txt .title {
margin-bottom: 20px
}
.organization .section1 .txt p {
font-size: 1.4em;
line-height: 1.8
}
.organization .section1 .txt p strong {
font-weight: 700;
text-decoration: underline
}
.organization .section2 {
padding-top: 55px
}
.organization .section2 .txt {
float: left;
width: 543px;
padding-left: 31px
}
.organization .section2 .txt h2 {
margin-bottom: 20px
}
.organization .section2 .txt p {
font-size: 1.4em;
line-height: 1.8;
margin-bottom: 1.5em
}
.organization .section2 figure {
float: right;
width: 377px;
text-align: center
}
.environment {
border-bottom: 1px solid #ccc;
padding: 40px 0
}
.environment sub {
font-size: .8em
}
.environment__row {
border-bottom: 1px solid #ccc;
padding-bottom: 35px
}
.environment .section1 {
float: left;
width: 453px
}
.environment .section1 .title {
margin-bottom: 20px
}
.environment .section1 p {
font-size: 1.4em;
line-height: 1.8
}
.environment .section2 {
float: right;
width: 457px
}
.environment .section2 .title {
margin-bottom: 20px
}
.environment .section2 p {
font-size: 1.4em;
line-height: 1.8
}
.environment .section2 p strong {
font-weight: 700;
text-decoration: underline
}
.environment .section3 {
padding-top: 45px
}
.environment .section3 .txt {
float: left;
padding-left: 2px;
width: 512px
}
.environment .section3 .txt .title {
margin-bottom: 20px
}
.environment .section3 .txt p {
font-size: 1.4em;
line-height: 1.8
}
.environment .section3 figure {
float: right;
width: 385px;
padding: 0 15px
}
.q-a {
padding-bottom: 30px
}
.q-a__title {
margin-bottom: 30px
}
.q-a__question {
float: left;
margin-bottom: 30px
}
.q-a__answer {
width: 855px;
margin: 0 auto
}
.q-a__answer figure {
float: right;
width: 232px
}
.q-a .balloon {
float: left;
position: relative;
width: 586px;
background: url(/strength//assets/images/bg-balloon.gif) repeat-y
}
.q-a .balloon:before {
position: absolute;
content: '';
display: block;
width: 24px;
height: 21px;
right: 1px;
top: 50%;
margin-top: -10px;
background: url(/strength//assets/images/bg-balloon-arrow.gif) no-repeat 0 0
}
.q-a .balloon--top {
background: url(/strength//assets/images/bg-balloon-top.gif) no-repeat 0 0
}
.q-a .balloon--bottom {
background: url(/strength//assets/images/bg-balloon-bottom.gif) no-repeat 0 100%;
padding: 30px 60px 30px 50px
}
.q-a .balloon--bottom p {
font-size: 1.3em;
margin-bottom: 0;
line-height: 1.8
}
.strength__header {
padding-top: 13px;
padding-bottom: 15px;
background: #00a3d9
}
.strength__header__description {
float: left;
margin-bottom: 11px;
width: 600px
}
.strength__header__copy {
font-size: 1.7em;
color: #fff
}
.strength__header__image {
float: right;
margin-bottom: 11px;
width: 290px;
height: 180px
}
.strength__footer {
background: #00a3d9;
padding: 20px 0
}
.strength__nav {
clear: both;
padding-top: 17px;
border-top: 1px solid #80d1ec;
margin-bottom: 15px
}
.strength__nav.bottom {
border-top: none;
margin-bottom: 0
}
.strength__nav__list {
margin-right: -3px;
margin-left: -9px
}
.strength__nav__item {
float: left;
margin-left: 8px
}
.strength__nav__link {
position: relative;
display: block;
padding-bottom: 3px;
border-bottom: 2px solid transparent
}
.strength__nav__link.active, .strength__nav__link:hover {
border-bottom: 2px solid #1954a6
}
.strength__nav__link.active:before, .strength__nav__link:hover:before {
position: absolute;
content: '';
bottom: -18px;
left: 50%;
margin-left: -5px;
width: 0;
height: 0;
border-width: 9px 6px 0;
border-style: solid;
border-color: #1954a6 transparent transparent
}
.bottom .strength__nav__link {
border-top: 2px solid transparent;
border-bottom: none;
padding-top: 8px
}
.bottom .strength__nav__link.active, .bottom .strength__nav__link:hover {
border-top: 2px solid #1954a6
}
.bottom .strength__nav__link.active:before, .bottom .strength__nav__link:hover:before {
top: -18px;
bottom: auto;
border-width: 0 6px 9px;
border-color: transparent transparent #1954a6
}
.strength__tab__content {
background: url(/strength//assets/images/technical/bg-metalic_hairline.png) repeat 0 0
}
.strength__tab__nav {
font-size: 1.6em;
padding: 20px 0 30px
}
.strength__tab__nav.bottom {
padding: 30px 0 20px;
border-bottom: 1px solid #ccc
}
.strength__tab__nav__list {
text-align: center
}
.strength__tab__nav__item {
position: relative;
display: inline-block;
padding-left: 30px;
padding-right: 10px
}
.strength__tab__nav__item:first-child {
padding-left: 0
}
.strength__tab__nav__item:first-child:before {
display: none
}
.strength__tab__nav__item:before {
position: absolute;
display: block;
top: 50%;
left: 3px;
margin-top: -9px;
width: 8px;
height: 18px;
background: url(/strength//assets/images/img-tab-nav_delimiter.gif) no-repeat 0 0;
content: ''
}
.strength__tab__nav__link {
position: relative;
display: block;
padding: 10px 0;
border-bottom: 3px solid transparent
}
.strength__tab__nav__link:link, .strength__tab__nav__link:visited {
color: #333;
text-decoration: none
}
.strength__tab__nav__link.active, .strength__tab__nav__link:hover {
border-bottom: 3px solid #1954a6
}
.strength__tab__nav__link.active:before, .strength__tab__nav__link:hover:before {
position: absolute;
content: '';
bottom: -18px;
left: 50%;
margin-left: -5px;
width: 0;
height: 0;
border-width: 9px 6px 0;
border-style: solid;
border-color: #1954a6 transparent transparent
}
.strength__tab__nav__link.active {
font-weight: 700
}
.bottom .strength__tab__nav__link {
position: relative;
display: block;
padding: 10px 0;
border-top: 3px solid transparent;
border-bottom: none
}
.bottom .strength__tab__nav__link:link, .bottom .strength__tab__nav__link:visited {
color: #333;
text-decoration: none
}
.bottom .strength__tab__nav__link.active, .bottom .strength__tab__nav__link:hover {
border-top: 3px solid #1954a6;
border-bottom: none;
font-weight: 700
}
.bottom .strength__tab__nav__link.active:before, .bottom .strength__tab__nav__link:hover:before {
position: absolute;
content: '';
top: -18px;
left: 50%;
margin-left: -5px;
width: 0;
height: 0;
border-width: 0 6px 9px;
border-style: solid;
border-color: transparent transparent #1954a6
}
.content1 {
padding: 5px 0 20px;
background: url(/strength//assets/images/technical/bg-shadow_top.png) repeat-x 0 0
}
.content2 {
padding: 40px 0 65px;
background: #28A128 url(/strength//assets/images/technical/bg-shadow_bottom.png) repeat-x 0 100%
}
.eco__content2__title {
text-align: center;
margin-bottom: 40px
}
.eco__content2__block {
padding-left: 26px
}
.eco__content2__graph {
float: left;
width: 390px
}
.eco__content2__text {
float: right;
width: 483px;
color: #fff
}
.eco__content2__text p {
font-size: 1.7em;
margin-bottom: 20px
}
.eco__content2__text ul {
font-size: 1.2em;
margin-bottom: 20px
}
.eco__content2__text strong {
display: block;
color: #004000;
font-size: 2em
}
.eco__content2__btn-box {
margin-top: 30px;
border-top: 1px solid #237523;
padding-top: 35px;
text-align: center;
color: #fff
}
.fresh__title {
text-align: center;
margin-bottom: 45px
}
.fresh__sub-title {
margin-bottom: 10px
}
.fresh__description {
font-size: 1.3em;
line-height: 1.7;
color: #fff;
margin-bottom: 30px
}
.fresh__table1 {
float: left;
background: #7FCE7F;
width: 533px;
padding: 14px 15px;
margin-bottom: 25px
}
.fresh__table1 table {
border-collapse: collapse
}
.fresh__table1 table td {
border: 4px solid #7FCE7F;
font-size: 1.3em;
background: #fff;
border-spacing: 4px;
padding: 20px;
line-height: 1.7
}
.fresh__table1 table td h4 {
margin-bottom: 8px
}
.fresh__table2 {
float: right;
width: 346px
}
.fresh__lineup {
padding-top: 20px;
text-align: center;
clear: both;
border-top: 1px solid #1A691A
}
.fresh__lineup__text {
font-size: 1.6em;
color: #fff;
margin-bottom: 15px
}
.fresh__lineup__text2 {
color: #fff;
font-size: 1.6em;
margin-bottom: 15px
}
.size__title {
margin-bottom: 50px
}
.size .kumitate {
padding-top: 40px;
padding-bottom: 40px;
border-top: 1px solid #237523;
border-bottom: 1px solid #237523
}
.size .kumitate .title {
margin-bottom: 20px
}
.size .kumitate p {
color: #fff;
font-size: 1.3em
}
.size .kumitate .image1 {
float: left;
width: 740px
}
.size .kumitate .image2 {
float: right;
width: 220px;
text-align: right
}
.size .series {
padding-top: 40px;
padding-bottom: 40px;
border-bottom: 1px solid #237523
}
.size .series .title {
margin-bottom: 20px
}
.size .series p {
color: #fff;
font-size: 1.3em
}
.size .series .image1 {
text-align: center
}
.size__lineup {
padding-top: 25px;
text-align: center
}
.size__lineup p {
color: #fff;
font-size: 1.6em
}
.size__left {
float: left;
width: 456px
}
.size__left figure {
margin-bottom: 15px
}
.size__left p {
font-size: 1.3em;
line-height: 1.8;
color: #fff
}
.size__right {
float: right;
width: 477px
}
.size__right p {
font-size: 1.3em;
line-height: 1.8;
color: #fff
}
.customize__title {
text-align: center;
margin-bottom: 20px
}
.customize__table {
background: #7FCE7F;
padding: 8px;
margin-bottom: 30px
}
.customize__table table {
width: 100%;
border-collapse: collapse
}
.customize__table table.option-table td {
width: 33%
}
.customize__table table.option-table td.empty {
background: 0 0
}
.customize__table table td {
border: 4px solid #7FCE7F;
font-size: 1.3em;
background: #fff;
border-spacing: 4px;
padding: 20px;
line-height: 1.7
}
.customize__table table td h4 {
margin-bottom: 8px
}
.customize__lineup {
padding-top: 30px;
text-align: center;
clear: both;
border-top: 1px solid #1A691A;
margin-bottom: 30px
}
.customize__lineup__block {
width: 740px;
margin: 0 auto
}
.customize__lineup__block.wide {
width: 780px
}
.customize__lineup__text {
color: #fff;
float: left;
font-size: 1.6em;
line-height: 63px
}
.customize__lineup__btn {
float: right
}
.consideration__title {
text-align: center;
margin-bottom: 30px
}
.consideration__description {
font-size: 1.4em;
color: #fff;
text-align: center;
margin-bottom: 20px
}
.consideration__table {
background: #7FCE7F;
padding: 8px;
margin-bottom: 75px
}
.consideration__table table {
width: 100%;
border-collapse: collapse
}
.consideration__table table.option-table td {
width: 33%
}
.consideration__table table.option-table td.empty {
background: 0 0
}
.consideration__table table td {
width: 33%;
border: 4px solid #7FCE7F;
font-size: 1.3em;
background: #fff;
border-spacing: 4px;
padding: 20px;
line-height: 1.7
}
.consideration__table table td.empty {
background: 0 0
}
.consideration__table table td h4 {
width: 100%;
display: table;
height: 50px;
line-height: 50px;
vertical-align: middle;
text-align: center
}
.consideration__table table td figure {
padding-top: 20px;
text-align: center
}
.lineup {
padding-top: 30px;
text-align: center;
clear: both;
border-top: 1px solid #1A691A
}
.lineup__text {
color: #222;
font-size: 1.5em;
margin-bottom: 15px
}
.contact {
margin: 40px 0;
border: 5px solid #1954a6;
padding: 25px
}
.contact p {
font-size: 1.6em;
text-align: center;
margin-bottom: 20px
}
.contact__row {
background: url(/assets/images/modules/common/vr-gray.gif) repeat-y 50% top
}
.contact__phone {
float: left;
width: 283px;
padding-left: 133px;
min-height: 113px;
background: url(/strength//assets/images/icon-phone.gif) no-repeat left top
}
.contact__mail {
float: right;
width: 283px;
padding-left: 133px;
padding-left: 133px;
min-height: 113px;
background: url(/strength//assets/images/icon-mail.gif) no-repeat left top
}
.contact__btn {
padding-left: 0;
font-size: 1.385em;
position: relative;
display: inline-block;
width: 283px;
height: 53px;
background: url(/strength//assets/images/btn-contact.gif) no-repeat left top;
vertical-align: middle;
text-align: center;
text-decoration: none;
line-height: 53px
}
.contact__btn:before {
content: '';
display: block;
position: absolute;
left: 15px;
top: 50%;
margin-top: -3px;
width: 0;
height: 0;
border-style: solid;
border-width: 3px 0 3px 6px;
border-color: transparent transparent transparent #fff;
-webkit-transform: rotate(360deg)
}
.contact__btn:hover, .contact__btn:link, .contact__btn:visited {
color: #fff
}
.introduction {
padding: 45px 0 55px
}
.introduction__text {
float: left;
padding-top: 10px;
width: 460px;
font-size: 1.4em
}
.introduction__image {
float: right;
width: 465px
}
table.trt{
width: 700px;
margin: 0 auto;
}
table.trt td{
font-size: 16px;
vertical-align: middle;
text-align: center;
font-weight: bold
}