@charset "utf-8";
.pcon{display: block;}
.spon,.sp767on,.sp430on,.sp320on,.topimg_sp,.topbr,.sp1024on
{display: none;}
* {margin: 0;padding: 0;box-sizing:border-box;}
html,body {
	margin: 0;padding: 0;
	background: #000;
	overflow-x: hidden;
	color: #000;
	height: 100%;
}
img{width: auto;height: auto;}
h1{margin: 0;padding: 0;line-height: 0;}
.wrap_side{
	width:100%;
	max-width: 1920px;
	margin: 0 auto;
	background-image: url("bg.webp");
	background-repeat: repeat;
	background-attachment: fixed;
	background-size: auto;
}
.wrap{
	width:100%;
	max-width: 1920px;
	margin: 0 auto;
	font-family: "Noto Sans JP",Sans-serif;
	font-weight: 700;
	color: #4C3C3C;
	line-height: 1.6em;
}
.wrap p{
	font-weight: 700;
}
header{
	width: 100%;
	text-align: center;
	position: relative;
	display: flex;
	justify-content:center;
	margin-bottom: 40px;
}
header img{
	display: block;
	margin: 0 auto;
}
main{
	text-align: center;
	width: 94%;
	max-width: 1200px;
	margin: 0 auto;
}
/*ＴＯＰ*/
.top_pc{
display: block;
margin: 0 auto;
width: 1920px;
max-width: 1920px;
height: auto;
}
.top_pad,.top_sp{
display: none;
width: 100%;
margin: 0 auto;
}
.top_sp{display: none;}
/*共通枠*/
.waku_div{
	position: relative;
	display: block;
	width: 100%;
	filter: drop-shadow(0px 0px 6px rgba(190,59,30,0.7));
	margin-bottom: 75px;
}
.waku_div_last{margin-bottom: 30px;}
.waku_div_ue{
	width: 100%;
}
h2{
	color: #FFF;
	font-size: 20px;
	width: 100%;
	border-radius:  15px 15px 0px 0px;
	padding: 30px 0;
	font-weight: 600;
	line-height: 0;
	background-color: #BE3B1E;
}
.h2img1,.h2img2{
	width: 20px;
	max-width:23px;
	display: inline;
	margin: 0;
	margin-bottom: 4px;
}
.h2img1{margin-right: 6px;}
.h2img2{margin-left: 6px;}
.waku_div_sita{
	background-color: #FFF;
	padding: 15px;
	padding-top: 0;
}
.waku_div_in{
	border: 1px solid #BE3B1E;
	border-top: none;
	background-color: #FFF;
}
/*概要*/
.gaiyo_a{
	color: inherit;
	text-decoration: none;
}
.gaiyo_a:visited,.gaiyo_a:active{color: inherit;}

.gaiyo_top_p{
	font-size: 24px;
	line-height: 1.5em;
	text-align: center;
	margin: 0 auto;
	padding-top: 45px;
	padding-bottom: 60px;
}
.gaiyo_oya{
	width: 94%;
	max-width: 820px;
	display: flex;
	margin: 0 auto;
	margin-bottom: 52px;
	align-items: center;
}
.gaiyo_m,.gaiyo_h{width: 50%;}
.gaiyo_frow{
	width: 100%;
	max-width: 360px;
}
.gaiyo_bt{
	width: 100%;
	max-width: 394px;
	height: auto;
}
/*フォローボタン*/
.follow_a{text-decoration: none;}
.follow_btn{
	margin: 0 auto;
	filter: drop-shadow(0 0 4px rgba(0,0,0,0.3));
	background:linear-gradient(#ddab4b,#c28f2e);
	border-radius: 80px;
	display: block;
	width: 100%;
	max-width: 380px;
	height: auto;
}
.follow_btn p{
	color: #FFF;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
	font-size: 28px;
	font-weight:700;
	padding: 1.6em 0;
}
.gaiyo_h_p{
	margin: 0 auto;
	margin-top: 1em;
	font-size: 16px !important;
	font-weight: 400;
}
/*期間*/
.kikan_pc{
	width: 90%;
	max-width: 350px;
	height: auto;
	margin: 42px auto;
}
/*ご利用について*/
.riyo_div{
	width: 90%;
	max-width: 900px;
	padding: 40px 0;
	margin: 0 auto;
}
ul{
	width: 100%;
	margin: 0 auto;
}
ul li{
	text-align: left;
	font-size: 18px;
	margin: 10px auto;
	font-weight: 600;
}
.in_ul{
	padding-left: 1.5em;
}
.in_ul li{
	margin: 4px auto;
}
a{color: #4C3C3C;}
a:visted{color: #4C3C3C;}


footer p{
	font-size: 16px;
	text-align: center;
	padding:0;
	padding-top:10px; 
	padding-bottom:20px; 
}
@media screen and (min-width: 1921px) {
	.top_pc{width: 1920px;max-width:1920px;}
}
/*iPadサイズ*/
@media screen and (max-width: 1280px) {
.top_pc{display: none;}
.top_pad{display: block;}
}
@media screen and (max-width: 1024px) {
	.follow_btn p{font-size: 24px;}
}
@media screen and (max-width: 800px) {
.gaiyo_top_p{font-size: 3vw;}
}
/*SPサイズ*/
@media screen and (max-width: 767px) {
.sp767on{display: block;}
.top_pad{display: none;}
.top_sp{display: block;}
header{
	margin-bottom: 60px;
}
.gaiyo_top_p{
	font-size: 4vw;
	line-height: 1.5em;
}
.gaiyo_oya{
	width: 94%;
	display: block;
	margin: 0 auto;
	margin-bottom: 52px;
}
.gaiyo_m,.gaiyo_h{width: 100%;}
.gaiyo_m{
	margin-bottom: 8%;
}
.riyo_div{
	width: 80%;
	padding:1.5em 0;
}
ul li{
	text-align: left;
	font-size: 17px;
	margin: 8px auto;
	font-weight: 600;
	word-break: break-all;
}
}
@media screen and (max-width: 430px) {
html,body{background-color: #fbd4a0;}
.follow_btn p{padding: 1.4em 0;}
.wrap_side{
	background-size: 60% auto;	
}
.gaiyo_top_p{
	font-size: 5vw;
	padding-top: 2em;
	padding-bottom: 3em;
}
.waku_div{margin-bottom: 55px;}
.gaiyo_frow{width: 92%;}
.gaiyo_h_p{font-size: 14px !important;
line-height: 1.5em;
}
.gaiyo_m{margin-bottom: 12%; }
footer p{font-size: 14px;}
.kikan_pc{width: 80%;}
ul li{font-size: 15px;}
.in_ul li{margin: 1px 0;}
li::marker {
  content: '・';
  font-size: 1.2em;
}
.in_ul{
	padding-left: 1em;
}
.riyo_div{
	width: 86%;
	padding-top: 1.2em;
	padding-left: 9px;
}
h2{padding:24px 0;
padding-bottom: 20px;
font-size: 5vw;
}
}
@media screen and (max-width: 390px) {
ul li{font-size: 14px;}

}
@media screen and (max-width: 360px) {
.follow_btn p{font-size: 22px;}
.wrap_side{background-attachment: scroll;}
}
@media screen and (max-width: 320px) {
.follow_btn p{font-size: 18px;}
ul li{font-size: 12px;}
.riyo_div{padding: 1em 0;}
.gaiyo_h_p{font-size: 12px !important;
line-height: 1.4em;}
}