@import url("../../css/cssreset.css");
@import url("../../css/common.css");
@import url("../../css/header.css");
@import url("../../css/footer.css");


/* company page */
section:not(#head-title) {
    letter-spacing: -0.01em;
}

section h2 {
    position: relative;
    margin-bottom: 2em;
    text-align: center;
    line-height: 1.2;
    font-size: 2.0em;
    font-weight: bold;
}
section h2 span {
    display:block;
    font-size:0.5em;
    color:#e51937
}

section#contents h3 {
    margin-bottom: 1em;
    padding-left: 0.5em;
    border-left-style: solid;
    border-left-width: 7px;
    line-height: 1.4;
    font-size:1.4em;
    font-weight: bold;
}

section p {
    margin-bottom: 1em;
    font-size: 1.2em;
}

/* greeting */
section#greeting {
    padding: 45px 0 60px;
}
section#greeting .ceo,
section#greeting .ceo-text {
    width:94%;
    max-width: 850px;
    margin: 0 auto;
}
section#greeting .ceo .image {
    order:1;
    width: 36%;
    max-width: 300px;
}
section#greeting .ceo .text {
    order:2;
    width: 60%;
}
section#greeting .ceo .text h3 {
    margin-bottom: 1em;
    font-size: 2.2em;
    font-weight: bold;
    color:#e51937;
}
section#greeting .ceo .text p {
    line-height: 2.0;
    font-size: 1.7em;
    font-weight: bold;
}
section#greeting .ceo-text p {
    margin-bottom: 1.5em;
}


/* media */
section#media {
    padding: 80px 0 60px;
}
section#media .flex-wrap {
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 94%;
    max-width: 960px;
    margin: 0 auto;
}
section#media .flex-wrap .block {
    width: 31%;
    margin-right: 3.5%;
    margin-bottom: 6%;
}
section#media .flex-wrap .block:nth-child(3n) {
    margin-right: 0;
}
section#media .flex-wrap .block a {
    position: relative;
    color:#000000;
    text-decoration: none;
}
section#media .flex-wrap .block a:after {
    display: block;
    position: absolute;
    top: 2%;
    right: 2%;
    width: 14px;
    height: 14px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("../../images/common/icon_external.png");
    background-size: contain;
    content:"";
}
section#media .flex-wrap .block h4 {
    font-weight: bold;
}
section#media .flex-wrap .block p {
    font-size:1.0em;
}


/* overview / history */
dl.list {
    width: 94%;
    max-width: 740px;
    margin-left: auto;
    margin-right: auto;
    border-top: 1px solid #cccccc;
    font-size: 1.2em;
}
dl.list div {
    display: flex;
    justify-content: space-between;
    padding: 1em 1em;
    border-bottom: 1px solid #cccccc;
}

/* overview */
section#overview {
    padding: 80px 0 80px;
}
section#overview dl.list dt {
    width: 8em;
}
section#overview dl.list dd {
    width: calc(100% - 8em);
}

/* history */
section#history {
    padding: 80px 0 80px;
}
section#history dl.list dt {
    width: 8em;
}
section#history dl.list dd {
    width: calc(100% - 8em);
}

/* business */
section#business {
    padding: 80px 0 80px;
}





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

section#greeting .ceo .text h3 {
    font-size: 3.4vw;
}
section#greeting .ceo .text p {
    font-size: 2.4vw;
}

}
/* - 1080px end */


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

section#greeting .ceo {
    display: block;
}
section#greeting .ceo .image {
    width: 100%;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
}
section#greeting .ceo .text {
    width: 100%;
    max-width: 30em;
    margin:0 auto 1.5em;
}
section#greeting .ceo .text h3 {
    margin-bottom: 0.5em;
    text-align: center;
    font-size: 4.8vw;
}
section#greeting .ceo .text p {
    font-size: 3.2vw;
}

section#media .flex-wrap {
    display: flex;
    max-width: 640px;
}
section#media .flex-wrap .block {
    width: 48%;
    max-width: 300px;
    margin-right: 4%;
    margin-bottom: 6%;
}
section#media .flex-wrap .block:nth-child(3n) {
    margin-right: 4%;
}
section#media .flex-wrap .block:nth-child(even) {
    margin-right: 0;
}

section#overview dl.list dt {
    width: 6em;
}
section#overview dl.list dd {
    width: calc(100% - 6em);
}

section#history dl.list dt {
    width: 6em;
}
section#history dl.list dd {
    width: calc(100% - 8em);
}


}
/* - 750px end */


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

section#greeting .ceo .text h3 {
    font-size: 6.4vw;
}
section#greeting .ceo .text p {
    font-size: 1.2em;
}
section#greeting .ceo .text p br {
    display: none;
}

dl.list div {
    display: block;
    padding: 1em 0;
}

section#overview dl.list dt,
section#history dl.list dt {
    width: 100%;
    font-weight: bold;
}
section#overview dl.list dd,
section#history dl.list dd {
    width: 100%;
}




}
/* - 430px end */


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




}
/* - 320px end */