@charset "UTF-8";
/* ---------------------------------------------------------------------
 landscape
 * --------------------------------------------------------------------- */
.pages_main_image{height:auto;position: relative; background-color: #fff;}
.pages_main_image .images{width: 100%;height: auto;min-width: 1200px;}
.pages_main_image .inner{position: absolute;left: 0;right: 0;margin: auto;top: 0}
.pages_main_image .inner .txt{text-align: left;line-height: 2.5em;font-size: 17px; letter-spacing: 0.2em;padding-top: 130px}

#body_landscape .sec1 h3{width: 300px; margin: 70px auto 40px;}
#body_landscape .sec3 h3{width: 264px; margin: 70px auto 40px;}
#body_landscape .sec1 h4,
#body_landscape .sec3 h4{font-size: 32px; line-height: 1.6; letter-spacing: 0.1em;}
#body_landscape .sec1 .txt,
#body_landscape .sec3 .txt{font-size: 18px; line-height: 2.6; letter-spacing: 0.1em; margin-top: 40px; margin-bottom: 90px;}

#body_landscape .point_area{ margin: 0 auto 60px; display: flex; justify-content: space-between; width: 1200px;}
#body_landscape .point_item:nth-child(1){width: 26%;}
#body_landscape .point_item:nth-child(2){width: 26%;}
#body_landscape .point_item:nth-child(3){width: 43%;}
#body_landscape .point_item img{ width: 100%;}

#body_landscape .zu{padding-bottom: 100px}
#body_landscape .point{margin-bottom: 100px}
#body_landscape .point li{width: 30%; margin-bottom: 20px;}
#body_landscape .point li p{text-align: left;padding-top: 12px; font-size: 16px;}
#body_landscape .point li p .caution{font-size: 14px;}

#body_landscape .hana {margin-bottom: 60px;}
#body_landscape .hana li{width: 24%; margin-bottom: 40px;}
#body_landscape .hana li p{text-align: center; padding-top: 12px}


/*===============================================================================
===============================================================================*/
@media screen and (min-width: 768px) { /*PC設定*/

}
/*===============================================================================
===============================================================================*/
@media screen and (max-width: 767px) {/*スマホ設定*/

#body_landscape .sec1 h3{width: 40%; margin: 70px auto 30px;}
#body_landscape .sec3 h3{width: 40%; margin: 70px auto 30px;}

#body_landscape .sec1 h4,
#body_landscape .sec3 h4{font-size: 18px; line-height: 1.6; letter-spacing: 0.1em;}
#body_landscape .sec1 .txt,
#body_landscape .sec3 .txt{font-size: 13px; line-height: 2.6; letter-spacing: 0.1em; margin-top: 30px; margin-bottom: 30px;}

#body_landscape .point_area{ margin: 0 auto 20px; display: flex; justify-content: space-between; width: 100%;}
#body_landscape .point_item:nth-child(1){width: 27%;}
#body_landscape .point_item:nth-child(2){width: 27%;}
#body_landscape .point_item:nth-child(3){width: 44%;}
#body_landscape .point_item img{ width: 100%;}

#body_landscape .zu{padding-bottom: 40px}
#body_landscape .point{margin-bottom: 60px}
#body_landscape .point li{width: 48%; margin-bottom: 20px;}

#body_landscape .point li p{text-align: left;padding-top: 12px; font-size: 13px;}
#body_landscape .point li p .caution{font-size: 12px;}

#body_landscape .hana {margin-bottom: 0;}
#body_landscape .hana li{width: 32%; margin-bottom: 20px;}
#body_landscape .hana li p{text-align: center; padding-top: 12px}
}