@charset "UTF-8";

/* CSS Document */

/*====================================

	#anc_tel

====================================*/

#anc_tel {
}
#anc_tel .inner {
}
#anc_tel .inner .ex {
	margin-bottom: 40px;
}
#anc_tel .inner .ex span {
	display: block;
	font-size: 90%;
}
#anc_tel .inner .list {
}
#anc_tel .inner .list ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
}
#anc_tel .inner .list ul li {
	width: 32%;
}
#anc_tel .inner .list ul li a {
	display: block;
	border: 1px solid var(--border-color);
	backdrop-filter: blur(10px) saturate(1.8);
	border-radius: 20px;
	padding: 30px;
	color: #000;
	text-decoration: none;
	pointer-events: none;
}
#anc_tel .inner .list ul li a dl {
}
#anc_tel .inner .list ul li a dl dt {
	color: #000;
	font-size: 90%;
}
#anc_tel .inner .list ul li a dl dd {
	color: var(--main-color);
	font-weight: 600;
	font-size: 140%;
}
#anc_tel .inner .list ul li a:hover {
	background: var(--main-color);
	color: #fff;
}
#anc_tel .inner .list ul li a:hover dl dt,
#anc_tel .inner .list ul li a:hover dl dd {
	color: #fff;
}


/*====================================

    #anc_mail

====================================*/

#anc_mail {
}
#anc_mail .inner {
}
#anc_mail .inner .wp_form {
}
#anc_mail .inner .wp_form .ex {
	width: 100%;
	text-align: right;
}
#anc_mail .inner .wp_form .ex span {
	font-weight: 600;
	color: var(--main-color);
}
#anc_mail .inner .wp_form dl {
    display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	padding: 10px 0;
}
#anc_mail .inner .wp_form dl dt {
	width: 300px;
	padding: 12px 0;
}
#anc_mail .inner .wp_form dl dt h3 {
	font-size: 100%;
	font-weight: normal;
}
#anc_mail .inner .wp_form dl dt h3 sup {
	margin-left: .5em;
	color: var(--main-color);
}
#anc_mail .inner .wp_form dl dt h3 span {
	display: inline-block;
	font-size: 80%;
}
#anc_mail .inner .wp_form dl dd {
    flex: 1;
}
#anc_mail .inner .wp_form dl dd input,
#anc_mail .inner .wp_form dl dd textarea {
	width: 100%;
	background: #fff;
	padding: 12px 20px;
	border: none;
	border-radius: 40px;
	border: 1px solid var(--main-color);
}
#anc_mail .inner .wp_form dl dd input:focus,
#anc_mail .inner .wp_form dl dd textarea:focus {
	border: 1px solid var(--main-color);
	outline: none;
	background: #f7f7f7;
}
#anc_mail .inner .wp_form dl dd fieldset {
    display: flex;
    flex-wrap: wrap;
    border: none;
	width: 100%;
	margin: 0;
	padding: 0;
}
#anc_mail .inner .wp_form dl dd fieldset label {
    display: flex;
    align-items: center;
    gap: 0 .5em;
    position: relative;
    cursor: pointer;
    border: 1px solid var(--border-color);
    width: 100%;
    padding: 6px;
    border-radius: 40px;
    margin-bottom: 4px;
    background: #fff;
}
#anc_mail .inner .wp_form dl dd fieldset label::before,
#anc_mail .inner .wp_form dl dd fieldset label::after {
    border-radius: 50%;
    content: '';
}
#anc_mail .inner .wp_form dl dd fieldset label::before {
    width: 18px;
    height: 18px;
    border: 2px solid var(--border-color);
    box-sizing: border-box;
}
#anc_mail .inner .wp_form dl dd fieldset label::after {
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translate(-50%, -50%);
    width: 9px;
    height: 9px;
    background-color: var(--border-color);
}
#anc_mail .inner .wp_form dl dd fieldset label:has(:checked)::after {
    background: var(--main-color);
    animation: anim-radio-2 .3s linear;
}
@keyframes anim-radio-2 {
    0% {
        box-shadow: 0 0 0 1px transparent;
    }
    50% {
        box-shadow: 0 0 0 10px var(--sub-color);
    }
    100% {
        box-shadow: 0 0 0 10px transparent;
    }
}
#anc_mail .inner .wp_form dl dd fieldset input {
    display: none;
}
#anc_mail .inner .submit {
    width: 100%;
    text-align: right;
    margin: 40px 0 0 0;
}
#anc_mail .inner .submit button {
}

/*====================================

	#wp_agree

====================================*/

.wp_agree {
	width: 100%;
	margin-top: 60px;
	backdrop-filter: blur(10px) saturate(1.8);
	border-radius: 40px;
	padding: 40px;
}
.wp_agree .notes_required {
	width: 100%;
	text-align: center;
}
.wp_agree .notes_required a {
	color: var(--main-color);
	margin-left: 1em;
}
.wp_agree .notes_required a:hover {
	text-decoration: none;
}
.wp_agree .notes_required .checkBtn_area {
	transition-duration: 0.2s;
}
.wp_agree .notes_required .checkBtn_area label {
	cursor: pointer;
	transition-duration: 0.3s;
	position: relative;
}
.wp_agree .notes_required .checkBtn_area label .label_inner {
}
.wp_agree .notes_required .checkBtn_area label .label_inner:before {
	content: "";
	width: 24px;
	height: 24px;
	background: #fff;
	border: 1px solid var(--border-color);
	box-sizing: border-box;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -13px;
}
.wp_agree .notes_required._check .checkBtn_area label .label_inner:after {
	content: '';
	width: 20px;
	height: 12px;
	border-top: 2px solid var(--main-color);
	border-right: 2px solid var(--main-color);
	-webkit-transform: rotate(130deg);
	transform: rotate(130deg);
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -.9em;
}
.wp_agree .notes_required .checkBtn_area label input {
	position: relative;
	z-index: -1;
}
.wp_agree .btnArea {
	margin: 30px auto 0;
	position: relative;
	width: 100%;
	text-align: center;
}
.wp_agree .btnArea input[type="submit"] {
	position: relative;
	display: block;
	height: 1px;
	padding: 0;
	z-index: -1;
	transition-duration: 0.3s;
	box-sizing: border-box;
	-webkit-appearance: none;
	width: 100%;
	border: none;
	outline: none;
	display: none;
}
.wp_agree .btnArea input[type="submit"] {
	cursor: default;
	z-index: +1;
	outline: none;
}
.wp_agree .btnArea._check input[type="submit"] {
	z-index: -1;
}
.wp_agree .btnArea button {
	position: relative;
	display: inline-block;
	text-decoration: none;
	padding: 0.5em 3.5em 0.5em 3em;
	color: #ccc;
	font-weight: 600;
	background: url(/common/images/btn_arrow.svg) top 50% right 10px no-repeat;
	background-size: 8px;
	transition: all 0.2s;
	font-size: 110%;
	transition-duration: 0.2s;
}
.wp_agree .btnArea._check button {
	color: #000;
	margin: 0 auto;
}
.wp_agree .btnArea._check button:after {
	content: "";
	position: absolute;
	z-index: -1;
	bottom: -0.3em;
	left: -0.15em;
	width: calc(100% + .3em);
	height: 0.1em;
	background: var(--main-color);
	transition: all 0.2s;
	border-radius: 4px;
}
.wp_agree .btnArea._check button:hover:after {
	height: calc(100% + 0.5em);
}
.wp_agree .btnArea._check button:hover {
	color: #fff;
	background: url(/common/images/btn_arrow_w.svg) top 50% right 8px no-repeat;
	background-size: 8px;
}

/*====================================

	#anc_confirm

====================================*/

#anc_confirm {
}
#anc_confirm .inner {
}
#anc_confirm .inner .list {
}
#anc_confirm .inner .list dl {
	margin-bottom: 20px;
}
#anc_confirm .inner .list dl dt {
	font-weight: 600;
	font-size: 80%;
	color: #999;
}
#anc_confirm .inner .list dl dd {

}
#anc_confirm .inner .list dl dd p {
	border-bottom: 1px solid var(--border-color);
}
#anc_confirm .inner .wp_btn {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#anc_confirm .inner .wp_btn .btn_back button {
	position: relative;
	display: inline-block;
	text-decoration: none;
	padding: 0.5em 3.5em 0.5em 3em;
	color: #000;
	font-weight: 600;
	transition: all 0.2s;
	font-size: 110%;
}
#anc_confirm .inner .wp_btn .btn_back button:after {
	content: "";
	position: absolute;
	z-index: -1;
	bottom: -0.3em;
	left: -0.15em;
	width: calc(100% + .3em);
	height: 0.1em;
	background: var(--main-color);
	transition: all 0.2s;
	border-radius: 4px;
}
#anc_confirm .inner .wp_btn .btn_back button:hover:after {
	height: calc(100% + 0.5em);
}
#anc_confirm .inner .wp_btn .btn_back button {
	background: url(/common/images/btn_arrow_back.svg) top 50% left 10px no-repeat;
	background-size: 8px;
}
#anc_confirm .inner .wp_btn .btn_back button:hover {
	color: #fff;
	background: url(/common/images/btn_arrow_back_w.svg) top 50% left 8px no-repeat;
	background-size: 8px;
}

/*====================================

	#anc_thanks

====================================*/

#anc_thanks {
}
#anc_thanks .inner {
}
#anc_thanks .inner p {
	font-size: 130%;
}