/* style.css */

/* 共通 */
abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
    font-size: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    border: 0;
    background: 0 0;
}

nav ul {
    list-style: none;
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: bottom;
}

a {
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    background: 0 0;
}

li {
    list-style-type: none;
}

input,
select {
    vertical-align: middle;
}

body,
button,
input,
option,
select,
textarea {
    box-sizing: border-box;
}

body *,
body ::after,
body ::before,
button *,
button ::after,
button ::before,
input *,
input ::after,
input ::before,
option *,
option ::after,
option ::before,
select *,
select ::after,
select ::before,
textarea *,
textarea ::after,
textarea ::before {
    box-sizing: border-box;
}

button,
input,
option,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    box-sizing: inherit;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    border: 0;
    background: 0 0;
}

.c-btn {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5;
    display: inline-block;
    margin-top: 24px;
    padding: 0.6875rem 1.1875rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: color 0.2s cubic-bezier(0.67, 0.23, 0.33, 0.94),
        background-color 0.2s cubic-bezier(0.67, 0.23, 0.33, 0.94),
        border-color 0.2s cubic-bezier(0.67, 0.23, 0.33, 0.94),
        opacity 0.2s cubic-bezier(0.67, 0.23, 0.33, 0.94),
        box-shadow 0.2s cubic-bezier(0.67, 0.23, 0.33, 0.94);
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    color: #1f2a46;
    border: 1px solid transparent;
    border-radius: 3rem;
    background-color: transparent;
}

.c-btn:first-child {
    margin-top: 0;
}

.c-btn:active,
.c-btn:hover,
.c-btn:link,
.c-btn:visited {
    color: #1f2a46;
}

.c-btn:active,
.c-btn:hover {
    text-decoration: none;
}

.c-btn-maxWidth {
    width: 100%;
}

.c-btn-medium {
    font-size: 24px;
    margin-top: 22px;
    padding: 14px 0 19px;
    border-radius: 48px;
}

.c-btn-hasIcon {
    position: relative;
    padding-right: calc(1.5em + (0.5em * 2));
    padding-left: calc(1.5em + (0.5em * 2));
}

.c-btn-hasIcon-small {
    position: relative;
    padding-right: calc(1.05em + (0.5em * 2));
    padding-left: calc(1.05em + (0.5em * 2));
}

.c-btn-hasIcon-large {
    position: relative;
    padding-right: calc(1.95em + (0.5em * 2));
    padding-left: calc(1.95em + (0.5em * 2));
}

.c-btn-tertiary {
    font-size: 20px;
    line-height: 1.4;
    padding: 7px 28px 11px;
    color: #1f2a46;
    background-color: #fff5d2;
    box-shadow: 0 3px 0 #ffce71;
}

.c-btn-tertiary:link,
.c-btn-tertiary:visited {
    color: #1f2a46;
    background-color: #fff5d2;
}

.c-btn-sub {
    background-color: #c5cddb;
    box-shadow: 0 3px 0 #7b8ca8;
}

.c-btn-sub_disabled {
    /* このクラスにhoverの装飾を付与しない */
    background-color: #c5cddb;
    box-shadow: 0 3px 0 #7b8ca8;
}

.c-btn-sub:link,
.c-btn-sub:visited {
    color: #1f2a46;
}

.c-btn-primary {
    color: #fff;
    background-color: #f8772e;
    box-shadow: 0 3px 0 #d35710;
}

.c-btn-primary:link,
.c-btn-primary:visited {
    color: #fff;
}

.c-btn-large {
    font-size: 36px;
    padding: 20px;
    border-radius: 200px;
    box-shadow: 0 6px 0 #d35710;
    text-shadow: 1px 2px 0 #d35710;
}

.c-utility_item .c-btn {
    display: flex;
    width: 100%;
    height: 60px;
    padding: 0 10px;
    border: 0;
    border-radius: 0 !important;
    align-items: center;
    justify-content: center;
}

.c-utility_item .c-btn-primary {
    border-bottom: 3px solid #d35710;
}

.c-utility_item .c-btn-sub {
    border-bottom: 3px solid #7b8ca8;
    background-color: #c5cddb;
    box-shadow: 0 3px 0 #7b8ca8;
}

.p-learning-anchor_item .c-btn {
    width: 100%;
    max-width: 239px;
}




/*! Header */
.g-header {
    /* position: fixed; */

    /* position: sticky; */
    z-index: 200;
    /* top: 0;
    left: 0; */
    visibility: visible;
    /* width: 100%; */
    transition: all 0.2s cubic-bezier(0.67, 0.23, 0.33, 0.94) 0s;
    /* height: 100%; */
}

.g-header_inner {
    z-index: 200;
    display: flex;
    visibility: visible;
    width: 100%;
    transition: all 0.2s cubic-bezier(0.67, 0.23, 0.33, 0.94);
    opacity: 1;
    background-color: #fff;
    align-items: center;
    justify-content: center;
}

.g-header_root {
    position: relative;
    z-index: 2;
    display: flex;
    width: 100%;
    height: 80px;
    padding-left: 32px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
    align-items: center;
    justify-content: space-between !important;
}

.g-header.is-hide {
    z-index: -1;
    visibility: hidden;
    opacity: 0;
}

.g-headerTitle {
    width: 20%;
}

.g-headerLogo {
    display: flex;
    height: 60px;
    align-items: center;
}

.g-headerLogo_link {
    display: block;
    width: 187px;
}

.g-headerLogo_link:hover {
    text-decoration: none;
}

.g-headerLogo_link img {
    display: block;
}

.g-headerSwitch {
    display: none;
}

.g-headerSwitch_iconLink {
    display: block;
}

.g-headerSwitch_iconLink-hamburger {
    width: 28px;
    height: 24px;
    cursor: pointer;
}

.g-headerSwitch_iconLink-hamburger>span {
    position: absolute;
    top: 0;
    left: 0;
    width: 28px;
    height: 4px;
    transition: all 0.2s cubic-bezier(0.67, 0.23, 0.33, 0.94);
    border-radius: 4px;
    background-color: #1f2a46;
}

.g-headerSwitch_iconLink-hamburger>span:nth-child(2) {
    top: 10px;
}

.g-headerSwitch_iconLink-hamburger>span:nth-child(3) {
    top: 20px;
}

.g-headerSwitch_iconLink-hamburger.is-active>span:nth-child(1) {
    top: 50%;
    margin-top: -2px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.g-headerSwitch_iconLink-hamburger.is-active>span:nth-child(2) {
    display: none;
}

.g-headerSwitch_iconLink-hamburger.is-active>span:nth-child(3) {
    top: 50%;
    margin-top: -2px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.g-headerMenu {
    margin-left: auto;
}

/* ナビ */
.g-headerMenu_root {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

/* ナビ */
.g-headerNav {
    display: flex;
    align-items: center;
}

/* ナビ */
.g-headerNav_list {
    display: flex;
    justify-content: flex-end;
}

/* ナビ */
.g-headerNav_listItem {
    display: flex;
    /* padding:0 16px; */
    padding: 0px;
    align-items: center;
}

/* ナビ */
.g-headerNav_listItemLink {
    position: relative;
    display: flex;
    height: 80px;
    padding: 15px 10px;
    transition: all 0.2s cubic-bezier(0.67, 0.23, 0.33, 0.94);
    text-align: center;
    text-decoration: none;
    align-items: center;
    justify-content: center;
    color: #1f2a46;

    font-size: 14px;
}

/* ナビ */
.g-headerNav_listItemLink:visited {
    text-decoration: none;
    color: #1f2a46;
}

/* ナビ */
.g-headerNav_listItemLink::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    content: "";
    transition: all 0.2s cubic-bezier(0.67, 0.23, 0.33, 0.94);
    background-color: transparent;
}

/* ナビ */
.g-headerNav_listItemLink:hover {
    color: #1f2a46;
}

/* ナビ */
.g-headerNav_listItem.g-headerNav_listItem-current a {
    color: #1f2a46;
}

/* ナビ */
.g-headerButton {
    padding-left: 16px;
}

/* ナビ */
.g-headerButton_list {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* ナビ */
.g-headerButton_listItem {
    margin-right: 16px;
}

.g-headerTopLink {
    display: flex;
    width: auto;
    align-items: center;
}

.g-headerTopLink a {
    position: relative;
    display: block;
    padding: 28px 16px;
    text-align: center;
    text-decoration: none;
    color: #1f2a46;
}

.g-headerTopLink a:hover {
    text-decoration: underline;
    color: #1f2a46;
}

.g-headerTopLink a::before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 2px;
    height: 50px;
    content: "";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-image: url(/drill-planet/assets/img/img-line-dashed-01.png);
    background-repeat: round;
    background-size: cover;
}






@media screen and (min-width: 1141px) {

    /*! Large only */
    .l-container::before {
        top: -120px;
        width: 120%;
        height: 175vh;
        background-image: url(/drill-planet/assets/img/decorating/bg-subpage-kv-pc.png);
        background-size: 100% 175vh;
    }

    .l-container-main {
        padding-top: 120px;
        padding-bottom: 328px;
    }

    .l-container-main::before {
        top: 0;
        width: 100%;
        background-position: top center;
        background-size: 4000px auto;
    }

    .l-grid>.l-grid_item-1-lg {
        width: 8.3333333333%;
    }

    .l-grid>.l-grid_item-2-lg {
        width: 16.6666666667%;
    }

    .l-grid>.l-grid_item-3-lg {
        width: 25%;
    }

    .l-grid>.l-grid_item-4-lg {
        width: 33.3333333333%;
    }

    .l-grid>.l-grid_item-5-lg {
        width: 41.6666666667%;
    }

    .l-grid>.l-grid_item-6-lg {
        width: 50%;
    }

    .l-grid>.l-grid_item-7-lg {
        width: 58.3333333333%;
    }

    .l-grid>.l-grid_item-8-lg {
        width: 66.6666666667%;
    }

    .l-grid>.l-grid_item-9-lg {
        width: 75%;
    }

    .l-grid>.l-grid_item-10-lg {
        width: 83.3333333333%;
    }

    .l-grid>.l-grid_item-11-lg {
        width: 91.6666666667%;
    }

    .l-grid>.l-grid_item-12-lg {
        width: 100%;
    }

    .l-grid>.l-grid_item-1-1-lg {
        width: 100%;
    }

    .l-grid>.l-grid_item-1-2-lg {
        width: 50%;
    }

    .l-grid>.l-grid_item-2-2-lg {
        width: 100%;
    }

    .l-grid>.l-grid_item-1-3-lg {
        width: 33.3333333333%;
    }

    .l-grid>.l-grid_item-2-3-lg {
        width: 66.6666666667%;
    }

    .l-grid>.l-grid_item-3-3-lg {
        width: 100%;
    }

    .l-grid>.l-grid_item-1-4-lg {
        width: 25%;
    }

    .l-grid>.l-grid_item-2-4-lg {
        width: 50%;
    }

    .l-grid>.l-grid_item-3-4-lg {
        width: 75%;
    }

    .l-grid>.l-grid_item-4-4-lg {
        width: 100%;
    }

    .l-grid>.l-grid_item-1-5-lg {
        width: 20%;
    }

    .l-grid>.l-grid_item-2-5-lg {
        width: 40%;
    }

    .l-grid>.l-grid_item-3-5-lg {
        width: 60%;
    }

    .l-grid>.l-grid_item-4-5-lg {
        width: 80%;
    }

    .l-grid>.l-grid_item-5-5-lg {
        width: 100%;
    }

    .l-grid>.l-grid_item-1-6-lg {
        width: 16.6666666667%;
    }

    .l-grid>.l-grid_item-2-6-lg {
        width: 33.3333333333%;
    }

    .l-grid>.l-grid_item-3-6-lg {
        width: 50%;
    }

    .l-grid>.l-grid_item-4-6-lg {
        width: 66.6666666667%;
    }

    .l-grid>.l-grid_item-5-6-lg {
        width: 83.3333333333%;
    }

    .l-grid>.l-grid_item-6-6-lg {
        width: 100%;
    }

    .l-grid>.l-grid_item-1-7-lg {
        width: 14.2857142857%;
    }

    .l-grid>.l-grid_item-2-7-lg {
        width: 28.5714285714%;
    }

    .l-grid>.l-grid_item-3-7-lg {
        width: 42.8571428571%;
    }

    .l-grid>.l-grid_item-4-7-lg {
        width: 57.1428571429%;
    }

    .l-grid>.l-grid_item-5-7-lg {
        width: 71.4285714286%;
    }

    .l-grid>.l-grid_item-6-7-lg {
        width: 85.7142857143%;
    }

    .l-grid>.l-grid_item-7-7-lg {
        width: 100%;
    }

    .l-grid>.l-grid_item-1-8-lg {
        width: 12.5%;
    }

    .l-grid>.l-grid_item-2-8-lg {
        width: 25%;
    }

    .l-grid>.l-grid_item-3-8-lg {
        width: 37.5%;
    }

    .l-grid>.l-grid_item-4-8-lg {
        width: 50%;
    }

    .l-grid>.l-grid_item-5-8-lg {
        width: 62.5%;
    }

    .l-grid>.l-grid_item-6-8-lg {
        width: 75%;
    }

    .l-grid>.l-grid_item-7-8-lg {
        width: 87.5%;
    }

    .l-grid>.l-grid_item-8-8-lg {
        width: 100%;
    }

    .l-grid>.l-grid_item-1-9-lg {
        width: 11.1111111111%;
    }

    .l-grid>.l-grid_item-2-9-lg {
        width: 22.2222222222%;
    }

    .l-grid>.l-grid_item-3-9-lg {
        width: 33.3333333333%;
    }

    .l-grid>.l-grid_item-4-9-lg {
        width: 44.4444444444%;
    }

    .l-grid>.l-grid_item-5-9-lg {
        width: 55.5555555556%;
    }

    .l-grid>.l-grid_item-6-9-lg {
        width: 66.6666666667%;
    }

    .l-grid>.l-grid_item-7-9-lg {
        width: 77.7777777778%;
    }

    .l-grid>.l-grid_item-8-9-lg {
        width: 88.8888888889%;
    }

    .l-grid>.l-grid_item-9-9-lg {
        width: 100%;
    }

    .l-grid>.l-grid_item-1-10-lg {
        width: 10%;
    }

    .l-grid>.l-grid_item-2-10-lg {
        width: 20%;
    }

    .l-grid>.l-grid_item-3-10-lg {
        width: 30%;
    }

    .l-grid>.l-grid_item-4-10-lg {
        width: 40%;
    }

    .l-grid>.l-grid_item-5-10-lg {
        width: 50%;
    }

    .l-grid>.l-grid_item-6-10-lg {
        width: 60%;
    }

    .l-grid>.l-grid_item-7-10-lg {
        width: 70%;
    }

    .l-grid>.l-grid_item-8-10-lg {
        width: 80%;
    }

    .l-grid>.l-grid_item-9-10-lg {
        width: 90%;
    }

    .l-grid>.l-grid_item-10-10-lg {
        width: 100%;
    }

    .l-grid>.l-grid_item-1-11-lg {
        width: 9.0909090909%;
    }

    .l-grid>.l-grid_item-2-11-lg {
        width: 18.1818181818%;
    }

    .l-grid>.l-grid_item-3-11-lg {
        width: 27.2727272727%;
    }

    .l-grid>.l-grid_item-4-11-lg {
        width: 36.3636363636%;
    }

    .l-grid>.l-grid_item-5-11-lg {
        width: 45.4545454545%;
    }

    .l-grid>.l-grid_item-6-11-lg {
        width: 54.5454545455%;
    }

    .l-grid>.l-grid_item-7-11-lg {
        width: 63.6363636364%;
    }

    .l-grid>.l-grid_item-8-11-lg {
        width: 72.7272727273%;
    }

    .l-grid>.l-grid_item-9-11-lg {
        width: 81.8181818182%;
    }

    .l-grid>.l-grid_item-10-11-lg {
        width: 90.9090909091%;
    }

    .l-grid>.l-grid_item-11-11-lg {
        width: 100%;
    }

    .l-grid>.l-grid_item-1-12-lg {
        width: 8.3333333333%;
    }

    .l-grid>.l-grid_item-2-12-lg {
        width: 16.6666666667%;
    }

    .l-grid>.l-grid_item-3-12-lg {
        width: 25%;
    }

    .l-grid>.l-grid_item-4-12-lg {
        width: 33.3333333333%;
    }

    .l-grid>.l-grid_item-5-12-lg {
        width: 41.6666666667%;
    }

    .l-grid>.l-grid_item-6-12-lg {
        width: 50%;
    }

    .l-grid>.l-grid_item-7-12-lg {
        width: 58.3333333333%;
    }

    .l-grid>.l-grid_item-8-12-lg {
        width: 66.6666666667%;
    }

    .l-grid>.l-grid_item-9-12-lg {
        width: 75%;
    }

    .l-grid>.l-grid_item-10-12-lg {
        width: 83.3333333333%;
    }

    .l-grid>.l-grid_item-11-12-lg {
        width: 91.6666666667%;
    }

    .l-grid>.l-grid_item-12-12-lg {
        width: 100%;
    }

    .l-grid-center-lg {
        justify-content: center;
    }

    .l-grid-yCenter-lg {
        align-items: center;
    }

    .l-grid-spaceBetween-lg {
        justify-content: space-between;
    }

    .l-grid>.l-grid_item-5per-lg {
        width: 5%;
    }

    .l-grid>.l-grid_item-10per-lg {
        width: 10%;
    }

    .l-grid>.l-grid_item-15per-lg {
        width: 15%;
    }

    .l-grid>.l-grid_item-20per-lg {
        width: 20%;
    }

    .l-grid>.l-grid_item-25per-lg {
        width: 25%;
    }

    .l-grid>.l-grid_item-30per-lg {
        width: 30%;
    }

    .l-grid>.l-grid_item-35per-lg {
        width: 35%;
    }

    .l-grid>.l-grid_item-40per-lg {
        width: 40%;
    }

    .l-grid>.l-grid_item-45per-lg {
        width: 45%;
    }

    .l-grid>.l-grid_item-50per-lg {
        width: 50%;
    }

    .l-grid>.l-grid_item-55per-lg {
        width: 55%;
    }

    .l-grid>.l-grid_item-60per-lg {
        width: 60%;
    }

    .l-grid>.l-grid_item-65per-lg {
        width: 65%;
    }

    .l-grid>.l-grid_item-70per-lg {
        width: 70%;
    }

    .l-grid>.l-grid_item-75per-lg {
        width: 75%;
    }

    .l-grid>.l-grid_item-80per-lg {
        width: 80%;
    }

    .l-grid>.l-grid_item-85per-lg {
        width: 85%;
    }

    .l-grid>.l-grid_item-90per-lg {
        width: 90%;
    }

    .l-grid>.l-grid_item-95per-lg {
        width: 95%;
    }

    .l-grid>.l-grid_item-100per-lg {
        width: 100%;
    }

    .l-grid-hreverse-lg {
        flex-direction: row-reverse;
    }

    .l-grid-vreverse-lg {
        flex-direction: column-reverse;
    }

    .l-tile-1-lg>.l-tile_item {
        width: 100%;
    }

    .l-tile-2-lg>.l-tile_item {
        width: 50%;
    }

    .l-tile-3-lg>.l-tile_item {
        width: 33.3333333333%;
    }

    .l-tile-4-lg>.l-tile_item {
        width: 25%;
    }

    .l-tile-5-lg>.l-tile_item {
        width: 20%;
    }

    .l-tile-6-lg>.l-tile_item {
        width: 16.6666666667%;
    }

    .l-tile-7-lg>.l-tile_item {
        width: 14.2857142857%;
    }

    .l-tile-8-lg>.l-tile_item {
        width: 12.5%;
    }

    .l-tile-9-lg>.l-tile_item {
        width: 11.1111111111%;
    }

    .l-tile-10-lg>.l-tile_item {
        width: 10%;
    }

    .l-gapXlarge-lg {
        margin-right: -24.5px;
        margin-bottom: -49px;
        margin-left: -24.5px;
    }

    .l-gapXlarge-lg>[class*="item"] {
        margin-bottom: 49px;
        padding-right: 24.5px;
        padding-left: 24.5px;
    }

    .l-gapLarge-lg {
        margin-right: -20px;
        margin-bottom: -40px;
        margin-left: -20px;
    }

    .l-gapLarge-lg>[class*="item"] {
        margin-bottom: 40px;
        padding-right: 20px;
        padding-left: 20px;
    }

    .l-gapMedium-lg {
        margin-right: -16px;
        margin-bottom: -32px;
        margin-left: -16px;
    }

    .l-gapMedium-lg>[class*="item"] {
        margin-bottom: 32px;
        padding-right: 16px;
        padding-left: 16px;
    }

    .l-gapSmall-lg {
        margin-right: -6px;
        margin-bottom: -12px;
        margin-left: -6px;
    }

    .l-gapSmall-lg>[class*="item"] {
        margin-bottom: 12px;
        padding-right: 6px;
        padding-left: 6px;
    }

    .l-gapOne-lg {
        margin-right: -0.5px;
        margin-bottom: -1px;
        margin-left: -0.5px;
    }

    .l-gapOne-lg>[class*="item"] {
        margin-bottom: 1px;
        padding-right: 0.5px;
        padding-left: 0.5px;
    }

    .l-gapNone-lg {
        margin-right: 0;
        margin-bottom: 0;
        margin-left: 0;
    }

    .l-gapNone-lg>[class*="item"] {
        margin-bottom: 0;
        padding-right: 0;
        padding-left: 0;
    }

    .c-headingLv2_num {
        font-size: 120px;
        top: -120px;
        left: -63px;
    }

    .c-movie>svg {
        width: 590px;
        height: 452px;
        border-radius: 20px;
    }

    .c-cardHowtouse {
        padding: 75px 55px 45px;
    }

    .c-cardHowtouse-large {
        padding: 100px 64px 64px;
    }

    /* ナビ */
    .g-headerMenu_inner {
        display: block !important;
    }

    /* .g-headerNav_listItemLink {
      font-size: 16px;
    } */

    /* ナビ */
    .g-headerNav_listItemLink:hover {
        text-decoration: none;
        color: #f8772e;
        background-color: transparent;
    }

    /* ナビ */
    .g-headerNav_listItemLink:hover::after {
        background-color: #f8772e;
    }

    /* ナビ */
    .g-headerNav_listItem.g-headerNav_listItem-current a:not(.color_navy) {
        text-decoration: none;
        background-color: transparent;
    }

    /* ナビ */
    .g-headerNav_listItem.g-headerNav_listItem-current a:not(.color_navy)::after {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 3px;
        content: "";
        transition: all 0.2s cubic-bezier(0.67, 0.23, 0.33, 0.94);
    }

    /* ナビ */
    .g-header_root>.g-headerButton {
        display: none;
    }

    /* ナビ */
    .g-headerTopLink {
        font-size: 12px;
    }

    [data-js-dropdown-footer-content] {
        display: block !important;
        overflow: visible !important;
        height: auto !important;
    }

    .l-container.p-index-containerMain::before {
        top: 0;
        width: 100%;
        background-image: url(/drill-planet/assets/img/decorating/bg-index-kv-pc.png);
        background-position: top center;
        background-size: 4000px auto;
    }

    .p-learning-anchor-mdSm {
        display: none;
    }

    .p-background-parallax-contact .p-background-parallax_object-01 {
        top: 12px;
        right: auto;
        left: -37px;
        width: 104px;
        height: 141px;
        background-image: url(/drill-planet/assets/img/decorating/planets/pc/img-decorating-22.png);
    }

    .p-background-parallax-contact .p-background-parallax_object-02 {
        top: 355px;
        right: 43px;
        width: 86px;
        height: 113px;
        background-image: url(/drill-planet/assets/img/decorating/planets/pc/img-decorating-23.png);
    }

    .p-background-parallax-contact .p-background-parallax_object-03 {
        bottom: 379px;
        left: 33px;
        width: 62px;
        height: 139px;
        background-image: url(/drill-planet/assets/img/decorating/planets/pc/img-decorating-24.png);
    }

    .p-background-parallax-indexMain .p-background-parallax_object-01 {
        top: 0.657px;
        left: 120px;
        width: 65.5px;
        height: 97px;
        background-image: url(/drill-planet/assets/img/decorating/planets/pc/img-decorating-01.png);
    }

    .p-background-parallax-indexMain .p-background-parallax_object-02 {
        top: 145.657px;
        left: 33px;
        width: 98px;
        height: 132px;
        background-image: url(/drill-planet/assets/img/decorating/planets/pc/img-decorating-02.png);
    }

    .p-background-parallax-indexMain .p-background-parallax_object-03 {
        top: 90.657px;
        right: 77px;
        left: auto;
        width: 74px;
        height: 131px;
        background-image: url(/drill-planet/assets/img/decorating/planets/pc/img-decorating-03-1.png);
    }

    .p-background-parallax-indexMain .p-background-parallax_object-04 {
        top: 618.657px;
        right: 148px;
        width: 117px;
        height: 146px;
        background-image: url(/drill-planet/assets/img/decorating/planets/pc/img-decorating-03.png);
    }

    .p-background-parallax-indexMain .p-background-parallax_object-05 {
        top: 735.657px;
        left: 41px;
        width: 156px;
        height: 156px;
        background-image: url(/drill-planet/assets/img/decorating/planets/pc/img-decorating-04.png);
    }

    .p-background-parallax-indexMain .p-background-parallax_object-06 {
        top: 949.657px;
        right: -21px;
        width: 156px;
        height: 156px;
        background-image: url(/drill-planet/assets/img/decorating/planets/pc/img-decorating-04.png);
    }

    .p-background-parallax-indexMain .p-background-parallax_object-07 {
        top: 1059.657px;
        left: 68px;
        width: 86px;
        height: 113px;
        background-image: url(/drill-planet/assets/img/decorating/planets/pc/img-decorating-09.png);
    }

    .p-background-parallax-indexMain .p-background-parallax_object-08 {
        top: 1447.657px;
        right: 121px;
        width: 86px;
        height: 113px;
        background-image: url(/drill-planet/assets/img/decorating/planets/pc/img-decorating-09.png);
    }

    .p-background-parallax-indexFeature .p-background-parallax_object-01 {
        top: 63.7433px;
        left: 65px;
        display: block;
        width: 62px;
        height: 139px;
        background-image: url(/drill-planet/assets/img/decorating/planets/pc/img-decorating-05.png);
    }

    .p-background-parallax-indexFeature .p-background-parallax_object-02 {
        top: 475.7433px;
        right: 35px;
        width: 117px;
        height: 146px;
        background-image: url(/drill-planet/assets/img/decorating/planets/pc/img-decorating-03.png);
    }

    .p-background-parallax-indexFeature .p-background-parallax_object-03 {
        top: 1347.7433px;
        left: 42px;
        display: block;
        width: 86px;
        height: 113px;
        background-image: url(/drill-planet/assets/img/decorating/planets/pc/img-decorating-09.png);
    }

    .p-background-parallax-indexFeature .p-background-parallax_object-04 {
        top: 1772.7433px;
        right: 92px;
        width: 62px;
        height: 139px;
        background-image: url(/drill-planet/assets/img/decorating/planets/pc/img-decorating-12.png);
    }

    .p-background-parallax-indexFeature .p-background-parallax_object-05 {
        top: 2271.7433px;
        left: -60px;
        display: block;
        width: 156px;
        height: 156px;
        background-image: url(/drill-planet/assets/img/decorating/planets/pc/img-decorating-04.png);
    }

    .p-background-parallax-indexHowtouse .p-background-parallax_object-01 {
        top: -126.8847px;
        right: 96px;
        width: 86px;
        height: 113px;
        background-image: url(/drill-planet/assets/img/decorating/planets/pc/img-decorating-09.png);
    }

    .p-background-parallax-indexHowtouse .p-background-parallax_object-02 {
        top: 128.1153px;
        left: 66px;
        display: block;
        width: 62px;
        height: 139px;
        background-image: url(/drill-planet/assets/img/decorating/planets/pc/img-decorating-20.png);
    }

    .p-background-parallax-indexHowtouse .p-background-parallax_object-03 {
        top: 2798.1153px;
        left: 74px;
        display: block;
        width: 117px;
        height: 146px;
        background-image: url(/drill-planet/assets/img/decorating/planets/pc/img-decorating-03.png);
    }

    .p-background-parallax-indexHowtouse .p-background-parallax_object-04 {
        top: 2829.1153px;
        right: 92px;
        display: block;
        width: 62px;
        height: 139px;
        background-image: url(/drill-planet/assets/img/decorating/planets/pc/img-decorating-12.png);
    }

    .p-background-parallax-indexHowtouse .p-background-parallax_object-05 {
        top: 3257.1153px;
        right: -64px;
        display: block;
        width: 156px;
        height: 156px;
        background-image: url(/drill-planet/assets/img/decorating/planets/pc/img-decorating-04.png);
    }

    .p-background-parallax-indexHowtouse .p-background-parallax_object-06 {
        top: 3776.1153px;
        left: 42px;
        display: block;
        width: 86px;
        height: 113px;
        background-image: url(/drill-planet/assets/img/decorating/planets/pc/img-decorating-09.png);
    }

    .p-background-parallax-indexService .p-background-parallax_object-01 {
        top: -228.357px;
        left: 96px;
        display: block;
        width: 62px;
        height: 139px;
        background-image: url(/drill-planet/assets/img/decorating/planets/pc/img-decorating-20.png);
    }

    .p-background-parallax-indexService .p-background-parallax_object-02 {
        top: 368.1153px;
        right: 58px;
        left: auto;
        width: 117px;
        height: 146px;
        background-image: url(/drill-planet/assets/img/decorating/planets/pc/img-decorating-03.png);
    }

    .p-background-parallax-indexService .p-background-parallax_object-03 {
        top: 917.1153px;
        left: -59px;
        display: block;
        width: 156px;
        height: 156px;
        background-image: url(/drill-planet/assets/img/decorating/planets/pc/img-decorating-04.png);
    }

    .p-background-parallax-indexFlow .p-background-parallax_object-01 {
        top: -197.014px;
        right: 86px;
        width: 62px;
        height: 139px;
        background-image: url(/drill-planet/assets/img/decorating/planets/pc/img-decorating-12.png);
    }

    .p-background-parallax-indexFlow .p-background-parallax_object-02 {
        top: 750px;
        right: 78px;
        left: auto;
        display: block;
        width: 86px;
        height: 113px;
        background-image: url(/drill-planet/assets/img/decorating/planets/pc/img-decorating-09.png);
    }

    .p-background-parallax-indexFaq .p-background-parallax_object-01 {
        top: 433.507px;
        right: -62px;
        left: auto;
        display: block;
        width: 156px;
        height: 156px;
        background-image: url(/drill-planet/assets/img/decorating/planets/pc/img-decorating-04.png);
    }

    .p-background-parallax-homeworkMain .p-background-parallax_object-01 {
        top: -89.583px;
        left: 102px;
        width: 66px;
        height: 98px;
        background-image: url(/drill-planet/assets/img/decorating/planets/pc/img-decorating-01.png);
    }

    .p-background-parallax-homeworkMain .p-background-parallax_object-02 {
        top: 433.417px;
        left: 76px;
        width: 98px;
        height: 132px;
        background-image: url(/drill-planet/assets/img/decorating/planets/pc/img-decorating-02.png);
    }

    .p-background-parallax-homeworkMain .p-background-parallax_object-03 {
        top: 80.417px;
        right: 111px;
        left: auto;
        width: 74px;
        height: 131px;
        background-image: url(/drill-planet/assets/img/decorating/planets/pc/img-decorating-03-1.png);
    }

    .p-background-parallax-homeworkMain .p-background-parallax_object-04 {
        top: 730.417px;
        right: 70px;
        width: 117px;
        height: 146px;
        background-image: url(/drill-planet/assets/img/decorating/planets/pc/img-decorating-03.png);
    }

    .p-background-parallax-homeworkMain .p-background-parallax_object-05 {
        top: 820.417px;
        left: 179px;
        display: block;
        width: 86px;
        height: 113px;
        background-image: url(/drill-planet/assets/img/decorating/planets/pc/img-decorating-09.png);
    }

    .p-background-parallax-homeworkMain .p-background-parallax_object-06 {
        top: 1023.417px;
        right: 156px;
        width: 62px;
        height: 139px;
        background-image: url(/drill-planet/assets/img/decorating/planets/pc/img-decorating-12.png);
    }

    .p-background-parallax-homeworkFeature .p-background-parallax_object-01 {
        top: 651px;
        left: 11px;
        width: 156px;
        height: 156px;
        background-image: url(/drill-planet/assets/img/decorating/planets/pc/img-decorating-11.png);
    }

    .p-background-parallax-homeworkFeature .p-background-parallax_object-02 {
        top: 1174px;
        right: 56px;
        width: 62px;
        height: 139px;
        background-image: url(/drill-planet/assets/img/decorating/planets/pc/img-decorating-12.png);
    }

    .p-background-parallax-homeworkHowtouse .p-background-parallax_object-01 {
        top: -197px;
        left: 19px;
        width: 86px;
        height: 113px;
        background-image: url(/drill-planet/assets/img/decorating/planets/pc/img-decorating-13.png);
    }

    .p-background-parallax-homeworkHowtouse .p-background-parallax_object-02 {
        top: 456px;
        right: -52px;
        width: 156px;
        height: 156px;
        background-image: url(/drill-planet/assets/img/decorating/planets/pc/img-decorating-14.png);
    }

    .p-background-parallax-homeworkHowtouse .p-background-parallax_object-03 {
        top: 872px;
        left: -23px;
        width: 104px;
        height: 141px;
        background-image: url(/drill-planet/assets/img/decorating/planets/pc/img-decorating-15.png);
    }

    .p-background-parallax-learningMain .p-background-parallax_object-01 {
        top: 0.603px;
        left: 102px;
        width: 66px;
        height: 98px;
        background-image: url(/drill-planet/assets/img/decorating/planets/pc/img-decorating-01.png);
    }

    .p-background-parallax-learningMain .p-background-parallax_object-02 {
        top: 523.603px;
        left: 76px;
        width: 98px;
        height: 132px;
        background-image: url(/drill-planet/assets/img/decorating/planets/pc/img-decorating-02.png);
    }

    .p-background-parallax-learningMain .p-background-parallax_object-03 {
        top: 170.603px;
        right: 111px;
        left: auto;
        width: 74px;
        height: 131px;
        background-image: url(/drill-planet/assets/img/decorating/planets/pc/img-decorating-03-1.png);
    }

    .p-background-parallax-learningMain .p-background-parallax_object-04 {
        top: 720.603px;
        right: 70px;
        width: 117px;
        height: 146px;
        background-image: url(/drill-planet/assets/img/decorating/planets/pc/img-decorating-03.png);
    }

    .p-background-parallax-learningFeature .p-background-parallax_object-01 {
        top: -55.5308px;
        left: 75px;
        width: 86px;
        height: 113px;
        background-image: url(/drill-planet/assets/img/decorating/planets/pc/img-decorating-09.png);
    }

    .p-background-parallax-learningFeature .p-background-parallax_object-02 {
        top: 244.4692px;
        right: 97px;
        display: block;
        width: 62px;
        height: 139px;
        background-image: url(/drill-planet/assets/img/decorating/planets/pc/img-decorating-12.png);
    }

    .p-background-parallax-learningFeature .p-background-parallax_object-03 {
        top: 1802.4692px;
        left: 79px;
        display: block;
        width: 62px;
        height: 139px;
        background-image: url(/drill-planet/assets/img/decorating/planets/pc/img-decorating-05.png);
    }

    .p-background-parallax-learningFeature .p-background-parallax_object-04 {
        top: 2975.4692px;
        left: -46px;
        display: block;
        width: 156px;
        height: 156px;
        background-image: url(/drill-planet/assets/img/decorating/planets/pc/img-decorating-04.png);
    }

    .p-background-parallax-learningFeature .p-background-parallax_object-05 {
        top: 3435.4692px;
        right: 60px;
        display: block;
        width: 86px;
        height: 113px;
        background-image: url(/drill-planet/assets/img/decorating/planets/pc/img-decorating-09.png);
    }

    .p-background-parallax-learningFeature .p-background-parallax_object-06 {
        top: 4107.4692px;
        left: 79px;
        display: block;
        width: 62px;
        height: 139px;
        background-image: url(/drill-planet/assets/img/decorating/planets/pc/img-decorating-05.png);
    }

    .p-background-parallax-learningFeature .p-background-parallax_object-07 {
        top: 4721.4692px;
        right: 21px;
        display: block;
        width: 117px;
        height: 146px;
        background-image: url(/drill-planet/assets/img/decorating/planets/pc/img-decorating-03.png);
    }

    .p-background-parallax-learningHowtouse .p-background-parallax_object-01 {
        top: -296.4564px;
        left: 19px;
        width: 86px;
        height: 113px;
        background-image: url(/drill-planet/assets/img/decorating/planets/pc/img-decorating-13.png);
    }

    .p-background-parallax-learningHowtouse .p-background-parallax_object-02 {
        top: 350.5436px;
        right: -52px;
        display: block;
        width: 156px;
        height: 156px;
        background-image: url(/drill-planet/assets/img/decorating/planets/pc/img-decorating-14.png);
    }
}








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

    /*! Medium and Small */
    .c-breadcrumb_inner,
    .g-footer_inner,
    .l-section {
        max-width: 747px;
        padding-right: 29.5px;
        padding-left: 29.5px;
    }

    body {
        font-size: 16px;
    }

    .l-container-main {
        padding-top: 60px;
        padding-bottom: 400px;
    }

    .l-container-main::before {
        top: 60px;
    }

    .l-container-feature {
        margin-top: -208px;
    }

    .l-grid>.l-grid_item-1-1-md {
        width: 100%;
    }

    .l-grid>.l-grid_item-1-2-md {
        width: 50%;
    }

    .l-grid>.l-grid_item-2-2-md {
        width: 100%;
    }

    .l-grid>.l-grid_item-1-3-md {
        width: 33.3333333333%;
    }

    .l-grid>.l-grid_item-2-3-md {
        width: 66.6666666667%;
    }

    .l-grid>.l-grid_item-3-3-md {
        width: 100%;
    }

    .l-grid>.l-grid_item-1-4-md {
        width: 25%;
    }

    .l-grid>.l-grid_item-2-4-md {
        width: 50%;
    }

    .l-grid>.l-grid_item-3-4-md {
        width: 75%;
    }

    .l-grid>.l-grid_item-4-4-md {
        width: 100%;
    }

    .l-grid>.l-grid_item-1-5-md {
        width: 20%;
    }

    .l-grid>.l-grid_item-2-5-md {
        width: 40%;
    }

    .l-grid>.l-grid_item-3-5-md {
        width: 60%;
    }

    .l-grid>.l-grid_item-4-5-md {
        width: 80%;
    }

    .l-grid>.l-grid_item-5-5-md {
        width: 100%;
    }

    .l-grid>.l-grid_item-1-6-md {
        width: 16.6666666667%;
    }

    .l-grid>.l-grid_item-2-6-md {
        width: 33.3333333333%;
    }

    .l-grid>.l-grid_item-3-6-md {
        width: 50%;
    }

    .l-grid>.l-grid_item-4-6-md {
        width: 66.6666666667%;
    }

    .l-grid>.l-grid_item-5-6-md {
        width: 83.3333333333%;
    }

    .l-grid>.l-grid_item-6-6-md {
        width: 100%;
    }

    .l-grid>.l-grid_item-1-7-md {
        width: 14.2857142857%;
    }

    .l-grid>.l-grid_item-2-7-md {
        width: 28.5714285714%;
    }

    .l-grid>.l-grid_item-3-7-md {
        width: 42.8571428571%;
    }

    .l-grid>.l-grid_item-4-7-md {
        width: 57.1428571429%;
    }

    .l-grid>.l-grid_item-5-7-md {
        width: 71.4285714286%;
    }

    .l-grid>.l-grid_item-6-7-md {
        width: 85.7142857143%;
    }

    .l-grid>.l-grid_item-7-7-md {
        width: 100%;
    }

    .l-grid>.l-grid_item-1-8-md {
        width: 12.5%;
    }

    .l-grid>.l-grid_item-2-8-md {
        width: 25%;
    }

    .l-grid>.l-grid_item-3-8-md {
        width: 37.5%;
    }

    .l-grid>.l-grid_item-4-8-md {
        width: 50%;
    }

    .l-grid>.l-grid_item-5-8-md {
        width: 62.5%;
    }

    .l-grid>.l-grid_item-6-8-md {
        width: 75%;
    }

    .l-grid>.l-grid_item-7-8-md {
        width: 87.5%;
    }

    .l-grid>.l-grid_item-8-8-md {
        width: 100%;
    }

    .l-grid>.l-grid_item-1-9-md {
        width: 11.1111111111%;
    }

    .l-grid>.l-grid_item-2-9-md {
        width: 22.2222222222%;
    }

    .l-grid>.l-grid_item-3-9-md {
        width: 33.3333333333%;
    }

    .l-grid>.l-grid_item-4-9-md {
        width: 44.4444444444%;
    }

    .l-grid>.l-grid_item-5-9-md {
        width: 55.5555555556%;
    }

    .l-grid>.l-grid_item-6-9-md {
        width: 66.6666666667%;
    }

    .l-grid>.l-grid_item-7-9-md {
        width: 77.7777777778%;
    }

    .l-grid>.l-grid_item-8-9-md {
        width: 88.8888888889%;
    }

    .l-grid>.l-grid_item-9-9-md {
        width: 100%;
    }

    .l-grid>.l-grid_item-1-10-md {
        width: 10%;
    }

    .l-grid>.l-grid_item-2-10-md {
        width: 20%;
    }

    .l-grid>.l-grid_item-3-10-md {
        width: 30%;
    }

    .l-grid>.l-grid_item-4-10-md {
        width: 40%;
    }

    .l-grid>.l-grid_item-5-10-md {
        width: 50%;
    }

    .l-grid>.l-grid_item-6-10-md {
        width: 60%;
    }

    .l-grid>.l-grid_item-7-10-md {
        width: 70%;
    }

    .l-grid>.l-grid_item-8-10-md {
        width: 80%;
    }

    .l-grid>.l-grid_item-9-10-md {
        width: 90%;
    }

    .l-grid>.l-grid_item-10-10-md {
        width: 100%;
    }

    .l-grid>.l-grid_item-1-11-md {
        width: 9.0909090909%;
    }

    .l-grid>.l-grid_item-2-11-md {
        width: 18.1818181818%;
    }

    .l-grid>.l-grid_item-3-11-md {
        width: 27.2727272727%;
    }

    .l-grid>.l-grid_item-4-11-md {
        width: 36.3636363636%;
    }

    .l-grid>.l-grid_item-5-11-md {
        width: 45.4545454545%;
    }

    .l-grid>.l-grid_item-6-11-md {
        width: 54.5454545455%;
    }

    .l-grid>.l-grid_item-7-11-md {
        width: 63.6363636364%;
    }

    .l-grid>.l-grid_item-8-11-md {
        width: 72.7272727273%;
    }

    .l-grid>.l-grid_item-9-11-md {
        width: 81.8181818182%;
    }

    .l-grid>.l-grid_item-10-11-md {
        width: 90.9090909091%;
    }

    .l-grid>.l-grid_item-11-11-md {
        width: 100%;
    }

    .l-grid>.l-grid_item-1-12-md {
        width: 8.3333333333%;
    }

    .l-grid>.l-grid_item-2-12-md {
        width: 16.6666666667%;
    }

    .l-grid>.l-grid_item-3-12-md {
        width: 25%;
    }

    .l-grid>.l-grid_item-4-12-md {
        width: 33.3333333333%;
    }

    .l-grid>.l-grid_item-5-12-md {
        width: 41.6666666667%;
    }

    .l-grid>.l-grid_item-6-12-md {
        width: 50%;
    }

    .l-grid>.l-grid_item-7-12-md {
        width: 58.3333333333%;
    }

    .l-grid>.l-grid_item-8-12-md {
        width: 66.6666666667%;
    }

    .l-grid>.l-grid_item-9-12-md {
        width: 75%;
    }

    .l-grid>.l-grid_item-10-12-md {
        width: 83.3333333333%;
    }

    .l-grid>.l-grid_item-11-12-md {
        width: 91.6666666667%;
    }

    .l-grid>.l-grid_item-12-12-md {
        width: 100%;
    }

    .l-gridFeature {
        -webkit-column-gap: 24px;
        -moz-column-gap: 24px;
        column-gap: 24px;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }

    .l-gridFeature-1col {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .l-gridFeature-1col .c-headingLv2,
    .l-gridFeature-1col .c-paragraph {
        margin-left: 0;
    }

    .l-gridFeature-5-6 {
        -ms-grid-columns: 40% 60%;
        grid-template-columns: 40% 60%;
    }

    .c-link-large {
        font-size: 18px;
    }

    /* ナビ */
    .c-btn-medium {
        padding: 11px 19px;
    }

    /* ナビ */
    .c-btn-large {
        font-size: 24px;
        padding: 11px 19px;
    }

    .c-headingIcon>img {
        width: 144px;
    }

    .c-headingLv1>.c-headingBorder::after {
        height: 4px;
        background-image: linear-gradient(to right,
                #1f2a46 8px,
                transparent 8px,
                transparent 14px);
        background-size: 14px 4px;
    }

    .c-headingLv1>.c-headingBorder {
        padding-bottom: 8px;
    }

    .c-headingLv1 {
        font-size: 32px;
    }

    .c-headingLv2 {
        font-size: 28px;
    }

    .c-emphasisTextLarge+.c-headingLv2 {
        margin-top: 24px;
    }

    .c-headingLv2-numberedTitle,
    .c-headingLv2-numberedTitle:first-child {
        margin-top: 40px;
    }

    .c-headingLv2-numberedTitle {
        font-size: 24px;
    }

    .c-headingLv2_tag {
        font-size: 14px;
        top: -28px;
        left: 96px;
    }

    .c-headingLv3-deco {
        font-size: 22px;
    }

    .c-headingLv3_largeText {
        font-size: 32px;
    }

    .c-paragraph {
        font-size: 16px;
        margin-top: 16px;
    }

    .c-paragraph:first-child {
        margin-top: 0;
    }

    .c-catch {
        font-size: 16px;
        margin-top: 16px;
    }

    .c-catch:first-child {
        margin-top: 0;
    }

    .c-lead {
        font-size: 16px;
    }

    .c-emphasisTextLarge {
        background-size: 65%;
    }

    .c-table-scroll {
        overflow: auto;
        white-space: nowrap;
    }

    .c-table-scroll .c-table_content {
        width: auto;
        min-width: 100%;
    }

    .c-imgTitle>img {
        width: auto;
        height: 82px;
    }

    .c-cardHowtouse_heading {
        font-size: 24px;
    }

    .c-news {
        display: block;
        margin-top: 80px;
        padding: 16px 24px 24px;
    }

    .c-news_head {
        display: block;
        margin-bottom: 24px;
    }

    .c-news_head::after {
        width: 100%;
        height: 2px;
        margin: 8px 0 0;
        background-image: linear-gradient(to right,
                #c5cddb 3px,
                transparent 3px,
                transparent 8px);
        background-repeat: space no-repeat;
        background-position: bottom;
        background-size: 8px 2px;
    }

    .c-news_title {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
    }

    .c-news_title>span {
        margin-bottom: 6px;
    }

    .c-news_item {
        grid-template-areas: "time tag" "text";
        -ms-grid-columns: minmax(auto, 108px);
        grid-template-columns: minmax(auto, 108px);
    }

    .c-news_item>.c-paragraph {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
    }

    .c-news_item>.c-paragraph {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
    }

    .c-news_text {
        margin-top: 16px;
        -ms-grid-column-span: 2;
        grid-column-end: 3;
        -ms-grid-column: 1;
        grid-column-start: 1;
        -ms-grid-row: 2;
        grid-row-start: 2;
    }

    .g-header_root {
        padding-right: 80px;
        justify-content: center;
    }

    .g-headerTitle {
        width: auto;
    }

    .g-headerSwitch {
        font-size: 0;
        position: absolute;
        z-index: 10;
        top: 50%;
        right: 22px;
        display: flex;
        transition: opacity 0.2s cubic-bezier(0.67, 0.23, 0.33, 0.94);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .g-headerMenu {
        display: block;
        width: auto;
        margin: 0;
    }

    /* ナビ */
    .g-headerMenu_inner {
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        overflow: hidden;
        width: 100%;
        padding: 80px 15px 30px;
        transition: opacity 0.2s cubic-bezier(0.67, 0.23, 0.33, 0.94);
        opacity: 0;
        background-color: #fff;
    }

    [data-js-hamburger="fade"] .g-headerMenu_inner {
        position: absolute;
        right: 0;
        left: 0;
        margin: auto;
    }

    [data-js-hamburger-category] {
        display: none;
    }

    [data-js-hamburger-content="lang"] [data-js-hamburger-category="lang"] {
        display: block;
    }

    [data-js-hamburger-content="menu"] [data-js-hamburger-category="menu"] {
        display: block;
    }

    /* ナビ */
    .g-headerMenu_root {
        padding-right: 1rem;
        padding-left: 1rem;
    }

    /* ナビ */
    .g-headerNav {
        width: 100%;
        order: 2;
    }

    /* ナビ */
    .g-headerNav_list {
        display: block;
    }

    /* ナビ */
    .g-headerNav_listItem {
        position: relative;
        display: block;
        padding: 0;
    }

    /* ナビ */
    .g-headerNav_listItem::after {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 3px;
        content: "";
        transition: all 0.2s cubic-bezier(0.67, 0.23, 0.33, 0.94);
        background-image: url(/drill-planet/assets/img/icons/icon-border.png);
        background-repeat: space;
    }

    /* ナビ */
    .g-headerNav_listItemLink {
        display: block;
        height: auto;
        padding: 16px 0;
    }

    /* ナビ */
    .g-headerNav_listItemLink:hover {
        text-decoration: none;
        color: #1f2a46;
    }

    /* ナビ */
    .g-headerNav_listItemLink:hover::after {
        display: none;
    }

    /* ナビ */
    .g-headerNav_listItem.g-headerNav_listItem-current a {
        text-decoration: none;
        color: #1f2a46;
    }

    /* ナビ */
    .g-headerNav_listItem.g-headerNav_listItem-current a::after {
        display: none;
    }

    .g-headerButton {
        display: flex;
        width: 100%;
        margin: 0 auto;
        justify-content: flex-end;
    }

    .g-headerButton_list {
        margin-right: -16px;
    }

    .g-headerButton-lg {
        display: none;
    }

    /* ナビ */
    .g-headerTopLink {
        display: block;
    }

    /* ナビ */
    .g-headerTopLink a {
        padding: 28px 20px 0;
    }

    /* ナビ */
    .g-headerTopLink a::before {
        display: none;
    }

    .g-footerNav .l-tile {
        margin-right: 0;
        margin-left: 0;
    }

    .g-footerNav .l-tile_item {
        margin-top: 0;
        margin-bottom: 0;
        padding: 0;
    }

    .g-footerNav_parent,
    .g-footerNav_parentLink {
        font-size: 16px;
        font-weight: 400;
        padding: 16px 41px 16px 16px;
        cursor: pointer;
        color: #fff;
        border-top: 1px solid #6677b5;
        border-bottom: 0;
        background-size: 0px 0px;
    }

    .g-footerNav_yel,
    .g-footerNav a.g-footerNav_yel {
        color: #fff;
    }

    .deco-under_dash {
        background-size: 0px;
    }

    .link_arrow {
        background-size: 0px;
    }

    .mark-dropdown_plus {
        background-image: url(/drill-planet/assets/img/icons/icon-add.svg);
        background-repeat: no-repeat;
        background-position: right 21px center;
        background-size: 20px 20px;
    }

    .mark-dropdown_plus.is-active {
        background-image: url(/drill-planet/assets/img/icons/icon-close.svg);
    }

    .g-footerNav_parent::before,
    .g-footerNav_parentLink::before {
        display: none;
    }

    .g-footerNav_list {
        margin-bottom: 24px;
        padding-right: 16px;
        padding-left: 16px;
    }

    .g-footerNav_listItemLink {
        padding: 0;
        background-image: none;
    }

    .g-footerNav_listItem+.g-footerNav_listItem {
        margin-top: 17px;
    }

    .c-contact_box {
        padding: 32px 32px 48px;
    }

    .p-index-mainVi_select {
        top: -8%;
    }

    .p-index-mainVi .p-index-mainVi_fukidashi {
        width: 60%;
    }

    .p-index-mainVi_link {
        top: -15%;
    }

    .p-index-mainVi .p-index-mainVi_btn {
        width: 180px;
        height: 180px;
        margin-right: 0;
        margin-top: 60px;
    }

    .p-index-mainVi .p-index-mainVi_btn .default,
    .p-index-mainVi .p-index-mainVi_btn .hover {
        width: 180px;
        height: 180px;
    }

    .p-index-fukidashi {
        width: 144px;
    }

    .p-index-method_title {
        font-size: 16px;
    }

    .p-index-method_text {
        font-size: 12px;
    }

    .l-container.p-index-containerMain::before {
        top: 0;
        width: 106%;
        height: 100%;
        background-image: url(/drill-planet/assets/img/decorating/bg-index-kv-pc.png);
        background-size: 1620px auto;
    }

    .p-index-howtouse {
        padding: 24px 32px;
    }

    .p-index-howtouse_title:not(:first-child)::before {
        width: calc(100% + 32px);
    }

    .p-index-howtouse_grid {
        margin-right: -16px;
        margin-left: -16px;
    }

    .p-index-howtouse_grid .l-grid_item {
        padding-right: 16px;
        padding-left: 16px;
    }

    .p-index-howtouse_grid .l-grid_item:nth-child(1)::after {
        right: -14px;
        height: 48px;
        background-size: 80%;
    }

    .p-index-howtouse_img>img {
        height: 150px;
    }

    .p-index-slogan {
        max-width: 230px;
    }

    .p-index-faqImg {
        max-width: 270px;
    }

    .p-index-overview_contentSmall .l-grid,
    .p-index-overview_contentSmall .l-grid_item {
        margin-bottom: 0;
    }

    .p-index-overview_materials {
        display: block;
    }

    .p-index-overview_materialsText {
        margin-top: 8px;
    }

    .p-index-overview .c-list {
        margin-top: 0;
    }

    .c-news_time {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }

    .c-news_item>.c-news_text {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
    }

    .c-news .c-tag {
        -ms-grid-row: 1;
        -ms-grid-column: 2;
    }

    .p-learning-anchor {
        margin-top: 32px;
    }

    .p-learning-anchor-lg {
        display: none;
    }

    .p-learning-menu .l-grid {
        margin-right: -16px;
        margin-left: -16px;
    }

    .p-learning-menu .l-grid_item {
        padding-right: 16px;
        padding-left: 16px;
    }

    .p-background-parallax-indexMain .p-background-parallax_object-02 {
        display: block;
    }

    .i-label-20-md {
        width: 20px;
        height: 20px;
        margin-top: 0;
        -webkit-transform: translateY(3px);
        transform: translateY(3px);
    }

    .u-ta-center-md {
        text-align: center;
    }

    .u-ta-center-md-imp {
        text-align: center !important;
    }

    .u-ta-left-md {
        text-align: left;
    }

    .u-ta-left-md-imp {
        text-align: left !important;
    }

    .u-ta-right-md {
        text-align: right;
    }

    .u-ta-right-md-imp {
        text-align: right !important;
    }

    .u-va-top-md {
        vertical-align: top;
    }

    .u-va-top-md-imp {
        vertical-align: top !important;
    }

    .u-va-middle-md {
        vertical-align: middle;
    }

    .u-va-middle-md-imp {
        vertical-align: middle !important;
    }

    .u-va-bottom-md {
        vertical-align: bottom;
    }

    .u-va-bottom-md-imp {
        vertical-align: bottom !important;
    }

    .u-bt-dashed::before {
        padding-top: 32px;
    }

    .u-bt-dashed {
        margin-top: 32px;
    }

    .u-dsp-md-none {
        display: none;
    }

    .u-dsp-md {
        display: block;
    }

    .u-mt-x0-md {
        margin-top: 0;
    }

    .u-mt-x0-md-imp {
        margin-top: 0 !important;
    }

    .u-mt-x1-md {
        margin-top: 8px;
    }

    .u-mt-x1-md-imp {
        margin-top: 8px !important;
    }

    .u-mt-x2-md {
        margin-top: 16px;
    }

    .u-mt-x2-md-imp {
        margin-top: 16px !important;
    }

    .u-mt-x3-md {
        margin-top: 24px;
    }

    .u-mt-x3-md-imp {
        margin-top: 24px !important;
    }

    .u-mt-x4-md {
        margin-top: 32px;
    }

    .u-mt-x4-md-imp {
        margin-top: 32px !important;
    }

    .u-mt-x5-md {
        margin-top: 40px;
    }

    .u-mt-x5-md-imp {
        margin-top: 40px !important;
    }

    .u-mt-x6-md {
        margin-top: 48px;
    }

    .u-mt-x6-md-imp {
        margin-top: 48px !important;
    }

    .u-mt-x7-md {
        margin-top: 56px;
    }

    .u-mt-x7-md-imp {
        margin-top: 56px !important;
    }

    .u-mt-x8-md {
        margin-top: 64px;
    }

    .u-mt-x8-md-imp {
        margin-top: 64px !important;
    }

    .u-mt-x9-md {
        margin-top: 72px;
    }

    .u-mt-x9-md-imp {
        margin-top: 72px !important;
    }

    .u-mt-x10-md {
        margin-top: 80px;
    }

    .u-mt-x10-md-imp {
        margin-top: 80px !important;
    }

    .u-mt-x11-md {
        margin-top: 88px;
    }

    .u-mt-x11-md-imp {
        margin-top: 88px !important;
    }

    .u-mt-x12-md {
        margin-top: 96px;
    }

    .u-mt-x12-md-imp {
        margin-top: 96px !important;
    }

    .u-mt-x13-md {
        margin-top: 104px;
    }

    .u-mt-x13-md-imp {
        margin-top: 104px !important;
    }

    .u-mt-x14-md {
        margin-top: 112px;
    }

    .u-mt-x14-md-imp {
        margin-top: 112px !important;
    }

    .u-mt-x15-md {
        margin-top: 120px;
    }

    .u-mt-x15-md-imp {
        margin-top: 120px !important;
    }

    .u-mt-x16-md {
        margin-top: 128px;
    }

    .u-mt-x16-md-imp {
        margin-top: 128px !important;
    }

    .u-mt-x17-md {
        margin-top: 136px;
    }

    .u-mt-x17-md-imp {
        margin-top: 136px !important;
    }

    .u-mt-x18-md {
        margin-top: 144px;
    }

    .u-mt-x18-md-imp {
        margin-top: 144px !important;
    }

    .u-mt-x19-md {
        margin-top: 152px;
    }

    .u-mt-x19-md-imp {
        margin-top: 152px !important;
    }

    .u-mt-x20-md {
        margin-top: 160px;
    }

    .u-mt-x20-md-imp {
        margin-top: 160px !important;
    }

    .u-mt-x21-md {
        margin-top: 168px;
    }

    .u-mt-x21-md-imp {
        margin-top: 168px !important;
    }

    .u-mt-x22-md {
        margin-top: 176px;
    }

    .u-mt-x22-md-imp {
        margin-top: 176px !important;
    }

    .u-mt-x23-md {
        margin-top: 184px;
    }

    .u-mt-x23-md-imp {
        margin-top: 184px !important;
    }

    .u-mt-x24-md {
        margin-top: 192px;
    }

    .u-mt-x24-md-imp {
        margin-top: 192px !important;
    }

    .u-mt-x25-md {
        margin-top: 200px;
    }

    .u-mt-x25-md-imp {
        margin-top: 200px !important;
    }

    .u-mt-x0_5-md {
        margin-top: 4px;
    }

    .u-mt-x0_5-md-imp {
        margin-top: 4px !important;
    }

    .u-mt-x1_5-md {
        margin-top: 12px;
    }

    .u-mt-x1_5-md-imp {
        margin-top: 12px !important;
    }

    .u-mt-x2_5-md {
        margin-top: 20px;
    }

    .u-mt-x2_5-md-imp {
        margin-top: 20px !important;
    }

    .u-mt-x3_5-md {
        margin-top: 28px;
    }

    .u-mt-x3_5-md-imp {
        margin-top: 28px !important;
    }

    .u-mt-x4_5-md {
        margin-top: 36px;
    }

    .u-mt-x4_5-md-imp {
        margin-top: 36px !important;
    }

    .u-mt-x5_5-md {
        margin-top: 44px;
    }

    .u-mt-x5_5-md-imp {
        margin-top: 44px !important;
    }

    .u-mt-x6_5-md {
        margin-top: 52px;
    }

    .u-mt-x6_5-md-imp {
        margin-top: 52px !important;
    }

    .u-mt-x7_5-md {
        margin-top: 60px;
    }

    .u-mt-x7_5-md-imp {
        margin-top: 60px !important;
    }

    .u-mt-x8_5-md {
        margin-top: 68px;
    }

    .u-mt-x8_5-md-imp {
        margin-top: 68px !important;
    }

    .u-mt-x9_5-md {
        margin-top: 76px;
    }

    .u-mt-x9_5-md-imp {
        margin-top: 76px !important;
    }

    .u-mt-x10_5-md {
        margin-top: 84px;
    }

    .u-mt-x10_5-md-imp {
        margin-top: 84px !important;
    }

    .u-mt-x11_5-md {
        margin-top: 92px;
    }

    .u-mt-x11_5-md-imp {
        margin-top: 92px !important;
    }

    .u-mt-x12_5-md {
        margin-top: 100px;
    }

    .u-mt-x12_5-md-imp {
        margin-top: 100px !important;
    }

    .u-mt-x13_5-md {
        margin-top: 108px;
    }

    .u-mt-x13_5-md-imp {
        margin-top: 108px !important;
    }

    .u-mt-x14_5-md {
        margin-top: 116px;
    }

    .u-mt-x14_5-md-imp {
        margin-top: 116px !important;
    }

    .u-mt-x15_5-md {
        margin-top: 124px;
    }

    .u-mt-x15_5-md-imp {
        margin-top: 124px !important;
    }

    .u-mt-x16_5-md {
        margin-top: 132px;
    }

    .u-mt-x16_5-md-imp {
        margin-top: 132px !important;
    }

    .u-mt-x17_5-md {
        margin-top: 140px;
    }

    .u-mt-x17_5-md-imp {
        margin-top: 140px !important;
    }

    .u-mt-x18_5-md {
        margin-top: 148px;
    }

    .u-mt-x18_5-md-imp {
        margin-top: 148px !important;
    }

    .u-mt-x19_5-md {
        margin-top: 156px;
    }

    .u-mt-x19_5-md-imp {
        margin-top: 156px !important;
    }

    .u-mt-x20_5-md {
        margin-top: 164px;
    }

    .u-mt-x20_5-md-imp {
        margin-top: 164px !important;
    }

    .u-mt-x21_5-md {
        margin-top: 172px;
    }

    .u-mt-x21_5-md-imp {
        margin-top: 172px !important;
    }

    .u-mt-x22_5-md {
        margin-top: 180px;
    }

    .u-mt-x22_5-md-imp {
        margin-top: 180px !important;
    }

    .u-mt-x23_5-md {
        margin-top: 188px;
    }

    .u-mt-x23_5-md-imp {
        margin-top: 188px !important;
    }

    .u-mt-x24_5-md {
        margin-top: 196px;
    }

    .u-mt-x24_5-md-imp {
        margin-top: 196px !important;
    }

    .u-mt-x25_5-md {
        margin-top: 204px;
    }

    .u-mt-x25_5-md-imp {
        margin-top: 204px !important;
    }

    .u-ml-1grid.l-gapXlarge-lg {
        margin-left: -12px;
    }

    .form-btn {
        display: none;
    }

    .support-step-section {
        width: 80%;
        margin: 50px auto;
    }

    .support-step {
        display: inline;
    }

    .sp-support-step-img {
        text-align: center;
    }

    .g-footerNav_pc_mgt-25 {
        margin-top: 0;
    }

    .g-footerNav_listItem+.g-footerNav_listItem.g-footerNav_sp_mgt-35 {
        margin-top: 35px;
    }

    .g-footerNav_parent-sub {
        padding: 8px 41px 8px 16px;
        color: #ffce71;
    }

    .g-footerNav_listItemLink {
        display: block;
        padding: 5px 0 5px 25px;
    }

    .icon-mic::before {
        top: 13px;
    }
}


.g-headerNav_list .g-headerNav_childList {
    /* left: 14%; */
}



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

    /* ナビ */
    .g-header {
        /* spメニューをスクロールするための追加 */
        position: fixed;
    }

    /* ナビ */
    .g-header:has(.g-headerSwitch_iconLink-hamburger.is-active) {
        /* spメニューをスクロールするための追加 */
        overflow-y: auto;
        height: 100%;
    }

    .update .c-update_p {
        float: left !important;
        margin-top: 5px;
    }

    .update .l-container-main.head2 {
        padding-bottom: 0;
    }

    .update .head1 .container-white-head {
        display: block;
        margin-top: 0;
    }

    .update .container-white-head {
        height: 175px;
    }
}





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

    /*! Small only */
    .c-breadcrumb_inner,
    .g-footer_inner,
    .l-section {
        max-width: calc(540px + (16px * 2));
        padding-right: 16px;
        padding-left: 16px;
    }

    .l-container-main {
        padding-top: 84px;
        padding-bottom: 200px;
    }

    .l-container-main::before {
        top: 0;
        width: 100%;
        height: 120vh;
        background-position: top center;
        background-size: 780px auto;
    }

    .l-container-feature {
        margin-top: -80px;
        padding-top: 24px;
        padding-bottom: 100px;
    }

    .l-container-nogutter {
        padding-right: 0;
        padding-left: 0;
    }

    .l-grid {
        margin-bottom: -24px;
    }

    .l-grid>.l-grid_item {
        margin-bottom: 24px;
    }

    .l-grid>.l-grid_item-1-sm {
        width: 8.3333333333%;
    }

    .l-grid>.l-grid_item-2-sm {
        width: 16.6666666667%;
    }

    .l-grid>.l-grid_item-3-sm {
        width: 25%;
    }

    .l-grid>.l-grid_item-4-sm {
        width: 33.3333333333%;
    }

    .l-grid>.l-grid_item-5-sm {
        width: 41.6666666667%;
    }

    .l-grid>.l-grid_item-6-sm {
        width: 50%;
    }

    .l-grid>.l-grid_item-7-sm {
        width: 58.3333333333%;
    }

    .l-grid>.l-grid_item-8-sm {
        width: 66.6666666667%;
    }

    .l-grid>.l-grid_item-9-sm {
        width: 75%;
    }

    .l-grid>.l-grid_item-10-sm {
        width: 83.3333333333%;
    }

    .l-grid>.l-grid_item-11-sm {
        width: 91.6666666667%;
    }

    .l-grid>.l-grid_item-12-sm {
        width: 100%;
    }

    .l-grid>.l-grid_item-1-1-sm {
        width: 100%;
    }

    .l-grid>.l-grid_item-1-2-sm {
        width: 50%;
    }

    .l-grid>.l-grid_item-2-2-sm {
        width: 100%;
    }

    .l-grid>.l-grid_item-1-3-sm {
        width: 33.3333333333%;
    }

    .l-grid>.l-grid_item-2-3-sm {
        width: 66.6666666667%;
    }

    .l-grid>.l-grid_item-3-3-sm {
        width: 100%;
    }

    .l-grid>.l-grid_item-1-4-sm {
        width: 25%;
    }

    .l-grid>.l-grid_item-2-4-sm {
        width: 50%;
    }

    .l-grid>.l-grid_item-3-4-sm {
        width: 75%;
    }

    .l-grid>.l-grid_item-4-4-sm {
        width: 100%;
    }

    .l-grid>.l-grid_item-1-5-sm {
        width: 20%;
    }

    .l-grid>.l-grid_item-2-5-sm {
        width: 40%;
    }

    .l-grid>.l-grid_item-3-5-sm {
        width: 60%;
    }

    .l-grid>.l-grid_item-4-5-sm {
        width: 80%;
    }

    .l-grid>.l-grid_item-5-5-sm {
        width: 100%;
    }

    .l-grid>.l-grid_item-1-6-sm {
        width: 16.6666666667%;
    }

    .l-grid>.l-grid_item-2-6-sm {
        width: 33.3333333333%;
    }

    .l-grid>.l-grid_item-3-6-sm {
        width: 50%;
    }

    .l-grid>.l-grid_item-4-6-sm {
        width: 66.6666666667%;
    }

    .l-grid>.l-grid_item-5-6-sm {
        width: 83.3333333333%;
    }

    .l-grid>.l-grid_item-6-6-sm {
        width: 100%;
    }

    .l-grid>.l-grid_item-1-7-sm {
        width: 14.2857142857%;
    }

    .l-grid>.l-grid_item-2-7-sm {
        width: 28.5714285714%;
    }

    .l-grid>.l-grid_item-3-7-sm {
        width: 42.8571428571%;
    }

    .l-grid>.l-grid_item-4-7-sm {
        width: 57.1428571429%;
    }

    .l-grid>.l-grid_item-5-7-sm {
        width: 71.4285714286%;
    }

    .l-grid>.l-grid_item-6-7-sm {
        width: 85.7142857143%;
    }

    .l-grid>.l-grid_item-7-7-sm {
        width: 100%;
    }

    .l-grid>.l-grid_item-1-8-sm {
        width: 12.5%;
    }

    .l-grid>.l-grid_item-2-8-sm {
        width: 25%;
    }

    .l-grid>.l-grid_item-3-8-sm {
        width: 37.5%;
    }

    .l-grid>.l-grid_item-4-8-sm {
        width: 50%;
    }

    .l-grid>.l-grid_item-5-8-sm {
        width: 62.5%;
    }

    .l-grid>.l-grid_item-6-8-sm {
        width: 75%;
    }

    .l-grid>.l-grid_item-7-8-sm {
        width: 87.5%;
    }

    .l-grid>.l-grid_item-8-8-sm {
        width: 100%;
    }

    .l-grid>.l-grid_item-1-9-sm {
        width: 11.1111111111%;
    }

    .l-grid>.l-grid_item-2-9-sm {
        width: 22.2222222222%;
    }

    .l-grid>.l-grid_item-3-9-sm {
        width: 33.3333333333%;
    }

    .l-grid>.l-grid_item-4-9-sm {
        width: 44.4444444444%;
    }

    .l-grid>.l-grid_item-5-9-sm {
        width: 55.5555555556%;
    }

    .l-grid>.l-grid_item-6-9-sm {
        width: 66.6666666667%;
    }

    .l-grid>.l-grid_item-7-9-sm {
        width: 77.7777777778%;
    }

    .l-grid>.l-grid_item-8-9-sm {
        width: 88.8888888889%;
    }

    .l-grid>.l-grid_item-9-9-sm {
        width: 100%;
    }

    .l-grid>.l-grid_item-1-10-sm {
        width: 10%;
    }

    .l-grid>.l-grid_item-2-10-sm {
        width: 20%;
    }

    .l-grid>.l-grid_item-3-10-sm {
        width: 30%;
    }

    .l-grid>.l-grid_item-4-10-sm {
        width: 40%;
    }

    .l-grid>.l-grid_item-5-10-sm {
        width: 50%;
    }

    .l-grid>.l-grid_item-6-10-sm {
        width: 60%;
    }

    .l-grid>.l-grid_item-7-10-sm {
        width: 70%;
    }

    .l-grid>.l-grid_item-8-10-sm {
        width: 80%;
    }

    .l-grid>.l-grid_item-9-10-sm {
        width: 90%;
    }

    .l-grid>.l-grid_item-10-10-sm {
        width: 100%;
    }

    .l-grid>.l-grid_item-1-11-sm {
        width: 9.0909090909%;
    }

    .l-grid>.l-grid_item-2-11-sm {
        width: 18.1818181818%;
    }

    .l-grid>.l-grid_item-3-11-sm {
        width: 27.2727272727%;
    }

    .l-grid>.l-grid_item-4-11-sm {
        width: 36.3636363636%;
    }

    .l-grid>.l-grid_item-5-11-sm {
        width: 45.4545454545%;
    }

    .l-grid>.l-grid_item-6-11-sm {
        width: 54.5454545455%;
    }

    .l-grid>.l-grid_item-7-11-sm {
        width: 63.6363636364%;
    }

    .l-grid>.l-grid_item-8-11-sm {
        width: 72.7272727273%;
    }

    .l-grid>.l-grid_item-9-11-sm {
        width: 81.8181818182%;
    }

    .l-grid>.l-grid_item-10-11-sm {
        width: 90.9090909091%;
    }

    .l-grid>.l-grid_item-11-11-sm {
        width: 100%;
    }

    .l-grid>.l-grid_item-1-12-sm {
        width: 8.3333333333%;
    }

    .l-grid>.l-grid_item-2-12-sm {
        width: 16.6666666667%;
    }

    .l-grid>.l-grid_item-3-12-sm {
        width: 25%;
    }

    .l-grid>.l-grid_item-4-12-sm {
        width: 33.3333333333%;
    }

    .l-grid>.l-grid_item-5-12-sm {
        width: 41.6666666667%;
    }

    .l-grid>.l-grid_item-6-12-sm {
        width: 50%;
    }

    .l-grid>.l-grid_item-7-12-sm {
        width: 58.3333333333%;
    }

    .l-grid>.l-grid_item-8-12-sm {
        width: 66.6666666667%;
    }

    .l-grid>.l-grid_item-9-12-sm {
        width: 75%;
    }

    .l-grid>.l-grid_item-10-12-sm {
        width: 83.3333333333%;
    }

    .l-grid>.l-grid_item-11-12-sm {
        width: 91.6666666667%;
    }

    .l-grid>.l-grid_item-12-12-sm {
        width: 100%;
    }

    .l-grid-center-sm {
        justify-content: center;
    }

    .l-grid-yCenter-sm {
        align-items: center;
    }

    .l-grid-spaceBetween-sm {
        justify-content: space-between;
    }

    .l-grid>.l-grid_item-5per-sm {
        width: 5%;
    }

    .l-grid>.l-grid_item-10per-sm {
        width: 10%;
    }

    .l-grid>.l-grid_item-15per-sm {
        width: 15%;
    }

    .l-grid>.l-grid_item-20per-sm {
        width: 20%;
    }

    .l-grid>.l-grid_item-25per-sm {
        width: 25%;
    }

    .l-grid>.l-grid_item-30per-sm {
        width: 30%;
    }

    .l-grid>.l-grid_item-35per-sm {
        width: 35%;
    }

    .l-grid>.l-grid_item-40per-sm {
        width: 40%;
    }

    .l-grid>.l-grid_item-45per-sm {
        width: 45%;
    }

    .l-grid>.l-grid_item-50per-sm {
        width: 50%;
    }

    .l-grid>.l-grid_item-55per-sm {
        width: 55%;
    }

    .l-grid>.l-grid_item-60per-sm {
        width: 60%;
    }

    .l-grid>.l-grid_item-65per-sm {
        width: 65%;
    }

    .l-grid>.l-grid_item-70per-sm {
        width: 70%;
    }

    .l-grid>.l-grid_item-75per-sm {
        width: 75%;
    }

    .l-grid>.l-grid_item-80per-sm {
        width: 80%;
    }

    .l-grid>.l-grid_item-85per-sm {
        width: 85%;
    }

    .l-grid>.l-grid_item-90per-sm {
        width: 90%;
    }

    .l-grid>.l-grid_item-95per-sm {
        width: 95%;
    }

    .l-grid>.l-grid_item-100per-sm {
        width: 100%;
    }

    .l-grid-hreverse-sm {
        flex-direction: row-reverse;
    }

    .l-grid-vreverse-sm {
        flex-direction: column-reverse;
    }

    .l-gridFeature+.l-gridFeature {
        margin-top: 110px;
    }

    .l-gridFeature {
        grid-template-areas: "title" "text" "image" "list";
        -ms-grid-columns: 100%;
        grid-template-columns: 100%;
    }

    .l-gridFeature-imgTextSeverse-sm {
        grid-template-areas: "title" "image" "text" "list";
    }

    .l-gridFeature .c-carousel,
    .l-gridFeature .c-img,
    .l-gridFeature .c-movie {
        margin-top: 24px;
    }

    .l-gridFeature .c-carousel {
        margin-top: 32px;
        -ms-grid-row-span: 1;
        grid-row-end: 4;
        -ms-grid-row: 3;
        grid-row-start: 3;
    }

    .l-gridFeature-1col-method {
        grid-template-areas: "title" "text" "image" "list";
    }

    .l-gridFeature-1col-method>.l-gridFeature_image {
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
    }

    .l-gridFeature-1col-method>.c-carousel,
    .l-gridFeature-1col-method>.c-img,
    .l-gridFeature-1col-method>.c-movie {
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
    }

    .l-gridFeature-1col-method>.c-headingLv2 {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }

    .l-gridFeature-1col-method>.c-paragraph {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
    }

    .l-gridFeature-1col-method>.c-note,
    .l-gridFeature-1col-method>.l-line {
        -ms-grid-row: 4;
        -ms-grid-column: 1;
    }

    .l-gridFeature-5-6 {
        grid-template-areas: "title" "text" "image" "list";
    }

    .l-gridFeature-5-6>.l-gridFeature_image {
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
    }

    .l-gridFeature-5-6>.c-carousel,
    .l-gridFeature-5-6>.c-img,
    .l-gridFeature-5-6>.c-movie {
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
    }

    .l-gridFeature-5-6>.c-headingLv2 {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }

    .l-gridFeature-5-6>.c-paragraph {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
    }

    .l-gridFeature-5-6>.c-note,
    .l-gridFeature-5-6>.l-line {
        -ms-grid-row: 4;
        -ms-grid-column: 1;
    }

    .l-gridFeature-5-6>.c-headingLv2 {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }

    .l-gridFeature-5-6>.c-paragraph {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
    }

    .l-gridFeature-5-6>.c-note,
    .l-gridFeature-5-6>.l-line {
        -ms-grid-row: 4;
        -ms-grid-column: 1;
    }

    .l-gridFeature-reverse {
        grid-template-areas: "title" "image" "text" "list";
    }

    .l-gridFeature-reverse>.l-gridFeature_image {
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
    }

    .l-gridFeature-reverse>.c-carousel,
    .l-gridFeature-reverse>.c-img,
    .l-gridFeature-reverse>.c-movie {
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
    }

    .l-gridFeature-reverse>.c-headingLv2 {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }

    .l-gridFeature-reverse>.c-paragraph {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
    }

    .l-gridFeature-reverse>.c-note,
    .l-gridFeature-reverse>.l-line {
        -ms-grid-row: 4;
        -ms-grid-column: 1;
    }

    .l-gridFeature-reverse>.c-headingLv2 {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }

    .l-gridFeature-reverse>.c-paragraph {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
    }

    .l-gridFeature-reverse>.c-note,
    .l-gridFeature-reverse>.l-line {
        -ms-grid-row: 4;
        -ms-grid-column: 1;
    }

    .l-gridFeature-slide {
        grid-template-areas: "title" "text" "image" "list";
    }

    .l-gridFeature-slide>.l-gridFeature_image {
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
    }

    .l-gridFeature-slide>.c-carousel,
    .l-gridFeature-slide>.c-img,
    .l-gridFeature-slide>.c-movie {
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
    }

    .l-gridFeature-slide>.c-headingLv2 {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }

    .l-gridFeature-slide>.c-paragraph {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
    }

    .l-gridFeature-slide>.c-note,
    .l-gridFeature-slide>.l-line {
        -ms-grid-row: 4;
        -ms-grid-column: 1;
    }

    .l-gridFeature-slide>.c-headingLv2 {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }

    .l-gridFeature-slide>.c-paragraph {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
    }

    .l-gridFeature-slide>.c-note,
    .l-gridFeature-slide>.l-line {
        -ms-grid-row: 4;
        -ms-grid-column: 1;
    }

    .l-tile-1-sm>.l-tile_item {
        width: 100%;
    }

    .l-tile-2-sm>.l-tile_item {
        width: 50%;
    }

    .l-tile-3-sm>.l-tile_item {
        width: 33.3333333333%;
    }

    .l-tile-4-sm>.l-tile_item {
        width: 25%;
    }

    .l-tile-5-sm>.l-tile_item {
        width: 20%;
    }

    .l-tile-6-sm>.l-tile_item {
        width: 16.6666666667%;
    }

    .l-tile-7-sm>.l-tile_item {
        width: 14.2857142857%;
    }

    .l-tile-8-sm>.l-tile_item {
        width: 12.5%;
    }

    .l-tile-9-sm>.l-tile_item {
        width: 11.1111111111%;
    }

    .l-tile-10-sm>.l-tile_item {
        width: 10%;
    }

    .l-line-1col-sm {
        flex-direction: column;
    }

    .l-gapLarge-sm {
        margin-right: -20px;
        margin-bottom: -40px;
        margin-left: -20px;
    }

    .l-gapLarge-sm>[class*="item"] {
        margin-bottom: 40px;
        padding-right: 20px;
        padding-left: 20px;
    }

    .l-gapMedium-sm {
        margin-right: -16px;
        margin-bottom: -32px;
        margin-left: -16px;
    }

    .l-gapMedium-sm>[class*="item"] {
        margin-bottom: 32px;
        padding-right: 16px;
        padding-left: 16px;
    }

    .l-gapSmall-sm {
        margin-right: -6px;
        margin-bottom: -12px;
        margin-left: -6px;
    }

    .l-gapSmall-sm>[class*="item"] {
        margin-bottom: 12px;
        padding-right: 6px;
        padding-left: 6px;
    }

    .l-gapOne-sm {
        margin-right: -0.5px;
        margin-bottom: -1px;
        margin-left: -0.5px;
    }

    .l-gapOne-sm>[class*="item"] {
        margin-bottom: 1px;
        padding-right: 0.5px;
        padding-left: 0.5px;
    }

    .l-gapNone-sm {
        margin-right: 0;
        margin-bottom: 0;
        margin-left: 0;
    }

    .l-gapNone-sm>[class*="item"] {
        margin-bottom: 0;
        padding-right: 0;
        padding-left: 0;
    }

    /* ナビ */
    .c-btn-medium {
        font-size: 20px;
    }

    .c-btn_smallLabel {
        font-size: 14px;
        margin-top: 0;
    }

    /* ナビ */
    .c-btn-large {
        font-size: 22px;
        padding: 18px 19px;
        box-shadow: 0 3px 0 #d35710;
    }

    .c-accordion_title {
        font-size: 18px;
    }

    .c-accordion_title {
        padding: 16px;
        padding-right: calc(32px + 1.5em);
    }

    .c-accordion_title .i-area-right {
        right: 16px;
    }

    .c-headingBorder {
        padding: 0;
    }

    .c-headingBorder::after {
        height: 3px;
        background-image: linear-gradient(to right,
                #1f2a46 5px,
                transparent 5px,
                transparent 10px);
        background-size: 10px 3px;
    }

    .c-headingLv1-simple {
        font-size: 26px;
        margin-top: 16px;
    }

    .c-headingLv2 {
        font-size: 24px;
    }

    .c-headingLv2-WithEn .c-headingLv2_text {
        font-size: 32px;
        top: -32px;
    }

    .c-headingLv2-numberedTitle,
    .c-headingLv2-numberedTitle:first-child {
        margin-top: 0;
    }

    .c-headingLv2-numberedTagTitle .c-headingLv2_num {
        font-size: 76px;
        top: -78px;
    }

    .c-headingLv2-numberedTagTitle .c-headingLv2_tag {
        top: -38px;
        left: 107px;
    }

    .c-headingLv3-deco {
        font-size: 16px;
        margin-top: 120px;
    }

    .c-headingLv3-deco>span::after,
    .c-headingLv3-deco>span::before {
        width: 30px;
        height: 63px;
    }

    .c-headingLv3-deco>span::before {
        margin-right: 19px;
    }

    .c-headingLv3-deco>span::after {
        margin-left: 19px;
    }

    .c-headingLv3_largeText {
        font-size: 28px;
    }

    .c-lead {
        text-align: left;
    }

    .c-emphasisTextLarge {
        font-size: 18px;
    }

    .c-emphasisTextLarge-thin {
        font-size: 16px;

        display: block;
        width: 100%;
    }

    .c-emphasisTextLarge-thin span::after,
    .c-emphasisTextLarge-thin span::before {
        width: 15px;
        height: 32px;
    }

    .c-emphasisTextLarge-thin span::before {
        margin-right: 8px;
    }

    .c-emphasisTextLarge-thin span::after {
        margin-left: 8px;
    }

    .c-emphasisTextLarge.deco01 span::after,
    .c-emphasisTextLarge.deco01 span::before {
        width: 15px;
        height: 32px;
    }

    .c-emphasisTextLarge.deco01 span::after {
        margin-left: 8px;
    }

    .c-emphasisTextLarge.deco01 span::before {
        margin-right: 8px;
    }

    .c-note {
        font-size: 12px;
    }

    .c-table {
        display: block;
        margin-top: 0;
    }

    .c-table_content td,
    .c-table_content th {
        display: block;
        width: 100%;
        padding: 0;
    }

    .c-table_content td {
        padding-top: 8px;
        padding-bottom: 16px;
        border-top: 0;
    }

    .c-table_content th {
        padding-top: 16px;
    }

    .c-table .c-table_headCell,
    .c-table_head td,
    .c-table_head th {
        display: block;
        width: 100%;
    }

    .c-imgTitle>img {
        height: 48px;
    }

    .c-cardHowtouse_item {
        flex-direction: column-reverse;
        flex-wrap: wrap;
    }

    .c-cardHowtouse_item+.c-cardHowtouse_item {
        margin-top: 40px;
    }

    .c-cardHowtouse_item .c-img {
        width: 100%;
        padding-right: 0;
    }

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

    .c-cardHowtouse_title {
        font-size: 20px;
        margin-top: 18px;
        -ms-grid-row: 2;
        grid-row-start: 2;
    }

    .c-cardHowtouse_text {
        font-size: 16px;
        line-height: 1.75;
        margin-top: 8px;
        -ms-grid-row: 3;
        grid-row-start: 3;
    }

    .c-cardHowtouse_num {
        font-size: 26px;
        margin-right: 16px;
    }

    .c-cardHowtouse-large {
        padding: 80px 32px 32px;
    }

    .c-cardHowtouse-large::before {
        top: -42px;
    }

    .c-cardHowtouse-large .c-cardHowtouse_icon {
        top: -30px;
    }

    .c-cardHowtouse-large .c-cardHowtouse_icon>img {
        width: 50px;
    }

    .c-cardHowtouse-large {
        margin-top: 120px;
    }

    .c-cardHowtouse-large .c-cardHowtouse_name {
        width: 64px;
    }

    ul.c-cardHowtouse_list .c-cardHowtouse_listItem {
        font-size: 14px;
    }

    .c-cardHowtouse-small {
        padding: 83px 24px 16px 24px;
    }

    .c-news_item {
        margin-top: 40px;
        padding: 0;
        -ms-grid-columns: 1fr auto;
        grid-template-columns: 1fr auto;
    }

    .c-news .c-tag {
        margin-right: 0;
    }

    .c-carousel {
        width: calc(100% + 32px);
        margin-right: -16px;
        margin-left: -16px;
    }

    /* ナビ */
    .g-header_root {
        height: 60px;
        padding-right: 0;
        padding-left: 0;
    }

    /* ナビ */
    .g-headerMenu_inner {
        padding-top: 60px;
    }

    /* ナビ */
    .g-headerMenu_root {
        padding-right: 16px;
        padding-left: 16px;
    }

    /* ナビ */
    .g-headerButton {
        padding: 15px 15px 0;
        justify-content: center;
    }

    /* ナビ */
    .g-header_root>.g-headerButton {
        display: none;
    }

    .c-breadcrumb {
        padding-top: 11px;
        padding-bottom: 12px;
    }

    .c-pageTop {
        display: none;
    }

    .g-footer_inner {
        width: 100%;
        padding-right: 0;
        padding-left: 0;
    }

    .g-footerNav {
        padding-bottom: 0;
    }

    .g-footerNav .l-tile {
        margin: 0;
    }

    .g-footerSubNav {
        display: block;
        margin-top: 0;
        margin-bottom: 0;
        padding: 32px;
    }

    .g-footerSubNavSns {
        justify-content: center;
    }

    .g-footer_separator {
        padding-bottom: 60px;
    }

    .c-contact .l-section {
        top: 0;
        padding-top: 24px;
    }

    .c-contact_box {
        padding: 24px 24px 32px;
    }

    .c-contact_text {
        font-size: 16px;
        text-align: left;
    }

    .c-utility {
        position: fixed;
        z-index: 150;
        bottom: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 60px;
        background-color: #fff;
    }

    .p-homework-containerFeature {
        padding-bottom: 70px;
    }

    .p-homework-containerHowtouse {
        padding-top: 50px;
    }

    .p-index-description {
        width: 100%;
        margin-top: 8px;
    }

    .p-index-description_heading,
    .p-index-description_text {
        font-size: 14px;
        text-align: center;
    }

    .p-index-description_heading {
        width: 29.6%;
    }

    .p-index-description_text {
        width: 70.3%;
    }

    .p-index-mainVi {
        padding-bottom: 91px;
    }

    .p-index-mainVi_select {
        top: auto;
        bottom: 0;
        width: 43.1%;
        justify-content: flex-end;
    }

    .p-index-mainVi .p-index-mainVi_fukidashi {
        width: 65%;
    }

    .p-index-mainVi_img {
        width: 72.6%;
    }

    .p-index-mainVi_link {
        position: static;
        display: block;
        width: 100%;
    }

    .p-index-mainVi .p-index-mainVi_btn {
        display: none;
    }

    .p-index-mainVi_catch {
        max-width: 148px;
        margin-top: 24px;
    }

    .p-index-mainVi_drill {
        position: absolute;
        right: 0;
        bottom: 47px;
        width: 45.9%;
        margin-top: 0;
    }

    .c-img.p-index-mainViBtn {
        display: block;
        width: 220px;
        height: 220px;
        margin-top: 48px;
        margin-right: auto;
        margin-left: auto;
    }

    .p-index-fukidashi {
        top: -40%;
    }

    .p-index-method {
        margin-bottom: -32px;
    }

    .p-index-method>.p-index-method_item {
        margin-bottom: 32px;
    }

    .l-container.p-index-containerMain::before {
        top: -1%;
        width: 100%;
        background-image: url(/drill-planet/assets/img/decorating/bg-index-kv-sp.png);
        background-position: top center;
        background-size: 780px auto;
    }

    .l-container.p-index-containerMain {
        padding-top: 84px;
        padding-bottom: 200px;
    }

    .l-container.p-index-containerFeature {
        margin-top: -80px;
        padding-top: 0;
        padding-bottom: 100px;
    }

    .l-container.p-index-containerHowtouse {
        padding-top: 24px;
        padding-bottom: 100px;
    }

    .l-container.p-index-containerService {
        padding-top: 292px;
        padding-bottom: 100px;
    }

    .l-container.p-index-containerFlow {
        padding-bottom: 0;
    }

    .l-container.p-index-containerFaq {
        padding-top: 350px;
    }

    .p-index-howtouse {
        margin-top: 24px;
        padding: 8px;
    }

    .p-index-howtouse .c-cardHowtouse {
        padding-bottom: 16px;
    }

    .p-index-howtouse_title {
        flex-wrap: wrap;
    }

    .p-index-howtouse_titleNum {
        font-size: 40px;
        margin-right: 0;
    }

    .p-index-howtouse_titleText {
        font-size: 32px;
        width: 100%;
        text-align: center;
    }

    .p-index-howtouse_title:not(:first-child) {
        padding-top: 16px;
    }

    .p-index-howtouse_title:not(:first-child)::before {
        width: calc(100% + 16px);
        margin-top: 8px;
        padding-top: 8px;
    }

    .p-index-howtouse_text {
        font-size: 18px;
    }

    .p-index-howtouse_grid {
        margin-bottom: -110px;
    }

    .p-index-howtouse_grid .l-grid_item {
        margin-bottom: 110px;
    }

    .p-index-howtouse_grid .l-grid_item:nth-child(1)::after {
        top: auto;
        right: 0;
        bottom: -48px;
        left: 0;
        margin: 0 auto;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .p-index-howtouse .c-cardHowtouse_list {
        margin-top: 16px;
    }

    .p-index-howtouse_img>img {
        height: 144px;
    }

    .p-index-slogan {
        top: 0;
        max-width: 273px;
    }

    .p-index-faqImg {
        max-width: 312px;
    }

    .p-index-overview_content {
        padding: 16px 24px 24px;
    }

    .p-index-overview_contentSmall {
        padding-right: 0;
        padding-left: 0;
        margin-top: 0;
    }

    .p-index-overview_contentSmall .l-grid,
    .p-index-overview_contentSmall .l-grid_item {
        margin-bottom: 0;
    }

    .p-index-overview_img-small {
        display: block;
        width: 48%;
        height: auto;
        margin-right: auto;
        margin-left: auto;
    }

    .p-index-overview_img-small>img {
        width: 100%;
        height: auto;
    }

    .p-index-overview_img {
        height: auto;
    }

    .p-index-overview_img>img {
        width: 100%;
        height: auto;
    }

    .p-index-overview_largeText {
        font-size: 18px;
    }

    .p-index-overview_price {
        font-size: 14px;
        min-height: auto;
        margin-top: 16px;
        padding: 8px;
    }

    .p-index-overview_priceTextLarge {
        font-size: 18px;
    }

    .p-index-stepBox {
        display: -ms-grid;
        display: grid;
        padding: 24px 0;
        -ms-grid-columns: 126px 1fr;
        grid-template-columns: 126px 1fr;
    }

    .p-index-stepBox_step {
        margin-right: 3px;
        -ms-grid-row-align: center;
        align-self: center;
        flex-wrap: wrap;
        -ms-grid-column: 1;
        grid-column-start: 1;
        -ms-grid-row-span: 3;
        grid-row-end: 4;
        -ms-grid-row: 1;
        grid-row-start: 1;
        justify-content: center;
    }

    .p-index-stepBox_stepText {
        display: block;
        width: 100%;
        text-align: center;
        -ms-grid-column: 2;
        grid-column-start: 2;
    }

    .p-index-stepBox_tag {
        margin-top: 8px;
        margin-right: auto;
        flex-shrink: 0;
    }

    .p-index-stepBox_note,
    .p-index-stepBox_text,
    .p-index-stepBox_title {
        padding-right: 16px;
    }

    .p-index-stepBox_title {
        font-size: 20px;
        margin-top: 0;
        text-align: left;
        -ms-grid-column: 2;
        grid-column-start: 2;
    }

    .p-index-stepBox_note {
        -ms-grid-column: 2;
        grid-column-start: 2;
    }

    .p-learning-containerFeature {
        padding-bottom: 70px;
    }

    .p-learning-containerHowtouse {
        padding-top: 50px;
    }

    .p-learning-containerHowtouse:last-child {
        padding-bottom: 64px;
    }

    .l-gridFeature_image {
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
    }

    .l-gridFeature-imgTextSeverse-sm>.l-gridFeature_image {
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
    }

    .l-gridFeature .c-carousel,
    .l-gridFeature .c-img,
    .l-gridFeature .c-movie {
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
    }

    .l-gridFeature-imgTextSeverse-sm>.c-carousel,
    .l-gridFeature-imgTextSeverse-sm>.c-img,
    .l-gridFeature-imgTextSeverse-sm>.c-movie {
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
    }

    .l-gridFeature .c-headingLv2 {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }

    .l-gridFeature-imgTextSeverse-sm>.c-headingLv2 {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }

    .l-gridFeature .c-paragraph {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
    }

    .l-gridFeature-imgTextSeverse-sm>.c-paragraph {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
    }

    .l-gridFeature .c-note,
    .l-gridFeature .l-line {
        -ms-grid-row: 4;
        -ms-grid-column: 1;
    }

    .l-gridFeature-imgTextSeverse-sm>.c-note,
    .l-gridFeature-imgTextSeverse-sm>.l-line {
        -ms-grid-row: 4;
        -ms-grid-column: 1;
    }

    .l-gridFeature-1col .c-headingLv2 {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }

    .l-gridFeature-imgTextSeverse-sm>.c-headingLv2 {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }

    .l-gridFeature-1col-method>.c-headingLv2 {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }

    .l-gridFeature-1col .c-paragraph {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
    }

    .l-gridFeature-imgTextSeverse-sm>.c-paragraph {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
    }

    .l-gridFeature-1col-method>.c-paragraph {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
    }

    .l-gridFeature-1col .c-note,
    .l-gridFeature-1col .l-line {
        -ms-grid-row: 4;
        -ms-grid-column: 1;
    }

    .l-gridFeature-imgTextSeverse-sm>.c-note,
    .l-gridFeature-imgTextSeverse-sm>.l-line {
        -ms-grid-row: 4;
        -ms-grid-column: 1;
    }

    .l-gridFeature-1col-method>.c-note,
    .l-gridFeature-1col-method>.l-line {
        -ms-grid-row: 4;
        -ms-grid-column: 1;
    }

    .c-news_text {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
    }

    .l-gridFeature-imgTextSeverse-sm>.c-news_text {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
    }

    .l-gridFeature-1col-method>.c-news_text {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
    }

    .l-gridFeature-5-6>.c-news_text {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
    }

    .l-gridFeature-reverse>.c-news_text {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
    }

    .l-gridFeature-slide>.c-news_text {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
    }

    .p-index-method {
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
    }

    .l-gridFeature-imgTextSeverse-sm>.p-index-method {
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
    }

    .l-gridFeature-1col-method>.p-index-method {
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
    }

    .l-gridFeature-5-6>.p-index-method {
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
    }

    .l-gridFeature-reverse>.p-index-method {
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
    }

    .l-gridFeature-slide>.p-index-method {
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
    }

    .p-learning-anchor {
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
    }

    .l-gridFeature-imgTextSeverse-sm>.p-learning-anchor {
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
    }

    .l-gridFeature-1col-method>.p-learning-anchor {
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
    }

    .l-gridFeature-5-6>.p-learning-anchor {
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
    }

    .l-gridFeature-reverse>.p-learning-anchor {
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
    }

    .l-gridFeature-slide>.p-learning-anchor {
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
    }

    .p-learning-menu {
        margin-top: 32px;
    }

    .p-learning-menu_item {
        padding: 16px 34px 34px;
    }

    .p-learning-menu_item+.p-learning-menu_item {
        margin-top: 40px;
    }

    .p-learning-menu_head {
        display: block;
    }

    .p-learning-menu_title {
        font-size: 32px;
        width: 100%;
        margin-right: 0;
        text-align: center;
    }

    .p-learning-menu_catch {
        font-size: 18px;
        display: block;
        text-align: center;
    }

    .p-learning-menu_catch::before {
        width: 100%;
        height: 2px;
        margin: 8px 0 16px;
        background-image: linear-gradient(to right,
                #c5cddb 3px,
                transparent 3px,
                transparent 8px);
        background-repeat: space;
        background-position: bottom;
        background-size: 8px 2px;
    }

    .p-learning-menu_tag+.c-img {
        margin-top: 16px;
    }

    .p-learning-menu .l-grid {
        margin-bottom: 0;
    }

    .p-learning-menu .l-grid_item {
        margin-top: 0;
        margin-bottom: 0;
    }

    .p-learning-fukidashi {
        margin-left: -100px;
    }

    .u-box {
        margin-top: 32px;
        padding: 24px;
    }

    .u-ta-center-sm {
        text-align: center;
    }

    .u-ta-center-sm-imp {
        text-align: center !important;
    }

    .u-ta-left-sm {
        text-align: left;
    }

    .u-ta-left-sm-imp {
        text-align: left !important;
    }

    .u-ta-right-sm {
        text-align: right;
    }

    .u-ta-right-sm-imp {
        text-align: right !important;
    }

    .u-va-top-sm {
        vertical-align: top;
    }

    .u-va-top-sm-imp {
        vertical-align: top !important;
    }

    .u-va-middle-sm {
        vertical-align: middle;
    }

    .u-va-middle-sm-imp {
        vertical-align: middle !important;
    }

    .u-va-bottom-sm {
        vertical-align: bottom;
    }

    .u-va-bottom-sm-imp {
        vertical-align: bottom !important;
    }

    .u-ls-0-sm {
        letter-spacing: 0 !important;
    }

    .u-dsp-pc {
        display: none;
    }

    .u-dsp-sp {
        display: block;
    }

    .u-mt-x0-sm {
        margin-top: 0;
    }

    .u-mt-x0-sm-imp {
        margin-top: 0 !important;
    }

    .u-mt-x1-sm {
        margin-top: 8px;
    }

    .u-mt-x1-sm-imp {
        margin-top: 8px !important;
    }

    .u-mt-x2-sm {
        margin-top: 16px;
    }

    .u-mt-x2-sm-imp {
        margin-top: 16px !important;
    }

    .u-mt-x3-sm {
        margin-top: 24px;
    }

    .u-mt-x3-sm-imp {
        margin-top: 24px !important;
    }

    .u-mt-x4-sm {
        margin-top: 32px;
    }

    .u-mt-x4-sm-imp {
        margin-top: 32px !important;
    }

    .u-mt-x5-sm {
        margin-top: 40px;
    }

    .u-mt-x5-sm-imp {
        margin-top: 40px !important;
    }

    .u-mt-x6-sm {
        margin-top: 48px;
    }

    .u-mt-x6-sm-imp {
        margin-top: 48px !important;
    }

    .u-mt-x7-sm {
        margin-top: 56px;
    }

    .u-mt-x7-sm-imp {
        margin-top: 56px !important;
    }

    .u-mt-x8-sm {
        margin-top: 64px;
    }

    .u-mt-x8-sm-imp {
        margin-top: 64px !important;
    }

    .u-mt-x9-sm {
        margin-top: 72px;
    }

    .u-mt-x9-sm-imp {
        margin-top: 72px !important;
    }

    .u-mt-x10-sm {
        margin-top: 80px;
    }

    .u-mt-x10-sm-imp {
        margin-top: 80px !important;
    }

    .u-mt-x11-sm {
        margin-top: 88px;
    }

    .u-mt-x11-sm-imp {
        margin-top: 88px !important;
    }

    .u-mt-x12-sm {
        margin-top: 96px;
    }

    .u-mt-x12-sm-imp {
        margin-top: 96px !important;
    }

    .u-mt-x13-sm {
        margin-top: 104px;
    }

    .u-mt-x13-sm-imp {
        margin-top: 104px !important;
    }

    .u-mt-x14-sm {
        margin-top: 112px;
    }

    .u-mt-x14-sm-imp {
        margin-top: 112px !important;
    }

    .u-mt-x15-sm {
        margin-top: 120px;
    }

    .u-mt-x15-sm-imp {
        margin-top: 120px !important;
    }

    .u-mt-x16-sm {
        margin-top: 128px;
    }

    .u-mt-x16-sm-imp {
        margin-top: 128px !important;
    }

    .u-mt-x17-sm {
        margin-top: 136px;
    }

    .u-mt-x17-sm-imp {
        margin-top: 136px !important;
    }

    .u-mt-x18-sm {
        margin-top: 144px;
    }

    .u-mt-x18-sm-imp {
        margin-top: 144px !important;
    }

    .u-mt-x19-sm {
        margin-top: 152px;
    }

    .u-mt-x19-sm-imp {
        margin-top: 152px !important;
    }

    .u-mt-x20-sm {
        margin-top: 160px;
    }

    .u-mt-x20-sm-imp {
        margin-top: 160px !important;
    }

    .u-mt-x21-sm {
        margin-top: 168px;
    }

    .u-mt-x21-sm-imp {
        margin-top: 168px !important;
    }

    .u-mt-x22-sm {
        margin-top: 176px;
    }

    .u-mt-x22-sm-imp {
        margin-top: 176px !important;
    }

    .u-mt-x23-sm {
        margin-top: 184px;
    }

    .u-mt-x23-sm-imp {
        margin-top: 184px !important;
    }

    .u-mt-x24-sm {
        margin-top: 192px;
    }

    .u-mt-x24-sm-imp {
        margin-top: 192px !important;
    }

    .u-mt-x25-sm {
        margin-top: 200px;
    }

    .u-mt-x25-sm-imp {
        margin-top: 200px !important;
    }

    .u-mt-x0_5-sm {
        margin-top: 4px;
    }

    .u-mt-x0_5-sm-imp {
        margin-top: 4px !important;
    }

    .u-mt-x1_5-sm {
        margin-top: 12px;
    }

    .u-mt-x1_5-sm-imp {
        margin-top: 12px !important;
    }

    .u-mt-x2_5-sm {
        margin-top: 20px;
    }

    .u-mt-x2_5-sm-imp {
        margin-top: 20px !important;
    }

    .u-mt-x3_5-sm {
        margin-top: 28px;
    }

    .u-mt-x3_5-sm-imp {
        margin-top: 28px !important;
    }

    .u-mt-x4_5-sm {
        margin-top: 36px;
    }

    .u-mt-x4_5-sm-imp {
        margin-top: 36px !important;
    }

    .u-mt-x5_5-sm {
        margin-top: 44px;
    }

    .u-mt-x5_5-sm-imp {
        margin-top: 44px !important;
    }

    .u-mt-x6_5-sm {
        margin-top: 52px;
    }

    .u-mt-x6_5-sm-imp {
        margin-top: 52px !important;
    }

    .u-mt-x7_5-sm {
        margin-top: 60px;
    }

    .u-mt-x7_5-sm-imp {
        margin-top: 60px !important;
    }

    .u-mt-x8_5-sm {
        margin-top: 68px;
    }

    .u-mt-x8_5-sm-imp {
        margin-top: 68px !important;
    }

    .u-mt-x9_5-sm {
        margin-top: 76px;
    }

    .u-mt-x9_5-sm-imp {
        margin-top: 76px !important;
    }

    .u-mt-x10_5-sm {
        margin-top: 84px;
    }

    .u-mt-x10_5-sm-imp {
        margin-top: 84px !important;
    }

    .u-mt-x11_5-sm {
        margin-top: 92px;
    }

    .u-mt-x11_5-sm-imp {
        margin-top: 92px !important;
    }

    .u-mt-x12_5-sm {
        margin-top: 100px;
    }

    .u-mt-x12_5-sm-imp {
        margin-top: 100px !important;
    }

    .u-mt-x13_5-sm {
        margin-top: 108px;
    }

    .u-mt-x13_5-sm-imp {
        margin-top: 108px !important;
    }

    .u-mt-x14_5-sm {
        margin-top: 116px;
    }

    .u-mt-x14_5-sm-imp {
        margin-top: 116px !important;
    }

    .u-mt-x15_5-sm {
        margin-top: 124px;
    }

    .u-mt-x15_5-sm-imp {
        margin-top: 124px !important;
    }

    .u-mt-x16_5-sm {
        margin-top: 132px;
    }

    .u-mt-x16_5-sm-imp {
        margin-top: 132px !important;
    }

    .u-mt-x17_5-sm {
        margin-top: 140px;
    }

    .u-mt-x17_5-sm-imp {
        margin-top: 140px !important;
    }

    .u-mt-x18_5-sm {
        margin-top: 148px;
    }

    .u-mt-x18_5-sm-imp {
        margin-top: 148px !important;
    }

    .u-mt-x19_5-sm {
        margin-top: 156px;
    }

    .u-mt-x19_5-sm-imp {
        margin-top: 156px !important;
    }

    .u-mt-x20_5-sm {
        margin-top: 164px;
    }

    .u-mt-x20_5-sm-imp {
        margin-top: 164px !important;
    }

    .u-mt-x21_5-sm {
        margin-top: 172px;
    }

    .u-mt-x21_5-sm-imp {
        margin-top: 172px !important;
    }

    .u-mt-x22_5-sm {
        margin-top: 180px;
    }

    .u-mt-x22_5-sm-imp {
        margin-top: 180px !important;
    }

    .u-mt-x23_5-sm {
        margin-top: 188px;
    }

    .u-mt-x23_5-sm-imp {
        margin-top: 188px !important;
    }

    .u-mt-x24_5-sm {
        margin-top: 196px;
    }

    .u-mt-x24_5-sm-imp {
        margin-top: 196px !important;
    }

    .u-mt-x25_5-sm {
        margin-top: 204px;
    }

    .u-mt-x25_5-sm-imp {
        margin-top: 204px !important;
    }

    .u-ml-1grid {
        margin-left: 0;
    }

    .u-ml-1grid.l-grid {
        margin-left: 0;
    }

    .u-ml-1grid.l-gapXlarge-lg {
        margin-left: -12px;
    }

    .c-link-largev2 {
        font-size: 18px;
    }

    .sp_notFlex {
        display: block;
    }
}


@media screen and (min-width: 768px) {
    /*! over Medium */
  .c-emphasisTextLarge {
    background-image: url(/drill-planet/assets/img/decorating/img-bubble-text-decorating-pc.svg);
  }
  .c-emphasisTextLarge-thin {
    background-image: none;
  }
  .c-img_badge {
    top: -22px;
    right: -22px;
    max-width: 81px;
  }
  .c-cardHowtouse::before {
    width: 182px;
    height: 182px;
    border-radius: 182px;
  }
  .c-cardHowtouse_icon {
    top: -45px;
    width: 13.5%;
  }
  .c-cardHowtouse_listItem {
    padding-left: 1rem;
  }
  .c-cardHowtouse-large .c-cardHowtouse_icon {
    top: -35px;
    width: 5.9701492537%;
  }
  .c-cardHowtouse-small {
    padding: 96px 32px 60px 32px;
  }
  .g-headerButton-sm {
    display: none !important;
  }
}



@media (hover: hover) {
    .c-btn-tertiary:hover {
        opacity: 0.85;
    }

    .c-btn-tertiary:hover {
        color: #1f2a46;
        background-color: #fff5d2;
    }

    .c-btn-sub:hover {
        color: #1f2a46;
        background-color: #7b8ca8;
        box-shadow: #3a456e 0 3px 0;
    }

    .c-btn-primary:hover {
        color: #fff;
        background-color: #d35710;
        box-shadow: #a83d00 0 3px 0;
    }

    .c-btn-large:hover {
        box-shadow: #a83d00 0 6px 0;
    }
}




/*-- MENU 20230217追加(導入ガイド～資料DL)に対応する変更------------------*/
.g-headerNav {
    width: 100%;
    /* position: relative; */
    /**/
    color: #333;
    text-align: center;
}

/* 下層メニューのスタイル */
/* .g-headerNav_childList {
  width: 30%;
  display: flex;
  position: absolute;
  top: 100%;
  left: 60%;
  padding: 15px 50px 15px 30px;
  text-align: left;
  color: #7987b9;
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0px 5px 5px rgb(0 0 0 / 25%);
  visibility: hidden;
} */
/* ナビ */
.g-headerNav_childList::before {
    content: "";
    position: absolute;
    top: -13px;
    left: 0%;
    width: 100%;
    border: 9px solid transparent;
}

/* ナビ */
.g-headerNav_childList::after {
    content: "";
    position: absolute;
    top: -25px;
    left: 48%;
    border: 12px solid transparent;
    border-bottom: 15px solid #ffffff;
}

/* ナビ */
.g-headerNav_childList>a {
    font-size: 0.8em;
    text-decoration: none;
}


/* ナビ */
.g-headerNav_listItem:hover .g-headerNav_childList,
.g-headerNav_listItem:hover .g-headerNav_childList {
    /* 下層メニューのスタイル（親ホバー時） */
    visibility: visible;
    /* 下層メニューを表示 */
}

/* ナビ */
.g-headerNav_childList a:hover {
    color: #495167;
}

/* ナビ */
/* アコーディオンがある所のcurrent */
.g-headerNav_listItem.g-headerNav_listItem-current label {
    text-decoration: none;
    color: #f8772e;
    background-color: transparent;
}

.menu_border-solid {
    border-bottom: 2px solid #7987b9;
}

.menu_border-dashed {
    /* border-bottom: 2px dashed #7987b9; */
    background-image: linear-gradient(to right, #7987b9 3px, transparent 3px);
    background-position: bottom;
    background-repeat: repeat-x;
    background-size: 8px 2px;
    padding-bottom: 1px;
}

.btn_blueborder {
    display: inline-block;
    width: 100%;
    background-color: #fff;
    border: 3px solid #7987b9;
    border-radius: 15px;
    text-align: center;
}



/* ナビ */
.g-headerNav_listItem.g-headerNav_listItem-current label::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    content: "";
    transition: all 0.2s cubic-bezier(0.67, 0.23, 0.33, 0.94);
    background-color: #f8772e;
}

/* ナビ */
.g-headerNav_childListItem {
    position: relative;
    height: 100%;
}

/* ナビ */
.g-headerNav_childListItem li {
    margin: 10px auto;
}

/* ナビ */
.g-headerNav_childListItem a {
    display: block;
    text-decoration: none;
    font-size: 0.95rem;
}

/* ナビ */
.g-headerNav_childListItem span {
    /* font-size: 0.7rem;
    font-weight: normal; */
    display: block;
    /* line-height: 10px; */
}


/*-- MENU 20240202追加(メガメニュー)に対応する変更------------------*/
/* .g-headerNav {
  width: 100%;
  position: relative;
  color: #333;
  text-align: center;
} */
.indent {
    padding-left: 1rem;
}

/* ナビ */
/* 下層メニューのスタイル */
.dropdown .g-headerNav_child {
    display: contents;
}

/* ナビ */
.dropdown .g-headerNav_childList {
    /* width: 330px; */
    /* display: flex; */
    position: absolute;
    top: 100%;
    left: auto;
    padding: 15px 50px 15px 30px;
    text-align: left;
    /* color: #7987b9; */
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0px 5px 5px rgb(0 0 0 / 25%);
    visibility: hidden;
    /* visibility: visible; */
}

/* ナビ */
.dropdown .g-headerNav_childList::before {
    content: "";
    display: none;
}

/* ナビ */
.dropdown .g-headerNav_childList::after {
    content: "";
    display: none;
}

/* ナビ */
.megaMenu .g-headerNav_childList {
    width: 100%;
    display: flex;
    position: absolute;
    top: 100%;
    left: 0%;
    padding: 30px 25%;
    color: #7987b9;
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0px 5px 5px rgb(0 0 0 / 25%);
    visibility: hidden;
    /* visibility: visible; */
}

/* ナビ */
.megaMenu .g-headerNav_childList::before {
    content: "";
    position: absolute;
    top: -13px;
    left: 0%;
    width: 100%;
    border: 9px solid transparent;
    display: none;
}

/* ナビ */
.megaMenu .g-headerNav_childList::after {
    content: "";
    position: absolute;
    top: -25px;
    left: 48%;
    border: 12px solid transparent;
    border-bottom: 15px solid #ffffff;
    display: none;
}

/* ナビ */
.g-headerNav_childList>a {
    font-size: 0.8em;
    text-decoration: none;
}

/* ナビ */
.g-headerNav_listItem:hover .g-headerNav_childList,
.g-headerNav_listItem:hover .g-headerNav_childList {
    /* 下層メニューのスタイル（親ホバー時） */
    visibility: visible;
    /* 下層メニューを表示 */
}

/* ナビ */
.g-headerNav_childList a:hover {
    color: #495167;
}

/* アコーディオンがある所のcurrent */
.g-headerNav_listItem.g-headerNav_listItem-current label {
    text-decoration: none;
    color: #f8772e;
    background-color: transparent;
}

.g-headerNav_listItem.g-headerNav_listItem-current label::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    content: "";
    transition: all 0.2s cubic-bezier(0.67, 0.23, 0.33, 0.94);
    background-color: #f8772e;
}

/* a.deco_arrow {
  color: #7987b9;
} */
a.deco_arrow::before {
    content: "";
    display: inline-block;
    width: 17px;
    height: 17px;
    background: url(/drill-planet/assets/img/icons/icon_link_s_lightblue.svg) no-repeat;
    background-size: contain;
    transform: translatey(2px);
    margin-right: 3px;
}


.g-headerNav_childListItem .title {
    font-size: 1.2rem;
}



/* ナビ */
/* ------
accodion
------ */
/*チェックボックス見せない*/
.g-headerNav_listItem input {
    display: none;
    /*チェックボックス非表示*/
}

/* ナビ */
/* style.css上書き */
.g-headerNav_listItem.g-headerNav_listItem-current a:not(.color_navy) {
    text-decoration: none;
    /* color: #f8772e; */
    background-color: transparent;
}

/* ナビ */
.g-headerNav_listItem.g-headerNav_listItem-current a:not(.color_navy)::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    content: "";
    transition: all 0.2s cubic-bezier(0.67, 0.23, 0.33, 0.94);
    /* background-color: #f8772e; */
}






@media screen and (max-width: 1320px) {
    /* and (min-width: 1140px) */

    /* ナビ */
    .g-headerNav_listItemLink {
        font-size: 12px;
    }

    .g-headerButton {
        padding-left: 10px;
    }

    .g-headerButton_list a {
        font-size: 13px;
    }

    .g-headerButton_listItem {
        margin-right: 10px;
    }
}




@media screen and (max-width: 1140px) {
    /* SP */

    .menu_border-solid {
        border-bottom: 0px solid #7987b9;
    }

    .menu_border-dashed {
        /* border-bottom: 2px dashed #7987b9; */
        background-image: none;
        background-position: bottom;
        background-repeat: repeat-x;
        background-size: 0;
        padding-bottom: 0px;
    }

    /* ナビ */
    .g-headerNav_listItem.g-headerNav_listItem-current a:not(.color_navy) {
        color: #1f2a46;
    }

    /* ナビ */
    .g-headerNav_listItem.g-headerNav_listItem-current a:not(.color_navy)::after {
        background-color: transparent;
    }

    /* ナビ */
    .g-headerNav_listItemLink {
        font-size: 16px;
    }

    /* ナビ */
    .g-headerNav_listItemLink::after {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 3px;
        content: "";
        transition: all 0.2s cubic-bezier(0.67, 0.23, 0.33, 0.94);
        background-color: transparent;
    }

    .g-headerNav_childList {
        /* 下層メニューのスタイル */
        width: 100%;
        display: block;
        position: static;
        padding: 0px;
        box-shadow: 0px 0px 0px;
        /* 下層メニューを非表示 */
        visibility: visible;
    }

    .dropdown .g-headerNav_childList {
        width: 100%;
        display: block;
        position: static;
        padding: 0px;
        box-shadow: 0px 0px 0px;
        /* 下層メニューを非表示 */
        visibility: visible;
    }

    .megaMenu .g-headerNav_childList {
        /* 下層メニューのスタイル */
        width: 100%;
        display: block;
        position: static;
        padding: 0px;
        box-shadow: 0px 0px 0px;
        /* 下層メニューを非表示 */
        visibility: visible;
    }

    .g-headerNav_childList::before,
    .g-headerNav_childList::after {
        content: "";
        display: none;
    }

    .g-headerNav_childList>a {
        /* 子項目のスタイル */
        font-size: 0.8em;
        text-decoration: none;
    }

    .l-area_left {
        margin-left: 0px;
        margin-right: 0px;
        padding-right: 0px;
    }

    .l-area_right {
        margin-left: 0px;
        border: none;
        margin-right: 0px;
        padding-right: 0px;
    }

    .l-area_left,
    .l-area_right {
        width: 100%;
        display: block;
        text-align: center;
    }

    .title::before {
        content: "";
        display: none;
    }

    ul.g-headerNav_childListItem {}

    .g-headerNav_childListItem li {
        margin: 0px auto;
    }

    .g-headerNav_childListItem a {
        display: block;
        text-decoration: none;
        font-size: 0.95rem;
    }

    .g-headerNav_childListItem a.dawmload {
        font-size: 1rem;
    }

    .g-headerNav_childListItem span {
        font-size: 0.7rem;
        font-weight: normal;
        display: block;
        line-height: 10px;
    }

    li:has(> .g-headerNav_grchildListItem) {
        display: none;
    }

    /* ナビ */
    .g-headerNav_listItem:hover .g-headerNav_childList {
        /* 下層メニューのスタイル（親項目ホバー時） */
        visibility: visible;
        /* 下層メニューを表示 */
    }

    /* ナビ */
    .g-headerNav_childList a:hover {
        color: #495167;
    }

    .g-headerNav_listItemLink_spDeco::after {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 3px;
        content: "";
        transition: all 0.2s cubic-bezier(0.67, 0.23, 0.33, 0.94);
        background-image: url(/drill-planet/assets/img/icons/icon-border.png);
        background-repeat: space;
    }

    /* ナビ */
    .g-headerNav_listItem.g-headerNav_listItem-current label {
        color: #1f2a46;
    }

    /* ナビ */
    .g-headerNav_listItem.g-headerNav_listItem-current label::after {
        content: "";
        background-color: transparent;
    }

    /* ------------------
    sp menuのaccodion
    ------------------ */
    /* 常時表示される　親　導入ガイド */
    .acc label {
        display: block;
    }

    /* ナビ */
    .g-headerNav_listItem input {
        display: none;
        /*チェックボックス非表示*/
    }

    /* ナビ */
    .acc ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .acc .g-headerNav_childListItem .title {
        /* height: 0px; */
        /* background-color: #ccc; */
    }

    .acc .g-headerNav_childListItem li {
        /*interview、ダウンロードの高さ初期値*/
        height: 0px;
        /* background-color: #999; */
        /* border-bottom: #fff 1px solid; */
    }

    .acc .g-headerNav_childListItem a {
        /*子メニュリンク*/
        display: block;
        padding: 10px 0;
        text-decoration: none;
        text-align: center;
    }

    /*クリックしたとき*/
    /*全部同じように開く*/
    #menu_bar03:checked~#links03 .g-headerNav_childListItem div.title,
    #menu_bar02:checked~#links02 .g-headerNav_childListItem div.title,
    #menu_bar01:checked~#links01 .g-headerNav_childListItem div.title {
        height: 45px;
        opacity: 1;
    }

    #menu_bar03:checked~#links03 .g-headerNav_childListItem div.title_2row,
    #menu_bar02:checked~#links02 .g-headerNav_childListItem div.title_2row,
    #menu_bar01:checked~#links01 .g-headerNav_childListItem div.title_2row {
        height: 65px;
        opacity: 1;
    }

    #menu_bar03:checked~#links03 .g-headerNav_childListItem li,
    #menu_bar02:checked~#links02 .g-headerNav_childListItem li,
    #menu_bar01:checked~#links01 .g-headerNav_childListItem li {
        height: 45px;
        opacity: 1;
    }

    /*開くときのアニメ*/
    .accDeco::before,
    .acc #links01 .g-headerNav_childListItem div.title,
    .acc #links02 .g-headerNav_childListItem div.title,
    .acc #links03 .g-headerNav_childListItem div.title,
    .acc #links01 .g-headerNav_childListItem li
    .acc #links02 .g-headerNav_childListItem li,
    .acc #links03 .g-headerNav_childListItem li {
        height: 0;
        overflow: hidden;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }

    #menu_bar03:checked~#links03 .g-headerNav_childListItem div.title,
    #menu_bar02:checked~#links02 .g-headerNav_childListItem div.title,
    #menu_bar01:checked~#links01 .g-headerNav_childListItem div.title {
        padding-top: 10px;
    }

    .accDeco::before {
        position: absolute;
        top: 18px;
        right: 30%;
        margin: auto;
        content: "";
        vertical-align: middle;
        width: 13px;
        height: 13px;
        /* border-top: 2px solid #000;
      border-right: 2px solid #000; */
        border-top: 2px solid #495167;
        border-right: 2px solid #495167;

        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }

    #menu_bar03:checked~.accDeco::before,
    #menu_bar02:checked~.accDeco::before,
    #menu_bar01:checked~.accDeco::before {
        top: 26px;
        -webkit-transform: rotate(315deg);
        transform: rotate(315deg);
    }

    /* .accDeco::after {
      position: absolute;
      top: 54px;
      left: 0;
      width: 100%;
      height: 3px;
      content: "";
      transition: all 0.2s cubic-bezier(0.67, 0.23, 0.33, 0.94);
      background-image: url(/drill-planet/assets/img/icons/icon-border.png);
      background-repeat: space;
    } */
    .g-headerNav_childListItem a {
        font-size: 14px;
    }

    /* style.css g-headerNav_listItemLink:hover::after上書き */
    /* ナビ */
    .g-headerNav_listItemLink.accDeco:hover::after {
        display: block;
    }

    .btn_blueborder {
        padding: 5px 0 !important;
    }
}


/* index.css */

.g-header {
    position: fixed;
    top: 30px;
    width: min(1291px, 100vw - 60px);
    left: 50%;
    translate: -50%;
    font-size: 16px
}

@media screen and (max-width:767px) {
    .g-header {
        top: 0;
        width: 100%
    }
}

.g-header_inner {
    border-radius: 10px
}

@media screen and (max-width:767px) {
    .g-header_inner {
        background-color: transparent
    }
}

.g-header_root {
    padding-left: 0 !important ;
    border-radius: 10px
}

@media screen and (max-width:767px) {
    .g-header_root {
        box-shadow: none;
        justify-content: space-between
    }
}

.g-headerMenu_inner {
    border-radius: 10px
}

@media screen and (max-width:767px) {
    .g-headerMenu_inner {
        border-radius: 0
    }
}

@media screen and (max-width:767px) {
    .g-headerSwitch_iconLink-hamburger>span {
        background-color: white;
        box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2)
    }
}

@media screen and (max-width:767px) {
    .g-headerSwitch_iconLink-hamburger.is-active>span {
        background-color: #1f2a46
    }
}

@media screen and (min-width:768px) {
    .g-headerNav_childList {
        font-size: 18px
    }
}

@media screen and (min-width:768px) {
    .g-headerNav_childListItem a {
        font-size: 15.2px !important
    }
}

@media screen and (max-width:767px) {
    .g-headerNav_childListItem span {
        font-size: 11.2px;
        height: 1.2em;
        margin-top: -0.1em
    }
}

.g-header .c-btn {
    padding: 11px 19px;
    font-size: 16px
}

@media screen and (max-width:767px) {
    .g-header .c-btn {
        font-size: 13px
    }
}