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

/* vn__title__first */

#wrap_base_lp {
 font-family: 'Noto Serif JP', serif;
 line-height:1.8em;
 font-size:1.4em;
 width:100%;
margin:0 auto;
}

#wrap_base_lp .mb05{margin-bottom:.5em;}
#wrap_base_lp .mb1{margin-bottom:1em;}
#wrap_base_lp .mb2{margin-bottom:2em;}
#wrap_base_lp .mb3{margin-bottom:3em;}
#wrap_base_lp .mb4{margin-bottom:4em;}
#wrap_base_lp .bold{font-weight:bold !important;}
#wrap_base_lp .gold{color:#b88b3d;}
#wrap_base_lp .gre{color:#3f6d3e; font-weight:800;}
#wrap_base_lp .blue{color:#336389; font-weight:800;}
#wrap_base_lp .marker{background-color:#fff3bb;}
#wrap_base_lp .kome{font-size:0.6em; line-height:0.8em;}

#wrap_base_lp .pc	{ display:inline!important; }
#wrap_base_lp .mb	{ display:none!important; }


#wrap_base_lp img{
	vertical-align:bottom;
	display: block;
	}

#wrap_base_lp img.img-t{
	vertical-align:top;
}

#wrap_base_lp p, img, div {
	padding: 0;
	margin: 0;
}
#wrap_base_lp p,ul,li,dl,dt,dd,h1,h2{
	margin:0;
	padding:0;
	list-style:none;
}

#wrap_base_lp h1,h2{
	list-style:none;
	text-align: center;
}

#wrap_base_lp p{
	padding:0 1.5em 1em;
	}
#wrap_base_lp .center{
	text-align: center;
	}

#wrap_base_lp .san{
	font-family: 'Noto Sans JP', sans-serif;
	font-size:1em;
	}

#wrap_base_lp h1{
	width:750px;
	position:relative;
	margin:0 auto 0 auto;
}

#wrap_base_lp h2{
	margin-bottom:1.5em;
	display: flex;
  justify-content: center;
  align-items: center;
	}
#wrap_base_lp h3{
	background-color: #9e3355;
	margin-bottom:2em;
	margin-top: 0;
	}

#wrap_base_lp h3 img{
	margin:0 auto;
	height:90%;
}

#wrap_base_lp section{
	margin:0;
	padding: 0;
	}

#wrap_base_lp .block{
  width:750px;
  margin:0 auto;
	padding: 0;
}

#wrap_base_lp .block-w{
	background-color: #fff;
	padding: 2em 0;
	margin-bottom: 1em;
}

#wrap_base_lp .attention{
 font-family: 'Noto Sans JP', sans-serif;
 line-height:1.6em;
 font-size:.9em;
 font-weight:200;
}

#wrap_base_lp .attention-ttl{
font-family: 'Noto Sans JP', sans-serif;
 line-height:1.6em;
 font-size:1em;
 font-weight:200;
	margin-bottom:1em;
	border:1px solid #222;
	text-align: center;
}

#wrap_base_lp .btn img{
	width:80%;
	margin: 0 auto;
}

/* ---------------   stage  ---------------*/

#wrap_base_lp #stage{
	background-color: #fbf8f0;
	padding-top: 3em;
	padding-bottom: 3em;
	}


/* ---------------   tokuten  ---------------*/

#wrap_base_lp #tokuten{
	background-color: #c59e5a;
	padding-top: 3em;
	padding-bottom: 3em;
	}

/* ---------------   present  ---------------*/

#wrap_base_lp #present{
	background-color: #fbf8f0;
	padding-top: 3em;
	padding-bottom: 3em;
	}

#wrap_base_lp #present .p-box{
	display: block;
	border:1px solid #c59e5a;
	background-color: #fff;
	width:600px;
    margin:0 auto;
	padding: 1em 2em;
	}
#wrap_base_lp #present .p-box p{
	padding: 0;
}

#wrap_base_lp #present .p-box .line{
	border-bottom: 1px solid #939393;
	padding-bottom: .5em;
	margin-bottom: .5em;
}

#wrap_base_lp #present .l-btn{
	margin: 2em auto 1em;
}

/* ---------------   bnArea  ---------------*/
#wrap_base_lp #bnArea{
    margin:0 auto;
	padding-bottom: 1em;
}
#wrap_base_lp #bnArea h3{
	background-color: #9e3355;
	margin: 0;
	padding: 0;
	}
#wrap_base_lp #bnArea h3 img{
	margin:0 auto;
	height:90%;
}
#wrap_base_lp #bnArea .arrow{
	width: 750px;
	margin:0 auto 1.5em auto;
	text-align: center;
}
#wrap_base_lp #bnArea .arrow img{
	margin:0 auto;
	text-align: center;
}
#wrap_base_lp #bnArea ul li{
	margin-bottom: 1.5em;
}

/* ---------------   kakunin  ---------------*/
#wrap_base_lp #kakunin{
	padding-bottom: 3em;
	}

/* ---------------   point  ---------------*/
#wrap_base_lp #point{
	padding-bottom: 3em;
	}

#wrap_base_lp #point .btn-area{
	background-color: #f7f7f7;
	text-align: center;
	padding: 1.5em 0;
	margin-bottom: 2em;
	}
#wrap_base_lp #point .btn{
	margin-top: 1em;
	}
#wrap_base_lp #point .txt{
	border-bottom: 2px solid #9e3355;
	font-family: 'Noto Sans JP', sans-serif;
	}

/* ---------------   use  ---------------*/

#wrap_base_lp #use{
	background-color: #fbf8f0;
	padding-top: 3em;
	padding-bottom: 3em;
	}

#wrap_base_lp #use .u-box{
	display: block;
	background-color: #fff;
	width:690px;
    margin-left:auto;
	margin-right:auto;
	padding-bottom: 1em;
	}
#wrap_base_lp #use .u-box img{
	margin: 0 auto;
}

/*----------------------------------------------------------------------------------------------------------*/

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

#wrap_base_lp {
	width:100%;
	margin:0 auto;
	font-family: 'Noto Serif JP', serif;
 line-height:1.8em;
 font-size:1.2em;
	}
#wrap_base_lp .san{
	font-family: 'Noto Sans JP', sans-serif;
	font-size:1em;
	line-height:1.6em;
	}

#wrap_base_lp img{
	width:100%;
	vertical-align:bottom;
	display: block;
	}

#wrap_base_lp p{
	padding:0 1em 1em;
	}
	
#wrap_base_lp .pc	{ display:none!important; }
#wrap_base_lp .mb	{ display:block!important; }

#wrap_base_lp h1{
	width:100%;
	position:relative;
	margin:0 auto;
	}

#wrap_base_lp h2{
	margin-bottom:1em;
	display: flex;
  justify-content: center;
  align-items: center;
	}
#wrap_base_lp h3{
	background-color: #9e3355;
	margin-bottom:1em;
	margin-top: 0;
	}
#wrap_base_lp h3 img{
	width:90%;
	}
	
#wrap_base_lp h4{
	width:100%;
	margin:0 auto 1em auto;
	}
	
#wrap_base_lp section{
	margin:0;
	}
	
#wrap_base_lp .block{
  width:100%;
  margin:0 auto;
	padding: 0;
}
#wrap_base_lp .block-w{
	background-color: #fff;
	padding: 1em 0;
	margin-bottom: 1em;
}
#wrap_base_lp .btn img{
	width:94%;
	margin:0 auto;
	}
#wrap_base_lp .attention{
 font-family: 'Noto Sans JP', sans-serif;
 line-height:1.4em;
 font-size:.8em;
 font-weight:200;
}
	
/* ---------------   stage  ---------------*/

#wrap_base_lp #stage{
	background-color: #fbf8f0;
	padding-top: 2em;
	padding-bottom: 2em;
	}
#wrap_base_lp .attention-ttl{
font-family: 'Noto Sans JP', sans-serif;
 line-height:1.6em;
 font-size:1em;
 font-weight:200;
	margin:0 auto 1em;
	border:1px solid #222;
	text-align: center;
	width:96%;
}


/* ---------------   tokuten  ---------------*/

#wrap_base_lp #tokuten{
	background-color: #c59e5a;
	padding-top: 2em;
	padding-bottom: 2em;
	}

/* ---------------   present  ---------------*/

#wrap_base_lp #present{
	background-color: #fbf8f0;
	padding-top: 3em;
	padding-bottom: 2em;
	}
#wrap_base_lp #present .p-box{
	display: block;
	border:1px solid #c59e5a;
	background-color: #fff;
	width:90%;
    margin:0 auto;
	padding: .8em;
	}
#wrap_base_lp #present .p-box p{
	font-size:1em;
	line-height: 1.6em;
	}
#wrap_base_lp #present .p-box .attention{
 font-family: 'Noto Sans JP', sans-serif;
 line-height:1.3em;
 font-size:.8em;
 font-weight:200;
}
#wrap_base_lp #present .l-btn{
	margin: 1em auto 0;
}

/* ---------------   bnArea  ---------------*/
#wrap_base_lp #bnArea{
    margin:0 auto;
	padding-bottom: .5em;
}
#wrap_base_lp #bnArea h3{
	background-color: #9e3355;
	margin: 0;
	padding: 0;
	}
#wrap_base_lp #bnArea h3 img{
	margin:0 auto;
	height:90%;
}
#wrap_base_lp #bnArea .arrow{
	width: 100%;
	margin:0 auto .5em auto;
	text-align: center;
}
#wrap_base_lp #bnArea .arrow img{
	width:5%;
	margin:0 auto;
	text-align: center;
}
#wrap_base_lp #bnArea ul li{
	margin-bottom: 1.5em;
}
	
/* ---------------   kakunin  ---------------*/
#wrap_base_lp #kakunin{
	padding-bottom: 2em;
	}

/* ---------------   point  ---------------*/
#wrap_base_lp #point{
	padding-bottom: 2em;
	}

#wrap_base_lp #point .btn-area{
	background-color: #f7f7f7;
	text-align: center;
	padding: 1.5em 0;
	margin-bottom: 2em;
	}
#wrap_base_lp #point .btn{
	margin-top: 1em;
	}
#wrap_base_lp #point .txt{
	border-bottom: 2px solid #9e3355;
	font-family: 'Noto Sans JP', sans-serif;
	}

/* ---------------   use  ---------------*/

#wrap_base_lp #use{
	background-color: #fbf8f0;
	padding-top: 2em;
	padding-bottom: 2em;
	}

#wrap_base_lp #use .u-box{
	display: block;
	background-color: #fff;
	width:96%;
    margin-left:auto;
	margin-right:auto;
	padding-bottom: .5em;
	}
#wrap_base_lp #use .u-box h4{
	margin-bottom: .5em;
}
#wrap_base_lp #use .u-box h4 img{
	width:100%;
}
#wrap_base_lp #use .u-box img{
	width:94%;
	margin: 0 auto;
}
	
	
}