/* Contact */
.Contact{
	.Contact-wrap{
		width:70%;
		margin-bottom: 5rem;
		
		.con{
			width:72%;

			p{
				font-size:var(--md);
				color:var(--gray-500);
			}
		}

		.photo{
			position:relative;
			width:28%;
			z-index:5;
		}
		
		.contact-form{

			label{
				font-family:'EB Garamond', Arial, serif;
				font-size:var(--md);
				font-weight:600;
			}

			input{
				font-size:var(--md);
				border:0;
				border-bottom:1px solid var(--gray-300);
				border-radius:0;

				&::placeholder{
					color:var(--gray-200);
				}
			}

			select{
				font-size:var(--md);
				border-radius:0;
				appearance: none;
				-webkit-appearance: none;
				border: 1px solid var(--gray-300);
				background-image: url('../../images/layout/2024/icon_down_black.svg');
				background-repeat: no-repeat;
				background-position: right 0.75rem center;
				background-size: auto;
			}

			.con-radio{
				width:1em;
				height:1em;
				margin-top: 0.25em;
				background-color:#FFF;
				background-repeat: no-repeat;
				background-position: center;
				background-size: contain;
				border:1px solid rgba(0,0,0,.25);
				appearance: none;
				-webkit-print-color-adjust:exact;
				border-radius:50%;

				margin-top: 0;
				padding:.3rem;

				&.choice1{
					width:1.6rem;
				}

				&:checked{
					background-color:var(--black);
					border:1px solid var(--black);
					background-image:url('../../images/layout/2024/icon_circle.png');
				}
			}

			.contact-form-con{
				label{
					font-family: Arial, Verdana, Helvetica, sans-serif;
					font-size:var(--md);
					font-weight:500;
					width:fit-content;
				}
			}

			.contact-button{
				p{
					font-size:var(--base);
				}

				.btn{
					background:var(--red-500);
					border-radius:5rem;
					font-weight:500;
					color:var(--white);
					padding:.5rem 3rem .5rem 2rem;

					&:before{
						position:absolute;
						content:"";
						background:url('../../images/layout/2024/icon_send.svg');
						display:block;
						width:1.1rem;
						height:1.1rem;
						top:0;
						bottom:0;
						right:1.5rem;
						margin:auto;
					}

					&:hover{
						background:var(--red-300);
					}

					&:last-child{
						padding:.5rem 2rem;
					}

					&:last-child:before{
						background:transparent;
					}
				}
			}
		}
	}

	.classList-wrap, .advantage, .requirements,
    .services, .process, .consultation .consultation-wrap {
		width:70%;
    }

	.classList-wrap{
		width:70%;
		border-bottom:1px solid var(--gray-500);
		margin-bottom: 3rem;
		padding-bottom: 1rem;

		.classList-group{
			width:20%;

			a{
				font-size:var(--base);
				font-weight:500;
				text-decoration: none; 
				color:var(--gray-900);
				width:100%;               

				&:before{
					position:absolute;
					content:"";
					background: var(--red-500);
					display:block;
					width:0;
					height:.3rem;
					transition: .5s;
					bottom:-1.15rem;
					left:0;
					right:0;
					margin:0 auto;
					z-index:3;	
				}

				&:hover:before{
					width:100%;
					height:.3rem;
				}
			}
		}
	}

	/* 競爭優勢 */
	.advantage{
		margin-bottom:3rem;

		.title{
			h2{
				font-size:var(--4xl);
				width:fit-content;
				color:var(--red-500);
			}

			p{
				font-size:var(--base);
				font-weight:500;
				color:var(--blue-900);
			}
		} 		
	}

	.advantage-wrap{
		background: linear-gradient(to right, var(--white) 0%,var(--white) 35%,var(--red-500) 35%,var(--red-500) 35%,var(--red-500) 100%);
		margin-bottom: 7rem;
		padding: 10rem 0 5rem 0;		

		.group-list{
			flex-wrap:nowrap;

			.photo{
				width:51%;
				z-index:5;    
			}
	
			.con{
				font-weight:500;
				width:49%;
				overflow: hidden;
				box-sizing: border-box;
				margin-left: 0;
				padding: 0 10rem 0 6rem;
				z-index:3;

				.con-wrap{
					margin-bottom: 2.5rem;

					.txt{

						.photoList{
							width:15%;
	
							img{
								height:55%;
							}
						}
	
						& + .txt{
							margin-top: 2rem;
						}
	
						P{
							font-size:var(--base);
							font-weight:500;
							line-height:1.5rem;
							padding-left: 2rem;
						}
					}
				}
	
				.advantagList{
					border-top:5px solid hsla(0,0%,82%,.5);
					margin-top: 2.5rem;
					padding-top: 2.5rem;
					
					.list-wrap{

						.list-group{
							flex-direction: row;

							p{
								font-size:var(--base);
								font-weight:400;
								line-height:1.5rem;

								&:first-child{
									width:30%;
								}

								&:last-child{
									width:70%;
								}
							}
	
							& + .list-group {
								border-top:1px solid var(--white);
								padding-top: 1rem;
							}
						}
						
					}
				}
			}

		}

		.bg{
			width:18%;
			opacity: .3;
			top:-3rem;
			right:-.7rem;
	
			img{
				width:95%;
			}
		}
	}

	/* 加盟須知 */
    .requirements{
        width:70%;
		margin-bottom:3rem;

		.title{
			h2{
				font-size:var(--4xl);
				width:fit-content;
				color:var(--red-500);
			}

			p{
				font-size:var(--base);
				font-weight:500;
				color:var(--blue-900);
			}
		} 	
    }

	.requirements-wrap{
		background: linear-gradient(to right, var(--blue-900) 0%,var(--blue-900) 65%,var(--white) 65%,var(--white) 65%,var(--white) 100%); 
        margin-bottom: 4rem;
		padding:12rem 0 10rem 0;

        .group-list{
			flex-wrap:nowrap;
            flex-direction: row;

            .photo{
				width:51%;
                /* width:90%; */
                z-index:5;                
    
                @include media-breakpoint-down(lg){
                    display:block;
                    margin:0 auto;
                }
    
            }
    
            .con{
                font-weight:500;
				width:49%;
                /* width:100%; */
                overflow: hidden;
                box-sizing: border-box;
                margin-left: 0;
				padding: 0 6rem 0 2rem;
                z-index:3;
    
                .con-wrap{
					margin-left: 15rem;

					h3{
						font-size:var(--xl);
					}
   
                    ul{
                        li{
                            position:relative;
							font-size:var(--base);
                            font-weight:400;
                            list-style:none;
                            line-height:1.5rem;

                            &:before{
                                position:absolute;
                                content:"";
                                background:url('/images/layout/2025/icon_right_white.svg');
                                width:13px;
                                height:10px;
                                top:.4rem;
                                left:-1.5rem;
                                margin:auto;
                                z-index:1;
                            }

                            & + li{
                                margin-top: 1rem;
                            }
                        }
                    }
                }

                .recommendList{
					margin-top: 5rem;
                    margin-left: 15rem;

                     h3{
						font-size:var(--xl);
                        border-bottom:5px solid rgba(255,255,255, .5);
                        margin-bottom: 2rem;
                        padding-bottom: 2rem;
                    }

                    .list-wrap{
                        

                        .list-group{
							flex-direction: row;

                            p{
								font-size:var(--base);
                                font-weight:400;
                                line-height:1.5rem;

								&:first-child{
									width:20%;
								}

								&:last-child{
									width:80%;
								}
                            }
    
                            & + .list-group {
                                border-top:1px solid var(--white);
                                padding-top: 1rem;
                            }
                        }
                        
                    }
                }
            }
        }

        .bg{
			width:17%;
            opacity: .3;
			top:-4rem;
			left:3rem;
			right:auto;

            img{
                width:100%;
            }
        }
    }

	/* 服務項目 */
    .services{
        width:70%;
		margin-bottom:3rem;

		.title{
			h2{
				font-size:var(--4xl);
				width:fit-content;
				color:var(--red-500);
			}

			p{
				font-size:var(--base);
				font-weight:500;
				color:var(--blue-900);
			}
		} 	      
    }

	.services-wrap{
		background: linear-gradient(to right, var(--white) 0%,var(--white) 35%,var(--red-500) 35%,var(--red-500) 35%,var(--red-500) 100%);
        overflow:hidden;
		margin-bottom: 7rem;
		padding:10rem 0 8rem 0;

        @include media-breakpoint-up(sm){
            background: linear-gradient(to bottom, $white 0%,$white 6%,$red-joy 6%,$red-joy 6%,$red-joy 100%);
            margin-bottom: 5rem;
        }

        .group-list{
            flex-wrap:wrap;

            .photo{
				width:51%;
                z-index:5;

				img{
					& + img{
						margin-top: 5rem;
					}
				}
            }
    
            .con{
                font-weight:500;
				width:49%;
                overflow: hidden;
                box-sizing: border-box;
                margin-left: 0;
				padding: 0 10rem 0 5rem;
                z-index:3;
    
                .con-wrap{
					margin-bottom: 6rem;

                    @include media-breakpoint-up(4xl){
                        margin-bottom: 10rem;
                    }

                    h3{
						font-size:var(--2xl);

                        &.con-title{
                            margin-bottom: 2.5rem;
                        }
                    }

                    .con-group{
                        border-top:5px solid hsla(0,0%,82%,.5);
                    }

                    .txt{
						flex-direction: row;
     
                        & + .txt{
                            border-top:1px solid $white;
                            margin-top: 1rem;
                            padding-top: 1rem;
                        }
    
                        P{
							font-size:var(--base);
                            font-weight:500;
                            padding-right: 2rem;

							&.subTitle{
								width:35%;
							}

                            &.subCon{
                                width:80%;
                            }
                        }

						ul{
							width:65%;

							li{
								font-size:var(--base);
							}
						}
                    }

					& + .con-wrap{
						margin-top: 3rem;
					}
                }
    
                .advantagList{
                    border-top:5px solid hsla(0,0%,82%,.5);
                    margin-top: 2.5rem;
                    padding-top: 2.5rem;
                    
                    .list-wrap{

                        .list-group{
                            p{
                                font-weight:400;    
                            }
    
                            & + .list-group {
                                border-top:1px solid $white;
                                padding-top: 1rem;
                            }
                        }
                        
                    }
                }
            }

        }

        .bg{
			width:18%;
            opacity: .3;
			top:-3rem;
            right:-.7rem;
    
            @include media-breakpoint-down(lg){
                display:none;
            }
    
            @include media-breakpoint-up(lg){
                width:23%;
                top:-3rem;
                right:-.7rem;
            }
    
            @include media-breakpoint-up(xxl){
                width:18%;
            }
    
            img{
                width:95%;
            }
        }

        .services-group{

			& + .services-group{
				margin-top: 5rem;
			}

            &:nth-child(2){
                .con-wrap{
                    margin-bottom: 0;

                }
            }

            &:nth-child(4){
                /* margin-top: -3rem; */

                .group-list{
                    .con{
                        .con-wrap{
                            margin-bottom: 0;

                            @include media-breakpoint-up(lg){
                                margin-bottom: 2rem;
                            }
        
                            @include media-breakpoint-up(4xl){
                                margin-bottom: 7rem;
                            }
        
                            .con-group{
                                .txt{
        
                                    p{
                                        &.subTitle{
                                            width:35%;
                                        }
                
                                        &.subCon{
                                            width:65%;
                                            padding-right: 0;

                                            }
                                        }
                                    }
                                    
                                }
                            }
        
                            
                        }

                    }
                }
            }			
        }
    }

	/* 加盟流程 */
    .process{
        width:70%;
		margin-bottom:3rem;

		.title{
			h2{
				font-size:var(--4xl);
				width:fit-content;
				color:var(--red-500);
			}

			p{
				font-size:var(--base);
				font-weight:500;
				color:var(--blue-900);
			}
		} 
    }

	/* 加盟諮詢 */
    .consultation{
		background:var(--gray-100);
		padding:5rem 0 1rem 0;

		.consultation-wrap{
			.title{
				h2{
					font-size:var(--4xl);
					width:fit-content;
					color:var(--red-500);
				}
	
				p{
					font-size:var(--base);
					font-weight:500;
					color:var(--blue-900);
				}
			} 
		}
    }

	.Contact-wrap{
		
	}
}

@media screen and (max-width:1920px){
	.Contact{

		/* 競爭優勢 */
		.advantage-wrap{
			padding:12rem 0 7rem 0;
		}

		/* 加盟須知 */
		.requirements-wrap{
			.bg{
				width:15%;
				left:1rem;
			}
		}
	}
}

@media screen and (min-width:1800px) and (max-width:1919px){
}

@media screen and (min-width:1600px) and (max-width:1799px){
	.Contact{
		/* 加盟須知 */
		.requirements-wrap{
			.bg{
				width:17%;
				left:3rem;
			}
		}
	}
}

@media screen and (min-width:1400px) and (max-width:1599px){
	.Contact{
		.classList-wrap, .advantage, 
		.requirements,
		.services, 
		.process, 
		.consultation .consultation-wrap, 
		.Contact-wrap{
			width:75% ;
		}

		/* 競爭優勢 */
		.advantage-wrap{
			.group-list{
				.con{
					padding: 0 8rem 0 5rem !important;
				}
			}
		}

		/* 加盟須知 */
		.requirements-wrap{
			.group-list{
				.con{
					padding: 0 3rem 0 0;
					.con-wrap{
						margin-left: 13rem;
					}

					.recommendList{
						margin-left: 13rem;
					}
				}
			}

			.bg{
				width:17%;
				top:-3rem;
				left:2rem;
			}
		}

		/* 服務項目 */
		.services-wrap{
			padding:10rem 0;

			.group-list{
				.con{
					padding: 0 5rem;

					.con-wrap{
						margin-bottom: 0;

						.txt{
							p{
								padding-right: 0;
							}
						}

						& + .con-wrap{
							margin-top: 2rem;
						}
					}
				}
			}
		}
	}
	
}

@media screen and (min-width:1200px) and (max-width:1399px){
	/* Contact */
	.Contact{
		.classList-wrap, .advantage, 
		.requirements,
		.services, 
		.process, 
		.consultation .consultation-wrap {
			width:80%;
		}

		/* 競爭優勢 */
		.advantage-wrap{
			.group-list{
				.con{
					padding:0 5rem;

					.advantagList{
						.list-wrap{
							.list-group{
								p{
									&:first-child{
										width:35%;
									}
			
									&:last-child{
										width:65%;
									}
								}
							}
						}
					}
				}

				
			}
		}
		
		/* 加盟須知 */
		.requirements-wrap{
			padding: 12rem 0 9rem 0;

			.group-list{
				.con{
					padding: 0 3rem 0 0;
					.con-wrap{
						margin-left: 8rem;
					}

					.recommendList{
						margin-left: 8rem;
					}
				}
			}

			.bg{
				width:19%;
				top:-3rem;
				left:2rem;
			}
		}

		/* 服務項目 */
		.services-wrap{
			padding:10rem 0;

			.group-list{
				.con{
					padding: 0 5rem;

					.con-wrap{
						margin-bottom: 0;

						.txt{
							p{
								padding-right: 0;
							}
						}

						& + .con-wrap{
							margin-top: 2rem;
						}
					}
				}
			}
		}

		.Contact-wrap{
			width:80%;

			.contact-form{
				.con-radio{
					&.choice1{
						width: 2.5rem;
					}
				}
			}
		}
	}

	
}

@media screen and (min-width:1024px) and (max-width:1199px){
	/* Contact */
	.Contact{
		.classList-wrap, .advantage, 
		.requirements,
		.services, 
		.process, 
		.consultation .consultation-wrap {
			width:85%;
		}

		/* 競爭優勢 */
		.advantage-wrap{
			padding: 8rem 0 5rem 0;

			.group-list{
				.con{
					padding:0 4rem;

					.advantagList{
						.list-wrap{
							.list-group{
								p{
									&:first-child{
										width:40%;
									}
			
									&:last-child{
										width:60%;
									}
								}
							}
						}
					}
				}

				
			}
		}

		/* 加盟須知 */
		.requirements-wrap{
			padding: 12rem 0 8rem 0;
			
			.group-list{
				.con{
					padding: 0 3rem 0 0;
					.con-wrap{
						margin-left: 5rem;
					}

					.recommendList{
						margin-left: 5rem;
					}
				}
			}

			.bg{
				width:21%;
				top:-3rem;
				left:2rem;
			}
		}

		/* 服務項目 */
		.services-wrap{
			padding:10rem 0;

			.group-list{
				.con{
					padding: 0 3rem;

					.con-wrap{
						margin-bottom: 0;

						.txt{
							p{
								padding-right: 0;
							}
						}

						& + .con-wrap{
							margin-top: 2rem;
						}
					}
				}
			}
		}

		.Contact-wrap{
			width:85%;

			.contact-form{
				.con-radio{
					&.choice1{
						width: 2.5rem;
					}
				}
			}
		}
	}
}

@media screen and (min-width:992px) and (max-width:1023px){
	/* Contact */
	.Contact{
		.classList-wrap, .advantage, 
		.requirements,
		.services, 
		.process, 
		.consultation .consultation-wrap 
		{
			width:90%;
		}

		/* 競爭優勢 */
		.advantage-wrap{
			padding: 8rem 0 5rem 0;

			.group-list{
				.con{
					padding:0 3rem 0 3.5rem;

					.advantagList{
						.list-wrap{
							.list-group{
								p{
									&:first-child{
										width:40%;
									}
			
									&:last-child{
										width:60%;
									}
								}
							}
						}
					}
				}
			}
		}

		/* 加盟須知 */
		.requirements-wrap{
			padding: 12rem 0 8rem 0;
			
			.group-list{
				.con{
					padding: 0 3rem 0 0;
					.con-wrap{
						margin-left: 5rem;
					}

					.recommendList{
						margin-left: 5rem;
					}
				}
			}

			.bg{
				width:21%;
				top:-3rem;
				left:2rem;
			}
		}

		/* 服務項目 */
		.services-wrap{
			padding:10rem 0;

			.group-list{
				.con{
					padding: 0 3rem;

					.con-wrap{
						margin-bottom: 0;

						.txt{
							p{
								padding-right: 0;
							}
						}

						& + .con-wrap{
							margin-top: 2rem;
						}
					}
				}
			}
		}

		.Contact-wrap{
			width:90%;

			.contact-form{
				.con-radio{
					&.choice1{
						width: 3.5rem;
					}
				}
			}
		}
	}
}

@media screen and (min-width:768px) and (max-width:991px){
	/* Contact */
	.Contact{
		.classList-wrap, .advantage, 
		.requirements,
		.services, 
		.process, 
		.consultation .consultation-wrap
		{
			width:90%;
		}

		/* 競爭優勢 */
		.advantage-wrap{
			background: linear-gradient(to bottom, var(--white) 0%,var(--white) 10%,var(--red-500) 10%,var(--red-500) 10%,var(--red-500) 100%);
			padding: 0 0 5rem 0;

			.group-list{
				flex-wrap:wrap;

				.photo{
					display:block;
					width:90%;
					margin:0 auto;
				}

				.con{
					display:block;
					width:90%;
					margin:0 auto;
					padding:2rem 0 0 0;

					.con-wrap{
						.txt{
							p{
								font-size:var(--sm);
							}
						}
					}

					.advantagList{
						.list-wrap{
							.list-group{
								p{
									font-size:var(--sm);

									&:first-child{
										width:25%;
									}
			
									&:last-child{
										width:75%;
									}
								}
							}
						}
					}
				}
			}

			.bg{
				display:none;
			}
		}

		/* 加盟須知 */
		.requirements-wrap{
			background: linear-gradient(to bottom, var(--white) 0%,var(--white) 10%,var(--blue-900) 10%,var(--blue-900) 10%,var(--blue-900) 100%); 
			padding: 0 0 6rem 0;
			
			.group-list{
				flex-wrap:wrap;
				flex-direction: column-reverse;

				.photo{
					display:block;
					width:90%;
					margin:0 auto;
				}

				.con{
					display:block;
					width:90%;
					margin:0 auto;
					padding: 3rem 3rem 0 0;

					.con-wrap{
						margin-left: 0;

						h3{
							font-size:var(--lg);
						}

						ul{
							li{
								font-size:var(--sm);
							}
						}
					}

					.recommendList{
						margin-top: 4rem;
						margin-left: 0;

						.list-wrap{
							h3{
								font-size:var(--lg);
							}
	
							.list-group{
								p{
									font-size:var(--sm);
								}
							}
						}
					}
				}
			}

			.bg{
				display:none;
			}
		}

		/* 服務項目 */
		.services-wrap{
			background: linear-gradient(to bottom, var(--white) 0%,var(--white) 10%,var(--red-500) 10%,var(--red-500) 10%,var(--red-500) 100%);
			padding:0 0 10rem 0;

			.group-list{
				flex-wrap:wrap;

				.photo{
					display:block;
					width:90%;
					margin:0 auto;
				}

				.con{
					display:block;
					width:90%;
					margin:0 auto;
					padding: 3rem 0 0 0;

					.con-wrap{
						margin-bottom: 0;

						p{
							font-size:var(--base);
						}

						h3{
							font-size:var(--xl);

							&.con-title{
								margin-bottom: 1.5rem;
							}
						}

						.con-group{
							.txt{
								p{
									font-size:var(--sm);
									padding-right: 0;

									&.subTitle{
										width:25%;
									}
								}

								ul{
									li{
										font-size:var(--sm);
									}
								}
							}
						}

						.con-title{
							
						}

						& + .con-wrap{
							margin-top: 2rem;
						}
					}
				}
			}
		}

		.Contact-wrap{
			width:90%;

			.contact-form{
				.con-radio{
					&.choice1{
						width: 2rem;
					}
				}
			}
		}
	}
}

@media screen and (min-width:648px) and (max-width:767px){
	/* Contact */
	.Contact{
		.classList-wrap, .advantage, 
		.requirements,
		.services, 
		.process, 
		.consultation .consultation-wrap {
			width:90%;
		}

		/* 競爭優勢 */
		.advantage-wrap{
			background: linear-gradient(to bottom, var(--white) 0%,var(--white) 13%,var(--red-500) 13%,var(--red-500) 13%,var(--red-500) 100%);
			padding: 0 0 5rem 0;

			.group-list{
				flex-wrap:wrap;

				.photo{
					display:block;
					width:90%;
					margin:0 auto;
				}

				.con{
					display:block;
					width:90%;
					margin:0 auto;
					padding:2rem 0 0 0;

					.con-wrap{
						.txt{
							p{
								font-size:var(--sm);
							}
						}
					}

					.advantagList{
						.list-wrap{
							.list-group{
								p{
									font-size:var(--sm);

									&:first-child{
										width:25%;
									}
			
									&:last-child{
										width:75%;
									}
								}
							}
						}
					}
				}
			}
		}

		/* 加盟須知 */
		.requirements-wrap{
			background: linear-gradient(to bottom, var(--white) 0%,var(--white) 13%,var(--blue-900) 13%,var(--blue-900) 13%,var(--blue-900) 100%); 
			padding: 0 0 6rem 0;
			
			.group-list{
				flex-wrap:wrap;
				flex-direction: column-reverse;

				.photo{
					display:block;
					width:90%;
					margin:0 auto;
				}

				.con{
					display:block;
					width:90%;
					margin:0 auto;
					padding: 3rem 3rem 0 0;
					.con-wrap{
						margin-left: 0;

						h3{
							font-size:var(--lg);
						}

						ul{
							li{
								font-size:var(--sm);
							}
						}
					}

					.recommendList{
						margin-top: 4rem;
						margin-left: 0;

						.list-wrap{
							h3{
								font-size:var(--lg);
							}
	
							.list-group{
								p{
									font-size:var(--sm);
								}
							}
						}
					}
				}
			}

			.bg{
				display:none;
			}
		}

		/* 服務項目 */
		.services-wrap{
			background: linear-gradient(to bottom, var(--white) 0%,var(--white) 7%,var(--red-500) 7%,var(--red-500) 7%,var(--red-500) 100%);
			padding:0 0 10rem 0;

			.group-list{
				flex-wrap:wrap;

				.photo{
					display:block;
					width:90%;
					margin:0 auto;
				}

				.con{
					display:block;
					width:90%;
					margin:0 auto;
					padding: 3rem 0 0 0;

					.con-wrap{
						margin-bottom: 0;

						p{
							font-size:var(--base);
						}

						h3{
							font-size:var(--xl);

							&.con-title{
								margin-bottom: 1.5rem;
							}
						}

						.con-group{
							.txt{
								p{
									font-size:var(--sm);
									padding-right: 0;

									&.subTitle{
										width:25%;
									}
								}

								ul{
									li{
										font-size:var(--sm);
									}
								}
							}
						}

						.con-title{
							
						}

						& + .con-wrap{
							margin-top: 2rem;
						}
					}
				}
			}
		}

		.Contact-wrap{
			width:90%;
			
			.contact-form{
				.con-radio{
					&.choice1{
						width: 2rem;
					}
				}
			}
		}
	}
}

@media screen and (min-width:576px) and (max-width:647px){
	/* Contact */
	.Contact{
		.classList-wrap, .advantage, 
		.requirements,
		.services, 
		.process, 
		.consultation .consultation-wrap {
			width:90%;
		}

		/* 競爭優勢 */
		.advantage-wrap{
			background: linear-gradient(to bottom, var(--white) 0%,var(--white) 13%,var(--red-500) 13%,var(--red-500) 13%,var(--red-500) 100%);
			padding: 0 0 5rem 0;

			.group-list{
				flex-wrap:wrap;

				.photo{
					display:block;
					width:90%;
					margin:0 auto;
				}

				.con{
					display:block;
					width:90%;
					margin:0 auto;
					padding:2rem 0 0 0;

					.con-wrap{
						.txt{
							p{
								font-size:var(--sm);
							}
						}
					}

					.advantagList{
						.list-wrap{
							.list-group{
								p{
									font-size:var(--sm);

									&:first-child{
										width:25%;
									}
			
									&:last-child{
										width:75%;
									}
								}
							}
						}
					}
				}
			}
		}

		/* 加盟須知 */
		.requirements-wrap{
			background: linear-gradient(to bottom, var(--white) 0%,var(--white) 15%,var(--blue-900) 15%,var(--blue-900) 15%,var(--blue-900) 100%); 
			padding: 0 0 6rem 0;
			
			.group-list{
				flex-wrap:wrap;
				flex-direction: column-reverse;

				.photo{
					display:block;
					width:90%;
					margin:0 auto;
				}

				.con{
					display:block;
					width:90%;
					margin:0 auto;
					padding: 3rem 3rem 0 0;
					.con-wrap{
						margin-left: 0;

						h3{
							font-size:var(--lg);
						}

						ul{
							li{
								font-size:var(--sm);
							}
						}
					}

					.recommendList{
						margin-top: 4rem;
						margin-left: 0;

						.list-wrap{
							h3{
								font-size:var(--lg);
							}
	
							.list-group{
								p{
									font-size:var(--sm);
								}
							}
						}
					}
				}
			}

			.bg{
				display:none;
			}
		}

		/* 服務項目 */
		.services-wrap{
			background: linear-gradient(to bottom, var(--white) 0%,var(--white) 7%,var(--red-500) 7%,var(--red-500) 7%,var(--red-500) 100%);
			padding:0 0 5rem 0;

			.group-list{
				flex-wrap:wrap;

				.photo{
					display:block;
					width:90%;
					margin:0 auto;
				}

				.con{
					display:block;
					width:90%;
					margin:0 auto;
					padding: 3rem 0 0 0;

					.con-wrap{
						margin-bottom: 0;

						p{
							font-size:var(--base);
						}

						h3{
							font-size:var(--xl);

							&.con-title{
								margin-bottom: 1.5rem;
							}
						}

						.con-group{
							.txt{
								p{
									font-size:var(--sm);
									padding-right: 0;

									&.subTitle{
										width:25%;
									}
								}

								ul{
									width:75%;

									li{
										font-size:var(--sm);
									}
								}
							}
						}

						.con-title{
							
						}

						& + .con-wrap{
							margin-top: 2rem;
						}
					}
				}
			}
		}

		.Contact-wrap{
			width:90%;

			.contact-form{
				.con-radio{
					&.choice1{
						width: 2rem;
					}
				}
			}
		}
	}
}

@media screen and (min-width:375px) and (max-width:575px){
	/* Contact */
	.Contact{
		.classList-wrap, .advantage, 
		.requirements,
		.services, 
		.process, 
		.consultation .consultation-wrap {
			width:90%;
		}

		/* 競爭優勢 */
		.advantage-wrap{
			background: linear-gradient(to bottom, var(--white) 0%,var(--white) 7%,var(--red-500) 7%,var(--red-500) 7%,var(--red-500) 100%);
			padding: 0 0 5rem 0;

			.group-list{
				flex-wrap:wrap;

				.photo{
					display:block;
					width:90%;
					margin:0 auto;
				}

				.con{
					display:block;
					width:90%;
					margin:0 auto;
					padding:2rem 0 0 0;

					.con-wrap{
						.txt{
							p{
								font-size:var(--sm);
							}
						}
					}

					.advantagList{
						.list-wrap{
							.list-group{
								flex-wrap:wrap;
								
								p{
									font-size:var(--sm);

									&:first-child{
										width:100%;
									}
			
									&:last-child{
										width:100%;
									}
								}
							}
						}
					}
				}
			}
		}

		/* 加盟須知 */
		.requirements-wrap{
			background: linear-gradient(to bottom, var(--white) 0%,var(--white) 15%,var(--blue-900) 15%,var(--blue-900) 15%,var(--blue-900) 100%); 
			padding: 0 0 6rem 0;
			
			.group-list{
				flex-wrap:wrap;
				flex-direction: column-reverse;

				.photo{
					display:block;
					width:90%;
					margin:0 auto;
				}

				.con{
					display:block;
					width:90%;
					margin:0 auto;
					padding: 3rem 0 0 0;
					.con-wrap{
						margin-left: 0;

						h3{
							font-size:var(--lg);
						}

						ul{
							li{
								font-size:var(--sm);
							}
						}
					}

					.recommendList{
						margin-top: 4rem;
						margin-left: 0;

						.list-wrap{
							h3{
								font-size:var(--lg);
							}
	
							.list-group{
								p{
									font-size:var(--sm);
								}
							}
						}
					}
				}
			}

			.bg{
				display:none;
			}
		}

		/* 服務項目 */
		.services-wrap{
			background: linear-gradient(to bottom, var(--white) 0%,var(--white) 5%,var(--red-500) 5%,var(--red-500) 5%,var(--red-500) 100%);
			padding:0 0 3rem 0;

			.group-list{
				flex-wrap:wrap;

				.photo{
					display:block;
					width:90%;
					margin:0 auto;
				}

				.con{
					display:block;
					width:90%;
					margin:0 auto;
					padding: 3rem 0 0 0;

					.con-wrap{
						margin-bottom: 0;

						p{
							font-size:var(--base);
						}

						h3{
							font-size:var(--xl);

							&.con-title{
								margin-bottom: 1.5rem;
							}
						}

						.con-group{
							.txt{
								p{
									font-size:var(--sm);
									padding-right: 0;

									&.subTitle{
										width:100%;
									}
								}

								ul{
									width:100%;
									
									li{
										font-size:var(--sm);
									}
								}
							}
						}

						.con-title{
							
						}

						& + .con-wrap{
							margin-top: 2rem;
						}
					}
				}
			}
		}

		.Contact-wrap{
			width:90%;

			.contact-form{
				.con-radio{
					&.choice1{
						width: 2.2rem;
					}
				}
			}
		}
	}
}

@media screen and (max-width:374px){
	/* Contact */
	.Contact{
		.classList-wrap, .advantage, 
		.requirements,
		.services, 
		.process, 
		.consultation .consultation-wrap {
			width:90%;
		}

		/* 競爭優勢 */
		.advantage-wrap{
			background: linear-gradient(to bottom, var(--white) 0%,var(--white) 7%,var(--red-500) 7%,var(--red-500) 7%,var(--red-500) 100%);
			padding: 0 0 5rem 0;

			.group-list{
				flex-wrap:wrap;

				.photo{
					display:block;
					width:90%;
					margin:0 auto;
				}

				.con{
					display:block;
					width:90%;
					margin:0 auto;
					padding:2rem 0 0 0;

					.con-wrap{
						.txt{
							p{
								font-size:var(--sm);
								width:85%;
							}
						}
					}

					.advantagList{
						.list-wrap{
							.list-group{
								flex-wrap:wrap;
								
								p{
									font-size:var(--sm);

									&:first-child{
										width:100%;
									}
			
									&:last-child{
										width:100%;
									}
								}
							}
						}
					}
				}
			}
		}

		/* 加盟須知 */
		.requirements-wrap{
			background: linear-gradient(to bottom, var(--white) 0%,var(--white) 15%,var(--blue-900) 15%,var(--blue-900) 15%,var(--blue-900) 100%); 
			padding: 0 0 6rem 0;
			
			.group-list{
				flex-wrap:wrap;
				flex-direction: column-reverse;

				.photo{
					display:block;
					width:90%;
					margin:0 auto;
				}

				.con{
					display:block;
					width:90%;
					margin:0 auto;
					padding: 3rem 0 0 0;
					.con-wrap{
						margin-left: 0;

						h3{
							font-size:var(--lg);
						}

						ul{
							li{
								font-size:var(--sm);
							}
						}
					}

					.recommendList{
						margin-top: 4rem;
						margin-left: 0;

						.list-wrap{
							h3{
								font-size:var(--lg);
							}
	
							.list-group{
								p{
									font-size:var(--sm);
								}
							}
						}
					}
				}
			}

			.bg{
				display:none;
			}
		}

		/* 服務項目 */
		.services-wrap{
			background: linear-gradient(to bottom, var(--white) 0%,var(--white) 5%,var(--red-500) 5%,var(--red-500) 5%,var(--red-500) 100%);
			padding:0 0 3rem 0;

			.services-group{
				& + .services-group{
					margin-top: 3rem;
				}
			}

			.group-list{
				flex-wrap:wrap;

				.photo{
					display:block;
					width:90%;
					margin:0 auto;
				}

				.con{
					display:block;
					width:90%;
					margin:0 auto;
					padding: 3rem 0 0 0;

					.con-wrap{
						margin-bottom: 0;

						p{
							font-size:var(--base);
						}

						h3{
							font-size:var(--xl);

							&.con-title{
								margin-bottom: 1.5rem;
							}
						}

						.con-group{
							.txt{
								p{
									font-size:var(--sm);
									padding-right: 0;

									&.subTitle{
										width:100%;
									}
								}

								ul{
									width:100%;
									
									li{
										font-size:var(--sm);
									}
								}
							}
						}

						.con-title{
							
						}

						& + .con-wrap{
							margin-top: 2rem;
						}
					}
				}
			}
		}

		.Contact-wrap{
			width:90%;
			
			.contact-form{
				.con-radio{
					&.choice1{
						width: 3.5rem;
					}
				}
			}
		}
	}
}