/*_pc*/
@media all and (min-width:1025px) {	   
    

    .main{}
	
	.content{margin-bottom:150px}
	.content section{margin:100px 0;font-size:20px}
	
	.mar100{margin:100px 0}
	
	.space{height:1px}
	.space50{height:50px}
	.space100{height:100px}
	
	.sub-line{border-top:1px solid #ddd;margin:100px auto}
	
	.sub-visual{height:250px;background:url('../images/sub/s01_visual.jpg') no-repeat center /cover;overflow:hidden}
	.sub-visual .container{height:100%}
	.sub-visual .tit{position:absolute;transform:translateY(10%);bottom:-30px;font-size:100px;color:#fff}
	
	.sub-menu{;border-bottom:1px solid #eee}
	.sub-menu .container dl{display:flex;gap:50px}
	.sub-menu dd{}
	.sub-menu dd.is-on a{color:var(--main-color-dark)}
	.sub-menu dd.is-on a:before,
	.sub-menu dd.is-on a:after{content:'';position:absolute;left:50%;bottom:0;transform:translate(-50%,50%);width:10px;height:10px;background:var(--main-color-dark);border-radius:50%}
	.sub-menu dd.is-on a:before{width:20px;height:20px;border:1px solid #ddd;background:#fff}
	.sub-menu a{display:block;position:relative;font-size:22px;line-height:100px}
	.sub-menu a:hover{color:var(--main-color-dark)}
	
	.sub-banner{margin:100px 0;text-align:center}
	
	.sec-line{border-top:1px solid #ddd;margin:100px 0}
    
	.h3_tit{text-align:center;margin:80px 0}
    .h3_tit .tit{font-size:48px}
    .h3_tit .desc{font-size:24px;margin-top:40px}
	
	
	.h4_tit{text-align:center}
    .h4_tit .tit{margin:100px 0 80px;font-size:30px}


	.sub-btn{display:flex;justify-content:center;gap:40px;margin:100px 0}
	.sub-btn a{line-height:55px;padding:0 50px 0 80px;font-size:20px;border:1px solid #333;border-radius:50px;background:url('../images/ico-arrow.png') no-repeat 40px center;transition:0.3s}
	.sub-btn a:hover{background:url('../images/ico-arrow-w.png') no-repeat 45px center #0b2e96;border:1px solid #0b2e96;color:#fff}

	
	/*s0101*/
	.s0101_sec1 .list{max-width:1100px;margin:100px auto}
	.s0101_sec1 .list li{display:flex;gap:50px;align-items:center;margin:40px 0}
	.s0101_sec1 .list li:nth-child(1) .tit{background:url('../images/sub/s0101_thumb1.png') no-repeat center /cover}
	.s0101_sec1 .list li:nth-child(2) .tit{background:url('../images/sub/s0101_thumb2.png') no-repeat center /cover}
	.s0101_sec1 .list li:nth-child(3) .tit{background:url('../images/sub/s0101_thumb3.png') no-repeat center /cover}
	.s0101_sec1 .list .tit{display:flex;justify-content:center;align-items:center; width:140px;height:140px;background:#555;border-radius:50%;color:#fff;font-size:26px;font-weight:600;text-align:center;line-height:1.2}
	.s0101_sec1 .list .desc{flex:1}
	.s0101_sec1 .list .desc strong{display:block;font-size:22px;margin-bottom:5px}
    
	
	.s0101_sec2 .box{background:#f5f5f5;border-radius:20px;overflow:hidden;padding:50px 8vw}
	.s0101_sec2 .h3_tit .tit{margin:40px 0}
	.s0101_sec2 .inner{display:flex;gap:70px;margin:40px 0}	
	.s0101_sec2 .inner .logo{}
	.s0101_sec2 .inner .info{flex:1}
	.s0101_sec2 .inner .info .tit{display:block;font-size:24px;}
	.s0101_sec2 .inner .info .desc{color:#555;margin-top:20px}
	
	
	.s0101_sec3 .history{position:relative}
	.s0101_sec3 .history:before{content:'';position:absolute;left:50%;height:100%;border-left:1px solid #ddd}
	
	.s0101_sec3 .year_con{display:flex;gap:50px;align-items:center;position:relative;left:50%;width:50%;transform:translateX(-70px);margin:50px 0}
	.s0101_sec3 .year_con:first-child{margin-top:0}
	.s0101_sec3 .year_con:first-child .year{color:#fff;background:var(--main-color-dark)}
	.s0101_sec3 .year_con .year{display:flex;justify-content:center;align-items:center; width:140px;height:140px;;border-radius:50%;border:1px solid #aaa;font-size:30px;font-weight:900;background:#fff}
	.s0101_sec3 .year_con .info{flex:1;font-size:17px;line-height:1.5;color:#555}
	.s0101_sec3 .year_con .info li:before{content:'';display:inline-block;width:4px;height:4px;background:var(--main-color-dark);vertical-align:middle;margin-right:7px;margin-top:-2px;border-radius:3px}
	
	.s0101_sec3 .year_con:nth-child(2n){left:0;justify-content: flex-end;transform:translateX(70px)}
	.s0101_sec3 .year_con:nth-child(2n) .year{order:1;}
	.s0101_sec3 .year_con:nth-child(2n) .info{text-align:right}
	
	
	/*s0102*/
	.s0102_sec2 .list ul{display:flex;gap:100px 50px;flex-wrap:wrap}
	.s0102_sec2 .list li{display:flex;align-items:center;width:calc((100% - 50px)/2)}
	.s0102_sec2 .list .ico{width:140px}
	.s0102_sec2 .list .info{flex:1}
	.s0102_sec2 .list .info .tit{font-size:22px;font-weight:600;}
	.s0102_sec2 .list .info .desc{margin-top:20px;color:#555}
	

	
	/*s0103*/
	.s0103_sec1 .box{max-width:1200px;margin:0 auto;display:flex}
	.s0103_sec1 .info{width:400px;background:var(--main-color-dark);color:#fff;padding:40px 40px}
	.s0103_sec1 .info .tit{font-size:24px;font-weight:600}
	.s0103_sec1 .info .desc{font-size:16px;margin:10px 0}
	.s0103_sec1 .info .desc .sns{display:flex;gap:10px;margin-top:10px}
	.s0103_sec1 .info .contact .desc{padding-left:60px;background:url('../images/ico-tel.png') no-repeat 0 5px}
	.s0103_sec1 .info .address{margin-top:50px}
	.s0103_sec1 .info .address .desc{padding-left:60px;background:url('../images/ico-pos.png') no-repeat 0 5px}
	.s0103_sec1 .map{flex:1;border:1px solid #ddd;height:400px}
	
	
	/*s0202*/
	.s0202_sec1 .menu{display:flex;gap:10px;justify-content:center;margin-top:100px}
	.s0202_sec1 .menu span{line-height:50px;border-radius:50px;border:1px solid #333;background:#fff;width:220px;text-align:center;cursor:pointer}
	.s0202_sec1 .box{background:#f5f5f5;margin:100px 0;padding:100px 50px 50px}
	.s0202_sec1 .info_con{display:flex;justify-content:center;align-items:center}
	.s0202_sec1 .info_con .tit{width:33%;text-align:right;padding:0 20px;font-size:60px;font-weight:800}
	.s0202_sec1 .info_con .desc{flex:1;padding:0 20px;border-left:1px solid #ddd;}
	.s0202_sec1 .swiper_con{position:relative;border-radius:40px;background:#fff;padding:50px;margin-top:50px;text-align:center}
	.s0202_sec1 .swiper_con .swiper-slide img{display:block}
	.s0202_sec1 .swiper_con .swiper-slide span{display:inline-block;line-height:40px;border-radius:40px;padding:0 40px;background:#f5f5f5;margin:20px 0 0}
	.s0202_sec1 .swiper_con .swiper-button-prev{left:-150px;margin-top:-60px}
	.s0202_sec1 .swiper_con .swiper-button-next{right:-150px;margin-top:-60px}
	
	
	/*s0203*/
	.s0203_sec1 .list ul{display:flex;gap:6vw;justify-content:center;margin:100px 0}
	.s0203_sec1 .list li{width:300px;;text-align:center;font-size:18px;color:#555}
	.s0203_sec1 .list li .tit{display:block;font-size:22px;padding-top:250px;background:url('../images/sub/s0203_ico1.png') no-repeat center 0;margin:20px 0;color:#000}
	.s0203_sec1 .list li:nth-of-type(2) .tit{background-image:url('../images/sub/s0203_ico2.png')}
	.s0203_sec1 .list li:nth-of-type(3) .tit{background-image:url('../images/sub/s0203_ico3.png')}
	
	
	/*s0204*/
	.s0204_sec1 .list ul{display:flex;gap:50px 2vw;align-items:center;flex-wrap:wrap;margin:100px 0}
	.s0204_sec1 .list li{width:calc((100% - 2vw*4)/5);;text-align:center;}
	
	
	/*s0301*/
	.s0301_sec1 .list{max-width:1100px;margin:100px auto}
	.s0301_sec1 .list li{display:flex;gap:50px;align-items:center;margin:40px 0}
	.s0301_sec1 .list li:nth-child(1) .tit{background:url('../images/sub/s0301_thumb1.png') no-repeat center /cover}
	.s0301_sec1 .list li:nth-child(2) .tit{background:url('../images/sub/s0301_thumb2.png') no-repeat center /cover}
	.s0301_sec1 .list li:nth-child(3) .tit{background:url('../images/sub/s0301_thumb3.png') no-repeat center /cover}
	.s0301_sec1 .list .tit{display:flex;justify-content:center;align-items:center; width:200px;height:200px;background:#555;border-radius:50%;color:#fff;font-size:34px;font-weight:600;text-align:center;line-height:1.2}
	.s0301_sec1 .list .desc{flex:1}
	.s0301_sec1 .list .desc strong{display:block;font-size:22px;margin-bottom:5px}
	
	
	/*s0302*/
	.s0302_sec1 .list{margin:100px auto}
	.s0302_sec1 .list li{display:flex;gap:50px;align-items:center;margin:100px 0;flex-wrap:wrap}
	.s0302_sec1 .list li:nth-child(1) .tit{background:url('../images/sub/s0301_thumb1.png') no-repeat center /cover}
	.s0302_sec1 .list li:nth-child(2) .tit{background:url('../images/sub/s0301_thumb2.png') no-repeat center /cover}
	.s0302_sec1 .list li:nth-child(3) .tit{background:url('../images/sub/s0301_thumb3.png') no-repeat center /cover}
	.s0302_sec1 .list .tit{display:flex;justify-content:center;align-items:center; width:100px;height:100px;background:#555;border-radius:50%;color:#fff;font-size:34px;font-weight:600;text-align:center;line-height:1.2}
	.s0302_sec1 .list .desc{flex:1}
	.s0302_sec1 .list .desc strong{display:block;font-size:22px;margin-bottom:5px}
	.s0302_sec1 .list .swiper{width:100%}
	
	
	.s0302_sec2 .sec-line{margin-top:130px}
	
	
	/*s0303*/
	.s0303_sec1 .list{}
	.s0303_sec1 .list ul{display:flex;gap:3vw;flex-wrap:wrap}
	.s0303_sec1 .list li{width:calc((100% - 3vw)/2)}
	.s0303_sec1 .list .tit{font-size:24px;margin:20px 0;font-weight:600}
	.s0303_sec1 .list .desc{font-size:18px;color:#555;margin:20px 0 50px}
	
	
	/*s0304*/
	.s0304_sec1 .swiper-slide img{border-radius:10px;overflow:hidden}
	.s0304_sec1 .swiper-slide span{display:block;margin:20px 0;font-size:18px}
	
	.s0304_sec2 .list ul{display:flex;gap:50px 2vw;justify-content:center;align-items:center;flex-wrap:wrap;margin:100px 0}
	.s0304_sec2 .list li{width:calc((100% - 2vw*4)/5);;text-align:center;}
	
	
	/*s0401*/
	.s0401_sec .input_con{border-top:2px solid var(--main-color-dark)}
	.s0401_sec .input_con li{display:flex;align-items:center;border-bottom:1px solid #ddd}
	.s0401_sec .input_con li .tit{width:15vw;text-align:center}
	.s0401_sec .input_con li .desc{flex:1;padding:5px 20px;;border-left:1px solid #ddd}
	.s0401_sec .input_con li .desc.tel{display:flex;align-items:center;gap:5px}
	.s0401_sec .input_con li .desc.tel input{width:100px}
	
	.s0401_sec .agree_con{display:flex;font-size:18px;gap:20px;margin-top:20px}
	.s0401_sec .agree_con a{line-height:35px;padding:0 20px;border:1px solid #ddd}


}

    

/*_mobile*/
@media all and (max-width:1024px) {
    
    .main{}
	
	.content{margin-bottom:70px}
	.content section{margin:50px 0;font-size:12px}
	
	.mar100{margin:50px 0}
	
	.space{height:1px}
	.space50{height:25px}
	.space100{height:50px}
	
	.sub-line{border-top:1px solid #ddd;margin:50px auto}
	
	.sub-visual{height:150px;background:url('../images/sub/s01_visual.jpg') no-repeat center /cover;overflow:hidden}
	.sub-visual .container{height:100%}
	.sub-visual .tit{position:absolute;transform:translateY(10%);bottom:-12px;font-size:50px;color:#fff;letter-spacing:-2px}
	
	.sub-menu{;border-bottom:1px solid #eee}
	.sub-menu .container dl{display:flex;gap:20px}
	.sub-menu dd{}
	.sub-menu dd.is-on a{color:var(--main-color-dark)}
	.sub-menu dd.is-on a:before,
	.sub-menu dd.is-on a:after{content:'';position:absolute;left:50%;bottom:0;transform:translate(-50%,50%);width:10px;height:10px;background:var(--main-color-dark);border-radius:50%}
	.sub-menu dd.is-on a:before{width:20px;height:20px;border:1px solid #ddd;background:#fff}
	.sub-menu a{display:block;position:relative;font-size:14px;line-height:50px}
	.sub-menu a:hover{color:var(--main-color-dark)}
	
	.sub-banner{margin:50px 0;text-align:center}
	
	.sec-line{border-top:1px solid #ddd;margin:50px 0}
    
	.h3_tit{text-align:center;margin:40px 0}
    .h3_tit .tit{font-size:28px}
    .h3_tit .desc{font-size:14px;margin-top:20px}
	
	
	.h4_tit{text-align:center}
    .h4_tit .tit{margin:50px 0 40px;font-size:22px}


	.sub-btn{display:flex;justify-content:center;gap:10px;margin:50px 0}
	.sub-btn a{line-height:40px;padding:0 25px 0 50px;font-size:14px;border:1px solid #333;border-radius:50px;background:url('../images/ico-arrow.png') no-repeat 25px center /14px;transition:0.3s}


	/*s0101*/
	.s0101_sec1 .list{max-width:1100px;margin:50px auto}
	.s0101_sec1 .list li{margin:20px auto;text-align:center}
	.s0101_sec1 .list li:nth-child(1) .tit{background:url('../images/sub/s0101_thumb1.png') no-repeat center /cover}
	.s0101_sec1 .list li:nth-child(2) .tit{background:url('../images/sub/s0101_thumb2.png') no-repeat center /cover}
	.s0101_sec1 .list li:nth-child(3) .tit{background:url('../images/sub/s0101_thumb3.png') no-repeat center /cover}
	.s0101_sec1 .list .tit{display:flex;justify-content:center;align-items:center; width:100px;height:100px;;margin:0 auto;background:#555;border-radius:50%;color:#fff;font-size:18px;font-weight:600;text-align:center;line-height:1.2}
	.s0101_sec1 .list .desc{margin:20px 0}
	.s0101_sec1 .list .desc strong{display:block;font-size:16px;margin-bottom:5px}
    
	
	.s0101_sec2 .box{background:#f5f5f5;border-radius:10px;overflow:hidden;padding:20px 8vw}
	.s0101_sec2 .h3_tit .tit{margin:20px 0}
	.s0101_sec2 .inner{margin:20px 0}	
	.s0101_sec2 .inner .logo{max-width:240px;margin:40px auto}
	.s0101_sec2 .inner .info{flex:1}
	.s0101_sec2 .inner .info .tit{display:block;font-size:16px;}
	.s0101_sec2 .inner .info .desc{color:#555;margin-top:20px}
	
	
	.s0101_sec3 .history{position:relative}
	.s0101_sec3 .history:before{content:'';position:absolute;left:50%;height:100%;border-left:1px solid #ddd}
	
	.s0101_sec3 .year_con{display:flex;gap:20px;align-items:center;position:relative;left:50%;width:calc(50% + 40px);transform:translateX(-40px);margin:30px 0}
	.s0101_sec3 .year_con:first-child{margin-top:0}
	.s0101_sec3 .year_con:first-child .year{color:#fff;background:var(--main-color-dark)}
	.s0101_sec3 .year_con .year{display:flex;justify-content:center;align-items:center; width:80px;height:80px;;border-radius:50%;border:1px solid #aaa;font-size:18px;font-weight:900;background:#fff}
	.s0101_sec3 .year_con .info{flex:1;font-size:12px;line-height:1.5;color:#555}
	.s0101_sec3 .year_con .info li:before{content:'';display:inline-block;width:4px;height:4px;background:var(--main-color-dark);vertical-align:middle;margin-right:7px;margin-top:-2px;border-radius:3px}
	
	.s0101_sec3 .year_con:nth-child(2n){left:0;justify-content: flex-end;transform:translateX(0px)}
	.s0101_sec3 .year_con:nth-child(2n) .year{order:1;}
	.s0101_sec3 .year_con:nth-child(2n) .info{text-align:right}
	
	
	
	/*s0102*/
	.s0102_sec2 .list ul{padding:0 20px}
	.s0102_sec2 .list li{display:flex;align-items:center; margin:50px auto;max-width:480px}
	.s0102_sec2 .list .ico{width:90px}
	.s0102_sec2 .list .ico img{width:60px}	
	.s0102_sec2 .list .info{flex:1}
	.s0102_sec2 .list .info .tit{font-size:18px;font-weight:600;}
	.s0102_sec2 .list .info .desc{margin-top:10px;color:#555}
	
	
	/*s0103*/
	.s0103_sec1 .box{max-width:1200px;margin:0 auto;}
	.s0103_sec1 .info{background:var(--main-color-dark);color:#fff;padding:20px 20px}
	.s0103_sec1 .info .tit{font-size:18px;font-weight:600}
	.s0103_sec1 .info .desc{font-size:12px;margin:10px 0;min-height:50px}
	.s0103_sec1 .info .desc .sns{display:flex;gap:10px;margin-top:10px}
	.s0103_sec1 .info .contact .desc{padding-left:60px;background:url('../images/ico-tel.png') no-repeat 0 5px}
	.s0103_sec1 .info .address{margin-top:50px}
	.s0103_sec1 .info .address .desc{padding-left:60px;background:url('../images/ico-pos.png') no-repeat 0 5px}
	.s0103_sec1 .map{flex:1;border:1px solid #ddd;height:400px}
	
	
	/*s0202*/
	.s0202_sec1 .menu{display:flex;gap:10px;justify-content:center;margin-top:100px}
	.s0202_sec1 .menu span{line-height:50px;border-radius:50px;border:1px solid #333;background:#fff;width:220px;text-align:center;cursor:pointer}
	
	.s0202_sec1 .box{background:#f5f5f5;margin:50px 0;padding:50px 20px 20px}
	.s0202_sec1 .info_con{}
	.s0202_sec1 .info_con .tit{padding:0 20px;font-size:26px;font-weight:800}
	.s0202_sec1 .info_con .desc{padding:0 20px;margin-top:20px}
	.s0202_sec1 .swiper_con{position:relative;border-radius:20px;background:#fff;padding:20px;margin-top:30px;text-align:center}
	.s0202_sec1 .swiper_con .swiper-slide img{display:block}
	.s0202_sec1 .swiper_con .swiper-slide span{display:inline-block;line-height:36px;border-radius:40px;padding:0 20px;background:#f5f5f5;margin:20px 0 0}
	.s0202_sec1 .swiper_con .swiper-button-prev{left:-150px;margin-top:-60px}
	.s0202_sec1 .swiper_con .swiper-button-next{right:-150px;margin-top:-60px}
	
	
	/*s0203*/
	.s0203_sec1 .list ul{margin:50px 0}
	.s0203_sec1 .list li{text-align:center;font-size:14px;color:#555;margin:50px 0}
	.s0203_sec1 .list li .tit{display:block;font-size:18px;padding-top:140px;background:url('../images/sub/s0203_ico1.png') no-repeat center 0 /120px;margin:20px 0;color:#000}
	.s0203_sec1 .list li:nth-of-type(2) .tit{background-image:url('../images/sub/s0203_ico2.png')}
	.s0203_sec1 .list li:nth-of-type(3) .tit{background-image:url('../images/sub/s0203_ico3.png')}
	
	
	/*s0204*/
	.s0204_sec1 .list ul{display:flex;gap:50px 20px;align-items:center;flex-wrap:wrap;margin:50px 0}
	.s0204_sec1 .list li{width:calc((100% - 20px*3)/4);;text-align:center;}
	
	
	/*s0301*/
	.s0301_sec1 .list{max-width:1100px;margin:50px auto}
	.s0301_sec1 .list li{margin:40px 0;text-align:center}
	.s0301_sec1 .list li:nth-child(1) .tit{background:url('../images/sub/s0301_thumb1.png') no-repeat center /cover}
	.s0301_sec1 .list li:nth-child(2) .tit{background:url('../images/sub/s0301_thumb2.png') no-repeat center /cover}
	.s0301_sec1 .list li:nth-child(3) .tit{background:url('../images/sub/s0301_thumb3.png') no-repeat center /cover}
	.s0301_sec1 .list .tit{display:flex;justify-content:center;align-items:center; width:100px;height:100px;margin:20px auto;background:#555;border-radius:50%;color:#fff;font-size:24px;font-weight:600;text-align:center;line-height:1.2}
	.s0301_sec1 .list .desc{flex:1}
	.s0301_sec1 .list .desc strong{display:block;font-size:16px;margin-bottom:5px}
	
	
	/*s0302*/
	.s0302_sec1 .list{margin:50px auto}
	.s0302_sec1 .list li{margin:50px 0}
	.s0302_sec1 .list li:nth-child(1) .tit{background:url('../images/sub/s0301_thumb1.png') no-repeat center /cover}
	.s0302_sec1 .list li:nth-child(2) .tit{background:url('../images/sub/s0301_thumb2.png') no-repeat center /cover}
	.s0302_sec1 .list li:nth-child(3) .tit{background:url('../images/sub/s0301_thumb3.png') no-repeat center /cover}
	.s0302_sec1 .list .tit{display:flex;justify-content:center;align-items:center; width:80px;height:80px;margin:20px auto;background:#555;border-radius:50%;color:#fff;font-size:24px;font-weight:600;text-align:center;line-height:1.2}
	.s0302_sec1 .list .desc{flex:1}
	.s0302_sec1 .list .desc strong{display:block;font-size:16px;margin-bottom:5px}
	.s0302_sec1 .list .swiper{width:100%;margin:20px 0}	
	
	.s0302_sec2 .sec-line{margin-top:130px}
	
	
	/*s0303*/
	.s0303_sec1 .list{}
	.s0303_sec1 .list ul{display:flex;gap:10px;flex-wrap:wrap}
	.s0303_sec1 .list li{width:calc((100% - 10px)/2)}
	.s0303_sec1 .list .tit{font-size:16px;margin:10px 0;font-weight:600}
	.s0303_sec1 .list .desc{font-size:12px;color:#555;margin:10px 0 30px}
	
	
	/*s0304*/
	.s0304_sec1 .swiper-slide img{border-radius:10px;overflow:hidden}
	.s0304_sec1 .swiper-slide span{display:block;margin:20px 0;font-size:12px}
	

	.s0304_sec2 .list ul{display:flex;gap:50px 20px;align-items:center;flex-wrap:wrap;margin:50px 0}
	.s0304_sec2 .list li{width:calc((100% - 20px*3)/4);;text-align:center;}
	
	/*s0401*/
	.s0401_sec .input_con{border-top:2px solid var(--main-color-dark)}
	.s0401_sec .input_con li{display:flex;align-items:center;border-bottom:1px solid #ddd}
	.s0401_sec .input_con li .tit{width:80px;text-align:center}
	.s0401_sec .input_con li .desc{flex:1;padding:5px 10px;;border-left:1px solid #ddd}
	.s0401_sec .input_con li .desc.tel{display:flex;align-items:center;gap:5px}
	.s0401_sec .input_con li .desc.tel input{width:50px}
	
	.s0401_sec .agree_con{display:flex;font-size:12px;gap:20px;margin-top:20px}
	.s0401_sec .agree_con a{line-height:30px;padding:0 10px;border:1px solid #ddd}
    

}


@media all and (max-width:640px) {
   
}