@charset "UTF-8";

header {
    font-family: "Noto Sans JP", sans-serif;
    position: relative;
    /*========= SPドロワーナビゲーションのためのCSS ===============*/
    /*アクティブクラスがついたら位置を0に*/
    /*ナビゲーションの縦スクロール*/
    /*ナビゲーション*/
    /*リストのレイアウト設定*/
    /*========= ボタンのためのCSS ===============*/
    /*×に変化*/
    /*アコーディオン全体*/
    /*アコーディオンタイトル*/
    /*アイコンの＋と×*/
    /*　closeというクラスがついたら形状変化　*/
    /*アコーディオンで現れるエリア*/
    /* ---------- メガメニュー ---------- */
}

    header .header_top_flex {
        display: flex;
        justify-content: unset;
        align-items: center;
        position: fixed;
        z-index: 100;
        background-color: #fff;
        padding: 10px 10px;
    }

    header .header_logo {
        flex: 0 0 121px;
    }



        header .header_logo img {
            width: 100%;
            max-width: 100%;
        }

    header .header_center {
        flex: 0 0 0px;
    }

    header .header_icon {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex: 0 0 120px;
        margin-left: 70px;
    }

        header .header_icon img {
            width: 100%;
            max-width: 30px;
            margin: 0 auto;
        }

        header .header_icon a:nth-child(2) {
            margin-top: -5px;
            margin-left: 0px;
        }

        header .header_icon a:nth-child(3) {
            margin-top: 0px;
            margin-left: 0px;
        }

    header #g-nav {
        /*position:fixed;にし、z-indexの数値を大きくして前面へ*/
        position: fixed;
        z-index: 999;
        /*ナビのスタート位置と形状*/
        top: 18vw;
        right: -120%;
        width: 100%;
        height: 100vh;
        /*ナビの高さ*/
        background: #f6f6f6;
        /*動き*/
        transition: all 0.6s;
    }

        header #g-nav.panelactive {
            right: 0;
        }

            header #g-nav.panelactive #g-nav-list {
                /*ナビの数が増えた場合縦スクロール*/
                position: fixed;
                z-index: 999;
                width: 100%;
                height: calc(100vh - 95px);
                /*表示する高さ*/
                overflow: auto;
                -webkit-overflow-scrolling: touch;
                padding: 10px 20px;
                margin-bottom: 30px;
            }

        header #g-nav li {
            list-style: none;
            background-color: #fff;
        }

            header #g-nav li a {
                text-decoration: none;
                display: block;
                letter-spacing: 0.1em;
            }

    header .openbtn1 {
        position: fixed;
        z-index: 9999;
        /*ボタンを最前面に*/
        top: 9px;
        right: 8px;
        cursor: pointer;
        width: 50px;
        height: 50px;
		
		display: flex;
		justify-content: center;
		align-items: center;
    }

        header .openbtn1 span {
            display: inline-block;
            transition: all 0.4s;
            position: absolute;
            height: 4px;
            border-radius: 2px;
            background-color: #005bf4;
            width: 60%;
        }

            header .openbtn1 span:nth-of-type(1) {
                top: 15px;
            }

            header .openbtn1 span:nth-of-type(2) {
                top: 25px;
            }

            header .openbtn1 span:nth-of-type(3) {
                top: 35px;
            }

        header .openbtn1.active span:nth-of-type(1) {
            top: 20px;
            left: 12px;
            transform: translateY(6px) rotate(-45deg);
            width: 45%;
        }

        header .openbtn1.active span:nth-of-type(2) {
            opacity: 0;
        }

        header .openbtn1.active span:nth-of-type(3) {
            top: 32px;
            left: 12px;
            transform: translateY(-6px) rotate(45deg);
            width: 45%;
        }

    header #form2 {
        position: relative;
        margin-bottom: 20px;
    }

    header #sbox2 {
        width: 100%;
        height: 40px;
        padding: 0 10px;
        position: absolute;
        left: 0;
        top: 0;
        border-radius: 2px;
        outline: 0;
        background: #fff;
        border: 1px solid #cccccc;
    }

    header button {
        height: 20px;
        width: 20px;
        position: absolute;
        right: 10px;
        top: 10px;
        background-image: url(../img/header/icon-search.svg);
        background-repeat: no-repeat;
        background-size: 20px 20px;
        border: none;
    }

    header .spmenu_word {
        margin-top: 70px;
    }

        header .spmenu_word img {
			display: block;
            margin: 0 auto;
			width: 35vw;
        }

    header .word_flex {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-flow: row wrap;
        margin-top: 10px;
        margin-bottom: 20px;
    }

        header .word_flex a {
            flex: 0 0 50%;
            background-color: #fff;
            padding: 10px 10px;
            border-top: 1px solid #cccccc;
            border-left: 1px solid #cccccc;
            font-size: 14px;
            color: #6b6b6b;
            letter-spacing: 0.05em;
        }

            header .word_flex a:nth-child(2),
            header .word_flex a:nth-child(4),
            header .word_flex a:nth-child(6) {
                border-right: 1px solid #cccccc;
            }

            header .word_flex a:nth-child(5),
            header .word_flex a:nth-child(6) {
                border-bottom: 1px solid #cccccc;
            }

    header .sp_menu_flex {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        header .sp_menu_flex img {
            width: 100%;
            max-width: 160px;
        }

    header .sp_menu_banner {
        margin-top: 20px;
    }

        header .sp_menu_banner img {
            width: 100%;
            max-width: 100%;
        }

    header .accordion-area-sp {
        list-style: none;
        width: 96%;
        max-width: 900px;
        margin: 20px auto 0 auto;
        border: 1px solid #cccccc;
    }

        header .accordion-area-sp li {
            padding: 0px 0;
            line-height: 30px;
        }

        header .accordion-area-sp .accodion01 {
            margin: 0;
            letter-spacing: 0.05em;
        }

        header .accordion-area-sp .accodion02 {
            margin: 0;
        }

    header .accodion01 .title_noline {
        border-bottom: none;
    }

    header .accodion01 .title_top_line {
        border-top: 1px solid #ccc;
    }

    header .accodion01 .title_bottom_line {
        border-bottom: 1px solid #ccc;
    }

    header .title {
        position: relative;
        /*+マークの位置基準とするためrelative指定*/
        cursor: pointer;
        font-size: 14px;
        font-weight: normal;
        padding: 3% 3% 3% 30px;
        transition: all 0.5s ease;
        background-color: #fff;
        margin: 0 0px;
    }

    header .title_acc_none {
        position: relative;
        /*+マークの位置基準とするためrelative指定*/
        cursor: pointer;
        font-size: 14px;
        font-weight: normal;
        padding: 3% 3% 3% 30px;
        transition: all 0.5s ease;
        background-color: #fff;
        margin: 0 0px;
    }

    header .title::before,
    header .title::after {
        position: absolute;
        content: "";
        width: 15px;
        height: 1px;
        background-color: #333;
    }

    header .title::before {
        top: 48%;
        right: 15px;
        transform: rotate(0deg);
    }

    header .title::after {
        top: 48%;
        right: 15px;
        transform: rotate(90deg);
    }

    header .title.close::before {
        transform: rotate(0deg);
    }

    header .title.close::after {
        transform: rotate(0deg);
    }

    header .box {
        display: none;
        /*はじめは非表示*/
        background: #fff;
    }

        header .box p {
            padding: 0 0 0 50px;
            line-height: 40px;
            font-size: 14px;
            color: #0088c9;
            border-bottom: 1px dotted #ccc;
            letter-spacing: 0.05em;
        }

            header .box p:last-child {
                border-bottom: 1px solid #ccc;
            }

    header .sp_menu_title01 {
        background-image: url(../img/header-sp/box_sp.png);
        background-repeat: no-repeat;
        background-size: 20px 20px;
        background-position: left 60px center;
        background-color: #005bf4;
        text-align: center;
        color: #fff;
        line-height: 2.5;
        padding-top: 3px;
		font-size: 3.7vw;
    }

    header .sp_menu_title01_pet {
        background-image: url("../img/header-sp/pet.png");
        background-repeat: no-repeat;
        background-size: 11px 29px;
        background-position: left 90px center;
        background-color: #005bf4;
        text-align: center;
        color: #fff;
        line-height: 2.5;
        padding-top: 3px;
		font-size: 3.7vw;
    }

    header .sp_menu_title01_imgnone {
        background-color: #0088c9;
        text-align: center;
        color: #fff;
        line-height: 2.5;
        padding-top: 3px;
		font-size: 3.7vw;
    }

    header .sp_menu_title01_teiki {
        background-color: #0d59eb;
        text-align: center;
        color: #fff;
        line-height: 2.5;
        padding-top: 3px;
		font-size: 3.7vw;
    }

    header .sp_menu_title02 {
        line-height: 2.5;
        text-align: center;
        color: #0088c9;
        font-weight: 900;
        letter-spacing: 0.05em;
		font-size: 3.7vw;
        background-color: #f2f2f2;
    }

    header .sp_menu_title02_border {
        line-height: 45px;
        text-align: center;
        color: #0088c9;
        font-weight: 900;
        letter-spacing: 0.05em;
        background-color: #f2f2f2;
        border-bottom: 1px solid #ccc;
    }

    header .sp_menu_title02_border02 {
        line-height: 45px;
        text-align: center;
        color: #bfe9fd;
        font-weight: 900;
        letter-spacing: 0.05em;
        background-color: #f2f2f2;
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
    }

    header .spmenu_information {
        background-color: #bfe9fd;
    }

        header .spmenu_information ul {
            margin-top: 20px;
            padding: 10px;
        }

        header .spmenu_information li {
            font-size: 14px;
            line-height: 45px;
            padding-left: 20px;
            margin: 5px 0;
        }

        header .spmenu_information a:hover {
            color: #fff;
            background-color: #0d59eb;
        }

    header .form_space {
        margin-top: 10px;
    }

    header .form_width {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

    header nav.megamenu {
        padding-top: 55px;
    }

        header nav.megamenu .nav_flex ul {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        header nav.megamenu .nav_flex li {
            flex: 0 0 24.5%;
            font-size: 10px;
            text-align: center;
            line-height: 14px;
            height: 50px;
            padding: 12px 0;
            background-color: #f6f6f6;
            font-weight: 700;
            color: #4a4a4a;
            display: flex;
            align-items: center;
            justify-content: center;
        }

            header nav.megamenu .nav_flex li span {
                font-size: 15px;
                color: #0d59eb;
                font-weight: 700;
            }

        header nav.megamenu .menu {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

            header nav.megamenu .menu li {
                flex: 0 0 24.5%;
                font-size: 10px;
                text-align: center;
                line-height: 14px;
                height: 50px;
                padding: 12px 0;
                background-color: #f6f6f6;
                font-weight: 700;
                color: #4a4a4a;
            }

                header nav.megamenu .menu li span {
                    font-size: 11px;
                    color: #0d59eb;
                    font-weight: 700;
                }

    header .search_sec {
        position: relative;
        top: 40px;
        background-color: #0d59eb;
    }

        header .search_sec .track p {
            background-image: url(../img/header/track_sp.png);
            background-repeat: no-repeat;
            background-size: 40px 35px;
            background-position: left 25px center;
            color: #fff;
            text-align: center;
            padding: 8px 0 8px 40px;
            line-height: 20px;
            letter-spacing: 0.08em;
			font-size: 18px;
        }

            header .search_sec .track p span {
                font-weight: 700;
            }

@media (min-width: 1px) and (min-width: 414px) {
    header .header_icon {
        margin-left: 105px;
    }

    header .sp_menu_flex img {
        max-width: 180px;
    }
}

@media (min-width: 1px) and (min-width: 768px) {
    header .openbtn1 {
        display: block;
    }

    header .megamenu {
        display: block;
    }

    header .pcv {
        display: none;
    }

    header .spv {
        display: block;
    }

    header .haisou {
        display: block;
    }

    header #g-nav {
        top: 66px;
    }

    header .sp_menu_flex {
        justify-content: space-evenly;
    }

    header .header_logo {
        flex: 0 0 190px;
		margin: 0 5px 0 0;
    }

        header .header_logo img {
            max-width: 100%;
            margin: 5px;
        }

    header .header_top_flex {
        justify-content: space-between;
        align-items: center;
        position: fixed;
        padding: 0 0 10px;
        width: 100%;
    }

    header .header_center {
        display: none;
        justify-content: flex-end;
       /* flex: 0 0 74%;*/
       flex: 0 0 68%;
    }

    header .header_center_menu {
        flex: 0 0 230px;
       /* margin-right: 90px;*/
    }

        header .header_center_menu ul {
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-size: 10px;
            padding-top: 10px;
        }

        header .header_center_menu a {
            border-right: 1px solid #6b6b6b;
            padding-right: 14px;
            color: #4a4a4a;
        }

            header .header_center_menu a:last-child {
                border: none;
                padding-right: 0;
            }

    header .header_icon {
        margin-left: 0;
        margin-right: 50px;
        flex: 0 0 150px;
        justify-content: space-between;
        /*gap: 15px; 220301無効化*/
    }

        header .header_icon img {
            max-width: 35px;
        }

        header .header_icon a {
            /*flex: 0 0 50px; 220301無効化 */
        }

        header .header_icon .spv {
            margin-left: 10px;
        }

        header .header_icon img:nth-child(2) {
            margin-top: 0;
        }

    header .header_tel {
        display: flex;
    }

        header .header_tel .tel p {
            background-image: url(../img/header/tel.png);
            background-position: left 0px top 8px;
            background-repeat: no-repeat;
            background-size: 21px 16px;
            font-family: "Century Gothic", sans-serif;
            font-size: 18px;
            margin-left: 30px;
            padding-left: 25px;
        }

        header .header_tel .time {
            text-align: center;
            font-size: 10px;
            line-height: 12px;
            margin-left: 5px;
			margin-right: 15px;
        }

    header nav.megamenu {
        padding: 0;
        padding-top: 66px;
    }

        header nav.megamenu .menu li {
            flex: 0 0 14.28%;
            line-height: 12px;
            height: 40px;
            padding-top: 6px;
        }

            header nav.megamenu .menu li:nth-child(4),
            header nav.megamenu .menu li:nth-child(5),
            header nav.megamenu .menu li:nth-child(6) {
                padding-top: 12px;
            }

        header nav.megamenu .nav_flex li {
            font-size: 14px;
            line-height: 16px;
        }

            header nav.megamenu .nav_flex li span {
                font-size: 3vw;
            }

    header .search_sec {
        top: 40px;
    }

        header .search_sec .search_flex {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding-right: 20px;
        }

        header .search_sec .send {
            flex: 0 0 70%;
            display: flex;
            justify-content: space-around;
            letter-spacing: 0.08em;
            align-items: center;
            font-size: 14px;
            margin: 0 auto;
        }

            header .search_sec .send span {
                color: #fff;
            }

        header .search_sec .track p {
            background-size: 32px 28px;
            background-position: left 5px center;
        }

        header .search_sec .haisou {
            background-image: url(../img/header/box.png);
            background-size: 28px 20px;
            background-position: left 0px center;
            background-repeat: no-repeat;
            padding-left: 30px;
            color: #fff;
            margin-left: 30px;
        }

        header .search_sec #sbox2 {
            width: 220px;
            height: 25px;
            left: 5px;
            top: -12px;
        }

        header .search_sec button {
            left: 204px;
            top: -6px;
            background-size: 15px 15px;
        }
}

@media (min-width: 1px) and (max-width: 767px) {
    header .header_logo {
        flex: 0 0 35vw;
    }
}
@media (min-width: 768px) {
    header .header_top_flex {
        padding: 10px 0 10px;
    }
   	header .header_top_flex {
        flex: 0 0 190px;
		padding: 15px 0;
    }
}

@media (min-width: 1px) and (min-width: 1200px) {
    header .pcv {
        display: block;
    }

    header .spv {
        display: none;
    }

    header .search_sec {
        top: 0;
    }

    header .header_center {
        display: flex;
    }

        header .header_logo img {
        }

    header .header_center_menu {
        flex: 0 0 350px;
        display: flex;
        align-items: center;
    }

        header .header_center_menu ul {
            font-size: 13px;
            padding-top: 0;
        }

        header .header_center_menu a {
            padding-left: 20px;
            padding-right: 20px;
        }

    header .header_top_flex {
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
        position: unset;
    }

    header .header_icon {
        flex: 0 0 188px;
        margin-right: 0;
    }

        header .header_icon a {
            flex: 0 0 86px;
            justify-content: center;
            align-items: center;
            display: flex;
        }

            header .header_icon a:first-child img {
                max-width: 35px;
                margin-left: -10px;
            }

            header .header_icon a:nth-child(2) {
                margin-top: 0px;
            }

                header .header_icon a:nth-child(2) img {
                    max-width: 29px;
                }

    header nav.megamenu {
        background-color: #f6f6f6;
    }

        header nav.megamenu .menu {
            width: 100%;
            max-width: 1265px;
            margin: 0 auto;
        }

            header nav.megamenu .menu li {
                font-size: 14px;
                font-weight: 500;
                line-height: 16px;
                height: 55px;
                padding-top: 10px;
            }

                header nav.megamenu .menu li:nth-child(4),
                header nav.megamenu .menu li:nth-child(5),
                header nav.megamenu .menu li:nth-child(6) {
                    padding-top: 20px;
                }

                header nav.megamenu .menu li span {
                    font-size: 13px;
                }

        header nav.megamenu .menu_contents {
            background: #fb4343;
            display: none;
            position: absolute;
            top: 100%;
            left: 0;
            width: 100%;
        }

    header .global_menu {
        /* メニュー全体のスタイル */
        width: 100%;
        position: relative;
        color: #333;
        /* 文字色 */
        background: #f6f6f6;
        /* 背景色 */
    }

        header .global_menu ul {
            display: flex;
            justify-content: space-evenly;
            max-width: 1042px;
            margin: 0 auto;
        }

        header .global_menu li {
            display: inline-block;
            flex: 0 0 12.28%;
            font-size: 14px;
            font-weight: 500;
            line-height: 16px;
            height: 55px;
            text-align: center;
        }

            header .global_menu li span {
                font-size: 14px;
                color: #0d59eb;
                font-weight: 700;
            }

        header .global_menu .mega_title:hover {
            border-bottom: 2px solid #0d59eb;
            display: inline-block;
            padding-bottom: 10px;
        }

        header .global_menu .mega_title02:hover {
            border-bottom: 2px solid #0d59eb;
            display: inline-block;
            padding-bottom: 15px;
        }

        header .global_menu li:nth-child(4),
        header .global_menu li:nth-child(5),
        header .global_menu li:nth-child(6),
        header .global_menu li:nth-child(8) {
            padding-top: 20px;
        }

        header .global_menu li:nth-child(1),
        header .global_menu li:nth-child(2),
        header .global_menu li:nth-child(3),
        header .global_menu li:nth-child(7) {
            padding-top: 10px;
        }

        header .global_menu a {
            /* 各項目のスタイル */
            display: block;
        }

    header .menu:hover > a {
        background: #f6f6f6;
    }

    header .child_menu > li > a:hover {
        /* 子項目のスタイル（ホバー時） */
        color: #0088c9;
    }

    header .child_menu {
        /* 下層メニューのスタイル */
        width: 100%;
        position: absolute;
        top: 100%;
        /* 親項目の直下に配置 */
        left: 0;
        right: 0;
        padding: 30px;
        color: #333;
        /* 文字色 */
        background: #fff;
        /* 背景色 */
        visibility: hidden;
        /* 下層メニューを非表示 */
        z-index: 10;
    }

    header .menu:hover .child_menu {
        /* 下層メニューのスタイル（親項目ホバー時） */
        visibility: visible;
        /* 下層メニューを表示 */
    }

    header .menu:hover .child_flex {
        /* 下層メニューのスタイル（親項目ホバー時） */
        visibility: visible;
        /* 下層メニューを表示 */
    }

    header .child_flex {
        width: 100%;
        position: absolute;
        top: 100%;
        /* 親項目の直下に配置 */
        left: 0;
        right: 0;
        padding: 30px 0 100px 0;
        color: #333;
        /* 文字色 */
        background: #fff;
        /* 背景色 */
        visibility: hidden;
        /* 下層メニューを非表示 */
        z-index: 1000;
    }

    header .child_flex_box {
        max-width: 1200px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
    }

        header .child_flex_box a {
            padding: 0;
        }

            header .child_flex_box a:hover {
                border-bottom: none;
            }

    header .mega_h2_box {
        background-image: url(../img/header/box02.png);
        background-repeat: no-repeat;
        background-size: 20px 20px;
        background-position: left center;
        color: #0088c9;
        line-height: 30px;
        padding-left: 30px;
        text-align: left;
    }

    header .mega_h2_pet {
        background-image: url(../img/header/pet02.png);
        background-repeat: no-repeat;
        background-size: 11px 29px;
        background-position: left 0px center;
        color: #0088c9;
        line-height: 30px;
        padding-left: 20px;
        text-align: left;
    }

    header .child_left01 {
        flex: 0 0 30%;
        margin-right: 20px;
    }

        header .child_left01 .main_flex_box {
            flex: 0 0 48%;
        }

        header .child_left01 .flex_itembox01 img {
            margin: 0 auto;
            width: 100%;
            max-width: 120px;
        }

    header .child_right01 {
        flex: 0 0 88%;
    }

        header .child_right01 .main_flex_box {
            flex: 0 0 20%;
        }

        header .child_right01 .flex_itembox01 img {
            margin: 0 auto;
            max-width: 65px;
            height: 120px;
            margin-bottom: -10px;
        }

    header .flex_itembox01 {
        margin: 10px 0 10px 0;
        width: 160px;
        height: 160px;
    }

    header .child_left_item,
    header .child_right_item {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-flow: row wrap;
    }

    header .child_right_item {
        display: flex;
        align-items: center;
    }

    header .flex_itembox01 {
        background-color: #fafafa;
        padding: 20px 5px 20px 5px;
        border-radius: 5px;
    }

    header ul.child_menu,
    header ul.child_menu ul,
    header ul.child_menu li {
        display: unset;
        text-align: left;
    }

    header .child_title {
        font-size: 15px;
        padding: 0px 0px;
        border-bottom: 1px solid #cccccc;
        width: 260px;
        line-height: 40px;
    }

        header .child_title:hover {
            background-image: url(../img/header/arrow.png);
            background-repeat: no-repeat;
            background-position: right 10px center;
            background-size: 7px 12px;
            color: #00a5a1;
        }

    header ul.child_menu a {
        display: block;
    }

    header ul.child_menu li ul {
        display: none;
        position: absolute;
    }

    header ul.child_menu li:hover > ul {
        display: block;
        top: 30px;
        left: 35%;
    }

    header ul.child_menu li:hover > li {
        position: absolute;
    }

    header ul.child_menu li ul li:hover > ul {
        display: block;
        top: 0px;
        left: 260px;
        padding-left: 50px;
        height: 300px;
    }

    header ul.child_menu li ul li:hover > a {
        display: block;
    }

    header ul.child_menu li ul li ul li:hover > ul {
        display: block;
        top: 0px;
        left: 310px;
    }

    header ul.child_menu li ul li ul li:hover > .child_display {
        display: block;
    }

    header ul.child_menu {
        max-width: 100%;
    }

    header .child_wrap {
        max-width: 1200px;
        margin: 0 auto;
    }

    header .mega_h2_shape {
        background-image: url(../img/header/midashi.png);
        background-repeat: no-repeat;
        background-size: 17px 2px;
        background-position: left center;
        color: #0088c9;
        line-height: 30px;
        padding-left: 25px;
        text-align: left;
    }

    header .child_left01 {
        flex: 0 0 30%;
        margin-right: 20px;
    }

        header .child_left01 .main_flex_box {
            flex: 0 0 48%;
        }

        header .child_left01 .flex_itembox01 img {
            margin: 0 auto;
            width: 100%;
        }

        header .child_left01 img.option01 {
            max-width: 50%;
            margin-top: 10px;
        }

        header .child_left01 img.option02 {
            max-width: 60%;
            margin-top: 5px;
        }

        header .child_left01 img.option03 {
            max-width: 60%;
            margin-top: 10px;
        }

        header .child_left01 img.option04 {
            max-width: 60%;
            margin-top: 10px;
        }

    header .child_center01 {
        flex: 0 0 30%;
    }

        header .child_center01 .main_flex_box {
            flex: 0 0 20%;
        }

        header .child_center01 .flex_itembox01 img {
            margin: 0 auto;
            max-width: 127px;
            height: 79px;
            margin-top: 20px;
        }

        header .child_center01 img.stand {
            margin-top: 10px;
            height: 94px;
            max-width: 94px;
        }

    header .child_right02 {
        flex: 0 0 30%;
    }

        header .child_right02 .main_flex_box {
            flex: 0 0 20%;
        }

        header .child_right02 .flex_itembox01 img {
            margin: 0 auto;
            max-width: 65px;
            height: 120px;
            margin-bottom: -10px;
        }

        header .child_right02 img.option01 {
            max-width: 102px;
            height: 104px;
            margin-top: 10px;
        }

        header .child_right02 img.option02 {
            max-width: 63px;
            height: 125px;
        }

        header .child_right02 img.option03 {
            max-width: 91px;
            height: 85px;
            margin-top: 15px;
        }

    header .option p {
        height: 40px;
        line-height: 18px;
    }

    header .search_sec .search_flex {
        padding: 8px 0;
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
    }

    header .search_sec #sbox2 {
        width: 380px;
        height: 32px;
        top: -16px;
        border-radius: 5px;
    }

    header .search_sec button {
        top: -13px;
        background-size: 25px 25px;
        height: 25px;
        width: 25px;
        left: 350px;
    }

    header .search_sec .send {
        flex: 0 0 60%;
        font-size: 18px;
        margin: unset;
        white-space: nowrap;
    }

    header .search_sec .track p {
        background-size: 38px 34px;
        background-position: left 0 center;
        padding: 8px 0 8px 50px;
    }

    header .search_sec .haisou {
        background-size: 33px 25px;
        padding-left: 40px;
        margin-left: 0;
    }

    header .header_tel .tel p {
        font-size: 32px;
        padding-left: 46px;
        background-size: 42px 31px;
        background-position: left 0 top 16px;
        margin-left: 50px;
    }

    header .header_tel .time {
        font-size: 13px;
        line-height: 15px;
        margin-left: 10px;
        padding-top: 15px;
    }
}
/*# sourceMappingURL=header.css.map */

/*20220228追加 */

a.login {
    background: #0d59eb;
    color: #fff;
    width: 85px;
    height: 68px;
    text-align: center;
    line-height: 1.5;
    border-radius: 8px;
    margin-right: 10px;
}

a.trial {
    background: #F7931E;
    color: #fff;
    width: 50px;
    height: 68px;
    text-align: center;
    line-height: 1.5;
    border-radius: 8px;
    font-size: 16px;
    margin-right: 10px;
}

a.contact {
    background: #00a5d8;
    color: #fff;
    width: 85px;
    height: 68px;
    text-align: center;
    line-height: 1.5;
    border-radius: 8px;
    font-size: 14px;
}

nav.global_menu.pcv::after {
    content: "";
    width: 100%;
    height: 2px;
    position: absolute;
    top: 53px;
    background: #0d59eb;
}


/* 1200px以内 */
@media (min-width: 1px) and (max-width: 1200px) {
    a.login {
        width: 85px;
        height: 60px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 11px;
		margin-right: 7px;
    }

    a.trial {
        width: 85px;
        height: 60px;
    }

    a.trial {
        font-size: 13px;
        width: 65px;
        height: 51px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        margin-left: 5px !important;
        margin-right: 5px !important;
    }
	
	a.contact {
        background: #00a8dd;
        color: #fff;
        width: 85px;
        height: 60px;
        text-align: center;
        line-height: 1.5;
        border-radius: 8px;
        font-size: 9px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    header .header_icon a:nth-child(2) {
        margin-top: 0px;
        margin-left: 0px;
    }

    header .header_icon {
        align-items: end;
        margin-left: 11.5vw;
        vertical-align: top;
    }

    header nav.megamenu.spv {
        padding-top: 80px;
    }
}





/* スマホ表示 */
@media (min-width: 1px) and (max-width: 767px) {
	header .header_top_flex{
		width: 100%;
		padding: 2vw;
	}
	header nav.megamenu.spv{
		padding-top: 17.5vw;
	}
	header .header_logo{
        flex: 0 0 39vw;
	}
	header .header_icon{
		margin-right: 0;
		margin-left: 8vw;
	}
    a.login {
        width: 17vw;
        height: 13vw;
        font-size: 2.667vw;
		margin-right: 1.5vw;
    }
    a.contact {
        width: 17vw;
        height: 13vw;
        font-size: 2.667vw;
		margin-right: 1.5vw;
    }
	header .openbtn1{
	}
	
	
	header .openbtn1 span:nth-of-type(1) {
	}

	header .openbtn1 span:nth-of-type(2) {
	}

	header .openbtn1 span:nth-of-type(3) {
	}
	
}

/* ミドルサイズ表示 */
@media (min-width: 768px) and (max-width: 1200px) {
	header .header_top_flex{
		padding: 0;
		width: 100%;
	}
	header .nav_flex{
		width: 100%;
	}
	header .header_center.pcv{
		display: none;
	}
	header .header_center{
		display: none;
	}
	header .header_center_menu {
		display: none;
	}
	header .header_icon{
		flex: 0 0 15vw;
		margin-right: 9vw;
	}
	header .spv{
		display: flex;
		justify-content: center;
		align-items: center;
	}
	header .openbtn1 {
		top: 4px;
		right: 4px;
		
		width: 50px;
		height: 50px;
	}
	header .megamenu.spv{
		display: block;
	}
	header nav.megamenu .nav_flex li span{
		font-size: inherit;
	}
}

/* ミドル&フルサイズ表示 */
@media (min-width: 768px) {
	header #g-nav.panelactive{
		display: none;
	}
}