/* ========== index.php ========== */
.header { position: relative; }
.header_content { width: 75%; }
.logo { z-index: 9999; }
.menu_wrap { display: block; }
.nav { position: absolute; top: 0; left: 0; width: 100%; height: 100vh; background-color: #fff; transform: translateX(100%); }
.nav.on { transform: translateX(0); transition: all 0.5s; }
.nav ul { display: flex; justify-content: flex-start; flex-direction: column; margin-top: 120px; }
.nav ul li { width: 100%; height: auto; }
.nav ul li a { width: 100%; height: 60px; line-height: 60px; color: #555; font-size: 1.3em; }
.nav .menu_wrap { display: block; }
.menubt { display: flex; justify-content: space-between; flex-direction: column; width: 32px; height: 25px; position: absolute; top: 60px; right: 10%; }
.menubt .bar1, .menubt .bar2, .menubt .bar3 { margin-top: 3px; background: #555; width: 33px; height: 4px; -webkit-transform: rotate(-180deg); transform: rotate(-180deg); transition: all 0.5s ease; z-index: 1000; }
.menubt.active .bar1 { position: absolute; top: 9px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); background: #555; }
.menubt.active .bar2 { opacity: 0; }
.menubt.active .bar3 { position: absolute; bottom: 9px; -webkit-transform: rotate(45deg); transform: rotate(45deg); background: #555; }
.content1 { height: auto; padding: 100px 0; }
.content1_container { width: 90%; display: block; height: auto; }
.content1_img { width: 100%; height: 250px; }
.content1_textarea { width: 100%; height: auto; justify-content: unset; }
.content1_text { width: 100%; line-height: 30px; margin-bottom: 20px; font-size: 1.56em; }
.content2_container { width: 90%; }
.content2_area { display: block; height: auto; }
.content2_area > div:nth-child(1) { width: 100%; height: 250px; }
.content2_textarea { width: 100%; height: auto; margin-top: 20px; }
.content2_text1, .content2_text2 { margin-bottom: 20px; }
.content2_text1_1, .content2_text2_1 { justify-content: flex-start; margin-bottom: 20px; }
.content2_text1 > p, .content2_text2 > p, .content2_text3 > p, .content2_text1_1 > p { margin-left: 5px; }
.content2_text2_1 p, .content2_text3_2 > div:nth-child(1), .content2_text3_2_2 > div:nth-child(1) { margin-left: 5px; }
.content2_text3_1 p { margin-left: 5px; }
.content2_text3_1 { align-items: flex-start; }
.content2_text3_2_1 { justify-content: flex-end; margin-left: 5px; }
.content4_container {width: 90%; }
.content4_main_container { justify-content: center; }
.content4_main_box { width: 90%; margin-bottom: 30px; }
.content5_textarea > h1 { text-align: center; line-height: 60px; text-shadow: 2px 2px 5px #aaa; }
.content5_textarea > p { line-height: 30px; font-size: 1em; text-align: center; }


/* ========== footer ========== */
#footer { flex-direction: column; padding-bottom: 30px; }
#footer .line { display: none; }
#footer .logo { height: auto; flex: none; }
#footer .logo img { margin: 30px auto; }
#footer .text .pane { width: 90%; margin: 0 auto; }
#footer .text .pane i { margin-left: 0; }
#footer .text .pane i.fa-fax { margin-left: 10px; }
#footer .text .pane p.address { line-height: 20px; }