@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( 97% / 3 );
	margin-right: 1%; 
	display:block; 
	float: left;
	padding:15px 0; 
	color:#FFFFFF; 
	background:#0098dd; 
	text-align:center; 
	cursor:pointer; 
	transition:ease 0.2s opacity;
	border-radius: 3px;
	font-weight: bold;
	font-size: 15px;
}
.tab_area label:last-child{margin-right: 0;}
.tab_area label:hover{color:#0098dd; background:#ffe100; }

#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; 
}


.tab_panel{display:none;}
#tab1:checked ~ .panel_area #panel1{display:block;}
#tab2:checked ~ .panel_area #panel2{display:block;}
#tab3:checked ~ .panel_area #panel3{display:block;}
#tab4:checked ~ .panel_area #panel4{display:block;}



/*　中身の設定　*/
.contents_box_in{text-align: center;}
.contents_box_in .bold{font-weight: bold; font-size: 120%;}

#naka_inbox h4{border: none;}
.contents_box_in p{margin-bottom: 10px;}

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

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

@media screen and (max-width: 700px){
	.tab_area{margin-bottom: 20px;}
	.tab_area label{font-size: 13px; margin-bottom: 5px;}
	.contents_box_in p{margin-bottom: 5px; font-size: 13px;}
}