@font-face {
font-family: "Hiragino Sans";
src: local(HiraginoSans-W1);
font-weight: 100;
}
@font-face {
font-family: "Hiragino Sans";
src: local(HiraginoSans-W2);
font-weight: 200;
}
@font-face {
font-family: "Hiragino Sans";
src: local(HiraginoSans-W3);
font-weight: 300;
}
@font-face {
font-family: "Hiragino Sans";
src: local(HiraginoSans-W4);
font-weight: 400;
}
@font-face {
font-family: "Hiragino Sans";
src: local(HiraginoSans-W5);
font-weight: 500;
}
@font-face {
font-family: "Hiragino Sans";
src: local(HiraginoSans-W6);
font-weight: 600;
}
@font-face {
font-family: "Hiragino Sans";
src: local(HiraginoSans-W7);
font-weight: 700;
}
@font-face {
font-family: "Hiragino Sans";
src: local(HiraginoSans-W8);
font-weight: 800;
}
@font-face {
font-family: "Hiragino Sans";
src: local(HiraginoSans-W9);
font-weight: 900;
}
html,
body {
margin: 0 !important;
padding: 0 !important;
border: 0 none !important;
font-family: "Hiragino Sans", sans-serif !important;
background: #fff !important;
font-size: 100% !important;
color: #333 !important;
visibility: visible !important;
}
html {
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: transparent;
}
input::-moz-placeholder, textarea::-moz-placeholder {
color: #BEBEBE;
font-weight: 300;
}
input::placeholder,
textarea::placeholder {
color: #BEBEBE;
font-weight: 300;
}
.wpcf7-form-control, .wpcf7 input[type=text],
.wpcf7 input[type=email],
.wpcf7 input[type=tel],
.wpcf7 input[type=date],
.wpcf7 textarea {
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: 0;
padding: 0.75em;
border: 1px solid #DEE2E6;
border-radius: 2px !important;
background: #fff;
min-height: 3em;
color: #333;
font-family: inherit;
font-size: 1rem;
line-height: 1.5;
}
.wpcf7-form-control:focus, .wpcf7 input[type=text]:focus,
.wpcf7 input[type=email]:focus,
.wpcf7 input[type=tel]:focus,
.wpcf7 input[type=date]:focus,
.wpcf7 textarea:focus {
outline-style: auto !important;
}
.wpcf7 {
border: 0 none;
font-family: inherit !important;
}
.wpcf7-form {
margin: 0;
padding: 0;
}
.wpcf7-select {
max-width: 100%;
}
.wpcf7-date, .wpcf7-text, .wpcf7-textarea {
width: 100%;
}
@media (max-width: 834px) {
.wpcf7-textarea {
height: 143px;
}
}
.wpcf7 .wpcf7-validation-errors {
margin-top: 30px;
margin-bottom: 0;
border-color: #f00;
width: auto;
background-color: #fff;
}
@media (max-width: 834px) {
.wpcf7 .wpcf7-validation-errors {
margin-left: 17px;
margin-right: 17px;
}
}
.wpcf7 span.wpcf7-not-valid-tip {
margin-top: 0.25em;
font-size: 0.8125rem;
line-height: 1.5384615385;
}
.wpcf7 .content {
margin: 0;
padding: 0;
}
.l-header {
position: static;
width: auto;
height: auto;
background: #FFDC00;
}
.l-header__title {
margin: 0;
padding: 0;
text-align: center;
}
.l-header__title img {
display: block;
margin: 0 auto;
max-width: 100%;
width: 100%;
height: auto;
}
.l-footer {
margin: 4.75rem 0 0;
padding: 1.625rem 3.875rem 1.25rem 2.25rem;
background: #343434;
color: #fff;
}
@media (max-width: 834px) {
.l-footer {
margin-top: 0;
padding: 24px 21px 12px;
text-align: center;
}
}
.l-footer__address {
display: table;
margin: 0;
padding: 0;
border: 0 none;
font-style: normal;
}
@media (max-width: 834px) {
.l-footer__address {
margin: 0 auto;
}
}
.l-footer__address__block {
margin: 0;
padding: 0;
}
.l-footer__address__title {
margin: 0;
padding: 0;
font-weight: 400;
font-size: 0.875rem;
line-height: 1.5714285714;
}
@media (max-width: 834px) {
.l-footer__address__title {
font-size: 0.75rem;
line-height: 1.5;
}
}
.l-footer__address__title > br {
display: none;
}
.l-footer__address__label {
display: block;
margin: 0 0 4px;
padding: 0;
border-radius: 0.6875rem;
font-weight: 400;
font-size: 0.875rem;
line-height: 1.5714285714;
background: #fff;
color: #333;
text-align: center;
}
@media (max-width: 834px) {
.l-footer__address__label {
border-radius: 0.625rem;
font-size: 0.625rem;
line-height: 2;
}
}
.l-footer__address__body {
margin: 0;
padding: 0;
font-size: 0.6875rem;
line-height: 2;
}
@media (max-width: 834px) {
.l-footer__address__body {
font-size: 0.625rem;
line-height: 1.8;
}
}
.l-footer__legal {
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
margin: 0.75rem 0 0;
font-weight: 300;
font-size: 0.625rem;
line-height: 2;
}
@media (max-width: 834px) {
.l-footer__legal {
display: block;
margin-top: 0.375rem;
text-align: center;
}
}
.l-footer__examination, .l-footer__copyright {
margin: 0;
padding: 0;
}
@media (max-width: 834px) {
.l-footer__examination, .l-footer__copyright {
text-align: center;
}
}
.l-footer__examination__copyright__text, .l-footer__copyright__copyright__text {
font-size: 100%;
}
@media (max-width: 834px) {
.l-footer__copyright {
margin-top: 2px;
}
}
@media (max-width: 834px) {
.only--pc {
display: none;
}
}
.only--sp {
display: none;
}
@media (max-width: 834px) {
.only--sp {
display: inline;
}
}
.heading--A {
margin: 0;
padding: 0;
font-weight: 700;
font-size: 1.75rem;
line-height: 1;
letter-spacing: 0.04em;
text-align: center;
}
@media (max-width: 834px) {
.heading--A {
font-size: 1.125rem;
line-height: 1;
}
}
.heading--A::before {
content: "- ";
}
.heading--A::after {
content: " -";
}
.form__header, .wpcf7 .form__header {
margin: 0;
padding: 90px 20px 0;
text-align: center;
}
@media (max-width: 834px) {
.form__header, .wpcf7 .form__header {
padding-top: 50px;
}
}
.form__description, .wpcf7 .form__description {
margin: 36px 0 0;
padding: 0;
font-size: 1.0625rem;
line-height: 1.8823529412;
text-align: center;
}
@media (max-width: 834px) {
.form__description, .wpcf7 .form__description {
margin-top: 16px;
font-size: 0.875rem;
line-height: 1.7142857143;
text-align: left;
}
}
.form__body, .wpcf7 .form__body {
box-sizing: border-box;
margin: 26px auto 0;
padding: 47px 47px 64px;
border-radius: 4px;
max-width: 730px;
background: #F7F7F7;
}
@media (max-width: 834px) {
.form__body, .wpcf7 .form__body {
margin-top: 16px;
padding: 52px 0 68px;
}
}
.form__action, .wpcf7 .form__action {
display: flex;
margin: 54px auto 0;
max-width: 100%;
justify-content: space-evenly;
align-items: center;
}
@media (max-width: 834px) {
.form__action, .wpcf7 .form__action {
flex-direction: column-reverse;
gap: 20px 0;
margin-top: 30px;
}
}
.fieldset {
display: block;
margin: 0;
padding: 0 17px;
border: 0 none;
}
.fieldset + .fieldset {
margin-top: 49px;
padding-top: 49px;
border-top: 1px dashed #D3D3D3;
}
@media (max-width: 834px) {
.fieldset + .fieldset {
margin-top: 45px;
padding-top: 45px;
}
}
.fieldset + .fieldset:has(.fieldset__title) {
padding-top: 29px;
}
.fieldset__title {
display: block;
margin: 0 0 5px;
padding: 0;
font-weight: 600;
font-size: 1.125rem;
line-height: 1.3333333333;
color: inherit;
}
@media (max-width: 834px) {
.fieldset__title {
margin-bottom: 12px;
font-size: 1.0625rem;
line-height: 1.4117647059;
}
}
.fields {
margin: 0;
padding: 0;
}
.fields::after {
content: "";
display: table;
clear: both;
}
.fields__label {
clear: both;
float: left;
margin: 48px 0 0;
padding: 13px 0 0;
width: 210px;
font-weight: 600;
font-size: 1rem;
line-height: 1.5;
}
@media (max-width: 834px) {
.fields__label {
float: none;
margin-top: 24px;
padding-top: 0;
width: auto;
font-size: 0.9375rem;
line-height: 1.6;
}
}
.fields__label:first-of-type {
margin-top: 0px;
}
.fields__label label {
margin: 0;
padding: 0;
}
.fields__label__note {
font-weight: inherit;
font-size: 0.8125rem;
line-height: 1.8461538462;
}
.fields__input {
float: right;
margin: 48px 0 0;
padding: 0;
width: calc(100% - 10px - 210px);
}
@media (max-width: 834px) {
.fields__input {
float: none;
margin-top: 4px;
width: auto;
}
}
.fields__input:first-of-type {
margin-top: 0px;
}
@media (max-width: 834px) {
.fields__input:first-of-type {
margin-top: 4px;
}
}
.mark--required {
display: inline-block;
margin: 0 0 0 0.2em;
padding: 0 0.125rem;
border-radius: 2px;
background: #666;
color: #fff;
font-weight: 400;
font-size: 0.625rem;
line-height: 1.4;
letter-spacing: 0.1em;
white-space: nowrap;
vertical-align: 0.2em;
}
.mark--required {
background: #E00000;
}
.input-group {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
gap: 0.5em 1em;
}
@media (max-width: 834px) {
.input-group {
gap: 0.5em 10px;
}
}
.input-group > * {
flex: 1;
}
.input--select {
position: relative;
display: inline-block;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.input--select,
.input--select select {
cursor: pointer;
}
.input--select::after {
content: "";
position: absolute;
top: 0;
right: 13px;
bottom: 0;
margin: auto;
border-top: 11px solid #848484;
border-left: 11px solid transparent;
border-right: 11px solid transparent;
width: 0;
height: 0;
pointer-events: none;
}
.input--select select {
padding-right: 48px;
width: 100%;
}
.wpcf7 input[type=button], .wpcf7 input[type=submit], .wpcf7 input[type=reset],
.wpcf7 button[type=button],
.wpcf7 button[type=submit],
.wpcf7 button[type=reset] {
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
position: relative;
display: inline-block;
margin: 0 auto;
padding: 1.1875rem;
border: 1px solid #000;
border-radius: 4px !important;
width: auto;
min-width: 246px;
height: auto;
background: #FDAF32 none 100% 50% no-repeat;
background-size: 10px auto;
color: #000;
font-family: inherit;
font-weight: 600;
font-size: 0.8125rem !important;
line-height: 1.5384615385 !important;
letter-spacing: 0.02em;
text-align: center;
cursor: pointer;
}
@media (max-width: 834px) {
.wpcf7 input[type=button], .wpcf7 input[type=submit], .wpcf7 input[type=reset],
.wpcf7 button[type=button],
.wpcf7 button[type=submit],
.wpcf7 button[type=reset] {
font-size: 0.8125rem;
line-height: 1.5384615385;
}
}
@media (hover: hover) {
.wpcf7 input[type=button], .wpcf7 input[type=submit], .wpcf7 input[type=reset],
.wpcf7 button[type=button],
.wpcf7 button[type=submit],
.wpcf7 button[type=reset] {
transition: background-color 0.2s ease-in-out;
}
.wpcf7 input[type=button]:hover, .wpcf7 input[type=submit]:hover, .wpcf7 input[type=reset]:hover,
.wpcf7 button[type=button]:hover,
.wpcf7 button[type=submit]:hover,
.wpcf7 button[type=reset]:hover {
background-color: #FFDEA8;
}
}
.wpcf7 input.button--confirm[type=button], .wpcf7 input.button--confirm[type=submit], .wpcf7 input.button--confirm[type=reset],
.wpcf7 button.button--confirm[type=button],
.wpcf7 button.button--confirm[type=submit],
.wpcf7 button.button--confirm[type=reset], .wpcf7 input.button--submit[type=button], .wpcf7 input.button--submit[type=submit], .wpcf7 input.button--submit[type=reset],
.wpcf7 button.button--submit[type=button],
.wpcf7 button.button--submit[type=submit],
.wpcf7 button.button--submit[type=reset] {
padding-left: 52px;
padding-right: 52px;
background-image: url(//marutto.co.jp/c/assets/uchicomi/img/button_arrow.svg);
background-position: calc(100% - 15px) 50%;
background-size: 24px;
}
.wpcf7 input.button--function[type=button], .wpcf7 input.button--function[type=submit], .wpcf7 input.button--function[type=reset],
.wpcf7 button.button--function[type=button],
.wpcf7 button.button--function[type=submit],
.wpcf7 button.button--function[type=reset], .wpcf7 input.button--back[type=button], .wpcf7 input.button--back[type=submit], .wpcf7 input.button--back[type=reset],
.wpcf7 button.button--back[type=button],
.wpcf7 button.button--back[type=submit],
.wpcf7 button.button--back[type=reset] {
border-color: #808080;
background: #fff;
color: inherit;
font-weight: 400;
font-size: 0.75rem;
line-height: 1.6666666667;
}
@media (hover: hover) {
.wpcf7 input.button--function[type=button]:hover, .wpcf7 input.button--function[type=submit]:hover, .wpcf7 input.button--function[type=reset]:hover,
.wpcf7 button.button--function[type=button]:hover,
.wpcf7 button.button--function[type=submit]:hover,
.wpcf7 button.button--function[type=reset]:hover, .wpcf7 input.button--back[type=button]:hover, .wpcf7 input.button--back[type=submit]:hover, .wpcf7 input.button--back[type=reset]:hover,
.wpcf7 button.button--back[type=button]:hover,
.wpcf7 button.button--back[type=submit]:hover,
.wpcf7 button.button--back[type=reset]:hover {
background-color: rgba(0, 0, 0, 0.1);
}
}
.wpcf7 input.button--function[type=button], .wpcf7 input.button--function[type=submit], .wpcf7 input.button--function[type=reset],
.wpcf7 button.button--function[type=button],
.wpcf7 button.button--function[type=submit],
.wpcf7 button.button--function[type=reset] {
padding: 0.5625rem 1.125rem;
min-width: 0;
white-space: nowrap;
}
.wpcf7 input.button--back[type=button], .wpcf7 input.button--back[type=submit], .wpcf7 input.button--back[type=reset],
.wpcf7 button.button--back[type=button],
.wpcf7 button.button--back[type=submit],
.wpcf7 button.button--back[type=reset] {
padding-left: 52px;
padding-right: 52px;
color: #808080;
background-image: none;
}
.description {
box-sizing: border-box;
padding: 28px 15px 0;
background: #FDAF32;
color: #fff;
}
@media (max-width: 834px) {
.description {
padding-top: 30px;
height: 206px;
}
}
.description__body {
box-sizing: border-box;
position: relative;
top: 1px;
margin: 0 auto;
padding: 0 0 8px 183px;
max-width: 517px;
background: url(//marutto.co.jp/c/assets/uchicomi/img/omakase_woman.png) 0 100% no-repeat;
background-size: auto 151px;
text-align: center;
}
@media (max-width: 834px) {
.description__body {
padding: 0 0 94px;
max-width: none;
background-position: 50% 100%;
background-size: auto 97px;
}
}
.description picture, .description__image {
display: block;
}
.description__image {
margin: 0 0 0 auto;
max-width: 334px;
width: 100%;
}
@media (max-width: 834px) {
.description__image {
margin-right: auto;
max-width: 300px;
}
}
.services {
padding: 83px 15px 0;
}
@media (max-width: 834px) {
.services {
padding-top: 70px;
}
}
.services__body {
margin: 33px auto 0;
padding: 0;
max-width: 540px;
}
@media (max-width: 834px) {
.services__body {
margin-top: 9PX;
}
}
.services__body img {
width: 100%;
height: auto;
}
.guidance {
margin: 0;
padding: 60px 15px 97px;
}
@media (max-width: 834px) {
.guidance {
padding: 35px 15px 53px;
}
}
.guidance__title {
display: flex;
align-items: center;
position: relative;
margin: 0 auto;
padding: 0 39px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
min-height: 25px;
font-weight: 700;
font-size: 1.5rem;
line-height: 1;
letter-spacing: 0.04em;
text-align: center;
}
@media (max-width: 834px) {
.guidance__title {
min-height: 23px;
font-size: 1rem;
line-height: 1;
}
}
.guidance__title::before, .guidance__title::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
display: block;
width: 15px;
height: 25px;
background: url(//marutto.co.jp/c/assets/uchicomi/img/fukidashi_L.svg) 0 0 no-repeat;
background-size: 100%;
}
@media (max-width: 834px) {
.guidance__title::before, .guidance__title::after {
width: 13px;
height: 23px;
}
}
.guidance__title::after {
left: auto;
right: 0;
background-image: url(//marutto.co.jp/c/assets/uchicomi/img/fukidashi_R.svg);
}
.guidance__body {
margin: 21px 0 0;
font-size: 1.0625rem;
line-height: 1.8823529412;
}
@media (max-width: 834px) {
.guidance__body {
margin-top: 15px;
font-size: 0.875rem;
line-height: 1.7142857143;
}
}
.guidance__body p {
text-align: center;
}
@media (max-width: 834px) {
.guidance__body p {
text-align: left;
}
}
.guidance__body strong {
font-weight: 700;
color: #E60000;
}
.flow {
padding: 75px 15px 86px;
background: #FFDC00;
}
@media (max-width: 834px) {
.flow {
padding-top: 50px;
padding-bottom: 50px;
}
}
.flow__list {
display: flex;
margin: 39px auto 0;
padding: 0;
gap: 0 19px;
max-width: 1110px;
justify-content: space-between;
align-items: stretch;
list-style-type: none;
}
@media (max-width: 834px) {
.flow__list {
flex-direction: column;
margin-top: 30px;
gap: 41px 0;
}
}
.flow__list > li {
flex: 1;
position: relative;
padding: 23px 17px 18px;
border: 1px solid #000;
border-radius: 4px;
background: #fff;
font-size: 0.875rem;
line-height: 1.7142857143;
}
@media (max-width: 834px) {
.flow__list > li {
display: flex;
gap: 0 4px;
padding: 0 5px;
align-items: center;
}
}
.flow__list > li::before {
content: "";
position: absolute;
top: -19px;
left: 0;
right: 0;
margin: auto;
width: 38px;
height: 38px;
background: url(//marutto.co.jp/c/assets/uchicomi/img/1.svg) 0 0 no-repeat;
background-size: 100%;
}
.flow__list > li:nth-of-type(2)::before {
background-image: url(//marutto.co.jp/c/assets/uchicomi/img/2.svg);
}
.flow__list > li:nth-of-type(3)::before {
background-image: url(//marutto.co.jp/c/assets/uchicomi/img/3.svg);
}
.flow__list > li:nth-of-type(4)::before {
background-image: url(//marutto.co.jp/c/assets/uchicomi/img/4.svg);
}
.flow__list > li:nth-of-type(5)::before {
background-image: url(//marutto.co.jp/c/assets/uchicomi/img/5.svg);
}
.flow__list > li::after {
content: "";
position: absolute;
top: 30px;
bottom: 0;
right: -22px;
margin: auto;
width: 31px;
height: 12px;
background: url(//marutto.co.jp/c/assets/uchicomi/img/flow_arrow.svg) 0 0 no-repeat;
background-size: 100%;
transform: rotate(-90deg);
}
@media (max-width: 834px) {
.flow__list > li::after {
top: 100%;
bottom: auto;
left: 0;
right: 0;
transform: none;
}
}
.flow__list > li:last-of-type::after {
content: none;
}
.flow__list picture {
display: contents;
}
.flow__list source {
display: none;
}
.flow__list__image {
display: block;
margin: 0 auto;
width: 100%;
max-width: 120px;
}
@media (max-width: 834px) {
.flow__list__image {
width: 108px;
}
}
@media (max-width: 834px) {
.flow__list__text {
flex: 1;
margin: 0;
padding: 10px 0 0;
}
}
.thanks {
padding: 60px 15px;
}
.thanks__title {
margin: 0 auto;
padding: 0;
font-weight: 400;
font-size: 1.875rem;
line-height: 1.3333333333;
text-align: center;
}
.thanks__message {
margin: 60px auto 0;
padding: 0;
font-weight: 400;
font-size: 1.25rem;
line-height: 1.5;
text-align: center;
}