@charset "utf-8";
/* CSS Document */

/*-----------------
-----------------*/

div#area_principle1{
width:100%;
float: left;
background-attachment: fixed;
background-size: cover;
background-position: center;
background-image: url( "../image/principle/area1_bg.jpg");
padding-bottom: 200px;
}

@media screen and (max-width:680px) {
div#area_principle1{
background-attachment:scroll;
}
}

div#area_principle1 div#area_principle1_box{
width:100%;
max-width:1200px;
padding:120px 30px;
margin: 0 auto;
}

div#area_principle1 div#area_principle1_box div#area_principle1_h1{
width:100%;
float: left;
background: url("../image/common/title_line.png") no-repeat 50% 50%;
padding: 100px 0 100px 0;
text-align: center;
color: #fff;
}

div#area_principle1 div#area_principle1_box div#area_principle1_h2{
width:100%;
float: left;
padding: 100px 0 100px 0;
text-align: center;
color: #fff;
}

div#area_principle1 div#area_principle1_box div#area_principle1_main{
width:100%;
float: left;
padding: 50px 0;
text-align: center;
color: #fff;
}

div#area_principle1 div#area_principle1_box div#area_principle1_main p{
text-shadow: 3px 3px 6px #000;
padding-bottom: 80px;
font-size: 1.2rem;
letter-spacing:0.3rem;
line-height: 160%;
}

div#area_principle1 div#area_principle1_box div#area_principle1_main p:last-child{
padding-bottom: 0px;
}






/*-----------------
-----------------*/

div#area_principle2{
width:100%;
float: left;
background-attachment: fixed;
background-size: cover;
background-position: center;
background-image: url( "../image/principle/area2_bg.jpg");
padding-bottom: 200px;
}

@media screen and (max-width:680px) {
div#area_principle2{
background-attachment:scroll;
}
}


div#area_principle2 div#area_principle2_box{
width:100%;
max-width:1200px;
padding:120px 30px;
margin: 0 auto;
}

div#area_principle2 div#area_principle2_box div#area_principle2_h2{
width:100%;
float: left;
padding: 100px 0 100px 0;
text-align: center;
color: #fff;
}

div#area_principle2 div#area_principle2_box div#area_principle2_main{
width:100%;
float: left;
padding: 50px 0;
text-align: center;
color: #fff;
}

div#area_principle2 div#area_principle2_box div#area_principle2_main p{
text-shadow: 3px 3px 6px #000;
padding-bottom: 80px;
font-size: 1.2rem;
letter-spacing:0.3rem;
line-height: 160%;
}

div#area_principle2 div#area_principle2_box div#area_principle2_main p:last-child{
padding-bottom: 0px;
}



/*-----------------
-----------------*/

div#area_principle3{
width:100%;
float: left;
background-attachment: fixed;
background-size: cover;
background-position: center;
background-image: url( "../image/principle/area3_bg.jpg");
padding-bottom: 200px;
}

@media screen and (max-width:680px) {
div#area_principle3{
background-attachment:scroll;
}
}


div#area_principle3 div#area_principle3_box{
width:100%;
max-width:1200px;
padding:120px 30px;
margin: 0 auto;
}


div#area_principle3 div#area_principle3_box div#area_principle3_h2{
width:100%;
float: left;
padding: 100px 0 100px 0;
text-align: center;
color: #fff;
}

div#area_principle3 div#area_principle3_box div#area_principle3_main{
width:100%;
float: left;
padding: 50px 0;
text-align: center;
color: #fff;
}

div#area_principle3 div#area_principle3_box div#area_principle3_main p{
text-shadow: 3px 3px 6px #000;
padding-bottom: 80px;
font-size: 1.2rem;
letter-spacing:0.3rem;
line-height: 160%;
}

div#area_principle3 div#area_principle3_box div#area_principle3_main p:last-child{
padding-bottom: 0px;
}