@charset "UTF-8";
/* CSS Document */

.pc{
    display: block;
}
.sp{
    display: none;
}
.sec-contact {
    width: 680px;
    margin: 0 auto;
}
.cont-photo{
    float: right;
    margin-left: 1.5em;
}
.cont-photo-01 {
    width: 240px;
    float: right;
    margin-left: 30px;
}
.cont-photo-02 {
    width: 350px;
    float: right;
    margin-left: 30px;
}
#IT .photo-01 {
    margin-top: 2em;
}
#ENVIRONMENT .clm-04 {
    margin-bottom: 30px;
}
#STORAGE-BATT .intro .cont-photo-01 {
    width: 345px;
    float: right;
    margin-left: 30px;
}
.lnk-list-01>li.photo{
    width: 450px;
}
.introduce .txt-area{
    display: grid;
}
#SiC-MOSFET .clm-02{
    display: flex;
    align-items: center;
}
#SiC-MOSFET .clm-02 > div{
    width: fit-content;
}
#SiC-MOSFET .clm-07{
    margin-bottom: 60px;
}


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

.pc{
    display: none;
}
.sp{
    display: block;
}
.sec-contact {
    width: 100%;
}
.cont-photo{
    float: none;
    text-align: center;
    margin-left: 0;
}
.cont-photo-01,
.cont-photo-02,
#STORAGE-BATT .intro .cont-photo-01 {
    width: 100%;
    margin-left: 0;
    float: none;
    text-align: center;
}
#ENVIRONMENT .clm-04 {
    margin-bottom: 5.5vw;
}
.lnk-list-01>li.photo{
    width: 97%;
}
#SiC-MOSFET .clm-02{
    display: block;
}
#SiC-MOSFET .clm-02 > div{
    width: auto;
}
#SiC-MOSFET .clm-07{
    margin-bottom: 9.3vw;
}

}