*,
*::before,
*::after {
    box-sizing: border-box;
}

/* パソコン用 */
@media screen and (min-width: 1280px) {
    /* 画面サイズが1280px以上に適用 */
}

/* タブレット用 */
@media only screen and (min-width: 641px) and (max-width: 1279px) {
    /* 画面サイズが641px以上、1279px以下に適用 */
}

/* スマートフォン用 */
@media screen and (max-width: 640px) {
    /* 画面サイズが640px以下に適用 */
}

/*ｰｰｰｰトップｰｰｰｰ*/

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    color: black;
    font-family: 'Yu Gothic', 'Arial', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'ヒラギノ角ゴシック', 'Hiragino Sans', sans-serif;
    background-color: rgba(238, 248, 255, 1);
}


.work-img{
text-align: center;
width: 100%;
    vertical-align: middle;
}

h1{
    font-size: 20px;
    text-align: center;
    margin-top: 0;
    margin-bottom: 50px;
}

.c-btn {
background: #61808e;
border: 2px solid #61808e;
border-radius: 60px;
color: #fff;
display: block;
font-weight: bold;
max-width: 300px;
padding: 15px 40px;
text-align: center;
margin: auto;
}

.c-btn:hover {
background: #fff;
color: #61808e;
}

.more-a{
    color: inherit;
    text-decoration: none;
}

h2{
    text-align: center;
    font-size: 18px;
    color: #61808e;
    padding: 10px;
}



.text{
    text-align: center;
}

.text p {
display: inline-block;
text-align: left;
}