@charset "utf-8";

#message {
    .wrap {
        .contents {
            max-width:1200px;
            p{
                text-align: center;
                &.body{
                    display: block;
                    color: #7abb3f;
                    font-size:min(3.2vw,3.2rem);
                    margin-bottom: 1em;
                    font-weight:600;
                }
                &.body2 {
                    font-size:min(2vw,1.8rem);
                }
            }
            .contents_inner{
                display: grid;
                grid-template-columns: repeat(2,1fr);
                grid-column-gap: 8%;
                margin-top: 90px;
                align-items: center;
                p{
                    text-align: left;
                }
            }
        }
    }
}

#facility{
    .wrap{
        background-color: #efffd04e;
        padding: 120px 0;
		overflow:clip;
        .contents{
            position: relative;
            .angel_01{
                position: absolute;
                width: 100px;
                top:200px;
                right:-150px;
            }
            .angel_02{
                position: absolute;
                width: 100px;
                bottom:0;
                left:-150px;
				bottom:-50px;
            }
			h2 {
				z-index:1;
				span {
					color:#FFFFFF;
				}
			}
            .contents_inner{
                margin-bottom: 90px;
				position:relative;
				z-index:2;
                &:last-child{
                    margin-bottom: 0;
                }
                h3{
                    background-color: #f388a6;
                    color: #fff;
                    font-size: 3.0rem;
                    text-align: center;
                    padding: .66em 0;
                    font-weight: 500;
                    border-radius: 20px;
                    margin-bottom: 1em;
                }
                .facility_box{
                    background-color: #fff;
                    padding: 70px;
					border-radius:40px;
                    .inner_box{
                        display: grid;
                        grid-template-columns: 300px 1fr;
                        grid-column-gap: 50px;
                        align-items: center;
                        margin-bottom: 50px;
                        img{
                            border-radius: 20px;
                        }
                    }
                }
                .map{
                    iframe{
                        width: 100%;
                        height: 300px;
                        border-radius: 20px;
                    }
                }
            }
        }
    }
}

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

}

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

	#facility{
	    .wrap{
	        padding: 90px 0;
	        .contents{
	            position: relative;
	            .angel_01{
	                position: absolute;
	                width: 100px;
	                top:200px;
	                right:-150px;
	            }
	            .angel_02{
	                position: absolute;
	                width: 100px;
	                bottom:0;
	                left:-150px;
					bottom:-50px;
	            }
	            .contents_inner{
	                margin-bottom: 60px;
	                h3{
	                    font-size: 2.4rem;
	                    border-radius: 15px;
	                }
	                .facility_box{
	                    padding: 40px;
						border-radius:30px;
	                    .inner_box{
	                        grid-template-columns: 250px 1fr;
	                        grid-column-gap: 40px;
	                        margin-bottom: 40px;
	                    }
	                }
	            }
	        }
	    }
	}
	
}

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

	#message {
	    .wrap {
	        .contents {
	            p{
	                text-align: center;
	                &.body{
	                    font-size:2.0rem;
						text-align:center;
	                }
	                &.body2 {
						font-size:1.4rem;
						text-align:left;
	                }
	            }
	            .contents_inner{
	                grid-template-columns:1fr;
					grid-row-gap:30px;
	                margin-top: 30px;
	            }
	        }
	    }
	}
	
	#facility{
	    .wrap{
	        padding: 60px 0;
	        .contents{
	            .angel_01{
	                width: 60px;
	                top:100px;
	                right:-20px;
					z-index:2;
	            }
	            .angel_02{
	                position: absolute;
	                width: 60px;
	                bottom:-20px;
	                left:-20px;
					z-index:2;
	            }
	            .contents_inner{
	                margin-bottom: 30px;
					position:relative;
					z-index:1;
	                h3{
	                    font-size: 2.0rem;
	                    border-radius: 10px;
	                }
	                .facility_box{
	                    padding: 20px;
						border-radius:20px;
	                    .inner_box{
	                        grid-template-columns: 1fr;
							grid-row-gap:20px;
	                        margin-bottom: 20px;
	                        img{
								width:100%;
	                            border-radius: 15px;
								max-width:400px;
								margin:0 auto;
	                        }
	                    }
	                }
	                .map{
	                    iframe{
							height:auto;
							aspect-ratio:1.2;
	                        border-radius: 15px;
	                    }
	                }
	            }
	        }
	    }
	}
    
}