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


/* sitemap.css */
/*--------------------------------------*/

/* section title */
#section_title {
    background:url("../images/h1_terms_bg.png");
}
#section_title_inner {
    height:130px;
}
#section_title_inner h1 {
    margin:0 auto;
    padding-top:0;
    text-align:center;
    line-height:130px;
}

.section h2 {
    margin-bottom:0.8em;
    padding-top:0.8em;
    border-top:1px solid #cccccc;
    font-size:1.7em;
    font-weight:bold;
}
.section h2.home {
    padding-top:0;
    border-top:none;
}

.section .products {
    margin-bottom:0.5em;
    padding-top:0.5em;
    border-top:1px solid #cccccc;
}
.section .products h2 {
    float:left;
    width:16em;
    padding-top:0;
    border-top:none;
}
.section .products ul {
    float:left;
}
.section .products ul li {
    margin-bottom:0.5em;
    font-size:1.5em;
    font-weight:bold;
}




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








}
/* - 1200px end */





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






}
/* - 768px end */





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

/* section title */
#section_title {
    margin-bottom:40px;
}
#section_title_inner {
    height:auto;
    padding:2.5em 0;
}
#section_title_inner h1 {
    line-height:1.2;
}

.section h2 {
    font-size:1.5em;
}
.section .products h2 {
    float:none;
    width:100%;
}
.section .products ul {
    margin-left:2em;
}
.section .products ul li {
    font-size:1.3em;
}





}
/* - 750px end */




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

.section h2 {
    font-size:1.3em;
}
.section .products ul li {
    font-size:1.2em;
}




}
/* - 375px end */




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














}
/* - 320px end */