@charset "utf-8";

.inner:after{content:''; display:block; clear:both; visibility:hidden;}
.header {padding:40px 0 30px; }
.header h1{float:left; margin-right:120px;  }
.header h1 img {height:40px; }
.header .header_menu{float:left;margin-right:60px; }
.header .header_menu > li{display:inline-block; margin-right:40px; }
.header .header_menu > li > a{color:#2f2f3d; font-weight:600; font-size:17px; display:block; padding-top:10px; position:relative}
.header .header_menu > li:hover > a{color:#f55c7a;}
.header .header_menu > li:last-child{margin-right:0px; }
.header .header_menu > li ol{position:absolute; z-index:10; background-color:#f55c7a; width:130px; top:60px; padding:10px ; display:none; }
.header .header_menu > li ol li{line-height:30px;font-weight:600; font-size:15px;}
.header .header_menu > li ol li a{color:#fff;}
.header .sns_menu{float:right;}
.header .sns_menu li{display:inline-block; margin:0px 10px 0 0;}
.header .sns_menu li img{opacity:0.6}
.header .sns_menu li:last-child{margin-right:0px; }
.header .sns_menu li:hover img{opacity:1}

.main{background-image:url('../img/main_bg.jpg')}
.section01:after{content:''; display:block; clear:both; visibility:hidden;}
h3{color:#fff; font-weight:600; font-size:30px; text-align:center; letter-spacing: 3px;}

.section01 .main_visual{width:600px; height:620px; background-image:url('../img/main2.jpg'); background-size:cover; background-position:center; background-repeat:no-repeat; float:left; padding-top:450px }
.section01 .main_visual p{font-size:19px; color:#fff; text-align:Center;position: relative; width: 215px; margin: 25px auto 0; letter-spacing: 5px;}
.section01 .main_visual p:before{content:""; height:1px; width:105px; background-color:rgba(255,255,255,.5); display: block; position:absolute; left:-110px; top:50%; transform:translateY(-50%)}
.section01 .main_visual p:after{content:""; height:1px; width:105px; background-color:rgba(255,255,255,.5); display: block; position:absolute; right:-110px; top:50%; transform:translateY(-50%)}

.swiper01 .swiper-wrapper{width:600px;height:310px;  }
.swiper01 .swiper-wrapper .swiper-slide{background-size:cover; background-position:center; background-repeat:no-repeat; padding:70px 0 60px 60px; height:310px; box-sizing: border-box; }
.swiper01 .swiper-wrapper .swiper-slide h3{font-size:35px;text-align:left; }
.swiper01 .swiper-wrapper .swiper-slide p{font-size:16px; color:rgba(255,255,255,.5) ;margin-top:25px; line-height:24px;}
.swiper01 .slide01{background-image:url('../img/banner_01.jpg');}
.swiper01 .slide02{background-image:url('../img/banner_02.jpg');}
.swiper01 .slide03{background-image:url('../img/banner_03.jpg');}
.swiper01 .slide04{background-image:url('../img/banner_04.jpg');}
.swiper01 .swiper-pagination-bullets{bottom: 46px; left: 0px; width: 21%}
.swiper01 .swiper-button-prev{background-image:url('../img/arrow.png'); width:60px; height:60px;background-size:cover; background-position:center; background-repeat:no-repeat; transform:rotate(180deg); left:0;}
.swiper01 .swiper-button-next{background-image:url('../img/arrow.png'); width:60px; height:60px;background-size:cover; background-position:center; background-repeat:no-repeat; right:0;}
.arrow_wrap{position:absolute; right: 30px; width: 150px; height: 60px;  bottom: 30px;}

.notice{width:300px; float:left; height:310px; box-sizing:border-box; text-align:center; background:#fff;  padding:40px  }
.notice h3{color:#000; font-size:23px; }
.notice > img{margin:15px auto 25px;}
.notice ul li{margin-bottom:20px; text-align:left}
.notice ul li:after{content:''; display:block; clear:both; visibility:hidden;}
.notice ul li p{font-size:15px ; color:rgba(51,51,51,.6); line-height:24px;white-space: nowrap; overflow: hidden; width:50%; float:left;text-overflow: ellipsis;}
.notice ul li span{font-size:13px ; color:rgba(142,142,142,.6); float:right;line-height: 24px;}
.contact{width:300px; float:left; height:310px; box-sizing:border-box; text-align:center; padding:40px 50px; background-image:url('../img/board_bg.png');background-size:cover; background-position:center; background-repeat:no-repeat; }
.contact h3{font-size:23px; }
.contact > img{margin:15px auto 25px;}
.contact > p{font-size:16px; color:#fff; line-height:24px;}
.contact > a{padding:20px 0; width:100%; color:#fff; border:1px solid #fff;display: block; margin-top: 15px; text-align:center }

.section01{margin-bottom:20px;}
.section02 ul{margin-bottom:90px;}
.section02 ul:after{content:''; display:block; clear:both; visibility:hidden;}
.section02 ul > li{float:left; width:25%;background-size:cover; background-position:center; background-repeat:no-repeat; position:relative;}
.section02 ul > li .sec_txt_wrap p:nth-of-type(1){font-size:13px; color:#fff; position:absolute; bottom:80px; width: 100%; text-align: center;}
.section02 ul > li .sec_txt_wrap p:nth-of-type(2){font-size:22px; color:#fff; position:absolute; bottom:45px; width: 100%; text-align: center;}
.section02 ul > li .sec_txt_wrap{width:100%; height:50%; content:""; display:block; background: linear-gradient(0deg, #222, transparent); position:absolute; left:0; bottom:0; }
.section02 ul > li:nth-of-type(1){background-image:url('../img/bottom_03.jpg')}
.section02 ul > li:nth-of-type(2){background-image:url('../img/bottom_04.jpg')}
.section02 ul > li:nth-of-type(3){background-image:url('../img/bottom_05.jpg')}
.section02 ul > li:nth-of-type(4){background-image:url('../img/bottom_06.jpg')}
.sec02_wrap{display:none; width:100%; height:100%; background-color:rgba(239,88,122,.7); padding:40px 30px; box-sizing:border-box;  }
.sec02_wrap > p:nth-of-type(1){font-size:13px; color:#fff;text-align: center;}
.sec02_wrap > p:nth-of-type(2){font-size:22px; color:#fff; text-align: center; margin:10px 0 15px;}
.sec02_wrap ol li{border-bottom:1px solid #fff; line-height:35px; }
.sec02_wrap ol li:after{content:''; display:block; clear:both; visibility:hidden;}
.sec02_wrap ol li p{float:left; font-size:15px; color:#fff; }
.sec02_wrap ol li span{float:right; font-size:11px; color:rgba(255,255,255,.6) }

/*.footer{background-image:url('../img/bottom_bg.jpg');background-size:cover; background-position:center; background-repeat:no-repeat; padding:50px 0 70px;}*/
.footer1{color:#fff;background:#f07991;background-size:cover; background-position:center; background-repeat:no-repeat; padding:30px 0;}
.footer2{color:#fff;background:#f55c7a;background-size:cover; background-position:center; background-repeat:no-repeat; padding:0px 0 50px;}
.footer_box1 p:nth-of-type(1){font-size:25px; line-height:30px; color:#fff; font-weight:600; display:inline-block; margin-right:45px; }
.footer_box1 p:nth-of-type(2){font-size:16px; line-height:30px; color:#fff; display:inline-block;}
.footer_box1:after{content:''; display:block; clear:both; visibility:hidden;}
.site_wrap{float:right;}
.site_wrap a{padding:15px 30px; display:inline-block; color:#fff; background-color:rgba(255,255,255,.1); border-radius:20px; }
.footer_box2{padding-top:40px; }
.footer_box2:after{content:''; display:block; clear:both; visibility:hidden;}
.footer_box2 h2{float:left; margin-right:20px}
.footer_box2 ul{float:left;}
.footer_box2 ul li{font-size:13px; color:#fff; line-height:23px; }
.footer_box2 ul li p{margin-right:10px;    display: inline;}
.footer_box2 ul li:last-child{color:#fff; margin-top:10px}
.hm{display:none ;}

@media screen and (max-width:1199px){
.inner{max-width:95% !important;width:100%; min-width:95%;  }
	.header h1 img{height:35px;}
	.hm{display:block  ; width:33px; height:30px; position:relative; float:right; z-index: 1000; }
	.hm span{height:3px; width:100%;position:Absolute; left:0; background-color:#333}
	.hm span:nth-of-type(1){top:0; }
	.hm span:nth-of-type(2){top:50%; transform:translateY(-50%) }
	.hm span:nth-of-type(3){bottom:0; }
	.hm.on span{background-color:#fff;}
	.hm.on span:nth-of-type(1){top: 50%; transform: rotate(45deg); }
	.hm.on span:nth-of-type(2){display:none; }
	.hm.on span:nth-of-type(3){ top: 50%; transform: rotate(-45deg);}
	.header .sns_menu{float:unset; margin-top:10px;}
	.header-mo{position:fixed; background-color: #f55c7a ; right:0; top:0; width:100%; height:100vh; z-index:1000; padding: 25px;  display:none; }
	.header .header-mo .header_menu{float:unset; margin-right:unset; }
	.header .header-mo .header_menu > li{display:block; margin-right:unset; }
	.header .header_menu > li > a {color:#fff; }
	.header .header-mo .header_menu > li ol{position: unset; }
	.header .header_menu > li:hover > a{color:#fff;}
	.section01 .main_visual{width:100% ; float:unset; height: 570px;}
	.main{background-image:unset }
	.notice,
	.contact{width:50%; padding:20px;}
	.section02 ul > li{width:50%; }
	.section02 ul{margin-bottom: 40px;}
	.footer_box1,
	.footer_box2{text-align:center; }'
	.footer_box1 p:nth-of-type(1){font-size:22px; margin-right:unset; margin-bottom: 10px; }
	.footer_box1 p:nth-of-type(2){ font-size: 13px;margin-bottom: 10px;}
	.site_wrap{float:unset; }
	.footer_box2 h2{float:unset; margin-right:unset;    margin-bottom: 10px; }
}