.pageHead {
background: #606c5c;
color: #fff;
}
.pageHead h1.pageH__ttl {
text-align: center;
padding: 1em;
}
.breadcrumb {
padding: 1em 24px;
font-size: 0.84em;
}
.breadcrumb a {
color: #575757;
}
.breadcrumb a.home {
color: #606c5c;
font-weight: bold;
margin-right: 0.333em;
}
.breadcrumb a.taxonomy.category {
margin-right: 0.333em;
margin-left: 0.333em;
color: #312f30;
}
.breadcrumb .current-item {
margin-left: 0.333em;
color: #575757;
}
.paged__wrapper {
width: 100%;
padding: 0 24px;
}
.paged__wrapper section:not(.fstSection) {
margin: 30px 0;
}
.paged__wrapper section .secin_row {
padding: 50px 0;
}
.page_images {
margin: 0 calc(50% - 50vw);
width: 100vw;
max-height: 120px;
aspect-ratio: 9/1;
overflow: hidden;
position: relative;
}
.page_images figure {
margin: 0;
height: 100%;
}
.page_images img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
}
h3.Psec_ttl {
color: #606c5c;
font-size: 1.48em;
font-weight: 600;
text-align: left;
/*color: #606c5c;
text-align: left;
margin: 50px 0 35px 15px;
position: relative;
}
h3.Psec_ttl::before {
content: "";
background: #e8ece2;
width: 50px;
height: 50px;
position: absolute;
top: 50%;
left: -15px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: -1;*/
}
.paged__wrapper section.fstSection .Psec_ttl:first-child {
margin-top: 15px;
}
p.p_left {
text-align: left;
}
.dress_ttl {
font-size: 1.64em;
font-weight: 700;
text-align: center;
}
.colored_txt {
color: #4d7985;
}
a.inline_link {
color: #606c5c;
text-decoration: underline;
}
@media screen and (min-width: 768px) {
.paged__wrapper section:not(.fstSection) {
margin: 65px 0;
}
.md_none {
display: none;
}
}
@media screen and (min-width: 1024px) {
.paged__wrapper section:not(.fstSection) {
margin: 90px auto;
}
.Psec_ttl {
font-size: clamp(1.6em, 5vw, 2.75em);
}
.xl_none {
display: none;
}
}


/*** ABOUTUS ***/
.en_subTitle {
text-align: center;
font-weight: 900;
}
.aboutTop h2 {
font-size: 1.64em;
font-weight: 700;
margin-bottom: 0 !important;
}
.aboutTop h3 {
font-size: 1.36em;
font-weight: 700;
margin: 1.48em auto!important;
}
.aboutTop h4 {
font-size: 1.18em;
font-weight: 600;
border: 2px solid #312f30;
border-left-width: 0;
border-right-width: 0;
padding: 1.2em 0;
}
.about_EN {
font-size: 4rem;
line-height: 1.24;
}
.aboutMid {
margin: 0 calc(50% - 50vw) !important;
width: 100vw;
background: #efefef;
margin-bottom: 0!important;
}
.aboutMid .secin_row {
padding-bottom: 0!important;
}
.about_clm:first-child h3.Psec_ttl {
margin-top: 0;
}
.about_txt {
padding: 50px;
}
.about_clm figure {
margin: 0 calc(50% - 50vw);
width: 100vw;
}
.partnership {
margin: 0 calc(50% - 50vw) !important;
width: 100vw;
background: #e8ece2;
padding: 60px 24px;
}
@media screen and (min-width: 768px) {
.aboutTop h2 {
font-size: 2.2em;
}
.aboutTop h3 {
font-size: 1.68em;
}
.aboutTop h4 {
font-size: 1.32em;
padding: 1.5em 0;
}
.about_EN {
font-size: 5.2rem;
}
.about_clm {
display: flex;
align-items: center;
}
.about_txt {
flex: 1 0 0;
}
.about_clm figure {
flex: 1 0 0;
height: 100%;
overflow: hidden;
margin: 0;
width: auto;
}
.about_clm figure img {
object-fit: cover;
aspect-ratio: 4/3;
object-position: center;
}
section .about_clm:nth-child(2) .about_txt {
order: 2;
}
}
@media screen and (min-width: 1024px) {
.aboutTop h2 {
font-size: clamp(2.4rem, 6.5vw, 2.6em);
}
.aboutTop h3 {
font-size: clamp(2rem, 5vw, 3rem);
}
.aboutTop h4 {
font-size: clamp(1.7rem, 5.5vw, 2.1rem);
padding: 1.25em 0;
}
.about_EN {
font-size: clamp(7.2rem, 8vw, 8rem);
}
.about_txt {
padding: clamp(50px, 10vw, 100px);
}
}

/*** CONTACTUS ***/
.faqlist li {
line-height: 1.4;
text-align: left;
}
.fa_Q {
font-size: 1.1em;
border-top: 1px solid #f5f5f5;
padding: 0.64em 0.4em;
display: flex;
align-items: flex-start;
gap: 0.64em;
transition: all 0.3s;
cursor: pointer;
}
.fa_Q::before {
content: '\e5e1';
font-family: 'Material Icons Outlined';
display: block;
transform: rotate(90deg);
transition: all 0.3s;
}
.fa_Q.opened {
font-weight: bold;
color: #4d7985;
border-top-color: #4d7985;
background-color: rgba(0,0,0,.03);
}
.fa_Q.opened::before {
color: #4d7985;
transform: rotate(-90deg);
}
.fa_A {
display: none;
padding: 1em;
}
.contact_toptxt {
margin-block-start: 0;
margin-block-end: 0;
margin: 0;
}
@media screen and (min-width: 768px) {
.fa_Q {
font-size: 1.08em;
}
.fa_A {
font-size: 1em;
padding: 1em;
}
}
/* FORMSTYLE */
#inputting form {
text-align: left;
/*background: #d3e3d1;
border: 2px solid #4d7985;
border-radius: 0.36em;
overflow: hidden;*/
}
.inp_tbl {
font-weight: 600;
padding: 0.84em 1.2em;
}
.musted {
color: #dd0000;
font-size: 0.9em;
font-weight: normal;
display: inline-block;
margin-right: 0.5em;
}
#inputting input[type=text],
#inputting input[type=email],
#inputting input[type=tel],
#inputting select,
#inputting textarea {
width: 100%;
padding: 0.75em 1em;
border: 2px solid #4d7985;
border-radius: 0.38em;
font-size: 1em;
box-shadow: none;
outline: none;
margin-top: 0.25em;
}
#inputting input:focus,
#inputting textarea:focus {
border-color: #4d7985;
}
#inputting textarea {
height: 10em;
}
::-webkit-input-placeholder {
color: #a0a0a0;
font-size: 0.9em;
}
:-ms-input-placeholder {
color: #a0a0a0;
font-size: 0.9em;
}
::-moz-placeholder {
color: #555;
font-size: 0.9rem;
}
.form-control {
max-width: 100%;
margin-bottom: 0;
}
.model_list .wpcf7-list-item {
display: block;
margin: 0.5em 1em;
}
.model_list input {
display: none;
}
.model_list .wpcf7-list-item-label {
display: flex;
justify-content: flex-start;
align-items: center;
padding-left: 40px;
line-height: 1.6;
position: relative;
cursor: pointer;
transition-duration: 0.2s;
}
.model_list .wpcf7-list-item-label::before,
.model_list .wpcf7-list-item-label::after {
content: '';
display: block;
width: 24px;
height: 24px;
position: absolute;
}
.model_list .wpcf7-list-item-label::before {
background: #fff;
border: 2px solid #4d7985;
border-radius: 3px;
margin-top: -10px;
top: 50%;
left: 5px;
}
.model_list .wpcf7-list-item-label::after {
width: 14px;
border-right: 3px solid #606c5c;
border-bottom: 3px solid #606c5c;
margin-top: -14px;
top: 50%;
left: 10px;
transform: rotate(45deg) translate3d(0,2px,0) scale3d(.7,.7,1);
transition: transform .2s ease-in-out, opacity .2s ease-in-out;
opacity: 0;
}
.model_list input:checked + span::after {
opacity: 1;
}
#inputting form p {
font-size: 0.87em;
padding: 0.84em 1.2em;
}
.submitBtn {
margin: 0 auto 1.82em;
text-align: center;
}
.submitBtn input[type=submit] {
display: block;
max-width: 320px;
font-weight: 700;
color: #fff;
text-align: center;
background: #4d7985;
padding: 1em 4.5em;
border: none;
border-radius: 3em;
margin: auto;
letter-spacing: 0.16em;
transition: background 0.3s;
}
.submitBtn input[type=submit]:hover {
background: #312f30;
}
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
font-size: 0.84em;
font-weight: normal;
white-space: nowrap;
pointer-events: none;
background: rgba(255,255,255,0.8);
padding: 0.5em 1em;
position: absolute;
top: 50%;
right: 1em;
transform: translateY(-50%);
}
.wpcf7-form-control:focus + .wpcf7-not-valid-tip {
display: none !important;
}
.wpcf7-response-output {
background: #606c5c;
color: #e8ece2;
margin: 0 1.4em 1.5em !important;
padding: 12px !important;
border-radius: 6px;
font-size: 0.95em;
line-height: 1.4;
text-align: center;
border: none !important;
position: static !important;
z-index: 1 !important;
}
.wpcf7-spinner,
.wpcf7-spinner::before {
display: block;
width: 1px;
height: 1px;
margin: 0;
padding: 0;
opacity: 0;
position: absolute !important;
visibility: unset !important;
z-index: 1 !important;
}
@media screen and (min-width: 768px) {
#inputting form {
border-width: 3px;
border-radius: 0.4em;
overflow: hidden;
}
.inp_tbl {
padding: 1.2em 1.48em;
}
#inputting form p {
font-size: 0.9em;
padding: 0 1.48em 1.2em;
}
}
@media screen and (min-width: 1024px) {
#inputting form {
max-width: 840px;
margin: auto;
}
.inp_tbl {
padding: 1.24em 2.8em;
}
#inputting form p {
padding: 0 2.8em 1.24em;
}
}
/*** POLICY ***/
.policy_txt {
margin-bottom: 30px;
}
.policy_txt dt {
font-weight: 700;
color: #4d7985;
}
.policy_txt dd {
font-size: 0.87em;
margin-bottom: 1.6em;
}
@media screen and (min-width: 768px) {
}
@media screen and (min-width: 1024px) {
.policy_txt {
max-width: 1280px;
margin: 0 auto 30px;
padding: 60px 0;
}
}