@charset 'utf-8';

#wrapper {
	margin: 0 auto;
	width: 90vw;
	margin-bottom: 50px;
}
main {
    background-color: #ffffff;
    margin-top: 10px;
}
p.claim_1 {
	width: 80%;
	text-indent: 1.0rem;
	margin: 0 auto;
}
p.claim_2 {
	width: 80%;
	text-indent: 1.0rem;
	margin: 0 auto;
}
p.claim_3 {
	width: 80%;
	text-indent: 1.0rem;
	margin: 0 auto;
	color: red;
	margin-top: 15px;
}
.head-logo-sub img {
    display: block;
    width: 35vw;
    aspect-ratio: 64/37;
    margin: 0 auto;
}
h2 {
    font-size: 1.5rem;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 25px;
    border-bottom: 3px solid #eeb033;
    border-top: 3px solid #eeb033;
    border-left: 10px solid #eeb033;
    border-right: 10px solid #eeb033;
    box-sizing: content-box;
    padding-left: 10px;
    padding-bottom: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    user-select: none;
    width: 80vw;
}
#info_box {
    margin: 0 auto;
    margin-top: 35px;
}
input {
	padding: 5px;
	font-size: 1.3rem;
	border-radius: 7px;
	border: 2px solid black;
}
input:focus {
	border: 2px solid #f08a4a;
	box-sizing: content-box;
}
textarea {
	padding: 5px;
	font-size: 1.3rem;
	border-radius: 7px;
	border: 1px solid grey;
}
textarea:focus {
	box-sizing: content-box;
	border: 3px solid green;
	outline: none;
}

table#frame {
	table-layout: fixed;
	margin: 0 auto;
	margin-top: 20px;
	width: 100%;
	border: 1px solid darkgreen;
	border-radius: 15px;
	box-shadow: -1px -1px rgb(245, 245, 47), 
	            1px -1px rgb(245, 245, 47),
				1px 1px rgb(245, 245, 47),
				-1px 1px rgb(245, 245, 47),
				0 0 0.1em rgb(245, 245, 47),
				0 0 0.1em rgb(245, 245, 47) inset,
				0 0 0.5em rgb(245, 245, 47),
				0 0 0.5em rgb(245, 245, 47) inset,
				0 0 1em rgb(245, 245, 47),
				0 0 1em rgb(245, 245, 47);
}
td {
	padding: 5px;
	border: 0;
}

.schedule_indicator {
    padding-top: 5px;
    padding-bottom: 5px;
}


#name_kanji,
#name_kana,
#phone,
#email,
#email_confirm,
#date_1,
#date_2,
#date_3 {
	margin-top: 5px;
}
#time_1,
#time_2,
#time_3 {
	margin-top: 5px;
	font-size: 1.3rem;
	padding: 5px;
	border-radius: 10px;
}
#msg {
	margin-top: 15px;
	width: 95%;
	height: 7.0rem;
}

table#user_candidate {
	table-layout: fixed;
	width: 100%;
	margin-top: 20px;
}
table#user_candidate tr td select {
	width: 35vw;
}
table#user_candidate tr td input {
	width: 35vw;
}
::placeholder {
	color: #8498f0;
}
td.calendar_cell {
    background-color: lightcyan;
    vertical-align: top;
}
td.today_cell {
    background-color: #f2caac;
    vertical-align: top;
}
#submit {
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
    display: block;
    font-size: 1.5rem;
    background-color: #f08a4a;
    border: 3px solid #9c4611;
    padding-top: 15px;
    padding-bottom: 15px;
    width: 80vw;
    color: white;
}