@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 {
}
#anc_tel .inner .list ul li {
	margin-bottom: 10px;
}
#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: 20px;
	color: #000;
	text-decoration: none;
}
#anc_tel .inner .list ul li:last-child {
	margin-bottom: 0px;
}
#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_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 {
	padding: 10px 0;
}
#anc_mail .inner .wp_form dl dt {
}
#anc_mail .inner .wp_form dl dt h3 {
	font-size: 100%;
	font-weight: 600;
}
#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 {
}
#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: 10px;
	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: center;
    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: 10px;
    padding: 20px;
}
.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 .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 {
    background: url(/common/images/btn_arrow_back.svg) top 50% left 10px no-repeat;
    background-size: 8px;
}


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

    #anc_thanks

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

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