@charset "UTF-8";
/* CSS Document */
.qanda_00 .fr .eizi {
	top: 10%;
    right: 0.3em;
    position: absolute;
    font-size: 18em;
    color: #000;
    letter-spacing: -0.15em;
}
.qanda_00 .fl .ttl_01 {
	text-align: center;
}
.qanda section:not(:first-child) ul {
	padding-top: 15%;
}
.qanda section:not(:first-child) ul li {
	width: 50%;
	float: left;
}
.qanda section:not(:first-child) ul li dl {
	padding: 3% 7%;
}
.qanda section:not(:first-child) ul li dl span {
	font-size: 18px;
}
.qanda section:not(:first-child) ul li dl dt {
	font-weight: bold;
	padding-bottom: 2%;
}
.qanda section:not(:first-child) ul li dl dd {
	line-height: 1.7;
}
.qanda_last .fl .rainbow_f {
	font-size: 7em;
    bottom: 31%;
    left: 18%;
	position: absolute;
}
.qanda_last .fr .rainbow_f {
	font-size: 7em;
    bottom: 70%;
	left: 27%;
	position: absolute;
}

@media screen and (max-height: 780px) {
	.qanda_last .fl .rainbow_f {
		font-size: 6em;
		bottom: 32%;
        pointer-events: none;
	}		
	.qanda_last .fr .rainbow_f {
   		font-size: 6em;
	}
	.qanda section:not(:first-child) ul {
		padding-top: 10%;
	}
	.qanda_00 .fr .eizi {
		top: 13%;
		right: 1em;
		font-size: 12em;
	}
	.qanda section:first-child .fr .btn:hover {
		animation: coloring 3s linear infinite;
	}
}
@media screen and (max-height: 600px) {
	
} 
@media screen and (max-width: 1024px) {
	.qanda section:not(:first-child) ul li dl dd {
		font-size: 14px;
	}
}
@media screen and (max-width: 768px) {
	html {
		overflow-y: auto;
  		-webkit-overflow-scrolling: touch;
	}
	section:not(:last-child) .ttl_01 .white,
	section:not(:last-child) .ttl_ruby .white,
	section:not(:last-child) .ttl_04 .white{
		color: #000!important;
	}
	.qanda_00 .fl, .fr {
		width: 50%;
		height: 100%;
	}
	.qanda_00 .fl {
		float: left;
	}
	.qanda_00 .fr {
		float: left;
	}
	.qanda section:not(:first-child) ul li {
		width: 100%;
		float: none;
		margin-bottom: 2%;
	}
	.qanda_last .fl .rainbow_f {
		font-size: 5em;
		bottom: 40%;
		left: 8%;
	}
	.qanda_last .fr .rainbow_f {
		font-size: 5em;
		bottom: 79%;
		left: 10%;
	}
}
@media screen and (max-width: 500px) {
	section:not(:last-child) .scroll_btn_b,
	section:not(:last-child) .scroll_btn_w {
		display: none;
	}
	.qanda_00 .fr .eizi {
		top: 30%;
		right: 0;
		font-size: 8em;
	}
	.qanda section:not(:first-child) ul li dl {
		padding: 2% 10%;
	}
	.qanda section:not(:first-child) ul li dl dd {
		font-size: 10px;
	}
	.qanda section:not(:first-child) ul li dl span {
		font-size: 14px;
	}
	.qanda section:not(:first-child) ul li dl dt {
		font-weight: bold;
		font-size: 12px;
		padding-bottom: 1%;
	}
	.qanda section:not(:first-child) ul {
		padding-top: 5%;
	}
	.qanda_last .fl .rainbow_f {
		font-size: 2em;
		left: 32%;
	}
	.qanda_last .fr .rainbow_f {
		font-size: 2em;
	}
	.entry_list_00 h1:nth-child(2) {
		font-size: 6em;
	}
	.entry_list_00 .position_c .ttl_01 {
		padding-bottom: 2em;
	}
}
@media screen and (max-width: 500px) and (min-height: 700px) {
	.qanda section:not(:first-child) ul li dl {
		margin-bottom: 5%;
	}
	.qanda section:not(:first-child) ul {
		padding-top: 20%;
	}
	.qanda_last .fr .rainbow_f {
		bottom: 75%;
	}
}
@media all and (-ms-high-contrast: none) {
	.qanda section:not(:first-child) ul {
		padding-top: 9%;
	}
	.rainbow_f {
		font-size: 5em!important;
		padding: 0 0 3% 1%;
	}
	.qanda_last .fl .rainbow_f {
		bottom: 30%;
		left: 15%;
	}
	.qanda_00 .fr strong.ttl_vert {
		display: none;
	}
	.qanda_00 .fr strong.win_ttl {
		display: block;
		top: 5%;
		right: 0;
		line-height: 0.9;
		position: absolute;
		font-size: 13em;
		color:#000;
	}
	.qanda_00 .fr strong.win_ttl span:nth-child(2){
		width: 24px;
		display: inline-block;
	}
	.qanda_00 .fr strong.win_ttl span:nth-child(4){
		width: 10px;
		display: inline-block;
	}
	.qanda_00 .fr .eizi {
		top: 17%;
		right: 0;
	}
	.qanda section:not(:first-child) ul li dl {
		min-height: 120px;
	}
	.qanda section:not(:first-child) ul li dl dt {
		font-size: 15px;
	}
	.qanda section:not(:first-child) ul li dl dd {
		font-size: 14px;
	}
}