@charset "utf-8";


.fm--main {padding: 0 0 64px; }
.fm--main:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }

.main-section {position: relative; margin-top: 60px; }
.main-section .inner {padding: 0 20px; box-sizing: border-box; }


.main-subject {position: relative; }
.main-subject:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.main-subject .title {float: left; font-size: 20px; font-weight: 300; line-height: 30px; color: #000; }
.main-subject .btn-goto {float: right; margin-top: 7px; margin-left: 16px; padding-right: 15px; background-image: url("/AppData/images/site/button/btn_goto.png"); background-repeat: no-repeat; background-position: right center ; background-size: 20px 20px; font-size: 11px; color: #777; font-weight: 400; }


/* =======================================================
	fm--main-visual
========================================================*/
.main-visual {position: relative; width: 100%; height: 160px; margin: 0 auto; padding: 0; }

.mainvisual-wrapper {position: absolute; left: 0; z-index: 0; width: 100%; height: 160px; background-color: #f5f5f5; overflow: hidden; }

.mainvisual-item {position: relative; height: 160px; background-repeat: no-repeat; background-position: center; background-size: cover; }

.mainvisual-item > a {width: 100%; height: 100%; display: block; margin: 0 auto; }

.mainvisual-util {position: absolute; right: 15px; bottom: 15px; width: 120px; height: 30px; margin: 0 auto; border: 1px solid #e3e3e3; }
.mainvisual-util:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.mainvisual-util button {width: 30px; height: 30px; background-repeat: no-repeat; background-position: center; background-size: 8px 17px; }
.mainvisual-util .mainvisual-prev {float: left; background-color: rgba(255, 255, 255, 0.4); background-image: url("/AppData/images/site/mobile/button/slick_left.png"); border-right: 1px solid #e3e3e3; }
.mainvisual-util .mainvisual-next {float: right; background-color: rgba(255, 255, 255, 0.4); background-image: url("/AppData/images/site/mobile/button/slick_right.png"); border-left: 1px solid #e3e3e3; }

.mainvisual-util .mainvisual-paging {float: left; width: 60px; text-align: center; background-color: rgba(255, 255, 255, 0.6); }
.mainvisual-util .mainvisual-count li {display: none; font-size: 14px; font-weight: 300; color: #000; text-align: center; line-height: 30px; }
.mainvisual-util .mainvisual-count .slick-active {display: inline-block; }
.mainvisual-util .mainvisual-count span { font-size: 14px; font-weight: 500; line-height: 30px; }






/* =======================================================
	main-item-container
========================================================*/
.main-item-container {margin-bottom: 30px; }
.main-item-container .main-subject {margin-bottom: 20px; }


/* =======================================================
	fm--main-notice
========================================================*/
.main-notice {padding: 40px 0; margin-top: 60px; background-color: #f6f6f6; }
.main-notice:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.main-notice .main-subject {position: relative; margin-bottom: 24px; }
.main-notice .main-subject .title {float: none; font-size: 24px; font-weight: 300; text-align: center; color: #222; }


.main-notice { }
.main-notice:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }

.main-notice .slick-slide {margin: 0 10px; }

.main-notice .notice-item {position: relative; float: left;  height: 243px; padding: 40px 24px 60px; border-radius: 10px; background-color: #fff; background-image: url("/AppData/images/site/mobile/button/notice_plus.png"); background-repeat: no-repeat; background-position: right bottom; box-sizing: border-box; overflow: hidden; }
.main-notice .nodata {padding: 110px 0; border-radius: 5px; background-image: none; background-color: #fff; text-align: center; color: #6f6f6f; font-size: 16px; }


.main-notice .notice-date {display: block; margin-bottom: 8px; font-size: 12px; font-weight: 400; color: #053863; }
.main-notice .notice-title {margin-bottom: 16px; font-size: 16px; font-weight: 400; color: #000; text-align: left; }

.main-notice .notice-item p {height: 1.8em; font-size: 13px; color: #8f8f8f; line-height: 1.5; -webkit-line-clamp: 3; }

.main-notice .notice-more {background-image: none; background-image: url("/AppData/images/site/mobile/button/notice_more.png"); background-repeat: no-repeat; background-position: center center; background-size: 12px; text-align: center; }
.main-notice .notice-more .goto-notice {display: block; margin-top: 93px; border: 0; font-size: 15px; box-sizing: border-box; }





@media all and (min-width: 320px) and (max-width: 374px) {

	.fm--page-bottom .fm--btn-page {width: 280px; }
}


@media all and (min-width: 375px) and (max-width: 480px) {
	.main-visual,
	.mainvisual-wrapper,
	.mainvisual-item {height: 185px; }
}


@media all and (min-width: 768px) {
	.main-visual,
	.mainvisual-wrapper,
	.mainvisual-item {height: 320px; }


	.main-new .new-list li {width: 32%; }
	.main-new .new-list li:nth-child(2n+1) {margin-left: 2%; }
	.main-new .new-list li:nth-child(3n+1) {margin-left: 0; }

}