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


/*----------------------------------------------------
	☆ttlArea
----------------------------------------------------*/


#pageTtl {
	background:url(../image/mvBg.jpg) center center no-repeat;
}

#pageTtl h1 {
	background:url(../image/icon_ttl.png) left bottom no-repeat;
}

#pageTtl h1 span {
	color:#f995a4;
}


/*----------------------------------------------------
	☆sideNav
----------------------------------------------------*/

#sideNav .sideHead {
	background:#f5c83d;
}


#sideNav ul li {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display:block;
	text-decoration:none;
	font-size:15px!important;
}


#sideNav ul li.last_child {
	border-bottom:none;
	margin-bottom:0;
}

#sideNav p.sidenavi_link a {
	padding:15px;
}

#sideNav p.sidenavi_link a img {
	padding-bottom:4px;
	padding-left:25px;
}



/*----------------------------------------------------
	☆index
----------------------------------------------------*/

.index_inr ul li {
	float:left;
	margin-right:45px;
}

.index_inr ul li#index01,.index_inr ul li#index02,.index_inr ul li#index03 {
	margin-bottom:50px;
}

.index_inr ul li#index03, .index_inr ul li#index06 {
	margin-right:0;
}

 .index_inr ul#index_list figure.bnr01 {
    margin-right: 0;
}

 ul#index_list figure.bnr01 figcaption {
	background: rgba(245,200,61,0.85);
}

 ul#index_list figure.bnr01 figcaption p{
  padding: 22% 0 30%;
}

.index_inr ul li p.link_ttl {
	border:#8f8e75 1px solid;
	padding:10px;
	font-size:16px;
	text-align:center;
}


@media screen and (max-width: 800px) {	
.index_inr ul li {
	float:none !important;
	margin-right:0;
}

ul#index_list figure.bnr01 {
    width: 48%;
	margin:0 1% 20px;
}

.index_inr ul li p.link_ttl {
	padding:5px 0;
	font-size:13px;
}

.index_inr ul li p.small_txt {
	font-size:12px;
	padding:7px 0 6px;;
}

ul#index_list figure.bnr01 figcaption p {
	font-size:16px;
}

 ul#index_list figure.bnr01 figcaption p img{
	 width:30%;
	 height:auto;
}


}


/*----------------------------------------------------
	☆profile
----------------------------------------------------*/

@media screen and (max-width: 800px) {	
#profile .bscTbl01 table th,#profile .bscTbl01 table td {
	font-size:13px !important;	
}

#profile .bscTbl01 table th {
	width:25% !important;
}

#profile .bscTbl01 table td {
	width:75% !important;
}
}

/*----------------------------------------------------
	☆history
----------------------------------------------------*/

@media screen and (max-width: 800px) {	
#history .bscTbl01 table th,#history .bscTbl01 table td {
	font-size:13px !important;	
}

#history .bscTbl01 table th {
	width:30%;
}

#history .bscTbl01 table td {
	width:70%;
}
}


/*----------------------------------------------------
	☆public
----------------------------------------------------*/

#public #sec01 ul {
	width:820px;
	margin:0 auto;
}

#public #sec02 ul {
	width:870px;
	margin:0 auto;
}

#public #sec02 ul li img{
	width:200px !important;
	height:auto;
}

#public #sec04 ul {
    width:820px;
	margin:0 auto;
}

#public #sec04 ul li#bus01 {
	margin-right:20px;
}

#public #sec05 ul {
	width:700px;
	margin:0 auto;
}

@media screen and (max-width: 800px) {	
#public #sec01 ul {
  width: 100% !important;
}


#public #sec01 ul li {
  float:none !important;
  margin-right:0 !important;
  width: 100% !important;
  margin-bottom:20px;
}

.youtube{
  position: relative;
  width: 100% !important;
  padding-top: 56.25%;
  margin-bottom:5px;
}

.youtube iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

#public #sec02 ul {
	width:100% !important;
}

#public #sec02 ul li {
	width:46% !important;
	margin-right:0 !important;
	padding:0 1%;
}

#public #sec02 ul li h4 {
    font-size:12px;

}

#public #sec02 ul li img {
    height: auto;
    width: 100% !important;
}

#public #sec04 ul {
	width:100% !important;
}


#public #sec04 ul li {
	float:none !important;
}

	
	

#public #sec04 ul li#bus01 {
	margin-right:0 !important;
}

#public #sec05 ul {
	width:100% !important;
}


#public #sec05 ul li {
  float:none !important;
}

#public #sec05 ul li {
	text-align:center;
	margin-right:0 !important;
	margin-bottom:10px;
}


}


/*----------------------------------------------------
	☆anchor
----------------------------------------------------*/

#anchor ul li.btn {
	width:18.2%;
	margin-right:1.8%;
}

@media screen and (min-width: 800px) {	

#anchor ul li.size10 {
	line-height:0.3;
}

#anchor ul li.size10 a:hover span {
	background:url(/lib/cmn_img/white_allow_btm.png) no-repeat 98px bottom !important;
}

#anchor ul li.size10 a {
	padding:3px 0 21px;
}

#yellow_inr #anchor ul li.size10 a span {
	background:url(/lib/cmn_img/yellow_allow_btm.png) no-repeat 98px bottom;
}

}




ul.caption li {
	font-size:90% !important;
	line-height:1.3em !important;
}

@media screen and (max-width: 800px) {	
#anchor ul li.btn {
	width:100%;
}

#contactBox p {
	float:none;
	width:100% !important;
}

#contactBox p img {
	width:50% !important;
}

#anchor ul li.size10 a:hover span {
	background:url(/lib/cmn_img/white_allow_btm.png) no-repeat center bottom !important;
}

#yellow_inr #anchor ul li.size10 a span {
	background:url(/lib/cmn_img/yellow_allow_btm.png) no-repeat center bottom;
}

}


/*----------------------------------------------------
	☆office
----------------------------------------------------*/
#office .bscTbl01 table td a {
	background:#f5c83d;
	color:#fff;
	padding:5px 10px;
	line-height:2.3;
}


@media screen and (max-width: 800px) {	
#office .bscTbl01 table, table.bscTbl01 {
    width: 900px;
}

#office .bscTbl01 {
	overflow-x:scroll;
}


}