@charset "utf-8";
/* CSS Document */
.keyvisual{padding-bottom: 0;padding-top: 0;}
.keyvisual_inner{position: relative;}
.keyvisual_txt_wrap{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);} 
.keyvisual_txt{color:#fff;text-shadow: 0px 0px 3px rgba(0, 0, 0, 1), 0px 0px 2px rgba(0, 0, 0, 1);display: flex;flex-direction: column; max-width: 375px;text-align: center;margin: 0 auto;letter-spacing: .05em;}
.keyvisual_txt h2{font-size:30px;white-space: nowrap;font-weight:600}
.keyvisual_txt p{font-family:Century Gothic,sans-serif;}
.keyvisual_img{background:url("../img/partner_kv.webp");background-position: top center;background-repeat: no-repeat;background-size: cover;min-height: 360px}
@media only screen and (min-width:768px){
.keyvisual_inner{display: flex;flex-direction: row} 
.keyvisual_txt_wrap{position: static;top: auto;left: auto;transform: none;width: 40%;display: flex;flex-direction: column;align-items: center;justify-content: center;} 
.keyvisual_txt{color:var(--color-green);text-shadow:none;text-align: left}
.keyvisual_txt h2{font-size:36px;}
.keyvisual_txt p{}
.keyvisual_img{width: 60%}
}
/*1段目　support*/
.sec_support{background:var(--color-blue04);text-align: center;padding: 50px 0 }
@media only screen and (min-width:768px){
.sec_support{padding: 75px 0 }
}
h3.catch{font-size:clamp(1.375rem, 1.057rem + 1.59vw, 2.25rem); font-weight: 700;}
p.catch_sub{font-size:clamp(1.25rem, 1.023rem + 1.14vw, 1.875rem); font-weight: 700;margin: 0 auto 1em;text-align: center!important}
.sec_support p{text-align: left;}

/*2段目　実践的サポート*/
.sec_practical{}
.sec_practical h4{font-feature-settings: "palt" 1;font-size: clamp(1.375rem, 1.193rem + 0.91vw, 1.875rem);}
.sec_practical h4:last-of-type{margin-top: 35px}
.sec_practical ul{text-align: left;display: flex;flex-direction: column;position: relative;padding: 1em 0;}
.sec_practical ul li{position: relative;font-size: clamp(1rem, 0.909rem + 0.45vw, 1.25rem);padding-bottom: 0.25em;}
.sec_practical ul li:before{content: '・';display: inline-block;}
.sec_practical .products_photo{width: 100%;margin-top: 15px}
.sec_practical .products_photo img{width: 100%;display: block}
/*3段目　販売代理店様の声*/
.sec_voice{background: #fff}
ul.voice{display: flex;flex-direction: column;gap:35px;margin-bottom: 35px}
ul.voice li{display: flex;flex-direction: column;position: relative;padding-left: 100px}
ul.voice li:before{content: '';position: absolute;top:0;left: 0px;background: url("../img/voice_icon.webp")no-repeat;  background-size:  contain; width: 90px; height: 90px;  }
@media only screen and (min-width:768px){
ul.voice li{padding-left: 135px}
ul.voice li:before{width: 120px; height: 120px;}
}
ul.voice li h5{font-weight: 500;font-size:clamp(1.25rem, 1.159rem + 0.45vw, 1.5rem)}
ul.voice li .ttl p{}

.sec_voice .card{position: relative;display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;padding: 0.25rem 1.5rem 1.5rem 1.5rem;color: #fff;background: var(--color-blue02);border-radius:0.5rem;margin: 4em auto 0}
.sec_voice .card_ttl{position: relative;top:-1em;border-radius: 100vh;display: inline-block;padding: 0.2rem 2rem;color:var(--color-green);border:2px solid var(--color-green);background:#fff;font-weight: 600;font-size:clamp(1.25rem, 1.159rem + 0.45vw, 1.5rem); white-space: nowrap}
.sec_voice .card_ttl:before,
.sec_voice .card_ttl:after {position: absolute;left: calc(50% - 20px);content: "";}
.sec_voice .card_ttl:before{bottom: -20px;border-width: 20px 20px 0 20px;border-style: solid;border-color: var(--color-green) transparent transparent transparent;}
.sec_voice .card_ttl:after{bottom: -17px;border-width: 20px 20px 0 20px;border-style: solid; border-color: #fff transparent transparent transparent;}
.sec_voice .card_txt{margin-bottom: 0.5rem; line-height: 1.5;text-align: left}

