body{
background-color: #333;
}
a:link, a:visited, a:hover, a:active {
text-decoration: none;
color: #000;
}
/* メインページ */
.keyVisual{
height: 320px;
display: flex;
align-items: center;
justify-content: space-evenly;
background-image: url(../images/work-sp.png);
background-color: rgba(0,0,0,0.3);
background-position: 50%;
background-blend-mode:darken;
background-size: cover;}
.midashi{
    color: #fff;
	font-family: serif;
    text-align: center;
    margin: 2vw;
    font-size: 5rem;
    font-weight: bold;
}
.subtitle{
    color: #fff;
    text-align: center;
    margin: 2vw;
    font-size: 5rem;
    font-weight: bold;
	font-family: 'DefaultFont';
}
.subtitl{
    color: #fff;
    text-align: center;
    margin: 2vh auto;
    font-size: 5rem;
    font-weight: bold;
    background-color: rgba(255,255,255,0.6);
    padding: 4vh 0;
    width: 86vw;
}
.subtitl .myfont{
	font-family: 'DefaultFont';
}
.midasi{
    color: #fff;
    text-align: left;
    margin: 2vw 0;
    font-size: 26px;
    font-weight: bold;
}
dl {
    display: flex;
    flex-flow: column;
    width: 90vw;
    justify-content: space-around;
    }
.inBox{
overflow-wrap: break-word;
inline-size: 80vw
}
.right{
    display: flex;
    align-items: center;
    text-align: left;
    width: 80vw;
}
.left{
display: flex;
height: 10vh;
align-items: center;
padding-right: 5px;}
.grid{
width: 82vw;
padding: 0 2vw;
}
.exp{
    opacity: 1;
    text-decoration: none;
    color: #000;
    font-size: 1.4rem;
    margin: 0;}
.exp span{
    font-size: 1.4rem;
    border: 1px solid #ccc;
    border-radius: 5px;
    color: rgb(255, 128, 128);
    padding: 4px;
    min-width: 93px;
    text-align: center;
    margin-right: 15px;
}
.exp p{
font-weight: bold;
margin-block:0;
}

.btn{
background-color: #fff;
border: 1px solid #78b8cf;
padding: 5px 20px;
height: 32px;
margin: 5px 2px;
border-radius: 16px;
}
.btn:hover{
background: #78b8cf;
color: #fff;
}

 /* PC用 */
 @media screen and (min-width: 767px){
.wrap{
width: 98vw;
}
.keyVisual{
background-image: url(../images/work.png);}
.subtitl{
    width: 94vw;
}
.grid{
width: 90vw
}
.inBox{
overflow-wrap: break-word;
inline-size: 56vw
}
.exp span{
    font-size: 1.4rem;
    padding: 4px;
    min-width: 93px;
    text-align: center;
    margin-right: 15px;
}
.exp p{
font-weight: bold;
margin-block:0;
}
dl {
    flex-flow: row wrap;
    width: 90vw;
    }
.right{
    height: 15vh;
    width: 55vw;
}
.left{
display: flex;
height: 15vh;
align-items: center;
justify-content: flex-end;
padding-right: 5px;
flex-basis: 30vw;
}
}