@charset "utf-8";
/* CSS Document */
/*====================================
WEBフォント
====================================*/
@font-face {
	font-family: 'web_f';
	/*
	src: url(fonts/ipaexm.ttf);
	src: url(fonts/ipaexm.ttf?#iefix) format('truetype');
	*/
	src: url(../fonts/web_font.ttf);
	src: url(../fonts/web_font.ttf?#iefix) format('truetype');
}
@font-face {
	font-family: 'btn_f';
	/*
	src: url(fonts/ipaexm.ttf);
	src: url(fonts/ipaexm.ttf?#iefix) format('truetype');
	*/
	src: url(../fonts/metropolislight.ttf);
	src: url(../fonts/metropolislight.ttf?#iefix) format('truetype');
}
.f_ipa{
	font-family: 'Kozuka Mincho Pro',"メイリオ", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.f_btn{
	font-family: "btn_f", "メイリオ", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.f_btn_kozuka{
	font-family: "小塚ゴシック Pro", "メイリオ", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight:300;
}

.mb100{
	margin-bottom:100px !important;
}
after:focus, *:focus { outline:none; }
body{
	overflow-x:hidden;
	-webkit-text-size-adjust: 100%;
	/*padding-top:68px;*/
	word-wrap: break-word;
/*	font-family: 'Noto Sans Japanese', serif;*/
	font-family: "Kozuka Mincho Pro","メイリオ",Meiryo,"ヒラギノ明朝 ProN W6","Noto Sans Japanese","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","M+ 2p regular", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
/*	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","M+ 2p regular", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	font-size: 15px;
	line-height: 1.4;
	color: #282828;
	/*
	min-width: 1090px;
	*/
	min-width: 1300px;
}
a {
	text-decoration: none;
	color: #000;
}

.cmn_btn{
	font-size:14px;
	text-align:center;
	background:#404040 url(../img/common/cmn_btn_arraw.png) no-repeat 95% 47%;
	background-size:5%;
}
.cmn_btn a{
	padding:10px 0 10px;
	display:block;
	color:#FFF;
}

.cmn_btn:hover{
	color:#404040;
	background:#fbe501 url(../img/common/cmn_btn_arraw-on.png) no-repeat 95% 47%;
	background-size:5%;
}
.cmn_btn:hover a{
	display:block;
	color:#404040;
}
/*
a:hover{
	text-decoration:underline;
	opacity:0.7;
}
*/
#footer a:hover{
	text-decoration:none;
	opacity:0.7;
}
a:hover img:not(.circle)not(.hover)not(.filter){
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
	transition: 0.5s;
}
.filter:hover img{
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
	transition: 0.5s;
}

.w800{
	width:800px;
	margin:0 auto;
}
.w900{
	width:900px;
	margin:0 auto;
}
.w1024{
	width:1024px;
	margin:0 auto;
}
.w1090{
	width:1090px;
	margin:0 auto;
}
.w1100,.cmn-width{
	width:1100px;
	margin:0 auto;
}
.w1300{
	width:1300px;
	margin:0 auto;
}
body{
	position:relative;
}
.under_main_img img{
	width:100%;
}

.anc{
	height:1px;
	display:block;
	padding-top:60px;
	margin-top:-60px;
}

/*-----haeader------*/

header{
	width:100%;
	background:#FFF;
}
#header{
	width:100%;
	background:#FFF;
	box-sizing:border-box;
}
#header .box{
	background:#FFF;
	width:1100px;
	padding:15px 0 15px;
	margin:0 auto;
	box-sizing:border-box;
}
#header h1 img{
}
#header .header_bnr01{
	display: block;
	margin-left: 33px;
}
#header ul{
	width:560px;
	display:table;
	position:relative;
	top:10px;
}
#header ul li{
	position:relative;
	display:table-cell;
	text-align:center;
	vertical-align:top;
	font-size:10px;
	color:#777;
}
#header ul li:last-child img{
	position:relative;
	left:-20px;
}
#header ul li:last-child{
	margin-right:0;
}
#header ul li p{
	color:#000;
	font-size:16px;
	font-weight:300;
}
#header ul li.link {
	/*padding: 0 .3em;*/
	background-image: linear-gradient(rgba(0,0,0,0) 50%, rgba(0,0,0,1) 50%);
	background-position: 0 0;
	background-size: auto 200%;
	transition: .3s;
	position:relative;
}
#header ul li.link:hover:after {
	content:"";
	width:100%;
	height:3px;
	position:absolute;
	bottom:-31px;
	left:0;
	border-bottom:solid 3px #FFF100;
	transition-duration:1s;
}


#header ul li.link .span01{
	display:block;
	color:#000;
	font-size:16px;
	font-weight:300;
}
#header ul li.link.contact {
	width:123px;
	padding-right:5px;
}

/*
#header ul li.link a{
position: relative;
	display: inline-block;
	text-decoration: none;
	transition: .3s;}
#header ul li.link a:hover {
	opacity: 1;
}
#header ul li.link a::after {
	position: absolute;
	bottom: .4em;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
	background-color: #000;
	opacity: 0;
	transition: .3s;
}
#header ul li.link a:hover::after {
	bottom: 0;
	opacity: 1;
}
*/

#header .header_instagram{
	display: block;
	width: 30px;
	height: 30px;
	transition: opacity .3s ease;
}
#header .header_instagram path{
	fill: #4B4948;
}
#header .header_instagram:hover{
	opacity: .7;
}

/*campany*/
.company_gnav{
	height:185px;
	background:url(../img/common/company_gnav_bg.jpg) repeat-x;
}
.company_gnav .company_gnav_list{
	margin:0 auto;
	width: 960px;
}
.company_gnav .company_gnav_list li{
	float:left;
}
.company_gnav .company_gnav_list li a:hover{
	opacity:1;
}
/*-----footer------*/
#footer{
	padding:50px 0 30px;
	background:#4B4948;
	color:#BBB;
	font-size:14px;
}
#footer h4{
	font-size:16px;
	line-height:1.4;
	margin-bottom:10px;
	color:#FFF;
	letter-spacing:1px;
}
#footer a{
	font-size:14px;
	color:#BBB;
	position: relative;
	display: inline-block;
	transition: .3s;
}
#footer a:hover {
	color:#FFF;
	opacity: 1;
}
#footer a::after {
	position: absolute;
	bottom: .4em;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
	background-color: #FFF;
	opacity: 0;
	transition: .3s;
}
#footer a:hover::after {
	bottom: 0;
	opacity: 1;
}


#footer .link_box{
	padding-bottom:30px;
	margin-bottom:30px;
	border-bottom:solid 1px #6C6968;
	line-height:1.6;
}
#footer .link_box li{
	float:left;
	margin-right:30px;
}
#footer .link_box li:last-child{
	margin-right:0;
}

adderss{
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
}
.go_top_btn{
	bottom:20px;
	right:20px;
	position:fixed;
}
.go_top_btn a:hover{
	opacity:1 !important;
}

/*-----top------*/
#top .slider_img{
	width:100%;
}
#top .slider_img .slider_body{
	overflow:hidden;
}

#top .main_slider .slider1_btn{
	width:15%;
	bottom:20%;
	right:10%;
}
/*
#top .main_slider .slider1_btn img{
	width:100%;
}
*/
#top .main_slider .slider2_circle_box{
	top:10%;
	left:36%;
	right:0;
}
#top .main_slider .slider3_btn{
}
#top .main_slider .circle{
	position:relative;
	width:45%;
}
#top .main_slider .content_box{
	width:15%;
	bottom:14%;
	left:8%;
	z-index:9999999999;
}
#top .main_slider .content_box h3 img{
	width:70%;
}

#top .main_slider .content_box img{
	width:100%;
}
#top .slick-slider{
	margin-bottom:100px;
}
#top .slick-slide{
	position:relative;
}
#top .slick-arrow{
	min-width:55px;
	min-height:109px;
	display:block;
	font-size:0;
	position:absolute;
}
#top .slick-prev{
	top:53%;
	left:3%;
	background:url(../img/top/slide_left.png) no-repeat;
	background-size:80%;
	z-index:9999;
}
#top .slick-prev:hover{
	background:url(../img/top/slide_left-on.png) no-repeat;
	background-size:80%;
}

#top .slick-next{
	top:53%;
	right:3%;
	background:url(../img/top/slide_right.png) no-repeat;
	background-size:80%;
	z-index:9999;
}
#top .slick-next:hover{
	background:url(../img/top/slide_right-on.png) no-repeat;
	background-size:80%;
}
.slick-prev:before, .slick-next:before {
	display:none;
}


/*
 180329 TOP 動画埋め込み
 200608 動画変更
--------------------------------------*/
#top .video_wrapper{
	position: relative;
	width: 100%;
	height: 845px;
	overflow: hidden;
	background-color: #000;
}
#video{
	position: absolute;
	bottom: 0;
	left: 0;
}
@media screen and (max-width: 1499px) {
	#video{
		left:calc((1500px - 100vw) / 2 * -1)
	}
}

#top .video_wrapper .video_inner{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
}
#top .video_wrapper .video_inner:before{
	content:'';
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	background-color: #000;
}
#top .video_inner.is--curtain_off:before{
	opacity: 0;
	transition: opacity 1.5s;
}
#top .video_wrapper .play_btn,
#top .video_wrapper .fb_btn{
	position: absolute;
	z-index: 10;
	bottom: 30px;
	transition: 1s;
}
#top .video_wrapper .play_btn{
	right: 110px;
}
#top .video_wrapper .fb_btn{
	right: 40px;
}

@media screen and (max-width: 1299px) {
	#top .video_wrapper .play_btn{
		right: calc(1300px - 100vw + 110px);
	}
	#top .video_wrapper .fb_btn{
		right: calc(1300px - 100vw + 40px);
	}
}

/* 2020.06 バナー設置
--------------------------------------*/
#top .top_main_btm_bnr{
	padding-top: 40px;
	padding-bottom: 60px;
	position: relative;
}
#top .top_main_btm_bnr_inner{
	display: block;
}
#top .top_main_btm_bnr_inner img{
	width: 100%;
	transition: opacity .4s ease;
}
#top .top_main_btm_bnr_inner:hover img{
	opacity: .7;
}
#top .top_main_btm_bnr .deco{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -30px;
	background:url(../img/top/main_video/main_deco-bg.png) no-repeat;
	background-size: cover;
	width: 343px;
	height: 292px;
}
#top .top_main_btm_bnr .deco_man_img1,
#top .top_main_btm_bnr .deco_man_img2,
#top .top_main_btm_bnr .deco_fukidashi1,
#top .top_main_btm_bnr .deco_fukidashi2{
	position: absolute;
}
#top .top_main_btm_bnr .deco_man_img1,
#top .top_main_btm_bnr .deco_man_img2{
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 270px;
	height: auto;
}
#top .top_main_btm_bnr .deco_fukidashi1,
#top .top_main_btm_bnr .deco_fukidashi2{
	width: 110px;
	height: auto;
	top: 20px;
	right: 25px;
}
#top .top_main_btm_bnr .deco_man_img2,
#top .top_main_btm_bnr .deco_fukidashi2{
	opacity: 0;
}
#top .top_main_btm_bnr_inner:hover .deco_man_img1,
#top .top_main_btm_bnr_inner:hover .deco_fukidashi1{
	opacity: 0;
}
#top .top_main_btm_bnr_inner:hover .deco_man_img2,
#top .top_main_btm_bnr_inner:hover .deco_fukidashi2{
	opacity: 1;
}


#top .content01{
	line-height:2;
	padding:0 20px;
	box-sizing:border-box;
	margin-bottom:85px;
	font-size:14px;
}
#top .content01 h2{
	font-size:25px;
}

#top .content02{
	margin:90px auto 80px;
	padding:0 20px;
	box-sizing:border-box;
}
#top .content02 h2{
	font-size:30px;
}
#top .content02 .news_list li *:not(.ex *){
	float:left;
}
#top .content02 .news_list li{
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:solid 1px #d3d3d3;
	font-size:14px;
}
#top .content02 .table_rayout{
	display:table;
	width:100%;
}
#top .content02 .blog_cat_block,
#top .content02 time,
#top .content02 .info_ttl{
	display:table-cell;

}
#top .content02 .blog_cat_block{
	width:110px;
}
#top .content02 time{
	width:115px;
}

#top .content02 .news_list li:last-of-type{
	/*
	padding-bottom:0;
	margin-bottom:0;
	*/
}
#top .content02 .news_list li a:not(.blog_cat ){
	font-size:13px;
}
#top .content02 .news_list li a:hover{
	text-decoration:underline;
}
#top .content02 .cmn_btn{
	width:400px;
	height:50px;
	font-size:15px;
	background-size:3%;
	box-sizing:border-box;
	display:inline-block;
}
#top .content02 .cmn_btn a{
	padding-top: 0;
	padding-bottom: 0;
	line-height: 50px;
}



#top .content03{
	/*min-height:760px;*/
	height:557px;
	/*background:url(../img/top/map_bg.png) no-repeat, url(../img/top/map01.png) no-repeat top center;*/
	background:url(../img/top/map_bg_w1024.jpg) no-repeat;
	background-size:cover;
	color:#FFF;
}
#top .content03 .w1024{
	padding:0 0 0 20px;
	box-sizing:border-box;
}

#top .content03 .content_box{
	width:260px;
	padding-top:95px;
	z-index:999;
}
#top .content03 a{
	font-size:18px;
	color:#FFF;
}
#top .content03 a:hover{
	color:#fffd37;
}
#top .content03 h2{
	font-size:45px;
	margin-bottom:30px;
}
#top .content03 h2 p{
	font-size:28px;
}
#top .content03 .menu_list li{
	border-left:solid 5px transparent ;
	padding:8px 0 8px 15px;
}
#top .content03 .menu_list li:hover{
	border-left:solid 5px #fffd37;
}
#top .content03 .blc_map{
	top: 0;
	right: 0;
}
#top .content03 #map_slider{
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}


/* content04 2020.03 update
--------------------------------------*/
/* ボタン */
#top .content04{
	overflow:hidden;
	margin-bottom:135px;
	font-size:14px;
	padding-top:115px;
}
#top .content04 h2{
	font-size:30px;
	letter-spacing: 1px;
}
#top .content04 .tab_btn{
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto;
	width: calc(140px * 5 + 10px * 4);
}
#top .content04 .tab_btn .btn{
	margin-bottom: 25px;
	width: 140px;
	height: 120px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}
#top .content04 .tab_btn .btn:not(:nth-child(5n)){
	margin-right: 10px;
}
#top .content04 .tab_btn .btn:not(.is--empty){
	cursor: pointer;
}
#top .content04 .tab_btn .btn img{
	z-index: 2;
	position: relative;
}
#top .content04 .tab_btn .btn:after{
	content:'';
	display: block;
	position: absolute;
	pointer-events: none;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border-radius: 3px;
	background-color: #F2F2F2;
	z-index: 1;
	opacity: 0;
	transition: opacity .4s ease;
}
#top .content04 .tab_btn .btn.is--active:after{
	opacity: 1;
}

/* フキダシ */
#top .content04 .tab_box{
	position: relative;
}
#top .content04 .arrow_wrap{
	position: absolute;
	z-index: 9;
	top: 0px;
	width: calc(140px * 5 + 10px * 4);
	left: 50%;
	height: 24px;
	transform: translateX(-50%);
	pointer-events: none;
}
#top .content04 .arrow{
	width: 64px;
	position: absolute;
}
#top .content04 .arrow:before,
#top .content04 .arrow:after{
	content:'';
	display: block;
	position: absolute;
	top: 0px;
	height: 24px;
	background: url(../img/top/arrow_bg.jpg) repeat-x;
	background-size: auto 24px;
	background-position: bottom;
}
#top .content04 .arrow:before{
	right: 64px;
}
#top .content04 .arrow:after{
	left: 64px;
}

#top .content04 .arrow_wrap.arrow1 .arrow{
	left: 38px;
}
#top .content04 .arrow1 .arrow:before{
	width: calc((100vw - (140px * 5 + 10px * 4)) / 2 + 38px + 70px);
}
#top .content04 .arrow1 .arrow:after{
	width: calc((100vw - (140px * 5 + 10px * 4)) / 2 + (140px * 5 + 10px * 4) - 38px);
}
#top .content04 .arrow_wrap.arrow2 .arrow{
	left: 188px;
}
#top .content04 .arrow2 .arrow:before{
	width: calc((100vw - (140px * 5 + 10px * 4)) / 2 + 188px + 70px);
}
#top .content04 .arrow2 .arrow:after{
	width: calc((100vw - (140px * 5 + 10px * 4)) / 2 + (140px * 5 + 10px * 4) - 188px);
}
#top .content04 .arrow_wrap.arrow3 .arrow{
	left: 338px;
}
#top .content04 .arrow3 .arrow:before{
	width: calc((100vw - (140px * 5 + 10px * 4)) / 2 + 338px + 70px);
}
#top .content04 .arrow3 .arrow:after{
	width: calc((100vw - (140px * 5 + 10px * 4)) / 2 + (140px * 5 + 10px * 4) - 338px);
}
#top .content04 .arrow_wrap.arrow4 .arrow{
	left: 488px;
}
#top .content04 .arrow4 .arrow:before{
	width: calc((100vw - (140px * 5 + 10px * 4)) / 2 + 488px + 70px);
}
#top .content04 .arrow4 .arrow:after{
	width: calc((100vw - (140px * 5 + 10px * 4)) / 2 + (140px * 5 + 10px * 4) - 488px);
}
#top .content04 .arrow_wrap.arrow5 .arrow{
	left: 638px;
}
#top .content04 .arrow5 .arrow:before{
	width: calc((100vw - (140px * 5 + 10px * 4)) / 2 + 638px + 70px);
}
#top .content04 .arrow5 .arrow:after{
	width: calc((100vw - (140px * 5 + 10px * 4)) / 2 + (140px * 5 + 10px * 4) - 638px);
}
#top .content04 .arrow_wrap.arrow6 .arrow{
	left: 788px;
}
#top .content04 .arrow6 .arrow:before{
	width: calc((100vw - (140px * 6 + 10px * 5)) / 2 + 788px + 70px);
}
#top .content04 .arrow6 .arrow:after{
	width: calc((100vw - (140px * 6 + 10px * 5)) / 2 + (140px * 6 + 10px * 5) - 788px);
}


/* 玉の数が半端な時 */
/* #top .content04 .tab_btn .btn[data-tab="tab10"]{
	margin-left: 70px;
}
#top .content04 .tab10_box .arrow_wrap .arrow{
	left: 104px;
}
#top .content04 .tab11_box .arrow_wrap .arrow{
	left: 259px;
}
#top .content04 .tab9_box .arrow_wrap .arrow{
	left: 558px;
}
#top .content04 .tab9_box .arrow_wrap .arrow:after{
	width: calc((100vw - (140px * 5 + 10px * 4)) / 2 + (140px * 5 + 10px * 4) - 558px);
}
*/

/* タブ内 */
#top .content04 .tab_box td{
	background:#282828;
}
#top .content04 table{
	width:100%;
}
#top .content04 table th.full_cell{
	min-width:512px;
	width:75%;
}
#top .content04 table th{
	width:50%;
}
#top .content04 table td{
	width:25%;
}
#top .content04 table td,
#top .content04 table th{
	position:relative;
}
#top .content04 table td > img,
#top .content04 table th > img{
	width:100%;
}

#top .content04 table th .text_box{
	width:100%;
	padding:25px 65px 40px;
	box-sizing:border-box;
	background-image: -moz-linear-gradient(left, rgba(0,0,0, 0.6), transparent);
	background-image: -ms-linear-gradient(left, rgba(0,0,0, 0.6), transparent);
	background-image: -o-linear-gradient(left, rgba(0,0,0, 0.6), transparent);
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0, 0.6)), to(transparent));
	background-image: -webkit-linear-gradient(left, rgba(0,0,0, 0.6), transparent);
	background-image: linear-gradient(left, rgba(0,0,0, 0.6), transparent);
	color:#FFF;
	position:absolute;
	bottom:0;
	left:0;
}
#top .content04 table th a{
	display:block;
	color:#FFF;
}
#top .content04 table th a:hover{
	text-decoration:none;
}
#top .content04 table td a{
	text-decoration:none;
}
#top .content04 table td a:hover{
	text-decoration:underline;
}
#top .content04 table th .text_box dt{
	display:inline-block;
	font-size:30px;
	margin-bottom:10px;
	position:relative;
}
#top .content04 table th .text_box .link_icon:hover:not(.no_link){
	color:#ffed00;
}
#top .content04 table th .text_box .link_icon:after{
	position:absolute;
	bottom:1px;
	right:-26px;
	content:url(../img/top/campany_link.png);
}
#top .content04 table th .text_box .link_icon:hover:after{
	content:url(../img/top/campany_link-on.png);
}

#top .content04 table th .text_box dt:after{
	width :100%;
	position:absolute;
	bottom:3px;
	left:0px;
	border-bottom:solid 2px #FFF;
	content:"";
}
#top .content04 table th .text_box dt:hover:not(.no_link):after{
	border-bottom:solid 2px #ffed00;
}

#top .content04 table th .text_box dt.no_link:after{
	width : 100% ;
}
#top .content04 table th .text_box .link_icon img{
	position:relative;
	top:-11px;
	right:-10px;
}
#top .content04 table th .text_box dd{
	font-size:14px;
}

#top .content04 table td .text_box{
	width:100%;
	padding:10px 10px 10px;
	min-height:50px;
	font-size:17px;
	box-sizing:border-box;
	background-color: rgba(0,0,0,0.6);
	color:#FFF;
	position:absolute;
	bottom:0;
	left:0;
	transition: all .2s;
}
#top .content04 table td .black_bg{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	background-color: rgba(0,0,0,0.6);
	opacity: 0;
	transition: all .2s;
}
#top .content04 table td .text_box .text{
	padding:3px 0 0 45px;
}
#top .content04 table td .hover_bg{
	position: absolute;
	width:30px;
	height:30px;
	left: 10px;
	bottom: 10px;
	background: url(../img/top/g_on_corner.png), #ffed00;
	background-position: top 3px right 3px;
	background-repeat: no-repeat;
	transition: all 0.5s;
}
#top .content04 table td .hover_content{
	position: absolute;
	left: 10px;
	bottom: 10px;
	width: calc(100% - 20px);
	height: calc(100% - 20px);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 10;
	opacity: 0;
	pointer-events: none;
	transform: translateY(10px);
}
#top .content04 table tr:first-child td .hover_content{
	height: calc(100% - 44px);
}
#top .content04 table td .hover_content_inner{
	text-align: center;
}
#top .content04 table td .hover_text{
	padding:20px;
	font-size:15px;
	line-height:2;
	color:#000;
}
#top .content04 table td .hover_content .hover_text .btn{
	font-size:13px;
	min-width:160px;
	text-align:center;
	padding:8px 15px;
	border:solid 4px #000;
	display:inline-block;
	background:url(../img/top/top_content04_arrow.png) no-repeat 93%;
}
#top .content04 table td .hover_content .hover_text .btn:hover{
	background:#FFF url(../img/top/top_content04_arrow.png) no-repeat 93%;
	text-decoration:none;
	-webkit-transition: all .5s;
	transition: all .5s;
}

#top .content04 table td:hover .text_box{
	background: none;
}
#top .content04 table td:hover .black_bg{
	opacity: 1;
}
#top .content04 table td:hover .hover_bg{
	width: calc(100% - 20px);
	height: calc(100% - 20px);
}
#top .content04 table tr:first-child td:hover .hover_bg{
	height: calc(100% - 44px);
}
#top .content04 table td:hover .hover_content{
	opacity: 1;
	pointer-events: auto;
	transition: all 0.3s;
	transition-delay: .4s;
	transform: translateY(0px);
}

#top .content04 table td .hover_content .hover_text.pat01{
	top:20%;
}
#top .content04 table td .hover_content .hover_text.pat01 a{
	display:table;
	margin-left:28%;
}
#top .content04 table td .hover_content .hover_text.pat02{
	top:10%;
}
#top .content04 .tab4_box td .hover_text.pat03{
	line-height: 1.2;
}
#top .content04 table td .hover_content .hover_text.pat03{
	top:5%;
}
#top .content04 table td .hover_content .hover_text.pat03 ul{
	margin:0 auto;
	width: 70%;
}
#top .content04 table td .hover_content .hover_text.pat03 li{
	box-sizing:border-box;
	border:solid 4px #000;
}
#top .content04 table td .hover_content .hover_text.pat03 li:not(:last-child){
	margin-bottom: 3%;
}
#top .content04 table td .hover_content .hover_text.pat03 li img{
	max-width:100%;
}
#top .content04 table td .hover_content .hover_text.pat03 li:hover{
	background:#FFF;
}



#top .content05{
	/* padding:0 20px; */
	box-sizing:border-box;
	margin-bottom:30px;
	width: 1090px;
}
#top .content05 h2{
	font-size:30px;
}
#top .content05 .bna_list{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	width: calc(207px * 4 + 20px * 3);
	margin: 0 auto;
}
#top .content05 .bna_list li{
	width: 207px;
	margin-bottom: 45px;
	text-align:center;
	font-size:12px;
}
#top .content05 .bna_list li:not(:nth-child(4n)){
	margin-right: 20px;
}
#top .content05 .bna_list li a{
	color:#3d3d3d;
}
#top .content05 .bna_list li img{
	display:block;
	margin-bottom:5px;
}

/*-----history------*/
#history .main_img img{
	width:100%;
}
#history .slide_img_bix li{
	float:left;
	margin-right:58px;
}
#history .slide_img_bix li:last-child{
	margin-right:0;
}
#history .content01{
	margin:80px auto 80px;
	font-size:16px;
	color:#444;
}
#history .content01 table{
	width:100%;
}
#history .content01 th{
	width:145px;
	padding:0 40px 5px 0;
	letter-spacing: 0.7px;
}
#history .content01 th span{
	width:145px;
	display:inline-block;
	box-sizing:border-box;
	padding:3px 3px 3px 5px;
	font-size:12px;
	color:#FFF;
	background:#545454;
}
#history .content01 tr td.center{
	width:95px;
	padding:0 50px 10px 20px;
	border-right:solid 1px #D9D9D9;
	text-align: right;
}
#history .content01 tr td .month01{
	padding-left:32px;
}
#history .content01 tr td .month02{
	padding-left:60px;
}
#history .content01 tr td:not(.center){
	padding:0 0 10px 50px;
}
#history .content01 tr:last-child th,
#history .content01 tr:last-child td{
	padding-bottom:0;
}
#history .content01 td{
	font-size:14px;
}

#history .slide_img_box .slider{
	width:133px;
	float:left;
	margin-right:45px;
	/*
	margin-right:58px;
	*/
}
#history .slide_img_box .slider:last-child{
	margin-right:0;
}
/*-----recruit------*/
#recruit .main_img{
	width:100%;
	text-align:center;
}
#recruit .main_img img{
	width:100%;
}
#recruit .content01{
	width:1000px;
	margin:100px auto 55px;
	font-size:16px;
	line-height:2;
	color:#444;
	text-align:center;
	position:relative;
}
#recruit .content01 ul{
	text-align:left;
	height:500px;
	/*padding-left:10px;*/
	overflow-y:scroll;
	border:solid 1px #D9D9D9;
}
#recruit .content01 .jspPane{
	width:1000px !important;
	padding:0 !important;
}
#recruit .content01 ul:focus {
  outline: none;
}
#recruit .content01 .text .box{
	padding:10px;
}


#recruit .content01 h2.slider_text{
	position:absolute;
	top: -1200px;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	height:100px;
	/*width: 520px;*/
}
#recruit .content01 h3{
	margin-bottom:20px;
	font-size:20px;
	background:#FFF100;
	text-align:center;
	padding:4px 0;
	color:#444;
}

#recruit .content01 h2.f_ipa{
	color:#4B4948;
	margin-bottom:90px;
	font-size:30px;
}
#recruit .content02{
	padding:50px 0 100px;
}
#recruit .content02 .box{
	width:1000px;
	margin:0 auto;
	padding:50px 100px 100px;
	background:#FFF;
}
#recruit .content02 h2{
	text-align:center;
	color:#4B4948;
	margin-bottom:50px;
	font-size:30px;
}
#recruit .content02 h3{
	margin-bottom:20px;
	font-size:20px;
	background:#FFF100;
	text-align:center;
	padding:10px 0;
	color:#444;
}
#recruit .content02 table{
	width:100%;
	margin-bottom:50px;
}
#recruit .content02 th,#recruit .content02 td{
	border-bottom:solid 1px #D9D9D9;
	border-top:solid 1px #D9D9D9;
}
#recruit .content02 th span{
	display:block;
	background:#FFFBBF;
	padding:14px 10px 14px 13px;
	margin:10px 0;
}
#recruit .content02 th{
	width:255px;
	color:#444;
	padding:5px 0;
}
#recruit .content02 td{
	padding:5px 0;
	font-size:14px;
	line-height:2;
}
#recruit .content02 td span{
	position:relative;
	display:block;
	padding:10px 0  10px 10px;
	margin:10px 0 10px 10px;
	border-left:solid 1px #D9D9D9;
	color:#444;
}
#recruit .content02 td span.s01{
	padding:0  0  0 10px;
	height:50px;
}
#recruit .content02 ul{
	width:680px;
	margin:0 auto;
}
#recruit .content02 .r_text{
	font-size:13px;
	margin-bottom:50px;
	text-align:center;
}
#recruit .content02 ul{
}
#recruit .content02 ul .fl{
	margin-right:10px;
	padding-right:10px;
	border-right:solid 1px #D9D9D9;
}

#recruit .content02 ul.bnr_list {
	width:auto;
	text-align:center;
	padding-right:0;
	display:inline-block;
}
#recruit .content02 ul.bnr_list li{
	margin-right:10px;
	padding-right:10px;
	border-right:solid 1px #D9D9D9;
}
#recruit .content02 ul.bnr_list li:last-child{
	border-right:none;
	margin-right:0;
	padding-right:0;
}


/*-----mission------*/
#mission .main_img{
	width:100%;
	text-align:center;
}
#mission .main_img img{
	width:100%;
}
#mission .content01{
	width:900px;
	margin:100px auto 200px;
	text-align:center;
	font-size:24px;
	line-height:1.4;
	color:#4B4948;
}
#mission .content01 h2{
	font-size:30px;
	font-weight:bold;
	margin-bottom:80px;
}
#mission .content01 h3{
	font-size:13px;
	background:#EEE;
	padding:16px 0;
}
#mission .content01 h4{
	font-size:30px;
}

/*-----philosophy------*/
#philosophy .main_img{
	width:100%;
	text-align:center;
}
#philosophy .main_img img{
	width:100%;
}
#philosophy .content01{
	width:710px;
	margin:100px auto 200px;
	text-align:center;
	font-size:30px;
	line-height:1.4;
	color:#444;
}
#philosophy .content01 h2{
	font-size:13px;
	color:#4B4948;
	background:#EEE;
	padding:16px 0;
	letter-spacing: 1.2px;
	margin-bottom:90px;
}
#philosophy .content01 h3{
	font-size:13px;
	color:#4B4948;
	background:#EEE;
	padding:16px 0;
	letter-spacing: 1.2px;
	margin-bottom:100px;
}
#philosophy .content01 h4{
	font-size:60px;
	margin-bottom:90px;
	color:#4B4948;
}
#philosophy .content01 .text01{
	width:675px;
	font-size:16px;
	line-height:2;
	margin-bottom:100px;
}
#philosophy .content01 .text02{
	font-size:16px;
	line-height:2;
}

/*-----company------*/
#company .main_img{
	width:100%;
	text-align:center;
	margin-bottom:100px;
}
#company .main_img img{
	width:100%;
}
#company .content01{
	width:900px;
	margin:50px auto 110px;
}
#company .content01 table{
	width:650px;
	margin:0 auto 100px;
}
#company .content01 tr{
	border-top:solid 1px #DDD;
}
#company .content01 tr:last-child{
	border-bottom:solid 1px #DDD;
}
#company .content01 th{
	padding-left:20px;
	vertical-align:middle;
}
#company .content01 td span{
	display:block;
	margin:6px 0 7px;
	border-left:solid 1px #DDD;
	padding-left:15px;
	line-height:1.6;
}
#company .link{
	color:#36C;
}
#company .content01 .link:hover{
	text-decoration:underline;
}
#company .content01 .img{
	text-align:center;
}

/*ここから最新*/
.company_link_list li a{
	display:block;
	padding: 3px 10px 2px 10px;
	font-size:13px;
	display: block;
	border:solid 1px #444;
	color: #444;
}
.company_link_list li a:hover{
	background:#feec00;
	color:#444;
	text-decoration:none;
	border:solid 1px #feec00;
}
.company_link_list li:hover{
	text-decoration:none;
}

.content01_test group{
	padding:10px 0;
}
#company .content01_test{
	width:900px;
	margin:50px auto 110px;
}
#company .content01_test table{
	margin:0 auto 100px;
}
#company .content01_test tr{
	border-top:solid 1px #DDD;
}
#company .content01_test tr:last-child{
	border-bottom:solid 1px #DDD;
}
#company .content01_test th{
	width:180px;
	padding:10px 20px;
	vertical-align:middle;
}
#company .content01_test td{
	vertical-align:middle;
}
#company .content01_test td span{
	display:block;
	margin:10px 0 10px;
	border-left:solid 1px #DDD;
	padding:10px 0;
	padding-left:20px;
	line-height:1.6;
}
#company .content01_test td a{
	text-decoration: underline;
	color: inherit;
}
#company .content01_test td a:hover{
	text-decoration: none;
}
#company .content01_test td.group div{
	margin-bottom:15px;
}
#company .content01_test td.group p{
	font-size:14px;
	color:#868686;
}


#company .content01_test .map{
	color:#36C;
	letter-spacing:-3px;
}
#company .content01_test .map:hover{
	text-decoration:underline;
}
#company .content01_test .img{
	text-align:center;
}
#company .content01_test .bold{
	font-size:19px;
	padding-top:3px;
}

/*
#company .content01 .right{
	width:242px;
	float:right;
	position:relative;
}
#company .content01 .right:before{
	background-color: rgba(0,0,0,0.0);
	content: "";
	display: block;
	height: 100%;
	width: 100%;
	transition: 0.2s ;
	position: absolute;
}
#company .content01 .right:hover:before{
	background-color: rgba(0,0,0,0.60);
}
#company .content01 .right a{
	background:url(../img/company/hover_icon.png) no-repeat;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	height: 62px;
	width: 62px;
	transform: scale(1);
	transition: 0.3s ease;
	opacity: 0;
}
#company .content01 .right a:hover{
	transform: scale(1.2);
}
#company .content01 .right:hover a{
	opacity: 1;
}
*/
#company .content01 .btn{
	text-align:center;
	padding-top:100px;
	margin-bottom:200px;
	clear:both;
}
#company .content01_test .btn{
	text-align:center;
	padding-top:100px;
	margin-bottom:200px;
	clear:both;
}

#company .ex_text{
	right:-1px;
	position:relative;
	display:inline-block;
}

#company .group_title{
	font-size:36px;
}

#company .map_bg{
	overflow:hidden;
	/*min-height:760px;*/
	height: 590px;
	background:url(../img/company/map_bg_photo_w1024.jpg) no-repeat center top;
	background-size:cover;
	margin-bottom:115px;
}
#company .map_bg .main_map{
	height: 100%;
	background:url(../img/company/map.png) no-repeat right;
	background-size: auto 100%;
}

#company .fukui_text{
	bottom: 175px;
	right: 567px;
}
#company .ishikawa_text{
	bottom: 251px;
	right: 553px;
}
#company .toyama_text{
	bottom: 261px;
	right: 454px;
}
#company .niigata_text{
	top: 215px;
	right: 295px;
}
#company .tokyo_text{
	bottom: 145px;
	right: 220px;
}
#company .kyoto_text{
	bottom: 84px;
	right: 677px;
}

#company .map_bg .area{
	position:absolute;
}
#company .map_bg .text_box{
	opacity:0;
}
#company .map_bg .takaoka .text_box,
#company .map_bg .area.on .text_box{
	opacity:1;
	font-size:30px;
	color:#FFF;
}
#company .map_bg .text_box{
	position:relative;
}
#company .map_bg .text_box:after{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	content:"";
}
#company .map_bg .text_box dl,
#company .map_bg .text_box table{
	color:#FFF;
}
#company .map_bg .text_box dl.d_table{
	/*display:table;*/
	white-space: nowrap;
	text-overflow: ellipsis;
	opacity:0;
}
#company .map_bg .text_box dt,
#company .map_bg .text_box th{
	font-size:32px;
}
#company .map_bg .text_box dl.d_table dt{
	padding-right:25px;
	display:table-cell;
	vertical-align:middle;
}
#company .map_bg .text_box dd,
#company .map_bg .text_box td{
	font-size:14px;
}
#company .map_bg .text_box dl.d_table dd{
	display:table-cell;
	vertical-align:middle;
}


#company .circle{
	width:15px;
	height:15px;
	border-radius:90px;
	background:#fffd37;
	position:absolute;
	z-index: 100;
	-webkit-transition: all .3s;
	transition: all .3s;
}
#company .on .circle .hover_circle {
	pointer-events: none;
	display: block;
	position: absolute;
	padding: 0px;
	border-radius: 50%;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	-o-transition: 1s;
	-ms-transition: 1s;
	transition: 1s;
	z-index:1;
	/*
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	overflow:hidden;
	*/
	filter: alpha(opacity=0);
	-ms-filter: "alpha( opacity=0 )";
	width: 0;
	height: 0;
}
#company .circle .hover_circle {
	border-radius: 50%;
	display: block;
}
@keyframes circle_anime{
	0%{
		width: 0;
		height: 0;
		top: 5px;
		left:5px;
		background: rgba(255,255,55,1);
	}
	100%{
		display: none;
		width: 180px;
		height: 180px;
		top: -80px;
		left:-80px;
		opacity:0;
		background: rgba(255,255,55,0);
	}
}
#company .area.on .circle .hover_circle{
	animation:circle_anime 3s infinite both;
}
#company .map_bg .border_box .inner{
	width:0;
	height:100%;
}


/*niigata*/
#company .map_bg .niigata{
	top: 35px;
	right: -70px;
	/*
	right:135px;
	top:66px;
	*/
}
#company .map_bg .niigata .circle{
	top: 80px;
	/* bottom:-10px; */
	left:-35px;
}
#company .map_bg .niigata .text_box{
	width:315px;
}
#company .map_bg .niigata .text_box dl{
	width:245px;
	margin:0 0 -30px 30px;
	/* margin:0 0 10px 32px; */
	/*margin:0 0 10px 70px;*/
}
#company .map_bg .niigata .text_box dt{
	padding-right:25px;
}
#company .map_bg .niigata .border_box{
	width:309px;
	height:40px;
	margin-left: -26px;
	/*height:78px;*/
}
#company .map_bg .niigata .border_box .inner{
	background:url(../img/company/line_niigata_50.png) no-repeat;
}
/*nagaoka*/
#company .map_bg .nagaoka{
	right:-29px;
	top:85px;
	/*
	right:145px;
	top:170px;
	*/
}
#company .map_bg .nagaoka .circle{
	bottom:-10px;
	left:-10px;
}
#company .map_bg .nagaoka .text_box{
	width:335px;
}
#company .map_bg .nagaoka .text_box dl{
	width:320px;
	margin:0 0 10px 55px;
}
#company .map_bg .nagaoka .text_box dt{
	padding-right:25px;
}
#company .map_bg .nagaoka .border_box{
	width:176px;
	height:26px;
	/*
	width:350px;
	height:49px;
	*/
}
#company .map_bg .nagaoka .border_box .inner{
	background:url(../img/company/line_nagaoka_50.png) no-repeat;
}

/*uodu*/
#company .map_bg .uodu{
	right:233px;
	top:231px;
	/*
	right:490px;
	top:385px;
	*/
}
#company .map_bg .uodu .circle{
	bottom:-8px;
	left:-6px;
}
#company .map_bg .uodu .text_box{
	width:236px;
}
#company .map_bg .uodu .text_box dl{
	width:196px;
	margin:0 0 0 35px;
	position:relative;
	top:-5px;
}
#company .map_bg .uodu .text_box dt{
	padding-right:20px;
}
#company .map_bg .uodu .border_box{
	width:231px;
	height:3px;
}
#company .map_bg .uodu .border_box .inner{
	background:url(../img/company/line_uodu.png) no-repeat;
}

/*toyama*/
#company .map_bg .toyama{
	width:282px;
	height:200px;
	right:217px;
	top:302px;
	/*
	right:483px;
	top:461px;
	*/
}
#company .map_bg .toyama .circle{
	top:-5px;
	left:-5px;
}
#company .map_bg .toyama .line{
	position:absolute;
	top:0;
	left:-5px;
}
#company .map_bg .toyama .text_box{
	width:282px;
	position:absolute;
	top:-15px;
}
#company .map_bg .toyama .text_box dl{
	width:215px !important;
	height:100%;
	margin:0 0 0 75px;
	position:relative;
}
#company .map_bg .toyama .text_box dt{
	padding-right:20px;
}
#company .map_bg .toyama .border_box{
	width:272px;
	height:123px;
	position:absolute;
	top:15px;
}
#company .map_bg .toyama .border_box .inner{
	background:url(../img/company/line_toyama.png) no-repeat;
}

/*imizu*/
#company .map_bg .imizu{
	width:215px;
	height:183px;
	/*
	height:288px;
	*/
	right:365px;
	top:100px;
	/*
	right:693px;
	top:156px;
	*/
}
#company .map_bg .imizu .circle{
	bottom:-9px;
	right:144px;
	/*
	bottom:-10px;
	right:85px;
	*/
}
#company .map_bg .imizu .text_box{
	width:215px;
	height:288px;
}
#company .map_bg .imizu .text_box dl{
	width:215px;
	height:73px;
	position:relative;
	top:-20px;
}
#company .map_bg .imizu .text_box dt{
	width:215px;
	margin-bottom:10px;
}
#company .map_bg .imizu .border_box{
	width:80px;
	height:111px;
	/*
	width:123px;
	height:215px;
	*/
}
#company .map_bg .imizu .border_box .inner{
	background:url(../img/company/line_imizu_50.png) no-repeat;
}

/*takaoka*/
#company .map_bg .takaoka .toyama_text{
	position:relative;
	top:-20px;
}
#company .map_bg .takaoka{
	right:526px;
	top: 54px;
}
#company .map_bg .takaoka .circle{
	bottom: -10px;
	right: -5px;
}
#company .map_bg .takaoka .text_box{
	width:312px;
	height: 247px;
}
#company .map_bg .takaoka .text_box table{
	width: 415px !important;
	margin-bottom: 10px;
}
#company .map_bg .takaoka .text_box th{
	padding-bottom:10px;
}
#company .map_bg .takaoka .text_box td{
	padding-bottom:5px;
}
#company .map_bg .takaoka .text_box td.icon:before{
	position:absolute;
	left:-22px;
	top:3px;
	content:url(../img/company/mark.png);
}
#company .map_bg .takaoka .border_box{
	width:314px;
	height:68px;
}
#company .map_bg .takaoka .border_box .inner{
	width:100%;
	background:url(../img/company/line_takaoka_50.png) no-repeat;
}

/*kanazawa*/
#company .map_bg .kanazawa{
	/* right:389px;*/
	right: 475px;
	top:238px;
	/*
	right:860px;
	top:395px;
	*/
}
#company .map_bg .kanazawa .circle{
	bottom:-5px;
	/*
	right:-5px;
	*/
	/* right:166px; */
	right: 80px;
}
#company .map_bg .kanazawa .text_box dl{
	position:relative;
	top:-10px;
}
#company .map_bg .kanazawa .border_box{
	width:281px;
	height:32px;
	/*
	width:559px;
	height:55px;
	*/
}
#company .map_bg .kanazawa .border_box .inner{
	background:url(../img/company/line_kanazawa_50.png) no-repeat;
}

/*kaga*/
#company .map_bg .kaga{
	height:78px;
	right:506px;
	top:286px;
	/*
	right:910px;
	top:500px;
	*/
}
#company .map_bg .kaga .circle{
	/*
	bottom:-8px;
	right:-5px;
	*/
	bottom:4px;
	right:79px;
}
#company .map_bg .kaga .text_box dl{
	width:506px;
	position:relative;
	top:45px;
	height:65px;
}
#company .map_bg .kaga .text_box dt{
	position:relative;
	top:-5px;
}
#company .map_bg .kaga .text_box dd{
	position:relative;
	top: 30px;
	left: -120px;
}
#company .map_bg .kaga .border_box{
	/*
	width:506px;
	*/
	width:341px;
	height:3px;
}
#company .map_bg .kaga .border_box .inner{
	background:url(../img/company/line_kaga_50.png) no-repeat;
}

/*fukui*/
#company .map_bg .fukui{
	right:535px;
	top:275px;
	/*
	right:940px;
	top:560px;
	*/
}
#company .map_bg .fukui .circle{
	top:105px;
	right:80px;
}
#company .map_bg .fukui dl{
	width:487px;
	height:110px;
	position:relative;
	top:40px;
}
#company .map_bg .fukui dd{
	position:relative;
	top:45px;
	left:-118px;
}
#company .map_bg .fukui .border_box{
	/*
	width:487px;
	*/
	width:331px;
	height:54px;
}
#company .map_bg .fukui .border_box .inner{
	background:url(../img/company/line_fukui_50.png) no-repeat;
}
/*minato*/
#company .map_bg .minato{
	right:-4px;
	top:88px;
}
#company .map_bg .minato .circle{
	bottom:-9px;
	left:43px;
}
#company .map_bg .kaga .text_box dl{
	width:506px;
	position:relative;
	top:-10px;
}
#company .map_bg .minato dl{
	width:261px;
	height:270px;
	position:relative;
	top:147px;
	left:-20px;
}
#company .map_bg .minato dl.d_table dt{
	vertical-align:top;
}
#company .map_bg .minato .border_box{
	width:248px;
	height:80px;
}
#company .map_bg .minato .border_box .inner{
	background:url(../img/company/line_minato.png) no-repeat;
}

/* kurobe */
#company .map_bg .kurobe{
	width:115px;
	height:208px;
	right:358px;
	top:62px;
}
#company .map_bg .kurobe .circle{
	bottom:0;
	left: -6px;
}
#company .map_bg .kurobe .text_box{
	width:100%;
	height:100%;
}
#company .map_bg .kurobe .border_box{
	width:43px;
	height:140px;
}
#company .map_bg .kurobe .border_box .inner{
	background:url(../img/company/line_kurobe.png) no-repeat;
}

/*kyoto*/
#company .map_bg .kyoto{
	width:215px;
	height:135px;
	right:662px;
	top:400px;
}
#company .map_bg .kyoto .circle{
	bottom:0;
	right:0;
}
#company .map_bg .kyoto .text_box{
	width:215px;
	height:158px;
}
#company .map_bg .kyoto .text_box dl{
	width:215px;
	height:73px;
	position:relative;
	top:-20px;
}
#company .map_bg .kyoto .text_box dt{
	width:215px;
	margin-bottom:10px;
}
#company .map_bg .kyoto .border_box{
	width:80px;
	height:111px;
	position: absolute;
	bottom: 25px;
	right: -14px;
}
#company .map_bg .kyoto .border_box .inner{
	background:url(../img/company/line_kyoto_50.png) no-repeat;
}

/*-----blog------*/


#blog .main_img{
	width:100%;
	text-align:center;
	margin-bottom:100px;
}
#blog .main_img img{
	width:100%;
}
#blog h2{
	width:100%;
	font-size:30px;
	margin-bottom:100px
}
#blog .content01{
	width:1100px;
	margin:0 auto 100px;
}
#blog .content01 .left_rayout{
	width:830px;
	float:left;
}
#blog .content01 .left_rayout li{
	width:250px;
	height:220px;
	font-size:13px;
	margin:0 35px 75px 0;
	float:left;
}
#blog .content01 .left_rayout li a:hover{
	text-decoration:none;
}
#blog .content01 .left_rayout li time{
	font-size:10px;
}


#blog .content01 .side_rayout{
	width:230px;
	float:right;
}
#blog .content01 .side_rayout li{
	margin-bottom:10px;
	font-size:13px;
}
#blog .content01 .side_rayout li a{
	color:#AAA;
}
#blog .content01 .side_rayout li a:hover{
	color:#000;
}
#blog .content01 .side_rayout li.on a{
	color:#000;
}
#blog .cat_title{
	font-weight:bold;
	font-size:15px;
	padding:2px 2px 2px 10px;
	color:#FFF;
	background:#4B4948;
}

#single_blog{
	padding-top:40px;
	margin-top:15px;
}
#single_blog .main_img{
	width:100%;
	text-align:center;
	margin-bottom:100px;
}
#single_blog .main_img img{
	width:100%;
}
#single_blog h2{
	font-size:30px;
	margin-bottom:100px
}
#single_blog .content{
	width:1100px;
	margin:0 auto;
}
#single_blog .left_rayout{
	width:490px;
	float:left;
	font-size:15px;
	line-height:1.6;
}
#single_blog .left_rayout .text{
	line-height:1.8;
}
#single_blog .left_rayout .text a{
	color:#039;
}
#single_blog .left_rayout .text a:hover{
	text-decoration:underline;
}
#single_blog .left_rayout time{
	color:#4B4948;
	font-size:12px;
	line-height:1.3;
}
#single_blog .left_rayout h4{
	color:#4B4948;
	font-weight:bold;
	font-size:16px;
	line-height:1.3;
	margin-bottom:25px;
}
#single_blog .right_rayout{
	width:550px;
	float:right;
}

#single_blog .img_box li {
	margin:0 10px 10px 0;
	float:left;
}
#single_blog .img_box li:last-child{
	margin-right:0;
}
#single_blog .return{
	margin:100px 0;
	text-align:center;
}
.blog_cat{
	width:75px;
	display:inline-block;
	padding:1px 5px 1px;
	text-align:center;
	color:#4B4948;
	background:#FFF100;
	font-size:10px;
	text-decoration:none;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","M+ 2p regular", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.blog_cat:hover:not(span){
	background:#4B4948;
	text-decoration:none !important;
	color:#FFF;
	-webkit-transition: all .5s;
	transition: all .5s;
}

/*スライダー画像を更新箇所で無限に増やせるように変更　2017_0317*/
#single_blog #slider_sum .slick-arrow{
	display:none !important;
}
#single_blog .slick-list{
	overflow:visible;
}
#single_blog .slick-track{
}

#single_blog #slider_sum li{
	width:102px !important;
	height:68px;
	cursor:pointer;
	box-sizing:border-box;
	position:relative;
}
#single_blog #slider_sum li:nth-child(5n){
	margin-right:0;
}
#single_blog #slider_sum li *{
	outline: none;
}
#single_blog #slider_sum .slick-slide:after{
	content:"";
	display:block;
	width:96px;
	height:62px;
	position:absolute;
	top:0;
	left:0;
	outline: none;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
	transition: .3s;
	border:solid 3px transparent;
}
#single_blog #slider_sum .slick-slide:hover:after,
#single_blog #slider_sum .slick-current:after{
	border:solid 3px #FFF100;
	background:rgba(0,0,0,0.5);
	box-shadow:0px 0px 25px 1px #fff100;
	-moz-box-shadow:0px 0px 25px 1px #fff100;
	-webkit-box-shadow:0px 0px 7px 1px #fff100;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
	transition: .3s;
}
#single_blog #main_slider .slick-slide{
	visibility: hidden;
}
/*-----contact------*/
#contact .main_img{
	width:100%;
	text-align:center;
	margin-bottom:100px;
}
#contact .main_img img{
	width:100%;
}

#contact .content01{
	width:865px;
	margin:0 auto;
}
#contact .content01 h2.f_ipa{
	color:#4B4948;
	margin-bottom:70px;
	font-size:30px;
}

.form_table{
	border-collapse:collapse;
}
	.form_table th{
		background-color:#F9F9F9;
		padding: 18px;
		width: 200px;
		border: 1px solid #777;
		vertical-align: middle;
	}
	.form_table td{
		max-width: 650px;
		padding: 10px 18px;
		width: 650px;
		box-sizing: border-box;
		vertical-align: middle;
		border: 1px solid #777;
	}
	.form_table td p{
		margin-left:10px;
		display:inline-block;
	}
	.form_table input[type=text],
	.form_table input[type=tel],
	.form_table input[type=email]{
		padding: 10px;
		width: 278px;
	}
.form_table textarea {
	height: 90px;
	width: 590px;
	display:block;
	padding:10px;
}
.form_table select{
	width:450px;
	padding-left:7px;
	height:43px;
	-webkit-appearance: menulist-button;
}
.confirm_btn_box{
	text-align:center;
	margin:50px 0 200px;
}
#contact .btn_table{
	width:750px;
	margin:100px auto 200px;
}
#contact .border_d{
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:dotted 1px #777;
}
#contact .top_link{
	text-align:center;
	margin:100px 0 200px;
}
/*-----greeting------*/
#greeting h2{
	font-size:28px;
	margin-bottom:80px;
}
#greeting .content01{
	font-size:15px;
	line-height:2;
	margin-bottom:180px;
}
#greeting .content01 .text{
	width:550px;
	/*
	width:620px;
	*/
}
#greeting .content01 .pa{
	right:0;
	top:0;
}
/*-----ceo_note------*/
#ceo .first_view{
	padding:135px 0 134px;

}
#ceo .hide_box{
	display:none;
}
#ceo .ceo_note{
	background:url(../img/new_ceo/ceo_note_bg.jpg);
	padding:60px 0 100px;
	margin-bottom:110px;
	position:relative;
}
#ceo .ceo_cat_list{
	width:550px;
	margin:0 auto 15px;
}
#ceo .ceo_cat_list li{
	width:142px;
	height:166px;
	color:#FFF;
	float:left;
	margin-right:60px;
	cursor:pointer;
}
#ceo .ceo_cat_list li:last-of-type{
	margin-right:0;
}
#ceo .ceo_cat_list li.cat01{
	background:url(../img/new_ceo/btn01.png) no-repeat;
}
#ceo .ceo_cat_list li.cat02{
	background:url(../img/new_ceo/btn02.png) no-repeat;
}
#ceo .ceo_cat_list li.cat03{
	background:url(../img/new_ceo/btn03.png) no-repeat;
}
#ceo .ceo_cat_list li.cat01.on{
	background:url(../img/new_ceo/btn01_on.png) no-repeat;
}
#ceo .ceo_cat_list li.cat02.on{
	background:url(../img/new_ceo/btn02_on.png) no-repeat;
}
#ceo .ceo_cat_list li.cat03.on{
	background:url(../img/new_ceo/btn03_on.png) no-repeat;
}
#ceo .ceo_note .prev_btn{
	top:510px;
	left:100px;
	position:absolute;
	cursor:pointer;
}
#ceo .ceo_note .next_btn{
	top:510px;
	right:100px;
	position:absolute;
	cursor:pointer;
}
#ceo .ceo_note .prev_btn:hover,
#ceo .ceo_note .next_btn:hover{
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
	transition: 0.5s;
}

#ceo .ceo_content{
	width:720px;
	margin:0 auto 20px;
}
#ceo .ceo_content li{
	display:none;
	width:720px;
	height:540px;
}
#ceo .ceo_content li.on{
	display:block;
}

#ceo .ceo_dots{
	width:600px;
	margin:0 auto;
}
#ceo .ceo_dots li{
	width:7px;
	height:7px;
	float:left;
	margin-right:10px;
	margin-bottom: 20px;
	cursor:pointer;
	position:relative;
}
#ceo .ceo_dots li:after{
	border-radius:10px;
	content:"";
	display:block;
	width:7px;
	height:7px;
	transition:0.5s;
	background:rgba(0,0,0,0.4);
}
#ceo .ceo_dots li:hover:after{
	margin:-2px 0 0 -2px;
	position:relative;
	width:10px;
	height:10px;
}

#ceo .ceo_dots li:last-of-type{
	margin-right:0;
}
#ceo .ceo_dots li.on:after{
	background:#000;
}

/*----17/07/06追加 privacy------*/
#privacy {
	padding-top: 80px;
	padding-bottom: 160px;
}
#privacy .page_ttl_box{
	padding-bottom: 50px;
	width: 100%;
	border-bottom:solid 2px #727272;
	margin-bottom: 100px;
}
	#privacy .page_ttl{
		font-size:36px;
	}
#privacy .privacy_policy{
	width: 865px;
	font-size:14px;
	margin:0 auto;
}
	#privacy .privacy_policy .head{
		font-size:15px;
		margin-bottom: 28px;
	}
	#privacy .privacy_policy .head_detail{
		padding-top: 25px;
		border-top: dashed 1px #BABABA;
		border-bottom: dashed 1px #BABABA;
		padding-bottom: 25px;
		margin-bottom: 45px;
		line-height:1.69;
	}
	#privacy .privacy_policy dt{
		font-size:15px;
		padding-left: 15px;
		position: relative;
		margin-bottom: 30px;
	}
		#privacy .privacy_policy dt:after{
			content:'';
			position: absolute;
			display:block;
			width: 3px;
			height: 20px;
			background-color:#545454;
			left: 0;
			top: 1px;
		}
	#privacy .privacy_policy dd{
		margin-bottom: 50px;
		line-height:1.8;
	}
	#privacy .window_box{
		padding:40px;
		border:solid 1px #545454;
		width: 420px;
	}
		#privacy .window_box a{
			color:#2269DD;
			text-decoration:underline;
		}


/*----17/10/25追加 activity------*/
#activity{
	color:#282828;
}
#activity .catch{
	font-size: 25px;
	text-align: center;
	padding-top: 45px;
	padding-bottom: 40px;
	line-height: 1;
	letter-spacing: 1px;
}
#activity .category_box{
	width: 1090px;
	margin:0 auto;
	border-top: solid 1px #C4C4C4;
	border-bottom: solid 1px #C4C4C4;
	padding-left: 30px;
}
	#activity .category_box .category{
		display: inline-block;
		line-height: 1;
		font-size: 15px;
		position: relative;
	}
	#activity .category_box .category.on{
		color:#abaaaa;
	}
	#activity .category_box .category.on:after{
		content:'';
		display: block;
		position: absolute;
		background-color: #575757;
		height: 4px;
		width: 100%;
		left: 0;
		bottom: -20px;
	}
	#activity .category_box .category:first-child{
		margin-right: 55px;
	}
	#activity .category_box .category a{
		padding-top: 23px;
		padding-bottom: 20px;
		display: block;
		width: 100%;
		transition:0.4s all;
	}
	#activity .category_box .category a:hover{
		color:#abaaaa;
	}
#activity .activity_list{
	width: 1090px;
	margin:0 auto;
	margin-bottom: 85px;
}
	#activity .activity_list>li{
		width: 100%;
		box-sizing: border-box;
		padding:55px 0 0 50px;
		border-bottom: solid 1px #C4C4C4;
	}
	#activity .activity_list>li:first-child{
		padding-top: 45px;
	}
	#activity .activity_list li .ttl{
		font-size: 20px;
		margin-bottom: 25px;
		position: relative;
	}
	#activity .activity_list li .ttl:before{
		content:'';
		display: block;
		position: absolute;
		width: 40px;
		height: 40px;
		border-radius:50%;
		border: solid 10px #FFE800;
		box-sizing: border-box;
		top: -5px;
		left: -55px;
	}
	#activity .activity_list li .box_wrap{
		display: flex;
		justify-content:space-between;
	}
	#activity .activity_list li .txt_box{
		padding-right: 45px;
		padding-bottom: 60px;
		flex:1;
	}
		#activity .activity_list li .txt_box .txt{
			line-height: 1.8;
			margin-bottom: 30px;
			font-size: 14px;
		}
			#activity .activity_list li .txt_box .txt a{
				text-decoration: underline;
				transition:0.4s all;
			}
			#activity .activity_list li .txt_box .txt a:hover{
				color:#abaaaa;
			}
		#activity .activity_list li .txt_box .torikumi_ttl{
			line-height: 1;
			padding-bottom: 5px;
			border-bottom: solid 1px #575757 ;
			display: inline-block;
			margin-bottom: 25px;
			font-size: 14px;
		}
		#activity .activity_list li .txt_box .torikumi_list li{
			line-height: 1.8;
			font-size: 14px;
		}
		#activity .activity_list li .txt_box .torikumi_list li .torikumi_number,
		#activity .activity_list li .txt_box .torikumi_list li .torikumi_txt{
			display: table-cell;
		}
		#activity .activity_list li .txt_box .torikumi_list li .torikumi_number{
			width: 25px;
		}
	#activity .activity_list li .img_box{
		width: 250px;
		padding-bottom: 30px;
	}
		#activity .activity_list li .img_box .img,
		#activity .activity_list li .img_box .img img{
			width: 100%;
		}
		#activity .activity_list li .img_box .to_live_report{
			display: block;
			margin-top: 8px;
			text-decoration: underline;
			text-align: right;
			font-size: 13px;
			line-height: 1;
			transition:0.4s all;
		}
		#activity .activity_list li .img_box .to_live_report:hover{
			color:#abaaaa;
		}
		#activity .activity_list li .img_box .to_live_report:before{
			content:'';
			display: inline-block;
			background:url(../img/activity/activity_icon_livereport.png) no-repeat center left;
			width: 15px;
			height: 14px;
			box-sizing: border-box;
			margin-right: 5px;
			vertical-align: top;
			transition:0.4s all;
		}
		#activity .activity_list li .img_box .to_live_report:hover:before{
			opacity:0.7;
		}