@charset "UTF-8";

/* genelal base
----------------------------------------- */

/* ContentsHead
----------------------------------------- */
#ContentsHead {
position: relative;
overflow: hidden;
}
#ContentsHead::before,
#ContentsHead::after {
content: '';
position: absolute;
}
#ContentsHead::before {
background-color: #c0d1ea;
z-index: 0;
}
#ContentsHead::after {
background-color: rgba(25,72,185,0.8);
z-index: 1;
}
#ContentsHead {
opacity: 0;
animation-name: fadeIn;
animation-duration: 1s;
animation-delay: .3s;
animation-fill-mode: forwards;
transition-timing-function: ease-in-out;
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}


/* ContentsHead SVG
----------------------------------------- */
/* ContentsHead About
------------------------------ */
#About svg .svg-elem-1 {
stroke-dashoffset: 728.5791015625px;
stroke-dasharray: 728.5791015625px;
-webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
animation-name: strokeAnime03;
animation-duration: 1s;
animation-fill-mode: forwards;
animation-delay: .5s;
}
@keyframes strokeAnime03 {
0% {
stroke-dashoffset: 728.5791015625px;
}
100% {
stroke-dashoffset: 1457.158203125px;
}
}

/* ContentsHead Staff
------------------------------ */
#Staff svg .svg-elem-1 {
stroke-dashoffset: 756.4090576171875px;
stroke-dasharray: 756.4090576171875px;
-webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
animation-name: strokeAnime04;
animation-duration: 1s;
animation-fill-mode: forwards;
animation-delay: .5s;
}
@keyframes strokeAnime04 {
0% {
stroke-dashoffset: 756.4090576171875px;
}
100% {
stroke-dashoffset: 1512.818115234375px;
}
}

/* ContentsHead Sales
------------------------------ */
#Sales svg .svg-elem-1 {
stroke-dashoffset: 728.5787353515625px;
stroke-dasharray: 728.5787353515625px;
-webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
animation-name: strokeAnime05;
animation-duration: 1s;
animation-fill-mode: forwards;
animation-delay: .5s;
}
@keyframes strokeAnime05 {
0% {
stroke-dashoffset: 728.5787353515625px;
}
100% {
stroke-dashoffset: 1457.157470703125px;
}
}

/* ContentsHead Vacant
------------------------------ */
#Vacant svg .svg-elem-1 {
stroke-dashoffset: 729.3851318359375px;
stroke-dasharray: 729.3851318359375px;
-webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
animation-name: strokeAnime06;
animation-duration: 1s;
animation-fill-mode: forwards;
animation-delay: .5s;
}
@keyframes strokeAnime06 {
0% {
stroke-dashoffset: 729.3851318359375px;
}
100% {
stroke-dashoffset: 0;
}
}
#Vacant svg.active .svg-elem-1 {
stroke-dashoffset: 0;
}

/* ContentsTitle
------------------------------ */
#ContentsTitle {
margin-right: auto;
margin-left: auto;
height: 100%;
display: flex;
}
#ContentsTitle h1 {
margin: auto;
display: inline-block;
color: #0e3e98;
font-weight: normal;
z-index: 5;
}
#ContentsTitle .En {
font-style: italic;
letter-spacing: 0;
}

/* ContentsTitle Animation
------------------------------ */

#ContentsTitle.anime h1,
#Vacant #ContentsTitle h1 span {
overflow: hidden;
animation-name: fadeIn01;
animation-duration: 1.2s;
animation-fill-mode: forwards;
transition-timing-function: ease-in-out;
animation-delay: .7s;
opacity: 0;
}
@keyframes fadeIn01 {
0% {
opacity: 0;
}
100% {
background-color: #ffffff;
opacity: 1;
}
}
#ContentsTitle.anime h1::before,
#Vacant #ContentsTitle h1 span::before {
content: "";
width: 150%;
height: 150%;
background-color: #0e3e98;
position: absolute;
top: 0;
left: 0;
animation-name: sealAnime01;
animation-duration: 1.2s;
animation-delay: .5s;
animation-fill-mode: forwards;
transition-timing-function: ease-in-out;
}
@keyframes sealAnime01 {
0% {
transform-origin: left;
transform: scaleX(0);
}
50% {
transform-origin:left;
transform: scaleX(1);
}
50.001% {
transform-origin:right;
}
100% {
transform-origin:right;
transform: scaleX(0);
}
}
#ContentsTitle.anime span,
#Vacant #ContentsTitle h1 > span > span {
position: relative;
z-index: 6;
opacity: 0;
animation-name: fadeIn02;
animation-duration: 1.2s;
animation-delay: 1.1s;
animation-fill-mode: forwards;
transition-timing-function: ease-in-out;
}
@keyframes fadeIn02 {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}

/* GeneralTitle
------------------------------ */
#GeneralTitle {
margin-right: auto;
margin-left: auto;
display: block;
color: #525252;
}

/* ContentsTitle Contact
------------------------------ */
#Contact #ContentsTitle {
margin-right: auto;
margin-left: auto;
height: auto;
display: block;
position: inherit;
text-align: center;
}
#Contact #ContentsTitle h1 {
margin: auto;
display: inline-block;
color: #0e3e98;
font-weight: normal;
position: inherit;
z-index: 5;
}
#Contact #ContentsTitle .En {
font-style: italic;
letter-spacing: 0;
}

/* ContentsTitle Vacant
------------------------------ */
#Vacant #ContentsTitle h1 {
background-color: transparent;
position: absolute;
}
#Vacant #ContentsTitle h1 > span {
margin-right: auto;
margin-left: auto;
display: inline-block;
background-color: #ffffff;
}
#Vacant #ContentsTitle h1 > span:last-of-type {
margin-left: 2em;
display: block;
}

/* svg
------------------------------ */
#ContentsHead svg {
position: absolute;
z-index: 3;
}

/* MainImg
------------------------------ */
#MainImg {
position: inherit;
z-index: 2;
}
#MainImg img {
width: 100%;
height: auto;
}


/* About
----------------------------------------- */
#About .bge-contents {
background-image: url("images/bk_general.svg");
background-position: top center;
background-repeat: no-repeat;
background-blend-mode: multiply;
color: #727171;
}
#About .bge-contents .bgb-title {
color: #0e3e98;
text-align: center;
}
#About .bge-contents .caption {
margin-right: auto;
margin-left: auto;
overflow-wrap: anywhere;
}
#About .bge-contents .bgt-image {
margin-right: auto;
margin-left: auto;
}
#About .bge-contents table {
margin-right: auto;
margin-left: auto;
}
#About .bge-contents table tr:first-of-type {
border-top: 1px solid #0e3e98;
}
#About .bge-contents table tr {
border-bottom: 1px solid #0e3e98;
}
#About .bge-contents table th {
color: #0e3e98;
background-color: #f4f8ff;
}

/* Staff
----------------------------------------- */
#Staff .bge-contents {
color: #0e3e98;
}
#Staff .bge-contents #bge-president {
background-color: #c0d0ea;
background-image: url("images/bk_general.svg");
background-size: 95%;
background-repeat: no-repeat;
background-blend-mode: multiply;
}
#Staff .bge-contents .faqBlk,
#Staff .bge-contents .faqBlkImg,
#Staff .bge-contents .faqBlkTxt {
margin-right: auto;
margin-left: auto;
}

/* Sales
----------------------------------------- */
#Sales .bge-contents {
background-image: url("images/bk_general.svg");
background-size: 95%;
background-repeat: no-repeat;
background-blend-mode: multiply;
}
#Sales .bge-contents h2,
#Sales .bge-contents .bgb-title h2 {
color: #0e3e98;
}
#Sales .bge-contents .bgb-title h2 {
text-align: center;
}
#Sales .bge-contents .sectionHead {
margin-right: auto;
margin-left: auto;
}
#Sales .bge-contents .sectionHead .num {
font-family: "Josefin Sans";
font-weight: 400;
}
#Sales .bge-contents .sectionHead .num span {
color: #4d69c6;
}
#Sales .bge-contents .sectionHead .En {
display: block;
color: #c0d0ea;
font-family: "Josefin Sans";
font-weight: 400;
font-style: italic;
}
#Sales .bge-contents .sectionHead h3 {
color: #0e3e98;
}
#Sales .bge-contents .sectionHead p {
color: #4058a8;
}
#Sales .bge-contents .imgBlk {
position: relative;
}
#Sales .bge-contents .imgBlk > div {
margin-right: auto;
margin-left: auto;
display: block;
}
#Sales .bge-contents .imgBlk .bgt-box__image-container {
position: relative;
}
#Sales .bge-contents .imgBlk::before,
#Sales .bge-contents .imgBlk::after,
#Sales .bge-contents .imgBlk .bgt-box__image-container::before,
#Sales .bge-contents .imgBlk .bgt-box__image-container::after {
content: '';
display: block;
position: absolute;
}
#Sales .bge-contents .imgBlk::before {
background-color: #c0d1ea;
z-index: 0;
left: 0;
}
#Sales .bge-contents .imgBlk::after {
background-color: #c0d1ea;
z-index: 0;
right: 0;
}
#Sales .bge-contents .imgBlk .bgt-box__image-container::after {
background-color: rgba(25,72,185,0.8);
z-index: 1;
}
#Sales .bge-contents .imgBlk .bgt-box__image-container::before {
background-color: rgba(25,72,185,0.8);
z-index: 1;
}
#Sales .bge-contents .imgBlk .bgt-box__image-container img {
position: relative;
z-index: 2;
}
#Sales .bge-contents .moreLink {
margin-right: auto;
margin-left: auto;
display: block;
}
#Sales .bge-contents .moreLink > div {
width: 100%;
}
#Sales .bge-contents .faqList ul {
margin-right: auto;
margin-left: auto;
display: block;
}
#Sales .bge-contents .faqList ul li {
display: flex;
flex-wrap: wrap;
justify-content: center;
border: 1px solid #4058a8;
color: #525252;
}
#Sales .bge-contents .faqList ul li h3 {
color: #0e3e98;
}
#Sales .bge-contents .caption {
margin-right: auto;
margin-left: auto;
display: block;
color: #727171;
text-align: center;
}
#Sales .bge-contents .flowList ol {
margin-right: auto;
margin-left: auto;
display: flex;
justify-content: space-between;
}
#Sales .bge-contents .flowList ol li {
width: 100%;
height: 100%;
position: relative;
}
#Sales .bge-contents .flowList ol li:not(:first-of-type):not(:last-of-type) {
margin-right: 1em;
margin-left: 1em;
}
#Sales .bge-contents .flowList ol li:first-of-type {
margin-right: 1em;
}
#Sales .bge-contents .flowList ol li:last-of-type {
margin-left: 1em;
}
#Sales .bge-contents .flowList ol li:not(:first-of-type)::before {
content: '';
margin-right: 1em;
width: 24px;
height: 24px;
display: inline-block;
background-image: url("images/arrow.svg");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 45%;
left: -1.5em;
}
#Sales .bge-contents .YBk {
text-align: center;
}
#Sales .bge-contents .YBk h2 {
padding-right: 0.8em;
padding-left: 1em;
display: inline-block;
background-color: #f4e158;
}

/* Vacant
----------------------------------------- */
#Vacant .bge-contents h2,
#Vacant .bge-contents h3,
#Vacant .bge-contents .bgb-title h2 {
color: #0e3e98;
}
#Vacant .bge-contents .bgb-title h2 {
text-align: center;
}
#Vacant .bge-contents h3 .num {
font-family: "Josefin Sans";
font-weight: 400;
}
#Vacant .bge-contents h3 .num span {
color: #4d69c6;
}
#Vacant .bge-contents h3 .En {
display: block;
color: #c0d0ea;
font-family: "Josefin Sans";
font-weight: 400;
font-style: italic;
}
#Vacant .bge-contents .caption {
color: #727171;
text-align: center;
}
#Vacant .bge-contents .pointItem {
color: #727171;
}
#Vacant .bge-contents .prologueBlk {
background-image: url("images/bk_vacant.jpg");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
#Vacant .bge-contents .prologueBlk {
text-align: center;
}
#Vacant .bge-contents .prologueBlk h2 {
color: #ffffff;
background-color: #0e3e98;
display: inline-block;
}
#Vacant .bge-contents .prologueBlk h3 {
color: #0e3e98;
}
#Vacant .bge-contents .prologueBlk ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#Vacant .bge-contents .prologueBlk li {
background-color: #ffffff;
color: #4058a8;
}
#Vacant .bge-contents .planList {
color: #0e3e98;
text-align: center;
}
#Vacant .bge-contents .planList > li {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
border: 1px solid #0e3e98;
}
#Vacant .bge-contents .planList strong {
margin: 0 0.1em;
vertical-align: middle;
}
#Vacant .bge-contents .planList .colBlkHead {
position: relative;
}
#Vacant .bge-contents .planList .colBlkHead .schedule strong,
#Vacant .bge-contents .planList .colBlkFoot .price strong  {
font-family: "Josefin Sans";
}
#Vacant .bge-contents .planList .colBlkFoot h4 {
background-color: #f0f0f0;
border-radius: 100px;
}
#Vacant .bge-contents .externalLink {
margin-right: auto;
margin-left: auto;
text-align: center;
}


/* Contact
----------------------------------------- */
#Contact .mail-description {
color: #4058a8;
}
#Contact #MessageBox {
margin-bottom: 30px;
color: #de3a3a;
}
#Contact .formTable th {
color: #4058a8;
}
#Contact .formTable .required {
color: #de3a3a;
}
#Contact .formTable tr {
margin-bottom: 1.5em;
display: block;
}
#Contact .formTable th,
#Contact .formTable td {
width: 100%;
display: block;
text-align: left;
}
#Contact .formTable td textarea,
#Contact .formTable td input {
padding: 0.8em;
width: 100%;
background-color: #f4f7ff;
border: 1px solid #0e3e98;
}
#Contact .formTable #RowMessageTel td {
display: flex;
flex-wrap: wrap;
align-items: center;
}
#Contact .formTable #FieldMessageTel,
#Contact .formTable #FieldMessageTel02 {
display: flex;
flex-wrap: nowrap;
align-items: center;
justify-content: space-between;
}
#Contact .formTable #FieldMessageTel span,
#Contact .formTable #FieldMessageTel02 span {
padding: 0.5em;
display: block;
}
#Contact .formTable #RowMessageTel .mail-before-attachment,
#Contact .formTable #FieldMessageTel .mail-attention,
#Contact .formTable #FieldMessageTel02 .mail-attention {
display: none;
}
#Contact .submit {
display: block;
text-align: center;
}
#Contact .submit input {
padding: 1em 1.5em;
width: 100%;
color: #ffffff;
display: flex;
justify-content: center;
align-items: center;
position: relative;
border: 0;
}
#Contact .submit input[type=submit] {
margin-bottom: 1.5em;
background-color: #0e3e98;
}
#Contact .submit input[type=reset] {
background-color: #f0f0f0;
color: #0e3e98;
}
#Contact .error-message {
color: #de3a3a;
font-weight: bold;
}
#Contact #RowMessageName1,
#Contact #RowMessageTel {
padding-bottom: 1.5em;
position: relative;
}
#Contact #RowMessageName1 .error-message,
#Contact #RowMessageTel .error-message {
position: absolute;
left: 0;
}


/* ContactFoot
------------------------------ */
#Contact #ContactFoot {
/* background-color: #f4f8ff; */
background-image: linear-gradient(to right, #e5f3ff, #d1e2ff);
text-align: center;
}
#Contact #ContactFoot h1 {
color: #0e3e98;
font-family: "Noto Sans JP",sans-serif;
font-style: normal;
font-weight: 500;
}
#Contact #ContactFoot a.linBtn {
margin-right: auto;
margin-left: auto;
padding: 0.5em;
max-width: 500px;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
color: #03c755;
font-weight: bold;
/* border: 1px solid #0e3e98; */
background-color: #ffffff;
}
#Contact #ContactFoot a.linBtn figure {
width: 50px;
}

/* 404 not found
----------------------------------------- */
#Error #ErrorContents {
color: #068c80;
text-align: center;
}
#Error #ErrorContentsh1 {
font-weight: normal;
}
#Error #ErrorContents strong {
margin-right: auto;
margin-left: auto;
display: block;
}
#Error #ErrorContents .contentsWrap {
color: #525252;
}

/* Policy
----------------------------------------- */
#Policy #main .container > .contentWrap h2 {
padding: 0.3em 1em;
color: #525252;
border-left: 10px solid #0e3e98;
}
#Policy #main .container > .contentWrap {
color: #525252;
}
#Policy #main .container > .contentWrap {
font-family: 'Noto Sans JP', sans-serif;
}
#Policy #main .container > .contentWrap h2 {
}

/* KYOUTSU END // PC BASE ==================== */
@media only screen and (min-width: 1080px){

/* genelal base
============================================== */

/* ContentsHead
============================================== */
#ContentsHead {
/* padding-bottom: 100px; */
margin-bottom: 100px;
}

#Reason #ContentsHead {
    /* padding-bottom: 100px; */
    margin-bottom: 0px;
 }
    


/* ContentsHead About
============================== */
#About #ContentsHead {
/* margin-bottom: 80px; */
}
/* #About #ContentsHead::before {
width: 50%;
height: 100%;
top: 35%;
right: 10%;
}
#About #ContentsHead::after {
width: 35%;
height: 80%;
top: 10%;
right: 0;
} */

/* ContentsHead Staff
============================== */
/* #Staff #ContentsHead::before {
width: 35%;
height: 80%;
top: 10%;
right: 0;
}
#Staff #ContentsHead::after {
width: 30%;
height: 100%;
top: 45%;
right: 15%;
} */

/* ContentsHead Sales
============================== */
/* #Sales #ContentsHead::before {
width: 50%;
height: 100%;
top: 35%;
right: 10%;
}
#Sales #ContentsHead::after {
width: 35%;
height: 80%;
top: 10%;
right: 0;
} */

/* ContentsHead Vacant
============================== */
/* #Vacant #ContentsHead::before {
width: 50%;
height: 100%;
top: 35%;
left: 0;
}
#Vacant #ContentsHead::after {
width: 35%;
height: 75%;
bottom: 8%;
left: 10%;
} */

/* ContentsTitle
============================== */
#ContentsTitle {
width: 1080px;
}
#ContentsTitle h1 {
padding-top: 0.3em;
padding-right: 5%;
padding-left: 5%;
position: absolute;
bottom: 50%;
}
#ContentsTitle h1 .En {
margin-right: 0.5em;
font-size: 48px;
}
#ContentsTitle h1 .Jp {
font-size: 18px;
}

/* GeneralTitle
============================== */
#GeneralTitle {
width: 1080px;
}

/* ContentsTitle Vacant
============================== */
#Vacant #ContentsTitle {
right: 0;
left: 0;
}
#Vacant #ContentsTitle h1 {
bottom: 20%;
}
#Vacant #ContentsTitle h1 span {
font-size: 32px;
}
#Vacant #ContentsTitle h1 > span {
margin-bottom: 0.8em;
padding: 0.7em 1.2em 0.5em 1.2em;
position: relative!important;
}
#Vacant #ContentsTitle h1 > span:last-of-type {
margin-left: 2em;
}


/* ContentsTitle Contact
============================== */
#Contact #ContentsTitle h1 {
margin-bottom: 30px;
}

/* svg
============================== */
#About #ContentsHead svg {
top: 38%;
right: -5%;
display: none;
}
#Staff #ContentsHead svg {
top: 50%;
left: -5%;
display: none;
}
#Sales #ContentsHead svg {
bottom: -15%;
left: -5%;
display: none;
}
#Vacant #ContentsHead svg {
bottom: -20%;
right: -5%;
display: none;
}

/* MainImg
============================== */
#MainImg {
width: 100%;
}
#Vacant #MainImg {
margin-right: 0;
margin-left: auto;
width: 100%;
}

/* About
============================================== */
#About .bge-contents {
padding-top: 320px;
background-size: contain;
}
#About .bge-contents .bgb-title {
margin-bottom: 80px;
}
#About .bge-contents .bgb-title h2 {
font-size: 44px;
}
#About .bge-contents .caption {
margin-bottom: 40px;
width: 39%;
line-height: 2;
font-size: 20px;
}
#About .bge-contents .bgt-image {
width: 755px;
}
#About .bge-contents .bgb-hr hr {
width: 100%;
border: 0;
background-image: url("images/deco_line.svg");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
aspect-ratio: 6 / 2;
}
#About .bge-contents table {
margin-bottom: 200px;
width: 1080px;
font-size: 20px;
}
#About .bge-contents table th {
padding: 1.5em 1em;
}
#About .bge-contents table td {
padding: 1.5em 1em;
}

/* Staff
============================================== */
#Staff .bge-contents #bge-president {
margin-bottom: 150px;
padding-top: 320px;
padding-bottom: 80px;
background-position: top 80px left 50%;
}
#Staff .bge-contents #bge-president .bge-ckeditor {
margin-right: auto;
margin-left: auto;
width: 1080px;
flex-wrap: wrap;
justify-content: center;
}
#Staff .bge-contents #bge-president .bge-ckeditor figure {
padding: 0 5%;
width: 40%;
float: left;
}
#Staff .bge-contents #bge-president .bge-ckeditor .company,
#Staff .bge-contents #bge-president .bge-ckeditor .name,
#Staff .bge-contents #bge-president .bge-ckeditor .profile {
width: 60%;
float: left;
}
#Staff .bge-contents #bge-president .bge-ckeditor .company {
margin-bottom: 0.8em;
font-size: 34px;
font-weight: bold;
}
#Staff .bge-contents #bge-president .bge-ckeditor .name {
margin-bottom: 1.2em;
font-size: 34px;
font-weight: bold;
}
#Staff .bge-contents #bge-president .bge-ckeditor .name small {
margin-right: 0.4em;
font-size: 24px;
}
#Staff .bge-contents #bge-president .bge-ckeditor .profile {
line-height: 2;
font-size: 18px;
}
#Staff .bge-contents .faqBlk,
#Staff .bge-contents .faqBlkTxt {
margin-bottom: 120px;
width: 1080px;
line-height: 2;
text-align: justify;
}
#Staff .bge-contents .faqBlkImg {
margin-bottom: 30px;
width: 1080px;
}

/* Sales
============================================== */
#Sales .bge-contents {
padding-top: 320px;
background-position: top 40px center;
}
#Sales .bge-contents .sectionHead {
margin-bottom: 100px;
width: 1080px;
}
#Sales .bge-contents .sectionHead .bgt-grid--last {
position: relative;
}
#Sales .bge-contents .sectionHead .bgt-grid--last::before {
content: '';
width: 1px;
height: 230px;
position: absolute;
top: 0%;
display: inline-block;
background-color: #4058a8;
}
#Sales .bge-contents .sectionItem01 .bgt-grid--last::before {
transform: rotate(25deg);
left: -60px;
}
#Sales .bge-contents .sectionItem02 .bgt-grid--last::before {
transform: rotate(12deg);
left: -30px;
}
#Sales .bge-contents .sectionHead .num {
margin-right: 0.2em;
font-size: 80px;
vertical-align: middle;
}
#Sales .bge-contents .sectionHead .Jp {
font-size: 44px;
}
#Sales .bge-contents .sectionHead .En {
font-size: 28px;
}
#Sales .bge-contents .sectionHead h3 {
margin-bottom: 0.8em;
font-size: 30px;
letter-spacing: 0.2em;
}
#Sales .bge-contents .sectionHead p {
line-height: 2;
font-size: 18px;
}
#Sales .bge-contents .imgBlk {
margin-bottom: 70px;
}
#Sales .bge-contents .imgBlk > div {
width: 1080px;
}
#Sales .bge-contents .imgBlk img {
width: 80%;
}
#Sales .bge-contents .moreLink {
margin-bottom: 200px;
max-width: 420px;
}
#Sales .bge-contents .bgb-title {
margin-bottom: 60px;
font-size: 26px;
letter-spacing: 0.2em;
}
#Sales .bge-contents .faqList ul {
margin-bottom: 200px;
width: 1080px;
}
#Sales .bge-contents .faqList ul li {
margin-bottom: 50px;
padding: 1em;
border-radius: 100px;
font-size: 22px;
}
#Sales .bge-contents .faqList ul li h3 {
padding-right: 1em;
font-size: 26px;
}
#Sales .bge-contents .caption {
margin-bottom: 60px;
max-width: 40%;
line-height: 2;
font-size: 18px;
word-break: auto-phrase;
}
#Sales .bge-contents .flowList ol {
margin-bottom: 200px;
width: 1080px;
flex-wrap: nowrap;
}
#Sales .bge-contents .flowList ol li:nth-last-child(n+2)::after {
margin-left: 0.6em;
}
#Sales .bge-contents .flowList ol li img {
display: inline-block;
}
#Sales .bge-contents .slideImages {
margin-bottom: 200px;
}
#Sales .bge-contents .imgItemSales::before {
width: 50%;
height: 80%;
top: 5%;
left: 0;
}
#Sales .bge-contents .imgItemSales::after {
width: 50%;
height: 80%;
right: 0;
bottom: 5%;
}
#Sales .bge-contents .imgItemSales .bgt-box__image-container::after {
width: 50%;
height: 45%;
left: -5%;
bottom: 5%;
}
#Sales .bge-contents .imgItemSales .bgt-box__image-container::before {
width: 50%;
height: 45%;
top: 5%;
right: -5%;
}
#Sales .bge-contents .imgItemVacant::before {
width: 50%;
height: 70%;
top: 15%;
left: 0;
}
#Sales .bge-contents .imgItemVacant::after {
width: 50%;
height: 70%;
right: 0;
bottom: 15%;
}
#Sales .bge-contents .imgItemVacant .bgt-box__image-container::before {
width: 50%;
height: 45%;
top: 5%;
left: -5%;
}
#Sales .bge-contents .imgItemVacant .bgt-box__image-container::after {
width: 50%;
height: 45%;
right: -5%;
bottom: 5%;
}

/* vacant
============================================== */
#Vacant .bge-contents .prologueBlk {
margin-bottom: 150px;
padding-top: 90px;
padding-bottom: 90px;
}
#Vacant .bge-contents .prologueBlk h2 {
margin-bottom: 1.2em;
padding: 0.2em 0.8em;
font-size: 36px;
}
#Vacant .bge-contents .prologueBlk ul {
margin-right: auto;
margin-left: auto;
width: 1080px;
}
#Vacant .bge-contents .prologueBlk li {
padding-top: 1.2em;
padding-right: 1em;
padding-bottom: 1.5em;
padding-left: 1em;
width: 30%;
font-size: 16px;
word-break: auto-phrase;
}
#Vacant .bge-contents .prologueBlk h3 {
margin-bottom: 0.8em;
font-size: 28px;
}
#Vacant .bge-contents .bgb-title {
margin-right: auto;
margin-bottom: 60px;
margin-left: auto;
max-width: 70%;
font-size: 22px;
word-break: auto-phrase;
letter-spacing: 0.2em;
}
#Vacant .bge-contents .caption {
margin-right: auto;
margin-bottom: 100px;
margin-left: auto;
max-width: 60%;
line-height: 2;
font-size: 18px;
word-break: auto-phrase;
}
#Vacant .bge-contents .pointItem {
margin-right: auto;
margin-left: auto;
width: 1080px;
}
#Vacant .bge-contents .pointItem {
margin-bottom: 120px;
}
#Vacant .bge-contents .pointItem h3 {
font-size: 22px;
}
#Vacant .bge-contents .pointItem .num {
margin-right: 0.2em;
font-size: 80px;
vertical-align: middle;
}
#Vacant .bge-contents .pointItem p {
line-height: 2;
font-size: 16px;
text-align: justify;
}
#Vacant .bge-contents .pointItem .bge-ckeditor {
margin-right: 0;
margin-left: auto;
width: 95%;
}
#Vacant .bge-contents .pointItem.imageR .bge-ckeditor {
margin-right: auto;
margin-left: 0;
width: 95%;
}
#Vacant .bge-contents .bgb-hr hr {
width: 100%;
border: 0;
background-image: url("images/deco_line.svg");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
aspect-ratio: 6 / 2;
}
#Vacant .bge-contents .planList {
margin-top: 200px;
margin-right: auto;
margin-left: auto;
width: 1080px;
}
#Vacant .bge-contents .planList > li {
margin-right: auto;
margin-left: auto;
margin-bottom: 170px;
padding-top: 1.5em;
padding-bottom: 1.5em;
width: 100%;
position: relative;
}
#Vacant .bge-contents .planList .colBlkHead {
padding-top: 315px;
padding-right: 1.5em;
padding-left: 1.5em;
width: 33%;
line-height: 1.1;
}
#Vacant .bge-contents .planList .colBlkHead .h3 {
margin: auto;
width: 235px;
position: absolute;
top: -20%;
right: 0;
left: 0;
}
#Vacant .bge-contents .planList .colBlkHead .schedule {
margin: auto;
display: flex;
flex-wrap: nowrap;
justify-content: space-around;
position: absolute;
bottom: 0;
right: 0;
left: 0;
}
#Vacant .bge-contents .planList .colBlkHead .schedule {
font-size: 25px;
}
#Vacant .bge-contents .planList .colBlkHead .schedule strong {
font-size: 55px;
}
#Vacant .bge-contents .planList .colBlkFoot {
padding: 0 1.3em;
width: 67%;
border-left: 1px solid #0e3e98;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
#Vacant .bge-contents .planList .colBlkFoot .price {
margin-bottom: 0.8em;
font-size: 26px;
line-height: 1;
border-bottom: 1px solid #0e3e98;
}
#Vacant .bge-contents .planList .colBlkFoot .price strong {
font-size: 90px;
}
#Vacant .bge-contents .planList .colBlkFoot .price small {
margin-left: 0.1em;
font-size: 24px;
}
#Vacant .bge-contents .planList .colBlkFoot ul {
display: flex;
flex-wrap: nowrap;
justify-content: space-around;
}
#Vacant .bge-contents .planList .colBlkFoot ul li {
width: 47%;
}
#Vacant .bge-contents .planList .colBlkFoot h4 {
margin-bottom: 0.8em;
font-size: 25px;
}
#Vacant .bge-contents .externalLink {
margin-bottom: 200px;
width: 448px;
}

/* Contact
============================================== */
#Contact {
padding-top: 70px!important;
}
#Contact .bge-contents {
margin-right: auto;
margin-left: auto;
width: 886px;
}
#Contact .mail-description {
margin-bottom: 100px;
}
#Contact .formTable {
margin-right: auto;
margin-bottom: 120px;
margin-left: auto;
width: 886px;
}
#Contact .formTable #RowMessageName1 td {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#Contact .formTable #FieldMessageTel,
#Contact .formTable #FieldMessageTel03 {
max-width: 30%;
}
#Contact .formTable #RowMessageName1 span {
width: 48%;
}
#Contact .submit {
margin-right: auto;
margin-bottom: 200px;
margin-left: auto;
width: 500px;
}


/* ContactFoot
============================================== */
#Contact #ContactFoot h1 {
margin-bottom: min(6vw,30px);
font-size: 24px;
}
#Contact #ContactFoot a.linBtn figure {
margin-right: 0.5em;
}

/* 404 not found
============================================== */
#Error {
padding-top: 150px!important;
}
#Error #ErrorContents .contentsWrap {
margin-right: auto;
margin-bottom: 200px;
margin-left: auto;
width: 1080px;
font-family: 'Noto Sans JP', sans-serif;
}
#Error #ErrorContents h1 {
margin-bottom: 1em;
}
#Error #ErrorContents h1 strong {
font-size: min(6vw,100px);
}
#Error #ErrorContents .moreLink {
margin-top: 60px;
min-width: 360px;
font-size: min(6vw,24px);
}
#Error #ErrorContents .moreLink a {
padding: 0.8em 1.5em;
}

/* Policy
============================================== */
#Policy {
padding-top: 100px!important;
}
#Policy #ContentsTitle {
font-size: min(6vw,40px);
}
#Policy #main .container > .contentWrap {
margin-right: auto;
margin-left: auto;
padding-bottom: 200px;
width: 1080px;
font-size: min(6vw,18px);
}
#Policy #main .container > .contentWrap h2 {
margin-top: 1.5em;
margin-bottom: 1em;
font-size: min(6vw,25px);
}


}
/* PC END // SP BASE |||||||||||||||||||||||||||||| */
@media only screen and (max-width: 1079px){

/* general base
|||||||||||||||||||||||||||||||||||||||||||||||||||| */
body {
padding-top: 70px;
}
#main .container > .contentWrap .spacer30 {
min-height: 15px;
}
#main .container > .contentWrap .spacer70 {
min-height: 25px;
}
#main .container > .contentWrap .spacer100 {
min-height: 45px;
}
#main .container > .contentWrap .spacer150 {
min-height: 65px;
}
#main .container > .contentWrap .spacer200 {
min-height: 90px;
}

/* ContentsHead
|||||||||||||||||||||||||||||||||||||||||||||||||||| */
#ContentsHead {
/* height: 90vw; */
}

/* ContentsHead About
|||||||||||||||||||||||||||||| */
#About #ContentsHead::before {
width: 50%;
height: 100%;
top: 35%;
right: 5%;
display: none;
}
#About #ContentsHead::after {
width: 35%;
height: 55%;
top: 0;
right: 0;
display: none;
}

/* ContentsHead Staff
|||||||||||||||||||||||||||||| */
#Staff #ContentsHead::before {
width: 52%;
height: 85%;
top: 10%;
right: 0;
display: none;
}
#Staff #ContentsHead::after {
width: 60%;
height: 100%;
top: 45%;
right: 15%;
display: none;
}

/* ContentsHead Sales
|||||||||||||||||||||||||||||| */
#Sales #ContentsHead::before {
width: 50%;
height: 85%;
top: 10%;
right: 0;
display: none;
}
#Sales #ContentsHead::after {
width: 60%;
height: 80%;
bottom: 0;
left: 10%;
display: none;
}

/* ContentsHead Vacant
|||||||||||||||||||||||||||||| */
#Vacant #ContentsHead::before {
width: 50%;
height: 100%;
top: 35%;
right: 5%;
display: none;
}
#Vacant #ContentsHead::after {
width: 35%;
height: 55%;
right: 0;
bottom: 20%;
display: none;
}

/* ContentsTitle
|||||||||||||||||||||||||||||| */
#ContentsTitle {
width: 90%;
position: absolute;
}
#ContentsTitle h1 {
margin: auto 0;
padding-top: 0.3em;
padding-right: 5%;
padding-left: 5%;
position: relative;
bottom: -10%;
left: 5%;
}
#ContentsTitle h1 .En {
margin-right: 0.3em;
font-size: min(8vw, 50px);
}
#ContentsTitle h1 .Jp {
font-size: min(4vw, 16px);
}

/* GeneralTitle
|||||||||||||||||||||||||||||| */
#GeneralTitle {
width: 90%;
}

/* ContentsTitle Contact
|||||||||||||||||||||||||||||| */
#Contact #ContentsTitle h1 {
margin-bottom: max(4vw,30px);
font-size: max(4vw,26px);
}

/* ContentsTitle Vacant
|||||||||||||||||||||||||||||| */
#Vacant #ContentsTitle h1 {
padding-left: 0;
top: 40%;
}
#Vacant #ContentsTitle h1 > span {
position: relative!important;
}
#Vacant #ContentsTitle h1 .Jp {
margin-bottom: 0.8em;
padding: 0.5em 1em 0.3em 1em;
font-size: min(5vw, 40px);
}
#Vacant #ContentsTitle h1 > .Jp:last-of-type {
text-indent: 1em;
}

/* svg
|||||||||||||||||||||||||||||| */
#About #ContentsHead svg {
width: 90%;
bottom: -50%;
right: -5%;
}
#Staff #ContentsHead svg {
width: 80%;
bottom: -45%;
left: -5%;
}
#Sales #ContentsHead svg {
width: 90%;
bottom: -60%;
right: -5%;
}
#Vacant #ContentsHead svg {
width: 90%;
top: 10%;
right: -5%;
}

/* MainImg
|||||||||||||||||||||||||||||| */
#MainImg {
width: 100%;
/* height: 100vw; */
}
#MainImg figure {
width: 100%;
/* height: 100%; */
position: relative;
}
#MainImg img {
width: 100%;
/* height: 100%; */
object-fit: cover;
}
#About #MainImg img {
object-position: bottom 0 right 25%;
}
#Staff #MainImg img {
object-position: bottom 0 right 20%;
}
#Sales #MainImg img {
object-position: bottom 0 right 30%;
}

/* About
|||||||||||||||||||||||||||||||||||||||||||||||||||| */
#About .bge-contents {
padding-top: min(20vw, 200px);
background-size: 90%;
}
#About .bge-contents .bgb-title {
margin-right: auto;
margin-left: auto;
margin-bottom: max(8vw, 80px);
width: 90%;
word-break: auto-phrase;
}
#About .bge-contents .bgb-title h2 {
font-size: min(6vw, 46px);
}
#About .bge-contents .caption {
margin-bottom: max(8vw, 40px);
width: 90%;
line-height: 2;
font-size: min(4vw, 26px);
word-break: auto-phrase;
}
#About .bge-contents .bgt-image {
width: 82%;
}
#About .bge-contents .bgb-hr hr {
width: 100%;
border: 0;
background-image: url("images/deco_line.svg");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
aspect-ratio: 6 / 2;
}
#About .bge-contents table {
margin-bottom: max(10vw, 100px);
width: 90%;
font-size: min(4vw, 26px);
}
#About .bge-contents table th {
padding: 1.5em 0.5em;
white-space: nowrap;
}
#About .bge-contents table td {
padding: 1.5em 1em;
}

/* Staff
|||||||||||||||||||||||||||||||||||||||||||||||||||| */
#Staff .bge-contents #bge-president {
margin-bottom: max(10vw, 100px);
padding-top: min(20vw, 200px);
padding-bottom: max(8vw,80px);
background-position: top 0 left 50%;
}
#Staff .bge-contents #bge-president .bge-ckeditor {
margin-right: auto;
margin-left: auto;
width: 90%;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
#Staff .bge-contents #bge-president .bge-ckeditor figure {
margin-bottom: min(8vw, 80px);
width: 80%;
order: 3;
}
#Staff .bge-contents #bge-president .bge-ckeditor .company {
margin-bottom: 0.4em;
width: 100%;
display: block;
font-size: min(8vw, 28px);
font-weight: bold;
text-align: center;
order: -1;
}
#Staff .bge-contents #bge-president .bge-ckeditor .name {
margin-bottom: 1.2em;
width: 100%;
display: block;
font-size: min(8vw, 26px);
font-weight: bold;
text-align: center;
order: 2;
}
#Staff .bge-contents #bge-president .bge-ckeditor .name small {
margin-right: 0.4em;
font-size: min(8vw, 20px);
}
#Staff .bge-contents #bge-president .bge-ckeditor .profile {
line-height: 2;
font-size: min(5vw, 16px);
text-align: center;
order: 4;
word-break: auto-phrase;
}
#Staff .bge-contents .faqBlk,
#Staff .bge-contents .faqBlkTxt {
margin-bottom: min(10vw, 120px);
width: 90%;
line-height: 1.5;
font-size: min(4vw, 26px);
text-align: justify;
word-break: auto-phrase;
}
#Staff .bge-contents .faqBlkImg {
margin-bottom: min(8vw, 30px);
width: 90%;
}
#Staff .bge-contents .bgt-image {
margin-bottom: min(8vw, 30px);
width: 100%;
display: block;
}
#Staff .bge-contents .bgt-grid {
width: 100%;
display: block;
}
#Staff .bge-contents .imageR {
display: flex;
flex-wrap: wrap;
}
#Staff .bge-contents .imageR .bgt-grid--first {
order: 2;
}
#Staff .bge-contents .imageR .bgt-grid--last {
order: 1;
}

/* Sales
|||||||||||||||||||||||||||||||||||||||||||||||||||| */
#Sales .bge-contents {
padding-top: min(20vw, 200px);
background-position: top center;
}
#Sales .bge-contents .sectionHead {
margin-bottom: max(8vw, 80px);
width: 70%;
text-align: center;
}
#Sales .bge-contents .sectionHead .num {
margin-right: 0.2em;
line-height: 0.9;
font-size: min(18vw, 100px);
vertical-align: middle;
}
#Sales .bge-contents .sectionHead .Jp {
font-size: min(8vw, 46px);
}
#Sales .bge-contents .sectionHead .En {
font-size: min(8vw, 30px);
}
#Sales .bge-contents .sectionHead h3 {
margin-bottom: 0.4em;
font-size: min(8vw, 40px);
letter-spacing: 0.1em;
word-break: auto-phrase;
}
#Sales .bge-contents .sectionHead p {
line-height: 2;
font-size: min(4vw, 22px);
word-break: auto-phrase;
}
#Sales .bge-contents .imgBlk {
margin-bottom: max(8vw, 70px);
}
#Sales .bge-contents .imgBlk > div {
width: 90%;
}
#Sales .bge-contents .imgBlk img {
width: 80%;
}
#Sales .bge-contents .moreLink {
margin-bottom: max(8vw, 100px);
max-width: 80%;
}
#Sales .bge-contents .bgb-title {
margin-bottom: max(8vw, 60px);
font-size: min(4vw, 40px);
letter-spacing: 0.1em;
word-break: auto-phrase;
}
#Sales .bge-contents .faqList ul {
margin-bottom: max(8vw, 120px);
width: 90%;
}
#Sales .bge-contents .faqList ul li {
margin-bottom: max(8vw, 50px);
padding: 2em 1.5em;
border-radius: 10px;
font-size: min(4vw, 25px);
}
#Sales .bge-contents .faqList ul li h3 {
margin-bottom: 0.6em;
font-size: min(8vw, 20px);
}
#Sales .bge-contents .caption {
margin-bottom: max(8vw, 60px);
max-width: 80%;
line-height: 2;
font-size: min(4vw, 20px);
word-break: auto-phrase;
}
#Sales .bge-contents .flowList ol {
margin-bottom: max(8vw, 120px);
width: 90%;
flex-wrap: wrap;
justify-content: center;
}
#Sales .bge-contents .flowList ol li {
margin-bottom: 30px;
width: 25%;
}
#Sales .bge-contents .flowList ol li:nth-last-child(n+2)::after {
margin-left: 0.6em;
}
#Sales .bge-contents .flowList ol li img {
display: inline-block;
}
#Sales .bge-contents .slideImages {
margin-bottom: max(8vw, 120px);
}
#Sales .bge-contents .imgItemSales,
#Sales .bge-contents .imgItemVacant {
margin-bottom: max(8vw, 120px);
}
#Sales .bge-contents .imgItemSales::before,
#Sales .bge-contents .imgItemVacant::before {
width: 50%;
height: 70%;
top: -15%;
left: 0;
display: none;
}
#Sales .bge-contents .imgItemSales::after,
#Sales .bge-contents .imgItemVacant::after {
width: 50%;
height: 70%;
right: 0;
bottom: -10%;
display: none;
}
#Sales .bge-contents .imgItemSales .bgt-box__image-container::before,
#Sales .bge-contents .imgItemVacant .bgt-box__image-container::before {
width: 45%;
height: 65%;
left: 0;
bottom: -10%;
display: none;
}
#Sales .bge-contents .imgItemSales .bgt-box__image-container::after,
#Sales .bge-contents .imgItemVacant .bgt-box__image-container::after {
width: 45%;
height: 65%;
top: -15%;
right: 0;
display: none;
}

/* Vacant
|||||||||||||||||||||||||||||||||||||||||||||||||||| */
#Vacant .bge-contents {
padding-top: min(20vw, 200px);
}
#Vacant .bge-contents .prologueBlk {
margin-bottom: max(8vw, 120px);
padding-top: min(10vw, 90px);
padding-bottom: min(10vw, 90px);
}
#Vacant .bge-contents .prologueBlk h2 {
margin-bottom: 1.2em;
padding: 0.2em 0.8em;
font-size: min(4vw, 40px);
}
#Vacant .bge-contents .prologueBlk ul {
margin-right: auto;
margin-left: auto;
width: 90%;
}
#Vacant .bge-contents .prologueBlk li {
margin-bottom: 1em;
padding-top: 1.2em;
padding-right: 1em;
padding-bottom: 1.5em;
padding-left: 1em;
width: 100%;
font-size: min(4vw, 22px);
text-align: left;
word-break: auto-phrase;
}
#Vacant .bge-contents .prologueBlk h3 {
margin-bottom: 0.4em;
font-size: min(5vw, 34px);
}
#Vacant .bge-contents .bgb-title {
margin-right: auto;
margin-bottom: max(8vw, 60px);
margin-left: auto;
max-width: 90%;
font-size: min(4vw, 40px);
word-break: auto-phrase;
letter-spacing: 0.2em;
}
#Vacant .bge-contents .caption {
margin-right: auto;
margin-bottom: max(8vw, 60px);
margin-left: auto;
max-width: 80%;
line-height: 2;
font-size: min(4vw, 22px);
word-break: auto-phrase;
}
#Vacant .bge-contents .pointItem {
margin-right: auto;
margin-left: auto;
width: 90%;
}
#Vacant .bge-contents .pointItem {
margin-bottom: max(8vw, 70px);
}
#Vacant .bge-contents .pointItem h3 {
font-size: min(5vw, 34px);
}
#Vacant .bge-contents .pointItem .num {
margin-right: 0.2em;
font-size: min(10vw, 80px);
vertical-align: middle;
}
#Vacant .bge-contents .pointItem p {
line-height: 2;
font-size: min(4vw, 22px);
text-align: justify;
}
#Vacant .bge-contents .imageR {
display: flex;
flex-wrap: wrap;
}
#Vacant .bge-contents .imageR .bgt-grid--first {
order: 2;
}
#Vacant .bge-contents .imageR .bgt-grid--last {
order: 1;
}
#Vacant .bge-contents .bgb-hr hr {
width: 100%;
border: 0;
background-image: url("images/deco_line.svg");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
aspect-ratio: 6 / 2;
}
#Vacant .bge-contents .planList {
margin-top: max(10vw,150px);
margin-right: auto;
margin-left: auto;
width: 90%;
}
#Vacant .bge-contents .planList > li {
margin-bottom: max(10vw,100px);
padding-top: 1.5em;
padding-bottom: 1.5em;
width: 100%;
position: relative;
}
#Vacant .bge-contents .planList .colBlkHead {
margin-top: -40px;
margin-bottom: 1em;
padding-right: 1em;
padding-left: 1em;
width: 100%;
line-height: 1;
display: flex;
flex-wrap: nowrap;
justify-content: space-around;
}
#Vacant .bge-contents .planList .colBlkHead .h3 {
margin: auto;
width: 35%;
}
#Vacant .bge-contents .planList .colBlkHead .schedule {
margin: auto;
width: 60%;
font-size: min(8vw, 34px);
border-bottom: 1px solid #0e3e98;
}
#Vacant .bge-contents .planList .colBlkHead .schedule li {
line-height: 1.8;
font-size: min(5vw, 34px);
}
#Vacant .bge-contents .planList .colBlkHead .schedule strong {
font-size: min(8vw, 60px);
}
#Vacant .bge-contents .planList .colBlkHead .schedule li {
display: flex;
flex-wrap: nowrap;
justify-content: space-around;
}
#Vacant .bge-contents .planList .plan03 .schedule {
margin-top: 1.5em;
}
#Vacant .bge-contents .planList .plan03 .schedule li {
margin-bottom: 0.6em;
line-height: 0.5;
}
#Vacant .bge-contents .planList .colBlkFoot {
padding: 0 1em;
width: 100%;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
#Vacant .bge-contents .planList .colBlkFoot .price {
margin-bottom: 0.4em;
width: 100%;
font-size: min(4vw, 34px);
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
word-break: auto-phrase;
}
#Vacant .bge-contents .planList .colBlkFoot .price .top {
max-width: 2.3em;
line-height: 1.2;
display: inline-block;
}
#Vacant .bge-contents .planList .colBlkFoot .price strong {
display: inline-block;
font-size: min(15vw, 100px);
letter-spacing: -3px;
}
#Vacant .bge-contents .planList .colBlkFoot .price .bottom {
text-align: left;
}
#Vacant .bge-contents .planList .colBlkFoot .price small {
margin-left: 0.1em;
display: block;
font-size: 60%;
text-align: right;
}
#Vacant .bge-contents .planList .colBlkFoot ul li:nth-last-child(n+2) {
margin-bottom: 1em;
}
#Vacant .bge-contents .planList .colBlkFoot h4 {
margin-bottom: 0.8em;
font-size: min(4vw, 25px);
}
#Vacant .bge-contents .externalLink {
margin-bottom: max(10vw,100px);
width: 70%;
}


/* Contact
|||||||||||||||||||||||||||||||||||||||||||||||||||| */
#Contact {
/* padding-top: 100px; */
}
#Contact .container > .contentWrap {
margin-right: auto;
margin-left: auto;
padding-bottom: max(4vw,80px);
width: 90%;
}
#Contact .mail-description {
margin-right: auto;
margin-bottom: min(10vw,80px);
margin-left: auto;
width: 100%;
word-break: auto-phrase;
}
#Contact .formTable {
margin-bottom: min(5vw,70px);
}
#Contact .formTable th {
margin-bottom: 0.4em;
}
#Contact .formTable #RowMessageName1 td {
width: 100%;
}
#Contact .formTable #RowMessageName1 span {
width: 100%;
}
#Contact .formTable #FieldMessageName1 {
margin-bottom: 1em;
display: block;
}
#Contact .submit {
margin-right: auto;
margin-bottom: min(5vw,80px);
margin-left: auto;
width: 80%;
}
#Contact .formTable #FieldMessageTel03 {
width: 70%;
}
#Contact .formTable #FieldMessageTel,
#Contact .formTable #FieldMessageTel02,
#Contact .formTable #FieldMessageTel03 {
margin-bottom: 0.5em;
}


/* ContactFoot
|||||||||||||||||||||||||||||||||||||||||||||||||||| */
#Contact #ContactFoot h1 {
margin-right: auto;
margin-bottom: min(6vw,30px);
margin-left: auto;
width: 90%;
font-size: max(4vw,22px);
word-break: auto-phrase;
}
#Contact #ContactFoot a.linBtn figure {
margin-right: 0.5em;
}

/* 404 not found
|||||||||||||||||||||||||||||||||||||||||||||||||||| */
#Error {
padding-top: 150px;
}
#Error #ErrorContents .contentsWrap {
margin-right: auto;
margin-bottom: 200px;
margin-left: auto;
width: 90%;
font-family: 'Noto Sans JP', sans-serif;
}
#Error #ErrorContents h1 {
margin-right: auto;
margin-bottom: 1em;
margin-left: auto;
width: 90%;
word-break: auto-phrase;
}
#Error #ErrorContents h1 strong {
font-size: max(4vw,100px);
}
#Error #ErrorContents .moreLink {
margin-top: 60px;
min-width: 90%;
font-size: max(4vw,18px);
}
#Error #ErrorContents .moreLink a {
padding: 0.8em 1.5em;
}

/* Policy
|||||||||||||||||||||||||||||||||||||||||||||||||||| */
#Policy {
padding-top: 150px;
}
#Policy #main .container > .contentWrap {
margin-right: auto;
margin-left: auto;
padding-bottom: 200px;
width: 90%;
font-size: min(4vw,18px);
text-align: justify;
}
#Policy #main .container > .contentWrap h2 {
margin-top: 1.5em;
margin-bottom: 1em;
font-size: max(4vw,20px);
text-align: left;
word-break: auto-phrase;
}


}/* SP END |||||||||||||||||||||||||||||||||||||||| */