@charset "UTF-8";
/* CSS Document */
/*a[href^="tel:"] {
    pointer-events: none;
}*/


/* タブ切り替えの設定 */
.tab_area{margin-bottom: 40px; width: 100%; overflow: hidden;}

input[type="radio"]{display:none;}
.tab_area label{
	width:calc( 98% / 3 );
	margin-right: 1%; 
	display:block; 
	float: left;
	color:#FFFFFF; 
	background:#0098dd; 
	text-align:center; 
	cursor:pointer; 
	transition:ease 0.2s opacity;
	border-radius: 3px;
	font-weight: bold;
	font-size: 14px;
}
.tab_area label:last-child{margin-right: 0;}
.tab_area label a{
	color: #FFFFFF;
	width: 100%;
	height: 100%;
	display: block;
	text-decoration: none;
	padding:15px 0; 
}

.tab_area label:hover,.tab_area label.active{color:#0098dd; background:#ffe100; }
.tab_area label:hover a,.tab_area label.active a{color:#0098dd; opacity: 1;}


#tab1:checked ~ .tab_area .tab1_label,
#tab2:checked ~ .tab_area .tab2_label,
#tab3:checked ~ .tab_area .tab3_label,
#tab4:checked ~ .tab_area .tab4_label
{
	color:#0098dd; 
	background:#ffe100; 
}


/*　アンカーリンクの設定　*/
.subMenuContainer{
	margin: 0 0 25px 0;
	padding:20px 25px;
	background-color: #e5f6ff;
}

.subMenuContainer ul{
	text-align: center;
}

.subMenuContainer ul li{
	display: inline-block;
	margin-right: 10px;
	padding-left: 15px;
	background: url("../img/arrow.png") no-repeat left 10px;
	font-size: 15px;
}

#q01, #q02, #q03, #q04, #q05, #q06, #q07, #q08, #q09, #q10, #q11, #q12, #q13, #q14{
	padding-top: 200px;
	margin-top:-200px;
}

/*　中身の設定　*/
.contents_box_in{margin: 0 0 50px 0;}

.contents_box_in .bold{font-weight: bold; font-size: 120%;}

#naka_inbox .question{
	border-bottom: 1px solid #0097e0;
	margin: 0 0 20px 0;
}

#naka_inbox .question p.q_blue{
	color: #0097e0;
    font-weight: bold;
	font-size: 100%;
	background: url("../img/q.png") no-repeat;
	padding: 0 0 20px 40px;
}

#naka_inbox .answer{
	background: url("../img/a.png") no-repeat;
	padding: 0 0 20px 40px;
}

.contents_box_in p a{
	color: #0098dd;
	font-size: 200%;
	font-weight: bold;
	text-decoration: none;
	pointer-events: none;
}

.contents_box_in .answer a{font-size: 100%; text-decoration: underline; font-weight: normal;pointer-events:auto;}
.contents_box_in .answer a:hover{text-decoration:none;}

.contents_box_in p .contents_btn{
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}

.sp{display:none}

@media screen and (max-width: 1150px){
	.tab_area label{
		width: 48%;
		margin-bottom: 1%;
	}
}

@media screen and (max-width: 700px){
	.tab_area{margin-bottom: 20px;}
	.tab_area label{font-size: 13px; margin-bottom: 5px;}
	.contents_box_in{margin: 0 0 15px 0;}
	.contents_box_in p{margin-bottom: 5px; font-size: 13px;}
	.subMenuContainer{padding:15px 20px;}
	.subMenuContainer ul li{background: url("../img/arrow.png") no-repeat left 8px;}
	#naka_inbox .question{margin: 0 0 10px 0;}
	#naka_inbox .question p.q_blue{padding: 0 0 10px 40px;}
	.sp{display: block;}
}