@charset "UTF-8";
#home .key { height: 200px; background: url(../images/key_sp.jpg) center center no-repeat; background-size: cover; position: relative; }
#home .key:before { content: ""; width: 100%; height: 80px; background: linear-gradient(0deg, #fff, transparent); position: absolute; bottom: -1px; left: 0; z-index: 2; }
#home .key + .close-message { margin: 0px auto 40px; }

.close-message { width: 100%; margin: 60px auto; padding: 0 8%; font-family: "ヒラギノ明朝 W3 JIS2004","hiragino-mincho-pron", serif; font-weight: 300; font-weight: 500; font-style: normal; }
.close-message h2 { font-size: 30px; color: #000; }
.close-message p { margin-top: 30px; font-size: 15px; line-height: 2.3; }
.close-message .right { text-align: right; }

.close-service { width: 96%; margin: 0 auto; display: flex; justify-content: center; gap: 2%; }

.close-service-item { width: 49%; padding-bottom: 20px; border: 1px solid #0838c9; }

.close-service-item h3 { width: 100%; color: #fff; font-size: 20px; font-weight: bold; text-align: center; line-height: 1; letter-spacing: 0.05em; text-indent: 0.05em; padding: 10px 0; margin: 0; background: #0838c9; }

.close-service-item h4 { color: #000; font-size: 18px; font-weight: bold; text-align: center; margin-top: 15px; }

.close-service-item p { font-size: 14px; line-height: 1.5; text-align: center; }

.close-service-item p a { color: #00A1DD; }

.close-contact { width: 96%; padding: 20px; margin: 40px auto 0; border: 2px solid #83DBF3; border-radius: 10px; font-size: 16px; text-align: center; }
.close-contact a { color: #00A1DD; }

.close-navi { width: 100%; padding: 0 8%; margin: 30px auto; font-size: 15px; }
.close-navi li { display: inline-block; margin-right: 30px; }
.close-navi a { color: #00A1DD; }