@charset "UTF-8";

/* --- form --- */

/* スマホ時の装飾を削除 */
input[type="text"],
input[type="email"],
input[type="number"],
button,
input[type="submit"],
textarea  {
	border-radiu: 0;
	border:none;
	-webkit-appearance: none;
}

.entry_form {
	padding:80px 0 100px 0;
	margin-bottom:60px;
}

.entry_form .inner {
	max-width:1110px;
}

.entry_form h2 {
	margin-bottom:80px;
}

.entry_form h2 span {
	display: block;
	margin-top:1em;
}

.form_block:not(:last-of-type) {
	padding:0 0 50px 0;
	margin-bottom:50px;
	border-bottom:1px solid #707070;
}

.form_list dt {
	width:26%;
	padding:1.2em 1.2em;
	font-size:1rem;
	line-height:2em;
	text-align: center;
}

.form_list dd {
	width:60%;
	padding:0.6em 0 0.6em 0em;
}


input[type="text"],
input[type="email"] {
	background:#fff;
	width:100%;
	font-size:1rem;
	line-height:2em;
	height: 3em;
	padding:0 1em;
	border:1px solid #CDD6DD;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  color: #CDD6DD;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #CDD6DD;
}
::placeholder{ /* Others */
  color: #CDD6DD;
}

.f_birth input[type="text"]:first-of-type {
	width:100px;
	margin:0 0.5em 0 0;
}
.f_birth input[type="text"]:not(:first-of-type) {
	width:70px;
	margin:0 0.5em 0 2em;
}

.f_address input[type="text"]:first-of-type {
	width:145px;
}

.f_address input[type="text"]:not(:first-of-type) {
	margin:1.2em 0 0 0 ;
}


/* radio */

input[type="radio"],
input[type="checkbox"] {
    display: none;
}

.radio_wrap {
	width:20%;
}

input[type="radio"] + span,
input[type="checkbox"] + span {
    padding-left: 2.5em;
    position: relative;
}

input[type="radio"] + span::before,
input[type="checkbox"] + span::before {
	content: "";
    display: block;
    width: 1.5em;
    height: 1.5em;
	border: 1px solid #CDD6DD;
	background:#F1F1F1;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    border-radius: 50%;
}

input[type="radio"]:checked + span::before,
input[type="checkbox"]:checked + span::before {
	content: "";
	background:#CDD6DD;
}

input[type="radio"]:checked + span::after,
input[type="checkbox"]:checked + span::after {
    content: "";
    display: block;
    width: 0.5em;
    height: 0.5em;
    background: #fff;
    border: 1px solid #CDD6DD;
	position: absolute;
    top: 0;
    left: 0.5em;
    bottom: 0;
    margin: auto 0;
    border-radius: 50%;
}

/* textarea */

textarea {
	background:#fff;
	border:1px solid #CDD6DD;
	width:100%;
	font-size:1rem;
	line-height:1.75em;
	height:140px;
    overflow: auto;
    padding: 1em;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    resize: none;
    /* border: 1px solid #e4e4e4; */
    outline: none;
}

/* submit */

.submit_wrap {
	margin-top:50px;
}

.submit_wrap button {
	border:1px solid #005B94;
	background:#005B94;
	width:246px;
	height:60px;
	line-height:58px;
	text-align:center;
	font-size:1rem;
	margin:0 0 0 26%;
	cursor:pointer;
	transition:all .4s;
	position:relative;
}

.submit_wrap button span {
	font-size:1rem;
	position:relative;
	z-index:3;
	transition:all .4s;
	color:#fff;
}

.submit_wrap button::after {
	content: "";
    width: 0.4em;
    height: 0.4em;
    background: url(../images/bread_arrow_white.svg) no-repeat center / contain;
    display: block;
    position: absolute;
    top: 0;
    right: 1em;
    bottom: 0;
    margin: auto 0;
}

.submit_wrap button:hover {
    background: #fff;
    color: #0181CA;
}

.submit_wrap button:hover span {
	color:#0181CA;
}

.submit_wrap button:hover::after {
	background: url(../images/bread_arrow.svg) no-repeat center / contain;
}

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

.submit_wrap button:hover  {
	color:#fff!important;
}

.submit_wrap button:hover span {
	color:#fff;
}

.submit_wrap button::before {
	content:"";
	display: block;
	width:100%;
	height:100%;
	background:#a38f55;
	position:absolute;
	top:0;
	left:0;
	transform:scale(0);
	transition:transform .4s;
}

.submit_wrap button:hover::before {
	transform:scale(1);
}

}
*/

#kango #form_wrap dt {
	background:none;
}

/* --- ver. smart phone --- */

@media screen and (max-width:768px) {

	.form_list dt,
	.form_list dd,
	input[type="text"],
	input[type="email"],
	input[type="number"],
	.submit_wrap button {
		width:100%;
	}

	.form_list dt {
		text-align:left;
		padding:0 0 0.5em 0;
	}

	.form_list dd {
		padding:0em 0 1em 0;
	}

	.f_postal input[type="text"] {
		width:40%;
	}

	.radio_wrap {
		width:40%;
		margin-top:0.5em;
	}

	.radio_wrap:not(:last-of-type) {
		margin-right:20px;
	}

	.f_birth input[type="text"]:not(:first-of-type),
	.f_birth input[type="text"]:first-of-type,
	.f_address input[type="text"]:first-of-type {
		width:60%;
	}

	.f_birth input[type="text"]:not(:first-of-type) {
		margin-left:0;
	}

	.f_birth input[type="text"]:nth-of-type(2){
		margin:20px 0.5em 20px 0;
	}

	textarea {
		height:60vw;
	}

	.submit_wrap button {
		margin:0 auto;
	}

}