*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
	word-break:break-all;
}
img {
	max-width:100%;
	width: 100%;
}

:root {
	--main:#333;
	--green01:#7ec5c1;
	--green02:#70bfba;
	--green03:#4caba7;
	--green04: #29726f;
	--blue:#397d94;
	--lightblue:#d2eae9;
	--gray:#e1e0de;
	--pink01:#ff8484;
	--pink02: #e25c5c;
	--pink03:#c64b40;
	--red:#ee0f0f;
	--font01: "Zen Old Mincho", serif;
	--font02:  "Klee One", cursive;
	--font03:"Noto Sans JP", sans-serif;
}


@media (max-width: 599px) {
	.sp_only {
		display: block;
	}
	.sp_tablet_only {
		display: block;
	}
	.tablet_only {
		display: none;
	}
	.pc_only {
		display: none;
	}
	.pc_tablet_only {
		display:none !important;
	}
}
@media (min-width: 600px) and (max-width: 1024px) {
	.sp_only {
		display: none !important;
	}
	.sp_tablet_only {
		display: block;
	}
	.tablet_only {
		display: block;
	}
	.pc_only {
		display: block;
	}
	.pc_tablet_only {
		display:block;
	}
}
@media (min-width: 1025px) {
	.sp_only {
		display: none !important;
	}
	.sp_tablet_only {
		display: none;
	}
	.tablet_only {
		display: none;
	}
	.pc_only {
		display: block;
	}
	.pc_tablet_only {
		display:block;
	}
}


main {
    position: relative;
    overflow-x: clip;
    max-width: 100%;
    font-family: var(--font01);
    font-family: serif;
    color: var(--main);
}


@media (max-width: 599px) {
    
}
@media (min-width: 600px) and (max-width: 1024px) {
    
}
@media (min-width: 1025px) {
    
}



/* ------------------------------------

- header

------------------------------------ */
header {
	max-width: 1200px;
	margin: 0 auto;
	padding: 24px 0;
}
header .idcLogo {
	display: block;
	width: 50%;
	max-width: 200px;
	margin: 0 auto;
}
header .idcLogo a {
	display:flex;
}
header a:focus,
header a:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

/* ------------------------------------------ 
	
 - FOOOTER

------------------------------------------ */
footer {
	text-align: center;
	padding-bottom: 2rem;
}
footer p:first-child {
	margin: 0 auto;
}
footer p:last-child {
	font-size: 0.8rem;
}
@media (max-width: 599px) {
	footer {
		padding-bottom: 3rem;
	}
	footer p:last-child {
		font-size: 0.8rem;
	}
}
@media (min-width: 600px) and (max-width: 1024px) {
    footer {
        width: 100%;
		margin: 0 auto 2rem;
    }
	footer p:first-child {
		margin: 0 auto;
	}
}
@media (min-width: 1025px) {
    footer {
        width: 1100px;
		margin: 0 auto 2rem;
    }
	footer p:first-child {
		margin: 0 auto;
	}
}


/* ------------------------------------------ 
	
 - TO TOP

------------------------------------------ */
#page-top {
    position: fixed;
    z-index: 10;
    opacity: 0;
    pointer-events: none;
    text-align: right;
}
#page-top a {
    display: block;
    transition:all 0.3s;
}
@media (max-width: 599px) {
    #page-top {
        right: 5%;
        bottom: 6px;
    }
	#page-top a img {
		width: 80%;
	}
}
@media (min-width: 600px) and (max-width: 1024px) {
    #page-top {
        right: 4%;
        bottom: 14px;
    }
	#page-top a img {
		width: 100%;
	}
}
@media (min-width: 1025px) {
    #page-top {
        right: 1.7%;
        bottom: 14px;
        z-index: 1;
    }
	#page-top a img {
		width: 100%;
	}
}

#page-top.UpMove{
    animation: UpAnime 0.5s forwards;
    pointer-events: auto;
}
@keyframes UpAnime{
    from {
        opacity: 0;
        transform: translateY(190px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

#page-top.DownMove{
    animation: DownAnime 0.5s forwards;
}
@keyframes DownAnime{
    from {
        opacity: 1;
        transform: translateY(0);
    }
    to {
        opacity: 0;
        transform: translateY(190px);
    }
}

/* ----------------------------------------------

 - mv

---------------------------------------------- */
.mv_area .mv {
    position: relative;
    width: 100%;
}
@media (max-width: 599px) {
	.mv_area .mv {
		height: auto;
	}
}
@media (min-width: 600px) and (max-width: 1024px) {
	
}
@media (min-width: 1025px) {
   
}

/* -------------------------------------
 mvImage
------------------------------------- */
.mvImage {
    position: relative;
    width: 100%;
    height:100%;
    z-index: -1;
}
.mvImage__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
@media (max-width: 599px) {
    .mvImage__image {
        object-position: 40% 80%;
    }
}
@media (min-width: 600px) and (max-width: 1024px) {
    .mvImage__image {
        object-position: 59% 80%;
    }
}
@media (min-width: 1025px) {
    .mvImage__image {
        object-position: 74% 80%;
    }
}


/* ------------------------------------------ 
	
 - lead_area

------------------------------------------  */
.lead_area {
	position:relative;
	width: 100%;
}
.lead {
	width:100%;
	text-align:center;
	background:none;
	backdrop-filter:none;
	margin:0 auto;
}
.lead_tit {
	position: relative;
	font-style: normal;
}
.lead_tit::before {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateX(50%);
	background: var(--main);
}
.lead_tit::after {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateX(-50%);
	background: var(--main);
}
.lead > p {
	text-align:center;
}
@media (max-width: 599px) {
	.lead_area {
		padding: 46px 30px 56px;
		margin: 0 auto;
	}
    .lead_tit {
        font-size: 18px;
        margin: 0 auto 20px;
    }
     .lead_tit::before {
        left: -2%;
        width: 12%;
        height: 1px;
    }
    .lead_tit::after {
        right: -2%;
        width: 12%;
        height: 1px;
    }
	.lead > p {
		font-size: 16px;
		line-height: 2.1;
		margin-top: 1rem;
	}
}
@media (min-width: 600px) and (max-width: 1024px) {
    .lead_area {
		padding: 0 20px 50px;
		margin: 0 auto;
	}
	.lead_tit {
        font-size: 26px;
        margin: 50px auto 40px;
    }
    .lead_tit::before {
        left: 7%;
        width: 16%;
        height: 1px;
    }
    .lead_tit::after {
        right: 7%;
        width: 16%;
        height: 1px;
    }
	.lead > p {
		font-size: 20px;
		line-height: 2.2;
		margin-top: 10px;
	}
}
@media (min-width: 1025px) {
	.lead_area {
		padding: 110px 20px 120px;
		max-width: 1200px;
		margin: 0 auto;
	}
    .lead_tit {
        font-size: 33px;
        margin: 0 auto 40px;
    }
    .lead_tit::before {
        left: 7%;
        width: 16%;
        height: 1px;
    }
    .lead_tit::after {
        right: 7%;
        width: 16%;
        height: 1px;
    }
	.lead > p {
		font-size: 26px;
		line-height: 2.2;
		margin-top: 10px;
	}
}


/* ----------------------------------------------

- recomend_area / common

----------------------------------------------- */
.recomend_area {
	padding: 0;
	margin: 0 auto;
}
.recommend_area_tit {
	text-align: center;
}
.recomend_area_contents {
	background: var(--lightblue);
	margin: 0 auto;
}
.recomend_area_contents_inner {
	background:#fff;
}
.recomend_area_contents_note {
	text-align: right;
}
@media (max-width: 599px) {
	.recommend_area_tit {
		font-size: 24px;
		letter-spacing: 2px;
		margin: 0 auto 10px;
	}
	.recomend_area_contents {
		padding: 16px 16px 0;
	}
	.recomend_area_contents_inner {
		padding: 16px;
	}
    .recomend_area_contents_note {
		padding: 16px 0;
	}
	.recomend_area_contents_note ul li {
		font-size: 12px;
	}
}
@media (min-width: 600px) and (max-width: 1024px) {
	.recomend_area {
	    max-width: 1200px;
	    padding: 0 20px;
	}
	.recommend_area_tit {
	    font-size: 35px;
	    letter-spacing: 4px;
	    margin: 0 auto 20px;
	}
	.recomend_area_contents {
		max-width: 1200px;
		padding: 2% 2% 0;
	}
    .recomend_area_contents_note {
        margin-top: 16px;
    }
    .recomend_area_contents_note ul li {
        font-size: 14px;
    }
}
@media (min-width: 1025px) {
	.recomend_area {
	    max-width: 1200px;
	    padding: 0 20px;
	}
	.recommend_area_tit {
	    font-size: 46px;
	    letter-spacing: 4px;
	    margin: 0 auto 20px;
	}
	.recomend_area_contents {
		max-width: 1200px;
		padding: 2% 2% 0;
	}
    .recomend_area_contents_note {
        margin-top: 24px;
    }
    .recomend_area_contents_note ul li {
        font-size: 14px;
    }
}

/* -----------------------------------------------
- recommend_logo_wrap
----------------------------------------------- */
.recommend_logo_wrap {
	display: flex;
	margin: 0 auto;
	border-bottom: 2px solid var(--green02);
}
.recommend_logo {
	display: flex;
	justify-content: center;
}
.recommend_logo_lead {
	text-align:left;
}
.recommend_logo_lead p {
	font-size:20px;
}
@media (max-width: 599px) {
	.recommend_logo_wrap {
	    flex-direction: column;
	    flex-wrap: wrap;
	    justify-content: space-between;
	    align-items: center;
	    gap: 14px;
	    width: 100%;
	    padding: 13px 0;
	}
	.recommend_logo {
		width: 50%;
	}
	.recommend_logo_lead {
	    width: 100%;
	}
	.recommend_logo_lead p {
		font-size: 14px;
	}
}
@media (min-width: 600px) and (max-width: 1024px) {
	.recommend_logo_wrap {
	    flex-direction: row;
	    flex-wrap: nowrap;
	    align-items: center;
	    gap: 40px;
	    width: 90%;
	    padding: 40px 0 20px;
	}
	.recommend_logo {
		width: 24%;
		display: flex;
		justify-content: center;
	}
	.recommend_logo_lead {
		width:70%;
	}
	.recommend_logo_lead p {
		font-size: 16px;
	}
}
@media (min-width: 1025px) {
	.recommend_logo_wrap {
	    flex-direction: row;
	    flex-wrap: nowrap;
	    align-items: center;
	    gap: 70px;
	    width: 90%;
	    padding: 50px 0 20px;
	}
	.recommend_logo {
		width:20%;
		display: flex;
		justify-content: center;
	}
	.recommend_logo_lead {
		width:70%;
	}
	.recommend_logo_lead p {
		font-size:20px;
	}
}

/* -----------------------------------------------
- recommend_item_wrap
----------------------------------------------- */
.recommend_item_wrap {
	display: flex;
	flex-direction: column;
}
.recommend_item {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
}
.recommend_item_wrap .recommend_item:last-of-type {
	margin-bottom:0;
}
.recommend_item_text {
	text-align: left;
}
.recommend_item_text_col {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	align-content: flex-start;
}
.recommend_item_name {
	font-style:italic;
}
.recommend_item_name span:first-child {
	color: var(--green02);
}
.recommend_item_lead {
    
}
.recommend_item_point {
	color: #fff;
	font-style: italic;
	background: var(--green02);
}
.recommend_item_price {
	font-style: italic;
}
.recommend_item_note {
	text-align: right;
}
@media (max-width: 599px) {
    .recommend_item_wrap {
	    padding: 0;
	    gap: 0;
	}
	.recommend_item {
	    gap: 50px;
	    padding: 10px 0 20px;
	    border-bottom: 2px solid var(--green02);
	}
	.recommend_item_wrap .recommend_item:last-of-type {
		margin-bottom:0;
		border-bottom: none;
	}
	.recommend_item_text {
        width: 100%;
	}
	.recommend_item_name {
		font-size: 24px;
		margin-bottom: 0;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: flex-start;
		align-items: center;
	}
	.recommend_item_name span:first-child {
	    font-size: 40px;
	    padding-right: 10px;
        padding-bottom: 4px;
	}
    .recommend_item_name span:last-child {
        font-size: 30px;
    }
	.recommend_item_lead {
		font-size: 14px;
		line-height: 1.7;
		padding: 0 8px;
		margin-bottom: 14px;
	}
	.recommend_item_point {
		font-size: 15px;
		padding: 8px 10px;
		margin-bottom: 10px;
	}
	.recommend_item_price {
	    font-size: 14px;
	    padding-left: 8px;
	}
	.recommend_item_price > span:first-child {
	    font-size: 22px;
	    padding-left: 10px;
	}
	.recommend_item_price > span:last-child {
	    font-size: 14px;
	    padding-left: 2px;
	}
	.recommend_item_image {
        width: 100%;
    }
	.recommend_item_note {
		text-align: left;
		padding: 4px 0 0 10px;
		font-size: 11px;
	}
}
@media (min-width: 600px) and (max-width: 1024px) {
    .recommend_item_wrap {
	    display: flex;
	    flex-direction: column;
	    padding: 40px 28px 0;
	    gap: 40px;
	}
	.recommend_item {
	    display: flex;
	    flex-direction: row;
	    flex-wrap: nowrap;
	    gap: 40px;
	    justify-content: center;
	}
	.recommend_item_wrap .recommend_item:last-of-type {
		margin-bottom:0;
	}
	.recommend_item_text {
        width:48%;
	}
	.recommend_item_text_col {
	    display: flex;
	    flex-direction: column;
	    flex-wrap: wrap;
	    align-content: flex-start;
	    margin-top: -16px;
	}
	.recommend_item_name {
		font-size: 20px;
		margin-bottom: 0;
	}
	.recommend_item_name span:first-child {
	    font-size: 44px;
	    padding-right: 14px;
	}
    .recommend_item_name span:last-child {
        font-size: 30px;
    }
	.recommend_item_lead {
		font-size: 13px;
		line-height: 1.6;
		padding: 0 14px;
		margin-bottom: 10px;
	}
	.recommend_item_point {
		font-size: 14px;
		padding: 6px 10px;
		margin-bottom: 6px;
	}
	.recommend_item_price {
	    font-size: 14px;
	    padding-left: 10px;
	}
	.recommend_item_price > span:first-child {
	    font-size: 18px;
	    padding-left: 10px;
	}
	.recommend_item_price > span:last-child {
	    font-size: 14px;
	    padding-left: 3px;
	}
	.recommend_item_image {
        width: 42%;
    }
	.recommend_item_note {
		padding: 20px;
		font-size: 14px;
    }
}
@media (min-width: 1025px) {
	.recommend_item_wrap {
	    display: flex;
	    flex-direction: column;
	    padding: 40px 28px 0;
	    gap: 40px;
	}
	.recommend_item {
	    display: flex;
	    flex-direction: row;
	    flex-wrap: nowrap;
	    gap: 50px;
	    justify-content: center;
	}
	.recommend_item_wrap .recommend_item:last-of-type {
		margin-bottom:0;
	}
	.recommend_item_text {
        width:48%;
	}
	.recommend_item_text_col {
	    display: flex;
	    flex-direction: column;
	    flex-wrap: wrap;
	    align-content: flex-start;
	    margin-top: -11px;
	}
	.recommend_item_name {
		font-size:32px;
		margin-bottom: 6px;
	}
	.recommend_item_name span:first-child {
	    font-size: 60px;
	    padding-right: 14px;
	}
    .recommend_item_name span:last-child {
        font-size: 43px;
    }
	.recommend_item_lead {
		font-size: 16px;
		line-height: 1.6;
		padding: 0 14px;
		margin-bottom:20px;
	}
	.recommend_item_point {
		font-size: 20px;
		padding: 8px 14px;
		margin-bottom: 10px;
        width:98%;
	}
	.recommend_item_price {
	    font-size: 18px;
	    padding-left: 10px;
	}
	.recommend_item_price > span:first-child {
	    font-size: 32px;
	    padding-left: 10px;
	}
	.recommend_item_price > span:last-child {
	    font-size: 25px;
	    padding-left: 3px;
	}
	.recommend_item_image {
        width: 42%;
    }
	.recommend_item_note {
		padding: 20px;
		font-size: 14px;
    }
}
    

    
    
/* ======================================
 recommend_swiper
====================================== */
.recommend_swiper .swiper-pagination-bullet-active {
	opacity: var(--swiper-pagination-bullet-opacity, 1);
	background: var(--green02, var(--swiper-theme-color));
}
.recommend_swiper .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.recommend_swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 10px);
}

@media (max-width: 599px) {
    .recommend_swiper {
		padding-bottom: 36px;
	}
	.recommend_swiper .swiper-horizontal>.swiper-pagination-bullets,
	.swiper-pagination-bullets.swiper-pagination-horizontal,
	.swiper-pagination-custom,
	.swiper-pagination-fraction {
		bottom: var(--swiper-pagination-bottom, 12px);
	}
}
@media (min-width: 600px) and (max-width: 1024px) {
    .recommend_swiper {
		padding-bottom: 42px;
	}
	.recommend_swiper .swiper-horizontal>.swiper-pagination-bullets,
	.swiper-pagination-bullets.swiper-pagination-horizontal,
	.swiper-pagination-custom,
	.swiper-pagination-fraction {
		bottom: var(--swiper-pagination-bottom, 16px);
	}
}
@media (min-width: 1025px) {
	.recommend_swiper {
		padding-bottom: 42px;
	}
	.recommend_swiper .swiper-horizontal>.swiper-pagination-bullets,
	.swiper-pagination-bullets.swiper-pagination-horizontal,
	.swiper-pagination-custom,
	.swiper-pagination-fraction {
		bottom: var(--swiper-pagination-bottom, 20px);
	}
}



/* ----------------------------------------------

- recomend_area / pamouna_area

----------------------------------------------- */
@media (max-width: 599px) {
    
}
@media (min-width: 600px) and (max-width: 1024px) {
    
}
@media (min-width: 1025px) {

}

/* ----------------------------------------------

- recomend_area / ayano_area

----------------------------------------------- */
@media (max-width: 599px) {
    
}
@media (min-width: 600px) and (max-width: 1024px) {
    

}
@media (min-width: 1025px) {
    .ayano_area .recommend_logo img {
        width:90%;
    }
}

/* ----------------------------------------------

- recomend_area / other_area

----------------------------------------------- */
@media (max-width: 599px) {
    .other_area_contents .recommend_logo_wrap {
		display: flex;
	    flex-direction: row;
	    flex-wrap: wrap;
	    align-content: flex-start;
	}
	.other_area_contents
	.recommend_logo_wrap .recommend_logo {
		width: 32%;
	}
	.other_area_contents
	.recommend_logo_wrap .recommend_logo:nth-child(2) {
		width: 18%;
	}
	.other_area_contents
	.recommend_logo_wrap .recommend_logo:nth-child(3) {
		width: 38%;
	}
	.other_area_contents
	.recommend_logo_wrap .recommend_logo_lead {
		width: 100%;
	}
}
@media (min-width: 600px) and (max-width: 1024px) {
    .other_area .recomend_area_contents {
		padding-bottom: 2%;
	}
	.other_area_contents .recommend_logo_wrap {
		gap: 30px;
		padding-left: 10px;
	}
	.other_area_contents
	.recommend_logo_wrap .recommend_logo {
		width: 20%;
	}
	.other_area_contents
	.recommend_logo_wrap .recommend_logo:nth-child(2) {
		width: 11%;
	}
	.other_area_contents
	.recommend_logo_wrap .recommend_logo:nth-child(3) {
		width: 23%;
	}
	.other_area_contents
	.recommend_logo_wrap .recommend_logo_lead {
		width: 44%;
	}    
}
@media (min-width: 1025px) {
    .other_area .recomend_area_contents {
		padding-bottom: 2%;
	}
	.other_area_contents .recommend_logo_wrap {
		gap: 40px;
		padding-left: 10px;
	}
	.other_area_contents
	.recommend_logo_wrap .recommend_logo {
		width: 17%;
	}
	.other_area_contents
	.recommend_logo_wrap .recommend_logo:nth-child(2) {
		width: 8%;
	}
	.other_area_contents
	.recommend_logo_wrap .recommend_logo:nth-child(3) {
		width: 20%;
	}
	.other_area_contents
	.recommend_logo_wrap .recommend_logo_lead {
		width: 46%;
	}
}



/* ----------------------------------------------

- introduction_area

----------------------------------------------- */
.introduction_area {
	position: relative;
	margin: 0 auto;
}
.introduction_area::before {
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}
.introduction_area .intro_text01 {
	font-style: italic;
	font-weight: bold;
	color: var(--green03);
}
.introduction_area .intro_text02 {
	line-height: 1.6;
}
.introduction_area .intro_text02 span {
	font-weight: bold;
}
.introduction_area .intro_text03 {
	line-height: 1.6;
}
.introduction_area .intro_text04 {
	font-style: italic;
	font-weight: bold;
	color: var(--green03);
}
.intro_shop_col {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
	
	background: var(--gray);
}
.intro_shop_col_text {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	align-items: center;
}
.intro_shop_col_text .name {
	font-style: italic;
}
.bnr_area {
    display: flex;
    text-align: center;
}
.introduction_area .btn_reservation {
	display: inline-block;
	border-radius: 10px;
	background: var(--green04);
}
.introduction_area .btn_reservation a {
	display: block;
	text-align: center;
	color: #fff;
}
.intro_consultation_col {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	background: var(--green02);
}
.intro_consultation_col_image {
	display: flex;
	flex-direction: column;
	align-items: center;
	color:#fff;
}
.intro_consultation_col_text {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	align-items: flex-start;
	text-align: left;
	color:#fff;
}
.intro_consultation_col_text .icct_btn {
	width:58%;
	display: inline-block;
	border-radius: 10px;
	background: #fff;
}
.intro_consultation_col_text .icct_btn a {
	display: block;
	font-size: 20px;
	text-align: center;
	color: var(--green03);
	padding: 16px 0;
}
@media (max-width: 599px) {
    .introduction_area {
        padding: 70px 16px 20px;
        margin: 0 auto;
    }
    .introduction_area::before {
        border-top: 36px solid var(--lightblue);
        border-left: 80px solid transparent;
        border-right: 80px solid transparent;
    }
    .introduction_area .intro_text01 {
		font-size: 22px;
		margin-bottom: 26px;
		letter-spacing: -0.5px;
	}
    .introduction_area .intro_text02 {
        font-size: 15px;
        margin-bottom: 16px;
    }
	.introduction_area .intro_text02 span {
        font-size: 18px;
        letter-spacing: -0.5px;
    }
    .introduction_area .intro_text03 {
        font-size: 14px;
        margin: 10px auto 20px;
        /* letter-spacing: -0.5px; */
    }
	.introduction_area .intro_text03 span {
		font-size: 18px;
		font-weight: bold;
	}
    .introduction_area .intro_text04 {
        font-size: 18px;
        margin-bottom: 20px;
    }
    .intro_shop_col {
        flex-direction: column;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        padding: 30px;
        gap: 16px;
    }
    .intro_shop_col_image {
        width: 100%;
        display: flex;
    }
    .intro_shop_col_text {
        width: 100%;
        flex-direction: column;
        flex-wrap: wrap;
        align-items: center;
	}
	.intro_shop_col_text .name {
		font-size: 20px;
	}
    .intro_shop_col_text .address {
		font-size: 14px;
		margin-top: 22px;
	}
    .intro_shop_col_text .four {
        font-size: 14px;
        margin-top: 10px;
    }
    .intro_shop_col_text .tel {
        font-size: 14px;
        margin-top: 10px;
    }
	.intro_shop_col_text .tel a {
		font-size:14px;
		font-weight:normal;
		color:var(--main);
	}
    .introduction_area .intro_text05 {
        font-size: 18px;
        margin: 20px auto 0;
    }
    .bnr_area {
        margin: -8px auto 10px;
        width: 100%;
    }
    .introduction_area .intro_text06 {
        font-size: 15px;
        margin-bottom: 16px;
    }
    .introduction_area .btn_reservation {
        width: 100%;
        margin-bottom: 40px;
    }
    .introduction_area .btn_reservation a {
        font-size: 18px;
        padding: 10px 0;
    }
    .intro_consultation_col {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: center;
        padding: 18px 30px 26px;
        gap: 4px;
    }
    .intro_consultation_col_image {
        width: 100%;
        gap: 10px;
    }
	 .intro_consultation_col_image p {
		font-size: 22px;
	}
    .intro_consultation_col_text {
        width: 100%;
        align-items: flex-start;
        gap: 12px;
        font-size: 14px;
        line-height: 1.8;
    }
	.intro_consultation_col_text .icct_btn {
		width: 100%;
	}
	.intro_consultation_col_text .icct_btn a {
		display: block;
		font-size: 18px;
		text-align: center;
		color: var(--green03);
		padding: 6px 0;
	}
}
@media (min-width: 600px) and (max-width: 1024px) {
    .introduction_area {
        max-width: 1024px;
        padding: 104px 20px 80px;
        margin: 0 auto;
    }
    .introduction_area::before {
        border-top: 80px solid var(--lightblue);
        border-left: 200px solid transparent;
        border-right: 200px solid transparent;
	}
    .introduction_area .intro_text01 {
		font-size: 26px;
		margin-bottom: 26px;
		}
    .introduction_area .intro_text02 {
        font-size: 18px;
        margin-bottom: 10px;
    }
	.introduction_area .intro_text02 span {
        font-size: 30px;
    }
    .introduction_area .intro_text03 {
        font-size: 20px;
        margin: 10px auto 30px;
    }
	.introduction_area .intro_text03 span {
		font-size: 28px;
	}
    .introduction_area .intro_text04 {
        font-size: 28px;
        margin-bottom: 20px;
    }
    .intro_shop_col {
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: space-between;
        padding: 30px 30px;
    }
    .intro_shop_col_image {
        width: 48%;
    }
    .intro_shop_col_text {
        width: 48%;
        flex-direction: column;
        flex-wrap: wrap;
        align-items: center;
	}
	.intro_shop_col_text .name {
		font-size: 22px;
	}
    .intro_shop_col_text .address {
		font-size: 16px;
		margin-top: 22px;
		}
    .intro_shop_col_text .four {
        font-size: 16px;
        margin-top: 6px;
    }
    .intro_shop_col_text .tel {
        font-size: 16px;
        margin-top: 6px;
    }
	.intro_shop_col_text .tel a {
		font-size: 16px;
		font-weight:normal;
		color:var(--main);
	}
    .introduction_area .intro_text05 {
        font-size: 24px;
        margin: 30px auto 13px;
        font-weight: bold;
    }
    .bnr_area {
        margin: -40px auto 30px;
        width: 84%;
    }
    .introduction_area .intro_text06 {
        font-size: 30px;
        margin-bottom: 20px;
    }
    .introduction_area .btn_reservation {
        width: 70%;
        margin-bottom: 40px;
    }
    .introduction_area .btn_reservation a {
        font-size: 20px;
        padding: 10px 0;
    }
    .intro_consultation_col {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        padding: 24px 40px 24px 50px;
        gap: 50px;
        justify-content: center;
    }
    .intro_consultation_col_image {
        width: 35%;
        gap: 10px;
    }
	 .intro_consultation_col_image p {
		font-size: 24px;
	}
    .intro_consultation_col_text {
        width: 58%;
        align-items: flex-start;
        gap: 20px;
        font-size: 18px;
        line-height: 1.8;
        margin-top: 1px;
    }
	.intro_consultation_col_text .icct_btn {
		width: 68%;
	}
	.intro_consultation_col_text .icct_btn a {
		font-size: 20px;
		padding: 4px 0;
	}
}
@media (min-width: 1025px) {
    .introduction_area {
        max-width: 1200px;
        padding: 120px 20px 80px;
        margin: 0 auto;
    }
    .introduction_area::before {
        border-top: 80px solid var(--lightblue);
        border-left: 200px solid transparent;
        border-right: 200px solid transparent;
	}
    .introduction_area .intro_text01 {
		font-size: 36px;
		margin-bottom: 46px;
    }
    .introduction_area .intro_text02 {
        font-size: 26px;
        margin-bottom: 30px;
    }
	.introduction_area .intro_text02 span {
        font-size: 40px;
    }
    .introduction_area .intro_text03 {
        font-size: 26px;
        margin: 30px auto 50px;
    }
	.introduction_area .intro_text03 span {
		font-size: 32px;
	}
    .introduction_area .intro_text04 {
        font-size: 40px;
        margin-bottom: 50px;
    }
    .intro_shop_col {
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: space-between;
        padding: 30px 60px;
    }
    .intro_shop_col_image {
        width: 48%;
    }
    .intro_shop_col_text {
        width: 48%;
        flex-direction: column;
        flex-wrap: wrap;
        align-items: center;
	}
	.intro_shop_col_text .name {
		font-size: 34px;
	}
    .intro_shop_col_text .address {
		font-size: 18px;
		margin-top: 22px;
    }
    .intro_shop_col_text .four {
        font-size: 18px;
		margin-top: 6px;
    }
    .intro_shop_col_text .tel {
        font-size: 18px;
		margin-top: 6px;
    }
	.intro_shop_col_text .tel a {
		font-size:18px;
		font-weight:normal;
		color:var(--main);
	}
    .introduction_area .intro_text05 {
        font-size: 34px;
        margin: 60px auto 0;
        font-weight: bold;
    }
    .bnr_area {
        margin: -40px auto 30px;
        width: 84%;
    }
    .introduction_area .intro_text06 {
        font-size: 30px;
        margin-bottom: 20px;
    }
    .introduction_area .btn_reservation {
        width:58%;
        margin-bottom: 80px;
    }
    .introduction_area .btn_reservation a {
        font-size: 24px;
        padding: 12px 0;
    }
    .intro_consultation_col {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        padding: 24px 40px 36px 50px;
        gap: 52px;
        justify-content: center;
    }
    .intro_consultation_col_image {
        width: 35%;
        gap: 10px;
    }
	 .intro_consultation_col_image p {
		font-size: 34px;
	}
    .intro_consultation_col_text {
        width: 58%;
        align-items: flex-start;
        gap: 30px;
        font-size:20px;
        line-height: 1.8;
        margin-top: 41px;
    }
	.intro_consultation_col_text .icct_btn {
		width:58%;
	}
	.intro_consultation_col_text .icct_btn a {
		font-size: 22px;
		padding: 8px 0;
	}
}


/* ----------------------------------------------

- service_area / common

----------------------------------------------- */
.service_area {
	position: relative;
	margin: 0 auto;
}
.service_area_contents {
	background: var(--lightblue);
	margin: 0 auto;
}
.service_area_tit { 
	font-style: italic;
	color: #fff;
	border-radius: 10px;
	background: var(--green03);
}
.service_area_sub_tit {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	font-style: italic;
	font-weight: bold;
}
.service_area_contents_inner {
	background:#fff;
	position: relative;
	padding: 80px 16px 20px;
}
.service_area_contents_inner_tit {
	position: absolute;
	font-style: italic;
	color: #fff;
	background: var(--green03);
}
.service_area_contents_inner_tit > span {
	border-bottom: 1px solid #fff;
}
@media (max-width: 599px) {
    .service_area {
        padding: 20px 0 40px;
    }
    .service_area_contents {
        padding: 16px 16px 0;
    }
	 .service_area_contents:last-child {
        padding: 16px 16px;
    }
    .service_area_tit {
        width: 96%;
        font-size: 20px;
        padding: 10px 0 8px;
        margin: 10px auto 6px;
        letter-spacing: -1px;
    }
    .service_area_sub_tit {
		font-size: 23px;
	}
	.service_area_sub_tit span:nth-child(2) {
		font-size: 34px;
		margin-bottom: 2px;
	}
    .service_area_contents_inner_tit {
		top: 20px;
		left: -16px;
		font-size: 20px;
		padding: 6px 32px 8px;
	}
}
@media (min-width: 600px) and (max-width: 1024px) {
    .service_area {
        padding: 20px 20px 30px;
        max-width: 1024px;
    }
    .service_area_contents {
        padding: 2% 2% 0;
    }
	.service_area_contents:last-of-type {
		padding: 2% 2%; 
	}
    .service_area_tit {
        width: 80%;
        font-size: 28px;
        padding: 12px 10px 10px;
        margin: 20px auto -1px;
    }
    .service_area_sub_tit {
		font-size: 36px;
		letter-spacing: 1px;
	}
	.service_area_sub_tit span:nth-child(2) {
		font-size: 50px;
		margin-bottom: 9px;
	}
    .service_area_contents_inner_tit {
        top: 40px;
        left: -23px;
        font-size: 24px;
        padding: 8px 56px 12px;
    }
}
@media (min-width: 1025px) {
    .service_area {
        padding: 20px 20px 80px;
        max-width: 1200px;
    }
    .service_area_contents {
        padding: 2% 2% 0;
    }
	.service_area_contents:last-of-type {
		padding: 2% 2%; 
	}
    .service_area_tit {
        width: 54%;
        font-size: 32px;
        padding: 12px 10px 10px;
        margin: 20px auto -1px;
    }
    .service_area_sub_tit {
		font-size: 46px;
		letter-spacing: 1px;
	}
	.service_area_sub_tit span:nth-child(2) {
		font-size: 70px;
		margin-bottom: 9px;
	}
    .service_area_contents_inner_tit {
        top: 40px;
        left: -23px;
        font-size: 34px;
        padding: 8px 56px 12px;
    }
}


/* ----------------------------------------------

- service_area / 01 assortment

----------------------------------------------- */
.assortment_col_wrap {
	display: flex;
	flex-direction: column;
}
.assortment_col {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}
.assortment_col_text {
	text-align: left;
	line-height: 1.8;
}
.assortment_col_wrap_image {
	width: 100%;
}
@media (max-width: 599px) {
    .assortment_col_wrap {
        gap: 18px;
    }
    .assortment_col {
		gap: 18px;
		flex-direction: column-reverse;
	}
    .assortment_col_text {
        width: 100%;
        font-size: 14px;
        line-height: 1.8;
    }
    .assortment_col .assortment_col_image {
        width: 100%;
        display: flex;
    }
	.assortment_col_wrap_image {
		width: 100%;
	}
}
@media (min-width: 600px) and (max-width: 1024px) {
    .assortment_col_wrap {
        gap: 24px;
        padding: 0 10px 26px;
    }
    .assortment_col {
		gap: 48px;
	}
    .assortment_col_text {
        width: 44%;
        font-size: 16px;
        line-height: 1.8;
        margin-top: 30px;
    }
    .assortment_col .assortment_col_image {
        width: 48%;
    }
	.assortment_col_wrap_image {
		width: 100%;
		display: flex;
	}
}
@media (min-width: 1025px) {
    .assortment_col_wrap {
        gap: 24px;
        padding: 0 30px 26px;
    }
    .assortment_col {
		gap: 48px;
	}
    .assortment_col_text {
        width: 44%;
        font-size: 20px;
        line-height: 1.8;
        margin-top: 30px;
    }
    .assortment_col .assortment_col_image {
        width: 48%;
    }
	.assortment_col_wrap_image {
		width: 100%;
		display: flex;
	}
}



/* ----------------------------------------------

- service_area / 02 pricing

----------------------------------------------- */
.pricing {
	
}
@media (max-width: 599px) {
    
}
@media (min-width: 600px) and (max-width: 1024px) {
	
}
@media (min-width: 1025px) {
    
}

/*
 pricing_col
--------------------------------------- */
.pricing_col_inner {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	align-items: center;
}
.pricing_col_inner_item {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	width: 100%;
}
.pricing_col_inner .pricing_col_inner_item:last-child {
	flex-direction: row-reverse;
}
.pricing_col_inner_item:last-child .pricing_col_icon {
    z-index: 1;
}
.pricing_col_text {
	font-style: italic;
	border-radius:10px;
}
.pricing_col_inner_item:first-child .pricing_col_text {
	color: #fff;
	background: var(--green01);
}
.pricing_col_inner_item:last-child .pricing_col_text {
	text-align: left;
	color: #fff;
	background: var(--pink01);
    z-index: 0;
}
.pricing_col_inner_item:first-child .pricing_col_text span {
	color: #fff;
	font-family: var(--font01);
}
.pricing_col_inner_item:last-child .pricing_col_text span {
	color: #fff;
	font-family: var(--font01);
}
@media (max-width: 599px) {
    .pricing_col_inner {
        padding: 0 0 18px;
        gap: 10px;
    }
	.pricing_col_icon {
		width: 12%;
	}
	.pricing_col_inner_item:last-child .pricing_col_icon {
		width: 17%;
		margin-left: -15px;
		margin-bottom: -26px;
		display: flex;
	}
	.pricing_col_icon svg {
		width:80%;
	}
    .pricing_col_icon img {
		width: 100%;
	}
    .pricing_col_text {
        border-radius:10px;
        padding: 10px;
    }
	.pricing_col_inner_item:first-child .pricing_col_text {
		width: 84%;
		text-align: left;
		font-size: 14px;	
	}
	.pricing_col_inner_item:last-child .pricing_col_text {
		width: 86%;
		text-align: left;
		text-indent: -20px;
		padding-left: 30px;
		font-size: 14px;
		letter-spacing: -0.5px;
	}
	.pricing_col_inner_item:first-child .pricing_col_text span {
		padding-right: 5px;
	}
	.pricing_col_inner_item:last-child .pricing_col_text span {
		padding-right: 6px;
	}
}
@media (min-width: 600px) and (max-width: 1024px) {
	.pricing_col_inner {
        padding: 50px 10px 30px;
    }
	.pricing_col_inner .pricing_col_inner_item:last-child {
		margin-top: -48px;
	}
	.pricing_col_icon {
		width: 12%;
	}
	.pricing_col_inner_item:last-child .pricing_col_icon {
		width: 18%;
		margin-left: -40px;
	}
	.pricing_col_icon svg {
		width:80%;
	}
    .pricing_col_icon img {
		width: 88%;
	}
    .pricing_col_text {
        font-size: 21px;
        border-radius:10px;
        padding: 10px;
    }
	.pricing_col_inner_item:first-child .pricing_col_text {
		width: 58%;
		font-size: 16px;
		padding-right: 60px;
	}
	.pricing_col_inner_item:last-child .pricing_col_text {
		width: 85%;
		text-align: left;
		font-size: 18px;
		text-indent: -30px;
		padding-left: 80px;
		margin-top: 52px;
	}
	.pricing_col_inner_item:first-child .pricing_col_text span {
		padding-right: 10px;
	}
	.pricing_col_inner_item:last-child .pricing_col_text span {
		padding-right: 10px;
	}
}
@media (min-width: 1025px) {
    .pricing_col_inner {
        padding: 50px 30px 30px;
    }
	.pricing_col_inner .pricing_col_inner_item:last-child {
		margin-top: -68px;
	}
	.pricing_col_icon {
		width: 12%;
	}
	.pricing_col_inner_item:last-child .pricing_col_icon {
		width: 18%;
		margin-left: -40px;
	}
	.pricing_col_icon svg {
		width:80%;
	}
    .pricing_col_icon img {
		width: 88%;
	}
    .pricing_col_text {
        font-size: 21px;
        border-radius:10px;
        padding: 10px;
    }
	.pricing_col_inner_item:first-child .pricing_col_text {
		width: 47%;
		font-size: 22px;
		padding-right: 60px;
	}
	.pricing_col_inner_item:last-child .pricing_col_text {
		width: 60%;
		text-align: left;
		font-size: 22px;
		text-indent: -30px;
		padding-left: 80px;
		margin-top: 52px;
	}
	.pricing_col_inner_item:first-child .pricing_col_text span {
		padding-right: 10px;
	}
	.pricing_col_inner_item:last-child .pricing_col_text span {
		padding-right: 10px;
	}
}


/*
 pricing_about
--------------------------------------- */
.pricing_about {
	position: relative;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	align-items: center;
	text-align: left;
}
.pricing_about_tit {
	display:inline-block;
	position: absolute;
	z-index: 2;
	font-style: italic;
	font-weight: bold;
	background: #fff;
}
.pricing_about_text {
	border-top: 2px solid var(--gray);
	border-bottom: 2px solid var(--gray);
}
.pricing_about_sub_heading {
	position: relative;
}
.pricing_about_sub_heading::after {
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	transform: translateX(-50%);
}
@media (max-width: 599px) {
    .pricing_about {
	    padding: 30px 0 0;
	}
    .pricing_about_tit {
        top: 5%;
        z-index: 2;
        font-size: 18px;
        font-style: italic;
        font-weight: bold;
        background: #fff;
        padding: 6px 14px;
    }
    .pricing_about_text {
        font-size: 14px;
        line-height: 2;
        padding: 24px 6px 20px;
        border-top: 1px solid var(--gray);
        border-bottom: 1px solid var(--gray);
    }
    .pricing_about_sub_heading {
		font-size: 18px;
		margin: 30px auto;
	}
	.pricing_about_sub_heading::after {
		top: 123%;
		left: 50%;
		transform: translateX(-50%);
		border-top: 38px solid var(--pink01);
		border-left: 80px solid transparent;
		border-right: 70px solid transparent;
	}
}
@media (min-width: 600px) and (max-width: 1024px) {
	.pricing_about {
	    padding: 50px 10px 30px;
	}
    .pricing_about_tit {
        top: 11%;
        z-index: 2;
        font-size: 24px;
        font-style: italic;
        font-weight: bold;
        background: #fff;
        padding: 0 50px;
    }
    .pricing_about_text {
        font-size: 18px;
        line-height: 2;
        padding: 30px 20px;
        border-top: 2px solid var(--gray);
        border-bottom: 2px solid var(--gray);
    }
    .pricing_about_sub_heading {
		font-size: 24px;
		margin: 0px auto 50px;
	}
	.pricing_about_sub_heading::after {
		top: 123%;
		left: 50%;
		transform: translateX(-50%);
		border-top: 50px solid var(--pink01);
		border-left: 140px solid transparent;
		border-right: 140px solid transparent;
	}
}
@media (min-width: 1025px) {
    .pricing_about {
	    padding: 50px 40px 30px;
	}
    .pricing_about_tit {
        top: 2%;
        z-index: 2;
        font-size: 36px;
        font-style: italic;
        font-weight: bold;
        background: #fff;
        padding: 20px 50px;
    }
    .pricing_about_text {
        font-size: 20px;
        line-height: 2;
        padding:50px 30px;
        border-top: 2px solid var(--gray);
        border-bottom: 2px solid var(--gray);
    }
    .pricing_about_sub_heading {
		font-size: 30px;
		margin: 30px auto 100px;
	}
	.pricing_about_sub_heading::after {
		top: 123%;
		left: 50%;
		transform: translateX(-50%);
		border-top: 70px solid var(--pink01);
		border-left: 160px solid transparent;
		border-right: 160px solid transparent;
	}
}

/*
 campaign_image_contents
--------------------------------------- */
.campaign_image_contents {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}
.campaign_image {
	display: flex;
}
.campaign_col {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
}
.campaign_col_text {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	align-items: center;
	font-family: var(--font03);
}
.campaign_col_text > div {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}
.campaign_col_text span:not(:nth-child(2)){
	color: #fff;
	background: var(--pink03);
	border-radius:10px;
}
.campaign_col_text span:nth-child(2) {
	font-size:30px;
	padding:0 6px;
}
.campaign_col_text > div:first-child {
	color: var(--pink02);
}
.campaign_col_text > div:last-child {
	font-weight: bold;
}
.campaign_image_contents .s_bubble {
	position: relative;
	display: block;
	font-style: italic;
	color: #fff;
	border-radius: 10px;
	background: var(--pink02);
}
.campaign_image_contents .s_bubble::after {
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	transform: translateX(-50%) rotate(-40deg);
}
.campaign_ul_text {
	font-style: italic;
	font-weight: bold;
	text-decoration-line: underline;
	text-decoration-color: #ffe066;
	text-decoration-thickness: 20px;
	text-underline-offset: -10px;
	text-decoration-skip-ink: none;
	margin: 0 auto;
}
.campaign_example {
	display: flex;
	flex-direction: column;
}
.campaign_example_inner {
	position: relative;
	background: #e2cdc6;
}
.campaign_example_inner p {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	font-family: var(--font03);
	color: #fff;
	border-radius: 10px;
	background: var(--pink02);
}
.campaign_example_col {
	display: flex;
}
.campaign_example_inner .under_obi_text {
	display: inline-block;
	font-family:var(--font03);
	background: #fff;
}
 .campaign_example_inner .under_obi_text > span {
	color: var(--red);
}
@media (max-width: 599px) {
    .campaign_image_contents {
        gap: 10px;
        padding: 50px 0 30px;
    }
    .campaign_col_text {
		width: 38%;
		align-content: flex-start;
	}
    .campaign_col_text span:not(:nth-child(2)){
		font-size: 14px;
		padding: 4px 8px 4px;
		border-radius: 6px;
	}
	.campaign_col_text span:nth-child(2) {
		font-size: 14px;
		padding: 2px;
	}
    .campaign_col_text > div:last-child {
		font-size: 15px;
		padding-top: 2px;
	}
    .campaign_col_image {
		width: 60%;
	}
    .campaign_image_contents .s_bubble {
        width: 36%;
        left: 0px;
        font-size: 18px;
        padding: 4px 0 3px;
        margin-top: 6px;
    }
	.campaign_image_contents .s_bubble::after {
		top: 74%;
		left: 30%;
		border-top: 30px solid var(--pink02);
		border-left: 10px solid transparent;
		border-right: 0px solid transparent;
	}
    .campaign_ul_text {
		width: 100%;
		font-size: 18px;
		letter-spacing: 1px;
		margin-top: 12px;
		text-decoration-thickness: 12px;
		text-underline-offset: -5px;
	}
    .campaign_example {
		margin-top: 40px;
	}
    .campaign_example_inner {
		background: #e2cdc6;
    }
    .campaign_example_inner p {
		width: 90%;
		top: -3%;
		left: 50%;
		font-size: 18px;
		padding: 7px 0 9px;
	}
    .campaign_example_col {
		gap: 16px;
		padding: 32px 20px 12px;
		flex-direction: column;
	}
	.campaign_example_col > div {
		display:flex;
	}
    .campaign_example_inner .under_text {
		font-size: 14px;
		padding: 0 20px;
		margin-bottom: 12px;
	}
    .campaign_example_inner .under_obi_text {
		width: 88%;
		display: inline-block;
		font-size: 16px;
		font-family:var(--font03);
		background: #fff;
		padding: 10px 0;
		margin-bottom: 30px;
	}
    .pricing_b_image {
        margin-top: 20px;
    }
    .pricing_b_text {
        font-size: 14px;
        margin: 10px auto 0;
    }
}
@media (min-width: 600px) and (max-width: 1024px) {
	.campaign_image_contents {
        gap: 20px;
        padding: 50px 10px 0;
    }
    .campaign_image {
	    margin-bottom: 10px;
	}
    .campaign_col_text {
		width: 29%;
	}
    .campaign_col_text span:not(:nth-child(2)){
		font-size: 24px;
		padding: 2px 10px 4px;
	}
	.campaign_col_text span:nth-child(2) {
		font-size: 20px;
		padding:0 6px;
	}
    .campaign_col_text > div:last-child {
		font-size: 23px;
		padding-top: 6px;
	}
    .campaign_col_image {
		width: 69%;
	}
    .campaign_image_contents .s_bubble {
        width: 17%;
        left: 10px;
        font-size: 22px;
        padding: 4px 0 0;
    }
	.campaign_image_contents .s_bubble::after {
		top: 74%;
		left: 30%;
		border-top: 30px solid var(--pink02);
		border-left: 10px solid transparent;
		border-right: 0px solid transparent;
	}
    .campaign_ul_text {
		width: 100%;
		font-size: 24px;
		letter-spacing: 1px;
	}
    .campaign_example {
		margin-top: 70px;
	}
    .campaign_example_inner {
		background: #e2cdc6;
    }
    .campaign_example_inner p {
		width: 58%;
		top: -5%;
		left: 50%;
		font-size: 20px;
		padding: 9px 0 12px;
	}
    .campaign_example_col {
		gap: 20px;
		padding: 50px 20px 10px;
	}
    .campaign_example_inner .under_text {
		font-size: 18px;
		margin-bottom: 10px;
	}
    .campaign_example_inner .under_obi_text {
		width: 93%;
		display: inline-block;
		font-size: 16px;
		font-family:var(--font03);
		background: #fff;
		padding: 16px 10px;
		margin-bottom: 20px;
	}
    .pricing_b_image {
        margin-top: 20px;
    }
    .pricing_b_text {
        font-size: 16px;
        margin: 10px auto;
    }
}
@media (min-width: 1025px) {
    .campaign_image_contents {
        gap: 20px;
        padding: 50px 30px 0;
    }
    .campaign_image {
	    margin-bottom: 10px;
	}
    .campaign_col_text {
		width: 29%;
	}
    .campaign_col_text span:not(:nth-child(2)){
		font-size: 30px;
		padding: 0 16px 2px;
	}
	.campaign_col_text span:nth-child(2) {
		font-size:30px;
		padding:0 6px;
	}
    .campaign_col_text > div:last-child {
		font-size: 32px;
		padding-top: 6px;
	}
    .campaign_col_image {
		width: 69%;
	}
    .campaign_image_contents .s_bubble {
        width: 17%;
        left: 70px;
        font-size: 29px;
        padding: 4px 0 0;
    }
	.campaign_image_contents .s_bubble::after {
		top: 74%;
		left: 30%;
		border-top: 30px solid var(--pink02);
		border-left: 10px solid transparent;
		border-right: 0px solid transparent;
	}
    .campaign_ul_text {
		width: 77%;
		font-size: 32px;
		letter-spacing: 1px;
	}
    .campaign_example {
		margin-top: 70px;
	}
    .campaign_example_inner {
		background: #e2cdc6;
    }
    .campaign_example_inner p {
		width: 46%;
		top: -5%;
		left: 50%;
		font-size: 30px;
		padding: 9px 0 12px;
	}
    .campaign_example_col {
		gap: 20px;
		padding: 50px 20px 20px;
	}
    .campaign_example_inner .under_text {
		font-size: 22px;
		margin-bottom: 20px;
	}
    .campaign_example_inner .under_obi_text {
		width: 96%;
		display: inline-block;
		font-size: 26px;
		font-family:var(--font03);
		background: #fff;
		padding: 20px 20px;
		margin-bottom: 30px;
	}
    .pricing_b_image {
        margin-top: 20px;
    }
    .pricing_b_text {
        font-size: 22px;
        margin: 20px auto;
    }
}


/* ----------------------------------------------

- service_area / 03 free_service

----------------------------------------------- */
@media (max-width: 599px) {
    .service_area_contents.free_service {
        padding: 16px 16px 0;
    }
}
@media (min-width: 600px) and (max-width: 1024px) {
     .free_service_inner {
        padding: 130px 20px 26px;
    }
	.service_area_contents.free_service {
        padding: 2% 2% 0;
    }
}
@media (min-width: 1025px) {
    .free_service_inner {
        padding: 130px 30px 26px;
    }
	.service_area_contents.free_service {
        padding: 2% 2% 0;
    }
}

/*
 six_service_col_wrap
--------------------------------------- */
.six_service_col_wrap {
	background: var(--green02);
}
.six_service_col_sub_tit {
	font-style: italic;
	font-weight: bold;
	color: #fff;
}
.six_service_col_tit {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: center;
	font-style: italic;
	font-weight: bold;
	color: #fff;
}
 @media (max-width: 599px) {
    .six_service_col_wrap {
        padding-top: 31px;
    }
    .six_service_col_sub_tit {
        font-size: 18px;
        margin-bottom: -12px;
    }
     .six_service_col_tit span:first-child {
        font-size: 48px;
        line-height: 1;
    }
	 .six_service_col_tit span:last-child {
        font-size: 28px;
        margin-top: 15px;
        line-height: 1;
    }
}
@media (min-width: 600px) and (max-width: 1024px) {
	.six_service_col_wrap {
        padding-top: 40px;
    }
    .six_service_col_sub_tit {
        font-size: 22px;
        margin-bottom: -6px;
    }
     .six_service_col_tit span:first-child {
        font-size: 64px;
        padding-right: 3px;
        line-height: 1;
    }
	 .six_service_col_tit span:last-child {
        font-size: 30px;
        margin-top: 20px;
        line-height: 1;
    }
}
@media (min-width: 1025px) {
    .six_service_col_wrap {
        padding-top: 60px;
    }
    .six_service_col_sub_tit {
        font-size: 34px;
        margin-bottom: -16px;
    }
     .six_service_col_tit span:first-child {
        font-size: 94px;
        padding-right: 3px;
        line-height: 1;
    }
	 .six_service_col_tit span:last-child {
        font-size: 60px;
        margin-top: 20px;
        line-height: 1;
    }
}

/*
 six_service_col
--------------------------------------- */
.six_service_col_item {
	display: flex;
	flex-direction: column;
}
.six_service_col_inner {
	position: relative;
	display: flex;
	flex-direction: column;
	flex: 1;
	background: #fff;
}
.ss_number {
	position: absolute;
	transform: translateX(-50%);
	font-style: italic;
	color:#fff;
	border-radius:50px;
	background: var(--green03);
}
.ss_tit {
	font-weight: bold;
}
.ss_lead {
	text-align: center;
}
.ss_text_col {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	gap: 2px;
	align-items: center;
}
.ss_text_col_image {
	width: 17%;
}
.ss_text_col_text {
	width: 70%;
	font-family: var(--font03);
	line-height: 1.2;
}
.ss_text_col_text > span:first-child {
	font-weight: bold;
}
.ss_text_col_text > span:last-child {
	color: var(--pink01);
	font-family: serif;
	font-weight: bold;
}
.ss_image {
	display: flex;
	flex-direction: column;
}
.ss_note {
	text-align: left;
	color: #fff;
	font-family: var(--font03);
}
@media (max-width: 599px) {
    .six_service_col_item {
        display: flex;
        flex-direction: column;
        padding: 42px 16px 16px;
    }
    .six_service_col_inner {
		position: relative;
		display: flex;
		flex-direction: column;
		flex: 1;
		background: #fff;
		padding: 42px 0 0;
	}
    .ss_number {
		position: absolute;
		width:70px;
		height:70px;
		left: 50%;
		top: -9%;
		transform: translateX(-50%);
		font-size: 42px;
		font-style: italic;
		color:#fff;
		border-radius:50px;
		background: var(--green04);
		padding: 7px 10px 8px 0;
	}
    .ss_tit {
		font-size: 30px;
		font-weight: bold;
    }
    .ss_lead {
		font-size: 15px;
		text-align: center;
		letter-spacing: -.3px;
		padding: 5px 12px 10px;
	}
    .ss_text {
	    font-size: 14px;
	    letter-spacing: -0.7px;
	    padding: 14px 10px 16px;
	    min-height: 60px;
	}
	.six_service_col_slide .six_service_col_inner .ss_text:nth-child(5) {
		 padding: 10px 10px 6px;
	}
    .ss_text_col {
        gap: 2px;
    }
    .ss_text_col_image {
		width: 18%;
	}
    .ss_text_col_text {
		width: 78%;
		font-size: 14px;
	}
    .ss_text_col_text > span:first-child {
		font-size: 14px;
		letter-spacing: 0.1px;
		padding-right: 1px;
	}
    .ss_text_col_text > span:nth-child(2) {
		font-size: 11px;
    }
    .ss_text_col_text > span:last-child {
		font-size: 24px;
		padding-right: 5px;
	}
    .ss_note {
		font-size: 12px;
		text-indent: -14px;
		padding-left: 14px;
		margin-top: 8px;
	}
}
@media (min-width: 600px) and (max-width: 1024px) {
	.six_service_col {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 40px 20px;
        padding: 50px 20px 20px;
        justify-content: center;
    }
    .six_service_col_item {
        flex: 0 1 calc((100% - 1 * 20px) / 2);
        display: flex;
        flex-direction: column;
    }
    .six_service_col_inner {
		position: relative;
		display: flex;
		flex-direction: column;
		flex: 1;
		background: #fff;
		padding: 43px 0 0;
	}
    .ss_number {
		position: absolute;
		width:70px;
		height:70px;
		left: 50%;
		top: -9%;
		transform: translateX(-50%);
		font-size: 42px;
		font-style: italic;
		color:#fff;
		border-radius:50px;
		background: var(--green04);
		padding: 7px 10px 8px 0;
	}
    .ss_tit {
		font-size: 25px;
		font-weight: bold;
		}
    .ss_lead {
		font-size: 14px;
		text-align: center;
		letter-spacing: -.3px;
		padding: 5px 12px 10px;
	}
    .ss_text {
	    font-size: 15px;
	    letter-spacing: -1px;
	    padding: 15px 5px 13px;
	   }
	.six_service_col .six_service_col_item:nth-child(5) .ss_text {
		 padding:15px 10px 6px;
	}
    .ss_text_col {
        gap: 2px;
    }
    .ss_text_col_image {
		width: 17%;
		}
    .ss_text_col_text {
		width: 70%;
		font-size: 14px;
	}
    .ss_text_col_text > span:first-child {
		font-size: 14px;
		letter-spacing: 0.1px;
		padding-right: 1px;
	}
    .ss_text_col_text > span:nth-child(2) {
		font-size: 11px;
    }
    .ss_text_col_text > span:last-child {
		font-size: 29px;
		padding-right: 5px;
	}
    .ss_note {
		min-height: 40px;
		font-size: 12px;
		text-indent: -15px;
		padding-left: 17px;
		margin-top: 8px;
		letter-spacing: 0.2px;
	}
}
@media (min-width: 1025px) {
    .six_service_col {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 40px 30px;
        padding: 50px 40px 30px;
    }
    .six_service_col_item {
        flex: 0 1 calc((100% - 2 * 30px) / 3);
        display: flex;
        flex-direction: column;
    }
    .six_service_col_inner {
		position: relative;
		display: flex;
		flex-direction: column;
		flex: 1;
		background: #fff;
		padding: 43px 0 0;
	}
    .ss_number {
		position: absolute;
		width:70px;
		height:70px;
		left: 50%;
		top: -9%;
		transform: translateX(-50%);
		font-size: 42px;
		font-style: italic;
		color:#fff;
		border-radius:50px;
		background: var(--green04);
		padding: 7px 10px 8px 0;
	}
    .ss_tit {
		font-size: 30px;
		font-weight: bold;
    }
    .ss_lead {
		font-size: 14px;
		text-align: center;
		letter-spacing: -.3px;
		padding: 5px 12px 10px;
	}
    .ss_text {
	    font-size: 15px;
	    letter-spacing: -1px;
	    padding: 15px 5px 13px;
	   }
	.six_service_col .six_service_col_item:nth-child(5) .ss_text {
		 padding:15px 10px 6px;
	}
    .ss_text_col {
        gap: 2px;
    }
    .ss_text_col_image {
		width: 17%;
		}
    .ss_text_col_text {
		width: 70%;
		font-size: 14px;
	}
    .ss_text_col_text > span:first-child {
		font-size: 14px;
		letter-spacing: 0.1px;
		padding-right: 1px;
	}
    .ss_text_col_text > span:nth-child(2) {
		font-size: 11px;
    }
    .ss_text_col_text > span:last-child {
		font-size: 29px;
		padding-right: 5px;
	}
    .ss_note {
		min-height: 40px;
		font-size: 12px;
		text-indent: -15px;
		padding-left: 17px;
		margin-top: 8px;
		letter-spacing: 0.2px;
	}
}


/* ======================================
 six_service_col_swiper
====================================== */
.six_service_col_swiper .swiper-button-next::after,
.six_service_col_swiper .swiper-button-prev::after {
    display: none;
}
.six_service_col_swiper .swiper-button-next,
.six_service_col_swiper .swiper-button-prev {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: rgb(41 114 111 / 50%); 
    display: flex;
    align-items: center;
    justify-content: center;
}
.six_service_col_swiper .swiper-button-next::before,
.six_service_col_swiper .swiper-button-prev::before {
    content: "▶";
    color: #fff;
    font-size: 20px;
    line-height: 1;
    padding: 0 0 0 4px;
}
.six_service_col_swiper .swiper-button-prev::before {
    transform: rotate(180deg);
    display: block;
}
.six_service_col_swiper .swiper-button-next:hover,
.six_service_col_swiper .swiper-button-prev:hover {
    background: rgb(41 114 111 / 89%);
}

.six_service_col_swiper .swiper-button-prev,
.six_service_col_swiper .swiper-rtl .swiper-button-next {
	left: var(--swiper-navigation-sides-offset,4px);
	right: auto;
}
.six_service_col_swiper .swiper-button-next,
.six_service_col_swiper .swiper-rtl .swiper-button-prev {
	right: var(--swiper-navigation-sides-offset,4px);
	left: auto;
}



/*
 service_area_contents_note
--------------------------------------- */
.service_area_contents_note{
	text-align: right;
}
@media (max-width: 599px) {
    .service_area_contents_note{
		padding: 16px 0 0;
	}
	.service_area_contents_note ul li {
		font-size: 12px;
	}
}
@media (min-width: 600px) and (max-width: 1024px) {
	.service_area_contents_note{
        margin-top: 24px;
    }
    .service_area_contents_note ul li {
        font-size: 14px;
    }
}
@media (min-width: 1025px) {
	.service_area_contents_note{
        margin-top: 24px;
    }
    .service_area_contents_note ul li {
        font-size: 14px;
    }
}


/* ----------------------------------------------

- service_area / 04 consultation

----------------------------------------------- */
@media (max-width: 599px) {
    .consultation_inner {
        padding: 80px 16px 20px;
    }
}
@media (min-width: 600px) and (max-width: 1024px) {
	.consultation_inner {
        padding: 110px 16px 30px;
    }
}
@media (min-width: 1025px) {
    .consultation_inner {
        padding: 110px 30px 40px;
    }
}

/*
 consultation_col
--------------------------------------- */
.consultation_col01 {
	display: flex;
}
.consultation_col01_text {
	text-align: left;
}
.consultation_col02 {
	display: flex;
}
.consultation_col02_image figure figcaption {
	text-align: left;
}
.consultation_col02_text {
	text-align: left;
}
.consultation_col02_text01 {
	position: relative;
}
.consultation_col02_text01 div:first-child {
	position: absolute;
	display: inline-block;
	font-weight: bold;
	color: #fff;
	border-radius: 20px;
	background: var(--pink01);
}
.consultation_col02_text01 div:last-child {
	font-weight: bold;
	border-radius: 10px;
	border: 1px solid var(--pink01);
}
.consultation_col02_text02 ul {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.consultation_col02_text02 ul li:last-child {
	font-weight: bold;
	text-decoration-line: underline;
	text-decoration-color: #ffe066;
	text-decoration-thickness: 20px;
	text-underline-offset: -10px;
	text-decoration-skip-ink: none;
}
@media (max-width: 599px) {
    .consultation_col01 {
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: flex-start;
        margin-bottom: 10px;
        gap: 10px;
    }
    .consultation_col01_text {
        width: 86%;
        font-size: 14px;
        line-height: 1.7;
    }
    .consultation_col01_icon {
        width: 22%;
    }
    .consultation_col02 {
        flex-direction: column-reverse;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: center;
        gap: 16px;
    }
    .consultation_col02_image figure figcaption {
        font-size: 14px;
    }
    .consultation_col02_text {
        margin-top: 20px;
    }
    .consultation_col02_text01 {
        width: 100%;
    }
    .consultation_col02_text01 div:first-child {
        top: -22%;
        left: -8px;
        font-size: 14px;
        padding: 5px 30px 4px;
    }
    .consultation_col02_text01 div:last-child {
        font-size: 15px;
        font-weight: bold;
        padding: 18px 18px 12px;
    }
    .consultation_col02_text02 {
		margin-top: 0;
	}
    .consultation_col02_text02 ul {
		gap: 6px;
		margin: 25px auto 30px;
	}
	.consultation_col02_text02 ul li {
		font-size: 16px;
		text-align: left;
	}
	.consultation_col02_text02 ul li:last-child {
        width: 100%;
		font-size: 16px;
		letter-spacing: -0.5px;
        text-align: center;
		margin-top:10px;
	}
}
@media (min-width: 600px) and (max-width: 1024px) {
	.consultation_col01 {
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: flex-start;
        margin-bottom: 20px;
    }
    .consultation_col01_text {
        width: 83%;
        font-size: 16px;
        line-height: 2;
        padding-left: 14px;
    }
    .consultation_col01_icon {
        width: 14%;
    }
    .consultation_col02 {
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: flex-start;
        justify-content: center;
        gap: 30px;
    }
    .consultation_col02_image {
        flex: 0 1 calc((100% - 1 * 30px) / 2);
    }
    .consultation_col02_image figure figcaption {
        font-size: 14px;
    }
    .consultation_col02_text {
        flex: 0 1 calc((100% - 1 * 30px) / 2);
        margin-top: 20px;
    }
    .consultation_col02_text01 {
        width: 96%;
    }
    .consultation_col02_text01 div:first-child {
        top: -18%;
        left: -15px;
        font-size: 14px;
        padding: 4px 30px 2px;
    }
    .consultation_col02_text01 div:last-child {
        font-size: 16px;
        font-weight: bold;
        padding: 16px 10px 6px;
    }
    .consultation_col02_text02 {
		margin-top: 10px;
	}
    .consultation_col02_text02 ul {
		gap: 6px;
		margin: 10px auto 10px;
	}
	.consultation_col02_text02 ul li {
		font-size: 15px;
	}
	.consultation_col02_text02 ul li:last-child {
		font-size: 14px;
		margin-top:10px;
	}
}
@media (min-width: 1025px) {
    .consultation_col01 {
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: flex-start;
        margin-bottom: 20px;
    }
    .consultation_col01_text {
        width: 76%;
        font-size: 20px;
        line-height: 2;
        padding-left: 36px;
    }
    .consultation_col01_icon {
        width: 14%;
    }
    .consultation_col02 {
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: flex-start;
        justify-content: center;
        gap: 50px;
    }
    .consultation_col02_image {
        flex: 0 1 calc((100% - 1 * 50px) / 2);
    }
    .consultation_col02_image figure figcaption {
        font-size: 18px;
    }
    .consultation_col02_text {
        flex: 0 1 calc((100% - 1 * 50px) / 2);
        margin-top: 20px;
    }
    .consultation_col02_text01 {
        width: 96%;
    }
    .consultation_col02_text01 div:first-child {
        top: -18%;
        left: -15px;
        font-size: 20px;
        padding: 5px 30px 4px;
    }
    .consultation_col02_text01 div:last-child {
        font-size: 22px;
        font-weight: bold;
        padding: 30px 30px 20px;
    }
    .consultation_col02_text02 {
		margin-top: 10px;
	}
    .consultation_col02_text02 ul {
		gap: 16px;
		margin: 30px auto 30px;
	}
	.consultation_col02_text02 ul li {
		font-size: 18px;
	}
	.consultation_col02_text02 ul li:last-child {
		font-size:24px;
		margin-top:10px;
	}
}


/* ----------------------------------------------

- service_area / 05 after_service

----------------------------------------------- */

@media (max-width: 599px) {
    
}
@media (min-width: 600px) and (max-width: 1024px) {
	.after_service_inner {
	    padding: 110px 16px 30px;
	}	
}
@media (min-width: 1025px) {
    .after_service_inner {
        padding: 130px 30px 40px;
    }
}

/*
 after_service_col
--------------------------------------- */
.after_service_col {
	display: flex;
}
.after_service_col_image figure figcaption {
	text-align: left;
}
.after_service_col_text p {
	text-align: left;
}
.after_service_col_sub_text ul {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}
.after_service_col_sub_text ul li {
	background: var(--main);
	color: #fff;
	text-align: center;
}
.after_service_col_sub_text ul li:first-child {
	width: 100%;
	color: var(--main);
	text-align: left;
	background: none;
}
.after_service_col_sub_text ul li:last-child {
	text-align: left;
	color:var(--main);
	background: none;
}
 @media (max-width: 599px) {
    .after_service_col {
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px;
    }
    .after_service_col_image figure figcaption {
        font-size: 14px;
    }
	.after_service_col_text p {
		line-height: 1.7;
		margin-bottom: 10px;
		font-size: 14px;
	}
    .after_service_col_sub_text {
        margin-top: 10px;
    }
    .after_service_col_sub_text ul li {
	    font-size: 13px;
	    padding: 3px 0 2px;
	}
    .after_service_col_sub_text ul li:first-child {
		font-size: 14px;
		margin-bottom: 2px;
    }
	.after_service_col_sub_text ul li:nth-child(2) {
		width: 19%;
		letter-spacing: -0.3px;
	}
	.after_service_col_sub_text ul li:nth-child(3) {
		width: 19%;
		letter-spacing: -0.3px;
	}
	.after_service_col_sub_text ul li:nth-child(4) {
		width: 22%;
		letter-spacing: -1px;
	}
	.after_service_col_sub_text ul li:nth-child(5) {
		width: 26%;
		letter-spacing: -1px;
	}
    .after_service_col_sub_text ul li:last-child {
		width: 8%;
		letter-spacing: -3px;
	}
}
@media (min-width: 600px) and (max-width: 1024px) {
	.after_service_col {
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        gap: 30px;
    }
    .after_service_col_image {
        flex: 0 1 calc((100% - 1 * 30px) / 2);
    }
    .after_service_col_image figure figcaption {
        font-size: 14px;
    }
    .after_service_col_text {
        flex: 0 1 calc((100% - 1 * 30px) / 2);
    }
	.after_service_col_text > div {
		width:96%;
	}
	.after_service_col_text p {
		line-height: 1.6;
		margin-bottom: 6px;
		font-size: 16px;
		width: 96%;
	}
    .after_service_col_sub_text {
        margin-top: 10px;
    }
	.after_service_col_sub_text ul li {
		width: 22%;
		padding: 5px 0 2px;
		font-size:14px;
	}
	.after_service_col_sub_text ul li:first-child {
		width: 100%;
		margin-bottom: 4px;
		font-size:14px;
	}
	.after_service_col_sub_text ul li:last-child {
		width: 7%;
		letter-spacing: -2px;
	}
	 .after_service_col_sub_text ul li:first-child {
		font-size: 14px;
		margin-bottom: 2px;
    }
	.after_service_col_sub_text ul li:nth-child(2) {
		width: 19%;
		letter-spacing: -0.3px;
		font-size:12px;
	}
	.after_service_col_sub_text ul li:nth-child(3) {
		width: 19%;
		letter-spacing: -0.3px;
		font-size:12px;
	}
	.after_service_col_sub_text ul li:nth-child(4) {
		width: 22%;
		letter-spacing: -1px;
		font-size:12px;
	}
	.after_service_col_sub_text ul li:nth-child(5) {
		width: 26%;
		letter-spacing: -1px;
		font-size:12px;
	}
    .after_service_col_sub_text ul li:last-child {
		width: 8%;
		letter-spacing: -3px;
	}
}
@media (min-width: 1025px) {
    .after_service_col {
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        gap: 50px;
    }
    .after_service_col_image {
        flex: 0 1 calc((100% - 1 * 50px) / 2);
    }
    .after_service_col_image figure figcaption {
        font-size: 18px;
    }
    .after_service_col_text {
        flex: 0 1 calc((100% - 1 * 50px) / 2);
    }
	.after_service_col_text > div {
		width:96%;
	}
	.after_service_col_text p {
		line-height: 1.6;
		margin-bottom: 20px;
		font-size: 20px;
		width: 96%;
	}
    .after_service_col_sub_text {
        margin-top: 10px;
    }
	.after_service_col_sub_text ul li {
		width: 22%;
		padding: 5px 0 2px;
	}
	.after_service_col_sub_text ul li:first-child {
		width: 100%;
		margin-bottom: 4px;
	}
	.after_service_col_sub_text ul li:last-child {
		width: 7%;
		letter-spacing: -2px;
	}
}


/* ----------------------------------------------

- showroom_area

----------------------------------------------- */
 .showroom_area {
	margin: 0 auto;
}
.showroom_text01 {
	font-style:italic;
	font-weight: bold;
	color: var(--green03);
}
@media (max-width: 599px) {
     .showroom_area {
        padding: 0 20px 30px;
        margin: 0 auto;
    }
    .showroom_text01 {
		font-size: 22px;
	    margin-bottom: 26px;
	    letter-spacing: -0.5px;
    }
    .showroom_text02 {
        font-size: 17px;
	    margin-bottom: 26px;
	    letter-spacing: -0.5px;
    }
}
@media (min-width: 600px) and (max-width: 1024px) {
	.showroom_area {
        max-width: 1024px;
        padding: 0 20px 20px;
    }
    .showroom_text01 {
        font-size: 26px;
        margin-bottom: 26px;
    }
    .showroom_text02 {
        font-size: 22px;
        margin-bottom: 30px;
    }
}
@media (min-width: 1025px) {
    .showroom_area {
        max-width: 1200px;
		padding: 0 20px 80px;
    }
    .showroom_text01 {
        font-size: 36px;
        margin-bottom: 46px;
    }
    .showroom_text02 {
        font-size: 30px;
        margin-bottom: 30px;
    }
}

/*
 showroom_area_col
----------------------------- */
.showroom_area_col_wrap {
	background: var(--green02);
}
.showroom_area_col_tit {
    color:#fff;
}
.showroom_area_col {
	display: flex;
}
.showroom_area_col_image {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.showroom_area_col_text {
	text-align: left;
	color:#fff;
}
.showroom_area_col_text ul {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	align-items: flex-start;
}
.showroom_area_col_text ul li a {
    color:#fff;
}
.showroom_area_col_btn {
	display: inline-block;
	border-radius: 10px;
	background: #fff;
}
.showroom_area_col_btn a {
	display: block;
	text-align: center;
	color: var(--green03);
}
@media (max-width: 599px) {
	.showroom_area_col_wrap {
        padding: 20px 30px 26px;
    }
    .showroom_area_col_tit {
        font-size: 23px;
        text-align:left;
    }
    .showroom_area_col {
	    flex-direction: column;
	    flex-wrap: wrap;
	    align-items: center;
	    justify-content: center;
	    gap: 14px;
	    margin-top: 10px;
	}
    .showroom_area_col_image {
        width: 100%;
    }
    .showroom_area_col_text {
        width: 100%;
        font-size: 16px;
        line-height: 1.8;
    }
	.showroom_area_col_text ul {
        gap: 5px;
        margin-bottom: 20px;
	}
	.showroom_area_col_text ul li {
		text-indent: -52px;
		padding-left: 52px;
	}
    .showroom_area_col_btn {
        width: 100%;
    }
    .showroom_area_col_btn a {
		font-size: 18px;
		padding: 8px 0;
	}
}
@media (min-width: 600px) and (max-width: 1024px) {
	.showroom_area_col_wrap {
        padding: 30px 20px 50px;
    }
    .showroom_area_col_tit {
        font-size: 24px;
        text-align:left;
    }
    .showroom_area_col {
	    flex-direction: row;
	    flex-wrap: nowrap;
	    align-items: flex-start;
	    justify-content: center;
	    gap: 30px;
	    margin-top: 20px;
	}
    .showroom_area_col_image {
        width: 49%;
    }
    .showroom_area_col_text {
        width: 45%;
        font-size: 16px;
        line-height: 1.8;
    }
	.showroom_area_col_text ul {
        gap: 5px;
        margin-bottom: 20px;
	}
	.showroom_area_col_text ul li {
		text-indent: -62px;
		padding-left: 62px;
	}
    .showroom_area_col_btn {
        width:85%;
    }
    .showroom_area_col_btn a {
		font-size: 18px;
		padding: 6px 0;
	}
}
@media (min-width: 1025px) {
    .showroom_area_col_wrap {
        padding: 30px 50px 50px;
    }
    .showroom_area_col_tit {
        font-size: 34px;
        text-align:left;
    }
    .showroom_area_col {
	    flex-direction: row;
	    flex-wrap: nowrap;
	    align-items: flex-start;
	    justify-content: center;
	    gap: 60px;
	    margin-top: 20px;
	}
    .showroom_area_col_image {
        width: 55%;
    }
    .showroom_area_col_text {
        width: 45%;
        font-size:20px;
        line-height: 1.8;
    }
	.showroom_area_col_text ul {
        gap: 5px;
        margin-bottom: 20px;
	}
	.showroom_area_col_text ul li {
		text-indent: -62px;
		padding-left: 62px;
	}
    .showroom_area_col_btn {
        width:85%;
    }
    .showroom_area_col_btn a {
		font-size: 22px;
		padding: 8px 0;
	}
}
/*
 btn_reservation - showroom_area
----------------------------------- */
.showroom_area .btn_reservation {
	display: inline-block;
	border-radius: 10px;
	background: var(--blue);
}
.showroom_area .btn_reservation a {
	display: block;
	text-align: center;
	color: #fff;
}
@media (max-width: 599px) {
	.showroom_area .btn_reservation {
        width: 100%;
        margin-bottom: 30px;
    }
    .showroom_area .btn_reservation a {
        font-size: 16px;
        padding: 12px 0;
    }
}
@media (min-width: 600px) and (max-width: 1024px) {
	.showroom_area .btn_reservation {
		width:58%;
		margin: 50px auto 0;
	}
	.showroom_area .btn_reservation a {
		font-size: 20px;
		padding: 16px 0;
	}
}
@media (min-width: 1025px) {
	.showroom_area .btn_reservation {
		width:58%;
		margin: 50px auto 0;
	}
	.showroom_area .btn_reservation a {
		font-size: 20px;
		padding: 16px 0;
	}
}