/*--------------------------------
reset
--------------------------------*/
html,body,div,p,img,iframe,a,span,blockquote,q,address,cite,
pre,code,em,small,strong,b,i,
header,article,section,nav,figure,figcaption,hgroup,menu,aside,footer,time,
h1,h2,h3,h4,h5,h6,
ul,ol,li,dl,dt,dd,
table,tbody,thead,tfoot,th,tr,td,
form,fieldset,legend,label,select,input,textarea,button{
	margin: 0;
	padding: 0;
	border: 0;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: baseline;
}
header,article,section,nav,figure,figcaption,hgroup,menu,aside,footer{
	display: block;
}
ul{
	list-style-type: none;
}
h1,h2,h3,h4,h5,h6{
	font-weight: 500;
}
body{
	line-height: 1;
}
a{
	text-decoration: none;
}
img{
	vertical-align: middle;
}
table{
	border-collapse: collapse;
	border-spacing: 0;
}
select,option,input,textarea,button{
	font: inherit;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
}
blockquote::before,blockquote::after,q::before,q::after{
	content: '';
	content: none;
}
[type=submit],[type=button],[type=reset],[type=file],button{
	cursor: pointer;
}
:focus{
	outline: none;
}

/*--------------------------------
global element
--------------------------------*/
body{
	background: #fff;
	font-size: 16px;
	font-family: sans-serif;
	color: #333;
	-webkit-text-size-adjust: 100%;
}
a{
	transition: .5s;
}
img{
	max-width: 100%;
}
.wrap{
	margin: 0 auto;
	width: 1280px;
	position: relative;
}

/*--------------------------------
header
--------------------------------*/
.top{
	padding: 40px 0 20px 0;
	width: 300px;
	position: fixed;
	top: 0;
	z-index: 2;
}
.top .inner{
	background: #fff;
	overflow: hidden;
}
.top .inner > a{
	display: block;
}
.top .inner > a:hover{
	opacity: 0.4;
}
.top h1{
	width: 300px;
	height: 130px;
	overflow:hidden;
	background-repeat: no-repeat;
	background-position: center bottom;
}
.logo-1ban{
	background-image: url(../images/logo-1ban.webp);
}
.logo-2ban{
	background-image: url(../images/logo-2ban.webp);
}
.logo-9ban{
	background-image: url(../images/logo-9ban.webp);
}
.top h1 span,
.top p span{
	padding: 130px 0 0 0;
	display: block;
}
.top nav{
	align-items: center;
}
.gnav{
	padding: 20px 0;
	align-items: center;
}
.gnav li{
	height: 80px;
	overflow: hidden;
}
.gnav li a{
	padding: 85px 0 0 0;
	display: block;
	background-image: url(../images/bg_gnav.webp);
	background-repeat: no-repeat;
	cursor: pointer;
}
.gnav li:nth-of-type(1) a{
	background-position: 0 0;
}
.gnav li:nth-of-type(2) a{
	background-position: 0 -80px;
}
.gnav li:nth-of-type(3) a{
	background-position: 0 -160px;
}
.gnav li:nth-of-type(4) a{
	background-position: 0 -240px;
}
.gnav li:nth-of-type(5) a{
	background-position: 0 -320px;
}
.top nav a:hover{
	opacity: .4;
}
.sub-nav{
	display:flex;
}
.sub-nav li{
	flex-grow: 1;
}
.sub-nav a{
	line-height: 40px;
	display:block;
	text-align: center;
	cursor: pointer;
	position: relative;
}
.sub-nav a::after{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 0 7px 10px;
	border-color: transparent transparent transparent #999999;
	content: "";
	position: absolute;
	top: 13px;
	left: 0;
}

/*--------------------------------
Contents
--------------------------------*/
.main, #pr,.footer{
	padding: 40px 0 0 0;
	width: 940px;
	float: right;
}
.main{
	padding: 40px 0 0 0;
	width: 940px;
	float: right;
}
.intro{
	height: 380px;
	text-align: center;
	overflow: hidden;
	position: relative;
}
.intro-img-01,
.intro-img-02,
.intro-img-03,
.intro-img-04,
.intro-img-05{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-size: cover;
	background-position: center top;
	animation:slide 25s infinite;
	opacity: 0;
	z-index: 1;
}

.intro-img-01{
	background-image: url(../images/bg_intro01.webp);
	animation-delay: 0s;
}
.intro-img-02{
	background-image: url(../images/bg_intro02.webp);
	animation-delay: 5s;
}
.intro-img-03{
	background-image: url(../images/bg_intro03.webp);
	animation-delay: 10s;
}
.intro-img-04{
	background-image: url(../images/bg_intro04.webp);
	animation-delay: 15s;
}
.intro-img-05{
	background-image: url(../images/bg_intro05.webp);
	animation-delay: 20s;
}

@keyframes slide {
    0% {opacity: 0;}
    5% {opacity: 1;}
    33% {opacity: 1;}
    38% {opacity: 0;}
}
.heading{
	padding: 20px 0;
	background: url(../images/bg_heading.webp) no-repeat 0 0;
}
.heading h1{
	height: 80px;
	overflow: hidden;
	background-image: url(../images/txt_heading01.webp),url(../images/txt_heading02.webp);
	background-repeat: no-repeat,no-repeat;
}
.heading p{
	line-height: 30px;
	text-align: right;
}

.notice-head{
	background-position: left 0,right 0;
}
.system-head{
	background-position: left -80px,right -80px;
}
.user-head{
	background-position: left -160px,right -160px;
}
.faq-head{
	background-position: left -240px,right -240px;
}
.about-head{
	background-position: left -320px,right -320px;
}
.entry-head{
	background-position: left -400px,right -400px;
}
.terms-head{
	background-position: left -480px,right -480px;
}
.privacy-head{
	background-position: left -560px,right -560px;
}
.heading h1 span{
	padding: 90px 0 0 0;
	display: block;
}

/*--------------------------------
Step
--------------------------------*/
.step{
	padding: 20px 40px;
	display: flex;
	justify-content: space-between;
}
.step_item{
	padding: 0;
	width: 200px;
}
.step_item p{
	padding: 20px 0 0 0;
	font-size: 18px;
	line-height: 26px;
}
.step_item figure{
	width: 200px;
	height: 200px;
	background-image: url(../images/bg_step.webp);
	background-repeat: no-repeat;
	overflow: hidden;
}
.step_item:nth-of-type(1) figure{
	background-position: 0 0;
}
.step_item:nth-of-type(2) figure{
	background-position: -200px 0;
}
.step_item:nth-of-type(3) figure{
	background-position: -400px 0;
}
.step_item:nth-of-type(4) figure{
	background-position: -600px 0;
}
.step_item figure span{
	padding: 200px 0 0 0;
	display: block;
}
/*--------------------------------
User
--------------------------------*/
.user{
	padding: 20px 40px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.user_item{
	padding: 0 0 40px 0;
	width: 410px;
}
.user_item .prof .inner{
	padding: 0 0 0 20px;
	display: flex;
	flex: 1;
	align-items: center;
}
.user_item .prof aside{
	width: 100%;
}
.user_item .prof {
    margin-bottom: 20px;
    flex-shrink: 0;
    display: flex;
    justify-content: space-between;
}
.user_item .prof figure {
    width: 140px;
    height: 180px;
    display: flex;
    align-items: center;
}
.user_item aside li{
	text-align: center;
}
.user_item aside li:nth-of-type(1){
	border-bottom: 1px solid #ddd;
}
.user_item aside p{
	margin: 5px 0 10px;
	padding: 0;
	border: 0;
	font-size: 16px;
	line-height: 20px;
	text-align: center;
}
.user_item aside span{
	margin: 10px 0 5px;
	display: block;
	font-size: 16px;
	color: #666;
}
.user_item p{
	padding: 20px;
	border: 1px solid #ddd;
	font-size: 18px;
	line-height: 26px;
	color: #666;
}
.user_item img{
	width: 100%;
	max-height: 180px;
}

/*--------------------------------
About
--------------------------------*/
.about{
	margin: 0 0 20px 0;
	padding: 20px 20px;
	background-image: url(../images/bg_txt_top.webp),url(../images/bg_txt_bottom.webp);
	background-repeat: no-repeat,no-repeat;
	background-position: left top,right bottom;
	display: flex;
	align-items: center;
}
.about figure{
	width: 200px;
}
.about .inner{
	padding: 0 0 0 20px;
	flex: 1;
}
.about h3{
	padding: 10px 0;
	font-size: 24px;
	line-height: 40px;
	font-weight: 800;
	color: #b18c56;
}
.about p{
	padding: 0 0 20px 0;
	font-size: 18px;
	line-height: 30px;
	color: #666;
}

/*--------------------------------
FAQ
--------------------------------*/
.faq {
    margin: 20px 40px 40px;
}
.faq .question {
    margin-bottom: 28px;
    padding: 16px 72px 16px 16px;
    display: block;
    background: white;
    border: solid 2px #682a4a;
    position: relative;
    box-shadow: 2px 8px 8px rgba(0,0,0,0.2);
    font-size: 24px;
    line-height: 1.4;
    font-family: "Sawarabi Mincho",serif;
    font-weight: 800;
    text-align: left;
    color: #682a4a;
    cursor: pointer;
}
.faq .question.active{
    box-shadow: none;
    position: relative;
    top: 8px;
}
.faq .question::after{
	content: "";
    margin: auto;
    height: 1px;
    border: solid 16px transparent;
    border-top: solid 30px #682a4a;
    position: absolute;
    top: 18px;
    right: 20px;
    bottom: 0;
}
.faq .question.active::after{
	content: "";
	border: solid 16px transparent;
	border-bottom: solid 28px #682a4a;
    position: absolute;
	top: 0;
	right: 20px;
	bottom: 20px;
}
.faq .answer {
    display: none;
    padding: 0 20px;
    font-size: 24px;
    line-height: 38px;
    color: #666;
}

/*--------------------------------
General
--------------------------------*/
.general{
	margin: 0 0 20px 0;
	padding: 20px 40px;
	background-image: url(../images/bg_txt_top.webp),url(../images/bg_txt_bottom.webp);
	background-repeat: no-repeat,no-repeat;
	background-position: left top,right bottom;
}
.general h3,
.form-label{
	margin: 10px 0 20px;
	font-size: 30px;
	line-height: 40px;
	font-weight: 800;
	color: #b18c56;
}
.general p{
	padding: 0 0 20px 0;
	font-size: 24px;
	line-height: 38px;
	color: #666;
}
/*--------------------------------
Button
--------------------------------*/
.top-regbtn{
	width: 300px;
	height: 160px;
	display: block;
	background: url(../images/btn_regbtn.webp) no-repeat left;
	overflow: hidden;
}
.top-regbtn span{
	padding: 160px 0 0 0;
	display:block;
}

/*--------------------------------
Footer
--------------------------------*/
.footer{
	margin-bottom: 56px;
	padding: 0 0 40px 0;
	text-align: center;
	clear: both;
}
.footer small{
	line-height: 30px;
}

/*--------------------------------
form
--------------------------------*/
form.entry-form{
    padding: 20px 40px;
}
.form{
    margin: auto;
}
.form-wrapper{
	margin: auto;
	width: 900px;
	margin-bottom: 64px;
}
.form-box{
	margin-bottom: 40px;
}
.form-label{
	margin-bottom: 16px;
	padding: 0;
	display: block;
}
input[type=text],
input[type=tel],
input[type=password],
select,
textarea{
	padding: 10px;
	width: 100%;
	height: 80px;
	background: #fff;
	box-sizing: border-box;
	font-size: 24px;
	line-height: 1.4;
	color: inherit;
	vertical-align: bottom;
	border-radius: 0;
	position: relative;
	color: #323232;
}
textarea{
	height: inherit;
    resize: vertical;
}
select{
	padding: 8px 62px 8px 8px;
	height: 80px;
	background: url(../images/icon-select.webp) no-repeat right center / 60px, #fff;
	border: 1px solid #ddd;
	color: #323232;
}
select:focus{
	background: url(../images/icon-select.webp) no-repeat right center / 60px, #ffffe5;
}
.radio-box{
	padding: 4px 0 0 0;
	display: flex;
}
.regular-radio{
	display: none;
}
.radio-label{
	width: 50%;
	font-size: 24px;
	line-height: 78px;
}
.radio-label-text{
	background: #fff;
	display: block;
	transition: .3s;
	text-align: center;
	border: 1px solid #ddd;
	box-sizing: border-box;
	color: #323232;
}
.radio-label:nth-of-type(1) .radio-label-text{
	border-radius: 4px 0 0 4px;
	border-right: 0;
}
.radio-label:nth-of-type(2) .radio-label-text{
	border-radius: 0 4px 4px 0;
}
.regular-radio:checked + .radio-label-text{
	background: #eb739f;
	color: #fff;
}
.regular-checkbox{
	margin-bottom: 5px;
	padding: 5px;
	display: block;
	background: #eee;
	font-size: 18px;
	border: 1px solid #eb739f;
}
.regular-checkbox input:checked + .check-label{
	color: #eb739f;
}
.form-msg{
	font-size: 18px;
	line-height: 30px;
	color: #666;
}
.form-box .form-msg{
	margin-top: 10px;
	padding: 0;
	line-height: 1.3;
	text-align: center;
}
.alert-msg{
	font-size: 2rem;
	color: #323232;
}
.error{
	margin: 11px 0 0;
	padding: 6px;
	line-height: 1.2;
	background: #ff6d6d;
	color: #fff;
	text-align: center;
}
.form-item{
	position: relative;
}
.form-border{
	margin: 0 auto;
	width: 100%;
	height: 2px;
	background: #ddd;
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	transform-origin: center;
}
input[type=text]:focus + .form-border::after,
input[type=tel]:focus + .form-border::after,
input[type=password]:focus + .form-border::after,
textarea:focus + .form-border::after{
	margin: 0 auto;
	width: 0%;
	height: 2px;
	background: #eb739f;
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
	transform-origin: center;
	animation: fade-border .3s ease .1s forwards;
}
@keyframes fade-border{
	0%{width: 0%;opacity: 0;}
	100%{width: 100%;opacity: 1;}
}
.ymd-box,.area-box{
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.ymd-box select{
	width: 32%;
	flex-shrink: 0;
}
.area-box select,
.area-box .sub-area{
	width: 49%;
	flex-shrink: 0;
}
.area-box .sub-area select{
	width: 100%;
	flex-shrink: 0;
}
.entry-btn{
    margin-bottom: 32px;
}
.entry-btn .btn-area{
	margin: 20px auto 80px;
}
.btn-area{
    margin: 40px auto 80px;
    width: 600px;
}
.regist-btn{
    margin: 0 auto;
    padding: 30px 40px 30px 8px;
    width: 100%;
    display: block;
    background: #af628b;
    box-shadow: 2px 4px 4px rgb(0 0 0 / 20%);
    position: relative;
    text-align: center;
    font-family: "Sawarabi Mincho",serif;
    letter-spacing: 5px;
    color: #ffffff;
    transform: translate3d(0,0,0);
    transition: .5s;
}
.regist-btn:hover{
	opacity: .6;
	box-shadow: 1px 1px 0 rgb(0 0 0 / 10%);
	transform: translate3d(0,1px,0);
}
.regist-btn::before,
.regist-btn::after,
.btn-area.fix.close::before{
	content: "";
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
}
.regist-btn::before{
	width: 50px;
	height: 50px;
	background: white;
	border-radius: 50px;
	right: 20px;
	bottom: 0;
}
.regist-btn::after{
	width: 16px;
	height: 16px;
	border-top: 4px solid #af628b;
	border-right: 4px solid #af628b;
	transform: rotate(135deg);
	right: 20px;
	bottom: 4px;
}
.entry-btn .regist-btn::after,
.btn-area.ar .regist-btn::after{
	transform: rotate(45deg);
	right: 40px;
	bottom: 0;
}
.form-msg a:hover,
.juyo a:hover{
    opacity: .6;
}
.btn-area.fix{
    margin: 48px auto;
    max-width: 900px;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    transform: translate3d(0,0,0);
    transition: .5s;
}
.wrap.close{
    padding: 20px;
    width: inherit;
}
.entry-btn .regist-btn,
.close .regist-btn{
	font-size: 40px;
}
.close .regist-btn{
	background: #af628b;
	cursor: pointer;
	transform: none;
	transition: inherit;
	pointer-events: inherit;
}
.close .regist-btn::after{
    width: 34px;
    height: 4px;
    background: #af628b;
    border: none;
    right: 28px;
    bottom: 0px;
}
.btn-area.close::before{
	margin: auto;
	width: 34px;
	height: 4px;
	background: #af628b;
	border: none;
	top: 0;
	right: 28px;
	bottom: 0px;
	transform: rotate(45deg);
	z-index: 1;
}
.general h4{
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: solid 1px;
    font-size: 18px;
    line-height: 30px;
}
.close .regist-btn .main{
    padding: 0;
    width: inherit;
    float: inherit;
}
.wrap.close .footer{
    width: 100%;
}
.btn-area.fix:hover{
	opacity: .6;
	box-shadow: 1px 1px 0 rgb(0 0 0 / 10%);
	transform: translate3d(0,1px,0);
}
.btn-area.fix .regist-btn:hover{
	opacity: 1;
	box-shadow: inherit;
	transform: inherit;
}
.required,
.any{
    margin-right: 16px;
    padding: 2px 12px;
    font-size: 26px;
    color: white;
}
.required {
    background: #6a1c1c;
}
.any{
    background: #b18c56;
}
#popup{padding:10px;background:#f0f0f0;}
#popup article{padding:0;background:#fff;}
#popup article header{padding:0;}
#popup article header h1{padding:0 10px;height:50px;line-height:50px;background:#639;color:#fff;font-size:16px;}
#popup article h3{padding:10px;color:#639;line-height:30px;}
#popup article p{padding:10px;line-height:18px;color:#666;}


/*--------------------------------
Overlay
--------------------------------*/
.js-overlay{
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,.8);
	z-index: 10;
	display: none;
}
.js-close-overlay{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 11;
	cursor: pointer;
}
.js-close-btn{
	width: 40px;
	height: 40px;
	position: absolute;
	top: -20px;
	right: -20px;
	background: url(../images/icon_close.webp) no-repeat center;
	background-size: 40px;
	border-radius: 50%;
	box-shadow: 2px 2px 2px rgba(0,0,0,.4);
	transform: translate3d(0,0,0);
	cursor: pointer;
	transition: .3s;
}
.js-close-btn:hover{
	opacity: .85;
	box-shadow: 0 0 0 rgba(0,0,0,.0);
	transform: translate3d(0,2px,0);
}
.js-overlay section{
	margin: auto;
	width: 900px;
	position: absolute;
	top: 100px;
	right: 0;
	bottom: 100px;
	left: 0;
	background: #fff;
	z-index: 12;
	box-shadow: 8px 8px 8px rgba(0,0,0,.5);
	display: none;
}
.js-overlay .heading,
.wrap.close .heading{
	margin: 0 20px;
}
.js-overlay article,
.wrap.close article{
	margin: auto;
	padding: 0 20px;
	position: absolute;
	top: 120px;
	right: 20px;
	bottom: 20px;
	left: 20px;
	overflow: auto;
}
.wrap.close article{
	padding: 0 20px;
	background: none;
	position: inherit;
}
.js-overlay article h3,
.wrap.close h3{
	margin: 20px 0 10px;
	font-size: 21px;
	line-height: 40px;
	border-bottom: 1px dotted #ddd;
}
.js-overlay article p,
.wrap.close p{
	margin: 10px 0 40px;
	padding: 0;
	font-size: 16px;
	line-height: 25px;
}
ul.disc{
	margin-bottom: 20px;
}
.disc li{
	margin: 0 0 20px;
	padding-left: 10px;
	border-left: solid 1px #b18c56;
}
.disc li:last-child{
	margin: 0 0 40px;
}
.js-overlay .general {
    padding: 20px;
}
.js-overlay .general p {
    margin: 0 0 40px;
    font-size: 16px;
}
.js-overlay .general p:last-of-type{
	margin: 0;
}
.js-overlay .general .ex {
    display: block;
    line-height: 25px;
    color: #666;
}
.js-overlay h4 {
    line-height: 1.2;
}

/* campaign */
.campaign h4{border:0; font-size:14px; color:#000; text-indent:0; padding:10px 0 10px 20px;}
.campaign h5{font-weight:normal; font-size:12px;color:#000; padding:10px 0 10px 20px;}
.campaign p{padding:0 10px 0 20px;}
.cam_msg{font-size:11px; color:#aaa; padding:0;}
.campaign strong{font-weight:bold; color:#f00;}
.camMenu{ margin-bottom:10px;padding-left:20px;}
.camMenu dt{ font-weight:bold; font-size:16px; margin:5px 0;}
.camMenu dt:before{content:""; color:#714769;}
.camMenu dd{margin-bottom:10px;}
.camMenu table{border-collapse:collapse; width:270px; color:#000;}
.camMenu table th{text-align:center; background:#ccc; width:90px; border:1px solid #aaa;}
.camMenu table td{text-align:right; width:90px; background:#fff; border:1px solid #aaa; padding-right:10px; box-sizing:border-box;}
.camMenu table tr td:last-child{background:#ff0;}
#campaign_btn,
#campaign_btn_entry{
	position: absolute;
	bottom: -65px;
	left: 0px;
}
#campaign_btn a,
#campaign_btn_entry a{
	width: 90px;
	height: 90px;
	display: block;
	background: url(../images/cam_btn.webp) no-repeat 0 0;
	text-indent: 120%;
	overflow: hidden;
	white-space: nowrap;
	background-size: contain;
}
#pr img{
	display: block;
	margin: 0 auto 10px;
}
#pr{
	transition: .5s;
}
#pr:hover{
	opacity: .6;
}

/*--------------------------------
progress-bar style
--------------------------------*/
.entry-form {
    position: relative;
}
.entry-form .progress-show {
    width: 100%;
    position: absolute;
    top: 20%;
    bottom: 20%;
    z-index: -1;
}
.remaining{
    margin: auto;
    padding: 16px;
    width: 940px;
    height: 56px;
    background: #59203d;
    z-index: 8;
    position: fixed;
    bottom: -80px;
    text-align: center;
    color: white;
    transition: 0.2s;
}
.remaining .progress{
    width: 0%;
    height: 56px;
    display: block;
    background: #af628b;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: 0.2s;
}
.remaining p{
	position: absolute;
	top: 16px;
	left: 16px;
	right: 16px;
	bottom: 16px;
	font-size: 24px;
}
.remaining.fix{
	bottom: 20px;
}
.regist-btn.active {
    background: #af628b;
    box-shadow: 2px 4px 4px rgb(0 0 0 / 20%);
    pointer-events: inherit;
}
.regist-btn.active::after{
	border-top: 2px solid #af628b;
	border-right: 2px solid #af628b;
}

/*--------------------------------
no-webp
--------------------------------*/
.no-webp .logo-1ban{
	background-image: url(../images/logo-1ban.png);
}
.no-webp .logo-2ban{
	background-image: url(../images/logo-2ban.png);
}
.no-webp .logo-9ban{
	background-image: url(../images/logo-9ban.png);
}
.no-webp .gnav li a{
	background-image: url(../images/bg_gnav.png);
}
.no-webp .intro-img-01{
	background-image: url(../images/bg_intro01.jpg);
}
.no-webp .intro-img-02{
	background-image: url(../images/bg_intro02.jpg);
}
.no-webp .intro-img-03{
	background-image: url(../images/bg_intro03.jpg);
}
.no-webp .intro-img-04{
	background-image: url(../images/bg_intro04.jpg);
}
.no-webp .intro-img-05{
	background-image: url(../images/bg_intro05.jpg);
}
.no-webp .heading{
	background: url(../images/bg_heading.png) no-repeat 0 0;
}
.no-webp .heading h1{
	background-image: url(../images/txt_heading01.png),url(../images/txt_heading02.png);
}
.no-webp .step_item figure{
	background-image: url(../images/bg_step.png);
}
.no-webp .about{
	background-image: url(../images/bg_txt_top.png),url(../images/bg_txt_bottom.png);
}
.no-webp .general{
	background-image: url(../images/bg_txt_top.png),url(../images/bg_txt_bottom.png);
}
.no-webp .top-regbtn{
	background: url(../images/btn_regbtn.png) no-repeat left;
}
.no-webp select{
	background: url(../images/icon-select.png) no-repeat right center / 60px, #fff;
}
.no-webp select:focus{
	background: url(../images/icon-select.png) no-repeat right center / 60px, #ffffe5;
}
.no-webp .js-close-btn{
	background: url(../images/icon_close.png) no-repeat center;
	background-size: 40px;
}
.no-webp #campaign_btn a,
.no-webp #campaign_btn_entry a{
	background: url(../images/cam_btn.png) no-repeat 0 0;
	background-size: contain;
}

/*--------------------------------
IE
--------------------------------*/
@media all and (-ms-high-contrast: none){
	input[type=text],
	input[type=tel],
	input[type=password],
	textarea{
		padding: 18px 16px 14px;
	}
	select{
		padding: 13px 10px;
	}
	select::-ms-expand{
		display: none;
	}
}