@charset "UTF-8";



.is-pc .l-header__menu__buttons a {

    overflow: hidden;

    position: relative

}



.is-pc .l-header__menu__buttons a .arrow,

.is-pc .l-header__menu__buttons a .js-svg,

.is-pc .l-header__menu__buttons a .text,

.is-pc .l-header__menu__buttons a svg {

    position: relative

}



.is-pc .l-header__menu__buttons a:before {

    background-color: hsla(0, 0%, 100%, .5);

    border-radius: 9999px;

    content: "";

    display: block;

    left: 50%;

    padding-top: 100%;

    position: absolute;

    top: 50%;

    -webkit-transform: translate(-50%, -50%) scale(0);

    transform: translate(-50%, -50%) scale(0);

    -webkit-transition: opacity 0s, -webkit-transform 0s;

    transition: opacity 0s, -webkit-transform 0s;

    transition: transform 0s, opacity 0s;

    transition: transform 0s, opacity 0s, -webkit-transform 0s;

    width: 100%

}



.is-pc .l-header__menu__buttons a:hover:before {

    opacity: 0;

    -webkit-transform: translate(-50%, -50%) scale(1);

    transform: translate(-50%, -50%) scale(1);

    -webkit-transition: opacity 1s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1);

    transition: opacity 1s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1);

    transition: transform 1s cubic-bezier(.215, .61, .355, 1), opacity 1s;

    transition: transform 1s cubic-bezier(.215, .61, .355, 1), opacity 1s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1)

}



/*! destyle.css v2.0.2 | MIT License | https://github.com/nicolas-cusan/destyle.css */

*,

:after,

:before {

    border-style: solid;

    border-width: 0;

    -webkit-box-sizing: border-box;

    box-sizing: border-box

}



html {

    -webkit-text-size-adjust: 100%;

    -webkit-tap-highlight-color: transparent;

    line-height: 1.15

}



body {

    margin: 0

}



main {

    display: block

}



address,

blockquote,

dl,

figure,

form,

iframe,

p,

picture,

pre,

table {

    margin: 0

}



h1,

h2,

h3,

h4,

h5,

h6 {

    font-size: inherit;

    font-weight: inherit;

    line-height: inherit;

    margin: 0

}



ol,

ul {

    list-style: none;

    margin: 0;

    padding: 0

}



dt {

    font-weight: 700

}



dd {

    margin-left: 0

}



hr {

    border-top-width: 1px;

    -webkit-box-sizing: content-box;

    box-sizing: content-box;

    clear: both;

    color: inherit;

    height: 0;

    margin: 0;

    overflow: visible

}



pre {

    font-family: monospace, monospace;

    font-size: inherit

}



address {

    font-style: inherit

}



a {

    background-color: transparent;

    color: inherit;

    text-decoration: none

}



abbr[title] {

    text-decoration: underline;

    -webkit-text-decoration: underline dotted;

    text-decoration: underline dotted

}



b,

strong {

    font-weight: bolder

}



code,

kbd,

samp {

    font-family: monospace, monospace;

    font-size: inherit

}



small {

    font-size: 80%

}



sub,

sup {

    font-size: 75%;

    line-height: 0;

    position: relative;

    vertical-align: baseline

}



sub {

    bottom: -.25em

}



sup {

    top: -.5em

}



embed,

iframe,

img,

object {

    vertical-align: bottom

}



button,

input,

optgroup,

select,

textarea {

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    background: transparent;

    border-radius: 0;

    color: inherit;

    font: inherit;

    margin: 0;

    outline: 0;

    padding: 0;

    text-align: inherit;

    vertical-align: middle

}



[type=checkbox] {

    -webkit-appearance: checkbox;

    -moz-appearance: checkbox;

    appearance: checkbox

}



[type=radio] {

    -webkit-appearance: radio;

    -moz-appearance: radio;

    appearance: radio

}



button,

input {

    overflow: visible

}



button,

select {

    text-transform: none

}



[type=button],

[type=reset],

[type=submit],

button {

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    cursor: pointer

}



[type=button][disabled],

[type=reset][disabled],

[type=submit][disabled],

button[disabled] {

    cursor: default

}



[type=button]::-moz-focus-inner,

[type=reset]::-moz-focus-inner,

[type=submit]::-moz-focus-inner,

button::-moz-focus-inner {

    border-style: none;

    padding: 0

}



[type=button]:-moz-focusring,

[type=reset]:-moz-focusring,

[type=submit]:-moz-focusring,

button:-moz-focusring {

    outline: 1px dotted ButtonText

}



select::-ms-expand {

    display: none

}



fieldset,

option {

    padding: 0

}



fieldset {

    margin: 0;

    min-width: 0

}



legend {

    color: inherit;

    display: table;

    max-width: 100%;

    padding: 0;

    white-space: normal

}



progress {

    vertical-align: baseline

}



textarea {

    overflow: auto

}



[type=number]::-webkit-inner-spin-button,

[type=number]::-webkit-outer-spin-button {

    height: auto

}



[type=search] {

    outline-offset: -2px

}



[type=search]::-webkit-search-decoration {

    -webkit-appearance: none

}



::-webkit-file-upload-button {

    -webkit-appearance: button;

    font: inherit

}



label[for] {

    cursor: pointer

}



details {

    display: block

}



summary {

    display: list-item

}



[contenteditable] {

    outline: none

}



table {

    border-spacing: 0

}



caption {

    text-align: left

}



td,

th {

    padding: 0

}



th {

    font-weight: 700;

    text-align: left

}



[hidden],

template {

    display: none

}



html {

    font-size: 62.5%

}



body {

    -webkit-text-size-adjust: 100%;

    -webkit-font-feature-settings: "palt";

    font-feature-settings: "palt";

    background: #fff;

    color: #111;

    /* font-family: "YuGothic", "Yu Gothic", "游ゴシック体", sans-serif !important; */

    font-family: "Yu Gothic Medium", "游ゴシック Medium", "YuGothic", "游ゴシック体", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif !important;

    /* font-family: Yu Gothic Medium,游ゴシック Medium,YuGothic,游ゴシック体,Hiragino Kaku Gothic ProN,メイリオ,Hiragino Sans,Noto Sans JP,BIZ UDPGothic,Meiryo,Helvetica Neue,Arial,sans-serif; */

    font-size: 1.6rem;

    letter-spacing: .05em;

    line-height: 180%;

    text-indent: 0

}



body.home .l-main,

body.page-id-654 .l-main,

body.page-id-86 .l-main,

body.post-type-archive-special .l-main,

body.single-products .l-main,

body.single-special .l-main {

    overflow: hidden

}



#page {

    font-weight: 500;

    position: relative

}



figure,

picture {

    display: block

}



img {

    height: auto;

    max-width: 100%;

    min-height: 1px;

    vertical-align: bottom

}



.js-svg {

    height: 1em;

    width: 1em

}



img.js-svg {

    opacity: 0

}



svg.js-svg {

    opacity: 1

}



svg {

    overflow: hidden

}



table {

    border-collapse: collapse;

    margin: 0 auto;

    width: 100%

}



td,

th {

    border: 1px solid #ccc;

    vertical-align: top

}



input,

textarea {

    background-color: #fff;

    border: 1px solid #a7a6aa;

    border-radius: 2px;

    margin: 0;

    padding: 5px 7px

}



input[type=text],

textarea {

    border: 1px solid #aaa;

    outline: none;

    -webkit-transition: all .3s ease;

    transition: all .3s ease

}



input[type=text]:focus,

textarea:focus {

    border: 1px solid #52a8ec;

    -webkit-box-shadow: 0 0 7px #52a8ec;

    box-shadow: 0 0 7px #52a8ec

}



.js-anim_elm.-base {

    opacity: 0;

    -webkit-transform: translateY(calc(1.63265vw + 13.87755px));

    transform: translateY(calc(1.63265vw + 13.87755px));

    -webkit-transition: opacity 1s cubic-bezier(.215, .61, .355, 1), -webkit-transform 2s cubic-bezier(.215, .61, .355, 1);

    transition: opacity 1s cubic-bezier(.215, .61, .355, 1), -webkit-transform 2s cubic-bezier(.215, .61, .355, 1);

    transition: transform 2s cubic-bezier(.215, .61, .355, 1), opacity 1s cubic-bezier(.215, .61, .355, 1);

    transition: transform 2s cubic-bezier(.215, .61, .355, 1), opacity 1s cubic-bezier(.215, .61, .355, 1), -webkit-transform 2s cubic-bezier(.215, .61, .355, 1)

}



.js-anim_elm.-base.is-act {

    opacity: 1;

    -webkit-transform: translateY(0);

    transform: translateY(0)

}



.js-anim_elm.-baseright {

    opacity: 0;

    -webkit-transform: translateX(calc(1.63265vw + 13.87755px));

    transform: translateX(calc(1.63265vw + 13.87755px));

    -webkit-transition: opacity .5s cubic-bezier(.215, .61, .355, 1), -webkit-transform 1s cubic-bezier(.215, .61, .355, 1);

    transition: opacity .5s cubic-bezier(.215, .61, .355, 1), -webkit-transform 1s cubic-bezier(.215, .61, .355, 1);

    transition: transform 1s cubic-bezier(.215, .61, .355, 1), opacity .5s cubic-bezier(.215, .61, .355, 1);

    transition: transform 1s cubic-bezier(.215, .61, .355, 1), opacity .5s cubic-bezier(.215, .61, .355, 1), -webkit-transform 1s cubic-bezier(.215, .61, .355, 1)

}



.js-anim_elm.-baseright.is-act {

    margin-top: 5%;

    opacity: 1;

    -webkit-transform: translateX(0);

    transform: translateX(0);

}







.js-anim_elm.-baseleft {

    opacity: 0;

    -webkit-transform: translateX(calc(-1.63265vw - 13.87755px));

    transform: translateX(calc(-1.63265vw - 13.87755px));

    -webkit-transition: opacity .5s cubic-bezier(.215, .61, .355, 1), -webkit-transform 1s cubic-bezier(.215, .61, .355, 1);

    transition: opacity .5s cubic-bezier(.215, .61, .355, 1), -webkit-transform 1s cubic-bezier(.215, .61, .355, 1);

    transition: transform 1s cubic-bezier(.215, .61, .355, 1), opacity .5s cubic-bezier(.215, .61, .355, 1);

    transition: transform 1s cubic-bezier(.215, .61, .355, 1), opacity .5s cubic-bezier(.215, .61, .355, 1), -webkit-transform 1s cubic-bezier(.215, .61, .355, 1)

}



.js-anim_elm.-baseleft.is-act {

    opacity: 1;

    -webkit-transform: translateX(0);

    transform: translateX(0)

}



.js-anim_elm.-slide {

    opacity: 0;

    position: relative;

    -webkit-transition: all .3s ease .3s;

    transition: all .3s ease .3s

}



.js-anim_elm.-slide:after {

    background-color: #fff;

    content: "";

    height: 100%;

    position: absolute;

    right: 0;

    top: 0;

    -webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) .3s;

    transition: all 1.2s cubic-bezier(.77, 0, .175, 1) .3s;

    width: 100%

}



.js-anim_elm.-slide.is-act {

    opacity: 1

}



.js-anim_elm.-slide.is-act:after {

    width: 0

}



.js-anim_elm.-blur {

    -webkit-filter: blur(20px);

    filter: blur(20px);

    opacity: 0;

    position: relative;

    -webkit-transform: scale(1.3);

    transform: scale(1.3);

    -webkit-transition: all 1s ease .3s;

    transition: all 1s ease .3s

}



.js-anim_elm.-blur.is-act {

    -webkit-filter: blur(0);

    filter: blur(0);

    opacity: 1;

    -webkit-transform: scale(1);

    transform: scale(1)

}



.l-main__lower {

    margin-top: 80px;

    position: relative;

    z-index: 1

}



@font-face {

    font-family: swiper-icons;

    font-style: normal;

    font-weight: 400;

    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff")

}



:root {

    --swiper-theme-color: #007aff

}



.swiper-container {

    list-style: none;

    margin-left: auto;

    margin-right: auto;

    overflow: hidden;

    padding: 0;

    position: relative;

    z-index: 1

}



.swiper-container-vertical>.swiper-wrapper {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column

}



.swiper-wrapper {

    -webkit-box-sizing: content-box;

    box-sizing: content-box;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    height: 100%;

    position: relative;

    -webkit-transition-property: -webkit-transform;

    transition-property: -webkit-transform;

    transition-property: transform;

    transition-property: transform, -webkit-transform;

    width: 100%;

    z-index: 1

}



.swiper-container-android .swiper-slide,

.swiper-wrapper {

    -webkit-transform: translateZ(0);

    transform: translateZ(0)

}



.swiper-container-multirow>.swiper-wrapper {

    -ms-flex-wrap: wrap;

    flex-wrap: wrap

}



.swiper-container-multirow-column>.swiper-wrapper {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap

}



.swiper-container-free-mode>.swiper-wrapper {

    margin: 0 auto;

    -webkit-transition-timing-function: ease-out;

    transition-timing-function: ease-out

}



.swiper-slide {

    -ms-flex-negative: 0;

    flex-shrink: 0;

    height: 100%;

    position: relative;

    -webkit-transition-property: -webkit-transform;

    transition-property: -webkit-transform;

    transition-property: transform;

    transition-property: transform, -webkit-transform;

    width: 100%

}



.swiper-slide-invisible-blank {

    visibility: hidden

}



.swiper-container-autoheight,

.swiper-container-autoheight .swiper-slide {

    height: auto

}



.swiper-container-autoheight .swiper-wrapper {

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

    -webkit-transition-property: height, -webkit-transform;

    transition-property: height, -webkit-transform;

    transition-property: transform, height;

    transition-property: transform, height, -webkit-transform

}



.swiper-container-3d {

    -webkit-perspective: 1200px;

    perspective: 1200px

}



.swiper-container-3d .swiper-cube-shadow,

.swiper-container-3d .swiper-slide,

.swiper-container-3d .swiper-slide-shadow-bottom,

.swiper-container-3d .swiper-slide-shadow-left,

.swiper-container-3d .swiper-slide-shadow-right,

.swiper-container-3d .swiper-slide-shadow-top,

.swiper-container-3d .swiper-wrapper {

    -webkit-transform-style: preserve-3d;

    transform-style: preserve-3d

}



.swiper-container-3d .swiper-slide-shadow-bottom,

.swiper-container-3d .swiper-slide-shadow-left,

.swiper-container-3d .swiper-slide-shadow-right,

.swiper-container-3d .swiper-slide-shadow-top {

    height: 100%;

    left: 0;

    pointer-events: none;

    position: absolute;

    top: 0;

    width: 100%;

    z-index: 10

}



.swiper-container-3d .swiper-slide-shadow-left {

    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(transparent));

    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)

}



.swiper-container-3d .swiper-slide-shadow-right {

    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(transparent));

    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)

}



.swiper-container-3d .swiper-slide-shadow-top {

    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(transparent));

    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)

}



.swiper-container-3d .swiper-slide-shadow-bottom {

    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(transparent));

    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)

}



.swiper-container-css-mode>.swiper-wrapper {

    -ms-overflow-style: none;

    overflow: auto;

    scrollbar-width: none

}



.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {

    display: none

}



.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {

    scroll-snap-align: start start

}



.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {

    -ms-scroll-snap-type: x mandatory;

    scroll-snap-type: x mandatory

}



.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {

    -ms-scroll-snap-type: y mandatory;

    scroll-snap-type: y mandatory

}



:root {

    --swiper-navigation-size: 44px

}



.swiper-button-next,

.swiper-button-prev {

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    align-items: center;

    color: var(--swiper-navigation-color, var(--swiper-theme-color));

    cursor: pointer;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    height: var(--swiper-navigation-size);

    justify-content: center;

    margin-top: calc(var(--swiper-navigation-size)*-1/2);

    position: absolute;

    top: 42%;

    width: calc(var(--swiper-navigation-size)/44*27);

    z-index: 10

}



.swiper-button-next.swiper-button-disabled,

.swiper-button-prev.swiper-button-disabled {

    cursor: auto;

    opacity: .35;

    pointer-events: none

}



.swiper-button-next:after,

.swiper-button-prev:after {

    font-family: swiper-icons;

    font-size: var(--swiper-navigation-size);

    font-variant: normal;

    letter-spacing: 0;

    line-height: 1;

    text-transform: none !important;

    text-transform: none

}



.swiper-button-prev,

.swiper-container-rtl .swiper-button-next {

    left: 17%;

    right: auto

}



.swiper-button-prev:after,

.swiper-container-rtl .swiper-button-next:after {

    content: ""

}



.swiper-button-next,

.swiper-container-rtl .swiper-button-prev {

    left: auto;

    right: 18%

}



.swiper-button-next:after,

.swiper-container-rtl .swiper-button-prev:after {

    content: ""

}



.swiper-button-next.swiper-button-white,

.swiper-button-prev.swiper-button-white {

    --swiper-navigation-color: #fff

}



.swiper-button-next.swiper-button-black,

.swiper-button-prev.swiper-button-black {

    --swiper-navigation-color: #000

}



.swiper-button-lock {

    display: none

}



.swiper-pagination {

    position: absolute;

    text-align: center;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

    -webkit-transition: opacity .3s;

    transition: opacity .3s;

    z-index: 10

}



.swiper-pagination.swiper-pagination-hidden {

    opacity: 0

}



.swiper-container-horizontal>.swiper-pagination-bullets,

.swiper-pagination-custom,

.swiper-pagination-fraction {

    bottom: 20px;

    position: relative;

    right: -23%

}



.swiper-pagination-bullets-dynamic {

    font-size: 0;

    overflow: hidden

}



.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {

    position: relative;

    -webkit-transform: scale(.33);

    transform: scale(.33)

}



.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {

    -webkit-transform: scale(1);

    transform: scale(1)

}



.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {

    -webkit-transform: scale(.66);

    transform: scale(.66)

}



.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {

    -webkit-transform: scale(.33);

    transform: scale(.33)

}



.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {

    -webkit-transform: scale(.66);

    transform: scale(.66)

}



.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {

    -webkit-transform: scale(.33);

    transform: scale(.33)

}



.swiper-pagination-bullet {

    background: #000;

    border-radius: 100%;

    display: inline-block;

    height: 8px;

    opacity: .2;

    width: 8px

}



button.swiper-pagination-bullet {

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    border: none;

    -webkit-box-shadow: none;

    box-shadow: none;

    margin: 0;

    padding: 0

}



.swiper-pagination-clickable .swiper-pagination-bullet {

    cursor: pointer

}



.swiper-pagination-bullet-active {

    background: var(--swiper-pagination-color, var(--swiper-theme-color));

    opacity: 1

}



.swiper-container-vertical>.swiper-pagination-bullets {

    right: 10px;

    top: 50%;

    -webkit-transform: translate3d(0, -50%, 0);

    transform: translate3d(0, -50%, 0)

}



.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {

    display: block;

    margin: 6px 0

}



.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    width: 8px

}



.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {

    display: inline-block;

    -webkit-transition: top .2s, -webkit-transform .2s;

    transition: top .2s, -webkit-transform .2s;

    transition: transform .2s, top .2s;

    transition: transform .2s, top .2s, -webkit-transform .2s

}



.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {

    margin: 0 4px

}



.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {

    left: 50%;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

    white-space: nowrap

}



.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {

    -webkit-transition: left .2s, -webkit-transform .2s;

    transition: left .2s, -webkit-transform .2s;

    transition: transform .2s, left .2s;

    transition: transform .2s, left .2s, -webkit-transform .2s

}



.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {

    -webkit-transition: right .2s, -webkit-transform .2s;

    transition: right .2s, -webkit-transform .2s;

    transition: transform .2s, right .2s;

    transition: transform .2s, right .2s, -webkit-transform .2s

}



.swiper-pagination-progressbar {

    background: rgba(0, 0, 0, .25);

    position: absolute

}



.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {

    background: var(--swiper-pagination-color, var(--swiper-theme-color));

    height: 100%;

    left: 0;

    position: absolute;

    top: 0;

    -webkit-transform: scale(0);

    transform: scale(0);

    -webkit-transform-origin: left top;

    transform-origin: left top;

    width: 100%

}



.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {

    -webkit-transform-origin: right top;

    transform-origin: right top

}



.swiper-container-horizontal>.swiper-pagination-progressbar,

.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {

    height: 4px;

    left: 0;

    top: 0;

    width: 100%

}



.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,

.swiper-container-vertical>.swiper-pagination-progressbar {

    height: 100%;

    left: 0;

    top: 0;

    width: 4px

}



.swiper-pagination-white {

    --swiper-pagination-color: #fff

}



.swiper-pagination-black {

    --swiper-pagination-color: #000

}



.swiper-pagination-lock {

    display: none

}



.swiper-scrollbar {

    background: rgba(0, 0, 0, .1);

    border-radius: 10px;

    position: relative;

    -ms-touch-action: none;

}



.swiper-container-horizontal>.swiper-scrollbar {

    bottom: 3px;

    height: 5px;

    left: 1%;

    position: absolute;

    width: 98%;

    z-index: 50

}



.swiper-container-vertical>.swiper-scrollbar {

    height: 98%;

    position: absolute;

    right: 3px;

    top: 1%;

    width: 5px;

    z-index: 50

}



.swiper-scrollbar-drag {

    background: rgba(0, 0, 0, .5);

    border-radius: 10px;

    height: 100%;

    left: 0;

    position: relative;

    top: 0;

    width: 100%

}



.swiper-scrollbar-cursor-drag {

    cursor: move

}



.swiper-scrollbar-lock {

    display: none

}



.swiper-zoom-container {

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    height: 100%;

    justify-content: center;

    text-align: center;

    width: 100%

}



.swiper-zoom-container>canvas,

.swiper-zoom-container>img,

.swiper-zoom-container>svg {

    max-height: 100%;

    max-width: 100%;

    -o-object-fit: contain;

    object-fit: contain

}



.swiper-slide-zoomed {

    cursor: move

}



.swiper-lazy-preloader {

    -webkit-animation: swiper-preloader-spin 1s linear infinite;

    animation: swiper-preloader-spin 1s linear infinite;

    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));

    border-radius: 50%;

    border-top: 4px solid transparent;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    height: 42px;

    left: 50%;

    margin-left: -21px;

    margin-top: -21px;

    position: absolute;

    top: 50%;

    -webkit-transform-origin: 50%;

    transform-origin: 50%;

    width: 42px;

    z-index: 10

}



.swiper-lazy-preloader-white {

    --swiper-preloader-color: #fff

}



.swiper-lazy-preloader-black {

    --swiper-preloader-color: #000

}



@-webkit-keyframes swiper-preloader-spin {

    to {

        -webkit-transform: rotate(1turn);

        transform: rotate(1turn)

    }

}



@keyframes swiper-preloader-spin {

    to {

        -webkit-transform: rotate(1turn);

        transform: rotate(1turn)

    }

}



.swiper-container .swiper-notification {

    left: 0;

    opacity: 0;

    pointer-events: none;

    position: absolute;

    top: 0;

    z-index: -1000

}



.swiper-container-fade.swiper-container-free-mode .swiper-slide {

    -webkit-transition-timing-function: ease-out;

    transition-timing-function: ease-out

}



.swiper-container-fade .swiper-slide {

    pointer-events: none;

    -webkit-transition-property: opacity;

    transition-property: opacity

}



.swiper-container-fade .swiper-slide .swiper-slide {

    pointer-events: none

}



.swiper-container-fade .swiper-slide-active,

.swiper-container-fade .swiper-slide-active .swiper-slide-active {

    pointer-events: auto

}



.swiper-container-cube {

    overflow: visible

}



.swiper-container-cube .swiper-slide {

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    height: 100%;

    pointer-events: none;

    -webkit-transform-origin: 0 0;

    transform-origin: 0 0;

    visibility: hidden;

    width: 100%;

    z-index: 1

}



.swiper-container-cube .swiper-slide .swiper-slide {

    pointer-events: none

}



.swiper-container-cube.swiper-container-rtl .swiper-slide {

    -webkit-transform-origin: 100% 0;

    transform-origin: 100% 0

}



.swiper-container-cube .swiper-slide-active,

.swiper-container-cube .swiper-slide-active .swiper-slide-active {

    pointer-events: auto

}



.swiper-container-cube .swiper-slide-active,

.swiper-container-cube .swiper-slide-next,

.swiper-container-cube .swiper-slide-next+.swiper-slide,

.swiper-container-cube .swiper-slide-prev {

    pointer-events: auto;

    visibility: visible

}



.swiper-container-cube .swiper-slide-shadow-bottom,

.swiper-container-cube .swiper-slide-shadow-left,

.swiper-container-cube .swiper-slide-shadow-right,

.swiper-container-cube .swiper-slide-shadow-top {

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    z-index: 0

}



.swiper-container-cube .swiper-cube-shadow {

    background: #000;

    bottom: 0;

    -webkit-filter: blur(50px);

    filter: blur(50px);

    height: 100%;

    left: 0;

    opacity: .6;

    position: absolute;

    width: 100%;

    z-index: 0

}



.swiper-container-flip {

    overflow: visible

}



.swiper-container-flip .swiper-slide {

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    pointer-events: none;

    z-index: 1

}



.swiper-container-flip .swiper-slide .swiper-slide {

    pointer-events: none

}



.swiper-container-flip .swiper-slide-active,

.swiper-container-flip .swiper-slide-active .swiper-slide-active {

    pointer-events: auto

}



.swiper-container-flip .swiper-slide-shadow-bottom,

.swiper-container-flip .swiper-slide-shadow-left,

.swiper-container-flip .swiper-slide-shadow-right,

.swiper-container-flip .swiper-slide-shadow-top {

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    z-index: 0

}



@-webkit-keyframes loop {

    0% {

        -webkit-transform: translateX(100%);

        transform: translateX(100%)

    }



    to {

        -webkit-transform: translateX(-100%);

        transform: translateX(-100%)

    }

}



@keyframes loop {

    0% {

        -webkit-transform: translateX(100%);

        transform: translateX(100%)

    }



    to {

        -webkit-transform: translateX(-100%);

        transform: translateX(-100%)

    }

}



@-webkit-keyframes loading {

    0% {

        opacity: 1;

        -webkit-transform: scale(0);

        transform: scale(0)

    }



    to {

        opacity: 0;

        -webkit-transform: scale(1);

        transform: scale(1)

    }

}



@keyframes loading {

    0% {

        opacity: 1;

        -webkit-transform: scale(0);

        transform: scale(0)

    }



    to {

        opacity: 0;

        -webkit-transform: scale(1);

        transform: scale(1)

    }

}



.l-header {

    font-size: 1.4rem;

    height: 75px;

    left: 0;

    line-height: 1.4;

    position: fixed;

    top: 0;

    -webkit-transition: background-color .5s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1);

    transition: background-color .5s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1);

    transition: transform .5s cubic-bezier(.215, .61, .355, 1), background-color .5s;

    transition: transform .5s cubic-bezier(.215, .61, .355, 1), background-color .5s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1);

    width: 100%;

    z-index: 8000

}



.home.is-top .l-header {

    background-color: transparent

}



.is-down .l-header {

    -webkit-transform: translateY(-100%);

    transform: translateY(-100%)

}



.l-header .c-fluid {

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    height: 75px

}



.l-header .c-fluid .c-logo {

    margin-right: auto;

    width: 400px

}



.l-header .c-fluid .c-logo .c-blockimage {

    position: relative

}



.l-header .c-fluid .c-logo .c-blockimage img {

    -webkit-transition: .25s;

    transition: .25s

}



/* .home.is-top .l-header .c-fluid .c-logo .c-blockimage img {

    opacity: 0

} */



/* .l-header .c-fluid .c-logo .c-blockimage:before { */

/* background-image: url(../../img/common/logo.png); */

/* background-repeat: no-repeat;

    background-size: 100% 100%;

    content: "";

    height: 100%;

    left: 0;

    opacity: 0;

    position: absolute;

    top: 0;

    -webkit-transition: .25s;

    transition: .25s;

    width: 100%

} */



.home.is-top .l-header .c-fluid .c-logo .c-blockimage:before {

    opacity: 1

}



.is-down .l-header .c-fluid .c-logo .c-blockimage:before {

    opacity: 0

}



.is-pc.home.is-top .l-header:hover,

.l-header:hover {

    background-color: #fff

}



.is-pc.home.is-top .l-header:hover .c-fluid .c-logo .c-blockimage img {

    opacity: 1

}



.is-pc.home.is-top .l-header:hover .c-fluid .c-logo .c-blockimage:before {

    opacity: 0

}



.home.is-top .l-header:hover .c-fluid .l-header__menu__item .link,

.home.is-top .l-header:hover .c-fluid .l-header__menu__item a {

    color: #111

}



.home.is-top .l-header:hover .c-fluid .l-header__menu__item.-recruit a svg path {

    fill: #111

}



.home.is-top .l-header:hover .c-fluid .l-header__menu__item .link svg path {

    fill: #62B735

}



.home.is-top .l-header:hover .c-fluid .l-header__menu__item .l-header__menu__buttons a {

    color: #fff

}



.l-header__menu {

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    height: 75px;

    width: 100%

}



.l-header__menu,

.l-header__menu__buttons {

    -webkit-box-pack: end;

    -ms-flex-pack: end;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    justify-content: flex-end

}



.l-header__menu__buttons {

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

    height: 50px;

    margin-left: 10px

}



.l-header__menu__buttons.c-button03 a svg {

    left: 0;

    margin-right: .5em;

    position: static;

    top: auto;

    -webkit-transform: translateY(0);

    transform: translateY(0)

}



.l-header__menu__list {

    -webkit-box-pack: end;

    -ms-flex-pack: end;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    justify-content: flex-end

}



.is-pc .l-header__menu__item>a {

    -webkit-transition: color .25s;

    transition: color .25s

}



.is-pc .l-header__menu__item>a:hover {

    color: #62B735

}



.l-header__menu__item>.link {

    position: relative

}



.l-header__menu__item>.link .js-svg,

.l-header__menu__item>.link svg {

    bottom: 0;

    left: 47%;

    position: absolute;

    -webkit-transform: translate(-50%) rotate(90deg);

    transform: translate(-50%) rotate(90deg)

}



.home.is-top .l-header__menu__item>.link .js-svg,

.home.is-top .l-header__menu__item>.link svg {

    color: #fff

}



.is-down .l-header__menu__item>.link .js-svg,

.is-down .l-header__menu__item>.link svg {

    color: #111

}



.l-header__menu__item>.link,

.l-header__menu__item>a {

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    color: #111;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    height: 100%;

    line-height: 1;

    padding-left: 15px;

    padding-right: 15px;

    -webkit-transition: .25s;

    transition: .25s

}



.home.is-top .l-header__menu__item>.link,

.home.is-top .l-header__menu__item>a {

    color: #fff

}



.is-down .l-header__menu__item>.link,

.is-down .l-header__menu__item>a {

    color: #111

}



.l-header__menu__item>.link .js-svg,

.l-header__menu__item>.link svg,

.l-header__menu__item>a .js-svg,

.l-header__menu__item>a svg {

    color: #62B735;

    margin-left: .2em

}



.l-header__menu__item>.link .js-svg path,

.l-header__menu__item>.link svg path,

.l-header__menu__item>a .js-svg path,

.l-header__menu__item>a svg path {

    -webkit-transition: .25s;

    transition: .25s

}



.home.is-top .l-header__menu__item>.link .js-svg,

.home.is-top .l-header__menu__item>.link svg,

.home.is-top .l-header__menu__item>a .js-svg,

.home.is-top .l-header__menu__item>a svg {

    fill: #fff

}



.is-down .l-header__menu__item>.link .js-svg,

.is-down .l-header__menu__item>.link svg,

.is-down .l-header__menu__item>a .js-svg,

.is-down .l-header__menu__item>a svg {

    fill: #111

}



.l-header .c-drawer_button {

    display: none

}



.l-footer {

    background-color: #232729;

    padding-bottom: 10px;

    padding-top: 20px;

    text-align: center;

}



.l-footer__body {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



.l-footer__info {

    width: 100%;

}



.l-footer__info__logo a .text {

    color: #fff;

    font-size: 16px;

    margin-top: 20px

}



.l-footer__info__address {

    color: #fff;

    font-size: 13px;

    margin-top: 40px

}



.l-footer__info__map {

    color: #fff;

    display: inline-block;

    font-size: 13px;

    line-height: 1.7;

    position: relative

}



.l-footer__info__map:after {

    background: #fff;

    bottom: 0;

    content: "";

    height: 1px;

    left: 0;

    position: absolute;

    -webkit-transform: scaleX(0);

    transform: scaleX(0);

    -webkit-transform-origin: left top;

    transform-origin: left top;

    -webkit-transition: -webkit-transform .3s;

    transition: -webkit-transform .3s;

    transition: transform .3s;

    transition: transform .3s, -webkit-transform .3s;

    width: 100%

}



.is-pc .l-footer__info__map:hover:after {

    -webkit-transform: scale(1);

    transform: scale(1)

}



.l-footer__info__bnr {

    display: inline-block;

    margin-top: 1em;

    -webkit-transition: .25s;

    transition: .25s;

    width: 280px

}



.l-footer__info__sns {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin-top: .5em

}



.l-footer__info__sns>li {

    margin-right: .5em

}



.l-footer__info__sns>li a {

    color: #fff;

    -webkit-transition: .25s;

    transition: .25s

}



.l-footer__sitemap {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    padding-left: 110px

}



.l-footer__sitemap .sitemap_list {

    color: #fff;

    margin-right: 60px

}



.l-footer__sitemap .sitemap_list:last-child {

    margin-right: 0

}



.l-footer__sitemap .sitemap_list:first-child {

    margin-bottom: 1em;

    width: 255px

}



.l-footer__sitemap .sitemap_list__item>a,

.l-footer__sitemap .sitemap_list__item>span {

    display: block;

    font-size: 14px;

    font-weight: 700;

    line-height: 1.7;

    margin-bottom: .5em;

    position: relative;

    -webkit-transition: .25s ease;

    transition: .25s ease

}



.l-footer__sitemap .sitemap_list__item>a:after,

.l-footer__sitemap .sitemap_list__item>span:after {

    background: #fff;

    bottom: 0;

    content: "";

    height: 1px;

    left: 0;

    position: absolute;

    -webkit-transform: scaleX(0);

    transform: scaleX(0);

    -webkit-transform-origin: left top;

    transform-origin: left top;

    -webkit-transition: -webkit-transform .3s;

    transition: -webkit-transform .3s;

    transition: transform .3s;

    transition: transform .3s, -webkit-transform .3s;

    width: 100%

}



.is-pc .l-footer__sitemap .sitemap_list__item>a:hover:after,

.is-pc .l-footer__sitemap .sitemap_list__item>span:hover:after {

    -webkit-transform: scale(1);

    transform: scale(1)

}



.l-footer__sitemap .sitemap_list__item .sitemap_list__detail {

    margin-right: 10px;

    width: 135px

}



.l-footer__sitemap .sitemap_list__item .sitemap_list__detail:last-child {

    margin-right: 0

}



.l-footer__sitemap .sitemap_list__item .sitemap_list__detail__wrap {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



.l-footer__sitemap .sitemap_list__item .sitemap_list__detail__item>a {

    color: #ccc;

    display: inline-block;

    font-size: 13px;

    font-weight: 400;

    line-height: 1.7;

    position: relative

}



.l-footer__sitemap .sitemap_list__item .sitemap_list__detail__item>a:after {

    background: #ccc;

    bottom: 0;

    content: "";

    height: 1px;

    left: 0;

    position: absolute;

    -webkit-transform: scaleX(0);

    transform: scaleX(0);

    -webkit-transform-origin: left top;

    transform-origin: left top;

    -webkit-transition: -webkit-transform .3s;

    transition: -webkit-transform .3s;

    transition: transform .3s;

    transition: transform .3s, -webkit-transform .3s;

    width: 100%

}



.is-pc .l-footer__sitemap .sitemap_list__item .sitemap_list__detail__item>a:hover:after {

    -webkit-transform: scale(1);

    transform: scale(1)

}



.l-footer__bottom {

    margin-top: 1rem;

}



.l-footer__bottom p {

    color: #7b7d7f;

    font-size: 12px

}



.l-footer__bottom p a {

    -webkit-transition: .25s;

    transition: .25s

}



.l-footer__bottom p a:hover {

    color: #ccc

}



.c-pagetop {

    bottom: 10px;

    position: fixed;

    right: 10px;

    z-index: 100

}



.c-slider_control {

    margin: 0 auto;

    position: relative;

    width: 140px

}



.c-slider_control__scrollbar {

    background: #f0f0f0;

    height: 1px;

    left: 30%;

    position: absolute;

    top: 50%;

    width: 40%

}



.c-slider_control__scrollbar .swiper-pagination-progressbar-fill {

    background: red

}



.c-slider_control__pagenation {

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    color: #777;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;



    justify-content: space-between;

    left: 10%;

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    width: 80%

}



.c-slider_control__pagenation__num.-current {

    color: #111

}



.c-slider_control__arrows {

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    justify-content: space-between;

    position: relative;

    width: 100%;

    z-index: 1111

}



.c-slider_control__arrow {

    cursor: pointer

}



.c-slider_control__arrow svg {

    color: #777

}



.c-slider_control__arrow.-prev {

    -webkit-transform: rotate(-180deg);

    transform: rotate(-180deg)

}



.c-slider_control02 {

    position: relative

}



.c-slider_control02.-bg_gray .c-slider_control02__arrow {

    background: #fff;

    border: 1px solid #e5e5e5

}



.c-slider_control02__pagenation {

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    bottom: 0;

    color: #444;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;



    font-size: 13px;

    right: 0

}



.c-slider_control02__pagenation__num.-current {

    color: #444;

    position: relative

}



.c-slider_control02__pagenation__num.-current:after {

    content: "　/　"

}



.c-slider_control02__arrow {

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    align-items: center;

    background: #f3f4f5;

    border-radius: 9999px;

    cursor: pointer;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    height: 54px;

    justify-content: center;

    width: 54px

}



.c-slider_control02__arrow.-prev {

    margin-right: 1.5em;

    -webkit-transform: rotate(180deg);

    transform: rotate(180deg)

}



.c-slider_control02__arrow.-next {

    margin-left: 1.5em

}



.c-date {

    color: #999;



    font-size: 14px

}



.c-cat {

    background-color: #f0f0f0;

    font-size: 12px;

    line-height: 1;

    padding: .5em 1em

}



.c-cat_list {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



.c-cat_list li {

    margin-right: 1.5em

}



.c-cat_list li .c-cat {

    font-size: 14px

}



.c-tag_list__item {

    background-color: #e8e8e8;

    border-radius: 9999px;

    color: #777;

    display: inline-block;

    font-size: 12px;

    line-height: 1;

    margin-bottom: .5em;

    padding: .5em 1em

}



.c-tag_list__item:last-child {

    margin-bottom: 0

}



.c-news_link a {

    border-bottom: 1px solid #f0f0f0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    padding: calc(1.22449vw + 10.40816px) 0 calc(.81633vw + 6.93878px)

}



.c-news_link a .c-date {

    margin-bottom: calc(.40816vw + 3.46939px)

}



.is-pc .c-news_link a:hover .c-news_link__title {

    color: #62B735

}



.c-news_link__tag {

    margin-left: 1em

}



.c-news_link__title {

    -webkit-transition: .25s;

    transition: .25s

}



.c-special__list__item a {

    border-bottom: 1px solid #f0f0f0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    padding: 35px 0;

    width: 100%

}



.is-pc .c-special__list__item a:hover .c-special__list__img img {

    -webkit-transform: scale(1.1);

    transform: scale(1.1)

}



.is-pc .c-special__list__item a:hover .c-special__list__text .title {

    color: #62B735

}



.c-special__list__img {

    overflow: hidden;

    width: 240px

}



.c-special__list__img img {

    height: 100%;

    -o-object-fit: cover;

    object-fit: cover;

    -webkit-transition: .25s;

    transition: .25s;

    width: 100%

}



.c-special__list__text {

    padding-left: 40px;

    width: 100%

}



.c-special__list__text .info {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap

}



.c-special__list__text .info .c-date {

    margin-right: 1em

}



.c-special__list__text .info .c-cat {

    background: #e8e8e8;

    color: #444

}



.c-special__list__text .title {

    font-size: 18px;

    font-weight: 700;

    line-height: 1.7;

    margin-top: .5em;

    -webkit-transition: .25s;

    transition: .25s

}



.c-special__list__text .text {

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    color: #999;

    display: -webkit-box;

    font-size: 14px;

    margin-top: 10px;

    overflow: hidden

}



/* .c-bottom_menu {

    border-top: 1px solid #f0f0f0

} */





.c-crumbs {

    color: #444;

    font-size: 1.2rem;

    margin: calc(2.04082vw + 17.34694px) 0 calc(.81633vw + 6.93878px)

}



.c-crumbs i {

    display: inline-block;

    margin: 0 15px

}



.is-mouse .c-crumbs a:hover {

    color: #62B735

}



.c-dropdown,

.c-dropdown__trg {

    position: relative

}



.c-dropdown__trg {

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    align-items: center;

    border-bottom: 1px solid #777;

    cursor: pointer;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    justify-content: space-between;

    padding: 1em;

    -webkit-transition: all .3s ease;

    transition: all .3s ease;

    width: 100%

}



.c-dropdown__trg .icon {

    color: #111;

    display: block;

    font-size: 16px;

    position: absolute;

    right: 15px;

    top: 50%;

    -webkit-transform: translateY(-50%) rotate(90deg);

    transform: translateY(-50%) rotate(90deg);

    -webkit-transform-origin: center center;

    transform-origin: center center;

    -webkit-transition: all .5s ease;

    transition: all .5s ease

}



.c-dropdown__trg .icon svg path {

    fill: #62B735

}



.c-dropdown__trg.is-act .icon {

    -webkit-transform: translateY(-55%) rotate(-90deg);

    transform: translateY(-55%) rotate(-90deg)

}



.c-dropdown__list {

    display: none;

    left: 0;

    padding: 0 1em;

    position: relative;

    width: 100%

}



.c-dropdown__list li a {

    border-bottom: 1px solid #62B735;

    display: block;

    line-height: 1;

    padding: 1em

}



.c-machining_list {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    gap: calc(1.63265vw + 13.87755px) 5%;

    width: 100%

}



.c-machining_list__item {

    width: 30%

}



.c-machining_list__item a {

    width: 100%

}



.is-pc .c-machining_list__item a:hover .c-machining_list__img img {

    -webkit-transform: scale(1.1);

    transform: scale(1.1)

}



.is-pc .c-machining_list__item a:hover .c-machining_list__title {

    color: #62B735

}



.c-machining_list__item a .c-tag {

    display: inline-block;

    margin-right: .5em

}



.c-machining_list__text {

    font-size: calc(.16327vw + 11.38776px);

    margin-top: .5em

}



.c-machining_list__img {

    margin-bottom: 1em;

    overflow: hidden;

    width: 100%

}



.c-machining_list__img img {

    width: 100%

}



.c-machining_list__img img,

.c-machining_list__title {

    -webkit-transition: all .3s ease;

    transition: all .3s ease

}



.c-machining_list__title {

    font-size: 17px;

    font-weight: 700;

    margin-bottom: .5em;

    margin-top: .5em

}



.c-case_study_list__item {

    margin-bottom: 20px

}



.c-case_study_list__item:last-child {

    margin-bottom: 0

}



.c-case_study_list__item a {

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    background: #fff;

    border: 1px solid #fff;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    justify-content: space-between;

    padding: 50px 66px;

    -webkit-transition: .25s;

    transition: .25s

}



.is-pc .c-case_study_list__item a:hover {

    border: 1px solid #62B735

}



.is-pc .c-case_study_list__item a:hover .c-case_study_list__img img {

    -webkit-transform: scale(1.1);

    transform: scale(1.1)

}



.c-case_study_list__img {

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    background: #fff;

    border: 1px solid #f0f0f0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    height: 120px;

    justify-content: center;

    overflow: hidden;

    width: 120px

}



.c-case_study_list__img img {

    -o-object-fit: cover;

    object-fit: cover;

    -webkit-transition: .25s;

    transition: .25s

}



.c-case_study_list__body {

    padding-left: 45px;

    width: calc(100% - 120px)

}



.c-case_study_list__body .c-tag_list {

    margin-top: 1em

}



.c-case_study_list__body__cat {

    background: #111;

    color: #fff;

    display: inline-block;

    font-size: 13px;

    padding: 0 1em

}



.c-case_study_list__body__title {

    font-size: 20px;

    font-weight: 700;

    margin-top: 24px

}



.c-case_study_list__body__sub_title {

    font-weight: 700;

    margin-top: 1em

}



.c-case_study_list__body__text {

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    color: #999;

    display: -webkit-box;

    margin-top: 1em;

    overflow: hidden

}



.c-seminar-information_list {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    gap: calc(.81633vw + 6.93878px) 4%;

    width: 100%

}



.c-seminar-information_list.-col3 {

    gap: calc(.81633vw + 6.93878px) 2%

}



.c-seminar-information_list.-col3 .c-seminar-information_list__item {

    width: 30.6%

}



.c-seminar-information_list__item {

    width: 48%

}



.c-seminar-information_list__item a {

    background: #fff;

    border: 1px solid #f0f0f0;

    display: block;

    height: 100%;

    padding: 40px;

    -webkit-transition: .25s;

    transition: .25s;

    width: 100%

}



.is-pc .c-seminar-information_list__item a:hover {

    border-color: #62B735

}



.is-pc .c-seminar-information_list__item a:hover .c-seminar-information_list__title {

    color: #62B735

}



.c-seminar-information_list__reception {

    background: #62B735;

    color: #fff;

    font-size: 12px;

    font-weight: 700;

    padding: .5em 1em

}



.c-seminar-information_list__sold-out {

    background: #e5e5e5;

    color: #777;

    font-size: 12px;

    font-weight: 700;

    padding: .5em 1em

}



.c-seminar-information_list__time {

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    color: #777;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;



}



.c-seminar-information_list__time time {

    font-weight: 400

}



.c-seminar-information_list__time time:before {

    content: "/";

    margin-left: .1em;

    margin-right: .1em

}



.c-seminar-information_list__time time:first-of-type:before {

    content: none

}



.c-seminar-information_list__time .icon {

    line-height: 1;

    margin-right: .5em

}



.c-seminar-information_list__place {

    color: #777;

    font-weight: 700

}



.c-seminar-information_list__place .icon {

    line-height: 1;

    margin-right: .5em

}



.c-seminar-information_list__title {

    font-size: 17px;

    font-weight: 700;

    margin-bottom: .5em;

    margin-top: .5em;

    -webkit-transition: all .3s ease;

    transition: all .3s ease

}



.wp-pagenavi {

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    justify-content: center;

    margin-top: calc(3.67347vw + 31.22449px)

}



.wp-pagenavi .previouspostslink {

    color: #777;



    padding-left: 1em;

    position: relative;

    -webkit-transition: .25s;

    transition: .25s

}



.is-pc .wp-pagenavi .previouspostslink:hover {

    color: #62B735

}



.wp-pagenavi .previouspostslink:before {

    background: #e5e5e5;

    border-radius: 9999px;

    content: "";

    height: 6px;

    left: 0;

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    width: 6px

}



.wp-pagenavi .nextpostslink {



    font-weight: 400;

    padding-right: 1em;

    position: relative;

    -webkit-transition: .25s;

    transition: .25s

}



.is-pc .wp-pagenavi .nextpostslink:hover {

    color: #62B735

}



.wp-pagenavi .nextpostslink:before {

    background: #62B735;

    border-radius: 9999px;

    content: "";

    height: 6px;

    position: absolute;

    right: 0;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    width: 6px

}



.wp-pagenavi .current,

.wp-pagenavi .page {

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    align-items: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;



    font-size: 1.6rem;

    font-weight: 400;

    height: calc(1.63265vw + 13.87755px);

    justify-content: center;

    margin: 0 5px;

    position: relative;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

    width: calc(1.63265vw + 13.87755px)

}



.is-mouse .wp-pagenavi .current:hover,

.is-mouse .wp-pagenavi .page:hover {

    color: #62B735

}



.wp-pagenavi .current {

    border-bottom: 1px solid #62B735

}



.c-free-text {

    background-color: #f9f6f4;

    font-weight: 400;

    line-height: 1.4;

    margin-top: calc(2.85714vw + 24.28571px);

    padding: calc(2.04082vw + 17.34694px)

}



.c-free-text p {

    margin-top: 0

}



.js_modalBtnCont {

    color: #222;

    display: block;

    -webkit-transition: .3s;

    transition: .3s

}



.js_modalBtnCont:focus,

.js_modalBtnCont:hover {

    cursor: pointer

}



.js_modalWrap {

    height: 100%;

    left: 0;

    opacity: 0;

    position: fixed;

    top: 0;

    width: 100%;

    z-index: -1

}



.js_modalWrap.active {

    -webkit-animation: modalOpen .3s ease forwards;

    animation: modalOpen .3s ease forwards

}



.js_modalWrap.active2 {

    -webkit-animation: modalClose .3s ease forwards;

    animation: modalClose .3s ease forwards

}



.js_modalBG {

    background-color: rgba(0, 0, 0, .6);

    height: 100%;

    left: 0;

    position: absolute;

    top: 0;

    width: 100%

}



.js_modalContInner {

    background-color: #fff;

    border-radius: calc(1.22449vw + 10.40816px);

    left: 50%;

    max-width: 80%;

    padding: 40px;

    position: absolute;

    top: 50%;

    -webkit-transform: translateX(-50%) translateY(-50%);

    transform: translateX(-50%) translateY(-50%);

    width: 100%

}



.js_modalCont {

    max-height: 555px;

    overflow-y: scroll

}



.js_modalCont>*+* {

    margin-top: 10px

}



.js_modalContInner>.js_modalClose+* {

    margin-top: 0

}



.js_modalClose {

    background: #62B735;

    border-radius: 9999px;

    cursor: pointer;

    display: block;

    height: calc(2.44898vw + 20.81633px);

    overflow: hidden;

    position: absolute;

    right: -8%;

    top: 0;

    width: calc(2.44898vw + 20.81633px);

    z-index: 1001

}



.js_modalClose:after,

.js_modalClose:before {

    background-color: #fff;

    content: "";

    height: calc(.81633vw + 6.93878px);

    position: absolute;

    right: 50%;

    top: 35%;

    -webkit-transform: translateY(-50%) translateX(-50%);

    transform: translateY(-50%) translateX(-50%);

    width: 2px

}



.js_modalClose:before {

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg)

}



.js_modalClose:after {

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg)

}



@-webkit-keyframes modalOpen {

    0% {

        opacity: 0

    }



    to {

        opacity: 1;

        z-index: 9800

    }

}



@keyframes modalOpen {

    0% {

        opacity: 0

    }



    to {

        opacity: 1;

        z-index: 9800

    }

}



@-webkit-keyframes modalClose {

    0% {

        opacity: 1;

        z-index: 1000

    }



    to {

        opacity: 0

    }

}



@keyframes modalClose {

    0% {

        opacity: 1;

        z-index: 1000

    }



    to {

        opacity: 0

    }

}



.c-container {

    margin-left: auto;

    margin-right: auto;

    padding-left: 40px;

    padding-right: 40px;

    width: 1360px

}



.c-container.-md {

    width: 1220px

}



.c-container.-md_small {

    width: 1190px

}



.c-container.-small {

    width: 940px

}



.c-container.-s-small {

    width: 760px

}



@media (max-width: 767px) {

    .c-container.-s-small {

        width: 100%

    }

}





.c-fluid {

    padding-left: 40px;

    padding-right: 40px

}



.c-alert_ie {

    background: rgba(0, 0, 0, .8);

    height: 100%;

    left: 0;

    position: fixed;

    top: 0;

    width: 100%;

    z-index: 99999

}



.c-alert_ie__alert {

    background: #fff;

    left: 50%;

    max-width: 650px;

    padding: calc(2.44898vw + 20.81633px);

    position: absolute;

    top: 50%;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    width: 50%

}



.c-alert_ie__alert .c-btn_edge {

    background: #62B735;

    border: 1px solid #62B735;

    border-radius: 30px;

    color: #fff;

    display: block;

    margin-top: 20px;

    padding: 10px calc(.81633vw + 6.93878px);

    text-align: center;

    -webkit-transition: all .3s ease;

    transition: all .3s ease

}



.c-alert_ie__alert .c-btn_edge:hover {

    background: #fff;

    color: #62B735

}



.c-mega {

    background-color: #f5f6f7;

    border-top-left-radius: 0;

    border-top-right-radius: 0;

    height: 0;

    left: 0;

    line-height: 1.4;

    overflow: hidden;

    position: absolute;

    top: 100%;

    width: 100%

}



.c-mega .c-container {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    padding: 50px 0

}



.c-mega__title {

    padding-right: 10px;

    width: 230px

}



.c-mega__title .en {

    display: block;



    font-size: 35px;

    font-weight: 300

}



.c-mega__title .jp {

    color: #777;

    font-size: 13px

}



.c-mega__list {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    width: 100%

}



.is-pc .c-mega__list {

    padding-left: 45px

}



.c-mega__list.-logo .c-mega__item__img {

    padding: calc(1.22449vw + 10.40816px)

}



.c-mega__item {

    margin-bottom: .75em;

    margin-right: 4%;

    width: 22%

}



.c-mega__item:last-child,

.c-mega__item:nth-child(4n) {

    margin-bottom: 0;

    margin-right: 0

}



.c-mega__item__img {

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    align-items: center;

    background: #fff;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    height: 130px;

    justify-content: center;

    overflow: hidden;

    width: 100%

}



.c-mega__item__img.-cover img {

    height: 100%;

    -o-object-fit: cover;

    object-fit: cover;

    width: 100%

}



.c-mega__item__img img,

.c-mega__item__text {

    -webkit-transition: .25s;

    transition: .25s

}



.c-mega__item__text {

    font-size: 14px;

    margin-top: 1em

}



.c-mega__item a {

    display: block;

    margin-bottom: 30px;

    position: relative;

    white-space: nowrap

}



.is-pc .c-mega__item a:hover .c-mega__item__img img {

    -webkit-transform: scale(1.1);

    transform: scale(1.1)

}



.is-pc .c-mega__item a:hover .c-mega__item__text {

    color: #62B735

}



.is-pc .c-mega__item a {

    -webkit-transition: color .25s;

    transition: color .25s

}



.is-pc .c-mega__item a:before {

    -webkit-transition: opacity .25s;

    transition: opacity .25s

}



.is-pc .c-mega__item a:hover {

    color: #62B735

}



.is-pc .c-mega__item a:hover:before {

    opacity: 1

}



.c-menu {

    margin-top: 80px

}



.c-menu__list {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin-bottom: -30px;

    margin-left: -15px;

    margin-right: -15px

}



.-recruit .c-menu__list {

    margin-left: -30px;

    margin-right: -30px

}



.c-menu__item {

    margin-bottom: 30px;

    padding-left: 15px;

    padding-right: 15px;

    width: 100%

}



.c-menu__item a {

    display: block

}



.is-pc .c-menu__item a img {

    -webkit-transition: -webkit-transform .5s cubic-bezier(.215, .61, .355, 1);

    transition: -webkit-transform .5s cubic-bezier(.215, .61, .355, 1);

    transition: transform .5s cubic-bezier(.215, .61, .355, 1);

    transition: transform .5s cubic-bezier(.215, .61, .355, 1), -webkit-transform .5s cubic-bezier(.215, .61, .355, 1)

}



.is-pc .c-menu__item a:hover img {

    -webkit-transform: scale(1.1);

    transform: scale(1.1)

}



.c-menu__item .c-blockimage {

    overflow: hidden

}



.c-menu__item .title {

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    align-items: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    justify-content: space-between

}



.c-menu__item .title .arrow {

    height: 1.25em;

    margin-left: 1.25em;

    min-width: 1.25em;

    width: 1.25em

}



.c-title01 {

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    line-height: 1;

    position: relative

}



.c-title01 .number {

    color: #62B735;



    font-size: 16px;

    margin-top: .5em

}



.c-title01__text {

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    padding-left: 10px

}



.c-title01__text.-block {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

    -ms-flex-direction: column;

    flex-direction: column

}



.c-title01__text.-block .en {

    font-size: 5rem;

    margin-bottom: 10px;

    margin-right: 0

}



.c-title01__text .en {

    color: #111;



    font-size: 60px;

    font-weight: 300;

    margin-right: .2em

}



.c-title01__text .jp {

    color: #777;

    font-size: 15px;

    font-weight: 600

}



.c-title02 {

    padding-left: 30px;

    position: relative

}



.c-title02 .en {

    display: block;



    font-size: 45px;

    font-weight: 300;

    line-height: 1.4

}



.c-title02 .jp {

    color: #777;

    display: block;

    font-size: 15px;

    margin-top: 1em

}



.c-title02:before {

    background: #62B735;

    border-radius: 9999px;

    content: "";

    height: 9px;

    left: 0;

    position: absolute;

    top: 1.5em;

    width: 9px

}



.c-title03 {

    border-left: 1px solid #62B735;

    font-size: 22px;

    font-weight: 700;

    padding-left: 1em

}



.c-title04 {



    font-size: 17px;

    padding-left: 1em;

    position: relative

}



.c-title04:before {

    background: #62B735;

    border-radius: 9999px;

    content: "";

    height: 6px;

    left: 0;

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    width: 6px

}



.c-title05 {

    font-size: 28px;

    font-weight: 700;

    line-height: 1.4

}



.c-title06 {

    font-size: 17px;

    font-weight: 700;

    padding-left: 1em;

    position: relative

}



.c-title06:before {

    background: #62B735;

    border-radius: 9999px;

    content: "";

    height: 6px;

    left: 0;

    line-height: 1.4;

    position: absolute;

    top: .5em;

    width: 6px

}



.c-title07 {

    font-size: 35px;

    font-weight: 700;

    line-height: 1.4;

    padding-top: 1em;

    position: relative

}



.c-title07:before {

    background: #62B735;

    content: "";

    height: 1px;

    left: 0;

    position: absolute;

    top: 0;

    width: 3em

}



.c-button01 a {

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



.c-button01 a:hover {

    text-decoration: none !important

}



.c-button01 a:hover .c-button01__circle:before {

    background: none;

    content: url(../../img/common/_ico-v5/arrow-right-regular.svg);

    display: block;

    height: 14px;

    top: 43%;

    width: 12px

}



.c-button01__circle {

    background: #de292a;

    border: 1px solid #de292a;

    border-radius: 9999px;

    display: block;

    height: 44px;

    position: relative;

    -webkit-transition: .8s ease-in-out;

    transition: .8s ease-in-out;

    width: 44px

}



.c-button01__circle:before {

    background: #fff;

    border-radius: 9999px;

    content: "";

    height: 5px;

    left: 50%;

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%) translateX(-50%);

    transform: translateY(-50%) translateX(-50%);

    -webkit-transition: .8s;

    transition: .8s;

    width: 5px;

    z-index: 1

}



.c-button01__text {

    color: #111;



    font-size: 16px;

    font-weight: 500;

    margin-left: 1em;

    padding-bottom: .1em;

    position: relative;

    text-decoration: none

}



.c-button01__text:before {

    background-color: #111;

    bottom: 0;

    content: "";

    height: 1px;

    position: absolute;

    width: 100%

}



.c-button01__text.-jp {

    font-family: Yu Gothic Medium, 游ゴシック Medium, YuGothic, 游ゴシック体, Hiragino Kaku Gothic ProN, メイリオ, Hiragino Sans, Noto Sans JP, BIZ UDPGothic, Meiryo, Helvetica Neue, Arial, sans-serif

}



.c-button01.-white a:hover .c-button01__circle {

    background: #62B735

}



.c-button01.-white a:hover .c-button01__circle:before {

    background: #fff

}



.c-button01.-white .c-button01__circle {

    background: #fff;

    border: 1px solid #fff

}



.c-button01.-white .c-button01__circle:before {

    background: #62B735

}



.c-button01.-white .c-button01__text {

    color: #fff

}



.c-button01.-white .c-button01__text:before {

    background-color: #fff

}



.c-button02 a {

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    background-color: #111;

    border-radius: 9999px;

    color: #fff !important;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    font-size: 17px;

    justify-content: center;

    padding: 25px;

    width: 380px

}



.c-button02 a:hover {

    text-decoration: none !important

}



.c-button02.-red a {

    background-color: #62B735;

}



.c-button02.-center a {

    margin-left: auto;

    margin-right: auto

}



.c-button03.-wide a {

    width: 100%

}



.c-button03 a {

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    background-color: #62B735;

    border-radius: 9999px;

    color: #fff !important;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    height: 50px;

    justify-content: center;

    margin-right: 10px;

    position: relative;

    width: 165px

}



.c-button03 a:last-child {

    margin-right: 0

}



.c-button03 a .js-svg,

.c-button03 a svg {

    left: 2em;

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%)

}



.c-button03 a:hover {

    text-decoration: none !important

}



.c-button03 a.-sub {

    background-color: #232729

}



.c-button03 a.-sub svg {

    fill: #62B735

}



.c-button04 a {

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    background-color: #111;

    color: #fff !important;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    font-size: 17px;

    padding: 25px;

    width: 400px

}



.c-button04 a .icon-img {

    line-height: 1;

    margin-right: 30px

}



.c-button04 a .icon-img svg {

    height: 20px;

    width: 20px

}



.c-button04 a .c-arrow03__wrap {

    right: 30px

}



.c-button04 a:hover {

    text-decoration: none !important

}



.c-button04 a:hover .c-arrow03__wrap {

    right: 10px

}



.c-button04.-red a {

    background-color: #62B735

}



.c-button04.-center a {

    margin-left: auto;

    margin-right: auto

}



.is-pc .c-arrow01 a:hover .c-arrow01__img {

    background: transparent;

    height: 45px;

    width: 45px

}



.is-pc .c-arrow01 a:hover .c-arrow01__img svg {

    opacity: 1

}



.c-arrow01__wrap {

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    align-items: center;

    background: #62B735;

    border-radius: 9999px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    height: 45px;

    justify-content: center;

    width: 45px

}



.-white .c-arrow01__wrap {

    background: #fff

}



.c-arrow01__img {

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    align-items: center;

    background: #fff;

    border-radius: 9999px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    height: 5px;

    justify-content: center;

    line-height: 1;

    -webkit-transition: .4s ease;

    transition: .4s ease;

    width: 5px

}



.-white .c-arrow01__img {

    background: #62B735

}



.c-arrow01__img svg {

    opacity: 0

}



.c-arrow01__img svg path {

    fill: #fff

}



.-white .c-arrow01__img svg path {

    fill: #62B735

}



.c-arrow02 a {

    position: relative

}



.is-pc .c-arrow02 a:hover .c-arrow02__wrap {

    height: 45px;

    right: 0;

    width: 45px

}



.is-pc .c-arrow02 a:hover .c-arrow02__wrap svg {

    opacity: 1

}



.c-arrow02__wrap {

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    align-items: center;

    background: #62B735;

    border-radius: 9999px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    height: 6px;

    justify-content: center;

    position: absolute;

    right: 20px;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    -webkit-transition: .25s;

    transition: .25s;

    width: 6px

}



.c-arrow02__img {

    line-height: 1

}



.c-arrow02__img svg {

    opacity: 0;

    -webkit-transition: .25s;

    transition: .25s

}



.c-arrow02__img svg path {

    fill: #fff

}



.c-arrow03 a {

    position: relative

}



.is-pc .c-arrow03 a:hover .c-arrow03__wrap {

    background: transparent;

    height: 45px;

    width: 45px

}



.is-pc .c-arrow03 a:hover .c-arrow03__wrap svg {

    opacity: 1

}



.c-arrow03__wrap {

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    align-items: center;

    background: #62B735;

    border-radius: 9999px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    height: 6px;

    justify-content: center;

    position: absolute;

    right: 20px;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    -webkit-transition: .25s;

    transition: .25s;

    width: 6px

}



.-white .c-arrow03__wrap {

    background: #fff

}



.c-arrow03__img {

    line-height: 1

}



.c-arrow03__img svg {

    opacity: 0;

    -webkit-transition: .25s;

    transition: .25s

}



.c-arrow03__img svg path {

    fill: #62B735

}



.-white .c-arrow03__img svg path {

    fill: #fff

}



.is-pc .c-arrow04 a:hover .c-arrow04__wrap {

    opacity: 1;

    -webkit-transform: scale(1);

    transform: scale(1)

}



.c-arrow04__wrap {

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    align-items: center;

    background-color: #de292a;

    border-radius: 9999px;

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    height: 40px;

    justify-content: center;

    margin-left: auto;

    -webkit-transform: scale(0);

    transform: scale(0);

    -webkit-transition: .25s ease;

    transition: .25s ease;

    width: 40px

}



.c-arrow04__wrap svg path {

    fill: #fff

}



.c-drawer {

    background-color: #f3f4f5;

    font-size: calc(.2449vw + 1.20816rem);

    height: 100%;

    letter-spacing: .1em;

    line-height: 1.4;

    opacity: 0;

    position: fixed;

    right: 0;

    top: 0;

    -webkit-transform: translateY(-60%);

    transform: translateY(-60%);

    -webkit-transition: 0s .25s, opacity .75s, -webkit-transform .75s cubic-bezier(.175, .885, .32, 1.275);

    transition: 0s .25s, opacity .75s, -webkit-transform .75s cubic-bezier(.175, .885, .32, 1.275);

    transition: 0s .25s, opacity .75s, transform .75s cubic-bezier(.175, .885, .32, 1.275);

    transition: 0s .25s, opacity .75s, transform .75s cubic-bezier(.175, .885, .32, 1.275), -webkit-transform .75s cubic-bezier(.175, .885, .32, 1.275);

    width: 100%

}



.c-drawer.is-act {

    border-radius: 0;

    opacity: 1;

    -webkit-transform: translateY(0);

    transform: translateY(0);

    -webkit-transition: width 0s, opacity .75s, -webkit-transform .75s cubic-bezier(.77, 0, .175, 1);

    transition: width 0s, opacity .75s, -webkit-transform .75s cubic-bezier(.77, 0, .175, 1);

    transition: width 0s, opacity .75s, transform .75s cubic-bezier(.77, 0, .175, 1);

    transition: width 0s, opacity .75s, transform .75s cubic-bezier(.77, 0, .175, 1), -webkit-transform .75s cubic-bezier(.77, 0, .175, 1);

    z-index: 8500

}



.c-drawer.is-act {

    pointer-events: auto;

}



.c-drawer__container {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-direction: column;

    flex-direction: column;

    height: 100%;

    max-height: 100%;

    overflow-y: auto;

    padding: 75px calc(3.67347vw + 31.22449px) calc(2.04082vw + 42.34694px)

}



.c-drawer__item {

    margin-bottom: 1.5em

}



.c-drawer__item:last-child {

    margin-bottom: 0

}



.c-drawer__item__head {

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    border-bottom: 1px solid #e5e5e5;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    padding-bottom: 1em

}



.c-drawer__item__head>.link,

.c-drawer__item__head>a {

    display: block;

    font-size: calc(1.22449vw + 1.04082rem);

    font-weight: 700;

    padding: 0 1em;

    position: relative;

    width: 100%

}



.c-drawer__item__head>.link .ico_circle,

.c-drawer__item__head>a .ico_circle {

    background: #62B735;

    border-radius: 9999px;

    height: 6px;

    position: absolute;

    right: 1em;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    width: 6px

}



.c-drawer__item__head>.link .icon_arrow-up,

.c-drawer__item__head>a .icon_arrow-up {

    position: absolute;

    right: .7em;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%)

}



.c-drawer__item__head>.link .icon_arrow-up svg path,

.c-drawer__item__head>a .icon_arrow-up svg path {

    fill: #62B735

}



.c-drawer__item__head .ico_accordion {

    position: relative;

    right: 0

}



.c-drawer__item__head .ico_accordion:after,

.c-drawer__item__head .ico_accordion:before {

    background: #62B735;

    content: "";

    height: 1px;

    position: absolute;

    right: 1em;

    -webkit-transition: .25s;

    transition: .25s;

    width: 1em

}



.c-drawer__item__head .ico_accordion:after {

    -webkit-transform: rotate(90deg);

    transform: rotate(90deg)

}



.is-open .c-drawer__item__head .ico_accordion:after {

    opacity: 0

}



.c-drawer__item__head.js-accordion__button .c-arrow01 {

    -webkit-transform: rotate(90deg);

    transform: rotate(90deg);

    -webkit-transition: -webkit-transform .25s;

    transition: -webkit-transform .25s;

    transition: transform .25s;

    transition: transform .25s, -webkit-transform .25s

}



.is-open .c-drawer__item__head.js-accordion__button .c-arrow01 {

    -webkit-transform: rotate(270deg);

    transform: rotate(270deg)

}



.c-drawer__item__list {

    font-size: calc(.16327vw + 1.13878rem);

    padding: 2em calc(.61224vw + 10.20408px) 1em

}



.c-drawer__item__item {

    margin-bottom: 1.75em

}



.c-drawer__item__item:last-child {

    margin-bottom: 0

}



.c-drawer__item__item a {

    font-size: calc(1.14286vw + 9.71429px);

    padding-left: 1em

}



.c-drawer__item__item a .js-svg,

.c-drawer__item__item a svg {

    color: #62B735;

    margin-left: .75em

}



.c-drawer__sns {

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    justify-content: center;

    margin-top: 1.5em

}



.c-drawer__sns>li {

    margin-right: 1em

}



.c-drawer__sns>li:last-child {

    margin-right: 0

}



.c-drawer__sns>li a {

    -webkit-transition: .25s;

    transition: .25s

}



.c-drawer__sns>li a svg {

    height: 2em;

    width: 2em

}



.c-drawer__bnr {

    margin-left: auto;

    margin-right: auto;

    margin-top: 1em;

    width: 80%

}



.c-drawer__buttons {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin-top: calc(2.04082vw + 17.34694px)

}



.c-drawer__buttons>* {

    margin-right: calc(1.22449vw + 10.40816px);

    max-width: 50%;

    width: 100%

}



.c-drawer__buttons>:last-child {

    margin-right: 0

}



.c-drawer__buttons>* .link,

.c-drawer__buttons>* a {

    width: 100%

}



.-recruit .c-drawer__buttons {

    margin-top: auto

}



.-recruit .c-drawer__buttons>* {

    max-width: 100%

}



.c-drawer_button {

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    align-items: center;

    border-bottom-left-radius: calc(.40816vw + 8.46939px);

    cursor: pointer;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    height: calc(2.04082vw + 42.34694px);

    justify-content: center;

    position: absolute;

    right: calc(2.04082vw + 17.34694px);

    top: 0;

    width: calc(2.04082vw + 42.34694px)

}



.c-drawer {

    pointer-events: none;

}



/* .home.is-top .c-drawer_button {

    color: #fff

} */



.c-drawer .c-drawer_button {

    background-color: transparent

}



.c-drawer_button:hover .c-drawer_button__bar:after {

    width: 100%

}



.c-drawer_button__text {

    font-size: calc(.32653vw + .87755rem);

    line-height: 1;

    margin-bottom: .5em;

    margin-top: -.5em;

    text-align: center

}



.c-drawer_button__bar {

    height: calc(2.44898vw + 20.81633px);

    margin-left: auto;

    margin-right: auto;

    position: relative;

    width: calc(2.44898vw + 20.81633px)

}



.c-drawer .c-drawer_button__bar {

    color: #111;

    width: calc(1.46939vw + 14.4898px)

}



.c-drawer_button__bar:after,

.c-drawer_button__bar:before {

    border-bottom: 2px solid;

    content: "";

    display: block;

    left: 0;

    margin-top: -1px;

    position: absolute;

    -webkit-transition: .25s;

    transition: .25s;

    width: 100%

}



.c-drawer .c-drawer_button__bar:after,

.c-drawer .c-drawer_button__bar:before {

    top: 50%

}



.c-drawer_button__bar:before {

    top: 37.5%

}



.c-drawer .c-drawer_button__bar:before {

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg)

}



.c-drawer_button__bar:after {

    top: 62.5%;

    width: 80%

}



.is-act .c-drawer_button__bar:after {

    width: 100%

}



.c-drawer .c-drawer_button__bar:after {

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg)

}



.c-products_feature {

    background: #fff;

    border: 2px solid #f0f0f0;

    margin-top: 50px;

    padding: 50px

}



.c-products_feature__title {

    color: #62B735;

    font-size: 17px;

    font-weight: 700;

    margin-bottom: 20px

}



.c-products_feature__list__item {

    margin-top: .5em;

    padding-left: 1.5em;

    position: relative

}



.c-products_feature__list__item .icon {

    color: #62B735;

    left: 0;

    position: absolute;

    top: .1em

}



.c-products_feature__list__item .detail .title {

    display: inline;

    font-size: 15px;

    font-weight: 700

}



.c-products_feature__list__item .detail .text {

    display: inline;

    font-size: 15px

}



.c-products_post__video {

    margin-bottom: 60px;

    margin-top: 60px

}



.c-products_post .c-title02+.c-products_post__item__number_title {

    border-top: none;

    padding-top: 0

}



.c-products_post .c-products_post__item__number_title {

    border-top: 1px solid #e5e5e5;

    counter-increment: num-detail;

    margin-top: 60px;

    padding-top: 60px

}



.c-products_post .c-products_post__item__number_title .number:before {

    content: counter(num-detail, decimal-leading-zero)

}



.c-products_post .link-to-pdf {

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    justify-content: center;

    margin-bottom: 130px;

    -webkit-transition: .25s ease;

    transition: .25s ease

}



.is-pc .c-products_post .link-to-pdf:hover {

    opacity: .7

}



.c-products_post .wp-block-group {

    counter-reset: num-detail;

    margin-bottom: 130px;

    padding-bottom: 130px;

    padding-top: 110px;

    position: relative

}



.c-products_post .wp-block-group:before {

    background: #f5f6f7;

    bottom: 0;

    content: "";

    display: block;

    left: 50%;

    position: absolute;

    top: 0;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

    width: 100vw

}



.c-products_post .wp-block-group .wp-block-group__inner-container {

    position: relative

}



.c-products_post .wp-block-group .c-post_single__col2_img,

.c-products_post .wp-block-group .c-post_single__col3_img {

    margin-left: 80px

}



.c-products_post .wp-block-group .c-post_single__col2_img .wp-block-embed,

.c-products_post .wp-block-group .c-post_single__col3_img .wp-block-embed {

    margin-bottom: .1em;

    margin-top: .1em

}



.c-products_post .wp-block-group .wp-block-image {

    margin-left: 80px;

    margin-top: 30px

}



.c-products_post .wp-block-group .wp-block-embed {

    border-top: 1px solid #e5e5e5;

    margin-top: 60px;

    padding-top: 60px

}



.c-products_post .wp-block-group .wp-block-embed .wp-block-embed__wrapper {

    position: relative

}



.c-products_post .wp-block-group .wp-block-embed .wp-block-embed__wrapper:before {

    content: "";

    display: block;

    padding-top: 56.25%

}



.c-products_post .wp-block-group .wp-block-embed .wp-block-embed__wrapper iframe {

    height: 100%;

    left: 50%;

    max-width: 910px;

    position: absolute;

    top: 0;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

    width: 100%

}



.c-products_post .wp-block-group .wp-block-embed figcaption {

    font-size: 18px;

    margin-left: auto;

    margin-right: auto;

    max-width: 910px;

    text-align: left

}



.c-products_post .wp-block-group .c-button01 {

    margin-left: 80px

}



.c-products_post.-bg_gray {

    background: #f5f6f7

}



.c-products_post .c-button01 {

    margin-top: 40px

}



.c-products_post p {

    margin-top: 30px

}



.c-products_post__title {

    padding-left: 30px;

    position: relative

}



.c-products_post__title .en {

    display: block;



    font-size: 45px;

    font-weight: 300

}



.c-products_post__title .jp {

    color: #777;

    display: block;

    font-size: 15px;

    margin-top: 1em

}



.c-products_post__title:before {

    background: #62B735;

    border-radius: 9999px;

    content: "";

    height: 9px;

    left: 0;

    position: absolute;

    top: .6em;

    width: 9px

}



.c-products_post__item {

    border-bottom: 1px solid #e5e5e5;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin-top: 60px;

    padding-bottom: 50px

}



.c-products_post__item__content {

    padding-left: 20px

}



.c-products_post__item__number_title {

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin-top: 60px

}



.c-products_post__item__number_title .number {

    color: #62B735;

    display: inline-block;



    font-size: calc(.16327vw + 1.53878rem);

    line-height: 1.7;

    padding-right: 1em;

    position: relative

}



.c-products_post__item__number_title .title {

    border-left: 2px solid #e5e5e5;

    display: inline-block;

    font-size: 24px;

    font-weight: 700;

    line-height: 1.4;

    padding-left: 1em

}



.c-products_post__item__text {

    margin-left: 80px;

    margin-top: 40px

}



.c-products_post__item__border_title {

    border-left: 1px solid #62B735;

    font-size: 22px;

    font-weight: 700;

    margin-left: 80px;

    margin-top: 50px;

    padding-left: 20px

}



.c-products_post__item__table {

    margin-left: 80px

}



.c-products_post__item__table .table_list {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    gap: calc(.81633vw + 6.93878px) 2%;

    margin-top: 30px

}



.c-products_post__item__table .table_list__item {

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    background: #fff;

    justify-content: space-between;

    padding: 40px;

    width: 32%

}



.c-products_post__item__table .table_list__item__img {

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    height: 100px;

    justify-content: center;

    margin-bottom: 1em

}



.c-products_post__item__table .table_list__item__title {

    font-weight: 700;

    margin-top: 0;

    padding-left: 1em;

    position: relative

}



.c-products_post__item__table .table_list__item__title:before {

    background: #62B735;

    border-radius: 9999px;

    content: "";

    height: 6px;

    left: 0;

    position: absolute;

    top: .6em;

    width: 6px

}



.c-products_post__item__table .table_list__item__text {

    margin-top: 0

}



.c-products_post__item__img {

    margin-left: 80px;

    margin-top: 50px

}



.c-products_post__item__img .img_list {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    gap: calc(.81633vw + 6.93878px) 1.25%

}



.c-products_post__item__img .img_list__item {

    width: 32.5%

}



.c-products_post__item__img .img_list__item img {

    width: 100%

}



.c-products_post__item__point {

    background: #fff;

    border: 2px solid #f0f0f0;

    margin-left: 80px;

    margin-top: 50px;

    padding: 50px

}



.c-products_post__item__point .point__title {

    color: #62B735;



    font-size: 20px;

    font-weight: 500

}



.c-products_post__item__point .point__list {

    margin-top: 20px

}



.c-products_post__item__point .point__list__item {

    margin-top: .5em;

    padding-left: 1.5em;

    position: relative

}



.c-products_post__item__point .point__list__item .icon {

    color: #62B735;

    left: 0;

    position: absolute;

    top: .1em

}



.c-products_post__item__point .point__list__item .detail {

    font-size: 15px

}



.c-products_post__item__point .point__list__item .detail .title {

    display: block;

    font-size: 15px;

    font-weight: 700

}



.c-products_post__item__point .point__list__item .detail .text {

    font-size: 15px

}



.c-products_post__item__point .point__list__item .detail .text p {

    margin-top: 0

}



.c-products_post__item__definition_list {

    margin-left: 80px;

    margin-top: 1.5em

}



.c-products_post__item__definition_list:first-child {

    margin-top: 40px

}



.c-products_post__item__definition_list .title {

    color: #62B735;

    font-size: 17px;

    font-weight: 700

}



.c-products_post__item__definition_list .text {

    margin-top: .5em

}



.c-products_post__item__col2 {

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: reverse;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-direction: row-reverse;

    flex-direction: row-reverse;

    justify-content: space-between;

    margin-left: 80px;

    margin-top: 40px

}



.c-products_post__item__col2__text {

    width: 68%

}



.c-products_post__item__col2__text p {

    margin-top: 0

}



.c-products_post__item__col2__img {

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    align-items: center;

    background: #fff;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    justify-content: center;

    padding: 20px;

    width: 30%

}



.c-products_post__item__col2__img img {

    width: 100%

}



.c-products_post__benefit {

    border-bottom: 1px solid #444;

    border-top: 1px solid #444;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin-bottom: 130px;

    padding-bottom: 60px;

    padding-top: 60px

}



.c-products_post__benefit__title {

    -webkit-box-align: end;

    -ms-flex-align: end;

    align-items: flex-end;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin-right: 55px;

    width: 95px;

    -webkit-writing-mode: vertical-rl;

    -ms-writing-mode: tb-rl;

    writing-mode: vertical-rl

}



.c-products_post__benefit__title .title .en {

    color: #111;

    display: block;



    font-size: 60px;

    font-weight: 200;

    letter-spacing: .1em

}



.c-products_post__benefit__title .title .jp {

    color: #777;

    display: block;

    font-weight: 500;

    margin-right: 1em;

    margin-top: .5em

}



.c-products_post__benefit__body .benefit_list__item {

    counter-increment: benefit_list;

    margin-top: 1em;

    padding-left: 2em;

    position: relative

}



.c-products_post__benefit__body .benefit_list__item .detail .text p,

.c-products_post__benefit__body .benefit_list__item:first-child {

    margin-top: 0

}



.c-products_post__benefit__body .benefit_list__item:before {

    color: #62B735;

    content: "0" counter(benefit_list);

    display: inline-block;



    font-size: 15px;

    left: 0;

    position: absolute

}



.c-products_post__gallery {

    margin-bottom: 130px;

    margin-top: 100px;

    padding-top: 90px;

    position: relative

}



.c-products_post__gallery:before {

    color: #62B735;

    content: "Photo Gallery";



    font-weight: 500;

    left: -50px;

    position: absolute;

    -webkit-writing-mode: vertical-rl;

    -ms-writing-mode: tb-rl;

    writing-mode: vertical-rl

}



.c-products_post__gallery__lead {

    left: -90px;

    position: absolute;

    top: -2.5em;

    z-index: -1

}



.c-products_post__gallery__slide img {

    width: 100%

}



.c-products_post__gallery__slide.swiper-slide-prev {

    opacity: 0;

    visibility: hidden

}



.c-products_post__gallery__control {

    margin-top: 30px

}



.c-products_post__card {

    margin-top: 60px

}



.c-products_post__card_list {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    gap: calc(2.04082vw + 17.34694px) 4%

}



.c-products_post__card_list__item {

    width: 48%

}



.is-pc .c-products_post__card_list__item a:hover .img img {

    -webkit-transform: scale(1.1);

    transform: scale(1.1)

}



.is-pc .c-products_post__card_list__item a:hover .detail .title {

    color: #62B735

}



.c-products_post__card_list__item .img {

    overflow: hidden

}



.c-products_post__card_list__item .img img {

    -webkit-transition: .25s;

    transition: .25s;

    width: 100%

}



.c-products_post__card_list__item .detail {

    margin-top: 1em

}



.c-products_post__card_list__item .detail .title {

    font-size: 20px;

    font-weight: 700;

    -webkit-transition: .25s;

    transition: .25s

}



.c-products_post__card_list__item .detail .text {

    color: #777;

    font-size: 15px;

    margin-top: 1em

}



.c-products_post__button {

    margin-bottom: 40px

}



.c-products_post__pdf-link {

    margin-top: 90px

}



.c-products_post__pdf-link a {

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    border: 1px solid #111;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    justify-content: space-between;

    padding: 30px;

    -webkit-transition: .25s;

    transition: .25s

}



.c-products_post__pdf-link a .ico {

    color: #62B735;

    -webkit-transition: .25s;

    transition: .25s

}



.is-pc .c-products_post__pdf-link a:hover {

    background: #62B735;

    color: #fff

}



.is-pc .c-products_post__pdf-link a:hover .ico {

    color: #fff

}



.c-products_post__date {

    margin-bottom: 130px;

    margin-top: 40px

}



.c-products_post__date_list {

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    border-top: 1px solid #e5e5e5;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



.c-products_post__date_list:last-child {

    border-bottom: 1px solid #e5e5e5

}



.c-products_post__date_list__title {

    max-width: 240px;

    min-width: 240px;

    padding: 30px 50px

}



.c-products_post__date_list__text {

    word-wrap: break-word;

    padding: 30px 50px

}



.c-products_post__date_list__text p {

    margin-top: 0

}



.c-lower_kv {

    padding-bottom: 100px;

    padding-top: 140px

}



.c-lower_kv__subtitle {

    color: #62B735;



    font-size: 15px;

    font-weight: 500;

    margin-bottom: 20px

}



.c-lower_kv.-case_study {

    background-image: url(../../img/main/case_study_kv.jpg);

    background-position: 50%;

    background-size: cover

}



.c-lower_kv.-case_study .c-lower_kv__title .en,

.c-lower_kv.-case_study .c-lower_kv__title .jp {

    color: #fff

}



.c-lower_kv.-machining {

    background-image: url(../../img/main/machining_kv.jpg);

    background-position: 50%;

    background-size: cover

}



.c-lower_kv.-machining .c-lower_kv__title .en,

.c-lower_kv.-machining .c-lower_kv__title .jp {

    color: #fff

}



.c-lower_kv__title .en {

    display: block;



    font-size: 64px;

    font-weight: 300

}



.c-lower_kv__title .jp {

    color: #777;

    display: block;

    font-size: 15px;

    margin-top: 30px

}



.c-post_archive {

    width: 100%

}



.c-post_archive,

.c-post_archive__container {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



.c-post_archive__main {

    height: 100%;

    margin-left: auto;

    width: 100%

}



.c-post_side {

    height: 100%;

    margin-right: calc(5.30612vw + 45.10204px);

    max-width: 200px;

    min-width: 200px;

    position: sticky;

    top: 50px

}



.c-post_side__title {



    font-size: 24px;

    font-weight: 400;

    margin-bottom: calc(1.63265vw + 13.87755px);

    padding-bottom: 16px;

    position: relative

}



.c-post_side__title:before {

    background: #111;

    bottom: 0;

    content: "";

    height: 1px;

    left: 0;

    position: absolute;

    width: 40px

}



.c-post_side__list__item {

    margin-bottom: .5em

}



.c-post_side__list__item.is-current a {

    font-weight: 700

}



.c-post_side__list__item.is-current a:before {

    background: #62B735;

    border-radius: 9999px;

    content: "";

    height: 10px;

    left: 0;

    position: absolute;

    top: 1em;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    width: 10px

}



.c-post_side__list__item a {

    color: #111;

    display: block;

    font-size: 14px;

    padding-left: 1.5em;

    position: relative;

    -webkit-transition: all .3s ease;

    transition: all .3s ease

}



.c-post_side__list__item a:before {

    background: #e5e5e5;

    border-radius: 9999px;

    content: "";

    height: 5px;

    left: 0;

    position: absolute;

    top: 1em;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    width: 5px

}



.c-post_side__list__item a:hover {

    color: #62B735

}



.c-post_single__head__info {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



.c-post_single__head__info .c-date {

    font-size: 16px;

    font-weight: 400;

    margin-right: 1em

}



.c-post_single__head .c-title05 {

    margin-top: 1em

}



.c-post_single__main {

    padding: calc(1.63265vw + 13.87755px) 0 calc(2.85714vw + 24.28571px)

}



.c-post_single__thumbnail {

    margin-bottom: 45px

}



.c-post_single__thumbnail img {

    width: 100%

}



.c-post_single__body .c-button01 a {

    margin-top: 30px

}



.c-post_single__body hr {

    border-bottom: 1px solid #e5e5e5;

    margin-top: 60px

}



.c-post_single__body .wp-block-group {

    background: #f5f6f7;

    margin: 100px -15%;

    padding: 60px 130px

}



.c-post_single__body .wp-block-group h2:before {

    background-color: #fff

}



.c-post_single__body .wp-block-group h2:first-child {

    margin-top: 0

}



.c-post_single__body .wp-block-group .c-post_single__ordered01__item {

    background: #fff

}



.c-post_single__body .wp-block-embed-youtube .wp-block-embed__wrapper {

    position: relative

}



.c-post_single__body .wp-block-embed-youtube .wp-block-embed__wrapper:before {

    content: "";

    display: block;

    padding-top: 56.25%

}



.c-post_single__body .wp-block-embed-youtube .wp-block-embed__wrapper iframe {

    height: 100%;

    left: 0;

    position: absolute;

    top: 0;

    width: 100%

}



.c-post_single__body h2 {

    display: block;

    font-size: 28px;

    font-weight: 700;

    line-height: 1.4;

    margin-bottom: 30px;

    margin-top: 80px;

    padding-top: 55px;

    position: relative

}



.c-post_single__body h2:before {

    background-color: #f0f0f0;

    content: "";

    height: 1px;

    left: 0;

    position: absolute;

    top: 0;

    width: 100%

}



.c-post_single__body h2:after {

    background: #111;

    content: "";

    height: 1px;

    left: 0;

    position: absolute;

    top: 0;

    width: 100px

}



.c-post_single__body h3 {

    border-left: 1px solid #62B735;

    display: block;

    font-size: 22px;

    font-weight: 700;

    line-height: 1.4;

    margin-bottom: calc(.40816vw + 3.46939px);

    margin-top: 40px;

    padding-left: 1em;

    position: relative

}



.c-post_single__body h4 {

    border-bottom: 1px solid;

    display: inline-block;

    font-size: 17px;

    font-weight: 700;

    margin-top: calc(1.22449vw + 10.40816px);

    padding-bottom: .1em

}



.c-post_single__body h5 {

    font-size: 17px;

    font-weight: 700;

    margin-top: 60px;

    padding-left: 1em;

    position: relative

}



.c-post_single__body h5:before {

    background: #62B735;

    border-radius: 9999px;

    content: "";

    height: 6px;

    left: 0;

    line-height: 1.4;

    position: absolute;

    top: .5em;

    width: 6px

}



.c-post_single__body h6 {

    color: #62B735;

    font-size: calc(.16327vw + 1.53878rem);

    margin-top: calc(1.22449vw + 10.40816px)

}



.c-post_single__body .wp-block-separator {

    border-bottom: 1px solid #ccc;

    margin-bottom: calc(1.63265vw + 23.87755px);

    padding-top: calc(1.63265vw + 23.87755px)

}



.c-post_single__body p {

    font-size: 16px;

    line-height: 2;

    margin-top: 1em

}



.c-post_single__body a {

    color: #62B735;

    -webkit-transition: .25s;

    transition: .25s

}



.is-pc .c-post_single__body a:hover {

    text-decoration: underline

}



.c-post_single__body ul {

    margin-top: calc(1.22449vw + 10.40816px)

}



.c-post_single__body ul li {

    margin-bottom: .5em;

    padding-left: 1em;

    position: relative

}



.c-post_single__body ul li:before {

    color: #62B735;

    content: "・";

    font-size: 16px;

    font-weight: 700;

    left: 0;

    margin-right: .5em;

    position: absolute

}



.c-post_single__body .wp-block-image {

    margin-top: 20px

}



.c-post_single__body .wp-block-table table {

    margin-top: 20px;

    overflow: auto;

    white-space: nowrap;

    width: 100%

}



.c-post_single__body .wp-block-table table tbody {

    overflow-x: scroll

}



.c-post_single__body .wp-block-table table tbody tr:first-child td {

    background: #555;

    border-color: none;

    color: #fff;

    padding: .5em 1em;

    text-align: center

}



.c-post_single__body .wp-block-table table tbody tr th {

    background: #555;

    border: none;

    color: #fff;

    padding: .5em 1em;

    text-align: center

}



.c-post_single__body .wp-block-table table tbody tr td {

    border-color: #e5e5e5;

    min-width: 150px;

    padding: .5em 1em

}



.c-post_single__body #ez-toc-container {

    background: #f5f6f7;

    border: none;

    border-radius: 0;

    margin-bottom: 100px;

    padding: 40px;

    width: 100%

}



.c-post_single__body #ez-toc-container .ez-toc-title {

    font-weight: 700

}



.c-post_single__body #ez-toc-container .ez-toc-list {

    margin-top: 30px

}



.c-post_single__body #ez-toc-container .ez-toc-list li {

    counter-reset: num 0;

    margin-top: .5em

}



.c-post_single__body #ez-toc-container .ez-toc-list li::marker {

    content: none

}



.c-post_single__body #ez-toc-container .ez-toc-list li:before {

    content: none

}



.c-post_single__body #ez-toc-container .ez-toc-list li .ez-toc-link {

    margin-left: 1em

}



.c-post_single__body #ez-toc-container .ez-toc-list li li::marker {

    color: #777

}



.c-post_single__body #ez-toc-container .ez-toc-list-level-1 {

    counter-reset: index-level-1

}



.c-post_single__body #ez-toc-container .ez-toc-list-level-1 .ez-toc-heading-level-2 {

    counter-increment: index-level-1;

    counter-reset: index-level-2

}



.c-post_single__body #ez-toc-container .ez-toc-list-level-1 .ez-toc-heading-level-2::marker {

    content: counter(index-level-1, decimal-leading-zero)

}



.c-post_single__body #ez-toc-container .ez-toc-list-level-1 .ez-toc-heading-level-2 .ez-toc-list-level-3 .ez-toc-heading-level-3 {

    counter-increment: index-level-2

}



.c-post_single__body #ez-toc-container .ez-toc-list-level-1 .ez-toc-heading-level-2 .ez-toc-list-level-3 .ez-toc-heading-level-3::marker {

    content: counter(index-level-1, decimal-leading-zero) "-" counter(index-level-2, decimal-leading-zero)

}



.c-post_single__body #ez-toc-container .ez-toc-list-level-1 .ez-toc-heading-level-2 .ez-toc-list-level-3 .ez-toc-heading-level-3 .ez-toc-list-level-4 {

    counter-reset: index-level-3

}



.c-post_single__body #ez-toc-container .ez-toc-list-level-1 .ez-toc-heading-level-2 .ez-toc-list-level-3 .ez-toc-heading-level-3 .ez-toc-list-level-4 .ez-toc-heading-level-4 {

    counter-increment: index-level-3

}



.c-post_single__body #ez-toc-container .ez-toc-list-level-1 .ez-toc-heading-level-2 .ez-toc-list-level-3 .ez-toc-heading-level-3 .ez-toc-list-level-4 .ez-toc-heading-level-4::marker {

    content: counter(index-level-1, decimal-leading-zero) "-" counter(index-level-2, decimal-leading-zero) "-" counter(index-level-3, decimal-leading-zero)

}



.c-post_single__boxlist {

    background: #f5f6f7;

    margin-top: 20px;

    padding: 45px

}



.c-post_single__boxlist__title {

    font-weight: 700;

    margin-top: 0 !important

}



.c-post_single__boxlist__list {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin-top: 0

}



.c-post_single__boxlist__list__item {

    margin-right: 2%;

    padding-left: 1em;

    position: relative;

    width: 31.3%

}



.c-post_single__boxlist__list__item:nth-child(3n) {

    margin-right: 0

}



.c-post_single__boxlist__list__item:before {

    color: #62B735;

    content: "・";

    font-size: 16px;

    font-weight: 700;

    left: 0;

    margin-right: .5em;

    position: absolute

}



.c-post_single__boxlist__list__item p {

    margin-top: 0

}



.c-post_single__logo {

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    gap: calc(.81633vw + 6.93878px) 2.6%;

    margin-top: 30px

}



.c-post_single__logo,

.c-post_single__logo__item {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



.c-post_single__logo__item {

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    border: 1px solid #f0f0f0;

    justify-content: center;

    padding: calc(1.22449vw + 10.40816px);

    width: 23%

}



.c-post_single__logo__item:before {

    content: none !important

}



.c-post_single__profile {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    gap: calc(.81633vw + 6.93878px) 2%;

    margin-top: 30px

}



.c-post_single__profile__item {

    width: 32%

}



.c-post_single__profile__item:before {

    content: none !important

}



.c-post_single__profile__item p {

    color: #444;

    font-size: 15px

}



.c-post_single__profile__item .name {

    margin-top: 0

}



.c-post_single__share {

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    border-bottom: 1px solid;

    border-top: 1px solid;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    justify-content: center;

    padding: 45px 50px

}



.c-post_single__share,

.c-post_single__share__title {

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



.c-post_single__share__title {

    font-size: 16px;

    font-weight: 700

}



.c-post_single__share__title:after {

    background: #62B735;

    content: "";

    display: block;

    height: 1px;

    margin: 0 30px;

    width: 22px

}



.c-post_single__share__sns {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



.c-post_single__share__sns .item {

    margin-right: 30px

}



.c-post_single__share__sns .item:last-child {

    margin-right: 0

}



.c-post_single__share__sns .item a {

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



.c-post_single__share__sns .item a svg {

    font-size: 1.6rem

}



.c-post_single__share__sns .item a span {

    font-size: 13px;

    font-weight: 700

}



.c-post_single__share__sns .item.-facebook svg {

    color: #1a77f2;

    margin-right: .5em

}



.c-post_single__share__sns .item.-twitter svg {

    color: #1ea2f1;

    margin-right: .5em

}



.c-post_single__share__sns .item.-line svg {

    color: #0cbf5b;

    margin-right: .5em

}



.c-post_single__bottom__inner {

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    justify-content: space-between;

    padding: calc(2.44898vw + 20.81633px) 0

}



.c-post_single__bottom__prev {

    width: 33%

}



.c-post_single__bottom__prev a {

    color: #777;

    display: block;



    padding-left: 1em;

    position: relative;

    -webkit-transition: .25s;

    transition: .25s

}



.is-pc .c-post_single__bottom__prev a:hover {

    color: #62B735

}



.c-post_single__bottom__prev a:before {

    background: #e5e5e5;

    border-radius: 9999px;

    content: "";

    height: 6px;

    left: 0;

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    width: 6px

}



.c-post_single__bottom__view {



    text-align: center;

    -webkit-transition: .25s;

    transition: .25s;

    width: 33%

}



.c-post_single__bottom__view svg {

    display: block;

    margin: 0 auto .5em

}



.is-pc .c-post_single__bottom__view:hover {

    color: #62B735

}



.c-post_single__bottom__next {

    width: 33%

}



.c-post_single__bottom__next a {

    display: block;



    font-weight: 400;

    padding-right: 1em;

    position: relative;

    text-align: right;

    -webkit-transition: .25s;

    transition: .25s

}



.is-pc .c-post_single__bottom__next a:hover {

    color: #62B735

}



.c-post_single__bottom__next a:before {

    background: #62B735;

    border-radius: 9999px;

    content: "";

    height: 6px;

    position: absolute;

    right: 0;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    width: 6px

}



.c-post_single__date {

    margin-bottom: 40px;

    margin-top: 40px

}



.c-post_single__date_list {

    border-top: 1px solid #e5e5e5;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



.c-post_single__date_list:last-child {

    border-bottom: 1px solid #e5e5e5

}



.c-post_single__date_list__link {

    color: #62B735;

    display: block;

    text-decoration: underline

}



.c-post_single__date_list__title {

    background: #f5f6f7;

    max-width: 200px;

    min-width: 200px;

    padding: 1em 30px

}



.c-post_single__date_list__text {

    word-wrap: break-word;

    padding: 1em 36px

}



.c-post_single__date_list__text time {

    display: block

}



.c-post_single__col2_img {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    gap: calc(1.22449vw + 10.40816px) 4%;

    margin-top: 30px

}



.c-post_single__col2_img__item {

    padding-left: 0 !important;

    width: 48%

}



.c-post_single__col2_img__item:before {

    content: none !important

}



.c-post_single__col2_img__item .img {

    margin-bottom: .5em

}



.c-post_single__col2_img__item .img img {

    margin-bottom: .1em;

    margin-top: .1em;

    width: 100%

}



.c-post_single__col2_img__item .wp-block-embed {

    border-top: none !important;

    margin-bottom: .1em;

    margin-top: .1em;

    padding-top: 0 !important

}



.c-post_single__col2_img__item .wp-block-embed .wp-block-embed__wrapper {

    position: relative

}



.c-post_single__col2_img__item .wp-block-embed .wp-block-embed__wrapper:before {

    content: "";

    display: block;

    padding-top: 56.25%

}



.c-post_single__col2_img__item .wp-block-embed .wp-block-embed__wrapper iframe {

    height: 100%;

    left: 0;

    position: absolute;

    top: 0;

    width: 100%

}



.c-post_single__col2_img__item .wp-block-video {

    line-height: 0;

    margin-bottom: .1em;

    margin-top: .1em

}



.c-post_single__col2_img__item p {

    color: #444;

    font-size: 15px;

    margin-top: 0

}



.c-post_single__col3_img {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    gap: calc(1.22449vw + 10.40816px) 2%;

    margin-top: 30px

}



.c-post_single__col3_img__item {

    margin-bottom: .5em;

    padding-left: 0 !important;

    width: 32%

}



.c-post_single__col3_img__item:before {

    content: none !important

}



.c-post_single__col3_img__item .img img {

    margin-bottom: .1em;

    margin-top: .1em;

    width: 100%

}



.c-post_single__col3_img__item .wp-block-embed {

    margin-bottom: .1em;

    margin-top: .1em

}



.c-post_single__col3_img__item .wp-block-embed .wp-block-embed__wrapper {

    position: relative

}



.c-post_single__col3_img__item .wp-block-embed .wp-block-embed__wrapper:before {

    content: "";

    display: block;

    padding-top: 56.25%

}



.c-post_single__col3_img__item .wp-block-embed .wp-block-embed__wrapper iframe {

    height: 100%;

    left: 0;

    position: absolute;

    top: 0;

    width: 100%

}



.c-post_single__col3_img__item .wp-block-video {

    line-height: 0;

    margin-bottom: .1em;

    margin-top: .1em

}



.c-post_single__col3_img__item p {

    color: #444;

    font-size: 15px;

    margin-top: 0

}



.c-post_single__coment {

    border-bottom: 1px solid #444;

    border-top: 1px solid #444;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin: 110px 0;

    padding: 50px 0

}



.c-post_single__coment__icon {

    width: 170px

}



.c-post_single__coment__icon,

.c-post_single__coment__icon .ico {

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    align-items: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    justify-content: center

}



.c-post_single__coment__icon .ico {

    background: #f5f6f7;

    border-radius: 9999px;

    height: 110px;

    width: 110px

}



.c-post_single__coment__body {

    width: calc(100% - 180px)

}



.c-post_single__coment__body .title {

    font-size: 17px;

    font-weight: 700;

    margin-top: 0

}



.c-post_single__coment__body .text {

    font-size: 15px

}



.c-post_single__ordered01 {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    gap: calc(.81633vw + 6.93878px) 2%;

    margin-top: 30px

}



.c-post_single__ordered01__item {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    background: #f5f6f7;

    counter-increment: ordered_list;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-direction: column;

    flex-direction: column;

    font-size: 17px;

    font-weight: 700;

    padding: 30px;

    position: relative;

    text-align: center;

    width: 32%

}



.c-post_single__ordered01__item:before {

    color: #62B735;

    content: "0" counter(ordered_list);

    display: inline-block;



    font-size: 24px;

    font-weight: 300;

    left: 0

}



.c-post_single__ordered01__item p {

    word-wrap: break-word;

    font-size: 17px;

    line-height: 1.7;

    margin-top: .5em

}



.c-post_single__ordered02 {

    margin-top: 30px

}



.c-post_single__ordered02__item {

    counter-increment: benefit_list;

    margin-top: 1em;

    padding-left: 2em;

    position: relative

}



.c-post_single__ordered02__item .detail .text p,

.c-post_single__ordered02__item:first-child {

    margin-top: 0

}



.c-post_single__ordered02__item:before {

    color: #62B735;

    content: "0" counter(benefit_list);

    display: inline-block;



    font-size: 15px;

    left: 0;

    position: absolute

}



.c-post_single__border_block {

    margin-top: calc(2.04082vw + 17.34694px);

    position: relative

}



.c-post_single__border_block:after,

.c-post_single__border_block:before {

    background: #62B735;

    content: "";

    display: block;

    height: 30px;

    position: absolute;

    top: 1.5em;

    width: 1px

}



.c-post_single__border_block:before {

    left: 0

}



.c-post_single__border_block:after {

    right: 0

}



.c-post_single__border_block__title {

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    background: #fff;

    color: #62B735;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    font-size: calc(1.63265vw + 1.38776rem);

    padding: 0 .5em

}



.c-post_single__border_block__title:after,

.c-post_single__border_block__title:before {

    -webkit-box-flex: 1;

    -ms-flex-positive: 1;

    background: #62B735;

    content: "";

    display: block;

    flex-grow: 1;

    height: 1px

}



.c-post_single__border_block__title:before {

    margin-right: 4em

}



.c-post_single__border_block__title:after {

    margin-left: 4em

}



.c-post_single__border_block__sub_title {

    font-family: 游明朝, YuMincho, ヒラギノ明朝 Pro W3, Hiragino Mincho Pro, HG明朝E, MS P明朝, MS 明朝, serif;

    margin-top: 1em;

    text-align: center

}



.c-post_single__border_block__inner {

    margin-top: calc(1.63265vw + 13.87755px);

    padding: 0 calc(3.26531vw + 27.7551px) calc(2.04082vw + 17.34694px);

    position: relative

}



.c-post_single__border_block__inner:after,

.c-post_single__border_block__inner:before {

    background: #62B735;

    bottom: .5em;

    content: "";

    display: block;

    height: 30px;

    position: absolute;

    width: 1px

}



.c-post_single__border_block__inner:before {

    left: 0

}



.c-post_single__border_block__inner:after {

    right: 0

}



.c-post_single__border_block__inner .border-bottom:after,

.c-post_single__border_block__inner .border-bottom:before {

    background: #62B735;

    bottom: 0;

    content: "";

    height: 1px;

    position: absolute;

    width: 30%

}



.c-post_single__border_block__inner .border-bottom:before {

    left: .5em

}



.c-post_single__border_block__inner .border-bottom:after {

    right: .5em

}



.c-post_single__border_block__list {

    border-bottom: 1px solid #777;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    padding: calc(1.22449vw + 10.40816px) 0

}



.c-post_single__border_block__list:last-child {

    border-bottom: none

}



.c-post_single__border_block__list .title {

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin-right: 2%;

    width: 33%

}



.c-post_single__border_block__list .title .c-ico {

    color: #62B735;

    margin-right: 1em

}



.c-post_single__border_block__list .text {

    font-size: calc(.16327vw + 13.38776px);

    width: 65%

}



.c-post_single__border_block__list .text p {

    font-size: calc(.16327vw + 13.38776px);

    margin-top: 0

}



.c-post_single__graybox {

    background: #f5f6f7;

    padding: 50px

}



.c-post_single__graybox__title {

    font-weight: 700;

    margin-top: 0 !important

}



.c-form {

    margin-top: 50px

}



.c-form__item {

    border-top: 1px solid #f0f0f0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



.c-form__item:last-child {

    border-bottom: 1px solid #f0f0f0

}



.c-form__item.-required .c-form__item__head__inner:after {

    border: 1px solid #62B735;

    border-radius: 2px;

    color: #62B735;

    content: "必須";

    font-size: 11px;

    font-weight: 500;

    line-height: 1.4;

    margin-left: .5em;

    padding: 0 .5em

}



.c-form__item__head {

    background: #f5f6f7;

    max-width: 250px;

    min-width: 250px;

    padding: 30px

}



.c-form__item__head__inner {

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    font-weight: 700

}



.c-form__item__body {

    padding: 30px

}



.c-form__item__body input {

    border: 1px solid #f0f0f0;

    border-radius: 3px;

    line-height: 1;

    padding: 10px;

    width: 100%

}



.c-form__item__body textarea {

    border: 1px solid #f0f0f0;

    width: 100%

}



.c-form__item__postal {

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin-bottom: 1em

}



.c-form__item__postal input {

    margin: 0 .5em;

    width: auto

}



.c-form__item__select {

    margin-top: .5em;

    position: relative;

    width: 200px

}



.c-form__item__select .icon {

    color: #62B735;

    position: absolute;

    right: 16px;

    top: 50%;

    -webkit-transform: translateY(-50%) rotate(90deg);

    transform: translateY(-50%) rotate(90deg)

}



.mw_wp_form_confirm .c-form__item__select .icon {

    display: none

}



.c-form__item__select select {

    border: 1px solid #f0f0f0;

    border-radius: 3px;

    cursor: pointer;

    font-size: 13px;

    line-height: 1;

    padding: 16px;

    width: 100%

}



.c-form__item__radiobox span {

    display: block

}



.c-form__item__radiobox span label {

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



.c-form__item__radiobox span label input {

    display: none

}



.c-form__item__radiobox span label input:checked+.mwform-radio-field-text:before {

    border: 1px solid #62B735

}



.c-form__item__radiobox span label input:checked+.mwform-radio-field-text:after {

    background: #62B735;

    border-radius: 9999px;

    content: "";

    display: block;

    height: 10px;

    height: 6px;

    left: 9px;

    position: absolute;

    top: 9px;

    -webkit-transform: translate(-50%);

    transform: translate(-50%);

    width: 6px

}



.c-form__item__radiobox span label span {

    cursor: pointer;

    padding-left: 1.7em;

    position: relative

}



.c-form__item__radiobox span label span:before {

    border: 1px solid #f0f0f0;

    border-radius: 9999px;

    content: "";

    height: 18px;

    left: 0;

    position: absolute;

    top: 3px;

    width: 18px

}



.c-form__item__checkbox span {

    display: block

}



.c-form__item__checkbox span label {

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



.c-form__item__checkbox span label input {

    display: none

}



.c-form__item__checkbox span label input:checked+.mwform-checkbox-field-text:before {

    background: #62B735;

    border: 1px solid #62B735

}



.c-form__item__checkbox span label input:checked+.mwform-checkbox-field-text:after {

    content: ""

}



.c-form__item__checkbox span label span {

    cursor: pointer;

    line-height: 2;

    padding-left: 1.7em;

    position: relative

}



.c-form__item__checkbox span label span:after {

    background-image: url(../../img/common/ico/check-solid.svg);

    background-size: cover;

    content: "";

    height: 12px;

    left: 3px;

    position: absolute;

    top: 8px;

    width: 12px

}



.c-form__item__checkbox span label span:before {

    border: 1px solid #f0f0f0;

    border-radius: 3px;

    content: "";

    height: 20px;

    left: 0;

    position: absolute;

    top: 5px;

    width: 20px

}



.c-form_submit {

    margin-top: 50px;

    text-align: center

}



.c-form_submit button {

    background: #62B735;

    color: #fff;

    cursor: pointer;

    margin: 0 auto;

    padding: 30px;

    position: relative;

    text-align: center;

    width: 400px

}



.c-form_submit button.-back {

    background: #777

}



.c-form_submit button .icon {

    left: 1em;

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%)

}



.c-form_submit button .icon svg {

    fill: #fff

}



.c-form_submit button .c-arrow03__wrap {

    right: 30px

}



.c-form_submit button .c-arrow03__wrap.-left {

    left: 30px;

    right: auto !important

}



.c-form_submit button .c-arrow03__wrap.-left .c-arrow03__img {

    -webkit-transform: rotate(180deg);

    transform: rotate(180deg)

}



.is-pc .c-form_submit button:hover .c-arrow03__wrap {

    background: transparent;

    height: 45px;

    right: 10px;

    width: 45px

}



.is-pc .c-form_submit button:hover .c-arrow03__wrap.-left {

    left: 10px;

    right: auto !important

}



.is-pc .c-form_submit button:hover .c-arrow03__wrap svg {

    opacity: 1

}



.c-text-center {

    text-align: center

}



.c-text-right {

    text-align: right

}



.c-text-left {

    text-align: left

}



.c-text-bold {

    font-weight: 700

}



.c-text-note {

    color: #777;

    font-size: 13px

}



.u-block_center {

    display: block;

    margin-left: auto;

    margin-right: auto

}



.u-left {

    text-align: left

}



.u-center {

    text-align: center

}



.u-right {

    text-align: right

}



.u-none {

    display: none

}



.u-ib {

    display: inline-block

}



.u-relative {

    position: relative

}



.u-absolute {

    position: absolute

}



.u-mt0 {

    margin-top: 0

}



.u-mb0 {

    margin-bottom: 0

}



.u-ml0 {

    margin-left: 0

}



.u-mr0 {

    margin-right: 0

}



.u-pt0 {

    padding-top: 0

}



.u-pb0 {

    padding-bottom: 0

}



.u-pl0 {

    padding-left: 0

}



.u-pr0 {

    padding-right: 0

}



.u-mt5 {

    margin-top: 10px

}



.u-mb5 {

    margin-bottom: 10px

}



.u-ml5 {

    margin-left: 10px

}



.u-mr5 {

    margin-right: 10px

}



.u-pt5 {

    padding-top: 10px

}



.u-pb5 {

    padding-bottom: 10px

}



.u-pl5 {

    padding-left: 10px

}



.u-pr5 {

    padding-right: 10px

}



.u-mt10 {

    margin-top: 20px

}



.u-mb10 {

    margin-bottom: 20px

}



.u-ml10 {

    margin-left: 20px

}



.u-mr10 {

    margin-right: 20px

}



.u-pt10 {

    padding-top: 20px

}



.u-pb10 {

    padding-bottom: 20px

}



.u-pl10 {

    padding-left: 20px

}



.u-pr10 {

    padding-right: 20px

}



.u-mt15 {

    margin-top: 30px

}



.u-mb15 {

    margin-bottom: 30px

}



.u-ml15 {

    margin-left: 30px

}



.u-mr15 {

    margin-right: 30px

}



.u-pt15 {

    padding-top: 30px

}



.u-pb15 {

    padding-bottom: 30px

}



.u-pl15 {

    padding-left: 30px

}



.u-pr15 {

    padding-right: 30px

}



.u-mt20 {

    margin-top: 40px

}



.u-mb20 {

    margin-bottom: 40px

}



.u-ml20 {

    margin-left: 40px

}



.u-mr20 {

    margin-right: 40px

}



.u-pt20 {

    padding-top: 40px

}



.u-pb20 {

    padding-bottom: 40px

}



.u-pl20 {

    padding-left: 40px

}



.u-pr20 {

    padding-right: 40px

}



.u-mt25 {

    margin-top: 50px

}



.u-mb25 {

    margin-bottom: 50px

}



.u-ml25 {

    margin-left: 50px

}



.u-mr25 {

    margin-right: 50px

}



.u-pt25 {

    padding-top: 50px

}



.u-pb25 {

    padding-bottom: 50px

}



.u-pl25 {

    padding-left: 50px

}



.u-pr25 {

    padding-right: 50px

}



.u-mt30 {

    margin-top: 60px

}



.u-mb30 {

    margin-bottom: 60px

}



.u-ml30 {

    margin-left: 60px

}



.u-mr30 {

    margin-right: 60px

}



.u-pt30 {

    padding-top: 60px

}



.u-pb30 {

    padding-bottom: 60px

}



.u-pl30 {

    padding-left: 60px

}



.u-pr30 {

    padding-right: 60px

}



.u-mt35 {

    margin-top: 70px

}



.u-mb35 {

    margin-bottom: 70px

}



.u-ml35 {

    margin-left: 70px

}



.u-mr35 {

    margin-right: 70px

}



.u-pt35 {

    padding-top: 70px

}



.u-pb35 {

    padding-bottom: 70px

}



.u-pl35 {

    padding-left: 70px

}



.u-pr35 {

    padding-right: 70px

}



.u-mt40 {

    margin-top: 80px

}



.u-mb40 {

    margin-bottom: 80px

}



.u-ml40 {

    margin-left: 80px

}



.u-mr40 {

    margin-right: 80px

}



.u-pt40 {

    padding-top: 80px

}



.u-pb40 {

    padding-bottom: 80px

}



.u-pl40 {

    padding-left: 80px

}



.u-pr40 {

    padding-right: 80px

}



.u-mt45 {

    margin-top: 90px

}



.u-mb45 {

    margin-bottom: 90px

}



.u-ml45 {

    margin-left: 90px

}



.u-mr45 {

    margin-right: 90px

}



.u-pt45 {

    padding-top: 90px

}



.u-pb45 {

    padding-bottom: 90px

}



.u-pl45 {

    padding-left: 90px

}



.u-pr45 {

    padding-right: 90px

}



.u-mt50 {

    margin-top: 100px

}



.u-mb50 {

    margin-bottom: 100px

}



.u-ml50 {

    margin-left: 100px

}



.u-mr50 {

    margin-right: 100px

}



.u-pt50 {

    padding-top: 100px

}



.u-pb50 {

    padding-bottom: 100px

}



.u-pl50 {

    padding-left: 100px

}



.u-pr50 {

    padding-right: 100px

}



.u-mt55 {

    margin-top: 110px

}



.u-mb55 {

    margin-bottom: 110px

}



.u-ml55 {

    margin-left: 110px

}



.u-mr55 {

    margin-right: 110px

}



.u-pt55 {

    padding-top: 110px

}



.u-pb55 {

    padding-bottom: 110px

}



.u-pl55 {

    padding-left: 110px

}



.u-pr55 {

    padding-right: 110px

}



.u-mt60 {

    margin-top: 120px

}



.u-mb60 {

    margin-bottom: 120px

}



.u-ml60 {

    margin-left: 120px

}



.u-mr60 {

    margin-right: 120px

}



.u-pt60 {

    padding-top: 120px

}



.u-pb60 {

    padding-bottom: 120px

}



.u-pl60 {

    padding-left: 120px

}



.u-pr60 {

    padding-right: 120px

}



.u-mt65 {

    margin-top: 130px

}



.u-mb65 {

    margin-bottom: 130px

}



.u-ml65 {

    margin-left: 130px

}



.u-mr65 {

    margin-right: 130px

}



.u-pt65 {

    padding-top: 130px

}



.u-pb65 {

    padding-bottom: 130px

}



.u-pl65 {

    padding-left: 130px

}



.u-pr65 {

    padding-right: 130px

}



.u-mt70 {

    margin-top: 140px

}



.u-mb70 {

    margin-bottom: 140px

}



.u-ml70 {

    margin-left: 140px

}



.u-mr70 {

    margin-right: 140px

}



.u-pt70 {

    padding-top: 140px

}



.u-pb70 {

    padding-bottom: 140px

}



.u-pl70 {

    padding-left: 140px

}



.u-pr70 {

    padding-right: 140px

}



.u-mt75 {

    margin-top: 150px

}



.u-mb75 {

    margin-bottom: 150px

}



.u-ml75 {

    margin-left: 150px

}



.u-mr75 {

    margin-right: 150px

}



.u-pt75 {

    padding-top: 150px

}



.u-pb75 {

    padding-bottom: 150px

}



.u-pl75 {

    padding-left: 150px

}



.u-pr75 {

    padding-right: 150px

}



.u-mt80 {

    margin-top: 160px

}



.u-mb80 {

    margin-bottom: 160px

}



.u-ml80 {

    margin-left: 160px

}



.u-mr80 {

    margin-right: 160px

}



.u-pt80 {

    padding-top: 160px

}



.u-pb80 {

    padding-bottom: 160px

}



.u-pl80 {

    padding-left: 160px

}



.u-pr80 {

    padding-right: 160px

}



.u-mt85 {

    margin-top: 170px

}



.u-mb85 {

    margin-bottom: 170px

}



.u-ml85 {

    margin-left: 170px

}



.u-mr85 {

    margin-right: 170px

}



.u-pt85 {

    padding-top: 170px

}



.u-pb85 {

    padding-bottom: 170px

}



.u-pl85 {

    padding-left: 170px

}



.u-pr85 {

    padding-right: 170px

}



.u-mt90 {

    margin-top: 180px

}



.u-mb90 {

    margin-bottom: 180px

}



.u-ml90 {

    margin-left: 180px

}



.u-mr90 {

    margin-right: 180px

}



.u-pt90 {

    padding-top: 180px

}



.u-pb90 {

    padding-bottom: 180px

}



.u-pl90 {

    padding-left: 180px

}



.u-pr90 {

    padding-right: 180px

}



.u-mt95 {

    margin-top: 190px

}



.u-mb95 {

    margin-bottom: 190px

}



.u-ml95 {

    margin-left: 190px

}



.u-mr95 {

    margin-right: 190px

}



.u-pt95 {

    padding-top: 190px

}



.u-pb95 {

    padding-bottom: 190px

}



.u-pl95 {

    padding-left: 190px

}



.u-pr95 {

    padding-right: 190px

}



.u-mt100 {

    margin-top: 200px

}



.u-mb100 {

    margin-bottom: 200px

}



.u-ml100 {

    margin-left: 200px

}



.u-mr100 {

    margin-right: 200px

}



.u-pt100 {

    padding-top: 200px

}



.u-pb100 {

    padding-bottom: 200px

}



.u-pl100 {

    padding-left: 200px

}



.u-pr100 {

    padding-right: 200px

}



.u-visible {

    display: block

}



.u-hidden {

    display: none

}



.d-n-max,

.d-n-md,

.d-n-min,

.d-n-sp,

.d-n-spmin,

.d-n-tab,

.u-hidden-max,

.u-hidden-md,

.u-hidden-min,

.u-hidden-sp,

.u-hidden-spmin,

.u-hidden-tab {

    display: none !important

}



.p-index_loading {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    align-items: center;

    background: #62B735;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-direction: column;

    flex-direction: column;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    height: 100vh;

    justify-content: center;

    position: fixed;

    text-align: center;

    -webkit-transition: opacity 1s 3s, -webkit-transform .25s 4s;

    transition: opacity 1s 3s, -webkit-transform .25s 4s;

    transition: opacity 1s 3s, transform .25s 4s;

    transition: opacity 1s 3s, transform .25s 4s, -webkit-transform .25s 4s;

    width: 100vw;

    z-index: 9000

}



.is-start .p-index_loading {

    opacity: 0;

    z-index: -1

}



.is-opening .p-index_loading {

    opacity: 1;

    z-index: 9000

}



.is-opening.is-loaded .p-index_loading {

    opacity: 0;

    -webkit-transform: scale(0);

    transform: scale(0)

}



.p-index_loading__lead {

    -webkit-transition: .75s;

    transition: .75s

}



.is-opening .p-index_loading__lead {

    opacity: 0;

    -webkit-transform: translateY(50%);

    transform: translateY(50%)

}



.is-opening.is-loaded .p-index_loading__lead {

    opacity: 1;

    -webkit-transform: translateY(0);

    transform: translateY(0)

}



.p-index_loading__logo {

    margin-top: 1em;

    -webkit-transition: opacity .75s .4s, -webkit-transform .5s .4s;

    transition: opacity .75s .4s, -webkit-transform .5s .4s;

    transition: opacity .75s .4s, transform .5s .4s;

    transition: opacity .75s .4s, transform .5s .4s, -webkit-transform .5s .4s

}



.is-opening .p-index_loading__logo {

    opacity: 0;

    -webkit-transform: translateY(60%);

    transform: translateY(60%)

}



.is-opening.is-loaded .p-index_loading__logo {

    opacity: 1;

    -webkit-transform: translateY(0);

    transform: translateY(0)

}



.p-index_loading__circle {

    -webkit-animation: loading 1s linear 1s infinite;

    animation: loading 1s linear 1s infinite;

    background-color: hsla(0, 0%, 100%, .5);

    border-radius: 9999px;

    height: 50px;

    margin-top: 90px;

    width: 50px

}



.p-index_loading__circle__wrap {

    -webkit-transition: opacity .75s 1.1s;

    transition: opacity .75s 1.1s

}



.is-opening .p-index_loading__circle__wrap {

    opacity: 0

}



.is-opening.is-loaded .p-index_loading__circle__wrap {

    opacity: 1

}



.p-index_kv__inner {

    height: 100%;

    position: relative;

    width: 100%

}



.tri_banner {

    position: fixed;

    bottom: 120px;

    z-index: 1001;

    width: 100%;

    text-align: right;

}



.tri_banner img {

    width: 20%;

}



.p-index_kv__title {

    left: 200px;

    position: absolute;

    top: 40%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    z-index: 10

}



.p-index_kv__title__en {

    color: #62B735;



    font-size: 15px;

    font-weight: 900;

    margin-bottom: 40px;

}



.is-opening .p-index_kv__title__en {

    opacity: 0;

    -webkit-transform: translateY(25%);

    transform: translateY(25%);

    -webkit-transition: opacity 1s 3.5s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) 3.5s;

    transition: opacity 1s 3.5s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) 3.5s;

    transition: opacity 1s 3.5s, transform 1s cubic-bezier(.215, .61, .355, 1) 3.5s;

    transition: opacity 1s 3.5s, transform 1s cubic-bezier(.215, .61, .355, 1) 3.5s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) 3.5s

}



.is-opening.is-loaded .p-index_kv__title__en {

    opacity: 1;

    -webkit-transform: translateY(0);

    transform: translateY(0)

}



.p-index_kv__title__jp {

    width: 360px

}



.p-index_kv__title__jp .cls-wrap>:first-child {

    overflow: hidden;

    -webkit-transition: .875s 3.5s;

    transition: .875s 3.5s

}



.p-index_kv__title__jp .cls-wrap>:nth-child(2) {

    overflow: hidden;

    -webkit-transition: .875s 3.6s;

    transition: .875s 3.6s

}



.p-index_kv__title__jp .cls-wrap>:nth-child(3) {

    overflow: hidden;

    -webkit-transition: .875s 3.7s;

    transition: .875s 3.7s

}



.p-index_kv__title__jp .cls-wrap>:nth-child(4) {

    overflow: hidden;

    -webkit-transition: .875s 3.8s;

    transition: .875s 3.8s

}



.p-index_kv__title__jp .cls-wrap>:nth-child(5) {

    overflow: hidden;

    -webkit-transition: .875s 3.9s;

    transition: .875s 3.9s

}



.p-index_kv__title__jp .cls-wrap>:nth-child(6) {

    overflow: hidden;

    -webkit-transition: .875s 4s;

    transition: .875s 4s

}



.p-index_kv__title__jp .cls-wrap>:nth-child(7) {

    overflow: hidden;

    -webkit-transition: .875s 4.1s;

    transition: .875s 4.1s

}



.p-index_kv__title__jp .cls-wrap>:nth-child(8) {

    overflow: hidden;

    -webkit-transition: .875s 4.2s;

    transition: .875s 4.2s

}



.p-index_kv__title__jp .cls-wrap>:nth-child(9) {

    overflow: hidden;

    -webkit-transition: .875s 4.3s;

    transition: .875s 4.3s

}



.p-index_kv__title__jp .cls-wrap>:nth-child(10) {

    overflow: hidden;

    -webkit-transition: .875s 4.4s;

    transition: .875s 4.4s

}



.p-index_kv__title__jp .cls-wrap>:nth-child(11) {

    overflow: hidden;

    -webkit-transition: .875s 4.5s;

    transition: .875s 4.5s

}



.p-index_kv__title__jp .cls-wrap>:nth-child(12) {

    overflow: hidden;

    -webkit-transition: .875s 4.6s;

    transition: .875s 4.6s

}



.p-index_kv__title__jp .cls-wrap>:nth-child(13) {

    overflow: hidden;

    -webkit-transition: .875s 4.7s;

    transition: .875s 4.7s

}



.is-opening .p-index_kv__title__jp .cls-wrap>* {

    opacity: 0;

    -webkit-transform: translateY(15%);

    transform: translateY(15%)

}



.is-opening.is-loaded .p-index_kv__title__jp .cls-wrap>* {

    opacity: 1;

    -webkit-transform: translateY(0);

    transform: translateY(0)

}



.p-index_kv__title__text {

    color: #fff;

    letter-spacing: 0;

    margin-left: -.1em;

    margin-top: 40px;

    position: relative;

    font-size: 5rem;

    font-weight: 900;

    color: #ffffff;

    text-shadow: 1px 1px 1px #000000;

}



@media (max-width: 767px) {

    .p-index_kv__title__text {

        font-size: 3rem;

        font-weight: 900;

    }





}











.is-opening .p-index_kv__title__text {

    opacity: 0;

    -webkit-transform: translateY(25%);

    transform: translateY(25%);

    -webkit-transition: opacity 1s 5s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) 5s;

    transition: opacity 1s 5s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) 5s;

    transition: opacity 1s 5s, transform 1s cubic-bezier(.215, .61, .355, 1) 5s;

    transition: opacity 1s 5s, transform 1s cubic-bezier(.215, .61, .355, 1) 5s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) 5s

}



.is-opening.is-loaded .p-index_kv__title__text {

    opacity: 1;

    -webkit-transform: translateY(0);

    transform: translateY(0)

}



.p-index_kv__lead {

    -webkit-animation: loop 100s linear -50s infinite;

    animation: loop 100s linear -50s infinite;

    bottom: 0;

    left: 0;

    mix-blend-mode: difference;

    padding-left: 100px;

    position: absolute;

    width: calc(131.18367vw + 1115.06122px);

    z-index: 10

}



.p-index_kv__lead svg {

    width: 100%

}



.p-index_kv__lead path {

    fill: #fff

}



.p-index_kv__lead.-late {

    -webkit-animation: loop 100s linear infinite;

    animation: loop 100s linear infinite

}



.p-index_kv__body {

    height: 1000px;

    padding-bottom: 100px;

    position: relative

}



.p-index_kv__body .swiper-pagination {

    display: inline-block;

    left: auto;

    position: absolute;

    right: 10%;

    top: 45%;

    -webkit-transform: translateY(-30%);

    transform: translateY(-30%);

    width: 74px

}



.p-index_kv__body .swiper-pagination-bullet {

    background-color: transparent;

    border-radius: 0;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    display: block;

    height: 74px;

    margin: 0;

    opacity: 1;

    opacity: .4;

    padding: 13px 0;

    position: relative;

    -webkit-transform: scale(.9);

    transform: scale(.9);

    -webkit-transition: -webkit-transform .3s ease;

    transition: -webkit-transform .3s ease;

    transition: transform .3s ease;

    transition: transform .3s ease, -webkit-transform .3s ease;

    width: 74px

}



.p-index_kv__body .swiper-pagination-bullet .number {

    color: #fff;



    font-size: 1.3rem;

    text-align: center

}



.p-index_kv__body .swiper-pagination-bullet+.swiper-pagination-bullet {

    margin-top: 20px

}



.p-index_kv__body .swiper-pagination-bullet.swiper-pagination-bullet-active {

    opacity: 1;

    -webkit-transform: scale(1);

    transform: scale(1)

}



.p-index_kv__body .swiper-pagination-bullet.swiper-pagination-bullet-active:before {

    background: #62B735

}



.p-index_kv__body .swiper-pagination-bullet .circle {

    display: block;

    left: 50%;

    position: absolute;

    top: -13%;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%)

}



.p-index_kv__body .circle1 {

    stroke-dasharray: 233px;

    stroke-dashoffset: 233px

}



.p-index_kv__body .swiper-pagination-bullet-active .circle {

    -webkit-transform: translateX(-50%) scale(1) rotate(-90deg);

    transform: translateX(-50%) scale(1) rotate(-90deg)

}



.p-index_kv__body .swiper-pagination-bullet-active .circle1 {

    -webkit-animation: sliderPagination 7s linear forwards;

    animation: sliderPagination 7s linear forwards

}



.p-index_kv__slide {

    line-height: 0

}



.p-index_kv__slide.swiper-slide-active {

    opacity: 1 !important

}



.p-index_kv__slide {

    background: url(./images/top.png) no-repeat top/cover

}



.p-index_kv__slide.-slide02 {

    background: url(./images/top.png) no-repeat top/cover

}



.p-index_kv__slide.-slide03 {

    background: url(./images/top.png) no-repeat top/cover

}



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

    .p-index_kv__slide {

        background: url(./images/top.png) no-repeat;

        background-position: top left -300px;

        background-size: cover;

    }



    .p-index_kv__slide.-slide02 {

        background: url(./images/top.png) no-repeat;

        background-position: top left -300px;

        background-size: cover;

    }



    .p-index_kv__slide.-slide03 {

        background: url(./images/top.png) no-repeat;

        background-position: top left -300px;

        background-size: cover;

    }

}



@-webkit-keyframes sliderPagination {

    to {

        stroke-dashoffset: 0

    }

}



@keyframes sliderPagination {

    to {

        stroke-dashoffset: 0

    }

}



.p-index_topics {

    padding-top: 10px

}



.p-index_topics__head {

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    align-items: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    justify-content: space-between;

    margin-bottom: 50px

}



.p-index_topics__slider {

    margin-left: calc(-2.04082vw - 17.34694px)

}



.p-index_topics__slide {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    height: auto

}



.p-index_topics__slide__img {

    overflow: hidden

}



.p-index_topics__slide__img img {

    -webkit-transition: .25s;

    transition: .25s;

    width: 100%

}



.p-index_topics__slide a {

    border-right: 1px solid #f0f0f0;

    padding: 0 calc(2.04082vw + 17.34694px) 50px;

    position: relative

}



.p-index_topics__slide a .c-arrow04__wrap {

    bottom: 0;

    position: absolute;

    right: 20px

}



.is-pc .p-index_topics__slide a:hover .p-index_topics__slide__img img {

    -webkit-transform: scale(1.1);

    transform: scale(1.1)

}



.is-pc .p-index_topics__slide a:hover .p-index_topics__slide__text .title {

    color: #62B735

}



.p-index_topics__slide.swiper-slide-prev {

    opacity: 0;

    visibility: hidden

}



.p-index_topics__slide .info {

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin-top: 25px

}



.p-index_topics__slide .info .c-date {

    margin-right: .5em

}



.p-index_topics__slide .title {

    font-size: 18px;

    font-weight: 700;

    margin-top: .5em;

    -webkit-transition: .25s;

    transition: .25s

}



.p-index_topics__slide .text {

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    color: #999;

    display: -webkit-box;

    font-size: 14px;

    margin-top: 1em;

    overflow: hidden

}



.p-index_news {

    padding-bottom: 180px;

    padding-top: 100px

}



.p-index_news__head,

.p-index_news__inner {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



.p-index_news__head {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    -ms-flex-direction: column;

    flex-direction: column;

    justify-content: space-between;

    max-width: calc(16.32653vw + 138.77551px);

    min-width: calc(16.32653vw + 138.77551px);

    padding-right: calc(2.04082vw + 17.34694px)

}



.p-index_news__head .c-button01 {

    margin-bottom: calc(1.22449vw + 10.40816px)

}



.p-index_news__body {

    width: 100%

}



.p-index_our-feature {

    position: relative

}



.p-index_our-feature .c-container {

    /* display: -webkit-box;

    display: -ms-flexbox;

    display: flex; */

    opacity: 0;

    padding-bottom: calc(6.12245vw + 52.04082px);

    padding-top: calc(6.12245vw + 52.04082px);

    position: relative

}



.p-index_our-feature .c-container:before,

#about_us .about_color:before {

    content: "";

    height: 100%;

    position: absolute;

    right: 0;

    top: 0;

    width: 200%;

    z-index: -1

}



.p-index_our-feature .c-container:before {

    background: #62B735;

}



.p-index_our-feature .c-container:after {

    background-color: #fff;

    content: "";

    height: 100%;

    position: absolute;

    right: 0;

    top: 0;

    -webkit-transition: all 1.5s cubic-bezier(.77, 0, .175, 1);

    transition: all 1.5s cubic-bezier(.77, 0, .175, 1);

    width: 120%

}



.p-index_our-feature .c-container.is-act {

    opacity: 1

}



.p-index_our-feature .c-container.is-act:after {

    width: 0

}



.p-index_our-feature__title {

    color: #fff;

    font-size: 4rem;

    font-weight: 700;

    line-height: 1.7;

    margin-bottom: 1em;

    padding-top: 50px;

    position: relative

}



.p-index_our-feature__title:before {

    background: #fff;

    content: "";

    height: 1px;

    position: absolute;

    top: 0;

    width: 100px

}



.p-index_our-feature__body {

    padding-left: calc(2.85714vw + 24.28571px);

    padding-right: calc(2.85714vw + 24.28571px);

    position: relative;

    width: 640px

}



.p-index_our-feature__body:before {

    color: #FFFFFF;

    content: "Management company";



    font-size: 15px;

    left: 0;

    position: absolute;

    top: 0;

    -webkit-writing-mode: vertical-rl;

    -ms-writing-mode: tb-rl;

    writing-mode: vertical-rl;

    opacity: 0.7;

}



.p-index_our-feature__body .c-button01 {

    margin-top: calc(2.44898vw + 20.81633px)

}



.p-index_our-feature__text {

    color: #fff;

    font-size: 16px

}



.p-index_our-feature__bg {

    height: auto;

    position: absolute;

    right: 0;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%)

}



.p-index_our-feature__bg,

.p-index_our-feature__bg span {

    width: calc(29.38776vw + 249.79592px)

}



.p-index_our-feature__bg span:before {

    background-image: url(./images/img3.png);

    background-repeat: no-repeat;

    background-size: cover;

    content: "";

    display: block;

    height: 100%;

    padding-top: calc(26.53061vw + 225.5102px);

    width: 100%

}



.p-index_products {

    padding-top: 5%;

}



.p-index_products__body {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin-top: 70px

}



.p-index_products__body__img {

    width: 50%

}



.p-index_products__body__text {

    padding-left: 90px;

    width: 50%

}



.p-index_products__body__text .logo {

    width: calc(9.71429vw + 82.57143px)

}



.p-index_products__body__text .logo img {

    width: 100%

}



.p-index_products__body__text .c-button01,

.p-index_products__body__text .text {

    margin-top: 40px

}



.p-index_products__body__title {

    font-size: 20px;

    font-weight: 700;

    line-height: 1.7;

    margin-top: 50px

}



.p-index_products__list {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin-top: 70px

}



.p-index_products__list__item {

    width: 25%

}



.p-index_products__list__item:last-child a,

.p-index_products__list__item:nth-child(4n) a {

    border-right: 1px solid #f0f0f0

}



.p-index_products__list__item:nth-child(5) a,

.p-index_products__list__item:nth-child(6) a,

.p-index_products__list__item:nth-child(7) a {

    border-top: none

}



.p-index_products__list__item a {

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    align-items: center;

    border-bottom: 1px solid #f0f0f0;

    border-left: 1px solid #f0f0f0;

    border-top: 1px solid #f0f0f0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    height: 160px;

    justify-content: center;

    padding: 0 50px;

    width: 100%

}



.p-index_products__list__item a img {

    -webkit-transition: .25s;

    transition: .25s

}



.p-index_products__list__item a:hover img {

    -webkit-transform: scale(1.1);

    transform: scale(1.1)

}



.p-index_case-study {

    background-color: #f5f6f7;

    padding-bottom: 150px;

    padding-top: 130px

}



.p-index_case-study__head {

    -webkit-box-align: end;

    -ms-flex-align: end;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    align-items: flex-end;

    justify-content: space-between

}



.p-index_case-study__head,

.p-index_case-study__list {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



.p-index_case-study__list {

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin-top: 50px

}



.p-index_case-study__list__item {

    margin-right: 4%;

    margin-top: 25px;

    width: 22%

}



.p-index_case-study__list__item:last-child,

.p-index_case-study__list__item:nth-child(4n) {

    margin-right: 0

}



.p-index_case-study__list__item a {

    border-bottom: 1px solid #e5e5e5;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    display: block;

    padding: 25px;

    width: 100%

}



.p-index_case-study__archive {

    margin-top: 90px

}



.p-index_case-study__slide__head {

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    justify-content: space-between

}



.p-index_case-study__slide__lead {

    width: 100%

}



.p-index_case-study__slide__img {

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    align-items: center;

    background: #fff;

    border: 1px solid #f0f0f0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    justify-content: center;

    max-height: calc(4.08163vw + 34.69388px);

    max-width: calc(4.08163vw + 34.69388px);

    min-height: calc(4.08163vw + 34.69388px);

    min-width: calc(4.08163vw + 34.69388px);

    overflow: hidden

}



.p-index_case-study__slide a,

.p-index_case-study__slide__img img {

    -webkit-transition: .25s;

    transition: .25s

}



.p-index_case-study__slide a {

    background: #fff;

    border: 1px solid #fff;

    display: block;

    padding: 50px 55px;

    position: relative

}



.is-pc .p-index_case-study__slide a:hover {

    border: 1px solid #62B735

}



.is-pc .p-index_case-study__slide a:hover .p-index_case-study__slide__img img {

    -webkit-transform: scale(1.1);

    transform: scale(1.1)

}



.p-index_case-study__slide a .c-arrow04__wrap {

    bottom: 20px;

    position: absolute;

    right: 20px

}



.p-index_case-study__slide a .industry {

    background-color: #111;

    color: #fff;

    display: inline-block;

    font-size: 12px;

    padding: 0 1em

}



.p-index_case-study__slide a .title {

    font-size: 20px;

    font-weight: 700;

    line-height: 1.7;

    margin-top: 1em

}



.p-index_case-study__slide a .text {

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    color: #999;

    display: -webkit-box;

    font-size: 14px;

    margin-top: 25px;

    overflow: hidden

}



.p-index_case-study__slide a .c-tag_list {

    margin-top: 25px

}



.p-index_case-study__control {

    height: 10px

}



.p-index_case-study__control .c-slider_control {

    margin: 50px 0

}



.p-index_company {

    padding-bottom: 150px;

    padding-top: 120px

}



.p-index_company__inner {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



.p-index_company__img {

    margin-left: 40px;

    width: 50%

}



.p-index_company__body {

    padding-right: 70px;

    /* width: 50% */

}



.p-index_company__body__list,

.p-index_company__body__text {

    margin-top: 70px

}



.p-index_company__body__list li:last-child a {

    border-bottom: 1px solid #f0f0f0

}



.p-index_company__body__list li a {

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    border-top: 1px solid #f0f0f0;

    justify-content: space-between;

    padding: 40px 14px;

    position: relative;

    width: 100%

}



.p-index_company__body__list li a,

.p-index_company__bottom {

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



.p-index_company__bottom {

    border-bottom: 1px solid #111;

    border-top: 1px solid #111;

    margin-top: 80px;

    padding-bottom: 35px;

    padding-top: 35px

}



.p-index_company__bottom__img {

    padding-left: 74px;

    position: relative;

    text-align: center;

    width: 332px

}



.p-index_company__bottom__img:before {

    color: #62B735;

    content: "Support";



    font-size: 15px;

    font-weight: 500;

    left: 0;

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    -webkit-writing-mode: vertical-rl;

    -ms-writing-mode: tb-rl;

    writing-mode: vertical-rl

}



.p-index_company__bottom__text {

    padding-left: 44px

}



.p-index_company__bottom__text .title {

    font-size: 20px;

    font-weight: 700;

    margin-bottom: 1em

}



.p-index_special .c-container {

    background: #fff;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin-top: 130px;

    padding-bottom: 150px;

    padding-left: 110px;

    padding-top: 110px;

    position: relative

}



.p-index_special .c-container:before {

    background: url(../../img/index/special_bg@2x.jpg);

    background-repeat: no-repeat;

    background-size: cover;

    content: "";

    height: 100%;

    position: absolute;

    right: 0;

    top: -130px;

    width: 200%;

    z-index: -1

}



.p-index_special__title .en {

    color: #62B735;



    font-size: 15px;

    font-weight: 500

}



.p-index_special__title .img {

    display: block;

    margin-top: 30px

}



.p-index_special__head {

    padding-left: 30px;

    padding-right: 30px;

    width: 288px

}



.p-index_special__head .c-button01,

.p-index_special__head .text {

    margin-top: 40px

}



.p-index_special__body {

    padding-left: 90px

}



.p-index_recruit {

    overflow: hidden;

    padding-bottom: 150px;

    position: relative

}



.p-index_recruit__lead {

    -webkit-animation: loop 100s linear -50s infinite;

    animation: loop 100s linear -50s infinite;

    padding-left: calc(4.08163vw + 34.69388px);

    position: absolute;

    top: 35%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    width: calc(88.89796vw + 755.63265px);

    z-index: -1

}



.p-index_recruit__lead.-late {

    -webkit-animation: loop 100s linear infinite;

    animation: loop 100s linear infinite;

    width: calc(88.89796vw + 755.63265px)

}



.p-index_recruit .c-container {

    background-image: url(./images/back_img.png);

    background-position: 50%;

    background-repeat: no-repeat;

    background-size: cover;

    padding-bottom: 56px;

    padding-top: 56px

}



.p-index_recruit__inner {

    background: #62B735;

    display: inline-block;

    margin-left: 40px;

    max-width: 420px;

    padding: 70px

}



.p-index_recruit__inner .c-button01 {

    -webkit-box-pack: end;

    -ms-flex-pack: end;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    justify-content: flex-end;

    margin-top: 25px

}



.p-index_recruit__title .en {

    color: #fff;

    display: block;



    font-size: 15px;

    font-weight: 500

}



.p-index_recruit__title .jp {

    display: block;

    margin-top: 40px

}



.p-index_recruit__text {

    color: #fff;

    margin-top: 30px

}





#recruit .buttan_border {

    border: 1px solid #FFFFFF;

    font-size: 17px;

    border-radius: 30px;

}



.p-products_head__kv {

    position: relative

}



.p-products_head__inner {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    height: 100%

}



.p-products_head__pic {

    height: 100%;

    position: absolute;

    right: 3%;

    top: 0;

    width: 47%

}



.p-products_head__pic__thumb {

    height: 100%

}



.p-products_head__pic img {

    height: 100%;

    -o-object-fit: cover;

    object-fit: cover;

    -o-object-position: center;

    object-position: center;

    width: 100%

}



.p-products_head__body {

    padding-bottom: 160px;

    padding-top: 160px;

    width: 48%

}



.p-products_head__title .en {

    color: #62B735;

    display: block;



    font-size: 15px;

    font-weight: 500

}



.p-products_head__title .logo {

    display: block;

    margin-top: 1em;

    max-width: calc(8.16327vw + 169.38776px)

}



.p-products_head__title .name {

    color: #777;

    display: block;

    font-size: 15px;

    margin-top: 35px

}



.p-products_head__sub-title {

    font-size: 26px;

    font-weight: 700;

    line-height: 1.7;

    margin-top: 70px

}



.p-products_head__text {

    padding-bottom: 100px;

    padding-top: 100px

}



.p-products_head__text__lead {

    margin-bottom: 50px

}



.p-products_head__text .c-products_feature {

    margin-top: 0

}



.p-products_bottom {

    margin-top: 140px;

    padding-bottom: 140px

}



.p-products_bottom>.c-container {

    padding-top: 60px;

    position: relative

}



.p-products_bottom__lead {

    left: 0;

    position: absolute;

    top: 0;

    z-index: -1

}



.p-products_bottom__list {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin-top: 70px

}



.p-products_bottom__list__item {

    background: #fff;

    width: 25%

}



.p-products_bottom__list__item:last-child a,

.p-products_bottom__list__item:nth-child(4n) a {

    border-right: 1px solid #f0f0f0

}



.p-products_bottom__list__item:nth-child(n+5) a {

    border-top: none

}



.p-products_bottom__list__item a {

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    align-items: center;

    border-bottom: 1px solid #f0f0f0;

    border-left: 1px solid #f0f0f0;

    border-top: 1px solid #f0f0f0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    height: 160px;

    justify-content: center;

    padding: 0 50px;

    width: 100%

}



.p-products_bottom__list__item a img {

    -webkit-transition: .25s;

    transition: .25s

}



.p-products_bottom__list__item a:hover img {

    -webkit-transform: scale(1.1);

    transform: scale(1.1)

}



.p-machining {

    background: #f5f6f7;

    padding-bottom: 100px;

    padding-top: 90px

}



.p-machining_single__post {

    padding: 110px 120px 120px

}



.p-machining_single__post__head .title .en {

    color: #62B735;

    display: block;



    font-size: 15px;

    font-weight: 500

}



.p-machining_single__post__head .title .jp {

    display: block;

    font-size: 28px;

    font-weight: 700;

    line-height: 1.4;

    margin-top: 35px

}



.p-machining_single__post__head .tag {

    margin-top: calc(1.22449vw + 10.40816px)

}



.p-machining_single__post__body {

    margin-top: 50px

}



.p-machining_single__post__body .img img {

    width: 100%

}



.p-machining_single__post__body .text {

    margin-top: 60px

}



.p-machining_single__post__body .text p {

    line-height: 2

}



.p-machining_single__related {

    background: #f5f6f7;

    padding-bottom: 100px;

    padding-top: 110px

}



.p-machining_single__related .c-container,

.p-machining_single__related__title {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



.p-machining_single__related__title {

    -webkit-box-align: end;

    -ms-flex-align: end;

    align-items: flex-end;

    margin-right: 55px;

    width: 95px;

    -webkit-writing-mode: vertical-rl;

    -ms-writing-mode: tb-rl;

    writing-mode: vertical-rl

}



.p-machining_single__related__title .title .en {

    color: #111;

    display: block;



    font-size: 60px;

    font-weight: 200;

    letter-spacing: .1em

}



.p-machining_single__related__title .title .jp {

    color: #777;

    display: block;

    font-weight: 500;

    margin-right: 1em;

    margin-top: 0

}



.p-machining_single__related__body {

    width: 100%

}



.p-machining_single__related__body .c-button01 {

    margin-top: 40px

}



.p-company_philosophy {

    background: #f5f6f7;

    margin-top: 320px;

    padding-bottom: 120px;

    padding-top: 440px;

    position: relative

}



.p-company_philosophy__kv {

    overflow: hidden;

    padding-right: calc(100% - 1440px);

    position: absolute;

    right: 0;

    top: -320px;

    width: 100%

}



.p-company_philosophy__kv__pic {

    height: 650px

}



.p-company_philosophy__kv img {

    height: 100%;

    -o-object-fit: cover;

    object-fit: cover;

    width: 100%

}



.p-company_philosophy__point,

.p-company_philosophy__text {

    margin-top: 60px

}



.p-company_philosophy__point__list {

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    background: #fff;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin-bottom: 10px;

    padding: 50px 55px

}



.p-company_philosophy__point__list .title {

    margin-right: 55px;

    text-align: center;

    width: 220px

}



.p-company_philosophy__point__list .title .number {

    color: #62B735;



    font-weight: 500

}



.p-company_philosophy__point__list .text {

    width: 100%

}



.p-company_message {

    padding-top: 110px

}



.p-company_message__inner {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin-top: 80px

}



.p-company_message__pic {

    margin-right: 80px;

    width: 435px

}



.p-company_message__pic__name {

    margin-top: 1em

}



.p-company_message__pic__name .position {

    display: block;

    font-size: 15px;

    margin-bottom: 1em

}



.p-company_message__pic__name .name {

    margin-top: .5em

}



.p-company_message__body {

    width: 100%

}



.p-company_message__body__title {

    padding-top: 60px;

    position: relative

}



.p-company_message__body__title:before {

    background: #111;

    content: "";

    height: 1px;

    position: absolute;

    top: 0;

    width: 100px

}



.p-company_message__body__title .jp {

    display: block;

    font-size: 28px;

    font-weight: 700

}



.p-company_message__body__title .en {

    color: #62B735;

    display: block;



    font-size: 13px;

    margin-top: 1em

}



.p-company_message__body__text {

    margin-top: 50px

}



.p-company_message__body__text p {

    margin-bottom: 40px

}



.p-company_message__body__text p:last-child {

    margin-bottom: 0

}



.p-company_overview {

    padding-bottom: 120px;

    padding-top: 140px

}



.p-company_overview__table {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin-top: 60px

}



.p-company_overview__table__list {

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

    border-top: 1px solid #e5e5e5;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    width: 100%

}



.p-company_overview__table__list:last-child {

    border-bottom: 1px solid #e5e5e5

}



.p-company_overview__table__list .title {

    background: #f5f6f7;

    height: 100%;

    max-width: 215px;

    min-width: 215px;

    padding: 30px 50px

}



.p-company_overview__table__list .text {

    padding: 30px 50px

}



.p-company_history {

    background: #f5f6f7;

    margin-top: 280px;

    padding-bottom: 120px;

    padding-top: 380px;

    position: relative

}



.p-company_history__control .c-slider_control02__pagenation__num {

    display: none

}



.p-company_history__control .c-slider_control02__arrow.-next {

    margin-left: 0

}



.p-company_history__kv {

    overflow: hidden;

    padding-left: calc(100% - 1440px);

    position: absolute;

    right: 0;

    top: -280px;

    width: 100%

}



.p-company_history__kv__pic {

    height: 550px

}



.p-company_history__kv img {

    height: 100%;

    -o-object-fit: cover;

    object-fit: cover;

    width: 100%

}



.p-company_history__head {

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    justify-content: space-between

}



.p-company_history__archive {

    margin-top: 60px

}



.p-company_history__slider {

    margin-top: 50px

}



.p-company_history__slide__year {

    padding-bottom: 1em

}



.p-company_history__slide__year .year {}



.p-company_history__slide__item {

    border-top: 1px solid #444;

    padding-top: 60px;

    position: relative

}



.p-company_history__slide__item:before {

    background: #62B735;

    border-radius: 9999px;

    content: "";

    height: 11px;

    left: 14px;

    position: absolute;

    top: -6px;

    width: 11px

}



.p-company_history__slide__item:after {

    border-left: 1px dotted #62B735;

    content: "";

    height: 60px;

    left: 19px;

    position: absolute;

    top: 0;

    width: 1px

}



.p-company_history__slide__item .item_block {

    background: #fff;

    margin-right: 20px;

    min-height: 380px;

    padding: 45px

}



.p-company_history__slide__item .item_block__title {

    color: #62B735;



    font-size: 20px

}



.p-company_history__slide__item .item_block__list {

    margin-top: 35px

}



.p-company_history__slide__item .item_block__list__item {

    padding-left: 1em;

    position: relative

}



.p-company_history__slide__item .item_block__list__item:before {

    background: #ccc;

    border-radius: 9999px;

    content: "";

    height: 4px;

    left: 0;

    position: absolute;

    top: .6em;

    width: 4px

}



.p-company_history__slide__item .item_block__list__detail {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    font-size: 14px;

    margin-top: 1em

}



.p-company_history__slide__item .item_block__list__detail .title {

    font-weight: 400;

    margin-right: 1em;

    width: 3em

}



.p-company_history__slide__item .item_block__list__detail .title strong {

    font-weight: 700

}



.p-company_history__slide__item .item_block__list__detail .text {

    width: 100%

}



.p-company_history__slide__item .item_block__list__detail .text strong {

    font-weight: 700

}



.p-company_csr {

    padding-bottom: 110px;

    padding-top: 110px

}



.p-company_csr__inner {

    margin-top: 60px

}



.p-company_csr__block {

    -webkit-box-orient: horizontal;

    -webkit-box-direction: reverse;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-direction: row-reverse;

    flex-direction: row-reverse;

    margin-bottom: 40px

}



.p-company_csr__block:last-child {

    margin-bottom: 0

}



.p-company_csr__body {

    margin-right: 40px;

    width: 100%

}



.p-company_csr__body__list,

.p-company_csr__body__text {

    margin-top: 1em

}



.p-company_csr__body__list .item {

    padding-left: 1em;

    position: relative

}



.p-company_csr__body__list .item:before {

    color: #62B735;

    content: "・";

    font-weight: 700;

    left: 0;

    position: absolute

}



.p-company_csr__pic {

    width: 340px

}



.p-company_csr__pic img {

    width: 100%

}



.p-news {

    padding-bottom: 120px

}



.p-news .c-news_link:first-child {

    border-top: 1px solid #f0f0f0

}



.p-news_topics {

    background: #f5f6f7;

    padding-bottom: 100px;

    padding-top: 100px

}



.p-news_topics__head {

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    align-items: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    justify-content: space-between;

    margin-bottom: 50px

}



.p-news_topics__slider {

    margin-left: calc(-2.04082vw - 17.34694px)

}



.p-news_topics__slide {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    height: auto

}



.p-news_topics__slide__img {

    overflow: hidden

}



.p-news_topics__slide__img img {

    -webkit-transition: .25s;

    transition: .25s;

    width: 100%

}



.p-news_topics__slide a {

    border-right: 1px solid #f0f0f0;

    padding: 0 calc(2.04082vw + 17.34694px) 50px;

    position: relative

}



.p-news_topics__slide a .c-arrow04__wrap {

    bottom: 0;

    position: absolute;

    right: 20px

}



.is-pc .p-news_topics__slide a:hover .p-news_topics__slide__img img {

    -webkit-transform: scale(1.1);

    transform: scale(1.1)

}



.is-pc .p-news_topics__slide a:hover .p-news_topics__slide__text .title {

    color: #62B735

}



.p-news_topics__slide.swiper-slide-prev {

    opacity: 0;

    visibility: hidden

}



.p-news_topics__slide .info {

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin-top: 25px

}



.p-news_topics__slide .info .c-date {

    margin-right: .5em

}



.p-news_topics__slide .title {

    font-size: 18px;

    font-weight: 700;

    margin-top: .5em;

    -webkit-transition: .25s;

    transition: .25s

}



.p-news_topics__slide .text {

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    color: #999;

    display: -webkit-box;

    font-size: 14px;

    margin-top: 1em;

    overflow: hidden

}



.p-news_archive {

    padding-top: 110px

}



.category-2 .p-news_archive,

.category-4 .p-news_archive,

.category-5 .p-news_archive {

    padding-top: 0

}



.p-news_single {

    padding-top: 160px

}



.p-case_study {

    background: #f5f6f7;

    padding-bottom: 110px;

    padding-top: 90px

}



.p-case_study_other {

    padding-top: 120px

}



.p-case_study_other__body {

    background: #fff;

    margin-top: 60px;

    padding: 45px 50px

}



.p-case_study_other__title {

    margin-bottom: 20px

}



.p-case_study_other__list {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin-bottom: calc(2.04082vw + 1.73469rem);

    width: 100%

}



.p-case_study_other__list:last-child {

    margin-bottom: 0

}



.p-case_study_other__list__item {

    margin-bottom: 1em;

    margin-right: 5%;

    width: 30%

}



.p-case_study_other__list__item:nth-child(3n) {

    margin-right: 0

}



.p-case_study_other__list__item:last-child {

    margin-bottom: 0

}



.p-case_study_other__list__item a {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-transition: .25s;

    transition: .25s

}



.p-case_study_other__list__item a .icon {

    display: block;

    margin-right: .5em;

    width: 16px

}



.is-pc .p-case_study_other__list__item a:hover,

.p-case_study_other__list__item a .icon svg {

    color: #62B735

}



.p-case_study_single__post__head {

    background: #f5f6f7;

    padding-bottom: 100px;

    padding-top: 100px

}



.p-case_study_single__post__head .head_inner {

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    justify-content: space-between

}



.p-case_study_single__post__head .head_inner .head_body {

    width: 45%

}



.p-case_study_single__post__head .head_inner .head_body .title .en {

    color: #62B735;

    display: block;



    font-size: 15px;

    font-weight: 500

}



.p-case_study_single__post__head .head_inner .head_body .title .jp {

    display: block;

    font-size: 28px;

    font-weight: 700;

    line-height: 1.7;

    margin-top: 35px

}



.p-case_study_single__post__head .head_inner .head_body .tag {

    margin-top: calc(.81633vw + 21.93878px)

}



.p-case_study_single__post__head .head_inner .head_body .company_block {

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin-top: 84px

}



.p-case_study_single__post__head .head_inner .head_body .company_block__img {

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    align-items: center;

    background: #fff;

    border: 1px solid #f0f0f0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    justify-content: center;

    margin-right: calc(1.63265vw + 13.87755px);

    max-height: calc(4.89796vw + 41.63265px);

    max-width: calc(4.89796vw + 41.63265px);

    min-height: calc(4.89796vw + 41.63265px);

    min-width: calc(4.89796vw + 41.63265px)

}



.p-case_study_single__post__head .head_inner .head_body .company_block__body__cat {

    background: #111;

    color: #fff;

    display: inline-block;

    font-size: 12px;

    padding: 0 1em

}



.p-case_study_single__post__head .head_inner .head_body .company_block__body__title {

    font-size: 17px;

    font-weight: 700;

    margin-top: 1em

}



.p-case_study_single__post__head .head_inner .head_body .company_block__body__link {

    color: #777;

    display: inline-block;

    margin-top: .5em;

    text-decoration: underline;

    -webkit-transition: .25s;

    transition: .25s

}



.is-pc .p-case_study_single__post__head .head_inner .head_body .company_block__body__link:hover {

    color: #62B735

}



.p-case_study_single__post__head .head_inner .kv {

    width: 50%

}



.p-case_study_single__post__head .head_inner .kv img {

    width: 100%

}



.p-case_study_single__post__body {

    padding-bottom: 150px;

    padding-top: 70px

}



.p-case_study_single__related {

    background: #f5f6f7;

    padding-bottom: 100px;

    padding-top: 110px

}



.p-case_study_single__related .c-container,

.p-case_study_single__related__title {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



.p-case_study_single__related__title {

    -webkit-box-align: end;

    -ms-flex-align: end;

    align-items: flex-end;

    margin-right: 55px;

    width: 95px;

    -webkit-writing-mode: vertical-rl;

    -ms-writing-mode: tb-rl;

    writing-mode: vertical-rl

}



.p-case_study_single__related__title .title .en {

    color: #111;

    display: block;



    font-size: 60px;

    font-weight: 200;

    letter-spacing: .1em

}



.p-case_study_single__related__title .title .jp {

    color: #777;

    display: block;

    font-weight: 500;

    margin-right: 1em;

    margin-top: 0

}



.p-case_study_single__related__body .c-button01 {

    margin-top: 40px

}



.p-special_kv {

    background-image: url(../../img/special/kv.jpg);

    background-position: 50%;

    background-size: cover;

    padding-bottom: 74px;

    padding-top: 74px;

    position: relative

}



.p-special_kv__inner {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-direction: column;

    flex-direction: column;

    justify-content: center

}



.p-special_kv__logo {

    height: 230px;

    position: relative;

    width: 230px

}



.p-special_kv__text {

    color: #fff;

    margin-top: 40px;

    text-align: center

}



.p-special_kv__lead {

    -webkit-animation: loop 100s linear -50s infinite;

    animation: loop 100s linear -50s infinite;

    left: 0;

    mix-blend-mode: difference;

    padding-left: 100px;

    position: absolute;

    top: 20%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    width: calc(131.18367vw + 1115.06122px);

    z-index: 0

}



.p-special_kv__lead svg {

    width: 100%

}



.p-special_kv__lead path {

    fill: #fff

}



.p-special_kv__lead.-late {

    -webkit-animation: loop 100s linear infinite;

    animation: loop 100s linear infinite

}



.p-special {

    padding-bottom: 100px;

    padding-top: 130px

}



.p-special .c-special__list__item:first-child a {

    padding-top: 0

}



.p-special__list {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap

}



.p-special__list__img {

    overflow: hidden;

    width: 100%

}



.p-special__list__img img {

    -webkit-transition: .25s ease;

    transition: .25s ease;

    width: 100%

}



.p-special__list__item {

    border-right: 1px solid #f0f0f0;

    border-top: 1px solid #f0f0f0;

    padding: 44px;

    width: 33.3%

}



.is-pc .p-special__list__item a:hover img {

    -webkit-transform: scale(1.1);

    transform: scale(1.1)

}



.is-pc .p-special__list__item a:hover .title .en {

    color: #62B735

}



.p-special__list__item:nth-child(3n) {

    border-right: none

}



.p-special__list__item:nth-child(4),

.p-special__list__item:nth-child(5),

.p-special__list__item:nth-child(6) {

    border-bottom: 1px solid #f0f0f0

}



.p-special__list__text {

    margin-top: 1em

}



.p-special__list__text .en {

    display: block;



    font-size: 28px;

    font-weight: 300;

    line-height: 1.2;

    -webkit-transition: .25s ease;

    transition: .25s ease

}



.p-special__list__text .jp {

    color: #777;

    font-size: 17px;

    font-weight: 600

}



.p-special_single .ez-toc-list-level-1 {

    counter-reset: index-level-1

}



.p-special_single .ez-toc-list-level-1 .ez-toc-heading-level-2 {

    counter-increment: index-level-1;

    counter-reset: index-level-2

}



.p-special_single .ez-toc-list-level-1 .ez-toc-heading-level-2:before {

    content: counter(index-level-1, decimal-leading-zero)

}



.p-special_single .ez-toc-list-level-1 .ez-toc-heading-level-2 .ez-toc-list-level-3 .ez-toc-heading-level-3 {

    counter-increment: index-level-2

}



.p-special_single .ez-toc-list-level-1 .ez-toc-heading-level-2 .ez-toc-list-level-3 .ez-toc-heading-level-3:before {

    content: counter(index-level-1, decimal-leading-zero) "-" counter(index-level-2, decimal-leading-zero)

}



.p-special_single .ez-toc-list-level-1 .ez-toc-heading-level-2 .ez-toc-list-level-3 .ez-toc-heading-level-3 .ez-toc-list-level-4 {

    counter-reset: index-level-3

}



.p-special_single .ez-toc-list-level-1 .ez-toc-heading-level-2 .ez-toc-list-level-3 .ez-toc-heading-level-3 .ez-toc-list-level-4 .ez-toc-heading-level-4 {

    counter-increment: index-level-3

}



.p-special_single .ez-toc-list-level-1 .ez-toc-heading-level-2 .ez-toc-list-level-3 .ez-toc-heading-level-3 .ez-toc-list-level-4 .ez-toc-heading-level-4:before {

    content: counter(index-level-1, decimal-leading-zero) "-" counter(index-level-2, decimal-leading-zero) "-" counter(index-level-3, decimal-leading-zero)

}



.p-special_single__kv {

    background-image: url(../../img/special/kv.jpg);

    padding-bottom: 210px;

    padding-top: 74px;

    position: relative

}



.p-special_single__kv__inner {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-direction: column;

    flex-direction: column;

    justify-content: center

}



.p-special_single__kv__logo {

    height: 230px;

    position: relative;

    width: 230px

}



.p-special_single__kv__text {

    color: #fff;

    margin-top: 40px;

    text-align: center

}



.p-special_single__kv__lead {

    -webkit-animation: loop 100s linear -50s infinite;

    animation: loop 100s linear -50s infinite;

    left: 0;

    mix-blend-mode: difference;

    padding-left: 100px;

    position: absolute;

    top: 20%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    width: calc(131.18367vw + 1115.06122px);

    z-index: 0

}



.p-special_single__kv__lead svg {

    width: 100%

}



.p-special_single__kv__lead path {

    fill: #fff

}



.p-special_single__kv__lead.-late {

    -webkit-animation: loop 100s linear infinite;

    animation: loop 100s linear infinite

}



.p-special_single__post {

    position: relative;

    top: -160px

}



.p-special_single__post .-md_small {

    background: #fff;

    padding-top: 100px

}



.p-special_single__post__inner {

    padding-left: 100px;

    padding-right: 100px

}



.p-special_single__related {

    background: #f5f6f7;

    padding-bottom: 100px;

    padding-top: 110px

}



.p-special_single__related .c-container,

.p-special_single__related__title {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



.p-special_single__related__title {

    -webkit-box-align: end;

    -ms-flex-align: end;

    align-items: flex-end;

    margin-right: 55px;

    width: 95px;

    -webkit-writing-mode: vertical-rl;

    -ms-writing-mode: tb-rl;

    writing-mode: vertical-rl

}



.p-special_single__related__title .title .en {

    color: #111;

    display: block;



    font-size: 60px;

    font-weight: 200;

    letter-spacing: .1em

}



.p-special_single__related__title .title .jp {

    color: #777;

    display: block;

    font-weight: 500;

    margin-right: 1em;

    margin-top: 0

}



.p-special_single__related__body {

    width: 100%

}



.p-special_single__related__body .c-button01 {

    margin-top: 40px

}



.p-special_single__related__body .c-special__list .c-special__list__item:first-child a {

    padding-top: 0

}



.p-contact_area {

    background: #f5f6f7;

    padding-bottom: 70px;

    padding-top: 70px

}



.p-contact_area__list {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    gap: 30px 2%;

    margin-top: 30px

}



.p-contact_area__list__item {

    background: #fff;

    padding: 45px 50px;

    width: 33%

}



.p-contact_area__list__item .title {

    text-align: center

}



.p-contact_area__list__item .title span {

    border-bottom: 1px solid;

    font-weight: 700;

    padding-bottom: .2em

}



.p-contact_area__list__item .office {

    margin-top: 45px;

    text-align: center

}



.p-contact_area__list__item .tel {

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    align-items: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;



    font-size: 32px;

    font-weight: 300;

    justify-content: center;

    margin-top: 24px

}



.p-contact_area__list__item .tel .icon {

    color: #62B735;

    font-size: 16px;

    margin-right: .5em

}



.p-contact_area__list__item .text {

    color: #777;

    font-size: 13px;

    line-height: 1.4;

    margin-top: 1em;

    text-align: center

}



.p-contact {

    padding-bottom: 120px;

    padding-top: 70px

}



.p-contact__form {

    margin-top: 50px

}



.p-contact__bottom {

    margin-top: 100px

}



.p-contact__bottom a {

    text-decoration: underline;

    -webkit-transition: .25s;

    transition: .25s

}



.is-pc .p-contact__bottom a:hover {

    color: #62B735

}



.p-our-features__title01 {



    font-size: 160px;

    font-weight: 100;

    line-height: 1

}



.p-our-features__title01.-white {

    color: #fff

}



.p-our-features__title02 {

    color: #fff;

    font-size: 35px;

    font-weight: 700

}



.p-our-features_top__pic {

    margin-right: 160px

}



.p-our-features_top__pic img {

    -o-object-fit: cover;

    object-fit: cover;

    width: 100%

}



.p-our-features_top__content {

    background: #62B735;

    position: relative

}



.p-our-features_top__inner {

    background: #fff;

    margin-left: auto;

    padding: 80px 160px 130px 150px;

    position: relative;

    top: -220px;

    width: 70%;

    z-index: 2

}



.p-our-features_top__inner:before {

    color: #62B735;

    content: "Differences from Others";



    font-size: 15px;

    left: 50px;

    position: absolute;

    top: 80px;

    -ms-writing-mode: tb-rl;

    -webkit-writing-mode: vertical-rl;

    writing-mode: vertical-rl

}



.p-our-features_top__inner p {

    font-size: 16px;

    margin-top: 50px

}



.p-our-features_top__inner p span {

    border-bottom: 1px solid #62B735;

    font-weight: 700

}



.p-our-features_top__lead {

    -webkit-animation: loop 100s linear -50s infinite;

    animation: loop 100s linear -50s infinite;

    left: 0;

    mix-blend-mode: difference;

    padding-left: 100px;

    position: absolute;

    top: -60px;

    width: calc(131.18367vw + 1115.06122px);

    z-index: 1

}



.p-our-features_top__lead svg {

    width: 100%

}



.p-our-features_top__lead path {

    fill: #fff

}



.p-our-features_top__lead.-late {

    -webkit-animation: loop 100s linear infinite;

    animation: loop 100s linear infinite

}



.p-our-features_award {

    background: #62B735;

    padding-bottom: calc(4.89796vw + 41.63265px)

}



.p-our-features_award__bottom {

    background-image: url(../../img/our-feature/award.jpg);

    background-position: 100%;

    background-repeat: no-repeat;

    background-size: cover;

    padding-bottom: calc(3.26531vw + 27.7551px);

    padding-top: calc(9.38776vw + 79.79592px)

}



.p-our-features_award__bottom .c-container {

    position: relative

}



.p-our-features_award__content {

    margin-bottom: 70px;

    margin-top: 50px;

    padding-left: 90px;

    position: relative

}



.p-our-features_award__content:before {

    color: #fff;

    content: "01 Introduction Results";



    font-size: 15px;

    left: 0;

    position: absolute;

    top: 0;

    -ms-writing-mode: tb-rl;

    -webkit-writing-mode: vertical-rl;

    writing-mode: vertical-rl

}



.p-our-features_award__body {

    margin-top: 50px

}



.p-our-features_award__body__text {

    color: #fff;

    width: 100%

}



.p-our-features_award__body__products {

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    justify-content: space-between;

    width: 50%

}



.p-our-features_award__body__products .products {

    width: 47%

}



.p-our-features_award__body__products .products figure {

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    height: 52px

}



.p-our-features_award__body__products .products img {

    width: 100%

}



.p-our-features_award__body__products .products_title {

    font-size: 20px;

    font-weight: 700;

    margin-bottom: 1em;

    margin-top: 1em

}



.p-our-features_award__body__products .products_text {

    font-size: 16px

}



.p-our-features_award__pic img {

    width: 100%

}



.p-our-features_features {

    background: #f5f6f7;

    padding-top: 130px

}



.p-our-features_features__title {

    font-size: 28px;

    font-weight: 700;

    line-height: 1.4;

    padding-top: 60px;

    position: relative

}



.p-our-features_features__title:before {

    background: #62B735;

    content: "";

    height: 1px;

    left: 0;

    position: absolute;

    top: 0;

    width: 3em

}



.p-our-features_features__text {

    margin-top: 50px

}



.p-our-features_features__body01 {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin-top: 80px

}



.p-our-features_features__body01__pic {

    width: 55%

}



.p-our-features_features__body01__pic img {

    height: 100%;

    -o-object-fit: cover;

    object-fit: cover;

    width: 100%

}



.p-our-features_features__body01__text {

    margin-right: 160px;

    padding-left: 120px;

    padding-right: 90px;

    position: relative;

    width: 50%

}



.p-our-features_features__body01__text:before {

    color: #62B735;

    content: "01 Post-processor";



    font-size: 15px;

    position: absolute;

    right: 0;

    top: 0;

    -ms-writing-mode: tb-rl;

    -webkit-writing-mode: vertical-rl;

    writing-mode: vertical-rl

}



.p-our-features_features__body02 {

    -webkit-box-orient: horizontal;

    -webkit-box-direction: reverse;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-direction: row-reverse;

    flex-direction: row-reverse;

    margin-top: 80px

}



.p-our-features_features__body02__pic {

    width: 55%

}



.p-our-features_features__body02__pic img {

    height: 100%;

    -o-object-fit: cover;

    object-fit: cover;

    width: 100%

}



.p-our-features_features__body02__text {

    margin-left: 160px;

    padding-left: 90px;

    padding-right: 120px;

    position: relative;

    width: 50%

}



.p-our-features_features__body02__text:before {

    color: #62B735;

    content: "02 Technical level";



    font-size: 15px;

    left: 0;

    position: absolute;

    top: 0;

    -ms-writing-mode: tb-rl;

    -webkit-writing-mode: vertical-rl;

    writing-mode: vertical-rl

}



.p-our-features_features__body03 {

    margin-top: 160px;

    padding-bottom: 200px;

    padding-left: 90px;

    padding-right: 90px;

    position: relative

}



.p-our-features_features__body03:before {

    color: #62B735;

    content: "Company Movie";



    font-size: 15px;

    left: 0;

    position: absolute;

    top: 0;

    -ms-writing-mode: tb-rl;

    -webkit-writing-mode: vertical-rl;

    writing-mode: vertical-rl

}



.p-our-features_features__body03__movie {

    position: relative

}



.p-our-features_features__body03__movie:before {

    content: "";

    display: block;

    padding-top: 56.25%

}



.p-our-features_features__body03__movie iframe {

    height: 100%;

    left: 0;

    position: absolute;

    top: 0;

    width: 100%

}



.p-our-features_flow {

    padding-bottom: 230px;

    padding-top: 160px

}



.p-our-features_flow__content {

    margin-top: 70px;

    padding-left: 120px;

    padding-right: 120px;

    position: relative

}



.p-our-features_flow__content:before {

    color: #e8e9eb;

    content: "Flow of business";



    font-size: 60px;

    font-weight: 100;

    left: 0;

    position: absolute;

    top: 0;

    -ms-writing-mode: tb-rl;

    -webkit-writing-mode: vertical-rl;

    writing-mode: vertical-rl

}



.p-our-features_flow__list__item {

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    background: #b51919;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin-bottom: 5px;

    padding: 45px 50px;

    position: relative

}



.p-our-features_flow__list__item:before {

    border-right: 2px dotted #444;

    bottom: -20px;

    content: "";

    height: 40px;

    left: 50%;

    position: absolute;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

    z-index: 2

}



.p-our-features_flow__list__item:last-child:before {

    bottom: -45px;

    height: 70px

}



.p-our-features_flow__list__item .item_img {

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin-right: 20px;

    max-width: 150px;

    min-width: 150px

}



.p-our-features_flow__list__item .item_img .number {

    color: #fff;



}



.p-our-features_flow__list__item .item_text {

    color: #fff

}



.p-our-features_flow__list__item .item_text .title {

    font-size: 20px;

    font-weight: 700;

    margin-bottom: 1em

}



.p-our-features_flow__result {

    margin-top: 70px;

    text-align: center

}



.p-our-features_flow__result span {

    border-bottom: 1px solid #62B735;

    font-size: 30px;

    font-weight: 700;

    padding-bottom: 10px

}



.p-our-features_support {

    background: #f5f6f7;

    padding-bottom: 130px;

    padding-top: 130px;

    position: relative

}



.p-our-features_support:before {

    color: #e8e9eb;

    content: "Support";



    font-size: 160px;

    font-weight: 100;

    left: 160px;

    position: absolute;

    top: -.2em

}



.p-our-features_support__text {

    font-size: 20px;

    font-weight: 700

}



.p-our-features_support__list {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin-top: 60px

}



.p-our-features_support__list__item {

    background: #fff;

    margin-bottom: 2%;

    margin-right: 2%;

    padding: 40px;

    width: 49%

}



.p-our-features_support__list__item .title {

    font-weight: 700;

    padding-left: 1em;

    position: relative

}



.p-our-features_support__list__item .title:before {

    background: #62B735;

    border-radius: 9999px;

    content: "";

    height: 6px;

    left: 0;

    position: absolute;

    top: .7em;

    width: 6px

}



.p-our-features_support__list__item:last-child {

    margin-bottom: 0

}



.p-our-features_support__list__item:nth-child(2n) {

    margin-right: 0

}



.p-support {

    margin-bottom: 100px

}



.p-support__list {

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin-top: 70px

}



.p-support__list,

.p-support__list__item {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



.p-support__list__item {

    width: 50%

}



.p-support__list__item a {

    border-right: 1px solid #f0f0f0;

    border-top: 1px solid #f0f0f0;

    display: block;

    height: 100%;

    padding: 60px 40px;

    -webkit-transition: .25s;

    transition: .25s;

    width: 100%

}



.p-support__list__item a .title {

    font-weight: 700;

    margin-bottom: 1em;

    margin-top: 1em;

    -webkit-transition: .25s;

    transition: .25s

}



.p-support__list__item a figure {

    overflow: hidden

}



.p-support__list__item a figure img {

    -webkit-transition: .25s ease;

    transition: .25s ease;

    width: 100%

}



.is-pc .p-support__list__item a:hover img {

    -webkit-transform: scale(1.1);

    transform: scale(1.1)

}



.is-pc .p-support__list__item a:hover .title {

    color: #62B735

}



.p-support__list__item:nth-child(3) {

    border-bottom: none

}



.p-support__list__item:last-child,

.p-support__list__item:nth-child(4) {

    border-bottom: 1px solid #f0f0f0

}



.p-support__list__item:nth-child(odd) a {

    border-left: 1px solid #f0f0f0

}



.p-support_bottom {

    margin-bottom: 100px

}



.p-support_bottom .c-container {

    position: relative

}



.p-support_bottom__lead {

    left: 0;

    position: absolute;

    top: 0;

    z-index: -1

}



.p-support_bottom__list {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    padding-top: 120px

}



.p-support_bottom__list__item {

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    width: 33.3%

}



.p-support_bottom__list__item a {

    background: #fff;

    border: 1px solid #f0f0f0;

    border-right: none;

    display: block;

    height: 100%;

    padding: 40px

}



.p-support_bottom__list__item a figure {

    overflow: hidden

}



.p-support_bottom__list__item a img {

    -webkit-transition: .25s ease;

    transition: .25s ease

}



.p-support_bottom__list__item a .title {

    font-weight: 700;

    margin-top: 1em;

    -webkit-transition: .25s;

    transition: .25s

}



.is-pc .p-support_bottom__list__item a:hover img {

    -webkit-transform: scale(1.1);

    transform: scale(1.1)

}



.is-pc .p-support_bottom__list__item a:hover .title {

    color: #62B735

}



.p-support_bottom__list__item:last-child a {

    border-right: 1px solid #f0f0f0

}



.p-remote-support__content {

    margin-bottom: 130px;

    margin-top: 100px

}



.p-remote-support__content .c-title02 {

    margin-bottom: 60px

}



.p-remote-support__block {

    border-top: 1px solid #f0f0f0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    padding: 40px 0

}



.p-remote-support__block__title {

    max-width: 15%;

    min-width: 15%

}



.p-remote-support__block__title span {

    display: block;

    text-align: center

}



.p-remote-support__block__title .en {

    color: #62B735;



    font-size: 14px;

    font-weight: 400

}



.p-remote-support__block__title .number {



    font-size: 35px;

    font-weight: 300

}



.p-remote-support__block__content {

    width: 100%

}



.p-remote-support__block__content p {

    margin-top: 1em

}



.p-remote-support__block__content p span {

    font-weight: 700

}



.p-remote-support__block__content figure {

    margin-top: 20px

}



.p-remote-support__block__content .detail {

    background: #f5f6f7;

    margin-top: 30px;

    padding: 50px

}



.p-remote-support__block__content .detail.-mt0 {

    margin-top: 0

}



.p-remote-support__block__content .detail__title {

    font-weight: 700

}



.p-training-video {

    margin-bottom: 130px

}



.p-training-video__text {

    margin-top: 1em

}



.p-training-video__text span {

    color: #62B735;

    font-weight: 700

}



.p-training-video__about {

    margin-top: 100px

}



.p-training-video__about__list {

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    justify-content: space-between;

    margin-top: 60px

}



.p-training-video__about__list__item {

    background: #f5f6f7;

    padding: 30px;

    text-align: center;

    width: 31%

}



.p-training-video__about__list__item .number {

    color: #62B735;



    margin-bottom: 20px

}



.p-training-video__about__list__item .text {

    font-weight: 700;

    margin-top: 20px

}



.p-training-video__about figure {

    margin-top: 30px

}



.p-application {

    padding-bottom: 100px

}



.p-application__bottom {

    margin-top: 100px

}



.p-application__bottom a {

    border-bottom: 1px solid;

    -webkit-transition: .25s;

    transition: .25s

}



.is-pc .p-application__bottom a:hover {

    color: #62B735

}



.p-seminar__information {

    background: #f0f0f0;

    padding-bottom: 100px;

    padding-top: 100px

}



.p-seminar__information__tab-list {

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    justify-content: center;

    margin-bottom: 50px;

    margin-top: 60px

}



.p-seminar__information__tab-item {

    cursor: pointer;

    margin-right: 25px;

    padding-bottom: 20px;

    position: relative;

    width: 27%

}



.p-seminar__information__tab-item:last-child {

    margin-right: 0

}



.p-seminar__information__tab-item figure {

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    align-items: center;

    background: #fff;

    border: 1px solid #f0f0f0;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    height: 100%;

    justify-content: center;

    max-height: 125px;

    max-width: 350px;

    padding: 30px;

    width: 100%

}



.p-seminar__information__tab-item figure img {

    width: 100%

}



.p-seminar__information__tab-item.is-active:before {

    background: #62B735;

    bottom: 0;

    content: "";

    height: 3px;

    left: 50%;

    position: absolute;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

    width: 50px

}



.p-seminar__information__tab-container {

    line-height: 2

}



.p-seminar__information__tab-content {

    display: none

}



.p-seminar__information__tab-content.is-active {

    display: block

}



.p-seminar__bottom {

    padding-bottom: 150px;

    padding-top: 120px

}



.p-seminar__bottom__corona {

    border: 1px solid #62B735;

    padding: 60px

}



.p-seminar__bottom__corona .note {

    color: #62B735;

    font-weight: 700

}



.p-seminar__bottom__corona .note-list__item {

    padding-left: 1em;

    position: relative

}



.p-seminar__bottom__corona .note-list__item:before {

    color: #e5e5e5;

    content: "・";

    font-weight: 700;

    left: 0;

    position: absolute

}



.p-seminar__bottom__pic {

    margin-top: 60px

}



.p-seminar__bottom__pic figure {

    margin-bottom: 40px

}



.p-seminar-information {

    background: #f5f6f7;

    margin-bottom: 100px;

    padding-bottom: 100px;

    padding-top: 90px

}



.p-seminar-information_single__post {

    padding: 110px 120px 120px

}



.p-seminar-information_single__post__head .title .en {

    color: #62B735;

    display: block;



    font-size: 15px;

    font-weight: 500

}



.p-seminar-information_single__post__head .title .jp {

    display: block;

    font-size: 28px;

    font-weight: 700;

    line-height: 1.4;

    margin-top: 35px

}



.p-seminar-information_single__post__body {

    margin-top: 50px

}



.p-seminar-information_single__post__body .img img {

    width: 100%

}



.p-seminar-information_single__related {

    background: #f5f6f7;

    padding-bottom: 100px;

    padding-top: 110px

}



.p-seminar-information_single__related .c-container,

.p-seminar-information_single__related__title {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex

}



.p-seminar-information_single__related__title {

    -webkit-box-align: end;

    -ms-flex-align: end;

    align-items: flex-end;

    margin-right: 55px;

    width: 95px;

    -webkit-writing-mode: vertical-rl;

    -ms-writing-mode: tb-rl;

    writing-mode: vertical-rl

}



.p-seminar-information_single__related__title .title .en {

    color: #111;

    display: block;



    font-size: 60px;

    font-weight: 200;

    letter-spacing: .1em

}



.p-seminar-information_single__related__title .title .jp {

    color: #777;

    display: block;

    font-weight: 500;

    margin-right: 1em;

    margin-top: 0

}



.p-seminar-information_single__related__body {

    width: 100%

}



.p-seminar-information_single__related__body .c-button01 {

    margin-top: 40px

}



.p-privacy {

    margin-bottom: 100px

}



.p-privacy p {

    margin-top: 20px

}



.p-privacy section {

    margin-top: 50px

}



.p-privacy table {

    margin-top: 20px

}



.p-privacy table .txtL {

    font-weight: 700;

    margin-bottom: .5em

}



.p-privacy table td,

.p-privacy table th {

    padding: 20px

}



.p-notfound_body {

    padding-bottom: 100px

}



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

    body {

        font-size: calc(.16327vw + 1.33878rem)

    }



    .l-header .c-fluid .c-logo {

        width: 150px;

        /* margin-top: 3%; */

        height: 50%;

    }



    .l-header {

        font-size: calc(.17361vw + 1.12222rem)

    }



    .l-header__menu__item>.link,

    .l-header__menu__item>a {

        padding-left: calc(1.30208vw - 5.83333px);

        padding-right: calc(1.30208vw - 5.83333px)

    }



    .l-footer {

        padding-bottom: 10px;

        padding-top: 20px;

        text-align: center;

    }



    .l-footer__info__logo a .text {

        margin-top: calc(.81633vw + 6.93878px)

    }



    .l-footer__info__address {

        margin-top: calc(1.63265vw + 13.87755px)

    }



    .l-footer__sitemap {

        padding-left: calc(4.4898vw + 38.16327px)

    }



    .l-footer__sitemap .sitemap_list {

        margin-right: calc(2.44898vw + 20.81633px)

    }



    .c-special__list__item a {

        padding: calc(1.22449vw + 15.40816px) 0

    }



    .c-special__list__img {

        width: calc(9.79592vw + 83.26531px)

    }



    .c-special__list__text {

        padding-left: calc(1.63265vw + 13.87755px)

    }



    .c-special__list__text .title {

        font-size: calc(.16327vw + 1.53878rem)

    }



    .c-special__list__text .text {

        margin-top: calc(.40816vw + 3.46939px)

    }



    .c-crumbs i {

        margin: 0 calc(.81633vw + 1.93878px)

    }



    .c-machining_list__title {

        font-size: calc(.2449vw + 1.30816rem)

    }



    .c-case_study_list__item {

        margin-bottom: calc(.81633vw + 6.93878px)

    }



    .c-case_study_list__item a {

        padding: calc(2.04082vw + 17.34694px) calc(2.69388vw + 22.89796px)

    }



    .c-case_study_list__body {

        padding-left: calc(2.04082vw + 12.34694px)

    }



    .c-case_study_list__body__title {

        font-size: calc(.16327vw + 17.38776px);

        margin-top: calc(.97959vw + 8.32653px)

    }



    .c-seminar-information_list__item a {

        padding: calc(1.63265vw + 13.87755px)

    }



    .c-seminar-information_list__reception,

    .c-seminar-information_list__sold-out {

        font-size: calc(.16327vw + 9.38776px)

    }



    .c-seminar-information_list__title {

        font-size: calc(.2449vw + 1.30816rem)

    }



    .c-container {

        padding-left: calc(1.63265vw + 13.87755px);

        padding-right: calc(1.63265vw + 13.87755px);

        width: calc(80.40816vw + 73.46939px)

    }



    .c-container.-md {

        width: calc(68.97959vw + 116.32653px)

    }



    .c-container.-md_small {

        width: calc(66.53061vw + 125.5102px)

    }



    .c-container.-small {

        width: calc(46.12245vw + 202.04082px)

    }



    .c-fluid {

        padding-left: calc(1.63265vw + 13.87755px);

        padding-right: calc(1.63265vw + 13.87755px)

    }



    .c-mega {

        border-top-left-radius: 0;

        border-top-right-radius: 0

    }



    .c-mega__title {

        padding-right: calc(.40816vw + 3.46939px);

        width: calc(9.38776vw + 79.79592px)

    }



    .c-mega__title .en {

        font-size: calc(1.22449vw + 15.40816px)

    }



    .c-mega__item__img {

        height: calc(5.30612vw + 45.10204px)

    }



    .c-mega__item a {

        margin-bottom: calc(1.22449vw + 10.40816px)

    }



    .c-menu {

        margin-top: calc(3.26531vw + 27.7551px)

    }



    .c-menu__list {

        margin-left: calc(-.40816vw - 8.46939px);

        margin-right: calc(-.40816vw - 8.46939px)

    }



    .-recruit .c-menu__list {

        margin-left: calc(-.81633vw - 16.93878px);

        margin-right: calc(-.81633vw - 16.93878px)

    }



    .c-menu__item {

        padding-left: calc(.40816vw + 8.46939px);

        padding-right: calc(.40816vw + 8.46939px)

    }



    .c-title01 .number {

        font-size: calc(.32653vw + 1.07755rem)

    }



    .c-title01__text .en {

        font-size: calc(1.63265vw + 3.38776rem)

    }



    .c-title01__text .jp {

        font-size: calc(.2449vw + 1.10816rem)

    }



    .c-title02 {

        padding-left: calc(1.22449vw + 10.40816px)

    }



    .c-title02 .en {

        font-size: calc(1.38776vw + 2.27959rem)

    }



    .c-title02 .jp {

        font-size: calc(.16327vw + 1.23878rem)

    }



    .c-title02:before {

        height: calc(.32653vw + 3.77551px);

        width: calc(.32653vw + 3.77551px)

    }



    .c-title03 {

        font-size: calc(.32653vw + 1.67755rem)

    }



    .c-title04 {

        font-size: calc(.16327vw + 14.38776px)

    }



    .c-title05 {

        font-size: calc(.65306vw + 17.55102px)

    }



    .c-title06 {

        font-size: calc(.16327vw + 1.43878rem)

    }



    .c-title07 {

        font-size: calc(1.22449vw + 1.54082rem)

    }



    .c-button02 a {

        font-size: calc(.2449vw + 1.30816rem);

        padding: calc(.81633vw + 11.93878px);

        width: calc(8.16327vw + 249.38776px)

    }



    .c-button03.-wide a {

        width: 100%

    }



    .c-button03 a {

        width: calc(6.93878vw + 53.97959px)

    }



    .c-button04 a {

        font-size: calc(.2449vw + 1.30816rem);

        padding: calc(.81633vw + 11.93878px);

        width: calc(8.16327vw + 269.38776px)

    }



    .c-button04 a .icon-img {

        margin-right: calc(1.22449vw + 10.40816px)

    }



    .c-products_feature {

        margin-top: calc(2.04082vw + 17.34694px);

        padding: calc(2.04082vw + 17.34694px)

    }



    .c-products_feature__title {

        font-size: calc(.2449vw + 1.30816rem);

        margin-bottom: calc(.81633vw + 6.93878px)

    }



    .c-products_feature__list__item .detail .text,

    .c-products_feature__list__item .detail .title {

        font-size: calc(.16327vw + 1.23878rem)

    }



    .c-products_post__video {

        margin-bottom: calc(2.44898vw + 20.81633px)

    }



    .c-products_post .c-products_post__item__number_title,

    .c-products_post__video {

        margin-top: calc(2.44898vw + 20.81633px)

    }



    .c-products_post .link-to-pdf,

    .c-products_post .wp-block-group {

        margin-bottom: calc(5.30612vw + 45.10204px)

    }



    .c-products_post .wp-block-group {

        padding-bottom: calc(5.30612vw + 45.10204px);

        padding-top: calc(4.4898vw + 38.16327px)

    }



    .c-products_post .wp-block-group .c-post_single__col2_img,

    .c-products_post .wp-block-group .c-post_single__col3_img {

        margin-left: calc(3.26531vw + 27.7551px)

    }



    .c-products_post .wp-block-group .wp-block-image {

        margin-left: calc(3.26531vw + 27.7551px);

        margin-top: calc(1.22449vw + 10.40816px)

    }



    .c-products_post .wp-block-group .wp-block-embed {

        margin-top: calc(2.44898vw + 20.81633px);

        padding-top: calc(2.44898vw + 20.81633px)

    }



    .c-products_post .wp-block-group .wp-block-embed figcaption {

        font-size: calc(.16327vw + 1.53878rem)

    }



    .c-products_post .wp-block-group .c-button01 {

        margin-left: calc(3.26531vw + 27.7551px)

    }



    .c-products_post .c-button01 {

        margin-top: calc(1.63265vw + 13.87755px)

    }



    .c-products_post p {

        margin-top: calc(1.22449vw + 10.40816px)

    }



    .c-products_post__title {

        padding-left: calc(1.22449vw + 10.40816px)

    }



    .c-products_post__title .jp {

        font-size: calc(.16327vw + 1.23878rem)

    }



    .c-products_post__item {

        margin-top: calc(2.44898vw + 20.81633px);

        padding-bottom: calc(2.04082vw + 17.34694px)

    }



    .c-products_post__item__content {

        padding-left: calc(.81633vw + 6.93878px)

    }



    .c-products_post__item__number_title {

        margin-top: calc(2.44898vw + 20.81633px)

    }



    .c-products_post__item__number_title .number {

        padding-right: calc(.81633vw + 6.93878px)

    }



    .c-products_post__item__number_title .title {

        font-size: calc(.32653vw + 1.87755rem)

    }



    .c-products_post__item__text {

        margin-left: calc(3.26531vw + 27.7551px);

        margin-top: calc(1.63265vw + 13.87755px)

    }



    .c-products_post__item__border_title {

        font-size: calc(.32653vw + 1.67755rem);

        margin-top: calc(2.04082vw + 17.34694px);

        padding-left: calc(.81633vw + 6.93878px)

    }



    .c-products_post__item__border_title,

    .c-products_post__item__table {

        margin-left: calc(3.26531vw + 27.7551px)

    }



    .c-products_post__item__table .table_list {

        margin-top: calc(1.22449vw + 10.40816px)

    }



    .c-products_post__item__table .table_list__item {

        padding: calc(1.63265vw + 13.87755px)

    }



    .c-products_post__item__table .table_list__item__img {

        height: calc(4.08163vw + 34.69388px)

    }



    .c-products_post__item__img,

    .c-products_post__item__point {

        margin-left: calc(3.26531vw + 27.7551px);

        margin-top: calc(2.04082vw + 17.34694px)

    }



    .c-products_post__item__point {

        padding: calc(2.04082vw + 17.34694px)

    }



    .c-products_post__item__point .point__title {

        font-size: calc(.16327vw + 1.73878rem)

    }



    .c-products_post__item__point .point__list {

        margin-top: calc(.81633vw + 6.93878px)

    }



    .c-products_post__item__point .point__list__item .detail,

    .c-products_post__item__point .point__list__item .detail .text,

    .c-products_post__item__point .point__list__item .detail .title {

        font-size: calc(.16327vw + 1.23878rem)

    }



    .c-products_post__item__definition_list {

        margin-left: calc(3.26531vw + 27.7551px)

    }



    .c-products_post__item__definition_list:first-child {

        margin-top: calc(1.63265vw + 13.87755px)

    }



    .c-products_post__item__definition_list .title {

        font-size: calc(.2449vw + 1.30816rem)

    }



    .c-products_post__item__col2 {

        margin-left: calc(3.26531vw + 27.7551px);

        margin-top: calc(1.63265vw + 13.87755px)

    }



    .c-products_post__item__col2__img {

        padding: calc(.81633vw + 6.93878px)

    }



    .c-products_post__benefit {

        margin-bottom: calc(5.30612vw + 45.10204px);

        padding-bottom: calc(2.44898vw + 20.81633px);

        padding-top: calc(2.44898vw + 20.81633px)

    }



    .c-products_post__benefit__title .title .en {

        font-size: calc(2.44898vw + 2.08163rem)

    }



    .c-products_post__gallery {

        margin-bottom: calc(5.30612vw + 45.10204px);

        margin-top: calc(4.08163vw + 34.69388px);

        padding-top: calc(3.67347vw + 31.22449px)

    }



    .c-products_post__gallery:before {

        left: calc(-2.04082vw - 17.34694px)

    }



    .c-products_post__gallery__lead {

        left: calc(-3.67347vw - 31.22449px)

    }



    .c-products_post__card {

        margin-bottom: calc(1.63265vw + 13.87755px);

        margin-top: calc(2.44898vw + 20.81633px)

    }



    .c-products_post__card_list__item .detail .title {

        font-size: calc(.16327vw + 1.73878rem)

    }



    .c-products_post__card_list__item .detail .text {

        font-size: calc(.16327vw + 1.23878rem)

    }



    .c-products_post__button {

        margin-bottom: calc(1.63265vw + 13.87755px)

    }



    .c-products_post__pdf-link {

        margin-top: calc(3.67347vw + 31.22449px)

    }



    .c-products_post__date {

        margin-bottom: calc(5.30612vw + 45.10204px);

        margin-top: calc(1.63265vw + 13.87755px)

    }



    .c-products_post__date_list__text,

    .c-products_post__date_list__title {

        padding: calc(1.22449vw + 10.40816px) calc(2.04082vw + 17.34694px)

    }



    .c-lower_kv {

        padding-bottom: calc(4.08163vw + 34.69388px);

        padding-top: calc(5.71429vw + 48.57143px)

    }



    .c-lower_kv__subtitle {

        font-size: calc(.16327vw + 1.23878rem);

        margin-bottom: calc(.81633vw + 6.93878px)

    }



    .c-lower_kv__title .en {

        font-size: calc(2.61224vw + 2.22041rem)

    }



    .c-lower_kv__title .jp {

        font-size: calc(.16327vw + 1.23878rem);

        margin-top: calc(1.22449vw + 10.40816px)

    }



    .c-post_side {

        margin-right: calc(2.85714vw + 24.28571px);

        max-width: calc(4.08163vw + 134.69388px);

        min-width: calc(4.08163vw + 134.69388px)

    }



    .c-post_side__title {

        font-size: calc(.32653vw + 1.87755rem);

        padding-bottom: calc(.65306vw + 5.55102px)

    }



    .c-post_side__title:before {

        width: calc(1.63265vw + 13.87755px)

    }



    .c-post_single__head__info .c-date {

        font-size: calc(.16327vw + 13.38776px)

    }



    .c-post_single__thumbnail {

        margin-bottom: calc(2.04082vw + 12.34694px)

    }



    .c-post_single__body .c-button01 a {

        margin-top: calc(1.22449vw + 10.40816px)

    }



    .c-post_single__body hr {

        margin-top: calc(2.44898vw + 20.81633px)

    }



    .c-post_single__body .wp-block-group {

        margin-bottom: calc(4.08163vw + 34.69388px);

        margin-top: calc(4.08163vw + 34.69388px);

        padding: calc(2.44898vw + 20.81633px) calc(5.30612vw + 45.10204px)

    }



    .c-post_single__body h2 {

        font-size: calc(.32653vw + 2.27755rem);

        margin-bottom: calc(1.22449vw + 10.40816px);

        margin-top: calc(3.26531vw + 27.7551px);

        padding-top: calc(2.04082vw + 22.34694px)

    }



    .c-post_single__body h3 {

        font-size: calc(.16327vw + 1.93878rem);

        margin-top: calc(1.63265vw + 13.87755px)

    }



    .c-post_single__body h4,

    .c-post_single__body h5 {

        font-size: calc(.16327vw + 1.43878rem)

    }



    .c-post_single__body h5 {

        margin-top: calc(2.44898vw + 20.81633px)

    }



    .c-post_single__body .wp-block-image,

    .c-post_single__body .wp-block-table table {

        margin-top: calc(.81633vw + 6.93878px)

    }



    .c-post_single__body #ez-toc-container {

        margin-bottom: calc(4.08163vw + 34.69388px);

        padding: calc(1.63265vw + 13.87755px)

    }



    .c-post_single__body #ez-toc-container .ez-toc-list {

        margin-top: calc(1.22449vw + 10.40816px)

    }



    .c-post_single__boxlist {

        margin-top: calc(.81633vw + 6.93878px);

        padding: calc(2.04082vw + 12.34694px)

    }



    .c-post_single__logo,

    .c-post_single__profile {

        margin-top: calc(1.22449vw + 10.40816px)

    }



    .c-post_single__profile__item p {

        font-size: calc(.16327vw + 1.23878rem)

    }



    .c-post_single__share {

        padding: calc(2.04082vw + 12.34694px) calc(.81633vw + 6.93878px)

    }



    .c-post_single__share__title {

        font-size: calc(.16327vw + 1.33878rem)

    }



    .c-post_single__share__title:after {

        margin: 0 calc(.81633vw + 6.93878px);

        width: calc(.89796vw + 7.63265px)

    }



    .c-post_single__share__sns .item {

        margin-right: calc(1.22449vw + 10.40816px)

    }



    .c-post_single__date {

        margin-bottom: calc(1.63265vw + 13.87755px);

        margin-top: calc(1.63265vw + 13.87755px)

    }



    .c-post_single__col2_img {

        margin-top: calc(1.22449vw + 10.40816px)

    }



    .c-post_single__col2_img__item p {

        font-size: calc(.16327vw + 1.23878rem)

    }



    .c-post_single__col3_img {

        margin-top: calc(1.22449vw + 10.40816px)

    }



    .c-post_single__col3_img__item p {

        font-size: calc(.16327vw + 1.23878rem)

    }



    .c-post_single__coment {

        margin: calc(4.4898vw + 38.16327px) 0;

        padding: calc(2.44898vw + 15.81633px) 0

    }



    .c-post_single__coment__body .title {

        font-size: calc(.16327vw + 1.43878rem)

    }



    .c-post_single__coment__body .text {

        font-size: calc(.16327vw + 1.23878rem)

    }



    .c-post_single__ordered01 {

        margin-top: calc(1.22449vw + 10.40816px)

    }



    .c-post_single__ordered01__item {

        padding: calc(1.22449vw + 10.40816px)

    }



    .c-post_single__ordered01__item p {

        font-size: calc(.16327vw + 1.43878rem)

    }



    .c-post_single__ordered02 {

        margin-top: calc(1.22449vw + 10.40816px)

    }



    .c-post_single__graybox {

        padding: calc(2.44898vw + 10.81633px)

    }



    .c-form {

        margin-top: calc(2.04082vw + 17.34694px)

    }



    .c-form__item__body,

    .c-form__item__head {

        padding: calc(1.22449vw + 10.40816px)

    }



    .c-form__item__body input {

        padding: calc(.40816vw + 3.46939px)

    }



    .c-form__item__select .icon {

        right: calc(.65306vw + 5.55102px)

    }



    .c-form__item__select select {

        padding: calc(.65306vw + 5.55102px)

    }



    .c-form_submit {

        margin-top: calc(2.04082vw + 17.34694px)

    }



    .c-form_submit button {

        padding: calc(1.22449vw + 10.40816px);

        width: calc(16.32653vw + 138.77551px)

    }



    .c-form_submit button .c-arrow03__wrap {

        right: calc(1.22449vw + 10.40816px)

    }



    .c-form_submit button .c-arrow03__wrap.-left {

        left: calc(1.22449vw + 10.40816px)

    }



    .is-pc .c-form_submit button:hover .c-arrow03__wrap {

        right: calc(.40816vw + 3.46939px)

    }



    .is-pc .c-form_submit button:hover .c-arrow03__wrap.-left {

        left: calc(.40816vw + 3.46939px)

    }



    .c-text-note {

        font-size: calc(.16327vw + 1.03878rem)

    }



    .u-mt0 {

        margin-top: 0 !important

    }



    .u-mb0 {

        margin-bottom: 0 !important

    }



    .u-ml0 {

        margin-left: 0 !important

    }



    .u-mr0 {

        margin-right: 0 !important

    }



    .u-pt0 {

        padding-top: 0 !important

    }



    .u-pb0 {

        padding-bottom: 0 !important

    }



    .u-pl0 {

        padding-left: 0 !important

    }



    .u-pr0 {

        padding-right: 0 !important

    }



    .u-mt5 {

        margin-top: calc(.40816vw + 3.46939px) !important

    }



    .u-mb5 {

        margin-bottom: calc(.40816vw + 3.46939px) !important

    }



    .u-ml5 {

        margin-left: calc(.40816vw + 3.46939px) !important

    }



    .u-mr5 {

        margin-right: calc(.40816vw + 3.46939px) !important

    }



    .u-pt5 {

        padding-top: calc(.40816vw + 3.46939px) !important

    }



    .u-pb5 {

        padding-bottom: calc(.40816vw + 3.46939px) !important

    }



    .u-pl5 {

        padding-left: calc(.40816vw + 3.46939px) !important

    }



    .u-pr5 {

        padding-right: calc(.40816vw + 3.46939px) !important

    }



    .u-mt10 {

        margin-top: calc(.81633vw + 6.93878px) !important

    }



    .u-mb10 {

        margin-bottom: calc(.81633vw + 6.93878px) !important

    }



    .u-ml10 {

        margin-left: calc(.81633vw + 6.93878px) !important

    }



    .u-mr10 {

        margin-right: calc(.81633vw + 6.93878px) !important

    }



    .u-pt10 {

        padding-top: calc(.81633vw + 6.93878px) !important

    }



    .u-pb10 {

        padding-bottom: calc(.81633vw + 6.93878px) !important

    }



    .u-pl10 {

        padding-left: calc(.81633vw + 6.93878px) !important

    }



    .u-pr10 {

        padding-right: calc(.81633vw + 6.93878px) !important

    }



    .u-mt15 {

        margin-top: calc(1.22449vw + 10.40816px) !important

    }



    .u-mb15 {

        margin-bottom: calc(1.22449vw + 10.40816px) !important

    }



    .u-ml15 {

        margin-left: calc(1.22449vw + 10.40816px) !important

    }



    .u-mr15 {

        margin-right: calc(1.22449vw + 10.40816px) !important

    }



    .u-pt15 {

        padding-top: calc(1.22449vw + 10.40816px) !important

    }



    .u-pb15 {

        padding-bottom: calc(1.22449vw + 10.40816px) !important

    }



    .u-pl15 {

        padding-left: calc(1.22449vw + 10.40816px) !important

    }



    .u-pr15 {

        padding-right: calc(1.22449vw + 10.40816px) !important

    }



    .u-mt20 {

        margin-top: calc(1.63265vw + 13.87755px) !important

    }



    .u-mb20 {

        margin-bottom: calc(1.63265vw + 13.87755px) !important

    }



    .u-ml20 {

        margin-left: calc(1.63265vw + 13.87755px) !important

    }



    .u-mr20 {

        margin-right: calc(1.63265vw + 13.87755px) !important

    }



    .u-pt20 {

        padding-top: calc(1.63265vw + 13.87755px) !important

    }



    .u-pb20 {

        padding-bottom: calc(1.63265vw + 13.87755px) !important

    }



    .u-pl20 {

        padding-left: calc(1.63265vw + 13.87755px) !important

    }



    .u-pr20 {

        padding-right: calc(1.63265vw + 13.87755px) !important

    }



    .u-mt25 {

        margin-top: calc(2.04082vw + 17.34694px) !important

    }



    .u-mb25 {

        margin-bottom: calc(2.04082vw + 17.34694px) !important

    }



    .u-ml25 {

        margin-left: calc(2.04082vw + 17.34694px) !important

    }



    .u-mr25 {

        margin-right: calc(2.04082vw + 17.34694px) !important

    }



    .u-pt25 {

        padding-top: calc(2.04082vw + 17.34694px) !important

    }



    .u-pb25 {

        padding-bottom: calc(2.04082vw + 17.34694px) !important

    }



    .u-pl25 {

        padding-left: calc(2.04082vw + 17.34694px) !important

    }



    .u-pr25 {

        padding-right: calc(2.04082vw + 17.34694px) !important

    }



    .u-mt30 {

        margin-top: calc(2.44898vw + 20.81633px) !important

    }



    .u-mb30 {

        margin-bottom: calc(2.44898vw + 20.81633px) !important

    }



    .u-ml30 {

        margin-left: calc(2.44898vw + 20.81633px) !important

    }



    .u-mr30 {

        margin-right: calc(2.44898vw + 20.81633px) !important

    }



    .u-pt30 {

        padding-top: calc(2.44898vw + 20.81633px) !important

    }



    .u-pb30 {

        padding-bottom: calc(2.44898vw + 20.81633px) !important

    }



    .u-pl30 {

        padding-left: calc(2.44898vw + 20.81633px) !important

    }



    .u-pr30 {

        padding-right: calc(2.44898vw + 20.81633px) !important

    }



    .u-mt35 {

        margin-top: calc(2.85714vw + 24.28571px) !important

    }



    .u-mb35 {

        margin-bottom: calc(2.85714vw + 24.28571px) !important

    }



    .u-ml35 {

        margin-left: calc(2.85714vw + 24.28571px) !important

    }



    .u-mr35 {

        margin-right: calc(2.85714vw + 24.28571px) !important

    }



    .u-pt35 {

        padding-top: calc(2.85714vw + 24.28571px) !important

    }



    .u-pb35 {

        padding-bottom: calc(2.85714vw + 24.28571px) !important

    }



    .u-pl35 {

        padding-left: calc(2.85714vw + 24.28571px) !important

    }



    .u-pr35 {

        padding-right: calc(2.85714vw + 24.28571px) !important

    }



    .u-mt40 {

        margin-top: calc(3.26531vw + 27.7551px) !important

    }



    .u-mb40 {

        margin-bottom: calc(3.26531vw + 27.7551px) !important

    }



    .u-ml40 {

        margin-left: calc(3.26531vw + 27.7551px) !important

    }



    .u-mr40 {

        margin-right: calc(3.26531vw + 27.7551px) !important

    }



    .u-pt40 {

        padding-top: calc(3.26531vw + 27.7551px) !important

    }



    .u-pb40 {

        padding-bottom: calc(3.26531vw + 27.7551px) !important

    }



    .u-pl40 {

        padding-left: calc(3.26531vw + 27.7551px) !important

    }



    .u-pr40 {

        padding-right: calc(3.26531vw + 27.7551px) !important

    }



    .u-mt45 {

        margin-top: calc(3.67347vw + 31.22449px) !important

    }



    .u-mb45 {

        margin-bottom: calc(3.67347vw + 31.22449px) !important

    }



    .u-ml45 {

        margin-left: calc(3.67347vw + 31.22449px) !important

    }



    .u-mr45 {

        margin-right: calc(3.67347vw + 31.22449px) !important

    }



    .u-pt45 {

        padding-top: calc(3.67347vw + 31.22449px) !important

    }



    .u-pb45 {

        padding-bottom: calc(3.67347vw + 31.22449px) !important

    }



    .u-pl45 {

        padding-left: calc(3.67347vw + 31.22449px) !important

    }



    .u-pr45 {

        padding-right: calc(3.67347vw + 31.22449px) !important

    }



    .u-mt50 {

        margin-top: calc(4.08163vw + 34.69388px) !important

    }



    .u-mb50 {

        margin-bottom: calc(4.08163vw + 34.69388px) !important

    }



    .u-ml50 {

        margin-left: calc(4.08163vw + 34.69388px) !important

    }



    .u-mr50 {

        margin-right: calc(4.08163vw + 34.69388px) !important

    }



    .u-pt50 {

        padding-top: calc(4.08163vw + 34.69388px) !important

    }



    .u-pb50 {

        padding-bottom: calc(4.08163vw + 34.69388px) !important

    }



    .u-pl50 {

        padding-left: calc(4.08163vw + 34.69388px) !important

    }



    .u-pr50 {

        padding-right: calc(4.08163vw + 34.69388px) !important

    }



    .u-mt55 {

        margin-top: calc(4.4898vw + 38.16327px) !important

    }



    .u-mb55 {

        margin-bottom: calc(4.4898vw + 38.16327px) !important

    }



    .u-ml55 {

        margin-left: calc(4.4898vw + 38.16327px) !important

    }



    .u-mr55 {

        margin-right: calc(4.4898vw + 38.16327px) !important

    }



    .u-pt55 {

        padding-top: calc(4.4898vw + 38.16327px) !important

    }



    .u-pb55 {

        padding-bottom: calc(4.4898vw + 38.16327px) !important

    }



    .u-pl55 {

        padding-left: calc(4.4898vw + 38.16327px) !important

    }



    .u-pr55 {

        padding-right: calc(4.4898vw + 38.16327px) !important

    }



    .u-mt60 {

        margin-top: calc(4.89796vw + 41.63265px) !important

    }



    .u-mb60 {

        margin-bottom: calc(4.89796vw + 41.63265px) !important

    }



    .u-ml60 {

        margin-left: calc(4.89796vw + 41.63265px) !important

    }



    .u-mr60 {

        margin-right: calc(4.89796vw + 41.63265px) !important

    }



    .u-pt60 {

        padding-top: calc(4.89796vw + 41.63265px) !important

    }



    .u-pb60 {

        padding-bottom: calc(4.89796vw + 41.63265px) !important

    }



    .u-pl60 {

        padding-left: calc(4.89796vw + 41.63265px) !important

    }



    .u-pr60 {

        padding-right: calc(4.89796vw + 41.63265px) !important

    }



    .u-mt65 {

        margin-top: calc(5.30612vw + 45.10204px) !important

    }



    .u-mb65 {

        margin-bottom: calc(5.30612vw + 45.10204px) !important

    }



    .u-ml65 {

        margin-left: calc(5.30612vw + 45.10204px) !important

    }



    .u-mr65 {

        margin-right: calc(5.30612vw + 45.10204px) !important

    }



    .u-pt65 {

        padding-top: calc(5.30612vw + 45.10204px) !important

    }



    .u-pb65 {

        padding-bottom: calc(5.30612vw + 45.10204px) !important

    }



    .u-pl65 {

        padding-left: calc(5.30612vw + 45.10204px) !important

    }



    .u-pr65 {

        padding-right: calc(5.30612vw + 45.10204px) !important

    }



    .u-mt70 {

        margin-top: calc(5.71429vw + 48.57143px) !important

    }



    .u-mb70 {

        margin-bottom: calc(5.71429vw + 48.57143px) !important

    }



    .u-ml70 {

        margin-left: calc(5.71429vw + 48.57143px) !important

    }



    .u-mr70 {

        margin-right: calc(5.71429vw + 48.57143px) !important

    }



    .u-pt70 {

        padding-top: calc(5.71429vw + 48.57143px) !important

    }



    .u-pb70 {

        padding-bottom: calc(5.71429vw + 48.57143px) !important

    }



    .u-pl70 {

        padding-left: calc(5.71429vw + 48.57143px) !important

    }



    .u-pr70 {

        padding-right: calc(5.71429vw + 48.57143px) !important

    }



    .u-mt75 {

        margin-top: calc(6.12245vw + 52.04082px) !important

    }



    .u-mb75 {

        margin-bottom: calc(6.12245vw + 52.04082px) !important

    }



    .u-ml75 {

        margin-left: calc(6.12245vw + 52.04082px) !important

    }



    .u-mr75 {

        margin-right: calc(6.12245vw + 52.04082px) !important

    }



    .u-pt75 {

        padding-top: calc(6.12245vw + 52.04082px) !important

    }



    .u-pb75 {

        padding-bottom: calc(6.12245vw + 52.04082px) !important

    }



    .u-pl75 {

        padding-left: calc(6.12245vw + 52.04082px) !important

    }



    .u-pr75 {

        padding-right: calc(6.12245vw + 52.04082px) !important

    }



    .u-mt80 {

        margin-top: calc(6.53061vw + 55.5102px) !important

    }



    .u-mb80 {

        margin-bottom: calc(6.53061vw + 55.5102px) !important

    }



    .u-ml80 {

        margin-left: calc(6.53061vw + 55.5102px) !important

    }



    .u-mr80 {

        margin-right: calc(6.53061vw + 55.5102px) !important

    }



    .u-pt80 {

        padding-top: calc(6.53061vw + 55.5102px) !important

    }



    .u-pb80 {

        padding-bottom: calc(6.53061vw + 55.5102px) !important

    }



    .u-pl80 {

        padding-left: calc(6.53061vw + 55.5102px) !important

    }



    .u-pr80 {

        padding-right: calc(6.53061vw + 55.5102px) !important

    }



    .u-mt85 {

        margin-top: calc(6.93878vw + 58.97959px) !important

    }



    .u-mb85 {

        margin-bottom: calc(6.93878vw + 58.97959px) !important

    }



    .u-ml85 {

        margin-left: calc(6.93878vw + 58.97959px) !important

    }



    .u-mr85 {

        margin-right: calc(6.93878vw + 58.97959px) !important

    }



    .u-pt85 {

        padding-top: calc(6.93878vw + 58.97959px) !important

    }



    .u-pb85 {

        padding-bottom: calc(6.93878vw + 58.97959px) !important

    }



    .u-pl85 {

        padding-left: calc(6.93878vw + 58.97959px) !important

    }



    .u-pr85 {

        padding-right: calc(6.93878vw + 58.97959px) !important

    }



    .u-mt90 {

        margin-top: calc(7.34694vw + 62.44898px) !important

    }



    .u-mb90 {

        margin-bottom: calc(7.34694vw + 62.44898px) !important

    }



    .u-ml90 {

        margin-left: calc(7.34694vw + 62.44898px) !important

    }



    .u-mr90 {

        margin-right: calc(7.34694vw + 62.44898px) !important

    }



    .u-pt90 {

        padding-top: calc(7.34694vw + 62.44898px) !important

    }



    .u-pb90 {

        padding-bottom: calc(7.34694vw + 62.44898px) !important

    }



    .u-pl90 {

        padding-left: calc(7.34694vw + 62.44898px) !important

    }



    .u-pr90 {

        padding-right: calc(7.34694vw + 62.44898px) !important

    }



    .u-mt95 {

        margin-top: calc(7.7551vw + 65.91837px) !important

    }



    .u-mb95 {

        margin-bottom: calc(7.7551vw + 65.91837px) !important

    }



    .u-ml95 {

        margin-left: calc(7.7551vw + 65.91837px) !important

    }



    .u-mr95 {

        margin-right: calc(7.7551vw + 65.91837px) !important

    }



    .u-pt95 {

        padding-top: calc(7.7551vw + 65.91837px) !important

    }



    .u-pb95 {

        padding-bottom: calc(7.7551vw + 65.91837px) !important

    }



    .u-pl95 {

        padding-left: calc(7.7551vw + 65.91837px) !important

    }



    .u-pr95 {

        padding-right: calc(7.7551vw + 65.91837px) !important

    }



    .u-mt100 {

        margin-top: calc(8.16327vw + 69.38776px) !important

    }



    .u-mb100 {

        margin-bottom: calc(8.16327vw + 69.38776px) !important

    }



    .u-ml100 {

        margin-left: calc(8.16327vw + 69.38776px) !important

    }



    .u-mr100 {

        margin-right: calc(8.16327vw + 69.38776px) !important

    }



    .u-pt100 {

        padding-top: calc(8.16327vw + 69.38776px) !important

    }



    .u-pb100 {

        padding-bottom: calc(8.16327vw + 69.38776px) !important

    }



    .u-pl100 {

        padding-left: calc(8.16327vw + 69.38776px) !important

    }



    .u-pr100 {

        padding-right: calc(8.16327vw + 69.38776px) !important

    }



    .u-visible-max {

        display: none !important

    }



    .u-hidden-max {

        display: block !important

    }



    .u-hidden-max.-f {

        display: -webkit-box !important;

        display: -ms-flexbox !important;

        display: flex !important

    }



    .u-hidden-max.-i {

        display: inline !important

    }



    .u-hidden-max.-ib {

        display: inline-block !important

    }



    .d-b-max {

        display: none !important

    }



    .d-n-max {

        display: block !important

    }



    .d-n-max.-f {

        display: -webkit-box !important;

        display: -ms-flexbox !important;

        display: flex !important

    }



    .d-n-max.-i {

        display: inline !important

    }



    .d-n-max.-ib {

        display: inline-block !important

    }



    .p-index_loading__circle {

        margin-top: calc(3.67347vw + 31.22449px)

    }



    .p-index_kv__title {

        left: calc(8.16327vw + 69.38776px)

    }



    .p-index_kv__title__en {

        font-size: calc(.2449vw + 1.10816rem);

        margin-bottom: calc(1.63265vw + 13.87755px)

    }



    .p-index_kv__title__jp {

        width: calc(14.69388vw + 124.89796px)

    }



    .p-index_kv__title__text {

        margin-top: calc(1.63265vw + 13.87755px)

    }



    .p-index_kv__body {

        height: calc(36.73469vw + 312.2449px)

    }



    /* .p-index_topics {

        padding-top: calc(4.08163vw + 34.69388px)

    } */



    .p-index_topics__head {

        margin-bottom: calc(2.04082vw + 17.34694px)

    }



    .p-index_topics__slide .title {

        font-size: calc(.16327vw + 15.38776px)

    }



    .p-index_news {

        padding-bottom: calc(7.34694vw + 62.44898px);

        padding-top: calc(4.08163vw + 34.69388px)

    }



    .p-index_our-feature__title:before {

        width: calc(4.08163vw + 34.69388px)

    }



    .p-index_our-feature__title {

        font-size: 2.7rem;

        padding-top: calc(.08163vw + 25.69388px);

    }



    .p-index_our-feature__body {

        width: calc(20vw + 250px)

    }



    .p-index_our-feature__text {

        font-size: calc(.16327vw + 1.33878rem)

    }



    .p-index_products {

        padding-top: calc(7.34694vw + 62.44898px)

    }



    .p-index_products__body {

        margin-top: calc(2.85714vw + 24.28571px)

    }



    .p-index_products__body__text {

        padding-left: calc(3.67347vw + 31.22449px)

    }



    .p-index_products__body__text .c-button01,

    .p-index_products__body__text .text {

        margin-top: calc(1.63265vw + 13.87755px)

    }



    .p-index_products__body__title {

        font-size: calc(.16327vw + 1.73878rem);

        margin-top: calc(2.04082vw + 17.34694px)

    }



    .p-index_products__list {

        margin-top: calc(2.85714vw + 24.28571px)

    }



    .p-index_products__list__item a {

        height: calc(6.53061vw + 55.5102px);

        padding: 0 calc(2.04082vw + 17.34694px)

    }



    .p-index_case-study {

        padding-bottom: calc(6.12245vw + 52.04082px);

        padding-top: calc(5.30612vw + 45.10204px)

    }



    .p-index_case-study__list {

        margin-top: calc(2.04082vw + 17.34694px)

    }



    .p-index_case-study__list__item {

        margin-top: calc(.81633vw + 11.93878px)

    }



    .p-index_case-study__list__item a {

        padding: calc(.81633vw + 11.93878px)

    }



    .p-index_case-study__archive {

        margin-top: calc(3.67347vw + 31.22449px)

    }



    .p-index_case-study__slide a {

        padding: calc(2.04082vw + 17.34694px) calc(2.04082vw + 22.34694px)

    }



    .p-index_case-study__slide a .title {

        font-size: calc(.16327vw + 1.73878rem)

    }



    .p-index_case-study__slide a .c-tag_list,

    .p-index_case-study__slide a .text {

        margin-top: calc(.81633vw + 11.93878px)

    }



    .p-index_case-study__control .c-slider_control {

        margin: calc(2.04082vw + 17.34694px) 0

    }



    .p-index_company {

        padding-bottom: 1%;

        padding-top: calc(4.89796vw + 41.63265px)

    }



    .p-index_company__body {

        padding-right: calc(2.85714vw + 24.28571px)

    }



    .p-index_company__body__list,

    .p-index_company__body__text {

        margin-top: calc(2.85714vw + 24.28571px)

    }



    .p-index_company__body__list li a {

        padding: calc(1.63265vw + 13.87755px) calc(.57143vw + 4.85714px)

    }



    .p-index_company__bottom {

        margin-top: calc(3.26531vw + 27.7551px);

        padding-bottom: calc(.81633vw + 21.93878px);

        padding-top: calc(.81633vw + 21.93878px)

    }



    .p-index_company__bottom__img {

        padding-left: calc(3.02041vw + 25.67347px)

    }



    .p-index_company__bottom__img:before {

        font-size: calc(.2449vw + 1.10816rem)

    }



    .p-index_company__bottom__text {

        padding-left: calc(1.79592vw + 15.26531px)

    }



    .p-index_company__bottom__text .title {

        font-size: calc(.16327vw + 1.73878rem)

    }



    .p-index_special .c-container {

        margin-top: calc(5.30612vw + 45.10204px);

        padding-bottom: calc(6.20408vw + 50.73469px);

        padding-left: calc(4.4898vw + 38.16327px);

        padding-top: calc(4.4898vw + 38.16327px)

    }



    .p-index_special__title .img {

        margin-top: calc(1.22449vw + 10.40816px)

    }



    .p-index_special__head {

        padding-left: 0;

        padding-right: 0

    }



    .p-index_special__head .c-button01,

    .p-index_special__head .text {

        margin-top: calc(1.63265vw + 13.87755px)

    }



    .p-index_special__body {

        padding-left: calc(3.67347vw + 31.22449px)

    }



    .p-index_recruit {

        padding-bottom: calc(6.12245vw + 52.04082px)

    }



    .p-index_recruit__inner {

        margin-left: calc(1.63265vw + 13.87755px);

        padding: calc(2.85714vw + 24.28571px)

    }



    .p-index_recruit__inner .c-button01 {

        margin-top: calc(.81633vw + 11.93878px)

    }



    .p-index_recruit__title .jp {

        margin-top: calc(1.63265vw + 13.87755px)

    }



    .p-index_recruit__text {

        margin-top: calc(1.22449vw + 10.40816px)

    }



    .p-index_recruit img {

        width: 100%;

    }



    .p-products_head__body {

        padding-bottom: calc(5.71429vw + 48.57143px);

        padding-top: calc(5.71429vw + 48.57143px)

    }



    .p-products_head__title .en,

    .p-products_head__title .name {

        font-size: calc(.16327vw + 1.23878rem)

    }



    .p-products_head__title .name {

        margin-top: calc(1.22449vw + 15.40816px)

    }



    .p-products_head__sub-title {

        font-size: calc(.65306vw + 15.55102px);

        margin-top: calc(2.44898vw + 20.81633px)

    }



    .p-products_head__text {

        padding-bottom: calc(4.08163vw + 34.69388px)

    }



    .p-products_head__text__lead {

        margin-bottom: calc(2.04082vw + 17.34694px)

    }



    .p-products_bottom {

        margin-top: calc(5.71429vw + 48.57143px);

        padding-bottom: calc(5.71429vw + 48.57143px)

    }



    .p-products_bottom>.c-container {

        padding-top: calc(2.44898vw + 20.81633px)

    }



    .p-products_bottom__list {

        margin-top: calc(2.85714vw + 24.28571px)

    }



    .p-products_bottom__list__item a {

        height: calc(6.53061vw + 55.5102px);

        padding: 0 calc(2.04082vw + 17.34694px)

    }



    .p-machining {

        padding-bottom: calc(3.26531vw + 37.7551px);

        padding-top: calc(3.67347vw + 31.22449px)

    }



    .p-machining_single__post {

        padding: calc(4.4898vw + 38.16327px) calc(4.89796vw + 41.63265px) calc(4.89796vw + 41.63265px)

    }



    .p-machining_single__post__head .title .en {

        font-size: calc(.16327vw + 1.23878rem)

    }



    .p-machining_single__post__head .title .jp {

        font-size: calc(.32653vw + 2.27755rem);

        margin-top: calc(.81633vw + 21.93878px)

    }



    .p-machining_single__post__body {

        margin-top: calc(2.04082vw + 17.34694px)

    }



    .p-machining_single__post__body .text {

        margin-top: calc(2.44898vw + 20.81633px)

    }



    .p-machining_single__related {

        padding-bottom: calc(4.08163vw + 34.69388px);

        padding-top: calc(4.4898vw + 38.16327px)

    }



    .p-machining_single__related__title .title .en {

        font-size: calc(2.44898vw + 2.08163rem)

    }



    .p-machining_single__related__body .c-button01 {

        margin-top: calc(1.63265vw + 13.87755px)

    }



    .p-company_philosophy {

        margin-top: calc(13.06122vw + 111.02041px);

        padding-bottom: calc(4.89796vw + 41.63265px);

        padding-top: calc(17.95918vw + 152.65306px)

    }



    .p-company_philosophy__kv {

        padding-right: calc(100% - 82.04082vw - 87.34694px);

        top: calc(-13.06122vw - 111.02041px)

    }



    .p-company_philosophy__kv__pic {

        height: calc(26.53061vw + 225.5102px)

    }



    .p-company_philosophy__point,

    .p-company_philosophy__text {

        margin-top: calc(2.44898vw + 20.81633px)

    }



    .p-company_philosophy__point__list {

        padding: calc(2.04082vw + 17.34694px) calc(2.04082vw + 22.34694px)

    }



    .p-company_philosophy__point__list .title {

        margin-right: calc(2.04082vw + 22.34694px)

    }



    .p-company_message {

        padding-top: calc(4.4898vw + 38.16327px)

    }



    .p-company_message__inner {

        margin-top: calc(3.26531vw + 27.7551px)

    }



    .p-company_message__pic {

        margin-right: calc(3.26531vw + 27.7551px);

        width: calc(11.02041vw + 258.67347px)

    }



    .p-company_message__pic__name .position {

        font-size: calc(.16327vw + 12.38776px)

    }



    .p-company_message__body__title {

        padding-top: calc(2.44898vw + 20.81633px)

    }



    .p-company_message__body__title:before {

        width: calc(4.08163vw + 3.46939rem)

    }



    .p-company_message__body__title .jp {

        font-size: calc(.65306vw + 1.7551rem)

    }



    .p-company_message__body__text {

        margin-top: calc(2.04082vw + 1.73469rem)

    }



    .p-company_message__body__text p {

        margin-bottom: calc(1.63265vw + 1.38776rem)

    }



    .p-company_overview {

        padding-bottom: calc(4.89796vw + 41.63265px);

        padding-top: calc(5.71429vw + 48.57143px)

    }



    .p-company_overview__table {

        margin-top: calc(2.44898vw + 2.08163rem)

    }



    .p-company_overview__table__list .text,

    .p-company_overview__table__list .title {

        padding: calc(1.22449vw + 10.40816px) calc(2.04082vw + 17.34694px)

    }



    .p-company_history {

        margin-top: calc(11.42857vw + 97.14286px);

        padding-bottom: calc(4.89796vw + 41.63265px);

        padding-top: calc(15.5102vw + 131.83673px)

    }



    .p-company_history__kv {

        padding-left: calc(100% - 82.04082vw - 87.34694px);

        top: calc(-11.42857vw - 97.14286px)

    }



    .p-company_history__kv__pic {

        height: calc(26.53061vw + 125.5102px)

    }



    .p-company_history__slider {

        margin-top: calc(.40816vw + 23.46939px)

    }



    .p-company_history__slide__item {

        padding-top: calc(2.44898vw + 20.81633px)

    }



    .p-company_history__slide__item:after {

        height: calc(2.44898vw + 20.81633px)

    }



    .p-company_history__slide__item .item_block {

        margin-right: calc(.81633vw + 6.93878px);

        padding: calc(2.04082vw + 12.34694px)

    }



    .p-company_history__slide__item .item_block__title {

        font-size: calc(.16327vw + 1.73878rem)

    }



    .p-company_history__slide__item .item_block__list {

        margin-top: calc(1.22449vw + 15.40816px)

    }



    .p-company_csr {

        padding-bottom: calc(4.4898vw + 38.16327px);

        padding-top: calc(4.4898vw + 38.16327px)

    }



    .p-company_csr__inner {

        margin-top: calc(2.44898vw + 20.81633px)

    }



    .p-company_csr__block {

        margin-bottom: calc(1.63265vw + 13.87755px)

    }



    .p-company_csr__body {

        margin-right: calc(1.63265vw + 13.87755px)

    }



    .p-company_csr__pic {

        width: calc(13.87755vw + 117.95918px)

    }



    .p-news {

        padding-bottom: calc(4.89796vw + 41.63265px)

    }



    .p-news_topics {

        padding-bottom: calc(4.08163vw + 34.69388px);

        padding-top: calc(4.08163vw + 34.69388px)

    }



    .p-news_topics__head {

        margin-bottom: calc(2.04082vw + 17.34694px)

    }



    .p-news_topics__slide .title {

        font-size: calc(.16327vw + 15.38776px)

    }



    .p-news_archive {

        padding-top: calc(4.4898vw + 38.16327px)

    }



    .p-news_single {

        padding-top: calc(6.53061vw + 55.5102px)

    }



    .p-case_study {

        padding-bottom: calc(4.4898vw + 38.16327px);

        padding-top: calc(3.67347vw + 31.22449px)

    }



    .p-case_study_other {

        padding-top: calc(4.89796vw + 41.63265px)

    }



    .p-case_study_other__body {

        margin-top: calc(2.44898vw + 20.81633px);

        padding: calc(2.04082vw + 12.34694px) calc(2.04082vw + 17.34694px)

    }



    .p-case_study_single__post__head {

        padding-bottom: calc(4.08163vw + 34.69388px);

        padding-top: calc(4.08163vw + 34.69388px)

    }



    .p-case_study_single__post__head .head_inner .head_body .title .en {

        font-size: calc(.16327vw + 1.23878rem)

    }



    .p-case_study_single__post__head .head_inner .head_body .title .jp {

        font-size: calc(.32653vw + 2.27755rem);

        margin-top: calc(.81633vw + 21.93878px)

    }



    .p-case_study_single__post__head .head_inner .head_body .company_block {

        margin-top: calc(3.42857vw + 29.14286px)

    }



    .p-case_study_single__post__head .head_inner .head_body .company_block__body__title {

        font-size: calc(.16327vw + 14.38776px)

    }



    .p-case_study_single__post__body {

        padding-bottom: calc(6.12245vw + 52.04082px);

        padding-top: calc(2.85714vw + 24.28571px)

    }



    .p-case_study_single__related {

        padding-bottom: calc(4.08163vw + 34.69388px);

        padding-top: calc(4.4898vw + 38.16327px)

    }



    .p-case_study_single__related__title .title .en {

        font-size: calc(2.44898vw + 2.08163rem)

    }



    .p-case_study_single__related__body .c-button01 {

        margin-top: calc(1.63265vw + 13.87755px)

    }



    .p-special_kv {

        padding-bottom: calc(3.02041vw + 25.67347px);

        padding-top: calc(3.02041vw + 25.67347px)

    }



    .p-special_kv__logo {

        height: calc(9.38776vw + 79.79592px);

        width: calc(9.38776vw + 79.79592px)

    }



    .p-special_kv__text {

        margin-top: calc(1.63265vw + 13.87755px)

    }



    .p-special {

        padding-bottom: calc(3.26531vw + 37.7551px);

        padding-top: calc(5.30612vw + 45.10204px)

    }



    .p-special__list__item {

        padding: calc(1.79592vw + 15.26531px) calc(1.06122vw + 9.02041px)

    }



    .p-special__list__text .en {

        font-size: calc(.65306vw + 1.7551rem)

    }



    .p-special__list__text .jp {

        font-size: calc(.2449vw + 13.08163px)

    }



    .p-special_single__kv {

        padding-bottom: calc(8.57143vw + 72.85714px);

        padding-top: calc(3.02041vw + 25.67347px)

    }



    .p-special_single__kv__logo {

        height: calc(9.38776vw + 79.79592px);

        width: calc(9.38776vw + 79.79592px)

    }



    .p-special_single__kv__text {

        margin-top: calc(1.63265vw + 13.87755px)

    }



    .p-special_single__post {

        top: calc(-6.53061vw - 55.5102px)

    }



    .p-special_single__post .-md_small {

        padding-top: calc(4.08163vw + 34.69388px)

    }



    .p-special_single__post__inner {

        padding-left: calc(4.08163vw + 34.69388px);

        padding-right: calc(4.08163vw + 34.69388px)

    }



    .p-special_single__related {

        padding-bottom: calc(4.08163vw + 34.69388px);

        padding-top: calc(4.4898vw + 38.16327px)

    }



    .p-special_single__related__title .title .en {

        font-size: calc(2.44898vw + 2.08163rem)

    }



    .p-special_single__related__body .c-button01 {

        margin-top: calc(1.63265vw + 13.87755px)

    }



    .p-contact_area {

        padding-bottom: calc(2.85714vw + 24.28571px);

        padding-top: calc(2.85714vw + 24.28571px)

    }



    .p-contact_area__list {

        gap: calc(1.22449vw + 10.40816px) 2%;

        margin-top: calc(1.22449vw + 10.40816px)

    }



    .p-contact_area__list__item {

        padding: calc(1.22449vw + 10.40816px)

    }



    .p-contact_area__list__item .office {

        margin-top: calc(2.04082vw + 12.34694px)

    }



    .p-contact_area__list__item .tel {

        font-size: calc(.97959vw + 1.23265rem);

        margin-top: calc(.97959vw + 8.32653px)

    }



    .p-contact {

        padding-bottom: calc(4.89796vw + 41.63265px);

        padding-top: calc(2.85714vw + 24.28571px)

    }



    .p-contact__form {

        margin-top: calc(2.04082vw + 17.34694px)

    }



    .p-contact__bottom {

        margin-top: calc(4.08163vw + 34.69388px)

    }



    .p-our-features__title01 {

        font-size: calc(6.53061vw + 5.55102rem)

    }



    .p-our-features__title02 {

        font-size: calc(.89796vw + 2.06327rem)

    }



    .p-our-features_top__pic {

        margin-right: calc(6.53061vw + 55.5102px)

    }



    .p-our-features_top__inner {

        padding: calc(3.26531vw + 27.7551px) calc(6.53061vw + 55.5102px) calc(4.4898vw + 58.16327px) calc(6.12245vw + 52.04082px);

        top: calc(-8.97959vw - 76.32653px)

    }



    .p-our-features_top__inner:before {

        font-size: calc(.2449vw + 1.10816rem);

        left: calc(2.04082vw + 17.34694px);

        top: calc(3.26531vw + 27.7551px)

    }



    .p-our-features_top__inner p {

        font-size: calc(.16327vw + 1.33878rem);

        margin-top: calc(2.04082vw + 17.34694px)

    }



    .p-our-features_award__content {

        margin-bottom: calc(2.85714vw + 24.28571px);

        margin-top: calc(2.04082vw + 17.34694px);

        padding-left: calc(3.67347vw + 31.22449px)

    }



    .p-our-features_award__content:before {

        font-size: calc(.2449vw + 1.10816rem)

    }



    .p-our-features_award__body {

        margin-top: calc(2.04082vw + 17.34694px)

    }



    .p-our-features_award__body__products .products_title {

        font-size: calc(.32653vw + 1.47755rem)

    }



    .p-our-features_award__body__products .products_text {

        font-size: calc(.16327vw + 1.33878rem)

    }



    .p-our-features_features {

        padding-top: calc(5.30612vw + 45.10204px)

    }



    .p-our-features_features__title {

        font-size: calc(.65306vw + 1.7551rem);

        padding-top: calc(2.44898vw + 20.81633px)

    }



    .p-our-features_features__text {

        margin-top: calc(2.04082vw + 17.34694px)

    }



    .p-our-features_features__body01 {

        margin-top: calc(3.26531vw + 27.7551px)

    }



    .p-our-features_features__body01__text {

        margin-right: calc(6.53061vw + 55.5102px);

        padding-left: calc(4.89796vw + 41.63265px);

        padding-right: calc(3.67347vw + 31.22449px)

    }



    .p-our-features_features__body01__text:before {

        font-size: calc(.2449vw + 1.10816rem)

    }



    .p-our-features_features__body02 {

        margin-top: calc(3.26531vw + 27.7551px)

    }



    .p-our-features_features__body02__text {

        margin-left: calc(6.53061vw + 55.5102px);

        padding-left: calc(3.67347vw + 31.22449px);

        padding-right: calc(4.89796vw + 41.63265px)

    }



    .p-our-features_features__body02__text:before,

    .p-our-features_features__body03:before {

        font-size: calc(.2449vw + 1.10816rem)

    }



    .p-our-features_features__body03 {

        margin-top: calc(6.53061vw + 55.5102px);

        padding-bottom: calc(8.16327vw + 69.38776px);

        padding-left: calc(3.67347vw + 31.22449px);

        padding-right: calc(3.67347vw + 31.22449px)

    }



    .p-our-features_flow {

        padding-bottom: calc(9.38776vw + 79.79592px);

        padding-top: calc(6.53061vw + 55.5102px)

    }



    .p-our-features_flow__content {

        margin-top: calc(2.85714vw + 24.28571px);

        padding-left: calc(4.89796vw + 41.63265px);

        padding-right: calc(4.89796vw + 41.63265px)

    }



    .p-our-features_flow__list__item {

        padding: calc(2.04082vw + 12.34694px) calc(2.04082vw + 17.34694px)

    }



    .p-our-features_flow__list__item:before {

        bottom: calc(-.81633vw - 6.93878px);

        height: calc(1.63265vw + 13.87755px)

    }



    .p-our-features_flow__list__item:last-child:before {

        bottom: calc(-2.04082vw - 12.34694px);

        height: calc(2.85714vw + 24.28571px)

    }



    .p-our-features_flow__list__item .item_img {

        margin-right: calc(.81633vw + 6.93878px)

    }



    .p-our-features_flow__list__item .item_text .title {

        font-size: calc(.32653vw + 14.77551px)

    }



    .p-our-features_flow__result {

        margin-top: calc(2.85714vw + 24.28571px)

    }



    .p-our-features_flow__result span {

        font-size: calc(.81633vw + 1.69388rem)

    }



    .p-our-features_support {

        padding-bottom: calc(5.30612vw + 45.10204px);

        padding-top: calc(5.30612vw + 45.10204px)

    }



    .p-our-features_support:before {

        font-size: calc(6.53061vw + 5.55102rem);

        left: calc(6.53061vw + 55.5102px)

    }



    .p-our-features_support__text {

        font-size: calc(.32653vw + 1.47755rem)

    }



    .p-our-features_support__list {

        margin-top: calc(2.44898vw + 20.81633px)

    }



    .p-our-features_support__list__item {

        padding: calc(1.63265vw + 13.87755px)

    }



    .p-support {

        margin-bottom: calc(4.08163vw + 34.69388px)

    }



    .p-support__list {

        margin-top: calc(2.85714vw + 24.28571px)

    }



    .p-support__list__item a {

        padding: calc(2.44898vw + 20.81633px) calc(1.63265vw + 13.87755px)

    }



    .p-support_bottom {

        margin-bottom: calc(4.08163vw + 34.69388px)

    }



    .p-support_bottom__list {

        padding-top: calc(2.44898vw + 80.81633px)

    }



    .p-support_bottom__list__item a {

        padding: calc(1.63265vw + 13.87755px)

    }



    .p-remote-support__content {

        margin-bottom: calc(5.30612vw + 45.10204px);

        margin-top: calc(4.08163vw + 34.69388px)

    }



    .p-remote-support__content .c-title02 {

        margin-bottom: calc(2.44898vw + 20.81633px)

    }



    .p-remote-support__block {

        padding: calc(1.63265vw + 13.87755px) 0

    }



    .p-remote-support__block__title .en {

        font-size: calc(.16327vw + 1.13878rem)

    }



    .p-remote-support__block__title .number {

        font-size: calc(.89796vw + 2.06327rem)

    }



    .p-remote-support__block__content figure {

        margin-top: calc(.81633vw + 6.93878px)

    }



    .p-remote-support__block__content .detail {

        margin-top: calc(1.22449vw + 10.40816px);

        padding: calc(1.63265vw + 23.87755px)

    }



    .p-training-video {

        margin-bottom: calc(5.30612vw + 45.10204px)

    }



    .p-training-video__about {

        margin-top: calc(4.08163vw + 34.69388px)

    }



    .p-training-video__about__list {

        margin-top: calc(2.44898vw + 20.81633px)

    }



    .p-training-video__about__list__item {

        padding: calc(1.22449vw + 10.40816px)

    }



    .p-training-video__about__list__item .number {

        margin-bottom: calc(.81633vw + 6.93878px)

    }



    .p-training-video__about__list__item .text {

        margin-top: calc(.81633vw + 6.93878px)

    }



    .p-training-video__about figure {

        margin-top: calc(1.22449vw + 10.40816px)

    }



    .p-application {

        padding-bottom: calc(4.08163vw + 34.69388px)

    }



    .p-application__bottom {

        margin-top: calc(4.08163vw + 34.69388px)

    }



    .p-seminar__information {

        padding-bottom: calc(4.08163vw + 34.69388px);

        padding-top: calc(4.08163vw + 34.69388px)

    }



    .p-seminar__information__tab-list {

        margin-bottom: calc(2.04082vw + 17.34694px);

        margin-top: calc(2.44898vw + 20.81633px)

    }



    .p-seminar__information__tab-item {

        margin-right: calc(.81633vw + 11.93878px);

        padding-bottom: calc(.81633vw + 6.93878px)

    }



    .p-seminar__information__tab-item figure {

        max-height: calc(6.12245vw + 52.04082px);

        max-width: calc(14.28571vw + 121.42857px);

        padding: calc(1.22449vw + 10.40816px)

    }



    .p-seminar__bottom {

        padding-bottom: calc(6.12245vw + 52.04082px);

        padding-top: calc(4.89796vw + 41.63265px)

    }



    .p-seminar__bottom__corona {

        padding: calc(2.44898vw + 20.81633px)

    }



    .p-seminar__bottom__pic {

        margin-top: calc(2.44898vw + 20.81633px)

    }



    .p-seminar__bottom__pic figure {

        margin-bottom: calc(1.63265vw + 13.87755px)

    }



    .p-seminar-information {

        margin-bottom: calc(4.08163vw + 34.69388px);

        padding-bottom: calc(3.26531vw + 37.7551px);

        padding-top: calc(3.67347vw + 31.22449px)

    }



    .p-seminar-information_single__post {

        padding: calc(4.4898vw + 38.16327px) calc(4.89796vw + 41.63265px) calc(4.89796vw + 41.63265px)

    }



    .p-seminar-information_single__post__head .title .en {

        font-size: calc(.16327vw + 1.23878rem)

    }



    .p-seminar-information_single__post__head .title .jp {

        font-size: calc(.32653vw + 2.27755rem);

        margin-top: calc(.81633vw + 21.93878px)

    }



    .p-seminar-information_single__post__body {

        margin-top: calc(2.04082vw + 17.34694px)

    }



    .p-seminar-information_single__related {

        padding-bottom: calc(4.08163vw + 34.69388px);

        padding-top: calc(4.4898vw + 38.16327px)

    }



    .p-seminar-information_single__related__title .title .en {

        font-size: calc(2.44898vw + 2.08163rem)

    }



    .p-seminar-information_single__related__body .c-button01 {

        margin-top: calc(1.63265vw + 13.87755px)

    }



    .p-privacy {

        margin-bottom: calc(4.08163vw + 34.69388px)

    }



    .p-privacy p {

        margin-top: calc(.81633vw + 6.93878px)

    }



    .p-privacy section {

        margin-top: calc(2.04082vw + 17.34694px)

    }



    .p-privacy table {

        margin-top: calc(.81633vw + 6.93878px)

    }



    .p-privacy table td,

    .p-privacy table th {

        padding: calc(.81633vw + 6.93878px)

    }



    .p-notfound_body {

        padding-bottom: calc(4.08163vw + 34.69388px)

    }

}



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

    .u-visible-md {

        display: none !important

    }



    .u-hidden-md {

        display: block !important

    }



    .u-hidden-md.-f {

        display: -webkit-box !important;

        display: -ms-flexbox !important;

        display: flex !important

    }



    .u-hidden-md.-i {

        display: inline !important

    }



    .u-hidden-md.-ib {

        display: inline-block !important

    }



    .d-b-md {

        display: none !important

    }



    .d-n-md {

        display: block !important

    }



    .d-n-md.-f {

        display: -webkit-box !important;

        display: -ms-flexbox !important;

        display: flex !important

    }



    .d-n-md.-i {

        display: inline !important

    }



    .d-n-md.-ib {

        display: inline-block !important

    }



    .p-index_our-feature__bg,

    .p-index_our-feature__bg span {

        width: calc(24.4898vw + 208.16327px)

    }

}



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

    .l-main__lower {

        margin-top: calc(4.08163vw + 34.69388px)

    }



    .l-header .c-fluid {

        height: 100%

    }



    .is-down .l-header .c-fluid .c-logo .c-blockimage:before {

        opacity: 1

    }



    .l-header {

        background-color: transparent;

        height: calc(2.04082vw + 42.34694px)

    }



    .is-pc.home.is-top .l-header:hover,

    .l-header:hover {

        background: none

    }



    .is-pc.home.is-top .l-header:hover .c-fluid .c-logo .c-blockimage img {

        opacity: 0

    }



    .is-pc.home.is-top .l-header:hover .c-fluid .c-logo .c-blockimage:before {

        opacity: 1

    }



    .l-header__menu {

        display: none

    }



    .l-header .c-drawer_button {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex

    }



    .c-bottom_menu__item {

        display: block;

        padding: calc(3.67347vw + 31.22449px) calc(4.08163vw + 34.69388px) calc(4.4898vw + 38.16327px)

    }



    .c-bottom_menu__item:before {

        content: none

    }



    .c-bottom_menu__item__title {

        margin-bottom: 1em;

        margin-left: 0;

        text-align: center

    }



    .c-bottom_menu__item__button {

        margin-left: 0

    }



    .c-bottom_menu__item__ico {

        margin: 0 auto 1em

    }



    .c-case_study_list__item a {

        padding: calc(2.04082vw + 17.34694px)

    }



    .c-case_study_list__img {

        height: calc(4.89796vw + 41.63265px);

        width: calc(4.89796vw + 41.63265px)

    }



    .c-case_study_list__body {

        width: calc(100% - 4.89796vw - 41.63265px)

    }



    .c-post_side__list__item {

        margin-right: 1em

    }



    .c-post_single__border_block__inner {

        padding: 0 calc(2.04082vw + 17.34694px) calc(2.04082vw + 17.34694px)

    }



    .u-visible-tab {

        display: none !important

    }



    .u-hidden-tab {

        display: block !important

    }



    .u-hidden-tab.-f {

        display: -webkit-box !important;

        display: -ms-flexbox !important;

        display: flex !important

    }



    .u-hidden-tab.-i {

        display: inline !important

    }



    .u-hidden-tab.-ib {

        display: inline-block !important

    }



    .d-b-tab {

        display: none !important

    }



    .d-n-tab {

        display: block !important

    }



    .d-n-tab.-f {

        display: -webkit-box !important;

        display: -ms-flexbox !important;

        display: flex !important

    }



    .d-n-tab.-i {

        display: inline !important

    }



    .d-n-tab.-ib {

        display: inline-block !important

    }



    .p-index_kv__title {

        left: 5%;

        top: 48%

    }



    .p-index_kv__body {

        height: 90vh;

        padding-bottom: 10vh

    }



    .p-index_our-feature__bg,

    .p-index_our-feature__bg span {

        width: calc(20.40816vw + 173.46939px)

    }



    .p-index_special .c-container {

        margin-top: calc(5.30612vw + 45.10204px);

        padding-bottom: calc(4.89796vw + 41.63265px);

        padding-left: calc(2.44898vw + 20.81633px);

        padding-top: calc(2.44898vw + 20.81633px)

    }



    .p-index_special__head {

        padding-left: 0;

        padding-right: 0

    }



    .p-machining_single__post {

        padding: calc(4.4898vw + 38.16327px) 0 calc(4.89796vw + 41.63265px)

    }



    .p-contact_area__list__item .tel {

        font-size: calc(.65306vw + 1.3551rem)

    }



    .p-seminar-information_single__post {

        padding: calc(4.4898vw + 38.16327px) 0 calc(4.89796vw + 41.63265px)

    }

    .tri_banner {
        bottom: 0px;
    }

    .tri_banner img {

        width: 60%;

    }

}



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

    .l-footer__info {

        width: 100%

    }



    .l-footer__info__address {

        color: #f0f0f0

    }



    .c-news_link__title {

        display: block;

        margin-top: 1em;

        width: 100%

    }



    .c-bottom_menu {

        display: block

    }



    .c-bottom_menu__item {

        padding: calc(3.67347vw + 31.22449px) calc(3.26531vw + 27.7551px) calc(4.4898vw + 38.16327px)

    }



    .c-machining_list {

        gap: calc(1.63265vw + 13.87755px) 4%

    }



    .c-machining_list__item {

        width: 48%

    }



    .c-seminar-information_list.-col3 .c-seminar-information_list__item {

        width: 49%

    }



    .wp-pagenavi {

        margin-top: calc(1.22449vw + 25.40816px)

    }



    .c-mega__item a:before {

        background-color: #62B735;

        border-radius: 9999px;

        content: "";

        display: block;

        height: 6px;

        left: -1em;

        opacity: 0;

        position: absolute;

        top: 50%;

        -webkit-transform: translate(-100%, -65%);

        transform: translate(-100%, -65%);

        width: 6px

    }



    .c-menu__item {

        max-width: 50%

    }



    .c-title07 {

        color: #fff

    }



    .c-title07:before {

        background: #fff

    }



    .c-button02 a,

    .c-button04 a {

        font-size: calc(.16327vw + 13.38776px);

        text-align: center;

        width: 100%

    }



    .c-drawer__buttons {

        display: block

    }



    .c-drawer__buttons>* {

        margin-bottom: 1em;

        max-width: 100%

    }



    .c-products_post .wp-block-group .c-button01,

    .c-products_post .wp-block-group .c-post_single__col2_img,

    .c-products_post .wp-block-group .c-post_single__col3_img,

    .c-products_post .wp-block-group .wp-block-image {

        margin-left: 0

    }



    .c-products_post__item {

        display: block

    }



    .c-products_post__item__content {

        padding-left: 0

    }



    .c-products_post__item__number_title .number {

        line-height: 1;

        padding-right: calc(.81633vw + 11.93878px)

    }



    .c-products_post__item__number_title .title {

        line-height: 1.7;

        margin-top: .3em

    }



    .c-products_post__item__border_title,

    .c-products_post__item__table,

    .c-products_post__item__text {

        margin-left: 0

    }



    .c-products_post__item__table .table_list__item {

        width: 100%

    }



    .c-products_post__item__img {

        margin-left: 0

    }



    .c-products_post__item__img .img_list__item {

        width: 100%

    }



    .c-products_post__item__definition_list,

    .c-products_post__item__point {

        margin-left: 0

    }



    .c-products_post__item__col2 {

        display: block;

        margin-left: 0

    }



    .c-products_post__item__col2__text {

        width: 100%

    }



    .c-products_post__item__col2__img {

        margin-bottom: calc(.81633vw + 6.93878px);

        width: 100%

    }



    .c-products_post__benefit {

        display: block

    }



    .c-products_post__benefit__title {

        margin-right: 0;

        width: 100%;

        -webkit-writing-mode: horizontal-tb;

        -ms-writing-mode: lr-tb;

        writing-mode: horizontal-tb

    }



    .c-products_post__benefit__body .benefit_list {

        margin-top: calc(2.04082vw + 22.34694px)

    }



    .c-products_post__card_list {

        gap: calc(1.63265vw + 13.87755px) 4%

    }



    .c-products_post__pdf-link a {

        padding: calc(1.22449vw + 10.40816px)

    }



    .c-products_post__date_list {

        display: block

    }



    .c-products_post__date_list__title {

        max-width: 100%;

        min-width: 100%;

        padding-bottom: 0

    }



    .c-post_archive {

        display: block

    }



    .c-post_side {

        margin-bottom: calc(3.26531vw + 27.7551px);

        margin-right: 0;

        max-width: 100%;

        min-width: 100%

    }



    .c-post_single__body .wp-block-group {

        margin-left: calc(-2.04082vw - 17.34694px);

        margin-right: calc(-2.04082vw - 17.34694px);

        padding: calc(2.04082vw + 17.34694px)

    }



    .c-post_single__body h6 {

        font-size: calc(.16327vw + 1.33878rem)

    }



    .c-post_single__body p {

        font-size: calc(.16327vw + 13.38776px)

    }



    .c-post_single__boxlist__list__item {

        margin-right: 0;

        width: 100%

    }



    .c-post_single__logo {

        gap: calc(.81633vw + 6.93878px) 4%

    }



    .c-post_single__logo__item {

        width: 48%

    }



    .c-post_single__profile {

        gap: calc(.81633vw + 6.93878px) 4%

    }



    .c-post_single__profile__item {

        width: 48%

    }



    .c-post_single__share__sns .item a span {

        display: none

    }



    .c-post_single__date_list {

        display: block

    }



    .c-post_single__date_list__title {

        max-width: 100%;

        min-width: 100%

    }



    .c-post_single__col2_img {

        gap: calc(1.22449vw + 10.40816px) 0

    }



    .c-post_single__col2_img__item {

        width: 100%

    }



    .c-post_single__col3_img {

        gap: calc(1.22449vw + 10.40816px) 0

    }



    .c-post_single__col3_img__item {

        width: 100%

    }



    .c-post_single__coment {

        display: block

    }



    .c-post_single__coment__icon {

        margin-bottom: 1em;

        width: 100%

    }



    .c-post_single__coment__body {

        width: 100%

    }



    .c-post_single__ordered01__item {

        width: 48%

    }



    .c-post_single__border_block__list {

        display: block

    }



    .c-post_single__border_block__list .title {

        margin-bottom: 1em;

        margin-right: 0;

        width: 100%

    }



    .c-post_single__border_block__list .text {

        font-size: calc(.16327vw + 11.38776px);

        width: 100%

    }



    .c-post_single__border_block__list .text p {

        font-size: calc(.16327vw + 11.38776px)

    }



    .c-form__item {

        display: block

    }



    .c-form__item__head {

        max-width: 100%;

        min-width: 100%

    }



    .c-form_submit button {

        width: 100%

    }



    .c-form_submit button.-back {

        margin-bottom: 1em

    }



    .u-visible-sp {

        display: none !important

    }



    .u-hidden-sp {

        display: block !important

    }



    .u-hidden-sp.-f {

        display: -webkit-box !important;

        display: -ms-flexbox !important;

        display: flex !important

    }



    .u-hidden-sp.-i {

        display: inline !important

    }



    .u-hidden-sp.-ib {

        display: inline-block !important

    }



    .d-b-sp {

        display: none !important

    }



    .d-n-sp {

        display: block !important

    }



    .d-n-sp.-f {

        display: -webkit-box !important;

        display: -ms-flexbox !important;

        display: flex !important

    }



    .d-n-sp.-i {

        display: inline !important

    }



    .d-n-sp.-ib {

        display: inline-block !important

    }



    .p-index_kv__lead {

        bottom: 3.5vh

    }



    .p-index_kv__body .swiper-pagination {

        top: 53%;

        width: 30px

    }



    .p-index_kv__body .swiper-pagination-bullet {

        height: 30px;

        position: relative;

        width: 30px

    }



    .p-index_kv__body .swiper-pagination-bullet:before {

        background: #fff;

        border-radius: 9999px;

        content: "";

        display: block;

        height: .3em;

        left: 50%;

        position: absolute;

        top: 50%;

        -webkit-transform: translate(-50%);

        transform: translate(-50%);

        width: .3em

    }



    .p-index_kv__body .swiper-pagination-bullet .number {

        display: none

    }



    .p-index_kv__body .swiper-pagination-bullet .circle {

        height: 30px;

        top: 10%;

        width: 30px

    }



    .p-index_topics__head .c-title01__text,

    .p-index_topics__head .c-title01__text span {

        display: block

    }



    .p-index_topics__head .c-title01__text .jp {

        margin-top: 1em

    }



    .p-index_topics__slide a .c-arrow04__wrap {

        display: none

    }



    .p-index_news__inner {

        display: block

    }



    .p-index_news__inner .c-button01 {

        margin-top: calc(2.44898vw + 20.81633px)

    }



    .p-index_news__head {

        -webkit-box-orient: horizontal;

        -webkit-box-direction: normal;

        -ms-flex-direction: row;

        flex-direction: row;

        max-width: 100%;

        min-width: 100%;

        padding-right: 0

    }



    .p-index_news__body {

        margin-top: calc(.81633vw + 6.93878px)

    }



    .p-index_our-feature {

        padding-top: calc(12.81633vw + 108.93878px)

    }



    .p-index_our-feature .c-container {

        padding-top: calc(13.06122vw + 171.02041px)

    }



    .p-index_our-feature__body {

        padding-right: 0;

        width: 100%

    }



    .p-index_our-feature__bg {

        top: 0;

        -webkit-transform: translateY(0);

        transform: translateY(0);

        width: 94%

    }



    .p-index_our-feature__bg span {

        width: 94%

    }



    .p-index_products {

        padding-top: calc(4.89796vw + 41.63265px)

    }



    .p-index_products__body {

        display: block

    }



    .p-index_products__body__img {

        width: 100%

    }



    .p-index_products__body__text {

        margin-top: calc(2.44898vw + 20.81633px);

        padding-left: 0;

        width: 100%

    }



    .p-index_products__list__item {

        width: 50%

    }



    .p-index_products__list__item:nth-child(2n) a {

        border-right: 1px solid #f0f0f0

    }



    .p-index_products__list__item:nth-child(3) a,

    .p-index_products__list__item:nth-child(4) a {

        border-top: none

    }



    .p-index_case-study .c-button01 {

        margin-top: calc(2.44898vw + 20.81633px)

    }



    .p-index_case-study__list__item {

        margin-right: 2%;

        width: 49%

    }



    .p-index_case-study__list__item:nth-child(2n) {

        margin-right: 0

    }



    .p-index_company__inner {

        display: block

    }



    .p-index_company__img {

        margin-left: 0;

        margin-top: calc(2.85714vw + 24.28571px);

        width: 100%

    }



    .p-index_company__body {

        padding-right: 0;

        width: 100%

    }



    .p-index_company__bottom {

        display: block

    }



    .p-index_company__bottom__img {

        padding-left: 0;

        width: 100%

    }



    .p-index_company__bottom__text {

        margin-top: calc(.81633vw + 21.93878px);

        padding-right: calc(1.79592vw + 15.26531px)

    }



    .p-index_company__bottom__text .title {

        text-align: center

    }



    .p-index_special {

        position: relative

    }



    .p-index_special__bg {

        background-image: url(../../img/index/special_bg@2x.jpg);

        background-size: cover;

        height: calc(11.42857vw + 97.14286px);

        position: relative

    }



    .p-index_special .c-container {

        display: block;

        padding-left: 20px;

        position: static

    }



    .p-index_special .c-container:before {

        content: none

    }



    .p-index_special__title {

        left: 50%;

        position: absolute;

        text-align: center;

        top: calc(4.08163vw + 34.69388px);

        -webkit-transform: translateX(-50%);

        transform: translateX(-50%)

    }



    .p-index_special__title .img {

        height: calc(10.85714vw + 80.28571px);

        width: calc(10.85714vw + 80.28571px)

    }



    .p-index_special__head .text {

        display: none

    }



    .p-index_special__body {

        padding-left: 0

    }



    .p-index_special__body .c-button01 {

        margin-top: calc(2.44898vw + 20.81633px)

    }



    .p-index_recruit__lead {

        top: 73%

    }



    .p-index_recruit .c-container {

        height: calc(22.04082vw + 187.34694px);

        padding-bottom: 0;

        padding-top: 0

    }



    .p-index_recruit__inner {

        margin-left: 0;

        margin-top: -30%;

        position: relative;

        width: 70%

    }



    .p-index_recruit__inner .c-button01 {

        -webkit-box-pack: start;

        -ms-flex-pack: start;

        justify-content: flex-start

    }



    .p-products_head__inner {

        display: block

    }



    .p-products_head__pic {

        left: -80px;

        position: relative;

        width: calc(100% + 80px)

    }



    .p-products_head__body {

        width: 100%

    }



    .p-products_bottom__list__item {

        width: 50%

    }



    .p-products_bottom__list__item:nth-child(2n) a {

        border-right: 1px solid #f0f0f0

    }



    .p-products_bottom__list__item:nth-child(n+3) a {

        border-top: none

    }



    .p-machining_single__related .c-container {

        display: block

    }



    .p-machining_single__related__title {

        margin-right: 0;

        width: 100%;

        -webkit-writing-mode: horizontal-tb;

        -ms-writing-mode: lr-tb;

        writing-mode: horizontal-tb

    }



    .p-machining_single__related__title .title .jp {

        margin-right: 0;

        margin-top: .5em

    }



    .p-machining_single__related__body {

        margin-top: calc(1.22449vw + 10.40816px)

    }



    .p-company_philosophy__kv {

        padding-right: 20px

    }



    .p-company_philosophy__point__list {

        display: block

    }



    .p-company_philosophy__point__list .title {

        margin-bottom: calc(1.22449vw + 10.40816px);

        margin-right: 0;

        width: 100%

    }



    .p-company_message__inner {

        display: block

    }



    .p-company_message__pic {

        margin-right: 0;

        width: 100%

    }



    .p-company_message__pic__name {

        text-align: right

    }



    .p-company_message__body {

        margin-top: calc(3.26531vw + 27.7551px)

    }



    .p-company_overview__table,

    .p-company_overview__table__list {

        display: block

    }



    .p-company_overview__table__list .title {

        max-width: 100%;

        min-width: 100%

    }



    .p-company_history__kv {

        padding-left: 20px

    }



    .p-company_history__archive {

        margin-top: calc(2.44898vw + 20.81633px)

    }



    .p-company_csr__block {

        display: block

    }



    .p-company_csr__pic {

        margin-bottom: 1.5em;

        width: 100%

    }



    .p-news_topics__head .c-title01__text,

    .p-news_topics__head .c-title01__text span {

        display: block

    }



    .p-news_topics__head .c-title01__text .jp {

        margin-top: 1em

    }



    .p-news_topics__slide a .c-arrow04__wrap {

        display: none

    }



    .p-case_study_other__list__item {

        margin-right: 0;

        width: 100%

    }



    .p-case_study_single__post__head .head_inner {

        display: block

    }



    .p-case_study_single__post__head .head_inner .head_body {

        width: 100%

    }



    .p-case_study_single__post__head .head_inner .kv {

        margin-top: calc(3.67347vw + 16.22449px);

        width: 100%

    }



    .p-case_study_single__related .c-container {

        display: block

    }



    .p-case_study_single__related__title {

        margin-right: 0;

        width: 100%;

        -webkit-writing-mode: horizontal-tb;

        -ms-writing-mode: lr-tb;

        writing-mode: horizontal-tb

    }



    .p-case_study_single__related__title .title .jp {

        margin-right: 0;

        margin-top: .5em

    }



    .p-case_study_single__related__body {

        margin-top: calc(1.22449vw + 10.40816px)

    }



    .p-special__list__item {

        width: 50%

    }



    .p-special__list__item:nth-child(3n) {

        border-right: 1px solid #f0f0f0

    }



    .p-special__list__item:nth-child(2n) {

        border-right: none

    }



    .p-special__list__item:nth-child(4) {

        border-bottom: none

    }



    .p-special_single__post__inner {

        padding-left: 0;

        padding-right: 0

    }



    .p-special_single__related .c-container {

        display: block

    }



    .p-special_single__related__title {

        margin-right: 0;

        width: 100%;

        -webkit-writing-mode: horizontal-tb;

        -ms-writing-mode: lr-tb;

        writing-mode: horizontal-tb

    }



    .p-special_single__related__title .title .jp {

        margin-right: 0;

        margin-top: .5em

    }



    .p-special_single__related__body {

        margin-top: calc(1.22449vw + 10.40816px)

    }



    .p-contact_area__list {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column

    }



    .p-contact_area__list__item {

        width: 100%

    }



    .p-contact_area__list__item .tel {

        font-size: calc(.4898vw + 2.41633rem)

    }



    .p-our-features_top__pic {

        height: calc(26.53061vw + 225.5102px);

        margin-right: calc(2.44898vw + 20.81633px);

        position: relative;

        z-index: 3

    }



    .p-our-features_top__pic img {

        height: 100%;

        -o-object-position: left;

        object-position: left

    }



    .p-our-features_top__content {

        margin-top: calc(-10.20408vw - 161.73469px);

        padding-top: calc(19.18367vw + 168.06122px)

    }



    .p-our-features_top__inner {

        background: #62B735;

        padding-bottom: 0;

        padding-right: calc(2.44898vw + 20.81633px);

        top: 0;

        width: 100%

    }



    .p-our-features_top__inner:before {

        color: #fff

    }



    .p-our-features_top__inner p span {

        border-bottom: none

    }



    .p-our-features_top__inner p {

        color: #fff

    }



    .p-our-features_top__lead {

        top: calc(8.97959vw + 76.32653px);

        z-index: 3

    }



    .p-our-features_award {

        padding-top: calc(5.71429vw + 48.57143px)

    }



    .p-our-features_award__bottom {

        background-position: 100%;

        padding-bottom: calc(4.08163vw + 34.69388px);

        padding-top: calc(4.08163vw + 34.69388px)

    }



    .p-our-features_award__body__products {

        display: block;

        width: 70%

    }



    .p-our-features_award__body__products .products {

        margin-bottom: calc(1.63265vw + 13.87755px);

        width: 100%

    }



    .p-our-features_award__body__products .products figure {

        height: auto

    }



    .p-our-features_features__body01 {

        display: block

    }



    .p-our-features_features__body01__pic {

        margin-bottom: calc(3.26531vw + 27.7551px);

        width: 90%

    }



    .p-our-features_features__body01__text {

        margin-right: 0;

        padding-left: calc(2.85714vw + 24.28571px);

        padding-right: calc(4.89796vw + 41.63265px);

        width: 100%

    }



    .p-our-features_features__body01__text:before {

        right: calc(2.44898vw + 20.81633px)

    }



    .p-our-features_features__body02 {

        display: block

    }



    .p-our-features_features__body02__pic {

        margin-bottom: calc(3.26531vw + 27.7551px);

        margin-left: auto;

        width: 90%

    }



    .p-our-features_features__body02__text {

        margin-left: calc(2.44898vw + 20.81633px);

        padding-left: calc(2.85714vw + 24.28571px);

        width: 100%

    }



    .p-our-features_features__body03 {

        padding-right: 0

    }



    .p-our-features_flow__content {

        padding-left: 0;

        padding-right: 0

    }



    .p-our-features_flow__content:before {

        left: -.3em

    }



    .p-our-features_flow__list__item {

        display: block

    }



    .p-our-features_flow__list__item .item_img {

        display: block;

        margin-left: auto;

        margin-right: auto;

        text-align: center

    }



    .p-our-features_flow__list__item .item_img .number {

        display: block

    }



    .p-our-features_flow__list__item .item_text {

        margin-top: 1em

    }



    .p-our-features_flow__list__item .item_text .title {

        text-align: center

    }



    .p-our-features_support:before {

        left: calc(2.44898vw + 20.81633px)

    }



    .p-our-features_support__list {

        display: block

    }



    .p-our-features_support__list__item {

        width: 100%

    }



    .p-support__list {

        display: block

    }



    .p-support__list__item {

        width: 100%

    }



    .p-support__list__item:nth-child(4) {

        border-bottom: none

    }



    .p-support__list__item:nth-child(2n) {

        border-left: 1px solid #f0f0f0

    }



    .p-support_bottom__lead svg,

    .p-support_bottom__list__item {

        width: 100%

    }



    .p-support_bottom__list__item a {

        border-bottom: none;

        border-right: 1px solid #f0f0f0

    }



    .p-support_bottom__list__item:last-child a {

        border-bottom: 1px solid #f0f0f0

    }



    .p-training-video__about__list {

        display: block

    }



    .p-training-video__about__list__item {

        margin-bottom: calc(1.22449vw + 10.40816px);

        width: 100%

    }



    .p-seminar-information_single__related .c-container {

        display: block

    }



    .p-seminar-information_single__related__title {

        margin-right: 0;

        width: 100%;

        -webkit-writing-mode: horizontal-tb;

        -ms-writing-mode: lr-tb;

        writing-mode: horizontal-tb

    }



    .p-seminar-information_single__related__title .title .jp {

        margin-right: 0;

        margin-top: .5em

    }



    .p-seminar-information_single__related__body {

        margin-top: calc(1.22449vw + 10.40816px)

    }

}



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

    .c-container {

        width: 100%

    }



    .c-menu__list {

        display: block;

        margin-bottom: 0;

        margin-left: 0;

        margin-right: 0

    }



    .c-menu__item {

        max-width: 100%;

        padding-left: 0;

        padding-right: 0

    }



    .c-menu__item:last-child {

        margin-bottom: 0

    }



    .c-drawer_button__bar:after,

    .c-drawer_button__bar:before {

        border-bottom: 3px solid

    }



    .u-visible-spmin {

        display: none !important

    }



    .u-hidden-spmin {

        display: block !important

    }



    .u-hidden-spmin.-f {

        display: -webkit-box !important;

        display: -ms-flexbox !important;

        display: flex !important

    }



    .u-hidden-spmin.-i {

        display: inline !important

    }



    .u-hidden-spmin.-ib {

        display: inline-block !important

    }



    .d-b-spmin {

        display: none !important

    }



    .d-n-spmin {

        display: block !important

    }



    .d-n-spmin.-f {

        display: -webkit-box !important;

        display: -ms-flexbox !important;

        display: flex !important

    }



    .d-n-spmin.-i {

        display: inline !important

    }



    .d-n-spmin.-ib {

        display: inline-block !important

    }



    .tri_banner img {

        width: 100%;

    }

}



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



    .c-container,

    .c-fluid {

        padding-left: 20px;

        padding-right: 20px

    }



    .u-visible-min {

        display: none !important

    }



    .u-hidden-min {

        display: block !important

    }



    .u-hidden-min.-f {

        display: -webkit-box !important;

        display: -ms-flexbox !important;

        display: flex !important

    }



    .u-hidden-min.-i {

        display: inline !important

    }



    .u-hidden-min.-ib {

        display: inline-block !important

    }



    .d-b-min {

        display: none !important

    }



    .d-n-min {

        display: block !important

    }



    .d-n-min.-f {

        display: -webkit-box !important;

        display: -ms-flexbox !important;

        display: flex !important

    }



    .d-n-min.-i {

        display: inline !important

    }



    .d-n-min.-ib {

        display: inline-block !important

    }

}



@media (hover: hover) {

    .l-footer__info__bnr:hover {

        opacity: .8

    }



    .l-footer__info__sns>li a:hover {

        color: #62B735

    }

}



/****************************************



        company-info



*****************************************/



.company-margin {

    margin-top: 5rem;

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    align-content: center;

    align-items: center;

    justify-content: space-between;

}



.company-title {

    font-size: 5rem;

    text-align: left;

    margin-bottom: 5px;

}



.company-subtitle {

    font-size: 14px;

    color: #888;

    text-align: left;

    margin-bottom: 20px;

}



.company-detail {

    display: flex;

    align-items: flex-start;

    margin-top: 20px;

}



.company-label {

    font-weight: bold;

    width: 100px;

    text-align: left;

}



.company-content {

    flex: 1;

    font-weight: bold;

    text-align: left;

    color: #333;

    margin-bottom: 1rem;

}



.company-info-line {

    border-top: 1px solid rgb(187, 205, 216);

    width: 100%;

    margin-top: 2%;

    margin-bottom: 2%;

}



.company-image {

    width: 100%;

    height: auto;

}



@media (max-width: 767px) {





    .company-margin {

        margin-top: 5rem;

    }



    .company-title {

        font-size: 5rem;

        text-align: left;

        margin-bottom: 5px;

    }



    .company-subtitle {

        font-size: 14px;

        color: #888;

        text-align: left;

        margin-bottom: 20px;

    }



    .company-detail {

        display: flex;

        align-items: flex-start;

        margin-top: 20px;

    }



    .company-label {

        font-weight: bold;

        width: 100px;

        text-align: left;

    }



    .company-content {

        flex: 1;

        font-weight: bold;

        text-align: left;

        color: #333;

    }



    .company-info-line {

        border-top: 1px solid rgb(187, 205, 216);

        width: 100%;

        margin-top: 2%;

        margin-bottom: 2%;

    }



    .company-image {

        width: 100%;

        height: auto;

    }



    .js-anim_elm.-baseright.is-act {

        margin-top: 0;

    }

}



a {

    color: inherit !important;

    text-decoration: none !important;

}



.custom-bold {

    font-weight: 900;

    font-size: 3rem;

}



.sub-text {

    font-size: 1.7rem;

    font-weight: 500 !important;

}





@media (max-width: 767px) {

    .sub-text {

        font-size: calc(.16327vw + 1.33878rem);

    }



    .custom-bold {

        font-size: 2.6rem;

    }



    .p-index_recruit__title .en {



        font-size: calc(.16327vw + 1.33878rem);

    }

}



.company-section {

    font-size: 1.5rem !important;

}



.company-section div[class*="-content"] {

    font-size: 1.25rem !important;

}



.text-indent {

    text-indent: -2rem;

    padding-left: 2rem;

}



/* 



ここから追加分



 */



.button_01.-red a {

    background-color: #62B735;

}



.button_01 a {

    display: flex;

    justify-content: center;

    align-items: center;

    background-color: #111;

    color: #fff !important;

    font-size: 17px;

    padding: 15px;

    width: 61%;

    border-radius: 9999px;

}



.button_01 a:hover {

    text-decoration: none !important;

}



.flex_box {

    position: relative;

}



.bottom_menu__item__button {

    position: absolute;

    top: -60px;

    left: 0px;

    width: 100%;

}



.image14 {

    position: sticky;

    margin: 87px 5px -55px 5px;

    text-align: right;

}



.image14 img {

    max-width: 80%;

    transform: rotate(-10deg);

}



.c-bottom_menu__item__button,

.image14 {

    position: sticky;

}



.pc-block {

    display: none;

}



.sp-block {

    display: block;

}



@media (min-width: 767px) {

    .pc-block {

        display: block;

    }



    .button_01 a {

        display: flex;

        justify-content: center;

        align-items: center;

        background-color: #111;

        color: #fff !important;

        font-size: 17px;

        padding: 15px;

        width: 50%;

        border-radius: 9999px;

    }



    .button_01 a:hover {

        text-decoration: none !important;

    }



    .bottom_menu__item__button {

        position: relative;

        top: 0px;

        left: 50%;

        width: 100%;

    }



    .right_btn {

        text-align: right;

    }



    .image14 {

        position: static;

        margin: 30px 0px;

        text-align: center;

    }





    .sp-block {

        display: none;

    }

}





/* ---- ---- ---- ---- ---- ---- 



contact 



---- ---- ---- ---- ---- ----*/



#contact {

    background-color: #B3B5C1;

    z-index: 1;

    margin-top: 4rem;

    color: #FFFFFF;

    padding: 3rem;

}



#contact .component-title h2 {

    font-size: 1rem;

    font-weight: 600;

}







#contact .section-1col .component-title,

#contact .c-title01__text .jp {

    color: #FFFFFF;

}



.col_cat_space {

    padding: 5vh 0;

    display: flex;

    justify-content: space-between;

}



#contact .c-title01__text {

    padding-left: 0px;

}



#contact .c-title01__text .en {

    color: #FFFFFF !important;

}



.pc_br {

    display: block;

}



.sp_br {

    display: none;

}





.circle-btn {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 70px;

    height: 70px;

    border-radius: 50%;

    background-color: #62B735;

    color: #fff;

    font-size: 20px;

    cursor: pointer;

    position: relative;

    overflow: hidden;

    margin-left: 2rem;

}



.arrow {

    position: absolute;

    font-size: 24px;

    line-height: 1;

}



.countact_sub_text {

    font-size: 1.8rem;

    margin-top: 2rem;

}



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



    .pc_br {

        display: none;

    }



    .sp_br {

        display: block;

    }



    #contact .c-title01__text {

        padding: 0 !important;

    }



    #contact .c-title01__text.-block .en {

        font-size: 4rem !important;

    }



    #contact .c-title01__text .en {

        color: #FFFFFF !important;

        margin-bottom: -10px !important;

    }



    #contact .c-title01__text .jp {

        font-size: 2rem !important;

    }



    .countact_sub_text {

        font-size: 1.5rem;

        font-weight: 600;

        text-align: left;

    }



    .section-1col {

        padding: 2rem 0;

    }



    .col_cat_space {

        display: flex;

        justify-content: space-between;

        align-items: center;

        padding: 3vh 0;

    }



    .circle-btn {

        display: flex;

        align-items: center;

        justify-content: center;

        width: 70px;

        height: 70px;

        border-radius: 50%;

        background-color: #62B735;

        color: #fff;

        font-size: 20px;

        cursor: pointer;

        position: relative;

        overflow: hidden;

        margin-left: 2rem;

    }



    .arrow {

        position: absolute;

        font-size: 24px;

        line-height: 1;

    }

}



#example .slide-title {

    font-size: 1.5rem;



    text-align: center;

}



#example .example_text {

    margin: 2rem;

    font-size: 1.5rem;

}



#example .slider_example {

    margin: 0 -10px;

}



#example .slick-slide {

    margin: 0 10px;

}





.example_button {

    padding: 7rem;

    width: 50%;

    margin: auto;

    margin-bottom: 3rem;

    font-size: 17px;

}





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

    .example_button {

        padding: 3rem;

        width: 70%;

    }



}









/* ---- ---- ---- ---- ---- ---- 



about_us 



---- ---- ---- ---- ---- ----*/



.page_title {

    width: 100%;

    height: 100%;

    margin-top: 90px;

}



.page_title .top_page_title {

    color: black;

    font-size: 13px;

    font-weight: 400;

    word-wrap: break-word;

    margin-top: 6rem;

}



.page_title .page_title {

    color: #222222;

    font-size: 48px;

    font-weight: 600;

    word-wrap: break-word

}



.page_title .page_sub_title {

    color: #23AC39;

    font-size: 13px;

    font-weight: 500;

    word-wrap: break-word;

    margin-bottom: 2rem;

}









#about_us {

    color: #222222;

    margin: 10rem 0;

}



#about_us .p-index_our-feature__text {

    color: #222222 !important;

    text-align: left;

}



@media (max-width: 599px) {



    #about_us {

        color: #222222;

        margin: 0;

    }



    #about_us .p-index_our-feature__bg span:before {

        background-image: url(./images/about_us/LINE_ALBUM_室外機施工風景_231024_2.jpg);

    }

}







#about_us .p-index_our-feature .c-container {

    padding-top: calc(16.06122vw + 250.02041px) !important;

}



#about_us .about_color:before {

    background-color: #FFF !important;

}







#benefits .p-index_our-feature__text {

    color: #222222 !important;

    text-align: left;

}



#benefits .benefits_title {

    color: #62B734;

    font-size: 35px;

    font-weight: 600;

    word-wrap: break-word

}



.benefits_sub_title {

    color: #222222;

    font-size: 20px;

    font-weight: 600;

    word-wrap: break-word

}



#benefits .benefits_image {

    text-align: center;

}



.company_flex {

    display: flex;

}



.company_image_about {

    width: 49.3%;

    height: auto;

    object-fit: cover;

    padding: 1rem;

}



#about_company .col-md-5 {

    width: 100% !important;

}



#about_sdgs>div:nth-child(2) {

    padding-top: calc(4.89796vw + 41.63265px);

}



@media (max-width: 767px) {



    .company_image_about {

        width: 50%;

        height: 179px;

    }

}



#about_sdgs {

    padding-top: calc(4.89796vw + 41.63265px);

    padding-bottom: calc(4.89796vw + 41.63265px);

}



#about_sdgs .p-index_our-feature__text {

    color: #222222 !important;

    text-align: left;

}



#about_sdgs .about_sdgs_title {

    width: 100%;

    height: 100%;

    color: #222222;

    font-size: 32px;

    font-weight: 600;

    word-wrap: break-word;

    text-align: center;



}



#about_sdgs .about_sdgs_image {

    text-align: center;

}



#about_sdgs .about_sdgs_container {

    display: flex;

    flex-wrap: wrap;

    justify-content: normal;

    margin-top: 5rem;

    gap: 5px;



}



#about_sdgs .box {

    width: 48%;

    margin-bottom: 20px;

    position: relative;

}



@media (min-width: 767px) {



    #about_sdgs .box {

        width: 24%;

        margin: 0.5rem 0;

    }



    #about_sdgs .about_sdgs_container {

        gap: 15px;

    }

}



#about_sdgs .box img {

    width: 100%;

    height: auto;

    display: block;

}



#about_sdgs .box .box_img {

    margin: 3rem 0;

    width: 90%;

}



#about_sdgs .box .box_text {

    text-align: center;

    color: #222222;

    font-size: 14px;

    font-weight: 500;

    word-wrap: break-word;

    margin-top: 1rem;



}





/* ---- ---- ---- ---- ---- ---- 



works 



---- ---- ---- ---- ---- ----*/



.works_button {

    padding: 3rem;

    width: 70%;

    margin: auto;

    margin-bottom: 3rem;

}



.border_green {

    width: 15%;

    border: 3px #62B734 solid;

    margin: auto;

}





/* ---- ---- ---- ---- ---- ---- 



menu 改修 



---- ---- ---- ---- ---- ----*/



.l-header__menu .has-dropdown:hover {

    background-color: #ffffff;

    border-bottom: 2px solid #000000;

}



.l-header__menu .has-dropdown {

    position: relative;

}



.l-header__menu .l-header__menu__dropdown {

    position: absolute;

    top: 100%;

    left: 0;

    width: 200px;

    background-color: #ffffff;

    border-radius: 0.25rem;

    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);

    overflow: hidden;

    text-overflow: ellipsis;

    padding: 0;

    display: none;



}



/* 下矢印 */

/* .l-header__menu__item.has-dropdown::before {

    content: '';

    display: inline-block;

    width: 6px;

    height: 6px;

    margin: 0 0 0 15px;

    border-right: 1px solid #000;

    border-bottom: 1px solid #000;

    -webkit-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    transform: rotate(45deg);

} */



.l-header__menu .l-header__menu__dropdown li {

    list-style-type: none;

    padding: 2rem 1rem;

    background-color: aliceblue;

}



.l-header__menu .l-header__menu__dropdown li a {

    color: #000000;

    text-decoration: none;

}



.l-header__menu .has-dropdown:hover .l-header__menu__dropdown {

    display: block;

}



.l-header__menu .l-header__menu__dropdown li:hover {

    background-color: #7b7d7f;

}





/* ハンバーガーメニューのサブメニュー */



.c-drawer__sublist {

    display: none;

    list-style: none;

    padding-left: 30px;

}



.c-drawer__sublist li {

    margin: 20px 0;

    border-bottom: 1px solid #e5e5e5;

}



.c-drawer__sublist a {

    text-decoration: none;

    color: #333;

    font-size: 14px;

}



.show-sublist {

    display: block;

    animation: fade-in 0.3s ease-in-out;

}



@keyframes fade-in {

    from {

        opacity: 0;

        transform: translateY(-10px);

    }



    to {

        opacity: 1;

        transform: translateY(0);

    }

}