@charset"utf-8";

/*+++++++++++++++++++++++++++++++*/
/*     guruguruorange CSS     */
/*+++++++++++++++++++++++++++++++*/


/*=======================header area========================*/
#header_area {
	background: url("../../../orange/img/image_top.png");
	background-size: contain;
	background-repeat: no-repeat;
	}

#pagelink {
	background: url("../../../orange/img/bg.png");
	}

.left50 {
	text-align: right;
	}

.right50 {
	text-align: left;
	}

.w80o {
	float: center;
	width: 80%;
	margin: 2% auto 1%;
	padding: 2% 0;
	background-repeat: no-repeat;
	background: url("../../../orange/img/bg.png");
	}

#support {
	float: center;
	width: 100%;
	margin: 2% auto 1%;
	padding: 2% 0;
	}

#dayservice {
	float: center;
	width: 100%;
	margin: 2% auto 1%;
	padding: 2% 0;
	background-repeat: no-repeat;
	background: url("../../../orange/img/bg.png");
	}

#news {
	float: center;
	margin: 2% auto 2%;
	padding: 2% 0 2%;
	width: 80%;
	background: url("../../../orange/img/bg.png");
	}

#outline {
	background: url("../../../orange/img/bg.png");
	}

#outline table {
	margin: 3% auto 2%;
	float: center;
	width: 60%;
	}

#outline table th,#outline table td {
	border-bottom: 1px solid #fff;
	padding: 2% 3%;
	font-size: 0.9em;
	line-height: 1.4em;
	}

#outline table th {
	text-align: center;
	width: 25%;
	background: #f8ca7f;
	color: #fff;
	font-size: 0.9em;
	border: 1px solid #fff;
	}

#outline table td {
	width: 65%;
	text-align: left;
	background: #fff;
	font-size: 0.9em;
	border: 1px solid #f8ca7f;
	}

h2 {padding-top: 10%;}

@media screen and (max-width: 768px) {

.w80o {
	width: 90%;
	margin: 2% auto 3%;	
	}

#outline table {
	width: 85%;
	}

#outline table th,#outline table td {
	padding: 2% 5%;
	display: block; /* セルをブロック要素に指定 */
	width: 90%; /* セルを親要素いっぱいの幅に指定 */
	border: 1px solid #f8ca7f;
	}

}

/*=======================main area========================*/
h3 {
	margin-bottom: 0;
	}

.pl10_w70 {
	padding: 1% 0;
	}

.pl09_w90 {
	padding: 1% 0 3%;
	}

.p30 {
	margin: 1%;
	}

.pc10w {
	background: #f8ca7f;
	margin-bottom: 2%;
	}

#outline .pc10 {
	margin-top: -2%;
	}

.pc09w_w80 {
	background: #f8ca7f;
	margin-bottom: 2%;
	}

.pc12_wbg {
	background: #f8ca7f;
	margin-bottom: 3%;
	}

.pc12w_bg_w35 {
	color: #f29600;
	}

@media screen and (max-width: 768px) {

#outline_in img {
	margin: 0;
	}

}



#tab1:checked ~ .tab_area .tab1_label{background: url("../../../orange/img/bg.png") ; color:#f09600;}
#tab1:checked ~ .panel_area #panel1{display:block;}