@charset "UTF-8";
/*
Theme Name: just-now
Version: 1.0.1
*/

* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; line-height: 1.5; }
h1, h2, h3, h4, h5, h6, p, ul, ol, dl, th, td { font-size: inherit; font-weight: normal; }
img { border: none; max-width: 100%; height: auto; }
table { border-collapse: collapse; }
table th { vertical-align: top; text-align: left; }
table td { vertical-align: top; }
ul, ol { list-style-type: none; }
a { color: inherit; text-decoration: none; }
em { font-style: normal; }
button, input[type="button"], input[type="submit"] { cursor: pointer; border: none; background: transparent; outline: none; appearance: none; -webkit-appearance: none; }
button img { width: 100%; }
input { font-size: inherit; }
textarea { font-size: inherit; font-family: inherit; }
video { filter: drop-shadow(0px 0px rgba(0,0,0,0)); outline: none; border: none; }

input[type="text"], input[type="email"], textarea { border: 1px solid #d8dbe0; border-radius: 4px; width: 100%; padding: 10px; }
input[type="checkbox"] { margin-right: 5px; }
input[type="submit"] { color: #fff; background: #00b197; border-radius: 4px; }
input[type="button"] { color: #fff; background: #888888; border-radius: 4px; }

#page { overflow: hidden; }

#header .logo { background: #00b197; }
#header .logo h1 { text-align: center; }
#header .logo h1 img { vertical-align: middle; }
#header .navi { background: #30c1ac; }
#header .navi ul { display: flex; flex-wrap: wrap; justify-content: space-between; }
#header .navi a { display: block; color: #0b8272; text-align: center; background: #fff; border: 1px solid #00b197; border-radius: 2px; }
#footer { background: #007b69; }
#footer .copyright { color: #fff; text-align: center; }

section.filter-conditions ul { text-align: center; border-bottom: 1px solid #e0e0e0; }
section.filter-conditions ul > li { display: inline-block; }
section.filter-conditions ul > li:last-child { font-weight: bold; }
section.filter-conditions ul > li:not(:last-child)::after { content: "|"; }
section.search-results p { text-align: center; }
section.search-results p em { font-weight: bold; }
section.applicant-list { background: rgb(243,255,250); background: linear-gradient(0deg, rgba(243,255,250,1) 0%, rgba(243,255,250,1) 35%, rgba(65,201,177,1) 35%, rgba(65,201,177,1) 65%, rgba(243,255,250,1) 65%, rgba(243,255,250,1) 100%); }
section.applicant-list .pagination ul { display: flex; flex-wrap: wrap; justify-content: center; }
section.applicant-list .pagination .page { display: inline-block; text-align: center; vertical-align: middle; color: #fff; background: #00b197; border: 1px solid #00b197; }
section.applicant-list .pagination a.page { color: #000; background: #fff; }
section.applicant-list .form .buttons { text-align: center; }
section.applicant-list .form .button { display: inline-block; color: #e93737; font-weight: bold; background: #fff; border-color: #e93737; border-style: solid; }
section.applicant-list .loading { text-align: center; display: none; }
section.applicant-list .loading.show { display: block; }
section.applicant-list .loading-error { text-align: center; display: none; }
section.applicant-list .loading-error.show { display: block; }
section.step-list .section-title { text-align: center; font-weight: bold; }
section.step-list .step { border: 3px solid #00b195; }
section.step-list .step .step-header { border-bottom: 2px solid #00b195; }
section.step-list .step .label { text-align: center; font-weight: bold; color: #00b195; }
section.step-list .step .step-title { text-align: center; font-weight: bold; }
section.step-list .button { text-align: center; }
section.step-list .button a { display: inline-block; color: #fff; font-weight: bold; background: #00b197; box-shadow: 2px 2px 2px rgba(0,0,0,0.1); }
section.contact-banner { background: url(images/bg01.jpg) no-repeat center; background-size: cover; }
section.contact-banner .banner { color: #fff; background: #000; opacity: 0.75; }
section.contact-banner .banner .description { font-weight: bold; }
section.contact-banner .banner .tel { display: inline-block; }
section.contact-banner .banner .button { display: inline-block; font-weight: bold; text-align: center; background: #444; border: 2px solid #fff; border-radius: 5px; }

section.register-caption { background: url(images/register_bg.jpg) no-repeat center; background-size: cover; }
section.register-caption .caption { text-align: right; }
section.register-form .section-title { font-weight: bold; text-align: center; }
section.register-form .description em { color: #ff0000; }
section.about-group { background: #f2f2f2; }
section.about-group .container { background: #fff; border-color: #00b197; border-style: solid; }
section.about-group .section-title { font-weight: bold; text-align: center; }
section.about-group table { line-height: 2.0; }

section.contact-form .section-title { font-weight: bold; text-align: center; }
section.contact-form .description em { color: #ff0000; }
section.contact-form-thanks .button { text-align: center; }
section.contact-form-thanks .button a { display: inline-block; color: #fff; font-weight: bold; background: #00b197; box-shadow: 2px 2px 2px rgba(0,0,0,0.1); }
section.footer-menu ul { text-align: center; }
section.footer-menu ul > li { display: inline-block; }
section.footer-menu ul > li:not(:last-child)::after { content: "|"; display: inline-block; }
section.terms { line-height: 1.75; }
section.terms .section-title { font-weight: bold; text-align: center; }
section.terms .section-sub-title { font-weight: bold; }
section.terms .clauses ol { counter-reset: clauses; }
section.terms .clauses ol > li { position: relative; counter-increment: clauses; padding-left: 1.25em; }
section.terms .clauses ol > li::before { content: counter(clauses) "."; position: absolute; left: 0; }
section.terms .clauses ol.wide > li { position: relative; counter-increment: clauses; padding-left: 1.75em; }

.applicant { background: #fff; border: 1px solid #00b197; border-radius: 4px; box-shadow: 0 0 8px rgba(0,0,0,0.3); }
.applicant .thumbnail { position: relative; }
.applicant .thumbnail img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: contain; }
.applicant .profile:not(:last-child) { border-bottom: 1px solid #e0e0e0; }
.applicant .profile .label { display: inline-block; background: #ebebeb; }
.applicant .buttons { display: flex; align-items: center; background: #f0f0f0; }
.applicant .button { text-align: center; border-radius: 4px; }
.applicant .button-profile { color: #fff; background: #2cac9b; }
.applicant .button-interview { color: #fff; background: #2cac9b; }
.applicant .button-movie { color: #fff; background: #e93737; }
.applicant .button input { vertical-align: middle; }

.form .form-label { position: relative; }
.form .form-label-required::after { content: "必須"; display: block; position: absolute; right: 0; top: 0; color: #fff; background: #ff0000; border-radius: 4px; }
.form .form-label-thumbnail img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: contain; }
.form .form-input-list ul > li { color: #fff; background: #b6b6b6; border: 1px solid #d8dbe0; border-radius: 4px; }
.form .form-checkbox { position: relative; }
.form .form-checkbox-required::before { content: "必須"; display: inline-block; color: #fff; background: #ff0000; border-radius: 4px; }
.form .form-checkbox label { text-decoration: underline; vertical-align: middle; }
.form .form-checkbox label input[type="checkbox"] { vertical-align: middle; }
.form .form-submit { text-align: center; }

.applicant-movie { display: flex; justify-content: center; align-items: center; position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 1000; }
.applicant-movie .overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); }
.applicant-movie .box { position: relative; }
.applicant-movie iframe { display: block; max-width: 90%; margin: 0 auto; }
.applicant-movie .close { position: absolute; right: 0; bottom: -50px; }

.wpcf7-list-item { margin: 0; }
.wpcf7-list-item-label { cursor: pointer; }
.wpcf7-spinner { position: absolute; }


/**
 * SP
 */
@media screen and (max-width: 767px) {

	:root { --base-width: 640; --to-vw: calc(100 / var(--base-width)); }

	body { font-size: calc(18vw * var(--to-vw)); }

	.visible-pc { display: none; }
	.wrapper { padding: 0 calc(10vw * var(--to-vw)); margin: 0 auto; }

	#header .logo { padding: calc(20vw * var(--to-vw)) 0; }
	#header .navi { padding: calc(20vw * var(--to-vw)) 0; }
	#header .navi ul > li { width: 100%; }
	#header .navi ul > li:not(:last-child) { margin-bottom: calc(5vw * var(--to-vw)); }
	#header .navi a { padding: calc(10vw * var(--to-vw)) 0; }
	#footer { padding: calc(10vw * var(--to-vw)); }
	#footer .copyright { font-size: calc(14vw * var(--to-vw)); }

	section.filter-conditions ul { padding: calc(30vw * var(--to-vw)) 0 calc(15vw * var(--to-vw)); }
	section.filter-conditions ul > li:not(:last-child)::after { margin: 0 calc(10vw * var(--to-vw)); }
	section.search-results { padding: calc(15vw * var(--to-vw)) 0 calc(30vw * var(--to-vw)); }
	section.applicant-list { padding: calc(40vw * var(--to-vw)) 0 calc(60vw * var(--to-vw)); }
	section.applicant-list .pagination .page { width: 36px; height: 36px; line-height: 36px; margin: 0 5px 10px; }
	section.applicant-list .form .description { padding: calc(20vw * var(--to-vw)) 0 0; }
	section.applicant-list .form .description p { font-size: calc(14vw * var(--to-vw)); }
	section.applicant-list .form .buttons { padding: calc(60vw * var(--to-vw)) 0 0; }
	section.applicant-list .form .button { font-size: calc(24vw * var(--to-vw)); border-width: calc(5vw * var(--to-vw)); border-radius: calc(40vw * var(--to-vw)); padding: calc(5vw * var(--to-vw)) calc(20vw * var(--to-vw)); }
	section.applicant-list .loading { padding: 0 0 calc(100vw * var(--to-vw)); }
	section.applicant-list .loading-error { padding: 0 0 calc(100vw * var(--to-vw)); }
	section.step-list { padding: calc(80vw * var(--to-vw)) 0 0; }
	section.step-list .section-title { font-size: calc(36vw * var(--to-vw)); margin-bottom: calc(40vw * var(--to-vw)); }
	section.step-list .steps { padding: 0 calc(30vw * var(--to-vw)); }
	section.step-list .step { position: relative; padding: calc(15vw * var(--to-vw)); }
	section.step-list .step:not(:last-child) { margin-bottom: calc(50vw * var(--to-vw)); }
	section.step-list .step:not(:last-child)::after { content: ""; display: block; position: absolute; left: 0; bottom: calc(-50vw * var(--to-vw)); width: 100%; height: calc(40vw * var(--to-vw)); background: url(images/arrow01.png) no-repeat center; background-size: contain; transform: rotate(90deg); }
	section.step-list .step .step-header { padding-bottom: calc(10vw * var(--to-vw)); margin-bottom: calc(20vw * var(--to-vw)); }
	section.step-list .step .label { font-size: calc(24vw * var(--to-vw)); }
	section.step-list .step .label .no { font-size: calc(36vw * var(--to-vw)); margin-left: calc(5vw * var(--to-vw)); }
	section.step-list .step .step-title { font-size: calc(22vw * var(--to-vw)); }
	section.step-list .step .step-body p { font-size: calc(18vw * var(--to-vw)); }
	section.step-list .button { padding: calc(60vw * var(--to-vw)) 0; }
	section.step-list .button a { font-size: calc(24vw * var(--to-vw)); padding: calc(10vw * var(--to-vw)) calc(40vw * var(--to-vw)); border-radius: calc(40vw * var(--to-vw)); }	
	section.contact-banner { padding: calc(70vw * var(--to-vw)) 0 calc(20vw * var(--to-vw)); margin-bottom: calc(100vw * var(--to-vw)); }
	section.contact-banner .banner { max-width: calc(480vw * var(--to-vw)); padding: calc(20vw * var(--to-vw)); margin-left: auto; }
	section.contact-banner .banner .description { font-size: calc(24vw * var(--to-vw)); padding-left: calc(45vw * var(--to-vw)); margin-bottom: calc(5vw * var(--to-vw)); }
	section.contact-banner .banner .reception { font-size: calc(14vw * var(--to-vw)); padding-left: calc(50vw * var(--to-vw)); }
	section.contact-banner .banner .tel { position: relative; font-size: calc(48vw * var(--to-vw)); line-height: 1.2; padding-left: calc(50vw * var(--to-vw)); margin-bottom: calc(5vw * var(--to-vw)); }
	section.contact-banner .banner .tel::before { content: ""; display: block; position: absolute; left: 0; top: 0; width: calc(37vw * var(--to-vw)); height: calc(46vw * var(--to-vw)); background: url(images/icon-tel.png) no-repeat center; background-size: contain; }
	section.contact-banner .banner .button { font-size: calc(18vw * var(--to-vw)); padding: calc(10vw * var(--to-vw)); margin-left: calc(40vw * var(--to-vw)); }

	section.register-caption .caption { padding: calc(60vw * var(--to-vw)) 0 calc(140vw * var(--to-vw)); }
	section.register-caption .caption img { width: calc(340vw * var(--to-vw)); }
	section.register-form .section-title { font-size: calc(32vw * var(--to-vw)); padding: calc(80vw * var(--to-vw)) 0 calc(70vw * var(--to-vw)); }
	section.register-form .form { padding: calc(70vw * var(--to-vw)) 0 0; }
	section.register-form-thanks { padding: 0 0 calc(100vw * var(--to-vw)); }
	section.about-group { padding: calc(20vw * var(--to-vw)); }
	section.about-group .container { border-width: calc(10vw * var(--to-vw)); }
	section.about-group .section-title { font-size: calc(30vw * var(--to-vw)); padding: calc(40vw * var(--to-vw)) 0; }
	section.about-group table th { padding: calc(10vw * var(--to-vw)); border-bottom: 1px solid #f0f0f0; }
	section.about-group table td { padding: calc(10vw * var(--to-vw)); border-bottom: 1px solid #f0f0f0; }

	section.contact-form .section-title { font-size: calc(32vw * var(--to-vw)); padding: calc(80vw * var(--to-vw)) 0 calc(70vw * var(--to-vw)); }
	section.contact-form .form { padding: calc(70vw * var(--to-vw)) 0 0; }
	section.contact-form-thanks { padding: 0 0 calc(100vw * var(--to-vw)); }
	section.contact-form-thanks .button { padding: calc(60vw * var(--to-vw)) 0; }
	section.contact-form-thanks .button a { font-size: calc(24vw * var(--to-vw)); padding: calc(10vw * var(--to-vw)) calc(40vw * var(--to-vw)); border-radius: calc(40vw * var(--to-vw)); }	
	section.footer-menu ul > li { margin-bottom: calc(10vw * var(--to-vw)); }
	section.footer-menu ul > li:not(:last-child)::after { margin: 0 calc(10vw * var(--to-vw)); }
	section.terms { margin-bottom: calc(100vw * var(--to-vw)); }
	section.terms .section-title { font-size: calc(32vw * var(--to-vw)); padding: calc(80vw * var(--to-vw)) 0 calc(70vw * var(--to-vw)); }
	section.terms .section-sub-title { font-size: calc(18vw * var(--to-vw)); padding: calc(30vw * var(--to-vw)) 0; }
	section.terms .clauses { margin-bottom: calc(30vw * var(--to-vw)); }
	section.terms .clauses p { margin-bottom: calc(30vw * var(--to-vw)); }
	section.terms .clauses ol { margin-bottom: calc(30vw * var(--to-vw)); }

	.applicant { margin-bottom: calc(30vw * var(--to-vw)); }
	.applicant .information .thumbnail { padding-top: calc(300vw * var(--to-vw)); }
	.applicant .information .profiles { padding: calc(5vw * var(--to-vw)) calc(15vw * var(--to-vw)); }
	.applicant .information .profile { display: flex; align-items: flex-start; font-size: calc(14vw * var(--to-vw)); padding: calc(5vw * var(--to-vw)) 0; }
	.applicant .information .profile .label { width: calc(120vw * var(--to-vw)); padding: 0 calc(5vw * var(--to-vw)); }
	.applicant .information .profile .value { flex: 1 1; padding: 0 calc(15vw * var(--to-vw)); }
	.applicant .buttons { padding: calc(10vw * var(--to-vw)); }
	.applicant .button { width: calc(220vw * var(--to-vw)); padding: calc(10vw * var(--to-vw)); margin: 0 calc(5vw * var(--to-vw)); }
	.applicant .message { padding: calc(10vw * var(--to-vw)) calc(20vw * var(--to-vw)); }
	.applicant .message p { font-size: calc(14vw * var(--to-vw)); }

	.form input[type="submit"] { font-size: calc(24vw * var(--to-vw)); padding: calc(5vw * var(--to-vw)) calc(40vw * var(--to-vw)); }
	.form input[type="button"] { font-size: calc(24vw * var(--to-vw)); padding: calc(5vw * var(--to-vw)) calc(40vw * var(--to-vw)); }
	.form textarea { height: calc(160vw * var(--to-vw)); }
	.form .form-row-standard .form-label { padding-top: calc(10vw * var(--to-vw)); margin-bottom: calc(10vw * var(--to-vw)); }
	.form .form-row-standard .form-input { margin-bottom: calc(20vw * var(--to-vw)); }
	.form .form-row-checkbox { display: flex; justify-content: space-evenly; padding: calc(60vw * var(--to-vw)) 0; }
	.form .form-row-list .form-label { margin-bottom: calc(10vw * var(--to-vw)); }
	.form .form-row-list .form-input { margin-bottom: calc(30vw * var(--to-vw)); }
	.form .form-input-list ul > li { padding: calc(10vw * var(--to-vw)) calc(20vw * var(--to-vw)); }
	.form .form-input-list ul > li:not(:last-child) { margin-bottom: calc(15vw * var(--to-vw)); }
	.form .form-row-applicant .form-label { height: calc(220vw * var(--to-vw)); margin-bottom: calc(10vw * var(--to-vw)); }
	.form .form-label-required::after { padding: calc(5vw * var(--to-vw)) calc(10vw * var(--to-vw)); }
	.form .form-checkbox-required::before { padding: calc(5vw * var(--to-vw)) calc(10vw * var(--to-vw));  margin-right: calc(10vw * var(--to-vw)); }
	.form .form-submit { padding: calc(100vw * var(--to-vw)) 0; }
	.form .form-submit input { margin: 0 calc(10vw * var(--to-vw)); }

	.wpcf7 form .wpcf7-response-output { margin-top: calc(-50vw * var(--to-vw)); margin-bottom: calc(50vw * var(--to-vw)); }

}

/**
 * PC・タブレット
 */
@media screen and (min-width: 768px) {

	body { font-size: 16px; }
    a img { transition: opacity 0.5s; }
    a:hover img { opacity: 0.7; }
    button img { transition: opacity 0.5s; }
    button:hover img { opacity: 0.7; }

	.visible-sp { display: none; }
	.wrapper { max-width: 1080px; padding: 0 10px; margin: 0 auto; }

	#header .logo { padding: 20px 0; }
	#header .navi { padding: 5px 0; }
	#header .navi ul > li { width: 14%; max-width: 125px; }
	#header .navi a { transition-property: background-color, color; transition-duration: 0.5s; }
	#header .navi a:hover { background: #00b197; color: #fff; }
	#footer { padding: 10px; }
	#footer .copyright { font-size: 14px; }

	section.filter-conditions ul { padding: 30px 0 15px; }
	section.filter-conditions ul > li:not(:last-child)::after { margin: 0 10px; }
	section.search-results { padding: 15px 0 30px; }
	section.applicant-list { padding: 40px 0 60px; }
	section.applicant-list .pagination .page { width: 36px; height: 36px; line-height: 36px; margin: 0 5px 10px; }
	section.applicant-list .form .description { max-width: 930px; padding: 20px 0 0; margin: 0 auto; }
	section.applicant-list .form .description p { font-size: 14px; }
	section.applicant-list .form .buttons { padding: 60px 0 0; }
	section.applicant-list .form .button { width: 650px; font-size: 24px; border-width: 5px; border-radius: 40px; padding: 5px; transition: opacity 0.5s; }
	section.applicant-list .form .button:hover { opacity: 0.7; }
	section.applicant-list .loading { padding: 0 0 100px; }
	section.applicant-list .loading-error { padding: 0 0 100px; }
	section.step-list { padding: 80px 0 0; }
	section.step-list .section-title { font-size: 36px; margin-bottom: 40px; }
	section.step-list .steps { display: flex; justify-content: space-between; }
	section.step-list .step { position: relative; width: 31%; padding: 15px; }
	section.step-list .step:not(:last-child)::after { content: ""; display: block; position: absolute; right: -12%; top: 0; width: 10%; height: 100%; background: url(images/arrow01.png) no-repeat center; }
	section.step-list .step .step-header { padding-bottom: 10px; margin-bottom: 20px; }
	section.step-list .step .label { font-size: 24px; }
	section.step-list .step .label .no { font-size: 36px; margin-left: 5px; }
	section.step-list .step .step-title { font-size: 22px; }
	section.step-list .step .step-body p { font-size: 18px; }
	section.step-list .button { padding: 60px 0; }
	section.step-list .button a { font-size: 24px; min-width: 400px; padding: 10px; border-radius: 40px; transition: opacity 0.5s; }
	section.step-list .button a:hover { opacity: 0.7; }
	section.contact-banner { padding: 70px 0 20px; margin-bottom: 100px; }
	section.contact-banner .banner { max-width: 480px; margin-left: auto; padding: 20px; }
	section.contact-banner .banner .description { font-size: 24px; padding-left: 45px; margin-bottom: 5px; }
	section.contact-banner .banner .reception { font-size: 14px; padding-left: 50px; }
	section.contact-banner .banner .tel { position: relative; font-size: 48px; line-height: 1.2; padding-left: 50px; margin-bottom: 5px; }
	section.contact-banner .banner .tel::before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 37px; height: 46px; background: url(images/icon-tel.png) no-repeat center; }
	section.contact-banner .banner .button { font-size: 18px; min-width: 360px; padding: 10px; margin-left: 40px; }

	section.register-caption .caption { padding: 60px 0 140px; }
	section.register-caption .caption img { max-width: 50%; }
	section.register-form .wrapper { max-width: 900px; }
	section.register-form .section-title { font-size: 32px; padding: 80px 0 70px; }
	section.register-form .form { padding: 90px 0 0; }
	section.register-form-thanks { padding: 0 0 100px; }
	section.about-group { padding: 20px; }
	section.about-group .container { border-width: 10px; }
	section.about-group .wrapper { max-width: 900px; }
	section.about-group .section-title { font-size: 30px; padding: 40px 0; }
	section.about-group table { font-size: 1.4vw; }
	section.about-group table th { padding: 10px 40px; border-bottom: 1px solid #f0f0f0; }
	section.about-group table td { padding: 10px 40px 10px 0; border-bottom: 1px solid #f0f0f0; }

	section.contact-form .wrapper { max-width: 900px; }
	section.contact-form .section-title { font-size: 32px; padding: 80px 0 70px; }
	section.contact-form .form { padding: 60px 0 0; }
	section.contact-form .form .form-label { padding-left: 60px; }
	section.contact-form-thanks { padding: 0 0 100px; }
	section.contact-form-thanks .button { padding: 60px 0; }
	section.contact-form-thanks .button a { font-size: 24px; min-width: 400px; padding: 10px; border-radius: 40px; transition: opacity 0.5s; }
	section.contact-form-thanks .button a:hover { opacity: 0.7; }

	section.footer-menu ul > li { margin-bottom: 10px; }
	section.footer-menu ul > li:not(:last-child)::after { margin: 0 10px; }
	section.terms { margin-bottom: 100px; }
	section.terms .wrapper { max-width: 840px; }
	section.terms .section-title { font-size: 32px; padding: 80px 0 70px; }
	section.terms .section-sub-title { font-size: 18px; padding: 30px 0; }
	section.terms .clauses { margin-bottom: 30px; }
	section.terms .clauses p { margin-bottom: 30px; }
	section.terms .clauses ol { margin-bottom: 30px; }

	.applicants { display: flex; justify-content: space-between; flex-wrap: wrap; }
	.applicant { width: 49%; margin-bottom: 30px; }
	.applicant .information { display: flex; }
	.applicant .information .thumbnail { width: 31.5%; }
	.applicant .information .profiles { width: 68.5%; padding: 5px 15px; }
	.applicant .information .profile { display: flex; align-items: flex-start; font-size: 1.3vw; padding: 5px 0; }
	.applicant .information .profile .label { width: 76px; padding: 0 5px; }
	.applicant .information .profile .value { flex: 1 1; padding: 0 15px; }
	.applicant .buttons { padding: 10px; }
	.applicant .button { width: 33%; padding: 5px 10px; margin: 0 1%; font-size: 1.0vw; }
	.applicant .message { padding: 10px 20px; overflow: auto; height: 110px;  }
	.applicant .message p { font-size: 14px; }

	.form input[type="submit"] { font-size: 24px; padding: 5px 40px; }
	.form input[type="button"] { font-size: 24px; padding: 5px 40px; }
	.form textarea { height: 160px; }
	.form .form-row { padding: 0 20px; }
	.form .form-row-standard { display: flex; }
	.form .form-row-standard .form-label { width: 30%; padding: 10px 0; }
	.form .form-row-standard .form-input { width: 70%; max-width: 480px; padding: 0 0 20px 60px; }
	.form .form-row-checkbox { display: flex; justify-content: space-evenly; padding: 60px 0; }
	.form .form-row-list { display: flex; }
	.form .form-row-list .form-label { width: 20%; padding: 10px 0; }
	.form .form-row-list .form-input { width: 80%; max-width: 480px; padding: 0 0 20px 60px; }
	.form .form-input-list ul > li { padding: 10px 20px; }
	.form .form-input-list ul > li:not(:last-child) { margin-bottom: 15px; }
	.form .form-row-applicant { margin-bottom: 30px; }
	.form .form-row-applicant .form-label { height: 220px; }
	.form .form-label-required::after { top: 8px; padding: 0 10px; }
	.form .form-checkbox-required::before { padding: 0 10px; margin-right: 10px; }
	.form .form-submit { padding: 100px 0; }
	.form .form-submit input { margin: 0 10px; }
	.form-confirm .form-row-standard .form-input { padding: 10px 0 20px 60px; }
	.form-confirm .form-row-list .form-input:not(.form-input-list) { padding: 10px 0 20px 60px; }

	.wpcf7 form .wpcf7-response-output { margin-top: -50px; margin-bottom: 50px; }
}

/**
 * PC
 */
@media screen and (min-width: 1100px) {

	.wrapper { padding: 0; }

	section.about-group table { font-size: 16px; }

	.applicant .information .profile { font-size: 14px; }
	.applicant .button { font-size: 16px; }

}

/**
 * ローディングアニメーション
 */
.now-loading { margin: 0 auto; font-size: 10px; width: 1em; height: 1em; border-radius: 50%; position: absolute; left: 0; right: 0; text-indent: -9999em; animation: loading-animation 1.1s infinite ease; transform: translateZ(0); }
@-webkit-keyframes loading-animation {
	0%,
	100% {
		box-shadow: 0em -2.6em 0em 0em #888888, 1.8em -1.8em 0 0em rgba(128, 128, 128, 0.2), 2.5em 0em 0 0em rgba(128, 128, 128, 0.2), 1.75em 1.75em 0 0em rgba(128, 128, 128, 0.2), 0em 2.5em 0 0em rgba(128, 128, 128, 0.2), -1.8em 1.8em 0 0em rgba(128, 128, 128, 0.2), -2.6em 0em 0 0em rgba(128, 128, 128, 0.5), -1.8em -1.8em 0 0em rgba(128, 128, 128, 0.7);
	}
	12.5% {
		box-shadow: 0em -2.6em 0em 0em rgba(128, 128, 128, 0.7), 1.8em -1.8em 0 0em #888888, 2.5em 0em 0 0em rgba(128, 128, 128, 0.2), 1.75em 1.75em 0 0em rgba(128, 128, 128, 0.2), 0em 2.5em 0 0em rgba(128, 128, 128, 0.2), -1.8em 1.8em 0 0em rgba(128, 128, 128, 0.2), -2.6em 0em 0 0em rgba(128, 128, 128, 0.2), -1.8em -1.8em 0 0em rgba(128, 128, 128, 0.5);
	}
	25% {
		box-shadow: 0em -2.6em 0em 0em rgba(128, 128, 128, 0.5), 1.8em -1.8em 0 0em rgba(128, 128, 128, 0.7), 2.5em 0em 0 0em #888888, 1.75em 1.75em 0 0em rgba(128, 128, 128, 0.2), 0em 2.5em 0 0em rgba(128, 128, 128, 0.2), -1.8em 1.8em 0 0em rgba(128, 128, 128, 0.2), -2.6em 0em 0 0em rgba(128, 128, 128, 0.2), -1.8em -1.8em 0 0em rgba(128, 128, 128, 0.2);
	}
	37.5% {
		box-shadow: 0em -2.6em 0em 0em rgba(128, 128, 128, 0.2), 1.8em -1.8em 0 0em rgba(128, 128, 128, 0.5), 2.5em 0em 0 0em rgba(128, 128, 128, 0.7), 1.75em 1.75em 0 0em #888888, 0em 2.5em 0 0em rgba(128, 128, 128, 0.2), -1.8em 1.8em 0 0em rgba(128, 128, 128, 0.2), -2.6em 0em 0 0em rgba(128, 128, 128, 0.2), -1.8em -1.8em 0 0em rgba(128, 128, 128, 0.2);
	}
	50% {
		box-shadow: 0em -2.6em 0em 0em rgba(128, 128, 128, 0.2), 1.8em -1.8em 0 0em rgba(128, 128, 128, 0.2), 2.5em 0em 0 0em rgba(128, 128, 128, 0.5), 1.75em 1.75em 0 0em rgba(128, 128, 128, 0.7), 0em 2.5em 0 0em #888888, -1.8em 1.8em 0 0em rgba(128, 128, 128, 0.2), -2.6em 0em 0 0em rgba(128, 128, 128, 0.2), -1.8em -1.8em 0 0em rgba(128, 128, 128, 0.2);
	}
	62.5% {
		box-shadow: 0em -2.6em 0em 0em rgba(128, 128, 128, 0.2), 1.8em -1.8em 0 0em rgba(128, 128, 128, 0.2), 2.5em 0em 0 0em rgba(128, 128, 128, 0.2), 1.75em 1.75em 0 0em rgba(128, 128, 128, 0.5), 0em 2.5em 0 0em rgba(128, 128, 128, 0.7), -1.8em 1.8em 0 0em #888888, -2.6em 0em 0 0em rgba(128, 128, 128, 0.2), -1.8em -1.8em 0 0em rgba(128, 128, 128, 0.2);
	}
	75% {
		box-shadow: 0em -2.6em 0em 0em rgba(128, 128, 128, 0.2), 1.8em -1.8em 0 0em rgba(128, 128, 128, 0.2), 2.5em 0em 0 0em rgba(128, 128, 128, 0.2), 1.75em 1.75em 0 0em rgba(128, 128, 128, 0.2), 0em 2.5em 0 0em rgba(128, 128, 128, 0.5), -1.8em 1.8em 0 0em rgba(128, 128, 128, 0.7), -2.6em 0em 0 0em #888888, -1.8em -1.8em 0 0em rgba(128, 128, 128, 0.2);
	}
	87.5% {
		box-shadow: 0em -2.6em 0em 0em rgba(128, 128, 128, 0.2), 1.8em -1.8em 0 0em rgba(128, 128, 128, 0.2), 2.5em 0em 0 0em rgba(128, 128, 128, 0.2), 1.75em 1.75em 0 0em rgba(128, 128, 128, 0.2), 0em 2.5em 0 0em rgba(128, 128, 128, 0.2), -1.8em 1.8em 0 0em rgba(128, 128, 128, 0.5), -2.6em 0em 0 0em rgba(128, 128, 128, 0.7), -1.8em -1.8em 0 0em #888888;
	}
}
@keyframes loading-animation {
	0%,
	100% {
		box-shadow: 0em -2.6em 0em 0em #888888, 1.8em -1.8em 0 0em rgba(128, 128, 128, 0.2), 2.5em 0em 0 0em rgba(128, 128, 128, 0.2), 1.75em 1.75em 0 0em rgba(128, 128, 128, 0.2), 0em 2.5em 0 0em rgba(128, 128, 128, 0.2), -1.8em 1.8em 0 0em rgba(128, 128, 128, 0.2), -2.6em 0em 0 0em rgba(128, 128, 128, 0.5), -1.8em -1.8em 0 0em rgba(128, 128, 128, 0.7);
	}
	12.5% {
		box-shadow: 0em -2.6em 0em 0em rgba(128, 128, 128, 0.7), 1.8em -1.8em 0 0em #888888, 2.5em 0em 0 0em rgba(128, 128, 128, 0.2), 1.75em 1.75em 0 0em rgba(128, 128, 128, 0.2), 0em 2.5em 0 0em rgba(128, 128, 128, 0.2), -1.8em 1.8em 0 0em rgba(128, 128, 128, 0.2), -2.6em 0em 0 0em rgba(128, 128, 128, 0.2), -1.8em -1.8em 0 0em rgba(128, 128, 128, 0.5);
	}
	25% {
		box-shadow: 0em -2.6em 0em 0em rgba(128, 128, 128, 0.5), 1.8em -1.8em 0 0em rgba(128, 128, 128, 0.7), 2.5em 0em 0 0em #888888, 1.75em 1.75em 0 0em rgba(128, 128, 128, 0.2), 0em 2.5em 0 0em rgba(128, 128, 128, 0.2), -1.8em 1.8em 0 0em rgba(128, 128, 128, 0.2), -2.6em 0em 0 0em rgba(128, 128, 128, 0.2), -1.8em -1.8em 0 0em rgba(128, 128, 128, 0.2);
	}
	37.5% {
		box-shadow: 0em -2.6em 0em 0em rgba(128, 128, 128, 0.2), 1.8em -1.8em 0 0em rgba(128, 128, 128, 0.5), 2.5em 0em 0 0em rgba(128, 128, 128, 0.7), 1.75em 1.75em 0 0em #888888, 0em 2.5em 0 0em rgba(128, 128, 128, 0.2), -1.8em 1.8em 0 0em rgba(128, 128, 128, 0.2), -2.6em 0em 0 0em rgba(128, 128, 128, 0.2), -1.8em -1.8em 0 0em rgba(128, 128, 128, 0.2);
	}
	50% {
		box-shadow: 0em -2.6em 0em 0em rgba(128, 128, 128, 0.2), 1.8em -1.8em 0 0em rgba(128, 128, 128, 0.2), 2.5em 0em 0 0em rgba(128, 128, 128, 0.5), 1.75em 1.75em 0 0em rgba(128, 128, 128, 0.7), 0em 2.5em 0 0em #888888, -1.8em 1.8em 0 0em rgba(128, 128, 128, 0.2), -2.6em 0em 0 0em rgba(128, 128, 128, 0.2), -1.8em -1.8em 0 0em rgba(128, 128, 128, 0.2);
	}
	62.5% {
		box-shadow: 0em -2.6em 0em 0em rgba(128, 128, 128, 0.2), 1.8em -1.8em 0 0em rgba(128, 128, 128, 0.2), 2.5em 0em 0 0em rgba(128, 128, 128, 0.2), 1.75em 1.75em 0 0em rgba(128, 128, 128, 0.5), 0em 2.5em 0 0em rgba(128, 128, 128, 0.7), -1.8em 1.8em 0 0em #888888, -2.6em 0em 0 0em rgba(128, 128, 128, 0.2), -1.8em -1.8em 0 0em rgba(128, 128, 128, 0.2);
	}
	75% {
		box-shadow: 0em -2.6em 0em 0em rgba(128, 128, 128, 0.2), 1.8em -1.8em 0 0em rgba(128, 128, 128, 0.2), 2.5em 0em 0 0em rgba(128, 128, 128, 0.2), 1.75em 1.75em 0 0em rgba(128, 128, 128, 0.2), 0em 2.5em 0 0em rgba(128, 128, 128, 0.5), -1.8em 1.8em 0 0em rgba(128, 128, 128, 0.7), -2.6em 0em 0 0em #888888, -1.8em -1.8em 0 0em rgba(128, 128, 128, 0.2);
	}
	87.5% {
		box-shadow: 0em -2.6em 0em 0em rgba(128, 128, 128, 0.2), 1.8em -1.8em 0 0em rgba(128, 128, 128, 0.2), 2.5em 0em 0 0em rgba(128, 128, 128, 0.2), 1.75em 1.75em 0 0em rgba(128, 128, 128, 0.2), 0em 2.5em 0 0em rgba(128, 128, 128, 0.2), -1.8em 1.8em 0 0em rgba(128, 128, 128, 0.5), -2.6em 0em 0 0em rgba(128, 128, 128, 0.7), -1.8em -1.8em 0 0em #888888;
	}
}