@charset "utf-8";
/* CSS Document */

html{
	font-size: 62.5%;
}
body{
	color: #111111 !important;
	margin:0 !important;
	padding:0 !important;
	font-family:'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	font-size: 1.6em;
}
a{
	color: #111111 !important;

	opacity:1;
}
a:hover{
	opacity:0.5;
}
a:visited{
	color: #111111 !important;
	opacity:0.5;
}
.clearfix:after{
	content: "";
	clear: both;
	display: block;
}
header{
	width:100%;
	margin:0;
	padding:0;
	text-align:center;
}
div.mega{
	width:100%;
	height:50px;
	margin:0;
	clear:both;
}
div.mega img{
	width:10%;
	float:left;
	padding:1% 1% 0 !important;
}
#content{
	width:70%;
	margin:0 auto;
	padding:0;
}
section{
	width:100%;
	margin:0 !important;
	padding:0 !important;
}
article{
	margin:0 !important;
	padding:0 !important;
}
p{
	letter-spacing:0.03em;
	font-size: 1.8rem;
}
img{
	margin:0 auto;
	vertical-align: text-bottom;
	vertical-align: bottom;
	width: 100%;
}
center{
	margin:5% auto;
}
div.Box{
	font-weight:90%;
	width:90%;
	margin:1% auto;
	background:#91b4e4;
	overflow: hidden;
	border-radius:20px;
	padding:3%;
}
div.LeftBox{
	float:left;
	width:40%;
	margin-right:2%;
}
div.RightBox{
	float:right;
	width:58%;
}
img.q_ico{
	float:left;
	clear:both;
	margin: 3% 1%;
	width: 7%;
}
p.q{
	color:#1e86a8;
	font-size: 2rem;
	overflow: hidden;
}
p.a{
	color:#e96710;
	font-size: 2.2rem;
	font-weight:bold;
	margin: 0;
}
div.accordion {
	width: 100%;
	margin:1% auto;
}
div.accordion ul{
	list-style:none;
	padding: 0;
}
div.accordion ul li{
	clear:both;
	display:block;
	margin:2%;
}
div.accordion ul li.qa_a{
	margin-left:9%;
}

div.accordion .toggle{
	padding-right:45px;
}
div.accordion > ul > li > a {
	display: block;
	font-size: 1.7rem;
	text-decoration: none;
	background-color: #FFF;
	cursor: pointer;
	padding: 10px 12px;
	position: relative;
	padding:1%;
}
div.accordion > ul > li > a:hover{
}
div.accordion > ul > li > a:after, div.accordion > ul > li > a.active:after{
	font-size: 1.7rem;
	position: absolute;
	right: 12px;
	top: 16px;
	color: #1a69b3;
}
div.accordion > ul > li > a:after{
	content: "▼";
	font-size: 3rem;
	margin:1%;
}
div.accordion > ul > li > a.active:after{
	content: "▲";
	font-size: 3rem;
	margin:1%;
}
div.accordion > ul > li > ul {
	display: none;
}
div.accordion > ul > li > ul > li > a{
	display: block;
	font-size: 1.7rem;
	padding: 6px 12px;
	position: relative;
}
div.contact{
	width:100%;
	margin:1% auto;
	background:#9dc384;
	text-align:center;
}
div.contact_in{
	width:60%;
	margin:1% auto;
	padding:2%; 
}
div.contact p{
	font-size: 2.3rem;
}
div.contact img{
	width:80%;
}
div.contact img.logo{
	width:50%
}
img.btn{
	width:60%;
}
span.att{
	font-size: 1.5rem !important;
}
div.sns{
	width:30%;
	margin:1% auto;
}
div.sns img{
	width:14%;
	opacity:0.7;
}
.copy{
	width:50%;
	margin:1% auto;
	text-align:center;
	font-size: 1.2rem;
	opacity: 0.8;
}

@media screen and (max-width: 959px) {
div.mega img{
	width:20%;
}
#content{
	width:100%;
	margin:0;
	padding:0;
}
#content_in{
	width:90%;
	margin:0 auto;
}
div.contact{
	width:100%;
	padding:0;
}
div.sns{
	width:60%;
}
}

@media screen and (max-width: 559px) {
div.mega img{
	width:30%;
	margin:2% 0;
}
img{
	width:100%;
}
img.q_ico{
	width:10%;
}
div.Box{
	margin:1% auto;
	padding:3%;
}
div.Box img{
	width:60%;
}
div.Box h2{
	font-size:110%;
}
div.Box p{
	font-size:95%;
}
div.LeftBox{
	width:100%;
	text-align:center;
}
div.RightBox{
	width:100%;
}
p.q{
	font-size: 1.5rem;
}
p.a{
	font-size: 1.8rem;
}
li.qa_a p{
	font-size: 1.5rem;
}
div.contact{
	width:100%;
	margin:0;
	padding:0;
}
#content_in{
	width:95%;
	margin:0 auto;
}
div.contact_in{
	padding:3%;
	width:95%;
}
div.contact img{
	width:70%;
}
div.contact p{
	font-size: 1.8rem;
}
img.btn{
	width:70%;
}
div.sns{
	width:80%;
}
.copy{
	width:100%;
}
}