@charset "UTF-8";
* {
	-webkit-box-sizing			: border-box;
	box-sizing					: border-box;
}

html {
	overflow-x					: hidden;
}

body {
	background-color			: #d5d5d5;
	font-size					: 16px;
	text-align					: center;
	overflow-x					: hidden;
	font-family 				:"Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ', Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

img {
	width						: 100%;
	max-width					: 1000px;
	margin						: 0 auto;
	display						: block;
}

p, a, span, ul, li, h1, h2, h3 {
	font-family					: serif;
	color						: black;
}

.wrapper{
	width						: 100%;
	max-width					: 1000px;
	margin						: 0 auto;
	position					: relative;
	display						: block;
	background					: url(../images/bg.png);
	background-size				: 100%;
	background-position			: bottom center;
}



/*-----------------------------
  ヘッダー
-----------------------------*/
header{
	position					: relative;
	display						: block;
}

header .logo {
	position					: absolute;
	width						: 7.5%;
	right						: 2%;
	padding-top					: 0.5%;
}

header .top_text {
	position					: absolute;
	width						: 20%;
	left						: 2%;
	padding-top					: 0.5%;
}

header .twitter {
	position					: absolute;
	width						: 2.8%;
	padding-top					: 0.5%;
	left						: 23%;
}

header .facebook {
	position					: absolute;
	width						: 2.8%;
	padding-top					: 0.5%;
	left						: 26.5%;
}



/*-----------------------------
  main-visual
-----------------------------*/
.mv nav{
	position					: absolute;
	bottom						: 0;
	width						: 100%;
}



/*-----------------------------
  フッター
-----------------------------*/
footer {
	padding-bottom				: 60px;
}


footer p {
	line-height					: 1.2rem;
	font-weight					: bold;
}
footer a {
	text-decoration				: none;
	display						: inline;
	margin						: 0 auto;
}

footer .link {
	margin-bottom				: 10px;
	margin-top					: 20px;
}



/*-----------------------------
  応募規約
-----------------------------*/
.rule {
	position					: relative;
	padding						: 30px 4%;
	padding-top 				: 0;
	margin						: 0px auto;
	background					: url(../images/block-inner.png);
	background-size				: 100%;
	background-position			: center;
}

.rule:after{
	content						: "";
	background					: url(../images/block-bottom.png);
	background-size				: 100%;
	background-position			: center bottom;
	background-repeat			: no-repeat;
	width 						: 100%;
	height						: 26px;
	position					: absolute;
	bottom						: -1px;
	right						: 0;
	display						: block;
}

.r_contents {
	background-color			: #fff;
	width						: 70%;
	margin						: 0px auto;
	padding						: 0.5%;
	border						: #b58c30 2px solid;
}

.scroll_wrap {
	background					: #fff;
	aspect-ratio				: 16 / 9;
	padding						: 10px;
}

.scroll_box {
	height						: 100%;
	overflow-y					: scroll;
	position					: relative;
	text-align					: left;
	padding-left				: 10px;
	padding-right				: 40px;
}

.scroll_box p {
	font-size					: 18px;
	line-height					: 1.8;
	font-family					: serif;
	margin-bottom				: 10px;
}

.scroll_box h3 {
	color						: #b38829;
	font-weight					: bold;
	font-size					: 20px;
	line-height					: 1.5;
	margin-top					: 15px;
}

.scroll_box a {
	color						: #b38829;
}

.ps__rail-x, .ps__thumb-x {
	display: none;
}

.ps__rail-x, .ps:hover > .ps__rail-y, .ps--focus > .ps__rail-x, .ps--focus > .ps__rail-y, .ps--scrolling-x > .ps__rail-x, .ps--scrolling-y > .ps__rail-y {
	opacity: 1;
}

.ps--active-y > .ps__rail-y, .ps--active-y > .ps__rail-y > .ps__thumb-y {
	width: 10px;
	border-radius: 10px;
	opacity: 1;
	margin-right: 5px;
}

.ps--active-y > .ps__rail-y {
	background-color: #D4E2EA;
}

.ps--active-y > .ps__rail-y > .ps__thumb-y {
	left: 0px;
	background-color: #6A777D;
}



/*-----------------------------
  faq
-----------------------------*/
.faq {
	position				: relative;
	padding					: 25px 4%;
	padding-top				: 0;
	margin					: 0px auto;
	padding-bottom			: 30px;
	background				: url(../images/block-inner.png);
	background-size			: 100%;
	background-position		: center;
}

.faq:after{
	content	: "";
	width 	:100%;
	height	:26px;
	position: absolute;
	bottom	: -1px;
	right	: 0;
	display	: block;
	background:url(../images/block-bottom.png);
	background-size: 100%;
	background-position: center bottom;
	background-repeat: no-repeat;
}

.qa_btn {
	display: block;
	cursor: pointer;
	position: relative;
	margin-top: 50px;
}

.qa_btn img {
	width: 74%;
	margin-bottom: 10px;
}


.qa {
	width: 70%;
	margin: 0 auto;
}

.qa_block {
	line-height: 1.5;
	text-align: left;
	margin-bottom: 20px; 
}

.question {
	position: relative;
	margin-bottom: 10px;
	cursor: pointer;
	padding-left: 30px;
}


.question p {
	font-weight: bold;
	font-size: 18px;
	position: relative;
	width: 100%;
	padding: 10px;
	border-bottom: #0F8A3F 1px solid;
}


.question:after{
	content	:	"";
	position	:absolute;
	left		: 0%;
	top			: 50%;
	transform			: translate(0%, -50%);
	width		: 20px;
	height		: 30px;
	background	: url(../images/icon-q.png);
	background-repeat	: no-repeat;
	background-size	: 100%;
}
.answer {
  display: none;
}

.answer p {
	font-size: 18px;
	line-height: 1.8;
	margin-bottom: 15px;
	padding: 10px;
	padding-left: 40px;
}