@charset "utf-8";

/*===============================================
●共通
===============================================*/
#commonParts{
    width: 100%;
}
.resptecell{
    width: 100%;
    padding: 0.5% 1%;
    box-sizing: border-box;    
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
}
.logoParts{
    width: 10%;
}
.h1Parts{
    width: 18%;
    margin-left: 2%;
}
.h1Parts h1{
    padding: 8.5% 0;
}
.textParts{
    width: 70%;
    text-align: right;
    font-size: calc(6 * ((100vw - 320px) / 1600) + 12px);
}
#commonParts h2 {
    font-weight: normal;
    line-height: 3.0em;
}
#commonParts h2 {
    font-size: calc(5 * ((100vw - 320px) / 1600) + 12px);
}

/*-------------------------------------------------------------

タブレット
 
------------------------------------------------------------- */
@media screen and (max-width: 960px) {
.commonPartsTop{
    margin-top: 50px;
}
.resptecell{
    padding: 0;
}
.logoParts{
    width: 100%;   
}
.logoParts #logo{
    display: none;
}
.h1Parts{
    width: 100%;
    margin-left: 0;
    text-align: center;
    background-color: #fff;
}
.h1Parts h1{
    font-size: calc(4 * ((100vw - 320px) / 1600) + 10px);
    font-weight: normal;
    float: none;
    padding: 1.5% 0;
    color: #151515;
}
.h1Parts h1 br{
    display: none;
}
.textParts{
    display: none;
}       

    
}

/*-------------------------------------------------------------

スマホ
 
------------------------------------------------------------- */
@media screen and (max-width: 750px) {


}

/*641px～PC　PC上では見えないようにする*/
@media screen and (min-width:641px){
}

/*スマホ～641pxの幅サイズまで*/
@media screen and (max-width:640px){

    
}