@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/*---------------------------------------------------------
ヘッダー
---------------------------------------------------------*/
ul.c-gnav {
    font-weight: bold;
}

/*---------------------------------------------------------
フッター
---------------------------------------------------------*/
.w-beforeFooter {
    margin-top: 0 !important;
}
.footer_address .wp-block-group {
    margin-bottom: 0;
    gap: 0;
}
.footer_address .wp-block-group p:first-child {
    margin-right: .5em;
}
.footer-sitemap .swell-block-column > ul {
    padding-left: 0;
}
.footer-sitemap ul li {
    list-style-type: none;
    font-weight: bold;
}
.footer-sitemap ul li ul li {
    font-weight: normal;
}
.cta-headline p.has-border {
    padding: .75em;
}

/*---------------------------------------------------------
その他
---------------------------------------------------------*/
@media (min-width: 600px) {
    .c-pageTitle {
        font-size: 2.4em;
    }
    .post_content h2 {
        font-size: 1.6em;
    }
    .post_content h3 {
        font-size: 1.33em;
    }
    .post_content h4 {
        font-size: 1.14em;
    }
}

.post_content p a,
.post_content li a,
.post_content table a {
    transition: opacity .25s;
}

.post_content p a:hover,
.post_content li a:hover,
.post_content table a:hover {
    opacity: .8;
    /* text-decoration: underline; */
}

/* テキストをメインカラーに */
#content h1,
.p-postList__title {
    color: var(--color_main) !important;
}

/* ページタイトルのサブタイトル非表示 */
.c-pageTitle__subTitle {
    display: none;
}

/* コンテンツ上タイトルの抜粋非表示 */
#top_title_area .c-pageExcerpt {
    display: none;
}

/* YouTube・Googleマップレスポンシブ */
.container-youtube {
    position: relative;
    width: 100%;
    padding-top: calc(100% * calc(9 / 16));
}

.container-youtube.gmap {
    padding-top: calc(100% * calc(2 / 3));
}

.container-youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

/* span内で改行しない */
.span-nowrap span {
    display: inline-block;
    white-space: nowrap;
}

@media (max-width: 599px) {
    .span-nowrap br {
        display: none;
    }
}

/* SWELLボタン ノーマル／アウトライン 影なし・ホバーで透過 */
.is-style-btn_normal a,
.is-style-btn_line a {
    box-shadow: none;
    transition: background-color .25s, opacity .25s;
}

.is-style-btn_normal a:hover,
.is-style-btn_line a:hover {
    opacity: .8;
    box-shadow: none;
}

/* カラム内のボタン幅を100%に */
.wp-block-column .swell-block-button a {
    width: 100%;
}

.swell-block-column .swell-block-button a {
    width: 100%;
}

/* 定義リストのdt, ステップブロックの見出しのfont-sizeを大きく */
.swell-block-dl.is-style-border .swell-block-dl__dt,
.swell-block-step.is-style-small .swell-block-step__title {
    font-size: var(--swl-fz--large);
}

/* サイトマップのリストをマーカー無しに */
.sitemap_container ul {
    padding: 0;
    list-style-type: none !important;
}

.sitemap_container ul ul {
    padding-left: 1.5em;
    font-size: .875em;
}

/* テキスト背景をメインカラーで塗りつぶす */
.bg-fill {
    background: var(--color_main) !important;
    padding: .25em .75em !important;
    color: #fff !important;
}

/* テーブル（ストライプ）の下のborder非表示 */
.wp-block-table.is-style-stripes {
    border-bottom: none;
}

/* ブログパーツ - お問い合わせボタン */
.contact-btn {
    display: flex;
    justify-content: center;
    gap: .75em;
}

.contact-btn div {
    flex: 1 0 150px;
    max-width: 200px;
}

.contact-btn a {
    display: block;
}

#before_footer_widget .contact-btn div a {
    font-size: initial;
}

.dotted_bracket.is-style-clmn-border>.swell-block-columns__inner>.swell-block-column {
    position: relative;
}

.dotted_bracket.is-style-clmn-border>.swell-block-columns__inner>.swell-block-column:before,
.dotted_bracket.is-style-clmn-border>.swell-block-columns__inner>.swell-block-column:after {
    position: absolute;
    top: 0;
    content: '';
    width: 10px;
    height: 100%;
    display: inline-block;
    box-sizing: border-box;
}

.dotted_bracket.is-style-clmn-border>.swell-block-columns__inner>.swell-block-column:before {
    border-left: dotted 2px #f08300;
    border-top: dotted 2px #f08300;
    border-bottom: dotted 2px #f08300;
    left: 0;
}

.dotted_bracket.is-style-clmn-border>.swell-block-columns__inner>.swell-block-column:after {
    border-top: dotted 2px #f08300;
    border-right: dotted 2px #f08300;
    border-bottom: dotted 2px #f08300;
    right: 0;
}

.link-arrow {
    position: relative;
}
.link-arrow a:after {
    content:"\e930";
    font-family:icomoon;
    position:absolute;
    z-index: 1;
    right:1em;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    transition:-webkit-transform .25s;
    transition:transform .25s;
    transition:transform .25s,-webkit-transform .25s
}
.link-arrow a:hover:after {
    -webkit-transform:translateX(4px) translateY(-50%);
    transform:translateX(4px) translateY(-50%)
}
.link-arrow .swell-block-box-menu__text,
.text-link.link-arrow {
    padding-right: 1.5em;
}
.text-link.link-arrow a:after {
    right: 4px;
}
.text-link {
    font-weight: bold;
}

/* div[class*="is-style-"] > * { margin-bottom: 1em; } を打ち消し */
div[class*="is-style-"] > .wp-block-media-text__content {
    margin-bottom: 0;
}

/*---------------------------------------------------------
投稿リスト
---------------------------------------------------------*/
/* リスト型（左右交互） */
.-type-list2 .p-postList__title {
    font-size: 1.33em;
}
.-type-list2 .p-postList__excerpt {
    font-size: .88em;
}

/* リスト型（左右交互）に背景をつける */
.with_bg .-type-list2,
.with_bg .-type-list2 li {
    border: none !important;
    padding: 0 !important;
}
.with_bg .-type-list2 a {
    padding: 1.5em !important;
    background-color: var(--color_pale02);
}

/*---------------------------------------------------------
ホーム
---------------------------------------------------------*/
#business01 .p-postList__title {
    font-size: 2em;
}
#business01 .p-postList__excerpt {
    font-size: 1em;
}
#business02 .p-postList__title {
    font-size: 1.33em;
}
#business02 .p-postList__excerpt {
    font-size: .88em;
}
#business01 .p-postList > li:first-of-type .p-postList__excerpt::before {
    content: '強酸・強アルカリ雰囲気で使用可能\A 施工膜厚：500～1500μｍ';
    white-space: pre;
}
#business01 .p-postList > li:nth-of-type(2) .p-postList__excerpt::before {
    content: 'Si-8000は「塩害や錆」「薬液（塩酸、硫酸、有機溶剤）」「摩耗」「腐食」「熱」「漏水」から基材を守ります。';
}
#business01 .p-postList > li:nth-of-type(3) .p-postList__excerpt::before {
    content: '現場施工が可能なプラントの保全工事をはじめ各種メンテナンス、表面処理、修復加工、据付工事など';
}
#business01 .p-postList > li .p-postList__excerpt::before {
    display: block;
    padding-bottom: .25em;
    font-size: 1.25em;
    font-weight: bold;
    /* color: #0070c0; */
}

/*---------------------------------------------------------
会社概要
---------------------------------------------------------*/
.about-table tr td:first-child {
    white-space: nowrap;
}
.about-table tr td strong:nth-child(n+2) {
    display: inline-block;
    margin-top: .5em;
}

/*---------------------------------------------------------
資料ダウンロード
---------------------------------------------------------*/
.dl-list img {
    filter: drop-shadow(2px 2px 2px gray);
}

/*---------------------------------------------------------
お問い合わせ
---------------------------------------------------------*/
.inquiry-phone {
    border: 1px solid !important;
    border-color: #ddd transparent transparent !important;
}
@media (min-width: 600px) {
    .inquiry-phone {
        border-color: transparent transparent transparent #ddd !important;
    }
}

/*---------------------------------------------------------
サイトマップ
---------------------------------------------------------*/
.wsp-container ul li {
    list-style-type: none;
    font-weight: bold;
}
.wsp-container ul li ul li {
    font-weight: normal;
}