@charset "UTF-8";
@import url("reset.css");
body{
font-family: "Helvetica Neue", Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
}

a:active {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:link {
text-decoration: none;
transition: all 0.3s ease-out;
}
a:hover {
text-decoration: underline;
}
@media screen and (min-width: 1600px) {
html {
font-size: calc(160px / 1400 * 100);
}
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
html {
font-size: calc(10vw / 1400 * 100);
}
}

@media screen and (max-width: 767px) {
html {
font-size: calc(10vw / 400 * 100);
}
html,
body {
width: 100%;
height: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6,
div,
dl,
dt,
dd,
p {
padding: 0;
margin: 0;
}
img {
width: auto;
max-width: 100%;
height: auto;
max-height: 100%;
}
figure {
margin: 0;
}
}

@media screen and (max-width: 767px), print {
.pc {
display: none !important;
}
}

@media screen and (min-width: 768px), print {
[href*="tel:"] {
pointer-events: none;
}
.sp {
display: none !important;
}
}

h1,
h2,
h3,
h4,
h5,
h6,
div,
dl,
dt,
dd,
p {
padding: 0;
margin-bottom: 0 !important;
font-family: "Noto Sans JP", sans-serif;
}

figure {
margin: 0 !important;
}

html {
scroll-behavior: smooth;
}

body.is-fixed {
overflow: hidden;
-ms-touch-action: none;
touch-action: none;
}

.p-machine * {
font-family: "Noto Sans JP", sans-serif;
color: #333;
}

.p-machine figure img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}

.p-machine .c-stitle {
font-size: 3.6rem;
font-weight: 500;
line-height: normal;
letter-spacing: .05em;
color: #00A6BA;
text-align: center;
}

@media screen and (max-width: 767px) {
.p-machine .c-stitle {
font-size: 2.5rem;
letter-spacing: .02em;
}
}


@media screen and (max-width: 767px) {
header.p-machine .wrap {
height: 6rem;
padding: 0 0 0 1.6rem;
}
}

header.p-machine .wrap figure {
width: 18rem;
height: 4.9rem;
}

@media screen and (max-width: 767px) {
header.p-machine .wrap figure {
width: 13.5rem;
height: 3.7rem;
}
}
.p-machine .wrap {
margin: 0px auto 0 auto;
}
.p-machine .wrap .link-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 2.4rem;
overflow-y: auto;
-webkit-transition: .3s all;
transition: .3s all;
z-index: 99;
margin: 40px auto 0 auto;
}

@media screen and (max-width: 767px) {
header.p-machine .wrap .link-box {
width: 100%;
background-color: #00A6BA;
position: fixed;
top: 5.9rem;
left: 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 3rem 3.5rem;
opacity: 0;
pointer-events: none;
}
}
.p-machine .wrap .link-box ul li a svg {
width: .5rem;
height: 1rem;
position: absolute;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
right: .8rem;
}
.p-machine .wrap .link-box > div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 1.2rem;
margin: 0px auto 0 auto;
width: 80%;
}

@media screen and (max-width: 767px) {
.p-machine .wrap .link-box > div {
width: 100%;
margin-top: 0;
}
}
.p-machine .wrap .link-box > div a {
padding: .7rem 0;
width: 20rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: .6rem;
border-radius: .4rem;
}

@media screen and (max-width: 767px) {
.p-machine .wrap .link-box > div a {
width: 100%;
height: 4.2rem;
gap: 2rem;
}
}
.p-machine .wrap .link-box > div a.book {
background-color: #fff;
border: 1px solid #00A6BA;
}
.p-machine .wrap .link-box > div a.book svg {
width: 2.8rem;
height: 1.9rem;
}
.p-machine .wrap .link-box > div a.book p {
color: #00A6BA;
}

@media screen and (max-width: 767px) {
.p-machine .wrap .link-box > div a.book p {
font-size: 1.6rem;
}
}

.p-machine .wrap .link-box > div a.mail {
background-color: #00A6BA;
border: 1px solid #00A6BA;
}

@media screen and (max-width: 767px) {
.p-machine .wrap .link-box > div a.mail {
border: 1px solid #fff;
}
}
.p-machine .wrap .link-box > div a.mail svg {
width: 2.3rem;
height: 1.5rem;
}

.p-machine .wrap .link-box > div a.mail p {
color: #fff;
}
.p-machine .wrap .link-box > div a p {
font-size: 1.5rem;
font-weight: 500;
line-height: normal;
letter-spacing: 0em;
}
.p-machine .wrap .bgwhite {
width: 100%;
height: 100%;
background-color: #fff;
-webkit-transition: .3s all;
transition: .3s all;
position: fixed;
top: 0;
left: 0;
opacity: 0;
pointer-events: none;
z-index: -1;
}
.p-machine .wrap .hn-btn {
width: 6rem;
height: 6rem;
background-color: #00A6BA;
position: relative;
}
.p-machine .wrap .hn-btn * {
-webkit-transition: .3s all;
transition: .3s all;
}
.p-machine .wrap .hn-btn span {
display: block;
width: 2.4rem;
height: 2px;
position: absolute;
background-color: #fff;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
left: 50%;
}

header.p-machine .wrap .hn-btn span:nth-child(1) {
top: calc(50% - 1rem);
}

header.p-machine .wrap .hn-btn span:nth-child(2) {
top: 50%;
}

header.p-machine .wrap .hn-btn span:nth-child(3) {
top: calc(50% + 1rem);
}

header.is-open .hn-btn span:nth-child(1) {
top: 50% !important;
-webkit-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
}

header.is-open .hn-btn span:nth-child(2) {
opacity: 0;
pointer-events: none;
}

header.is-open .hn-btn span:nth-child(3) {
top: 50% !important;
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
transform: translate(-50%, -50%) rotate(-45deg);
}

header.is-open .bgwhite {
opacity: 1 !important;
}

header.is-open .link-box {
opacity: 1 !important;
pointer-events: auto !important;
}

body.p-machine {
padding-bottom: 10rem;
}

body.p-machine .s-mv {
width: 100%;
height: 55rem;
}

body.p-machine .s-mv picture img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}

body.p-machine .p-main {
width: 110rem;
margin: 0 auto;
margin-top: 6rem;
}

@media screen and (max-width: 767px) {
body.p-machine .p-main {
width: 100%;
padding: 0 1.8rem;
box-sizing: border-box;
}
}

body.p-machine .p-main .wrap:nth-child(n+2) {
margin-top: 9rem;
padding-top: 8rem;
border-top: 1px solid #1E7FB2;
}

@media screen and (max-width: 767px) {
body.p-machine .p-main .wrap:nth-child(n+2) {
margin-top: 6rem;
padding-top: 6rem;
}
}

body.p-machine .p-main .wrap .content-wrapper {
margin-top: 4.8rem;
}

@media screen and (max-width: 767px) {
body.p-machine .p-main .wrap .content-wrapper {
margin-top: 3rem;
}
}

body.p-machine .p-main .wrap .content-wrapper .sub-ttl {
min-width: 34.8rem;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
min-height: 4.1rem;
line-height: 4.1rem;
text-align: left;
font-size: 2.4rem;
font-weight: 500;
letter-spacing: .05em;
background: #F5F5F5;
color: #00A6BA;
padding-left: 2rem;
position: relative;
margin-bottom: 2.8rem !important;
}

@media screen and (max-width: 767px) {
body.p-machine .p-main .wrap .content-wrapper .sub-ttl {
margin-bottom: 2.4rem !important;
}
}

body.p-machine .p-main .wrap .content-wrapper .sub-ttl::before {
position: absolute;
content: "";
width: .4rem;
height: 100%;
background: #00A6BA;
left: 0;
bottom: 0;
}

body.p-machine .p-main .wrap .content-wrapper .sub-ttl.none {
opacity: 0;
pointer-events: none;
}

body.p-machine .p-main .wrap .content-wrapper .content-box {
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[3];
grid-template-columns: repeat(3, 1fr);
gap: 2.8rem;
min-width: 0;
max-width: 100%;
}

@media screen and (max-width: 767px) {
body.p-machine .p-main .wrap .content-wrapper .content-box {
-ms-grid-columns: (1fr)[1];
grid-template-columns: repeat(1, 1fr);
}
}

body.p-machine .p-main .wrap .content-wrapper .content-box .item {
min-width: 0;
max-width: 100%;
}

body.p-machine .p-main .wrap .content-wrapper .content-box .item h4 {
font-size: 2.6rem;
font-weight: 500;
line-height: normal;
letter-spacing: .05em;
color: #00A6BA;
}

@media screen and (max-width: 767px) {
body.p-machine .p-main .wrap .content-wrapper .content-box .item h4 {
font-size: 2.1rem;
}
}

body.p-machine .p-main .wrap .content-wrapper .content-box .item h4.tooline {
min-height: 7.5rem;
}

@media screen and (max-width: 767px) {
body.p-machine .p-main .wrap .content-wrapper .content-box .item h4.tooline {
min-height: 0rem;
}
}

body.p-machine .p-main .wrap .content-wrapper .content-box .item figure {
width: 100%;
height: 20rem;
margin-top: 1.6rem !important;
}

@media screen and (max-width: 767px) {
body.p-machine .p-main .wrap .content-wrapper .content-box .item figure {
margin-top: 1.2rem !important;
}
}

body.p-machine .p-main .wrap .content-wrapper .content-box .item .txt {
font-size: 1.6rem;
font-weight: 500;
line-height: normal;
letter-spacing: 0em;
margin-top: 1.6rem;
min-height: 7rem;
}

@media screen and (max-width: 767px) {
body.p-machine .p-main .wrap .content-wrapper .content-box .item .txt {
margin-top: 1.2rem;
min-height: 0rem;
}
}

body.p-machine .p-main .wrap .content-wrapper .content-box .item .txt.bheight {
min-height: 16.5rem;
}

@media screen and (max-width: 767px) {
body.p-machine .p-main .wrap .content-wrapper .content-box .item .txt.bheight {
min-height: 0rem;
}
}

body.p-machine .p-main .wrap .content-wrapper .content-box .item .btn {
background: #00A6BA;
border-radius: .4rem;
width: 100%;
min-height: 4.6rem;
padding: 0 1.8rem;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 1.6rem;
cursor: pointer;
}

@media screen and (max-width: 767px) {
body.p-machine .p-main .wrap .content-wrapper .content-box .item .btn {
font-size: 1.4rem;
width: 20rem;
margin: 0 auto;
margin-top: 1.2rem !important;
padding: 1.2rem;
}
}

body.p-machine .p-main .wrap .content-wrapper .content-box .item .btn.open .puramai span:nth-child(2) {
-webkit-transform: translate(-50%, -50%) rotate(0deg);
transform: translate(-50%, -50%) rotate(0deg);
}

body.p-machine .p-main .wrap .content-wrapper .content-box .item .btn p {
font-size: 1.6rem;
font-weight: 500;
line-height: 140%;
letter-spacing: 0em;
color: #fff;
}

body.p-machine .p-main .wrap .content-wrapper .content-box .item .btn .puramai {
width: 1.2rem;
height: 1.2rem;
position: relative;
}

body.p-machine .p-main .wrap .content-wrapper .content-box .item .btn .puramai span {
-webkit-transition: .3s all;
transition: .3s all;
display: block;
width: 100%;
height: 1px;
background: #fff;
position: absolute;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
top: 50%;
left: 50%;
}

body.p-machine .p-main .wrap .content-wrapper .content-box .item .btn .puramai span:nth-child(2) {
-webkit-transform: translate(-50%, -50%) rotate(90deg);
transform: translate(-50%, -50%) rotate(90deg);
}

body.p-machine .p-main .wrap .content-wrapper .content-box .item .open-item {
display: none;
}

body.p-machine .p-main .wrap .content-wrapper .content-box .item .open-item p {
font-size: 1.4rem;
font-weight: 500;
line-height: normal;
letter-spacing: 0em;
margin-top: 1.6rem;
}

body.p-machine .p-main .wrap .content-wrapper .content-box .item .open-item .open-item-wrap {
margin-top: 2.4rem;
min-width: 0;
max-width: 100%;
}

@media screen and (max-width: 767px) {
body.p-machine .p-main .wrap .content-wrapper .content-box .item .open-item .open-item-wrap {
overflow-x: auto;
}
}

body.p-machine .p-main .wrap .content-wrapper .content-box .item .open-item .open-item-wrap.penetration {
width: 160%;
}

body.p-machine .p-main .wrap .content-wrapper .content-box .item .open-item .open-item-wrap .circle-ttl {
font-size: 1.5rem;
font-weight: bold;
line-height: normal;
letter-spacing: 0em;
margin-top: 0  !important;
margin-bottom: .8rem !important;
color: #333;
}

body.p-machine .p-main .wrap .content-wrapper .content-box .item .open-item .open-item-wrap ul {
list-style: none;
}

body.p-machine .p-main .wrap .content-wrapper .content-box .item .open-item .open-item-wrap ul li {
font-size: 1.3rem;
font-weight: 500;
line-height: normal;
letter-spacing: 0em;
color: #333;
padding-left: 1.5rem;
position: relative;
}

body.p-machine .p-main .wrap .content-wrapper .content-box .item .open-item .open-item-wrap ul li::before {
position: absolute;
content: "";
width: .4rem;
height: .4rem;
background: #333;
border-radius: 50%;
left: .4rem;
top: .8rem;
}

body.p-machine .p-main .wrap .content-wrapper .content-box .item .open-item .open-item-wrap ul li.lnone::before {
content: none;
width: 0;
height: 0;
background-color: transparent;
}

body.p-machine .p-main .wrap .content-wrapper .content-box .item .open-item .open-item-wrap ul li.lnone ul {
margin-top: 0.5rem;
}

body.p-machine .p-main .wrap .content-wrapper .content-box .item .open-item .open-item-wrap ul li.lnone ul li {
font-size: 1rem;
padding-left: 1.1rem;
}

body.p-machine .p-main .wrap .content-wrapper .content-box .item .open-item .open-item-wrap ul li.lnone ul li::before {
position: absolute;
content: "";
width: .3rem;
height: .3rem;
background: #333;
border-radius: 50%;
left: .4rem;
top: .6rem;
}

body.p-machine .p-main .wrap .content-wrapper .content-box .item .open-item .open-item-wrap ul.nam {
counter-reset: num;
}

body.p-machine .p-main .wrap .content-wrapper .content-box .item .open-item .open-item-wrap ul.nam li::before {
counter-increment: num;
content: counter(num, decimal) ".";
/* decimalが番号だけになる */
width: 0;
height: 0;
background-color: transparent;
top: 0;
}

body.p-machine .p-main .wrap .content-wrapper .content-box .item .open-item .open-item-wrap .table-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 2px;
}

body.p-machine .p-main .wrap .content-wrapper .content-box .item .open-item .open-item-wrap .table-wrap p {
margin: 0 !important;
min-height: 3.5rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0.8rem 0;
}

body.p-machine .p-main .wrap .content-wrapper .content-box .item .open-item .open-item-wrap .table-wrap .item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
gap: 2px;
}

body.p-machine .p-main .wrap .content-wrapper .content-box .item .open-item .open-item-wrap .table-wrap .item:nth-child(1) .ttl {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}

body.p-machine .p-main .wrap .content-wrapper .content-box .item .open-item .open-item-wrap .table-wrap .item:nth-child(n+2) .ttl {
width: 14.8rem;
}

body.p-machine .p-main .wrap .content-wrapper .content-box .item .open-item .open-item-wrap .table-wrap .item .ttl {
background-color: #999;
color: #fff;
font-size: 1.3rem;
font-weight: 500;
line-height: normal;
letter-spacing: 0em;
}

body.p-machine .p-main .wrap .content-wrapper .content-box .item .open-item .open-item-wrap .table-wrap .item .txt {
background-color: #F2F2F2;
color: #333;
text-align: center;
font-size: 1.3rem;
font-weight: 500;
line-height: normal;
letter-spacing: 0em;
height: 100%;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}

body.p-machine .p-main .wrap .content-wrapper .content-box .item .open-item .open-item-wrap table {
margin: 0 0 2.4rem 0;
border-collapse: collapse;
}

body.p-machine .p-main .wrap .content-wrapper .content-box .item .open-item .open-item-wrap table th {
padding: .2rem 1rem .2rem;
border: 1px solid #ddd;
line-height: 2.2;
font-size: 1.4rem;
}

body.p-machine .p-main .wrap .content-wrapper .content-box .item .open-item .open-item-wrap table td {
border: 1px solid #ddd;
padding: .2rem 1rem .2rem;
line-height: 2.2;
font-size: 1.4rem;
}

body.p-machine .p-main .wrap .content-wrapper .content-box .item .open-item .open-item-wrap figure {
width: 100%;
height: auto;
}

body.p-machine .p-main .wrap .content-wrapper .content-box .item .open-item .open-item-wrap figure iframe {
aspect-ratio: 560 / 315;
width: 100%;
height: auto;
}

body.p-machine .p-main .wrap .content-wrapper .content-box .item .open-item .open-item-wrap .link-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 1px solid;
border-radius: .4rem;
width: 26rem;
height: 4.2rem;
margin: 0 auto;
padding-left: 2.4rem;
padding-right: 3.2rem;
}

body.p-machine .p-main .wrap .content-wrapper .content-box .item .open-item .open-item-wrap .link-item:nth-child(n+2) {
margin-top: .8rem !important;
}

body.p-machine .p-main .wrap .content-wrapper .content-box .item .open-item .open-item-wrap .link-item * {
margin-top: 0 !important;
}

body.p-machine .p-main .wrap .content-wrapper .content-box .item .open-item .open-item-wrap .link-item .book {
width: 2.5rem;
height: 1.7rem;
}

body.p-machine .p-main .wrap .content-wrapper .content-box .item .open-item .open-item-wrap .link-item .mail {
width: 2.5rem;
height: 1.6rem;
}

body.p-machine .p-main .wrap .content-wrapper .content-box .item .open-item .open-item-wrap .link-item p {
font-size: 1.4rem;
font-weight: 500;
line-height: normal;
letter-spacing: 0em;
margin-left: .8rem;
}

body.p-machine .p-main .wrap .content-wrapper .content-box .item .open-item .open-item-wrap .link-item .aro {
width: 1.1rem;
height: 1rem;
margin-left: auto !important;
}

body.p-machine .p-main .wrap .content-wrapper .content-box .item .open-item .open-item-wrap .link-item.wh {
border-color: #00A6BA;
background-color: #fff;
}

body.p-machine .p-main .wrap .content-wrapper .content-box .item .open-item .open-item-wrap .link-item.wh p {
color: #00A6BA;
}

body.p-machine .p-main .wrap .content-wrapper .content-box .item .open-item .open-item-wrap .link-item.bl {
border-color: #00A6BA;
background-color: #00A6BA;
}

body.p-machine .p-main .wrap .content-wrapper .content-box .item .open-item .open-item-wrap .link-item.bl p {
color: #fff;
}

body.p-machine .p-main .wrap .content-wrapper .content-box .item .open-item .open-item-wrap .link-item.bl .aro * {
stroke: #fff;
}

footer {
margin-top: 10rem;
}

footer.p-machine .t-wrap {
background-image: url(../images/machine/f-bg.jpg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
width: 100%;
height: 35rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}

@media screen and (max-width: 767px) {
footer.p-machine .t-wrap {
height: 31.6rem;
}
}

footer.p-machine .t-wrap a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 36rem;
height: 9.4rem;
border: 1px solid #fff;
background-color: #00A6BA;
border-radius: .4rem;
padding: 0 4rem;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}

@media screen and (max-width: 767px) {
footer.p-machine .t-wrap a {
width: 33rem;
height: 9rem;
padding: 2.3rem;
}
}

footer.p-machine .t-wrap a .mail {
width: 2.5rem;
height: 1.5rem;
}

footer.p-machine .t-wrap a p {
font-size: 2rem;
font-weight: 500;
line-height: 140%;
letter-spacing: 0em;
color: #fff;
margin-left: 1rem;
}

@media screen and (max-width: 767px) {
footer.p-machine .t-wrap a p {
font-size: 1.6rem;
margin-left: .8rem;
}
}

footer.p-machine .t-wrap a .aro {
width: 2rem;
height: 1.7rem;
margin-left: 1.9rem !important;
}

@media screen and (max-width: 767px) {
footer.p-machine .t-wrap a .aro {
width: 1.6rem;
height: 1.4rem;
margin-left: auto !important;
}
}

footer.p-machine .t-wrap a .aro * {
stroke: #fff !important;
}

footer.p-machine .b-wrap {
width: 121rem;
margin: 0 auto;
padding: 4rem 0 6rem 0;
}

@media screen and (max-width: 767px) {
footer.p-machine .b-wrap {
width: 100%;
padding: 4rem 0 12rem 0;
}
}

footer.p-machine .b-wrap .top-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}

@media screen and (max-width: 767px) {
footer.p-machine .b-wrap .top-box {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 3rem;
}
}

footer.p-machine .b-wrap .top-box figure {
width: 21.3rem;
height: 5.7rem;
}

@media screen and (max-width: 767px) {
footer.p-machine .b-wrap .top-box figure {
width: 16.7rem;
height: 4.5rem;
}
}

footer.p-machine .b-wrap .top-box ul {
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 2.4rem;
}

@media screen and (max-width: 767px) {
footer.p-machine .b-wrap .top-box ul {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 1.4rem;
}
}

footer.p-machine .b-wrap .top-box ul li a {
font-size: 1.4rem;
font-weight: 500;
letter-spacing: 0em;
}

footer.p-machine .b-wrap .top-box ul li:nth-last-child(1) a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: .6rem;
}

footer.p-machine .b-wrap .top-box ul li:nth-last-child(1) a svg {
width: 1.1rem;
height: 1rem;
}

footer.p-machine .b-wrap .bottom-box {
margin-top: 1.6rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}

@media screen and (max-width: 767px) {
footer.p-machine .b-wrap .bottom-box {
margin-top: 3rem;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
gap: 2rem;
}
}

footer.p-machine .b-wrap .bottom-box .copy {
font-size: 1.2rem;
font-weight: 400;
line-height: 180%;
letter-spacing: .05em;
}

footer.p-machine .b-wrap .bottom-box .corp {
font-size: 1.4rem;
font-weight: 400;
line-height: 180%;
letter-spacing: .05em;
}

footer.p-machine .b-wrap .bottom-box .corp a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: .6rem;
}

footer.p-machine .b-wrap .bottom-box .corp a svg {
width: 1.1rem;
height: 1rem;
}

.p-machine .c-opacity {
-webkit-transition: .3s all;
transition: .3s all;
}

@media screen and (min-width: 768px) {
.p-machine .c-opacity:hover {
opacity: .7;
}
}

.p-machine .header-ul * {
-webkit-transition: .3s all;
transition: .3s all;
}

@media screen and (min-width: 768px) {
.p-machine .header-ul li a:hover {
color: rgba(51, 51, 51, 0.6);
border-bottom: 1px solid #00A6BA !important;
}
}

.p-machine .fotter-ul * {
-webkit-transition: .3s all;
transition: .3s all;
}

@media screen and (min-width: 768px) {
.p-machine .fotter-ul li a:hover {
color: #00A6BA;
}
.p-machine .fotter-ul li a:hover svg * {
stroke: #00A6BA;
}
}

@media screen and (min-width: 768px) {
.p-machine a.book:hover {
background-color: #00A6BA !important;
border: 1px solid #fff !important;
}
.p-machine a.book:hover svg *:not(.bl-path):not(.line-path) {
fill: #fff;
}
.p-machine a.book:hover svg .bl-path {
fill: #fff !important;
}
.p-machine a.book:hover svg .line-path {
stroke: #00A6BA !important;
}
.p-machine a.book:hover p {
color: #fff !important;
}
}

@media screen and (min-width: 768px) {
.p-machine a.mail:hover {
background-color: #fff !important;
border: 1px solid #00A6BA !important;
}
.p-machine a.mail:hover svg * {
stroke: #00A6BA;
}
.p-machine a.mail:hover p {
color: #00A6BA !important;
}
}

@media screen and (min-width: 768px) {
.p-machine a.wh:hover .aro * {
fill: #00A6BA !important;
stroke: #fff !important;
}
}

@media screen and (min-width: 768px) {
.p-machine a.bl:hover .aro * {
fill: #fff !important;
stroke: #00A6BA !important;
}
}
/*# sourceMappingURL=machine.css.map */