@charset "utf-8";

h3{
	font-size:10rem;
	padding: 0;
    letter-spacing: 0;
	font-weight: normal;
	text-align: left;
}
h3:after{
	content:none;
}
h4{
	font-size:8rem;
	font-weight:normal;
}
.commentary .text dt{
	font-size:2.4rem;
	margin-bottom:2rem;
}

@media screen and (max-width:799px) {
    /*SP-Tablet*/
}
@media screen and (max-width:479px) {
	/*SP*/
	.top_image{
		margin-bottom:5rem;
		width: 200%;
		margin-left: -50%;
	}
	h3{
		font-size:7rem;
	}
	h4{
		font-size:5.5rem;
		width:90% !important;
		margin-left:5% !important;
		line-height:1;
		margin-bottom: 3rem !important;
	}
	
}

/*--------------------------------------------
    Q and A
--------------------------------------------*/


@media screen and (max-width:799px) {
    /*SP-Tablet*/
}
@media screen and (max-width:479px) {
    /*SP*/
}

/*--------------------------------------------
    Main
--------------------------------------------*/
#main .main_wrap{
	background:url(../img/bg_main.jpg);
	background-size:cover;
	background-position:center;
}
#main .gradient{
	/* background: linear-gradient(to right,#fff, #aa3200 60%, #5c1803); */
}
#main #title {
    fill: #fff;
    filter: drop-shadow(0 0 10px #000);
}
h1{
    width: 13%;
    margin-left: 7%;
}

@media screen and (max-width:799px) {
    /*SP-Tablet*/
}
@media screen and (max-width:479px) {
	/*SP*/
	#main .main_wrap{
		background:url(../img/bg_main.jpg);
		background-size:cover;
		background-position:center;
	}
	h1{
		width: 35%;
	}
	#main .index li{
		width:70%;
	}
}

/*--------------------------------------------
    contents
--------------------------------------------*/
#contents{
	margin-top:20rem;
	margin-bottom:20rem;
}
#contents dl{
	border-bottom:1px solid #999;
	padding-bottom: 3rem;
    margin-bottom: 3rem;
}
#contents .question,
#contents .answer{
	text-indent: -4.5rem;
	margin-left: 4.5rem;
}
#contents .question{
	color:#98B823;
}
#contents .question:before{
	content:"Q.";
	font-size:3rem;
	margin-right:1.5rem;
}
#contents .answer:before{
	content:"A.";
	font-size:3rem;
	color:#333;
	margin-right:1.5rem;
}
@media screen and (max-width:799px) {
    /*SP-Tablet*/
}
@media screen and (max-width:479px) {
	/*SP*/
}