@charset "utf-8";

/* ------------------------------------------------------------ partner */
#partner{ padding: 140px 0 0; }
#partner .title{ padding: 0 0 60px; }
#partner .title:before{ width: 102px; height: 155px; top: -94px; left: calc(50% + 210px); background-image: url(../images/avater/wolf-06.png); }
#partner .title:after{ width: 117px; height: 147px; top: -87px; left: calc(50% - 350px); background-image: url(../images/avater/squirrel-04.png); }

.partner{ position: relative; width: 100%; margin: 0 0 55px; background: #fff; }
.partner:last-of-type{ margin: 0; }
.partner.pic-stripe::before{ right: -10px; bottom: -10px; }
.partner .partner__btn{ width: 340px; height: 60px; }
.partner__inner{ position: relative; padding: 55px 50px 60px; border: 1px solid var(--main-color); background: #fff; }
.partner__top{ display: flex; align-items: flex-start; justify-content: space-between; gap: 65px; padding: 0 0 40px; }
.partner__head{ width: 460px; }
.partner__head img{ width: 100%; height: auto; }
.partner__body{ width: calc(100% - 525px); }
.partner__category{ margin: 0 0 10px; font-size: 16px; font-family: 'Noto-Sans-JP-Medium'; }
.partner__name{ margin: 0 0 18px; font-size: 28px; line-height: 1.5; font-family: 'Noto-Sans-JP-Medium'; }
.partner__lead{ margin: 0 0 35px; line-height: 2; }

.partner-info__title{ margin: 0 0 12px; font-family: 'Noto-Sans-JP-Medium'; }
.partner-info__list{ margin: 0; padding: 17px 0 0; border-top: 1px solid #E5E5E5; }
.partner-info__row{ display: flex; align-items: center; gap: 10px; padding: 0 0 15px; line-height: 2; }
.partner-info__label{ width: 100px; font-size: 15px; }
.partner-info__value{ font-size: 15px; }
.partner__bottom{ padding: 0 0 40px; }
.partner-benefit{ position: relative; background: #F1F1ED; border-radius: 10px; padding: 25px 0 37px; }
.partner-benefit__tag{ position: relative; display: inline-flex; align-items: center; justify-content: center; height: 50px; padding: 15px 30px 15px 15px; background: var(--main-color); color: #fff; font-size: 19px; font-family: 'Noto-Sans-JP-Medium'; }
.partner-benefit__tag::after{ content: ""; position: absolute; right: -1px; top: 0; width: 20px; height: 100%; clip-path: polygon(0 50%, 100% 100%, 100% 0); background: #F1F1ED; }
.partner-benefit__body{ width: 92%; margin: 0 auto; padding: 15px 0 0; }
.partner-benefit_text{ line-height: 1.5; }
.partner__cta{ display: flex; justify-content: center; }
.partner__btn{ width: 430px; height: 70px; border-radius: 100px; font-size: 18px; box-shadow: 0px 5px 0px 0px #A5000A; }



/* ----------------------------- mobile ------------------------------- */
@media only screen and (max-width: 768px) {
	
	.fv__chach.avater:before{ width: 77px; height: 120px; top: 105px; left: -20px; background-image: url(../images/avater/wolf-02.png);  }
	.fv__chach.avater:after{ width: 91px; height: 120px; top: 105px; right: -26px; background-image: url(../images/avater/squirrel-02.png); }
	
/* ------------------------------------------------------------ partner */

	#partner{ padding: 30px 0 0; }
	#partner .title{ padding: 0; }
	
	.partner__inner{ padding: 30px 20px 40px; }
	.partner__top{ flex-direction: column; gap: 25px; padding: 0 0 30px; }
	.partner__head{ width: 100%; }
	.partner__body{ width: 100%; }
	.partner__category{ font-size: 14px; margin: 0 0 8px; }
	.partner__name{ font-size: 22px; margin: 0 0 14px; line-height: 1.4; }
	.partner__lead{ margin: 0 0 25px; font-size: 14px; line-height: 1.8; }
	
	.partner-info__title{ font-size: 14px; margin: 0 0 10px; }
	.partner-info__list{ padding: 15px 0 0; }
	.partner-info__row{ flex-direction: column; align-items: flex-start; gap: 2px; padding: 0 0 12px; line-height: 1.8; }
	.partner-info__label{ width: 100%; font-size: 13px; }
	.partner-info__value{ font-size: 13px; }
	
	.partner__bottom{ padding: 0 0 30px; }
	.partner-benefit{ padding: 20px 0 25px; }
	.partner-benefit__tag{ height: 50px; padding: 10px 25px 10px 10px; font-size: 13px; }
	.partner-benefit__tag::after{ width: 9px; }
	.partner-benefit__body{ padding: 15px 0 0; }
	.partner-benefit_text{ font-size: 14px; line-height: 1.8; }
	
	.partner .partner__btn{ width: 100%; max-width: 320px; height: 56px; font-size: 16px; box-shadow: 0px 4px 0px 0px #A5000A; }
	


}