@charset "utf-8";
@charset "utf-8";
       @import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Dokdo&display=swap");
html {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
:root { --color-background: #fff;
--color-background-second: #f6f6f6;
--color-background-home: #fef7ea;
--color-background-2: #d9e6e6;
--color-background-3: #efd6ce;
--color-background-4: #efe2eb;
--color-background-5: #f8e7d3;
--color-background-6: #f6f8d3;
--color-background-7: #e9f8d3;
--color-semi-white: #fcfcfc;
--color-font: #3b3b3b;
--color-font-2nd: #333;
--color-font-pure-black: #000;
--color-font-black: #111;
--color-dark-brown: #231815;
--color-primary: #98653a;
--color-primary-shade: #d98146;
--color-primary-tint: #6e6e6e;
--color-title-underline: #1d1d1d;
--color-secondary: #076030;
--color-secondary-shade: #e6e6e6;
--color-secondary-tint: #a7a7a7;
--color-third: #d6d6d6;
--color-table-border: #ebebeb;
--color-red-prime: #dc143c;
--color-red-simple: #ff0000;
--body-font-size: min(calc(1.6rem + (1vw - 19.2px) * 0.1294), 1.6rem); --body-font-family: "Noto Sans JP", sans-serif;
--content-max-width: 1100px;  --header-background: #ffffff;
--header-color-font: #444444;
--header-color-primary: #98653a;
--header-color-secondary: #000000;
--header-color-primary-shade: #98653a;
--header-color-primary-tint: #98653a; --footer-background: #ffffff;
--footer-color-font: #076030;
--footer-color-primary: #076030; --font-family01: "Noto Sans JP", sans-serif;
--font-family02: "Zen Maru Gothic", "Noto Sans JP", sans-serif;
--font-english-head: "Dokdo", "Noto Sans JP", system-ui, sans-serif; --px240: min(calc(240px + (1vw - 19.2px) * 10.356), 240px); --px200: min(calc(200px + (1vw - 19.2px) * 6.4725), 200px); --px180: min(calc(180px + (1vw - 19.2px) * 3.8835), 180px); --px160w: min(calc(160px + (1vw - 19.2px) * 5.178), 160px); --px160: min(calc(160px + (1vw - 19.2px) * 6.4725), 160px); --px150: min(calc(150px + (1vw - 19.2px) * 3.2362), 150px); --px140: min(calc(140px + (1vw - 19.2px) * 6.4725), 140px); --px140: min(calc(130px + (1vw - 19.2px) * 6.4725), 130px); --px120: min(calc(120px + (1vw - 19.2px) * 2.589), 120px); --px100w: min(calc(100px + (1vw - 19.2px) * 3.2362), 100px); --px100: min(calc(100px + (1vw - 19.2px) * 3.8835), 100px); --px96: min(calc(96px + (1vw - 19.2px) * 3.1068), 96px); --px85: min(calc(85px + (1vw - 19.2px) * 2.589), 85px); --px80w: min(calc(80px + (1vw - 19.2px) * 1.2945), 80px); --px80: min(calc(80px + (1vw - 19.2px) * 2.589), 80px); --px80s: min(calc(80px + (1vw - 19.2px) * 3.8835), 80px); --px70: min(calc(70px + (1vw - 19.2px) * 2.2653), 70px); --px60w: min(calc(60px + (1vw - 19.2px) * 1.2945), 60px); --px60: min(calc(60px + (1vw - 19.2px) * 1.9417), 60px); --px50: min(calc(50px + (1vw - 19.2px) * 1.2945), 50px); --px40w: min(calc(40px + (1vw - 19.2px) * 0.6472), 40px); --px40: min(calc(40px + (1vw - 19.2px) * 1.2945), 40px); --px38: min(calc(38px + (1vw - 19.2px) * 1.2945), 38px); --px30w: min(calc(30px + (1vw - 19.2px) * 0.6472), 30px); --px30: min(calc(30px + (1vw - 19.2px) * 0.9709), 30px); --px24: min(calc(24px + (1vw - 19.2px) * 0.6472), 24px); --px20: min(calc(20px + (1vw - 19.2px) * 0.6472), 20px); --px18: min(calc(18px + (1vw - 19.2px) * 0.2589), 18px); --px16: min(calc(16px + (1vw - 19.2px) * 0.1294), 16px); --px14: min(calc(14px + (1vw - 19.2px) * 0.1294), 14px); --px12: min(calc(12px + (1vw - 19.2px) * 0.0647), 12px);  --rem120: min(calc(12rem + (1vw - 1.92rem) * 3.8835), 12rem); --rem80w: min(calc(8rem + (1vw - 1.92rem) * 1.2945), 8rem); --rem80: min(calc(8rem + (1vw - 1.92rem) * 2.589), 8rem); --rem72: min(calc(7.2rem + (1vw - 1.92rem) * 1.9417), 7.2rem); --rem60: min(calc(6rem + (1vw - 1.92rem) * 1.5534), 6rem); --rem50: min(calc(5rem + (1vw - 1.92rem) * 1.6181), 5rem); --rem48w: min(calc(4.8rem + (1vw - 1.92rem) * 0.6472), 4.8rem); --rem48: min(calc(4.8rem + (1vw - 1.92rem) * 1.5534), 4.8rem); --rem42w: min(calc(4.2rem + (1vw - 1.92rem) * 0.6472), 4.2rem); --rem42: min(calc(4.2rem + (1vw - 1.92rem) * 1.165), 4.2rem); --rem42s: min(calc(4.2rem + (1vw - 1.92rem) * 1.4887), 4.2rem); --rem40w: min(calc(4rem + (1vw - 1.92rem) * 0.6472), 4rem); --rem40: min(calc(4rem + (1vw - 1.92rem) * 1.2945), 4rem); --rem36: min(calc(3.6rem + (1vw - 1.92rem) * 0.7767), 3.6rem); --rem32: min(calc(3.2rem + (1vw - 1.92rem) * 0.7767), 3.2rem); --rem30w: min(calc(3rem + (1vw - 1.92rem) * 0.3883), 3rem); --rem30: min(calc(3rem + (1vw - 1.92rem) * 0.6472), 3rem); --rem30s: min(calc(3rem + (1vw - 1.92rem) * 0.9709), 3rem); --rem28: min(calc(2.8rem + (1vw - 1.92rem) * 0.6472), 2.8rem); --rem24w: min(calc(2.4rem + (1vw - 1.92rem) * 0.3883), 2.4rem); --rem24: min(calc(2.4rem + (1vw - 1.92rem) * 0.6472), 2.4rem); --rem23: min(calc(2.3rem + (1vw - 1.92rem) * 0.6472), 2.3rem); --rem22: min(calc(2.2rem + (1vw - 1.92rem) * 0.6472), 2.2rem); --rem20w: min(calc(2rem + (1vw - 1.92rem) * 0.2589), 2rem); --rem20: min(calc(2rem + (1vw - 1.92rem) * 0.3883), 2rem); --rem18: min(calc(1.8rem + (1vw - 1.92rem) * 0.2589), 1.8rem); --rem16: min(calc(1.6rem + (1vw - 1.92rem) * 0.1294), 1.6rem); --rem16s: min(calc(1.6rem + (1vw - 1.92rem) * 0.5177), 1.6rem); --rem15: min(calc(1.5rem + (1vw - 1.92rem) * 0.1294), 1.5rem); --rem14: min(calc(1.4rem + (1vw - 1.92rem) * 0.1294), 1.4rem); --rem12: min(calc(1.2rem + (1vw - 1.92rem) * 0.0647), 1.2rem); --rem12s: min(calc(1.2rem + (1vw - 1.92rem) * 0.2588), 1.2rem); }
html {
scroll-behavior: smooth;
scroll-padding-top: 80px;
}
body.home {
background: var(--color-background-home);
} @media print, screen and (min-width: 1024px) {
#header a.head_btn.tel_btn {
background: none;
color: var(--header-color-primary);
line-height: 1.4;
}
#header a.head_btn.tel_btn::before {
display: none;
}
#header a.head_btn {
font-family: var(--font-family02);
font-weight: bold;
}
#header {
height: 100px;
}
#header a.head_btn.tel_btn span.tel_icon {
display: flex;
align-items: center;
font-size: var(--rem24);
gap: 8px;
}
#header a.head_btn.tel_btn span.tel_icon::before {
font-family: "FontAwesome";
content: "\f095";
font-size: 0.75em;
margin-top: 4px;
}
#header a.head_btn.tel_btn span.tel_text-sub,
#header a.head_btn.tel_btn span.tel_text-upper {
font-size: var(--rem12);
}
.note,
.inlinenote {
font-weight: bold;
}
#header a.head_btn.mail_btn {
max-width: 200px;
max-height: 60px;
margin: auto var(--px20);
flex-direction: row;
gap: 10px;
border-radius: 50px;
align-items: center;
font-size: var(--rem14);
font-weight: bold;
line-height: 1;
padding: var(--px20) var(--px40);
}
.header__contact li:last-child {
display: flex;
align-items: center;
justify-content: center;
}
#header a.head_btn.tel_btn:hover {
background: var(--header-color-primary);
color: var(--color-background);
}
#header a.head_btn.mail_btn:hover {
background: var(--header-background);
color: var(--header-color-primary);
}
nav#mainNav ul li.current-menu-item a b span,
nav#mainNav ul li a:hover b span,
nav#mainNav ul li a:active b span,
nav#mainNav ul li.current-menu-parent a b span {
color: var(--header-color-primary);
}
#header-layout {
font-family: var(--font-family02);
}
nav#mainNav ul li.pc_none {
display: none;
}
nav#mainNav ul li a b,
nav#mainNav ul li a span {
font-weight: bold;
}
nav#mainNav ul li a span {
font-size: var(--rem16);
font-weight: 500;
color: var(--header-color-primary);
}
nav#mainNav ul li li a:hover, nav#mainNav ul li li.current-menu-item a, nav#mainNav ul li li.current-menu-item li a:hover, nav#mainNav ul li.current-menu-item li a:hover, nav#mainNav ul li.current-menu-ancestor li.current-menu-item a, nav#mainNav ul li.current-menu-ancestor li a:hover {
background: var(--color-primary);
color: #fff;
}
nav#mainNav ul li ul.sub-menu li a:hover {
background:var(--color-primary);
}
}
@media print, screen and (max-width: 1350px) and (min-width: 1024px) {
nav#mainNav ul li a {
font-size: var(--rem14);
padding: var(--px20) var(--px12);
}
#header a.head_btn.tel_btn {
padding: min(calc(10px + (1vw - 19.2px) * 0.2232), 10px);
}
#header .logo {
max-width: 200px;
}
#header .logo img {
width: 100%;
height: auto;
}
}
@media print, screen and (max-width: 1700px) and (min-width: 1024px) {
nav#mainNav ul li a {
font-size: var(--rem14);
padding: var(--px20);
}
#header a.head_btn.tel_btn {
padding: min(calc(10px + (1vw - 19.2px) * 0.2232), 10px);
}
#header .logo {
max-width: 200px;
}
#header .logo img {
width: 100%;
height: auto;
}
}
@media print, screen and (max-width: 1300px) and (min-width: 1024px) {
nav#mainNav ul li a {
font-size: 1.2rem;
padding: var(--px20) var(--px12);
}
nav#mainNav ul li a span {
font-size: 0.9rem;
}
#header a.head_btn {
font-size: 1.2rem;
}
#header a.head_btn.tel_btn { }
#header a.head_btn.tel_btn span.tel_icon {
font-size: 1.6rem;
}
#header a.head_btn.tel_btn span.tel_text-sub .note {
font-size: 0.9rem;
}
#header .logo {
max-width: 200px;
}
#header .logo img {
width: 100%;
height: auto;
}
} #footer .socialicon ul > li:first-child {
order: 3;
}
#footer {
display: flex;
padding: var(--px80)
clamp(40px, calc(40px + ((1vw - 10.24px) * 22.3214)), 240px);
justify-content: space-between;
align-items: center;
}
.ft-main_inner {
width: 100%;
max-width: 320px;
display: flex;
flex-direction: column;
align-items: start;
justify-content: center;
}
#footer .footer__logo {
display: flex;
flex-direction: column;
align-items: center;
}
#footer .footer__logo span.logo-txt {
font-size: var(--rem16);
font-weight: bold;
font-family: var(--font-family02);
margin-top: 1rem;
}
#footer .footer__logo span.logo-txt span.logo-uptxt {
display: block;
font-size: var(--rem12);
font-weight: 400;
}
#footer .inner {
margin-left: 0;
margin-top: var(--px30);
}
#copyright {
font-weight: 300;
}
.banner-link {
display: flex;
justify-content: space-between;
align-items: center;
background: url(//tetoteto.org/wp-content/uploads/ft-banner.png);
background-size: 100% 100%;
background-position: center;
background-repeat: no-repeat;
padding: 12px var(--px38) 12px var(--px30);
position: relative;
margin-bottom: 10px;
text-align: left;
font-size: var(--rem12);
}
.banner-link::after {
content: "\f054";
font-weight: 900;
position: absolute;
font-family: "FontAwesome";
color: var(--color-background);
font-size: var(--rem16);
vertical-align: middle;
right: 5px;
top: 50%;
z-index: 2;
transform: translateY(-50%);
}
.banner-inner{
width: 100%;
}
.banners > .banner-link:last-child {
margin-bottom: 0;
}
p.green-txt {
font-size: var(--rem16);
font-weight: bold;
color: var(--color-secondary);
}
#footer .linkBtn.banner_btn {
padding: var(--px12) 15px var(--px12) 10px ;
max-width: 115px;
font-size: var(--rem12);
text-align: left;
margin-top: var(--px20);
}
.mr-8{
margin-right: clamp(8px, calc(8px + ((1vw - 3.75px) * 1.1003)), 25px) !important;
}
@media print, screen and (min-width: 1024px) {
#footer .socialicon ul,
.socialicon ul {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
}
#footer .footnav ul {
justify-content: start;
}
#copyright {
margin-left: 0;
}
}
@media print, screen and (max-width: 768px) {
#footer {
flex-direction: column;
padding: var(--px80) 20px;
}
.banners {
margin-top: 20px;
}
.banner-ico {
margin-right: 10px;
}
#footer .footer__logo {
width: 100%;
}
}
@media print, screen and (max-width: 430px) {
.banner-link::after {
right: 3px;
}
p.green-txt {
font-size: 1.3rem;
}
} #front_top_content,
#front_bottom_content {
background: transparent;
}
.postlist {
background: transparent;
font-family: var(--body-font-family);
font-size: var(--rem18);
line-height: 3;
}
.postlist .time {
border-radius: 10px;
background-color: var(--color-primary-shade);
}
.postlist .post_text {
padding: 30px 0;
}
.postlist li { }
@media print, screen and (max-width: 640px) {
.postlist .post_text {
row-gap: 0.5rem;
}
} body.home #contact-bottom {
display: none;
} .cta01 {
background: transparent;
position: relative;
z-index: 0;
padding: clamp(80px, calc(80px + ((1vw - 3.75px) * 25.89)), 480px) 0
var(--px80);
}
.cta01:before {
content: "";
background: url(//tetoteto.org/wp-content/uploads/CTA_cta01.png);
background-size: cover;
background-position: top;
background-repeat: no-repeat;
background-attachment: fixed;
width: 100%;
height: 60%;
position: absolute;
top: 0;
left: 0;
z-index: 0;
}
.cta01 .cta01_wrap {
max-width: 1600px;
width: 94%;
margin: 0 auto;
background: var(--color-primary);
padding: var(--px80) var(--px40);
border-radius: var(--px100);
position: relative;
z-index: 1;
}
.cta01 .ctabtnlist {
justify-content: center;
flex-wrap: wrap;
max-width: 1240px;
margin: var(--px50) auto 0 auto;
gap: var(--px24);
}
.cta01 .ctabtnlist li {
width: 48%;
max-width: 515px;
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 0.15s;
}
.cta01 a.item:hover {
opacity: 0.8;
}
@media print, screen and (max-width: 768px) {
.cta01 .ctabtnlist li,
.cta01 .ctabtnlist a.item {
width: 100%;
margin: 0 auto;
}
.cta01 .ctabtnlist li + li {
margin-top: 1rem;
}
}
@media print, screen and (max-width: 500px) {
.cta01 {
padding-top: 200px;
}
.cta01:before {
background-size: 200% auto;
background-position: 40% 15%;
background-attachment: scroll;
}} .cta01 .btnttl {
display: block;
font-weight: bold;
margin-bottom: 1rem;
}
.cta01 .infotxt {
font-size: var(--rem16);
font-weight: 400;
} .tel-grp {
font-weight: bold;
display: flex;
align-items: center;
justify-content: center;
gap: 1rem;
}
.tel-grp-bfr {
font-size: var(--rem20);
line-height: 1.4;
text-align: left;
}
.tel-grp-inner {
text-align: left;
}
.tel-grp-inner .infotxt {
font-weight: bold;
margin-top: 0.25em;
}
.cta01 .telnum {
font-size: var(--rem36);
font-weight: bold;
margin-bottom: 1rem;
display: block;
}
.cta01 .telbtn .btnttl {
font-size: var(--rem24);
font-weight: bold;
}
.cta01 a.telbtn {
background: var(--color-background);
color: var(--color-primary);
border-radius: var(--px50);
padding: var(--px16) 0;
} .cta01 .mailbtn .btnttl {
font-size: var(--rem24);
}
.cta01 a.mailbtn {
background: var(--color-primary-shade);
color: var(--color-background);
border-radius: var(--px50);
padding: var(--px38) 0;
} .cta01 a.linebtn {
background: var(--color-secondary);
color: #fff;
border-radius: var(--px50);
padding: var(--px38) 0;
}
.cta01 .linebtn .btnttl {
font-size: var(--rem24);
} .cta01 .telbtn .btnttl::before,
.cta01 .mailbtn .btnttl::before,
.cta01 .linebtn .btnttl::before {
content: "";
display: inline-block;
font-family: "Font Awesome 5 Free", "FontAwesome";
font-weight: 900;
margin-right: 1rem;
}
.cta01 .telbtn .btnttl::before {
content: "\f3cd";
font-size: 1.3em;
}
.cta01 .mailbtn .btnttl::before {
content: "\f0e0";
}
.cta01 .linebtn .btnttl::before {
content: "\f3c0";
font-weight: 400;
}
@media print, screen and (max-width: 500px) {
.tel-grp-inner .infotxt {
font-size: 10px;
}
.tel-grp-bfr {
font-size: 12px;
}
} h1.bottom-loop,
h1.top-loop,
h1.title.cat-loop,
.title.main-ttl,
.single-post .title.main-ttl, 
h2.main-ttl {
font-size: var(--rem48);
font-weight: 500;
color: var(--color-font);
font-family: var(--font-family02);
position: relative;
line-height: 1.4;
letter-spacing: 0;
padding-bottom: 0;
margin-top: 0;
}
h2.crd-semi-ttl {
font-size: var(--rem48);
font-weight: bold;
color: var(--color-font);
font-family: var(--font-family02);
letter-spacing: 0.1em;
margin-bottom: 0;
height: 50%;
display: flex;
flex-flow: column;
justify-content: center;
}
h1.bottom-loop::after,
h1.top-loop::after,
.title.main-ttl::after,
.single-post .title.main-ttl::after,
h2.main-ttl::after,
h2.crd-semi-ttl::after {
content: none;
position: absolute;
height: 3px;
width: 2em;
margin: 0 auto;
background: var(--color-font);
bottom: 0;
right: 50%;
transform: translateX(50%);
line-height: 1.5;
}
h1.bottom-loop span span,
h1.top-loop span span,
.title.main-ttl span span,
.single-post .title.main-ttl span span,
h2.main-ttl span span {
font-size: 2.6em;
font-family: var(--font-english-head);
font-weight: 400;
color: var(--color-primary-shade);
display: block;
margin-bottom: 0;
letter-spacing: 0;
line-height: 1;
}
h2.crd-semi-ttl span span {
font-size: var(--rem24);
letter-spacing: 0;
display: block;
}
.title.main-ttl.smllr span span {
font-size: 2em;
margin-bottom: calc(var(--rem20) * -1);
}
.main-wrapper h1.title {
margin-bottom: var(--px50);
}
.main-wrapper p {
line-height: 3;
}
@media print, screen and (max-width: 430px) {
h1.bottom-loop span span,
h1.top-loop span span,
.title.main-ttl span span,
h2.main-ttl span span {
font-size: 2em;
}
} .linkBtn,
.post .linkBtn,
a.linkBtn,
.post .subimitarea .linkBtn input[type="submit"] {
position: relative;
display: inline-block;
width: 100%;
max-width: 240px;
font-size: var(--rem16);
color: var(--color-background);
line-height: 1.8;
text-align: center;
background: var(--color-secondary);
font-weight: bold;
letter-spacing: 0;
padding: var(--rem20) 30px var(--rem20) 20px;
margin: var(--px40) auto 0;
border: none;
border-radius: 50vh;
transition: all 0.3s; }
.post .linkBtn::after,
.linkBtn::after,
a.linkBtn::after {
border-color: var(--color-background);
top: 49%;
border-width: 3px;
}
.linkBtn.white-bg {
background: var(--color-background);
color: var(--color-font);
-webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.linkBtn.white-bg::after {
border-color: var(--color-font);
}
.post .linkBtn:hover,
.linkBtn:hover,
a.linkBtn:hover,
.post .subimitarea .linkBtn input[type="submit"]:hover {
color: var(--color-secondary);
background: var(--color-background);
outline: 2px solid var(--color-secondary);
} .post .linkBtn:hover::after,
.linkBtn:hover::after,
a.linkBtn:hover::after {
border-color: var(--color-secondary);
} .subimitarea > .linkBtn {
background: transparent !important;
padding: 0 !important;
margin: 0 !important;
border: none !important;
}
.post .subimitarea .linkBtn input[type="submit"] {
margin-top: 0;
}  .anchor_link::before {
content: "";
display: block;
padding-top: 100px;
margin-top: -100px;
}
.clr-prm {
color: var(--color-primary) !important;
}
.clr-2nd-grn {
color: var(--color-secondary) !important;
}
.clr-3rd-yllw {
color: var(--color-background-5) !important;
}
.clr-wht {
color: #fff !important;
}
.bg-home {
background: var(--color-background-home);
}
.bg-F8E7D3 {
background: var(--color-background-5);
}
.bg-EFE2EB {
background: var(--color-background-4);
}
.bg-EFD6CE {
background: var(--color-background-3);
}
.bg-D9E6E6 {
background: var(--color-background-2);
}
.bg-F6F8D3 {
background: var(--color-background-6);
}
.bg-E9F8D3 {
background: var(--color-background-7);
}  .fullwide03 {
position: relative;
background: transparent;
padding: var(--px80) 0 calc(var(--px200) + var(--px100));
}
.fullwide03:before {
content: "";
background: url(//tetoteto.org/wp-content/uploads/bg.png);
background-size: cover;
background-repeat: no-repeat;
background-position: bottom center;
background-attachment: fixed;
width: 100%;
height: 65%;
position: absolute;
bottom: 0;
left: 0;
z-index: 0;
}
.fullwide03_wrap {
background: var(--color-background);
position: relative;
z-index: 1;
max-width: 1600px;
width: 94%;
border-radius: var(--px100);
margin: 0 auto;
padding: var(--px80) var(--px40);
display: flex;
justify-content: center;
align-items: center;
}
.fullwide03_inner {
max-width: 960px;
}
.linkBtn.lng-btn {
max-width: max-content;
padding-right: 45px;
}  .post .col2_list {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
flex-wrap: wrap;
max-width: 1600px;
row-gap: 30px;
}
.post .col2_list > li {
width: 49%;
margin-bottom: 2%;
}
@media print, screen and (max-width: 430px) {
.post .col2_list > li {
width: 100%;
}
.post .col2_list > li:last-child {
margin-bottom: 0;
}
}  .card01_list.cardstyle03 > li {
padding: var(--px85) calc(var(--px70) - 3px) var(--px40);  border-radius: var(--px50);
position: relative;
margin-top: 8%;
display: flex;
flex-flow: column;
justify-content: stretch;
}
.card01_wrap {
position: relative;
margin: var(--px60) 0 0;
}
.card01_inner {
max-width: 1600px;
width: 94%;
margin: 0 auto;
}
.cardstyle01 > li {
position: relative;
background: transparent;
}
.card01_list .imgarea {
width: 100%;
position: relative;
aspect-ratio: 4 / 3;
overflow: hidden;
line-height: 0;
border-radius: var(--px50);
height: 100%;
min-height: max-content;
}
.card01_list .imgarea img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: right;
}
.card01_list .txtarea {
padding: 20px 0 0 0;
line-height: 1.6;
text-align: left;
background: transparent;
display: flex;
flex-flow: column;
justify-content: space-between;
height: -webkit-fill-available;
height: 100%;
}
.card-ttl {
position: absolute;
transform: translateX(-50%);
top: -13%;
left: 50%;
z-index: 10;
width: 100%;
}
.card-ttl h1.main-ttl {
background: var(--color-background);
padding: 0.875em 0;
border-radius: var(--px200);
line-height: 1;
width: 70%;
max-width: 360px;
}
.card-ttl h1.title.main-ttl.smllr span span {
line-height: 0.6;
margin-bottom: 0;
}
#play-tgthr {
background: var(--color-background-second);
padding: var(--px100) var(--px20);
}
.play-tgthr {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.play-tgthr > h1.title {
margin: 0 auto;
background: var(--color-background);
border-radius: var(--px200);
padding: var(--px50) var(--px20);
margin-bottom: var(--px70);
width: 94%;
max-width: 925px;
}
.play-tgthr > p {
max-width: 1000px;
margin-bottom: var(--px70);
}
@media print, screen and (min-width: 1024px) {
h2.crd-semi-ttl {
font-size: clamp(2.7rem, calc(4.8rem + ((1vw - 19.2px) * 2.3438)), 4.8rem);
}
.card01_list .txtarea p{
font-size: clamp(1.4rem, calc(1.6rem + ((1vw - 19.2px) * 0.2232)), 1.6rem);
}
}
@media print, screen and (max-width: 768px) {
.play-tgthr {
width:94%;
margin: 0 auto;
}
h2.crd-semi-ttl {
font-size: clamp(24px, calc(2.4rem + ((1vw - 3.75px) * 0.5089)), 26px);
margin-bottom: 1rem;
}
.card01_list.cardstyle03 > li {
padding: var(--px85) var(--px30) var(--px40);
margin-top: 12%;
}
.card01_list .imgarea {
height: auto;
}
}
@media all and (max-width: 430px) {
.card-ttl {
top: -10%;
}
.card01_list .txtarea	h2.crd-semi-ttl {
max-height: 50px !important;
margin-bottom:0;
}
} #events {
padding: var(--px120) var(--px40);
background: var(--color-primary);
}
.events-inner {
width: 100%;
max-width: 1600px;
margin: 0 auto;
color: var(--color-background);
}
.events-inner p {
text-align: center;
}
.events-inner h1.title.main-ttl {
margin-bottom: var(--px20);
}
.events-inner .event-cal {
} #instagrm {
padding: var(--px120) var(--px40);
} .about-us p {
line-height: 2.5;
}
table.histr-tbl th {
background: transparent;
text-align: right;
width: 10%;
vertical-align: middle;
font-weight: 400;
padding: var(--rem24) var(--rem16);
}
table.histr-tbl td {
padding: var(--rem14) var(--rem16) var(--rem14) var(--px70);
vertical-align: middle;
}
table.histr-tbl,
table.histr-tbl tr,
table.histr-tbl th,
table.histr-tbl td {
border-width: 0;
}
table.histr-tbl tr {
}
table.histr-tbl tr.brdr-dash th {
padding: var(--rem14) var(--rem16);
width: 10%;
position: relative;
z-index: 1;
}
table.histr-tbl tr.brdr-dash th::before {
content: "";
position: absolute;
width: 70%;
height: 1px;
border-top: 1px dashed #bdbdbd;
top: 0;
right: 2px;
z-index: 4;
}
table.histr-tbl tr.brdr-dash td {
position: relative;
}
table.histr-tbl tr.brdr-dash td::before {
content: "";
position: absolute;
width: 70%;
height: 1px;
border-top: 1px dashed #bdbdbd;
top: 0;
left: 0;
z-index: 4;
}
@media print, screen and (max-width: 430px) {
table.histr-tbl td {
padding-left: var(--rem16);
font-size: 1.1rem;
}
} .card03_wrap {
position: relative;
margin: var(--px60) 0 0;
}
.card03_inner {
max-width: 1600px;
width: 100%;
margin: 0 auto;
}
.card03_list > li { display: flex;
flex-flow: column;
justify-content: flex-start;
position: relative;
z-index: 5;
border-radius: 10px;
max-width: 500px;
}
.card03_list .txtarea {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
padding: var(--px40);
color: var(--color-font);
}
.card03_list .txtarea .txtinner {
width: 100%;
}
.service-lst {
font-family: var(--font-family02);
line-height: 1.8;
}
.service-lst .col2_list {
row-gap: 0;
}
h3.lst-ttl {
font-family: var(--font-family02);
font-weight: bold;
font-size: var(--rem20);
border-bottom: 0;
margin: 0;
padding: 0;
}
.ser-lst-ttl {
display: flex;
align-items: center;
gap: var(--px40);
justify-content: flex-start;
margin-bottom: var(--px40);
margin-left: var(--px20);
}
.lst-ttl-ico {
width: 19%;
} .post table.responsive {
border-collapse: separate;
border-spacing: 0 2px;
border: 0;
}
.post table.responsive th {
color: var(--color-background);
background: var(--color-primary);
border-right: 0;
border-color: var(--color-primary);
padding: var(--rem32) var(--rem24);
font-weight: bold;
font-family: var(--font-family02);
font-size: var(--rem16);
}
.post table.responsive td {
border-left: 0;
font-family: var(--font-family02);
border-color: var(--color-primary);
vertical-align: middle;
padding: var(--rem32) var(--rem24);
padding-left: var(--rem24);
font-size: var(--rem16);
}  .qa_list {
cursor: pointer;
}
.qa_list .qa_list_inner dt {
position: relative;
font-weight: normal;
margin: var(--rem24) 0 0 0;
display: flex;
align-items: stretch;
padding: 0rem 1rem 0rem 0rem;
background: #ffffff;
border: 1px solid var(--color-primary);
}
.qa_list .qa_list_inner dd .ans_flex {
position: relative;
font-weight: normal;
margin: 0;
display: flex;
align-items: stretch;
padding: 0;
background: #ffffff;
}
.qa_list .qa_list_inner .a_ico {
color: var(--color-primary);
background: var(--color-background);
line-height: 1;
padding: 2.2rem 1rem 2.2rem 1rem;
font-size: 2.2rem;
border-right: 1px solid var(--color-primary);
width: 100%;
text-align: center;
max-width: 115px;
font-weight: 900;
display: flex;
align-items: center;
justify-content: center;
font-family: var(--body-font-family);
min-height: var(--px96);
}
.qa_list .qa_list_inner .q_ico {
background: var(--color-primary);
color: var(--color-background);
line-height: 1;
padding: 2.2rem 1rem 2.2rem 1rem;
font-size: 2.2rem;
font-weight: 900;
width: 100%;
text-align: center;
max-width: 115px;
display: flex;
align-items: center;
justify-content: center;
font-family: var(--body-font-family);
border-right: 1px solid var(--color-primary);
min-height: var(--px80);
}
.qa_list .qa_list_inner .q_desc,
.qa_list .qa_list_inner .a_desc {
padding: 1.5rem 1.5rem 1.5rem 2rem;
line-height: 1.7;
vertical-align: middle;
display: flex;
align-items: center;
}
.qa_list .qa_list_inner .a_desc {
line-height: 1.8;
width: 100%;
}
.qa_list .qa_list_inner dt:after {
content: "";
position: absolute;
top: 46%;
right: 3rem;
width: 12px;
height: 12px;
border-right: 1px solid var(--color-primary);
border-bottom: 1px solid var(--color-primary);
-webkit-transform: rotate(45deg) translateY(-50%);
transform: rotate(45deg) translateY(-50%);
}
.qa_list .qa_list_inner .active:after {
top: 43%;
right: 2rem;
-webkit-transform: rotate(-135deg) translateY(-50%);
transform: rotate(-135deg) translateY(-50%);
}
.qa_list .qa_list_inner dd {
display: none;
position: relative;
padding: 0;
margin: 0 0 1rem 0;
border: 1px solid var(--color-primary);
border-top: 0;
}
@media only screen and (max-width: 959px) {
.qa_list .qa_list_inner {
margin-bottom: 8rem;
}
}
@media only screen and (max-width: 768px) {
.qa_list .qa_list_inner .q_desc,
.qa_list .qa_list_inner .a_desc {
padding: 0.5rem 1rem 0.5rem 1rem;
}
.qa_list .qa_list_inner dt {
padding: 0rem 1rem 0rem 0rem;
}
.qa_list .qa_list_inner .a_ico,
.qa_list .qa_list_inner .q_ico {
max-width: 50px;
padding: 1.2rem 1rem;
}
.qa_list .qa_list_inner dt:after {
right: 1.5rem;
width: 6px;
height: 6px;
}
.qa_list .qa_list_inner .active:after {
right: 1rem;
}
}
@media only screen and (max-width: 559px) {
.qa_list .qa_list_inner dd {
font-size: 1.4rem;
}
.qa_list .qa_list_inner {
margin-bottom: 6rem;
}
.qa_list .qa_list_inner dt {
font-size: 1.4rem;
}
} .play-srvc p {
line-height: 2.2;
}  .teleco_v1 h2 {
width: 100%;
}
.teleco_v1 .w50.image_box {
position: relative;
overflow: hidden;
border-radius: var(--px50);
}
.teleco_v1 .w50.image_box::before {
content: "";
display: block;
}
.teleco_v1 .w50.image_box img {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
max-width: none;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.teleco_v1 .w50.text_box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: #ffffff;
padding: var(--px100) var(--px20);
}
.text_box h3 {
margin-left: 0;
margin-right: 0;
padding-left: 0;
font-size: var(--rem24);
text-align: left;
width: 100%;
border-color: var(--color-primary-shade);
}
@media print, screen and (min-width: 769px) {
.teleco_v1 .w50.image_box::before {
padding-top: calc(380px + (1vw - 19.2px) * 17.3762);
}
.teleco_v1 .w50.image_box img {
width: 100%;
height: 100%;
object-fit: cover;
}
}
.flexinnerBtn {
align-self: normal;
}
@media print, screen and (max-width: 768px) {
.teleco_v1 .w50.image_box {
margin-bottom: 0;
}
.teleco_v1 .w50.image_box::before {
padding-top: calc(350px + (1vw - 7.68px) * 27.9898);
}
.teleco_v1 .w50.text_box {
padding: 20px;
margin-bottom: 0;
}
} .widearea {
margin-right: calc(((100vw - 100%) / 2) * -1);
margin-left: calc(((100vw - 100%) / 2) * -1);
}
.evnt-clndr {
background: var(--color-primary);
padding: var(--px80) var(--px120) var(--px100);
display: flex;
flex-direction: column;
align-items: center;
}
.evnt-clndr img {
width: 100%;
height: auto;
}
@media print, screen and (max-width: 768px) {
.evnt-clndr {
padding: var(--px80) var(--px80) var(--px100);
}
}
@media print, screen and (max-width: 430px) {
.evnt-clndr {
padding: var(--px80) var(--px20) var(--px100);
}
.evnt-clndr h2.main-ttl > span {
font-size: 2.2rem;
}
}
.post .brdr-l {
padding: 0.6rem 0 0.6rem 2rem;
border-left: 8px solid;
line-height: 1.4;
text-align: left;
}
.post .brdr-l::before,
.post .brdr-l::after {
content: none;
}
h4.brdr-l {
font-size: var(--rem24);
}
table.responsive.light-yllw th {
background: var(--color-background-home);
color: var(--color-font);
border-color: var(--color-background-home);
}
table.responsive.light-yllw td {
border-color: var(--color-background-home);
}
table.responsive.tbl-EFD6CE th {
background: #efd6ce;
color: var(--color-font);
border-color: #efd6ce;
}
table.responsive.tbl-EFD6CE td {
border-color: #efd6ce;
}
table.responsive.tbl-D9E6E6 th {
background: #d9e6e6;
color: var(--color-font);
border-color: #d9e6e6;
}
table.responsive.tbl-D9E6E6 td {
border-color: #d9e6e6;
}
table.responsive.tbl-EFE2EB th {
background: #efe2eb;
color: var(--color-font);
border-color: #efe2eb;
}
table.responsive.tbl-EFE2EB td {
border-color: #efe2eb;
}
table.responsive.tbl-E9F8D3 th {
background: #e9f8d3;
color: var(--color-font);
border-color: #e9f8d3;
}
table.responsive.tbl-E9F8D3 td {
border-color: #e9f8d3;
}
table.responsive.tbl-F8E7D3 th {
background: #f8e7d3;
color: var(--color-font);
border-color: #f8e7d3;
}
table.responsive.tbl-F8E7D3 td {
border-color: #f8e7d3;
}
.clr-brdr-home {
border-color: var(--color-background-home) !important;
}
.clr-brdr-EFD6CE {
border-color: #efd6ce !important;
}
.clr-brdr-D9E6E6 {
border-color: #d9e6e6 !important;
}
.clr-brdr-EFE2EB {
border-color: #efe2eb !important;
}
.clr-brdr-E9F8D3 {
border-color: #e9f8d3 !important;
}
.clr-brdr-F8E7D3 {
border-color: #f8e7d3 !important;
}
.text_box h3:has(span.sup-txt) {
display: flex;
align-items:center;
}
.text_box h3:has(span.sup-txt) span.main-txt {
width: 100%;
max-width: max-content;
}
span.sup-txt {
vertical-align: super;
font-weight: 400;
font-size: var(--rem12);
margin-left: 1rem;
max-width:65%;
}
.linkBtn.lng-btn i {
font-size: 1.5em;
margin-right: 1rem;
vertical-align: middle;
}
@media print, screen and (max-width: 1024px) {
body:not(.home) p.txt_c {
font-size: var(--rem15);
}
}
@media print, screen and (max-width: 430px) {
body:not(.home) p.txt_c {
font-size:1rem;
}
} header#h1Header h1.title {
font-size:var(--rem48);
font-weight:bold;
font-family:var(--font-family02);
} #sb_instagram #sbi_load .sbi_load_btn, #sb_instagram .sbi_follow_btn a {
border-radius: 50vh;
}
.flexbox .w50.image_box img{
width: 100%;
height: auto;
object-fit: contain;
border-radius: var(--px50);
}
.single-post .title.main-ttl {
text-align: center;
} .instagrm-inner {
max-width: 1600px;
margin: 0 auto;
}
#sb_instagram #sbi_load .sbi_load_btn, #sb_instagram .sbi_follow_btn a {
padding: var(--rem20) 30px var(--rem20) 20px;
}
#sb_instagram #sbi_load .sbi_follow_btn {
margin-top: var(--px40);
}
#sb_instagram .sbi_follow_btn a:hover, #sb_instagram .sbi_follow_btn a:focus {
color: #076030 !important;
background: #fff !important;
outline: 2px solid #076030 !important;
}