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

#top .mv_area{height:auto;position: relative;}
#top .mv_area .txt_box{position: absolute;top: 48%;right: 8%;bottom: 0;color: #fff;width:auto;height:auto;}
#top .mv_area h2{font-size: 3.5vw;font-weight: bold;text-align: right;}
#top .mv_area p{font-size: 1vw;text-align: right;margin-top: 20px;}

#top .sec1{margin: 100px 0;}
#top .sec1 .contents{max-width: 1200px;margin: 50px auto;display: flex;justify-content: space-around;}
#top .sec1 .contents .box{width:30%;text-align: center;}
#top .sec1 .contents .box h4{font-size: 20px;font-weight:bold;position: relative;display: inline-block;}
#top .sec1 .contents .box h4:before{position: absolute;top: 0;bottom: 0;left: -28px;margin: auto;content: "";vertical-align: middle;box-sizing: border-box;width: 0;height: 0;border-style: solid;border-width: 0 20px 20px 0;border-color: transparent;border-right-color: #2262b2;transform: rotate( -90deg );
}
#top .sec1 .contents .box img{margin:10px 0; }

#top .sec2{background: url(/img/top/sec2_bg.jpg) no-repeat center center / cover;}
#top .sec2 .contents{max-width: 1200px;margin: 0 auto;display: flex;padding: 60px 0;}
#top .sec2 .contents .left{width: 57%;}
#top .sec2 .contents .right{width: 43%;}
#top .sec2 .contents h3{font-size: 36px;text-align: center;padding: 20px 0 0px;font-weight: bold;}
#top .sec2 .contents h3 span{color: #2562b1;font-weight: bold;}
#top .sec2 .contents p{line-height: 2.3;width: auto;margin: 4% 7%;}
#top .sec2 .contents p.sign{font-weight: bold;line-height: 1.3;font-size: 1.6rem;text-align: right;}
#top .sec2 .contents p.sign span{font-weight:bold;font-size: 1.4rem; }
#top .sec2 .contents .right img{margin-bottom: 40px;}

#top .sec3{margin: 100px 0;}
#top .sec3 .contents{max-width:1000px;margin:0 auto;overflow: hidden;padding-bottom: 22px;}
#top .sec3 .contents .news_area{background-color: #fff;padding: 15px;margin-top: 45px;height: 240px;overflow-y: scroll;}
#top .sec3 .contents .news_area ul li time{color: #2562b1;background-image: url(../img/common/icon_date.png);background-repeat: no-repeat;background-position: left center;background-size: contain;padding-left:18px;}
#top .sec3 .contents .news_area ul li .txt_box{display: flex;margin-top: 5px;border-bottom: 1px solid #ccc;margin-bottom: 10px;padding-bottom: 10px;align-items: flex-start;}
#top .sec3 .contents .news_area ul li .txt_box span.category{color: #fff;padding: 2px 4px;}
#top .sec3 .contents .news_area span.tag_blue{background:#2562b1;}
#top .sec3 .contents .news_area span.tag_red{background:#b12549;}
#top .sec3 .contents .news_area span.tag_grn{background:#10ab3c;}
#top .sec3 .contents .news_area ul li .txt_box p.txt{margin-left: 10px;}
#top .sec3 .contents .news_area ul li .txt_box a{color:#2562b1;}
#top .sec3 .contents .news_area ul li .txt_box a:hover{text-decoration: underline;}

@media screen and (max-width: 960px) {
	#top .mv_area{height:100% !important;}
	#top .mv_area .txt_box{position: absolute;top: 62%;right:0;left:0;bottom: 0;color: #fff;width:auto;height:auto;}
	#top .mv_area h2{font-size:8vw;text-align: center; }
	#top .mv_area p{ font-size:4vw;margin-top:3%;text-align: center; }

	#top .sec1{margin: 10% 2% 0;width: auto;}
	#top .sec1 .contents{width: auto;display:block;margin: 10% 3%;}
	#top .sec1 .contents .box{width: 100%;margin-bottom: 10%;}

	#top .sec2{background: url(/img/top/sp/sec2_bg.jpg) no-repeat center center / cover;}
	#top .sec2 .contents{width: auto;margin: 0 2%;padding-bottom: 12%;display: block;}
	#top .sec2 .contents .left{width:100%;}
	#top .sec2 .contents .right{width: auto;margin: 0 5%;}
	#top .sec2 .contents h3{text-align:left;padding:0;line-height: 1.4;}
	#top .sec2 .contents p{line-height: 1.6;margin: 5% 2%;}

	#top .sec3{margin: 10% 0;}
	#top .sec3 .contents{width:auto;margin:0 2%;}
	#top .sec3 .contents .news_area ul li .txt_box{display:block;margin-top: 10px;}
	#top .sec3 .contents .news_area ul li .txt_box p.txt{margin:5px 0 0 0;}
}