@charset "UTF-8"; body{ -webkit-appearance: none; } a:hover{ cursor: pointer; opacity: .7; transition: .3s; } /* 横幅 */ /* .wrapper{ max-width: 1000px; margin: 0 auto; } */ /* header */ /* .inner-wrap { background-color: #f4f4f4; padding: 20px 0; } */ .top-text{ font-size: 20px; font-weight: bold; text-align: center; letter-spacing: 2px; color: #1d4d85; margin-bottom: 10px; } .inner-wrap { background-color: #f4f4f4; padding: 20px 0; } /* container */ h3.about-title{ font-size: 17px; /* width: 310px; */ width:35%; background-color:#7ab2db; color: white; display: flex; align-items: center; justify-content: center; padding: 10px 0; letter-spacing: 3px; height: 50px; } .container{ /* display: flex; justify-content: center; margin-top: 20px; */ /* width: 100%; border-bottom: 1px solid #999999; */ } .container h3 span{ display: block; color: red; font-size: 12px; padding-bottom: 8px; } .hr{ width: 100%; /* min-width: 760px; */ margin: 10px auto; } .text{ width: 65%; display: flex; flex-wrap:wrap; align-items: center; margin-left: 20px; padding-left: 10px; border-radius: 5px; /* height: 50px; */ } .text .select-image{ display:block; } .massage{ width: 65%; margin-left: 20px; } textarea{ width: 100%; } .top-container .about-title{ background-color: #1d4d85; } .top-container .input-body-company span{ color: #1d4d85; border: 2px solid #1d4d85; border-radius: 8px; font-weight: bold; width: 300px; text-align: center; padding-top: 10px; padding-bottom: 10px; display:block; margin:2px; cursor:default; } .br{ display: none; } .br1{ display: none; } @media screen and (max-width:769px){ .inner-wrap{ margin-top: 40px; } .hr{ display: none; } .wrapper{ width: 96%; margin: 0 auto; } .container{ display: block; border-bottom: 1px solid #888; padding-bottom: 20px; } .top-container { margin-top:35px; } h3.about-title { width:100%; display: flex; justify-content: flex-start; text-align-last: left; color: #7ab2db; background-color: #fff; margin-bottom: 5px; width: auto; height: auto; padding: 0; } .top-container .about-title{ background-color: #fff; } .top-container .input-body-company span{ margin-left:auto; margin-right:auto; } .text{ width: 95%; margin: 0 auto; } .text .select-image{ width:60%; margin-left:auto; margin-right:auto; } .text .select-image label{ width:100%; height:160px; } .massage{ width: 95%; margin: 0 auto; } .br{ display: block; } } /* footer */ /* 確認画面へボタン */ .link-btn-item{ display: flex; justify-content: space-around; margin-top: 50px; margin-bottom: 30px; } .link-btn-item form { margin-bottom: 40px !important; width:50%; } /* .link-btn-item a{ width: 40%; } .link-btn{ font-size: 26px; font-weight: bold; background-color: #8f8f8f; width: 380px; height: 66px; display: flex; justify-content: center; align-items: center; color: white; letter-spacing: 5px; border-radius: 40px; box-shadow: 0px 5px 7px 0px rgba(0,0,0,0.5); padding-top: 10px; padding-bottom: 10px; } .link-btn-item a:hover{ opacity: 1; } .link-btn:hover{ background-color: #1e4e85; cursor: pointer; opacity: 1; } */ .account-check{ text-align: center; color: #fff; letter-spacing: 3px; padding-top: 10px; padding-bottom: 10px; margin: 30px auto; font-size: 20px; max-width: 870px; } .checkoff { background-color: #8f8f8f; } .checkon { background-color: #1e4e85; } .account-cheack .fa-check{ color: #fff; padding-right: 10px; font-size: 20px; } .footersp{ display: none; } .footer{ margin-top: 100px; margin-bottom: 40px; } .back-btn{ display: none; } @media screen and (max-width:769px){ .link-btn-item { display:block; } .link-btn{ max-width:240px; } .link-btn-item form { width:100%; } .footersp{ display: block; margin-bottom: 40px; } .footer{ display: none; } } @media screen and (max-width:500px){ .top-text{ font-size: 15px; } .br1{ display: block; } .link-sp-none{ display: none; } .link-btn-item a{ width: 70%; } .back-btn{ display: block; text-align: center; text-decoration: underline; margin-bottom: 50px; } }