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





#header h1#headerlogo {
	height: 140px !important;
}

#header h1#headerlogo img {
	width: auto;
	height: 100px;;
}


article h1 {
background-color: #00a4b4;
padding: 1em 0;
background-image: url("../../common/img/h1.png");
background-repeat: no-repeat;
background-position: center top;
background-size: 20%;
color: #fff;
}

@media screen and (max-width: 767px){
article h1 {
background-size: 40%;

}
}


.center {
text-align: center!important;
}








#contens_menu {

/*background-color: #ffffff;*/
/*padding: 0!important;*/
}

.contens_menu {
  display: flex;
margin: 0;
padding: 0;
}

.contens_menu li {
  flex: auto;
  list-style: none;
  text-align: center;
  background-color: aqua;
  margin: 10px;
  padding: 1em;
  border-radius: 10px;
  background-color:rgba(240,132,156,1); 
  color: #fff;
}


.contens_menu li a,.contens_menu li a:hover {
  color: #fff;
  }

.contens_menu :hover {
/*  background-color:rgba(240,132,156,0.9); */
}


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




}


.li_kome {
padding-left: 1em;
list-style: none;
font-size: 0.8em;
}





/*ボタン*/

.btn {
  position: relative;
  display: inline-block;
  font-weight: bold;
  padding: 0.5em 1.5em;
  text-decoration: none;
/*  background: #fdd000;*/
  transition: .4s;
    background: #000;
  border-radius: 30px;
  color: #fff;
}

.btn:hover {
  background: #00a3b4 !important;
    color: #fff;
}


/*QA*/




#QA dl dt {
        cursor: pointer;
	padding:10px 10px 10px 15px;

background-color: #fff;
border-radius: 50px;
margin-bottom: 10px;
box-shadow: 2px 2px #cccccc;
}
#QA dl dt:hover {
/*        text-decoration: underline;*/
}
#QA dl dd {
        display: none;
/*        background: #f2f2f2;*/
        margin-left: 1em;
        padding: 10px;
		margin-bottom: 2em;
}

#QA dl dd strong {
font-weight: normal;
color: #cc0000;
}









/*お知らせ*/
#body_info #contens_menu h2 {
font-size: 1.2em!important;
	justify-content: left;
	text-align: left;
}


.inner .kiji_date {
background-color: rgba(30,185,230,0.7)!important;
border-radius: 50px;
margin-bottom: 1.5em;
display: inline-block;
padding: 0 1em;
}


.inner .kiji {
padding: 1em!important;
margin-bottom: 2em!important;
}



/*footer*/
#footer_info {
padding: 20px;
text-align: center;
}

#footer_info h2 {
font-size: 1.2em;
}

@media screen and (max-width: 767px){
#footer_info h2 {
font-size: 1.2em !important;
}
}

/*リンク*/
#link_bn{
/*	border-bottom: 1px solid #333;*/
	background-color: #00a4b4;
	padding: 6px 0;
}

#link_bn ul {
text-align: center;
padding: 0;
}
#link_bn li {
list-style: none;
display: inline-block;
margin: 0 20px;
}

#link_bn li img {
height: 100px;
width: auto;
}


@media screen and (max-width: 767px){
#link_bn li {
height: 50%;
}

#link_bn li img {
margin: 10px 0 ;
}

}


/*sanka*/
.date {
font-weight: bold;
}

.date strong {
font-size: 1.5em;
}


/*kiyaku*/
.kiyaku_soubi th {
text-align: center !important;
white-space: nowrap !important;
}

.kiyaku_soubi th strong {
font-size: 1.2em;
}


/*osirse*/

#main #maincol #top_info dl{
	margin:0;
	padding:0;
	display:flex;
	flex-wrap:wrap;
}

#top_info dl dt,
#top_info dl dd{
	border-bottom: solid 1px;
}


#top_info dl dt{
	margin:0;
	padding:0.5em 0;
	width:20%;
}
#top_info dl dd{
	margin:0;
	padding:0.5em 0;
	width:80%;
}


@media screen and (max-width: 767px){
#main #maincol #top_info dl{
	display:inline;
}

#top_info dl dt{
border: none;
}


#top_info dl dt{
width: auto;
}
#top_info dl dd{
width: auto;
padding:0 0 0.5em 0;
margin-bottom: 0.5em;
}
}