@charset "UTF-8";
/*
Theme Name: ホンマ製作所
Description: ホンマ製作所環境への配慮ページ用スタイルです。
Author: 株式会社アドプロダクションエム
Author URI: https://addpro-m.co.jp/
*/
.sdgs main {
    --content-w: 720px;
}
.sdgs h1 {
    text-align: center;
}
.sdgs h1 .en {
    color: rgba(var(--c-white-rgb), 0.8);
    font-size: var(--f-s-p);
}
.sdgs h2 {
    text-align: center;
}
.sdgs h2 + * {
    margin-top: var(--n-45);
}
.sdgs h3 {
    margin-top: var(--n-60);
    text-align: center;
}
.sdgs h3:first-letter {
    font-size: var(--f-s-h1);
    line-height: var(--f-lh-l);
}
.sdgs h4 {
    font-size: var(--f-s-p);
}
.sdgs hr {
    border-top: 1px solid var(--c-ccc);
    margin-top: var(--n-90);
}
.sdgs .intro {
    background: url(../img2022/home_slider_03.jpg) no-repeat center /cover;
    position: relative;
    color: #fff;
}
.sdgs .intro::after {
    background-color: rgba(var(--c-black-rgb), 0.5);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}
.sdgs .intro > * {
    position: relative;
    z-index: 1;
}
.list-sdgs_icon.list-sdgs_icon {
    display: flex;
    justify-content: center;
    list-style: none;
    margin-top: var(--n-45);
}
.list-sdgs_icon li {
    max-width: calc(20% - 4px);
}
.list-sdgs_icon li:not(:last-child) {
    margin-right: 5px;
}
.list-detail.list-detail {
    font-size: var(--f-s-small);
    line-height: var(--f-lh-s);
    margin-top: var(--n-10);
}
.box-back_brown.box-back_brown {
    --content-maxw: 100%;
    background-color: rgba(var(--c-brown-rgb), 1);
    margin-top: var(--n-120);
    padding: var(--n-90) var(--n-60);
}
.box-back_brown h2 {
    font-size: var(--f-s-h3);
}
.box-back_brown > *:not(:first-child) {
    margin-top: var(--n-30);
}