@charset "UTF-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
} article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
* {
box-sizing: border-box;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}   html {
font-size: 62.5%;
background-color: #392726;
}
body {
font-family: BMF;
font-size: 1.8rem;
line-height: 160%;
} @font-face {
font-family: BMF;
src: local(BMFGrotesque), url(//arch.melbourne/wp-content/themes/ArchMelborne/font/BMFGrotesque-Body.woff);
}
@font-face {
font-family: Century;
src: local(BMFGrotesque), url(//arch.melbourne/wp-content/themes/ArchMelborne/font/Century\ Schoolbook\ Monospace\ Regular.woff);
}
main h2 {
font-family: Century;
line-height: 150%;
font-size: 1.4rem;
margin-bottom: 12px;
opacity: 0.6;
}
.opacity-6 {
opacity: 0.6;
}
.color-W {
color: #FFFFFF;
}
.color-M {
color: #392726;
}
.color-M.single{
background-color: #F9F5EE;
padding: 100px 0px;
}
.color-M.archive main {
background-color: #F9F5EE;
padding: 100px 24px;
} header {
z-index: 1000;
padding: 36px;
position: fixed;
top: 0;
left: 0;
}
.color-W .head-logo-color {
fill: #FFFFFF;
}
.color-M .head-logo-color {
fill: #392726;
} .fix-menu {
z-index: 999;
position: fixed;
bottom: 0;
padding: 36px;
width: 100%;
display: flex;
justify-content: space-between;
font-size: 1.5rem;
}
.fix-menu nav ul {
display: flex;
}
.fix-menu nav ul li {
margin-right: 20px;
}
.color-W .fix-menu a {
color: #FFFFFF;
text-decoration: none;
z-index: 1000;
}
.color-W .fix-menu .fix-menu a {
opacity: 0.7;
}
.color-M .fix-menu a {
color: #ffffff;
text-decoration: none;
z-index: 1000;
}
.fix-menu nav ul li a:hover {
opacity: 0.6;
}
.fix-menu #CPB {
display: none;
z-index: 1000;
}
.fix-mail {
z-index: 1000;
} .home-inner {
display: flex;
height: calc(var(--vh) * 100);
}
.home-inner > .col {
width: 50%;
}
#home .home-contents {
padding-top: 50vh;
padding-left: 36px;
padding-right: 36px;
order: -1;
}
#home .home-contents .catch-copy {
margin-bottom: 24px;
}
#home .home-contents .sub-copy {
opacity: 0.5;
margin-bottom: 8px;
}
.swiper {
width: 100%;
height: 100%;
}
#home .gallary-area {
opacity: 0;
}
.load #home .gallary-area {
opacity: 0;
-webkit-animation: 2s linear load forwards;
animation: 2s linear load forwards;
}
@-webkit-keyframes load {
0% {
opacity: 0;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes load {
0% {
opacity: 0;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
#home .swiper img {
height: 100%;
}
.swiper img {
width: 100%;
height: calc(var(--vh) * 100);
-o-object-fit: cover;
object-fit: cover;
object-position: center bottom;
} #About {
background-color: #604C1D;
}
.About-inner {
position: relative;
display: flex;
min-height: calc(var(--vh) * 100);
}
.About-inner > .col {
width: 50%;
}
.image-area img {
width: 100%;
height: calc(var(--vh) * 100);
-o-object-fit: cover;
object-fit: cover;
object-position: center bottom;
}
.about-contents {
display: flex;
min-height: calc(var(--vh) * 100);
align-items: center;
padding: 0 100px;
}
.about-contents .text-wrap {
padding: 100px 0;
} #Service {
background-color: #604C1D;
}
.Service-inner {
display: flex;
flex-wrap: wrap;
min-height: calc(var(--vh) * 100);
}
.Service-inner > .col {
width: 50%;
position: relative;
}
.image-area img {
width: 100%;
height: calc(var(--vh) * 100);
-o-object-fit: cover;
object-fit: cover;
position: -webkit-sticky;
position: sticky;
top: 0;
}
.service-contents {
min-height: calc(var(--vh) * 100);
padding: 15% 100px;
position: relative;
}
.underline-link {
font-family: Century;
font-size: 1.4rem;
text-decoration: underline;
padding-right: 20px;
position: relative;
}
.underline-link::after {
content: "→";
position: absolute;
top: 0;
right: 0;
}
em {
opacity: 0.6;
}
.body-copy {
padding-top: 20px;
padding-bottom: 20px;
}
.step-wrap {
display: flex;
justify-content: space-between;
margin-top: 120px;
width: 100%;
}
.step-wrap .step-ttl {
width: 165px;
font-size: 14px;
line-height: 1.7;
font-family: Century;
}
.step-wrap .steps {
width: calc(100% - 230px);
font-size: 12px;
line-height: 1.6;
}
.step-wrap .steps dt {
margin-top: 50px;
margin-bottom: 8px;
opacity: 0.4;
}
.step-wrap .steps dt:nth-child(1) {
margin-top: 0px;
}
.box-link {
justify-content: center;
align-items: center;
color: #ffffff;
text-decoration: none;
font-size: 14px;
height: 30px;
border-radius: 15px;
padding: 0 50px 0 20px;
border: 1px solid #ffffff;
display: inline-flex;
width: auto;
position: relative;
margin-top: 16px;
line-height: 1;
}
.box-link:after {
font-family: "icomoon" !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e903";
color: #FFFFFF;
position: absolute;
right: 8px;
top: 50%;
font-size: 11px;
margin-top: -6px;
}  #Contact {
background-color: #D9BDA7;
}
.Contact-inner {
display: flex;
flex-wrap: wrap;
min-height: calc(var(--vh) * 100);
align-items: flex-end;
}
.Contact-inner > .col {
width: 50%;
}
.contactimage-area {
height: calc(var(--vh) * 100);
}
.contactimage-area img {
width: 100%;
height: calc(var(--vh) * 100);
-o-object-fit: cover;
object-fit: cover;
}
.contact-form {
padding: 0 30px 100px;
}
.contact-info-area {
display: flex;
justify-content: space-between;
width: 50%;
margin-top: 50px;
}
.contact-info-area p {
font-size: 12px;
line-height: 1.4;
}
.contact-info-area a {
font-size: 12px;
line-height: 1.2;
text-decoration: none;
color: #392726;
}
.contact-info-area .sns {
font-size: 12px;
}
.contact-info-area .sns a {
margin-right: 20px;
font-size: 30px;
}
.form-list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 50px;
}
.form-list > li {
width: 49%;
border-bottom: #392726 1px solid;
padding-bottom: 5px;
margin-bottom: 8px;
}
input[type=text],
input[type=tel],
input[type=email] {
width: 100%;
font-size: 14px;
padding: 8px;
background: transparent;
border: none;
}
input:focus {
background: transparent;
border: none;
outline-width: 0;
}
::-moz-placeholder { color: #8a7574;
opacity: 1; }
:-ms-input-placeholder { color: #8a7574;
opacity: 1; }
::placeholder { color: #8a7574;
opacity: 1; }
select {
width: 100%;
font-size: 14px;
padding: 8px 8px 8px 4px;
background: transparent;
border: none;
color: #8a7574;
}
.form-submit-input {
font-size: 14px;
color: #392726;
background: none;
border: 0;
padding: 0 50px 0 20px;
height: 30px;
justify-content: center;
align-items: center;
display: inline-flex;
}
.form-submit {
justify-content: center;
align-items: center;
text-decoration: none;
font-size: 14px;
height: 30px;
border-radius: 15px;
color: #392726;
border: 1px solid #392726;
display: inline-flex;
width: auto;
position: relative;
margin-top: 16px;
line-height: 1;
}
.form-submit::after {
font-family: "icomoon" !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e903";
color: #392726;
position: absolute;
right: 8px;
top: 50%;
font-size: 11px;
margin-top: -6px;
}
footer {
display: none;
} .Gallery-inner {
opacity: 1;
}
.load .Gallery-inner {
opacity: 0;
-webkit-animation: 2s linear load forwards;
animation: 2s linear load forwards;
}
@media only screen and (max-width: 980px) {
body {
line-height: 180%;
}
header {
padding: 24px;
}
.fix-menu {
padding: 24px;
}
.home-inner {
display: block;
height: auto;
}
.home-inner > .col {
width: 100%;
}
#home .home-contents {
padding-top: 24px;
padding-left: 24px;
padding-right: 24px;
}
#home .gallary-area {
height: calc(var(--vh) * 100 - 140px);
}
#home .home-contents .catch-copy {
margin-bottom: 8px;
}
#home .home-contents .sub-copy {
margin-bottom: 8px;
}
#home .body-copy {
padding-top: 0px;
padding-bottom: 0px;
}
#CPB {
position: fixed;
top: 0;
right: 0;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
height: 60px;
width: 75px;
z-index: 999;
padding: 30px 24px 24px 24px;
}
#CPB span {
display: block;
width: 100%;
height: 1px;
position: relative;
}
#CPB span::after {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: 1px;
}
#CPB span::before {
content: "";
position: absolute;
top: 10px;
left: 0;
width: 100%;
height: 1px;
}
.color-W #CPB span,
.color-W #CPB span::after,
.color-W #CPB span::before {
background-color: #FFFFFF;
}
.color-M #CPB span,
.color-M #CPB span::after,
.color-M #CPB span::before {
background-color: #392726;
}
.fix-menu nav {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
align-items: center;
padding: 24px;
background-color: #F9F5EE;
display: none;
}
.fix-menu nav ul {
flex-flow: column;
}
.fix-menu nav a {
font-size: 4rem;
color: #392726;
padding: 16px 0;
display: block;
}
.fix-menu .fix-mail {
display: none;
}
.Service-inner {
display: block;
}
.Service-inner > .col {
width: 100%;
position: relative;
}
.image-area img {
width: 100%;
height: calc(var(--vh) * 100 - 100px);
-o-object-fit: cover;
object-fit: cover;
position: -webkit-sticky;
position: sticky;
top: 0;
}
.service-contents {
min-height: calc(var(--vh) * 100);
padding: 80px 24px;
position: relative;
}
.step-wrap {
display: block;
margin-top: 100px;
width: 100%;
}
.step-wrap .steps {
width: 100%;
padding-left: 20%;
padding-top: 50px;
} .About-inner {
display: block;
height: auto;
}
.About-inner > .col {
width: 100%;
}
.image-area img {
width: 100%;
height: calc(var(--vh) * 100 - 20vh);
-o-object-fit: cover;
object-fit: cover;
}
.about-contents {
display: block;
height: auto;
padding: 80px 24px;
}
.about-contents .text-wrap p {
margin-bottom: 18px;
}
main h2 {
font-size: 1.8rem;
}
.Contact-inner {
display: block;
}
.Contact-inner > .col {
width: 100%;
height: auto;
}
.contactimage-area {
padding: 0;
}
.contactimage-area img {
width: 100%;
height: auto;
}
.contact-form {
padding: 50px 24px;
}
.contact-info-area {
display: flex;
justify-content: space-between;
width: 50%;
margin-top: 50px;
}
.form-list {
display: block;
}
.contact-info-area {
display: block;
width: 100%;
}
.contact-info-area .data {
margin-bottom: 20px;
}
.form-list > li {
width: 100%;
}
.open-menu .fix-menu nav {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
align-items: center;
padding: 24px;
background-color: #F9F5EE;
opacity: 0;
-webkit-animation: menufade 1s forwards;
animation: menufade 1s forwards;
z-index: 900;
}
@-webkit-keyframes menufade {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes menufade {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.open-menu.color-W .head-logo-color,
.open-menu.color-M .head-logo-color,
.open-menu.color-W .fix-menu a,
.open-menu.color-M .fix-menu a {
color: #392726;
fill: #392726;
}
.open-menu.color-W #CPB span,
.open-menu.color-M #CPB span {
background-color: transparent;
}
.open-menu.color-W #CPB span::after,
.open-menu.color-M #CPB span::after {
background-color: #392726;
transform: rotate(-45deg);
top: 0;
left: 0;
}
.open-menu.color-W #CPB span::before,
.open-menu.color-M #CPB span::before {
background-color: #392726;
transform: rotate(45deg);
top: 0;
left: 0;
}
.open-menu .fix-menu .fix-mail {
display: block;
}
footer {
display: block;
font-size: 12px;
padding: 80px 24px;
}
footer .footer-inner {
padding: 0px 0 0;
}
.foot-logo-wrap {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 8px;
color: #FFFFFF;
}
.foot-logo-wrap svg {
width: 160px;
margin-right: 10px;
vertical-align: middle;
}
.footer-contact {
text-align: center;
}
footer a {
text-decoration: none;
color: #FFFFFF;
}
footer .footer-sns {
text-align: center;
margin-top: 16px;
}
footer .footer-sns a {
text-decoration: none;
color: #FFFFFF;
font-size: 30px;
margin: 0 10px;
}
footer .footer-links {
text-align: center;
margin-top: 6px;
}
footer .footer-links a {
text-decoration: none;
color: #FFFFFF;
font-size: 12px;
margin: 0 10px;
}
footer .color-M .head-logo-color {
fill: #FFFFFF !important;
}
.foot-logo-color {
fill: #FFFFFF;
}
} .swiper-button-next, .swiper-button-prev {
color: white !important;
}
.swiper-button-next:after, .swiper-button-prev:after {
font-size: 26px !important;
}
.swiper-top-nav-wrap {
position: relative;
height: 15px;
margin-top: 10px;
margin-left: -10px;
}
.swiper-top-nav-wrap .swiper-button-next {
left: 50px;
}
.swiper-pagination {
color: #fff;
font-size: 12px;
}
.swiper-pagination {
position: absolute;
text-align: left !important;
transition: 0.3s opacity;
transform: translate3d(0, 0, 0);
z-index: 10;
left: 100px !important;
top: 50%;
line-height: 1;
margin-top: -6px;
width: auto !important;
}
@font-face {
font-family: "icomoon";
src: url(//arch.melbourne/wp-content/themes/ArchMelborne/font/icomoon.eot?vamuf3);
src: url(//arch.melbourne/wp-content/themes/ArchMelborne/font/icomoon.eot?vamuf3#iefix) format("embedded-opentype"), url(//arch.melbourne/wp-content/themes/ArchMelborne/font/icomoon.ttf?vamuf3) format("truetype"), url(//arch.melbourne/wp-content/themes/ArchMelborne/font/icomoon.woff?vamuf3) format("woff"), url(//arch.melbourne/wp-content/themes/ArchMelborne/font/icomoon.svg?vamuf3#icomoon) format("svg");
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^=icon-], [class*=" icon-"] { font-family: "icomoon" !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-instagram:before {
content: "\e900";
}
.icon-facebook2:before {
content: "\e901";
}
.icon-left-arrrow:before {
content: "\e902";
color: #fff;
}
.icon-right-arrow:before {
content: "\e903";
color: #fff;
}
.swiper-top-nav-wrap .swiper-button-prev:after {
font-size: 11px !important;
content: "\e902" !important;
font-family: "icomoon" !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.swiper-top-nav-wrap .swiper-button-next:after {
font-size: 11px !important;
content: "\e903" !important;
font-family: "icomoon" !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#Journal {
background-color: #392726;
}
#Journal.post {
background-color: #F9F5EE;
}
#Journal .Journal-inner {
width: 100%;
padding: 225px 0px 225px;
}
#Journal.post  .Journal-inner {
width: 100%;
padding: 0px 0px 100px;
}
#Journal .jornal-list {
display: flex;
flex-wrap: wrap;
}
#Journal .jornal-item {
width: 33.3333%;
}
#Journal .jornal-item a {
display: block;
padding: 16px 16px 30px;
text-decoration: none;
}
#Journal .jornal-item .post-day {
font-size: 12px;
color: #FFFFFF;
opacity: 0.6;
}
#Journal .jornal-item h1 {
font-size: 15px;
color: #FFFFFF;
}
#Journal .Ratio {
position: relative;
width: 100%;
display: block;
overflow: hidden;
}
#Journal .Ratio:before {
display: block;
padding-top: calc(100% / (var(--tg-aspect-ratio)));
content: "";
}
#Journal .Ratio > img {
-o-object-fit: cover;
object-fit: cover;
height: 100%;
width: 100%;
}
#Journal .Ratio--postJ {
--tg-aspect-ratio: 1.5;
}
#Journal .Ratio--colum2 {
--tg-aspect-ratio: .7;
}
#Journal .Ratio > * {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#Journal .post-content {
padding: 0 30px;
}
#Journal .post-content .text-box {
max-width: 820px;
margin: 20px auto;
}
#Journal .post-content .text-box .post-day {
font-size: 12px;
opacity: 0.6;
}
#Journal .post-content .text-box h1 {
font-size: 18px;
margin-bottom: 40px;
}
#Journal .post-content .text-box p{
font-size: 1.5rem;
line-height: 1.5;
}
#Journal .post-content .photo-box {
max-width: 1100px;
margin: 20px auto;
}
#Journal .post-content .photo-box.main-view{
margin-bottom: 40px;
}
#Journal .post-content .colum2 {
display: flex;
justify-content: space-between;
}
#Journal .post-content .colum2 figure {
width: 48%;
}
#Journal .post-content .sns-wrap {
max-width: 820px;
margin: 50px auto;
display: flex;
align-items: center;
}
#Journal .post-content .sns-wrap .sns-box a {
display: inline-block;
text-decoration: none;
margin-left: 16px;
padding: 0;
}
#Journal .post-content .post-bottom {
max-width: 820px;
margin: 0px auto;
}
#Journal .post-content .post-bottom a {
justify-content: center;
align-items: center;
color: #392726;
text-decoration: none;
font-size: 14px;
height: 30px;
border-radius: 15px;
padding: 8px 40px 8px 0px;
display: inline-flex;
width: auto;
position: relative;
margin-top: 16px;
line-height: 1;
}
#Journal .post-content .post-bottom a:after {
font-family: "icomoon" !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e903";
color: #392726;
position: absolute;
right: 8px;
top: 50%;
font-size: 11px;
margin-top: -6px;
}
@media only screen and (max-width: 980px) {
#Journal .Journal-inner {
padding: 100px 0px 100px;
}
#Journal .jornal-list {
display: block;
}
#Journal .jornal-item {
width: 100%;
}
#Journal .jornal-item a {
padding: 16px 0px 30px;
}
#Journal .post-content {
padding: 0px 15px;
}
}
.wpcf7-not-valid-tip{
color: #f00;
font-size:12px;
}
.cont_install_date {
border: 0;
background: transparent;
padding: 0 8px;
width: 100%;
font-size: 12px;
}
.contact_file_input input + span{
display: block;	
}
.file-upload-parent{
position: relative;
line-height: normal;
}
.file-upload-parent br {
display: none;    
}
label#file-upload-text {
font-size: 12px;
color: #000;
opacity: 1;
}
input#file-upload {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0;
}