@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=Zen+Maru+Gothic:wght@300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap");
:root { --color-background: #FFF;
--color-font: #111;
--color-primary: #ED7E9E;
--color-primary-shade: #F7941D;
--color-primary-tint: #FFEFF4;
--color-secondary: #ED7E9E;
--color-secondary-tint: #FFEFF4;
--color-table-border: #ED7E9E;
--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: #111;
--header-color-primary: #ED7E9E;
--header-color-primary-shade: #F7941D;
--header-color-primary-tint: #FFEFF4; --footer-background: #FFEFF4;
--footer-color-font: #111;
--footer-color-primary: #111; --font-family01: "Noto Sans JP", sans-serif;
--font-family02: "Oswald", "Noto Sans JP", sans-serif;
--font-family03: "Zen Maru Gothic", "Noto Sans JP", sans-serif;
--font-family04: "Quicksand", "Noto Sans JP", sans-serif;
}  body.home #post-234>header {
display: none;
}
body.home #content {
padding-top: 0 !important;
}
.gallery-item .gallery-icon {
aspect-ratio: 389/304;
}
.gallery-item .gallery-icon>a {
display: block;
width: 100%;
height: 100%;
}
.gallery-item .gallery-icon>a img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.post {    }
.post .ttl.ttl--primary {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
}
.post .ttl.ttl--primary::before {
display: block;
content: "";
aspect-ratio: 50/43;
width: var(--px50);
height: auto;
background: url(//copainart.com/wp-content/uploads/icon_07.png.webp) no-repeat center/contain;
margin: 0 auto 0.1em;
}
.post .ttl.ttl--primary::after {
display: none;
}
.post .ttl.ttl--primary .ttl--primary__ja {
font-family: var(--font-family03);
font-size: var(--rem40);
font-weight: 700;
line-height: 1;
}
.post .heading_mod-01 {
font-size: var(--rem36);
font-family: var(--font-family01);
font-weight: 600;
text-align: center;
letter-spacing: 0.2rem;
padding: 0;
margin: var(--px120) auto var(--px50);
}
.post .heading_mod-01::after {
content: "";
position: relative;
visibility: visible;
display: block;
width: 2.2em;
height: 3px;
background: var(--color-primary);
margin: 0.6em auto 0;
}
.post #top_feature>div>div.column01>div>div.w50.txtarea>div>h2>span {
font-family: var(--font-family03);
}
.post .heading_mod-02 {
color: var(--color-primary);
font-size: var(--rem20w);
font-family: var(--font-family01);
font-weight: 700;
letter-spacing: 0.1rem;
padding: 0 0 0.4em;
margin: var(--px60) auto var(--px20);
border-bottom: 2px solid var(--color-primary);
}
.post .heading_mod-02::before, .post .heading_mod-02::after {
display: none;
}
.post .heading_mod-03 {
font-size: var(--rem24w);
font-weight: 600;
font-family: var(--body-font-family);
letter-spacing: 0.1rem;
padding: 0 1rem 0.2rem;
margin: var(--rem60) auto var(--rem30);
border-left: 4px solid;
border-bottom: none;
}
.post .heading_mod-03::before, .post .heading_mod-03::after {
display: none;
}
.post .heading_mod-04 {
position: relative;
font-size: var(--rem24);
font-family: var(--font-family01);
font-weight: 600;
padding: 0 0 0 1.2em;
margin: var(--px40) auto var(--px24);
border: none;
}
.post .heading_mod-04::before {
content: "";
position: absolute;
width: 0.7em;
height: 2px;
background: var(--color-primary);
top: 0.8em;
left: 0;
}
.post .heading_mod-04::after {
display: none;
}
.post .heading_mod-05 {
color: var(--color-primary);
font-size: var(--rem40);
font-weight: 700;
line-height: 1.4;
padding: 0;
border: none;
}
.post .heading_mod-05::before, .post .heading_mod-05::after {
display: none;
}
.post .heading_mod-05 span {
background: -webkit-gradient(linear, left bottom, left top, color-stop(0.425em, #FFEFF4), color-stop(0.425em, transparent));
background: linear-gradient(to top, #FFEFF4 0.425em, transparent 0.425em);
}
.post .heading_mod-06 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-column-gap: var(--px16);
-moz-column-gap: var(--px16);
column-gap: var(--px16);
color: var(--color-primary);
font-size: var(--rem24);
font-weight: 700;
letter-spacing: 0;
padding: 0;
border: none;
}
.post .heading_mod-06::before {
display: inline-block;
content: "";
aspect-ratio: 1/1;
width: var(--px14);
height: auto;
background: var(--color-primary);
border-radius: 50%;
margin-top: 0.5em;
}
.post .heading_mod-06::after {
display: none;
}
.post .heading_mod-07 {
display: inline-block;
color: #fff;
font-size: var(--rem18);
font-weight: 700;
padding: 5px 10px;
border: none;
border-radius: 4px;
background: var(--color-primary);
}
.post .heading_mod-07::before, .post .heading_mod-07::after {
display: none;
}
.post .heading_mod-08 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 0.7em;
padding: 0;
border: none;
margin-bottom: var(--rem40);
}
.post .heading_mod-08 .ja {
font-size: var(--rem30);
font-weight: 700;
letter-spacing: 0;
}
.post .heading_mod-08 .en {
color: var(--color-primary);
font-size: var(--rem18);
font-weight: 700;
line-height: 1.4;
letter-spacing: 0;
}
.post .heading_mod-08::before, .post .heading_mod-08::after {
display: none;
}
.post .text-mod-01 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-column-gap: 8px;
-moz-column-gap: 8px;
column-gap: 8px;
color: var(--color-primary);
font-size: var(--rem20w);
font-weight: 700;
padding: 0;
border: none;
}
.post .text-mod-01::before {
display: inline-block;
content: "";
aspect-ratio: 48.51/49.14;
width: var(--rem80);
height: auto;
background: url(//copainart.com/wp-content/uploads/pic_0-price_01.png.webp) no-repeat center/contain;
}
.post .text-mod-01::after {
display: none;
}
.post p {
line-height: 1.8;
}
.post .card.card--mod-01 {
content: counter(num);
}
.post .card.card--mod-01 .card__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: var(--rem30) var(--px30);
background: #FFEFF4;
border-radius: var(--px20);
padding: var(--rem30) var(--px30);
counter-increment: num;
}
.post .card.card--mod-01 .card__item+.card__item {
margin-top: var(--rem40);
}
.post .card.card--mod-01 .card__item+.post .card.card--mod-01 .card__item {
margin-top: var(--rem40);
}
.post .card.card--mod-01 .card__item::before {
-ms-flex-negative: 0;
flex-shrink: 0;
content: counter(num, decimal-leading-zero);
color: var(--color-primary);
font-family: var(--font-family04);
font-size: min(5.4rem + (1vw - 1.92rem) * 1.6828, 5.4rem);
font-weight: 700;
line-height: 0.4;
-webkit-font-feature-settings: "pnum"on, "lnum"on;
font-feature-settings: "pnum"on, "lnum"on;
-webkit-text-stroke: 4px #FFF;
text-stroke: 4px #FFF;
paint-order: stroke;
margin-left: 10px;
position: relative;
z-index: 1;
}
.post .card.card--mod-01 .card__summary {
width: 68%;
}
.post .card.card--mod-01 .card__summary .card__ttl {
color: var(--color-primary);
font-size: var(--rem24w);
font-weight: 700;
letter-spacing: 0;
margin-bottom: 0.3em;
padding: 0;
border: none;
}
.post .card.card--mod-01 .card__summary .card__ttl::before, .post .card.card--mod-01 .card__summary .card__ttl::after {
display: none;
}
.post .card.card--mod-01 .card__figure {
width: 32%;
}
.post .card.card--mod-02 .card__item {
background: #FFEFF4;
border-radius: var(--px20);
padding: var(--rem30) var(--px30);
}
.post .card.card--mod-02 .card__item+.card__item {
margin-top: var(--rem60);
}
.post .card.card--mod-02 .card__item+.post .card.card--mod-02 .card__item {
margin-top: var(--rem60);
}
.post .card.card--mod-02 .card__item.businesses {
padding: var(--rem30) var(--px60);
}
.post .card.card--mod-02 .card__ttl {
color: var(--color-primary);
font-size: var(--rem24w);
font-weight: 700;
letter-spacing: 0;
padding: 0;
border: none;
}
.post .card.card--mod-02 .card__ttl::before, .post .card.card--mod-02 .card__ttl::after {
display: none;
}
.post .card.card--mod-02 .card__lead {
font-size: var(--rem18);
padding: var(--rem18) 0;
border-top: 1px solid var(--color-primary);
border-bottom: 1px solid var(--color-primary);
margin-bottom: var(--rem24);
}
.post .linksList {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.post .linksList .linksList__item {
width: 30.6%;
}
.post .linksList .linksList__item>a {
font-family: var(--font-family03);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: var(--rem20) var(--px20);
height: 100%;
}
.post .benefitList {
position: relative;
}
.post .benefitList::before {
display: block;
content: "";
aspect-ratio: 696/585;
width: 21.75em;
height: auto;
background: url(//copainart.com/wp-content/uploads/top_benefit_01.png.webp) no-repeat center/contain;
position: absolute;
top: 3%;
right: 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.post .benefitList .benefitList__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: var(--px60);
-moz-column-gap: var(--px60);
column-gap: var(--px60);
background: #fff;
border-radius: var(--px20);
padding: var(--rem36) var(--px50);
}
.post .benefitList .benefitList__item+.post .benefitList .benefitList__item {
margin-top: var(--rem36);
}
.post .benefitList__item+.benefitList__item {
margin-top: var(--rem36);
}
.post .benefitList .benefitList__item .imgarea { width: 40%;
}
.post .benefitList .benefitList__item .txtarea {
width: 60%;
}
.post .benefitList .benefitList__item .benefitList__ttl {
color: var(--color-primary);
font-family: var(--font-family03);
font-size: var(--rem40);
font-weight: 700;
line-height: 1.4;
text-align: left;
padding: 0;
border: none;
margin-bottom: 0.1em;
}
.post .benefitList .benefitList__item .benefitList__ttl::before, .post .benefitList .benefitList__item .benefitList__ttl::after {
display: none;
}
.post .benefitList .benefitList__item .benefitList__ttl+.benefitList__copy {
margin-top: 0.3em;
}
.post .benefitList .benefitList__item .benefitList__lead {
color: var(--color-primary-shade);
font-size: var(--rem24);
font-weight: 700;
line-height: 1.5;
margin-bottom: 0.5em;
}
.post .benefitList .benefitList__item .benefitList__copy+.benefitList__lead {
margin-top: 0.4em;
}
.post .box.box--mod-01 {
background: #fff;
border-radius: var(--px20);
margin-top: var(--rem36);
padding-bottom: var(--rem48);
}
.post .box.box--mod-01 .box--mod-01__ttl {
color: #fff;
font-family: var(--font-family03);
font-size: var(--rem40);
font-weight: 700;
line-height: 1.4;
text-align: center;
background: var(--color-primary);
padding: var(--rem16) var(--px16);
border: none;
border-radius: var(--px20) var(--px20) 0 0;
margin-bottom: var(--rem30);
}
.post .box.box--mod-02 {
background: #FFEFF4;
border-radius: var(--px20);
padding: var(--rem40) var(--px40) var(--rem48);
}
.post .box.box--mod-03 {
background: #fff;
border-radius: var(--px20);
border: 1px solid var(--color-primary);
padding: var(--rem60) var(--px40) var(--rem48);
margin-top: var(--rem120);
position: relative;
}
.post .box.box--mod-03 .box--mod-03__ttl {
width: 100%;
max-width: 590px;
margin-left: auto;
margin-right: auto;
color: #fff;
font-size: var(--rem24w);
font-weight: 700;
letter-spacing: 0.12em;
text-align: center;
padding: 6px var(--px20);
border-radius: 10px;
background: var(--color-primary);
position: absolute;
top: 0;
left: 0;
right: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.post .bannerBlock {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border-radius: var(--px20);
border: 15px solid var(--color-primary);
}
.post .bannerBlock .txtarea,
.post .bannerBlock .imgarea {
aspect-ratio: 606.49/358;
width: 50%;
}
.post .bannerBlock .txtarea {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #fff;
padding: var(--rem40) var(--px40);
}
.post .bannerBlock .txtarea .txtinner {
max-width: 310px;
margin-left: auto;
margin-right: auto;
}
.post .bannerBlock.bannerBlock--mod-01 {
position: relative;
}
.post .bannerBlock.bannerBlock--mod-01 .txtarea,
.post .bannerBlock.bannerBlock--mod-01 .imgarea { width: 50%;
}
.post .bannerBlock.bannerBlock--mod-01 .txtarea .txtinner {
max-width: unset;
}
.post .bannerBlock.bannerBlock--mod-01.top-deco::before {
display: block;
content: "";
width: 0;
height: 0;
border-style: solid;
border-right: 43px solid transparent;
border-left: 43px solid transparent;
border-top: 40px solid #ed7e9e;
border-bottom: 0;
position: absolute;
top: -40px;
left: 0;
right: 0;
margin: 0 auto;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.post .flexbox.flexbox--ordinarily {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.post .max-w {
margin-left: auto;
margin-right: auto;
}
.post .max-w.leftSide {
margin-left: 0;
}
.post .max-w.rightSide {
margin-right: 0;
}
.post .max-w.max-w--960 {
max-width: 960px;
}
.post .max-w.max-w--880 {
max-width: 880px;
}
.post .max-w.max-w--630 {
max-width: 630px;
}
.post .max-w.max-w--1000 {
max-width: 1000px;
}
.post .max-w.max-w--1100 {
max-width: 1100px;
}
.post .none-style {
padding: 0;
border: 0;
}
.post .none-style::before, .post .none-style::after {
display: none;
}
.post .ffs-on {
-webkit-font-feature-settings: "palt"on;
font-feature-settings: "palt"on;
}
.post .ffs-off {
-webkit-font-feature-settings: "palt"off;
font-feature-settings: "palt"off;
}
.post .ff-01 {
font-family: var(--font-family01) !important;
}
.post .ff-02 {
font-family: var(--font-family02) !important;
}
.post .ff-03 {
font-family: var(--font-family03) !important;
}
.post .fsz-12 {
font-size: var(--rem12);
}
.post .fsz-14 {
font-size: var(--rem14);
}
.post .fsz-16 {
font-size: var(--rem16);
}
.post .fsz-18 {
font-size: var(--rem18);
}
.post .fsz-20 {
font-size: var(--rem20);
}
.post .fsz-24 {
font-size: var(--rem24);
}
.post .fsz-28 {
font-size: var(--rem28);
}
.post .fsz-30 {
font-size: var(--rem30);
}
.post .fsz-36 {
font-size: var(--rem36);
}
.post .fsz-40 {
font-size: var(--rem40);
}
.post .fsz-48 {
font-size: var(--rem48);
}
.post .fsz-60 {
font-size: var(--rem60);
}
.post .fsz-72 {
font-size: var(--rem72);
}
.post .fsz-80 {
font-size: var(--rem80);
}
.post .fsz-120 {
font-size: var(--rem120);
}
.post .fw-100 {
font-weight: 100 !important;
}
.post .fw-200 {
font-weight: 200 !important;
}
.post .fw-300 {
font-weight: 300 !important;
}
.post .fw-400 {
font-weight: 400 !important;
}
.post .fw-500 {
font-weight: 500 !important;
}
.post .fw-600 {
font-weight: 600 !important;
}
.post .fw-700 {
font-weight: 700 !important;
}
.post .fw-800 {
font-weight: 800 !important;
}
.post .fw-900 {
font-weight: 900 !important;
}
.post .lh-mod-01 {
line-height: 1 !important;
}
.post .lh-mod-02 {
line-height: 1.1 !important;
}
.post .lh-mod-03 {
line-height: 1.2 !important;
}
.post .lh-mod-04 {
line-height: 1.3 !important;
}
.post .lh-mod-05 {
line-height: 1.4 !important;
}
.post .lh-mod-06 {
line-height: 1.5 !important;
}
.post .lh-mod-07 {
line-height: 1.6 !important;
}
.post .lh-mod-08 {
line-height: 1.7 !important;
}
.post .lh-mod-09 {
line-height: 1.8 !important;
}
.post .lh-mod-10 {
line-height: 1.9 !important;
}
.post .lh-mod-11 {
line-height: 2 !important;
}
.post .ls-mod-01 {
letter-spacing: 0 !important;
}
.post .ls-mod-02 {
letter-spacing: 0.1em !important;
}
.post .color-common {
color: var(--color-font);
}
.post .color-primary {
color: var(--color-primary);
}
.post .color-primary-shade {
color: var(--color-primary-shade);
}
.post .color-primary-tint {
color: var(--color-primary-tint);
}
.post .color-white {
color: #fff;
}
.post .color-black {
color: #000;
}
.post .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;
}
.post .d-inline {
display: inline;
}
.post .d-inline-b {
display: inline-block;
}
.post .d-block {
display: block;
}
.post .ml-12 {
margin-left: var(--rem12);
}
.post .ml-14 {
margin-left: var(--rem14);
}
.post .ml-16 {
margin-left: var(--rem16);
}
.post .ml-18 {
margin-left: var(--rem18);
}
.post .ml-20 {
margin-left: var(--rem20);
}
.post .ml-24 {
margin-left: var(--rem24);
}
.post .mr-12 {
margin-right: var(--rem12);
}
.post .mr-14 {
margin-right: var(--rem14);
}
.post .mr-16 {
margin-right: var(--rem16);
}
.post .mr-18 {
margin-right: var(--rem18);
}
.post .mr-20 {
margin-right: var(--rem20);
}
.post .mr-24 {
margin-right: var(--rem24);
}
.post .m-inline-auto {
margin-left: auto !important;
margin-right: auto !important;
}
.post .m-inline-none {
margin-left: 0 !important;
margin-right: 0 !important;
}
.post .pl-mod-01 {
padding-left: 1.5em;
}
.flexbox iframe {
width: 96%;
}
@media print, screen and (max-width: 768px) {
.flexbox iframe {
width: 100%;
height: 300px;
}
}
.bg-white {
background: #fff;
border-radius: 10px;
padding: var(--rem48) var(--px50);
}
@media print, screen and (max-width: 1080px) {
.post .linksList .linksList__item {
width: 32%;
}
}
@media print, screen and (max-width: 820px) {
.post .benefitList::before {
width: 17.75em;
}
}
@media print, screen and (max-width: 819px) {
.post .linksList {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: var(--rem36);
}
.post .linksList .linksList__item {
width: 100%;
max-width: 380px;
margin-left: auto;
margin-right: auto;
}
}
@media print, screen and (max-width: 768px) {
.post .ttl.ttl--primary .ttl--primary__ja {
font-size: var(--rem60);
}
.post .heading_mod-05 {
font-size: var(--rem60);
text-align: center !important;
}
.post .bannerBlock.bannerBlock--mod-01.top-deco::before {
border-right: 32px solid transparent;
border-left: 32px solid transparent;
border-top: 30px solid #ed7e9e;
top: -23px;
}
.post .benefitList::before {
width: 40%;
top: 1%;
}
.post .benefitList .benefitList__item {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: var(--rem48) var(--px50);
}
.post .benefitList .benefitList__item .imgarea {
width: 100%;
}
.post .benefitList .benefitList__item .txtarea {
width: 100%;
padding-top: var(--rem48);
}
.post .benefitList .benefitList__item .benefitList__ttl {
font-size: var(--rem60);
}
.post .benefitList .benefitList__item .benefitList__lead {
font-size: var(--rem30);
}
.post .benefitList .benefitList__item .benefitList__copy {
font-size: var(--rem20);
}
.post .card.card--mod-01 .card__summary .card--ttl {
font-size: var(--rem24);
}
.post .bannerBlock {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
max-width: 642px;
margin-left: auto;
margin-right: auto;
}
.post .bannerBlock .txtarea,
.post .bannerBlock .imgarea {
width: 100%;
}
.post .bannerBlock.bannerBlock--mod-01 {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.post .bannerBlock.bannerBlock--mod-01 .txtarea,
.post .bannerBlock.bannerBlock--mod-01 .imgarea {
width: 100%;
}
.post .bannerBlock.bannerBlock--mod-01 .txtarea {
aspect-ratio: unset;
}
.post .pl-mod-01 {
padding-left: 0;
}
}
@media print, screen and (max-width: 560px) {
.post .ttl.ttl--primary .ttl--primary__ja {
font-size: var(--rem48);
}
.post .heading_mod-05 {
font-size: var(--rem48);
}
.post .benefitList .benefitList__item .benefitList__ttl {
font-size: var(--rem40);
}
.post .benefitList .benefitList__item .benefitList__lead {
font-size: var(--rem20);
}
.post .benefitList .benefitList__item .benefitList__copy {
font-size: var(--rem20);
line-height: 1.8;
}
.post .card.card--mod-01 .card__item {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.post .card.card--mod-01 .card__item::before {
margin-left: 0;
}
.post .card.card--mod-01 .card__summary,
.post .card.card--mod-01 .card__figure {
width: 100%;
}
}
.contentBox .contentBox__outer {
max-width: 1500px;
width: 90%;
margin: calc(min(9rem + (1vw - 1.92rem) * 2.9126, 9rem) * -1) auto 0;
background: #fff;
position: relative;
z-index: 1;
}
.contentBox .contentBox__inner {
max-width: 1240px;
padding: var(--px100) var(--px40) 0;
margin: 0 auto;
}
.list.list--col2 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: var(--rem40) var(--px60);
max-width: 1000px;
margin-left: auto;
margin-right: auto;
}
.list.list--col2>li {
font-size: var(--rem18);
width: calc((100% - var(--px60)) / 2);
}
.list.list--mod-02 {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin: 0 auto;
}
.list.list--mod-02>li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-column-gap: var(--px24);
-moz-column-gap: var(--px24);
column-gap: var(--px24);
font-size: var(--rem20); }
.list.list--mod-02>li+li {
margin-top: var(--rem10);
}
.list.list--mod-02>li+.list.list--mod-02>li {
margin-top: var(--rem10);
}
.list.list--mod-02>li::before {
-ms-flex-negative: 0;
flex-shrink: 0;
display: inline-block;
content: "";
aspect-ratio: 1/1;
width: var(--px30);
height: auto;
background: url(//copainart.com/wp-content/uploads/icon_check_01.png.webp) no-repeat center/contain;
margin-top: 0.4em;
}
.list .deco {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: var(--px20);
-moz-column-gap: var(--px20);
column-gap: var(--px20);
}
.list .deco::before {
display: inline-block;
content: "";
aspect-ratio: 100/80;
width: var(--px100);
height: auto;
}
.list .deco.deco--01::before {
background: url(//copainart.com/wp-content/uploads/pic_01.png.webp) no-repeat center/contain;
}
.list .deco.deco--02::before {
background: url(//copainart.com/wp-content/uploads/pic_02.png.webp) no-repeat center/contain;
}
.list .deco.deco--03::before {
background: url(//copainart.com/wp-content/uploads/pic_03.png.webp) no-repeat center/contain;
}
.list .deco.deco--04::before {
background: url(//copainart.com/wp-content/uploads/pic_04.png.webp) no-repeat center/contain;
}
@media print, screen and (max-width: 768px) {
.list.list--col2>li {
width: 100%;
}
}
.block-border+.block-border {
border-top: 1px dashed #000;
margin-top: var(--px100);
padding-top: var(--px100);
}
.figureList {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: var(--rem36) calc(var(--px18) * 2);
margin-top: var(--rem120);
}
.figureList>li {
aspect-ratio: 389/304;
width: calc((100% - var(--px18) * 2 * 2) / 3);
}
.figureList>li img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media screen and (max-width: 768px) {
.figureList>li {
width: calc((100% - var(--px18) * 2) / 2);
}
}
.br_mod-01 {
display: none;
}
@media screen and (max-width: 414px) {
.br_mod-01 {
display: block;
}
}
.br_mod-02 {
display: block;
}
@media screen and (max-width: 414px) {
.br_mod-02 {
display: none;
}
}
.br_mod-03 {
display: none;
}
@media screen and (max-width: 1400px) {
.br_mod-03 {
display: block;
}
} .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: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.box_w2_sp.rev {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.box_w2_sp.vtop {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.box_w2_sp.vcen {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.box_w2_sp.vbtm {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.box_pad {
padding: 20px;
-webkit-box-sizing: border-box;
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: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.box_w2.rev {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.box_w2.vtop {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.box_w2.vcen {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.box_w2.vbtm {
-webkit-box-align: end;
-ms-flex-align: end;
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: var(--px60) 0 0;
}
.column01_wrap {
position: relative;
max-width: 1240px;
width: 100%;
margin: 0 auto;
z-index: 1;
}
.column01 .txtarea {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: var(--px30) var(--px30);
margin: 0;
}
.column01 .txtarea .txtinner {
max-width: 700px;
}
.column01 .imgarea {
overflow: hidden;
line-height: 0;
margin: 0;
}
.column01 .imgarea img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media print, screen and (max-width: 768px) {
.column01 .txtarea {
padding: var(--px80) 5%;
}
} .toptxtarea {
max-width: 960px;
width: 94%;
margin: 0 auto;
position: relative;
z-index: 1;
}
.card01_wrap {
position: relative;
margin: var(--px60) 0 0;
}
.card01_inner {
max-width: 1240px;
width: 100%;
margin: 0 auto;
}
.card01_list>li {
position: relative;
background: transparent;
}
.card01_list .imgarea {
width: 100%;
position: relative;
aspect-ratio: 360/280;
overflow: hidden;
line-height: 0;
}
.card01_list .imgarea img {
width: 100%;
height: 100%;
border-radius: var(--px20);
-o-object-fit: cover;
object-fit: cover;
}
.card01_list .txtarea {
padding: 20px 0 0 0;
line-height: 1.6;
text-align: left;
background: transparent;
}  .post .col3_list {
position: relative;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
counter-reset: num;
}
.post .col3_list.col3_list--mod-01 {
max-width: 1074px;
width: 94%;
margin-left: auto;
margin-right: auto;
}
.post .col3_list.col3_list--mod-01>li {
width: 31.7%;
}
.post .col3_list.col3_list--mod-01>li::before {
display: none;
}
.post .col3_list.col3_list--mod-01>li .imgarea {
aspect-ratio: 90/120;
width: 90%;
max-width: 87px;
margin: 0 auto;
}
.post .col3_list.col3_list--mod-01>li .txtarea .txtstyle02 {
font-family: var(--font-family01);
margin-bottom: 0.2em;
}
.post .col3_list.col3_list--mod-02>li {
width: 29%;
}
.post .col3_list.col3_list--mod-02 .txtstyle02 {
font-size: var(--rem20w);
}
@media print, screen and (max-width: 768px) {
.post .col3_list.col3_list--mod-01>li {
width: 100%;
}
.post .col3_list.col3_list--mod-02>li {
width: 100%;
}
}
.post .col3_list>li {
width: 30.8%;
margin-bottom: 2%;
position: relative;
counter-increment: num;
}
.post .col3_list>li::before {
display: block;
content: counter(num, decimal-leading-zero);
color: var(--color-primary);
font-family: var(--font-family04);
font-size: min(5.4rem + (1vw - 1.92rem) * 1.6828, 5.4rem);
font-weight: 700;
line-height: 0.4;
-webkit-font-feature-settings: "pnum"on, "lnum"on;
font-feature-settings: "pnum"on, "lnum"on;
-webkit-text-stroke: 4px #FFF;
text-stroke: 4px #FFF;
paint-order: stroke;
margin-left: 10px;
position: relative;
z-index: 1;
}
@media print, screen and (max-width: 768px) {
.post .col3_list>li::before {
font-size: 5.4rem;
}
}
@media print, screen and (max-width: 560px) {
.post .col3_list>li::before {
font-size: 4rem;
}
}
.post .col3_list::before {
content: "";
display: block;
width: 32%;
height: 0;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.post .col3_list:after {
content: "";
display: block;
width: 32%;
height: 0;
}
@media print, screen and (max-width: 768px) {
.post .col3_list>li {
width: 100%;
margin-bottom: 10%;
}
.post .col3_list>li:last-child {
margin-bottom: 10%;
}
} .post .txtstyle02,
.txtstyle02 { font-size: var(--rem36);
font-weight: 700;
margin: var(--rem36) auto;
background: transparent;
line-height: 1.4;
padding: 0;
border: none;
}
.post .txtstyle02::before, .post .txtstyle02::after,
.txtstyle02::before,
.txtstyle02::after {
display: none;
}
.post .txtstyle02:before,
.post .txtstyle02:after,
.txtstyle02:before,
.txtstyle02:after {
content: none;
}
.post .card01_list .txtstyle02,
.card01_list .txtstyle02 {
font-family: var(--font-family03);
font-size: var(--rem24);
margin: 0 0 var(--rem16);
}
@media print, screen and (max-width: 768px) {
.post .card01_list .txtstyle02,
.card01_list .txtstyle02 {
font-size: var(--rem30);
}
.post .card01_list .txtstyle02+P,
.card01_list .txtstyle02+P {
font-size: var(--rem20);
}
} .linkBtn,
.post .linkBtn,
a.linkBtn {
color: #fff;
font-size: var(--rem18);
font-weight: 700;
background: var(--color-primary);
border-radius: 8px;
max-width: 300px;
}
.linkBtn:hover,
.post .linkBtn:hover,
a.linkBtn:hover {
background: #f2a5bb;
}
.linkBtn.linkBtn--mod-01, .linkBtn.linkBtn--mod-02, .linkBtn.linkBtn--mod-03,
.post .linkBtn.linkBtn--mod-01,
.post .linkBtn.linkBtn--mod-02,
.post .linkBtn.linkBtn--mod-03,
a.linkBtn.linkBtn--mod-01,
a.linkBtn.linkBtn--mod-02,
a.linkBtn.linkBtn--mod-03 {
color: #fff;
font-size: var(--rem28);
font-weight: 700;
max-width: 380px;
border-radius: var(--px20);
padding: var(--rem24) 48px var(--rem24) 10px;
}
.linkBtn.linkBtn--mod-01::before, .linkBtn.linkBtn--mod-02::before, .linkBtn.linkBtn--mod-03::before,
.post .linkBtn.linkBtn--mod-01::before,
.post .linkBtn.linkBtn--mod-02::before,
.post .linkBtn.linkBtn--mod-03::before,
a.linkBtn.linkBtn--mod-01::before,
a.linkBtn.linkBtn--mod-02::before,
a.linkBtn.linkBtn--mod-03::before {
display: inline-block;
content: "";
height: auto;
}
.linkBtn.linkBtn--mod-01::after, .linkBtn.linkBtn--mod-02::after, .linkBtn.linkBtn--mod-03::after,
.post .linkBtn.linkBtn--mod-01::after,
.post .linkBtn.linkBtn--mod-02::after,
.post .linkBtn.linkBtn--mod-03::after,
a.linkBtn.linkBtn--mod-01::after,
a.linkBtn.linkBtn--mod-02::after,
a.linkBtn.linkBtn--mod-03::after {
width: 10px;
height: 10px;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
right: 28px;
}
.linkBtn.linkBtn--mod-01,
.post .linkBtn.linkBtn--mod-01,
a.linkBtn.linkBtn--mod-01 {
background: #32CADA;
}
.linkBtn.linkBtn--mod-01::before,
.post .linkBtn.linkBtn--mod-01::before,
a.linkBtn.linkBtn--mod-01::before {
aspect-ratio: 64.88/60;
width: 2.32em;
background: url(//copainart.com/wp-content/uploads/icon_11.png.webp) no-repeat center/contain;
}
.linkBtn.linkBtn--mod-01:hover,
.post .linkBtn.linkBtn--mod-01:hover,
a.linkBtn.linkBtn--mod-01:hover {
background: #70dae5;
}
.linkBtn.linkBtn--mod-02,
.post .linkBtn.linkBtn--mod-02,
a.linkBtn.linkBtn--mod-02 {
background: #FDAF50;
}
.linkBtn.linkBtn--mod-02::before,
.post .linkBtn.linkBtn--mod-02::before,
a.linkBtn.linkBtn--mod-02::before {
aspect-ratio: 60.58/70;
width: 2.14em;
background: url(//copainart.com/wp-content/uploads/icon_12.png.webp) no-repeat center/contain;
}
.linkBtn.linkBtn--mod-02:hover,
.post .linkBtn.linkBtn--mod-02:hover,
a.linkBtn.linkBtn--mod-02:hover {
background: #fec785;
}
.linkBtn.linkBtn--mod-03,
.post .linkBtn.linkBtn--mod-03,
a.linkBtn.linkBtn--mod-03 {
background: #7FC951;
}
.linkBtn.linkBtn--mod-03::before,
.post .linkBtn.linkBtn--mod-03::before,
a.linkBtn.linkBtn--mod-03::before {
aspect-ratio: 69/64.31;
width: 2.46em;
background: url(//copainart.com/wp-content/uploads/icon_13.png.webp) no-repeat center/contain;
}
.linkBtn.linkBtn--mod-03:hover,
.post .linkBtn.linkBtn--mod-03:hover,
a.linkBtn.linkBtn--mod-03:hover {
background: #a5d985;
}
.linkBtn.linkBtn--instagram,
.post .linkBtn.linkBtn--instagram,
a.linkBtn.linkBtn--instagram {
font-size: var(--rem16);
font-weight: 500;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-column-gap: var(--px14);
-moz-column-gap: var(--px14);
column-gap: var(--px14);
max-width: 184px;
background: linear-gradient(89.42deg, #EBC82C 1.89%, #E02FA5 99.82%);
border-radius: 50vh;
padding: 9px 20px;
}
.linkBtn.linkBtn--instagram i.fa-instagram::before,
.post .linkBtn.linkBtn--instagram i.fa-instagram::before,
a.linkBtn.linkBtn--instagram i.fa-instagram::before {
font-size: var(--rem24);
top: 0.05em;
}
.linkBtn.linkBtn--instagram i.fa-chevron-right::before,
.post .linkBtn.linkBtn--instagram i.fa-chevron-right::before,
a.linkBtn.linkBtn--instagram i.fa-chevron-right::before {
font-size: var(--rem16);
top: 0.07em;
}
.linkBtn.linkBtn--instagram i::before,
.post .linkBtn.linkBtn--instagram i::before,
a.linkBtn.linkBtn--instagram i::before {
position: relative;
}
.linkBtn.linkBtn--instagram::after,
.post .linkBtn.linkBtn--instagram::after,
a.linkBtn.linkBtn--instagram::after {
display: none;
}
.linkBtn.linkBtn--instagram:hover,
.post .linkBtn.linkBtn--instagram:hover,
a.linkBtn.linkBtn--instagram:hover {
opacity: 0.7;
}
a.linkBtn.linkBtn--mod-01 {
background: #32CADA;
}
a.linkBtn.linkBtn--mod-02 {
background: #FDAF50;
}
a.linkBtn.linkBtn--mod-03 {
background: #7FC951;
}
@media print, screen and (max-width: 1080px) {
.linkBtn.linkBtn--mod-01, .linkBtn.linkBtn--mod-02, .linkBtn.linkBtn--mod-03,
.post .linkBtn.linkBtn--mod-01,
.post .linkBtn.linkBtn--mod-02,
.post .linkBtn.linkBtn--mod-03,
a.linkBtn.linkBtn--mod-01,
a.linkBtn.linkBtn--mod-02,
a.linkBtn.linkBtn--mod-03 {
font-size: var(--rem20);
}
}
div:has(.linkBtn).txt_l .linkBtn {
margin-left: 0;
}
div:has(.linkBtn).txt_r .linkBtn {
margin-right: 0;
} @media print, screen and (max-width: 1023px) {
body.mobile #header .logo {
-webkit-column-gap: 16px;
-moz-column-gap: 16px;
column-gap: 16px;
}
body.mobile .sp-contact {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-negative: 0;
flex-shrink: 0;
font-size: 10px;
font-weight: 500;
}
body.mobile .sp-contact>a {
position: relative;
}
body.mobile .sp-contact>a::before {
display: block;
content: "";
aspect-ratio: 100/86;
width: 24px;
height: auto;
background: url(//copainart.com/wp-content/uploads/icon_07.png.webp) no-repeat center/contain;
margin: 0 auto;
}
body.mobile #header .logo .spmenu {
-ms-flex-negative: 0;
flex-shrink: 0;
}
}
@media print, screen and (min-width: 1024px) {
.sp-contact {
display: none;
}
#header {
height: 140px;
}
.sticky-header #header-layout {
height: 120px;
}
#header .logo {
padding-left: 0;
}
#header .logo img {
width: 100%;
max-width: 335px;
max-height: 86px;
}
nav#mainNav ul {
-webkit-column-gap: var(--px50);
-moz-column-gap: var(--px50);
column-gap: var(--px50);
margin-right: var(--px50);
}
nav#mainNav ul li>a {
font-size: var(--rem14);
padding: var(--px20) 0;
}
nav#mainNav ul li.deco>a {
position: relative;
}
nav#mainNav ul li.deco>a::before {
display: block;
content: "";
width: auto;
height: 65px;
margin: 0 auto 0.7em;
}
nav#mainNav ul li.deco.deco--01>a::before {
aspect-ratio: 73/64.64;
background: url(//copainart.com/wp-content/uploads/icon_01-1.png.webp) no-repeat center/contain;
}
nav#mainNav ul li.deco.deco--02>a::before {
aspect-ratio: 52/65;
background: url(//copainart.com/wp-content/uploads/icon_02-1.png.webp) no-repeat center/contain;
}
nav#mainNav ul li.deco.deco--03>a::before {
aspect-ratio: 86.45/61.22;
background: url(//copainart.com/wp-content/uploads/icon_03-1.png.webp) no-repeat center/contain;
}
nav#mainNav ul li.deco.deco--04>a::before {
aspect-ratio: 51.32/65;
background: url(//copainart.com/wp-content/uploads/icon_04-1.png.webp) no-repeat center/contain;
}
nav#mainNav ul li.deco.deco--05>a::before {
aspect-ratio: 65/65;
background: url(//copainart.com/wp-content/uploads/icon_05-1.png.webp) no-repeat center/contain;
}
nav#mainNav ul li.deco.deco--06>a::before {
aspect-ratio: 57/65;
background: url(//copainart.com/wp-content/uploads/icon_06-1.png.webp) no-repeat center/contain;
}
#header ul.header__contact li:has(.head_btn.mail_btn) {
padding: var(--rem24) var(--px20) var(--rem24) 0;
}
#header ul.header__contact li:has(.head_btn.line_btn) {
padding: var(--rem24) 0;
margin-left: var(--px20); margin-right: 10px;
}
#header a.head_btn {
background: var(--color-primary);
padding-left: var(--rem20);
padding-right: var(--rem20);
}
#header a.head_btn:hover {
background-color: #f2a5bb;
}
#header a.head_btn.tel_btn {
background: var(--header-background);
padding-left: 10px;
padding-right: 10px;
}
#header a.head_btn.tel_btn:hover {
opacity: 0.7;
}
#header a.head_btn.tel_btn .tel_btn__info {
color: var(--header-color-font);
font-weight: 500;
}
#header a.head_btn.tel_btn .tel_btn__info .note {
font-size: var(--rem14);
}
#header a.head_btn.tel_btn .tel_btn__info .note b {
font-weight: 500;
}
#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(--rem20);
font-weight: 400;
line-height: 1;
margin-bottom: 0.1em;
}
#header a.head_btn .tel_btn__num {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: min(0.8rem + (1vw - 1.92rem) * 0.1294, 0.8rem);
-moz-column-gap: min(0.8rem + (1vw - 1.92rem) * 0.1294, 0.8rem);
column-gap: min(0.8rem + (1vw - 1.92rem) * 0.1294, 0.8rem);
color: var(--color-primary);
font-size: min(2.6rem + (1vw - 1.92rem) * 0.6472, 2.6rem);
font-weight: 700;
margin-bottom: 0.2em;
}
#header a.head_btn.line_btn {
font-size: var(--rem20);
letter-spacing: 0.06em;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 10px;
background: #6CCF58;
padding-left: var(--rem28);
padding-right: var(--rem28);
}
#header a.head_btn.line_btn:hover {
background: #98dd8a;
}
#header a.head_btn.line_btn::before {
content: "\f3c0";
position: relative;
top: 1px;
font-size: var(--rem24);
margin-right: 9px;
margin-bottom: 0;
}
#header a.head_btn.mail_btn {
font-size: var(--rem20);
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 10px;
}
#header a.head_btn.mail_btn::before {
position: relative;
top: 1px;
font-size: var(--rem20);
margin-right: 10px;
margin-bottom: 0;
} nav#mainNav ul li a b,
nav#mainNav ul li a span {
font-weight: 500;
}
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;
}
nav#mainNav ul li a:hover 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,
body:not(.home) nav#mainNav ul li.current-menu-parent a b {
color: var(--header-color-primary);
}
body:not(.home) nav#mainNav ul li.current-menu-item:hover a b,
body:not(.home) nav#mainNav ul li.current-menu-parent a:hover b {
color: var(--color-primary);
}
nav#mainNav ul li:hover>a, nav#mainNav ul li:hover>b {
color: var(--color-primary);
}
nav#mainNav ul li:hover ul.sub-menu {
background: #fff;
}
} #sp_mainImg {
display: none !important;
}
@media print, screen and (max-width: 768px) {
#sp_mainImg {
display: block !important;
}
}
@media print, screen and (max-width: 768px) {
#mainImg {
display: none !important;
}
}
@media screen and (max-width: 1600px) {
#header a.head_btn.tel_btn .tel_btn__info .note {
font-size: var(--rem12);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
nav#mainNav ul {
-webkit-column-gap: var(--px20);
-moz-column-gap: var(--px20);
column-gap: var(--px20);
margin-right: var(--px20);
}
nav#mainNav ul li.deco>a::before {
width: var(--rem60);
}
#header ul.header__contact li:has(.head_btn.line_btn) {
margin-left: var(--px12); margin-right: 10px;
min-width: 100px;
}
nav#mainNav ul,
#header .header__nav-contact {
-ms-flex-negative: 0;
flex-shrink: 0;
}
nav#mainNav ul li a b,
nav#mainNav ul li a span {
font-size: var(--rem14);
}
#header a.head_btn .tel_btn__num {
font-size: var(--rem16);
}
#header a.head_btn.line_btn {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-right: 0;
margin-bottom: 0.2em;
padding-left: var(--rem12);
padding-right: var(--rem12);
}
#header a.head_btn.line_btn::before {
margin-right: 0;
margin-bottom: 0.2em;
}
#header a.head_btn.mail_btn {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
font-size: var(--rem14);
padding-left: var(--rem12);
padding-right: var(--rem12);
}
#header a.head_btn.mail_btn::before {
margin-right: 0;
margin-bottom: 0.2em;
}
#header a.head_btn {
padding: min(10px + (1vw - 19.2px) * 0.2232, 10px) 10px;
}
#header a.head_btn.sns_btn {
padding: min(10px + (1vw - 19.2px) * 0.2232, 10px) 10px;
}
nav#mainNav ul li a {
padding: min(15px + (1vw - 19.2px) * 0.558, 15px) 10px;
}
}
@media print, screen and (max-width: 1240px) {
nav#mainNav ul {
-webkit-column-gap: 0;
-moz-column-gap: 0;
column-gap: 0;
margin-right: 10px;
}
nav#mainNav ul li a b,
nav#mainNav ul li a span {
font-size: var(--rem12);
}
#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, nav#mainNav ul li:hover>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) {
#header #mainNav .sp-nav-block {
display: block;
}
} #footer {
padding: var(--px80) 0 var(--px60);
}
#footer .footer__logo img {
width: 100%;
max-width: 266px;
max-height: 74px;
}
#footer .fooger__logo-name {
font-size: var(--rem12);
line-height: 1;
}
#footer .footer__logo:not(:last-child) {
text-align: center;
margin-bottom: var(--rem30);
}
#footer ul li a {
font-weight: 500;
}
#footer .footnav:not(:last-child) {
margin-bottom: 10px;
}
#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 {
color: var(--color-primary);
font-size: 2.4rem;
}
#copyright {
font-weight: 300;
background: transparent;
margin-top: 10px;
} .home .cta,
.page-id-234 .cta,
.page-id-21 .cta,
.page-id-17 .cta,
.page-id-19 .cta {
display: none !important;
} .cta01 {
background: url(//copainart.com/wp-content/uploads/cta_bg_01.png.webp) no-repeat center/cover;
padding: var(--rem120) 0;
position: relative;
z-index: 0;
}
.cta01 .ttl.ttl--primary {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
}
.cta01 .ttl.ttl--primary::before {
display: block;
content: "";
aspect-ratio: 50/43;
width: var(--px50);
height: auto;
background: url(//copainart.com/wp-content/uploads/icon_07.png.webp) no-repeat center/contain;
margin: 0 auto 0.1em;
}
.cta01 .ttl.ttl--primary::after {
display: none;
}
.cta01 .ttl.ttl--primary .ttl--primary__ja {
color: var(--color-primary);
font-family: var(--font-family03);
font-size: var(--rem40);
font-weight: 700;
line-height: 1;
}
.cta01 .color-white {
color: #fff;
}
.cta01 .color-black {
color: #000;
}
.cta01 .cta01_wrap {
max-width: 1240px;
width: 90%;
margin: 0 auto;
background: rgba(255, 255, 255, 0.9);
border-radius: var(--px30);
padding: var(--px120) var(--px30);
}
.cta01 .ctabtnlist {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: var(--rem20) var(--px20);
max-width: 1180px;
margin: var(--px50) auto 0 auto;
}
.cta01 .ctabtnlist li {
width: 50%;
margin: 0;
padding: 0;
line-height: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.cta01 a.item {
position: relative;
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;
width: 100%;
padding: var(--px30) 0;
text-align: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #111;
border-radius: var(--px20);
-webkit-transition: all ease 0.15s;
transition: all ease 0.15s;
}
.cta01 a.item:hover {
opacity: 0.8;
}
@media print, screen and (max-width: 1023px) {
.ctabtnlist {
display: block;
}
.cta01 .ctabtnlist li,
.cta01 .ctabtnlist a.item {
width: 100%;
}
.cta01 .ctabtnlist li+li {
margin-top: 1rem;
}
} .cta01 .btnttl {
display: block;
font-weight: bold;
margin-bottom: 1rem;
}
.cta01 .infotxt {
font-size: var(--rem16);
font-weight: 400;
}
.cta01 .infotxt .note,
.cta01 .infotxt b {
font-size: var(--rem16);
font-weight: 700;
} .cta01 .telnum {
font-size: var(--rem36);
font-weight: 500;
margin-bottom: 1rem;
}
.cta01 .telbtn .btnttl {
font-size: var(--rem20);
}
.cta01 a.telbtn {
background: #fff;
color: var(--color-font);
border: 2px solid var(--color-primary);
} .cta01 .mailbtn .btnttl {
font-size: var(--rem24);
}
.cta01 a.mailbtn {
background: var(--color-primary);
color: #fff;
} .cta01 a.linebtn {
background: #6CCF58;
color: #fff;
}
.cta01 .linebtn .btnttl {
font-size: var(--rem24);
} .cta01 .telnum::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 .telnum::before {
content: "\f3cd";
}
.cta01 .mailbtn .btnttl::before {
content: "\f0e0";
}
.cta01 .linebtn .btnttl::before {
content: "\f3c0";
font-weight: 400;
}  .home,
#editor-style {     }
.home #wrapper,
#editor-style #wrapper {
max-width: 1240px;
width: 90%;
}
.home #wrapper #content,
#editor-style #wrapper #content {
padding-bottom: 0;
}
.home .w100>img,
#editor-style .w100>img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.home #top_about.bg_wide::before,
#editor-style #top_about.bg_wide::before {
background: var(--color-primary-tint);
}
.home #top_about .front_contents,
#editor-style #top_about .front_contents {
padding: 0 0 var(--rem60);
}
.home #top_about .column01,
#editor-style #top_about .column01 {
margin-top: 0;
}
.home #top_feature .column01,
#editor-style #top_feature .column01 {
margin-top: var(--rem80);
}
.home #top_feature .column01 .txtarea,
#editor-style #top_feature .column01 .txtarea {
padding: 0 0 0 var(--px50);
}
.home #top_benefit.bg_wide::before,
#editor-style #top_benefit.bg_wide::before {
background: url(//copainart.com/wp-content/uploads/top_bg_01.png.webp) no-repeat top center/cover;
}
.home #top_links.bg_wide::before,
#editor-style #top_links.bg_wide::before {
background: url(//copainart.com/wp-content/uploads/top_bg_03.png.webp) no-repeat center/cover;
}
.home #top_instgram>div,
#editor-style #top_instgram>div {
padding-bottom: 0 !important;
}
.home .top_news,
#editor-style .top_news {
max-width: 1240px;
margin-left: auto;
margin-right: auto;
}
.home .postlist .post_text,
#editor-style .postlist .post_text {
color: #CCC;
padding: 26px 0;
}
.home .postlist li,
#editor-style .postlist li {
border-bottom: 1px solid #ccc;
}
.home .postlist .ttls,
.home .postlist .date,
#editor-style .postlist .ttls,
#editor-style .postlist .date {
color: var(--color-font);
font-size: 100%;
}
.home .post .time,
.home .postlist .time,
.home .post2b .time,
.home .post4b .time,
#editor-style .post .time,
#editor-style .postlist .time,
#editor-style .post2b .time,
#editor-style .post4b .time {
background: var(--color-primary);
}
.home .post .time,
.home .postlist .time,
.home .post2b .time,
.home .post4b .time,
#editor-style .post .time,
#editor-style .postlist .time,
#editor-style .post2b .time,
#editor-style .post4b .time {
line-height: 1.2 !important;
}
.musicBanner .musicBanner__mp4 {
width: 0;
height: 0;
opacity: 0;
visibility: visible;
}
.musicBanner .musicBanner__btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #FFEFF4;
border: none;
border-radius: var(--px20);
-webkit-transition: all 0.2s;
transition: all 0.2s;
cursor: pointer;
}
.musicBanner .musicBanner__btn:hover {
opacity: 0.7;
}
.musicBanner .musicBanner__txtarea,
.musicBanner .musicBanner__imgarea {
width: 50%;
}
.musicBanner .musicBanner__txtarea {
padding: var(--rem48) 0 var(--rem48) var(--px50);
}
.musicBanner .musicBanner__imgarea {
aspect-ratio: 620/270;
}
.musicBanner .musicBanner__imgarea img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.musicBanner .musicBanner__ttl {
color: var(--color-primary);
font-family: var(--font-family03);
font-size: var(--rem40);
font-weight: 700;
line-height: 1.4;
letter-spacing: 0;
}
.musicBanner .musicBanner__figure {
max-width: 480px;
margin: 0 auto;
}
.musicBanner .musicBanner__figure img {
width: 100%;
height: 100%;
-o-object-fit: containn;
object-fit: containn;
}
@media print, screen and (max-width: 1023px) {
.musicBanner .musicBanner__ttl {
font-size: var(--rem30);
}
}
@media print, screen and (max-width: 768px) {
.musicBanner .musicBanner__btn {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.musicBanner .musicBanner__txtarea,
.musicBanner .musicBanner__imgarea {
width: 100%;
}
.musicBanner .musicBanner__txtarea {
padding: var(--rem48) var(--px50);
}
}
@media print, screen and (max-width: 768px) {
.home #top_about .column01 .imgarea,
#editor-style #top_about .column01 .imgarea {
max-width: 423px;
width: 90%;
margin-left: auto;
margin-right: auto;
}
.home #top_about .column01 .txtarea h2,
#editor-style #top_about .column01 .txtarea h2 {
font-size: var(--rem60) !important;
text-align: center !important;
}
.home #top_about .column01 .txtarea p,
#editor-style #top_about .column01 .txtarea p {
font-size: var(--rem24w) !important;
}
.home #top_feature .column01 .txtarea,
#editor-style #top_feature .column01 .txtarea {
padding: var(--rem80) 0 0 0;
}
.home #top_feature .column01 .txtarea p,
#editor-style #top_feature .column01 .txtarea p {
font-size: var(--rem20);
}
.home #top_feature .column01 .txtarea div:has(> .linkBtn),
#editor-style #top_feature .column01 .txtarea div:has(> .linkBtn) {
text-align: center !important;
}
.home #top_benefit.bg_wide::before,
#editor-style #top_benefit.bg_wide::before {
border-radius: 40px 40px 0 0;
}
.home #top_benefit .front_contents,
#editor-style #top_benefit .front_contents {
padding-top: calc(var(--rem72) * 2) !important;
}
.home #top_links.bg_wide::before,
#editor-style #top_links.bg_wide::before {
background: url(https://copainart.com/wp-content/uploads/top_spbg_03.png.webp.jpg) no-repeat center/cover;
}
}
@media print, screen and (max-width: 560px) {
.home #top_about .column01 .txtarea p,
#editor-style #top_about .column01 .txtarea p {
font-size: var(--rem20) !important;
}
.home #top_benefit .front_contents,
#editor-style #top_benefit .front_contents {
padding-top: var(--rem72) !important;
}
.home #top_benefit h2,
#editor-style #top_benefit h2 {
font-size: var(--rem48);
}
.home #top_benefit .box.box--mod-01>p,
#editor-style #top_benefit .box.box--mod-01>p {
font-size: var(--rem28) !important;
}
}
@media print, screen and (max-width: 414px) {
.home #top_about .column01 .txtarea h2,
#editor-style #top_about .column01 .txtarea h2 {
font-size: calc(var(--rem28) * 1.5) !important;
}
}
.post img {
-o-object-fit: cover;
object-fit: cover;
height: 100%;
} body:not(.home) #thumbImg::before,
body:not(.home) header#h1Header::before {
display: none;
}
body:not(.home) h1.title,
body:not(.home) .post h1,
body:not(.home) header#h1Header h1.title {
color: var(--color-primary);
font-size: var(--rem36);
font-family: var(--font-family03);
font-weight: 700;
}
body:not(.home).single h1.title {
color: var(--color-font);
}
body:not(.home) #content:has(.widecolor.lastSection) {
padding-bottom: 0;
}
body:not(.home).post,
body:not(.home) .post { }
body:not(.home).post .table.table--mod-01,
body:not(.home) .post .table.table--mod-01 {
border: none;
}
body:not(.home).post .table.table--mod-01 th,
body:not(.home).post .table.table--mod-01 td,
body:not(.home) .post .table.table--mod-01 th,
body:not(.home) .post .table.table--mod-01 td {
padding: var(--rem20) var(--px16);
background: transparent;
border-top: 1px solid #ED7E9E;
border-left: none;
border-right: none;
border-bottom: 1px solid #ED7E9E;
}
body:not(.home).post .table.table--mod-01 th,
body:not(.home) .post .table.table--mod-01 th {
width: 20%;
min-width: 9em;
color: #ED7E9E;
font-weight: 700;
padding-left: 0;
}
body:not(.home).post .table.caption-right caption,
body:not(.home) .post .table.caption-right caption {
text-align: right;
}
body:not(.home).post .table.caption-center caption,
body:not(.home) .post .table.caption-center caption {
text-align: center;
}
body:not(.home).post .table.caption-bottom,
body:not(.home) .post .table.caption-bottom {
caption-side: bottom;
}
body:not(.home).post table th,
body:not(.home).post table td,
body:not(.home) .post table th,
body:not(.home) .post table td {
font-size: var(--rem16);
line-height: 1.7;
padding: var(--rem24) var(--px24);
}
body:not(.home).post table th,
body:not(.home) .post table th {
color: var(--color-font);
font-weight: 400;
background: #FFEFF4;
}
body:not(.home).post table.w-half th,
body:not(.home).post table.w-half td,
body:not(.home) .post table.w-half th,
body:not(.home) .post table.w-half td {
width: 50%;
}
body:not(.home).post table.center th,
body:not(.home).post table.center td,
body:not(.home) .post table.center th,
body:not(.home) .post table.center td {
text-align: center;
vertical-align: middle;
}
body:not(.home).post .w-fit,
body:not(.home) .post .w-fit {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin-left: auto;
margin-right: auto;
}
body:not(.home).post .googlemap,
body:not(.home) .post .googlemap {
padding-bottom: 35%;
}
@media screen and (max-width: 768px) {
body:not(.home).post .googlemap,
body:not(.home) .post .googlemap {
padding-bottom: 45%;
}
body:not(.home).post .table,
body:not(.home) .post .table {
margin: var(--rem40) 0 !important;
}
}
@media screen and (max-width: 640px) {
body:not(.home).post .table,
body:not(.home) .post .table {
margin: var(--rem48) 0 !important;
}
body:not(.home).post .table.table--mod-01,
body:not(.home) .post .table.table--mod-01 {
margin: var(--rem);
}
body:not(.home).post .table.table--mod-01 th,
body:not(.home) .post .table.table--mod-01 th {
border-bottom: none;
padding-bottom: 0;
}
body:not(.home).post .table.table--mod-01 td,
body:not(.home) .post .table.table--mod-01 td {
border: none;
padding: 0 0 var(--rem20) 0;
}
body:not(.home).post .table.table--mod-01 tr:last-child td,
body:not(.home) .post .table.table--mod-01 tr:last-child td {
border-bottom: 1px solid #ED7E9E;
}
} .widecolor {
margin-right: calc((100vw - 100%) / 2 * -1);
margin-left: calc((100vw - 100%) / 2 * -1);
padding: min(120px + (1vw - 19.2px) * 2.589, 120px) calc((100vw - 100%) / 2) min(150px + (1vw - 19.2px) * 3.2362, 150px);
margin-top: min(120px + (1vw - 19.2px) * 2.589, 120px); background: #FFEFF4;
} .widearea {
margin-right: calc((100vw - 100%) / 2 * -1);
margin-left: calc((100vw - 100%) / 2 * -1);
} .qa_list {
cursor: pointer;
}
.qa_list .qa_list_inner dt {
position: relative;
font-weight: normal;
margin: 1rem 0 0 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
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: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
padding: 0;
background: #ffffff;
}
.qa_list .qa_list_inner .a_ico {
background: #fff;
line-height: 1;
padding: 1rem 1rem 1rem 1rem;
color: var(--color-primary);
font-size: 2rem;
font-weight: 800;
border-right: 1px solid var(--color-primary);
width: 100%;
text-align: center;
max-width: 117px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-family: var(--body-font-family);
}
.qa_list .qa_list_inner .q_ico {
background: #FFEFF4;
line-height: 1;
padding: 1rem 1rem 1rem 1rem;
color: var(--color-primary);
font-size: 2rem;
font-weight: 800;
width: 100%;
text-align: center;
max-width: 117px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-family: var(--body-font-family);
border-right: 1px solid var(--color-primary);
}
.qa_list .qa_list_inner .q_desc,
.qa_list .qa_list_inner .a_desc {
padding: var(--rem28) 1.5rem var(--rem28) 2rem;
line-height: 1.7;
}
.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;
-ms-flex-item-align: center;
align-self: center;
}
.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;
}
} .flowlist01 {
padding-left: 10rem;
position: relative;
}
.flowlist01.flowlist01--mod-01>li .icon {
font-size: var(--rem20w);
}
.flowlist01.flowlist01--mod-01>li .dl {
padding-top: 3.4rem;
}
.flowlist01.flowlist01--mod-01>li:not(:last-child) {
margin-bottom: 6vh;
}
.flowlist01::before {
content: "";
width: 22px;
height: 100%;
background: #FFEFF4;
margin-left: -8px;
display: block;
position: absolute;
top: 0;
left: 4.4rem;
}
.flowlist01>li {
position: relative;
}
.flowlist01>li:not(:last-child) {
margin-bottom: 6vh;
}
.flowlist01>li .icon {
display: grid;
place-content: center;
font-size: 3rem;
font-weight: 700;
color: #fff;
background: var(--color-primary);
aspect-ratio: 1/1;
width: 9.2rem;
height: auto;
border-radius: 50%;
padding: 0.8rem;
position: absolute;
top: 0;
left: -10rem;
z-index: 100;
}
.flowlist01>li .icon::after {
display: none;
}
.flowlist01>li dl,
.flowlist01>li .dl {
padding-left: 7rem;
position: relative;
padding-top: 2.7rem;
}
.flowlist01>li dl::before,
.flowlist01>li .dl::before,
.flowlist01>li dl::after,
.flowlist01>li .dl::after {
content: "";
display: block;
position: absolute;
top: 2rem;
}
.flowlist01>li dl::before,
.flowlist01>li .dl::before {
display: none;
}
.flowlist01>li dl::after,
.flowlist01>li .dl::after {
width: 75px;
border-bottom: 1px dashed #999;
position: absolute;
left: -20px;
top: 4.6rem;
}
.flowlist01>li dl dt,
.flowlist01>li .dl .dt {
color: var(--color-primary-shade);
margin-bottom: 0.7em;
font-weight: 700;
font-size: 2rem;
padding-bottom: 0.5em;
border-bottom: 1px solid #C3C3C3;
}
.flowlist01>li dl dd,
.flowlist01>li .dl .dd {
line-height: 1.525;
}
@media (max-width: 768px) {
.flowlist01>li .icon {
font-size: 2rem;
width: 7rem;
}
.flowlist01 {
padding-left: 7rem;
}
.flowlist01>li .icon {
left: -8rem;
}
.flowlist01::before {
left: 2.2rem;
}
.flowlist01>li dl,
.flowlist01>li .dl {
padding-top: 2.2rem;
padding-left: 2.5rem;
}
.flowlist01>li dl::after,
.flowlist01>li .dl::after {
width: 60px;
left: -50px;
top: 3.6rem;
}
.flowlist01.flowlist01--mod-01>li .dl {
padding-top: 2.6rem;
}
.flowlist01>li dl dt,
.flowlist01>li .dl .dt {
font-size: 1.4rem;
}
}
#editor-style .qa_list .qa_list_inner dd {
display: block !important;
} body:not(.home) .wpcf7 .wpcf7-form table th {
width: 30%;
}
body:not(.home) .wpcf7 .wpcf7-form .subimitarea .linkBtn {
margin-left: auto;
margin-right: auto;
padding: 0;
}
body:not(.home) .wpcf7 .wpcf7-form .subimitarea .linkBtn::after {
display: none;
}
body:not(.home) .wpcf7 .wpcf7-form .subimitarea .linkBtn input[type=submit] {
font-weight: 700;
padding: 20px 35px;
}
body:not(.home) .wpcf7 .wpcf7-form .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;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
min-width: 100%;
height: 30px;
}
input[type=date]::-webkit-date-and-time-value {
text-align: left;
}
}   .text-mod-01.free {
color: var(--color-primary-shade);
line-height: 1.5;
} #sec_01>div.bannerBlock.bannerBlock--mod-01.rev.top-deco.mt10.merit>div.txtarea>div>ul {
color: var(--color-primary-shade);
}
#sec_01>div.bannerBlock.bannerBlock--mod-01.rev.top-deco.mt10.merit>div.txtarea>div>div>span {
font-family: var(--font-family03) !important;
}
#sec_02>div.contentBox.w100>div>div>div.flexbox.gap.mb7>div.w40>img {
width: 100%;
height: auto;
display: block;
}
@media screen and (max-width: 768px) {
.flexbox.rev {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
} .list_circle {
list-style-type: circle;
padding-left: 1em;
}
.qualifications-and-skills h4.heading_mod-07 {
margin: 0 !important;
}
.sp-btn-line {
background: #6CCF58;
} @media print, screen and (max-width: 768px) {
.pc-fv {
display: none !important;
}
}
@media print, screen and (min-width: 769px) {
.sp-fv {
display: none !important;
}
}