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

/*PC*/
@media print, screen and (min-width: 769px) {
.sp_list li {
background-color: #feb508;
}
/* top index */
.headerLogo{
width: 280px;
float: left;
/*padding-top: 15px;*/
padding-top: 33px;
}

#menu {
width: 1000px;
float: right;
display: block;
}

.subMenu {
width: 380px;
float: left;
text-align: right;
padding: 15px 20px 0 0;
}

.subMenu ul {
margin-bottom: 5px;
display: inline-block;
}

.subMenu ul li {
float: left;
margin-right: 20px;
line-height: 1em;
}

.subMenu ul li a {
font-size: 1.4rem;
}

.subMenu ul li a:hover {
text-decoration: underline;
}

.subMenu ul li:last-child {
margin-right: 0px;
}

.headerTel {
font-size: 3rem;
font-weight: bold;
}

.mainMenu {
width: 600px;
float: right;
}

.mainMenu li {
float: left;
text-align: center;
height: 120px;
overflow: hidden;
display: table;
}

.mainMenu li.menu01,
.mainMenu li.menu02,
.mainMenu li.menu03,
.mainMenu li.menu04 {
width: 150px;
}

.mainMenu li.menu05 {
width: 150px;
}

.mainMenu li img {
margin-bottom: 10px;
}

.mainMenu li a {
display: table-cell;
height: 120px;
vertical-align: middle;
font-size: 1.5rem;
}

.mainMenu li.menu01 a {
background-color: #d0f6b3;
}

.mainMenu li.menu02 a {
background-color: #ffc3bd;
}

.mainMenu li.menu03 a {
background-color: #ccdefc;
}

.mainMenu li.menu04 a {
background-color: #ffcaa0;
}

/*.mainMenu li.menu05 a {
background-color: #fbc7f5;
}*/

.mainMenu li.menu05 a {
background-color: #fce88c;
}


.mainMenu li.menu01 a:hover {
background-color: #86e63d;
color: #fff;
}

.mainMenu li.menu02 a:hover {
background-color: #ff7264;
color: #fff;
}

.mainMenu li.menu03 a:hover {
background-color: #5d98fb;
color: #fff;
}

.mainMenu li.menu04 a:hover {
background-color: #f98e38;
color: #fff;
}

/*.mainMenu li.menu05 a:hover {
background-color: #f15ae1;
color: #fff;
}*/

.mainMenu li.menu05 a:hover {
background-color: #fed208;
color: #fff;
}

.mainMenu li a:hover img {
	filter:alpha(opacity=100);
	opacity:1;
}

#footer {
border-top: #feb508 4px solid;
}

.copy {
background-color: #feb508;
}

/*--------------------------------*/
.comTable01 {
width: 100%;
box-sizing: border-box;
border-top: #dddddd 1px solid;
border-left: #dddddd 1px solid;
}

.comTable01 th {
background-color: #f4f4f4;
padding: 20px;
font-size: 1.7rem;
border-bottom: #dddddd 1px solid;
border-right: #dddddd 1px solid;
text-align: left;
font-weight: normal;
}

.comTable01 td {
padding: 20px;
font-size: 1.7rem;
border-bottom: #dddddd 1px solid;
border-right: #dddddd 1px solid;
}

.btn01 {
width: 280px;
margin: auto;
}

.btn01 a {
display: block;
background-color: #feb508;
padding: 15px;
font-size: 2rem;
color: #fff;
text-align: center;
transition: 0.3s ease-in-out;
}

.btn01 a:hover {
background-color: #feb508;
}
.w500 {
width: 500px;
}

.comTit03 {
color: #feb508;
}

.comTit03::after {
    background-color: #feb508;
}


}


/*----------------------------------------------------*/


/*sp*/
@media only screen and (max-width: 768px) {
.sp_list li {
background-color: #feb508;
}
/* top index */
.headerLogo{
width: 150px;
float: left;
}

#footer {
border-top: #feb508 4px solid;
}

.copy {
background-color: #feb508;
}

/*--------------------------------*/
.comTable01 {
width: 100%;
box-sizing: border-box;
border-top: #dddddd 1px solid;
border-left: #dddddd 1px solid;
}

.comTable01 th {
background-color: #f4f4f4;
padding: 20px;
font-size: 1.7rem;
border-bottom: #dddddd 1px solid;
border-right: #dddddd 1px solid;
text-align: left;
font-weight: normal;
}

.comTable01 td {
padding: 20px;
font-size: 1.7rem;
border-bottom: #dddddd 1px solid;
border-right: #dddddd 1px solid;
}

.btn01 {
width: 80%;
margin: auto;
}

.btn01 a {
display: block;
background-color: #feb508;
padding: 15px;
font-size: 2rem;
color: #fff;
text-align: center;
transition: 0.3s ease-in-out;
}

.btn01 a:hover {
background-color: #feb508;
}

.comTit03 {
color: #feb508;
}

.comTit03::after {
background-color: #feb508;
}



}