@charset "UTF-8";
.swiper-pagination{display:inline-block; position:relative; text-align:center;}
.swiper-pagination-bullet{display:inline-block; width:25px; height:3px; margin:0 2.5px; background:#fff; opacity:1; border-radius:0;vertical-align:middle; transition:.2s;}
.swiper-pagination-bullet:focus, .swiper-pagination-bullet:hover{background:#e61d63;}
.swiper-pagination-bullet-active{position:relative; width:25px; height:3px; margin:0 2.5px; background:#e61d63;}
.swiper-pagination-bullet-active:focus, .swiper-pagination-bullet-active:hover{background:#e61d63;}
.swiper-pagination-fraction{bottom:0;}

#mainVisual{position:relative; width:100%; min-width:1200px;height:634px; margin:0 auto; overflow:hidden;}
#mainVisual .swiper-main-visual{width:100%;}
#mainVisual .swiper-main-visual .swiper-slide{width:100%; height:634px;}
#mainVisual .swiper-main-visual .swiper-slide.bg01{background:#daf4f6 url('../images/main2/mainVisual01.jpg?ver=221115') no-repeat center top;background-size:cover;}
#mainVisual .swiper-main-visual .swiper-slide.bg02{background:#daf4f6 url('../images/main2/mainVisual02.jpg?ver=221114') no-repeat center top;background-size:cover;}
#mainVisual .swiper-main-visual .swiper-slide.bg03{background:#daf4f6 url('../images/main2/mainVisual03.jpg?ver=221114') no-repeat center top;background-size:cover;}
#mainVisual .swiper-main-visual .swiper-slide.bg04{background:#daf4f6 url('../images/main2/mainVisual04.jpg?ver=221114') no-repeat center top;background-size:cover;}
#mainVisual .swiper-main-visual .swiper-slide .wrapper{height:100%;}
#mainVisual .swiper-main-visual .swiper-slide .left{position:absolute;display:inline-block;top: 50%;left:0;transform:translateY(-50%);text-align:left;}
#mainVisual .swiper-main-visual .swiper-slide .left .txt{color:#fff;font-size:1.875rem;line-height:1.6;margin-bottom:18px;word-break:keep-all;}
#mainVisual .swiper-main-visual .swiper-slide .left .ti{color:#fff;font-size:2.813rem;line-height:1.6;font-weight:600;word-break:keep-all;}
#mainVisual .swiper-main-visual .swiper-slide .left .ti strong{color:#fdd000;font-weight:600;}
#mainVisual .swiper-main-visual .swiper-slide .right{position:relative;height:100%;text-align:right;}
#mainVisual .swiper-main-visual .swiper-slide .right .img{position:absolute;right:0;top:80px;display:inline-block;width:314px;}
#mainVisual .swiper-main-visual .swiper-slide .right .img img{width:100%;max-width:314px;}
#mainVisual .swiper-main-visual .swiper-slide .right .button{position:absolute;right:0;bottom:110px;display:inline-block;width:190px;}
#mainVisual .swiper-main-visual .swiper-slide .right .button a{position:relative;display:block; background:transparent;border:1px solid #fff;font-size:1.25rem;color:#fff;font-weight:300;text-align:left;padding:14px 25px;transition:background 0.2s;}
#mainVisual .swiper-main-visual .swiper-slide .right .button a:hover, #mainVisual .swiper-main-visual .swiper-slide .right .button a:focus{background:rgba(233,29,99,0.3); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#30e61d63,endColorstr=#30e61d63);}
#mainVisual .swiper-main-visual .swiper-slide .right .button a:after{content:'';position:absolute;width:6px;height:11px;top:50%;right:25px;transform:translateY(-50%);display:inline-block;background:url('../images/main/ico_arrow.png') no-repeat center top;}

#mainVisual .bgBox{position:absolute; width:100%; height:100%;left:0; bottom:0;}
#mainVisual .bgBox .pager{display:inline-block; position:absolute; width:100%;text-align:center;left:0;bottom:0;margin-bottom:35px;}



/* contents */
#contents{clear:both; position:relative; width:100%;}
#contents h2{display:inline-block; position:relative; margin:85px auto 45px; padding:18px; color:#e61d63; font-size:1.5rem; font-weight:900; text-align:center;}
#contents h2:before{content:''; display:block; position:absolute; width:28px; height:1px; top:0; left:50%; margin-left:-14px; background:#e61d63;}
#contents h3{display:block; position:relative; margin:0 auto 30px; color:#595757; font-size:1.188rem; font-weight:900; text-align:left;}
#contents .list{clear:both;}
#contents .list ul{display:inline-block; width:100%; margin-top:-15px;}
#contents .list ul li{position:relative; float:left; width:370px; height:335px; margin-top:15px; margin-right:15px; background:#fff; overflow:hidden;}
#contents .list ul li:nth-child(3n){margin-right:0;}
#contents .list ul li:nth-child(3n+1){clear:both; float:left;}
#contents .list ul li > a{display:block; position:relative; width:100%; height:100%;}
#contents .list ul li > a .listImg{display:block; position:relative; width:100%; height:235px; overflow:hidden;}
#contents .list ul li > a .listImg img{width:100%; height:100%;}
#contents .list ul li > a .listImg .imgHover{position:absolute; width:100%; height:100%; top:0; left:0; background:url('../images/bg_hover.png') center center repeat; opacity:0; transition:all 0.3s;}
#contents .list ul li > a .listImg .imgHover img{position:absolute; width:36px; height:36px; top:50%; left:50%; margin-top:-18px; margin-left:-18px;}
#contents .list ul li > a:hover .listImg .imgHover, #contents .list ul li > a:focus .listImg .imgHover{opacity:1;}
#contents .list ul li > a .listTxt{display:block; position:relative; width:100%; height:100px;}
#contents .list ul li > a .listTxt p{padding:25px 20px 13px; width:100%; color:#595757; font-size:1.188rem; font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#contents .list ul li > a:hover .listTxt p, #contents .list ul li > a:focus .listTxt p{color:#e61d63;}
#contents .list ul li > a .listTxt span{display:block; width:100%; color:#a7a7a7; font-size:.938rem; font-weight:500; padding:0 20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#contents a.more{display:block; margin:74px auto; width:40px; height:40px; line-height:72px; color:transparent; font-weight:500; text-align:center; background:url('../images/ico_more.gif') no-repeat center center; transition:all 0.2s; transition-delay:0.1s;}
#contents a.more:hover, #contents a.more:focus{line-height:36px; color:#d61d63; background-position:center -40px;}
#contents .con1{clear:both; position:relative; width:100%; height:1065px; text-align:center; background:#fcf9fa url('../images/main/bg_main01.jpg') no-repeat center top; background-size:cover;}
#contents .con2{clear:both; position:relative; width:100%; height:725px; text-align:center; background:#fcfcfc; border:1px solid #e5e5e5; border-left:none; border-right:none;}
#contents .con3{clear:both; position:relative; width:100%; height:725px; text-align:center; background:#ededed url('../images/main/bg_main02.gif') repeat center top;}
#contents .con3 .list ul li{border:1px solid #e6e6e7; box-sizing:border-box;}
#contents .con3 .list ul li > a .listImg{height:230px;}
#contents .con3 .list ul li > a .listTxt{height:105px; padding:0; text-align:left; border-top:1px solid #e6e6e7; box-sizing:border-box;}
#contents .con3 .list ul li > a .listTxt p{max-height:4em; line-height:1.4; margin-top:-.14em; white-space:inherit; word-break:keep-all;}
#contents .con3 a.more{margin:52px auto 74px;}

@media screen and (max-width:1199px) and (min-width:1024px){
	#wrap{width:100%;min-width:1007px;}
	#wrap .wrapper{width:940px;}
	/* visual */
	#mainVisual{position:relative; min-width:auto;height:500px; max-height:auto; min-height:auto;}
	#mainVisual .swiper-main-visual .swiper-slide{ min-width:auto;height:500px;}
	#mainVisual .swiper-main-visual .swiper-slide .left{top: 120px;transform: inherit;}
	#mainVisual .swiper-main-visual .swiper-slide .right .img{width:250px;top:60px;}
	#mainVisual .swiper-main-visual .swiper-slide .right .button{bottom:90px;}

	/* contents */
	#contents .list ul{margin-top:-14px;}
	#contents .list ul li{width:304px; height:292px; margin-top:14px; margin-right:14px;}
	#contents .list ul li > a .listImg{height:192px;}
	#contents a.more{margin:60px auto;}

	#contents .con3 .list ul li > a .listImg{height:187px;}
	#contents .con3 a.more{margin:52px auto 60px;}
}

@media screen and (max-width:1023px) and (min-width:768px){
	#wrap{width:100%;min-width:751px;}
	#wrap .wrapper{width:100%;max-width:720px;}
	/* visual */
	#mainVisual{min-width:auto;height:480px;}
	#mainVisual .swiper-main-visual .swiper-slide{height:480px;}
	#mainVisual .swiper-main-visual .swiper-slide .left{top: 120px;transform: inherit;}
	#mainVisual .swiper-main-visual .swiper-slide .left .txt{font-size:1.75rem;margin-bottom:8px;}
	#mainVisual .swiper-main-visual .swiper-slide .left .ti{font-size:2.5rem;}
	#mainVisual .swiper-main-visual .swiper-slide .right .img{width:230px;top:60px;}
	#mainVisual .swiper-main-visual .swiper-slide .right .button{width:160px;bottom:90px;}
	#mainVisual .swiper-main-visual .swiper-slide .right .button a{font-size:1.125rem;padding:14px 18px;}
	#mainVisual .swiper-main-visual .swiper-slide .right .button a:after{right:18px;}
	#mainVisual .bgBox .pager{margin-bottom:25px;}

	/* contents */
	#contents .list ul{margin-top:-15px;}
	#contents .list ul li{width:352px; height:324px; margin-top:15px; margin-right:15px;}
	#contents .list ul li:nth-child(3n){margin-right:15px;}
	#contents .list ul li:nth-child(3n+1){clear:none;}
	#contents .list ul li:nth-child(2n){margin-right:0;}
	#contents .list ul li:nth-child(2n+1){clear:both; margin-right:15px;}
	#contents .list ul li > a .listImg{height:224px;}
	#contents a.more{margin:40px auto;}

	#contents .con3 .list ul li > a .listImg{height:219px;}
	#contents .con1{height:auto; padding:5px 0; box-sizing:border-box;}
	#contents .con2{height:auto; padding:5px 0; box-sizing:border-box;}
	#contents .con3{height:auto; padding:5px 0; box-sizing:border-box;}
	#contents .con3 a.more{margin:40px auto;}
}

@media screen and (max-width:767px){
	#wrap{width:100%;min-width:320px;}
	#wrap .wrapper{width:100%;}
	/* visual */
	#mainVisual{ min-width:auto;height:320px;}
	#mainVisual .swiper-main-visual .swiper-slide{height:320px;}
	#mainVisual .swiper-main-visual .swiper-slide .wrapper{max-width:90%;}
	#mainVisual .swiper-main-visual .swiper-slide .left{width:100%;top: 48px;transform: inherit;}
	#mainVisual .swiper-main-visual .swiper-slide .left .txt{font-size:1.625rem;margin-bottom:0;}
	#mainVisual .swiper-main-visual .swiper-slide .left .ti{font-size:2rem;}
	#mainVisual .swiper-main-visual .swiper-slide .right{width:100%;}
	#mainVisual .swiper-main-visual .swiper-slide .right .img{width:125px;top:30px}
	#mainVisual .swiper-main-visual .swiper-slide .right .button{display:block;width:100%;bottom:60px;}
	#mainVisual .swiper-main-visual .swiper-slide .right .button a{font-size:1.125rem;padding:14px 18px;}
	#mainVisual .swiper-main-visual .swiper-slide .right .button a:after{right:18px;}
	#mainVisual .bgBox .pager{margin-bottom:20px;}

	/* contents */
	#contents h2{margin:65px auto 25px;}
	#contents h3{width:93%; min-width:290px; padding:0 8px;}
	#contents .list ul{display:flex; flex-wrap:wrap; justify-content:center; margin-top:0;}
	#contents .list ul li{float:none; width:45%; height:auto; margin:0 4px 8px;}
	#contents .list ul li:nth-child(3n){margin-right:4px;}
	#contents .list ul li:nth-child(3n+1){clear:none; float:none;}
	#contents .list ul li > a .listImg{height:auto;}
	#contents a.more{margin:28px auto 40px;}

	#contents .con3 .list ul li > a .listImg{height:auto;}
	#contents .con1{height:auto; padding:5px 0; box-sizing:border-box;}
	#contents .con2{height:auto; padding:5px 0; box-sizing:border-box;}
	#contents .con3{height:auto; padding:5px 0; box-sizing:border-box;}
	#contents .con3 a.more{margin:28px auto 40px;}
}

@media screen and (max-width:480px){
	#mainVisual{ min-width:auto;height:300px;}
	#mainVisual .swiper-main-visual .swiper-slide{height:300px;}
	#mainVisual .swiper-main-visual .swiper-slide .left .txt{font-size:1.5rem;line-height:1.4;margin-bottom:0;}
	#mainVisual .swiper-main-visual .swiper-slide .left .ti{font-size:1.875rem;line-height:1.4;}
	#mainVisual .swiper-main-visual .swiper-slide .right .img{width:28%;min-width:85px;top:25px;}
	#mainVisual .swiper-main-visual .swiper-slide .right .button{display:block;width:100%;bottom:50px;}

	#contents h3{width:100%; max-width:290px;}
	#contents .list ul{display:inline-block;}
	#contents .list ul li{width:290px; height:285px; margin:0 auto 8px;}
	#contents .list ul li:nth-child(3n){margin-right:auto;}
	#contents a.more{margin:20px auto 40px;}

	#contents .con3 .list ul li > a .listImg{height:180px;}
	#contents .con3 a.more{margin:20px auto 40px;}
}