@import url("../../css/cssreset.css");
@import url("../../css/base.css");
@import url("../../css/navigation.css");
@import url("../../css/contents.css");


/*--------------------------------------*/
/* business */
/*--------------------------------------*/
/* styles.css */
/*--------------------------------------*/

/* section title */
#section_title {
    background:url("../images/h1_tile_bg.png");
}
#section_title_inner {
    background:url("../images/h1_bg.jpg") no-repeat center top;
}


/* inc images */
.inc_img img {
    width:100%;
    height:auto;
}


/* color section */
.section_a,
.section_b,
.section_c {
    width:100%;
    margin:0 auto;
    padding:20px 0;
}
.section_a {background-color:#e2f6dd;}
.section_b {background-color:#fdf6e9;}
.section_c {background-color:#e9f8fd;margin-bottom:80px;}

.section_a h2,
.section_b h2,
.section_c h2 {
    margin-bottom:0.5em;
    font-size:1.4em;
    font-weight:bold;
}
.section_a h3,
.section_b h3,
.section_c h3 {
    font-size:1.2em;
    font-weight:bold;
}
.section_a p,
.section_b p,
.section_c p {
}



/* - 1100px */
/*-----------------------------------------------------------*/
@media only screen and (max-width: 1100px) {








}
/* - 1100px end */





/* - 768px */
/*-----------------------------------------------------------*/
@media only screen and (max-width: 768px) {

/* section title */
#section_title_inner {
    background:url("../images/h1_bg_sp.jpg") no-repeat center bottom;
    background-size:cover;
}

/* column */
.column2-1 {
    float:none;
    width:100%;
}
.column2-1.column_txt {
    padding-right:0;
}

/* color section */
.section_a .column2-1,
.section_b .column2-1,
.section_c .column2-1 {
    float:none;
    width:100%;
    margin:0 auto;
}
.section_a .column2-1:first-child,
.section_b .column2-1:first-child,
.section_c .column2-1:first-child {
    width:100%;
    margin-bottom:1.5em;
    padding-right:0;
}







}
/* - 768px end */





/* - 750px */
/*-----------------------------------------------------------*/
@media only screen and (max-width: 750px) {









}
/* - 750px end */




/* - 640px */
/*-----------------------------------------------------------*/
@media only screen and (max-width: 640px) {











}
/* - 640px end */




/* - 375px */
/*-----------------------------------------------------------*/
@media only screen and (max-width: 375px) {















}
/* - 375px end */




/* - 320px */
/*-----------------------------------------------------------*/
@media only screen and (max-width: 320px) {














}
/* - 320px end */