@charset "UTF-8";
/* CSS Document */


 .bacegray{background-color: #f6f6f6;}

@media (min-width: 768px) {
    .top_box{ padding: 120px 15px 40px; margin: 0 auto; max-width: 1170px;}
	.parallax-window.location{ height: 600px; position: relative; font-family: 'Noto Sans JP', sans-serif; margin: 0;}
	.parallax-window.location .caption{ position: absolute; bottom: 8px; right: 8px; display: block; color: #231815; margin: 0; font-size: 13px;}

    .title_gray{color: #9fa0a0; font-size: 24px;}
    .landplan_boxM{width: 800px; margin: 0 auto;}
    .long_contents{font-size: 14px; width: 1000px; margin-bottom: 20px;}
    .landplan_boxM>div{margin: 30px 0;}
    
    .plan_hed{width: 1000px; margin: 60px auto 50px; color: white; text-align: center; padding: 2px 0 0 0;}
    .bluebac{background-color: #1b2e5c;}
    .greenbac{background-color: #2f7e78;}
    
    .landplan_flex{display: flex; justify-content: space-around; width: 1000px; margin: 0 auto;}
    .landplan_flex .plan_boxS{width: 20%; font-size: 13px; border-right: 1px solid; padding: 0 7px; display: flex; flex-direction: column;}
    .plan_title{border-bottom: 1px solid gray; margin-bottom: 5px;}
    .plan_boxS .big span{font-size: 19px;}
    .plan_boxS p span{font-size: 16px;}
	.plan_boxS p small{ font-size: 12px;}
    .plan_boxS .room_img{height: 255px;}
    .plan_boxS img{margin-top: 10px;}
    
    .plan_boxM{display: flex; width: 32%;}
    .plan_boxM .box_contents{width: 53%; font-size: 13px;}
    .plan_boxM .box_img{width: 50%;}
    
    .box_img{display: flex; align-items: center;}
    .plan_boxM .big span{font-size: 19px;}
    .plan_boxM p span{font-size: 16px;}
	.plan_boxM p small{ font-size: 12px;}
    
    .end_box{width: 1000px; margin: 40px auto; padding: 40px;}
    .end_box .endbox_title{font-size: 23px; margin-bottom: 20px; text-align: center;}
    .end_box p{margin-bottom: 10px;}
    .end_box a{color: white;}
    .club_button{background-color: #3a3364; width: 210px; height: 45px; margin: 60px auto 0; text-align: center; display: block; padding: 13px;}
    
    .boxS_contents{flex: 1;}
    .box02 .plan_boxS{border: none; position: relative;}
    .box02 .plan_boxS::before{position: absolute; top: 0; left: 127%; margin: 0 1rem;
	content: ""; width: 1px; height: 100%; background-color: #333;}
    .plan_boxS:last-child{border: none;}
    .plan_boxS:last-child::before{display: none;}
  
}


@media (min-width: 768px) and (max-width: 900px) {
	.top_box .landplan_flex{ width: 730px;}
    .plan_hed,.landplan_boxM,.long_contents,.landplan_flex,.end_box{ width: 730px;}
    .plan_boxS .room_img{height: 200px;}
}
@media (max-width: 767.98px) {
	.top_box { padding: 60px 15px 30px; margin: 0 auto;}
    .title_gray{color: #9fa0a0; font-size: 20px;}
    .title_gray h3{font-size: 20px;} 
    .long_contents{font-size: 13px; margin-bottom: 20px;}
    .landplan_flex{margin: 10px 0; display: flex; flex-wrap: wrap; justify-content: space-between;}
    
    .plan_hed{margin: 30px 0; color: white; text-align: center; padding: 2px 0 0 0;}
    .bluebac{background-color: #1b2e5c;}
    .greenbac{background-color: #2f7e78;}
    .plan_boxS{margin-top: 20px;}
    .plan_title{border-bottom: 1px solid gray; margin-bottom: 5px;}
    .plan_title img{width: 65%;}
    .plan_boxS .big span{font-size: 22px;}
    .plan_boxS p{font-size: 14px;}
    .plan_boxS p span{font-size: 18px;}
    
    .plan_boxM{margin-bottom: 20px;}
    .box_img{display: flex; align-items: center;}
    .plan_boxM .big span{font-size: 22px;}
    .plan_boxM p span{font-size: 18px;}
    .plan_boxM .margin{margin-top: 95px;}
    .plan_boxM .margin02{margin-top: 65px;}
    
    .end_box{margin: 40px auto; padding: 30px;}
    .end_box .endbox_title{font-size: 22px; margin-bottom: 20px; text-align: center;}
    .end_box p{margin-bottom: 10px;}
    .end_box a{color: white;}
    .club_button{background-color: #3a3364; width: 210px; height: 45px; margin: 30px auto 0; text-align: center; display: block; padding: 13px;}

   
}