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


/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
  Media Queries による切り替え
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

@media screen and (max-width: 736px) {
#SMP------------------------{}
	html,body,main {
		overflow-x: hidden;
	}
    * { font-family: sans-serif; }/*明朝を使わない*/
    body{
        -webkit-text-size-adjust: 100%;/* iOSが自動的にフォントサイズを調整する機能をオフ */   
    }

    .inner {
        width:100%;
        margin:0;
    }

	h3 {
		font-size:15px;
	}

    /*スマホ用ヘッダーここから*/
    #header {
        display:none;
    }
    #spheader #navi {
        width: 100%;
        height: 42px;
    }

        #sb-site {
           position: relative;
        }
    #spheader {
        position: fixed;
        top: 0px;
        width: 100%;
        height:42px;
        background-color:#FFF;
        z-index:9990;
    }
    #spheader .inner {
        width:100%;
        height:42px;
        margin:0 auto;
        position:relative;
    }

    #spheader .inner {
        width:100%;
        height:42px;
        margin:0 auto;
        position:relative;
    }
    #spheader .catarog {
        position:absolute;
        top:0px;
        right:15%;
        width:56px;
        height:40px;
        background:url(../image/spbtn_header_catarog.gif) center left no-repeat;
        background-size:100%;
    }
    #spheader .contact {
        position:absolute;
        top:0px;
        right:15%;
        width:56px;
        height:40px;
        background:url(../image/spbtn_header_contact.gif) center left no-repeat;
        background-size:100%;
    }
    #spheader .catarog a,
    #spheader .contact a {
        display:block;
        width:56px;
        height:40px;
    }
    #spheader .tel img,
    #spheader .contact img {
        display:none;
    }
    #spheader .rogo01 {
        position:absolute;
        top:11px;
        left:7px;
        width:124px;
    }
    #spheader .rogo01 img{
        width:100%;
        height:auto;
    }
    #spheader .rogo02 {
        display:none;
    }
    #spheader p {
        position:absolute;
        top:13px;
        left:146px;
        color:#000;
        font-size:12px;
    }
    #spheader p a {
        text-decoration: underline;
        background: url(../image/reader_header.gif) center left no-repeat;
        padding-left: 8px;
    }
    #spheader p a:link,#spheader p a:visited,#spheader p a:hover,#spheader p a:active {
        color:#000;
    }
    #spheader p span {
        display:none;
    }
	#spheader .tel {
		position:absolute;
		top:0px;
		right:31%;
		width:56px;
		height:40px;
        background: url(../image/spbtn_header_tel.gif) center left no-repeat;
        background-size: 100%;
	}
	#spheader .tel a{
		display:block;
		width:56px;
		height:40px;
	}
	#spheader .tel span{
		display:none;
	}
	#spheader .tel img{
		width:100%;
        height:auto;
	}
    #spheader .spmenu {
        position:absolute;
        top:0px;
        right:0px;
        width:45px;
        height:40px;
        background:url(../image/spmenu.gif) center left no-repeat;
        background-size:100%;
    }
    /*.fixed {
        position: fixed;
        top: 0px;
    }*/
	/*スマホ用ヘッダーここまで*/


/*フッターメニューここから*/
	#menu-footer {
		width:100%;
		padding:0px 0 0px;
		background-color:#e1e1e1;
	}
	#menu-footer .inner{
		width:100%;
		margin:0 auto;
		height:auto;
	}
	#menu-footer .inner li {
		float:left;
		width:47%;
		height:auto;
		margin-right:2%;
		margin-left:2%;
		color:#FFF;
		text-align:center;
		line-height:19px;
		background-size:100%;
		background-position:left top;
		background-repeat:no-repeat;
	}
	#menu-footer .inner li:nth-child(5) {
		background-image:url(../image/spmenu_01.jpg);
		margin-top:25px;
		margin-bottom:10px;
	}
	#menu-footer .inner li:nth-child(6) {
		background-image:url(../image/spmenu_02.jpg);
		margin-top:25px;
		margin-bottom:10px;
	}
	#menu-footer .inner li:nth-child(7) {
		background-image:url(../image/spmenu_03.jpg);
	}
	#menu-footer .inner li:nth-child(8) {
		background-image:url(../image/spmenu_04.jpg);
	}
	#menu-footer .inner li:nth-child(9) {
		background-image:url(../image/spmenu_05.jpg);
		margin-top:25px;
		margin-bottom:10px;
	}
	#menu-footer .inner li:nth-child(10) {
		background-image:url(../image/spmenu_06.jpg);
		margin-top:25px;
		margin-bottom:10px;
	}
	#menu-footer .inner li:nth-child(11) {
		background-image:url(../image/spmenu_07.jpg);
	}
	#menu-footer .inner li:nth-child(12) {
		margin-right:0px;
		background-image:url(../image/spmenu_08.jpg);
	}
	#menu-footer .inner li:nth-child(2n) {
		margin-left:0px;
	}
	#menu-footer .inner li:first-child,
	#menu .inner li:first-child {
		width:25%;
		height:56px;
		margin:0;
		background:url(../image/spmenu01.gif) left top no-repeat;
		background-size:100%;
		line-height:80px;
	}
	#menu-footer .inner li:nth-child(2),
	#menu .inner li:nth-child(2) {
		width:25%;
		height:56px;
		margin:0;
		background:url(../image/spmenu02.gif) left top no-repeat;
		background-size:100%;
		line-height:80px;
	}
	#menu-footer .inner li:nth-child(3),
	#menu .inner li:nth-child(3) {
		width:25%;
		height:56px;
		margin:0;
		background:url(../image/spmenu03.gif) left top no-repeat;
		background-size:100%;
		line-height:80px;
	}
	#menu-footer .inner li:nth-child(4),
	#menu .inner li:last-child {
		width:25%;
		height:56px;
		margin:0;
		background:url(../image/spmenu04.gif) left top no-repeat;
		background-size:100%;
		line-height:80px;
	}
	#menu-footer .inner li img{
		width:100%;
		height:auto;
	}
	#menu-footer .inner li a{
		display:block;
		width:100%;
		height:75px;
		text-decoration:none;
		font-size:10px;
	}
	#menu-footer a:link,#menu-footer a:visited,#menu-footer a:hover,#menu-footer a:active {
		color:#FFF;
	}
/*メニューここまで*/


/*スマホ用リンクここから*/
	#splink{
		width:100%;
		background-color:#666666;
	}
	#splink li{
		width:100%;
		height:48px;
		color:#FFF;
		font-size:16px;
		line-height:48px;
		border-bottom:1px solid #999;
		background:url(../image/reader_white.png) right center no-repeat;
	}
	#splink li a{
		display:block;
		width:100%;
		height:48px;
		color:#FFF;
		padding-left:35px;
		text-decoration:none;
	}
	#splink li:nth-child(1) a{
		border-top:1px solid #999;
		background:url(../image/icon_footer_sp01.png) left center no-repeat;
		background-size:36px;
	}
	#splink li:nth-child(2) a{
		background:url(../image/icon_footer_sp02.png) left center no-repeat;
		background-size:29px;
	}
	#splink li:nth-child(3) a{
		background:url(../image/icon_footer_sp03.png) left center no-repeat;
		background-size:29px;
	}
	#splink li:nth-child(4) a{
		background:url(../image/icon_footer_sp04.png) left center no-repeat;
		background-size:29px;
	}
	#splink li:nth-child(5) a{
		background:url(../image/icon_footer_sp05.png) left center no-repeat;
		background-size:29px;
	}
	#splink li:nth-child(6) a{
		background:url(../image/icon_footer_sp06.png) left center no-repeat;
		background-size:29px;
	}
	#splink li:nth-child(7) a{
		background:url(../image/icon_footer_sp07.png) left center no-repeat;
		background-size:29px;
	}
/*スマホ用リンクここまで*/
    
    #rotate{
        background-color: rgba(255,255,255,0.7);
        width:92%;
        margin:0 auto 0;
    }
	#rotate {
		width:100%;
        margin: 0 0 0px 0%;
        padding-bottom:35px;
        padding-top:10px;
	}
	#rotate .inner{
		width:100%;
	}
    #rotate ul.banners li{
        margin: 0 0px;
	}
    #rotate li p{
		text-align:center;
        font-size:12px;
        padding-top:0px;
	}
	.banners p{
		text-align:center;
        font-size:12px;
        padding-top:0px;
	}
	.banners a{
		color:#000;
        text-decoration:none;
	}
	ul.banners li{
		width:48%;
        float:left;
        margin-right:4%;
        margin-bottom:10px;
	}
	#area ul.banners li:nth-child(2n),
	#tenjijo ul.banners li:nth-child(2n){
        margin-right:0px;
	}
	ul.banners li img{
		width:100%;
        height:auto;
	}

/*フッターここから*/
	#footer {
		width:100%;
		/*height:280px;*/
		color:#666;
		padding:0px 0 0px 0;
		background-color:#e2e2e2;

	}
	#footer .inner{
		width:100%;
		margin:0 auto;
		padding-top:0px;
	}
	#footer-tel {
		color:#000;
		padding:20px 0;
		width:320px;
		margin:0 auto;
	}
	#footer-tel p{
    	font-size:21px;
		text-align:center;
		margin:0px auto 5px;
	}
	#footer-tel p span{
    	font-size:14px;
	}
	#footer-tel li{
		clear:both;
	}
	#footer-tel li:first-child{
        margin-top:10px;
        margin-bottom:25px;
	}
	#footer-tel li span{
		float:left;
		width:28%;
		margin-left:0%;
		font-size:12px;
		line-height:34px;
        font-weight: bold;
	}
	#footer-tel li a{
		float:right;
		margin-top: 2px;
		padding-left:33px;
		background:url(../image/icon_fc.png) left center no-repeat;
		background-size:14%;
    	font-size:23px;
		line-height:29px;
		font-weight:bold;
		color:#000;
		text-decoration:none;
	}
	#footer-tel ul li p{
		font-size:10px;
		text-align:left;
		float: left;
    	width: 96%;
        padding-left: 32%;
	}
	#footer-middle {
		background-color:#FFF;
	}
	#footer-middle ul li p {
    	width:96%;
		margin:5px auto 0;
		padding:10px 0;
		font-size:12px;
	}
	#footer-middle ul li:nth-child(2) {
    	display:none;
	}
	#footer-bottom {
    	height:108px;
		font-size: 10px;
		color:#FFF;
		background-color:#0072c2;
		background:url(../image/bg_footer_sp.gif) center top no-repeat;
		background-size:375px;
	}
	#footer-bottom .footer-aux-primary,
	#footer-bottom .footer-aux-secondary {
	display:none;
}
	#footer-bottom p {
		text-align: center;
		font-size: 10px;
    	padding-top: 90px;
	}
    
    #footer-tel .footer__btn {
        clear:both;
        width:100%;
        height:36px;
        background-color: #ccc;
        text-align:center;
        line-height:36px;
    }
    #footer-tel .footer__btn a{
        display:block;
        width:100%;
        height:36px;
        line-height: 36px;
        color:#000;
		background:url("../image/reader_bk.png") right 30% center no-repeat;
        font-size:14px;
    }
/*フッターここまで*/

	.pc {
		display:none!important;
	}

}

@media screen and (min-width: 737px) {
#PC------------------------{}

    a:hover img {/*ロールオーバー時に70％半透明*/
        opacity: 0.7;
        filter: alpha(opacity=70);
        -ms-filter: "alpha(opacity=70)";
    }

    a.rogo01:hover img,
    a.rogo02:hover img,
    #navi a:hover img {/*ロールオーバー時に70％半透明除外*/
        opacity: 1.0;
        filter: alpha(opacity=100);
        -ms-filter: "alpha(opacity=100)";
    }

    /*ヘッダーここから*/
    #header {
        width:100%;
        height:47px;
        background-color: rgba(255,255,255,0.5);
    }

    .inner {
        width:1200px;
        margin:0 auto;
    }

    #header .inner {
        position:relative;
        height:46px;
    }

    #header-body-sp {
        display:none;
    }

    #header .rogo01 {
        position:absolute;
        top:11px;
        left:0px;
    }

    #header p {
        position:absolute;
        top:16px;
        left:180px;
        color:#000;
        font-size:12px;
    }

    #header p span ,#header p a {
        background:url(../image/reader_header.gif) center left no-repeat;
        padding-left:8px;
        margin-left: -5px;
    }
    #header p a:link,#header p a:visited,#header p a:active {
        color:#000;
    }

    #header p a:hover {
        text-decoration:underline;
    }

    #header .tel {
        position:absolute;
        top:16px;
        right:307px;
    }

    #header .contact {
        position:absolute;
        top:7px;
        right:150px;
    }
    #header .contact a{
        pointer-events: none;
    }

    #header .rogo02 {
        position:absolute;
        top:13px;
        right:0px;
    }

    #spheader {
        display:none;
    }
    /*ヘッダーここまで*/

    /*NAVIドロップダウンここから*/
    #header #navi {
        position: absolute;
        top: 47px;
        width:100%;
            height:35px;
        z-index: 9999;
            background-color: rgba(243,240,238,0.95);
    }

    #header.fixed #navi {
        position: fixed;
        top: 0px;
    }

	#navi ul{
		width:1200px;
		height:35px;
		margin:0 auto;
        background:url(../image/dotline.gif) right center no-repeat;
	}
	#navi ul li{
		float:left;
		width:150px;
		height:35px;
		margin:0px;
		font-size:12px;
		text-align:center;
		color:#000;
		line-height:35px;
        background:url(../image/dotline.gif) left center no-repeat;
	}
	#navi ul li a{
		display:block;
		width:150px;
		height:35px;
		text-decoration:none;
		color:#000;
	}
	#navi a:link,#menu a:visited,#menu a:hover,#menu a:active {
		color:#000;
	}

    .dropmenu{
      *zoom: 1;
      width: 1200px;
      margin: 0px auto 30px;
      padding: 0;
    }
    .dropmenu:before, .dropmenu:after{
      content: "";
      display: table;
    }
    .dropmenu:after{
      clear: both;
    }
    .dropmenu li{
      position: relative;
      width: 160px;
      height: 34px;
      float: left;
      margin: 0;
      padding: 0;
      text-align: center;
      list-style-type: none;
    }
    .dropmenu li a{
      display: block;
      margin: 0;
      padding: 0;
      color: #fff;
      font-size: 14px;
      line-height: 1;
      text-decoration: none;
    }
    .dropmenu li ul{
      list-style: none;
      position: absolute;
      top: 100%;
      left: 0;
      margin: 0;
      padding: 0;
    }
    .dropmenu li ul li{
      width: 100%;
    }
    .dropmenu li ul li a{
      padding: 0;
      text-align: left;
    }
    .dropmenu li ul li{
      float: none;
      width: 160px;
      height: 34px;
      line-height:34px;
        background:url(../image/bk65.png);
    }
    .dropmenu li ul li a{
      line-height:34px;
      padding-left:5px;
      font-size:12px;
    }
    .dropmenu li ul li a:hover{
      background: #0075c2;
    }

    #fade-in { position: relative; z-index: 6; }
    #fade-in li ul{
      opacity: 0;
      visibility: hidden;
      transition: .5s;
    }
    #fade-in li:hover ul{
      visibility: visible;
      opacity: 1;
    }
    /*NAVIドロップダウンここまで*/


/*フッターメニューここから*/
	#menu-footer {
		width:100%;
		padding:100px 0 50px;
	}
	#menu-footer .inner{
		width:1200px;
		height:780px;
	}
	#menu-footer .inner li {
		float:left;
		width:238px;
		height:220px;
		margin-right:2px;
		margin-bottom:50px;
		color:#FFF;
		text-align:center;
		line-height:38px;
	}
	#menu-footer .inner li:first-child {
		background:url(../image/pcmenu01b.jpg) left top no-repeat;
	}
	#menu-footer .inner li:nth-child(2) {
		background:url(../image/pcmenu02.jpg) left top no-repeat;
	}
	#menu-footer .inner li:nth-child(3) {
		background:url(../image/pcmenu03.jpg) left top no-repeat;
	}
	#menu-footer .inner li:nth-child(4) {
		margin-right:0px;
		background:url(../image/pcmenu04b.jpg) left top no-repeat;
	}
	#menu-footer .inner li:nth-child(5) {
		background:url(../image/pcmenu2_01.jpg) left top no-repeat;
	}
	#menu-footer .inner li:nth-child(6) {
		background:url(../image/pcmenu2_02.jpg) left top no-repeat;
	}
	#menu-footer .inner li:nth-child(7) {
		background:url(../image/pcmenu2_03.jpg) left top no-repeat;
	}
	#menu-footer .inner li:nth-child(8) {
		margin-right:0px;
		background:url(../image/pcmenu2_04.jpg) left top no-repeat;
	}
	#menu-footer .inner li:nth-child(9) {
		background:url(../image/pcmenu2_05.jpg) left top no-repeat;
	}
	#menu-footer .inner li:nth-child(10) {
		background:url(../image/pcmenu2_06.jpg) left top no-repeat;
	}
	#menu-footer .inner li:nth-child(11) {
		background:url(../image/pcmenu2_07.jpg) left top no-repeat;
	}
	#menu-footer .inner li:nth-child(12) {
		margin-right:0px;
		background:url(../image/pcmenu2_08.jpg) left top no-repeat;
	}
	#menu-footer .inner li a{
		display:block;
		width:238px;
		height:240px;
		text-decoration:none;
		font-size:18px;
	}
	#menu-footer a:link,#menu-footer a:visited,#menu-footer a:hover,#menu-footer a:active {
		color:#FFF;
	}
/*メニューここまで*/



/*スマホ用リンクここから*/
	#splink{
		display:none;
	}
/*スマホ用リンクここまで*/

/*フッターここから*/
	#footer {
		width:100%;
		height:380px;
		color:#666;
		padding:0px 0 0px 0;
		background:url(../image/bg_footer.gif) left top repeat-X;
	}
	#footer .inner{
		width:1200px;
		margin:0 auto;
		padding-top:0px;
	}
	#footer-tel {
    	height:208px;
		color:#FFF;
		padding-top:28px;
	}
	#footer-tel p{
    	font-size:21px;
		text-align:center;
		margin:0px auto 10px;
	}
	#footer-tel p span{
    	font-size:14px;
	}
	#footer-tel a.tel{
		padding-left:50px;
		background:url(../image/icon_fc.png) left center no-repeat;
    	font-size:31px;
		line-height:31px;
		font-weight:bold;
		color:#FFF;
		pointer-events: none;/*リンク無効*/
	}
    #footer-tel .footer__btn {
        width:430px;
        height:36px;
        background-color: #ccc;
        text-align:center;
        line-height:36px;
    }
    #footer-tel .footer__btn a{
        display:block;
        width:100%;
        height:36px;
        color:#000;
		background:url("../image/reader_bk.png") right 154px center no-repeat;
    }
	#footer-tel .address{
    	font-size:12px;
        padding:5px 0 0 130px;
	}
	#footer-tel ul{
    	width:900px;
        margin: 22px auto 0;
	}
	#footer-tel li{
    	float:left;
    	width:430px;
		margin-right:40px;
	}
	#footer-tel li:last-child{
		margin-right:0px;
	}
	#footer-tel ul li p{
		font-size:10px;
		text-align:left;
	}
	#footer-tel li span{
    	display:inline-block;
        width:122px;
	}
	#footer-tel li:last-child{
		margin-right:0px;
	}
	#footer-middle {
    	clear:both;
    	height:100px;
	}
	#footer-middle ul li{
    	float: left;
		padding-top:6px;
	}
	#footer-middle ul li p{
		font-size:11px;
		padding-top:6px;
	}
	#footer-middle ul li:last-child{
    	float: right;
	}
	#footer-bottom {
    	height:60px;
		font-size: 10px;
	}
	#footer-bottom .footer-aux-primary {
    	float: left;
	}
	#footer-bottom .footer-aux-primary li,
	#footer-bottom .footer-aux-secondary li {
    	float: left;
		margin-right: 2em;
	}
	#footer-bottom .footer-aux-secondary {
    	float: right;
	}
	#footer-bottom p {
    	clear:both;
		text-align: right;
		font-size: 10px;
    	padding-bottom: 10px;
	}
	#footer a{
		text-decoration:none;
	}
	#footer-bottom a:link,#footer-bottom a:visited,#footer-bottom a:hover,#footer-bottom a:active {
		color:#000;
	}

	#footer-sp {
		display:none;
	}
    /*フッターここまで*/

    /*4列バナー*/
	#rotate {
		width:100%;
        margin-bottom:35px;
	}
	#rotate .inner{
		width:1200px;
	}
	.banners p{
		text-align:center;
        font-size:14px;
        padding-top:2px;
	}
	.banners a{
		color:#000;
        text-decoration:none;
	}
	ul.banners li{
		width:288px;
        float:left;
        margin-right:16px;
	}
	ul.banners li:nth-child(4n){
        margin-right:0px;
	}
    /*4列バナー*/
    .sp {
        display:none!important;
    }

}
@media screen and (min-width: 1600px) {
#PC------------------------{}

    body {
        background:url(../image/bg001.jpg) center top no-repeat;
        background-size:100%;
    }
}

@media screen and (min-width: 736px) and (max-width: 1080px){
TABLET------------------------{}

	* { font-family: sans-serif; }/*明朝を使わない*/

	.bx-controls-direction {
		display:none;
	}
}

.mt10 {
	margin-top:10px;
}

.mb5 {
	margin-bottom:5px;
}

.mb10 {
	margin-bottom:10px;
}

ul:after {
	content: ".";
	display: block;
	height: 0;
	font-size:0;
	clear: both;
	visibility:hidden;
}

#telBox {
	font-size:14px;
	text-align:center;
	margin-bottom: 80px;
}
  #telBox .telbox {
    display: block;
    width: 300px;
    height: 180px;
    color: #FFF;
    /*background: #0075c2;*/
    text-align: center;
    font-size: 14px; }
    #telBox .telbox a {
      display: block;
      width: 92%;
	text-decoration: none;
      padding: 90px 10px 80px; }
    #telBox .telbox a:link, #telBox .telbox a:hover, #telBox .telbox a:visited {
      color: #FFF; }
    #telBox .telbox b {
      font-size: 20px;
      font-weight: normal; }
    #telBox .telbox .num {
      display: block;
      width: 90%;
      margin: 10px auto;
      padding: 5px 0 5px 30px;
      border: 1px solid #FFF;
      background: url(../image/icon_fc.png) 10px center no-repeat;
      background-size: 36px 27px;
      font-weight: bold;
      font-size: 27px;
		font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
      color: #FFF; } 

/*スクロールイベントここから*/
.scroalevent img{
	transition: .9s;
}

/* 移動なしフェードイン */
.list-mv01 {
	opacity: 0;
}
.mv01{
	opacity: 1.0;
}
.list-mv02 {
	opacity: 0;
}
.mv02{
	opacity: 1.0;
}
/*スクロールイベントここまで*/

.bxslider li {
  display: none;
}
.bx-viewport .bxslider li,
.bx-viewport .bxslider1 li,
.bx-viewport .bxslider2 li,
.bx-viewport .bxslider3 li,
.bx-viewport .bxslider4 li {
  display: block !important;
}