#wrap > section {position: relative; padding: 120px 0;}
.inner {width: 1200px; margin: 0 auto;}
.bold {font-weight: 500;}
.title {font-family: 'Titillium Web'; font-size: 50px; font-weight: 700; letter-spacing: 2px; text-align: center;}
.more_btn {display: block; text-align: center;}

header {width: 100%; position: fixed; left: 0; top: 0; border-bottom: 1px solid #eee; background: #fff; z-index: 99;}
header .inner {height: 80px; display: flex; justify-content:space-between; align-items:center;}
header nav {width: 40%;}
header nav ul {display: flex; justify-content:space-between;}
header nav a {font-size: 18px;}

#main_visual {height: 850px; background: url("../img/main_visual.jpg") no-repeat center top; text-align: center; color: #fff; text-shadow: 5px 5px 5px rgba(0,0,0,0.3);}
#main_visual p {font-family: 'Titillium Web'; font-size: 36px; font-weight: 700; letter-spacing: 2px; margin-top: 230px;}
#main_visual p i {vertical-align: middle; font-size: 30px;}
#main_visual h2 {font-size: 50px; font-weight: 300; letter-spacing: 2px;}
#main_visual .scroll {position: absolute; left: 50%; margin-left: -41px; bottom: 3%; animation: scroll 1.5s ease infinite; z-index: 99;}

@keyframes scroll {
	0% {bottom: 3%;}
	50% {bottom: 5%;}
	100% {bottom: 3%;}
}

#m01 {text-align: center;}
#m01 .title + p {font-size: 18px; line-height: 1.6; color: #585858; margin-top: 20px;}
#m01 .slogan {display: flex; justify-content:space-between; width: 55%; margin: 80px auto 0; }
#m01 .slogan h3 {font-size: 30px; font-weight: 700; color: #888;}
#m01 .slogan .line {width: 1px; height: 60px; background: #aaa; margin-top: 10px;}
#m01 .slogan ul {text-align: left; font-size: 20px; line-height: 2.0; color: #585858;}

#m02 {background: #f5f5f5 url("../img/pro_bg.jpg") no-repeat left center; background-size: 50%; padding: 180px 0; overflow: hidden;}
#m02 .title {text-align: left;}
#m02 .txt {margin-left: 50%; padding-left: 80px;}
#m02 .txt .title {margin-bottom: 30px;}
#m02 .txt h3 {font-size: 30px; font-weight: 500;}
#m02 .txt p {font-size: 20px; line-height: 1.5; margin: 20px 0 60px; color: #585858;}
#m02 .txt .more_btn {width: 200px; height: 50px; line-height: 50px; background: #24a761; font-size: 20px; color: #fff;}

#m03 {background: url("../img/news_bg.png") no-repeat center bottom;}
#m03 .inner {padding: 0 40px;}
#m03 .title {margin-bottom: 60px;}
#m03 .swiper-slide {display: block; padding: 30px;}
#m03 .swiper-slide:hover {background: #eee;}
#m03 .swiper-slide .img {width: 300px; height: 200px;}
#m03 .swiper-slide .txt {margin-top: 20px;}
#m03 .swiper-slide .info {display: flex; justify-content:space-between; align-items:center; font-family: 'Titillium Web';}
#m03 .swiper-slide .info .cata {font-size: 20px; font-weight: 700; color: #00a651;}
#m03 .swiper-slide .info .date {font-size: 16px; color: #888;}
#m03 .swiper-slide .subject {font-size: 18px; font-weight: 500; margin: 10px 0;}
#m03 .swiper-slide .content {font-size: 14px; line-height: 1.5; color: #585858; font-weight: 300;}
#m03 .swiper-slide .more_btn {width: 160px; height: 40px; line-height: 40px; border: 1px solid #00a651; font-size: 14px; color: #00a651; margin: 30px auto 0; font-weight: 300; visibility: hidden;}
#m03 .swiper-slide:hover .more_btn {visibility: visible;}

#m03 .news01 .img {background: url("../img/notice01.jpg") no-repeat center; background-size: cover;}
#m03 .news02 .img {background: url("../img/notice02.jpg") no-repeat center; background-size: cover;}
#m03 .news03 .img {background: url("../img/notice03.jpg") no-repeat center; background-size: cover;}


#m04 .title {margin-bottom: 60px;}

footer {background: #f4f4f4; font-size: 12px; font-weight: 300;}
footer .inner {display: flex; justify-content:space-between; padding: 40px 0;}
footer .info {flex:1 0 auto; margin-left: 80px;  line-height: 1.5; color: #585858;}
footer .link {text-align: right;}
footer .link .sns {margin-bottom: 30px;}
footer .link .sns a {margin-left: 10px; display: inline-block; height: 25px;}
footer .link .privacy {font-weight: 500;}


/* news */
#news_wrap {padding: 40px;}
#news_wrap .subject {font-size: 24px;}
#news_wrap .date {font-size: 16px; color: #888;}
#news_wrap .content {border-top: 1px solid #212121; margin-top: 40px; padding-top: 40px;}
#news_wrap .content img {max-width: 100%;}
#news_wrap .txt {margin-top: 20px; font-size: 16px; font-weight: 300; line-height: 1.6; word-break:keep-all;}