.lower_link_area { margin-top: 0; }

.efforts_wrap { display: flex; justify-content: space-between; }

.efforts_ttl { color: #07a33e; font-size: 2.4rem; font-weight: 600; line-height: 1.4; }

.efforts_txt { font-size: 1.8rem; line-height: 1.8; }

.efforts_img { border-radius: 20px; overflow: hidden; }

.efforts_btn { display: inline-block; font-size: 1.8rem; font-weight: 600; padding: 0.8em 4em 0.8em 1.5em; background: #eff4f0 url(/english/common/img/icon_arrow_cgr01.png) no-repeat center right 0.8em/1.5em; border: 2px solid #07a33e; border-radius: 40px; }
.efforts_btn:hover { color: #fff; background-image: url(/english/common/img/icon_arrow_cwr01.png); background-color: #42ac96; border-color: #42ac96; }

.efforts_box { padding: 6rem 8rem; background-color: #fff; border-radius: 15px; position: relative; z-index: 5; }

.efforts_wrap_last { padding-bottom: 8rem; }

#efforts_lead .lead_wrap { position: relative; z-index: 5; }
#efforts_lead .lead_img img { width: 100%; }
#efforts_lead .lead_txt { color: #07a33e; font-size: 3.2rem; font-weight: 600; }
#efforts_lead .lead_txt span { padding: 0 0.3em; background-color: #fff; }
#efforts_lead .lead_txt.bg_green span { background-color: #f1faf4; }
#efforts_lead .lead_txt_btm { width: 45%; margin-top: 1em; font-size: 1.8rem; font-weight: 600; line-height: 1.8; text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff; }
#efforts_lead .lead_txt_btm span { display: inline-block; padding-top: 1em; font-size: 90%; font-weight: 400; }
#efforts_lead .txt_area { width: 100%; position: absolute; top: 50%; left: 0; transform: translateY(-50%); }
#efforts_lead .product02 .lead_txt_btm { width: 38%; }
#efforts_lead .information .lead_txt_btm { width: 70%; }

#efforts_top { background: linear-gradient(180deg, #f1fbf7 0%, #cce5db 100%); }
#efforts_top .efforts_ttl.top { font-size: 2.8rem; text-align: center; }
#efforts_top .efforts_txt.top { margin-top: 1em; text-align: center; }
#efforts_top .efforts_box { margin-top: 6rem; padding: 6rem 6rem 2rem; border-radius: 22px; }

.flow_link_ttl { margin-top: 2em; color: #403f3f; font-size: 2.8rem; font-weight: 600; text-align: center; position: relative; }
.flow_link_ttl::before, .flow_link_ttl::after { content: ''; width: calc(100% - 29.5em); height: 6px; background-color: #403f3f; border-radius: 8px; position: absolute; top: 50%; transform: translateY(-50%); }
.flow_link_ttl::before { border-top-right-radius: 0; border-bottom-right-radius: 0; left: 0; }
.flow_link_ttl::after { border-top-left-radius: 0; border-bottom-left-radius: 0; right: 0; }

.flow_link { width: 95%; margin: 5rem auto 0; display: flex; }
.flow_link a { display: block; transform: scale(1.15); }
.flow_link img { filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.4)); }

.flow_list .list_ttl { background-color: #403f3f; display: flex; }
.flow_list .list_ttl span { display: inline-block; color: #fff; font-size: 1.8rem; font-weight: 500; padding: 1em; }
.flow_list .list_ttl span:first-child { width: 6rem; text-align: center; }
.flow_list .list_ttl .efforts01 { background-color: #52c09b; }
.flow_list .list_ttl .efforts02 { background-color: #4ec5cb; }
.flow_list .list_ttl .efforts03 { background-color: #00a7dc; }
.flow_list .list_ttl .efforts04 { background-color: #2c7aba; }
.flow_list .list_ttl .efforts05 { background-color: #214b75; }
.flow_list .list_inner { padding: 3rem 1.5rem 6rem 6rem; position: relative; }
.flow_list li:not(:last-child) .list_inner::before { content: ''; width: 2px; height: calc(100% - 1px); background-color: #403f3f; position: absolute; top: 0; left: calc(3rem - 1px); }
.flow_list li:not(:last-child) .list_inner::after { content: ''; width: 0; height: 0; border-style: solid; border-width: 10px 10px 0 10px; border-color: #403f3f transparent transparent transparent; position: absolute; bottom: 0; left: 3rem; transform: translateX(-50%); }
.flow_list .efforts_wrap .img { width: 35%; }
.flow_list .efforts_wrap .txt_area { width: 62%; }
.flow_list .efforts_ttl { margin-top: 0.5em; }
.flow_list .efforts_txt { margin-top: 1em; }
.flow_list .list_btn { margin-top: 2em; text-align: right; }

.efforts_sec_ttl { font-size: 2.4rem; font-weight: 600; line-height: 1.3; padding: 0.2em 0 0.25em 1em; position: relative; }
.efforts_sec_ttl::before { content: ''; width: 6px; height: 100%; background-color: #07a33e; border-radius: 8px; position: absolute; top: 0; left: 0; }

.sec_num { width: fit-content; margin: -1.6em 0 -20rem; padding: 0 15rem 15rem; transform: translateX(-28rem); position: relative; z-index: 1; }
.sec_num::before { content: ''; width: 50vw; height: 100%; position: absolute; top: 0; left: 0; transform: translateX(-100%); }
.sec_num span { font-family: 'Albert Sans', sans-serif; font-size: 17rem; font-weight: 600; line-height: 1; color: #fff; }

.ouraction_bg { background: linear-gradient(180deg, #f1fbf7 0%, #d1e8df 100%); }
.ouraction_bg .efforts_sec_ttl::before { background-color: #52c09b; }
.ouraction_bg .sec_num { background-color: #52be9b; }
.ouraction_bg .sec_num::before { background-color: #52be9b; }

.product_bg { background: linear-gradient(180deg, #f2fbf7 0%, #d5f2f3 100%); }
.product_bg .efforts_sec_ttl::before { background-color: #4ec5cb; }
.product_bg .sec_num { background-color: #4ec5cb; }
.product_bg .sec_num::before { background-color: #4ec5cb; }

.guarantee_bg { background: linear-gradient(180deg, #e4eff3 0%, #e4eff3 100%); }
.guarantee_bg .efforts_sec_ttl::before { background-color: #00a3d7; }
.guarantee_bg .sec_num { background-color: #00a3d7; }
.guarantee_bg .sec_num::before { background-color: #00a3d7; }

.supply_bg { background: linear-gradient(180deg, #e4eff3 0%, #e4eff3 100%); }
.supply_bg .efforts_sec_ttl::before { background-color: #2c78b8; }
.supply_bg .sec_num { background-color: #2c78b8; }
.supply_bg .sec_num::before { background-color: #2c78b8; }

.information_bg { background: linear-gradient(180deg, #f4f8fc 0%, #ebeff2 100%); }
.information_bg .efforts_sec_ttl::before { background-color: #214a73; }
.information_bg .sec_num { background-color: #214a73; }
.information_bg .sec_num::before { background-color: #214a73; }

@media screen and (min-width: 768px) and (max-width: 1240px) { .efforts_sec_ttl { font-size: 2.3vw; }
  .efforts_txt { font-size: 1.4vw; } }
@media screen and (max-width: 767px) { .efforts_ttl { font-size: 4.2vw; }
  .efforts_txt { font-size: 3.7vw; }
  .efforts_img { border-radius: 10px; }
  .efforts_btn { font-size: 3.7vw; font-weight: 600; padding: 0.8em 4em 0.8em 1.5em; background: #eff4f0 url(/english/common/img/icon_arrow_cgr01.png) no-repeat center right 0.8em/1.5em; border: 2px solid #07a33e; border-width: 1px; }
  .efforts_wrap { display: block; }
  .efforts_box { margin-top: 3rem; padding: 4rem 3rem; border-radius: 11px; }
  .efforts_wrap_last { padding-bottom: 4rem; }
  #efforts_lead .txt_area { top: auto; bottom: 2rem; left: 0.5rem; transform: translateY(0); }
  #efforts_lead .lead_txt { font-size: 4.6vw; line-height: 1.8; }
  #efforts_lead .lead_txt_btm { width: 100%; margin-top: 0; padding: 1.5em; font-size: 4vw; font-weight: 600; line-height: 1.8; text-shadow: none; position: relative; z-index: 5; }
  #efforts_top .efforts_ttl.top { font-size: 4.5vw; }
  #efforts_top .efforts_box { margin-top: 3rem; padding: 2rem 1.5rem 0.5rem; border-radius: 11px; }
  #efforts_top .set_inner { padding: 0; }
  .flow_link_ttl { font-size: 5vw; }
  .flow_link_ttl::before, .flow_link_ttl::after { width: calc(100% - 17.5em); height: 3px; border-radius: 0; }
  .flow_link { width: 100%; margin: 0; flex-wrap: wrap; justify-content: center; }
  .flow_link li { width: 31%; margin-top: 3rem; }
  .flow_link a { transform: scale(1.1); }
  .flow_list .list_ttl span { display: inline-block; color: #fff; font-size: 4vw; padding: 0.5em; }
  .flow_list .list_ttl span:first-child { width: 4rem; }
  .flow_list .list_inner { padding: 1.5rem 1rem 3rem 4rem; }
  .flow_list li:not(:last-child) .list_inner::before { width: 1px; left: 2rem; }
  .flow_list li:not(:last-child) .list_inner::after { border-width: 6px 6px 0 6px; left: 2rem; }
  .flow_list .efforts_wrap .img { width: 100%; }
  .flow_list .efforts_wrap .txt_area { width: 100%; }
  .flow_list .efforts_ttl { margin-top: 1em; }
  .flow_list .efforts_btn { text-align: left; }
  .flow_list .list_btn { margin-top: 1em; }
  #efforts_lead .lead_txt_btm.ouraction { background-color: #f1fbf7; }
  #efforts_lead .lead_txt_btm.product { background-color: #f2fbf7; }
  #efforts_lead .lead_txt_btm.guarantee { background-color: #fff; }
  #efforts_lead .lead_txt_btm.supply { background-color: #fff; }
  #efforts_lead .lead_txt_btm.information { background-color: #fff; }
  .efforts_sec_ttl { font-size: 4.5vw; padding: 0.1em 0 0.1em 0.8em; }
  .efforts_sec_ttl::before { width: 3px; }
  .sec_num { margin: -0.8em 0 -14.5rem; padding: 0 6rem 10rem; transform: translateX(-8.1rem); }
  .sec_num span { font-size: 22vw; } }

/*# sourceMappingURL=efforts.css.map */