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


/*--------------------------------------*/
/* company */
/*--------------------------------------*/
/* 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;
}

#section_title_inner ul {
    padding-top:20px;
    text-align:center;
}
#section_title_inner ul li {
    display:inline-block;
    width:14em;
    margin-right:5%;
}
#section_title_inner ul li:last-child {
    margin-right:0;
}
#section_title_inner ul li a {
    display:block;
    width:100%;
    background:#e94709;
    padding:0.5em;
    font-size:1.3em;
    color:#fff;
}
#section_title_inner ul li a:hover {
    background:#f07e52;
    text-decoration:none;
}

.section h2.company {
    width:100%;
    max-width:1200px;
    background:url("../images/h2_line.png") no-repeat left center;
    margin:0 auto 2em;
    text-align:left;
}
.section h2.company span {
    display:block;
    width:88%;
    max-width:1000px;
    max-width:calc(1000px + 4%);
    background:#ffffff;
    margin:0 auto;
    padding:0 2%;
    z-index:1;
}

.section#profile,
.section#history {
    margin-top:-120px;
    padding-top:120px;
}

/* profile */
dl.profile {
    padding-right:1.5em;
}
dl.profile dt {
    font-weight:bold;
}
dl.profile > dd {
    margin-bottom:2em;
    font-size:1.1em;
}
dl.profile > dd > dl {
    margin-left:1em;
    padding-right:0;
}


/* history */
.column2-1 dl.history {
    margin-bottom:80px;
    padding-right:1.5em;
}
dl.history {
}
dl.history dt {
    float:left;
    width:4.5em;
    margin-bottom:0.5em;
    font-weight:bold;
}
dl.history dt:after {
    display:inline-block;
    margin:0 0.5em;
    content:"-";
}
dl.history dd {
    margin:0 0 0.5em 4.5em;
}


/* to story link */
.section#history .section_inner {
    position:relative;
}
.to_story {
    position:absolute;
    top:-100px;
    right:0;
    z-index:2;
}
.to_story a {
    display:inline-block;
    background:#e94709 url("../../images/common/arrow.png") no-repeat right center;
    padding:0.3em 100px 0.3em 1em;
    font-family:'Barlow Condensed', sans-serif;
    font-size:1.3em;
    color:#ffffff;
}
.to_story a:hover {
    background-color:#f07e52;
    text-decoration:none;
}



/* - 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;
}

.section h2.company {
    margin:0 auto 10px;
}
.section h2.company span {
    width:90%;
}

/* to story link */
.to_story {
    position:static;
    float:right;
    margin-bottom:2em;
}
dl.history {
    clear:both;
}


}
/* - 768px end */





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

/* section title */
#section_title_inner ul {
    padding:5% 0 0;
}
#section_title_inner ul li {
    display:block;
    margin:0 auto 2em;
}
#section_title_inner ul li:last-child {
    margin-right:auto;
}

/* profile */
dl.profile {
    padding-right:0;
}


/* history */
.column2-1 dl.history {
    padding-right:0;
}




}
/* - 750px end */




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


.to_story a {
    font-size:1.1em;
}


}
/* - 480px end */




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

/* section title */
#section_title ul li {
    margin:0 auto 1em;
}
#section_title ul li a {
    font-size:1.2em;
}








}
/* - 375px end */




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



.to_story a {
    background-size:20%;
    padding:0.3em 60px 0.3em 1em;
}



}
/* - 320px end */