@charset "UTF-8";
.motto {
    margin-bottom: 95px;
    padding-top: 68px;
    margin-top: -68px;
}
.motto_inner {}
.motto_image {
    text-align: center;
}
.motto_image > img {}
.message {
    background: #f0f5fa;
}
.message_inner {
    padding-top: 41px;
    padding-bottom: 58px;
    min-height: 356px;
}
.message_inner::before {
    content: "";
    display: block;
    background: #014198;
    width: 1px;
    height: 70px;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 10px;
}
.message_title {
    font-size: 17px;
    color: #014198;
    margin-bottom: 37px;
    padding-right: 300px;
    padding-left: 13px;
}
.message_headline {
    font-size: 32px;
    line-height: 1.4;
    color: #014198;
    padding-right: 300px;
    font-weight:  bold;
}
.message_name {
    font-size: 14px;
    font-weight: bold;
    margin: 10px 0 30px;
    padding-right: 300px;
    line-height: 1.5;
}
.message_name > b {
    font-size: 16px;
    margin-left: 20px;
}
.message_text {
    padding-right: 240px;
}
.message_image {
    position: absolute;
    z-index: 1;
    top: 280px;
    right: 0;
}
.message_image > img {}
.areaPolicy {
    padding-top: 68px;
    margin-top: 28px;
}
.areaPolicy_inner {}
.policy {
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 83px;
    margin-bottom: 97px;
    padding-top: 30px;
}
.policy_title {}
.policy_headline {
    font-size: 28px;
    color: #014198;
    line-height: 1.4;
    margin-bottom: 29px;
    font-weight:  bold;
}
.policy_target {
    font-size: 19px;
    font-weight: bold;
}
.policy_motto {
    color: #014198;
    font-size: 24px;
    font-weight:  bold;
}
.iso {
    background: #f0f5fa;
    padding: 26px 17px 14px;
    position: relative;
    z-index: 1;
    min-height: 105px;
    padding-right: 230px;
    margin-top: 38px;
}
.iso_title {
    font-size: 16px;
    margin-bottom: 11px;
}
.iso_text {}
.iso_image {
    position: absolute;
    z-index: 1;
    top: 10px;
    right: 10px;
}
.iso_image > img {}
.env {
    padding-top: 29px;
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 83px;
    margin-bottom: 97px;
    padding-top: 30px;
}
.env_title {}
.env_headline {
    font-size: 19px;
    margin-bottom: 10px;
}
.env_text {}
.eco {
    padding-right: 210px;
    position: relative;
    z-index: 1;
    top: 0;
    min-height: 200px;
    margin-top: 30px;
}
.eco_title {
    font-size: inherit;
    margin-bottom: 15px;
}
.eco_link {
    max-width: 320px;
}
.eco_link > a {}
.eco_link > a::before {
    content: "";
}
.eco_link > a::after {
    content: "";
}
.eco_link > a > b {
    background: #014198;
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    font-size: 13px;
    line-height: 18px;
    padding: 0 6px;
}
.eco_image {
    background: #f0f5fa;
    padding: 10px;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
}
.eco_image > img {}

/*追加*/
.pdf-detail {
    background: #014198;
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    font-size: 13px;
    line-height: 18px;
    padding: 0 6px;
    margin-top: 8px;
}
.env_title-btn .u-headline02:hover {
    transform: translate(3px, 3px);
    box-shadow: none;
    background: rgba(122, 151, 188, 0.1);
}
.env a:hover {
    opacity: 1;
}

@media screen and (min-width:1000px) {
    .eco_link > a:hover {}
}
@media screen and (max-width:999px) {
    .motto {
    margin-bottom:  60px;
}
    .motto_inner {}
    .motto_image {}
    .motto_image > img {
    max-width:  400px;
    width:  100%;
}
    .message {}
    .message_inner {
    padding-bottom:  35px;
}
    .message_inner::before {}
    .message_title {}
    .message_headline {
    padding-right:  220px;
    font-size: 23px;
}
    .message_name {
    padding-right: 220px;
}
    .message_name > b {}
    .message_text {
    padding-right: 220px;
}
    .message_image {
    max-width:  190px;
    right: 20px;
    top: 260px;
}
    .message_image > img {}
    .areaPolicy {
    margin-top: 0;
}
    .areaPolicy_inner {}
    .policy {
    padding-top: 10px;
    padding-bottom:  60px;
    margin-bottom:  60px;
}
    .policy_title {}
    .policy_headline {
    font-size: 23px;
    margin-bottom:  15px;
}
    .policy_target {
    font-size:  15px;
}
    .policy_motto {
    font-size:  20px;
}
    .iso {
    padding-right:  190px;
}
    .iso_title {}
    .iso_text {}
    .iso_image {
    max-width:  160px;
}
    .iso_image > img {}
    .env {
    padding-top: 10px;
}
    .env_title {}
    .env_headline {}
    .env_text {}
    .eco {
    padding-right:  160px;
}
    .eco_title {}
    .eco_link {}
    .eco_link > a {}
    .eco_link > a::before {}
    .eco_link > a::after {}
    .eco_link > a > b {}
    .eco_image {
    width:  130px;
}
    .eco_image > img {}
}
@media screen and (max-width:699px) {
    .motto {
    margin-bottom:  45px;
    padding-top: 54px;
    margin-top: -54px;
}
    .motto_inner {}
    .motto_image {}
    .motto_image > img {
    max-width:  290px;
}
    .message {}
    .message_inner {
    padding-top: 25px;
    padding-bottom: 0;
}
    .message_inner::before {
    height: 60px;
}
    .message_title {
    padding-right:  0;
    font-size:  15px;
    margin-bottom:  20px;
}
    .message_headline {
    padding-right: 0;
    font-size:  18px;
}
    .message_name {
    padding-right: 0;
    font-size: 12px;
    margin-bottom:  10px;
    text-align: center;
}
    .message_name > b {
    font-size:  14px;
}
    .message_text {
    padding-right: 0;
}
    .message_image {
    position:  static;
    text-align:  center;
    margin-top: 25px;
    max-width:  150px;
    margin:  20px auto 0;
}
    .message_image > img {}
    .areaPolicy {
    padding-top: 54px;
    margin-top: -24px;
}
    .areaPolicy_inner {}
    .policy {
    padding-bottom:  35px;
    margin-bottom:  35px;
    padding-top: 0;
}
    .policy_title {
}
    .policy_headline {
    font-size:  16px;
}
    .policy_target {
    font-size:  14px;
}
    .policy_motto {
    font-size:  16px;
}
    .iso {
    padding: 15px;
    margin-top: 10px;
}
    .iso_title {
    font-size:  15px;
}
    .iso_text {}
    .iso_image {
    position:  static;
    max-width:  96px;
    margin:  10px auto 0;
}
    .iso_image > img {}
    .env {
    padding-top:  0;
}
    .env_title {}
    .env_headline {
    font-size:  16px;
    margin-bottom:  5px;
}
    .env_text {}
    .eco {
    padding:  0;
    margin-top: 15px;
}
    .eco_title {}
    .eco_link {
    max-width:  none;
}
    .eco_link > a {}
    .eco_link > a::before {}
    .eco_link > a::after {}
    .eco_link > a > b {}
    .eco_image {
    position:  static;
    width:  100px;
    padding:  5px;
    margin:  15px auto 0;
}
    .eco_image > img {}
.env_title-btn .u-headline02 {
    letter-spacing: -0.03rem;
    font-size: 13px;
}
.env_title-btn {
    text-decoration: none;
}
}


.gBody_inner-1 .motto_image{

}
.total_metal_work{

}

.message_title-1 {
    font-size: 17px;
    color: #014198;
    text-align: center;
    margin-bottom: 37px;
}

.message-1{
    width: 820px;
    background-color: unset;
    padding-bottom: 145px;
    margin: 0 auto;
    /*text-align: center;*/
    border-bottom: 1px solid #e2e2e2;
}

.total_metal_work{
    margin-bottom: 50px;
    text-align: center;
}

.message-1 .message_text{
    margin-bottom: 30px;
    width: 100%;
}

.message_inner-box{
    padding:45px;
    background-color: #f0f5fa;
    margin-bottom: 45px;
    width: 820px;
    box-sizing: border-box;
}

/*.message_inner-box li{
    font-family: 'AvenirNextCondensed-Bold';
    font-size: 36px;
    line-height: 37px;
    list-style: none;
}*/

.message_inner-box p.message_inner-box-li{
    font-size: 16px !important;
    font-weight: bold !important;
    margin-bottom: 18px;
}

.message_inner-box p:last-child{
    margin-bottom: 0px;
}

.message_inner-1{
    overflow: hidden;

}

.total_metal_work_name{
    float: right;
    width: 210px;
    text-align: left;
    font-weight: bold;
    font-family: 'AvenirNextCondensed-Bold';
}

.total_metal_work_name span{
    font-size: 19px;
    margin-left: 15px;
    white-space: nowrap;
}


@media screen and (max-width:850px) {
    .message-1{
    width: 100%;
    padding-bottom: 50px;
    margin: 0 auto;
}

.total_metal_work img{
    width: 100%;
    height: auto;
}

.message-1 .message_text{
    margin-bottom: 30px;
    width: 100%;
}

.message_inner-box{
    width: 100%;
}
}

@media screen and (max-width:550px) {

.message_inner-box{
    padding:30px;
    background-color: #f0f5fa;
    margin-bottom: 20px;
}

/*.message_inner-box li{
    font-family: 'AvenirNextCondensed-Bold';
    font-size: 25px;
    line-height: 30px;
    list-style: none;
}*/

.message_inner-box p.message_inner-box-li{
    font-size: 16px !important;
    font-weight: bold !important;
    margin-bottom: 15px;
}
}