@charset "utf-8";
/*===========================
add
===========================*/
/*----------------------
none
----------------------*/
@media screen and (min-width: 769px) {
	.pcOFFspON{display: none;}
}

.pcOFFspOFF{display: none;}
@media screen and (max-width: 768px) {
	.pcOFFspOFF{display: block;}
}

@media screen and (max-width: 768px) {
	.pcONspOFF{display: none;}
}

/*===========================
margin
===========================*/
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}

/*===========================
title text
===========================*/
.t01{
	font-size: 2em;
	color: #2981c0;
	margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
	.t01{
		font-size: 1.5em;
	}
}

.t02{
	font-size: 1.4em;
	color: #2981c0;
	margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
	.t02{
		font-size: 1.2em;
	}
}

.t03{
	font-weight: bold;
	color: #2981c0;
}

/*===========================
table
===========================*/
.top-add th,.cont1-add th,.cont2-add th,.cont3-add th{
	background-color: #c5dced !important;
}


/*===========================
top-add
===========================*/
/*ttl------------------------------*/
@media screen and (min-width: 769px) {
	.top-add .ttl{
		font-size: 2.6em !important;
	}
}

/*box01------------------------------*/
.top-add .info{
	background-color: #cce0f0 !important;
}


/*===========================
cont1-add
===========================*/
/*box01------------------------------*/

.cont1-add .box01 p{
	margin-bottom: 20px;
}
@media screen and (min-width: 769px) {
	.cont1-add .box01 p{
		text-align: center;
	}
}

/*===========================
cont2-add
===========================*/
/*box01------------------------------*/
.cont2-add .box01 th,
.cont2-add .box01 td{
	width: 50%;
	text-align: center;
}



/*===========================
cont3-add
===========================*/
/*box01------------------------------*/



/*===========================
emergencyWrap
===========================*/
.emergencyWrap {
	background-color: #81bae3;
}
@media screen and (min-width: 769px) {
	.emergencyWrap {
		padding: 4px 7px 10px !important;
	}
}

.emergencyWrap a:hover,
.emergencyWrap a.tel:hover {
	background-color: #3ba0e9 !important;
}











/*　蛍光下線　*/
.tx-em {
	background: linear-gradient(transparent 62%, rgba(255, 250, 137, 0.71) 0%);
}

/*　蛍光斜線　*/
.tx-diagoYel {
    margin: 0 2px;
    padding: 2px 5px;
    border-radius: 0 0 3px 9px;
    color: #2f2f2f;
    background-image: linear-gradient(2deg,#fbf8a7,#fbf8a7 25%,transparent 25.1%,transparent);
}

.tx-diagoRed {
    margin: 0 2px;
    padding: 2px 5px;
    border-radius: 0 0 3px 9px;
    color: #2f2f2f;
    background-image: linear-gradient(2deg,#FD86A0,#FD86A0 25%,transparent 25.1%,transparent);
}

.tx-diagoGreen {
    margin: 0 2px;
    padding: 2px 5px;
    border-radius: 0 0 3px 9px;
    color: #2f2f2f;
    background-image: linear-gradient(2deg,#8dedd0,#8dedd0 25%,transparent 25.1%,transparent);
}