/*****************************
Theme Name: resegeオリジナルテーマ
Discription: resegeです。
Author: MOCA.Inc
******************************/

html { 
	scroll-behavior: smooth;
	font-size: 62.5%;
}
body {
	margin:0;
	font-family: 'Noto Serif JP', serif;
	letter-spacing: 0.2rem;
}
a {
	text-decoration:none;
}
.pc {
	display:flex;
  height: 100%;
}
.sp {
	display:none !important;
}

.fadeIn1s {
  animation-name: fadeIn1s;
  animation-delay: 0.5s;
  animation-duration: 2s;
  animation-fill-mode: forwards;
  opacity: 0;
}

@keyframes fadeIn1s {
	0% {
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
  }

.bottom0   { margin-bottom: 0 !important; }
.bottom50  { margin-bottom: 50px !important; }
.bottom100 { margin-bottom: 100px !important; }

@media screen and (max-width: 767px) {
	.bottom100 {
		margin-bottom: 70px !important;
	}
}
  /* --------------------------------------------
 * 　スクリプト用
 * -------------------------------------------- */

 .fadein {
	opacity : 0;
	transform : translate(0px, 0px);
	transition : all 2000ms;
	}
.fadein.scrollin {
	opacity : 1;
	transform : translate(0px, 0px);
	}
.slideinleft {
	opacity : 1;
	transform : translate(-500px, 0px);
	transition : all 500ms;
	}
.slideinleft.slidein {
	opacity : 1;
	transform : translate(0px, 0px);
	}
.slideinleft1s {
  opacity : 1;
  transform : translate(-500px, 0px);
  transition : all 1000ms;
  }
.slideinleft1s.slidein {
  opacity : 1;
  transform : translate(0px, 0px);
  }
.slideinright {
	opacity : 1;
	transform : translate(500px, 0px);
	transition : all 500ms;
	}
.slideinright.slidein {
	opacity : 1;
	transform : translate(0px, 0px);
	}
.slideinright1s {
  opacity : 1;
  transform : translate(500px, 0px);
  transition : all 1000ms;
  }
.slideinright1s.slidein {
  opacity : 1;
  transform : translate(0px, 0px);
  }
.slideup {
	opacity : 1;
	transform : translate(0px, 100px);
	transition : all 500ms;
	}
.slideup.slidein {
	opacity : 1;
	transform : translate(0px, 0px);
	}	


/* --------------------------------------------
 * 　メインヴィジュアル
 * -------------------------------------------- */

.mv_wrap {
	background-image: url(https://jakagi.net/wp-content/uploads/2025/09/img_mv.png);
	background-position: right;
	background-size: contain;
	background-repeat: no-repeat;
	position: relative;
}

@media screen and (max-width: 767px) {
	.mv_wrap {
		background-image: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), url(https://jakagi.net/wp-content/uploads/2025/09/img_mv.png);
		background-position: top;
		background-size: cover;
		background-repeat: no-repeat;
		min-height: 100vh;
   }
}

.mv {
	padding: 0px 10px 60px;
	max-width: 1440px;
	margin: 0 auto;
}

@media screen and (max-width: 768px) {
	.mv {
		padding: 0px 5px 60px;
	}
}

.band {
	font-size: var(--font-size-md);
	color: #fff;
	padding: 5px 10px;
	text-align: center;
	background: linear-gradient(to right, #03753D 0%, #359063 50%, #03753D 100%);
}

@media screen and (max-width: 768px) {
	.band {
		text-align: left;
		display: flex;
		justify-content: flex-end;
	}

	.bandsp {
		font-size: var(--font-size-md);
		display: flex;
		justify-content: center;
		text-align: center;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
	}
}

.mv_content {
	display: flex;
	align-items: center;
	gap: 50px;
	padding-left: 110px;
	justify-content: center;
}

@media screen and (max-width: 768px) {
	.mv_content {
		align-items: flex-start;
		padding-left: 0px;
		gap: 0px;
	}
}

.logo_wrap {
	width: 15%;
	margin-top: -40px;
}

@media screen and (max-width: 768px) {
	.logo_wrap {
		width: 47%;
		margin-top: -40px;
	}
}

@media screen and (max-width: 768px) {
	.logo_wrap {
		margin-top: -23px;
	}
}

.problem {
	width: 70%;
	display: flex;
}

@media screen and (max-width: 768px) {
	.problem {
		width: 100%;
		margin-top: 20%;
	}
}

.problem_item {
	width: 22%;
	display: flex;
	flex-direction: column;
	align-items: center;
}

@media screen and (max-width: 1024px) {
	.problem_item {
		width: 33%;
	}
}

.problem_item img {
	width: 92%;
	margin: 0 auto;
}

.problem h2 {
	font-size: var(--font-size-5xl);
	font-weight: bold;
	color: var(--main-color);
	text-align: center;
	display: inline-block;
}

.problem_text {
	font-size: var(--font-size-lg);
	font-weight: bold;
	margin-left: calc(15% + 230px);
	margin-top: -50px;
}

@media screen and (max-width: 1024px) {
	.problem_text {
		margin-top: -10px
	}
}

@media screen and (max-width: 768px) {


	.problem_text {
		margin-top: 5px;
		margin-left: 20px;
		display: flex;
		justify-content: flex-end;
		text-shadow: 6px 3px 7px rgba(255, 255, 255, 0.8);
		font-weight: 900;
		line-height: normal;
	}
}

@media screen and (max-width: 374px) {
	.problem_text {
		font-size: 1.6rem;
		margin-top: 0px;
	}
}

@media screen and (min-width: 768px) and (max-width: 768px) {

	.problem_text768 {
		position: relative;
		bottom: 60px;
		right: 50px;
	}

}

.mvttl_wrap {
	display: flex;
	justify-content: center;
	gap: 10px;
	align-items: end;
	margin-bottom: 40px;
}

@media screen and (max-width: 767px) {
	.mvttl_wrap {
		gap: 0px;
		align-items: flex-start;
		margin-bottom: 40px;
		margin-top: 50px;       
	}
}

@media screen and (max-width: 374px) {
	.mvttl_wrap {
		margin-bottom: 30px;
		flex-direction: column;
	}
}

.mvtext_wrap {
	text-align: center;  
}

.mvttl_wrap img {
	width: 11%;
}

@media screen and (max-width: 767px) {
	.mvttl_wrap img {
		width: 35%;
		margin-top: -30px;
	}
}

@media screen and (max-width: 374px) {
	.mvttl_wrap img {
		width: 28%;
		margin-top: -50px;
	}
}

.mvttl_wrap h1 {
	font-size: var(--font-size-6xl);
	font-weight: bold;
	color: #054E2A;           
	text-align: center; 
	text-shadow: 6px 3px 7px rgba(255, 255, 255, 2);
}

@media screen and (max-width: 768px) {
	.mvttl_wrap h1 {
		text-shadow: 3px 1px 3px rgba(255, 255, 255, 2);
		margin-left: -14px;
	}
}

@media screen and (max-width: 374px) {
	.mvttl_wrap h1 {
		margin-left: 65px;
		margin-top: -50px;
	}
}

.mvtext_wrap p {
	font-size: var(--font-size-3xl);
	font-weight: bold;
}

@media screen and (max-width: 768px) {
	.mvtext_wrap p {
		font-size: 2.4rem;
		font-weight: 900;
		line-height: normal;
	}
}

@media screen and (max-width: 374px) {
	.mvtext_wrap p {
		font-size: 2rem;
	}
}

.mvtext_wrap h2 {
	font-size: var(--font-size-3xl);
	font-weight: bold;
	text-shadow: 3px 0px 5px rgba(255, 255, 255, 1);
}

@media screen and (max-width: 768px) {
	.mvtext_wrap h2 {
		font-size: 2.4rem;
		font-weight: 900;
		text-shadow: 2px 1px 2px rgba(255, 255, 255, 0.8);
		line-height: normal;
	}
}

@media screen and (max-width: 374px) {
	.mvtext_wrap h2 {
		font-size: 2rem;
	}
}

.mvtext_wrap span {
	font-size: var(--font-size-5xl);
	font-weight: bold;
	background: var(--text-gradient);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-shadow: none;
}

@media screen and (max-width: 768px) {
	.mvtext_wrap span {
		font-size: 3.2rem;
		font-weight: 900;
	}
}

/* --------------------------------------------
 * 　「足つぼ師」とは？
 * -------------------------------------------- */
 .about {
	background-color: rgba(3, 117, 61, 0.1);
	padding: 100px 0;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	z-index: 2;
	position: relative;
}

@media screen and (max-width: 767px) {
	.about {
		padding: 50px 0;
	}
}

.sub_ttl {
	font-size: var(--font-size-lg);
	font-weight: bold;
	text-align: center;
	margin-bottom: 80px;
}

@media screen and (max-width: 767px) {
	.sub_ttl {
		font-size: 1.39rem;
		letter-spacing: normal;
		margin-bottom: 30px;
	}
}

.about_text {
	width: 46%;
}

@media screen and (max-width: 767px) {
	.about_text {
		width: 100%;
	}
}

.section_ttl {
	font-size: var(--font-size-3xl);
	font-weight: bold;
	background: var(--main-gradient);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-bottom: 30px;
	display: block;
}

@media screen and (max-width: 767px) {
	.section_ttl {
		font-size: 2.4rem;
		text-align: center;
		margin-bottom: 3px;
	}
}

@media screen and (max-width: 374px) {
	.section_ttl {
		font-size: 2.2rem;
	}
}

.about_text p {
	font-size: var(--font-size-sm);
}

@media screen and (max-width: 767px) {
	.about_text p {
		margin-top: 20px;
		text-align: justify;
        letter-spacing: normal;
	}
}

.about_box {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

@media screen and (max-width: 767px) {
	.about_box {
		flex-direction: column;
	}
}

.about_img {
	width: 50%;
	box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 767px) {
	.about_img {
		width: 90%;
		margin-top: 50px;
	}
}

/* --------------------------------------------
 * 　\ 男女問わず生徒募集! /
 * -------------------------------------------- */
 .recruiting {
	padding: 100px 0;
	background: var(--bg-gradient);
	clip-path: polygon(0 0, 100% 0, 100% 93%, 50% 100%, 0 93%);
} 

@media screen and (max-width: 767px) {
	.recruiting {
		padding: 40px 0 20px;
		clip-path: polygon(0 0, 100% 0, 100% 95%, 50% 100%, 0 95%);
	}
}

.recruiting_content {
	display: flex;
	justify-content: center;
	gap: 20px;
	margin-top: 20px;
}

@media screen and (max-width: 767px) {
	.recruiting_content {
		flex-wrap: wrap;
		gap: 8px;
	}
}

.recruiting_item {
	padding: 10px 30px;
	background: var(--main-gradient);
	box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.3);
}

@media screen and (max-width: 1024px) {
	.recruiting_item {
		padding: 10px 5px;
	}
}

@media screen and (max-width: 767px) {
	.recruiting_item {
		padding: 3px 12px;
		display: flex;
		align-items: center;
	}
}

.recruiting_item p {
	font-size: var(--font-size-md);
	font-weight: bold;
	color: #fff;
}

@media screen and (max-width: 767px) {
	.recruiting_item p {
		font-size: 1.4rem;
	}
}

.recruiting_text {
	text-align: center;
	margin: 100px 0;
}

@media screen and (max-width: 767px) {
	.recruiting_text {
		margin: 100px 0 140px;
	}
}

.recruiting_text h3 {
	font-size: var(--font-size-2xl);
	font-weight: bold;
	background: var(--main-gradient);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	display: block;
	margin-bottom: 10px;
	line-height: normal;
}

@media screen and (max-width: 767px) {
	.recruiting_text h3 {
		font-size: 2rem;
		letter-spacing: normal;
	}
}

@media screen and (max-width: 374px) {
	.recruiting_text h3 {
		font-size: 1.8rem;
	}
}

.ribbon01 {
	position: relative;
}

.ribbon01::before {
	content: '';
	position: absolute; 
	top: 0%;
	left: 50px; 
	transform: rotate(-8deg);
	width: 150px;
	height: 150px;
	background-image: url('https://jakagi.net/wp-content/uploads/2025/09/ribbon01.svg');
	background-size: contain;  
	background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {

	.ribbon01::before {
		top: -150%;
		left: -10px;
		transform: rotate(-11deg);
		width: 90px;
		height: 85px;
	}
}

.ribbon02 {
	position: relative;
	font-weight: bold;
}

.ribbon02::after {
	content: '';
	position: absolute; 
	bottom: 0%;
	right: 50px; 
	transform: rotate(8deg);
	width: 150px;
	height: 150px;
	background-image: url('https://jakagi.net/wp-content/uploads/2025/09/ribbon02.svg');
	background-size: contain;  
	background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
	.ribbon02::after {
		width: 90px;
		height: 85px;
		bottom: -87%;
		right: -10px;
		transform: rotate(4deg);
	}
}

@media screen and (max-width: 374px) {
	.ribbon02::after {
		bottom: -90%;
		transform: rotate(18deg); 
	}
}

.skill_img {
	width: 70%;
	z-index: 1;
	position: relative;
	margin: 0 auto;
}

@media screen and (max-width: 767px) {
	.skill_img {
		width: 100%;
		bottom: 36px;
	}
}

.skill_wrap {
	display: flex;
	justify-content: space-between;
	margin-top: -62px;
}

@media screen and (max-width: 767px) {
	.skill_wrap {
		margin-bottom: 20px;
	}
}

.skill_wrap img {
	width: 30%;
}

@media screen and (max-width: 767px) {
	.skill_wrap img {
		width: 33%;
	}
}

.special {
	text-align: center;
	font-size: 2.8rem;
	font-weight: bold;
	margin-bottom: -40px;
}

@media screen and (max-width: 374px) {
	.special {
		font-size: 2rem;
	}
}

.follow {
	font-size: var(--font-size-3xl);
	font-weight: bold;
	text-align: center;
	background: url(https://jakagi.net/wp-content/uploads/2025/09/img-leaf.png);
	background-size: 38%;
	background-repeat: no-repeat;
	background-position: center;
	padding: 50px 0 25px;
}

@media screen and (max-width: 374px) {
	.follow {
		font-size: 2.2rem;
	}
}

@media screen and (max-width: 767px) {
	.follow {
		font-size: 2.4rem;
		padding: 40px 0 45px;
		background-size: 80%;
		background-position: 50% 36%;
	}
}

/* --------------------------------------------
 * 　60分施術3大無料特典
 * -------------------------------------------- */
 .benefit {
    position: relative;
}

.bg-top img,
.bg-bottom img {
    width: 100%;
    height: auto;
    display: block;
}

.limited {
    width: fit-content;
    font-size: var(--font-size-2xl);
    font-weight: bold;
    border: solid 2px var(--main-color);
    padding: 10px 40px;
    display: block;
    text-align: center;
    margin: -180px auto 40px;
}

@media screen and (max-width: 1024px) {
    .limited {
        margin: -100px auto 40px;
    }
}
@media screen and (max-width: 767px) {
    .limited {
        border: solid 1px var(--main-color);
        padding: 0px 8px;
        margin: -20px auto 15px; 
    }
}

@media screen and (max-width: 767px) {
	.sp_ttl {
		font-weight: bold;
		font-size: 1.6rem;
		margin-bottom: 0px;
	}

	.sp_ttl2 {
		font-size: 1.6rem;
		margin: 30px 0;
	}
}

.experience {
    font-size: var(--font-size-lg);
    text-align: center;
    color: var(--main-color);
    margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
    .experience {
        font-size: 1.6rem;
        font-weight: bold;
    }
}
@media screen and (max-width: 374px) {
    .experience {
        font-size: 1.5rem;
    }
}

.free_benefit {
    margin-bottom: 80px;
}
@media screen and (max-width: 767px) {
    .free_benefit {
        margin-bottom: 30px;
    }
}

.free_benefit img {
    width: 80%;
    height: auto;
    display: block;
    margin: 0 auto; 
}
@media screen and (max-width: 767px) {
    .free_benefit img {
        width: 95%;
    }
}

.special_wrap {
    display: flex;
    margin: 10px 0 70px;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}
@media screen and (max-width: 767px) {
    .special_wrap {
        margin: 10px 0 40px;
        gap: 10px;
    }
}

.special_item {
    position: relative;
    display: flex;
    align-items: center;
    width: 70%;
}

.special_item::before {
    content: '';
    position: absolute;
    inset: 0; 
    padding: 3px; 
    border-radius: 60px;
    background: var(--main-gradient); 
    -webkit-mask: 
        linear-gradient(#fff 0 0) content-box, 
        linear-gradient(#fff 0 0);
            mask-composite: exclude;
    pointer-events: none;
}

@media screen and (max-width: 767px) {
    .special_item::before {
        padding: 2px;
    }
}

.special_number {
    width: 20%;
    background: var(--main-gradient);
    text-align: center;
    border-radius: 60px 0 0 60px;
    padding-top: 10px;
}

@media screen and (max-width: 1024px) {
    .special_item {
        width: 80%;
    }
    .special_number {
        width: 25%;
    }
}
@media screen and (max-width: 767px) {
    .special_item {
        width: 100%;
    }
}

.special_number span {
    font-size: var(--font-size-2xl);
    color: #fff;
    font-family: 'Rochester', cursive;
}

.special_number p {
    font-size: var(--font-size-4xl);
    color: #fff;
    margin-top: -10px;
}

@media screen and (max-width: 767px) {
    .special_number {
        padding: 10px 0px 6px 12px;
    }

    .special_number span {
        font-size: 1.4rem;
        margin-bottom: 10px;
        display: block;
    }

    .special_number p {
        font-size: 2rem;
        text-align: center;
    }
}

.special_content {
    width: 70%;
}

.special_content p {
    font-size: var(--font-size-2xl);
    font-weight: bold;
    text-align: center;
    color: var(--main-color);
}

@media screen and (max-width: 767px) {
    .special_content p {
        font-size: 1.8rem;
    }
}

.freetrial_btn {
    text-align: center;
    margin-bottom: -130px;
}

@media screen and (max-width: 767px) {
    .freetrial_btn {
        margin-bottom: -70px;
    }
}

.freetrial_text {
    display: flex;
    align-items: center;
    gap: 40px;
}

.freetrial_btn p {
    font-size: var(--font-size-xl);
    font-weight: bold;
    color: #fff;
    line-height: 1.3;
}

.freetrial_text span {
    font-size: var(--font-size-3xl);
    display: block;
}

@media screen and (max-width: 767px) {
    .freetrial_text {
        gap: 22px;
    }

    .freetrial_btn p {
        font-size: 1.8rem;
    }

    .freetrial_text span {
        font-size: 2.6rem;
    }
}

@media screen and (max-width: 374px) {
    .freetrial_text {
        gap: 10px;
        justify-content: center;
    } 

    .freetrial_btn p {
        font-size: 1.6rem;
    }

    .freetrial_text span {
        font-size: 2.2rem;
    }
}

.freetrial_btn a {
    background: linear-gradient(to bottom, #E3A737 0%, #BD8C30 100%);
    border-radius: 70px;
    display: inline-block;
    padding: 10px 60px;
    transition: 0.3s all ease;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
}

@media screen and (max-width: 767px) {
    .freetrial_btn a {
        padding: 8px 30px 12px;
    }
}

@media screen and (max-width: 374px) {
    .freetrial_btn a {
        padding: 8px 10px 12px;
    }
}

.freetrial_btn a:hover {
    background: linear-gradient(to bottom, #FFF1A0 0%, #FFE08A 100%);
    transform: translateY(-4px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
}

.freetrial_text img {
    width: fit-content;
    height: fit-content;
}
@media screen and (max-width: 767px) {
    .freetrial_text img {
        width: 13%;
    }
}
@media screen and (max-width: 374px) {
    .freetrial_text img {
        width: 10%;
    }
}

/* --------------------------------------------
 * 　\ 私たちも足つぼ師として活躍しています /
 * -------------------------------------------- */
 .therapist_wrap {
	box-shadow: 0px 6px 7px 0px rgba(0, 0, 0, 0.1);
	padding-bottom: 100px;    
}

.therapist_wrap h3 {
	font-size: var(--font-size-3xl);
	font-weight: bold;
	text-align: center;
	margin: 130px 0 20px 0;
}

@media screen and (max-width: 767px) {
	.therapist_wrap {
		padding-bottom: 75px;
	}
}

@media screen and (max-width: 767px) {
	.therapist_wrap h3 {
		margin: 40px 0 10px 0;
		font-size: 1.6rem;
		letter-spacing: normal;
	}
}

.therapist_wrap p {
	font-size: var(--font-size-lg);
	margin-top: 30px;
}

@media screen and (max-width: 767px) {
	.therapist_wrap p {
		font-size: 1.6rem;
		font-weight: bold;
		letter-spacing: 1.5px;
	}
}

/* --------------------------------------------
 * 　サロン経営の皆様こんなお悩みありませんか？
 * -------------------------------------------- */
 .salon-problems_wrap {
    padding: 0 0 100px 0;
    background: var(--bg-gradient);
    clip-path: polygon(0 0, 100% 0, 100% 93%, 50% 100%, 0 93%);
    margin-top: 100px;
}

@media screen and (max-width: 767px) {
    .salon-problems_wrap {
        margin-top: 50px;
        padding: 0 0 50px 0;
        clip-path: polygon(0 0, 100% 0, 100% 95%, 50% 100%, 0 95%);
    }
}

.problems_list {
    background: rgba(3, 117, 61, 0.1);
    border: 3px solid var(--main-color);
    margin: 60px 0 0 0;
    padding: 40px 5% 20px 5%;
    box-shadow: 0px 6px 7px 0px rgba(0, 0, 0, 0.1);    
    position: relative;
}

.problems_list::after {
    content: "";
    position: absolute;
    top: 51%;      
    right: 7%;
    width: 33%;   
    aspect-ratio: 1 / 1; 
    background-image: url(https://jakagi.net/wp-content/uploads/2025/09/img_asiura.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
    .problems_list {
        margin: 20px 0 0 0;
        border: 1px solid var(--main-color);
        padding: 25px 5% 7px 5%;
    }

    .problems_list::after {
        top: 91%;
        right: -3%;
    }
}

.problems_item {
    display: flex;
    gap: 20px;
    align-items: center;
    margin-bottom: 20px;
}

.problems_item img {
    width: 35px;
    height: auto;
}

@media screen and (max-width: 767px) {
    .problems_item img {
        width: 17px;
    }
}

.problems_item p  {
    font-size: var(--font-size-lg);
    font-weight: bold;
}

@media screen and (max-width: 767px) {
    .problems_item {
        gap: 12px;
        margin-bottom: 15px;
    }

    .problems_item p {
        font-size: 1.4rem;
        letter-spacing: normal;
        line-height: 2;
        font-weight: 600;
    }
}

.problems_start {
    margin: 200px 0 50px 0;
    position: relative;
}

.problems_start::before {
    content: "";
    position: absolute;
    top: -17px;
    left: 0px;
    width: 160px;
    height: 170px;
    background-image: url(https://jakagi.net/wp-content/uploads/2025/09/dec-emphasis-left.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

.problems_start::after {
    content: "";
    position: absolute;
    top: -17px;
    right: -60px;
    width: 160px;
    height: 170px;
    background-image: url(https://jakagi.net/wp-content/uploads/2025/09/dec-emphasis-right.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

.problems_start p {
    font-size: var(--font-size-2xl);
    font-weight: bold;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .problems_start {
        margin: 90px 40px 25px 40px;
    }

    .problems_start p {
        font-size: 1.6rem;
        letter-spacing: normal;
    }

    .problems_start::before {
        top: 13px;
        left: -50px;
        width: 40px;
        height: 70px;
    }

    .problems_start::after {
        top: 13px;
        right: -50px;
        width: 40px;
        height: 70px;
    }
}

.menu_box {
    width: 76%;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
    margin: 60px auto 40px;
    flex-wrap: wrap;
}

.menu_box p {
    font-size: var(--font-size-md);
    border: solid 2px var(--main-color);
    display: inline-block;
    padding: 3px 25px;
    background: #FFF;
    color: #333;
}

@media screen and (max-width: 767px) {
    .menu_box {
        width: 100%;
        flex-wrap: wrap;
        gap: 8px;
       margin: 25px 0 25px;
    }

    .menu_box p {
        font-size: 1.4rem;
        border: solid 1px var(--main-color);
        font-weight: 700;
        padding: 6px 11px;
    }
}

.problems_text p {
    font-size: var(--font-size-2xl);
    font-weight: bold;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .problems_text p {
        font-size: 1.6rem;
        letter-spacing: 1px;
    }
}

@media screen and (max-width: 374px) {
    .problems_text p {
        font-size: 1.4rem;
    }
}

/* --------------------------------------------
 * 　毒出し足つぼメソッドをおすすめする理由
 * -------------------------------------------- */
 .problems_reason_wrap {
	margin: 100px 0;  
}

@media screen and (max-width: 767px) {
	.problems_reason_wrap {
		margin: 50px 0;
	}
}

.reason_list {
	margin: 50px 0;
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
	.reason_list {
		flex-direction: column;
		gap: 15px;
		margin: 0px 0 30px;
	}
}

.reason_item {
	background: #FFF6EA;
	padding: 20px 22px;
	width: calc(50% - 10px);
	border-radius: 5px;
}

@media screen and (max-width: 767px) {
	.reason_item {
		width: 100%;
		border-radius: 2px;
		padding: 10px 15px;
	}
}

@media screen and (max-width: 374px) {
	.reason_item {
		padding: 10px 7px;
	}
}

.reason_item p {
	text-align: justify;
}

.reason_item_title {
	display: flex;
	gap: 20px;
	margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
	.reason_item_title {
		gap: 5px;
	}
}

.reason_item_title img {
	width: 35px;
	height: auto;
}

@media screen and (max-width: 767px) {
	.reason_item_title img {
		width: 17px;
	}
}

.reason_item_title p {
	font-size: var(--font-size-lg);
	font-weight: bold;
}

@media screen and (max-width: 767px) {
	.reason_item_title p {
		font-size: 1.6rem;
	}
}

/* --------------------------------------------
 * 　私たちが自信を持って推薦します！
 * -------------------------------------------- */
 .recommend_img {
    margin: -70px auto 0;
    width: 80%;
}

@media screen and (max-width: 767px) {
    .recommend_img {
        margin: -48px auto 0;
        width: 95%;
    }
}

.recommend_list {
    margin: 100px 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
}

@media screen and (max-width: 767px) {
    .recommend_list {
        margin: 30px 0;
        flex-direction: column;
        gap: 15px;
    }
}

.recommend_item {
    background: rgba(3, 117, 61, 0.1);
    border: 3px solid var(--main-color);
    padding: 40px 20px 20px 20px;
    width: calc(50% - 20px);
}

@media screen and (max-width: 1024px) {
	.recommend_item {
		padding: 40px 15px 20px 15px;
	}

}

@media screen and (max-width: 767px) {
    .recommend_item {
        width: 100%;
        padding: 10px 15px 15px 15px;
        border: 2px solid var(--main-color);
    }
}

.recommend_person {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    margin-bottom: 40px;
}

@media screen and (max-width: 1024px) {
    .recommend_person {
        gap: 7px;
    }
}

@media screen and (max-width: 767px) {
    .recommend_person {
        margin-bottom: 0px;
        align-items: stretch;
    }
}

.recommend_person img {
    width: 40%;
    border-radius: 50%;
    box-shadow: 0 0 20px 2px rgba(201, 150, 71, 1);
}

@media screen and (max-width: 767px) {
    .recommend_person img {
        width: 37%;
        box-shadow: none;
        filter: drop-shadow(0 0 5px rgba(201, 150, 71, 1));
    }
}

.recommend_person p {
    width: 50%;
    height: 170px;    
    font-size: 1.6rem;
    text-align: center;
    position: relative;
    margin: 0 auto;
    z-index: 1;
}

@media screen and (max-width: 1024px) {
    .recommend_person p {
        width: 60%;
		font-size: 1.4rem;
		letter-spacing: -0.2rem;
    }
}

.recommend_person p::before {
    content: "";
    position: absolute;
    top: -10%;
    left: -10%;
    width: 120%;
    height: 120%;
    background-image: url("https://jakagi.net/wp-content/uploads/2025/09/img-flowerbg.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    z-index: -1;
}

@media screen and (max-width: 767px) {
    .s11 {
        font-size: 1.1rem!important;
    }

    .recommend_person p {
        font-size: 1.4rem;
        letter-spacing: normal;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .recommend_person span {
        font-size: 1.6rem;
    }

    .recommend_person p::before {
        top: 0%;
        left: 15%;
        width: 70%;
        height: 100%; 
    }
}

.bold {
    font-weight: bold;
    font-size: var(--font-size-md);
    margin-top: 5px;
    display: block;
}

.recommend_message {
    background: #fff;
    color: #333;
    padding: 20px 15px;
    border-radius: 5px;
    box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 767px) {
    .recommend_message {
        border-radius: 2px;
        padding: 15px 15px;
    }
}

@media screen and (max-width: 767px) {
    .margin-top {
        margin-top: 35px;
    }
}

/* --------------------------------------------
 * 　受講生の声
 * -------------------------------------------- */
 .student_voice_wrap {
    margin: 100px 0 0px;
    box-shadow: 0px 6px 7px 0px rgba(0, 0, 0, 0.1);
    padding-bottom: 100px;
}

@media screen and (max-width: 767px) {
    .student_voice_wrap {
        margin: 70px 0 0px;
        padding-bottom: 50px;
    }
}

 .student_voice_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 100px;
 }

 @media screen and (max-width: 767px) {
    .student_voice_box {
        flex-direction: column;
        margin-top: 30px;
    }
 }

 .student_voice_text {
    width: 59%;
 }

 .student_voice_text span {
    font-size: var(--font-size-lg);
    font-weight: bold;
    margin-bottom: 30px;
    display: block;
 }

 .student_voice_text p {
    font-size: var(--font-size-sm);
    margin-bottom: 20px;
 }

 .student_voice_img {
    width: 30%;
 }

 @media screen and (max-width: 767px) {
    .student_voice_text {
        width: 100%;
    }

    .student_voice_text span {
        font-size: 1.6rem;
        font-weight: 800;
    }

    .student_voice_text p {
        font-size: 1.4rem;
    }

    .student_voice_img {
        width: 100%;
    }
 }

/* --------------------------------------------
 * 　ちゃんと“グリグリ”奥まで効かせてほぐしてくれる
　　　足つぼサロン、意外と近くにないと思いませんか？
 * -------------------------------------------- */
 .detox_points_wrap {
    margin: 100px 0 0px;
    padding-bottom: 100px;
    box-shadow: 0px 6px 7px 0px rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 767px) {
    .detox_points_wrap {
        margin: 50px 0 0px;
        padding-bottom: 50px;
    }
}

.detox_points_title {
    background: var(--main-gradient);
    padding: 20px;
    box-shadow: 0px 6px 7px 0px rgba(0, 0, 0, 0.1);
    display: inline-block;
    margin: 70px 0 0 60px;
}

.detox_points_title span {
    font-size: 1.6rem;
    color: #fff;
    font-weight: bold;
}

.detox_points_title p {
    font-size: var(--font-size-lg);
    font-weight: bold;
    color: #fff;
}

@media screen and (max-width: 767px) {
    .detox_points_title {
        padding: 10px 15px;
        margin: 50px 0 0 20px;
    }

    .detox_points_title span {
        font-size: 1.4rem;
        font-weight: 400;
    }

    .detox_points_title p {
        font-size: 1.8rem;
    }
}

.detox_points_box {
    border: solid 3px var(--main-color);
    padding: 90px 6% 20px 3%;
    margin-top: -50px;
    background-image: url(https://jakagi.net/wp-content/uploads/2025/09/img-bg-pointlist.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

@media screen and (max-width: 767px) {
    .detox_points_box {
        background-image: url(https://jakagi.net/wp-content/uploads/2025/10/img-bg-pointlist-1.jpg);
        border: solid 1px var(--main-color);
        margin-top: -20px;
        padding: 45px 3% 30px 3%;
    }
}

.detox_points_item {
    display: flex;
    align-items: center;
    gap: 20px;
}

.detox_points_item img {
    width: 90px;
}

.detox_points_item p {
    font-size: var(--font-size-lg);
    font-weight: bold;
}

@media screen and (max-width: 767px) {
    .detox_points_item {
        gap: 0px;
        margin-bottom: 15px;
    }

    .detox_points_item img {
        width: 55px;
    }
    .detox_points_item p {
        font-size: 1.4rem;
        font-weight: 600;
        letter-spacing: 0.5px;
    }
}

/* --------------------------------------------
 * 　現在、代表が運営中のサロン
 * -------------------------------------------- */
 .current_salon_wrap {
	margin: 100px 0 0 0;
	background: var(--bg-gradient);
	clip-path: polygon(0 0, 100% 0, 100% 93%, 50% 100%, 0 93%);
	padding-bottom: 280px;
}

@media screen and (max-width: 767px) {
	.current_salon_wrap {
		margin: 50px 0 0 0;
		clip-path: polygon(0 0, 100% 0, 100% 97%, 50% 100%, 0 97%);
		padding-bottom: 150px;
	}
}

.scurrent_salon_title {
	font-size: var(--font-size-lg);
	font-weight: bold;
	text-align: center;
}

@media screen and (max-width: 767px) {
	.scurrent_salon_title {
		font-size: 1.8rem;
		letter-spacing: normal;
	}
}

.salon_list {
	display: flex;
	justify-content: space-between;
	margin-top: 50px;
}

@media screen and (max-width: 767px) {
	.salon_list {
		margin-top: 30px;
		flex-direction: column;
		align-items: center;
		gap: 10px;
	}
}

.salon_list img {
	width: 33%;
}

@media screen and (max-width: 767px) {
	.salon_list img {
		width: 80%;
	}
}

.salon_text {
	margin: 80px 0;
}

.salon_text p {
	font-size: var(--font-size-sm);
}

@media screen and (max-width: 767px) {
	.salon_text {
		margin: 30px 0;
	}

.salon_text p {
		font-size: 1.4rem;
	}
}

.salon_img {
	display: flex;
	justify-content: space-between;
	margin-bottom: 70px;
}

.salon_img img {
	width: 30%;
}

@media screen and (max-width: 767px) {
	.salon_img {
		margin-bottom: 25px;
		flex-direction: column;
		gap: 25px;
	}

	.salon_img img {
		width: 90%;
		margin: 0 auto;
	}
}

/* --------------------------------------------
 * 　こんな症状に効果が期待されます
 * -------------------------------------------- */
 .effect_symptoms_wrap {
	padding: 100px 0 100px 0;
	box-shadow: 0px 6px 7px 0px rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 767px) {
	.effect_symptoms_wrap {
		padding: 50px 0 30px 0;
		text-align: center;
	}
}

.effect_symptoms_title {
	background: var(--main-gradient);
	padding: 20px;
	box-shadow: 0px 6px 7px 0px rgba(0, 0, 0, 0.1);
	display: inline-block;
	margin: 70px 0 0 60px;
}

.effect_symptoms_title p {
	font-size: var(--font-size-lg);
	font-weight: bold;
	color: #fff;
}

@media screen and (max-width: 767px) {
	.effect_symptoms_title {
		padding: 8px 20px;
		margin: 30px 0 0 0;
	}

	.effect_symptoms_title p {
		font-size: 1.6rem;
		letter-spacing: normal;
	}
}

.effect_symptoms_box {
	background: #FFF6EA;
	border: solid 3px var(--main-color);
	padding: 90px 6% 30px 6%;
	margin-top: -40px;
}

.effect_symptoms_box p {
	margin-bottom: 20px;
	font-weight: bold;
	font-size: var(--font-size-lg);
}

@media screen and (max-width: 767px) {
	.effect_symptoms_box p {
		margin-bottom: 15px;
		font-size: 1.4rem;
		text-align: left;
	}
}

@media screen and (max-width: 767px) {
	.effect_symptoms_box {
		padding: 50px 6% 15px 6%;
		margin-top: -30px;
		border: solid 1px var(--main-color);      
	}
}

.improvement_list {
	display: flex;
	margin-top: 50px;
	flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
	.improvement_list {
		margin-top: 70px;
	}
}

.improvement_item {
	width: 50%;
	text-align: center;
	padding: 30px 45px 20px;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
}

.improvement_item:nth-child(2n) {
	border-right: none;
}

.improvement_item:nth-child(n+5) {
	border-bottom: none;
}

@media screen and (max-width: 768px) {
	.improvement_item {
		width: 100%;
		padding: 15px 0px 20px 0px;
		border-right: none;              
		border-bottom: 1px solid #333;     
	}

	.improvement_item:nth-child(n+5) {
		border-bottom: 1px solid #333;
	}

	.improvement_item:last-child {
		border-bottom: none;
	}
}

.improvement_title {
	font-size: var(--font-size-md);
	font-weight: bold;
	padding: 8px 20px;
	background: #C8E3C4;
	display: inline-block;
	margin-bottom: 10px;
}

@media screen and (max-width: 1024px) {
	.improvement_title {
		padding: 8px 10px;
	}
}

.improvements_text {
	text-align: center;
}

@media screen and (max-width: 767px) {
	.improvements_text {
		width: 85%;
		margin: 0 auto;
	}
}

.improvement_item img {
	width: 65%;
	margin: 10px auto 20px;
}

@media screen and (max-width: 767px) {
	.improvement_item img {
		margin: 10px auto 15px;
	}
}

/* --------------------------------------------
 * 　毒出し足つぼメソッドがなぜ選ばれているのか？
 * -------------------------------------------- */
 .method_reason_wrap {
	padding: 100px 0;
	background: rgba(3, 117, 61, 0.1);
	box-shadow: 0px 6px 7px 0px rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 767px) {
	.method_reason_wrap {
		padding: 50px 0;
	}
}

.method_ttl {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border: solid 1px #333;
	padding: 20px;
}

@media screen and (max-width: 767px) {
	.method_ttl {
		flex-direction: column;
		gap: 10px;
		padding: 15px 30px;
	}
}

.method_ttl_img {
	width: 38%;
}

@media screen and (max-width: 767px) {
	.method_ttl_img {
		width: 100%;
	}
}

.method_ttl_content {
	width: 53%;
}

@media screen and (max-width: 767px) {
	.method_ttl_content {
		width: 100%;
	}
}

.method_main_ttl {
	font-size: var(--font-size-lg);
	font-weight: bold;
	line-height: 1.6;    
}

@media screen and (max-width: 767px) {
	.method_main_ttl {
		font-size: 1.8rem;
		line-height: 1.4;
	}
}

.method_main_ttl .highlight {
	font-size: var(--font-size-3xl);
}

@media screen and (max-width: 767px) {
	.method_main_ttl .highlight {
		font-size: 2.4rem;
		letter-spacing: normal;
	}
}

.method_sub_ttl {
	font-size: var(--font-size-sm);
	margin-top: 30px;
}

@media screen and (max-width: 767px) {
	.method_sub_ttl {
		font-size: 1.4rem;
		margin-top: 15px;
	} 
}

.method_sub_ttl .highlight_name {
	font-size: var(--font-size-md);
	font-weight: bold;   
}

.method_text {
	margin: 60px auto;
	max-width: 900px;   
}

.method_text p {
	font-size: var(--font-size-sm);
}

@media screen and (max-width: 767px) {
	.method_text {
		margin: 30px auto
	}
	.method_text p {
		font-size: 1.4rem;
	}
}

.point_item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 30px;
	border-bottom: 1px solid #333;
}

.point_item_text {
	width: 52%;
}

.point_item_title {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}

.point_item_title img {
	width: 20%;
}

.point_item_title p {
	font-size: var(--font-size-2xl);
	font-weight: bold;
}

@media screen and (max-width: 768px) {
	.point_item_title p {
		font-size: 2.4rem;
	}
}

.point_item_img {
	width: 41%;
}

@media screen and (max-width: 767px) {
	.point_item {
		flex-direction: column;
		padding: 25px 0;
	}

	.point_item_text {
		width: 100%;
	}

	.point_item_title {
		margin-bottom: 15px;
	}

	.point_item_title p {
		font-size: 2.1rem;
		letter-spacing: normal;
	}

	.point_item_img {
		width: 80%;
		margin-top: 18px;
	}
}

@media screen and (max-width: 374px) {
	.point_item_title p {
		font-size: 1.8rem;
	}
} 

.method_points {
	border-top: 1px solid #333;
}

 /* --------------------------------------------
 * 　 他の足つぼ講座と比べてみてください
 * -------------------------------------------- */
 .course_comparison_wrap {
    padding: 100px 0;
    box-shadow: 0px 6px 7px 0px rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 767px) {
    .course_comparison_wrap {
        padding: 50px 0 40px;
    }
}

.course_card {
    display: flex;
    margin: 120px auto 0;
    justify-content: center;
}

@media screen and (max-width: 767px) {
    .course_card {
        margin: 30px auto 0;
        justify-content: flex-start;
    }
}

.card_item {
    height: 100%;
    background: #FFF6EA;
    padding: 60px 15px 0px 25px;
}

@media screen and (max-width: 767px) {
    .card_item {
        padding: 46px 7px 0px 13px;
    }
}

.card_text {
    color: #fff;
    background: var(--main-gradient);
    padding: 0px 15px;
    margin-bottom: 13px;
    font-weight: bold;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    writing-mode: vertical-rl;
}

@media screen and (max-width: 767px) {
    .card_text {
        font-size: 1rem;
        padding: 0px 9px;
        height: 65px;
        margin-bottom: 7px;
    }
}

.card_item4 {
    width: 18%;
    height: 100%;
    background: var(--main-gradient);
    padding: 12px 15px 20px 15px;
    transform: translateY(-19px);
}

.card_item4::after {
    content: "";
    position: absolute;
    top: 19px;
    right: -25px;
    width: 25px;
    height: 95.5%;
    background: #FFF6EA;
}

@media screen and (max-width: 1024px) {
    .card_item4 {
        width: 23%; 
        transform: translateY(-14px);
    }
}

@media screen and (max-width: 767px) {
    .card_item4 {
        width: 29%;
        padding: 19px 7px 14px 9px;
        transform: translateY(-15px);
    }

    .card_item4::after {
        top: 15px;
        right: -13px;
        width: 13px;
        height: 95.5%;
    }
}

.card_title { 
    font-size: var(--font-size-md);
    color: #fff;
    text-align: center;
    margin-bottom: 5px;
}

@media screen and (max-width: 1024px) {
    .card_title {
        font-size: 1.8rem;
    }
}

@media screen and (max-width: 767px) {
    .card_title {
        font-size: 1.1rem;
        margin-bottom: 7px;
    }
}

.card_text2 {
	font-size: var(--font-size-xsm);
    background: #FFF;
    margin-bottom: 13px;
    height: 100px;
    display: flex;
    gap: 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .card_text2 {
        font-size: 1rem;
        height: 65px;
        letter-spacing: normal;
        margin-bottom: 7px;
        gap: 2px;
    }
}

.card_item3 {
    padding: 18px 15px 0px 0px;
    width: 18%;
    height: 100%;
    background: #FFF6EA;
}

@media screen and (max-width: 1024px) {
    .card_item3 {
        width: 20%;
    }
}

@media screen and (max-width: 767px) {
    .card_item3 {
        padding: 12px 7px 0px 0px;
        width: 26%
    }
}

.card_item3 span {
    font-weight: bold;
    font-size: var(--font-size-lg);
}

@media screen and (max-width: 767px) {
    .card_item3 span {
        font-size: 1.6rem;
    }
}

.card_item4 span {
    font-weight: bold;
    font-size: var(--font-size-lg);
}

@media screen and (max-width: 767px) {
    .card_item4 span {
        font-size: 1.6rem;
    }
}

.card_title2 {
    font-size: var(--font-size-sm);
    font-weight: bold;
    text-align: center;
    margin-bottom: 15px;
}

@media screen and (max-width: 767px) {
    .card_title2 {
        font-size: 1.2rem;
    }
}

/* --------------------------------------------
 * 　 毒出し足つぼメソッドの魅力とは？
 * -------------------------------------------- */
 .method_feature_wrap {
	padding: 100px 0;
	background: rgba(3, 117, 61, 0.1);
	box-shadow: 0px 6px 7px 0px rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 767px) {
	.method_feature_wrap {
		padding: 50px 0;
	}
}

.method_feature_list {
	margin: 60px 0;
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

@media screen and (max-width: 767px) {
	.method_feature_list {
		margin: 30px 0;
		gap: 30px;
	}
}

.method_feature_item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 40px;
	background: #FFF6EA;
	box-shadow: 0px 6px 7px 0px rgba(0, 0, 0, 0.1);
	padding: 20px 40px;
}

@media screen and (max-width: 767px) {
	.method_feature_item {
		padding: 18px 15px;
		flex-direction: column;
		gap: 10px; 
	}
}

.method_feature_ttl {
	font-size: var(--font-size-2xl);
	font-weight: bold;
	margin-bottom: 5px;
}

@media screen and (max-width: 767px) {
	.method_feature_ttl {
		font-size: 2rem;
	}
}

.method_feature_img {
	width: 10%;
}

@media screen and (max-width: 1024px) {
	.method_feature_img {
		width: 15%;
	}
}

@media screen and (max-width: 767px) {
	.method_feature_img {
		width: 40%;
	}
}

.method_feature_text {
	width: 90%;
}

@media screen and (max-width: 767px) {
	.method_feature_text {
		width: 100%;
	}

	.method_feature_text p {
		letter-spacing: normal;
	}
}

.method_feature_message {
	font-size: var(--font-size-2xl);
	text-align: center;
	font-weight: bold;
}

@media screen and (max-width: 767px) {
	.method_feature_message {
		font-size: 2rem;
		line-height: normal;
	}
}

@media screen and (max-width: 374px) {
	.method_feature_message {
		font-size: 1.7rem;       
	 }
}

/* --------------------------------------------
 * 　毒出し足つぼメソッド考案者プロフィール
 * -------------------------------------------- */
 .creator_profile_wrap {
	padding: 70px 0;
}

@media screen and (max-width: 767px) {
	.creator_profile_wrap {
		padding: 50px 0 40px;
	}
}

.profile_wrap {
	background: rgba(3, 117, 61, 0.1);
	padding: 60px 70px;
	margin-top: 50px;
}

@media screen and (max-width: 1024px) {
	.profile_wrap {
		padding: 60px 50px;        
	}
}

@media screen and (max-width: 767px) {
	.profile_wrap {
		padding: 30px 15px;
		margin-top: 30px;
	}
}

.profile_subttl {
	font-size: var(--font-size-lg);
	font-weight: bold;
	text-align: center;
}

@media screen and (max-width: 767px) {
	.profile_subttl {
		font-size: 2rem;
	}
}

.profile_introduction {
	display: flex;
	justify-content: space-around;
	align-items: center;
}

@media screen and (max-width: 767px) {
	.profile_introduction {
		flex-direction: column;
	}
}

.profile_img {
	width: 40%;
}

@media screen and (max-width: 767px) {
	.profile_img {
		width: 100%;
	}
}

.profile_text {
	width: 40%;
}


@media screen and (max-width: 1024px)  {
	.profile_text {
		width: 50%;
	}
}

.profile_text p {
	font-size: var(--font-size-md);
	margin: 25px 0;
	line-height: normal;
}

@media screen and (max-width: 767px) {
	.profile_text {
		width: 85%;
	}

	.ceo {
		font-size: 1.6rem !important;
		letter-spacing: normal;
	}

	.profile_text p {
		font-size: 1.4rem;
		margin: 15px 0;
	}
}

@media screen and (max-width: 374px) {
	.profile_text {
		width: 100%;
	}
}

.profile_bio {
	background: #fff;
	padding: 20px 30px 1px;
	box-shadow: 0px 6px 7px 0px rgba(0, 0, 0, 0.1);
	margin-top: 60px;
}

@media screen and (max-width: 767px) {
	.profile_bio {
		padding: 30px 15px 1px;
		margin-top: 20px;
	}
}

.profile_bio p {
	margin-bottom: 20px;
}

/* --------------------------------------------
 * 　フッター
 * -------------------------------------------- */
 footer {
	background: linear-gradient(
	to right, #03753D 0%, #359063 50%, #03753D 100%);
	padding: 50px 50px 50px 50px;
}

.footer_item {
	display: flex;
	justify-content: space-around;
	align-items: center;
	max-width: 1200px;
	margin: 0 auto;
}

.footer_map {
	width: 50%;
}

.footer_map iframe {
	width: 100%;
	height: 350px;
}

.footer_logo {
	width: 30%;
}

.footer_item a {
	color: #fff;
	font-size: 1.6rem;
	margin-bottom: 10px;
	display: block;
	font-weight: 400;
}

.footer_item p {
	color: #fff;
	font-size: var(--font-size-sm);  
	letter-spacing: normal;
	margin-bottom: 30px;
	font-family: 'Inter', sans-serif;
	font-weight: 300;
}

.footer_bottom {
	color: #fff;
	font-size: 1.6rem;
	max-width: 1200px;
	margin: 20px auto 35px;
	display: flex;
	justify-content: flex-end;
	gap: 40px;
	align-items: center;
}

.footer_contact {
	background: #fff;
	font-weight: 400;
	color: var(--main-color);
	border-radius: 20px;
	border: solid 1px #fff;
	padding: 8px 20px;
	transition: 0.3s all ease;
}

.footer_contact:hover {
	background: var(--main-color);
	color: #fff;
	border: solid 1px #fff;
}

@media screen and (max-width: 767px) {


footer {
	padding: 0px 15px 15px 15px;
}

.footer_nav {
	flex-direction: column;
}

.footer_logo {
	width: 60%;
	margin-top: 20px;
	margin-bottom: 30px;
}

.footer_item {
	flex-direction: column;
}

.footer_item p {
	font-size: 1.4rem;
	line-height: 1.8;
	margin-bottom: 20px;
}

.footer_bottom {
	margin: 0px auto 35px;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: 20px;
}

.footer_map {
	width: 100%;
}

.footer_map iframe {
	width: 100%;
	height: 175px;
}
}