@charset "utf-8";

html {font-size:62.5%;}

html,body {height:100%;}
body{
	overflow:hidden;
	background:#485B20;
	color:#000;
	font-size:1rem;
	line-height:1.6;
	font-family: "MS PGothic", "Osaka", Arial, sans-serif;
}

h1 {display:none;}

section{
	overflow:hidden;
	position:absolute;
	width:100%;
	height:100%;
}
.section-body a{
	color:#000;
	text-decoration:none;
}
.section-body a:hover {color:#2B0807;}


/*===== SectionBox =====*/
.section-body{
	background-color:#F3F2EA;
	background-image:url(../images/race.png);
	background-position: center center; 
	background-repeat: no-repeat; 
	background-size:contain;
	width:500px;
	margin:40px auto 0;
	padding:0;
    box-shadow: 5px 5px 0px rgba(0,0,0,0.5);
	position:relative;
}

.section-body:before{
	content:"";
	max-width:500px;
	width:100%;
	height: 55px;
    display: block;
	background-image:url(../images/pins.png);
	background-size:contain;
	background-repeat: no-repeat; 
	top:0;
	
}

.section-body:after{
	content:"";
	max-width:500px;
	width:100%;
	height: 55px;
    display: block;
	background-image:url(../images/pins.png);
	background-size:contain;
	background-repeat: no-repeat; 
	bottom:0;
	
}

.qaWrap{
	overflow:hidden;
	width:100%;
	margin:0 auto;
	
}

.qNumber{
	font-size:2.4rem;
	font-weight:bold;
	color:#FFF2F2;
	text-align:center;
	letter-spacing:0.1em;
	background:#2B0807;
	line-height:1.5em;
	border-radius:5px;
	display:block;
	text-align:center;
	margin: 10px 0;
}
.section-body h3{
	width:90%;
	margin:0 auto;
	font-size:1.8rem;
	font-weight:bold;
	letter-spacing:0.1em;
}

#logoarea{
	width:100%;
	height:auto;
	text-align:center;
}
#logoarea img{
	max-width:432px;
	width:90%;
	height:auto;
	text-align:center;
}
.qBox{
	width:90%;
	margin:20px auto 0;
	    clear: both;
}
.qBox li{
    list-style-type:none;
}
.qBox li p{
	background:#fff;
}
.qBox li a {
	display:block;
	width: 96%;
    margin: 2% 1%;
    text-align: center;
	background:#FFF2F2;
	border:2px solid #2B0807;
	border-radius:5px;
	line-height:2em;
	font-size:3em;
	font-weight:900;
	padding:1%;
}

.qBox .long_tit a{
	font-size:2em;
}

.qBox li a:hover img {
	opacity:0.5;
}

.answer_a a{
	color:#FD5853;
}

.answer_b a{
	color:#66A539;
}


/*付箋*/
.fusen01 {border-right:20px solid #ff9600;}
.fusen02 {border-right:20px solid #8deb00;}
.fusen03 {border-right:20px solid #ff6da4;}
.fusen04 {border-right:20px solid #54c2ff;}
.fusen05 {border-right:20px solid #ffff00;}

h2.oshi{
	display:inline;
}


/*********************
	スマートフォン
*********************/
@media only screen and (max-width: 640px) {
/* スマートフォン用のスタイル記述 */
section {overflow:auto;}
.section-body{
	width:84%; padding: 3%;
	margin:10px auto 0;
}
#logoarea img {
    width: 100%;
}

.qaWrap{
	width:90%;
	padding:10px;
}
.section-body h3{
	width:98%;
	margin-top:6px;
	font-size: 1.5em;
	latter-spacing:0;
}
.qBox li {
    width: 100%;
    margin-bottom: 20px;
}

.qBox li a {
    font-size: 2em;
}

.qBox li {
    margin-bottom: 10px;
}

.qBox .long_tit a {
    font-size: 1.3em;
}

}