@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; width: 1000px; margin-bottom: 20px;}
    .landplan_boxM>div{margin: 30px 0;}
    
    .landplan_flex{display: flex; justify-content: space-evenly; gap: 0 20px; width: 1000px; margin: 0 auto;}
    .landplan_flex .landplan_boxS{width: calc(25% - 16px);}
    .landplan_flex .boxS_hed{font-size: 15px; margin: 30px 0 10px; font-weight: bold; padding-left: 25px; text-indent: -27px;}
    .landplan_flex .boxS_hed .No{ margin-right: 5px; padding: 0px 6px; color: white; font-weight: normal;}
    .landplan_flex .boxS_hed .Nopink{background-color: #ca686f;}
    .landplan_flex .boxS_hed .Noblue{background-color: #418ecd;}
    .landplan_flex .boxS_hed .font_min{font-weight: normal; font-size: 13px;}
    .landplan_flex .boxS_lead{font-size: 13px; border-bottom: 1px solid gray; margin-bottom: 10px; padding-bottom: 10px;}
    .landplan_flex p{font-size: 13px;}
    
    .landplan_whitebox{ padding: 40px 15px 100px; margin: 0 auto; width: 1000px;}
    .landplan_boxXS{display: flex; margin: 20px 0; width: 50%; position: relative;}
    .landplan_boxXS>div{width: 90%; margin-right: 20px;}
    .landplan_boxXS .boxXS_contents .boxXS_lead{color: #727171; border-left: 3px solid; padding-top: 3px; padding-left: 10px; margin-bottom: 10px; font-size: 16px;}
    .landplan_boxXS .boxXS_contents p{font-size: 14px;}
    .landplan_boxXS .boxXS_contents p small{font-size: 12px; text-indent: -1em; padding-left: 1em; display: block;}
    .landplan_boxXS .attention{position: absolute; bottom: -23%; font-size: 12px; text-indent: -1em; padding-left: 1em;}
    .margin{margin-top: 30px;}
    .end_comtents{margin-top: 60px; font-size: 13px;}
}
@media (min-width: 768px) and (max-width: 900px) {
	.top_box .landplan_flex{ width: 730px;}
    .landplan_whitebox,.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_flex{margin: 10px 0; display: flex; flex-wrap: wrap; justify-content: space-between;}
    .landplan_flex .landplan_boxS{width: 49%; margin-bottom: 10px;}
    .landplan_flex .boxS_hed{font-size: 13px; margin: 10px 0 10px; font-weight: bold; padding-left: 25px; text-indent: -27px;}
    .landplan_flex .boxS_hed .No{ margin-right: 5px; padding: 0px 6px; color: white; font-weight: normal;}
    .landplan_flex .boxS_hed .Nopink{background-color: #ca686f;}
    .landplan_flex .boxS_hed .Noblue{background-color: #418ecd;}
    .landplan_flex .boxS_lead{font-size: 13px; border-bottom: 1px solid gray; margin-bottom: 6px; padding-bottom: 6px;}
    .landplan_flex p{font-size: 12px;}
    
    .landplan_whitebox {padding: 30px 15px 60px; margin: 0 auto;}
    .landplan_boxXS{width: 49%; position: relative;}
    .landplan_boxXS>div{margin-top: 5px;}
    .landplan_boxXS .boxXS_contents .boxXS_lead{color: #727171; border-left: 3px solid; padding-top: 3px; padding-left: 6px; margin-bottom: 10px; font-size: 13px;}
    .landplan_boxXS .boxXS_contents p{font-size: 12px;}
    .landplan_boxXS .attention{position: absolute; bottom: -23%; line-height: 1.3; font-size: 11px; text-indent: -1em; padding-left: 1em;}
    .landplan_boxXS .boxXS_contents p small{font-size: 11px; text-indent: -1em; padding-left: 1em; display: block;}
    .margin{margin-top: 30px;}
    .end_comtents{margin-top: 90px; font-size: 13px;}
}