@charset "UTF-8";
@import url(https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,400;1,700;1,900&family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap);
/*!
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
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;
}
body {
  line-height: 1;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
nav ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote::after,
blockquote::before,
q::after,
q::before {
  content: "";
  content: none;
}
a {
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  background: 0 0;
}
ins {
  text-decoration: none;
  color: #000;
  background-color: #ff9;
}
mark {
  font-weight: 700;
  font-style: italic;
  color: #000;
  background-color: #ff9;
}
del {
  text-decoration: line-through;
}
abbr[title],
dfn[title] {
  cursor: help;
  border-bottom: 1px dotted;
}
table {
  border-spacing: 0;
  border-collapse: collapse;
}
hr {
  display: block;
  height: 1px;
  margin: 1em 0;
  padding: 0;
  border: 0;
  border-top: 1px solid #ccc;
}
input,
select {
  vertical-align: middle;
}
@font-face {
  font-family: "-Hiragino";
  font-weight: 400;
  src: local("HiraginoSans-W3"), local("Hiragino Kaku Gothic ProN");
}
@font-face {
  font-family: "-Hiragino";
  font-weight: 700;
  src: local("HiraginoSans-W6"), local("Hiragino Kaku Gothic ProN W6");
}
@font-face {
  font-family: "-YuGothic";
  font-weight: 400;
  src: local("YuGothic-Medium"), local("Yu Gothic Medium"), local("YuGothic");
}
@font-face {
  font-family: "-YuGothic";
  font-weight: 700;
  src: local("YuGothic-Bold"), local("Yu Gothic"), local("YuGothic");
}
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;
}
.c-breadcrumb_inner,
.g-footer_inner,
.l-section {
  max-width: calc(1072px + (1rem * 2));
  margin-right: auto;
  margin-left: auto;
  padding-right: 1rem;
  padding-left: 1rem;
}
html {
  font-family: Noto Sans JP, sans-serif;
}
body {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.6;
  color: #1f2a46;
}
body.is-modalFixed {
  overflow-y: scroll;
}
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;
}
button {
  cursor: pointer;
}
a {
  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-decoration: underline;
  color: #1f2a46;
}
a:visited {
  text-decoration: underline;
  color: #1f2a46;
}
a:active,
a:hover {
  text-decoration: none;
  color: var(--g-color-green);
}
em {
  font-style: normal;
}
li {
  list-style-type: none;
}
img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}
figure {
  margin: 0;
}
.g-wrapper {
  overflow: hidden;
}
/*! Container */
.l-container {
  position: relative;
  width: 100%;
  padding: 25px 0;
}
.l-container::after,
.l-container::before {
  position: absolute;
  left: 0;
  content: "";
  background-repeat: no-repeat;
}
.l-container::before {
  top: 0;
  width: 170%;
  height: 100vh;
  background-image: url(/drill-planet/assets/img/decorating/bg-subpage-kv-sp.png);
  background-size: 100% 100vh;

  background-image: radial-gradient(#a6e0c9 0.16rem, transparent 0.16rem), radial-gradient(#a6e0c9 0.16rem, transparent 0.16rem);
  background-size: 2.6rem 2.6rem;
  background-position: 0 0, 1.3rem 1.3rem;
}
.l-container::after {
  bottom: -1px;
  width: 100%;
  height: 97px;
  background-image: url(/drill-planet/assets/img/decorating/img-bg-skew-white-pc-01.png);
  background-size: 100% 97px;
}
.l-container + .l-container::before {
  display: none;
}
.l-container-main::before {
  height: 100%;
}
.l-container-feature {
  margin-top: -255px;
}
.l-container-feature::after {
  z-index: 0;
  bottom: -1px;
  width: 100%;
  height: 97px;
  background-image: url(/drill-planet/assets/img/decorating/img-bg-skew-yellow-pc-02.png);
  background-repeat: no-repeat;
  background-size: 100% 97px;
}
.l-container-howtouse {
  margin-top: 0;
  padding: 130px 0 100px;
}
.l-container-howtouse::after {
  background-image: url(/drill-planet/assets/img/decorating/img-bg-skew-blue-sp-01.png);
}
.l-container:last-child {
  padding-bottom: 0px;
}
.l-container:last-child::after {
  /* background-image: url(/drill-planet/assets/img/decorating/img-bg-skew-blue-sp-01.png); */

  background: var(--g-color-green);
  /* 
  height: 400px;
  transform: skewY(-10deg);
  bottom: -100px;
   */
  
  height: 400px;
  bottom: 0px;
  clip-path: polygon(0 250px, 100% 0, 100% calc(100% - 0px), 0 100%);
  clip-path: polygon(0 0, 0 0, 0 0, 0 0);
}
.l-container-nogutter {
  max-width: 1072px;
  padding-right: 0;
  padding-left: 0;
}
.l-container-stretch {
  max-width: none;
}
/*! Grid */
.l-grid {
  display: flex;
  margin-top: 24px;
  margin-right: -12px;
  margin-bottom: -16px;
  margin-left: -12px;
  flex-wrap: wrap;
}
.l-grid:first-child {
  margin-top: 0;
}
.l-grid > .l-grid_item {
  width: 100%;
  min-height: 0;
  margin-bottom: 16px;
  padding-right: 12px;
  padding-left: 12px;
}
.l-grid > .l-grid_item-1 {
  width: 8.3333333333%;
}
.l-grid > .l-grid_item-2 {
  width: 16.6666666667%;
}
.l-grid > .l-grid_item-3 {
  width: 25%;
}
.l-grid > .l-grid_item-4 {
  width: 33.3333333333%;
}
.l-grid > .l-grid_item-5 {
  width: 41.6666666667%;
}
.l-grid > .l-grid_item-6 {
  width: 50%;
}
.l-grid > .l-grid_item-7 {
  width: 58.3333333333%;
}
.l-grid > .l-grid_item-8 {
  width: 66.6666666667%;
}
.l-grid > .l-grid_item-9 {
  width: 75%;
}
.l-grid > .l-grid_item-10 {
  width: 83.3333333333%;
}
.l-grid > .l-grid_item-11 {
  width: 91.6666666667%;
}
.l-grid > .l-grid_item-12 {
  width: 100%;
}
.l-grid > .l-grid_item-1-1 {
  width: 100%;
}
.l-grid > .l-grid_item-1-2 {
  width: 50%;
}
.l-grid > .l-grid_item-2-2 {
  width: 100%;
}
.l-grid > .l-grid_item-1-3 {
  width: 33.3333333333%;
}
.l-grid > .l-grid_item-2-3 {
  width: 66.6666666667%;
}
.l-grid > .l-grid_item-3-3 {
  width: 100%;
}
.l-grid > .l-grid_item-1-4 {
  width: 25%;
}
.l-grid > .l-grid_item-2-4 {
  width: 50%;
}
.l-grid > .l-grid_item-3-4 {
  width: 75%;
}
.l-grid > .l-grid_item-4-4 {
  width: 100%;
}
.l-grid > .l-grid_item-1-5 {
  width: 20%;
}
.l-grid > .l-grid_item-2-5 {
  width: 40%;
}
.l-grid > .l-grid_item-3-5 {
  width: 60%;
}
.l-grid > .l-grid_item-4-5 {
  width: 80%;
}
.l-grid > .l-grid_item-5-5 {
  width: 100%;
}
.l-grid > .l-grid_item-1-6 {
  width: 16.6666666667%;
}
.l-grid > .l-grid_item-2-6 {
  width: 33.3333333333%;
}
.l-grid > .l-grid_item-3-6 {
  width: 50%;
}
.l-grid > .l-grid_item-4-6 {
  width: 66.6666666667%;
}
.l-grid > .l-grid_item-5-6 {
  width: 83.3333333333%;
}
.l-grid > .l-grid_item-6-6 {
  width: 100%;
}
.l-grid > .l-grid_item-1-7 {
  width: 14.2857142857%;
}
.l-grid > .l-grid_item-2-7 {
  width: 28.5714285714%;
}
.l-grid > .l-grid_item-3-7 {
  width: 42.8571428571%;
}
.l-grid > .l-grid_item-4-7 {
  width: 57.1428571429%;
}
.l-grid > .l-grid_item-5-7 {
  width: 71.4285714286%;
}
.l-grid > .l-grid_item-6-7 {
  width: 85.7142857143%;
}
.l-grid > .l-grid_item-7-7 {
  width: 100%;
}
.l-grid > .l-grid_item-1-8 {
  width: 12.5%;
}
.l-grid > .l-grid_item-2-8 {
  width: 25%;
}
.l-grid > .l-grid_item-3-8 {
  width: 37.5%;
}
.l-grid > .l-grid_item-4-8 {
  width: 50%;
}
.l-grid > .l-grid_item-5-8 {
  width: 62.5%;
}
.l-grid > .l-grid_item-6-8 {
  width: 75%;
}
.l-grid > .l-grid_item-7-8 {
  width: 87.5%;
}
.l-grid > .l-grid_item-8-8 {
  width: 100%;
}
.l-grid > .l-grid_item-1-9 {
  width: 11.1111111111%;
}
.l-grid > .l-grid_item-2-9 {
  width: 22.2222222222%;
}
.l-grid > .l-grid_item-3-9 {
  width: 33.3333333333%;
}
.l-grid > .l-grid_item-4-9 {
  width: 44.4444444444%;
}
.l-grid > .l-grid_item-5-9 {
  width: 55.5555555556%;
}
.l-grid > .l-grid_item-6-9 {
  width: 66.6666666667%;
}
.l-grid > .l-grid_item-7-9 {
  width: 77.7777777778%;
}
.l-grid > .l-grid_item-8-9 {
  width: 88.8888888889%;
}
.l-grid > .l-grid_item-9-9 {
  width: 100%;
}
.l-grid > .l-grid_item-1-10 {
  width: 10%;
}
.l-grid > .l-grid_item-2-10 {
  width: 20%;
}
.l-grid > .l-grid_item-3-10 {
  width: 30%;
}
.l-grid > .l-grid_item-4-10 {
  width: 40%;
}
.l-grid > .l-grid_item-5-10 {
  width: 50%;
}
.l-grid > .l-grid_item-6-10 {
  width: 60%;
}
.l-grid > .l-grid_item-7-10 {
  width: 70%;
}
.l-grid > .l-grid_item-8-10 {
  width: 80%;
}
.l-grid > .l-grid_item-9-10 {
  width: 90%;
}
.l-grid > .l-grid_item-10-10 {
  width: 100%;
}
.l-grid > .l-grid_item-1-11 {
  width: 9.0909090909%;
}
.l-grid > .l-grid_item-2-11 {
  width: 18.1818181818%;
}
.l-grid > .l-grid_item-3-11 {
  width: 27.2727272727%;
}
.l-grid > .l-grid_item-4-11 {
  width: 36.3636363636%;
}
.l-grid > .l-grid_item-5-11 {
  width: 45.4545454545%;
}
.l-grid > .l-grid_item-6-11 {
  width: 54.5454545455%;
}
.l-grid > .l-grid_item-7-11 {
  width: 63.6363636364%;
}
.l-grid > .l-grid_item-8-11 {
  width: 72.7272727273%;
}
.l-grid > .l-grid_item-9-11 {
  width: 81.8181818182%;
}
.l-grid > .l-grid_item-10-11 {
  width: 90.9090909091%;
}
.l-grid > .l-grid_item-11-11 {
  width: 100%;
}
.l-grid > .l-grid_item-1-12 {
  width: 8.3333333333%;
}
.l-grid > .l-grid_item-2-12 {
  width: 16.6666666667%;
}
.l-grid > .l-grid_item-3-12 {
  width: 25%;
}
.l-grid > .l-grid_item-4-12 {
  width: 33.3333333333%;
}
.l-grid > .l-grid_item-5-12 {
  width: 41.6666666667%;
}
.l-grid > .l-grid_item-6-12 {
  width: 50%;
}
.l-grid > .l-grid_item-7-12 {
  width: 58.3333333333%;
}
.l-grid > .l-grid_item-8-12 {
  width: 66.6666666667%;
}
.l-grid > .l-grid_item-9-12 {
  width: 75%;
}
.l-grid > .l-grid_item-10-12 {
  width: 83.3333333333%;
}
.l-grid > .l-grid_item-11-12 {
  width: 91.6666666667%;
}
.l-grid > .l-grid_item-12-12 {
  width: 100%;
}
.l-grid-center {
  justify-content: center;
}
.l-grid-yCenter {
  align-items: center;
}
.l-grid-spaceBetween {
  justify-content: space-between;
}
.l-grid > .l-grid_item-5per {
  width: 5%;
}
.l-grid > .l-grid_item-10per {
  width: 10%;
}
.l-grid > .l-grid_item-15per {
  width: 15%;
}
.l-grid > .l-grid_item-20per {
  width: 20%;
}
.l-grid > .l-grid_item-25per {
  width: 25%;
}
.l-grid > .l-grid_item-30per {
  width: 30%;
}
.l-grid > .l-grid_item-35per {
  width: 35%;
}
.l-grid > .l-grid_item-40per {
  width: 40%;
}
.l-grid > .l-grid_item-45per {
  width: 45%;
}
.l-grid > .l-grid_item-50per {
  width: 50%;
}
.l-grid > .l-grid_item-55per {
  width: 55%;
}
.l-grid > .l-grid_item-60per {
  width: 60%;
}
.l-grid > .l-grid_item-65per {
  width: 65%;
}
.l-grid > .l-grid_item-70per {
  width: 70%;
}
.l-grid > .l-grid_item-75per {
  width: 75%;
}
.l-grid > .l-grid_item-80per {
  width: 80%;
}
.l-grid > .l-grid_item-85per {
  width: 85%;
}
.l-grid > .l-grid_item-90per {
  width: 90%;
}
.l-grid > .l-grid_item-95per {
  width: 95%;
}
.l-grid > .l-grid_item-100per {
  width: 100%;
}
.l-grid-hreverse {
  flex-direction: row-reverse;
}
.l-grid-vreverse {
  flex-direction: column-reverse;
}
.l-grid-flex {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.l-grid_flex-no-wrap {
  display: flex;
  margin-top: 24px;
  margin-right: -12px;
  margin-bottom: -16px;
  margin-left: -12px;
  flex-wrap: nowrap;

  flex-shrink: 0;
}
.l-grid-flexSpaceBetween {
  justify-content: space-between;
}
.l-grid-j-flexStart {
  justify-content: flex-start;
}
.l-grid-flexEnd {
  justify-content: flex-end;
}
.l-grid > .l-grid_item-flex {
  flex: 1;
}
.l-gridFeature {
  display: -ms-grid;
  display: grid;
  -webkit-column-gap: 8.4%;
  -moz-column-gap: 8.4%;
  column-gap: 8.4%;
  grid-template-areas: "image title" "image text" "image list";
  -ms-grid-columns: 50% 8.4% 41.6%;
  grid-template-columns: 50% 41.6%;
  -ms-grid-rows: auto auto 1fr;
  grid-template-rows: auto auto 1fr;
}
.l-gridFeature + .l-gridFeature {
  margin-top: 120px;
}
.l-gridFeature_image {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 1;
  grid-area: image;
}
.l-gridFeature-1col > .l-gridFeature_image {
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
}
.l-gridFeature-1col-method > .l-gridFeature_image {
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
}
.l-gridFeature-5-6 > .l-gridFeature_image {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 1;
}
.l-gridFeature-reverse > .l-gridFeature_image {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 3;
}
.l-gridFeature .c-carousel,
.l-gridFeature .c-img,
.l-gridFeature .c-movie {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 1;
  margin-top: 0;
  grid-area: image;
}
.l-gridFeature .c-headingLv2 {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: title;
}
.l-gridFeature .c-paragraph {
  -ms-grid-row: 2;
  -ms-grid-column: 3;
  grid-area: text;
}
.l-gridFeature .c-note,
.l-gridFeature .l-line {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
  grid-area: list;
}
.l-gridFeature-1col {
  grid-template-areas: "title" "text" "image" "list";
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}
.l-gridFeature-1col .c-img {
  margin-top: 40px;
  padding-right: 0;
  -ms-grid-row-span: NaN;
  grid-row-end: auto;
  -ms-grid-row: auto;
  grid-row-start: auto;
}
.l-gridFeature-1col .c-headingLv2,
.l-gridFeature-1col .c-paragraph {
  margin-left: 8.3%;
}
.l-gridFeature-1col-method {
  grid-template-areas: "title" "text" "image" "list";
}
.l-gridFeature-1col .c-headingLv2 {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: title;
}
.l-gridFeature-1col .c-paragraph {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: text;
}
.l-gridFeature-1col .c-note,
.l-gridFeature-1col .l-line {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
  grid-area: list;
}
.l-gridFeature-5-6 {
  -webkit-column-gap: 8.4%;
  -moz-column-gap: 8.4%;
  column-gap: 8.4%;
  grid-template-areas: "image title" "image text" "image list";
  -ms-grid-columns: 41.6% 8.4% 50%;
  grid-template-columns: 41.6% 50%;
}
.l-gridFeature-reverse {
  -webkit-column-gap: 24px;
  -moz-column-gap: 24px;
  column-gap: 24px;
  grid-template-areas: "title image" "text image" "list image";
  -ms-grid-columns: 50% 24px 41.6%;
  grid-template-columns: 50% 41.6%;
}
/*! Tile */
.l-tile {
  display: flex;
  margin-top: 24px;
  margin-right: -8px;
  margin-bottom: -16px;
  margin-left: -8px;
  flex-wrap: wrap;
}
.l-tile:first-child {
  margin-top: 0;
}
.l-tile > .l-tile_item {
  width: 100%;
  margin-bottom: 16px;
  padding-right: 8px;
  padding-left: 8px;
}
.l-tile-1 > .l-tile_item {
  width: 100%;
}
.l-tile-2 > .l-tile_item {
  width: 50%;
}
.l-tile-3 > .l-tile_item {
  width: 33.3333333333%;
}
.l-tile-4 > .l-tile_item {
  width: 25%;
}
.l-tile-5 > .l-tile_item {
  width: 20%;
}
.l-tile-6 > .l-tile_item {
  width: 16.6666666667%;
}
.l-tile-7 > .l-tile_item {
  width: 14.2857142857%;
}
.l-tile-8 > .l-tile_item {
  width: 12.5%;
}
.l-tile-9 > .l-tile_item {
  width: 11.1111111111%;
}
.l-tile-10 > .l-tile_item {
  width: 10%;
}
/*! Line */
.l-line {
  display: flex;
  margin-top: 32px;
  margin-right: -8px;
  margin-bottom: -16px;
  margin-left: -8px;
  flex-wrap: wrap;
}
.l-line:first-child {
  margin-top: 0;
}
.l-line > .l-line_item {
  margin-bottom: 16px;
  padding-right: 8px;
  padding-left: 8px;
}
.l-line-nowrap {
  flex-wrap: nowrap;
}
/*! Stack */
.l-stack {
  margin-top: 24px;
}
.l-stack:first-child {
  margin-top: 0;
}
.l-stack_item + .l-stack_item {
  margin-top: 4px;
}
/*! Gap */
.l-gapXlarge {
  margin-right: -24.5px;
  margin-bottom: -49px;
  margin-left: -24.5px;
}
.l-gapXlarge > [class*="item"] {
  margin-bottom: 49px;
  padding-right: 24.5px;
  padding-left: 24.5px;
}
.l-gapLarge {
  margin-right: -20px;
  margin-bottom: -40px;
  margin-left: -20px;
}
.l-gapLarge > [class*="item"] {
  margin-bottom: 40px;
  padding-right: 20px;
  padding-left: 20px;
}
.l-gapMedium {
  margin-right: -16px;
  margin-bottom: -32px;
  margin-left: -16px;
}
.l-gapMedium > [class*="item"] {
  margin-bottom: 32px;
  padding-right: 16px;
  padding-left: 16px;
}
.l-gapSmall {
  margin-right: -6px;
  margin-bottom: -12px;
  margin-left: -6px;
}
.l-gapSmall > [class*="item"] {
  margin-bottom: 12px;
  padding-right: 6px;
  padding-left: 6px;
}
.l-gapOne {
  margin-right: -0.5px;
  margin-bottom: -1px;
  margin-left: -0.5px;
}
.l-gapOne > [class*="item"] {
  margin-bottom: 1px;
  padding-right: 0.5px;
  padding-left: 0.5px;
}
.l-gapNone {
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
}
.l-gapNone > [class*="item"] {
  margin-bottom: 0;
  padding-right: 0;
  padding-left: 0;
}
/*! Section */
.l-section {
  position: relative;
  z-index: 20;
}
.c-link {
  font-size: 18px;
  line-height: 1.6;
  display: inline-block;
  margin-top: 24px;
  transition: opacity 0.3s cubic-bezier(0.67, 0.23, 0.33, 0.94);
  text-decoration: none;
}
.c-text01{
  display: block;
}
.c-text01 + .c-text01 {
  margin-top: 15px;
}
.c-text01 a{
  color: var(--g-color-green);
}
.c-link:first-child {
  margin-top: 0;
}
.c-link:hover {
  opacity: 0.7;
  color: #1f2a46;
}
.c-link-largev2 {
  font-size: 24px;
}
.c-link-large {
  font-size: 22px;
}
.c-link-small {
  font-size: 16px;
}
.c-link-wide {
  width: 100%;
  padding-top: 10px;
  padding-bottom: 11px;
}
.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_smallLabel {
  font-size: 18px;
  display: block;
  margin-top: 4px;
  text-shadow: none;
}
.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: var(--g-color-green);
  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-accordion {
  margin-top: 24px;
}
.c-accordion:first-child {
  margin-top: 0;
}
.c-accordion_section {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  background-color: #fff;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
}
.c-accordion_section + .c-accordion_section {
  margin-top: 24px;
}
.c-accordion_title {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: flex;
  width: 100%;
  padding: 24px;
  padding-right: calc(48px + 1.5em);
  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),
    box-shadow 0.2s cubic-bezier(0.67, 0.23, 0.33, 0.94);
  text-align: left;
  color: #1f2a46;
  border: 0;
  border-radius: 20px 20px 0 0;
  background-color: #fff;
  align-items: center;
  overflow-anchor: none;
}
.c-accordion_title:hover {
  text-decoration: none;
  color: #1f2a46;
  background-color: #f2f3fa;
}
.c-accordion_title:hover .i-area {
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
}
.c-accordion_title:visited {
  text-decoration: none;
  color: #1f2a46;
}
.c-accordion_title .i-area-right {
  right: 24px;
  transition: -webkit-transform 0.2s cubic-bezier(0.67, 0.23, 0.33, 0.94);
  transition: transform 0.2s cubic-bezier(0.67, 0.23, 0.33, 0.94);
  transition: transform 0.2s cubic-bezier(0.67, 0.23, 0.33, 0.94),
    -webkit-transform 0.2s cubic-bezier(0.67, 0.23, 0.33, 0.94);
}
.c-accordion-open {
  font-weight: 700;
}
.c-accordion-open img {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.c-accordion-open:link {
  color: #1f2a46;
}
.c-accordion-open:hover .i-area.is-open {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.c-accordion-open .i-area.is-close {
  display: none;
}
.c-accordion-close .i-area.is-open {
  display: none;
}
.c-accordion_content {
  display: none;
}
.c-accordion_content_inner {
  padding: 24px;
  border-top: 1px solid #ccc;
}
.c-accordion_content_inner a,
.c-accordion_content_inner a:hover,
.c-accordion_content_inner a:visited {
  text-decoration: underline;
  color: var(--g-color-green);
}
.c-accordion_text {
  font-size: 18px;
  line-height: 1.6;
}
/*! Heading */
[class^="c-heading"] {
  font-weight: 700;
  position: relative;
  z-index: 2;
  display: block;
  text-align: center;
  color: #1f2a46;
}
.c-headingBorder {
  position: relative;
  display: inline-block;
  padding: 0 2px 4px;
}
.c-headingBorder::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  content: "";
  background-image: linear-gradient(
    to right,
    #1f2a46 6px,
    transparent 6px,
    transparent 11.2px
  );
  background-repeat: space no-repeat;
  background-position: 0 100%;
  background-size: 11.2px 4px;
}
.c-headingIcon {
  margin-top: 8px;
  text-align: center;
}
.c-headingIcon > img {
  width: 200px;
}
.c-headingLv1 {
  font-size: 60px;
  font-weight: 700;
  line-height: 1.4;
  margin-top: 8px;
  text-align: center;
  letter-spacing: 0.06em;
}
.c-headingLv1:first-child {
  margin-top: 0;
}
.c-headingLv1 > .c-headingBorder {
  padding-bottom: 14px;
}
.c-headingLv1 > .c-headingBorder::after {
  height: 5px;
  background-image: linear-gradient(
    to right,
    #1f2a46 10px,
    transparent 10px,
    transparent 20px
  );
  background-size: 20px 5px;
}
.c-headingLv1-simple {
  font-size: 38px;
  margin-top: 32px;
}
.c-headingLv2 {
  font-size: 32px;
  font-weight: 700;
  line-height: 1.75;
  margin-top: 80px;
  text-align: center;
}
.c-headingLv2:first-child {
  margin-top: 0;
}
.c-emphasisTextLarge + .c-headingLv2 {
  margin-top: 16px;
}
.c-headingLv2-WithEn {
  margin-bottom: -60px;
}
.c-headingLv2-WithEn .c-headingLv2_text {
  font-size: 48px;
  position: relative;
  top: -60px;
  letter-spacing: 0.5rem;
}
.c-headingLv2-WithEn + * {
  margin-top: 80px;
}
.c-headingLv2-numberedTitle,
.c-headingLv2-numberedTitle:first-child {
  margin-top: 60px;
}
.c-headingLv2-numberedTitle {
  text-align: left;
}
.c-headingLv2_num {
  font-family: Lato, sans-serif;
  font-size: 60px;
  font-weight: 900;
  font-style: italic;
  position: absolute;
  z-index: -1;
  top: -56px;
  left: 0;
  color: #ffce71;
}
.c-headingLv2_tag {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  position: absolute;
  top: -48px;
  left: 114px;
  padding: 5px 12px 7px;
  color: #fff;
  border-radius: 4px;
  background-color: #3b4772;
}
.c-headingLv3 {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3;
  margin-top: 80px;
  text-align: left;
}
.c-headingLv3:first-child {
  margin-top: 0;
}
.c-headingLv3-deco {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-top: 200px;
  text-align: center;
}
.c-headingLv3-deco > span {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.c-headingLv3-deco > span::after,
.c-headingLv3-deco > span::before {
  display: block;
  width: 41px;
  height: 84px;
  content: "";
  background-repeat: no-repeat;
  background-size: 100%;
}
.c-headingLv3-deco > span::before {
  margin-right: 22px;
  background-image: url(/drill-planet/assets/img/decorating/img-heading-txt-left.png);
}
.c-headingLv3-deco > span::after {
  margin-left: 22px;
  background-image: url(/drill-planet/assets/img/decorating/img-heading-txt-right.png);
}
.c-headingLv3_largeText {
  font-size: 48px;
  font-weight: 700;
  line-height: 1.1;
  display: block;
  margin-top: 8px;
  padding-bottom: 16px;
}
.c-headingLv4 {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  margin-top: 80px;
}
.c-headingLv4:first-child {
  margin-top: 0;
}
.c-titleText {
  font-size: 17px;
  font-weight: 700;
  line-height: 1.5;
  margin-top: 24px;
}
.c-titleText:first-child {
  margin-top: 0;
}
/*! Text */
.c-paragraph {
  font-size: 18px;
  line-height: 1.75;
  margin-top: 24px;
}
.c-paragraph:first-child {
  margin-top: 0;
}
.c-textXLarge {
  font-size: 24px;
  line-height: 1.5;
  margin-top: 24px;
}
.c-textXLarge:first-child {
  margin-top: 0;
}
.c-textLarge {
  font-size: 20px;
  line-height: 1.5;
  margin-top: 24px;
}
.c-textLarge:first-child {
  margin-top: 0;
}
.c-textSmall {
  font-size: 14px;
  line-height: 1.75;
  margin-top: 24px;
}
.c-textSmall:first-child {
  margin-top: 0;
}
.c-catch {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
  margin-top: 24px;
  text-align: center;
}
.c-catch:first-child {
  margin-top: 0;
}
.c-headingLv1 + .c-catch {
  margin-top: 32px;
}
.c-headingLv1 + .c-catch:first-child {
  margin-top: 0;
}
.c-lead {
  font-size: 18px;
  line-height: 2;
  margin-top: 24px;
  text-align: center;
}
.c-lead:first-child {
  margin-top: 0;
}

.c-emphasisTextLarge {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: flex;
  flex-direction: column;
  margin-top: 40px;
  text-align: center;
  background-image: url(/drill-planet/assets/img/decorating/img-bubble-text-decorating-sp.svg);
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: 39%;
}
/* deco01はc-emphasisTextLargeのbg-imageを固有CSSで無効化して使用
　　将来的にBGの分離→削除 */
.c-emphasisTextLarge.deco01 span{
  display: flex;
  align-items: center;
  justify-content: center;
}
.c-emphasisTextLarge.deco01 span::after,
.c-emphasisTextLarge.deco01 span::before {
  display: block;
  width: 26px;
  height: 54px;
  margin-top: auto;
  margin-bottom: auto;
  content: "";
  background-repeat: no-repeat;
  background-size: 100%;
}
.c-emphasisTextLarge.deco01 span::after {
  margin-left: 16px;
  background-image: url(/drill-planet/assets/img/decorating/img-conversion-txt-right_navy.svg);
}
.c-emphasisTextLarge.deco01 span::before {
  margin-right: 16px;
  background-image: url(/drill-planet/assets/img/decorating/img-conversion-txt-left_navy.svg);
}

.c-emphasisTextLarge-thin {
  color: #58669b;
  background-image: none;
}
.c-emphasisTextLarge-thin span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.c-emphasisTextLarge-thin span::after,
.c-emphasisTextLarge-thin span::before {
  display: block;
  width: 26px;
  height: 54px;
  margin-top: auto;
  margin-bottom: auto;
  content: "";
  background-repeat: no-repeat;
  background-size: 100%;
}
.c-emphasisTextLarge-thin span::before {
  margin-right: 16px;
  background-image: url(/drill-planet/assets/img/decorating/img-conversion-txt-left.svg);
}
.c-emphasisTextLarge-thin span::after {
  margin-left: 16px;
  background-image: url(/drill-planet/assets/img/decorating/img-conversion-txt-right.svg);
}

.c-emphasisText {
  font-weight: 700;
}
.c-strongText {
  font-weight: 700;
}
.c-smallText {
  font-size: 0.75em;
}
.c-subscriptText {
  font-size: 12px;
  font-size: 0.75em;
  line-height: 1.5;
  vertical-align: sub;
}
.c-superscriptText {
  font-size: 12px;
  font-size: 0.75em;
  line-height: 1.5;
  vertical-align: super;
}
/*! Text */
.c-note {
  font-size: 14px;
  line-height: 1.5;
  display: block;
  margin-top: 8px;
  padding-left: 1em;
  text-indent: -1em;
}
.c-note:first-child {
  margin-top: 0;
}
.c-note::before {
  display: inline-block;
  width: 1em;
  content: "※";
  vertical-align: top;
  text-indent: 0;
}
.c-note-number {
  padding-left: 2em;
  text-indent: -2em;
}
.c-note-number::before {
  display: none;
}
.c-note_marker {
  display: inline-block;
  width: 1.75em;
  margin-right: 0.25em;
  text-align: right;
  text-indent: 0;
}
.c-tag {
  font-size: 12px;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  min-width: 108px;
  padding: 1px 0 2px;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  border-radius: 4px;
  background-color: #3b4772;
}
.c-tag:link:hover {
  text-decoration: none;
  color: #1f2a46;
}
.c-list {
  font-size: 18px;
  line-height: 1.6;
  margin-top: 24px;
}
.c-list:first-child {
  margin-top: 0;
}
li > .c-list {
  margin-top: 0;
}
.c-list_item * {
  text-indent: 0;
}
.c-list-bullet .c-list_item {
  padding-left: 1em;
  text-indent: -1em;
}
.c-list-bullet .c-list_item::before {
  position: relative;
  bottom: 0.25em;
  display: inline-block;
  width: 0.25em;
  height: 0.25em;
  margin: 0 0.375em;
  content: "";
  vertical-align: baseline;
  border-radius: 100%;
  background-color: #000;
}
.c-list-bulletLarge .c-list_item {
  padding-left: 2em;
  text-indent: -2em;
}
.c-list-bulletLarge .c-list_item::before {
  bottom: -0.1em;
  width: 1em;
  height: 1em;
  background-color: #6677b5;
}
.c-list-number .c-list_item {
  padding-left: 1em;
  text-indent: -1em;
}
.c-list-number .c-list_item::before {
  display: none;
}
.c-list-number .c-list_marker {
  display: inline-block;
  width: 0.75em;
  margin-right: 0.25em;
  text-align: right;
  text-indent: 0;
}
.c-list-indent .c-list_item {
  padding-left: 2em;
  text-indent: -2em;
}
.c-list-indent .c-list_marker {
  width: 1.75em;
}
.c-table {
  margin-top: 48px;
  text-align: left;
  border-bottom: 1px solid #c5cddb;
}
.c-table_caption {
  padding-bottom: 4px;
  text-align: left;
}
.c-table_content {
  width: 100%;
}
.c-table_content td,
.c-table_content th {
  font-size: 16px;
  line-height: 1.5;
  padding: 24px 16px;
  word-wrap: break-word;
  border-top: 1px solid #c5cddb;
  overflow-wrap: break-word;
}
.c-table .c-table_headCell,
.c-table_head td,
.c-table_head th {
  font-weight: 700;
  width: 20%;
  color: #6677b5;
  border-top: 1px solid #c5cddb;
}
.c-table .c-list {
  font-size: 16px;
}
.c-img {
  position: relative;
  display: inline-block;
  width: 100%;
  margin-top: 24px;
}
.c-img:first-child {
  margin-top: 0;
}
.c-img > img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
.c-img_badge {
  position: absolute;
  z-index: 5;
  top: -8px;
  right: -8px;
  width: 100%;
  max-width: 63px;
}
.c-imgShadow > img {
  border-radius: 26px;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
}
.c-imgShadowWidth {
  display: block;
  margin-right: -16px;
  margin-bottom: -16px;
  margin-left: -16px;
}
.c-imgShadow-radiusL > img {
  border-radius: 30px;
}
.c-imgShadow-radiusS > img {
  border-radius: 20px;
}
.c-img.c-img-maxWidth {
  width: calc(100% + 76px);
  margin-left: -38px;
}
.c-img-borderWhite > img {
  border: 2px solid #fff;
}
.c-imgTitle {
  display: inline-block;
  vertical-align: bottom;
}
.c-imgTitle > img {
  display: block;
}
.c-imgRadius > img {
  border-radius: 4px;
}
.c-imgShadowFilter > img {
  -webkit-filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.15));
  filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.15));
}
.c-movie {
  position: relative;
  width: 100%;
  max-width: 590px;
  margin: 0 auto;
}
.c-movie_inner {
  display: flex;
  overflow: hidden;
  border: 14px solid #25313e;
  border-radius: 20px;
  background-color: #25313e;
  align-items: center;
  justify-content: center;
}
.c-movie_content {
  width: 100%;
  height: auto;
  border-radius: 6px;
}
.c-movie_caption {
  font-size: 12px;
  font-weight: 400;
  display: block;
  margin-top: 8px;
  text-align: right;
  color: #1f2a46;
}
.c-movie > svg {
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.2);
}
.c-movie source {
  height: auto;
}
.c-moviePlayer {
  position: relative;
  overflow: hidden;
  max-width: 100%;
  height: 0;
  padding-bottom: 74.8387%;
}
.c-moviePlayer iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.c-card {
  height: 100%;
  margin-top: 24px;
  border: 1px solid #bdbdbd;
}
.c-card:first-child {
  margin-top: 0;
}
.c-card_link {
  display: block;
  padding: 12px;
  color: #1f2a46;
}
.c-card_link:hover {
  text-decoration: none;
  opacity: 0.85;
}
.c-card_title {
  font-size: 17px;
  font-weight: 700;
  line-height: 1.5;
  margin-top: 8px;
}
.c-card_title:first-child {
  margin-top: 0;
}
.c-card_text {
  font-size: 14px;
  line-height: 1.75;
  margin-top: 8px;
}
.c-card_text:first-child {
  margin-top: 0;
}
.c-card .c-img {
  margin-top: 8px;
}
.c-card .c-img:first-child {
  margin-top: 0;
}
.c-cardHowtouse {
  position: relative;
  z-index: 1;
  padding: 53px 28px 40px;
  border-radius: 20px;
  background-color: #fff;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}
.c-cardHowtouse::before {
  position: absolute;
  z-index: -1;
  top: -60px;
  left: 50%;
  width: 142px;
  height: 142px;
  content: "";
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-radius: 142px;
  background-color: #fff;
}
.c-cardHowtouse_icon {
  position: absolute;
  top: -50px;
  left: 50%;
  display: flex;
  flex-direction: column;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  align-items: center;
  justify-content: center;
}
.c-cardHowtouse_icon > img {
  width: 100%;
}
.c-cardHowtouse_name {
  font-size: 16px;
  font-weight: 700;
  display: flex;
  width: 58px;
  height: 30px;
  margin-top: 8px;
  color: #1f2a46;
  border: 2px solid #1f2a46;
  border-radius: 4px;
  background-color: transparent;
  align-items: center;
  justify-content: center;
}
.c-cardHowtouse_name-bg {
  color: #fff;
  background-color: #1f2a46;
}
.c-cardHowtouse_heading {
  font-size: 32px;
  font-weight: 700;
  text-align: center;
  color: #1f2a46;
}
.c-cardHowtouse_list {
  margin-top: 6px;
  margin-bottom: 0;
  padding-left: 1.2rem;
}
.c-cardHowtouse_listItem {
  line-height: 1.6;
  position: relative;
  padding-left: 0.5rem;
  list-style-type: decimal;
}
.c-cardHowtouse_listItem::marker {
  font-family: Lato, sans-serif;
  font-size: 1.5rem;
  font-weight: 900;
  color: #9ba4c6;
}
.c-cardHowtouse_note {
  font-size: 12px;
  margin-top: 8px;
}
.c-cardHowtouse_fukidashi {
  position: absolute;
  top: 24px;
  right: 24px;
  width: 26.3%;
}
.c-cardHowtouse_item {
  display: flex;
  flex-direction: row-reverse;
  margin-top: 42px;
  align-items: center;
  justify-content: center;
}
.c-cardHowtouse_item + .c-cardHowtouse_item {
  margin-top: 48px;
}
.c-cardHowtouse_item .c-img {
  width: 34.4%;
  margin-top: 0;
  padding-right: 21px;
}
.c-cardHowtouse_textBlock {
  width: 58.4%;
  padding-left: 21px;
}
.c-cardHowtouse_title {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
  display: flex;
  margin-top: auto;
  -ms-grid-row: 1;
  grid-row-start: 1;
}
.c-cardHowtouse_text {
  margin-top: 24px;
  margin-bottom: auto;
  -ms-grid-row: 2;
  grid-row-start: 2;
}
.c-cardHowtouse_num {
  font-size: 32px;
  line-height: 0.8;
  display: inline-block;
  margin-right: 8px;
  color: #6677b5;
}
.c-cardHowtouse-paper {
  background-color: #f2f4fa;
}
.c-cardHowtouse-paper::before {
  background-color: #f2f4fa;
}
.c-cardHowtouse-drillplanet {
  background-color: #fff9e4;
}
.c-cardHowtouse-drillplanet::before {
  background-color: #fff9e4;
}
ul.c-cardHowtouse_list .c-cardHowtouse_listItem {
  font-size: 16px;
  padding-left: 0;
  list-style: disc;
  color: #1f2a46;
}
ul.c-cardHowtouse_list .c-cardHowtouse_listItem::marker {
  font-size: 1em;
  color: #1f2a46;
}
.c-cardHowtouse-small {
  height: 100%;
}
.c-cardHowtouse-small .c-cardHowtouse_heading {
  font-size: 24px;
}
.c-cardHowtouse-small .c-cardHowtouse_icon {
  top: -36px;
  width: 60px;
}
.c-news {
  display: flex;
  margin-top: 120px;
  padding: 34px 28px;
  border-radius: 20px;
  background-color: #fff;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
}
.c-news_head {
  display: flex;
}
.c-news_head::after {
  display: block;
  width: 2px;
  height: 100%;
  margin-right: 20px;
  margin-left: 32px;
  content: "";
  background-image: linear-gradient(
    to bottom,
    #c5cddb 3px,
    transparent 3px,
    transparent 8px
  );
  background-repeat: round;
  background-position: right;
  background-size: 2px 8px;
}
.c-news_title {
  font-family: Lato, sans-serif;
  font-size: 40px;
  line-height: 1.2;
  letter-spacing: 0.1em;
  color: #ffce71;
}
.c-news_title > span {
  font-family: "Noto Sans JP";
  font-size: 14px;
  line-height: 1.4;
  display: block;
  letter-spacing: 0.15em;
  color: #1f2a46;
}
.c-news_item {
  display: -ms-grid;
  display: grid;
  margin-top: 8px;
  padding: 16px 30px 16px 11px;
  border-radius: 4px;
  grid-template-areas: "time tag text";
  -ms-grid-columns: auto auto 1fr;
  grid-template-columns: auto auto 1fr;
}
.c-news_item:first-child {
  margin-top: 0;
}
.c-news a,
.c-news a:hover,
.c-news a:visited {
  text-decoration: none;
}
.c-news a:hover {
  color: #1f2a46;
  background-color: #f2f4fa;
}
.c-news_time {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  font-family: Lato, sans-serif;
  font-size: 15px;
  font-weight: 900;
  margin-right: 16px;
  letter-spacing: 0.1em;
  color: #6677b5;
  grid-area: time;
}
.c-news_text {
  -ms-grid-row: 2;
  -ms-grid-column: 3;
  font-size: 16px;
  display: flex;
  padding-right: 28px;
  align-items: flex-start;
  grid-area: text;
}
.l-gridFeature-1col > .c-news_text {
  -ms-grid-row: 2;
  -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: 3;
}
.l-gridFeature-reverse > .c-news_text {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}
.c-news_item > .c-news_text {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
a.c-news_item .c-news_text {
  background-image: url(/drill-planet/assets/img/icons/icon_link_s.svg);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 20px 20px;
}
.c-news .c-tag {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  margin-top: 4px;
  margin-right: 16px;
  -ms-grid-row-align: start;
  align-self: start;
  grid-area: tag;
}
.newslist {
  text-align: right;
}
.newslist a {
  display: inline-block;
  text-align: right;
  margin: 10px;
}
.c-carousel {
  margin-top: 24px;
}
.c-carousel:first-child {
  margin-top: 0;
}
.c-carousel_body {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.c-carousel_main {
  position: relative;
  top: 0;
  left: 0;
  display: flex;
}
.c-carousel_item {
  overflow: hidden;
  height: 100%;
  min-height: 1px;
  margin-top: 0;
  flex-shrink: 0;
}
.c-carousel_footer {
  margin-top: 24px;
  text-align: center;
}
.c-carousel_arrow {
  line-height: 0;
  display: inline-block;
  padding: 4px;
  cursor: pointer;
  vertical-align: middle;
}
.c-carousel_arrow .i-button {
  width: 40px;
  height: 40px;
}
.c-carousel_dots {
  display: inline-block;
  vertical-align: middle;
}
.c-carousel_dot {
  font-size: 0;
  line-height: 0;
  display: inline-block;
  padding: 8px;
  vertical-align: middle;
}
.c-carousel_dot > button {
  line-height: 0;
  position: relative;
  display: block;
  width: 12px;
  height: 12px;
  cursor: pointer;
  color: transparent;
  background: 0 0;
}
.c-carousel_dot > button::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: auto;
  content: "";
  border-radius: 100%;
  background-color: #e0e0e0;
}
.c-carousel_dot-active > button::before {
  background-color: #1f2a46;
}
.c-carousel_pause {
  font-size: 0;
  position: relative;
  padding: 4px;
  vertical-align: middle;
}
.c-carousel_pause-active .is-play {
  display: none;
}
.c-carousel_pause:not(.c-carousel_pause-active) .is-pause {
  display: none;
}
.c-carousel_image > img {
  width: 100%;
}
.c-carousel_image.c-imgShadow {
  padding: 16px;
}
.c-carousel_image.c-imgShadow > img {
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
}
.c-carousel_text {
  line-height: 1.75;
  margin-top: 8px;
  padding-right: 16px;
  padding-left: 16px;
}
.c-carousel[data-js-vi="fade"] .c-carousel_item {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  margin: auto;
}
.c-carousel[data-js-vi="fade"] .c-carousel_item.is-active {
  position: static;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  margin-top: 0;
}
.c-carousel[data-js-sync-slide-vi="slide_nav"] .c-carousel_main {
  margin-right: -16px;
  margin-left: -16px;
}
.c-carousel[data-js-sync-slide-vi="slide_nav"] .c-carousel_item {
  height: 100%;
  min-height: 1px;
  margin-top: 0;
  padding-right: 16px;
  padding-left: 16px;
}
.c-carousel[data-js-sync-slide-vi="slide_nav"] .c-carousel_item.is-active {
  opacity: 0.35;
}
/*! 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;
}
.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;
}
/*! Header */
.c-breadcrumb {
  position: relative;
  z-index: 2;
  padding-top: 14px;
  padding-bottom: 17px;
  background-color: #2c3c61;
}
.c-breadcrumb_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.c-breadcrumb_listItem {
  font-size: 12px;
  line-height: 1.5;
  color: #fff;
}
.c-breadcrumb_listItem::before {
  display: inline-block;
  margin: 0 8px;
  content: ">";
}
.c-breadcrumb_listItem:first-child::before {
  display: none;
}
.c-breadcrumb_list a,
.c-breadcrumb_list a:hover,
.c-breadcrumb_list a:visited {
  color: #fff;
}
/*! Footer */
.c-pageTop {
  position: fixed;
  z-index: 150;
  right: 48px;
  bottom: 25px;
  transition: opacity 0.3s cubic-bezier(0.67, 0.23, 0.33, 0.94);
}
.c-pageTop a {
  font-size: 0.75rem;
  font-weight: 700;
  position: relative;
  display: flex;
  flex-direction: column;
  transition: all 0.3s cubic-bezier(0.67, 0.23, 0.33, 0.94);
  text-decoration: none;
  text-transform: uppercase;
  color: #1f2a46;
  align-items: center;
  justify-content: center;
}
.c-pageTop a::after {
  position: absolute;
  z-index: -1;
  bottom: -42px;
  left: 50%;
  width: 83px;
  height: 117px;
  content: "";
  transition: opacity 0.3s cubic-bezier(0.67, 0.23, 0.33, 0.94);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  opacity: 0;
  background-image: url(/drill-planet/assets/img/icons/icon-scroll-top-jet-pc.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.c-pageTop a:hover {
  -webkit-transform: translateY(-4px);
  transform: translateY(-4px);
}
.c-pageTop a:hover::after {
  opacity: 1;
}
.c-pageTop img {
  width: 34px;
}
.c-pageTop_text {
  display: block;
}
/*! Footer */
.g-footer_inner {
  position: relative;
  z-index: 2;
}
.g-footerNav {
  padding-bottom: 80px;
  background-color: #3b4772;
  font-size: 14px;
}
.g-footerNav_pc_mgt-25 {
  margin-top: 25px;
}
.g-footerNav a,
.g-footerNav a:hover,
.g-footerNav a:visited {
  text-decoration: none;
  color: #fff;
}
.g-footerNav .l-tile {
  margin-right: -28px;
  margin-left: -28px;
}
.g-footerNav .l-tile_item {
  padding: 0 15px;
}
.g-footerNav_logo {
  display: block;
  width: 200px;
  height: 200px;
  margin-right: auto;
  margin-left: auto;
  transition: opacity 0.2s cubic-bezier(0.67, 0.23, 0.33, 0.94);
}
.g-footerNav_yel,
.g-footerNav a.g-footerNav_yel {
  color: #ffce71;
}
.g-footer .g-footerNav_parentLink a {
  display: inline-block;
  width: 90%;
}
.g-footerNav_parent{
  font-weight: 700;
  padding: 8px 16px 8px 0px;
  background-image: linear-gradient(to right, #6677b5 3px, transparent 3px);
  background-repeat: space no-repeat;
  background-position: bottom;
  background-size: 8px 2px;
}
.g-footerNav_parentLink {
  /* font-size: 14px; */
  font-weight: 700;
  /* line-height: 1.75; */
  padding: 8px 16px 8px 0px;
  background-image: url(/drill-planet/assets/img/icons/icon-arrow-link-white.svg), linear-gradient(to right, #6677b5 3px, transparent 3px);
  background-repeat: no-repeat, space no-repeat;
  background-position: right 16px center, bottom;
  background-size: 6px 10px, 8px 2px;
}
.g-footerNav_parent::before,
.g-footerNav_parentLink::before {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 4px;
  content: "";
  background-image: url(/drill-planet/assets/img/img-footer-star.svg);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 100%;
}
.g-footerNav_parent-sub {
  /* font-size: 14px; */
  line-height: 1.75;
  padding: 16px 16px 0 1rem;
  color: #fff;
  background-position: bottom;
  background-size: 8px 2px;
}
.g-footerNav_list_child{
  padding-left: 1em;
}
.deco-under_dash{
  background-image: linear-gradient(to right, #6677b5 3px, transparent 3px);
  background-repeat: space no-repeat;
  background-position: bottom;
  background-size: 8px 2px;
}
.link_arrow{
  padding: 8px 26px 8px 0;
  background-image: url(/drill-planet/assets/img/icons/icon-arrow-link-white.svg);
  background-repeat: no-repeat;
  background-position: right 16px center;
  background-size: 6px 10px;
}
.g-footerNav_listItemLink {
  display: block;
  padding: 8px 26px 8px 1em;
  /* background-image: url(/drill-planet/assets/img/icons/icon-arrow-link-white.svg); */
  /* background-repeat: no-repeat;
  background-position: right 16px center;
  background-size: 6px 10px; */
}
.g-footerNav_listItemLink:hover {
  background-color: #55649a;
}
.g-footerNav_listItemLink > span {
  display: block;
  font-size: 12px;
}
.icon-parent {
  position: relative;
}
.icon-mic {
  padding-left: 30px;
}
.icon-mic::before {
  content: "";
  background-repeat: no-repeat;
  width: 20px;
  height: 23px;
  position: absolute;
  top: 20px;
  left: 0px;
}
.mic-1::before {
  content: "";
  background-image: url(/drill-planet/assets/img/icons/icon-mic_wh.svg);
}
.g-footerSubNav {
  display: flex;
  margin-top: 20px;
  margin-bottom: 20px;
  justify-content: space-between;
}
.g-footerSubNavSns {
  display: flex;
}
.g-footerSubNavSns a {
  display: block;
  margin: 0 15px;
  transition: opacity 0.3s cubic-bezier(0.67, 0.23, 0.33, 0.94);
}
.g-footerSubNavSns a:hover {
  opacity: 0.7;
}
.g-footerSubNavList {
  display: flex;
  margin-top: 16px;
  margin-bottom: -12px;
  align-items: center;
  flex-wrap: wrap;
}
.g-footerSubNavList_item {
  margin-bottom: 12px;
}
.g-footerSubNavList_item a {
  font-size: 14px;
  padding: 0 10px;
  transition: all 0.3s cubic-bezier(0.67, 0.23, 0.33, 0.94);
  text-decoration: underline;
}
.g-footerSubNavList_item a:hover {
  text-decoration: none;
}
/*! Contact */
.c-contact {
  position: relative;
  width: 100%;
  padding-bottom: 80px;
  background-color: #3b4772;
}
.c-contact .l-section {
  position: relative;
  top: -60px;
}
.c-contact_box {
  padding-top: 32px;
  padding-bottom: 64px;
  border-radius: 20px;
  background-color: #fff;
}
.c-contact_text {
  font-size: 18px;
  line-height: 1.5;
  margin-top: 16px;
  text-align: center;
}
.c-contact_text:first-child {
  margin-top: 0;
}
.c-contact_text em {
  font-weight: 700;
  color: var(--g-color-green);
}
/*! Header */
.c-utility {
  display: none;
}
.c-utility_inner {
  display: flex;
}
.c-utility_item {
  display: inline-block;
  width: calc(50% - 30px);
  height: 60px;
}
.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;
}
.c-utility_item-top {
  width: 60px;
}
.c-utility_pagetop {
  position: relative;
  display: flex;
  height: 60px;
  text-decoration: none;
  color: #1f2a46;
  border-bottom: 3px solid #c5cddb;
  align-items: center;
  justify-content: center;
}
.c-utility_pagetop > img {
  position: absolute;
  top: -15px;
  left: 50%;
  width: auto;
  height: 58px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.c-utility_label {
  font-size: 0.75rem;
  font-weight: 700;
  display: block;
  padding-top: 35px;
  text-align: center;
  text-transform: uppercase;
}
.p-homework-containerFeature {
  padding-bottom: 285px;
}
.p-index-description {
  display: flex;
  margin-top: 16px;
  align-items: center;
  justify-content: center;
}
.p-index-description_heading,
.p-index-description_text {
  font-size: 16px;
  font-weight: 700;
  padding: 4px 12px;
}
.p-index-description_heading {
  color: #fff;
  border-radius: 4px 0 0 4px;
  background-color: #3b4772;
}
.p-index-description_text {
  border-radius: 0 4px 4px 0;
  background-color: #fff;
}
.p-index-mainVi {
  position: relative;
}
.p-index-mainVi_select {
  position: absolute;
  z-index: 2;
  top: -17%;
  left: 0;
  display: flex;
  flex-direction: column;
  width: 30.6%;
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
  -webkit-animation: slideTopAnime 0.2s ease-out 0.2s forwards;
  animation: slideTopAnime 0.2s ease-out 0.2s forwards;
  opacity: 0;
}
.p-index-mainVi .p-index-mainVi_fukidashi {
  width: 45%;
}
.p-index-mainVi .p-index-mainVi_fukidashi img {
  -webkit-filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.1));
  filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.1));
}
.p-index-mainVi_img {
  position: relative;
  z-index: 1;
  width: 59.7%;
  margin-right: auto;
  margin-left: auto;
}
.p-index-mainVi_link {
  position: absolute;
  z-index: 2;
  top: -23%;
  right: 0;
  display: flex;
  flex-direction: column;
  width: 36.5%;
  align-items: flex-end;
}
.p-index-mainVi .p-index-mainVi_btn {
  width: 300px;
  height: 300px;
  margin-right: 40px;
  margin-left: auto;
  margin: 100px 40px 0 auto;
  -webkit-transform: scale(1.18);
  transform: scale(1.18);
  -webkit-animation: scaleAnime 0.4s ease-out 0.8s forwards;
  animation: scaleAnime 0.4s ease-out 0.8s forwards;
  opacity: 0;
  border-radius: 50%;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.5);
}
.p-index-mainVi .p-index-mainVi_btn .default,
.p-index-mainVi .p-index-mainVi_btn .hover {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  transition: all 0.2s cubic-bezier(0.67, 0.23, 0.33, 0.94);
}
.p-index-mainVi .p-index-mainVi_btn:hover .default {
  opacity: 0;
}
.p-index-mainVi .p-index-mainVi_btn:hover .hover {
  opacity: 1;
}
.p-index-mainVi_selectCaption {
  font-size: 12px;
  width: calc(100vw - 32px);
  margin-top: 8px;
}
.p-index-mainVi_catch {
  max-width: 230px;
  margin: 16px auto auto;
}
.p-index-mainVi_imgSmall {
  margin-top: 8px;
}
.p-index-mainVi_imgSmall img {
  -webkit-filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.1));
  filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.1));
}
.p-index-mainVi_drill {
  z-index: 2;
  margin-top: 32px;
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
  -webkit-animation: slideTopAnime 0.2s ease-out 0.4s forwards;
  animation: slideTopAnime 0.2s ease-out 0.4s forwards;
  opacity: 0;
}
.p-index-mainVi_drill img {
  -webkit-filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.1));
  filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.1));
}
@-webkit-keyframes slideTopAnime {
  from {
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slideTopAnime {
  from {
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes scaleAnime {
  from {
    -webkit-transform: scale(1.18);
    transform: scale(1.18);
    opacity: 0;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes scaleAnime {
  from {
    -webkit-transform: scale(1.18);
    transform: scale(1.18);
    opacity: 0;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.p-index-fukidashi {
  position: absolute;
  top: calc(-100% - 16px);
  bottom: 0;
  display: inline-block;
  width: 211px;
}
.p-index-method {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 1;
  grid-area: image;
}
.l-gridFeature-1col > .p-index-method {
  -ms-grid-row: 3;
  -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: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 1;
}
.l-gridFeature-reverse > .p-index-method {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 3;
}
.p-index-method_title {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.6;
  position: relative;
  padding-top: 4px;
  padding-bottom: 4px;
  text-align: center;
  border-radius: 100px;
  background-color: #fff5d2;
}
.p-index-method_title::after {
  position: absolute;
  z-index: -1;
  bottom: -32px;
  left: 39%;
  width: 44px;
  height: 44px;
  margin: 0 auto;
  content: "";
  -webkit-transform: rotate(-160.05deg);
  transform: rotate(-160.05deg);
  border-right: 22px solid transparent;
  border-bottom: 30px solid #fff5d2;
  border-left: 22px solid transparent;
}
.p-index-method_img {
  margin-top: 24px;
}
.p-index-method_text {
  font-size: 16px;
  line-height: 1.6;
  margin-top: 16px;
  text-align: center;
}
.l-container.p-index-containerFeature {
  margin-top: -237px;
  padding-bottom: 250px;
}
.l-container.p-index-containerFeature::after {
  background-image: url(/drill-planet/assets/img/decorating/img-bg-skew-yellow-pc-03.png);
}
.l-container.p-index-containerHowtouse {
  margin-top: 0;
  padding-bottom: 200px;
}
.l-container.p-index-containerHowtouse::after {
  background-image: url(/drill-planet/assets/img/decorating/img-bg-skew-white-pc-01.png);
}
.l-container.p-index-containerService {
  margin-top: -80px;
  padding-top: 0;
  padding-bottom: 252px;
}
.l-container.p-index-containerService::after {
  background-image: url(/drill-planet/assets/img/decorating/img-bg-skew-yellow-pc-03.png);
}
.l-container.p-index-containerFlow {
  z-index: 20;
  padding-top: 0;
  padding-bottom: 0;
}
.l-container.p-index-containerFlow::after {
  display: none;
}
.l-container.p-index-containerFaq {
  padding-top: 200px;
}
.p-index-howtouse {
  margin-top: 48px;
  padding: 48px;
  border-radius: 20px;
  background-color: #fff;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
}
.p-index-howtouse .c-cardHowtouse {
  padding-bottom: 32px;
  box-shadow: none;
}
.p-index-howtouse_title {
  font-size: 40px;
  font-weight: 700;
  line-height: 1.5;
  display: flex;
  letter-spacing: 0.08em;
  color: #1f2a46;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}
.p-index-howtouse_titleStep {
  font-family: Lato, sans-serif;
  font-size: 18px;
  margin-top: 6px;
  color: #edaf24;
}
.p-index-howtouse_titleNum {
  font-family: Lato, sans-serif;
  font-size: 48px;
  line-height: 0.5;
  margin-right: 32px;
  color: #edaf24;
}
.p-index-howtouse_title:not(:first-child) {
  position: relative;
  padding-top: 88px;
}
.p-index-howtouse_title:not(:first-child)::before {
  position: absolute;
  top: 0;
  display: block;
  width: calc(100% + 48px);
  height: 2px;
  margin: 48px auto 0;
  padding-top: 40px;
  content: "";
  background-image: linear-gradient(to right, #c5cddb 3px, transparent 3px);
  background-repeat: repeat-x;
  background-position: top;
  background-size: 8px 2px;
}
.p-index-howtouse_text {
  margin-top: 8px;
  text-align: center;
}
.p-index-howtouse_grid {
  margin-top: 84px;
  margin-right: -24px;
  margin-left: -24px;
}
.p-index-howtouse_grid .l-grid_item {
  position: relative;
  padding-right: 24px;
  padding-left: 24px;
}
.p-index-howtouse_grid .l-grid_item:nth-child(1)::after {
  position: absolute;
  top: 0;
  right: -12px;
  bottom: 0;
  width: 24px;
  height: 48px;
  margin: auto 0;
  content: "";
  background-image: url(/drill-planet/assets/img/icons/icon-arrow-grey-bg.svg);
  background-repeat: no-repeat;
  background-size: 100%;
}
.p-index-howtouse .c-cardHowtouse_list {
  margin-top: 34px;
}
.p-index-howtouse .c-cardHowtouse_listItem {
  line-height: 1.5;
  padding-left: 1em;
  list-style: none !important;
  text-indent: -1em;
}
.p-index-howtouse .c-cardHowtouse_listItem + .c-cardHowtouse_listItem {
  margin-top: 4px;
}
.p-index-howtouse .c-cardHowtouse_listItem::before {
  position: relative;
  bottom: 4px;
  display: inline-block;
  width: 4px;
  height: 4px;
  margin: 0 6px;
  content: "";
  vertical-align: baseline;
  border-radius: 100%;
  background-color: #000;
}
.p-index-howtouse_img {
  text-align: center;
}
.p-index-howtouse_img > img {
  width: auto;
  height: 195px;
}
.p-index-slogan {
  position: absolute;
  top: -120px;
  right: 0;
  width: 100%;
  max-width: 384px;
}
.p-index-faqImg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 450px;
}
.p-index-overview {
  height: 100%;
  border-radius: 20px;
  background-color: #fff;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
}
.p-index-overview_title {
  font-size: 16px;
  font-weight: 700;
  padding: 7px 0 9px;
  text-align: center;
  color: #fff;
  border-radius: 20px 20px 0 0;
  background-color: #6677b5;
}
.p-index-overview_content {
  padding: 24px 24px 48px;
}
.p-index-overview_contentSmall {
  padding-right: 24px;
  padding-left: 24px;
  margin-top: 260px;
}
.p-index-overview_img {
  height: 150px;
}
.p-index-overview_img > img {
  width: auto;
  height: 100%;
}
.p-index-overview_largeText {
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  color: #1f2a46;
}
.p-index-overview_priceArea{
  display: block;
}
.p-index-overview_price {
  margin-top: 15px;
  padding: 5px;
  text-align: center;
  border-radius: 4px;
  background-color: rgba(197, 205, 219, 0.6);

  display: block;
}
.p-index-overview_priceTextLarge {
  font-size: 24px;
}
.p-index-overview_priceText {
  font-weight: 700;
}
.p-index-overview_materials {
  font-size: 16px;
  display: flex;
  margin-top: 24px;
}
.p-index-overview_materialsTitle {
  margin-right: 24px;
  color: #6677b5;
}
.p-index-overview_materialsText {
  color: #1f2a46;
}
.p-index-overview .c-list {
  font-size: 16px;
}
.p-index-overview .c-list_item + .c-list_item {
  margin-top: 4px;
}
.p-index-overview-set .p-index-overview_title {
  background-color: var(--g-color-green);
}
.p-index-overview-set .p-index-overview_price {
  background-color: rgba(255, 206, 113, 0.7);
}
.p-index-setplan_ex {
  text-align: left;
  font-size: 20px;
  font-weight: bold;
}
.p-index-setplan {
  text-align: left;
  font-size: 16px;
}
.p-index-stepBox {
  height: 100%;
  padding: 16px 16px 40px;
  border-radius: 20px;
  background-color: #fff;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
}
.p-index-stepBox_step {
  font-family: Lato, sans-serif;
  font-weight: 900;
  display: flex;
  color: #edaf24;
  align-items: center;
}
.p-index-stepBox_stepText {
  display: flex;
  letter-spacing: 0.16em;
}
.p-index-stepBox_num {
  font-size: 48px;
  line-height: 0.5em;
}
.p-index-stepBox_tag {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.8;
  margin-left: auto;
  padding: 0 14px;
  color: #1f2a46;
  border: 2px solid #c5cddb;
  border-radius: 4px;
}
.p-index-stepBox_tag-bg {
  background-color: #c5cddb;
}
.p-index-stepBox_title {
  font-size: 24px;
  line-height: 1.5;
  margin-top: 16px;
  text-align: center;
  color: #1f2a46;
}
.p-index-stepBox_text {
  font-size: 16px;
  line-height: 1.5;
  margin-top: 16px;
  color: #1f2a46;
}
.p-index-stepBox_note {
  font-size: 12px;
}
.p-learning-containerFeature {
  padding-bottom: 285px;
}
.p-learning-anchor {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 1;
  position: relative;
  margin-top: 40px;
  grid-area: image;
}
.l-gridFeature-1col > .p-learning-anchor {
  -ms-grid-row: 3;
  -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: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 1;
}
.l-gridFeature-reverse > .p-learning-anchor {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 3;
}
.p-learning-anchor_list {
  position: absolute;
  top: -6.1728395062%;
  left: 30.3153611394%;
  width: 24.3133265514%;
}
.p-learning-anchor_item {
  background-color: #fff;
}
.p-learning-anchor_item .c-btn {
  width: 100%;
  max-width: 239px;
}
.p-learning-anchor_item + .p-learning-anchor_item {
  margin-top: 24px;
}
.p-learning-menu {
  margin-top: 26px;
}
.p-learning-menu_item {
  padding-top: 56px;
  padding-bottom: 56px;
  border: 2px solid #e1e5ed;
  border-radius: 20px;
  background-color: #f2f4fa;
}
.p-learning-menu_item + .p-learning-menu_item {
  margin-top: 80px;
}
.p-learning-menu_head {
  display: flex;
  align-items: center;
}
.p-learning-menu_title {
  font-size: 48px;
  font-weight: 700;
  line-height: 1.6;
  margin-right: 24px;
}
.p-learning-menu_catch {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5;
  display: flex;
  align-items: center;
}
.p-learning-menu_catch::before {
  display: block;
  width: 2px;
  height: 51px;
  margin-right: 24px;
  content: "";
  background-image: linear-gradient(
    to bottom,
    #c5cddb 3px,
    transparent 3px,
    transparent 8px
  );
  background-repeat: space;
  background-position: right;
  background-size: 2px 8px;
}
.p-learning-menu_tag {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  overflow: hidden;
  margin-top: 38px;
  padding: 3px 18px 4px 23px;
  vertical-align: middle;
  letter-spacing: 0.1em;
  border-radius: 4px;
  background-color: #fff;
}
.p-learning-menu_tag::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 8px;
  height: 100%;
  content: "";
}
.p-learning-menu_tag-kokugo {
  border: 1px solid #e95477;
}
.p-learning-menu_tag-kokugo::before {
  background-color: #e95477;
}
.p-learning-menu_tag-sansu {
  border: 1px solid #4f82c3;
}
.p-learning-menu_tag-sansu::before {
  background-color: #4f82c3;
}
.p-learning-menu_text {
  margin-top: 16px;
}
.p-learning-menu .l-grid {
  margin-right: -44px;
  margin-left: -44px;
}
.p-learning-menu .l-grid_item {
  padding-right: 44px;
  padding-left: 44px;
}
.p-background-parallax {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.p-background-parallax_object {
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
}
.p-background-parallax-contact .p-background-parallax_object-01 {
  top: -180px;
  right: -16px;
  width: 81px;
  height: 52px;
  background-image: url(/drill-planet/assets/img/decorating/planets/sp/img-decorating-22.png);
}
.p-background-parallax-contact .p-background-parallax_object-02 {
  top: 500px;
  right: 16px;
  width: 48px;
  height: 64px;
  background-image: url(/drill-planet/assets/img/decorating/planets/sp/img-decorating-23.png);
}
.p-background-parallax-indexMain .p-background-parallax_object-01 {
  top: -90px;
  left: 10px;
  width: 42px;
  height: 65px;
  background-image: url(/drill-planet/assets/img/decorating/planets/sp/img-decorating-01.png);
}
.p-background-parallax-indexMain .p-background-parallax_object-02 {
  top: 128.891px;
  right: 17px;
  width: 33px;
  height: 24px;
  background-image: url(/drill-planet/assets/img/decorating/planets/sp/img-decorating-02.png);
}
.p-background-parallax-indexMain .p-background-parallax_object-03 {
  top: 433.891px;
  left: 19px;
  width: 34px;
  height: 34px;
  background-image: url(/drill-planet/assets/img/decorating/planets/sp/img-decorating-03-1.png);
}
.p-background-parallax-indexMain .p-background-parallax_object-04 {
  top: 364.891px;
  right: -34px;
  width: 86px;
  height: 86px;
  background-image: url(/drill-planet/assets/img/decorating/planets/sp/img-decorating-03.png);
}
.p-background-parallax-indexMain .p-background-parallax_object-05 {
  top: 665.891px;
  left: -11px;
  width: 59px;
  height: 59px;
  background-image: url(/drill-planet/assets/img/decorating/planets/sp/img-decorating-04.png);
}
.p-background-parallax-indexMain .p-background-parallax_object-06 {
  top: 681.891px;
  right: 6px;
  width: 115px;
  height: 80px;
  background-image: url(/drill-planet/assets/img/decorating/planets/sp/img-decorating-06.png);
}
.p-background-parallax-indexMain .p-background-parallax_object-07 {
  top: 1260.891px;
  right: 29px;
  width: 55px;
  height: 41px;
  background-image: url(/drill-planet/assets/img/decorating/planets/sp/img-decorating-10.png);
}
.p-background-parallax-indexFeature .p-background-parallax_object-01 {
  display: none;
}
.p-background-parallax-indexFeature .p-background-parallax_object-02 {
  top: 534px;
  right: 26px;
  width: 85px;
  height: 61px;
  background-image: url(/drill-planet/assets/img/decorating/planets/sp/img-decorating-13.png);
}
.p-background-parallax-indexFeature .p-background-parallax_object-03 {
  display: none;
}
.p-background-parallax-indexFeature .p-background-parallax_object-04 {
  top: 1835px;
  right: 29px;
  width: 55px;
  height: 41px;
  background-image: url(/drill-planet/assets/img/decorating/planets/sp/img-decorating-10.png);
}
.p-background-parallax-indexFeature .p-background-parallax_object-05 {
  display: none;
}
.p-background-parallax-indexHowtouse .p-background-parallax_object-01 {
  top: -80.084px;
  right: 26px;
  width: 85px;
  height: 65px;
  background-image: url(/drill-planet/assets/img/decorating/planets/sp/img-decorating-13.png);
}
.p-background-parallax-indexHowtouse .p-background-parallax_object-02 {
  display: none;
}
.p-background-parallax-indexHowtouse .p-background-parallax_object-03 {
  display: none;
}
.p-background-parallax-indexHowtouse .p-background-parallax_object-04 {
  display: none;
}
.p-background-parallax-indexHowtouse .p-background-parallax_object-05 {
  display: none;
}
.p-background-parallax-indexHowtouse .p-background-parallax_object-06 {
  display: none;
}
.p-background-parallax-indexService .p-background-parallax_object-01 {
  display: none;
}
.p-background-parallax-indexService .p-background-parallax_object-02 {
  top: -41px;
  left: 30px;
  width: 55px;
  height: 41px;
  background-image: url(/drill-planet/assets/img/decorating/planets/sp/img-decorating-10.png);
}
.p-background-parallax-indexService .p-background-parallax_object-03 {
  display: none;
}
.p-background-parallax-indexFlow .p-background-parallax_object-01 {
  top: -66px;
  right: -13px;
  width: 85px;
  height: 66px;
  background-image: url(/drill-planet/assets/img/decorating/planets/sp/img-decorating-19.png);
}
.p-background-parallax-indexFlow .p-background-parallax_object-02 {
  display: none;
}
.p-background-parallax-indexFaq .p-background-parallax_object-01 {
  display: none;
}
.p-background-parallax-homeworkMain .p-background-parallax_object-01 {
  top: -90px;
  left: 10px;
  width: 42px;
  height: 65px;
  background-image: url(/drill-planet/assets/img/decorating/planets/sp/img-decorating-01.png);
}
.p-background-parallax-homeworkMain .p-background-parallax_object-02 {
  top: 128.891px;
  right: 17px;
  width: 33px;
  height: 24px;
  background-image: url(/drill-planet/assets/img/decorating/planets/sp/img-decorating-02.png);
}
.p-background-parallax-homeworkMain .p-background-parallax_object-03 {
  top: 500.891px;
  left: -14px;
  width: 59px;
  height: 59px;
  background-image: url(/drill-planet/assets/img/decorating/planets/sp/img-decorating-04.png);
}
.p-background-parallax-homeworkMain .p-background-parallax_object-04 {
  top: 904.891px;
  right: 21px;
  width: 115px;
  height: 80px;
  background-image: url(/drill-planet/assets/img/decorating/planets/sp/img-decorating-06.png);
}
.p-background-parallax-homeworkMain .p-background-parallax_object-05 {
  display: none;
}
.p-background-parallax-homeworkMain .p-background-parallax_object-06 {
  top: 1387.891px;
  right: 23px;
  width: 55px;
  height: 41px;
  background-image: url(/drill-planet/assets/img/decorating/planets/sp/img-decorating-10.png);
}
.p-background-parallax-homeworkFeature .p-background-parallax_object-01 {
  top: 508px;
  left: -5px;
  width: 73px;
  height: 45px;
  background-image: url(/drill-planet/assets/img/decorating/planets/sp/img-decorating-11.png);
}
.p-background-parallax-homeworkFeature .p-background-parallax_object-02 {
  top: 1815px;
  right: 7px;
  width: 103px;
  height: 64px;
  background-image: url(/drill-planet/assets/img/decorating/planets/sp/img-decorating-12.png);
}
.p-background-parallax-homeworkHowtouse .p-background-parallax_object-01 {
  top: -416px;
  left: 16px;
  width: 85px;
  height: 61px;
  background-image: url(/drill-planet/assets/img/decorating/planets/sp/img-decorating-13.png);
}
.p-background-parallax-homeworkHowtouse .p-background-parallax_object-02 {
  top: 690px;
  right: -6px;
  width: 86px;
  height: 69px;
  background-image: url(/drill-planet/assets/img/decorating/planets/sp/img-decorating-14.png);
}
.p-background-parallax-homeworkHowtouse .p-background-parallax_object-03 {
  top: 1456px;
  left: -3px;
  width: 117px;
  height: 62px;
  background-image: url(/drill-planet/assets/img/decorating/planets/sp/img-decorating-15.png);
}
.p-background-parallax-learningMain .p-background-parallax_object-01 {
  top: -11.241px;
  left: 10px;
  width: 41px;
  height: 65px;
  background-image: url(/drill-planet/assets/img/decorating/planets/sp/img-decorating-01.png);
}
.p-background-parallax-learningMain .p-background-parallax_object-02 {
  top: 216.759px;
  right: 17px;
  width: 33px;
  height: 24px;
  background-image: url(/drill-planet/assets/img/decorating/planets/sp/img-decorating-02.png);
}
.p-background-parallax-learningMain .p-background-parallax_object-03 {
  top: 586.759px;
  left: -14px;
  width: 59px;
  height: 59px;
  background-image: url(/drill-planet/assets/img/decorating/planets/sp/img-decorating-04.png);
}
.p-background-parallax-learningMain .p-background-parallax_object-04 {
  top: 893.759px;
  right: -34px;
  width: 86px;
  height: 86px;
  background-image: url(/drill-planet/assets/img/decorating/planets/sp/img-decorating-03.png);
}
.p-background-parallax-learningFeature .p-background-parallax_object-01 {
  top: 2400.831px;
  left: 18px;
  width: 85px;
  height: 61px;
  background-image: url(/drill-planet/assets/img/decorating/planets/sp/img-decorating-13.png);
}
.p-background-parallax-learningFeature .p-background-parallax_object-02 {
  display: none;
}
.p-background-parallax-learningFeature .p-background-parallax_object-03 {
  display: none;
}
.p-background-parallax-learningFeature .p-background-parallax_object-04 {
  display: none;
}
.p-background-parallax-learningFeature .p-background-parallax_object-05 {
  display: none;
}
.p-background-parallax-learningFeature .p-background-parallax_object-06 {
  display: none;
}
.p-background-parallax-learningFeature .p-background-parallax_object-07 {
  display: none;
}
.p-background-parallax-learningHowtouse .p-background-parallax_object-01 {
  top: -180.224px;
  left: 22px;
  width: 85px;
  height: 61px;
  background-image: url(/drill-planet/assets/img/decorating/planets/sp/img-decorating-13.png);
}
.p-background-parallax-learningHowtouse .p-background-parallax_object-02 {
  display: none;
}
.i-label {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  margin-top: -1.5em;
  margin-right: 0.3em;
  margin-left: 0.3em;
  -webkit-transform: translateY(0.365em);
  transform: translateY(0.365em);
  vertical-align: baseline;
}
.i-label.-chevron {
  width: 0.75em;
}
.i-label-large {
  display: inline-block;
  width: 1.95em;
  height: 1.95em;
  margin-top: -1.95em;
  margin-right: 0.39em;
  margin-left: 0.39em;
  -webkit-transform: translateY(0.59em);
  transform: translateY(0.59em);
  vertical-align: baseline;
}
.i-label-large.-chevron {
  width: 0.975em;
}
.i-label-medium {
  display: inline-block;
  width: 1.11em;
  height: 1.11em;
  margin-top: -1.11em;
  margin-right: 0.222em;
  margin-right: 8px;
  margin-left: 0.222em;
  -webkit-transform: translateY(0.17em);
  transform: translateY(0.17em);
  vertical-align: baseline;
}
.i-label-medium.-chevron {
  width: 0.555em;
}
.i-label-small {
  display: inline-block;
  width: 1.05em;
  height: 1.05em;
  margin-top: -1.05em;
  margin-right: 0.21em;
  margin-left: 0.21em;
  -webkit-transform: translateY(0.14em);
  transform: translateY(0.14em);
  vertical-align: baseline;
}
.i-label-small.-chevron {
  width: 0.525em;
}
.i-label-right {
  margin-right: 0;
}
.i-label-left {
  margin-left: 0;
}
.i-label-24 {
  width: 24px;
  height: 24px;
  margin-top: 0;
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
}
.i-area {
  position: absolute;
  top: calc(50% - (1.5em * 0.5));
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: baseline;
}
.i-area.-chevron {
  width: 0.75em;
}
.i-area-right {
  right: 0.5em;
}
.i-area-left {
  left: 0.5em;
}
.i-area-large {
  position: absolute;
  top: calc(50% - (1.95em * 0.5));
  display: inline-block;
  width: 1.95em;
  height: 1.95em;
  vertical-align: baseline;
}
.i-area-large.-chevron {
  width: 0.975em;
}
.i-area-medium {
  position: absolute;
  top: calc(50% - (1em * 0.5));
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: baseline;
}
.i-area-medium.-chevron {
  width: 0.5em;
}
.i-area-small {
  position: absolute;
  top: calc(50% - (1.32em * 0.5));
  display: inline-block;
  width: 1.32em;
  height: 1.32em;
  vertical-align: baseline;
}
.i-area-small.-chevron {
  width: 0.66em;
}
.i-button {
  display: inline-block;
  width: 32px;
  height: 32px;
  vertical-align: middle;
}
.i-button-large {
  width: 41.6px;
  height: 41.6px;
}
.i-button-small {
  width: 22.4px;
  height: 22.4px;
}
.i-button.-chevron {
  width: 16px;
}
.u-box {
  margin-top: 48px;
  padding: 32px;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
}
.u-box-strong {
  border-color: #eceff1;
  background: #eceff1;
}
.u-box-dark {
  color: #fff;
  border-color: #263238;
  background: #263238;
}
.u-box-shadow {
  border: 1px solid #cfd8dc;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.15);
}
.u-ta-center {
  text-align: center;
}
.u-ta-center-imp {
  text-align: center !important;
}
.u-ta-left {
  text-align: left;
}
.u-ta-left-imp {
  text-align: left !important;
}
.u-ta-right {
  text-align: right;
}
.u-ta-right-imp {
  text-align: right !important;
}
.u-va-top {
  vertical-align: top;
}
.u-va-top-imp {
  vertical-align: top !important;
}
.u-va-middle {
  vertical-align: middle;
}
.u-va-middle-imp {
  vertical-align: middle !important;
}
.u-va-bottom {
  vertical-align: bottom;
}
.u-va-bottom-imp {
  vertical-align: bottom !important;
}
.u-ts-lv1 {
  font-size: 60px;
  font-weight: 700;
  line-height: 1.4;
}
.u-ts-lv1-imp {
  font-size: 60px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
}
.u-ts-lv2 {
  font-size: 32px;
  font-weight: 700;
  line-height: 1.75;
}
.u-ts-lv2-imp {
  font-size: 32px !important;
  font-weight: 700 !important;
  line-height: 1.75 !important;
}
.u-ts-lv3 {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3;
}
.u-ts-lv3-imp {
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
}
.u-ts-lv4 {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
}
.u-ts-lv4-imp {
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
}
.u-ts-headline {
  font-size: 17px;
  font-weight: 700;
  line-height: 1.5;
}
.u-ts-headline-imp {
  font-size: 17px !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
}
.u-ts-paragraph {
  font-size: 18px;
  line-height: 1.75;
}
.u-ts-paragraph-imp {
  font-size: 18px !important;
  line-height: 1.75 !important;
}
.u-ts-xlarge {
  font-size: 24px;
  line-height: 1.5;
}
.u-ts-xlarge-imp {
  font-size: 24px !important;
  line-height: 1.5 !important;
}
.u-ts-large {
  font-size: 20px;
  line-height: 1.5;
}
.u-ts-large-imp {
  font-size: 20px !important;
  line-height: 1.5 !important;
}
.u-ts-medium {
  font-size: 18px;
  line-height: 1.6;
}
.u-ts-medium-imp {
  font-size: 18px !important;
  line-height: 1.6 !important;
}
.u-ts-small {
  font-size: 14px;
  line-height: 1.75;
}
.u-ts-small-imp {
  font-size: 14px !important;
  line-height: 1.75 !important;
}
.u-ts-xsmall {
  font-size: 12px;
  line-height: 1.5;
}
.u-ts-xsmall-imp {
  font-size: 12px !important;
  line-height: 1.5 !important;
}
.u-tc-black {
  color: #000;
}
.u-tc-black-imp {
  color: #000 !important;
}
.u-tc-grey900 {
  color: #212121;
}
.u-tc-grey900-imp {
  color: #212121 !important;
}
.u-tc-grey800 {
  color: #424242;
}
.u-tc-grey800-imp {
  color: #424242 !important;
}
.u-tc-grey700 {
  color: #616161;
}
.u-tc-grey700-imp {
  color: #616161 !important;
}
.u-tc-grey600 {
  color: #757575;
}
.u-tc-grey600-imp {
  color: #757575 !important;
}
.u-tc-grey500 {
  color: #9e9e9e;
}
.u-tc-grey500-imp {
  color: #9e9e9e !important;
}
.u-tc-grey400 {
  color: #bdbdbd;
}
.u-tc-grey400-imp {
  color: #bdbdbd !important;
}
.u-tc-grey300 {
  color: #e0e0e0;
}
.u-tc-grey300-imp {
  color: #e0e0e0 !important;
}
.u-tc-grey200 {
  color: #eee;
}
.u-tc-grey200-imp {
  color: #eee !important;
}
.u-tc-grey100 {
  color: #f5f5f5;
}
.u-tc-grey100-imp {
  color: #f5f5f5 !important;
}
.u-tc-grey50 {
  color: #fafafa;
}
.u-tc-grey50-imp {
  color: #fafafa !important;
}
.u-tc-white {
  color: #fff;
}
.u-tc-white-imp {
  color: #fff !important;
}
.u-tc-Neutral-600 {
  color: #656975;
}
.u-tc-Neutral-600-imp {
  color: #656975 !important;
}
.u-tc-Neutral-500 {
  color: #a5abb8;
}
.u-tc-Neutral-500-imp {
  color: #a5abb8 !important;
}
.u-tc-Neutral-200 {
  color: #c5cddb;
}
.u-tc-Neutral-200-imp {
  color: #c5cddb !important;
}
.u-tc-Neutral-100 {
  color: #e1e5ed;
}
.u-tc-Neutral-100-imp {
  color: #e1e5ed !important;
}
.u-tc-Neutral-000 {
  color: #f7f9fc;
}
.u-tc-Neutral-000-imp {
  color: #f7f9fc !important;
}
.u-tc-Neutral-White {
  color: #fff;
}
.u-tc-Neutral-White-imp {
  color: #fff !important;
}
.u-tc-Secondary-800 {
  color: #202a46;
}
.u-tc-Secondary-800-imp {
  color: #202a46 !important;
}
.u-tc-Secondary-700 {
  color: #3b4772;
}
.u-tc-Secondary-700-imp {
  color: #3b4772 !important;
}
.u-tc-Secondary-100 {
  color: #f2f4fa;
}
.u-tc-Secondary-100-imp {
  color: #f2f4fa !important;
}
.u-tc-Primary-Heavy {
  color: #f8691b;
}
.u-tc-Primary-Heavy-imp {
  color: #f8691b !important;
}
.u-tc-Primary-Medium {
  color: #fa8619;
}
.u-tc-Primary-Medium-imp {
  color: #fa8619 !important;
}
.u-tc-Primary-Light {
  color: #fff7d4;
}
.u-tc-Primary-Light-imp {
  color: #fff7d4 !important;
}
.u-tc-background-beige {
  color: #fff5d2;
}
.u-tc-background-beige-imp {
  color: #fff5d2 !important;
}
.u-ls-0 {
  letter-spacing: 0 !important;
}
.u-fw-bold {
  font-weight: 700;
}
.u-bgc-black {
  background: #000;
}
.u-bgc-black-imp {
  background: #000 !important;
}
.u-bgc-grey900 {
  background: #212121;
}
.u-bgc-grey900-imp {
  background: #212121 !important;
}
.u-bgc-grey800 {
  background: #424242;
}
.u-bgc-grey800-imp {
  background: #424242 !important;
}
.u-bgc-grey700 {
  background: #616161;
}
.u-bgc-grey700-imp {
  background: #616161 !important;
}
.u-bgc-grey600 {
  background: #757575;
}
.u-bgc-grey600-imp {
  background: #757575 !important;
}
.u-bgc-grey500 {
  background: #9e9e9e;
}
.u-bgc-grey500-imp {
  background: #9e9e9e !important;
}
.u-bgc-grey400 {
  background: #bdbdbd;
}
.u-bgc-grey400-imp {
  background: #bdbdbd !important;
}
.u-bgc-grey300 {
  background: #e0e0e0;
}
.u-bgc-grey300-imp {
  background: #e0e0e0 !important;
}
.u-bgc-grey200 {
  background: #eee;
}
.u-bgc-grey200-imp {
  background: #eee !important;
}
.u-bgc-grey100 {
  background: #f5f5f5;
}
.u-bgc-grey100-imp {
  background: #f5f5f5 !important;
}
.u-bgc-grey50 {
  background: #fafafa;
}
.u-bgc-grey50-imp {
  background: #fafafa !important;
}
.u-bgc-white {
  background: #fff;
}
.u-bgc-white-imp {
  background: #fff !important;
}
.u-bgc-Neutral-600 {
  background: #656975;
}
.u-bgc-Neutral-600-imp {
  background: #656975 !important;
}
.u-bgc-Neutral-500 {
  background: #a5abb8;
}
.u-bgc-Neutral-500-imp {
  background: #a5abb8 !important;
}
.u-bgc-Neutral-200 {
  background: #c5cddb;
}
.u-bgc-Neutral-200-imp {
  background: #c5cddb !important;
}
.u-bgc-Neutral-100 {
  background: #e1e5ed;
}
.u-bgc-Neutral-100-imp {
  background: #e1e5ed !important;
}
.u-bgc-Neutral-000 {
  background: #f7f9fc;
}
.u-bgc-Neutral-000-imp {
  background: #f7f9fc !important;
}
.u-bgc-Neutral-White {
  background: #fff;
}
.u-bgc-Neutral-White-imp {
  background: #fff !important;
}
.u-bgc-Secondary-800 {
  background: #202a46;
}
.u-bgc-Secondary-800-imp {
  background: #202a46 !important;
}
.u-bgc-Secondary-700 {
  background: #3b4772;
}
.u-bgc-Secondary-700-imp {
  background: #3b4772 !important;
}
.u-bgc-Secondary-100 {
  background: #f2f4fa;
}
.u-bgc-Secondary-100-imp {
  background: #f2f4fa !important;
}
.u-bgc-Primary-Heavy {
  background: #f8691b;
}
.u-bgc-Primary-Heavy-imp {
  background: #f8691b !important;
}
.u-bgc-Primary-Medium {
  background: #fa8619;
}
.u-bgc-Primary-Medium-imp {
  background: #fa8619 !important;
}
.u-bgc-Primary-Light {
  background: #fff7d4;
}
.u-bgc-Primary-Light-imp {
  background: #fff7d4 !important;
}
.u-bgc-background-beige {
  background-color: #fff5d2;
}
.u-bgc-background-lightgreen {
  background: var(--g-color-light-green);
  /* padding-top: 12rem;
  padding-bottom: 42rem; */
  background-image: radial-gradient(#a6e0c9 0.2rem, transparent 0.2rem), radial-gradient(#a6e0c9 0.2rem, transparent 0.2rem);
  background-size: 2.6rem 2.6rem;
  background-position: 0 0, 1.3rem 1.3rem;
  overflow: hidden;
}
.u-bgc-background-beige-imp {
  background: #fff5d2 !important;
}
.u-bt-dashed {
  margin-top: 48px;
}
.u-bt-dashed::before {
  display: block;
  width: 100%;
  height: 2px;
  padding-top: 48px;
  content: "";
  background-image: linear-gradient(
    to right,
    #c5cddb 3px,
    transparent 3px,
    transparent 8px
  );
  background-repeat: space no-repeat;
  background-position: top;
  background-size: 8px 2px;
}
.u-dsp-md-none {
  display: block;
}
.u-dsp-pc {
  display: block;
}
.u-dsp-md-only {
  display: none;
}
.u-dsp-md {
  display: none;
}
.u-dsp-sp {
  display: none;
}
.u-bdc-black {
  border-color: #000;
}
.u-bdc-black-imp {
  border-color: #000 !important;
}
.u-bdc-grey900 {
  border-color: #212121;
}
.u-bdc-grey900-imp {
  border-color: #212121 !important;
}
.u-bdc-grey800 {
  border-color: #424242;
}
.u-bdc-grey800-imp {
  border-color: #424242 !important;
}
.u-bdc-grey700 {
  border-color: #616161;
}
.u-bdc-grey700-imp {
  border-color: #616161 !important;
}
.u-bdc-grey600 {
  border-color: #757575;
}
.u-bdc-grey600-imp {
  border-color: #757575 !important;
}
.u-bdc-grey500 {
  border-color: #9e9e9e;
}
.u-bdc-grey500-imp {
  border-color: #9e9e9e !important;
}
.u-bdc-grey400 {
  border-color: #bdbdbd;
}
.u-bdc-grey400-imp {
  border-color: #bdbdbd !important;
}
.u-bdc-grey300 {
  border-color: #e0e0e0;
}
.u-bdc-grey300-imp {
  border-color: #e0e0e0 !important;
}
.u-bdc-grey200 {
  border-color: #eee;
}
.u-bdc-grey200-imp {
  border-color: #eee !important;
}
.u-bdc-grey100 {
  border-color: #f5f5f5;
}
.u-bdc-grey100-imp {
  border-color: #f5f5f5 !important;
}
.u-bdc-grey50 {
  border-color: #fafafa;
}
.u-bdc-grey50-imp {
  border-color: #fafafa !important;
}
.u-bdc-white {
  border-color: #fff;
}
.u-bdc-white-imp {
  border-color: #fff !important;
}
.u-bdc-Neutral-600 {
  border-color: #656975;
}
.u-bdc-Neutral-600-imp {
  border-color: #656975 !important;
}
.u-bdc-Neutral-500 {
  border-color: #a5abb8;
}
.u-bdc-Neutral-500-imp {
  border-color: #a5abb8 !important;
}
.u-bdc-Neutral-200 {
  border-color: #c5cddb;
}
.u-bdc-Neutral-200-imp {
  border-color: #c5cddb !important;
}
.u-bdc-Neutral-100 {
  border-color: #e1e5ed;
}
.u-bdc-Neutral-100-imp {
  border-color: #e1e5ed !important;
}
.u-bdc-Neutral-000 {
  border-color: #f7f9fc;
}
.u-bdc-Neutral-000-imp {
  border-color: #f7f9fc !important;
}
.u-bdc-Neutral-White {
  border-color: #fff;
}
.u-bdc-Neutral-White-imp {
  border-color: #fff !important;
}
.u-bdc-Secondary-800 {
  border-color: #202a46;
}
.u-bdc-Secondary-800-imp {
  border-color: #202a46 !important;
}
.u-bdc-Secondary-700 {
  border-color: #3b4772;
}
.u-bdc-Secondary-700-imp {
  border-color: #3b4772 !important;
}
.u-bdc-Secondary-100 {
  border-color: #f2f4fa;
}
.u-bdc-Secondary-100-imp {
  border-color: #f2f4fa !important;
}
.u-bdc-Primary-Heavy {
  border-color: #f8691b;
}
.u-bdc-Primary-Heavy-imp {
  border-color: #f8691b !important;
}
.u-bdc-Primary-Medium {
  border-color: #fa8619;
}
.u-bdc-Primary-Medium-imp {
  border-color: #fa8619 !important;
}
.u-bdc-Primary-Light {
  border-color: #fff7d4;
}
.u-bdc-Primary-Light-imp {
  border-color: #fff7d4 !important;
}
.u-bdc-background-beige {
  border-color: #fff5d2;
}
.u-bdc-background-beige-imp {
  border-color: #fff5d2 !important;
}
.u-scrollPt {
  scroll-padding-top: 80px;
}
.u-mt-x0 {
  margin-top: 0;
}
.u-mt-x0-imp {
  margin-top: 0 !important;
}
.u-mt-x1 {
  margin-top: 8px;
}
.u-mt-x1-imp {
  margin-top: 8px !important;
}
.u-mt-x2 {
  margin-top: 16px;
}
.u-mt-x2-imp {
  margin-top: 16px !important;
}
.u-mt-x3 {
  margin-top: 24px;
}
.u-mt-x3-imp {
  margin-top: 24px !important;
}
.u-mt-x4 {
  margin-top: 32px;
}
.u-mt-x4-imp {
  margin-top: 32px !important;
}
.u-mt-x5 {
  margin-top: 40px;
}
.u-mt-x5-imp {
  margin-top: 40px !important;
}
.u-mt-x6 {
  margin-top: 48px;
}
.u-mt-x6-imp {
  margin-top: 48px !important;
}
.u-mt-x7 {
  margin-top: 56px;
}
.u-mt-x7-imp {
  margin-top: 56px !important;
}
.u-mt-x8 {
  margin-top: 64px;
}
.u-mt-x8-imp {
  margin-top: 64px !important;
}
.u-mt-x9 {
  margin-top: 72px;
}
.u-mt-x9-imp {
  margin-top: 72px !important;
}
.u-mt-x10 {
  margin-top: 80px;
}
.u-mt-x10-imp {
  margin-top: 80px !important;
}
.u-mt-x11 {
  margin-top: 88px;
}
.u-mt-x11-imp {
  margin-top: 88px !important;
}
.u-mt-x12 {
  margin-top: 96px;
}
.u-mt-x12-imp {
  margin-top: 96px !important;
}
.u-mt-x13 {
  margin-top: 104px;
}
.u-mt-x13-imp {
  margin-top: 104px !important;
}
.u-mt-x14 {
  margin-top: 112px;
}
.u-mt-x14-imp {
  margin-top: 112px !important;
}
.u-mt-x15 {
  margin-top: 120px;
}
.u-mt-x15-imp {
  margin-top: 120px !important;
}
.u-mt-x16 {
  margin-top: 128px;
}
.u-mt-x16-imp {
  margin-top: 128px !important;
}
.u-mt-x17 {
  margin-top: 136px;
}
.u-mt-x17-imp {
  margin-top: 136px !important;
}
.u-mt-x18 {
  margin-top: 144px;
}
.u-mt-x18-imp {
  margin-top: 144px !important;
}
.u-mt-x19 {
  margin-top: 152px;
}
.u-mt-x19-imp {
  margin-top: 152px !important;
}
.u-mt-x20 {
  margin-top: 160px;
}
.u-mt-x20-imp {
  margin-top: 160px !important;
}
.u-mt-x21 {
  margin-top: 168px;
}
.u-mt-x21-imp {
  margin-top: 168px !important;
}
.u-mt-x22 {
  margin-top: 176px;
}
.u-mt-x22-imp {
  margin-top: 176px !important;
}
.u-mt-x23 {
  margin-top: 184px;
}
.u-mt-x23-imp {
  margin-top: 184px !important;
}
.u-mt-x24 {
  margin-top: 192px;
}
.u-mt-x24-imp {
  margin-top: 192px !important;
}
.u-mt-x25 {
  margin-top: 200px;
}
.u-mt-x25-imp {
  margin-top: 200px !important;
}
.u-mt-x0_5 {
  margin-top: 4px;
}
.u-mt-x0_5-imp {
  margin-top: 4px !important;
}
.u-mt-x1_5 {
  margin-top: 12px;
}
.u-mt-x1_5-imp {
  margin-top: 12px !important;
}
.u-mt-x2_5 {
  margin-top: 20px;
}
.u-mt-x2_5-imp {
  margin-top: 20px !important;
}
.u-mt-x3_5 {
  margin-top: 28px;
}
.u-mt-x3_5-imp {
  margin-top: 28px !important;
}
.u-mt-x4_5 {
  margin-top: 36px;
}
.u-mt-x4_5-imp {
  margin-top: 36px !important;
}
.u-mt-x5_5 {
  margin-top: 44px;
}
.u-mt-x5_5-imp {
  margin-top: 44px !important;
}
.u-mt-x6_5 {
  margin-top: 52px;
}
.u-mt-x6_5-imp {
  margin-top: 52px !important;
}
.u-mt-x7_5 {
  margin-top: 60px;
}
.u-mt-x7_5-imp {
  margin-top: 60px !important;
}
.u-mt-x8_5 {
  margin-top: 68px;
}
.u-mt-x8_5-imp {
  margin-top: 68px !important;
}
.u-mt-x9_5 {
  margin-top: 76px;
}
.u-mt-x9_5-imp {
  margin-top: 76px !important;
}
.u-mt-x10_5 {
  margin-top: 84px;
}
.u-mt-x10_5-imp {
  margin-top: 84px !important;
}
.u-mt-x11_5 {
  margin-top: 92px;
}
.u-mt-x11_5-imp {
  margin-top: 92px !important;
}
.u-mt-x12_5 {
  margin-top: 100px;
}
.u-mt-x12_5-imp {
  margin-top: 100px !important;
}
.u-mt-x13_5 {
  margin-top: 108px;
}
.u-mt-x13_5-imp {
  margin-top: 108px !important;
}
.u-mt-x14_5 {
  margin-top: 116px;
}
.u-mt-x14_5-imp {
  margin-top: 116px !important;
}
.u-mt-x15_5 {
  margin-top: 124px;
}
.u-mt-x15_5-imp {
  margin-top: 124px !important;
}
.u-mt-x16_5 {
  margin-top: 132px;
}
.u-mt-x16_5-imp {
  margin-top: 132px !important;
}
.u-mt-x17_5 {
  margin-top: 140px;
}
.u-mt-x17_5-imp {
  margin-top: 140px !important;
}
.u-mt-x18_5 {
  margin-top: 148px;
}
.u-mt-x18_5-imp {
  margin-top: 148px !important;
}
.u-mt-x19_5 {
  margin-top: 156px;
}
.u-mt-x19_5-imp {
  margin-top: 156px !important;
}
.u-mt-x20_5 {
  margin-top: 164px;
}
.u-mt-x20_5-imp {
  margin-top: 164px !important;
}
.u-mt-x21_5 {
  margin-top: 172px;
}
.u-mt-x21_5-imp {
  margin-top: 172px !important;
}
.u-mt-x22_5 {
  margin-top: 180px;
}
.u-mt-x22_5-imp {
  margin-top: 180px !important;
}
.u-mt-x23_5 {
  margin-top: 188px;
}
.u-mt-x23_5-imp {
  margin-top: 188px !important;
}
.u-mt-x24_5 {
  margin-top: 196px;
}
.u-mt-x24_5-imp {
  margin-top: 196px !important;
}
.u-mt-x25_5 {
  margin-top: 204px;
}
.u-mt-x25_5-imp {
  margin-top: 204px !important;
}
.u-ml-1grid {
  margin-left: 8.3%;
}
.u-ml-1grid.l-grid {
  margin-left: calc(8.3% - 12px);
}
.u-ml-1grid.l-gapXlarge-lg {
  margin-left: calc(8.3% - 24px);
}
.u-pl-0_5em {
  padding-left: 0.5em;
}

/* support */
.support-step {
  display: flex;
  justify-content: space-evenly;
  margin: 50px 0;
}
.support-step-section {
  width: 30%;
}
.support-step-content {
  background: #ffffff;
  padding: 30px;
  border-radius: 15px;
  box-shadow: 0 14px 16px rgb(0 0 0 / 10%);
}
.support-step-head {
  background: #ffffff;
  width: 150px;
  height: 75px;
  border-radius: 50% / 100% 100% 0 0;
  margin: 0 auto;
  box-shadow: 0 8px 16px rgb(0 0 0 / 10%);
}
.support-step-title {
  text-align: center;
  margin: 10px;
}
.support-step-title > h3 {
  font-size: 20px;
}
.support-step-contenttxt {
  height: 100px;
}
.support-step-contenttxt > p {
  font-size: 16px;
}
.support-step-contentlink {
  font-weight: bold;
  margin-top: 10px;
}
.support-step-contentlink > a {
  color: #edae40;
  text-decoration: none;
  display: flex;
  justify-content: center;
}
.support-step-mov {
  width: 60%;
  margin: 60px auto 100px;
}
.support-step-h3 {
  font-size: 38px;
}
.step-head-txt {
  text-align: center;
  padding: 25px;
  color: #edae40;
  font-weight: bold;
  line-height: 1.1;
}
span.step {
  font-size: 15px;
}
span.stepNom {
  font-size: 30px;
}

@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: var(--g-color-green);
    background-color: transparent;
  }
  .g-headerNav_listItemLink:hover::after {
    background-color: var(--g-color-green);
  }
  .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: 1240px) {
  /*! Medium and Small */
  .p-background-parallax-indexMain .p-background-parallax_object-02 {
    display: none;
  }
}
@media screen and (max-width: 1150px) {
}
/* @media screen and (max-width: 1140px){ */
@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;
  }
}
@media screen and (min-width: 768px) {
  /*! over Medium */
  .l-container::after {
    height: 354px;
    background-image: url(/drill-planet/assets/img/decorating/img-bg-skew-white-pc-01.png);
    background-size: 100% 354px;
  }
  .l-container-feature::after {
    bottom: -1px;
    height: 354px;
    background-image: url(/drill-planet/assets/img/decorating/img-bg-skew-yellow-pc-02.png);
    background-size: 100% 354px;
  }
  .l-container-howtouse {
    padding: 24px 0 354px;
  }
  .l-container-howtouse::after {
    bottom: -2px;
    height: 354px;
    background-image: url(/drill-planet/assets/img/decorating/img-bg-skew-blue-pc-01.png);
    background-size: 100% 354px;
  }
  .l-container:last-child {
    padding-bottom: 250px;
  }
  .l-container:last-child::after {
    /* bottom: -2px;
    height: 354px;
    background-size: 100% 354px;
    background-image: url(/drill-planet/assets/img/decorating/img-bg-skew-blue-pc-01.png); */
    
    background: var(--g-color-green);
    /* 
    height: 400px;
    transform: skewY(-10deg);
    bottom: -100px;
     */
    
    height: 250px;
    bottom: 0px;
    clip-path: polygon(0 250px, 100% 0, 100% calc(100% - 0px), 0 100%);
    clip-path: polygon(0 0, 0 0, 0 0, 0 0);
  }
  .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;
  }
  .p-homework-containerHowtouse .l-section {
    margin-top: -82px;
  }
  .l-container.p-index-containerMain {
    padding-top: 120px;
    padding-bottom: 437px;
  }
  .p-learning-containerHowtouse:last-child {
    padding-bottom: 255px;
  }
  .p-learning-containerHowtouse .l-section {
    margin-top: -82px;
  }
}
/* @media screen and (min-width: 768px) and (max-width: 1140px){ */
@media screen and (min-width: 768px) and (max-width: 1140px) {
  /*! Medium only */
  .l-container::before {
    top: -36px;
    width: 120%;
  }
  .l-container-main::before {
    /* top: 60px;
    background-image: url(/drill-planet/assets/img/decorating/bg-subpage-kv-pc.png);
    background-size: 1500px auto; */
  }
  .l-grid > .l-grid_item-1-md {
    width: 8.3333333333%;
  }
  .l-grid > .l-grid_item-2-md {
    width: 16.6666666667%;
  }
  .l-grid > .l-grid_item-3-md {
    width: 25%;
  }
  .l-grid > .l-grid_item-4-md {
    width: 33.3333333333%;
  }
  .l-grid > .l-grid_item-5-md {
    width: 41.6666666667%;
  }
  .l-grid > .l-grid_item-6-md {
    width: 50%;
  }
  .l-grid > .l-grid_item-7-md {
    width: 58.3333333333%;
  }
  .l-grid > .l-grid_item-8-md {
    width: 66.6666666667%;
  }
  .l-grid > .l-grid_item-9-md {
    width: 75%;
  }
  .l-grid > .l-grid_item-10-md {
    width: 83.3333333333%;
  }
  .l-grid > .l-grid_item-11-md {
    width: 91.6666666667%;
  }
  .l-grid > .l-grid_item-12-md {
    width: 100%;
  }
  .l-grid-center-md {
    justify-content: center;
  }
  .l-grid-yCenter-md {
    align-items: center;
  }
  .l-grid-spaceBetween-md {
    justify-content: space-between;
  }
  .l-grid > .l-grid_item-5per-md {
    width: 5%;
  }
  .l-grid > .l-grid_item-10per-md {
    width: 10%;
  }
  .l-grid > .l-grid_item-15per-md {
    width: 15%;
  }
  .l-grid > .l-grid_item-20per-md {
    width: 20%;
  }
  .l-grid > .l-grid_item-25per-md {
    width: 25%;
  }
  .l-grid > .l-grid_item-30per-md {
    width: 30%;
  }
  .l-grid > .l-grid_item-35per-md {
    width: 35%;
  }
  .l-grid > .l-grid_item-40per-md {
    width: 40%;
  }
  .l-grid > .l-grid_item-45per-md {
    width: 45%;
  }
  .l-grid > .l-grid_item-50per-md {
    width: 50%;
  }
  .l-grid > .l-grid_item-55per-md {
    width: 55%;
  }
  .l-grid > .l-grid_item-60per-md {
    width: 60%;
  }
  .l-grid > .l-grid_item-65per-md {
    width: 65%;
  }
  .l-grid > .l-grid_item-70per-md {
    width: 70%;
  }
  .l-grid > .l-grid_item-75per-md {
    width: 75%;
  }
  .l-grid > .l-grid_item-80per-md {
    width: 80%;
  }
  .l-grid > .l-grid_item-85per-md {
    width: 85%;
  }
  .l-grid > .l-grid_item-90per-md {
    width: 90%;
  }
  .l-grid > .l-grid_item-95per-md {
    width: 95%;
  }
  .l-grid > .l-grid_item-100per-md {
    width: 100%;
  }
  .l-grid-hreverse-md {
    flex-direction: row-reverse;
  }
  .l-grid-vreverse-md {
    flex-direction: column-reverse;
  }
  .l-tile-1-md > .l-tile_item {
    width: 100%;
  }
  .l-tile-2-md > .l-tile_item {
    width: 50%;
  }
  .l-tile-3-md > .l-tile_item {
    width: 33.3333333333%;
  }
  .l-tile-4-md > .l-tile_item {
    width: 25%;
  }
  .l-tile-5-md > .l-tile_item {
    width: 20%;
  }
  .l-tile-6-md > .l-tile_item {
    width: 16.6666666667%;
  }
  .l-tile-7-md > .l-tile_item {
    width: 14.2857142857%;
  }
  .l-tile-8-md > .l-tile_item {
    width: 12.5%;
  }
  .l-tile-9-md > .l-tile_item {
    width: 11.1111111111%;
  }
  .l-tile-10-md > .l-tile_item {
    width: 10%;
  }
  .l-gapLarge-md {
    margin-right: -20px;
    margin-bottom: -40px;
    margin-left: -20px;
  }
  .l-gapLarge-md > [class*="item"] {
    margin-bottom: 40px;
    padding-right: 20px;
    padding-left: 20px;
  }
  .l-gapMedium-md {
    margin-right: -16px;
    margin-bottom: -32px;
    margin-left: -16px;
  }
  .l-gapMedium-md > [class*="item"] {
    margin-bottom: 32px;
    padding-right: 16px;
    padding-left: 16px;
  }
  .l-gapSmall-md {
    margin-right: -6px;
    margin-bottom: -12px;
    margin-left: -6px;
  }
  .l-gapSmall-md > [class*="item"] {
    margin-bottom: 12px;
    padding-right: 6px;
    padding-left: 6px;
  }
  .l-gapOne-md {
    margin-right: -0.5px;
    margin-bottom: -1px;
    margin-left: -0.5px;
  }
  .l-gapOne-md > [class*="item"] {
    margin-bottom: 1px;
    padding-right: 0.5px;
    padding-left: 0.5px;
  }
  .l-gapNone-md {
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
  }
  .l-gapNone-md > [class*="item"] {
    margin-bottom: 0;
    padding-right: 0;
    padding-left: 0;
  }
  .c-news .c-tag {
    margin-top: 2px;
    margin-right: auto;
  }
  .p-index-overview_img {
    height: 88px;
  }
  .p-index-overview_img > img {
    width: auto;
    height: 100%;
  }
  .p-index-overview_largeText {
    font-size: 20px;
  }
  .p-learning-anchor .l-tile {
    margin-right: -20px;
    margin-left: -20px;
    justify-content: center;
  }
  .p-learning-anchor .l-tile_item {
    width: auto;
    padding-right: 20px;
    padding-left: 20px;
  }
  .p-background-parallax-learningMain .p-background-parallax_object-04 {
    top: 890px;
  }
  .u-dsp-md-only {
    display: block;
  }
  .p-index-overview_contentSmall {
    margin-top: 180px;
  }
}
@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 (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;
}

.l-area_left {
  margin-right: 50px;
}
.l-area_right {
  border-left: 1px solid #cccccc;
  padding-left: 50px;
}
.l-area_left,
.l-area_right {
  /* width: calc(90% / 2); */
  display: inline-block;
  text-align: left;
}

.title::before {
  content: "";
  position: absolute;
  left: 20px;
  display: block;
  /* background: url(/drill-planet/assets/img/decorating/planets/pc/img-decorating-03.png)
    no-repeat; */
  background-size: contain;
  width: 50px;
  height: 67px;
}
.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; */
}

.g-headerNav_grchildListItem {
  margin-left: 40px;
}

.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: var(--g-color-green);
  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: var(--g-color-green);
}

.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;
}
/*-- 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;
}

.l-area_left {
  margin-right: 50px;
}
.l-area_right {
  border-left: 1px solid #cccccc;
  padding-left: 50px;
}
.l-area_left,
.l-area_right {
  /* width: calc(90% / 2); */
  display: inline-block;
  text-align: left;
}

.title::before {
  content: "";
  position: absolute;
  left: 20px;
  display: block;
  /* background: url(/drill-planet/assets/img/decorating/planets/pc/img-decorating-03.png)
    no-repeat; */
  background-size: contain;
  width: 50px;
  height: 67px;
}

/* 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;
}

/* .g-headerNav_grchildListItem {
  margin-left: 40px;
} */

.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: var(--g-color-green);
  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: var(--g-color-green);
}
/* ------
accodion
------ */
/*チェックボックス見せない*/
.g-headerNav_listItem input {
  display: none; /*チェックボックス非表示*/
}
/* style.css上書き */
.g-headerNav_listItem.g-headerNav_listItem-current a:not(.color_navy) {
  text-decoration: none;
  color: var(--g-color-green);
  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: var(--g-color-green);
}

@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 ~ #links01 .g-headerNav_childListItem div.title,
  #menu_bar02:checked ~ #links01 .g-headerNav_childListItem div.title,
  #menu_bar01:checked ~ #links01 .g-headerNav_childListItem div.title {
    height: 45px;
    opacity: 1;
  }
  #menu_bar03:checked ~ #links01 .g-headerNav_childListItem div.title_2row,
  #menu_bar02:checked ~ #links01 .g-headerNav_childListItem div.title_2row,
  #menu_bar01:checked ~ #links01 .g-headerNav_childListItem div.title_2row {
    height: 65px;
    opacity: 1;
  }
  #menu_bar03:checked ~ #links01 .g-headerNav_childListItem li,
  #menu_bar02:checked ~ #links01 .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 #links01 .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 ~ #links01 .g-headerNav_childListItem div.title,
  #menu_bar02:checked ~ #links01 .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;
  }
}

@media screen and (max-width: 767px) {
  .u-bt-dashed {
    margin-top: 0;
  }
  .u-bt-dashed::before {
    display: none;
  }
}

/* style.css 上書き index.html */
.using-Flow {
  margin-top: 150px;
}

/* 20231003追記 */
.top-medemiru-sample {
  text-align: center;
}
.top-medemiru-sample-p {
  font-size: 170%;
  font-weight: bold;
  margin: 15px;
}
.top-medemiru-sample-img {
  background: #ffffff;
  border-radius: 15px;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
  padding: 20px;
  width: 80%;
  margin: 20px auto;
}
.top-medemiru-sample-img p {
  margin-top: 10px;
  text-decoration: none;
}

/* 20231129追記 */
.update .c-update_p {
  display: inline-block;
}
.update .c-update-item {
  padding: 0;
}
.update .update-other-doc {
  margin: -5px 40px;
}
.update .document-star-sec {
  height: 0;
}
.update .c-headingLv2-numberedTitle,
.update .c-headingLv2-numberedTitle:first-child {
  margin-top: 0;
  padding-top: 65px;
}
.update .doc01-01 > .d-star02 {
  top: -290px;
}
.update .doc01-01 > .d-star02 {
  top: -290px;
}
.g-headerNav_list .g-headerNav_childList {
  /* left: 14%; */
}
.update .head1 {
  background: #fff5d2;
}
.update .c-update_body {
  height: unset;
}
@media screen and (min-width: 767px) and (max-width: 1140px) {
  .update .l-container-main {
    padding-bottom: 250px;
  }
  .update .l-container-feature {
    margin-top: -120px;
  }
}
@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) {
  .update .c-headingBorder {
    line-height: 1.3;
    padding-bottom: 5px;
  }
  .update .update-doc-pdf-txt > p {
    width: 100%;
  }
  .update .update-doc-icon {
    margin-left: 15px;
  }
  .update .p-background-parallax-learningMain .p-background-parallax_object-03 {
    top: 463.759px;
    left: -25px;
    width: 59px;
    height: 59px;
    background-image: url(/drill-planet/assets/img/decorating/planets/sp/img-decorating-04.png);
  }
  .update .p-background-parallax-learningMain .p-background-parallax_object-02 {
    top: 216.759px;
    right: 10px;
    width: 33px;
    height: 24px;
    background-image: url(/drill-planet/assets/img/decorating/planets/sp/img-decorating-02.png);
  }
  .update .p-background-parallax-learningMain .p-background-parallax_object-01 {
    top: -46.241px;
  }
}

/* 20240313追記 */
@media screen and (max-width: 1140px) {
  .top-medemiru-sample-img {
    width : 100% ;
  }
}
@media screen and (min-width: 768px) {
  .sp-img-cbt {
    display: none ;
  }
}
@media screen and (max-width: 767px) {
  .pc-img-cbt {
    display: none ;
  }
}