@charset "UTF-8";

/* 共通*/

.form-contents{

	padding: 35px 30px;

	margin: auto;

}

.form-contents form dl{

	margin-bottom: 30px;

}

.form-contents form dl dt:not(.pattern-exclusion) {

	float: left;

	width: 280px;

	padding-top: 20px;

	margin-right: auto;

	text-align: left;

}

.form-contents form dl dt:not(.pattern-exclusion) span {

	color: unset;

    background: transparent;

    padding: unset;

    margin: unset;

    font-size: unset;

    border: unset;

    position: unset;

}

.form-contents form dl dd:not(.pattern-exclusion) {

	padding-left: 280px;

	padding-bottom: 20px;

	padding-top: 23px;

	line-height: 1.5;

	margin-left: 0;

}

.form-contents form dl dd:not(.pattern-exclusion) textarea {

	height: auto;

}

.form-contents form dl dd:not(.pattern-exclusion) input,

.form-contents form dl dd:not(.pattern-exclusion) textarea {

	box-sizing: border-box;

}

.form-contents form dd:not(.pattern-exclusion) .upload-area .input-files-multiple {

	top: 0;

	left: 0;

	opacity: 0;

	position: absolute;

	width: 100%;

	height: 100%;

}

.form-contents .form-err-msg {

	background-color: #fee;

	padding: 15px;

	margin: 15px auto;

	color: #f00;

	border: 1px solid #f00;

}

.form-contents .form-err-msg ul{

	list-style: inside;

}

.form-contents .form-thanks-msg p {

	text-align: center;

}

.form-contents .form-thanks-msg .back-home-btn {

	display: block;

	box-sizing: border-box;

	margin: 30px auto 0;

	width: 300px;

}

.form-contents .form-thanks-msg .back-home-btn a {

	display: block;

	padding: 16px 0;    

	font-size: medium;

	font-weight: bold;

	text-align: center;

	letter-spacing: .2rem;

	border-radius: 4px;

	text-decoration: none;

	transition: all .3s ease;

}

.form-contents dd:not(.pattern-exclusion) input.textarea {

	height: 30px;

}

.form-contents dd:not(.pattern-exclusion) .textarea {

	padding: 5px;

	width: 100%;

	-webkit-appearance: none;

}

.form-contents dd:not(.pattern-exclusion) .textarea-serect {

	padding: 5px;

	width: 100%;

	height: 40px;

}

.form-contents dd:not(.pattern-exclusion) .textarea-date,

.form-contents dd:not(.pattern-exclusion) .textarea-time,

.form-contents dd:not(.pattern-exclusion) .textarea-datetime,

.form-contents dd:not(.pattern-exclusion) .textarea-datetimepicker {

	padding: 5px;

	width: 45%;

	height: 40px;

}

.form-contents dd:not(.pattern-exclusion) .upload-area {

	width: 100%;

	height: 106px;

	position: relative;

	font-weight: bold;

	border: 2px dashed #9a9a9a;

}

.form-contents dd:not(.pattern-exclusion) .upload-msg button {

	text-align: center;

	box-sizing: border-box;

	padding: 15px 0;

	width: 300px;

	margin: 0 auto;

}

.form-contents dd:not(.pattern-exclusion) .input-file-clear {

	text-align: center;

	box-sizing: border-box;

	padding: 1px 0;

	transition: all 0.2s ease-in-out 0s;

	font-size: small;

	font-weight: bold;

	width: 200px;

	margin: 5px 0;

}

.form-contents dd:not(.pattern-exclusion) .upload-area .upload-msg {

	width: 100%;

	height: 80%;

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	margin: auto;

}

.form-contents dd:not(.pattern-exclusion) .upload-area .upload-msg p {

	text-align: center;

	height: 33%;

	line-height: 2;

}

.form-contents dd:not(.pattern-exclusion) .selected-files {

	margin: 5px 5px 10px;

}

.form-contents .submit-btn {

	width: 300px;

	padding: 15px 0px;

	margin: 0px auto;

}

.form-contents :not(.pattern-exclusion) button {

	cursor: pointer;

	position: relative;

	display: block;

	text-align: center;

	box-sizing: border-box;

	font-size: medium;

	font-weight: bold;

	width: 300px;

	transition: all 0.2s ease-in-out 0s;

}

.form-contents .auth-descript {

	margin-top: 5px;

}

.form-contents dd:not(.pattern-exclusion) .upload-msg button::before {

	content: "";

	display: inline-block;

	height: 1em;

	width: 1em;

	vertical-align: middle;

	background-color: #000;

	margin-right: 10px;

	-webkit-mask-image: url(../images/file-lines-solid.svg);

	-webkit-mask-size: auto;

	-webkit-mask-repeat: no-repeat;

	mask-image: url(../images/file-lines-solid.svg);

	mask-size: auto;

	mask-repeat: no-repeat;

}

.form-contents .submit-btn::before {

	content: "";

	display: inline-block;

	height: 1em;

	width: 1em;

	vertical-align: middle;

	background-color: #000;

	margin-right: 10px;

	-webkit-mask-image: url(../images/envelope-solid.svg);

	-webkit-mask-size: auto;    

	-webkit-mask-repeat: no-repeat;

	mask-image: url(../images/envelope-solid.svg);

	mask-size: auto;

	mask-repeat: no-repeat;

}

.form-contents .recaptcha-area {

	text-align: center;

	margin: 15px auto 0;

}

.form-contents .recaptcha-area .g-recaptcha {

	display: inline-block;

}

.form-contents form dl dd:not(.pattern-exclusion) .before-text-area {

	margin-bottom: 5px;

}

.form-contents form dl dd:not(.pattern-exclusion) .after-text-area {

	margin-top: 5px;

}

@media (max-width: 1024px){

	.form-contents form dl dd:not(.pattern-exclusion){

		width: 100%;

		padding-left:0;

	}

	.form-contents form dl dt:not(.pattern-exclusion){

		width: 100%;

		margin-bottom: 10px;

	}

	.form-contents :not(.pattern-exclusion) button {

		width: 250px;

	}

}



/* form-pattern-1 */

.form-pattern-1 {

	background: #fff;

}

.form-pattern-1 .form-thanks-msg {

	background: #fff;

	border: 1px solid #acacac;

	padding: 20px;

}

.form-pattern-1 .form-thanks-msg .back-home-btn a {    

	background: #acacac;

	color: #fff;

	border: 1px solid #acacac;

}

.form-pattern-1 .form-thanks-msg .back-home-btn a:hover {

	background: #555;

}

.form-pattern-1 dl dd:not(.pattern-exclusion) {

	border-bottom: 1px solid #eee;

}

.form-pattern-1 dl dt:not(.pattern-exclusion) span::before {

	padding: 0 5px 0;

	margin-right: 5px;

	font-size: 11px;

	border-radius: 2px;

	position: relative;

	top: -2px;

}

.form-pattern-1 dl dt:not(.pattern-exclusion) span.required::before {

	content: '必須';

	color: #fff;

	background: #ff4f4f;

}

.form-pattern-1 dl dt:not(.pattern-exclusion) span.optional::before {

	/* content: '任意'; */

	color: #fff;

	background: #acacac;

}

.form-pattern-1 dd:not(.pattern-exclusion) .textarea {

	border: 1px solid #ddd;

	border-radius: 5px;

}

.form-pattern-1 dd:not(.pattern-exclusion) .textarea-serect {

	border: 1px solid #ddd;

	border-radius: 5px;

}

.form-pattern-1 dd:not(.pattern-exclusion) .textarea-date,

.form-pattern-1 dd:not(.pattern-exclusion) .textarea-time,

.form-pattern-1 dd:not(.pattern-exclusion) .textarea-datetime,

.form-pattern-1 dd:not(.pattern-exclusion) .textarea-datetimepicker {

	border: 1px solid #ddd;

	border-radius: 5px;

}

.form-pattern-1 dd:not(.pattern-exclusion) .upload-area {

	border: 2px dashed #9a9a9a;

	background: #acacac;

}

.form-pattern-1 dd:not(.pattern-exclusion) .upload-msg button {

	color: #000;

	background: #fff;

	border: 1px solid #fff;

	border-radius: 4px;

}

.form-pattern-1 dd:not(.pattern-exclusion) .input-file-clear {

	color: #fff;

	background: #acacac;

	border: 1px solid #acacac;

	border-radius: 4px;

}

.form-pattern-1 dd:not(.pattern-exclusion) .upload-area .upload-msg p {

	color: #fff;

}

.form-pattern-1 dd:not(.pattern-exclusion) .input-files {

	display: block;

	margin-bottom: 10px;

}

.form-pattern-1 .submit-btn {

	color: #fff;

	background: #acacac;

	border: 1px solid #acacac;

	border-image: initial;

	border-radius: 4px;

}

.form-pattern-1 :not(.pattern-exclusion) button:hover {

	background: #555;

}

.form-pattern-1 dd:not(.pattern-exclusion) .upload-msg button::before {

	background-color: #000;

}

.form-pattern-1 .submit-btn::before {

	background-color: #fff;

}



/* form-pattern-2 */

.form-pattern-2 {

	background: #fff;

	border-radius: 15px;

}

.form-pattern-2 .form-thanks-msg {

    padding: 40px;

    border: 3px solid #fefefe;

    -webkit-box-shadow: 0 0 0 6px #fce3d9;

    box-shadow: 0 0 0 6px #fce3d9;

    max-width: 700px;

    margin: 0 auto;

}

.form-pattern-2 .form-thanks-msg .back-home-btn a {    

	background: #fff;

	color: #222;

	border: 2px solid #222;	

	padding: 12px 5px;

    margin: 0 auto;

    width: 250px;

    border-radius: 25px;

}

.form-pattern-2 .form-thanks-msg .back-home-btn a:hover {

	background: #f07240;

}

.form-pattern-2 .form-err-msg {

	border: 2px solid #f00;

}

.form-pattern-2 dl dd:not(.pattern-exclusion) {  

	border-bottom: 1px dotted #ccc;

}

.form-pattern-2 dl dt:not(.pattern-exclusion) span.required::before {

    padding: 5px 8px;

    margin-right: 5px;

    font-size: 11px;

    border-radius: 20px;

    position: relative;

    top: -2px;

}

.form-pattern-2 dl dt:not(.pattern-exclusion) span.required::before {

	content: '必須';

    color: #fff;

    background: #f07240;

}

.form-pattern-2 dl dt:not(.pattern-exclusion) span.optional::before {

	/* content: '任意'; */

    color: #fff;

    background: #acacac;

}

.form-pattern-2 dd:not(.pattern-exclusion) .textarea {

	border: 0;

    padding: 15px;

    border-radius: 0;

    background: #f0f0f0;

}

.form-pattern-2 dd:not(.pattern-exclusion) .textarea-serect {

	border: 0;

    padding: 5px 15px;

    border-radius: 0;

    background: #f0f0f0;

}

.form-pattern-2 dd:not(.pattern-exclusion) .textarea-date,

.form-pattern-2 dd:not(.pattern-exclusion) .textarea-time,

.form-pattern-2 dd:not(.pattern-exclusion) .textarea-datetime,

.form-pattern-2 dd:not(.pattern-exclusion) .textarea-datetimepicker {

	border: 0;

    padding: 5px 15px;

    border-radius: 0;

    background: #f0f0f0;

}

.form-pattern-2 dd:not(.pattern-exclusion) .upload-area {

	border: 2px dashed #f07240;

	background: #fce3d9;

}

.form-pattern-2 dd:not(.pattern-exclusion) .upload-msg button {

	color: #f07240;

	background: #fff;

	border: 1px solid #fff;

	padding: 12px 5px;

    margin: 0 auto;

    width: 250px;

    border-radius: 25px;

}

.form-pattern-2 dd:not(.pattern-exclusion) .input-file-clear {

	color: #fff;

	background: #f07240;

	border: 1px solid #f07240;	

    border-radius: 25px;

}

.form-pattern-2 dd:not(.pattern-exclusion) .upload-area .upload-msg p {

	color: #f07240;

}

.form-pattern-2 dd:not(.pattern-exclusion) .input-files {

	display: block;

	margin-bottom: 10px;

}

.form-pattern-2 .submit-btn {

	color: #fff;

	background: #f07240;

	border: 1px solid #f07240;

	border-image: initial;

	padding: 12px 5px;

    margin: 0 auto;

    width: 250px;

    border-radius: 25px;

}

.form-pattern-2 :not(.pattern-exclusion) button:hover {

	color: #f07240;

	background: #fff;

}

.form-pattern-2 dd:not(.pattern-exclusion) .upload-msg button::before {

	background-color: #f07240;

}

.form-pattern-2 .submit-btn::before {

	background-color: #fff;

}

.form-pattern-2 .submit-btn:hover::before {

	background-color: #f07240;

}