/*
Theme Name: nagoyasogo-kigyo
Theme URI: https://wordpress.org/themes/twentysixteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Sixteen is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Twenty Sixteen will make your WordPress look beautiful everywhere.
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, gray, red, white, yellow, dark, light, one-column, two-columns, right-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: twentysixteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/**
* Table of Contents
*
* 1.0 - Normalize
* 2.0 - Genericons
* 3.0 - Typography
* 4.0 - Elements
* 5.0 - Forms
* 6.0 - Navigation
*   6.1 - Links
*   6.2 - Menus
* 7.0 - Accessibility
* 8.0 - Alignments
* 9.0 - Clearings
* 10.0 - Widgets
* 11.0 - Content
*    11.1 - Header
*    11.2 - Posts and pages
*    11.3 - Post Formats
*    11.4 - Comments
*    11.5 - Sidebar
*    11.6 - Footer
* 12.0 - Media
*    12.1 - Captions
*    12.2 - Galleries
* 13.0 - Multisite
* 14.0 - Media Queries
*    14.1 - >= 710px
*    14.2 - >= 783px
*    14.3 - >= 910px
*    14.4 - >= 985px
*    14.5 - >= 1200px
* 15.0 - Print
*/
/**
* 1.0 - Normalize
*
* Normalizing styles have been helped along thanks to the fine work of
* Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

@charset "utf-8";
/* =============================================================================
 Common CSS
 ========================================================================== */

img {
    aspect-ratio: attr(width) / attr(height);
    width: 100%;
    height: auto;
}

@media only screen and (min-width:768px) {
    body {
        min-width: 1024px;
        margin: 0;
    }

    #header {
        height: 160px;
    }

    #header .container {
        height: 160px;
        overflow: hidden;
        width: 100%;
    }

    #header .container .head-nagoyasogo {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 960px;
        padding-top: 16px;
        margin: 0 auto 12px;
    }

    #header .head-info {
        height: auto;
    }

    .navi_pc {
        height: 79px;
        clear: both;
        float: left;
        width: 100%;
        padding-bottom: 25px;
        background: url(https://www.nagoyasogo-kigyo.com/wp/wp-content/themes/nagoyasogo-kigyo/images/head-bg-nav.png) left top repeat-x;
        position: relative;
        z-index: 10;
    }

    .navi_pc ul {
        clear: both;
        margin: 0 auto;
        position: relative;
    }

    .navi_pc ul li {
        height: 20px;
        float: left;
        width: 12%;
        text-align: center;
        padding: 5px 0;
    }

    .navi_pc .navi_dropdown {
        display: none;
    }

    #wrapper {
        clear: both;
        padding-bottom: 70px;
    }

    #page_container {
        clear: both;
        width: 1095px;
        margin: 0 auto;
        height: 564px;
    }

    #page_content {
        float: left;
        width: 790px;
        margin-top: -10px;
    }

    #page_side,
    #page_side_blog {
        float: right;
        width: 263px;
        margin-top: 10px;
        padding-bottom: 50px;
    }

    #footer {
        //height: 1000px;
    }

    #top_img {
        height: 420px;
        width: 100%;
        background: #ddf0f7;
        text-align: center;
    }

    #top_img img {
        max-width: 710px;
    }

    #top_message {
        height: 60px;
        text-align: center;
        padding: 20px 0;
        background-color: #d1dbdc;
        font-size: 20px;
        font-family: '黎ミンY20 R', 'Ryumin Y20 R';
        line-height: 30px;
    }

    #top_info {
        height: 24px;
    }

    .banners {
        padding-bottom: 26px;
    }

    .banners::after {
        content: "";
        display: block;
        clear: both;
    }

    .banner-box {
        height: 51px;
        /* 固定高さ */
        padding: 0 25px 0 17px;
        /* 左右の内側余白（左20px, 右16px） */
        display: inline-flex;
        /* インラインフレックス配置 */
        flex-direction: column;
        /* テキストを縦並びに */
        justify-content: center;
        /* 縦中央寄せ */
        font-weight: 700;
        /* 太字 */
        line-height: 1;
        position: relative;
        /* 擬似要素配置のため */
        white-space: nowrap;
        /* テキスト折り返しなし */
        min-width: 200px;
        /* 最小幅 */
        text-align: center;
        /* テキスト中央寄せ */
        float: right;
        margin: 5px auto;
        color: #003366;
        /* テキスト色：濃い青 */
        border: 3px solid #003366;
    }

    /* 1行目のテキストスタイル */
    .banner-box .line1 {
        font-size: 0.70rem;
        /* 小さめの文字サイズ */
        letter-spacing: 0.05em;
        /* 字間やや広め */
    }

    /* 2行目のテキストスタイル */
    .banner-box .line2 {
        font-size: 1.05rem;
        /* 少し大きめ */
        letter-spacing: 0.05em;
        line-height: 1.2;
    }

    /* 共通ホバー効果（ちょっと暗くする） */
    .banner-box:hover {
        opacity: 0.9;
        cursor: pointer;
        text-decoration: none;
        transition: all 0.3s ease;
    }

    /* バナー右端の白いライン */
    .banner-box::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 0px;
        transform: translateY(-50%);
        width: 28px;
        height: 2px;
        background: #ffd400;
        /* 白色ライン */
    }

    .banner-btn {
        border-radius: 9999px;
        /* 最大限丸くしてバッジ風に */
        height: 51px;
        /* 固定高さ */
        padding: 0 28px 0 20px;
        /* 左右の内側余白（左20px, 右16px） */
        display: inline-flex;
        /* インラインフレックス配置 */
        flex-direction: column;
        /* テキストを縦並びに */
        justify-content: center;
        /* 縦中央寄せ */
        font-weight: 700;
        /* 太字 */
        line-height: 1;
        position: relative;
        /* 擬似要素配置のため */
        white-space: nowrap;
        /* テキスト折り返しなし */
        min-width: 200px;
        /* 最小幅 */
        text-align: center;
        /* テキスト中央寄せ */
        float: right;
        margin: 5px auto;
    }

    .btn-yerrow {
        background: #ffd400;
        /* 背景色：明るい黄色 */
        color: #003366;
        /* テキスト色：濃い青 */
    }

    .btn-blue {
        background: #0037B3;
        /* 背景色：明るい黄色 */
        color: white;
        /* テキスト色：濃い青 */
    }

    /* 共通ホバー効果（ちょっと暗くする） */
    .banner-btn:hover {
        opacity: 0.9;
        cursor: pointer;
        text-decoration: none;
        transition: all 0.3s ease;
    }

    /* 黄色ボタンのホバー時 */
    .btn-yerrow:hover {
        background: #e6bd00;
        /* 少し濃い黄色 */
        color: #002244;
        /* 少し濃い青（任意） */
    }

    /* 青ボタンのホバー時 */
    .btn-blue:hover {
        background: #002f9c;
        /* 濃いめの青に変化 */
        color: #ffffff;
    }

    /* 1行目のテキストスタイル */
    .banner-btn .line1 {
        font-size: 0.70rem;
        /* 小さめの文字サイズ */
        letter-spacing: 0.05em;
        /* 字間やや広め */
    }

    /* 2行目のテキストスタイル */
    .banner-btn .line2 {
        font-size: 1.05rem;
        /* 少し大きめ */
        letter-spacing: 0.05em;
        line-height: 1.2;
    }

    /* バナー右端の白いライン */
    .banner-btn::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 0px;
        transform: translateY(-50%);
        width: 28px;
        height: 2px;
        background: #fff;
        /* 白色ライン */
    }

    .contact-banner {
        max-width: 1000px;
        margin: 0 auto;
        padding-top: 110px;
        /* 背景画像の上部に余白を作る */
        text-align: center;
        background: url('https://www.nagoyasogo-kigyo.com/wp/wp-content/themes/nagoyasogo-kigyo/images/kigyo_contactbase_pc.webp') no-repeat top center;
        background-size: cover;
        width: 790px;
        height: 107px;
    }

    .contact-banner .heading {
        font-size: 20px;
        color: white;
        background-color: #002D74;
        display: inline-block;
        padding: 10px 20px;
        margin-bottom: 20px;
    }

    .contact-banner .contact-box {
        display: flex;
        justify-content: center;
        gap: 70px;
        height: 80px;
    }

    .contact-banner .phone-box,
    .mail-box {
        padding: 10px;
        color: white;
        text-align: center;
        width: 280px;
    }

    .contact-banner .phone-box {
        display: flex;
        align-items: center;
        background-color: #eeee00;
        /* 黄色背景 */
        color: #000000;
        text-decoration: none;
        padding: 12px 24px 12px 8px;
        border-radius: 4px;
        font-weight: bold;
        max-width: 320px;
        font-family: sans-serif;
        justify-content: center;
    }

    .contact-banner .phone-box .icon {
        display: inline-block;
        background-image: url('https://www.nagoyasogo-kigyo.com/wp/wp-content/themes/nagoyasogo-kigyo/images/phone_bl.webp');
        background-size: contain;
        background-repeat: no-repeat;
        width: 24px;
        height: 24px;
        margin-right: 10px;
    }

    .contact-banner .phone-box .text-wrap {
        display: flex;
        flex-direction: column;
        line-height: 1.3;
    }

    .contact-banner .phone-box .label {
        font-size: 12px;
    }

    .contact-banner .phone-box .number {
        font-size: 24px;
    }

    .contact-banner .phone-box .hours {
        font-size: 12px;
        font-weight: normal;
    }

    .contact-banner .mail-box {
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #0044cc;
        /* 青背景 */
        color: #ffffff;
        font-weight: bold;
        text-decoration: none;
        padding: 4px 24px 4px;
        position: relative;
        font-size: 20px;
        line-height: 1.1;
    }

    .contact-banner .mail-box .icon {
        display: inline-block;
        background-image: url('https://www.nagoyasogo-kigyo.com/wp/wp-content/themes/nagoyasogo-kigyo/images/mail.webp');
        background-size: contain;
        background-repeat: no-repeat;
        width: 24px;
        height: 24px;
        margin-right: 8px;
        vertical-align: middle;
    }

    .contact-banner .mail-box .maintext {
        display: block;
        font-size: 20px;
        font-weight: bold;
        margin-top: 4px;
    }

    .contact-banner .mail-box .subtext {
        display: block;
        font-size: 14px;
        font-weight: normal;
        margin-top: 4px;
    }


}

@media only screen and (max-width:767px) {
    body {
        min-width: 320px;
        margin: 0;
        font-size: 100%;
    }

    #header {
        height: 160px;
    }

    #header .container {
        height: 160px;
        overflow: hidden;
        margin: 0 auto;
    }

    #header .container .head-nagoyasogo {
        padding: 16px 8px 12px;
    }

    #header .head-info {
        display: none;
        ;
    }

    #header .navi_smp {
        width: 100%;
        float: left;
        height: 52px;
    }

    #header .navi_smp ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }

    #header .navi_smp li {
        width: 25%;
        float: left;
        padding: 0;
        margin: 0;
    }

    #header .navi_subnav,
    #header .slicknav_menu {
        height: 52px;
    }

    #header .subnav {
        display: none;
    }

    #page_side {
        display: none;
    }

    .h2_title {
        font-size: 125%;
        background-size: 6px;
        padding-left: 20px;
        margin-bottom: 20px;
    }

    .h3_title {
        font-size: 120%;
    }

    .blockY {
        padding-top: 30px;
    }

    p {
        padding: 0;
        margin: 0 0 8px;
    }

    #top_message {
        height: 60px;
        text-align: center;
        padding: 20px;
        background-color: #d1dbdc;
        font-size: 16px;
        font-family: '黎ミンY20 R', 'Reimin Y20 R';
        line-height: 20px;
    }

    #top_info {
        height: 24px;
    }



    .contact-banner {
        max-width: 1000px;
        margin: 0 auto;
        text-align: center;
        background: url('https://www.nagoyasogo-kigyo.com/wp/wp-content/themes/nagoyasogo-kigyo/images/kigyo_contactbase_sp.webp') no-repeat top center;
        background-size: cover;
        width: 100%;
        aspect-ratio: 160 / 149;
        height: auto;
    }

    .contact-banner .heading {
        font-size: 20px;
        color: white;
        background-color: #002D74;
        display: inline-block;
        padding: 10px 20px;
        margin-bottom: 20px;
    }

    .contact-banner .contact-box {
        padding-top: 35%;
    }

    .contact-banner .phone-box,
    .mail-box {
        padding: 10px;
        color: white;
        text-align: center;
        width: 80%;
        margin: 5px auto;
        aspect-ratio: 80 / 20;
        height: auto;
    }

    .contact-banner .phone-box {
        display: flex;
        align-items: center;
        background-color: #eeee00;
        /* 黄色背景 */
        color: #000000;
        text-decoration: none;
        padding: 12px 9% 12px 6%;
        font-weight: bold;
        font-family: sans-serif;
        justify-content: center;
    }

    .contact-banner .phone-box .icon {
        display: inline-block;
        background-image: url('https://www.nagoyasogo-kigyo.com/wp/wp-content/themes/nagoyasogo-kigyo/images/phone_bl.webp');
        background-size: contain;
        background-repeat: no-repeat;
        width: 24px;
        height: 24px;
        margin-right: 10px;
    }

    .contact-banner .phone-box .label {
        font-size: 12px;
    }

    .contact-banner .phone-box .number {
        font-size: 24px;
    }

    .contact-banner .phone-box .hours {
        font-size: 12px;
        font-weight: normal;
    }

    .contact-banner .mail-box {
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #0044cc;
        /* 青背景 */
        color: #ffffff;
        font-weight: bold;
        text-decoration: none;
        padding: 12px 9% 12px 6%;
        position: relative;
        font-size: 20px;
        font-family: sans-serif;
        line-height: 1.1;
    }

    .contact-banner .mail-box .icon {
        display: inline-block;
        background-image: url('https://www.nagoyasogo-kigyo.com/wp/wp-content/themes/nagoyasogo-kigyo/images/mail.webp');
        background-size: contain;
        background-repeat: no-repeat;
        width: 24px;
        height: 24px;
        margin-right: 10px;
    }

    .contact-banner .mail-box .maintext {
        display: block;
        font-size: 20px;
        font-weight: bold;
        margin-top: 4px;
    }

    .contact-banner .mail-box .subtext {
        display: block;
        font-size: 14px;
        font-weight: normal;
        margin-top: 4px;
    }

    .contact-banner .text-wrap {
        display: flex;
        flex-direction: column;
        line-height: 1.3;
    }
}


//////////////////

body {
    font-family: 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    margin: 0 auto;
    font-size: 14px;
    line-height: 150%;
    color: #0c0c0c;
}

h1 {
    padding: 0px;
    margin: 0px;
    font-size: 14px;
    color: #CCCCCC;
}

h2 {
    padding: 0px;
    margin: 0px;
    font-size: 14px;
    font-weight: normal;
}

h3 {
    padding: 0px;
    margin: 0px;
    font-size: 14px;
    font-weight: normal;
}

h4 {
    padding: 0px;
    margin: 0px;
    font-size: 14px;
    font-weight: normal;
}

h5 {
    padding: 0px;
    margin: 0px;
    font-size: 14px;
    font-weight: normal;
}

h6 {
    padding: 0px;
    margin: 0px;
    font-size: 14px;
    font-weight: normal;
}

h2,
h3,
h4,
h5,
h6 {
    line-height: 150%;
    font-family: 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    ;
    text-align: justify;
}

p {
    padding: 0;
    margin: 0 0 8px 0;
}

ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

ol {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    list-style-position: inside;
}

ol li {
    text-indent: 0em;
}

.ie ol li {
    text-indent: 0em;
}

li,
dl,
dt,
dd {
    padding: 0px;
    margin: 0px;
}

img {
    border: 0px;
    max-width: 100%;
}

a {
    color: #1a1a1a;
    text-decoration: none;
}

a:hover {
    color: #1a1a1a;
    text-decoration: underline;
}

a a:hover img {
    filter: alpha(opacity=60 style=0);
    opacity: 0.6;
}

::-webkit-input-placeholder {
    color: #939ca8;
    font-size: 13px;
    font-style: italic;
}

:-moz-placeholder {
    color: #939ca8;
    font-size: 13px;
    font-style: italic;
}

::-moz-placeholder {
    color: #939ca8;
    font-size: 13px;
    font-style: italic;
}

:-ms-input-placeholder {
    color: #939ca8;
    font-size: 13px;
    font-style: italic;
}

.smp {
    display: none;
}

/*font define*/

.f_kb {
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "Shuei KakuGo Kin B", sans-serif;
}

.f_kl {
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "Shuei KakuGo Kin L", sans-serif;
}

.f_mb {
    font-family: "Shuei Mincho B";
}

.f_w3 {
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "Shuei KakuGo Kin L", sans-serif;
}

.f_gr {
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "Shuei KakuGo Kin L", sans-serif;
}

.f_gb {
    font-family: "TBUDゴシック B", "TBUDGothic B", sans-serif;
}

strong.ORG {
    font-weight: bold;
    color: #f60;
}

/* =============================================================================
 Slicknav CSS
 ========================================================================== */
/*!
* SlickNav Responsive Mobile Menu v1.0.6
* (c) 2015 Josh Cope
* licensed under MIT
*/

.slicknav_btn {
    position: relative;
    display: block;
    vertical-align: middle;
    float: right;
    width: 25%;
    line-height: 1.125em;
    cursor: pointer;
}

.navi_subnav a {
    width: 100%;
}

.slicknav_btn .slicknav_icon-bar+.slicknav_icon-bar {
    margin-top: 0.188em;
}

.slicknav_menu {
    *zoom: 1;
}

.slicknav_menu .slicknav_menutxt {
    display: block;
    line-height: 1.188em;
    float: left;
    width: 100%;
}

.slicknav_menu .slicknav_icon {
    float: left;
    width: 1.125em;
    height: 0.875em;
    margin: 0.188em 0 0 0.438em;
    display: none;
}

.slicknav_menu .slicknav_icon:before {
    background: transparent;
    width: 1.125em;
    height: 0.875em;
    display: block;
    content: "";
    position: absolute;
}

.slicknav_menu .slicknav_no-text {
    margin: 0;
}

.slicknav_menu .slicknav_icon-bar {
    display: block;
    width: 1.125em;
    height: 0.125em;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}

.slicknav_menu:before {
    content: " ";
    display: table;
}

.slicknav_menu:after {
    content: " ";
    display: table;
    clear: both;
}

.slicknav_nav {
    clear: both;
}

.slicknav_nav ul {
    display: block;
}

.slicknav_nav li {
    display: block;
    width: 100% !important;
    float: none !important;
    border-bottom: 1px solid #808080;
}

.slicknav_nav .slicknav_arrow {
    font-size: 0.8em;
    margin: 0 0 0 0.4em;
    display: none;
}

.slicknav_nav .slicknav_item {
    cursor: pointer;
}

.slicknav_nav .slicknav_item a {
    display: inline;
}

.slicknav_nav a {
    display: block;
}

.slicknav_nav .slicknav_parent-link a {
    display: inline;
}

.slicknav_brand {
    float: left;
}

.slicknav_menu {
    font-size: 16px;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 2;
}

.slicknav_menu * {
    box-sizing: border-box;
}

.slicknav_menu .slicknav_menutxt {
    color: #fff;
    font-weight: bold;
    text-shadow: 0 1px 3px #000;
}

.slicknav_menu .slicknav_icon-bar {
    background-color: #fff;
}

.slicknav_btn {
    text-decoration: none;
}

.slicknav_nav {
    color: #fff;
    margin: 0;
    padding: 0;
    font-size: 0.875em;
    list-style: none;
    overflow: hidden;
}

.slicknav_nav ul {
    list-style: none;
    overflow: hidden;
    padding: 0;
    margin: 0 0 0 0;
}

.slicknav_nav .slicknav_row {}

.slicknav_nav .slicknav_row a {
    border-bottom: none;
}

.slicknav_nav .slicknav_row:hover {}

.slicknav_nav a {
    padding: 10px 3%;
    text-decoration: none;
    color: #ffffff;
}

.slicknav_nav a:hover {}

.slicknav_nav .slicknav_txtnode {
    margin-left: 15px;
}

.slicknav_nav .slicknav_item a {
    padding: 0;
    margin: 0;
}

.slicknav_nav .slicknav_parent-link a {
    padding: 0;
    margin: 0;
}

.slicknav_brand {
    color: #fff;
    font-size: 18px;
    line-height: 30px;
    padding: 7px 12px;
    height: 44px;
}

.slicknav_open .slicknav_item {
    border-bottom: 1px solid #808080;
    background: #808080 url(https://nagoyasogo-kigyo.com/wp/wp-content/themes/nagoyasogo-kigyo/images/icon-expand.png) 95% center no-repeat;
}

.slicknav_open ul {
    background-color: rgba(255, 255, 255, 1);
}

.slicknav_open ul a {
    color: #000000 !important;
    padding: 10px 7%;
}

.icon_collapsed {
    background: url(https://www.nagoyasogo-kigyo.com/wp/wp-content/themes/nagoyasogo-kigyo/images/icon-collapse.png) 95% center no-repeat;
}

.icon_blank {
    background: url(https://www.nagoyasogo-kigyo.com/wp/wp-content/themes/nagoyasogo-kigyo/images/icon-blank.png) 95% center no-repeat;
}

.icon_link {
    background: url(https://www.nagoyasogo-kigyo.com/wp/wp-content/themes/nagoyasogo-kigyo/images/icon-link.png) 95% center no-repeat;
}

.navi_search {
    width: 94% !important;
    padding: 10px 3%;
    overflow: hidden;
}

.navi_search input {
    float: left;
    padding: 0 2%;
    width: 88%;
    height: 35px;
    border-radius: 0;
    border: none;
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
}

.navi_search button {
    float: left;
    width: 12%;
    height: 35px;
    margin: 0;
    padding: 0;
    border: none;
    cursor: pointer;
    background-image: url(https://www.nagoyasogo-kigyo.com/wp/wp-content/themes/nagoyasogo-kigyo/images/icon-search.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #999999;
}

/* =============================================================================
 Template CSS
 ========================================================================== */

#outside {}

.container {
    width: 1100px;
    margin: 0 auto;
}

/*template-header*/

#header {
    //background: url(https://www.nagoyasogo-kigyo.com/wp/wp-content/themes/nagoyasogo-kigyo/images/head-bg.png) left top repeat;
    background: #3c4858;
}

#header img {
    display: block;
}

.head_logo {
    color: #ffffff;
}

.head_logo .img {
    float: left;
    width: 31px;
}

.head_logo .img a:hover img {
    filter: alpha(opacity=100 style=0);
    opacity: 1;
}

.head_logo a:hover {
    text-decoration: none;
}

.head_logo .txt1 {
    float: left;
    font-size: 16px;
    padding: 7px 0px 0 13px;
}

.head_logo .txt2 {
    float: left;
    clear: both;
    font-size: 32px;
    letter-spacing: 2px;
    padding: 9px 0;
}

#header .container {
    overflow: hidden;
    width: 100%;
}

#header .head_logo {
    float: left;
    width: 65%;
    max-width: 715px;
    padding: 30px 0 30px 105px;
}

#header .head_logo a {
    color: #ffffff;
}

.head_g1 {
    clear: both;
    overflow: hidden;
    padding: 0 0 7px 115px;
}

.head_g1 li {
    float: left;
    width: 150px;
}

.head_g1 li a {
    color: #ffffff;
    font-size: 13px;
    display: block;
}

.head_g1 li:first-child a {
    padding: 15px 0 8px 80px;
    background: url(https://www.nagoyasogo-kigyo.com/wp/wp-content/themes/nagoyasogo-kigyo/images/head-icon-home.png) 50px 15px no-repeat;
}

.head_g1 li:first-child a:hover {
    text-decoration: none;
}

.head_g1 li:last-child a {
    padding: 15px 0 8px 35px;
    background-image: url(https://www.nagoyasogo-kigyo.com/wp/wp-content/themes/nagoyasogo-kigyo/images/head-icon-arrow.png), url(https://www.nagoyasogo-kigyo.com/wp/wp-content/themes/nagoyasogo-kigyo/images/head-bg-link.png);
    background-position: 15px 22px, left top;
    background-repeat: no-repeat, no-repeat;
    text-decoration: none;
}

.head_g2 {
    clear: both;
    color: #ffffff;
}

.head_number {
    float: left;
    width: 150px;
    padding-right: 18px;
}

.head_number p {
    clear: both;
    font-size: 14px;
    margin-bottom: 5px;
    padding: 3px 0 2px 35px;
}

.head_number .tel {
    background: url(https://www.nagoyasogo-kigyo.com/wp/wp-content/themes/nagoyasogo-kigyo/images/head-icon-tel.png) left top no-repeat;
}

.head_number .fax {
    background: url(https://www.nagoyasogo-kigyo.com/wp/wp-content/themes/nagoyasogo-kigyo/images/head-icon-fax.png) left top no-repeat;
}

.head_time {
    float: left;
    width: 300px;
}

.head_time dl {
    clear: both;
    margin-bottom: 8px;
    padding: 3px 0 0 25px;
    overflow: hidden;
}

.head_time dl dt {
    border-radius: 5px;
    color: #1b1464;
    float: left;
    font-size: 11px;
    font-weight: bold;
    line-height: 140%;
    padding: 2px 0 1px;
    text-align: center;
    width: 38.5px;
}

.gecko .head_time dl dt {
    padding: 1px 0;
}

.head_time dl dd {
    float: left;
    font-size: 14px;
    color: #ffffff;
    padding: 0 20px 0 5px;
}

.head_time dl dd:last-child {
    padding-right: 0;
}

.head_time .day {
    background: url(https://www.nagoyasogo-kigyo.com/wp/wp-content/themes/nagoyasogo-kigyo/images/head-icon-day.png) left center no-repeat;
}

.head_time .day dt {
    background-color: #f15a24;
}

.head_time .day dd {}

.head_time .night {
    background: url(https://www.nagoyasogo-kigyo.com/wp/wp-content/themes/nagoyasogo-kigyo/images/head-icon-night.png) left center no-repeat;
}

.head_time .night dt {
    background-color: #29abe2;
}

.head_time .night dd {}

.head_time .night dt+dd {
    font-size: 12px;
    color: #29abe2;
    padding-right: 10px;
}

/*template-content*/


.blog-article-title {
    background-size: cover;
    background-position: center;
    position: relative;
    height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-family: 'Noto Sans', sans-serif;
    overflow: hidden;
    margin-bottom: 30px;
}

.blog-article-overlay {
    padding: 20px 40px;
    text-align: center;
    border-radius: 4px;
}

.blog-article-text-main {
    font-size: 40px;
    font-weight: 500;
    line-height: 1.2;
}

.blog-article-text-sub {
    font-size: 17px;
    font-weight: 400;
    margin-bottom: 8px;
}

#wrapper {
    clear: both;
    padding-bottom: 70px;
}

.float_link {
    float: right;
    width: 65px;
    height: 185px;
    position: fixed !important;
    right: 0;
    z-index: 1;
    display: none;
}

.float_link a {
    width: auto;
    display: none;
}

.fix_link {
    float: right;
    width: 65px;
    height: 185px;
    position: fixed !important;
    right: 0;
    z-index: 1;
}

.fix_link a {
    width: auto;
}

#topcontrol {
    z-index: 1;
}

.main_content {
    clear: both;
    min-height: 300px;
}

/*template-footer*/

#footer {
    clear: both;
}

.foot_link {
    clear: both;
    padding: 22px 0 20px;
    background-color: #e6e6e6;
    overflow: hidden;
}

.foot_link h2 {
    clear: both;
    font-size: 18px;
    font-weight: bold;
    padding: 5px 0 22px 2px;
}

.foot_link ul {
    width: 100%;
    overflow: hidden;
}

.foot_link ul li {
    float: left;
    width: 49%;
    margin-bottom: 5px;
}

.foot_link ul li a {
    font-size: 13px;
    color: #333333;
    padding: 2px 0 2px 0;
}

.foot_link ul li a:hover {
    color: #DEA02C;
    text-decoration: underline;
}

.safari .foot_link ul li a {
    padding: 3px 0 3px 0;
}

.foot_link .f_contact {
    float: left;
    width: 345px;
    padding: 0 45px 0 0;
}

.foot_link .f_contact .head_logo {
    clear: both;
    overflow: hidden;
    padding-bottom: 14px;
}

.foot_link .f_contact .head_logo .img {
    width: 26px;
}

.foot_link .f_contact .head_logo .txt1 {
    font-size: 15px;
    color: #1a1a1a;
}

.foot_link .f_contact .head_logo .txt2 {
    font-size: 21px;
    padding: 3px 0;
}

.foot_link .f_contact .p1 {
    clear: both;
    padding-bottom: 12px;
    font-size: 13px;
    color: #000000;
}

.foot_link .f_contact .p2 {
    clear: both;
    font-size: 12px;
    color: #000000;
    padding-bottom: 15px;
    line-height: 140%;
    letter-spacing: 1px;
}

.foot_link .f_contact .p3 {
    clear: both;
    font-size: 15px;
    color: #000000;
    line-height: 160%;
}

.foot_link .f_link {
    float: left;
    width: 340px;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    padding: 10px 35px 5px 53px;
}

.foot_link .f_social {
    float: left;
    width: 225px;
    padding: 10px 0 0 50px;
}

.foot_link .f_social li {
    width: 100%;
    letter-spacing: 1px;
}

.foot_copyright {
    color: #FAFAFA;
    background-color: #2e3351;
    padding: 30px 0 23px;
}

.foot_copyright p {
    text-align: justify;
    font-size: 13px;
    letter-spacing: -1px;
    line-height: 157%;
}

.foot_copyright p:last-child {
    text-align: center;
    font-size: 10px;
    letter-spacing: 0;
}

.foot_copyright .container {
    width: 95%;
}

/*template-navi*/

.navi_pc {
    clear: both;
    float: left;
    width: 100%;
    padding-bottom: 25px;
    background: url(https://www.nagoyasogo-kigyo.com/wp/wp-content/themes/nagoyasogo-kigyo/images/head-bg-nav.png) left top repeat-x;
    position: relative;
    z-index: 10;
}

.navi_pc ul {
    clear: both;
    margin: 0 auto;
    position: relative;
}

.navi_pc ul li {
    float: left;
    width: 12%;
    text-align: center;
    padding: 5px 0;
}

.navi_pc ul li a {
    font-size: 13px;
    padding: 15px 12px 6px;
    display: block;
    line-height: 180%;
    border-left: 2px solid #979798;
    font-family: 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

.navi_pc ul li:first-child a {
    border-left: none;
}

.navi_pc ul li a span {
    color: #1b4866;
    font-size: 16px;
    font-family: 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-weight: bold;
    letter-spacing: 2px;
}

@media screen and (min-width: 768px) and (max-width:1200px) {
    .navi_pc ul li a span {
        font-size: 14px;
    }
}

.navi_pc ul li.active a span {
    color: #dea02c;
}

.navi_pc ul li.active .drop_trigger:after {
    content: '';
    display: block;
    position: absolute;
    bottom: -7px;
    left: 42%;
    width: 0;
    height: 0;
    border-color: transparent transparent #ffffff transparent;
    border-style: solid;
    border-width: 10px;
}

.navi_pc ul li.nav-single .drop_trigger:after {
    border: none;
}

/*.navi_pc ul li:nth-child(3).active .drop_trigger:after,
.navi_pc ul li:nth-child(5).active .drop_trigger:after,
.navi_pc ul li:nth-child(6).active .drop_trigger:after {
  border-color: transparent transparent transparent transparent;
}*/
/*navi pc drop content*/

.navi_dropdown {
    position: absolute;
    left: 16px;
    top: 80px;
    z-index: 10;
    display: none;
}

.drop_trigger {
    position: relative;
}

.drop_trigger:hover {
    text-decoration: none;
}

.head-nav-single:hover {
    text-decoration: none;
}

.navi_overlay {
    position: fixed;
    z-index: 9;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
}

.navi_dropcontent01 {
    float: left;
    width: 940px;
    border: 2px solid #1b4866;
    border-top: none;
    background-color: #ffffff;
}

.navi_dropcontent01 .img {
    float: left;
    width: 385px;
    position: relative;
    z-index: 10;
    padding-top: 0px;
}

.navi_dropcontent01 .img h2 {
    position: relative;
    left: 0;
    top: 0;
    z-index: 11;
    width: 385px;
    height: 470px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #ffffff;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "Shuei KakuGo Kin L", sans-serif;
    font-weight: bold;
    font-size: 20px;
    line-height: 190%;
    background-color: rgba(0, 0, 0, 0.7);
}

.navi_dropcontent01 .img h2 span {
    font-size: 25px;
}

.navi_dropcontent01 .img img {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
}

.navi_dropcontent01 .info {
    float: left;
    /*  width: 490px;*/
}

.navi_dropcontent01 .info .submenu {
    width: auto;
    position: static;
    padding: 56px 16px 16px 44px;
}

.navi_dropcontent01 .info .submenu li {
    float: none;
    width: auto;
    text-align: left;
    padding: 0 0 38px 0;
}

.navi_dropcontent01 .info .submenu li a {
    display: inline;
    /*background: rgba(0, 0, 0, 0) url("images/icon-li01.png") no-repeat left center;*/
    color: #0c0c0c;
    padding: 2px 0 2px 0;
    line-height: 22px;
    font-size: 16px;
    border: none;
}

.navi_dropcontent01 .info .submenu li a:hover {
    color: #DEA02C;
}

.navi_dropcontent01 .info .submenu li a .icon01 {
    margin-right: 10px;
}

.navi_drop_info .info .submenu li a {
    border: none;
    background: url("images/icon-li02.png") right center no-repeat;
    padding: 2px 35px 2px 0;
}

.navi_dropcontent02 {
    float: left;
    width: 1100px;
    background-color: #ffffff;
    border: 2px solid #1b4866;
    border-top: none;
}

.navi_dropcontent02 .item_list {
    float: left;
    width: 750px;
}

.navi_dropcontent02 .item_list .item {
    float: left;
    /*width: 150px;*/
    width: 20%;
    display: inline-block;
    cursor: pointer;
    overflow: hidden;
    position: relative;
}

.navi_dropcontent02 .item_list .item img {
    display: inline-block !important;
    width: auto !important;
}

.navi_dropcontent02 .item_list .item:hover {
    border: 2px solid #325388;
    width: calc(20% - 4px * 4 / 5);
    box-sizing: border-box;
    height: 171px;
}

.ie .navi_dropcontent02 .item_list .item:hover {
    height: 171.3px;
}

.safari .navi_dropcontent02 .item_list .item:hover {
    height: 171.5px;
}

.navi_dropcontent02 .item_list .item:hover img {
    margin: -2px -2px 0px -2px;
}

.navi_dropcontent02 .item_list .item:hover .title {
    width: 146px;
    color: #DEA02C;
    text-decoration: underline;
}

.navi_dropcontent02 .item_list .item a.link {
    border: none;
    padding: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.navi_dropcontent02 .item_list .item a.link span {
    display: none;
}

.navi_dropcontent02 .item_list .item:nth-child(5n+1) {
    clear: left;
}

.navi_dropcontent02 .item_list .item.current {
    opacity: 0.7;
}

.navi_dropcontent02 .item_list .item .img {
    display: block;
}

.navi_dropcontent02 .item_list .item .title {
    width: 150px;
    line-height: 140%;
    height: 60px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
}

.navi_dropcontent02 .item_list .item .title span {
    display: none;
}

.navi_dropcontent02 .item_list .item .detail {
    display: none;
}

.navi_dropcontent02 .item_detail {
    float: right;
    width: 288px;
    margin: 4px 4px 4px 0;
    padding: 40px 25px 128px 25px;
    border: 1px solid #66a6c4;
    min-height: 350px;
}

.navi_dropcontent02 .item_detail .img {
    padding-bottom: 27px;
}

.navi_dropcontent02 .item_detail .img img {
    display: block;
}

.navi_dropcontent02 .item_detail .title {
    font-size: 24px;
    text-align: center;
    padding: 0 10px 20px;
    line-height: 110%;
    font-weight: bold;
}

.navi_dropcontent02 .item_detail .txt {
    font-size: 15px;
    text-align: justify;
    padding-bottom: 10px;
    line-height: 203%;
}

.navi_dropcontent02 .item_detail .btn {
    width: 265px;
}

.navi_dropcontent02 .item_detail .btn a {
    width: 265px;
    height: 55px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    background: url(https://www.nagoyasogo-kigyo.com/wp/wp-content/themes/nagoyasogo-kigyo/images/navi-guide-btn.png) left top no-repeat;
    border: none;
    line-height: 150%;
    padding: 0;
}

.navi_dropcontent02 .item_detail .btn a:hover {
    text-decoration: none;
    opacity: 0.8;
}

/*content*/

#page_container {
    clear: both;
    width: 1095px;
    margin: 0 auto;
}

#page_content {
    float: left;
    width: 790px;
    margin-top: -10px;
}

/*side*/

#page_side,
#page_side_blog {
    float: right;
    width: 263px;
    margin-top: 10px;
    padding-bottom: 50px;
}

.side_menu {
    clear: both;
}

.side_menu h2 {
    clear: both;
    float: right;
    width: 250px;
    color: #ffffff;
    font-size: 21px;
    background-color: #45658e;
    border-radius: 10px 10px 0 0;
    padding: 23px 0 17px;
    text-align: center;
    letter-spacing: 2px;
}

.side_navi {
    clear: both;
    padding-bottom: 26px;
}

.side_navi .side_navi_data {
    display: none;
}

.side_navi .slicknav_btn {
    display: none;
}

.side_navi .slicknav_nav {
    display: block !important;
}

.side_navi .slicknav_nav li {
    margin-left: 13px;
    width: 250px !important;
    border-bottom: 1px dotted #b3b3b3;
}

.side_navi .slicknav_menu {
    box-sizing: border-box;
    font-size: 16px;
    left: 0;
    position: static;
    width: 100%;
    z-index: 2;
    margin-top: 0 !important;
}

.side_navi .slicknav_parent:last-child {
    border-bottom: none;
}

.side_navi .slicknav_parent:last-child .slicknav_item {
    border-radius: 0 0 10px 10px;
}

.side_navi .slicknav_parent.slicknav_open {
    border-bottom: none;
    position: relative;
}

.side_navi .slicknav_parent.slicknav_open .slicknav_item {
    border: none;
    position: relative;
    background: #7398b2 url(https://www.nagoyasogo-kigyo.com/wp/wp-content/themes/nagoyasogo-kigyo/images/side-navi-collapse.png) 95% center no-repeat;
}

.side_navi .slicknav_parent.slicknav_open .slicknav_item:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: -26px;
    width: 0;
    height: 0;
    border-color: transparent #7398b2 transparent transparent;
    border-style: solid;
    border-width: 32px 13px 32px;
}

.side_navi .slicknav_parent.slicknav_collapsed .slicknav_item {
    border: none;
    background: #f2f2f2 url(https://www.nagoyasogo-kigyo.com/wp/wp-content/themes/nagoyasogo-kigyo/images/side-navi-expand.png) 95% center no-repeat;
}

.side_navi .slicknav_nav a {
    color: #333333;
    width: 250px;
    height: 64px;
    display: table-cell;
    padding: 0 25px 0 20px;
    vertical-align: middle;
    outline: none;
}

.side_navi .slicknav_nav .slicknav_item a {
    padding: 0;
}

.side_navi .slicknav_nav .slicknav_open .slicknav_item a {
    color: #ffffff;
}

.side_navi .slicknav_nav .slicknav_open .child li {
    border: 1px solid #7398b2;
    border-top: none;
    margin-left: 0;
}

.side_navi .slicknav_nav .slicknav_open .child a {
    height: 55px;
    color: #7398b2 !important;
    /*#7398b2 */
}

.side_navi .slicknav_nav .slicknav_open .child a:hover {
    color: #dea02c !important;
    text-decoration: underline;
}

.side_navi .slicknav_nav .slicknav_open .child a.stay {
    color: #dea02c !important;
    text-decoration: underline;
}

.side_group01,
.side_group02,
.side_group03 {
    clear: both;
    float: right;
    width: 250px;
}

.side_group01 img,
.side_group02 img,
.side_group03 img {
    display: block;
}

.side_group01 p {
    padding-bottom: 12px;
}

.side_group02 {
    padding-bottom: 23px;
}

.side_group02 p {
    padding-bottom: 9px;
}

.side_group03 p {
    padding-bottom: 11px;
}

/* =============================================================================
 Element list CSS
 ========================================================================== */

.path {
    color: #333;
    font-size: 13px;
    margin-bottom: 23px;
}

.path a {
    color: #333;
}

.h2_title {
    font-size: 30px;
    color: #333333;
    background: url(https://www.nagoyasogo-kigyo.com/wp/wp-content/themes/nagoyasogo-kigyo/images/ele-list-bg01.png) left center no-repeat;
    padding: 0 0 0 27px;
    margin-bottom: 33px;
}

.h3_title {
    font-size: 22px;
    color: #1A1A1A;
    border: 1px solid #CCCCCC;
    border-top: 4px solid #1E537E;
    padding: 4px 5px 3px 43px;
    background-image: url(https://www.nagoyasogo-kigyo.com/wp/wp-content/themes/nagoyasogo-kigyo/images/ele-list-bg02.png), url(https://www.nagoyasogo-kigyo.com/wp/wp-content/themes/nagoyasogo-kigyo/images/ele-list-bg03.png);
    background-position: 15px center, left top;
    background-repeat: no-repeat, repeat;
    margin-bottom: 20px;
}

.h4_title {
    font-size: 18px;
    color: #1A1A1A;
    border: 1px solid #CCCCCC;
    border-top: 4px solid #1E537E;
    padding: 4px 5px 3px 43px;
    background: url(https://www.nagoyasogo-kigyo.com/wp/wp-content/themes/nagoyasogo-kigyo/images/ele-list-bg04.png) #FBFBFB;
    background-position: 15px 15px;
    background-repeat: no-repeat;
    margin-bottom: 22px;
    font-weight: bold;
}

.h5_2title {
    font-size: 18px;
    color: #1A1A1A;
    border: 1px solid #CCCCCC;
    border-top: 4px solid #1E537E;
    padding: 4px 5px 3px 43px;
    margin-bottom: 22px;
    font-weight: bold;
}

.h5_title {
    font-size: 18px;
    color: #1A1A1A;
    border-top: 1px solid #B3B3B3;
    border-left: 3px solid #5A8FBA;
    padding: 4px 0 2px 17px;
    margin-bottom: 15px;
    font-weight: bold;
}

.h5_left {
    float: left;
    width: 343px;
}

.h5_right {
    float: right;
    width: 343px;
}

.h6_title {
    background: url(https://www.nagoyasogo-kigyo.com/wp/wp-content/themes/nagoyasogo-kigyo/images/ele-list-bg05.png) left center no-repeat;
    padding-left: 20px;
    font-size: 18px;
    margin-bottom: 23px;
    font-weight: bold;
}

.h6_left {
    width: 300px;
    float: left;
}

.h6_mid {
    width: 300px;
    float: left;
}

.h6_right {
    float: left;
    width: 130px;
}

.h2_title,
.h3_title,
.h4_title,
.h5_title,
.h6_title {
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "Shuei KakuGo Kin B", sans-serif;
    font-weight: bold;
}

.h2_title,
.h3_title,
.h4_title {
    clear: both;
}

.img img {
    display: block;
}

.block_01,
.block_02,
.block_03,
.block_04,
.block_05,
.block_06,
.block_07,
.block_08,
.block_09,
.block_10,
.block_11,
.button,
.block_contact {
    clear: both;
    overflow: hidden;
    padding-bottom: 50px;
}

.block_01 .text p,
.block_02 .text p,
.block_03 .text p,
.block_04 .text p,
.block_05 .text p,
.block_06 .text p,
.block_07 li,
.block_08 li,
.block_09 li,
.block_10 li {
    line-height: 255%;
    text-align: justify;
}

.block_01 h2,
.block_01 h3,
.block_01 h4,
.block_01 h5,
.block_01 h6,
.block_02 h2,
.block_02 h3,
.block_02 h4,
.block_02 h5,
.block_02 h6 {
    margin-top: 12px;
}

.block_left {
    float: left;
}

.block_right {
    float: right;
}

.block_01 .text {
    width: 415px;
}

.block_01 .img {
    width: 320px;
    padding-top: 12px;
}

.block_02 .text {
    width: 415px;
}

.block_02 .img {
    width: 320px;
    padding-top: 12px;
}

.block_03 .img {
    padding-bottom: 17px;
}

.block_04 .block_item {
    width: 360px;
}

.block_04 .img {
    padding-bottom: 17px;
}

.block_05 .block_item {
    width: 230px;
    float: left;
}

.block_05 .img {
    padding-bottom: 17px;
}

.block_05 .block_center {
    padding: 0 50px;
}

.block_06 .block_item {
    width: 170px;
    float: left;
    padding-right: 36px;
}

.block_06 .block_last {
    padding-right: 0;
}

.block_06 .img {
    padding-bottom: 10px;
}

.block_07 li {
    background: url(https://www.nagoyasogo-kigyo.com/wp/wp-content/themes/nagoyasogo-kigyo/images/ele-list-bg06.png) left 14px no-repeat;
    padding-left: 25px;
}

.block_08 ul {
    width: 375px;
    padding-right: 20px;
}

.block_08 ul li {
    background: url(https://www.nagoyasogo-kigyo.com/wp/wp-content/themes/nagoyasogo-kigyo/images/ele-list-bg06.png) left 14px no-repeat;
    padding-left: 25px;
}

.block_10 ol {
    width: 345px;
    padding-right: 20px;
}

.block_10 ol.block_right li {
    list-style: upper-alpha;
    list-style-position: inside;
}

.block_11 table {
    width: 100%;
    border-top: 1px solid #B3B3B3;
    border-left: 1px solid #B3B3B3;
    margin-bottom: 23px;
    font-family: 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

.block_11 table th,
.block_11 table td {
    border-bottom: 1px solid #B3B3B3;
    border-right: 1px solid #B3B3B3;
    padding: 13px 0 7px;
}

.block_11 table th {
    width: 50%;
    background: #D4E8ED;
    font-weight: bold;
}

.block_11 table td {
    width: 50%;
    padding-left: 20px;
}

.button {
    clear: both;
    margin: 0 auto;
    width: 445px;
    padding-bottom: 40px;
}

.button a {
    background: url(https://www.nagoyasogo-kigyo.com/wp/wp-content/themes/nagoyasogo-kigyo/images/ind-btn01.png) no-repeat left top;
    color: #fff;
    display: block;
    font-size: 17px;
    font-weight: bold;
    padding: 24px 50px 22px 22px;
    text-align: center;
}

.button a:hover {
    text-decoration: none;
}

.block_contact {
    clear: both;
    padding-bottom: 40px;
}

.block_contact img {
    display: block;
}

.blockA,
.blockB,
.blockC,
.blockD,
.blockE,
.blockF,
.blockG,
.blockH,
.blockI,
.blockJ,
.blockK,
.blockL,
.blockM,
.blockN,
.blockO,
.blockP,
.blockQ,
.blockR,
.blockS,
.blockT,
.blockU,
.blockV,
.blockW,
.blockX,
.blockY,
.blockZ {
    padding-bottom: 40px;
    float: left;
    width: 100%;
    font-family: 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    clear: both;
}

.blockA_left {
    width: 350px;
    float: left;
}

.blockA .text {
    width: 415px;
}

.blockA_right {
    float: right;
}

.element_main .text {
    line-height: 180%;
    font-size: 16px;
    margin-top: -6px;
    text-align: justify;
}

.p_bold {
    font-weight: bold;
    font-size: 18px;
    padding-bottom: 7px;
}

.blockB_left {
    width: 350px;
    float: left;
}

.blockB_right {
    float: right;
}

.blockB .text {
    width: 415px;
}

.blockC_left {
    width: 350px;
    float: left;
}

.blockC_right {
    float: right;
}

.blockC .text {
    width: 415px;
}

.blockD_left {
    width: 350px;
    float: left;
}

.blockD_right {
    float: right;
}

.blockD .text {
    width: 415px;
}

.blockF .p_bold {
    padding-bottom: 7;
}

.blockG .img {
    padding-bottom: 20px;
}

.blockH .block_item {
    width: 360px;
}

.blockH .img {
    padding-bottom: 17px;
}

.blockH .text {
    margin-top: 0;
}

.blockI .block_item {
    width: 230px;
    float: left;
}

.blockI .img {
    padding-bottom: 17px;
}

.blockI .block_center {
    padding: 0 50px;
}

.blockI .text,
.blockJ .text {
    margin-top: 0;
}

.blockJ .block_item {
    width: 184px;
    float: left;
    padding-right: 18px;
}

.blockJ .block_last {
    padding-right: 0;
}

.blockJ .img {
    padding-bottom: 10px;
}

.blockK li,
.blockL li,
.blockM li,
.blockN li {
    background: url(https://www.nagoyasogo-kigyo.com/wp/wp-content/themes/nagoyasogo-kigyo/images/ele-list-bg06.png) left 10px no-repeat;
}

.blockK ul {
    padding-left: 13px;
}

.blockK li,
.blockL li,
.blockM li,
.blockN li {
    line-height: 190%;
    font-size: 16px;
    padding-bottom: 5px;
    padding-left: 22px;
}

.blockL ul {
    width: 345px;
    padding-right: 7px;
}

.blockL ul {
    padding-left: 13px;
}

.blockM .block_center {
    float: left;
    padding: 0 28px;
}

.blockM .block_left,
.blockM .block_center {
    width: 250px;
}

.blockM .block_left,
.blockN .block_left {
    padding-left: 13px;
}

.blockM .block_right {
    float: left;
}

.blockN ul {
    float: left;
    width: 194px;
}

.blockN ul:last-child {
    padding-right: 0;
}

.blockO ol,
.blockP ol,
.blockQ ol {
    margin-left: 30px;
}

.blockO li,
.blockP li,
.blockQ li {
    line-height: 190%;
    font-size: 16px;
    padding-bottom: 5px;
    list-style-position: outside;
}

.blockP li,
.blockQ li {
    width: 47.5%;
    float: left;
}

.blockP li:nth-child(odd),
.blockQ li:nth-child(odd) {
    padding-right: 2.5%;
    clear: left;
}

.blockP li:nth-child(even),
.blockQ li:nth-child(even) {
    margin-left: 2.5%;
}

.blockQ ol {
    list-style-type: upper-alpha;
}

.table_plic {
    width: 100%;
    border-top: 1px solid #B3B3B3;
    border-left: 1px solid #B3B3B3;
    font-family: 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-size: 16px;
    border-collapse: collapse;
}

.table_pplic {
    width: 100%;
    border-top: 1px solid #B3B3B3;
    border-left: 1px solid #B3B3B3;
    font-family: 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-size: 16px;
}

.table_plic th,
.table_plic td {
    border-bottom: 1px solid #B3B3B3;
    border-right: 1px solid #B3B3B3;
    padding: 13px 0 10px;
}

.table_plic th {
    width: 50%;
    background: #D4E8ED;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "Shuei KakuGo Kin B", sans-serif;
    font-weight: bold;
}

.table_plic td {
    width: 47%;
    padding-left: 3%;
}

.table_winter-saturday {
    width: 100%;
    border-top: 1px solid #B3B3B3;
    border-left: 1px solid #B3B3B3;
    font-family: 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-size: 16px;
    border-collapse: collapse;
}

.table_winter-saturday th,
.table_winter-saturday td {
    border-bottom: 1px solid #B3B3B3;
    border-right: 1px solid #B3B3B3;
    padding: 13px 10px 10px;
}

.table_winter-saturday th {
    background: #D4E8ED;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "Shuei KakuGo Kin B", sans-serif;
    font-weight: bold;
}

.table_winter-saturday td {
    padding-left: 3%;
}

.table_pplic th,
.table_pplic td {
    border-bottom: 1px solid #B3B3B3;
    border-right: 1px solid #B3B3B3;
    padding: 13px 10px 10px;
}

.table_pplic th {
    width: 30%;
    background: #D4E8ED;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "Shuei KakuGo Kin B", sans-serif;
    font-weight: bold;
}

.table_pplic td {
    width: 47%;
    padding-left: 3%;
}

.blockS .table_plic th {
    width: 36%;
    text-align: left;
    padding-left: 3%;
    padding-right: 3%;
}

.blockS .table_plic td {
    width: 66%;
    padding-left: 4%;
}

.blockT .table_plic th {
    text-align: left;
    padding-left: 3%;
    padding-right: 3%;
    width: 28%;
}

.blockT .table_plic thead th:first-child {
    width: 36%;
    padding-left: 3%;
}

.blockT .table_plic thead th:last-child {
    width: 66%;
    padding-left: 4%;
}

.blockT .table_plic td {
    width: 32%;
    padding-left: 4%;
}

.blockT .table_pplic th {
    text-align: left;
    padding-left: 3%;
    padding-right: 3%;
    width: 10%;
}

.blockT .table_pplic thead th:first-child {
    width: 10%;
    padding-left: 3%;
}

.blockT .table_pplic thead th:last-child {
    width: 10%;
    padding-left: 4%;
}

.blockT .table_pplic td {
    width: 25%;
    padding-left: 4%;
}

.blockU_info {
    min-height: 116px;
    border: 1px solid #B3B3B3;
    background: url(https://www.nagoyasogo-kigyo.com/wp/wp-content/themes/nagoyasogo-kigyo/images/ele-list-img05.jpg) right top no-repeat;
    margin-bottom: 20px;
    padding-left: 18px;
    padding-top: 13px;
}

.blockU_info:last-child {
    margin-bottom: 0;
}

.blockU_b01 p {
    width: 60px;
    color: #fff;
    background: #416390;
    text-align: center;
    font-size: 10px;
    padding: 3px 0 2px;
    letter-spacing: 0px;
}

.blockU_b01 {
    max-width: 580px;
}

.blockU_b01 h3,
.blockU_b01 p {
    display: table-cell;
    vertical-align: middle;
}

.blockU_b01 p span {
    font-size: 30px;
}

.blockU_b01 h3 {
    color: #E6839A;
    font-size: 18px;
    padding-left: 12px;
    font-weight: bold;
}

.blockU_text {
    padding-top: 10px;
    line-height: 150%;
    width: 580px;
    font-size: 15px;
}

.blockV_info {
    min-height: 129px;
    border: 1px solid #B3B3B3;
    margin-bottom: 20px;
}

.blockV_p01,
.blockV_img,
.blockV_h3,
.blockV_text {
    display: table-cell;
    vertical-align: middle;
}

.blockV_p01 {
    width: 99px;
    background: #416390;
    color: #fff;
    text-align: center;
    font-size: 14px;
    line-height: 200%;
    letter-spacing: 3px;
}

.blockV_p01 span {
    font-size: 36px;
}

.blockV_img {
    width: 130px;
}

.blockV_img img {
    display: block;
}

.blockV_h3 {
    width: 145px;
    text-align: center;
    font-size: 28px;
    color: #E6839A;
    letter-spacing: 2px;
    line-height: 125%;
}

.blockV_text {
    width: 392px;
    font-size: 15px;
    line-height: 175%;
}

.blockV_info:last-child {
    margin-bottom: 0;
}

.blockV_info:last-child .blockV_p01 {
    letter-spacing: 0;
}

.blockW_img,
.blockW_text {
    display: table-cell;
    vertical-align: middle;
}

.blockW_img {
    width: 60px;
    padding-right: 20px;
}

.blockW_img img {
    display: block;
}

.blockW_text {
    font-size: 15px;
}

.blockW_text h3 {
    font-size: 18px;
    color: #E6839A;
    font-weight: bold;
}

.blockW_info {
    margin-bottom: 20px;
}

.blockW_info:last-child {
    margin-bottom: 0;
}

.blockX {
    clear: both;
    margin: 0 auto;
    width: 445px;
    padding-bottom: 40px;
    float: none;
}

.blockX a {
    background: url(https://www.nagoyasogo-kigyo.com/wp/wp-content/themes/nagoyasogo-kigyo/images/ind-btn01.png) no-repeat left top;
    color: #fff;
    display: block;
    font-size: 17px;
    font-weight: bold;
    padding: 24px 50px 24px 22px;
    text-align: center;
}

.blockX a:hover {
    text-decoration: none;
}

.blockX-img {
    padding-bottom: 40px;
    clear: both;
}

.blockX-img img {
    width: auto;
    display: block;
    margin: 0 auto;
}

.blockY {
    clear: both;
    padding-bottom: 40px;
    padding-top: 60px;
}

.blockY img {
    display: block;
}

.element_main {
    padding-bottom: 50px;
}

/* =============================================================================
 Page CSS
 ========================================================================== */
/*top-page*/

.ind_slider {
    /*background:url(https://www.nagoyasogo-kigyo.com/wp/wp-content/themes/nagoyasogo-kigyo/images/ind-slider-bg.png) center center no-repeat;*/
    position: relative;
    clear: both;
}

.ind_slider img {
    width: 100%;
}

.ind_slider {
    margin-bottom: 52px;
    z-index: 0;
}

#ind_body .navi_pc {
    padding-bottom: 2px;
}

#ind_body #page_container {
    width: 100% !important;
}

#ind_main {}

.ind_img01 {
    width: 440px;
    float: left;
}

.ind_text01 {
    width: 620px;
    float: right;
}

.ind_text01 h2 {
    font-size: 23px;
    color: #333;
    font-weight: bold;
    line-height: 185%;
    margin-top: -10px;
    margin-bottom: 5px;
    letter-spacing: -0.5px;
}

.ind_p01 {
    font-size: 17px;
    color: #000;
    line-height: 250%;
    padding-bottom: 5px;
    text-align: justify;
}

.ind_btn01 {
    width: 445px;
    margin: 0 auto;
}

.ind_btn01 a {
    font-size: 16px;
    background: url(https://www.nagoyasogo-kigyo.com/wp/wp-content/themes/nagoyasogo-kigyo/images/ind-btn01.png) left top no-repeat;
    color: #fff;
    display: block;
    padding: 22px 0 22px 22px;
    font-weight: bold;
    letter-spacing: -1px;
}

.ind_btn01 a:hover {
    text-decoration: none;
}

.ind_gr01 {
    overflow: hidden;
    padding-bottom: 58px;
}

.ind_gr02 {
    background: url(https://www.nagoyasogo-kigyo.com/wp/wp-content/themes/nagoyasogo-kigyo/images/ind-bg01.png) left top;
    padding-top: 50px;
    overflow: hidden;
    padding-bottom: 53px;
}

.ind_layout {
    width: 1100px;
    margin: 0 auto;
}

.ind_layout_counsel {
    margin: 0 auto;
}

.ind_title01 {
    color: #1A1A1A;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    padding: 0 0 44px;
}

.ind_info {
    width: 275px;
    height: 550px;
    float: left;
    margin-bottom: 19px;
    padding-bottom: 12px;
    background: url(https://www.nagoyasogo-kigyo.com/wp/wp-content/themes/nagoyasogo-kigyo/images/ind-border.png) right bottom repeat-y #fff;
    position: relative;
    z-index: 1;
}

.access-office {
    text-align: center;
    margin: 40px 0 20px;
    font-size: 24px;
    padding-bottom: 10px;
    border-bottom: solid 2px #CFCFCF;
    font-family: 'メイリオ', 'Meiryo', 'ＭＳ ゴシック', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
}

.access-button {
    position: relative;
    line-height: 2em;
    padding-left: 3em;
    margin: 0;
}

.access-button:before {
    position: absolute;
    left: 20px;
    content: "";
    display: inline-block;
    width: 2em;
    height: 2em;
    background: url(https://www.nagoyasogo-kigyo.com/wp/wp-content/uploads/2021/05/img_icon_location.webp) no-repeat;
    background-size: contain;
}

/*
.pc_container .ind_info:hover{z-index: 2;}
.pc_container .ind_info:hover:before,
.pc_container .ind_info_last .ind_info01:hover:before{
  content: "";
  position: absolute;
  left: -2px;
  top: -2px;
  width: 100%;
  height: 100%;
  border:2px solid #325388;
  z-index: 2;
  }*/

.pc_container .ind_info:hover img {
    filter: alpha(opacity=100 style=0);
    opacity: 1;
}

/*
.pc_container .ind_info:hover h3,
.pc_container .ind_info_last .ind_info01:hover h3{
  color: #dea02c;
  text-decoration: underline;
  }*/

.pc_container .ind_info:hover .ind_img02,
.pc_container .ind_info:hover .ind_link01,
.pc_container .ind_info_last .ind_info01:hover {
    z-index: 3;
    position: relative;
}

.pc_container .ind_info_last:hover:before {
    border: none;
    position: relative;
    z-index: 1;
}

.pc_container .ind_info_last:hover h3 {
    color: #333333;
    text-decoration: none;
}

.ind_info:nth-child(4n) {
    background: #fff;
}

.ind_img02 {
    padding-bottom: 10px;
}

.ind_img02 img {
    display: block;
}

.ind_info h3 {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    color: #333;
    line-height: 170%;
    display: table-cell;
    width: 275px;
    vertical-align: middle;
    padding-bottom: 2px;
    height: 47px;
}

.ind_p02 {
    color: #000;
    font-size: 14px;
    line-height: 230%;
    padding-bottom: 6px;
    height: 128px !important;
    margin: 0 5% 10px;
    border-bottom: dashed 1px #ccc;
}

.ind_link01 {
    text-align: right;
    padding: 0 8%;
    font-size: 12px;
    letter-spacing: -0.5px;
}

.ind_link01 a {
    color: #333;
    text-decoration: underline;
}

.ind_link01 a:hover {
    text-decoration: none;
}

.ind_info:nth-child(4n+1) {
    clear: left;
}

.ind_gr03 {
    overflow: hidden;
    padding-top: 75px;
    padding-bottom: 60px;
}

.ind_gr03 h2 {
    padding-bottom: 24px;
}

.ind_img03 {
    width: 250px;
    float: left;
}

.ind_text02 {
    width: 785px;
    float: right;
}

.ind_p03 {
    color: #39506F;
    font-size: 21px;
    padding-bottom: 20px;
    font-weight: bold;
}

.ind_p04 {
    color: #000;
    font-size: 15px;
    line-height: 270%;
}

.ind_img03 {
    text-align: center;
}

.ind_img03 div {
    padding-bottom: 4px;
}

.ind_img03 p img {
    max-width: 235px;
    width: 100%;
}

.ind_content02 {
    overflow: hidden;
    padding-top: 10px;
}

.ind_gr04 {
    background: url(https://www.nagoyasogo-kigyo.com/wp/wp-content/themes/nagoyasogo-kigyo/images/ind-bg01.png) left top;
    padding-top: 55px;
    overflow: hidden;
    padding-bottom: 9px;
}

.ind_gr04 h2 {
    padding-bottom: 22px;
}

.ind_table01 {
    width: 100%;
    font-size: 14px;
    margin-bottom: 52px;
}

.ind_table01 th,
.ind_table01 td {
    color: #4D4D4D;
    font-weight: normal;
    padding-top: 12px;
    padding-bottom: 11px;
}

.ind_table01 tr:nth-child(odd) th,
.ind_table01 tr:nth-child(odd) td {
    background: #DBDBDB;
}

.ind_table01 th {
    padding-left: 16px;
    padding-right: 7px;
    width: 125px;
    text-align: left;
}

.ind_width01 {
    width: 530px;
    float: left;
}

.ind_width01 h2 {
    padding-bottom: 17px;
}

.ind_pding {
    margin-right: 40px;
}

.ind_font01 {
    font-size: 24px;
}

.ind_font02 {
    font-size: 23px;
}

.ind_font03 {
    font-size: 21px;
}

.ind_h3_lst,
.ind_img_lst {
    display: table-cell !important;
    vertical-align: middle;
}

.ind_img_lst {
    width: 90px;
    height: 114px;
    padding: 0 10px 0 20px;
    margin-top: 0;
}

.ind_img_lst img {
    display: block;
}

.ind_h3_lst {
    width: 148px !important;
}

.ind_info01 {
    background: url(https://www.nagoyasogo-kigyo.com/wp/wp-content/themes/nagoyasogo-kigyo/images/ind-border01.png) right bottom repeat-x;
    padding-bottom: 37px;
    padding-top: 37px;
}

.ind_info01:last-child {
    background: none;
    padding-bottom: 37px;
}

.ind_info:last-child {
    padding-bottom: 12px;
}

.ind_gr05 {
    padding-top: 83px;
    overflow: hidden;
    padding-bottom: 77px;
}

@media only screen and (min-width:768px),
print {
    ul.ind_banner {
        padding-left: 104px;
    }

    .ind_banner li {
        width: 250px;
        float: left;
        padding-right: 64px;
        color: #1A1A1A;
    }

    .ind_banner li:last-child {
        padding-right: 0;
    }

    .ind_banner li a {
        display: block;
        padding-bottom: 5px;
    }

    .ind_banner li img {
        display: block;
    }

    .container .head-nagoyasogo {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 960px;
        padding-top: 16px;
        margin: 0 auto 12px;
    }

    .container .head-info p {
        margin-bottom: 0;
    }

    .container .head-office {
        display: flex;
        justify-content: space-between;
        margin: 0 -8px 8px 0;
        border-bottom: 1px dotted white;
    }

    .container .head-office-detail {
        margin-right: 8px;
        margin-top: 0px;
    }

    .container .head-office-detail:nth-child(4) {
        margin-right: 0px;
    }

    .container .head-office-detail h3 {
        width: 110px;
        background: #e6e6e6;
        text-align: center;
        font-family: 'ヒラギノUD角ゴ W3 JIS2004', 'Hiragino UD Sans W3 JIS2004';
        font-size: 13px;
        line-height: 20px;
        margin: 4px auto;
    }

    .container .head-office-detail h3 {
        position: static;
        padding: 0;
        border: none;
        color: #333;
    }

    .container .head-office-detail h3.w180 {
        width: 100%;
        padding: 2px 8px;
        box-sizing: border-box;
    }

    .container .head-office-detail p {
        text-align: center;
        font-family: 'ヒラギノUD角ゴ W3 JIS2004', 'Hiragino UD Sans W3 JIS2004';
        font-size: 13px;
        line-height: 18px;
        color: #fff;
        margin-bottom: 0;
        padding: 0 8px;
    }
}

@media only screen and (max-width:767px) {
    ul.ind_banner {
        max-width: 56%;
        display: block;
        margin: 0 auto;
    }

    .container .head-nagoyasogo {
        padding: 4px 8px 12px;
    }

    .container .head-info {
        display: none;
    }
}

.ind_gr05 h2 {
    padding-bottom: 39px;
}

.ind_gr06 {
    overflow: hidden;
    padding-bottom: 87px;
}

.ind_face {
    width: 340px;
    float: left;
    padding-right: 21px;
    padding-left: 10px;
}

.ind_h3_title01 {
    font-size: 23px;
    color: #333333;
    text-align: center;
    padding-bottom: 20px;
    font-weight: bold;
}

.ind_video {
    width: 350px;
    float: left;
    padding-right: 30px;
}

.ind_func {
    width: 345px;
    float: left;
}

.ind_func p {
    padding-top: 8px;
    padding-bottom: 18px;
}

.ind_gr06 img {
    width: auto;
    display: block;
}

.ind_smp,
.ind_tab_smp {
    display: none;
}

.ind_slider img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}

.ind_slider .img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    background: url(https://www.nagoyasogo-kigyo.com/wp/wp-content/themes/nagoyasogo-kigyo/images/ind-slider-bg.png) center top no-repeat;
}

.ind_slider .img span {
    display: none;
}

.ind_smp_slider {
    display: none;
}

/*CSS 当事務所の取扱い業務一覧 - 20160725 - Nghia Nguyen*/

.ind_info01 {
    position: relative;
}

.ind_info_link {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 398px;
    z-index: 5;
}

.ind_info_link2 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
}

.ind_info_link span,
.ind_info_link2 span,
.post-edit-link {
    display: none;
}

.info_list {
    padding-left: 30px;
    list-style-type: disc;
    line-height: 1.8em;
}

.inner_list:hover h3 a {
    color: #dea02c !important;
    text-decoration: underline;
}

/*CSS 当事務所の取扱い業務一覧 - 20160725 - Nghia Nguyen*/
/*---------------contact.html---------------------*/

.contact_form .p01 {
    color: #C1272D;
    font-size: 14px;
    padding: 14px 0 14px 7px;
}

.contact_form table {
    width: 789px;
    border-right: 1px solid #999999;
    border-left: 1px solid #B5B3B3;
}

.contact_form th {
    background-color: #7398B2;
    color: #fff;
    width: 220px;
    text-align: left;
    padding-top: 19px;
    text-indent: 25px;
    font-size: 16px;
    font-weight: normal;
    position: relative;
    vertical-align: top;
    border-bottom: 1px solid #B5B3B3;
}

.contact_form th span.note {
    position: absolute;
    right: 33px;
    top: 20px;
}

.contact_form tr:last-child th span.note {
    top: 29px;
}

.contact_form tr:last-child th {
    padding-top: 28px;
}

.contact_form td {
    font-size: 14px;
    padding: 8px 0px 8px 17px;
    color: #666666;
    border-left: 1px solid #999999;
    border-bottom: 1px solid #999999;
}

.contact_form .trtop th {
    border-top: 1px solid #B5B3B3;
}

.contact_form .trtop td {
    border-top: 1px solid #999999;
}

.contact_form td input.ip01 {
    height: 35px;
    margin-right: 19px;
    width: 294px !important;
    text-indent: 5px;
    border: 1px solid #B3B3B3;
}

.contact_form td textarea {
    border: 1px solid #B3B3B3;
    margin: 4px 0px 5px 0px;
    text-indent: 5px;
    resize: none;
    padding-top: 5px;
    width: 526px !important;
    height: 163px !important;
}

/*---------topicsdetail.html-------*/

.topicdtl_01 {
    font-family: 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

.topicdtl_01 .date {
    font-size: 16px;
    padding-bottom: 10px;
    font-weight: medium;
}

.topicdtl_01 h3 {
    font-size: 18px;
    padding-bottom: 12px;
    font-weight: bold;
}

.topicdtl_01 .img {
    padding-bottom: 10px;
    text-align: center;
}

.topicdtl_01 .img img {
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    display: inline-block;
}

.topicdtl_01 .info {
    line-height: 200%;
    font-size: 16px;
    padding-bottom: 56px;
}

.topicdtl_01 .button {
    padding-bottom: 103px;
}

.topicdtl_02 {
    display: none;
}

/*---------topicslist.html-----------*/

.topiclst_main {
    font-family: 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

.topiclst_content {
    overflow: hidden;
    padding-bottom: 42px;
}

.topiclst_info {
    width: 250px;
    float: left;
    padding-right: 20px;
    padding-bottom: 40px;
}

.topiclst_info:nth-child(3n) {
    padding-right: 0;
}

.topiclst_info:nth-child(3n+1) {
    clear: left;
}

.topiclst_img {
    padding-bottom: 15px;
}

.topiclst_img img {
    display: block;
    height: auto;
}

.topiclst_date,
.topiclst_text {
    padding-left: 10px;
    padding-right: 10px;
}

.topiclst_date {
    color: #333;
    padding-bottom: 8px;
}

.topiclst_text {
    font-size: 16px;
    line-height: 170%;
}

.topic_pager {
    text-align: center;
    font-size: 16px;
    padding-bottom: 51px;
}

.topic_pager a,
.topic_pager b,
.topic_pager span {
    display: inline-block;
    width: 35px;
    vertical-align: middle;
    border: 1px solid #45658E;
    margin-right: 6px;
    padding: 8px 0 7px;
    color: #333;
    font-weight: bold;
    line-height: 120%;
}

.topic_pager a:hover {
    text-decoration: none;
    background: #45658E;
    color: #fff;
}

.topic_pager a:first-child:hover,
.topic_pager a:last-child:hover {
    background: none;
    color: #333;
}

.topic_pager img {
    width: auto;
    display: block;
    margin: 0 auto;
}

.topic_pager b,
.topic_pager span {
    color: #fff;
    background: #45658E;
}

.topic_pager span.page-numbers.dots {
    background: none !important;
    color: #333333 !important;
}

.topic_pager .screen-reader-text {
    display: none;
}

/*icon*/

.icon01 {
    display: inline-block;
    width: 19px;
    height: 19px;
    margin-right: 15px;
    text-align: center;
    vertical-align: middle;
    border-radius: 50%;
    background-color: #000000;
    position: relative;
    top: -2px;
}

.ie .icon01 {
    top: 0;
}

.icon01:before {
    position: relative;
    top: -2px;
    color: #fff;
    font-family: Arial;
    font-size: 12px;
    content: "\003e";
}

.nago_sp001,
.nago_dot01 {
    display: inline !important;
}

.item_detail .nago_sp001 {
    display: block !important;
}

.item_detail .nago_dot01 {
    display: none !important;
}

/*-----------------blogdetail.html-----------------*/

.blog_dtl_main {
    padding-top: 2px;
}

.blog_dtl_main h2 {
    padding-bottom: 15px;
}

.blog_dtl_p01 {
    text-align: center;
    padding-bottom: 10px;
    clear: both;
}

.blog_dtl_p01 a {
    width: 155px;
    display: inline-block;
    vertical-align: middle;
    background-color: #D9D9D9;
    font-weight: bold;
    font-size: 16px;
    padding: 13px 25px;
    margin-right: 18px;
}

.blog_dtl_p01 a:hover {
    text-decoration: none;
}

.blog_dtl_p01 a:last-child {
    margin-right: 0;
}

.blog_dtl_p02 {
    clear: both;
    width: 100%;
    max-width: 530px;
    display: table;
    margin: 0 auto;
    padding-bottom: 30px;
    text-align: center;
    border-spacing: 10px;
}

.blog_dtl_p02 a {
    width: 45%;
    height: 31px;
    display: table-cell;
    color: #39506F;
    font-size: 15px;
    background-color: #F2F2F2 !important;
    background-size: 15px 15px;
    border: 1px solid #B3B3B3;
    padding: 3px 0;
    vertical-align: middle;
}

.ie .blog_dtl_p02 a {
    padding: 6px 0 0 0;
}

.blog_dtl_p02 a:hover {
    text-decoration: none;
}


.blog_dtl_main .h2_title {
    font-size: 26px;
    margin-bottom: 12px;
}

.blog_dtl_socil {
    text-align: right;
    width: 315px;
    float: right;
    margin-bottom: 21px;
}

.blog_dtl_socil div {
    display: inline-block !important;
    vertical-align: top !important;
    margin-right: 13px;
}

.blog_dtl_socil div.fb_iframe_widget span {
    vertical-align: top !important;
}

.blog_dtl_socil div:last-child {
    margin-right: 0;
    width: 70px !important;
}

.blog_dtl_socil iframe {
    display: block;
}

.blog_dtl_gr {
    clear: both;
    overflow: hidden;
}

.blog_dtl_gr .h3_title {
    padding-bottom: 0;
    margin: 6px 0 29px ;
}

.blog_dtl_gr .blockC_right {
    width: 350px;
}

.blog_dtl_gr .text {
    font-size: 16px;
    color: #1A1A1A;
    line-height: 190%;
    text-align: justify;
    margin-top: -6px;
}

.blog_dtl_txt {
    font-size: 16px;
    color: #1A1A1A;
    line-height: 190%;
    text-align: justify;
    clear: both;
    padding-bottom: 33px;
}

.blog_dtl_sp01 {
    color: #C1272D;
}

.blog_dtl_sp02 {
    color: #45658E;
}

.blog_dtl_gr .blockC {
    padding-bottom: 33px;
}

.blog_dtl_gr .h5_title {
    margin-bottom: 24px;
    padding-bottom: 0;
}

.blog_dtl_text01 p {
    padding-bottom: 31px;
}

.blog_dtl_text01 p:last-child {
    padding-bottom: 23px;
}

.blog_dtl_gr .blog_dtl_blockC {
    padding-bottom: 39px;
}

.blog_dtl_pd01 .blog_dtl_socil {
    margin-bottom: 39px;
}

.blog_dtl_pd01 .blog_dtl_p02 {
    padding-bottom: 21px;
}

.blog_dtl_main .blockY {
    padding-top: 18px;
}

.blog_dtl_side h2 {
    padding: 18px 0 10px;
}

.blog_dtl_list01 {
    background: #7398B2;
    padding: 10px;
    width: 230px;
    float: right;
    margin-bottom: 24px;
    font-size: 14px;
}

.blog_dtl_list01 ul li {
    padding: 0 10px;
    background: #fff;
    overflow: hidden;
}

.blog_dtl_list01 li:first-child {
    padding-top: 16px;
}

.blog_dtl_list01 li a {
    color: #45658E;
    border-bottom: 1px dotted #B3B3B3;
    margin-bottom: 12px;
    padding-bottom: 12px;
    display: block;
    line-height: 120%;
    font-family: 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

.blog_dtl_list01 p {
    text-align: right;
    background: #fff;
    padding-bottom: 6px;
}

.blog_dtl_list01 p a {
    padding: 0 10px 10px;
    color: #45658E;
}

.dtl_color01 {
    color: #333333;
}

.blog_dtl_list01 img {
    display: block;
}

.blog_dtl_calen {
    margin-bottom: 52px;
}

/*--------------bloglist.html------------------*/

.blog_lst_main .tabs {
    float: left;
    width: 100%;
    border-bottom: 1px solid #b3b3b3;
    margin-bottom: 36px;
}

.blog_lst_main .tabs li {
    width: 217px;
    border: 1px solid #B3B3B3;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    text-align: center;
    font-size: 18px;
    background: #F2F2F2;
    float: left;
    margin-bottom: -1px;
    margin-left: 10px;
    font-weight: bold;
}

.blog_lst_main .tabs li.activeTab {
    background: #fff;
    border-bottom: 1px solid #fff;
}

.blog_lst_main .tabs li a {
    display: block;
    color: #39506F;
    padding: 10px 0 7px;
}

.blog_lst_main .tabs li a:hover {
    text-decoration: none;
}

.tab_container {
    clear: both;
    padding-bottom: 132px;
}

.blog_lst_list01 li {
    overflow: hidden;
    border-bottom: 1px dotted #B3B3B3;
    padding-bottom: 18px;
    margin-bottom: 20px;
    font-size: 16px;
}

.lst_date {
    font-size: 14px;
    color: #808080;
    float: right;
    width: 165px;
    text-align: right;
}

.lst_text {
    width: 610px;
    float: left;
}

.blog_lst_list01 li a {
    color: #45658E;
}

.blog_lst_list01 li a span {
    color: #333333;
}

.blog_lst_tab02 {
    width: 760px;
    margin: 0 auto;
    padding-left: 10px;
    overflow: hidden;
}

.tab02_nav {
    overflow: hidden;
    padding-bottom: 30px;
}

.tab02_nav li {
    float: left;
}

.tab02_nav li a {
    border-right: 1px solid #1A1A1A;
    padding-right: 7px;
    margin-right: 7px;
    color: #1A1A1A;
    font-weight: bold;
}

.tab02_nav li:last-child a {
    border-right: none;
}

.tab02_content p,
.tab02_content ul li {
    float: left;
    width: 95px;
    font-size: 16px;
    padding-bottom: 25px;
}

.tab02_content p a,
.tab02_content ul li a {
    color: #45658E;
}

.tab02_content p a span {
    color: #333;
}

.tab02_nav li.active a {
    color: #45658E;
}

.bloglist_padding01 {
    padding-bottom: 21px;
}

/*----------back-number.html---------*/

.back_number_gr01 {
    font-size: 16px;
    color: #1A1A1A;
    padding-bottom: 25px;
    line-height: 195%;
}

.back_number_gr01 p {
    padding-bottom: 30px;
    text-align: justify;
}

#mc_embed_signup {
    border: 1px solid #B3B3B3;
    font-size: 16px;
    color: #000000;
    padding: 16px 0px 12px 27px;
}

#mc_embed_signup h2 {
    color: #1A1A1A;
    font-size: 16px;
    padding-bottom: 4px;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "Shuei KakuGo Kin L", sans-serif;
}

#mce-EMAIL,
#mce-FNAME {
    border: 1px solid #B3B3B3;
    height: 27px;
    width: 207px;
}

#mce-EMAIL {
    margin-bottom: 13px;
}

#mc-embedded-subscribe {
    width: 170px;
    margin: 15px 0px 0px 19px;
    height: 23px;
    cursor: pointer;
    font-size: 12px;
    padding: 0px;
    height: 22px;
    border: 1px solid #B3B3B3;
    border-radius: 5px;
    background-color: #FFFFFF;
}

.indicates-required {
    padding-bottom: 16px;
}

.back_number_gr02 {
    padding-bottom: 71px;
}

.back_number_gr03 a {
    color: #1A1A1A;
    font-size: 16px;
    padding-left: 20px;
}

.back_number_gr03 li:before {
    position: absolute;
    content: "";
    width: 9px;
    height: 9px;
    background-color: #7398B2;
    border-radius: 50%;
    left: 0px;
    top: 7px;
}

.back_number_gr03 li {
    position: relative;
    padding-bottom: 23px;
}

.back_number_gr03 h3 {
    margin-bottom: 44px;
}

.back_number_gr03 {
    padding-bottom: 57px;
}

.back_number_gr03 li br {
    display: none;
}

/*month & year*/

.archive_monthday {
    clear: both;
    overflow: hidden;
    position: relative;
}

.archive_monthday .y_navi,
.archive_monthday .y_navi_content {
    clear: both;
    overflow: hidden;
    padding-bottom: 30px;
}

.archive_monthday .y_navi li {
    float: left;
}

.archive_monthday .y_navi li a {
    border-right: 1px solid #1a1a1a;
    color: #1a1a1a;
    font-weight: bold;
    margin-right: 7px;
    padding-right: 7px;
}

.archive_monthday .y_navi li.active a {
    color: #45658e;
}

.archive_monthday .y_navi li:last-child a {
    border: none;
}

.archive_monthday .y_navi_content li {
    display: none;
    float: left;
    font-size: 16px;
    padding-bottom: 25px;
    width: 95px;
}

.archive_monthday .y_navi_content li a {
    color: #45658e;
}

.archive_monthday .y_navi_content li a span {
    color: #333;
}

/*blog side calendar*/

#blogside_calendar .widgettitle {
    display: none;
}

#blogside_calendar .widget_archives_calendar {
    list-style: none;
    padding: 0;
    color: #000;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "Shuei KakuGo Kin L", sans-serif;
}

#blogside_calendar .widget_archives_calendar .day.has-posts {
    background: none;
}

#blogside_calendar .calendar-archives.calendrier .day.has-posts {}

#blogside_calendar .calendar-archives.calendrier .month,
.calendar-archives.calendrier .day {
    color: #000;
    border: none;
    font-weight: bold;
}

#blogside_calendar .widget_archives_calendar a {
    margin: 0;
    color: #45658e;
    border: none;
    padding: 10px 0;
    box-shadow: none;
    text-shadow: none;
}

#blogside_calendar .calendar-archives.calendrier .calendar-navigation .menu-container a.title {
    font-size: 14px;
    padding: 5px 0;
    font-weight: bold;
    color: #000;
}

#blogside_calendar .calendar-archives.calendrier .calendar-navigation .prev-year,
#blogside_calendar .calendar-archives.calendrier .calendar-navigation .next-year {
    padding: 5px 0;
}

#blogside_calendar .calendar-archives.calendrier .calendar-navigation {
    background: #fff;
}

#blogside_calendar .calendar-archives.calendrier .day.weekday {
    font-size: 14px;
    color: #000;
}

#blogside_calendar .calendar-archives.calendrier .archives-years {
    border: none;
}

#blogside_calendar .calendar-archives.calendrier .calendar-navigation .menu-container .arrow-down {
    top: 5px;
    color: #4d4d4d;
}

/*archive_category*/

#archive_category {
    clear: both;
    list-style: none;
    padding: 0 0 30px 0;
}

#archive_category li {
    border-bottom: 1px dotted #b3b3b3;
    font-size: 16px;
    margin-bottom: 20px;
    overflow: hidden;
    padding-bottom: 18px;
}

#archive_category li a {
    color: #45658e;
}

/*mailmagazine-detail*/

#mail_magazine {}

.mail_magazine_content {
    clear: both;
    color: #1a1a1a;
    font-size: 16px;
    line-height: 180%;
    padding-bottom: 90px;
}

.machi_pos {
    float: right;
    margin: 0 0 10px 20px;
}

.machiBtn a p:nth-child(odd) {
    margin: 0 30px 15px 0;
}

.machiBtn a {
    color: #fff;
}

.machiBtn a p {
    background: url(https://www.nagoyasogo-kigyo.com/wp/wp-content/themes/nagoyasogo-kigyo/images/ind-btn01.png) no-repeat left top;
    background-size: 100% 100%;
    display: block;
    width: 45%;
    text-align: center;
    float: left;
    font-size: 18px;
    font-weight: bold;
    padding: 12px 0;
}

.machiBtn a:hover {
    text-decoration: none;
}

/*↓↓ カギ括弧 ↓↓*/

.brackets {
    position: relative;
    padding: 12px 24px;
    box-sizing: border-box;
    margin-bottom: 24px;
}

.brackets::before,
.brackets::after {
    position: absolute;
    top: 0;
    content: '';
    box-sizing: border-box;
    width: 20px;
    height: 100%;
    border-top: 1px solid #888;
    border-bottom: 1px solid #888;
}

.brackets::before {
    left: 0;
    border-left: 1px solid #888;
}

.brackets::after {
    right: 0;
    border-right: 1px solid #888;
}

.articleBlock .unit .brackets ul,
.articleBlock .unit .brackets ol {
    margin: 0;
    -webkit-padding-start: 20px;
}

/*↑↑ カギ括弧 ↑↑*/
/* =============================================================================
 Media Query
 ========================================================================== */

@media only screen and (min-width:768px),
print {
    #ind_banner_upper li {
        margin-bottom: 20px;
    }

    .half_img {
        width: 60% !important;
        margin: 0 auto;
    }

    .next_sp,
    #aisatsu .sp,
    .square_sp,
    .photo_sp,
    #aisatsu .name_sp {
        display: none !important;
    }
}

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

    /*common*/
    html {
        font-size: 100%;
        /* 1 */
        overflow-y: scroll;
        /* 2 */
        -webkit-text-size-adjust: 100%;
        /* 3 */
        -ms-text-size-adjust: 100%;
        /* 3 */
    }

    body {
        font-size: 100%;
    }

    ol {}

    a:hover img {
        filter: alpha(opacity=100 style=0);
        opacity: 1;
    }

    .pc {
        display: none;
    }

    .smp {
        display: block;
    }

    /*template*/
    #wrapper {
        padding-bottom: 30px;
    }

    .container {
        width: 100%;
    }

    .navi_smp {
        width: 100%;
        float: left;
        background-color: #ffffff;
    }

    .navi_smp_overlay {
        position: fixed;
        z-index: 9;
        left: 0;
        top: 0;
        width: 100%;
        //    height: 100%;
        background-color: rgba(0, 0, 0, 0.9);
    }

    .navi_smp li {
        width: 25%;
        float: left;
    }

    .navi_smp .slicknav_parent {}

    .foot_smp {
        clear: both;
        width: 100%;
        text-align: center;
    }

    .foot_smp ul {
        padding: 30px 0;
    }

    .foot_smp li {
        display: inline-block;
        width: 8%;
        max-width: 51px;
    }

    .foot_smp li:nth-child(2) {
        padding: 0 5%;
    }

    .foot_smp p {
        clear: both;
        width: 95%;
        margin: 0 auto;
        padding: 5px 2.5%;
        color: #ffffff;
        font-size: 75%;
        background-color: #39506f;
    }

    .foot_smp p .br1 {
        display: none;
    }

    .foot_smp p .br2 {
        display: none;
    }

    #topcontrol {
        width: 50px;
    }

    /*content*/
    #page_container {
        clear: both;
        width: 94%;
        margin: 0 auto;
    }

    #page_content {
        float: none;
        width: 100%;
        padding-top: 20px;
    }

    /*side*/
    #page_side,
    #page_side_blog {
        display: none;
    }

    /*element*/
    .path {
        display: none;
    }

    .h2_title {
        font-size: 125%;
        background-size: 6px;
        padding-left: 20px;
        margin-bottom: 20px;
    }

    .h3_title {
        font-size: 120%;
    }

    .h4_title {
        font-size: 115%;
    }

    .h5_title {
        font-size: 100%;
        padding-left: 3%;
        padding-right: 2%;
    }

    .h5_left,
    .h5_right {
        width: 94%;
    }

    .h6_title {
        padding-left: 4%;
        font-size: 100%;
        margin-bottom: 8px;
        line-height: 160%;
    }

    .h6_left,
    .h6_mid,
    .h6_right {
        width: 96%;
    }

    .block_01 .text p,
    .block_02 .text p,
    .block_03 .text p,
    .block_04 .text p,
    .block_05 .text p,
    .block_06 .text p,
    .block_07 li,
    .block_08 li,
    .block_09 li,
    .block_10 li {
        line-height: 220%;
    }

    .block_01 .img,
    .block_02 .img,
    .block_04 .block_item img {
        float: none;
        width: 55%;
        margin: 0 auto 20px;
    }

    .block_01 .text,
    .block_02 .text,
    .block_04 .block_item .text {
        margin-top: 0;
        width: 100%;
        float: none;
    }

    .block_04 .block_item {
        float: none;
        margin: 0 auto 40px;
        width: 100%;
    }

    .block_05 .block_item {
        width: 100%;
    }

    .block_05 .img {
        width: 39.65%;
        float: left;
    }

    .block_05 .text {
        width: 54.3%;
        float: right;
        margin-top: -8px;
    }

    .block_05 .block_center {
        padding: 20px 0;
    }

    .block_06 .block_item {
        width: 45%;
        padding-right: 10%;
        padding-bottom: 20px;
    }

    .block_06 .block_item:nth-child(2n) {
        padding-right: 0;
    }

    .block_07 li,
    .block_09 li {
        padding-bottom: 15px;
    }

    .block_08 ul {
        width: 100%;
        padding-right: 0;
    }

    .block_09 ol,
    .block_10 ol {}

    .block_10 ol {
        width: auto;
        float: none;
    }

    .button {
        width: 100%;
        max-width: 445px;
    }

    .button a {
        background-size: 100% auto;
        font-size: 100%;
        padding: 19px 11% 27px 3%;
    }

    .block_11 table td {
        padding-left: 2%;
    }

    .block_11 table {
        margin-bottom: 0;
    }

    .blockA,
    .blockB,
    .blockC,
    .blockD,
    .blockE,
    .blockF,
    .blockG,
    .blockH,
    .blockI,
    .blockJ,
    .blockK,
    .blockL,
    .blockM,
    .blockN,
    .blockO,
    .blockP,
    .blockQ,
    .blockR,
    .blockS,
    .blockT,
    .blockU,
    .blockV,
    .blockW,
    .blockX,
    .blockY,
    .blockZ {
        padding-bottom: 25px;
    }

    .blockA_left,
    .blockB_left {
        float: none;
        margin: 0 auto;
        width: 100%;
        padding-bottom: 15px;
    }

    .blockA_left img,
    .blockB_left img {
        width: 100%;
        margin: 0 auto;
    }

    .blockA .text,
    .blockB .text {
        width: 100%;
        font-size: 95%;
        line-height: 160%;
    }

    .p_bold {
        font-size: 105%;
        letter-spacing: -0.2px;
    }

    .text {
        font-size: 100%;
    }

    .blockC .text,
    .blockD .text {
        width: 100%;
        padding-bottom: 15px;
        font-size: 95%;
        line-height: 160%;
    }

    .blockC_right,
    .blockD_right {
        float: none;
    }

    .blockC_right img,
    .blockD_right img {
        margin: 0 auto;
        width: 100%;
    }

    .blockF .text,
    .blockG .text {
        width: 100%;
        padding-bottom: 15px;
        font-size: 95%;
        line-height: 160%;
    }

    .blockH .block_item {
        width: 100%;
        padding-bottom: 25px;
    }

    .blockH .text,
    .blockI .text,
    .blockJ .text {
        width: 100%;
        padding-bottom: 15px;
        font-size: 95%;
        line-height: 160%;
    }

    .blockH .img {
        margin: 0 auto;
        width: 100%;
    }

    .blockI .block_item {
        width: 100%;
    }

    .blockI .img {
        width: 37%;
        float: left;
    }

    .blockI .text {
        width: 60%;
        float: right;
        margin-top: -5px;
    }

    .blockI .block_center {
        padding: 0;
    }

    .blockJ .block_item {
        width: 100%;
        padding-right: 0;
    }

    .blockJ .img {
        width: 27%;
        float: left;
    }

    .blockJ .text {
        width: 70%;
        float: right;
        margin-top: -5px;
    }

    .blockK ul,
    .blockL ul {
        padding-left: 2%;
        float: none !important;
    }

    .blockK li {
        font-size: 95%;
        line-height: 160%;
    }

    .blockL ul {
        width: 100%;
        padding-right: 0;
    }

    .blockL li {
        font-size: 95%;
        line-height: 160%;
    }

    .blockM .block_left,
    .blockM .block_center,
    .blockM .block_right {
        width: 100%;
        padding: 0 0 0 2%;
        float: none !important;
    }

    .blockM li {
        font-size: 95%;
        line-height: 160%;
    }

    .blockN ul,
    .blockN .block_left {
        width: 48%;
        padding-left: 2%;
    }

    .blockN li {
        font-size: 85%;
        line-height: 160%;
    }

    .blockU_info {
        background: none;
        padding: 10px 3%;
    }

    .blockU_text {
        width: 100%;
        font-size: 95%;
        text-align: justify;
    }

    .blockV_text {
        display: block;
    }

    .table_plic td,
    .blockS .table_plic td,
    .blockT .table_plic td,
    .blockS .table_plic th,
    .table_plic th {
        padding-left: 2%;
        padding-right: 2%;
        font-size: 80%;
        line-height: 130%;
        vertical-align: top;
    }

    .blockS .table_plic th {
        width: 44%;
    }

    .blockS .table_plic td {
        width: 48%;
    }

    .blockY {
        padding-top: 30px;
    }

    .table_plic {
        font-size: 100%;
    }

    .blockV_info {
        width: 99.5%;
    }

    /*.blockV_p01{
      width: 20%;
  }
  .blockV_img{
      width: 25%;
  }*/
    .blockV_text {
        width: 94%;
        margin: 0 auto;
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 95%;
        line-height: 150%;
        text-align: justify;
    }

    .blockV_h3 {
        width: 55%;
        font-size: 100%;
        letter-spacing: -1px;
        text-align: left;
        padding-left: 5%;
    }

    .blockX {
        width: 100%;
        max-width: 445px;
    }

    .blockX a {
        background-size: 100% auto;
        font-family: 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
        font-size: 75%;
        padding: 19px 11% 27px 3%;
    }

    .blockX a img,
    .blockZ a img {
        width: 100%;
        max-width: 580px;
        margin: 0 auto;
    }

    .blockX-img {
        width: 100%;
        clear: both;
        padding-bottom: 25px;
    }

    .blockX-img img {
        width: 100%;
        max-width: 580px;
    }

    .blockW_img,
    .blockW_text {
        vertical-align: top;
    }

    .blockW_text {
        font-size: 95%;
        line-height: 140%;
        text-align: justify;
    }

    .blockO ol,
    .blockP ol,
    .blockQ ol {
        margin-left: 6%;
    }

    .blockO li,
    .blockP li,
    .blockQ li {
        font-size: 95%;
        line-height: 160%;
    }

    .blockP li,
    .blockQ li {
        width: 100%;
        float: none;
    }

    .blockP li:nth-child(odd),
    .blockQ li:nth-child(odd) {
        padding-right: 0;
    }

    .blockP li:nth-child(even),
    .blockQ li:nth-child(even) {
        margin-left: 0;
    }

    .blockV_p01 {
        letter-spacing: 0;
    }

    .blockV_p01 {
        font-size: 70%;
    }

    .blockX img,
    .blockZ img {
        display: block;
    }

    .blockW_text h3,
    .blockU_b01 h3 {
        font-size: 100%;
    }

    /*top-page*/
    .ind_smp {
        display: block;
    }

    .ind_pc {
        display: none;
    }

    .ind_slider {
        display: none;
        margin-bottom: 10px;
    }

    .ind_smp_slider {
        margin-bottom: 10px;
        display: block;
    }

    .ind_smp_slider img {
        display: block;
    }

    .ind_smp_img01 {
        padding: 10px 3% 20px;
    }

    .ind_layout {
        width: 94%;
    }

    .ind_img01 {
        width: 85%;
        max-width: 440px;
        float: none;
        margin: 0 auto 15px;
    }

    .ind_text01 {
        width: 100%;
        float: none;
    }

    .ind_text01 h2 {
        line-height: 150%;
        font-size: 120%;
        margin-bottom: 10px;
    }

    .ind_p01 {
        font-size: 100%;
        line-height: 175%;
        padding-bottom: 17px;
    }

    .ind_btn01 {
        max-width: 445px;
        width: 90%;
    }

    .ind_btn01 a {
        background-size: 100%;
        font-size: 100%;
    }

    .ind_title01 {
        font-size: 130%;
        padding-bottom: 25px;
    }

    .ind_btn01 a {
        padding-top: 17px;
    }

    .ind_gr01 {
        padding-bottom: 27px;
    }

    .ind_gr02 {
        padding-top: 30px;
    }

    .ind_info {
        width: 100%;
        height: auto;
        padding-bottom: 0;
        margin-bottom: 4px;
        background: #fff;
    }

    .ind_img02,
    .ind_info h3 {
        display: inline-block;
        vertical-align: middle;
    }

    .ind_img02 {
        width: 30%;
        padding-bottom: 0;
    }

    .ind_info h3 {
        width: 68%;
        font-size: 125%;
        line-height: 150%;
        height: auto;
        padding-bottom: 0;
    }

    .ind_p02,
    .ind_link01,
    .info_list {
        display: none;
    }

    .ind_info01 {
        width: 28%;
        float: left;
        margin-right: 1%;
        background: #fff;
        padding-left: 2.3%;
        padding-right: 2.3%;
    }

    .ind_info01:last-child {
        margin-right: 0;
        background: #fff;
    }

    .ind_info01 .ind_link01 {
        display: block;
        font-size: 90%;
        text-align: center;
        padding: 0;
    }

    .ind_info:last-child {
        background: none;
    }

    .ind_info_link {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 5;
    }

    .ind_img_lst {
        width: 80%;
        padding: 0 3%;
        margin: 5px auto 10px;
        display: block !important;
    }

    .ind_h3_lst {
        display: block !important;
        width: 94% !important;
        margin: 0 auto;
        min-height: 75px;
    }

    .ind_gr03 {
        padding-top: 35px;
    }

    .ind_content02 {
        padding-top: 0;
    }

    .ind_img03 {
        width: 50%;
        max-width: 250px;
        float: none;
        margin: 0 auto 15px;
    }

    .ind_text02 {
        width: 100%;
        float: none;
    }

    .ind_p03 {
        font-size: 120%;
        line-height: 150%;
        padding-bottom: 12px;
    }

    .ind_p04 {
        font-size: 100%;
        line-height: 180%;
    }

    .ind_table01 {
        font-size: 100%;
        margin-bottom: 30px;
    }

    .ind_table01 th,
    .ind_table01 td {
        width: 96%;
        display: block;
        padding-left: 2%;
        padding-right: 2%;
    }

    .ind_table01 th {
        padding-bottom: 7px;
    }

    .ind_table01 td {
        padding-top: 0;
    }

    .ind_width01 {
        width: 100%;
    }

    .ind_tab_smp {
        display: block;
        margin-bottom: 20px;
        overflow: hidden;
        background: #DBDBDB;
        padding: 25px 3% 10px;
    }

    .ind_tab_smp li {
        float: left;
        cursor: pointer;
        width: 18%;
        padding: 0 1%;
    }

    .ind_gr04 {
        padding-top: 0;
    }

    .ind_gr04 h2 {
        line-height: 150%;
    }

    .ind_gr05 {
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .ind_gr05 h2 {
        padding-bottom: 25px;
    }

    .ind_face,
    .ind_func {
        display: none;
    }

    .ind_video {
        width: 70%;
        margin: 0 auto;
        padding-right: 0;
        float: none;
    }

    .ind_gr06 img {
        width: 100%;
    }

    .ind_pding {
        margin-right: 0;
    }

    .ind_img03 p img {
        width: 80%;
    }

    .ind_h3_title01 {
        font-size: 130%;
        color: #1A1A1A;
    }

    .ind_gr06 {
        padding-bottom: 0;
    }

    /*---------contact.html-----------*/
    .contact_form table {
        width: 100%;
    }

    .contact_form th {
        width: 35%;
        text-indent: 10px;
        font-size: 95%;
    }

    .contact_form td span {
        //    display: none;
    }

    .contact_form td {
        width: 59%;
        padding-left: 3%;
    }

    .contact_form td input.ip01 {
        margin-right: 0px;
        width: 93% !important;
    }

    .contact_form td textarea {
        width: 93.3% !important;
        height: 100px !important;
    }

    .contact_form th span.note {
        right: 10px;
    }

    .contact_form tr:last-child th {
        padding-top: 19px;
    }

    .contact_form tr:last-child th span.note {
        top: 20px;
    }

    .contact_form td textarea {
        margin: 0px 0px -4px 0px;
    }

    /*---------topicsdetail.html-------*/
    .topicdtl_01 .date {
        font-size: 100%;
        padding-bottom: 5px;
    }

    .topicdtl_01 h3 {
        font-size: 110%;
        padding-bottom: 20px;
    }

    .topicdtl_01 .info {
        font-size: 100%;
        padding-bottom: 30px;
    }

    .topicdtl_01 .button {
        padding-bottom: 65px;
    }

    .topicdtl_02 {
        display: block;
    }

    /*---------topicslist.html-----------*/
    .topiclst_info {
        width: 100%;
        padding-right: 0;
        clear: none !important;
        padding-bottom: 25px;
    }

    .topiclst_img {
        width: 35%;
        float: left;
        padding-bottom: 0;
    }

    .topiclst_date,
    .topiclst_text {
        float: left;
        padding-right: 0;
        padding-left: 5%;
        width: 60%;
    }

    .topiclst_date {
        font-size: 93%;
        padding-bottom: 3px;
    }

    .topiclst_text {
        font-size: 100%;
        line-height: 160%;
    }

    .topic_pager {
        font-size: 93%;
    }

    .topic_pager a,
    .topic_pager b,
    .topic_pager span {
        width: 30px;
        margin-right: 5px;
        padding: 7px 0 6px;
    }

    .topic_pager img {
        width: 10px;
    }

    .topic_pager a:first-child,
    .topic_pager a:last-child {
        padding-bottom: 7px;
    }

    .topiclst_content {
        padding-bottom: 10px;
    }

    .topic_pager {
        padding-bottom: 80px;
    }

    /*--------------blogdetail.html---------------*/
    .blog_dtl_main h2 img {
        display: block;
    }

    .blog_dtl_p01 {
        padding-bottom: 3px;
    }

    .blog_dtl_p01 a {
        width: 44%;
        background-color: #D9D9D9;
        background-size: 100% 100%;
        margin-right: 2%;
        padding: 13px 4%;
        font-size: 100%;
    }

    .blog_dtl_p02 {
        font-size: 100%;
        padding-bottom: 20px;
    }

    .blog_dtl_p02 a {
        font-size: 85%;
    }

    .blog_dtl_p02 a[rel="prev"] {
        padding-left: 8%;
        padding-right: 2%;
        text-align: right;
    }

    .blog_dtl_p02 a[rel="next"] {
        padding-right: 8%;
        padding-left: 2%;
        text-align: left;
    }

    .blog_dtl_pd01 .blog_dtl_p02 {
        padding-bottom: 10px;
    }

    .blog_dtl_main .h2_title {
        font-size: 120%;
        background-position: left 0;
    }

    .blog_dtl_socil {
        text-align: center;
        float: none;
        width: 100%;
        margin-bottom: 35px;
    }

    .blog_dtl_gr .h3_title {
        margin-bottom: 20px;
    }

    .blog_dtl_socil div {
        margin-right: 2%;
    }

    .blog_dtl_gr .blockC_right {
        width: 100%;
        text-align: center;
        padding-bottom: 17px;
    }

    .blog_dtl_gr .blockC_right img {
        max-width: 580px;
        width: 100%;
        margin: 0 auto;
    }

    .blog_dtl_txt {
        font-size: 95%;
        padding-bottom: 25px;
        margin-top: -10px;
    }

    .blog_dtl_gr .h5_title {
        margin-bottom: 15px;
    }

    .blog_dtl_text01 p {
        padding-bottom: 20px;
        margin-top: 0;
    }

    .blog_dtl_side h2 {
        width: 100%;
        padding: 10px 0 7px;
    }

    .blog_dtl_list01 {
        width: 96%;
        padding: 2%;
        font-size: 90%;
    }

    .blog_dtl_gr .blockC {
        padding-bottom: 20px;
    }

    .blog_dtl_side {
        padding-top: 25px;
        overflow: hidden;
        padding-bottom: 30px;
    }

    /*------------------bloglist.html------------------*/
    .blog_lst_main .tabs li a span {
        display: none;
    }

    .blog_lst_main .tabs li {
        width: 31%;
        margin-left: 1.5%;
        font-size: 105%;
    }

    .lst_date {
        font-size: 95%;
        width: 100%;
        text-align: left;
    }

    .blog_lst_list01 li {
        font-size: 100%;
        margin-bottom: 13px;
        padding-bottom: 12px;
    }

    .lst_text {
        width: 100%;
        line-height: 175%;
    }

    .blog_lst_tab02 {
        padding-left: 0;
        width: 100%;
    }

    .tab02_content p,
    .tab02_content ul li {
        width: 25%;
        font-size: 100%;
    }

    .archive_monthday .y_navi_content li {
        width: 25%;
        font-size: 100%;
    }

    .blog_lst_main {
        padding-top: 15px;
    }

    .tab_container {
        padding-bottom: 60px;
    }

    /*----------back-number.html---------*/
    .back_number_gr01 p:first-child br {
        display: none;
    }

    .back_number_gr01 p {
        padding-bottom: 25px;
    }

    .back_number_gr01 {
        font-size: 100%;
        padding-bottom: 0px;
    }

    #mc_embed_signup {
        font-size: 100%;
        padding: 3.5% 5%;
    }

    #mce-EMAIL,
    #mce-FNAME {
        height: 35px;
        padding: 0px;
        width: 99%;
    }

    #mc-embedded-subscribe {
        margin: 31px 0px 0px 0px;
        width: 100%;
        height: 38px;
        font-size: 100%;
        max-width: 100%;
    }

    .back_number_gr03 li br {
        display: inline;
    }

    .back_number_gr03 a {
        display: inline-block;
        font-size: 110%;
    }

    #archive_category li {
        font-size: 100%;
        margin-bottom: 13px;
        padding-bottom: 12px;
    }

    /* 2017-04-17 */
    /* top */
    .ind_face {
        display: block;
        width: auto;
        float: none;
        padding: 0;
    }

    .ind_h3_title01 {
        padding-bottom: 0;
        margin: 0 0 10px;
    }

    .fb-plugin {
        width: 300px;
        margin: 0 auto 20px;
    }

    /* footer */
    .foot_link {
        display: block;
        padding: 20px;
    }

    .foot_link h2 {
        padding: 0;
        margin: 10px 0;
    }

    .foot_link .f_contact {
        width: auto;
        padding: 0;
        margin-bottom: 10px;
    }

    .foot_link .f_contact .head_logo {
        margin-bottom: 0;
    }

    .foot_link .f_link {
        width: auto;
        border-left: none;
        border-right: none;
        padding: 0;
        margin-bottom: 10px;
    }

    .foot_link .f_social {
        width: auto;
        padding: 0;
    }

    .foot_copyright {
        display: block;
        padding: 6px;
        text-shadow: none;
    }

    .foot_copyright p {
        font-size: 10px;
    }

    /* side-menu */
    #page_side,
    #page_side_blog {
        //    display: block;
        float: none;
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .side_menu {
        display: none;
    }

    .side_group01,
    .side_group02,
    .side_group03 {
        float: none;
        width: 250px;
        margin: auto;
    }

    #wrapper {
        padding-bottom: 0;
    }

    .machi_pos {
        float: right;
        width: 150px;
        margin: 0 0 8px 8px;
    }

    a.machiBtn p {
        background: url(https://www.nagoyasogo-kigyo.com/wp/wp-content/themes/nagoyasogo-kigyo/images/ind-btn01.png) no-repeat left top;
        background-size: 100% 100%;
        display: block;
        width: 100%;
        text-align: center;
        font-size: 18px;
        font-weight: bold;
        padding: 12px 0;
    }
}

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

    .blockO ol,
    .blockP ol,
    .blockQ ol {
        margin-left: 7.5%;
    }
}

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

    /*element*/
    .button a {
        font-size: 75%;
        padding-top: 13px;
        padding-bottom: 15px;
    }

    .blockX a {
        font-size: 75%;
        padding-top: 10px;
        padding-bottom: 24px;
    }

    /*top-page*/
    .ind_btn01 a {
        font-size: 70%;
        padding-top: 10px;
    }

    .ind_info h3 {
        font-size: 105%;
    }

    .ind_info01 .ind_link01 {
        font-size: 70%;
    }

    /*---contact.html---*/
    .contact_form th {
        font-size: 80%;
        width: 40%;
    }

    .contact_form td {
        width: 54%;
    }

    .blockO ol,
    .blockP ol,
    .blockQ ol {
        margin-left: 8.5%;
    }

    .blog_dtl_socil {
        overflow: hidden;
    }

    .blog_dtl_socil div {
        margin-right: 0;
    }

    .blog_dtl_p01 a {
        padding-top: 8px;
        padding-bottom: 6px;
    }

    #mc_embed_signup {
        padding-bottom: 5%;
    }
}

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

    /*template*/
    .head_logo .txt1 {
        font-size: 90%;
    }

    .head_logo .txt2 {
        font-size: 160%;
    }

    .foot_smp p {
        font-size: 70%;
    }

    .foot_smp p .br2 {
        display: block;
    }

    .blockO ol,
    .blockP ol,
    .blockQ ol {
        margin-left: 10.5%;
    }
}

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

    /*template*/
    .head_logo .txt1 {
        font-size: 80%;
    }

    .head_logo .txt2 {
        font-size: 140%;
        letter-spacing: 1px;
    }

    .foot_smp p .br1 {
        display: block;
    }

    /*element*/
    .button a {
        padding-top: 8px;
    }

    .blockO ol,
    .blockP ol,
    .blockQ ol {
        margin-left: 10.5%;
    }

    /*top-page*/
    .ind_btn01 {
        width: 100%;
    }

    .ind_btn01 a {
        padding-left: 4%;
    }

    .ind_info h3 {
        font-size: 95%;
    }

    /*---contact.html---*/
    .contact_form th {
        font-size: 73%;
        padding-top: 17px;
        text-indent: 8px;
    }

    .contact_form tr:last-child th {
        padding-top: 17px;
    }

    .contact_form th span.note,
    .contact_form tr:last-child th span.note {
        right: 8px;
        top: 18px;
    }

    /*----topicslist.html----*/
    .topic_pager a,
    .topic_pager b,
    .topic_pager span {
        width: 28px;
        padding: 7px 0 6px;
        margin-right: 3px;
    }

    /*----------back-number.html---------*/
    .back_number_gr .h2_title {
        font-size: 120%;
    }
}

/*----------------------------------------------
      mailform.css
      SONDO VN 20160324
      ------------------------------------------------*/

@charset "UTF-8";
/*//////////////////////////////////////////////////*/
/*// 01.x[X̐ݒ                              //*/
/*//////////////////////////////////////////////////*/

form#mailform {
    margin: 0px auto 0px auto;
    padding: 0px;
}

label.label_true {
    background-color: #FFFFEE;
    border: solid 1px #CCCCCC;
    text-decoration: none;
}

label.label_false {
    background-color: none;
    border: none;
    text-decoration: underline;
    background-image: none;
}

div#mailfrom_hidden_object {
    width: 1px;
    height: 1px;
    overflow: hidden;
}

div#mailfrom_hidden_object input {
    margin: 10px;
}

div#mfp_closed {
    display: none;
}

div.mfp_disp {
    display: none;
}

div#input_time_disp {
    padding: 10px;
}

div#expires_time_disp {
    padding: 10px;
    text-align: center;
}

div#expires_time_disp strong {
    font-size: 18px;
    color: #CC0000;
}

div#limit_disp {
    padding: 10px;
    text-align: center;
}

div#limit_disp strong {
    font-size: 24px;
    color: #CC0000;
}

img.must {
    width: 30px;
    height: 16px;
    float: left;
    margin: 0px 0px 0px 5px;
}

div.mfp_err {
    clear: both;
    text-align: left;
    margin: 5px 0px 0px 0;
    padding: 3px 0px 0 17px;
    color: #FF0000;
    font-size: 12px;
    line-height: normal;
    display: none;
    background-image: url(https://www.nagoyasogo-kigyo.com/wp/wp-content/themes/nagoyasogo-kigyo/images/mfp_error.gif);
    background-repeat: no-repeat;
    background-position: 0px 4px;
}

input.mfp {
    padding: 2px;
}

div#mfp_buttons {
    padding: 0px;
    text-align: center;
}

div#mfp_buttons ul {
    width: 360px;
    height: 60px;
    overflow: hidden;
    margin: 0px auto 0px auto;
}

div#mfp_buttons ul li {
    width: 180px;
    height: 60px;
    overflow: hidden;
    float: left;
}

input#button_mfp_goconfirm {
    width: 100%;
    height: 44px;
    overflow: hidden;
    background-color: #D4145A;
    color: #fff;
    font-size: 15px;
    cursor: pointer;
    font-weight: bold;
    border: none;
    padding-top: 4px;
}

input#button_mfp_goconfirm:hover,
input#button_mfp_reset:hover {
    opacity: 0.7;
}

input#button_mfp_reset {
    width: 100%;
    height: 60px;
    overflow: hidden;
    background-color: #F6F5EE;
    border: 1px solid #746634;
    cursor: pointer;
    color: #9B8C6C;
    font-size: 26px;
    letter-spacing: 4px;
    /*text-indent: -5000px;*/
}

.reset_over {
    background-image: url(https://www.nagoyasogo-kigyo.com/wp/wp-content/themes/nagoyasogo-kigyo/images/mfp_reset_over.png);
}

.reset_out {
    background-image: url(https://www.nagoyasogo-kigyo.com/wp/wp-content/themes/nagoyasogo-kigyo/images/mfp_reset.png);
}

.confirm_over {
    background-image: url(https://www.nagoyasogo-kigyo.com/wp/wp-content/themes/nagoyasogo-kigyo/images/mfp_confirm_over.gif);
}

.confirm_out {
    background-image: url(https://www.nagoyasogo-kigyo.com/wp/wp-content/themes/nagoyasogo-kigyo/images/mfp_confirm.gif);
}

/*//////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////*/
/*// 02.e[u̎w                            //*/
/*//////////////////////////////////////////////////*/

table.mailform {
    width: 100%;
    padding: 10px;
}

table.mailform tr th {
    padding: 7px 0px 7px 0px;
    border-bottom: solid 1px #CCCCCC;
    font-weight: normal;
    font-size: 12px;
    text-align: right;
    width: 160px;
}

table.mailform tr th span {
    font-size: 10px;
    color: #999999;
    display: block;
}

table.mailform tr td {
    padding: 7px 0px 7px 10px;
    border-bottom: solid 1px #CCCCCC;
    font-size: 12px;
}

table.mailform tr td ul li,
table.mailform tr td ul,
table.mailform tr td ol,
table.mailform tr td ol li {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

table.mailform tr td ul li {
    float: left;
    padding: 0px 10px 0px 0px;
}

table.mailform tr td p,
table.mailform tr td div,
table.mailform tr td span {
    clear: both;
}

/*//////////////////////////////////////////////////*/
/*// 04.ȉmFʊ֘ÃX^C                //*/
/*//////////////////////////////////////////////////*/

ul.confirm_layer {
    width: 560px;
    padding: 0px;
    margin: 0px;
}

ul.confirm_layer li {
    width: 560px;
    list-style: none;
    float: left;
    overflow: hidden;
    text-align: center;
    margin: 0px;
    padding: 0px;
}

li.confirm_middle {
    background-image: url(https://www.nagoyasogo-kigyo.com/wp/wp-content/themes/nagoyasogo-kigyo/images/mfp_table_background.png);
    _background: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/mfp_table_background.png', sizingMethod='scale');
}

li.confirm_top {
    height: 33px;
    background-image: url(https://www.nagoyasogo-kigyo.com/wp/wp-content/themes/nagoyasogo-kigyo/images/mfp_table_top.png);
    _background: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/mfp_table_top.png', sizingMethod='scale');
}

li.confirm_bottom {
    height: 33px;
    background-image: url(https://www.nagoyasogo-kigyo.com/wp/wp-content/themes/nagoyasogo-kigyo/images/mfp_table_bottom.png);
    _background: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/mfp_table_bottom.png', sizingMethod='scale');
}

div#disabled_submit {
    width: 1px;
    height: 1px;
    overflow: hidden;
}

div#disabled_submit input {
    margin: 10px;
}

table.infield {
    width: 500px;
    margin: 0px auto 0px auto;
}

table.infield tr th {
    padding: 5px;
    margin: 0px;
    text-align: right;
    font-size: 11px;
    border-bottom: solid 1px #CCCCCC;
    color: #232323;
}

table.infield tr td {
    padding: 5px;
    border-bottom: solid 1px #CCCCCC;
}

table.infield tr td p {
    text-align: left;
    font-size: 12px;
    line-height: 1.5em;
    border-left: solid 2px #CCCCCC;
    padding: 5px 0px 5px 10px;
    margin: 0px;
}

.mfp_color {
    background-color: #E8EEF9;
}

div#confirmWindow {
    filter: alpha(opacity=30);
    -moz-opacity: 0.3;
    -khtml-opacity: 0.3;
    opacity: 0.3;
    width: 100%;
    height: 100%;
    margin: 0px;
    overflow: hidden;
    z-index: 1;
    position: fixed !important;
    position
    /**/
    : absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    background-color: #000000;
    font-size: 12px;
    text-align: center;
    _top: expression(document.documentElement && document.documentElement.scrollTop || document.body && body.scrollTop || 0 + 0 + 'px');
}

div#confirmBody {
    width: 1px;
    visibility: hidden;
    position: absolute;
    z-index: 10;
    text-align: center;
    margin: 0px auto 0px auto;
}

div#confirmBody h2 {
    color: #FFFFFF;
    margin: 0px auto 0px auto;
    width: 294px;
    height: 33px;
    padding-top: 10px;
}

div.buttons {
    clear: both;
    margin: 0px auto 0px auto;
}

div#twex {
    margin: 0px;
    overflow: hidden;
    z-index: 100;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    text-align: center;
    background-color: #000000;
    filter: alpha(opacity=60);
    -moz-opacity: 0.60;
    -khtml-opacity: 0.60;
    opacity: 0.60;
}

img#loading_proccess_image {
    position: absolute;
    z-index: 1000;
}

/*//////////////////////////////////////////////////*/
/*フォーム レイアウトcss----------------------------------------------------------------------*/

.ctt_text01 {
    padding: 20px 0px 0px 100px;
    font-size: 14px;
}

.ctt_text01 a {
    color: #0044cc;
}

.ctt_text01 a:hover {
    text-decoration: underline;
}

.ctt_text02 {
    padding: 20px 80px 20px 100px;
    font-size: 14px;
    text-align: right;
}

.ctt_text02 span {
    color: #FF0000;
}

#mailfrom_hidden_object {
    height: 1px;
    overflow: hidden;
    width: 1px;
}

.conf_subtitle {
    clear: both;
    padding: 0px 0px 0px 30px;
}

*html body .conf_box {
    float: left;
    margin: 0px 0px 0px 15px;
    padding: 0px 0px 15px 0px;
    width: 560px;
    border: solid 1px #CCCCCC;
}

.conf_box {
    float: left;
    margin: 0px 0px 0px 30px;
    padding: 0px 0px 15px 0px;
    width: 560px;
    border: solid 1px #CCCCCC;
}

.conf_box h3 {
    padding: 0px 0px 0px 10px;
    color: #FFFFFF;
    background-color: #00757D;
    font-size: 12px;
}

/*質問項目start*/

.conf_q01_must {
    clear: both;
    margin: 0px 0px 2px 5px;
    padding: 15px 0px 0px 35px;
    font-weight: bold;
    background-image: url(https://www.nagoyasogo-kigyo.com/wp/wp-content/themes/nagoyasogo-kigyo/images/mfp_must.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
}

.conf_q01 {
    clear: both;
    margin: 0px 0px 2px 0px;
    padding: 15px 0px 0px 40px;
    font-weight: bold;
}

.conf_q02 {
    padding: 0px 0px 0px 40px;
    color: #CF8F00;
}

/*質問項目end*/

.conf_a01 {
    padding: 0px 0px 0px 50px;
}

.conf_a01 ol {
    padding: 0px;
    list-style: none;
}

.conf_a02 {
    float: left;
    padding: 0px 0px 0px 10px;
}

.conf_a03 {
    padding: 0px 0px 0px 20px;
}

.conf_rdo01 {
    float: left;
    padding: 2px 0px 0px 40px;
    height: 20px;
}

.conf_rdo_t {
    float: left;
    padding: 4px 0px 0px 0px;
    width: 100px;
    height: 20px;
}

.conf_rdo_t02 {
    float: left;
    padding: 4px 0px 0px 0px;
    height: 20px;
}

.conf_arrow {
    clear: both;
    padding: 10px 0px 10px 230px;
}

*html body .conf_day {
    clear: both;
    float: left;
    margin: 10px 0px 0px 12px;
    padding: 10px;
    width: 490px;
    background-color: #FFFFF2;
    border: solid 1px #CCCCCC;
}

.conf_day {
    clear: both;
    float: left;
    margin: 10px 0px 0px 25px;
    padding: 10px;
    width: 490px;
    background-color: #FFFFF2;
    border: solid 1px #CCCCCC;
}

.conf_day div {
    clear: both;
    float: left;
    padding: 5px 0px 0px 15px;
    width: 470px;
}

.conf_day p {
    float: left;
}

.conf_day_menu {
    width: 85px;
}

.red {
    color: #FF0000;
    font-weight: normal;
}

.bold {
    font-weight: bold;
}

.conf_check01 {
    clear: both;
    float: left;
    padding: 0px 0px 0px 40px;
    width: 25px;
    height: 25px;
}

.conf_check02 {
    float: left;
    width: 200px;
    height: 25px;
}

.conf_check03 {
    float: left;
    padding: 0px 0px 0px 0px;
    width: 25px;
    height: 25px;
}

.conf_check04 {
    float: left;
    padding: 5px 5px 0px 30px;
    height: 25px;
}

#conf_check {
    clear: both;
    float: left;
    margin: 30px 0px 20px 0px;
    padding: 10px 0px 0px 0px;
    width: 590px;
    text-align: center;
}

#conf_button {
    text-align: center;
    padding-top: 64px;
    padding-bottom: 106px;
}

#conf_button input {
    width: 380px;
    height: 60px;
    background-image: url(https://www.nagoyasogo-kigyo.com/wp/wp-content/themes/nagoyasogo-kigyo/images/contact-03.png);
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 380px 60px;
    background-color: #fff;
    border: none;
}

#conf_button ul {
    height: 60px;
    margin: 0 auto;
    overflow: hidden;
    width: 100%;
}

#conf_button ul li {
    float: left;
    height: 60px;
    overflow: hidden;
    width: 180px;
    list-style: none;
}

#conf_button .cont_ul02 li {
    list-style: none;
    float: left;
}

#conf_button .cont_ul02 li:first-child {
    width: 226px;
    margin-right: 10px;
}

#conf_button .cont_ul02 li:last-child {
    width: 371px;
}

/*サンクスページ---------------------------*/

#thanks_box {
    padding: 0;
    width: 500px;
    margin: 0 auto;
}

#thanks_box div {
    margin: 70px 0px 100px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
    border: solid 3px #cccccc;
}

#thanks01 {
    margin: 30px 0px 10px 0px;
    text-align: center;
    font-weight: bold;
    font-family: "TBUDGothic SL";
    font-size: 16px;
}

#thanks02 {
    margin: 0px 0px 30px 0px;
    padding: 0px 20px 0px 20px;
    font-size: 14px;
}

#thanks_top {
    text-align: center;
    padding-bottom: 15px;
}

#thanks_top a {
    color: #0071bb;
}

#loading_proccess_image {
    width: auto !important;
}

::-webkit-input-placeholder {
    color: transparent;
    ;
}

:-moz-placeholder {
    /* Firefox 18- */
    color: transparent;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: transparent;
}

:-ms-input-placeholder {
    color: transparent;
}

@media only screen and (max-width: 767px) {
    #conf_button input {
        padding: 0px;
        width: 100%;
        max-width: 580px;
        background-position: center center;
    }

    ul.confirm_layer {
        width: 100%;
    }

    #confirmBody .buttons input:first-child {
        margin-right: 0px;
        margin-left: 5px;
    }

    li.confirm_top,
    li.confirm_middle,
    li.confirm_bottom {
        background-size: 100% 100%;
    }

    #conf_button {
        padding-bottom: 70px;
        padding-top: 50px;
    }

    #thanks_box {
        width: 95%;
    }

    ::-webkit-input-placeholder {
        color: #B3B3B3;
        line-height: 100%;
    }

    :-moz-placeholder {
        /* Firefox 18- */
        color: #B3B3B3;
        line-height: 35px;
    }

    ::-moz-placeholder {
        /* Firefox 19+ */
        color: #B3B3B3;
        line-height: 35px;
    }

    :-ms-input-placeholder {
        color: #B3B3B3;
        line-height: 100%;
    }

    textarea.placeholder {
        color: #b3b3b3 !important;
    }
}

@media only screen and (max-width: 580px) {
    #conf_button input {
        background-size: contain;
    }
}

@media only screen and (max-width: 500px) {
    .ul.confirm_layer {
        width: 320px;
    }

    ul.confirm_layer li {
        width: 320px;
    }

    table.infield {
        width: 280px;
        font-size: 100%;
    }

    table.infield tr th {
        font-size: 70%;
    }

    table.infield tr td p {
        font-size: 75%;
    }

    div#confirmBody h2 {
        width: 285px;
    }

    div#confirmBody h2 img {
        width: 100% !important;
    }
}

@media only screen and (max-width: 420px) {
    ::-webkit-input-placeholder {
        font-size: 83%;
    }

    :-moz-placeholder {
        /* Firefox 18- */
        font-size: 83%;
    }

    ::-moz-placeholder {
        /* Firefox 19+ */
        font-size: 83%;
    }

    :-ms-input-placeholder {
        font-size: 83%;
    }
}

@media only screen and (max-width: 320px) {
    ::-webkit-input-placeholder {
        line-height: 120%;
        font-size: 90%;
    }

    :-moz-placeholder {
        /* Firefox 18- */
        line-height: 120%;
        font-size: 90%;
    }

    ::-moz-placeholder {
        /* Firefox 19+ */
        line-height: 120%;
        font-size: 90%;
    }

    :-ms-input-placeholder {
        line-height: 120%;
        font-size: 90%;
    }
}

/*----------------------------------------------
      mailform.css
      SONDO VN 20160324
      ------------------------------------------------*/
/* add 2016-11-30 TOP リニューアル */

.test3 {
    text-align: center;
    margin: 40px 0 20px;
    font-size: 19px;
    padding-bottom: 10px;
    border-bottom: dotted 2px #979797;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}

.test2 {
    text-align: center;
    margin: 40px 0 20px;
    font-size: 24px;
    padding-bottom: 10px;
    border-bottom: solid 2px #aaa;
    font-family: 'Gothic Medium BBB', '中ゴシックBBB';
}

.test6 {
    max-width: 900px;
    display: block;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.test6 *,
.test6 *:before,
.test6 *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.test7 {
    padding: 30px 0;
    background-color: #9ec8d8;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

#rinen .ind_p01 {
    line-height: 2.0em;
}

#rinen .rinen_text {
    width: 900px;
}

#rinen .img_box {
    width: 264px;
    float: left;
    margin-right: 15px;
}

#rinen .ind_btn01 {
    float: right;
    margin-right: 90px;
}

#gyomu {
    background-color: #e5eeef;
}

#gyomu .out_box {
    width: 420px;
    float: left;
    margin: 10px 15px;
    background-color: #fff;
}

#gyomu .up_box {
    height: 104px;
    border: solid 1px #aaa;
    border-bottom: dotted 1px #aaa;
}

#gyomu .left_img {
    float: left;
    width: 102px;
    height: 102px;
}

#gyomu .triangle {
    float: right;
    width: 14px;
    height: 6px;
}

#gyomu .triangle img {
    display: block;
}

#gyomu .up_right {
    width: 264px;
    margin-left: 130px;
}

#gyomu .up_right p:first-of-type {
    margin: 5px 0;
}

#gyomu .up_right a {
    font-family: 'Gothic Medium BBB';
    font-size: 18px;
    color: #061170;
}

#gyomu .more {
    display: none;
}

#gyomu .more-text {
    display: none;
}

#gyomu .out_box a:hover,
#gyomu .tri_box:hover h3 {
    color: #c5b023;
    text-decoration: underline;
}

#gyomu .down_box {
    height: 154px;
    border-left: solid 1px #aaa;
    border-right: solid 1px #aaa;
    border-bottom: solid 1px #aaa;
}

#gyomu .down_box div {
    float: left;
}

#gyomu .down_box ul {
    padding-top: 5px;
    margin-left: 10px;
    color: #061170;
}

/*#gyomu .down_box ul:first-child {
float: left;
}

#gyomu .down_box ul:nth-child(2) {
float: right;
}*/

#gyomu .tri_box h3 {
    display: table-cell !important;
    vertical-align: middle;
    font-size: 1.4em;
    color: #061170;
    font-family: 'Gothic Medium BBB';
}

#gyomu .tri_box {
    width: 270px;
    height: 84px;
    background-color: #fff;
    float: left;
    position: relative;
}

#gyomu .tri_box a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#gyomu #tri_list {
    width: 870px;
    height: auto;
    margin: 10px auto 0;
}

#gyomu #tri_list div:nth-child(2) {
    margin: auto 30px;
}

#gyomu .tri_img {
    display: table-cell !important;
    vertical-align: middle;
    width: 80px;
    height: 80px;
}

#gyomu .tri_img img {
    padding: 10px;
}

@media only screen and (min-width: 1024px) {
    .tri_oc-none {
        display: none;
    }

    .tri_boxes {
        clear: both;
        display: flex;
        flex-wrap: wrap;
        max-width: 100%;
        height: auto;
        margin: 20px 15px;
    }

    .tri_box-new {
        width: calc(25% - 10px * 3 / 4);
        margin-right: 10px;
        display: flex;
        justify-content: space-around;
        align-items: center;
        border: solid 1px #aaa;
        position: relative;
    }

    .tri_box-new:before {
        content: url(/wp/test/sankaku.png);
        position: absolute;
        top: -1px;
        right: 0;
    }

    .tri_box-new:last-child {
        margin-right: 0;
    }

    .tri_box-new h3 {
        font-size: 1.3em;
        color: #061170;
        font-family: 'Gothic Medium BBB';
        padding: 10px 10px 10px 0;
    }

    .tri_img-new {
        padding: 10px;
    }

    .tri_img-new img {
        width: 70px;
        max-width: 70px;
        height: auto;
        vertical-align: bottom;
    }
}

@media only screen and (max-width: 1023px) and (min-width: 768px) {
    .tri_boxes {
        clear: both;
        display: flex;
        flex-wrap: wrap;
        max-width: 100%;
        height: auto;
        margin: 20px 15px;
    }

    .tri_box-new {
        width: calc(50% - 10px * 1 / 2);
        margin-right: 10px;
        display: flex;
        justify-content: space-around;
        align-items: center;
        border: solid 1px #aaa;
        position: relative;
    }

    .tri_box-new:before {
        content: url(/wp/test/sankaku.png);
        position: absolute;
        top: -1px;
        right: 0;
    }

    .tri_box-new:nth-child(2n) {
        margin-right: 0;
    }

    .tri_box-new:nth-child(n + 3) {
        margin-top: 10px;
    }

    .tri_box-new h3 {
        font-size: 1.3em;
        color: #061170;
        font-family: 'Gothic Medium BBB';
        padding: 10px 10px 10px 0;
    }

    .tri_img-new {
        padding: 10px;
    }

    .tri_img-new img {
        width: 70px;
        max-width: 70px;
        height: auto;
        vertical-align: bottom;
    }
}

@media only screen and (max-width: 767px) {
    .tri_boxes {
        clear: both;
        display: flex;
        flex-wrap: wrap;
        max-width: 100%;
        height: auto;
        margin: 20px 15px;
    }

    .tri_box-new {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        border: solid 1px #aaa;
        padding: 0 30px;
        margin: 10px auto 0;
    }


    .tri_box-new h3 {
        font-size: 1.2em;
        color: #061170;
        font-family: 'Gothic Medium BBB';
        padding: 10px 10px 10px 0;
    }

    .tri_img-new {
        padding: 10px;
    }

    .tri_img-new img {
        width: 70px;
        max-width: 70px;
        height: auto;
        vertical-align: bottom;
    }
}

#customer .isekyu {
    display: block;
    float: left;
    margin: 35px;
    max-width: 140px;
}

#customer .isekyu-title {
    float: left;
    border-bottom: solid 2px #ddd;
    text-align: right;
    width: 530px;
    max-width: 100%;
    font-size: 25px;
    padding: 10px;
    color: #0071bd;
}

#customer .isekyu-bun {
    padding: 10px;
    width: 540px;
    max-width: 100%;
    float: left;
    font-size: 17px;
    line-height: 30px;
}

#customer .blue_frame {
    margin: 20px auto;
    padding: 10px 0;
    border: solid 20px #dcd7d6;
    position: relative;
}

#customer .fivestar {
    color: #ff932c;
    font-size: 2.0em;
    letter-spacing: 4px;
    position: absolute;
    top: 22px;
    left: 210px;
}

#customer .detail_btn a {
    font-size: 19px !important;
}

#hello img {
    display: block;
    float: left;
    margin: 15px;
    max-width: 200px;
}

#hello .ikinoko {
    font-size: 24px;
    line-height: 30px;
    color: #0071bd;
    font-family: '黎ミンY20 B', 'Reimin Y20 B';
    margin-bottom: 10px;
}

#hello .aisatsu-bun {
    font-size: 15px;
    line-height: 30px;
}

#hello .katagaki {
    text-align: right;
    margin-bottom: 5px;
    font-size: 12px;
}

#hello .sig {
    text-align: right;
    font-family: 'Shinsei Kaisho CBSK1', '新正楷書CBSK1';
    font-size: 25px;
}

.yoyaku-box {
    border: 1px solid #fff;
    padding: 5px 10px;
    margin: 30px 0 0 0;
    width: 230px;
    text-align: center;
    font-family: '黎ミンY20 B', 'Reimin Y20 B';
}

.head_logo .txt1 {
    font-family: 'リュウミン M-KL', 'Ryumin Medium KL';
    color: #b8860b;
}

.head_logo .txt1-2 {
    font-size: 12px;
    letter-spacing: 1px;
}

.head_logo .txt2-2 {
    font-size: 18px;
    letter-spacing: 0;
}

.side_group03 h2 {
    border-radius: 3px;
    background-color: #2f467a;
    color: #fff;
    text-align: center;
    font-size: 16px;
    padding: 5px 0;
    margin: 0 0 10px 0;
}

.sidebanner {
    border: solid 1px #aaa;
    border-radius: 3px;
    width: 250px;
    height: 60px;
    margin: 0 0 10px 0;
}

.sidebanner a:link,
.sidebanner a:visited,
.sidebanner a:hover,
.sidebanner a:active {
    color: #666;
    text-decoration: none;
}

.sidebanner .img {
    float: left;
}

.sidebanner .img img {
    width: 60px;
    height: 60px;
}

.sidebanner .head {
    float: left;
    font-size: 19px;
    font-family: '新ゴ R', 'Shin Go Regular';
    color: #666;
    letter-spacing: 2px;
    margin: 18px 0 0 4px;
}

.sidebanner .gt {
    float: right;
}

.sidebanner .gt img {
    width: 30px;
    height: 60px;
}

/* TOP RENEWAL 20170221 */

#aisatsu .pc img {
    width: 280px;
    float: left;
    margin-right: 30px;
}

#aisatsu p.power {
    font-size: 22px;
    color: #0071bc;
    font-family: 'Reimin Y10 ExtraBold';
    line-height: 1.5em;
    font-size: 28px;
    padding: 20px;
}

#aisatsu .name_pc p:last-child {
    font-size: 25px;
    color: #000;
    font-family: 'Kaisho MCBK1';
}

#aisatsu .ais_text .paragraph p {
    font-family: 'Reimin Y10 Regular';
    font-size: 16px;
}

#aisatsu .ais_text .paragraph p:last-child {
    margin-bottom: 30px;
}

#aisatsu .name_pc p {
    text-align: right;
}

#staff_list {
    background: #9ec7d7;
}

#staff_list .person {
    float: left;
    width: 38% !important;
    text-align: center;
    position: relative;
}

#staff_list .person img {
    width: 146px;
}

#staff_list .person p {}

#staff_list .person p.phrase {
    font-family: 'Shin Go Regular';
    font-size: 17px;
    color: #000;
    width: 175px;
    margin: 0 auto 15px;
    line-height: 1.8em;
}

#staff_list .person p.phrase:before {
    content: url('/wp/wp-content/uploads/2017/02/sen_1.png');
    position: absolute;
    top: 20px;
    left: 20px;
}

#staff_list .person p.phrase:after {
    content: url('/wp/wp-content/uploads/2017/02/sen_2.png');
    position: absolute;
    top: 20px;
    right: 20px;
}

#staff_list .person p.name {
    color: #365071;
    line-height: 2.0em;
    margin-bottom: 15px;
    font-family: 'Shin Go Regular';
}

#staff_list .person p.name span {
    font-size: 29px;
}

#staff_list .person p:last-child {
    color: #fff;
    background: #808080;
    width: 85%;
    margin: 0 auto;
    padding: 5px 0;
    border-radius: 10px;
    font-size: 16px;
}

#staff_list .person a {
    color: #fff;
    text-decoration: none;
}

#not_early p:not(.test2) {
    margin-bottom: 1.0em;
    font-size: 16px;
    font-family: 'Shuei KakuGo Kin L';
}

#not_early p:not(.test3) {
    margin-bottom: 1.0em;
    font-size: 16px;
    font-family: 'Shuei KakuGo Kin L';
}

#not_early .clearfix>img {
    float: right;
    margin-left: 30px;
    width: 350px;
}

#not_early .bnr {
    width: 665px;
    margin: 15px auto 0;
}

#not_early .bnr img {
    width: 300px;
    margin: 0 15px;
}

#customer .detail_btn {
    text-align: center;
}

#gyomu #renew .out_box {
    position: relative;
}

#gyomu #renew .out_box:before {
    content: url("/wp/test/sankaku.png");
    position: absolute;
    top: 0;
    right: 0;
}

#gyomu #renew .down_box li:before {
    content: url("/wp/wp-content/uploads/2017/02/botan.png");
    margin-right: 5px;
}

#gyomu #renew .down_box li {
    margin-bottom: 5px;
    font-size: 15px;
}

#gyomu #renew .down_box a {
    color: #365071;
}

#example {
    background: #f0f5f3;
    counter-reset: case;
}

#example #case_list p {
    font-size: 18px;
    background-image: url('/wp/wp-content/uploads/2017/02/case.png');
    font-family: 'Shuei KakuGo Kin L';
    height: 64px;
    position: relative;
    margin: 10px auto;
    padding: 22px 20px 0 80px;
}

#example #case_list p:before {
    position: absolute;
    top: 30px;
    left: 15px;
    counter-increment: case;
    content: "0" counter(case);
    font-size: 30px;
    color: #fff;
}

#example #case_list p:after {
    content: "CASE";
    position: absolute;
    top: 8px;
    left: 17px;
    color: #fff;
    font-size: 12px;
}

#example #case_list {
    width: 670px;
    margin: 0 auto;
}

#example #case_list a {
    text-decoration: none;
}

#rinen02 {
    background: #d1dbdb;
}

#rinen02 img {
    float: left;
    width: 300px;
    margin-right: 30px;
}

#rinen02 #rinen_text02 p:first-child {
    font-size: 16px;
    font-family: 'Shuei KakuGo Kin L';
    line-height: 1.4em;
    margin-bottom: 30px;
}

#rinen02 #rinen_text02 p:last-child {
    margin-left: 385px !important;
}

#reasons .each {
    width: 785px;
    height: 266px;
    margin: 0 auto 20px;
}

#reasons .each:nth-of-type(1) {
    background-image: url('/wp/wp-content/uploads/2018/03/reason_1b.png');
}

#reasons .each:nth-of-type(2) {
    background-image: url('/wp/wp-content/uploads/2016/04/reason_2b.png');
}

#reasons .each:nth-of-type(3) {
    background-image: url('/wp/wp-content/uploads/2017/02/reason_3b.png');
    margin-bottom: 0 !important;
}

#reasons .each {
    position: relative;
}

#reasons .each p:nth-of-type(1) {
    font-size: 20px;
    color: #365071;
    position: absolute;
    top: 40px;
    left: 70px;
    font-family: 'Shin Go Regular';
}

#reasons .each p:last-child {
    position: absolute;
    top: 95px;
    left: 30px;
    width: 475px;
    font-family: 'Shuei KakuGo Kin L';
    line-height: 1.8em;
}

#roumu {
    background: #9ec7d7;
}

#roumu p:not(.test2) {
    font-family: 'Reimin Y10 Regular';
    margin-bottom: 1.0em;
    font-size: 16px;
}

#roumu p:not(.test3) {
    font-family: 'Reimin Y10 Regular';
    margin-bottom: 1.0em;
    font-size: 16px;
}

#roumu .test6>img:nth-of-type(1) {
    float: right;
    width: 256px;
    margin-left: 40px
}

#roumu a>img {
    width: 326px;
    margin: 30px 0 0 145px;
}

.text-p {
    margin-bottom: 40px;
}

.hr-top {
    border-top: 2px solid rgb(170, 170, 170);
    padding-top: 30px;
}

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

    .test2 {
        text-align: center;
        margin: 40px 0 20px;
        font-size: 24px;
        padding-bottom: 10px;
        border-bottom: solid 2px #aaa;
        font-family: 'Gothic Medium BBB', '中ゴシックBBB';
    }

    .test3 {
        text-align: center;
        margin: 40px 0 20px;
        font-size: 19px;
        padding-bottom: 10px;
        border-bottom: dotted 2px #979797;
        font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    }

    .test6 {
        max-width: 900px;
        display: block;
        margin: 0 auto;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .test6 *,
    .test6 *:before,
    .test6 *:after {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .test7 {
        padding: 30px 0;
        background-color: #9ec8d8;
    }

    .clearfix:before,
    .clearfix:after {
        content: " ";
        display: table;
    }

    .clearfix:after {
        clear: both;
    }

    .clearfix {
        *zoom: 1;
    }

    #rinen .ind_p01 {
        line-height: 2.0em;
    }

    #rinen .rinen_text {
        width: 100%;
    }

    #rinen .img_box {
        width: 40%;
        max-width: 264px;
        float: left;
        margin-right: 10px;
    }

    #rinen .ind_btn01 {
        margin: 0 auto;
    }

    #rinen .ind_btn01 a {
        font-size: 13px !important;
        padding-top: 13px !important;
    }

    #gyomu {
        background-color: #e5eeef;
    }

    #gyomu .out_box {
        width: 100%;
        margin: 10px 0;
        background-color: #fff;
    }

    #gyomu .up_box {
        height: 104px;
    }

    #gyomu .left_img {
        float: left;
        width: 102px;
        height: 102px;
    }

    #gyomu .triangle {
        float: right;
        width: 14px;
        height: 6px;
    }

    #gyomu .up_right {
        max-width: 65%;
        margin-left: 110px;
    }

    #gyomu .up_right p:first-child {
        margin: 10px 0 10px 10px;
    }

    #gyomu .up_right p:nth-child(2) {
        display: none;
    }

    #gyomu .more {
        display: block;
        margin: 0 10px;
    }

    #gyomu .up_right .more a {
        font-family: 'Gothic Medium BBB';
        font-size: 16px;
        color: #0c0c0c;
    }

    #gyomu .more-text {
        display: block;
        margin-bottom: 10px;
    }

    #gyomu .up_right a {
        font-family: 'Gothic Medium BBB';
        font-size: 22px;
        color: #061170;
    }

    #gyomu .out_box a:hover,
    #gyomu .tri_box:hover h3 {
        color: #c5b023;
        text-decoration: underline;
    }

    #gyomu .down_box {
        display: none;
        height: auto;
        padding: 10px;
    }

    #gyomu .down_box div {
        float: left;
    }

    #gyomu .down_box ul {
        padding-top: 5px;
        margin-left: 10px;
        color: #061170;
    }

    #gyomu .down_box ul {
        /*    float: left!important;*/
    }

    #gyomu .tri_box h3 {
        display: table-cell !important;
        vertical-align: middle;
        font-size: 1.4em;
        color: #061170;
        font-family: 'Gothic Medium BBB';
    }

    #gyomu .tri_box {
        width: 100%;
        height: auto;
        background-color: #fff;
        margin: 5px 0 !important;
        position: relative;
        padding-left: 25px;
    }

    #gyomu .tri_box a {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    #gyomu #tri_list {
        width: 100%;
        height: auto;
        margin: 10px auto 0;
    }

    #gyomu .tri_img {
        display: table-cell !important;
        vertical-align: middle;
        width: 80px;
        height: 80px;
    }

    #gyomu .tri_img img {
        padding: 10px;
    }

    #customer .isekyu {
        display: block;
        float: left;
        margin: 10px;
        width: 30%;
        max-width: 140px;
    }

    #customer .isekyu-title {
        text-align: right;
        padding: 10px;
        color: #0071bd;
        font-size: 20px;
    }

    #customer .isekyu-bun {
        padding: 10px;
        width: 100%;
        line-height: 20px;
    }

    #customer .blue_frame {
        margin: 20px auto;
        padding: 10px 0;
        border: solid 20px #dcd7d6;
        position: relative;
    }

    #customer .fivestar {
        color: #ff932c;
        font-size: 1.5em;
        letter-spacing: 4px;
        position: absolute;
        top: 205px;
        left: 10px;
    }

    #customer .detail_btn a {
        font-size: 19px !important;
        text-align: center;
    }

    #hello img {
        display: block;
        float: left;
        margin: 15px;
        width: 40%;
        max-width: 200px;
    }

    #hello .ikinoko {
        font-size: 24px;
        line-height: 30px;
        color: #0071bd;
        font-family: '黎ミンY20 B', 'Ryumin Y20 B';
        margin-bottom: 10px;
    }

    #hello .aisatsu-bun {
        font-size: 15px;
        line-height: 30px;
    }

    #hello .katagaki {
        text-align: right;
        margin-bottom: 5px;
        font-size: 12px;
    }

    #hello .sig {
        text-align: right;
        font-family: 'Shinsei Kaisho CBSK1', '新正楷書CBSK1';
        font-size: 25px;
    }

    .yoyaku-box {
        display: none;
    }

    .head_logo .txt1 {
        font-family: 'リュウミン M-KL', 'Ryumin Medium KL';
        color: #b8860b;
    }

    .head_logo .txt1-2 {
        display: none;
    }

    .head_logo .txt2-2 {
        display: block;
        font-size: 14px;
    }

    /* TOP RENEWAL 20170221 */
    #roumu .photo_pc,
    .test5 img.pc {
        /*mainvisual*/
        display: none;
    }

    .next_text {
        display: none;
        clear: both;
    }

    .next_sp {
        color: #fff;
        background: #5a9db5;
        text-align: center;
        padding: 10px 0;
        margin: 10px;
    }

    .next_sp p {
        font-family: 'Gothic Medium BBB';
        font-size: 18px;
        margin-bottom: 0 !important;
    }

    #aisatsu .sp img {
        width: 40%;
        float: left;
        margin-right: 30px;
        display: block !important;
    }

    #aisatsu .pc {
        display: none;
    }

    #aisatsu .ais_text .paragraph {
        clear: both;
    }

    #aisatsu .ais_text p.power {
        font-size: 18px;
        padding: 10px;
    }

    #aisatsu .name_sp p:last-child {
        font-size: 25px;
        color: #000;
        font-family: 'Kaisho MCBK1';
    }

    #aisatsu .name_sp {
        text-align: right;
        padding-top: 20px;
    }

    #aisatsu .name_pc {
        display: none;
    }

    #staff_list {
        background: #9ec7d7;
    }

    #staff_list .person {
        width: 100%;
        position: relative;
        clear: both;
        margin-bottom: 30px;
    }

    #staff_list .person img {
        width: 40%;
        float: left;
    }

    #staff_list .person p.phrase {
        float: right;
        width: 53%
    }

    #staff_list .person p.phrase:before {
        position: absolute;
        top: 20px;
        left: 47%;
    }

    #staff_list .person p.phrase:after {
        position: absolute;
        top: 20px;
        right: 0;
    }

    #staff_list .person p.name {
        clear: right;
    }

    #not_early p:not(.test2) {
        margin-bottom: 1.0em;
        font-size: 16px;
        font-family: 'Shuei KakuGo Kin L';
    }

    #not_early p:not(.test3) {
        margin-bottom: 1.0em;
        font-size: 16px;
        font-family: 'Shuei KakuGo Kin L';
    }

    #not_early .clearfix>img {
        float: right;
        margin-left: 30px;
        width: 350px;
    }

    #not_early .bnr {
        width: 90%;
    }

    #not_early .bnr img {
        width: 100%;
        margin: 0;
    }

    #gyomu #renew .left_img {
        width: 70px;
        height: 70px;
    }

    #gyomu #renew .up_right {
        margin-left: 0 !important;
        width: 100%;
        max-width: 100% !important;
    }

    #gyomu #renew .up_right p:first-child {
        margin-left: 80px;
    }

    #gyomu #renew .up_right p:nth-child(2) {
        clear: both;
        padding: 5px;
        display: block !important;
        margin-left: 0;
    }

    #gyomu #renew .up_right a {
        font-family: 'Gothic Medium BBB';
        font-size: 22px;
        color: #061170;
    }

    #gyomu #renew .up_box {
        height: auto;
    }

    #gyomu #renew .down_box {
        display: block !important;
    }

    #gyomu #renew .down_box li {
        margin-bottom: 10px;
        font-size: 18px;
    }

    #gyomu #renew .down_box .left_part,
    #gyomu #renew .down_box .right_part {
        float: none;
    }

    #gyomu #renew .tri_box {
        padding: 0;
    }

    #gyomu #renew .tri_box h3 {
        padding-left: 25px;
    }

    #customer {}

    #customer .isekyu {
        display: block;
        float: left;
        margin: 10px;
        max-width: 140px;
    }

    #customer .isekyu-title {
        float: none;
        text-align: left;
        border: none;
    }

    #customer .isekyu-bun {
        padding: 10px;
    }

    #customer .blue_frame {
        margin: 20px auto;
        padding: 10px 0;
        border: solid 5px #dcd7d6;
    }

    #customer .fivestar {
        position: initial;
        padding-top: 25px;
    }

    #example #case_list p {
        position: relative;
        font-size: 18px;
        background-image: none;
        height: auto !important;
        margin: 5px auto;
        padding: 10px 15px;
        background: #ffffff;
        /* Old browsers */
        background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
        /* IE6-9 */
    }

    #example #case_list p:before {
        content: url('/wp/wp-content/uploads/2017/02/botan.png');
        position: absolute;
        left: 93%;
        top: 20%;
    }

    #example #case_list p:after {
        content: none;
    }

    #example #case_list {
        width: 100%;
        margin: 0 auto;
    }

    #example #case_list a {
        text-decoration: none;
    }

    #rinen02 img {
        float: none;
        width: 300px;
        margin: 0 auto;
        display: block;
    }

    #rinen02 #rinen_text02 p:first-child {
        font-size: 16px;
        font-family: 'Shuei KakuGo Kin L';
        line-height: 1.4em;
        margin-bottom: 30px;
    }

    #rinen02 #rinen_text02 p:last-child {
        margin: 0 auto !important;
    }

    #reasons {
        counter-reset: reason;
    }

    #reasons .each {
        width: 100%;
        height: auto;
        background-image: none !important;
        position: relative;
    }

    #reasons .square_sp {
        float: left;
        width: 14%;
        margin: 0 10px 20px 0;
    }

    #reasons .each:before {
        counter-increment: reason;
        content: "0" counter(reason);
        color: #fff;
        font-size: 20px;
        position: absolute;
        top: 2%;
        left: 3%;
        font-family: 'Shin Go Regular';
    }

    #reasons .each p:nth-of-type(1) {
        font-size: 20px;
        position: initial;
        width: 100%;
    }

    #reasons .each p:last-child {
        position: initial;
        width: 100%;
    }

    #roumu a>img {
        width: 326px;
        margin: 0 auto;
        display: block;
    }

    .text-p {
        margin-bottom: 20px;
    }

    .hr-top {
        border-top: 2px solid rgb(170, 170, 170);
        padding-top: 30px;
    }
}

@media screen and (min-width: 768px),
print {
    .float-R {
        float: right;
        margin: 0 0 1em 1em;
    }
}

@media screen and (max-width: 767px) {
    .float-R {
        max-width: 260px;
        text-align: center;
        margin-bottom: 1em;
    }

    .float-R img {
        display: inline;
    }
}

/* 180129_em */
.em {
    font-weight: bold;
    font-size: 1.1em;
}

/* 180817_counsel */
#counsel-wrap .kome_flow {}

#counsel-wrap .kome_flow_box {
    background: #F2F2F2;
    margin: 26px 0px;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.4);
    padding: 28px 30px;
}

#counsel-wrap .kome_flow_title {
    font-size: 24px;
    margin-bottom: 10px;
    font-weight: bold;
}

#counsel-wrap .kome_flow_comment {
    font-size: 16px;
}

#counsel-wrap .kome_flow_img {
    font-size: 17px;
}

#counsel-wrap .kome_flow_tell {
    background: #fff;
    width: 240px;
    height: 55px;
    text-align: center;
    display: table-cell;
    margin-right: 2.3px;
}

#counsel-wrap .kome_flow_tell1 {
    font-size: 16px;
    margin-bottom: 2px;
    padding-top: 5px;
}

#counsel-wrap .kome_flow_tell2 {
    font-size: 28px;
    font-weight: bold;
}

#counsel-wrap .kome_flow_form a {
    color: white;
}

#counsel-wrap .kome_flow_form {
    width: 230px;
    height: 55px;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
    font-size: 20px;
    color: white;
    font-weight: bold;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    background-image: url(/wp/wp-content/uploads/2018/05/redbox.png);
}

#counsel-wrap .promise .text {
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
}

#counsel-wrap .komon_support_1 p {
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
}

#counsel-wrap .voice_ba {
    width: 230px;
    height: 45px;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
    font-size: 20px;
    color: white;
    font-weight: bold;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    background-image: url(/wp/wp-content/uploads/2018/05/bluebox.png);
    line-height: 43px;
    margin-top: 20px;
}

#counsel-wrap .voice_ba a {
    color: white;
}

#counsel-wrap .voice_who img {
    margin-top: 8px;
}

@media only screen and (min-width:768px),
print {
    #counsel-wrap .komon_p {
        margin-bottom: 1em;
    }

    #counsel-wrap .voice_who {
        border-bottom: 2px solid #DADADA;
        margin-bottom: 12px;
    }

    #counsel-wrap div.promise {
        border: dotted #1883FF 3px;
        border-radius: 10px;
        margin: 10px 16px;
        height: 60px;
        display: flex;
        align-items: center;
    }

    #counsel-wrap .promise_left {
        position: absolute;
    }

    #counsel-wrap .promise .text {
        margin-left: 160px;
        font-size: 19px;
        line-height: 1.3em;
        padding-top: 7px;
    }

    #counsel-wrap .promise img {
        text-align: center;
        margin: 0 auto;
        width: 92px;
        margin-left: 28px;
    }

    #counsel-wrap .komon_support_box {
        width: 252px;
        float: left;
        margin-right: 10px;
        margin-bottom: 32px;
    }

    #counsel-wrap div.komon_support_1 {
        background-color: #144272;
        width: 252px;
        height: 65px;
    }

    #counsel-wrap .komon_support_1 img {
        text-align: center;
        margin: 0 auto;
        display: block;
        padding-top: 9px;
    }

    #counsel-wrap .komon_support_1 p {
        text-align: center;
        font-size: 22px;
        color: #fff;
    }

    #counsel-wrap label {
        font-size: 22px;
        display: block;
        text-align: center;
        font-weight: bold;
        margin: 16px 0px;
        line-height: 1.3em;
    }

    #counsel-wrap .komon_support_3 p {
        font-size: 15px;
        margin: 0px 10px;
    }

    #counsel-wrap .komon_support_kome {
        border: dotted #1883FF 3px;
        border-radius: 3px;
        padding: 20px 110px;
    }

    #counsel-wrap .komon_support {
        clear: both;
    }

    #counsel-wrap .clearfix {
        clear: both;
    }

    #counsel-wrap .cssacc {
        display: none;
    }

    #counsel-wrap .komo_fl {
        float: left !important;
    }

    #counsel-wrap .komo_fr {
        float: right !important;
    }

    #counsel-wrap .voice {
        font-size: 17px;
    }

    #counsel-wrap .voice img {
        font-size: 24px;
        margin-right: 21px;
    }

    #counsel-wrap .voice_who {
        margin-left: 160px;
    }

    #counsel-wrap .voice_who p {
        font-size: 24px;
    }

    #counsel-wrap .voice_who img {
        font-size: 17px;
    }

    #counsel-wrap .voice_comment {
        font-size: 17px;
    }

    #counsel-wrap .voice_ba {
        font-size: 17px;
    }

    #counsel-wrap .kome_flow1 {
        margin-top: 10px;
        margin-left: 116px;
    }

    #counsel-wrap .kome_flow_tell {
        margin-right: 2.3em;
    }

    #counsel-wrap .komo_table1 {
        border-collapse: collapse;
        width: 100%;
        border: 2px solid #B2B2B2;
    }

    #counsel-wrap .komo_table1 thead {
        background: #3A4969;
        color: white;
    }

    #counsel-wrap .komo_table1 thead th {
        width: 120px;
        padding: 12px 0;
    }

    #counsel-wrap .komo_table1 thead th p {
        border-right: 2px solid white;
        padding: 3.5px 0;
        height: 84px;
        display: table-cell;
        vertical-align: middle;
        width: 120px;
        text-align: center;
    }

    #counsel-wrap .komo_table1_plan {
        background-color: #DEECEC;
        width: 112px;
        padding: 10px 39px;
        text-align: center;
    }

    #counsel-wrap .sep {
        background-color: #A1B1C2 !important;
        text-align: center;
        font-size: 17px !important;
        color: #203A5B;
        font-weight: bold;
        padding: 5px 0px !important;
    }

    #counsel-wrap .komo_table1 td {
        font-size: 30px;
        text-align: center;
        padding: 20px 0;
    }

    #counsel-wrap .komo_table1 tbody tr {
        border-bottom: 2px dotted #B2b2b2;
    }

    #counsel-wrap .komo_table1 td:nth-child(odd) {
        background: #F2F2F2;
    }

    #counsel-wrap .komo_table1 .sep {
        border-bottom: none;
    }

    #counsel-wrap .bor2 {
        height: 70px;
    }

    #counsel-wrap .komo_table1 .last p {
        border: none;
    }

    #counsel-wrap .komo_table1 .last {
        border: none;
    }

    #counsel-wrap .komo_table1 .batu {
        color: #3B84DC;
    }

    #counsel-wrap .komo_table1 .gyo3 {
        font-size: 18px;
    }

    #counsel-wrap .komo_table1 .gyo2 {
        font-size: 19px;
    }

    #counsel-wrap .komo_table1 .bor1 {
        width: 192px !important;
    }

    #counsel-wrap .komo_table1 .bor1 p {
        width: 192px !important;
    }

    #counsel-wrap .zero {
        width: 15px;
        height: 55px;
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }

    #counsel-wrap .pc_hide {
        display: none;
    }
}

@media only screen and (max-width:767px) {
    #counsel-wrap .komon_p {
        margin-bottom: 1em;
    }

    #counsel-wrap div.promise_sp {
        border: dotted #1883FF 3px;
        border-radius: 6px;
        margin-bottom: 10px;
        padding: 15px !important;
        width: auto !important;
    }

    #counsel-wrap .promise_left img {
        margin: auto;
        margin-bottom: 16px;
    }

    #counsel-wrap .relative {
        position: relative;
    }

    #counsel-wrap .komon_accordion {
        margin: 1em 0;
        padding: 0;
        max-width: 100%;
        /*最大幅*/
    }

    /*ラベル*/
    #counsel-wrap .komon_accordion .komon_support_2 {
        display: block;
        padding: 19px 20% 19px 20px;
        font-size: 20px;
        background: linear-gradient(#fff, #eee);
        border: silver 2px solid;
        box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
        position: relative;
    }

    /*ラベルホバー時*/
    #counsel-wrap .komon_accordion .komon_support_2:hover {
        background: #888;
    }

    /*チェックは隠す*/
    #counsel-wrap .komon_accordion input {
        display: none !important;
    }

    /*中身を非表示にしておく*/
    #counsel-wrap .komon_accordion .komon_support_3 {
        height: 0;
        padding: 0;
        overflow: hidden;
        opacity: 0;
    }

    /*クリックで中身表示*/
    #counsel-wrap .cssacc:checked+.komon_support_3 {
        height: auto;
        padding: 25px;
        margin-top: 8px;
        background: #DEECEC;
        opacity: 1;
    }

    #counsel-wrap .komon_support_1 {
        display: none;
    }

    #counsel-wrap .br-sp {
        display: none;
    }

    #counsel-wrap .komon_support_kome {
        border: dotted #2F467A 3px;
        padding: 25px;
    }

    #counsel-wrap .voice {
        font-size: 17px;
    }

    #counsel-wrap .voice_who {
        font-size: 17px;
    }

    #counsel-wrap .voice_who img {
        margin-bottom: 8%;
    }

    #counsel-wrap .voice_who {
        border-bottom: 2px solid #DADADA;
        margin-bottom: 12px;
        padding-top: 21%;
        padding-left: 39%;
    }

    #counsel-wrap .voice_comment {
        margin: 24px 0;
    }

    #counsel-wrap .voice_ba {
        display: block;
        margin: 0 auto;
    }

    #counsel-wrap .kome_flow_tell {
        display: block;
        width: 80%;
        height: auto;
        margin: 10px auto;
    }

    #counsel-wrap .kome_flow_form {
        display: block !important;
        height: 15vw !important;
        margin: 11px auto;
        width: 80% !important;
        background-size: 100% !important;
        font-size: 5vw;
        line-height: 15vw;
    }

    #counsel-wrap .kome_flow_img {
        width: 100%;
    }

    #counsel-wrap .komo_fl_sp {
        float: left;
    }

    #counsel-wrap .clearfix_sp {
        clear: both;
    }

    #counsel-wrap .kome_flow_img img {
        width: 100%;
        margin-top: 10px
    }

    #counsel-wrap div.kome_flow_form {
        background: url(/wp/wp-content/uploads/2018/05/redbox.png); // 画像ファイル名とパス
        background-size: 100%;
    }

    /*アコーディオン用*/
    #counsel-wrap .accordionbox {
        width: 50%;
        background: #FBDBC4;
        margin: 10px auto 40px;
        padding: 20px;
    }

    #counsel-wrap .accordionlist dt {
        display: block;
        background: #fff;
        padding: 20px 0 10px 5px;
        border-top: 1px solid #DFDFDF;
    }

    #counsel-wrap .accordionlist dt:first-child {
        border-top: none !important;
    }

    #counsel-wrap .accordionlist dt .title {
        padding-left: 10px;
        float: left;
    }

    #counsel-wrap .accordionlist dd {
        display: none;
        background: #fff;
        padding: 0 0 20px 15px;
    }

    #counsel-wrap .accordion_icon,
    #counsel-wrap .accordion_icon span {
        display: inline-block;
        transition: all .4s;
        box-sizing: border-box;
    }

    #counsel-wrap .accordion_icon {
        position: absolute;
        top: 37%;
        left: 74%;
        width: 30px;
        height: 30px;
        float: right;
        margin-right: 5px;
    }

    #counsel-wrap .accordion_icon span {
        position: absolute;
        left: 150%;
        width: 86%;
        height: 5px;
        background-color: #1B71D9;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -ms-border-radius: 4px;
        -moz-border-radius: 4px;
        -o-border-radius: 4px;
    }

    #counsel-wrap .accordion_icon span:nth-of-type(1) {
        top: 25%;
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }

    #counsel-wrap .accordion_icon span:nth-of-type(2) {
        top: 25%;
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
    }

    /*＋、－切り替え*/
    #counsel-wrap .accordion_icon.active span:nth-of-type(1) {
        display: none;
    }

    #counsel-wrap .accordion_icon.active span:nth-of-type(2) {
        top: 5px;
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
    }

    #counsel-wrap .voice img {
        width: 30%;
    }

    #counsel-wrap .voice_who p {
        font-size: 5vw;
    }

    #counsel-wrap .komo_table1 {
        border-collapse: collapse;
        width: 100%;
        border: 2px solid #B2B2B2;
    }

    #counsel-wrap .komo_table1 thead {
        background: #00B0B0;
        color: white;
    }

    #counsel-wrap .komo_table1 thead th {
        padding: 12px 0;
    }

    #counsel-wrap .komo_table1 thead th p {
        padding: 3.5px 0;
        text-align: center;
    }

    #counsel-wrap .komo_table1_plan {
        background-color: #DEECEC;
        padding: 10px 14px;
        text-align: center;
        width: 39%;
    }

    #counsel-wrap .sep {
        background-color: #1B71D9 !important;
        text-align: center;
        font-size: 17px !important;
        color: #fff;
        font-weight: bold;
        padding: 5px 0px !important;
    }

    #counsel-wrap .komo_table1 td {
        font-size: 30px;
        text-align: center;
        padding: 20px 0;
    }

    #counsel-wrap .komo_table1 tbody tr {
        border-bottom: 2px dotted #B2b2b2;
    }

    #counsel-wrap .komo_table1 td:nth-child(odd) {
        background: #F2F2F2;
    }

    #counsel-wrap .komo_table1 .sep {
        border-bottom: none;
    }

    #counsel-wrap .bor2 {
        height: 70px;
    }

    #counsel-wrap .komo_table1 .last p {
        border: none;
    }

    #counsel-wrap .komo_table1 .last {
        border: none;
    }

    #counsel-wrap .komo_table1 .batu {
        color: #3B84DC;
    }

    #counsel-wrap .komo_table1 .gyo3 {
        font-size: 18px;
    }

    #counsel-wrap .komo_table1 .gyo2 {
        font-size: 19px;
    }

    #counsel-wrap .komo_table1 .bor1 {}

    #counsel-wrap .komo_table1 .bor1 p {}

    #counsel-wrap .sp-top-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
        border-top: none !important;
    }

    #counsel-wrap .sp-top-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
        border: 3px solid #1b71d9 !important;
        margin-bottom: 0px;
    }

    #counsel-wrap .sp-top-thumbnails {
        width: 100% !important;
    }

    #counsel-wrap .sp-thumbnails {
        width: 100% !important;
    }

    #counsel-wrap .sp-thumbnail-title p {
        text-align: center;
    }

    #counsel-wrap .sp-thumbnail-container {
        height: 58% !important;
        background-color: #CBE2FB;
        margin: 1% 0% !important;
    }

    /*
  .sp-bottom-thumbnails .sp-thumbnail-container,
  .sp-top-thumbnails .sp-thumbnail-container {
    margin-left: 0!important;
    height: 60%!important;
    margin: 0.1%!important;
  } */
    .sp_hide {
        display: none;
    }

    .sp-top-thumbnails.sp-has-pointer .sp-thumbnail {
        bottom: 9px;
        left: 10px font-weight: bold;
    }

    .slide {
        background-color: #F2EDDE;
        margin: 0 auto;
        text-align: center;
        padding-bottom: 8px;
    }

    .slide img {
        margin-top: 1px;
    }
}

/* 180817_TOP */
@media only screen and (min-width:768px),
print {
    .bg-9ec7d7 {
        background: #9ec7d7;
    }

    .bg-f0f5f3 {
        background: #f0f5f3;
    }

    .bg-d1dbdb {
        background: #d1dbdb;
    }

    .bg-fff {
        background: #fff;
        padding-top: 40px;
    }

    .t-center {
        text-align: center;
    }

    .float-l {
        float: left;
        margin-right: 24px;
    }

    .float-r {
        float: right;
        margin-left: 24px;
    }

    .asano-illust {
        float: left;
        margin: 0 24px 0 80px;
    }

    .asano-illust-p {
        font-size: 20px;
        line-height: 32px;
        margin-top: 20px;
    }

    .sp-only {
        display: none;
    }

    div.w800 {
        max-width: 800px;
        display: block;
        margin: 0 auto;
        box-sizing: border-box;
    }

    div.w944 {}

    div.flex3 {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    div.flex3 div.flex3-child {
        width: 270px;
        background: #fff;
        border-radius: 8px;
        padding: 16px 16px 52px;
        margin-bottom: 16px;
        position: relative;
    }

    div.flex3 div.flex3-child a {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    div.flex3 div.flex3-child a:hover {
        box-shadow: 0 0 52px rgba(170, 170, 170, .6) inset;
    }

    div.flex3 div.flex3-child h4 {
        display: block;
        text-align: center;
        font-size: 22px;
        font-family: '新ゴ DB', 'Shin Go DeBold';
        color: #193053;
        margin: 16px;
        position: relative;
    }

    div.flex3 div.flex3-child p {
        font-size: 20px;
        font-weight: bold;
        margin: 16px;
        line-height: 30px;
    }

    div.flex3 div.flex3-child p img {
        width: 160px;
        position: absolute;
        bottom: 12px;
        left: 54px;
    }

    div.click_icon {
        position: absolute;
        bottom: 16px;
        right: 16px;
        border-top: 6px solid transparent;
        border-right: 6px solid #193053;
        border-bottom: 6px solid #193053;
        border-left: 6px solid transparent;
    }

    h3.reason {
        border: solid 1px #4c5579;
        padding: 0;
        overflow: hidden;
    }

    h3.reason span.number {
        display: block;
        float: left;
        background: #4c5579;
        font-size: 24px;
        font-weight: bold;
        color: #fff;
        padding: 12px 24px;
    }

    h3.reason span.text {
        display: block;
        float: left;
        font-size: 24px;
        font-weight: bold;
        color: #4c5579;
        padding: 12px 24px;
    }

    div.reason {
        padding: 24px 24px 40px;
        font-size: 16px;
        line-height: 24px;
    }

    h3.case {
        padding: 10px 32px;
        overflow: hidden;
        background: #fff;
        margin-bottom: 8px;
    }

    h3.case span.number {
        display: block;
        float: left;
        background: url(/img/kakomi.png) no-repeat;
        font-size: 16px;
        font-weight: bold;
        color: #193053;
        padding: 10px 20px 4px 14px;
    }

    h3.case span.text {
        display: block;
        float: left;
        font-size: 19px;
        color: #4c5579;
        padding: 10px;
    }

    h3.case .fa-chevron-circle-right {
        display: block;
        float: right;
        font-size: 28px;
        color: #4c5579;
        padding: 5px 0 0 10px;
    }

    div.case {
        background: #fff;
        padding: 16px 24px 16px;
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 16px;
    }

    div.case p {
        margin-bottom: 8px;
    }

    div.case p.more a {
        color: #c1272d;
    }

    div.case p.more a:after {
        content: ' >';
    }

    #staff_list .person p.phrase {
        font-size: 14px;
        color: #333;
    }

    #staff_list .person {
        width: 25%;
    }

    div.pop {
        border: solid 1px #333;
        background: #f1efee;
        padding: 12px 32px 24px;
        margin: 16px 0 24px;
    }

    div.pop p {
        font-size: 18px;
        line-height: 28px;
    }

    div.pop h3 {
        display: block;
        width: 600px;
        margin: 0 auto 16px;
        font-size: 20px;
        font-weight: bold;
        color: #193053;
        padding: 38px 0 22px 100px;
    }

    div.pop h3.soudan {
        background: url(/img/topic_1.png) no-repeat;
    }

    div.pop h3.keiyaku {
        background: url(/img/topic_2.png) no-repeat;
    }

    div.pop h3.otameshi {
        background: url(/img/topic_3.png) no-repeat;
    }

    div.pop h3.soudan .color {
        color: #f15a24;
    }

    div.pop h3.keiyaku .color {
        color: #4c81a0;
    }

    div.pop h3.otameshi .color {
        color: #d13c74;
    }

    div.trouble {
        position: relative;
    }

    div.trouble p.float-r {
        margin-bottom: 100px;
    }

    div.trouble p {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 16px;
    }

    div.trouble div.bnr {
        width: 668px;
        margin: 16px auto 48px;
    }

    div.trouble div.bnr img {
        width: 300px;
        margin: 0 16px;
    }

    div.trouble div.balloon-position {
        position: absolute;
        top: 366px;
        right: 0px;
    }

    div.trouble div.balloon-position div.balloon {
        position: relative;
        display: inline-block;
        margin: 1.5em 0;
        padding: 10px 16px;
        min-width: 120px;
        max-width: 100%;
        background: #fff;
        border-radius: 15px;
    }

    div.trouble div.balloon-position div.balloon:before {
        content: "";
        position: absolute;
        top: -30px;
        left: 25%;
        margin-left: -15px;
        border: 15px solid transparent;
        border-bottom: 15px solid #fff;
    }

    div.trouble div.balloon-position div.balloon p {
        color: #f15a24;
        font-weight: bold;
        font-size: 16px;
        margin: 0;
        padding: 0;
    }

    div.merit {
        width: 944px;
        margin: 0 auto;
    }

    div.merit div.paper {
        background: url(/img/paper.png) no-repeat;
        background-size: 750px 1405px;
        padding: 50px 40px 20px 40px;
    }

    div.merit div.paper h3 {
        text-align: center;
        margin-bottom: 24px;
        font-size: 22px;
    }

    div.merit div.paper dl.merit {}

    div.merit div.paper dl.merit dt {
        float: left;
        width: 100px;
        clear: left;
    }

    div.merit div.paper dl.merit dd {
        float: left;
        width: 460px;
        margin-bottom: 40px;
    }

    div.merit div.paper dl.merit dd.text {
        padding: 0 10px 0 10px;
        width: 330px;
    }

    div.merit div.paper dl.merit dd h4 {
        color: #4c5579;
        font-family: 'ヒラギノ丸ゴ W5 JIS2004', 'Hiragino Maru Gothic W5 JIS2004';
        font-size: 20px;
        margin-bottom: 8px;
    }

    div.merit div.paper dl.merit dd p {
        font-size: 16px;
        line-height: 24px;
    }

    div.merit div.paper dl.merit dd p strong {
        color: #c1272d;
        font-weight: normal;
    }

    div.merit div.paper dl.merit dd.img {
        width: 220px;
    }

    div.merit div.paper dl.merit dd.img img {
        float: right;
        width: 200px;
    }

    div.otameshi {
        padding: 16px 0 0;
    }

    div.otameshi div.balloon-box {
        position: relative;
        height: 250px;
        margin: 0 auto;
    }

    div.otameshi div.balloon1-position {
        position: absolute;
        top: 12px;
        left: 168px;
    }

    div.otameshi div.balloon2-position {
        position: absolute;
        top: 100px;
        right: 158px;
    }

    div.otameshi p.icon2 {
        position: absolute;
        top: 90px;
        right: 0;
    }

    div.otameshi div.balloon1-position div.balloon1 {
        position: relative;
        display: inline-block;
        margin: 1.5em 0;
        padding: 24px 16px;
        min-width: 120px;
        max-width: 100%;
        background: #b3d22e;
        border-radius: 10px;
    }

    div.otameshi div.balloon2-position div.balloon2 {
        position: relative;
        display: inline-block;
        margin: 1.5em 0;
        padding: 24px 16px;
        min-width: 120px;
        max-width: 100%;
        background: #8bd2a7;
        border-radius: 10px;
    }

    div.otameshi div.balloon1-position div.balloon1:before {
        content: "";
        position: absolute;
        top: 50%;
        left: -30px;
        margin-top: -15px;
        border: 15px solid transparent;
        border-right: 15px solid #b3d22e;
    }

    div.otameshi div.balloon2-position div.balloon2:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 100%;
        margin-top: -15px;
        border: 15px solid transparent;
        border-left: 15px solid #8bd2a7;
    }

    div.otameshi div.balloon1-position div.balloon1 p,
    div.otameshi div.balloon2-position div.balloon2 p {
        font-weight: bold;
        font-size: 20px;
        margin: 0;
        padding: 0;
    }

    div.otameshi p.center {
        text-align: center;
        font-weight: bold;
        font-size: 18px;
        margin-bottom: 24px;
    }

    div.otameshi p.asano-illust {
        margin: 0 0 0 24px;
    }

    div.otameshi p.asano-illust img {
        vertical-align: bottom;
    }

    div.otameshi p.float-r {
        margin: 0;
        padding-top: 16px;
    }

    div.otameshi div.pop {
        margin-top: 0;
    }

    #customer .blue_frame {
        background: #fff;
        border: none;
    }

    #gyomu {
        background: #fff;
    }

    #gyomu .up_right {
        width: 268px;
    }

    #gyomu #tri_list {
        margin: 10px auto 72px;
    }

    #gyomu .tri_box {
        position: relative;
        border: solid 1px #aaa;
    }

    #gyomu .tri_box:before {
        content: url(/wp/test/sankaku.png);
        position: absolute;
        top: -1px;
        right: 0;
    }

    div.policy p {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 24px;
    }

    div.policy .ind_btn01 {
        margin-left: 385px;
    }
}

@media only screen and (max-width:767px) {
    .test2 {
        display: block;
        width: 98%;
        font-size: 18px;
        margin: 16px auto;
    }

    .test3 {
        display: block;
        width: 98%;
        font-size: 18px;
        margin: 16px auto;
    }

    .sp-pad {
        padding: 0 2%;
    }

    .bg-9ec7d7 {
        background: #9ec7d7;
    }

    .bg-f0f5f3 {
        background: #f0f5f3;
    }

    .bg-d1dbdb {
        background: #d1dbdb;
    }

    .bg-fff {
        background: #fff;
        padding-top: 16px;
    }

    .ind_gr01 {
        padding-bottom: 16px;
    }

    .t-center {
        text-align: center;
    }

    .float-l {
        float: left;
        margin-right: 12px;
    }

    .float-r {
        float: right;
        margin-left: 12px;
    }

    .asano-illust {
        float: left;
        width: 80px;
        margin: 0 8px 0 0;
    }

    .asano-illust-p {
        font-size: 16px;
        line-height: 20px;
    }

    .pc-only {
        display: none;
    }

    div.flex3 {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 0 8px;
    }

    div.flex3 div.flex3-child {
        width: 49%;
        background: #fff;
        border-radius: 8px;
        padding: 8px 8px 52px;
        margin-bottom: 16px;
        position: relative;
    }

    div.flex3 div.flex3-child a {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    div.flex3 div.flex3-child h4 {
        display: block;
        text-align: center;
        font-size: 18px;
        font-family: '新ゴ DB', 'Shin Go DeBold';
        color: #193053;
        margin-bottom: 8px;
        position: relative;
    }

    div.flex3 div.flex3-child p {
        display: block;
        font-size: 16px;
        font-weight: bold;
        margin: 0;
        line-height: 20px;
    }

    div.flex3 div.flex3-child p img {
        width: 140px;
        position: absolute;
        bottom: 8px;
        left: 12%;
    }

    div.click_icon {
        position: absolute;
        bottom: 8px;
        right: 8px;
        border-top: 5px solid transparent;
        border-right: 5px solid #193053;
        border-bottom: 5px solid #193053;
        border-left: 5px solid transparent;
    }

    h3.reason {
        border: solid 1px #4c5579;
        padding: 0;
        margin: 0 8px;
        overflow: hidden;
    }

    h3.reason span.number {
        display: block;
        float: left;
        background: #4c5579;
        text-align: center;
        font-size: 18px;
        line-height: 26px;
        font-weight: bold;
        color: #fff;
        padding: 12px 4px;
        box-sizing: border-box;
        width: 20%;
    }

    h3.reason span.text {
        display: block;
        float: left;
        font-size: 22px;
        line-height: 26px;
        font-weight: bold;
        color: #4c5579;
        padding: 12px;
        box-sizing: border-box;
        width: 80%;
    }

    div.reason {
        padding: 16px;
        font-size: 16px;
        line-height: 24px;
    }

    div.reason .float-l {
        float: none;
        margin-right: 0;
        text-align: center;
    }

    h3.case {
        overflow: hidden;
        background: #fff;
        padding: 8px 3%;
        margin: 0 4px 2%;
    }

    h3.case span.number {
        display: block;
        float: left;
        width: 16%;
        background: url(/img/kakomi_sp.png) no-repeat;
        font-size: 13px;
        font-weight: bold;
        color: #193053;
        padding: 4px 10px 0 7px;
        margin-right: 8px;
    }

    h3.case span.text {
        display: block;
        float: left;
        width: 74%;
        font-size: 18px;
        line-height: 24px;
        color: #4c5579;
    }

    h3.case .fa-chevron-circle-right {
        display: none;
    }

    div.case {
        background: #fff;
        font-size: 14px;
        line-height: 22px;
        padding: 8px 24px;
        margin: 0 4px 16px;
    }

    div.case .float-l {
        width: 96px;
    }

    div.case p {
        margin-bottom: 8px;
    }

    div.case p.more a {
        display: block;
        text-align: center;
        background: #4c5579;
        color: #fff;
        font-weight: bold;
        line-height: 30px;
    }

    div.case p.more a:after {
        content: ' >';
    }

    #staff_list .person p.phrase {
        font-size: 0.7em;
        line-height: 20px;
        color: #333;
        margin: 18px 0 0;
    }

    #staff_list .person p.name {
        margin-bottom: 32px;
    }

    div.pop {
        border: solid 1px #333;
        background: #f1efee;
        padding: 12px 16px 16px;
        margin: 16px 2% 24px;
    }

    div.pop .float-l {
        float: none;
        margin-right: 0;
        text-align: center;
    }

    div.pop p {
        font-size: 18px;
        line-height: 28px;
    }

    div.pop h3 {
        display: block;
        margin: 0 auto 16px;
        font-size: 16px;
        line-height: 44px;
        font-weight: bold;
        color: #193053;
    }

    div.pop h3.soudan {
        background: url(/img/topic_1_sp.png) 0 0 / contain no-repeat;
        padding: 8px 0 0 72px;
    }

    div.pop h3.keiyaku {
        background: url(/img/topic_2_sp.png) 0 0 / contain no-repeat;
        padding: 6px 0 0 72px;
    }

    div.pop h3.otameshi {
        background: url(/img/topic_3_sp.png) 0 0 / contain no-repeat;
        padding: 5px 0 0 72px;
    }

    div.pop h3.soudan .color {
        color: #f15a24;
    }

    div.pop h3.keiyaku .color {
        color: #4c81a0;
        font-size: 20px;
        letter-spacing: 1px;
    }

    div.pop h3.otameshi .color {
        color: #d13c74;
        font-size: 15px;
    }

    div.trouble {
        padding: 0 2%;
    }

    div.trouble p {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 16px;
    }

    div.trouble p.float-r {
        float: none;
        margin-left: 0;
        text-align: center;
    }

    div.trouble div.bnr a {
        display: block;
        width: 300px;
        margin: 0 auto;
    }

    div.trouble div.balloon-position {
        display: none;
    }

    div.merit {
        background: #f0f5f3;
        padding: 16px 2%;
    }

    div.merit div.paper h3 {
        border-bottom: solid 2px #aaa;
        text-align: center;
        font-family: 'Gothic Medium BBB', '中ゴシックBBB';
        font-size: 18px;
        padding-bottom: 10px;
        margin: 16px 0;
    }

    div.merit div.paper dl.merit dt {
        box-sizing: border-box;
        width: 100%;
        clear: left;
        text-align: center;
    }

    div.merit div.paper dl.merit dd {
        box-sizing: border-box;
        width: 90%;
        padding: 0 8px;
        margin-bottom: 8px;
        text-align: center;
    }

    div.merit div.paper dl.merit dd h4 {
        color: #4c5579;
        font-family: 'ヒラギノ丸ゴ W5 JIS2004', 'Hiragino Maru Gothic W5 JIS2004';
        font-size: 20px;
        margin-bottom: 8px;
    }

    div.merit div.paper dl.merit dd p {
        font-size: 16px;
        line-height: 24px;
    }

    div.merit div.paper dl.merit dd p strong {
        color: #c1272d;
        font-weight: normal;
    }

    div.merit div.paper dl.merit dd.img {
        display: block;
        width: 94%;
        text-align: center;
    }

    div.merit div.paper dl.merit dd.img img {
        display: inline;
        width: 300px;
    }

    div.otameshi {
        padding: 24px 0 0;
    }

    div.otameshi div.balloon-box {
        padding: 0 2%;
        overflow: hidden;
    }

    div.otameshi p.icon1,
    div.otameshi p.icon2 {
        float: left;
        width: 20%;
        clear: left;
    }

    div.otameshi div.balloon1-position,
    div.otameshi div.balloon2-position {
        float: left;
        width: 80%;
        margin: 4px 0 24px;
    }

    div.otameshi div.balloon1-position div.balloon1 {
        background: #b3d22e;
        padding: 8px;
        border-radius: 8px;
    }

    div.otameshi div.balloon2-position div.balloon2 {
        background: #8bd2a7;
        padding: 8px;
        border-radius: 8px;
    }

    div.otameshi div.balloon1-position div.balloon1 p,
    div.otameshi div.balloon2-position div.balloon2 p {
        font-weight: bold;
        font-size: 16px;
        margin: 0;
        padding: 0;
    }

    div.otameshi p.center {
        text-align: center;
        font-weight: bold;
        font-size: 18px;
    }

    div.otameshi p.float-r {
        text-align: right;
        float: none;
        position: absolute;
        margin-left: 0;
        z-index: 0;
    }

    div.otameshi p.float-r img {
        width: 80%;
    }

    div.otameshi p.asano-illust {
        position: relative;
        margin: 48px 0 0 16px;
        z-index: 1;
    }

    div.otameshi p.asano-illust img {
        vertical-align: bottom;
    }

    div.otameshi div.pop {
        margin-top: 0;
    }

    #customer .blue_frame {
        background: #fff;
        border: none;
    }

    #gyomu {
        background: #f0f5f3;
    }

    #gyomu .tri_box {
        position: relative;
        border: solid 1px #aaa;
    }

    #gyomu #renew .down_box li {
        margin-bottom: 6px;
        font-size: 16px;
    }

    #gyomu #renew .out_box:before {
        content: none;
    }

    #gyomu .out_box {
        margin: 0 0 12px;
        float: none;
    }

    #gyomu .up_box {
        border: none;
        padding: 16px 16px 0;
    }

    #gyomu .down_box {
        border: none;
        padding: 0 16px 16px;
    }

    #gyomu .float-l {
        float: none;
        margin-right: 0;
        text-align: center;
    }

    div.policy p {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 24px;
    }

    #staff_list .person {
        width: 100% !important;
    }

    .sp-only {
        display: block;
    }

    .button-detail {
        display: block;
        margin: 16px;
    }

    .button-detail a {
        display: block;
        border-radius: 30px;
        border-bottom: solid 4px #c7c7c7;
        background: #f0be4c;
        text-align: center;
        font-size: 18px;
        text-decoration: none;
        color: #193053;
        padding: 12px 0;
    }
}

/* 20200909ヘッダー切り替え用 */
@media screen and (min-width: 768px),
print {

    /*PCのみで見えるように*/
    .only-sp,
    .display-sp {
        display: none !important;
    }
}

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

    /*SPのみで見えるように*/
    .only-pc,
    .display-pc {
        display: none !important;
    }
}