@charset "utf-8";
    @import url("https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
:root { --color-background: #FFF;
--color-font: #1C2833;
--color-primary: #C5A05D;
--color-primary-shade: #8a7041;
--color-primary-tint: #d6bd8e;
--color-secondary: #C5A05D;
--color-secondary-tint: #d6bd8e;
--color-table-border: #EBEBEB;
--body-font-size: min(calc(1.6rem + (1vw - 1.92rem) * 0.1294), 1.6rem); --body-font-family: 'Noto Sans JP', sans-serif;
--content-max-width: 1240px; --header-background: #FFF;
--header-color-font: #1C2833;
--header-color-primary: #C5A05D;
--header-color-primary-shade: #8a7041;
--header-color-primary-tint: #d6bd8e; --footer-background: #F5F5F5;
--footer-color-font: #1C2833;
--footer-color-primary: #1C2833; --font-family01: 'Noto Sans JP', sans-serif;
--font-family02: 'Oswald', 'Noto Sans JP', sans-serif;
--font-family03: "Poppins", 'Noto Sans JP', sans-serif;
} .post {
.ttl {
&:is(.ttl--primary) {
display: flex;
flex-direction: column;
margin-bottom: var(--rem24);
position: relative;
&::after {
display: none;
}
.ttl--primary__en {
font-family: var(--font-family03);
font-size: var(--rem80);
font-weight: 500;
line-height: 1.4;
letter-spacing: .04em;
}
}
&:is(.ttl--primary--mod-01) {
font-size: var(--rem80);
margin-bottom: var(--px50);
&::after {
display: block;
width: 1em;
background: var(--color-primary);
margin: .35em auto 0;
}
.ttl--primary__en {
font-size: var(--rem80);
font-weight: 500;
line-height: 1.4;
letter-spacing: .04em;
}
}
} .heading_mod-01 {
font-size: var(--rem36);
font-family: var(--font-family01);
font-weight: 600;
text-align: center;
letter-spacing: .2rem;
padding: 0;
margin: var(--px120) auto var(--px50);
&::after {
content: '';
position: relative;
visibility: visible;
display: block;
width: 2.2em;
height: 3px;
background: var(--color-primary);
margin: 0.6em auto 0;
}
} .heading_mod-02 {
font-size: var(--rem24w);
font-family: var(--font-family01);
font-weight: 600;
letter-spacing: .1rem;
padding: 0 0 .4em;
margin: var(--px60) auto var(--px20);
border-bottom: 2px solid var(--color-primary);
&::before, &::after {
display: none;
}
} .heading_mod-03 {
font-size: var(--rem24w);
font-weight: 600;
font-family: var(--body-font-family);
letter-spacing: .1rem;
padding: 0 1rem 0.2rem;
margin: var(--rem60) auto var(--rem30);
border-left: 4px solid;
border-bottom: none;
&::before, &::after {
display: none;
}
} .heading_mod-04 {
position: relative;
font-size: var(--rem18);
font-family: var(--font-family01);
font-weight: 600;
padding: 0 0 0 1.2em;
margin: var(--px40) auto var(--px24);
border: none;
&::before {
content: '';
position: absolute;
width: .7em;
height: 2px;
background: var(--color-primary);
top: .8em;
left: 0;
}
&::after {
display: none;
}
}
p {
line-height:2;
}
.definitionList {
dt, dd {
font-size: var(--rem20);
line-height: 1.5;
}
dt {
font-weight: 700;
}
dd {
padding: 5px 0 20px .5em;
}
}
.box {
padding: var(--rem60) var(--px60) var(--rem80);
&:is(.box--bg) {
background: #f9f6ef;
}
}
.anchorLinks {
& > ul {
display: flex;
align-items: stretch;
justify-content: center;
gap: var(--rem48);
margin-bottom: var(--rem120);
@media screen and (max-width: 768px) {
flex-wrap: wrap;
gap: var(--rem24) var(--rem48);
}
@media screen and (max-width: 414px) {
flex-wrap: wrap;
gap: var(--rem24);
}
& > li {
width: 100%;
max-width: 400px;
& > a {
position: relative;
display: inline-block;
width: 100%;
max-width: 400px;
font-size: var(--rem16);
color: #fff;
line-height: 1.8;
text-align: center;
background: #00284C;
font-weight: 600;
padding: var(--rem20) 48px var(--rem20) 20px;
margin: var(--px40) auto 0;
border: none;
border-radius: 50vh;
transition: all .3s;
@media print, screen and (max-width: 768px) {
margin: 0 auto;
}
&::after {
display: block;
content: '';
width: 8px;
height: 8px;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
border-color: #fff;
margin-top: -5px;
position: absolute;
top: 50%;
right: 2em;
transform: rotate(-45deg);
transition: all .3s;
}
&:hover {
color: #fff;
background: #4d6982;
}
}
}
}
}
.flexbox {
&:is(.flexbox--ordinarily) {
display: flex;
}
}
.max-w {
margin-left: auto;
margin-right: auto;
&:is(.leftSide) {
margin-left: 0;
}
&:is(.rightSide) {
margin-right: 0;
}
&:is(.max-w--960) {
max-width: 960px;
}
&:is(.max-w--1000) {
max-width: 1000px;
}
}
.none-style {
padding: 0;
border: 0;
&::before, &::after {
display: none;
}
}
.ffs-on {
font-feature-settings: 'palt' on;
}
.ffs-off {
font-feature-settings: 'palt' off;
}
.ff-01 {
font-family: var(--font-family01) !important;
}
.ff-02 {
font-family: var(--font-family02) !important;
}
.ff-03 {
font-family: var(--font-family03) !important;
}
.fsz-12 {
font-size: var(--rem12);
}
.fsz-14 {
font-size: var(--rem14);
}
.fsz-16 {
font-size: var(--rem16);
}
.fsz-18 {
font-size: var(--rem18);
}
.fsz-20 {
font-size: var(--rem20);
}
.fsz-24 {
font-size: var(--rem24);
}
.fsz-28 {
font-size: var(--rem28);
}
.fsz-30 {
font-size: var(--rem30);
}
.fsz-36 {
font-size: var(--rem36);
}
.fsz-40 {
font-size: var(--rem40);
}
.fsz-48 {
font-size: var(--rem48);
}
.fsz-60 {
font-size: var(--rem60);
}
.fsz-72 {
font-size: var(--rem72);
}
.fsz-80 {
font-size: var(--rem80);
}
.fsz-120 {
font-size: var(--rem120);
}
.fw-100 {
font-weight: 100 !important;
}
.fw-200 {
font-weight: 200 !important;
}
.fw-300 {
font-weight: 300 !important;
}
.fw-400 {
font-weight: 400 !important;
}
.fw-500 {
font-weight: 500 !important;
}
.fw-600 {
font-weight: 600 !important;
}
.fw-700 {
font-weight: 700 !important;
}
.fw-800 {
font-weight: 800 !important;
}
.fw-900 {
font-weight: 900 !important;
}
.lh-mod-01 {
line-height: 1 !important;
}
.lh-mod-02 {
line-height: 1.1 !important;
}
.lh-mod-03 {
line-height: 1.2 !important;
}
.lh-mod-04 {
line-height: 1.3 !important;
}
.lh-mod-05 {
line-height: 1.4 !important;
}
.lh-mod-06 {
line-height: 1.5 !important;
}
.lh-mod-07 {
line-height: 1.6 !important;
}
.lh-mod-08 {
line-height: 1.7 !important;
}
.lh-mod-09 {
line-height: 1.8 !important;
}
.lh-mod-10 {
line-height: 1.9 !important;
}
.lh-mod-11 {
line-height: 2 !important;
}
.lh-mod-12 {
line-height: 2.3 !important;
}
.ls-mod-01 {
letter-spacing: 0 !important;
}
.ls-mod-02 {
letter-spacing: .1em !important;
}
.ls-mod-02 {
letter-spacing: .14em !important;
}
.color-common {
color: var(--color-font);
}
.color-primary {
color: var(--color-primary);
}
.color-primary-shade {
color: var(--color-primary-shade);
}
.color-primary-tint {
color: var(--color-primary-tint);
}
.color-white {
color: #fff;
}
.color-black {
color: #000;
}
.color-gradation {
background: linear-gradient(263deg, #27B7EC 9%, #073190 97%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
.d-inline {
display: inline;
}
.d-inline-b {
display: inline-block;
}
.d-block {
display: block;
}
.ml-12 {
margin-left: var(--rem12);
}
.ml-14 {
margin-left: var(--rem14);
}
.ml-16 {
margin-left: var(--rem16);
}
.ml-18 {
margin-left: var(--rem18);
}
.ml-20 {
margin-left: var(--rem20);
}
.ml-24 {
margin-left: var(--rem24);
}
.mr-12 {
margin-right: var(--rem12);
}
.mr-14 {
margin-right: var(--rem14);
}
.mr-16 {
margin-right: var(--rem16);
}
.mr-18 {
margin-right: var(--rem18);
}
.mr-20 {
margin-right: var(--rem20);
}
.mr-24 {
margin-right: var(--rem24);
}
.m-inline-auto {
margin-left: auto !important;
margin-right: auto !important;
}
.m-inline-none {
margin-left: 0 !important;
margin-right: 0 !important;
}
.mb-16 {
margin-bottom: var(--rem16);
}
} .post .txtstyle10 {
font-family: var(--font-family01);
font-size: var(--rem48);
font-weight: 700;
text-align: left;
color: var(--color-font);
line-height: 1.4;
overflow-wrap: break-word;
padding: 0 0 var(--rem30);
margin: var(--rem42) auto var(--rem30);
border: none;
background: transparent;
@media print, screen and (max-width: 768px) {
font-size: var(--rem36);
}
}
.post .txtstyle10 .subtxt {
display: block;
font-family: var(--font-family03);
font-size: var(--rem16);
color: var(--color-primary);
font-weight: 700;
padding: 0;
margin: 0 0 var(--rem14);
border: none;
background: transparent;
}
.post .txtstyle10::before {
content: none;
}
.post .txtstyle10::after {
position: absolute;
bottom: 0;
left: 0;
display: block;
width: 14.285em;
height: auto;
background: transparent;
border-bottom: 1px solid;
margin: .9em auto 0;
content: "";
}
.br_mod-01 {
display: none;
@media screen and (max-width: 414px) {
display: block;
}
}
.br_mod-02 {
display: block;
@media screen and (max-width: 414px) {
display: none;
}
} .bg_wide { position: relative; }
.bg_wide::before,
.bg_wide.bg_after::after {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100vw;
height: 100%;
margin-left: calc(((100vw - 100%) / 2) * -1);
margin-right: calc(((100vw - 100%) / 2) * -1);
content: "";
z-index: -1;
}
.box_w2_sp {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.box_w2_sp.rev { flex-direction: row-reverse; }
.box_w2_sp.vtop { align-items: flex-start; }
.box_w2_sp.vcen { align-items: center; }
.box_w2_sp.vbtm { align-items: flex-end; }
.box_pad { padding: 20px; box-sizing: border-box; }
.box_w2 .column2_50:not(.cen) { text-align: left; }
@media print, screen and (min-width: 641px){ .bg_fix::before { background-attachment: fixed !important; }
.box_w2 {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.box_w2.rev { flex-direction: row-reverse; }
.box_w2.vtop { align-items: flex-start; }
.box_w2.vcen { align-items: center; }
.box_w2.vbtm { align-items: flex-end; }
.box_pad { padding: 30px; }
.box_w2 .column3_33 { width: 32%; }
.box_w2 .column2_50 { width: 48.5%; }
.box_w2 .column2_60 { width: 57%; }
.box_w2 .column2_70 { width: 67%; }
.box_w2 .column2_80 { width: 77%; }
}
@media print, screen and (min-width:769px){ .box_pad { padding: 50px; }
} .box_w2 .column3_33 img, .box_w2 .column2_30 img,
.box_w2 .column2_40 img, .box_w2 .column2_50 img {
max-width: 100%;
} .w100 {
width: 100vw;
margin-left: calc(((100vw - 100%) / 2) * -1) !important;
margin-right: calc(((100vw - 100%) / 2) * -1) !important;
}
.w600, .w800, .w900 {
width: 600px;
max-width: 100%;
margin: auto;
}
.w800 { width: 800px; }
.w900 { width: 900px; } .fw_contents {
margin-top: 0;
margin-bottom: 0;
}
#content:has(.fw_contents), body:not(.home) #content:has(.fw_contents).wide {
padding: 0;
} .anchor_link {
&::before {
padding-top: 120px;
margin-top: -120px;
}
} .toptxtarea {
max-width: 960px;
width: 90%;
margin: 0 auto;
position: relative;
z-index: 1;
}
.column01 {
position: relative;
margin: 0;
.flexbox + .flexbox {
margin-top: var(--rem60);
}
}
.column01_wrap {
position: relative;
max-width: 1600px;
width: 100%;
margin: 0 auto;
z-index: 1;
}
.column01 .txtarea {
background: #fff;
display: flex;
align-items: center;
justify-content: center;
padding: var(--px80) var(--px40);
margin: 0;
}
.column01 .txtarea .txtinner {
max-width: 600px;
}
.column01 .imgarea {
aspect-ratio: 800 / 625;
overflow: hidden;
line-height: 0;
margin: 0;
}
.column01 .imgarea img {
width: 100%;
height: 100%;
object-fit: cover;
}
@media print, screen and (max-width: 768px) {
.column01 .txtarea {
padding: var(--px80) 0;
}
.column01 .txtarea .txtinner {
max-width: unset;
}
} .linkBtn, .post .linkBtn, a.linkBtn {
display: flex;
align-items: center;
justify-content: center;
column-gap: var(--px20);
font-family: var(--font-family03);
font-size: var(--rem18);
font-weight: 600;
line-height: 1;
letter-spacing: .1em;
max-width: 240px;
border-radius: 0;
padding: 21px 20px;
margin-left: 0;
&::after {
width: 8px;
height: 8px;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
position: static;
}
&:is(.linkBtn--round) {
position: relative;
display: inline-block;
width: 100%;
max-width: 400px;
font-size: var(--rem16);
color: #fff;
line-height: 1.8;
text-align: center;
background: var(--color-primary);
font-weight: 600;
padding: var(--rem20) 48px var(--rem20) 20px;
margin: var(--px40) auto 0;
border: none;
border-radius: 50vh;
transition: all .3s;
&::after {
border-color: #fff;
margin-top: -5px;
position: absolute;
top: 50%;
right: 2em;
}
&:hover {
color: #fff;
background: var(--color-primary-tint);
&::after {
border-color: #fff;
}
}
}
}
div:has(.linkBtn) {
&:is(.txt_l) {
.linkBtn {
margin-left: 0;
}
}
&:is(.txt_c) {
.linkBtn {
margin-left: auto;
margin-right: auto;
}
}
&:is(.txt_r) {
.linkBtn {
margin-right: 0;
}
}
} @media print, screen and (min-width: 1024px) {
#header {
height: 100px;
}
#header .logo {
padding-left: var(--px40);
} 
#header .logo img {
width: 100%;
max-width: 389px;
max-height: 26px;
}
nav#mainNav ul li a {
font-family: var(--font-family03);
font-size: var(--rem20);
font-weight: 600;
line-height: 1.6;
letter-spacing: .1em;
}
#header ul.header__contact {
padding: var(--rem20) 0;
}
#header a.head_btn {
background: transparent;
padding-left: var(--rem28);
padding-right: var(--rem28);
&:hover {
background: transparent;
}
}
#header a.head_btn.tel_btn {
color: var(--color-font); 
background: transparent;
border-left: 1px solid var(--color-font);
margin-left: 10px;
padding-left: var(--rem20);
padding-right: var(--rem20);
&:hover {
color: var(--color-primary);
background: transparent;
}
.tel_btn__info {
font-weight: 700;
.note {
b {
font-weight: 700;
}
}
}
}
#header a.head_btn.tel_btn::before {
display: none;
}
#header a.head_btn .tel_btn__num::before {
content: '\f095';
position: relative;
top: 2px;
display: block;
font-family: 'FontAwesome';
font-size: var(--rem16);
font-weight: 400;
line-height: 1;
margin-bottom: .1em;
}
#header a.head_btn .tel_btn__num {
display: flex;
align-items: center;
column-gap: min(calc(0.8rem + (1vw - 1.92rem) * 0.1294), .8rem);
font-size: var(--rem20);
font-weight: 700;
margin-bottom: 3px;
}
#header a.head_btn.mail_btn {
color: var(--color-primary);
font-size: var(--rem16);
flex-direction: row;
align-items: center;
border-left: 1px solid var(--color-font);
padding-left: calc(var(--rem16) * 2);
padding-right: calc(var(--rem16) * 2);
&:hover {
color: var(--color-primary-tint);
}
}
#header a.head_btn.mail_btn::before {
font-size: var(--rem20);
position: relative;
top: 1px;
margin-right: 10px;
margin-bottom: 0;
}
nav#mainNav ul li:has(> .sub-menu) {
&:hover {
background: var(--color-primary);
a b {
color: #fff;
}
}
}
nav#mainNav ul li a b, nav#mainNav ul li a span {
font-weight: 600;
}
nav#mainNav ul li.current-menu-item a b, nav#mainNav ul li.current-menu-parent a b {
color: var(--header-color-font);
}
nav#mainNav ul li a:hover {
background: transparent;
b {
color: var(--color-primary);
}
}
nav#mainNav ul li.current-menu-item a:hover b, nav#mainNav ul li.current-menu-parent a:hover b {
color: var(--color-primary);
}
nav#mainNav ul li.current-menu-item a {
background: transparent;
}
body:not(.home) {
nav#mainNav ul li.current-menu-item a b, nav#mainNav ul li.current-menu-parent a b {
color: var(--header-color-primary);
}
nav#mainNav ul li.current-menu-item:hover a b, nav#mainNav ul li.current-menu-parent a:hover b {
color: var(--color-primary);
}
}
nav#mainNav ul li:hover {
& > a, & > b {
color: var(--color-primary);
}
}
nav#mainNav ul li:hover ul.sub-menu {
background: #fff;
}
} @media screen and (max-width: 1400px) {
nav#mainNav ul, #header .header__nav-contact {
flex-shrink: 0;
}
nav#mainNav ul li a b, nav#mainNav ul li a span {
font-size: 1.4rem;
}
#header a.head_btn.mail_btn {
font-size: 1.4rem;
padding-left: var(--rem20);
padding-right: var(--rem20);
}
#header a.head_btn {
padding: min(calc(10px + (1vw - 19.2px) * 0.2232), 10px) 10px;
}
#header a.head_btn.sns_btn {
padding: min(calc(10px + (1vw - 19.2px) * 0.2232), 10px) 10px;
}
nav#mainNav ul li a {
padding: min(calc(15px + (1vw - 19.2px) * 0.5580), 15px) 10px;
}
}
@media print, screen and (max-width: 1240px) {
#header a.headBtn span {
display: none;
}
#header a.headBtn::before {
margin-right: 0;
}
}
@media print, screen and (max-width: 1023px) {
#header-upper .header__socialicon, #header .sticky-logo, #header ul.header__contact {
display: none;
}
#header h1, #header .description, #header-upper h1, #header-upper .description {
display: block;
float: none;
text-align: center;
padding: 20px 0 10px;
}
}
@media screen and (max-width: 1023px) {
nav#mainNav ul li ul.sub-menu li a, nav#mainNav ul li ul.sub-menu li a:hover, nav#mainNav ul li ul.sub-menu li.current-menu-item a, nav#mainNav ul li.current-menu-item ul.sub-menu li a {
color: #4d4d4d;
font-size: 1.4rem;
}
nav#mainNav ul li a b, nav#mainNav ul li a span {
font-size: var(--rem16);
} nav#mainNav ul li a, nav#mainNav ul li.current-menu-item li a {
padding: 15px 10px;
}
nav#mainNav ul li li a, nav#mainNav ul li.current-menu-item li a {
padding-left: 43px;
}
}
@media screen and (max-width: 1023px) {
#thumbImg, header#h1Header {
width: 100%;
aspect-ratio: 1920 / 500;
}
}
.spmenu #menu p {
width: 100%;
}
@media print, screen and (min-width: 1024px) {
nav#mainNav ul li:hover {
& > a, & > b {
color: var(--color-primary);
}
}
nav#mainNav ul li:hover ul.sub-menu {
background: #fff;
}
}
#header #mainNav .sp-nav-block {
display: none;
@media screen and (max-width: 1023px) {
display: block;
}   
}   #footer ul li a {
font-size: var(--rem12);
}
.footer__inner {
width: 94%;
max-width: 1600px;
margin: 0 auto;
padding-bottom: var(--px30);
display: flex;
justify-content: space-between;
align-items: flex-end;
gap: 5%;
border-bottom: solid 1px #CFCFCF;
}
@media print, screen and (max-width: 768px) {
.footer__inner {
flex-direction: column;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
} #footer .footnav ul {
justify-content: flex-end;
}
@media print, screen and (max-width: 768px) {
#footer .footnav ul {
justify-content: center;
margin-top: var(--px40);
}
} #footer .footnav ul > li {
position: relative;
line-height: 1.4;
padding: 0 min(calc(16px + (1vw - 19.2px) * 0.4531), 16px) 0 25px; margin-bottom: 0;
}
#footer .footnav ul > li::before {
left: 0;
display: block;
content: '';
position: absolute;
top: 50%;
width: 6px;
height: 6px;
border-right: 1px solid;
border-bottom: 1px solid;
-webkit-transform: translateY(-50%) rotate(-45deg);
transform: translateY(-50%) rotate(-45deg);
margin-top: 0;
background: transparent;
}
#footer .footnav ul > li::after {
content: none;
} #footer .footer__logo:not(:last-child) {
margin: 0;
text-align: left;
}
.leftarea .logoare {
display: flex;
flex-direction: column;
gap: var(--px14);
line-height: 1;
}
.footer__catchphrase {
line-height: 1.2;
text-align: left;
}
@media print, screen and (max-width: 768px) {
#footer .footer__logo:not(:last-child) {
text-align: center;
}
.footer__catchphrase {
text-align: center;
}
}  #footer .socialicon ul, .socialicon ul {
-webkit-box-pack: start;
-ms-flex-pack: flex-start;
justify-content: flex-start;
gap: 10px;
}
#footer .socialicon ul li, .socialicon ul li {
padding: 0;
}
@media print, screen and (max-width: 768px) {
#footer .socialicon ul, .socialicon ul {
justify-content: center;
}
} #footer .socialicon .fa-facebook:before, #footer .socialicon .fa-twitter:before, #footer .socialicon .fa-youtube:before, #footer .socialicon .fa-instagram:before, #footer .socialicon .fa-x-twitter:before, #footer .socialicon .fa-line:before, #footer .socialicon .fa-tiktok:before {
font-size: var(--rem24);
}
#footer {
.footer__catchphrase, .socialicon {
display: none;
}
padding: var(--px80) 0 var(--px60);
.footer__logo img {
width: 100%;
max-width: 475px;
max-height: var(--rem30);
}
.footer__logo:not(:last-child) {
text-align: center;
margin-bottom: 0;
}
.footnav:not(:last-child) {
margin-bottom: 0;
}
}
#copyright {
font-weight: 300;
background: transparent;
margin: var(--px60) auto 0;
} .home, .page-id-21, .page-id-17, .page-id-19, .page-id-25 {
.cta {
display: none !important;
}
} .cta01 {
background: url(//dll-hd.com/wp-content/uploads/cta_bg_01.png.webp) no-repeat center / cover;
padding: var(--rem120) 0;
position: relative;
z-index: 0;
h2 {
font-family: var(--font-family03);
font-size: var(--rem80);
font-weight: 500;
line-height: 1.4;
letter-spacing: .04em;
margin-bottom: var(--px50);
&::after {
width: 1em;
background: var(--color-font);
margin: .35em auto 0;
content: '';
position: relative;
visibility: visible;
display: block;
height: 3px;
}
}
}
.cta01 .cta01_wrap {
max-width: 1600px;
width: 90%;
margin: 0 auto;
padding: 0 var(--px40);
}
.cta01 .ctabtnlist {
justify-content: space-between;
gap: var(--rem16) var(--px16);
max-width: 1240px;
margin: calc(var(--rem28) * 2) auto 0 auto;
}
.cta01 .ctabtnlist li {
width: 50%;
margin: 0;
padding: 0;
line-height: 1;
display: flex;
}
.cta01 a.item {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
padding: var(--px30) 0;
text-align: center;
box-sizing: border-box;
color: #111;
border-radius: 0;
transition: all ease .15s;
}
.cta01 a.item:hover{
opacity: 0.8;
}
@media print, screen and (max-width: 768px) {
.cta01 .ctabtnlist li, .cta01 .ctabtnlist a.item {
width: 100%;
}
.cta01 .ctabtnlist li + li {
margin-top: 1rem;
}
} .cta01 .btnttl {
display: block;
font-weight: bold;
}
.cta01 .infotxt {
font-size: var(--rem16);	
font-weight: 700;
letter-spacing: .1em;
.note, b {
font-size: var(--rem16);	
font-weight: 700;
}
} .cta01 .telnum {
font-size: var(--rem36);
font-weight: 700;
margin-bottom: 1rem;
}
.cta01 .telbtn .btnttl {
font-size: var(--rem20);
margin-bottom: .5em;
}
.cta01 a.telbtn {
background: #00284C;
color: #fff;
} .cta01 .mailbtn .btnttl {
font-size: min(calc(2.6rem + (1vw - 1.92rem) * 0.6472), 2.6rem);
}
.cta01 a.mailbtn {
background: var(--color-primary);
color: #fff;
} .cta01 .mailbtn .btnttl::before, .cta01 .telnum::before {
content: '';
display: inline-block;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
margin-right: 1rem;
}
.cta01 .mailbtn .btnttl::before {
content: '\f0e0';
font-size: var(--rem30);
}
.cta01 .telnum::before {
content: '\f3cd';
font-size: calc(var(--rem16) * 2);
margin-right: var(--rem16);
} .home, #editor-style {
#wrapper {
max-width: 1600px;
width: 90%;
} #top_recruit {
&.bg_wide {
&::before {
background: url(//dll-hd.com/wp-content/uploads/top_bg_01.png.webp) no-repeat center / cover;
}
}
.column01 {
.column01_wrap {
max-width: unset;
width: 100vw;
.imgarea {
aspect-ratio: 1152 / 522;
}
.txtarea {
padding: var(--px80) var(--px40) min(calc(10rem + (1vw - 1.92rem) * 3.2362), 10rem);
.txtinner {
max-width: 530px;
}
}
}
}
} .top_news {
max-width: 1240px;
margin-left: auto;
margin-right: auto;
}
.postlist {
.post_text {
color: #CCC;
padding: 26px 0;
}
li {
border-bottom: 1px solid #ccc;
}
}
.postlist .ttls, .postlist .date {
color: var(--color-font);
font-size: 100%;
}
.post .time, .postlist .time, .post2b .time, .post4b .time {
background: var(--color-primary);
}
.post .time, .postlist .time, .post2b .time, .post4b .time {
line-height: 1.2 !important;
}
} body:not(.home) {
#thumbImg::before, header#h1Header::before {
display: none;
}
h1.title, .post h1, header#h1Header h1.title {
color: #fff;
font-size: var(--rem48);
font-family: var(--font-family01);
font-weight: 500;
}
&:is(.single) {
h1.title {
color: var(--color-font);
}
}
#content {
&:has(.widecolor.lastSection) {
padding-bottom: 0;
}
}
&.post, .post {
.ttl {
&:is(.ttl--primary--mod-01) {
font-size: var(--rem40);
&::after {
width: 2em;
margin: .65em auto 0;
}
.ttl--primary__en {
font-size: var(--rem36);
}
}
}
.table {
&:is(.table--mod-01) {
th, td {
vertical-align: middle;
padding: var(--rem30) var(--px24);
}
th {
width: 30%;
color: #fff;
text-align: center;
background: #007B8B;
}
}
&:is(.caption-right) {
caption {
text-align: right;
}
}
&:is(.caption-center) {
caption {
text-align: center;
}
}
&:is(.caption-bottom) {
caption-side: bottom;
}
}
table {
th, td {
font-size: var(--rem16);
line-height: 1.7;
padding: min(calc(3.2rem + (1vw - 1.92rem) * 0.7120), 3.2rem) var(--rem24);
}
th {
color: var(--color-font);
font-weight: 700;
background: var(--color-primary-tint);
}
}
.w-fit {
width: fit-content;
margin-left: auto;
margin-right: auto;
}
.googlemap {
padding-bottom: 35%;
@media screen and (max-width: 768px) {
padding-bottom: 45%;
}
}
}
} .post .list_style01 li {
width: 100%;
display: flex;
flex-wrap: nowrap;
align-items: flex-start;
flex-shrink: 0;
border-bottom: solid 1px #F5F5F5;
}
.post .list_style01 li .head {
flex-shrink: 0;
width: 25%;
padding: var(--rem18) min(calc(15px + (1vw - 19.2px) * 0.4531), 15px); display: flex;
flex-direction: column;
align-items: flex-start;
}
.post .list_style01 li .body {
padding: var(--rem18) min(calc(15px + (1vw - 19.2px) * 0.4531), 15px); display: flex;
flex-direction: column;
align-items: flex-start;
}
.post .list_style01 li:nth-child(odd) {
background: #F5F5F5;
}
@media only screen and (max-width: 640px) {
.post .list_style01 li {
flex-direction: column;
}
.post .list_style01 li .head {
width: 100%;
padding-bottom: 0;
}
} .widecolor {
margin-right: calc(((100vw - 100%) / 2) * -1);
margin-left: calc(((100vw - 100%) / 2) * -1);
padding: min(calc(120px + (1vw - 19.2px) * 2.5890), 120px) calc((100vw - 100%) / 2) min(calc(150px + (1vw - 19.2px) * 3.2362), 150px); 
margin-top: min(calc(120px + (1vw - 19.2px) * 2.5890), 120px); background: #F9F9F9;
} .widearea {
margin-right: calc(((100vw - 100%) / 2) * -1);
margin-left: calc(((100vw - 100%) / 2) * -1);
}  .teleco_v1 {
align-items: center;
& + & {
margin-top: var(--rem80);
@media print, screen and (max-width: 768px) {
margin-top: var(--rem120);
}
}
}
.teleco_v1 h3 {
width: 100%;
font-size: min(calc(2.2rem + (1vw - 1.92rem) * 0.6472), 2.2rem) !important;
font-weight: 700 !important;
line-height: 1.5 !important;
letter-spacing: 0 !important;
text-align: left;
@media print, screen and (max-width: 768px) {
font-size: var(--rem20w) !important;
}
} .flexinnerBtn {
align-self: normal;
}  body:not(.home) {
.wpcf7 {
.wpcf7-form {
table {
th {
width: 30%;
}
}
.subimitarea {
.linkBtn {
margin-left: auto;
margin-right: auto;
padding: 0;
&::after {
display: none;
}
input[type="submit"] {
font-weight: 700;
padding: 20px 35px;
}
}
}
.must {
background: #DC143C;
}
}
}
}
.privacy-acceptance {
.wpcf7-form-control-wrap {
display: inline;
}
}
.wpcf7-form-control-wrap {
display: block;
width: 100%;
}
@media only screen and (max-width: 640px) {
.wpcf7-form .wpcf7-date {
text-align: left;
appearance: none;
min-width: 100%;
height: 30px;
}
input[type="date"]::-webkit-date-and-time-value {
text-align: left;
}
} @media screen and (min-width:768px) {
.sp_mv {
display: none;
}
}
@media screen and (max-width:767px) {
.pc_mv {
display: none;
}
}