@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: 1000px; margin: 0 auto;}
    .long_contents{font-size: 14px; margin-bottom: 20px;}
    .landplan_boxM>div{margin: 30px 0;}
    
    .title1{position: relative; z-index: 1;}
    .design_title{position: relative; margin-top: 120px;}
    .design_title .grayNo{position: absolute; top: -22px; right: 48%; width: 55px; height: 55px;}

    .design_box{width: 700px; margin: 0 auto;}
    .design_box>div{margin: 50px 0;}
    
    .end_comtents{margin-top: 60px; font-size: 13px; text-indent: -1em; padding-left: 1em;}
}


@media (min-width: 768px) and (max-width: 900px) {
    .landplan_boxM,.long_contents,.landplan_flex,.end_comtents{ width: 730px;}
}
@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_boxM>div{margin: 30px 0;}
    
    .title1{position: relative; z-index: 1;}
    .design_title{position: relative; margin-top: 60px;}
    .design_title .grayNo{position: absolute; top: -17px; right: 45%; width: 40px; height: 40px;}
    .design_box>div{margin: 20px 0;}

    .end_comtents{margin-top: 90px; font-size: 13px; text-indent: -1em; padding-left: 1em;}
}