@charset "UTF-8";

.nondisp {
display: none;
}
a {
color: #004ba0;
text-decoration: none;
}
a:hover {
color: #89c6e3;
}
.def-table,
blockquote,
.supplement {
margin: 30px 0;
}
ul.def-list,
ol.def-list {
margin: 30px 0 30px 2em;
}
ul.def-list li,
ol.def-list li {
padding: 3px 0;
}
ul.def-list {
list-style-type: disc;
}
ol.def-list {
list-style-type: decimal;
}
blockquote {
font-size: .9rem;
line-height: 150%;
padding: 45px 30px 30px 45px;
background-color: #f8f8f8;
background-image: url(//beup-inc.co.jp/wp-content/themes/wedok-beup/images/icons/bq-end.svg);
background-repeat: no-repeat;
background-size: 25px auto;
background-position: top 20px left 20px;
}
blockquote cite {
display: block;
font-size: .8rem;
text-align: right;
margin: 8px 0 0 0;
}
.img-single,
.img-multi {
margin: 30px 0;
}
.img-multi {
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.img-multi a {
display: inline-block;
width: 48%;
margin: 0 0 20px 0;
}
.supplement {
margin: 30px 0;
padding: 15px;
border: 1px dashed #000;
}
.supplement h4 {
font-size: 1.1rem;
font-weight: 700;
margin: 0 0 5px 0;
}
.supplement p {
margin: 10px 0 !important;
padding: 0 !important;
line-height: 150% !important;
}
.supplement > ul, .supplement > ol {
margin: 0 10px 0 25px;
}
.supplement > ul li, .supplement > ol li {
padding: 0;
}
.supplement .sup-small {
display: block;
margin: 15px 0 0 0;
padding: 15px 0 0 0;
border-top: 1px solid #ccc;
text-align: right;
}
.def-table {
border-collapse: collapse;
border: 1px solid #555;
}
.def-table tr, .def-table th, .def-table td {
padding: 15px;
}
.def-table th, .def-table td {
border: 1px solid #555;
}
.def-table th {
background-color: #f0f0f0;
text-align: center;
}
.caution-block {
font-size: .9rem;
display: block;
padding: 25px;
border: 1px dashed #880000;
line-height: 150%;
}
.caution-block h4 {
font-size: 1rem;
font-weight: 700;
color: #880000;
}
.img-single img,
.img-multi img {
width: 100%;
height: auto;
}
.img-multi {
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.img-multi a {
display: inline-block;
width: 48%;
margin: 0 0 20px 0;
}
@media only screen and (min-width: 1200px) {
.img-single img:hover,
.img-multi img:hover {
opacity: 0.8;
}
}
#breadcrumb {
font-family: "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
}
#breadcrumb {
max-width: 1200px;
padding: 20px 0 15px 0;
margin: 0 auto;
}
#breadcrumb ul {
margin: 0 auto;
display: -webkit-flex;
display: flex;
-webkit-justify-content: start;
justify-content: start;
-webkit-align-items: center;
align-items: center;
}
#breadcrumb ul li {
font-size: .9rem;
background-image: url(//beup-inc.co.jp/wp-content/themes/wedok-beup/images/icons/arrow-next.svg);
background-repeat: no-repeat;
background-size: auto 10px;
background-position: top 30% right 0;
padding: 0 20px 0 0;
margin: 0 10px 0 0;
vertical-align: middle;
}
#breadcrumb ul li img {
display: inline-block;
width: 15px;
height: auto;
}
#breadcrumb ul li:last-child {
background-image: none;
padding: 0;
margin: 0;
}
@media only screen and (max-width: 629px) {
#breadcrumb {
overflow-x: scroll;
word-break: keep-all;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
}
#breadcrumb ul {
width: 92%;
}
#breadcrumb ul li {
font-size: .7rem;
}
}
@media only screen and (min-width: 630px) and (max-width: 1199px) {
#breadcrumb ul {
width: 92%;
}
}
@media only screen and (min-width: 1200px) {
#breadcrumb ul {
width: 1200px;
}
}
* {
font-family: "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
font-feature-settings: "palt";
}
#page-catch {
margin: 0 0 0px 0;
}
#page-catch img {
width: 100%;
height: auto;
}
#page-container {
max-width: 1200px;
margin: 30px auto;
}
#page-container .item-pics img {
max-width: 100%;
height: auto;
}
#works-head {
display: block;
height: 350px;
margin: 50px 0;
text-align: center;
}
#works-head img {
max-height: 100%;
width: auto;
}
.page-sub-head {
font-size: 5rem;
text-align: center;
margin: 50px 0;
}
.page-sub-head span {
display: block;
font-size: 2rem;
margin: 30px 0 0 0;
}
.works-photo {
background-color: rgba(0, 75, 160, 0.3);
padding: 20px;
display: -webkit-flex;
display: flex;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.works-photo a {
display: block;
height: 160px;
border: 2px solid #f0f0f0;
margin: 8px;
}
.works-photo a img {
max-height: 100%;
width: auto;
}
.works-photo a:hover {
border: 2px solid #555;
}
.works-photo a:hover img {
opacity: 0.8;
}
.srv-list {
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.srv-list .srv-child {
width: 48%;
margin: 30px 0;
}
.srv-list .srv-child figure img {
border-radius: 8px;
}
.srv-list .srv-child h3 {
font-size: 2rem;
text-align: center;
margin: 10px 0;
padding: 0 0 10px 0;
}
.srv-list .srv-child h3 a {
display: block;
background-color: #004ba0;
color: #fff;
padding: 15px;
background-image: url(//beup-inc.co.jp/wp-content/themes/wedok-beup/images/icons/arrow-next-w.svg);
background-position: top 50% right 15px;
background-size: auto 20px;
background-repeat: no-repeat;
border-radius: 8px;
}
.srv-list .srv-child h3 a:hover {
background-color: #89c6e3;
}
.srv-list .srv-child p {
line-height: 150%;
}
.no-recruite {
padding: 150px 0;
font-size: 3rem;
text-align: center;
}
.recruit-info {
margin: 50px 0 0 0 !important;
}
.recruit-info table, .recruit-info th, .recruit-info td {
border-collapse: collapse;
border: 1px solid #555;
}
.recruit-info table {
width: 100%;
}
.recruit-info table th, .recruit-info table td {
padding: 20px;
}
.recruit-info table th {
width: 20%;
text-align: center;
background-color: #f5f5f5;
}
.recruit-info table td {
width: 80%;
}
.recruit-info table td ul {
list-style-type: disc;
margin: 0 0 0 25px;
}
.recruit-info table td ul li {
line-height: 150%;
}
#sign {
text-align: right;
}
#sign span {
display: block;
margin: 80px 0 15px 0;
}
#sign .owner {
display: inline-block;
width: 380px;
height: 70px;
background-image: url(//beup-inc.co.jp/wp-content/themes/wedok-beup/images/pages/profile/sign.svg);
background-repeat: no-repeat;
background-size: auto 100%;
background-position: top 50% right 0;
overflow: hidden;
text-indent: 1000%;
white-space: nowrap;
}
#works-table {
width: 100%;
}
#works-table th, #works-table td {
border-collapse: collapse;
border: 1px solid #000;
}
#works-table th {
background-color: #f5f5f5;
text-align: center;
}
#works-table th, #works-table td {
padding: 15px;
line-height: 150%;
}
#works-table th ul, #works-table td ul {
list-style-type: disc;
margin: 0 0 0 30px;
line-height: 150%;
}
#works-table th ul li, #works-table td ul li {
margin: 0 0 8px 0;
}
#works-table th ul li:last-child, #works-table td ul li:last-child {
margin: 0;
}
#works-table th ul li span, #works-table td ul li span {
display: block;
font-size: .8rem;
color: #888;
}
#works-table th dl, #works-table td dl {
margin: 0;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
#works-table th dl dt, #works-table th dl dd, #works-table td dl dt, #works-table td dl dd {
padding: 3px 5px;
margin: 1px 0;
}
#works-table th dl dt, #works-table td dl dt {
width: 12%;
text-align: center;
border: 1px solid #000;
border-radius: 5px;
}
#works-table th dl dd, #works-table td dl dd {
width: 87%;
}
#messsage {
padding: 50px 50px 30px 50px;
border: 1px solid #004ba0;
border-radius: 10px;
margin: 50px 0 0 0;
}
#messsage h3 {
font-weight: 100;
font-size: 1.8rem;
margin: 0 0 20px 0;
color: #004ba0;
}
#map iframe {
border: none;
width: 100%;
height: 500px;
}
#history dl {
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin: 30px 0;
padding: 30px;
background-color: rgba(255, 255, 255, 0.7);
border: 1px dashed #004ba0;
}
#history dl dt {
width: 12%;
}
#history dl dd {
width: 87%;
}
#history dl dt, #history dl dd {
padding: 15px;
margin: 1px;
}
#privacy {
line-height: 180%;
margin: 50px 0;
}
#privacy h2 {
font-weight: 700;
margin: 0 0 20px 0;
}
#privacy p {
margin: 0 0 15px 0;
}
#privacy .fig-note {
margin: 20px 0;
border: 1px dashed #555;
padding: 20px;
}
#privacy .fig-note ul {
font-size: .9rem;
list-style: disc;
margin: 0 0 0 20px;
}
.form-input {
margin: 50px 0 0 0;
padding: 30px 50px;
border: 3px dashed #89c6e3;
}
.form-input dl {
width: 100%;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.form-input dl dt, .form-input dl dd {
padding: 10px;
}
.form-input dl dt {
width: 20%;
padding: 25px 0 0;
}
.form-input dl dd {
width: 78%;
}
.form-input dl dd small {
display: block;
margin: 10px 0 10px 0;
font-size: .8rem;
}
.form-input input, .form-input textarea, .form-input select {
width: 100%;
padding: 8px;
font-size: 16px;
border: 1px solid #888;
border-radius: 5px;
outline: none;
}
.form-input input:focus::placeholder, .form-input textarea:focus::placeholder, .form-input select:focus::placeholder {
color: transparent;
}
.form-input input:focus, .form-input textarea:focus, .form-input select:focus {
border: 1px solid #004ba0;
}
.form-input .form-age {
display: inline-block;
}
.form-input .form-age input, .form-input .form-age select {
width: 70px;
margin: 0 5px 0 0;
}
.form-input .form-age select {
margin: 0 5px;
}
.form-input #select-sex {
display: inline-block;
}
.form-input #select-sex input {
width: auto;
margin: 0 8px 0 0;
}
.form-input #select-sex #female {
margin: 0 8px;
}
.submit-btn {
margin: 30px 0 0 0;
text-align: center;
}
.submit-btn small {
display: block;
margin: 20px 0;
}
.submit-btn #check,
.submit-btn label,
.submit-btn a {
display: inline-block;
vertical-align: middle;
line-height: 1px;
vertical-align: middle;
outline: none;
}
.submit-btn input[type="checkbox"] {
display: inline-block;
border: 1px solid #000;
width: 20px;
height: 20px;
margin: 0 10px 0 0;
}
.submit-btn input[type="checkbox"]:checked {
background-color: #004ba0;
}
.submit-btn #submit,
.submit-btn #submit[disabled] {
display: block;
margin: 30px auto;
font-size: 16px;
border: none;
padding: 15px 50px;
}
.submit-btn #submit:hover,
.submit-btn #submit[disabled]:hover {
cursor: pointer;
opacity: 0.8;
}
.submit-btn #submit {
background-color: #004ba0;
color: #fff;
}
.submit-btn #submit[disabled] {
background-color: #ddd;
color: #555;
pointer-events: none;
}
.form-error {
padding: 30px;
line-height: 180%;
background-color: rgba(255, 255, 255, 0.8);
border: 1px dashed #000;
}
.form-error ul {
list-style-type: disc;
margin: 18px 0 0 25px;
color: #ce0f19;
}
.form-input-check {
padding: 10px 30px;
background-color: rgba(255, 255, 255, 0.8);
}
.form-input-check dl {
width: 100%;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.form-input-check dl dt, .form-input-check dl dd {
padding: 10px;
margin: 0 0 5px 0;
}
.form-input-check dl dt {
width: 20%;
background-color: #fff;
border: 1px solid #888;
border-radius: 3px;
}
.form-input-check dl dd {
width: 78%;
color: #555;
}
.form-back {
text-align: center;
}
.form-back a {
display: inline-block;
padding: 15px;
background-color: #004ba0;
color: #fff;
}
.form-back a:hover {
background-color: #89c6e3;
}
.send-btn input {
display: block;
margin: 30px auto;
font-size: 16px;
border: none;
padding: 15px 50px;
}
.send-btn input:hover {
cursor: pointer;
opacity: 0.8;
}
.send-btn input {
background-color: #004ba0;
color: #fff;
}
.send-complete {
margin: 50px 0;
display: block;
text-align: center;
padding: 300px 0 0 0;
background-image: url(//beup-inc.co.jp/wp-content/themes/wedok-beup/images/common/send_complete.svg);
background-repeat: no-repeat;
background-size: 350px auto;
background-position: top 50px left 50%;
font-size: 3rem;
color: #004ba0;
}
.send-complete p {
font-size: 1.2rem;
color: #000;
}
.back-home {
text-align: center;
margin: 80px 0;
}
.back-home a {
display: inline-block;
background-color: #004ba0;
color: #fff;
padding: 15px 25px;
}
.back-home a:hover {
background-color: #89c6e3;
}
@media only screen and (max-width: 629px) {
#page-container {
width: 92%;
}
#page-catch img {
width: 100%;
height: auto;
}
#works-head {
width: 95%;
height: auto;
margin: 20px 0;
}
.srv-list .srv-child {
width: 100%;
margin: 30px 0;
}
.srv-list .srv-child figure img {
border-radius: 8px;
max-width: 100%;
height: auto;
}
.srv-list .srv-child h3 {
font-size: 5vw;
text-align: center;
margin: 10px 0;
padding: 0 0 10px 0;
}
.srv-list .srv-child h3 a {
display: block;
background-color: #004ba0;
color: #fff;
padding: 15px;
}
.srv-list .srv-child p {
line-height: 150%;
}
#sign {
padding: 0 10px 0 0;
}
#sign span {
display: block;
margin: 20px 0 15px 0;
font-size: .85rem;
}
#sign .owner {
width: 300px;
height: 50px;
}
#messsage {
padding: 20px 20px 10px 20px;
border: 1px solid #004ba0;
border-radius: 10px;
margin: 50px 0 0 0;
}
#messsage h3 {
font-weight: 100;
font-size: 1.8rem;
margin: 0 0 20px 0;
color: #004ba0;
}
.works-photo a {
height: 95px;
}
#works-table th, #works-table td {
border: none;
display: block;
}
#works-table th {
background-color: #f0f0f0;
}
#works-table th, #works-table td {
padding: 10px;
line-height: 130%;
font-size: .9rem;
}
#works-table th ul, #works-table td ul {
margin: 0 0 0 20px;
}
#works-table th ul li, #works-table td ul li {
margin: 0 0 3px 0;
}
#works-table th dl dt, #works-table td dl dt {
width: 35%;
}
#works-table th dl dd, #works-table td dl dd {
width: 65%;
}
#map iframe {
height: 380px;
}
#history dl {
padding: 15px;
}
#history dl dt, #history dl dd {
width: 100%;
padding: 8px;
line-height: 150%;
}
#history dl dt {
background-color: #f5f5f5;
}
.recruit-info {
margin: 10px 0 !important;
padding: 0;
}
.recruit-info table, .recruit-info th, .recruit-info td {
border: none;
}
.recruit-info table {
width: 100%;
margin: 0;
padding: 0;
}
.recruit-info table tr {
margin: 0;
padding: 0;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.recruit-info table tr th, .recruit-info table tr td {
width: 100%;
padding: 10px;
}
.recruit-info table tr th {
text-align: center;
border: 1px solid #aaa;
background-color: #f5f5f5;
border-radius: 5px;
}
.recruit-info table tr td {
padding: 15px 10px;
}
.recruit-info table tr td ul {
list-style-type: disc;
margin: 0 0 0 25px;
}
.recruit-info table tr td ul li {
line-height: 150%;
}
.form-input {
padding: 8px;
}
.form-input dl dt, .form-input dl dd {
width: 100%;
}
.form-input dl dt {
padding: 20px 10px 8px 13px;
}
.form-input dl dt:first-child {
padding: 10px 10px 8px 13px;
}
.form-input dl dd {
padding: 0 10px;
}
.form-input dl dd:last-child {
padding: 0 10px 10px 10px;
}
.form-input .form-age {
display: inline-block;
}
.form-input .form-age input, .form-input .form-age select {
width: 60px;
margin: 0 5px 0 0;
}
.form-input .form-age select {
margin: 0 5px;
}
.form-input .submit-btn small {
font-size: .9rem;
}
.form-input-check {
padding: 20px 30px;
border: 1px dashed #888;
}
.form-input-check dl {
width: 100%;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.form-input-check dl dt, .form-input-check dl dd {
width: 100%;
padding: 15px;
margin: 0 0 2px 0;
}
.form-input-check dl dt {
background-color: #f5f5f5;
}
.form-input-check dl dd {
color: #555;
}
}
@media only screen and (min-width: 630px) and (max-width: 1199px) {
#page-container {
width: 92%;
}
.srv-list .srv-child {
width: 48%;
margin: 30px 0;
}
.srv-list .srv-child figure img {
border-radius: 8px;
max-width: 100%;
height: auto;
}
.srv-list .srv-child h3 {
font-size: 1.5rem;
text-align: center;
margin: 10px 0;
padding: 0 0 10px 0;
}
.srv-list .srv-child h3 a {
display: block;
background-color: #004ba0;
color: #fff;
padding: 15px;
}
.srv-list .srv-child p {
line-height: 150%;
}
.works-photo a {
height: 145px;
}
.recruit-info {
margin: 50px 0 0 0 !important;
}
.recruit-info table, .recruit-info th, .recruit-info td {
border-collapse: collapse;
border: 1px solid #555;
}
.recruit-info table {
width: 100%;
}
.recruit-info table th {
width: 30%;
text-align: center;
background-color: #f5f5f5;
}
.recruit-info table td {
width: 70%;
}
.recruit-info table td ul {
list-style-type: disc;
margin: 0 0 0 25px;
}
.recruit-info table td ul li {
line-height: 150%;
}
#sign {
padding: 0 10px 0 0;
}
#sign span {
display: block;
margin: 20px 0 15px 0;
font-size: .85rem;
}
#sign .owner {
width: 300px;
height: 50px;
}
#works-table {
width: 100%;
}
#works-table th {
width: 30%;
}
#works-table th, #works-table td {
padding: 15px;
line-height: 150%;
}
#works-table th dl dt, #works-table th dl dd, #works-table td dl dt, #works-table td dl dd {
padding: 5px;
margin: 1px 0;
}
#works-table th dl dt, #works-table td dl dt {
width: 25%;
text-align: center;
background-color: #f0f0f0;
}
#works-table th dl dd, #works-table td dl dd {
width: 73%;
}
#map iframe {
height: 300px;
}
#history dl dt {
width: 20%;
}
#history dl dd {
width: 79%;
}
.form-input {
padding: 10px 20px;
}
.form-input dl {
padding: 0px;
}
.form-input dl dt {
width: 30%;
padding: 25px 10px;
}
.form-input dl dd {
width: 70%;
padding: 10px;
}
.form-input .submit-btn small {
font-size: .9rem;
}
.form-input-check {
padding: 10px 30px;
border: 1px dashed #888;
}
.form-input-check dl {
width: 100%;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.form-input-check dl dt, .form-input-check dl dd {
padding: 15px;
margin: 0 0 2px 0;
}
.form-input-check dl dt {
width: 25%;
background-color: #f5f5f5;
}
.form-input-check dl dd {
width: 73%;
color: #555;
}
}
@media only screen and (min-width: 1200px) {
#page-container img {
max-width: 100%;
height: auto;
}
#container-wrap p br {
display: none;
}
}