@charset "utf-8";
/* CSS Document */

#contact #kanban {
	background: #270C15;
	color: #FFFFFF;
	padding: 10.0em 0;
}

#contact #kanban h1 {
	font-family: 'Josefin Sans', sans-serif;
	font-size: 40px;
	letter-spacing: 0.2em;
	font-weight: 600;
}

#contact h2 {
    letter-spacing: normal!important;
	font-size: 25px!important;
}

#contact {
    margin-top: -5% !important;
	color: #5E5E5E;
}

#contact .inner {
	padding: 5.0em 0 2.0em;
	max-width: 1000px;
}

#contact .info {
	font-size: 16px;
	margin-bottom: 5.0em;
	line-height: 1.8;
}

#contact .form_wrap dl {
	text-align: left;
}

#contact .form_wrap dd > input,#contact .form_wrap dd > textarea,#contact .form_wrap dd > select {
	width: 100%;
    padding: 1.0em 0;
    border-radius: 7px;
    text-indent: 10px;
	border: 1px #707070 solid;
	margin: 0.5em auto 3.0em;
	box-sizing: border-box;
}

#contact .form_wrap dd > textarea {
	height: 10.0em;
	padding: 1.0em;
}


#contact .form_wrap dt {
	color: #E0B782;
	font-size: 20px;
}

#contact .before {
	text-align: left;
	display: inline-block;
	line-height: 1.8;
}

.form li {
	width: 20%;
}

.form li label {
    display: flex;
    align-items: baseline;
	justify-content: flex-start;
    font-size: 20px;
}

.form li label input {
	margin: auto 7px auto 0;
	width: 8%!important;
	padding: 0;
}

.form ul {
	display: flex;
	margin: 0.5em auto 3.0em;
}

button {
	width: 50%;
	padding: 1.0em 5%;
	background: #000000;
	color: #FFFFFF;
	font-size: 16px;
	border-radius: 30px;
	position: relative;
	margin: 3.0em auto 5.0em;
}

button:after{
	content: "";
        display: inline-block;
        background: url("https://digicure.jp/img/comm/btn_2.png") no-repeat right;
        background-size: 100%;
        height: auto;
        width: 5%;
       aspect-ratio: 1 / 1;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 1.0em;
}


#thanks .txt30 {
    font-size: 30px;
    margin-bottom: 30px;
}

#thanks p.before {
    font-size: 11px !important;
    color: #666;
    border: 1px solid #ececec;
    padding: 15px;
    text-align: left !important;
    margin: 0 auto;
}

#thanks .inner {
    width: 90%;
    max-width: 1000px;
    text-align: left;
    margin: auto auto 5.0em;
}

#thanks .tel {
    font-size: 30px;
    padding: 20px 0 0 0;
}



@media only screen and (max-width: 798px){
	#main #contact h2 {
    font-size: 35px!important;
}
	.form li {
    width: 30%;
}
}

@media only screen and (max-width: 640px) {
	#contact #kanban h1 {
    font-size: 25px!important;
}
	#contact #kanban {
    padding: 3.0em 0!important;
}
	#main #contact h2 {
    font-size: 18px!important;
}
	#contact .info {
    font-size: 14px;
    text-align: left;
}
	#contact .form_wrap dt {
    font-size: 14px;
}
	
	.form li {
    width: 100%;
		line-height: 2.0;
}
	
	.form li label {
    font-size: 14px;
}
	.form ul {
		flex-wrap: wrap;
}
	button {
    width: 100%;
    padding: 0.5em 5%;
    font-size: 14px;
    margin: auto auto 3.0em;
}
	#contact .inner {
    padding: 3.0em 0 1.0em;
}
	#thanks .inner {
    margin: 3.0em auto;
}
	#thanks .txt30 {
    font-size: 18px;
    margin-bottom: 1.5em;
}
	#thanks .tel {
     padding: 0.5em 0 0 0; 
}
}