@charset "utf-8";
#wrap {float:left; width:100%; background:; transition:all 0.5s;line-height:1.1;}

/*-------------------------------------------------------------------------------------*
 *  domain                                                                             *
 *-------------------------------------------------------------------------------------*/
.header_wrap{float:left; width:100%; background:url(/images/bg_header.jpg) center top no-repeat; background-size:cover;} 
.header_box{width:1400px; margin:0 auto; height:115px; display:flex; align-items:center; justify-content: space-between; position:relative;}

.top_text{float:left; font-family:'EsaManru'; font-weight:500; font-size:20px; color:#ffffff;}
.top_text span{font-weight:700; color:#ff287e;}

.logo{position:absolute; left:50%; transform:translate(-50%); top:0; margin:0 0 0 12px;}
.logo img{width:190px;}

.gnb_wrap{float:left; width:100%; background:url(/images/bg_gnb.jpg) center top repeat-x; background-size:auto 100%;}
.gnb_box{width:1400px; margin:0 auto; height: 67px; display:flex; align-items: center; background:url(/images/bg_gnbline.png) center top no-repeat;}
.gnb{float:left; margin:10px 0 0 0;}
.gnb li{float:left; margin:0 40px;}
.gnb li a{ padding:5px; font-family:'EsaManru'; font-weight:500; font-size:20px; color:#ffffff;}
.gnb.left{float:left;}
.gnb.right{float:right; margin:10px 0 0 auto;}


.header_fix{float:left; width:100%; position:fixed; z-index:100;}
@media screen and (max-width:1440px) {
    .header_box{width:100%; padding:0 10px;}
    .gnb_box{width:100%; padding:0 10px; background:none;}
	.gnb li{margin:0 20px;}
}

@media screen and (max-width:1024px) {
    .gnb_wrap{display:none;}
    .top_text{display:none;}
	.logo{position:static; transform:translate(0);}
	.logo img{width:100px;}
	.header_box{height:auto; padding:10px 10px;}
}

/*-------------------------------------------------------------------------------------*
 *  contents                                                                           *
 *-------------------------------------------------------------------------------------*/
.contents_wrap{float:left; width:100%; margin:60px 0 0 0; padding:0 0 40px 0;}
.contents_box{width:1400px; margin:0 auto;}

.con_box00 {float:left; width:100%; margin:0 0 0 0;}
.con_box05 {float:left; width:100%; margin:5px 0 0 0;}
.con_box10 {float:left; width:100%; margin:10px 0 0 0;}
.con_box20 {float:left; width:100%; margin:20px 0 0 0;}
.con_box30 {float:left; width:100%; margin:30px 0 0 0;}
.con_box40 {float:left; width:100%; margin:40px 0 0 0;}
.con_box50 {float:left; width:100%; margin:50px 0 0 0;}
.con_box60 {float:left; width:100%; margin:60px 0 0 0;}

@media screen and (max-width:1440px) {
    .contents_wrap{margin:40px 0 0 0;}
    .contents_box{width:100%; padding:0 10px;}
}

/*-------------------------------------------------------------------------------------*
 *  contents                                                                           *
 *-------------------------------------------------------------------------------------*/
.main_slide_show{float:left; width:100%; text-align:center; overflow:hidden; position:relative; margin:182px 0 0 0; padding:110px 0 80px; background:url(/images/slideshow01.jpg) center top no-repeat;}
.slideshow_logo{float:left; width:100%; padding:0 50px; text-align:center;}
.slideshow_logo img{width:100%; max-width:700px;}
.slideshow_text1{float:left; width:100%; padding:0 50px; text-align:center; font-family:'EsaManru'; font-weight:500; font-size:46px; color:#000000; transition:all 0.5s;}
.slideshow_text1 span{font-weight:700;}
.slideshow_text2{float:left; width:100%; padding:0 50px; margin:5px 0 0 0; text-align:center; font-family:'EsaManru'; font-weight:500; font-size:46px; color:#000000; transition:all 0.5s;}
.slideshow_text2 span{font-weight:700;}

.marquee_wrap {width:100%;  max-width:1820px; overflow:hidden; position:absolute; left:50%;top:0%;transform: translate(-50%, 0%); z-index:2; background:url(/images/bg_notice.png) center top no-repeat; background-size:100% 100%; padding:0 30px; overflow:hidden;}
.marquee {padding:0.8em 0; overflow:hidden; position:relative; font-family:'EsaManru'; font-weight:300; font-size:19px; color:#ffffff; transition:all 0.5s;}
.marquee p:after { content:""; white-space:nowrap; padding-right:50px;}

@media screen and (max-width:1440px) {
    .slideshow_text1{font-size:36px;}
    .slideshow_text2{font-size:36px;}
}

@media screen and (max-width:1024px) {
	.main_slide_show{margin:103px 0 0 0;}
    .marquee_wrap{display:none;}
	.main_slide_show{background:url(/images/m_slideshow01.jpg) right top no-repeat; background-size:cover;  padding:80px 0 40px;}
	.slideshow_logo{text-align:left; padding:0 40px 0 20px;}
	.slideshow_text1{text-align:left; font-size:30px; padding:0 20px 0 30px;}
	.slideshow_text2{text-align:left; font-size:30px; padding:0 20px 0 30px;}
}

.contents_zone1{float:left; width:100%; display:flex; justify-content:space-between;}
.cz1_box{width:690px; height:280px; display:flex; flex-wrap: wrap; align-content: center; padding:20px 20px 20px 40px;}

.cz1_box1{background:url(/images/con_img1.jpg) center top no-repeat;}
.cz1_box2{background:url(/images/con_img2.jpg) center top no-repeat;}
.cz1_title{float:left; width:100%; font-family:'EsaManru'; font-weight:700; font-size:40px; color:#ffffff;}
.cz1_text{float:left; width:100%; margin:20px 0 0 0;}
.cz1_text p{float:left; width:100%; font-family:'EsaManru'; font-weight:500; font-size:20px; color:#ffffff;}

@media screen and (max-width:1024px) {
  .contents_zone1{flex-wrap:wrap;}
  .cz1_box{width:100%;  padding:50px 20px 40px 30px;}  
  .cz1_box1{width:100%; height:auto; background-size:cover;}  
  .cz1_box2{width:100%; height:auto; background-size:cover; margin:10px 0 0 0;}  
}
@media screen and (max-width:768px) {
    .cz1_title{font-size:30px;}
    .cz1_text{font-size:16px;}
}

.contents_zone2{float:left; width:100%; margin:60px 0 0 0; background:url(/images/con_img3.jpg) center top no-repeat;}
.cz2_right{width:50%; max-width:560px; float:left; margin:0 0 0 700px; padding:40px 0 110px;  text-align:center;}
.cz2_item{position:absolute;}
.cz2_title{float:left; width:100%; text-align:center; font-family:'EsaManru'; font-weight:700; font-size:54px; color:#ffffff;}
.cz2_text{float:left; width:100%; margin:20px 0 60px 0; text-align:center;}
.cz2_text p{float:left; width:100%; text-align:center; font-family:'EsaManru'; font-weight:500; font-size:26px; color:#ffffff;}
.cz2_text p span{font-weight:700; color:#ff287e;}

.cz2_num{float:left; width:100%; text-align:center; font-family:'EsaManru'; font-weight:700; font-size:44px; color:#ffffff;}
@media screen and (max-width:1440px) {
    .cz2_item{height:100%; display:none;}
	.cz2_right{width:100%; margin:0 10vw 0 0; float:right; }
}
@media screen and (max-width:1024px) {
	.cz2_right{width:100%; max-width:100%; margin:0;}
    .cz2_title{font-size:36px;}
    .cz2_text p{font-size:18px;}	
    .cz2_num{font-size:30px;}	
	.cz2_right img{width:140px;}
}
@media screen and (max-width:768px) {
    .cz2_title{font-size:30px;}
    .cz2_text p{font-size:16px;}	
    .cz2_num{font-size:24px;}		
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:768px) {
}

.contents_zone3{float:left; width:100%; margin:0px 0 0 0;}
.cz3_title{float:left; width:100%; text-align:center; font-family:'EsaManru'; font-weight:700; font-size:54px; color:#000000;}
.cz3_text{float:left; width:100%; margin:40px 0 0 0; text-align:center; font-family:'EsaManru'; font-weight:300; font-size:25px; color:#616161;}
.czt_font01{font-weight:700; color:#000000;}
.czt_font02{font-weight:700; color:#ff287e;}

.cz3_box_zone{float:left; width:100%; margin:60px 0 0 0;}
.cz3_box{float:left; width:31.43%; background:#ffffff; border:1px solid #000000; padding:40px 30px; cursor:pointer; transition:all 0.5s;}
.cz3_box_title{float:left; width:100%; text-align:center; font-family:'EsaManru'; font-weight:700; font-size:28px; color:#000000; transition:all 0.5s;}
.cz3_box_text{float:left; width:100%; margin:20px 0 0 0; text-align:center; line-height:24px; font-family:'EsaManru'; font-weight:300; font-size:18px; color:#616161;}
.cz3_box_btn{float:left; width:100%; margin:20px 0 0 0; text-align:center;}
.cz3_box_btn a{display:inline-block; min-width:160px; height:44px; line-height:44px; border-radius:44px; background:#ffffff; border:1px solid #000000; font-family:'EsaManru'; font-weight:500; font-size:20px; color:#000000; transition:all 0.5s;}

.cz3_box{margin:0 2.855% 2.855% 0;}
.cz3_box:nth-child(3n){margin:0 0 2.855% 0;}

.cz3_box:hover{border:1px solid #ff287e;}
.cz3_box:hover .cz3_box_title{color:#ff287e;}
.cz3_box:hover .cz3_box_btn a{background:#ff287e; border:1px solid #ff287e; color:#ffffff;}

.btn_img1{float:left; width:100%; text-align:center;}
.btn_img1 a{display:inline-block;}
.cz3_img{float:left; width:100%; text-align:center; margin:90px 0 0 0;}
.cz3_img:first-child{margin:0;}


@media screen and (max-width:1024px) {
	.cz3_box_zone{display:flex; flex-wrap:wrap;}
	.cz3_box{width:49.5%; margin:0 1% 1% 0; display:flex; flex-wrap:wrap; padding:30px 20px;}
	.cz3_box:nth-child(3n){margin:0 1% 1% 0;}
	.cz3_box:nth-child(2n){margin:0 0 1% 0;}
	.cz3_title{font-size:30px;}
    .cz3_text{font-size:18px;}		
}
@media screen and (max-width:768px) {
	.cz3_title{font-size:24px;}
    .cz3_text{font-size:16px;  margin:20px 0 0 0;}	
	.cz3_box_title{font-size:24px;}
    .cz3_box_text{font-size:14px;  line-height:24px;}	
    .cz3_box_btn{margin:auto 0 0 0;}
    .cz3_box_btn a{font-size:18px; min-width:100px;}	
	.btn_img1{margin:50px 0 0 0;}
	.btn_img1 img{width:100%; max-width:240px;}
}

.contents_zone4{float:left; width:100%; margin:60px 0 0 0; background:url(/images/con_img5.jpg) center top no-repeat; background-size:cover; padding:60px 40px;}
.cz4_title{float:left; width:100%; margin:40px 0 0 0; text-align:center; font-family:'EsaManru'; font-weight:700; font-size:44px; color:#ffffff;}
.cz4_title span{font-weight:700; color:#ff287e;}
.cz4_text{float:left; width:100%; margin:20px 0 60px 0; text-align:center;}
.cz4_text p{float:left; width:100%; text-align:center; line-height:30px; font-family:'EsaManru'; font-weight:300; font-size:20px; color:#ffffff;}
.cz4_text p span{font-weight:700; color:#ff287e;}

@media screen and (max-width:1024px) {
	.contents_zone4{padding:40px 20px;}
	.cz4_title{font-size:30px;}
	.cz4_title span{display:block;}
	.cz4_text{margin:20px 0 30px 0;}
	.cz4_text p{font-size:18px;}
}
@media screen and (max-width:768px) {
	.cz3_img img{width:100%; max-width:160px;}
}
.contents_zone5{float:left; width:100%; margin:60px 0 0 0; background:url(/images/con_img6.jpg) center top no-repeat; background-size:cover; padding:100px 40px;}
.cz5_title{float:left; width:100%; margin:40px 0 0 0; text-align:center; font-family:'EsaManru'; font-weight:700; font-size:54px; color:#ffffff;}
.cz5_text1{float:left; width:100%; margin:60px 0 60px 0; text-align:center;}
.cz5_text1 p{float:left; width:100%; text-align:center; line-height:30px; font-family:'EsaManru'; font-weight:300; font-size:30px; color:#ffffff;}

.cz5_text2{float:left; width:100%; text-align:center; line-height:30px; font-family:'EsaManru'; font-weight:500; font-size:40px; color:#ffffff;}

@media screen and (max-width:1024px) {
	.contents_zone5{padding:50px 20px;}
	.cz5_title{font-size:30px;}
    .cz5_text1{margin:30px 0 30px 0;}
    .cz5_text1 p{font-size:18px;}	
    .cz5_text2{font-size:20px;}	
}
@media screen and (max-width:768px) {
}



/*-------------------------------------------------------------------------------------*
 *  footer                                                                             *
 *-------------------------------------------------------------------------------------*/
.footer_wrap{float:left; width:100%; margin:60px 0 0 0; background:#000000; padding:50px 10px;}
.footer_box{width:1400px; margin:0 auto; display:flex; align-items:center;}

.f_logo{margin:0 30px 0 0;}
.f_logo img{width:130px;}

.f_add p{line-height:30px; font-family:'EsaManru'; font-weight:300; font-size:14px; color:#cfcfcf;}
.f_copy{margin:0 0 0 auto; font-family:'EsaManru'; font-weight:300; font-size:18px; color:#737373;}

@media screen and (max-width:1440px) {
	.footer_box{float:left; width:100%; padding:0 20px;}
}
@media screen and (max-width:1024px) {
	.footer_box{flex-wrap:wrap;}
	.f_logo{width:100%;}
	.f_add{width:100%; margin:20px 0 0 0;}
	.f_copy{width:100%; margin:10px 0 0 0;}
	
}
@media screen and (max-width:768px) {
    .f_logo img{width:80px;}
    .f_add span{display:block;}
}