@charset "utf-8";

/**　footer_pc　***********************************************************************************/
/*************************************************************************************/
@media screen and (max-width: 1024px) { /*ウィンドウ幅が最大480pxの場合にPC非表示*/
.footer_pc {
	display: none;
}
}
@media screen and (min-width: 1025px) { /*ウィンドウ幅が最少481pxの場合にPC表示*/
.footer_pc {
    width: 100%;
}
}
/*************************************************************************************/


/**　footer_sp　***********************************************************************************/
/*************************************************************************************/
@media screen and (min-width: 1025px) { /*ウィンドウ幅が最少481pxの場合にSP非表示*/
.footer_sp {
	display: none;
}
}
@media screen and (max-width: 1024px) { /*ウィンドウ幅が最大480pxの場合にSP表示*/
.footer_sp {
    width: 100%;
}
}
/*************************************************************************************/
/** メニューリスト *******************************/

.footer_pc .footer {
	overflow: hidden;
	height: auto;
	margin: 0;
	padding: 0;
	background: #204DA0;
	border-top: 1px solid #FFF;
}


/*****************************/
.footer_pc .footer .footer-menu {
    width: 1080px;
	margin: 0 auto;
	padding: 0;

}

.footer_pc .footer .footer-menu li{
	float: left;
	width: 204px;
	height: 80px;
	background: #204DA0;
}


.footer_pc .footer .footer-menu li a p {
	font-family: "メイリオ";
	font-size: 15px;
	line-height: 17px;
	color: #FFF;
	padding: 15px 0 0;
	text-align: center;
	 -webkit-transition: all 0.2s ease;
	 -moz-transition: all 0.2s ease;
	 -o-transition: all 0.2s ease;
	transition: all  0.2s ease;
	text-decoration: none;
}
.footer_pc .footer .footer-menu li a:hover p {
	color: #FFF;
	font-weight: bold;
	background-position: center;
}



.footer_pc .footer .footer-menu li.f-menu01 a {
	background: url(../../../../images-new/template/footer/f-menu01.png) no-repeat center 35px;
	border-right: 1px solid #FFF;
	border-left: 1px solid #FFF;
}

.footer_pc .footer .footer-menu li.f-menu02 a {
	background:url(../../../../images-new/template/footer/f-menu02.png) no-repeat center 35px;
	border-right: 1px solid #FFF;
}
.footer_pc .footer .footer-menu li.f-menu03 a {
	background:url(../../../../images-new/template/footer/f-menu03.png) no-repeat center 35px;
	border-right: 1px solid #FFF;
}
.footer_pc .footer .footer-menu li.f-menu04 a {
	background:url(../../../../images-new/template/footer/f-menu04.png) no-repeat center 35px;
	border-right: 1px solid #FFF;
}
.footer_pc .footer .footer-menu li.f-menu05 a {
	background:url(../../../../images-new/template/footer/f-menu05.png) no-repeat center 35px;
	border-right: 1px solid #FFF;
}

.footer_pc .footer .footer-menu li a {
	display: block;
	height: 80px;
	text-decoration: none;
	background-position: center 35px ;
}
.footer_pc .footer .footer-menu li a:hover {
	background-position: center 35px;
	opacity: 0.8;
	filter: alpha(opacity=80);
	background:#CCC;
}
/*****************************/
/*****************************/
.footer_pc .footer .center {
	overflow: hidden;
	width: 1024px;
	margin: 0 auto;
}


.footer_pc .footer .center ul.left {
	float: left;
	width: 324px;
	padding: 20px 0 20px 20px;
}



.footer_pc .footer .center ul.middle {
	float: left;
	width: 320px;
	padding: 20px 0 20px 20px;
	background: #308CE9;
}


.footer_pc .footer .center ul.right {
	float: left;
	width: 320px;
	padding: 20px 0 20px 20px;
}


.footer_pc .footer .center p {
	font-size: 15px;
	color: #FFF;
	text-decoration: underline;
	margin: 10px 0 5px;
}


.footer_pc .footer .center li a {
	color: #FFF;
	text-decoration: none;
	margin: 0 0 0 0;
	line-height: 20px;
	font-size: 13px;
}
.footer_pc .footer .center ul.left li a span {
    display: block;
    margin: 0 0 0 25px;
    font-size: 13px;
}


.footer_pc .footer .center li a:hover {
	color: #999;
	text-decoration: underline;
}


.footer_pc .footer .center li:before  {
	content: "・";
	color: #FFF;
	margin: 0 0 0 0.5em;
}

.footer_pc .footer p.copyright {
	width: 1080px;
	color: #FFF;
	padding: 10px 0;
	margin: 0 auto;
	text-align: center;
	font-size: 13px;
}


/*****************************/
.footer_pc .footer-b {
	overflow: hidden;
	height: auto;
	margin: 0 auto;
	padding: 0;
}


/*****************************/
.footer_pc .footer-b .b-phone {
	overflow: hidden;
	width: 1024px;
	height: 150px;
	margin: 0 auto;
	background: url(../../../../images-new/template/footer/okclogo.jpg) 813px 25px no-repeat;
}


.footer_pc .footer-b .b-phone ul {
	margin: 80px 0 0 60px;
}


.footer_pc .footer-b .b-phone li {
	display: block;
	float: left;
	width: 280px;
	font-family: "HG明朝E";
	font-size: 33px;
	color: #CA0000;
	margin: 0 20px 0 0;
}
.footer_pc .footer-b .b-phone li span {
	font-size: 15px;
}

.footer_pc .footer-b .b-phone img {
	float: left;
	margin: 0 20px 0 0;
}


.footer_pc .footer-b .b-phone li.time {
	display: block;
	width: 440px;
	font-family: "メイリオ";
	font-size: 14px;
	font-weight: bold;
	color: #333;
	margin: 0 0 0 120px;
	clear: both;
}


.footer_pc .footer-b .b-phone li.logo {
	float: right;
	width: 171px;
}



/*****************************/
.footer_pc .footer-b .adver {
	overflow: hidden;
	width: 1080px;
	margin: 0 auto 20px;
}


.footer_pc .footer-b .adver li a {
	float: left;
	margin: 20px 8px 0;
}


.footer_pc .footer-b .adver li a:hover {
	color: #333;
	filter: alpha(opacity=25);
	-moz-opacity:0.25;
	opacity:0.25;
}



/* ----------------SP------------------ */

@media screen and (min-width: 1025px) { /*ウィンドウ幅が最少481pxの場合にSP非表示*/
.footer_sp {
	display: none;
}
}
@media screen and (max-width: 1024px) { /*ウィンドウ幅が最大480pxの場合にSP表示*/
.footer_sp {
    width: 100%;
}
}





.footer_sp .footer {
	width: 100%;
	margin: 0 auto 55px;
	padding: 20px 0 0;
    border-top: 1px solid #cccccc;
}

.footer_sp .footer p.company {
	font-size: 15px;
	font-family: "HG丸ｺﾞｼｯｸM-PRO";
	font-weight: bold;
	color: #666;
	text-align: center;
	line-height: 15px;
	padding: 0;
	margin: 0 0 5px 0;
}

.footer_sp .footer p.copyright {
	font-size: 12px;
	color: #FFF;
	text-align: center;
	padding: 10px 0;
	background: #ED755C;
}


/**　メニュー（フッター内）　**********/
.footer_sp .footer .menu {
	overflow: hidden;
	width: 100%;
	margin: 0 0 30px 0;
}

.footer_sp .footer .menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.footer_sp .footer .menu li {
	width: 100%;
}

.footer_sp .footer .menu li a {
	float: left;
	width: 25%;
}


.footer_sp .footer .about {
	overflow: hidden;
	width: 100%;
	margin: 0 0 20px 0;
	font-size: 13px;
}


.footer_sp .footer .about ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}


.footer_sp .footer .about li {
	text-align: center;
	margin: 0 0 10px 0;
}

.footer_sp .footer .about li a {
	width: 100%;
}



@media screen and (min-width: 481px) { /*ウィンドウ幅が最少481pxの場合にPC表示*/
   .for-sp{
      display:none;
}
}

/*メニューをページ下部に固定*/
#apply {
	display: none;
   position: fixed;
   width: 100%;
   bottom: 0px;
   font-size: 0;
   opacity: 0.9;
   z-index: 99;
}

/*メニューを横並びにする*/
#apply ul{
   display: flex;
   list-style: none;
   padding:0;
   margin:0;
   width:100%;
}

#apply li{
   justify-content: center;
   align-items: center;
   width: 50%;
   padding:0;
   margin:0;
   font-size: 14px;
   border-right: 1px solid #fff;
}

/*左側メニューを緑色に*/
#apply li:first-child{
   background: #38b435;
}

/*左側メニューをオレンジ色に*/
#apply li:last-child{
   background: #f3a324;
}

/*ボタンを調整*/
#apply li a{
   color: #fff;
   text-align: center;
   display:block;
   width: 100%;
   padding: 20px 0;
   line-height: 15px;
}