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

/*--------------------------------------*/
/* contact */
/*--------------------------------------*/
/* styles.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:1.2em;
    padding-top:0.8em;
    padding-bottom:0.5em;
    border-top:none;
    border-bottom:1px solid #cccccc;
    font-size:1.7em;
    font-weight:bold;
}


/* color section */
.section_a {
    width:100%;
    background-color:#f3f3f3;
    margin:0 auto 3em;
    padding:3% 6%
}
.section_a ol {
    margin-bottom:0;
    font-size:1.2em;
    font-weight:bold;
}




.section_inner .contact {
    margin-bottom:3em;
}
.section_inner .contact a {
    display:inline-block;
    background:#e94709 url("../../images/common/arrow.png") no-repeat right center;
    padding:0.5em 100px;
    text-align:center;
    line-height:1.8;
    font-size:1.5em;
    color:#ffffff;
}
.section_inner .contact a:hover {
    background-color:#f07e52;
    text-decoration:none;
}



/* - 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_inner .contact a {
    padding:0.5em 90px;
    font-size:1.3em;
}



}
/* - 750px end */




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

.section h2 {
    font-size:1.3em;
}




}
/* - 375px end */




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




.section_inner .contact a {
    font-size:1.1em;
}



}
/* - 320px end */