@charset "utf-8";
/* 簡單流變媒體
   注意: 流變媒體要求您必須移除 HTML 中媒體的高度和寬度屬性
   http://www.alistapart.com/articles/fluid-images/ 
*/

img, object, embed, video {
	max-width: 100%;
}
/* IE 6 不支援最大寬度，因此寬度預設為 100% */
.ie6 img {
	width:100%;
}
body, main, footer{ font-family: "微軟正黑體", "Arial", sans-serif;}
input:focus, textarea:focus, select:focus, option:focus{ outline: none;}

* img{ width: 100%; margin: auto 0;}

form{width: 100%;}

a:active,
a:visited,
a:hover { outline: 0; text-decoration:none;}

.display-style{ display: -webkit-flex; display: flex; flex-wrap: wrap;}

/* 行動版面: 480px 以下。 */
.top-box-bg{ width: 100%; height: auto; max-height: 100vh; margin: 0; position: relative; overflow: hidden;}
   .top-bg-style{ width: 100%; margin: 0; z-index: -1;}
      .bgimg-pc{ display: none;}
      .bgimg-ph{ display: inline-block;}
   .top-box-text{position: absolute; top: 20%; left: 2%; width: 230px; margin: 0; text-align: center; font-weight: bolder; color: #333;}
      .top-box-text span{ width: 70%; margin: 0 15% 16px;}
      .top-box-text h1{ width: 100%; margin: 0 0 16px; font-size: 1.45em; line-height: 1.45em; letter-spacing: 2px;}
      .top-box-text h2{ width: 100%; margin: 0; font-size: 0.95em; line-height: 1.35em; letter-spacing: 1px;}

.box01{ width: 100%; height: auto; max-height: 100vh; margin: 0; position: relative; overflow: hidden;}
   .box01-bg-style{ width: 100%; margin: 0; z-index: -1;}
   .box01-text{ position: absolute; top: 43%; left: 10%; width: auto; margin: 0;} 
      .box01-text h2{ width: 100%; margin: 0; text-align: center; font-size: 1.35em; font-weight: bolder; line-height: 1.5em; letter-spacing: 2px; color: #FFF;}

.box-bg{ width: 100%; margin: 0; padding: 0; background-image: url(../images/box-bg.jpg); background-attachment: local; background-size: auto; background-position: top left; background-repeat: repeat;}      
   .box02{ align-items: flex-end; width: 100%; margin: 0;}
      .box02-text{ width: 100%; margin:25px 0 0; z-index: 3;}
         .box02-text-box{ width: 260px; margin: 0 calc(50% - 130px); font-weight: bolder;}
            .box02-text-box h4{ width: 90px; margin: 0 calc(50% - 45px) 20px;}
            .box02-text-box h2{ width: 100%; margin: 0 0 20px; text-align: center; font-size: 1.65em; line-height: 1.5em; letter-spacing: 2px; color: #225059;}
            .box02-text-box p{ width: 100%; margin: 0; font-size: 1em; line-height: 1.35em; letter-spacing: 1px; color: #333;}
         .box02-text span{ width: 100%; margin: 3px 0 0;}
      .box02-img{ width: 100%; margin:-20px 0 0; z-index: 1;}

   .box03{ width: 100%; margin: 0; position: relative;}
      .owl-carousel-box03{ width: 100%; margin: 0; z-index: 3 !important;}
         .box03-text{ display: none !important; position: absolute; top: 12%; left: 2%; width: auto; margin: 0; font-weight: bolder; z-index: 5;}
            .box03-text h2{ width: 100%; margin: 0 0 16px; font-size: 1.05em; line-height: 1.15em; letter-spacing: 2px; color: #225059;}
            .box03-text p{ width: 100%; margin: 0; font-size: 12px; line-height: 1.15em; letter-spacing: 1px; color: #333;}
            .box03-img-pc{ display: none !important;}
            .box03-img-ph{ display: inline-block !important;}
         .item h6{ position: absolute; width: 94%; bottom: -6%; right: 10%; text-align: right; font-size: 10px; font-weight: bolder; letter-spacing: 1px; color: #FFF; z-index: 5;}
      .box03-text-ph{ width: 260px; margin: 25px calc(50% - 130px) 15px; font-weight: bolder;}
         .box03-text-ph h2{ width: 100%; margin: 0 0 16px; font-size: 1.65em; line-height: 1.5em; letter-spacing: 2px; color: #225059;}
         .box03-text-ph p{ width: 100%; margin: 0; font-size: 1em; line-height: 1.25em; letter-spacing: 1px; color: #333;}
      .box03 span{ position: absolute; bottom: -10%; left: -10%; width: 35%; margin: 0; z-index: 1;}
   
   .box04{flex-direction: column-reverse; align-items: center; width: 100%; margin: 0; padding: 45px 3%; box-sizing: border-box; position: relative; overflow: hidden;}
      .box04-img{ justify-content: center; align-items: center; width: 100%; margin: 0 0 10px;}
         .box04-img-box{ width: 49%; margin: 8px 0.5%; border-radius: 15px; overflow: hidden; position: relative;}
            .box04-img-box p{ position: absolute; bottom: 0; left: calc(50% - 40px); width: 80px; margin: 0; padding: 4px 0; box-sizing: border-box; text-align: center; font-size: 14px; font-weight: bolder; letter-spacing: 1px; color: #333; background-color: #d5d736; border-radius: 3px; z-index: 3;}
      .box04-text{ width: 100%; margin: 0; font-weight: bolder; color: #333;}   
         .box04-text h3{ width: 100%; margin: 0 0 12px; font-size: 1.5em; line-height: 1.5em; letter-spacing: 2px;}
         .box04-text p{ width: 100%; margin: 0; font-size: 14px; line-height: 1.35em; letter-spacing: 1px;}
            .box04-text font{ font-size: 1.15em; color: #982529;}
      .box04 span{ position: absolute; bottom: 2%; right: -5%; width: 35%; margin: 0; z-index: 1;}

   .box05{ width: 100%; margin: 0;}

   .box06{ align-items: flex-end; width: 100%; margin: 0; position: relative;}
      .box06 span{ width: 100%; margin: 0; z-index: 1;}
      .box06-text{ position: absolute; top: 25%; left: 25%; width: 50%; margin: 0; z-index: 5 !important;}
         .box06-text h2{ width: 70%; margin: 0 10% 10px 20%;}
         .box06-text h3{ width: 100%; margin: 0;}


.footer-bg{ width: 100%; margin: 0; padding: 20px 5%; box-sizing: border-box; background-color: #8ab8b4;}
   .footer-bg FI{ width: 70%; margin: 18px 10% 30px 20%;}
   .footer-bg form{ justify-content: space-between; align-items: flex-start; width: 100%; margin: 0; padding: 18px 0 0; border-top: 1px #333 solid;}
      .footer-form-box{ width: 100%; margin: 0;}
         .form-box-style{ align-items: center; width: 100%; margin: 0 0 18px; padding: 6px; box-sizing: border-box; border: 1px #333 solid;}
            .form-box-style h4, .form-box-style h5{ margin: 0; font-size: 1.15em; letter-spacing: 1px; color: #333;}
            .form-box-style h4{ width: 80px;}
            .form-box-style h5{ width: 100%; text-align: center;}
            .form-box-style input, .form-box-style textarea{ margin: 0; background: none; border: none;}
            .form-box-style input{ width: calc(100% - 80px);}
            .form-box-style textarea{ width: 100%; height: 180px;}
      .form-style-code{ justify-content: center; align-items: center; width: 100%; margin: 0;}
      .form-button{ justify-content: center; align-items: center; width: 100%; margin: 18px 0 0; padding: 12px 0; text-decoration: none; font-size: 1.05em; font-weight: bolder; letter-spacing: 15px; color: #333; background-color: #FFF; transition: 0.25s ease-in-out;}
         .form-button:visited{ text-decoration: none; color: #333; background-color: #FFF;}
         .form-button:hover{ text-decoration: none; color: #FFF; background-color: #43706b;}
         .form-button:active{ text-decoration: none; color: #333; background-color: #FFF;}

   .footer-box{ align-items: center; width: 86%; margin: 0 7%;}
      .footer-box-item{ width: 100%; margin:-10px 0;}
         .footer-box-item-tr{ width: 100%; margin: 18px 0;}
            .footer-box-item-tr span{ align-items: flex-end; width: 100%; margin: 0 0 10px; font-size: 1.15em; font-weight: bolder; color: #333;}
               .footer-box-item-tr span font{ margin-left: 8px; font-size: 0.8em; color: #F00;}
            .footer-box-item-tr p{ width: 100%; margin: 0;}
               .footer-box-item-tr p input{ width: 100%; margin: 0; padding: 6px 8px; box-sizing: border-box; border: 1px #AAA solid; border-radius: 4px;}
               .footer-box-item-tr p .address-zone{ justify-content: space-between; width: 100%; margin: 0;}
                  .footer-box-item-tr p .address-zone select{ width: 48%; margin: 0; padding: 6px 8px; font-size: 1em;  border: 1px #AAA solid; border-radius: 4px;}
               .footer-box-item-tr p label{ width: auto; margin: 0 12px 5px 0;}


/* 表格版面: 481px 到 768px。樣式繼承自: 行動版面。 */
@media only screen and (min-width: 481px) {
   .top-box-bg{ width: 100%; height: auto; max-height: 100vh;}
      .top-box-text{ top: 22%; left: 3%; width: 280px; margin: 0;}
         .top-box-text span{ width: 70%; margin: 0 15% 20px;}
         .top-box-text h1{ width: 100%; margin: 0 0 20px; font-size: 1.85em;}
         .top-box-text h2{ width: 100%; margin: 0; font-size: 1.15em;}      

   .box01{ width: 100%; height: auto; max-height: 100vh;}
      .box01-text{  top: 48%; left: 10%;} 
         .box01-text h2{ width: 100%; font-size: 1.85em;}

      .box02{width: 100%; margin: 0;}
         .box02-text{ width: 100%; margin:30px 0 0;}
            .box02-text-box{ width: 270px; margin: 0 calc(50% - 135px);}
               .box02-text-box h4{ width: 100px; margin: 0 calc(50% - 50px) 25px;}
               .box02-text-box h2{ width: 100%; margin: 0 0 25px; font-size: 1.85em;}
               .box02-text-box p{ width: 100%; margin: 0; font-size: 1.05em; line-height: 1.5em;}
            .box02-text span{ width: 100%; margin: 5px 0 0;}
         .box02-img{ width: 100%; margin:-35px 0 0;}

      .box03{ width: 100%; margin: 0;}
         .owl-carousel-box03{ width: 100%; margin: 0; }
            .item h6{ width: 94%; bottom: -6%; right: 10%; font-size: 12px;}
         .box03-text-ph{ width: 270px; margin: 35px calc(50% - 135px) 20px;}
            .box03-text-ph h2{ width: 100%; margin: 0 0 20px; font-size: 1.85em;}
            .box03-text-ph p{ width: 100%; margin: 0; font-size: 1.05em; line-height: 1.5em;}
         .box03 span{ bottom: -10%; left: -10%; width: 35%; margin: 0;}
   
      .box04{ width: 100%; margin: 0; padding: 60px 5%;}
         .box04-img{ width: 100%; margin: 25px 0 0;}
            .box04-img-box{ width: 48%; margin: 12px 1%;}
               .box04-img-box p{ bottom: 0; left: calc(50% - 50px); width: 100px; margin: 0; padding: 5px 0; font-size: 1em;}
         .box04-text{ width: 100%; margin: 0;}   
            .box04-text h3{ width: 100%; margin: 0 0 20px; font-size: 1.85em;}
            .box04-text p{ width: 100%; margin: 0; font-size: 1em; line-height: 1.5em;}
         .box04 span{ bottom: 3%; right: -5%; width: 35%;}

      .box06{ width: 100%; margin: 0;}
         .box06-text{ top: 28%; left: 26%; width: 48%; margin: 0;}
            .box06-text h2{ width: 70%; margin: 0 10% 25px 20%;}




   .footer-bg{ width: 100%; margin: 0; padding: 25px 6%;}
      .footer-bg FI{ width: 60%; margin: 30px 13% 40px 27%;}
      .footer-bg form{ width: 100%; margin: 0; padding: 35px 0 0;}
         .footer-form-box{ width: 100%; margin: 0;}
            .form-box-style{ width: 100%; margin: 0 0 25px; padding: 8px;}
               .form-box-style h4, .form-box-style h5{ margin: 0; font-size: 1.25em;}
               .form-box-style h4{ width: 100px;}
               .form-box-style h5{ width: 100%;}
               .form-box-style input{ width: calc(100% - 100px);}
               .form-box-style textarea{ width: 100%; height: 200px;}
         .form-button{ width: 100%; margin: 35px 0 0; padding: 16px 0; font-size: 1.15em;}
         
      .footer-box{ width: 80%; margin: 0 10%;}
         .footer-box-item{ width: 100%; margin:-10px 0;}
            .footer-box-item-tr{ width: 100%; margin: 20px 0;}
               .footer-box-item-tr span{ width: 100%; margin: 0 0 10px; font-size: 1.15em;}
               .footer-box-item-tr p{ width: 100%; margin: 0;}
                  .footer-box-item-tr p input{ width: 100%; margin: 0; padding: 6px 8px;}
                  .footer-box-item-tr p label{ width: auto; margin: 0 15px 0 0;}
}

@media only screen and (min-width: 681px) {
   .bgimg-pc{ display: inline-block;}
   .bgimg-ph{ display: none;}

      .box02{width: 100%; margin: 0;}
         .box02-text{ width: 55%; margin:30px 0 0;}
            .box02-text-box{ width: 270px; margin: 0 0 0 calc(100% - 270px);}
               .box02-text-box h4{ width: 100px; margin: 0 calc(50% - 50px) 25px;}
               .box02-text-box h2{ width: 100%; margin: 0 0 25px; font-size: 2em;}
               .box02-text-box p{ width: 100%; margin: 0; font-size: 1.05em;}
            .box02-text span{ width: 120%; margin: 5px 0 10px;}
         .box02-img{ width: 45%; margin: 0;}



}


/* 桌面版面: 768px 到1024繼承自: 行動版面和表格版面。 */
@media only screen and (min-width: 769px) {
   .top-box-bg{ width: 100%; height: auto; max-height: 100vh;}
      .top-box-text{ top: 14%; left: 8%; width: 280px; margin: 0;}
         .top-box-text span{ width: 70%; margin: 0 15% 25px;}
         .top-box-text h1{ width: 100%; margin: 0 0 25px; font-size: 2em; line-height: 1.5em;}
         .top-box-text h2{ width: 100%; margin: 0; font-size: 1.25em;}     

   .box01{ width: 100%; height: auto; max-height: 100vh;}
      .box01-text{  top: 42%; left: 10%;} 
         .box01-text h2{ width: 100%; font-size: 2em;}

      .box02{width: 100%; margin: 0;}
         .box02-text{ width: 45%; margin:35px 0 0;}
            .box02-text-box{ width: 270px; margin: 0 0 0 calc(100% - 270px);}
               .box02-text-box h4{ width: 100px; margin: 0 calc(50% - 50px) 25px;}
               .box02-text-box h2{ width: 100%; margin: 0 0 25px; font-size: 2em;}
               .box02-text-box p{ width: 100%; margin: 0; font-size: 1.05em;}
            .box02-text span{ width: 120%; margin: 5px 0 10px;}
         .box02-img{ width: 55%; margin: 0;}

      .box03{ width: 100%; margin: 0;}
         .owl-carousel-box03{ width: 100%; margin: 0; }
            .box03-text{ display: inline-block !important; top: 13%; left: 2%;}
               .box03-text h2{ width: 100%; margin: 0 0 25px; font-size: 1.85em; line-height: 1.5em;}
               .box03-text p{ width: 100%; margin: 0; font-size: 1em; line-height: 1.35em;} 
               .box03-img-pc{ display: inline-block !important;}
               .box03-img-ph{ display: none !important;}            
            .item h6{ width: 94%; bottom: -5%; right: 3%; font-size: 1em;}
            .box03-text-ph{ display: none;}
         .box03 span{ bottom: -10%; left: -10%; width: 20%; margin: 0;}
   
      .box04{ flex-direction: row; width: 100%; margin: 0; padding: 80px 4%;}
         .box04-img{ width: 45%; margin: 0 3% 0 0;}
            .box04-img-box{ width: 48%; margin: 12px 1%;}
               .box04-img-box p{ bottom: 0; left: calc(50% - 50px); width: 100px; margin: 0; padding: 5px 0; font-size: 1em;}
         .box04-text{ width: 52%; margin: 0;}   
            .box04-text h3{ width: 100%; margin: 0 0 25px; font-size: 1.85em;}
            .box04-text p{ width: 100%; margin: 0; font-size: 1em; line-height: 1.5em;}
         .box04 span{ bottom: 8%; right: -5%; width: 20%;}

      .box06{ width: 100%; margin: 0;}
         .box06-text{ top: 35%; left: 29%; width: 42%; margin: 0;}
            .box06-text h2{ width: 70%; margin: 0 10% 40px 20%;}




   .footer-bg{ width: 100%; margin: 0; padding: 35px 6%;}
      .footer-bg FI{ width: 50%; margin: 30px 17% 60px 33%;}
      .footer-bg form{ width: 100%; margin: 0; padding: 35px 0 0;}
         .footer-form-box{ width: 48%; margin: 0;}
            .form-box-style{ width: 100%; margin: 0 0 25px; padding: 8px;}
               .form-box-style h4, .form-box-style h5{ margin: 0; font-size: 1.25em;}
               .form-box-style h4{ width: 100px;}
               .form-box-style h5{ width: 100%;}
               .form-box-style input{ width: calc(100% - 100px);}
               .form-box-style textarea{ width: 100%; height: 200px;}
         .form-button{ width: 100%; margin: 35px 0 0; padding: 16px 0; font-size: 1.25em;}
         
      .footer-box{ width: 700px; margin: 0 calc(50% - 350px);}
         .footer-box-item{ width: 46%; margin: 0 2%;}
            .footer-box-item-tr{ width: 100%; margin: 25px 0;}
               .footer-box-item-tr span{ width: 100%; margin: 0 0 10px; font-size: 1.15em;}
               .footer-box-item-tr p{ width: 100%; margin: 0;}
                  .footer-box-item-tr p input{ width: 100%; margin: 0; padding: 6px 8px;}
                  .footer-box-item-tr p label{ width: auto; margin: 0 15px 0 0;}
}


/* 桌面版面: 1025px 到最大樣式繼承自: 行動版面和表格版面。 */
@media only screen and (min-width: 1025px) {
   .top-box-bg{ width: 100%; height: auto; max-height: 100vh;}
      .top-box-text{ top: 14%; left: 8%; width: 360px; margin: 0;}
         .top-box-text span{ width: 80%; margin: 0 10% 30px;}
         .top-box-text h1{ width: 100%; margin: 0 0 30px; font-size: 2.65em;}
         .top-box-text h2{ width: 100%; margin: 0; font-size: 1.65em;}    

   .box01{ width: 100%; height: auto; max-height: 100vh;}
      .box01-text{  top: 38%; left: 10%;} 
         .box01-text h2{ width: 100%; font-size: 2.65em;}

      .box02{width: 100%; margin: 0;}
         .box02-text{ width: 35%; margin:45px 0 0;}
            .box02-text-box{ width: 300px; margin: 0 0 0 calc(100% - 300px);}
               .box02-text-box h4{ width: 120px; margin: 0 calc(50% - 60px) 30px;}
               .box02-text-box h2{ width: 100%; margin: 0 0 30px; font-size: 2.35em;}
               .box02-text-box p{ width: 100%; margin: 0; font-size: 1.15em;}
            .box02-text span{ width: 120%; margin: 5px 0 10px;}
         .box02-img{ width: 65%; margin: 0;}

      .box03{ width: 100%; margin: 0;}
         .owl-carousel-box03{ width: 100%; margin: 0; }
            .box03-text{ top: 20%; left: 2%;}
               .box03-text h2{ width: 100%; margin: 0 0 30px; font-size: 2em;}
               .box03-text p{ width: 100%; margin: 0; font-size: 1.15em;line-height: 1.5em;}
            .item h6{ width: 94%; bottom: -2%; right: 3%; font-size: 1em;}
         .box03 span{ bottom: -10%; left: -10%; width: 20%; margin: 0;}
   
      .box04{ width: 100%; margin: 0; padding: 100px 6%;}
         .box04-img{ width: 45%; margin: 0 5% 0 0;}
            .box04-img-box{ width: 48%; margin: 12px 1%;}
               .box04-img-box p{ bottom: 0; left: calc(50% - 60px); width: 120px; margin: 0; padding: 6px 0; font-size: 1.05em;}
         .box04-text{ width: 50%; margin: 0;}   
            .box04-text h3{ width: 100%; margin: 0 0 30px; font-size: 2em;}
            .box04-text p{ width: 100%; margin: 0; font-size: 1.05em; line-height: 1.5em;}
         .box04 span{ bottom: 8%; right: -5%; width: 20%;}

      .box06{ width: 100%; margin: 0;}
         .box06-text{ top: 35%; left: 29%; width: 42%; margin: 0;}
            .box06-text h2{ width: 70%; margin: 0 10% 50px 20%;}



   .footer-bg{ width: 100%; margin: 0; padding: 45px 10%;}
      .footer-bg FI{ width: 50%; margin: 50px 17% 80px 33%;}
      .footer-bg form{ width: 100%; margin: 0; padding: 35px 0 0;}
         .footer-form-box{ width: 48%; margin: 0;}
            .form-box-style{ width: 100%; margin: 0 0 35px; padding: 8px;}
               .form-box-style h4, .form-box-style h5{ margin: 0; font-size: 1.35em;}
               .form-box-style h4{ width: 110px;}
               .form-box-style h5{ width: 100%;}
               .form-box-style input{ width: calc(100% - 110px);}
               .form-box-style textarea{ width: 100%; height: 230px;}
         .form-button{ width: 100%; margin: 35px 0 0; padding: 18px 0; font-size: 1.25em;}
         
      .footer-box{ width: 800px; margin: 0 calc(50% - 400px);}
         .footer-box-item{ width: 40%; margin: 0 5%;}
            .footer-box-item-tr{ width: 100%; margin: 25px 0;}
               .footer-box-item-tr span{ width: 100%; margin: 0 0 10px; font-size: 1.25em;}
               .footer-box-item-tr p{ width: 100%; margin: 0;}
                  .footer-box-item-tr p input{ width: 100%; margin: 0; padding: 6px 8px;}
                  .footer-box-item-tr p label{ width: auto; margin: 0 15px 0 0;}
}

@media only screen and (min-width: 1441px) {
   .top-box-bg{ width: 100%; height: auto; max-height: 100vh;}
      .top-box-text{ top: 24%; left: 12%; width: 450px; margin: 0;}
         .top-box-text span{ width: 80%; margin: 0 10% 35px;}
         .top-box-text h1{ width: 100%; margin: 0 0 35px; font-size: 3.25em;}
         .top-box-text h2{ width: 100%; margin: 0; font-size: 2em;}   

   .box01{ width: 100%; height: auto; max-height: 100vh;}
      .box01-text{  top: 48%; left: 15%;} 
         .box01-text h2{ width: 100%; font-size: 2.85em;}

      .box02{width: 100%; margin:0;}
         .box02-text{ width: 30%; margin:45px 0 0;}
            .box02-text-box{ width: 350px; margin: 0 0 0 calc(100% - 350px);}
               .box02-text-box h4{ width: 140px; margin: 0 calc(50% - 70px) 35px;}
               .box02-text-box h2{ width: 100%; margin: 0 0 35px; font-size: 2.85em;}
               .box02-text-box p{ width: 100%; margin: 0; font-size: 1.35em;}
            .box02-text span{ width: 120%; margin: 5px 0 35px;}
         .box02-img{ width: 70%; margin: 0;}

      .box03{ width: 100%; margin: 0;}
         .owl-carousel-box03{ width: 100%; margin: 0; }
            .box03-text{ top: 26%; left: 6%;}
               .box03-text h2{ width: 100%; margin: 0 0 35px; font-size: 2.85em;}
               .box03-text p{ width: 100%; margin: 0; font-size: 1.35em; }
            .item h6{ width: 94%; bottom: 0; right: 3%; font-size: 1.15em;}
         .box03 span{ bottom: -10%; left: -10%; width: 20%; margin: 0;}
   
      .box04{ width: 100%; margin: 0; padding: 120px 8%;}
         .box04-img{ width: 50%; margin: 0 5% 0 0;}
            .box04-img-box{ width: 48%; margin: 25px 1%;}
               .box04-img-box p{ bottom: 0; left: calc(50% - 65px); width: 130px; margin: 0; padding: 8px 0; font-size: 1.25em;}
         .box04-text{ width: 45%; margin: 0;}   
            .box04-text h3{ width: 100%; margin: 0 0 35px; font-size: 2.85em;}
            .box04-text p{ width: 100%; margin: 0; font-size: 1.35em; line-height: 1.65em;}
         .box04 span{ bottom: 8%; right: -5%; width: 20%;}

      .box06{ width: 100%; margin: 0;}
         .box06-text{ top: 35%; left: 29%; width: 42%; margin: 0;}
            .box06-text h2{ width: 70%; margin: 0 10% 60px 20%;}




   .footer-bg{ width: 100%; margin: 0; padding: 60px 10%;}
      .footer-bg FI{ width: 50%; margin: 50px 17% 120px 33%;}
      .footer-bg form{ width: 100%; margin: 0; padding: 35px 0 0;}
         .footer-form-box{ width: 48%; margin: 0;}
            .form-box-style{ width: 100%; margin: 0 0 35px; padding: 8px;}
               .form-box-style h4, .form-box-style h5{ margin: 0; font-size: 1.35em;}
               .form-box-style h4{ width: 110px;}
               .form-box-style h5{ width: 100%;}
               .form-box-style input{ width: calc(100% - 110px);}
               .form-box-style textarea{ width: 100%; height: 230px;}
         .form-button{ width: 100%; margin: 35px 0 0; padding: 18px 0; font-size: 1.25em;}
         
      .footer-box{ width: 900px; margin: 0 calc(50% - 450px);}
         .footer-box-item{ width: 40%; margin: 0 5%;}
            .footer-box-item-tr{ width: 100%; margin: 25px 0;}
               .footer-box-item-tr span{ width: 100%; margin: 0 0 10px; font-size: 1.25em;}
               .footer-box-item-tr p{ width: 100%; margin: 0;}
                  .footer-box-item-tr p input{ width: 100%; margin: 0; padding: 6px 8px;}
                  .footer-box-item-tr p label{ width: auto; margin: 0 15px 0 0;}
}