@charset "UTF-8";

:root {
--text: #1E3135;
--primary: #009FAF;
--primary95: rgba(0, 159, 175, .95);
--primary80: rgba(0, 159, 175, .8);
--primary60: rgba(0, 159, 175, .6);
--primary50: rgba(0, 159, 175, .5);
--primary40: rgba(0, 159, 175, .4);
--primary30: rgba(0, 159, 175, .3);
--primary15: rgba(0, 159, 175, 0.15);
--primary10: rgba(0, 159, 175, 0.1);
--primary8: rgba(0, 159, 175, 0.08);
--primary5: rgba(0, 159, 175, 0.05);
--accent: #EC6951;
--accent30: rgba(236, 105, 81, .3);
--accent10: rgba(236, 105, 81, .1);
--wh: #ffffff;
--wh60: rgba(255, 255, 255, .6);
--wh70: rgba(255, 255, 255, .7);
--bk: #000;
--bk2: #333;
--red: #E83328;
--red2: #B2292C;
--gray: #ccc;
--gray2: #8B8A8A;
--gray3: #f9f9f9;
--gray4: #B5B5B5;
--gray5: #f5f5f5;
--gray6_40: rgba(225, 225, 225, .4);
--yellow: #FFF79C;
--green: #B2E2E7;
} .hero h1 {
font-size: 0;
}
.youtube {
margin: 0 auto;
max-width: 854px;
}
.youtube.small {
max-width: 640px;
}
.whitebox {
padding: 30px;
background: var(--wh);
}
.h2box {
position: relative;
height: 180px;
}
@media only screen and (max-width: 767px) {
.h2box {
height: 106px;
}
}
.h2box::before {
position: absolute;
content: "";
width: calc(80% + 60px);
height: 180px;
background: var(--primary10);
-webkit-transform: skew(25deg);
transform: skew(25deg);
top: 0;
left: -100px;
z-index: -1;
}
@media only screen and (max-width: 1024px) {
.h2box::before {
width: calc(90% + 60px);
}
}
@media only screen and (max-width: 767px) {
.h2box::before {
width: calc(84% + 60px);
height: 106px;
left: -50px;
}
}
.h2box .inner {
margin: 0 auto;
width: 100%;
height: 180px;
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-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media only screen and (max-width: 767px) {
.h2box .inner {
width: 90%;
height: 106px;
}
}
.h2box .inner h2 {
width: 100%;
text-align: center;
font-size: clamp(2.8rem, 3vw, 4.6rem);
font-weight: 700;
line-height: 2; }
.txt_arrow {
position: relative;
height: 95px;
}
@media only screen and (max-width: 767px) {
.txt_arrow {
height: 70px;
}
}
.txt_arrow::before {
position: absolute;
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 95px 98px 0 98px;
border-color: #DEEFE9 transparent transparent transparent;
z-index: -1;
top: 0;
left: calc(50% - 98px);
}
@media only screen and (max-width: 767px) {
.txt_arrow::before {
border-width: 69px 53px 0 53px;
left: calc(50% - 53px);
}
}
.txt_arrow p {
padding-top: 10px;
font-size: clamp(1.8rem, 2.2vw, 3.2rem);
font-weight: 700;
text-align: center;
}
ul.chk {
margin: 0 auto;
width: 80%;
max-width: 620px;
}
ul.chk li {
position: relative;
margin-bottom: 15px;
padding-left: 45px;
font-weight: 700;
line-height: 1.8;
}
ul.chk li::before {
position: absolute;
content: "";
width: 25px;
height: 25px;
background: url(//kaigo-trouble.com/wp-content/themes/kaigo-trouble/img/common/icn_chk.svg) no-repeat 0 0/contain;
top: calc(50% - 12px);
left: 0;
}
ul.chk.red li::before {
background: url(//kaigo-trouble.com/wp-content/themes/kaigo-trouble/img/common/icn_chk_red.svg) no-repeat 0 0/contain;
}
.plan3_bloc .lead {
position: relative;
margin: 0 auto 100px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
text-align: center;
}
.plan3_bloc .lead::before {
position: absolute;
content: "";
width: 179px;
height: 86px;
background: url(//kaigo-trouble.com/wp-content/themes/kaigo-trouble/img/adviser/plan_deco01.png) no-repeat 0 0/contain;
top: 0;
left: -250px;
}
@media only screen and (max-width: 767px) {
.plan3_bloc .lead::before {
width: 71px;
height: 68px;
top: inherit;
bottom: -26px;
left: -40%;
}
}
.plan3_bloc .lead::after {
position: absolute;
content: "";
width: 179px;
height: 86px;
background: url(//kaigo-trouble.com/wp-content/themes/kaigo-trouble/img/adviser/plan_deco02.png) no-repeat 0 0/contain;
top: 0;
right: -250px;
}
@media only screen and (max-width: 767px) {
.plan3_bloc .lead::after {
width: 71px;
height: 68px;
top: inherit;
bottom: -26px;
right: -40%;
}
}
.plan3_bloc .lead p {
font-size: clamp(1.9rem, 3vw, 4rem);
font-weight: 500;
}
@media only screen and (max-width: 767px) {
.plan3_bloc .lead p {
font-weight: 700;
}
}
.plan3_bloc .lead p span {
font-size: clamp(2.6rem, 3vw, 4rem);
display: block;
}
.plan3_bloc .planbox {
margin: 0 auto 60px;
width: 100%;
max-width: 740px;
border: 1px solid var(--text);
}
@media only screen and (max-width: 767px) {
.plan3_bloc .planbox {
width: calc(100% - 30px);
}
}
.plan3_bloc .planbox .cat {
margin-top: -20px;
margin-left: 12px;
padding: 10px 0;
width: 266px;
font-weight: 700;
border-radius: 27px;
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;
}
@media only screen and (max-width: 767px) {
.plan3_bloc .planbox .cat {
width: 200px;
}
}
.plan3_bloc .planbox .cat.cat01 {
margin-top: -30px;
padding: 10px 0;
color: var(--primary);
background: #E5F5F7;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.plan3_bloc .planbox .cat.cat01 span {
font-size: 1.4rem;
font-weight: 400;
display: block;
}
.plan3_bloc .planbox .cat.cat02 {
color: var(--wh);
background: #33B2BF;
}
.plan3_bloc .planbox .cat.cat03 {
color: var(--wh);
background: #078B99;
}
.plan3_bloc .planbox ul {
padding: 10px 56px 20px;
}
@media only screen and (max-width: 767px) {
.plan3_bloc .planbox ul {
padding: 5px 30px 10px;
}
}
.plan3_bloc .planbox ul li {
padding-left: 1em;
text-indent: -1em;
line-height: 2;
}
@media only screen and (max-width: 767px) {
.plan3_bloc .planbox ul li {
letter-spacing: 0.05em;
}
}
.plan3_bloc .course_list {
margin: 100px auto 80px;
width: 94%;
max-width: 1112px;
}
@media only screen and (max-width: 767px) {
.plan3_bloc .course_list {
margin: 60px auto 40px;
}
}
.plan3_bloc .course_list .ttl_sp {
margin: 0 auto 60px;
padding: 8px;
width: 224px;
color: #9C9C9C;
font-size: 2rem;
text-align: center;
border: 2px solid #9C9C9C;
border-radius: 5px;
}
.plan3_bloc .course_list dl {
margin-bottom: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media only screen and (max-width: 767px) {
.plan3_bloc .course_list dl {
margin-bottom: 0;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.plan3_bloc .course_list dl dt, .plan3_bloc .course_list dl dd {
padding: 15px 20px;
width: 248px;
min-height: 60px;
font-weight: 700;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
@media only screen and (max-width: 767px) {
.plan3_bloc .course_list dl dt, .plan3_bloc .course_list dl dd {
padding: 5px;
min-height: 40px;
width: calc((100% - 10px) / 3);
font-size: 1.3rem;
}
}
@media only screen and (max-width: 767px) {
.plan3_bloc .course_list dl dt:first-of-type {
width: 100%;
font-size: 1.6rem;
min-height: 50px;
}
}
.plan3_bloc .course_list dl dd {
background: #F7F8F9;
}
@media only screen and (max-width: 767px) {
.plan3_bloc .course_list dl dd {
font-weight: 400;
}
}
.plan3_bloc .course_list dl dd span {
margin-top: 8px;
padding: 3px 15px 4px;
font-size: 1.3rem;
font-weight: 400;
background: rgba(216, 73, 16, 0.3);
display: inline-block;
}
@media only screen and (max-width: 767px) {
.plan3_bloc .course_list dl dd span {
display: none;
}
}
@media only screen and (max-width: 767px) {
.plan3_bloc .course_list dl.ttlpc {
display: none;
}
}
.plan3_bloc .course_list dl.ttlpc dt {
padding: 10px 20px;
border-radius: 5px;
}
.plan3_bloc .course_list dl.ttlpc dt:first-of-type {
color: #9C9C9C;
border: 2px solid #9C9C9C;
}
.plan3_bloc .course_list dl.ttlpc dt:nth-of-type(2) {
color: var(--primary);
background: #E5F5F7;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.plan3_bloc .course_list dl.ttlpc dt:nth-of-type(2) span {
font-size: 1.4rem;
font-weight: 400;
display: block;
}
.plan3_bloc .course_list dl.ttlpc dt:nth-of-type(3) {
color: var(--wh);
background: #33B2BF;
}
.plan3_bloc .course_list dl.ttlpc dt:nth-of-type(4) {
color: var(--wh);
background: #078B99;
}
.plan3_bloc .course_list dl.ttlsp {
margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
.plan3_bloc .course_list dl.ttlsp {
display: none;
}
}
.plan3_bloc .course_list dl.ttlsp dt {
padding: 5px 0;
width: calc((100% - 10px) / 3);
min-height: 50px;
line-height: 1.2;
border-radius: 5px;
}
.plan3_bloc .course_list dl.ttlsp dt:first-of-type {
color: var(--primary);
background: #E5F5F7;
}
.plan3_bloc .course_list dl.ttlsp dt:first-of-type span {
font-size: 1rem;
font-weight: 400;
display: block;
}
.plan3_bloc .course_list dl.ttlsp dt:nth-of-type(2) {
color: var(--wh);
background: #33B2BF;
}
.plan3_bloc .course_list dl.ttlsp dt:nth-of-type(3) {
color: var(--wh);
background: #078B99;
}
@media only screen and (min-width: 768px) {
.plan3_bloc .course_list dl.chatwork {
display: none;
}
}
.plan3_bloc .course_list dl.chatwork dd {
width: 100%;
padding: 3px 15px 4px;
min-height: 22px;
font-size: 1.3rem;
font-weight: 400;
background: rgba(216, 73, 16, 0.3);
display: inline-block;
}
@media only screen and (max-width: 767px) {
.consultation_bloc {
margin: 0 auto;
width: calc(100% - 40px);
}
}
.consultation_bloc .quotetxt {
position: relative;
margin: 110px auto 60px;
padding-left: 15px;
padding-right: 28px;
max-width: 800px;
}
@media only screen and (max-width: 767px) {
.consultation_bloc .quotetxt {
margin: 50px auto 30px;
}
}
.consultation_bloc .quotetxt::before {
position: absolute;
content: "”";
color: var(--primary);
font-size: 8rem;
font-weight: 500;
line-height: 1;
top: -7.4rem;
left: 0;
-webkit-transform: scale(-1, -1);
transform: scale(-1, -1);
}
@media only screen and (max-width: 767px) {
.consultation_bloc .quotetxt::before {
font-size: 4rem;
top: -3.7rem;
}
}
.consultation_bloc .quotetxt::after {
position: absolute;
content: "”";
color: var(--primary);
font-size: 8rem;
font-weight: 500;
line-height: 1;
bottom: -4rem;
right: 0;
-webkit-transform: scale(1, -1);
transform: scale(1, -1);
}
@media only screen and (max-width: 767px) {
.consultation_bloc .quotetxt::after {
font-size: 4rem;
bottom: -2rem;
}
}
.consultation_bloc .quotetxt p {
position: relative;
max-width: 728px;
font-size: clamp(2rem, 2vw, 2.3rem);
font-weight: 500;
letter-spacing: 0.08em;
left: 24px;
}
@media only screen and (max-width: 767px) {
.consultation_bloc .quotetxt p {
margin-bottom: 0.5em;
letter-spacing: 0;
left: 12px;
}
}
.consultation_bloc .quotetxt p::after {
position: absolute;
content: "";
background: var(--primary10);
width: calc(100% - 24px);
max-width: 728px;
height: 24px;
bottom: -10px;
left: -24px;
border-radius: 50px;
}
@media only screen and (max-width: 767px) {
.consultation_bloc .quotetxt p::after {
width: calc(100% + 6px);
height: 12px;
bottom: -5px;
left: -12px;
}
}
.consultation_bloc .txt {
margin: 0 auto;
width: -webkit-fit-content !important;
width: -moz-fit-content !important;
width: fit-content !important;
}
.consultation_bloc .txt p {
line-height: 1.8;
}
@media only screen and (max-width: 767px) {
.consultation_bloc .txt p {
padding-left: 50px;
padding-right: 50px;
}
}
.consultation_bloc .btn_orange {
margin: 60px auto;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
max-width: 670px;
}
@media only screen and (max-width: 767px) {
.consultation_bloc .btn_orange {
width: calc(100% - 40px);
text-align: center;
}
}
.consultation_bloc .btn_orange a {
padding: 0;
border: none;
background: none;
}
.consultation_bloc .btn_orange a span {
padding: 42px 96px;
font-size: clamp(1.8rem, 2.4vw, 3.2rem);
letter-spacing: 0.05em;
line-height: 1;
border-radius: 60px;
}
@media only screen and (max-width: 767px) {
.consultation_bloc .btn_orange a span {
padding: 20px 50px;
line-height: 1.5;
text-align: center;
}
}
.consultation_bloc .btn_orange a::after {
width: 15px;
height: 26px;
top: calc(50% - 10px);
right: 46px;
}
@media only screen and (max-width: 767px) {
.consultation_bloc .btn_orange a::after {
width: 10px;
height: 17px;
top: calc(50% - 8px);
right: 20px;
}
}
.consultation_bloc .txt_arrow p {
text-shadow: 0 3px 0 #fff, 3px 0 0 #fff, 0 -3px 0 #fff, -3px 0 0 #fff, 3px 3px 0 #fff, -3px 3px 0 #fff, 3px -3px 0 #fff, -3px -3px 0 #fff;
}
.consultation_bloc .calendar {
margin: 40px auto 60px;
max-width: 680px;
}
.consultation_bloc .attbox {
margin: 0 auto;
padding: 30px 120px;
max-width: 680px;
background: rgba(236, 105, 81, 0.1);
}
@media only screen and (max-width: 767px) {
.consultation_bloc .attbox {
padding: 30px;
}
}
.consultation_bloc .attbox .ttl {
position: relative;
margin-bottom: 30px;
font-size: clamp(1.8rem, 1.6vw, 2rem);
font-weight: 700;
display: inline-block;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.consultation_bloc .attbox .ttl::after {
position: absolute;
content: "";
width: 100%;
height: 3px;
background: var(--accent);
bottom: -5px;
left: 0;
}
.consultation_bloc .attbox p {
line-height: 1.8;
text-align: justify;
}
@media only screen and (max-width: 767px) {
.consultation_bloc .attbox p {
padding-left: 30px;
padding-right: 30px;
letter-spacing: 0.05em;
}
} .p_lead {
padding-bottom: 90px;
background: rgba(217, 217, 217, 0.38);
}
@media only screen and (max-width: 767px) {
.p_lead {
padding-bottom: 45px;
}
}
.p_lead .p_lead_box {
text-align: center;
}
.p_lead .p_lead_box .arrow_bg {
width: 100%;
height: 27vh;
color: var(--wh);
font-size: clamp(1.9rem, 3vw, 4.8rem);
font-weight: 700;
background: url(//kaigo-trouble.com/wp-content/themes/kaigo-trouble/img/adviser/lead_arrow_bg.svg) no-repeat center bottom/cover;
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;
}
@media only screen and (max-width: 1440px) {
.p_lead .p_lead_box .arrow_bg {
height: 17vh;
}
}
@media only screen and (max-width: 767px) {
.p_lead .p_lead_box .arrow_bg {
background: url(//kaigo-trouble.com/wp-content/themes/kaigo-trouble/img/adviser/lead_arrow_bg_sp.svg) no-repeat center bottom/cover;
height: 11vh;
}
}
.p_lead .p_lead_box p {
padding: 40px 0;
font-size: 3.5rem;
font-size: clamp(1.6rem, 2vw, 3.5rem);
font-weight: 500;
line-height: 1.7;
}
.p_lead .p_lead_box .whitebox p {
padding: 0;
font-size: clamp(2.2rem, 2.2vw, 4rem);
font-weight: 700;
line-height: 1.5;
}
.p_lead .p_lead_box .whitebox p.small {
margin-top: 10px;
font-size: clamp(1.6rem, 1.8vw, 3.5rem);
font-weight: 500;
}
.case .fire {
padding: 40px 0 60px;
background: url(//kaigo-trouble.com/wp-content/themes/kaigo-trouble/img/adviser/fire_bg_pc.png) no-repeat center 0/100% auto;
text-align: center;
}
@media only screen and (max-width: 1120px) {
.case .fire {
background: url(//kaigo-trouble.com/wp-content/themes/kaigo-trouble/img/adviser/fire_bg_pc.png) no-repeat center 0/cover;
}
}
@media only screen and (max-width: 767px) {
.case .fire {
background: url(//kaigo-trouble.com/wp-content/themes/kaigo-trouble/img/adviser/fire_bg_sp.png) no-repeat center 0/auto 100%;
}
}
.case .fire .txt01 {
margin: 0 auto 35px;
max-width: 288px;
text-align: center;
}
@media only screen and (max-width: 767px) {
.case .fire .txt01 {
max-width: 128px;
}
}
.case .fire .txt02 {
margin: 0 auto;
max-width: 853px;
text-align: center;
}
@media only screen and (max-width: 1439px) {
.case .fire .txt02 {
width: 94%;
}
}
@media only screen and (max-width: 767px) {
.case .fire .txt02 {
max-width: 300px;
}
}
.case .fire .whitebox {
margin-top: 60px;
}
.case .fire .whitebox p {
padding: 0;
font-size: clamp(1.6rem, 1.8vw, 3.5rem);
font-weight: 500;
}
.case .fire .whitebox p span {
position: relative;
color: var(--red2);
}
.case .fire .whitebox p span::before {
position: absolute;
content: "";
width: 100%;
height: 1px;
background: var(--red2);
bottom: 0;
left: 0;
}
.case .casebox_wrap {
position: relative;
margin: 120px auto;
padding-left: 20px;
padding-right: 20px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
max-width: 856px;
display: grid;
gap: 86px 80px;
grid-template-columns: 1fr 1fr;
}
@media only screen and (max-width: 1120px) {
.case .casebox_wrap {
margin: 60px auto 100px;
}
}
@media only screen and (max-width: 767px) {
.case .casebox_wrap {
margin: 60px auto 100px;
grid-template-columns: 1fr;
gap: 40px 80px;
}
}
@media only screen and (max-width: 767px) {
.case .casebox_wrap::after {
position: absolute;
content: "";
width: 100%;
height: 40%;
left: 0;
bottom: 0;
background: -webkit-gradient(linear, left bottom, left top, from(rgb(255, 255, 255)), color-stop(1%, rgba(255, 255, 255, 0.99)), to(rgba(255, 255, 255, 0)));
background: linear-gradient(to top, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.99) 1%, rgba(255, 255, 255, 0) 100%);
}
}
.case .casebox_wrap.active::after {
content: none;
}
.case .casebox_wrap .casebox {
padding: 40px 0 30px;
max-width: 368px;
background: -webkit-gradient(linear, left top, left bottom, from(#0A757F), to(#023B41));
background: linear-gradient(180deg, #0A757F 0%, #023B41 100%);
}
@media only screen and (max-width: 767px) {
.case .casebox_wrap .casebox {
padding: 30px 0;
max-width: 280px;
}
}
.case .casebox_wrap .casebox .ttl {
margin-right: 80px;
padding: 8px 40px 8px 48px;
font-size: clamp(1.9rem, 2.2vw, 2.8rem);
font-weight: 700;
background: var(--wh);
}
@media only screen and (max-width: 767px) {
.case .casebox_wrap .casebox .ttl {
padding: 4px 20px 4px 24px;
}
}
.case .casebox_wrap .casebox p {
padding: 30px 48px;
color: var(--wh);
font-size: clamp(1.6rem, 1.8vw, 2.2rem);
font-weight: 500;
letter-spacing: 0.08em;
line-height: 1.7;
text-align: justify;
}
@media only screen and (max-width: 767px) {
.case .casebox_wrap .casebox p {
padding: 20px 40px;
}
}
.case .casebox_wrap .morelink {
position: relative;
margin: 40px auto 0;
width: 208px;
cursor: pointer;
z-index: 2;
}
@media only screen and (min-width: 768px) {
.case .casebox_wrap .morelink {
display: none;
}
}
.case .casebox_wrap .morelink span {
padding: 20px 54px;
color: var(--wh);
font-size: 2rem;
font-weight: 700;
letter-spacing: 0.05em;
line-height: 1;
background: var(--accent);
border-radius: 60px;
text-align: center;
display: block;
}
.case .casebox_wrap .morelink::after {
position: absolute;
content: "";
width: 10px;
height: 17px;
background: url(//kaigo-trouble.com/wp-content/themes/kaigo-trouble/img/common/icn_arrow_w.svg) no-repeat 0 0/contain;
top: calc(50% - 8px);
right: 20px;
}  .imp_request {
padding: 60px 0;
width: 100%;
height: 340px;
text-align: center;
background: url(//kaigo-trouble.com/wp-content/themes/kaigo-trouble/img/adviser/imp_request_pc.png) no-repeat center bottom/100% auto;
}
@media only screen and (max-width: 1120px) {
.imp_request {
background: url(//kaigo-trouble.com/wp-content/themes/kaigo-trouble/img/adviser/imp_request_pc.png) no-repeat 70% bottom/cover;
}
}
@media only screen and (max-width: 767px) {
.imp_request {
padding: 24px 0 0;
height: 210px;
background: url(//kaigo-trouble.com/wp-content/themes/kaigo-trouble/img/adviser/imp_request_sp.png) no-repeat center 0/100% auto;
}
}
.imp_request .ttl {
margin-bottom: 40px;
font-size: clamp(2.3rem, 2.2vw, 4.5rem);
font-weight: 700;
}
@media only screen and (max-width: 767px) {
.imp_request .ttl {
margin-bottom: 10px;
}
}
.imp_request p {
font-size: clamp(1.3rem, 1.8vw, 2rem);
font-weight: 500;
letter-spacing: 0.05em;
line-height: 2;
}
@media only screen and (max-width: 767px) {
.imp_request p {
line-height: 1.8;
}
}  .loss_sec {
padding-top: 120px;
}
@media only screen and (max-width: 767px) {
.loss_sec {
padding-top: 100px;
}
}
.loss_sec .loss_01 {
text-align: center;
}
.loss_sec .loss_01 figure.fig01 {
margin: 70px auto 40px;
max-width: 908px;
}
@media only screen and (max-width: 767px) {
.loss_sec .loss_01 figure.fig01 {
margin: 60px auto 40px;
padding-left: 20px;
padding-right: 20px;
}
}
.loss_sec .loss_01 figure.fig02 {
margin-top: 20px;
}
.loss_sec .loss_01 .txt01 {
font-size: clamp(1.6rem, 2.2vw, 2.8rem);
font-weight: 500;
letter-spacing: 0.05em;
line-height: 1.8;
}
.loss_sec .loss_01 .txt01 span {
position: relative;
color: var(--red2);
font-size: clamp(2.8rem, 3vw, 4.6rem);
font-weight: 700;
letter-spacing: 0;
}
.loss_sec .loss_01 .txt01 span::before {
position: absolute;
content: "";
width: 100%;
height: 1px;
background: var(--red2);
bottom: 0;
left: 0;
}
.loss_sec .loss_01 .txt02 {
margin-bottom: 30px;
font-size: clamp(2.8rem, 2.2vw, 4.8rem);
font-weight: 900;
letter-spacing: 0.08em;
}
@media only screen and (max-width: 767px) {
.loss_sec .loss_01 .txt02 {
margin-bottom: 25px;
}
}
.loss_sec .loss_01 .txtbox {
margin: 0 auto;
width: 60%;
max-width: 628px;
text-align: left;
}
@media only screen and (max-width: 767px) {
.loss_sec .loss_01 .txtbox {
padding-left: 25px;
padding-right: 25px;
width: 100%;
}
}
.loss_sec .loss_01 .txtbox p {
letter-spacing: 0.1em;
line-height: 2;
}
.loss_sec .loss_01 .txtbox p span {
color: var(--red2);
font-weight: 700;
}
.loss_sec .loss_01 .txt03 {
margin: 16px 0;
}
@media only screen and (max-width: 767px) {
.loss_sec .loss_01 .txt03 {
margin: 10px 0 0;
}
}
.loss_sec .loss_01 .txt03 p {
margin-bottom: 16px;
padding: 10px 12px;
color: var(--wh);
font-size: clamp(1.8rem, 2.2vw, 2.8rem);
font-weight: 700;
background: var(--red2);
letter-spacing: 0.2em;
line-height: 1.2;
display: inline-block;
}
@media only screen and (max-width: 767px) {
.loss_sec .loss_01 .txt03 p {
padding: 4px 20px;
letter-spacing: 0;
}
}
.loss_sec .loss_01 .txt04 {
margin-top: 40px;
text-align: justify;
}
.loss_sec .loss_01 .txt05 {
margin: 50px auto;
width: 84%;
}
@media only screen and (max-width: 767px) {
.loss_sec .loss_01 .txt05 {
margin: 40px auto 50px;
width: 100%;
}
}
.loss_sec .loss_01 .txt05 p {
position: relative;
color: var(--red2);
font-size: clamp(1.7rem, 2.2vw, 2.4rem);
font-weight: 700;
line-height: 1.8;
display: inline-block;
}
@media only screen and (max-width: 767px) {
.loss_sec .loss_01 .txt05 p {
margin-top: 10px;
font-weight: 500;
letter-spacing: 0;
}
}
.loss_sec .loss_01 .txt05 p::before {
position: absolute;
content: "";
width: 100%;
height: 1px;
background: var(--red2);
bottom: 0;
left: 0;
}
.loss_sec .loss_01 .txt06 {
padding: 50px 0;
font-size: clamp(2.7rem, 2.2vw, 3.2rem);
font-weight: 700;
}
@media only screen and (max-width: 767px) {
.loss_sec .loss_01 .txt06 {
padding: 30px 0;
}
}
.loss_sec .loss_01 .txt06.txt06_02 {
padding: 25px 0 50px;
}
@media only screen and (max-width: 767px) {
.loss_sec .loss_01 .txt06.txt06_02 {
padding: 15px 0 30px;
}
}
.loss_sec .loss_01 .txt07 {
letter-spacing: 0.1em;
line-height: 2.5;
}
@media only screen and (max-width: 767px) {
.loss_sec .loss_01 .txt07 {
letter-spacing: 0.03em;
}
}
.loss_sec .loss_02 {
text-align: center;
}
.loss_sec .loss_02 .arrow_bg {
width: 100%;
height: 27vh;
color: var(--wh);
font-size: clamp(1.9rem, 2.2vw, 2.8rem);
font-weight: 900;
letter-spacing: 0.1em;
line-height: 1.8;
text-align: center;
background: url(//kaigo-trouble.com/wp-content/themes/kaigo-trouble/img/adviser/arrow_bg.svg) no-repeat center bottom/cover;
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;
}
@media only screen and (max-width: 1440px) {
.loss_sec .loss_02 .arrow_bg {
height: 22vh;
}
}
@media only screen and (max-width: 767px) {
.loss_sec .loss_02 .arrow_bg {
line-height: 1.3;
height: 17vh;
background: url(//kaigo-trouble.com/wp-content/themes/kaigo-trouble/img/adviser/arrow_bg_sp.svg) no-repeat center bottom/cover;
}
}
.loss_sec .loss_02 figure.fig01 {
margin: 20px auto;
max-width: 170px;
}
@media only screen and (max-width: 767px) {
.loss_sec .loss_02 figure.fig01 {
max-width: 68px;
}
}
.loss_sec .loss_02 figure.fig02 {
margin: 20px auto;
max-width: 434px;
}
@media only screen and (max-width: 767px) {
.loss_sec .loss_02 figure.fig02 {
max-width: 250px;
}
}
.loss_sec .loss_02 figure.fig03 {
margin: 50px auto;
max-width: 660px;
}
@media only screen and (max-width: 767px) {
.loss_sec .loss_02 figure.fig03 {
margin: 30px auto 50px;
max-width: 290px;
}
}
.loss_sec .loss_02 .txt01 {
margin-top: 20px;
font-size: clamp(1.8rem, 2.2vw, 2.8rem);
font-weight: 900;
}
.loss_sec .loss_02 .txt02 {
margin-top: 45px;
font-size: clamp(1.8rem, 2vw, 2rem);
font-weight: 700;
letter-spacing: 0.1em;
}
.loss_sec .loss_02 .txt02 span {
color: var(--red2);
}
.loss_sec .loss_02 .txtbox {
margin: 25px auto 80px;
max-width: 390px;
text-align: left;
}
@media only screen and (max-width: 767px) {
.loss_sec .loss_02 .txtbox {
margin: 40px auto;
max-width: 268px;
}
}
.loss_sec .loss_02 .txtbox p {
margin-bottom: 14px;
font-weight: 700;
letter-spacing: 0.08em;
}
.loss_sec .loss_02 .txt03 {
font-size: clamp(1.6rem, 1.6vw, 2rem);
font-weight: 700;
line-height: 1.8;
}
.loss_sec .loss_02 .txt04 {
padding: 50px 0 30px;
font-size: clamp(2.3rem, 3vw, 4.6rem);
font-weight: 700;
}
.loss_sec .loss_03 {
background: var(--primary);
}
@media only screen and (max-width: 767px) {
.loss_sec .loss_03 {
padding-left: 16px;
padding-right: 16px;
padding-bottom: 30px;
}
}
.loss_sec .loss_03 .inner {
margin: 0 auto;
max-width: 1248px;
}
.loss_sec .loss_03 .inner.wh {
padding: 80px 0;
background: var(--wh);
}
@media only screen and (max-width: 767px) {
.loss_sec .loss_03 .inner.wh {
padding: 50px 12px;
}
}
.loss_sec .loss_03 .inner.wh p.catch {
font-size: clamp(1.9rem, 2.2vw, 3.2rem);
font-weight: 700;
text-align: center;
}
.loss_sec .loss_03 .inner.wh .bubblebox {
margin: 60px auto 50px;
width: 80%;
max-width: 770px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media only screen and (min-width: 768px) {
.loss_sec .loss_03 .inner.wh .bubblebox {
-webkit-transform: translateX(50px);
transform: translateX(50px);
}
}
@media only screen and (max-width: 767px) {
.loss_sec .loss_03 .inner.wh .bubblebox {
margin: 30px auto 30px;
width: 100%;
display: block;
}
}
.loss_sec .loss_03 .inner.wh .bubblebox .bubble {
position: relative;
padding: 20px 50px;
width: 510px;
height: 200px;
background: var(--primary10);
border-radius: 30px;
top: 0;
right: 50px;
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;
}
@media only screen and (max-width: 1024px) {
.loss_sec .loss_03 .inner.wh .bubblebox .bubble {
width: 100%;
right: 10px;
}
}
@media only screen and (max-width: 767px) {
.loss_sec .loss_03 .inner.wh .bubblebox .bubble {
margin: 0 auto 20px;
padding: 16px 10px 30px;
width: calc(100% - 28px);
height: auto;
display: block;
right: 0;
}
}
.loss_sec .loss_03 .inner.wh .bubblebox .bubble::before {
position: absolute;
content: "";
top: calc(50% - 14px);
right: -28px;
width: 0;
height: 0;
border-style: solid;
width: 0;
border-width: 13px 0 13px 28px;
border-color: transparent transparent transparent var(--primary10);
}
@media only screen and (max-width: 767px) {
.loss_sec .loss_03 .inner.wh .bubblebox .bubble::before {
top: auto;
bottom: -14px;
right: 80px;
width: 0;
height: 0;
border-style: solid;
border-width: 14px 19px 0 19px;
border-color: var(--primary10) transparent transparent transparent;
}
}
.loss_sec .loss_03 .inner.wh .bubblebox .bubble p {
font-size: clamp(1.6rem, 1.6vw, 2rem);
font-weight: 700;
line-height: 2;
letter-spacing: 0.15em;
text-align: center;
}
.loss_sec .loss_03 .inner.wh .bubblebox figure {
text-align: center;
}
@media only screen and (max-width: 767px) {
.loss_sec .loss_03 .inner.wh .bubblebox figure {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
text-align: left;
}
}
.loss_sec .loss_03 .inner.wh .bubblebox figure img {
width: 141px;
}
.loss_sec .loss_03 .inner.wh .bubblebox figure figcaption {
font-size: 1.3rem;
line-height: 1.3;
}
@media only screen and (max-width: 767px) {
.loss_sec .loss_03 .inner.wh .bubblebox figure figcaption {
font-size: 1.2rem;
}
.loss_sec .loss_03 .inner.wh .bubblebox figure figcaption ruby {
font-size: 1.3rem;
}
.loss_sec .loss_03 .inner.wh .bubblebox figure figcaption ruby rt {
font-size: 0.8rem;
}
}
.loss_sec .loss_03 .inner.wh .medalbox {
margin: 0 auto 50px;
max-width: 875px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 0 43px;
}
@media only screen and (max-width: 767px) {
.loss_sec .loss_03 .inner.wh .medalbox {
margin: 0 auto 40px;
gap: 0 12px;
}
}
.loss_sec .loss_03 .inner.wh .books {
margin: 0 auto;
max-width: 895px;
}
.loss_sec .loss_03 .inner.wh60 {
padding: 48px 64px 30px;
background: var(--wh60);
}
@media only screen and (max-width: 767px) {
.loss_sec .loss_03 .inner.wh60 {
padding: 40px 10px 40px;
}
}
.loss_sec .loss_03 .inner.wh60 .ad_bnr_wrap .ttl {
position: relative;
}
.loss_sec .loss_03 .inner.wh60 .ad_bnr_wrap .ttl::before {
position: absolute;
content: "";
width: 200px;
height: 1px;
background: var(--bk);
top: 50%;
left: 40px;
}
@media only screen and (max-width: 767px) {
.loss_sec .loss_03 .inner.wh60 .ad_bnr_wrap .ttl::before {
width: 80px;
left: -2px;
}
}
.loss_sec .loss_03 .inner.wh60 .ad_bnr_wrap .ttl::after {
position: absolute;
content: "";
width: 200px;
height: 1px;
background: var(--bk);
top: 50%;
right: 40px;
}
@media only screen and (max-width: 767px) {
.loss_sec .loss_03 .inner.wh60 .ad_bnr_wrap .ttl::after {
width: 80px;
right: -2px;
}
}
.loss_sec .loss_03 .inner.wh60 .ad_bnr_wrap .ttl p {
font-size: clamp(1.6rem, 2.2vw, 2.8rem);
font-weight: 700;
letter-spacing: 0.08em;
line-height: 1;
text-align: center;
}
@media only screen and (max-width: 767px) {
.loss_sec .loss_03 .inner.wh60 .ad_bnr_wrap .ttl p {
line-height: 1.5;
}
}
.loss_sec .loss_03 .inner.wh60 .ad_bnr_wrap .ad_bnr_box {
margin-top: 46px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 46px 56px;
}
@media only screen and (max-width: 767px) {
.loss_sec .loss_03 .inner.wh60 .ad_bnr_wrap .ad_bnr_box {
margin-top: 23px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 20px 18px;
}
}
.loss_sec .loss_03 .inner.wh60 .ad_bnr_wrap .ad_bnr_box li {
width: 30%;
max-width: 320px;
}
@media only screen and (max-width: 767px) {
.loss_sec .loss_03 .inner.wh60 .ad_bnr_wrap .ad_bnr_box li {
width: calc(50% - 10px);
}
}  .voice_sec {
padding-top: 120px;
}
@media only screen and (max-width: 767px) {
.voice_sec {
padding-top: 100px;
}
}
.voice_sec .h2box {
margin-bottom: 80px;
}
@media only screen and (max-width: 767px) {
.voice_sec .h2box {
margin-bottom: 40px;
height: 70px;
}
}
@media only screen and (max-width: 767px) {
.voice_sec .h2box::before {
height: 70px;
}
}
@media only screen and (max-width: 767px) {
.voice_sec .h2box .inner {
height: 70px;
}
}
@media only screen and (max-width: 767px) {
.voice_sec .youtube {
width: calc(100% - 40px);
}
}
.voice_sec .box_wrap {
margin: 80px auto;
max-width: 615px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 48px 0;
}
@media only screen and (max-width: 767px) {
.voice_sec .box_wrap {
margin: 40px auto;
width: calc(100% - 40px);
gap: 32px 0;
}
}
.voice_sec .box_wrap .box {
padding: 34px 32px;
border: 2px solid var(--primary);
border-radius: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 0 32px;
}
@media only screen and (max-width: 767px) {
.voice_sec .box_wrap .box {
padding: 20px 32px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.voice_sec .box_wrap .box figure {
width: 150px;
}
@media only screen and (max-width: 767px) {
.voice_sec .box_wrap .box figure {
margin: 0 auto 10px;
width: 110px;
}
}
.voice_sec .box_wrap .box figure img {
border-radius: 20px;
}
.voice_sec .box_wrap .box .txt {
width: calc(100% - 178px);
}
@media only screen and (max-width: 767px) {
.voice_sec .box_wrap .box .txt {
width: 100%;
}
}
.voice_sec .box_wrap .box .txt p {
font-size: 1.6rem;
line-height: 1.5;
}
.voice_sec .box_wrap .box .txt p.ttl {
margin-bottom: 15px;
font-size: 1.8rem;
font-weight: 700;
}
@media only screen and (max-width: 767px) {
.voice_sec .box_wrap .box .txt p.ttl {
margin-bottom: 10px;
}
}
.voice_sec .btn_orange {
margin: 0 auto;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
max-width: 670px;
}
@media only screen and (max-width: 767px) {
.voice_sec .btn_orange {
width: calc(100% - 40px);
text-align: center;
}
}
.voice_sec .btn_orange a {
padding: 0;
border: none;
background: none;
}
.voice_sec .btn_orange a span {
padding: 42px 100px;
font-size: clamp(1.8rem, 2vw, 3.2rem);
letter-spacing: 0.05em;
line-height: 1;
border-radius: 60px;
}
@media only screen and (max-width: 767px) {
.voice_sec .btn_orange a span {
padding: 20px 90px;
line-height: 1.5;
text-align: center;
}
}
.voice_sec .btn_orange a::after {
width: 15px;
height: 26px;
top: calc(50% - 10px);
right: 46px;
}
@media only screen and (max-width: 767px) {
.voice_sec .btn_orange a::after {
width: 10px;
height: 17px;
top: calc(50% - 8px);
right: 20px;
}
}  .greeting_sec {
padding-top: 120px;
padding-bottom: 120px;
}
@media only screen and (max-width: 767px) {
.greeting_sec {
padding-top: 100px;
padding-bottom: 100px;
}
}
.greeting_sec .h2box {
margin-bottom: 80px;
}
@media only screen and (max-width: 767px) {
.greeting_sec .h2box {
margin-bottom: 40px;
}
}
@media only screen and (max-width: 767px) {
.greeting_sec .h2box .inner h2 {
line-height: 1.5;
}
}
@media only screen and (max-width: 767px) {
.greeting_sec .youtube {
width: calc(100% - 40px);
}
}
.greeting_sec .recommendbox {
margin: 180px auto 0;
max-width: 900px;
}
@media only screen and (max-width: 767px) {
.greeting_sec .recommendbox {
margin: 100px auto 0;
}
}
.greeting_sec .recommendbox h3 {
position: relative;
margin-bottom: 60px;
width: 100%;
font-size: clamp(2.8rem, 3vw, 4.6rem);
font-weight: 700;
text-align: center;
}
.greeting_sec .recommendbox h3::before {
position: absolute;
content: "";
width: 100%;
height: 30px;
background: var(--primary10);
-webkit-transform: skew(-35deg);
transform: skew(-35deg);
bottom: -10px;
left: 0;
}
@media only screen and (max-width: 767px) {
.greeting_sec .recommendbox h3::before {
width: calc(100% - 52px);
left: 26px;
}
}
.greeting_sec .recommendbox ul.chk {
width: 90%;
max-width: 700px;
}
.greeting_sec .recommendbox .notebox {
margin: 50px auto 60px;
padding: 30px 60px;
max-width: 580px;
background: var(--primary10);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0 42px;
border-radius: 20px;
}
@media only screen and (max-width: 767px) {
.greeting_sec .recommendbox .notebox {
padding: 15px 20px;
width: calc(100% - 40px);
gap: 0 20px;
}
}
.greeting_sec .recommendbox .notebox .txt {
width: calc(100% - 190px);
letter-spacing: 0.1em;
line-height: 1.8;
}
@media only screen and (max-width: 767px) {
.greeting_sec .recommendbox .notebox .txt {
width: calc(100% - 130px);
line-height: 1.5;
}
}
.greeting_sec .recommendbox .notebox figure {
width: 136px;
height: 136px;
}
@media only screen and (max-width: 767px) {
.greeting_sec .recommendbox .notebox figure {
width: 110px;
height: 110px;
}
}
.greeting_sec .recommendbox.no h3::before {
background: rgba(0, 0, 0, 0.07);
}  .agreement_sec .h2box {
margin-bottom: 80px;
}
@media only screen and (max-width: 767px) {
.agreement_sec .h2box {
margin-bottom: 40px;
}
}
@media only screen and (max-width: 767px) {
.agreement_sec .h2box .inner h2 {
line-height: 1.5;
}
}
.agreement_sec .in_wrap {
margin: 80px auto 120px;
max-width: 722px;
text-align: center;
}
@media only screen and (max-width: 767px) {
.agreement_sec .in_wrap {
margin: 30px auto 60px;
}
}
.agreement_sec .in_wrap .box {
margin: 0 auto 24px;
padding: 18px 30px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
font-size: 2rem;
font-weight: 700;
background: var(--yellow);
text-align: center;
}
.agreement_sec .in_wrap p {
font-size: 2rem;
font-weight: 700;
}
.agreement_sec .in_wrap .txt {
position: relative;
margin: 38px auto 100px;
padding: 0 25px 5px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
color: var(--red2);
font-size: clamp(2.8rem, 2.5vw, 3.2rem);
font-weight: 700;
}
@media only screen and (max-width: 767px) {
.agreement_sec .in_wrap .txt {
margin: 20px auto 80px;
padding: 0 5px 5px;
}
}
.agreement_sec .in_wrap .txt::before {
position: absolute;
content: "";
width: 100%;
height: 3px;
background: var(--red2);
bottom: 5px;
left: 0;
}
.agreement_sec .in_wrap .txt::after {
position: absolute;
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 30px 20px 0 20px;
border-color: var(--red2) transparent transparent transparent;
bottom: -50px;
left: calc(50% - 20px);
}  .contribution_sec {
position: relative;
padding-bottom: 30px;
}
@media only screen and (max-width: 767px) {
.contribution_sec {
padding-bottom: 1px;
}
}
.contribution_sec::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
background: url(//kaigo-trouble.com/wp-content/themes/kaigo-trouble/img/adviser/contribution_bg.png) repeat 0 0;
z-index: -1;
}
@media only screen and (max-width: 767px) {
.contribution_sec::before {
background: url(//kaigo-trouble.com/wp-content/themes/kaigo-trouble/img/adviser/contribution_bg_sp.png) repeat 0 0;
}
}
@media only screen and (max-width: 767px) {
.contribution_sec .h2box {
height: 180px;
}
}
.contribution_sec .h2box::before {
background: #B2E2E7;
}
@media only screen and (max-width: 767px) {
.contribution_sec .h2box::before {
height: 180px;
}
}
@media only screen and (max-width: 767px) {
.contribution_sec .h2box .inner {
height: 180px;
}
}
.contribution_sec .h2box .inner h2 {
text-shadow: 0 3px 0 #fff, 3px 0 0 #fff, 0 -3px 0 #fff, -3px 0 0 #fff, 3px 3px 0 #fff, -3px 3px 0 #fff, 3px -3px 0 #fff, -3px -3px 0 #fff;
line-height: 1.56;
}
@media only screen and (max-width: 767px) {
.contribution_sec .h2box .inner h2 {
width: 80%;
}
}
.contribution_sec .in_wrap {
margin: 80px auto 0;
max-width: 722px;
text-align: center;
}
@media only screen and (max-width: 767px) {
.contribution_sec .in_wrap {
width: calc(100% - 100px);
}
}
.contribution_sec .in_wrap .box {
position: relative;
margin: 0 auto 40px;
padding: 6px 100px 16px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
font-size: clamp(1.6rem, 1.6vw, 2rem);
font-weight: 700;
letter-spacing: 0.05em;
text-align: center;
border: 1px solid var(--text);
}
@media only screen and (max-width: 767px) {
.contribution_sec .in_wrap .box {
margin: 0 auto 20px;
padding: 6px 10px 16px;
width: 294px;
}
}
.contribution_sec .in_wrap .box::after {
position: absolute;
content: "";
width: 100%;
height: 100%;
background: var(--yellow);
top: -9px;
left: -12px;
z-index: -1;
}
.contribution_sec .in_wrap .box:first-of-type {
margin: 0 auto 10px;
}
@media only screen and (max-width: 767px) {
.contribution_sec .in_wrap .box:first-of-type {
margin: 0 auto 5px;
}
}
@media only screen and (max-width: 767px) {
.contribution_sec .in_wrap .box.box02 {
width: 204px;
}
}
.contribution_sec .in_wrap p {
padding-bottom: 30px;
}
@media only screen and (max-width: 767px) {
.contribution_sec .in_wrap p {
font-size: 1rem;
}
}
.contribution_sec .in_wrap .notebox {
position: relative;
margin: 120px auto 60px;
padding: 30px 140px 30px 70px;
max-width: 588px;
background: var(--green);
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;
border-radius: 20px;
}
@media only screen and (max-width: 767px) {
.contribution_sec .in_wrap .notebox {
margin: 60px auto 30px;
margin-left: -30px;
padding: 30px 70px;
}
}
@media only screen and (max-width: 570px) {
.contribution_sec .in_wrap .notebox {
margin: 60px auto 30px;
margin-left: -30px;
padding: 20px 36px 20px 15px;
}
}
.contribution_sec .in_wrap .notebox .txt {
font-size: clamp(1.3rem, 2.7vw, 2rem);
letter-spacing: 0.05em;
line-height: 2;
}
.contribution_sec .in_wrap .notebox figure {
position: absolute;
content: "";
width: 240px;
top: -84px;
right: -100px;
z-index: 2;
}
@media only screen and (max-width: 768px) {
.contribution_sec .in_wrap .notebox figure {
width: 28%;
top: -42px;
right: -10%;
}
}
@media only screen and (max-width: 540px) {
.contribution_sec .in_wrap .notebox figure {
width: 108px;
top: -18px;
right: -40px;
}
}  .merit_sec {
padding-bottom: 200px;
}
@media only screen and (max-width: 767px) {
.merit_sec {
padding-bottom: 100px;
}
}
.merit_sec .txt01 {
width: 100%;
height: 180px;
font-size: clamp(2.3rem, 3vw, 4.6rem);
font-weight: 700;
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;
}
.merit_sec .h2box {
margin-bottom: 80px;
}
@media only screen and (max-width: 767px) {
.merit_sec .h2box {
margin-bottom: 40px;
height: 180px;
}
}
.merit_sec .h2box::before {
background: var(--primary);
}
@media only screen and (max-width: 767px) {
.merit_sec .h2box::before {
height: 180px;
}
}
@media only screen and (max-width: 767px) {
.merit_sec .h2box .inner {
height: 180px;
}
}
.merit_sec .h2box .inner h2 {
color: var(--wh);
text-shadow: 0 3px 0 #016D78, 3px 0 0 #016D78, 0 -3px 0 #016D78, -3px 0 0 #016D78, 3px 3px 0 #016D78, -3px 3px 0 #016D78, 3px -3px 0 #016D78, -3px -3px 0 #016D78;
line-height: 1.56;
}
@media only screen and (max-width: 767px) {
.merit_sec .h2box .inner h2 {
-webkit-transform: translateX(-6%);
transform: translateX(-6%);
}
}
.merit_sec .box_wrap {
margin: 0 auto;
max-width: 758px;
}
@media only screen and (max-width: 768px) {
.merit_sec .box_wrap {
max-width: 740px;
}
}
@media only screen and (max-width: 767px) {
.merit_sec .box_wrap {
width: calc(100% - 72px);
}
}
.merit_sec .box_wrap .cat {
margin-bottom: 16px;
padding: 10px 0;
width: 324px;
color: var(--wh);
font-size: clamp(1.6rem, 1.6vw, 2rem);
font-weight: 700;
background: var(--primary);
border-radius: 25px;
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;
}
@media only screen and (max-width: 767px) {
.merit_sec .box_wrap .cat {
margin-bottom: 8px;
padding: 2px 0;
width: 240px;
}
}
.merit_sec .box_wrap .meritbox {
margin-bottom: 80px;
padding-bottom: 28px;
border: 1px solid var(--text);
border-radius: 18px;
}
@media only screen and (max-width: 767px) {
.merit_sec .box_wrap .meritbox {
margin-bottom: 40px;
padding-bottom: 14px;
}
}
.merit_sec .box_wrap .meritbox .ttl {
margin-bottom: 30px;
padding: 20px 10px;
color: var(--accent);
font-size: clamp(2.3rem, 2.3vw, 3.2rem);
font-weight: 700;
background: var(--accent10);
border-radius: 18px 18px 0 0;
text-align: center;
}
@media only screen and (max-width: 767px) {
.merit_sec .box_wrap .meritbox .ttl {
margin-bottom: 20px;
padding: 12px 40px;
letter-spacing: 0.08em;
}
}
.merit_sec .box_wrap .meritbox p {
margin-bottom: 10px;
font-size: clamp(1.9rem, 1.9vw, 2.4rem);
font-weight: 700;
text-align: center;
}
@media only screen and (max-width: 767px) {
.merit_sec .box_wrap .meritbox p {
padding-left: 20px;
padding-right: 20px;
text-align: left;
}
}
.merit_sec .box_wrap .meritbox p.green {
margin-bottom: 20px;
color: var(--primary);
}
.merit_sec .box_wrap .meritbox .box {
padding-left: 40px;
padding-right: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media only screen and (max-width: 767px) {
.merit_sec .box_wrap .meritbox .box {
padding-left: 20px;
padding-right: 20px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.merit_sec .box_wrap .meritbox .box figure {
width: 48%;
max-width: 322px;
}
@media only screen and (max-width: 767px) {
.merit_sec .box_wrap .meritbox .box figure {
margin: 0 auto 20px;
width: 100%;
max-width: 205px;
}
}
.merit_sec .box_wrap .meritbox .box .txt {
width: 48%;
max-width: 324px;
}
@media only screen and (max-width: 767px) {
.merit_sec .box_wrap .meritbox .box .txt {
margin: 0 auto;
width: 100%;
}
}
.merit_sec .box_wrap .meritbox .box .txt p {
font-size: 1.6rem;
font-weight: 400;
line-height: 1.8;
text-align: justify;
}
@media only screen and (max-width: 767px) {
.merit_sec .box_wrap .meritbox .box .txt p {
padding-left: 0;
padding-right: 0;
}
}
.merit_sec .box_wrap .meritbox .box .txt p.small {
font-size: 1.4rem;
}
@media only screen and (max-width: 767px) {
.merit_sec .box_wrap .meritbox .box .txt p.small {
margin-left: 1em;
margin-right: 1em;
padding-left: 1em;
text-indent: -1em;
font-size: 1.3rem;
}
}
.merit_sec .box_wrap .meritbox .box .txt span {
margin-top: 30px;
padding: 3px 15px 4px;
font-size: 1.6rem;
background: rgba(216, 73, 16, 0.3);
display: inline-block;
}
@media only screen and (max-width: 767px) {
.merit_sec .box_wrap .meritbox .box .txt span {
margin: 20px auto;
width: 250px;
text-align: center;
display: block;
}
}  @media only screen and (max-width: 767px) {
.plan_sec .service_area {
margin: 0 auto;
width: calc(100% - 20px);
}
}
.plan_sec .service_area .greenbox {
margin: 0 auto;
padding: 25px 50px;
max-width: 724px;
background: #E5F5F7;
border-radius: 30px;
}
@media only screen and (max-width: 767px) {
.plan_sec .service_area .greenbox {
padding: 25px 20px;
}
}
.plan_sec .service_area .greenbox p.ttl {
margin-bottom: 25px;
font-size: clamp(1.9rem, 2vw, 2.2rem);
font-weight: 500;
letter-spacing: 0.08em;
text-align: center;
}
@media only screen and (max-width: 767px) {
.plan_sec .service_area .greenbox p.ttl {
margin-bottom: 20px;
}
}
.plan_sec .service_area .greenbox .whitebox {
padding: 27px 57px;
background: var(--wh);
border-radius: 30px;
}
@media only screen and (max-width: 767px) {
.plan_sec .service_area .greenbox .whitebox {
padding: 27px 35px;
}
}
.plan_sec .service_area .greenbox .whitebox .sttl {
position: relative;
margin: 0 auto 26px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
font-size: clamp(2.8rem, 2.2vw, 3.2rem);
font-weight: 500;
text-align: center;
}
@media only screen and (max-width: 767px) {
.plan_sec .service_area .greenbox .whitebox .sttl {
padding-left: 10px;
padding-right: 10px;
}
}
.plan_sec .service_area .greenbox .whitebox .sttl::after {
position: absolute;
content: "";
width: 100%;
height: 1px;
background: var(--text);
bottom: -5px;
left: 0;
}
.plan_sec .service_area .greenbox .whitebox .box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media only screen and (max-width: 767px) {
.plan_sec .service_area .greenbox .whitebox .box {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
.plan_sec .service_area .greenbox .whitebox .box p {
width: 288px;
font-size: 1.6rem;
line-height: 1.8;
}
@media only screen and (max-width: 767px) {
.plan_sec .service_area .greenbox .whitebox .box p {
width: 100%;
letter-spacing: 0.05em;
}
}
.plan_sec .service_area .greenbox .whitebox .box figure {
width: 155px;
}
@media only screen and (max-width: 767px) {
.plan_sec .service_area .greenbox .whitebox .box figure {
margin-bottom: 20px;
width: 78px;
}
}  .service_sec .service_ttl {
position: relative;
margin-top: 180px;
width: 100%;
height: 320px;
background: var(--primary);
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;
}
@media only screen and (max-width: 1439px) {
.service_sec .service_ttl {
margin-top: 100px;
}
}
@media only screen and (max-width: 767px) {
.service_sec .service_ttl {
padding-left: 70px;
padding-right: 70px;
font-size: 2.3rem;
}
}
.service_sec .service_ttl::before {
position: absolute;
content: "";
width: 119px;
height: 106px;
background: url(//kaigo-trouble.com/wp-content/themes/kaigo-trouble/img/adviser/deco_01_01.png) no-repeat 0 0/contain;
top: 44px;
left: 96px;
}
@media only screen and (max-width: 767px) {
.service_sec .service_ttl::before {
width: 48px;
height: 43px;
top: 2px;
left: -2px;
}
}
.service_sec .service_ttl::after {
position: absolute;
content: "";
width: 119px;
height: 106px;
background: url(//kaigo-trouble.com/wp-content/themes/kaigo-trouble/img/adviser/deco_01_02.png) no-repeat 0 0/contain;
bottom: 35px;
right: 54px;
}
@media only screen and (max-width: 767px) {
.service_sec .service_ttl::after {
width: 48px;
height: 43px;
bottom: 9px;
right: 9px;
}
}
.service_sec .service_ttl.ttl02 {
height: 180px;
}
.service_sec .service_ttl.ttl02::before {
position: absolute;
content: "";
width: 194px;
height: 173px;
background: url(//kaigo-trouble.com/wp-content/themes/kaigo-trouble/img/adviser/deco_02_01.png) no-repeat 0 0/contain;
top: -10px;
left: 62px;
}
@media only screen and (max-width: 767px) {
.service_sec .service_ttl.ttl02::before {
width: 72px;
height: 59px;
top: -8px;
left: 8px;
}
}
.service_sec .service_ttl.ttl02::after {
position: absolute;
content: "";
width: 194px;
height: 173px;
background: url(//kaigo-trouble.com/wp-content/themes/kaigo-trouble/img/adviser/deco_02_02.png) no-repeat 0 0/contain;
bottom: -10px;
right: 46px;
}
@media only screen and (max-width: 767px) {
.service_sec .service_ttl.ttl02::after {
width: 72px;
height: 59px;
bottom: 0;
right: 0;
}
}
.service_sec .service_ttl h2 {
color: var(--wh);
font-size: clamp(2rem, 2.2vw, 3.2rem);
font-weight: 700;
line-height: 1.8;
text-align: center;
}
.service_sec .txt {
margin: 60px auto;
max-width: 484px;
}
@media only screen and (max-width: 767px) {
.service_sec .txt {
margin: 40px auto;
width: calc(100% - 100px);
}
}
.service_sec .txt p {
margin-bottom: 3em;
letter-spacing: 0.05em;
line-height: 2.5;
text-align: justify;
}
@media only screen and (max-width: 767px) {
.service_sec .txt p {
margin-bottom: 2em;
line-height: 2;
}
}
.service_sec .txt p.line {
font-weight: 700;
text-decoration: underline;
}
.service_sec .txt p span {
color: #D84910;
font-weight: 700;
}