.contact-page{padding:20vh 10vw 15vh 10vw;background-color:#000000e6;color:#fdfdfd}.contact-title{display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:22px}.contact-title h2{margin:0;text-decoration:underline}.contact-title p{margin:0}.contact-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.contact-header{color:#e6e6e6;font-family:ヒラギノ角ゴ Stdn W8,sans-serif}.contact-container form{margin-top:5vh;width:100%}.contact-form{display:flex}.contact-form input,.contact-form textarea{width:80%;padding:20px;margin-bottom:20px;background:inherit;border:1px solid rgba(230,230,230,.5);border-radius:10px;color:#fff}input::-moz-placeholder,textarea::-moz-placeholder{font-size:16px;color:#e6e6e680}input::placeholder,textarea::placeholder{font-size:16px;color:#e6e6e680}.contact-form textarea{height:100%;resize:none}.form-group{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 3vw}.contact-container a{margin-top:2vh;color:#e6e6e6;display:flex;justify-content:center;align-items:center;transition:color .3s}.contact-container a:hover{color:#35a0b5}.contact-button{margin-top:5vh;display:flex;justify-content:center;align-items:center}button{padding:8px 80px;border:none;border-radius:5px;background-color:#35a0b5;color:#fff;font-size:16px;cursor:pointer;transition:all .3s}button:hover{background-color:#fdfdfd;color:#35a0b5}@media (max-width: 768px){.contact-form{flex-direction:column}.contact-form input,.contact-form textarea{width:95%}.contact-form textarea{height:30vh}}