@charset "utf-8";

/*============================
#mainPanelArea
============================*/
#mainPanelArea { background: #fff; min-width: 1000px; height: 500px; position: relative; margin-top: -10px; }
#mainPanelArea .pad {}
#mainPanelArea .pad ul {}
#mainPanelArea .pad ul li { min-width: 1000px; height: 500px; text-indent: -9999px; position: relative; }
#mainPanelArea .pad ul li.panel01 { background: url(../../imageFile/top/panel_01.png) no-repeat center; background-size: cover; }
#mainPanelArea .pad ul li.panel02 { background: url(../../imageFile/top/panel_02.png) no-repeat center; background-size: cover; }
#mainPanelArea .pad ul li.panel03 { background: url(../../imageFile/top/panel_03.png) no-repeat center; background-size: cover; }
#mainPanelArea .pad ul li.panel04 { background: url(../../imageFile/top/panel_04.png) no-repeat center; background-size: cover; }
#mainPanelArea .pad ul li::after { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 77px; background: url(../../imageFile/top/bg_panel.png) repeat-x left top; z-index: 9999; }
#mainPanelArea .pad ul li::before { position: absolute; content: ""; display: block; left: 50%; top: -50px; margin-left: -20px; width: 614px; height: 614px; background: url(../../imageFile/top/bg_panelText.png) no-repeat left top; z-index: 9999; }
#mainPanelArea .number { position: absolute; left: 50%; top: 420px; margin-left: -480px; width: 143px; height: 47px; background: url(../../imageFile/top/image_since.png) repeat-x left top; text-indent: -9999px; }
#mainPanelArea .bx-wrapper .bx-pager { position: absolute; bottom: 30px; }
#mainPanelArea .bx-wrapper .bx-pager.bx-default-pager a { background: rgba(255,255,255,.5); text-indent: -9999px; display: block; width: 60px; height: 4px; margin: 0 10px; outline: 0; border-radius: 0; }
#mainPanelArea .bx-wrapper .bx-pager.bx-default-pager a:hover,
#mainPanelArea .bx-wrapper .bx-pager.bx-default-pager a.active { background: rgba(0,0,0,.5); }
#mainPanelArea .bx-wrapper .bx-controls-direction {}
#mainPanelArea .bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}
.bx-wrapper .bx-prev { left: -25px!important; background: url(../../imageFile/global/icon_arrow_gr_return.svg) no-repeat center!important; background-size: 20px auto!important; }
.bx-wrapper .bx-next { right: -20px!important; background: url(../../imageFile/global/icon_arrow_gr.svg) no-repeat center!important; background-size: 20px auto!important; }

/*============================
#recruitArea
============================*/
#recruitArea { text-align: center; margin: 60px auto 0; width: 960px; }
#recruitArea .pad {}
#recruitArea .pad .content { position: relative; border: 1px solid #ddd; background-color: #ede8e7; font-size: 1.125em; color: #ede8e7; font-weight: bold; }
#recruitArea .pad .content:hover { opacity: 0.7; transition: 0.4s; }
#recruitArea .pad .content:before { position: absolute; left: 0; width: 100%; content: ''; border-top: 4px dotted #a04e4a; }
#recruitArea .pad .content:after { position: absolute; left: 0; width: 100%; content: ''; border-top: 4px dotted #a04e4a; }
#recruitArea .pad .content:before { top: 6px; } 
#recruitArea .pad .content:after { bottom: 6px; } 
#recruitArea .pad .content a { display: block; padding: 50px; color: #000; }
#recruitArea .pad .content a br { display: none; }
#recruitArea .pad .content a span { margin-left: 30px; border-bottom: 1px solid #6E6E6E; }

/*============================
#newsArea
============================*/
#newsArea { width: 1000px; margin: 0 auto; margin-top: 70px; }
#newsArea .pad { width: 960px; margin: 0 20px; position: relative; }
#newsArea .pad .title {}
#newsArea .pad .linkAll { position: absolute; right: 0; top: 0; }
#newsArea .pad .linkAll a { display: inline-block; background: #a04e4a; color: #fff; padding: 13px 0 11px; width: 230px; border-radius: 40px; font-size: 1em; text-align: center; }
#newsArea .pad .recommendList { margin-top: 30px; }
#newsArea .pad .recommendList ul li { width: 50%; float: left; margin-top: -1px; }
#newsArea .pad .recommendList ul li:nth-child(2n) { margin-left: -1px; }
#newsArea .pad .recommendList ul li a { display: block; padding: 20px 30px 18px 90px; border: solid 1px #efece5; position: relative; background: #fbfbf9 url(../../imageFile/top/icon_cup.png) no-repeat 25px center; }
#newsArea .pad .recommendList ul li.new a { background: #fbfbf9 url(../../imageFile/top/icon_cup_new.png) no-repeat 25px center; }
#newsArea .pad .recommendList ul li a::after { position: absolute; right: 10px; top: 50%; margin-top: -20px; content: ""; width: 20px; height: 40px; background: url(../../imageFile/global/icon_arrow_gr.svg) no-repeat center; background-size: 10px auto; }
#newsArea .pad .recommendList ul li a .date { display: inline-block; vertical-align: middle; margin-right: 10px; margin-left: 1px; color: #a1332c; font-size: 0.875em; }
#newsArea .pad .recommendList ul li a .kategoriTag { display: inline-block; width: 100px; vertical-align: middle; text-align: center; margin-right: 10px; padding: 5px 0; background-color: #ede8e7; font-size: 0.875em; border-radius: 2px; }
#newsArea .pad .recommendList ul li a .newsText { margin-top: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 1px 0; font-weight: bold; font-size: 1.125em; }
#newsArea .pad .normalList {}
#newsArea .pad .normalList ul li { width: 50%; float: left; margin-top: -1px; }
#newsArea .pad .normalList ul li:nth-child(2n) { margin-left: -1px; }
#newsArea .pad .normalList ul li a { display: block; padding: 20px 30px 18px 90px; border: solid 1px #efece5; position: relative; background: #fbfbf9 url(../../imageFile/top/icon_cup.png) no-repeat 25px center; }
#newsArea .pad .normalList ul li.new a { background: #fbfbf9 url(../../imageFile/top/icon_cup_new.png) no-repeat 25px center; }
#newsArea .pad .normalList ul li a:hover {}
#newsArea .pad .normalList ul li a::after { position: absolute; right: 10px; top: 50%; margin-top: -20px; content: ""; width: 20px; height: 40px; background: url(../../imageFile/global/icon_arrow_gr.svg) no-repeat center; background-size: 10px auto; }
#newsArea .pad .normalList ul li a .date { display: inline-block; vertical-align: middle; margin-right: 10px; margin-left: 1px; color: #a1332c; font-size: 0.875em; }
#newsArea .pad .normalList ul li a .kategoriTag { display: inline-block; width: 100px; vertical-align: middle; text-align: center; margin-right: 10px; padding: 5px 0; background-color: #ede8e7; font-size: 0.875em; border-radius: 2px; }
#newsArea .pad .normalList ul li a .newsText { margin-top: 10px; vertical-align: middle; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 1px 0; font-weight: bold; font-size: 1.125em; }

/*============================
#topicsArea
============================*/
#topicsArea { width: 1000px; margin: 0 auto; margin-top: 70px; }
#topicsArea .pad { width: 960px; margin: 0 20px; position: relative; }
#topicsArea .pad .title {}
#topicsArea .pad .linkAll { position: absolute; right: 0; top: 0; }
#topicsArea .pad .linkAll a { display: inline-block; background: #a04e4a; color: #fff; padding: 13px 0 11px; width: 230px; border-radius: 40px; font-size: 1em; text-align: center; }
#topicsArea .pad .topicsList { margin-top: 30px; border-left: solid 1px #ddd; }
#topicsArea .pad .topicsList ul {}
#topicsArea .pad .topicsList ul li { width: 196px; border-right: solid 1px #ddd; padding: 0 20px; box-sizing: border-box; }
#topicsArea .pad .topicsList ul li a { display: block; }
#topicsArea .pad .topicsList ul li a .image {}
#topicsArea .pad .topicsList ul li a .image img { width: 100%; height: auto; }
#topicsArea .pad .topicsList ul li a .info { margin-top: 15px; }
#topicsArea .pad .topicsList ul li a .info .tenpoTag { text-align: center; padding: 5px 0; background-color: #e5e5e5; font-size: 0.875em; border-radius: 2px; }
#topicsArea .pad .topicsList ul li a .info .date { margin-top: 8px; color: #aaa; font-size: 0.875em; }
#topicsArea .pad .topicsList ul li a .topicsText { display: block; margin-top: 15px; font-weight: bold; font-size: 1em; line-height: 1.5; }

/*============================
#bannerArea
============================*/
#bannerArea { margin-top: 70px; min-width: 1000px; position: relative; background: url(../../imageFile/top/bg_bannerArea.png) no-repeat center; background-size: cover; margin-bottom: -70px; }
#bannerArea .pad { width: 1000px; margin: 0 auto; padding: 40px 0 65px; }
#bannerArea .pad ul { width: 960px; margin: 0 20px; }
#bannerArea .pad ul li { float: left; width: 300px; margin-right: 20px; margin-top: 20px; }
#bannerArea .pad ul li:nth-child(3n) { margin-right: 0; }
#bannerArea .pad ul li a img { width:100%; height: auto; }