@charset "UTF-8";
/* ---------------------------------------------------------------------
 design
 * --------------------------------------------------------------------- */
.pages_main_image{height:auto;position: relative;}
.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_design .container{width: 1200px; margin: 0 auto; position: relative;}

#body_design .sec1{ width: 100%; background: url("../images/design/sec1_bg.jpg") repeat-x top center;}
#body_design .contents_area{padding: 30px 0 0;}
#body_design .img1{width: 600px;}
#body_design .img1 img{max-width: 100%;}
#body_design .sec1-txt{width: 500px;text-align: left; margin-top: 120px;}
#body_design .sec1-txt h3{font-size: 50px; letter-spacing: 0.1em; line-height: 1.8;}
#body_design .sec1-txt p{margin-top: 40px; font-size: 16px; line-height: 2.8; letter-spacing: 0.1em;}

#body_design .sec2{ width: 100%; padding: 70px 0 30px; background-color: #4c4842; color: #fff;}
#body_design .sec2 .wrapper{width: 980px; margin: 0 auto;}
#body_design .sec2-txt{width: 584px; text-align: left;}
#body_design .sec2-txt h3{font-size: 36px; letter-spacing: 0.1em; line-height: 1.6;}
#body_design .sec2-txt p{margin-top: 40px; font-size: 18px; line-height: 1.8; letter-spacing: 0.1em; color: #ddd;}
#body_design .img2{width: 330px;}
#body_design .img2 img{max-width: 100%;}

#body_design .sec3{ width: 100%; padding: 50px 0 0;}
#body_design .sec3-txt{ width: 480px; text-align: left; position: absolute; left: 700px;}
#body_design .sec3-txt h3{font-size: 36px; margin-top: 70px;}
#body_design .sec3-txt p{margin-top: 70px; font-size: 18px; line-height: 2.8; letter-spacing: 0.1em;}
#body_design .img3{width: 100%;}
#body_design .img3 img{max-width: 100%;}

#body_design .sec4{position: relative;}
#body_design .img4{width: 100%;height: auto;min-width: 1200px;}
#body_design .img4 img{max-width: 100%;}
#body_design .inner{ width: 1200px; position: absolute;left: 0;right: 0;top: 0;margin: auto;}
#body_design .img4-txt{position: absolute;left: 0; right: 0; top: 130px; width: 1200px;}
#body_design .caption{ font-size: 12px; text-align: right; padding-top: 6px; color: #000;}

#body_design .sec5{ width: 100%; padding: 80px 0 0;}
#body_design .sec5 h3{ width: 733px; margin: 0 auto;}
#body_design .sec5 p{margin-top: 60px; font-size: 18px; line-height: 1.8; letter-spacing: 0.1em;}
#body_design .img5{width: 100%; margin-top: 100px; margin-bottom: 95px;}
#body_design .img5 img{max-width: 100%;}

#body_design .sec5-bg{ width: 100%; padding: 120px 0 40px;background: -moz-linear-gradient(top, #f7f2ee, #eadfd6);background: -webkit-linear-gradient(top, #f7f2ee, #eadfd6);background: linear-gradient(to bottom, #f7f2ee, #eadfd6);}
#body_design .img6{width: 1200px; margin: 0 auto 40px;}
#body_design .img6 img{max-width: 100%;}

#body_design .sec6{ width: 100%; padding: 120px 0 80px; background-color: #4c4842;}
#body_design .sec6 .wrapper{width: 1200px; margin: 0 auto;}
#body_design .sec6-txt{ width: 440px; text-align: left; color: #ddd;}
#body_design .sec6 h3{width: 330px;}
#body_design .sec6 p{margin-top: 30px; font-size: 15px; line-height: 1.6;}
#body_design .img7{ width: 716px;}
#body_design .img7 img{max-width: 100%;}

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

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

.pages_main_image{height:auto;position: relative;}
.pages_main_image .images{width: 100%;height: auto;min-width: auto;}
.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_design .container{width: 100%; margin: 0 auto; position: relative;}

#body_design .sec1{ width: 100%; background: url("../images/design/sec1_bg.jpg") repeat-x top center;}
#body_design .contents_area{padding: 0;}
#body_design .sec1 .reverse{flex-direction: column-reverse;}
#body_design .img1{width: 100%; margin-top: 20px;}
#body_design .img1 img{max-width: 100%;}
#body_design .sec1-txt{width: 80%;text-align: left; margin: 30px auto 0;}
#body_design .sec1-txt h3{font-size: 26px; letter-spacing: 0.1em; line-height: 1.6;}
#body_design .sec1-txt p{margin-top: 20px; font-size: 14px; line-height: 2.0; letter-spacing: 0.1em;}

#body_design .sec2{ width: 100%; padding: 40px 0 30px; background-color: #4c4842; color: #fff;}
#body_design .sec2 .wrapper{width: 80%; margin: 0 auto;}
#body_design .sec2-txt{width: 100%; text-align: left;}
#body_design .sec2-txt h3{font-size: 22px; letter-spacing: 0.1em; line-height: 1.6;}
#body_design .sec2-txt p{margin-top: 20px; font-size: 14px; line-height: 1.6; letter-spacing: 0.1em; color: #ddd;}
#body_design .img2{width: 80%; margin: 30px auto 0;}
#body_design .img2 img{max-width: 100%;}

#body_design .sec3{width: 100%; padding: 40px 0 0;}
#body_design .img3{width: 96%; margin: 0 auto;}
#body_design .img3 img{max-width: 100%;}

#body_design .sec4{position: relative;}
#body_design .img4{width: 100%;height: auto;min-width: auto;}
#body_design .img4 img{max-width: 100%;}

#body_design .sec5{ width: 100%; padding: 40px 0 0; margin: 0 auto;}
#body_design .sec5 .container{ width: 90%;}
#body_design .sec5 h3{ width: 70%; margin: 0 auto;}
#body_design .sec5 p{margin-top: 30px; font-size: 14px; line-height: 1.6; letter-spacing: 0.1em; text-align: left;}
#body_design .img5{width: 100%; margin-top: 30px; margin-bottom: 40px;}
#body_design .img5 img{max-width: 100%;}

#body_design .sec5-bg{ width: 100%; padding: 40px 0 40px;background: -moz-linear-gradient(top, #f7f2ee, #eadfd6);background: -webkit-linear-gradient(top, #f7f2ee, #eadfd6);background: linear-gradient(to bottom, #f7f2ee, #eadfd6);}
#body_design .img6{width: 90%; margin: 0 auto;}
#body_design .img6 img{max-width: 100%;}

#body_design .sec6{ width: 100%; padding: 40px 0 40px; background-color: #4c4842;}
#body_design .sec6 .wrapper{width: 80%; margin: 0 auto;}
#body_design .sec6-txt{ width: 100%; text-align: left; color: #ddd;}
#body_design .sec6 h3{width: 40%;}
#body_design .sec6 p{margin-top: 20px; font-size: 14px; line-height: 1.6;}
#body_design .img7{ width: 100%; margin-top: 20px;}
#body_design .img7 img{max-width: 100%;}
}