@charset "UTF-8";

/*======*/
.banner{width:100%;max-width:1200px;height:auto;margin:0px auto;padding-top:10px;}
.banner p.intro{width:100%;height:auto;margin:0px auto;padding-bottom:35px;}
.banner h3{width:100%;height:auto;margin:0px auto;padding:0px 0px 5px 0px;font-size:16px;letter-spacing:3px;line-height:100%;color:#ee3471;}
.banner p.img{width:100%;height:auto;margin:0px auto;padding-top:10px;}
.banner p.link_txt{width:90%;height:auto;margin:0px auto;padding:10px 0px 35px 0px;}
	@media all and (min-width: 1025px) {
		.banner p.intro{width:90%;}
	}
	@media all and (max-width: 1024px) {
		.banner h3{font-size:15px;}
		.banner p.intro{width:90%;}
		.banner p.link_txt{width:90%;}
	}

/*======*/
.link_box ul{width:100%;margin:0px auto;padding:0px;}
.link_box ul li{width:23%;display:inline-block;margin:0px 1%;padding:10px 0px;float:left;background:#ffe7ec;}
.link_box ul li div.link_box_in{width:100%;display:inline-block;margin:0px auto;padding:0px;max-width:200px;max-height:40px;}
	@media all and (max-width: 1024px) {
		.link_box ul{width:95%;}
		.link_box ul li{width:100%;display:inline-block;margin:0px 0px 8px 0px;padding:8px 0px;float:none;}
	}

/*======*/
div.link{width:100%;height:auto;margin:0px auto;padding:0px;}
.link_box{width:100%;height:auto;margin:0px auto;padding:0px 0px 25px 0px;}
div.link img{max-width:100%;}
div.link h3{width:100%;height:auto;margin:0px auto;padding:0px;display:flex;align-items: center;}
div.link h3 span{display:inline-block;width:auto;height:auto;margin:0px auto;padding:4px 30px 3px 30px;clip-path: polygon(5% 50%, 0 42%, 0 0, 100% 0, 100% 42%, 95% 50%, 100% 58%, 100% 100%, 0 100%, 0 58%);background:#432b3a;color:#ffffff;letter-spacing:1px;font-size:13px;line-height:140%;}