@media (max-width:640px) {

/*  #main1  {display:none;} */
#main1_m {display:block;}
#main1_m {  height: calc(100vh-69px);  background: url(/images/main1bg1.jpg) no-repeat 50% 50%; background-size:cover;}
#main1_m .slide .tit { position:absolute; width:90%;  top:50%; left:50%; transform:translate(-50%,-50%);  }
#main1_m .slide .t1  {font-size:15px; text-shadow:0px 0px 10px #555;} 
#main1_m .slide .t2 {font-size:22px;  text-shadow:0px 0px 10px #555;} 
#main1_m .slide .t3 {font-size:14px;  text-shadow:0px 0px 10px #555;} 

#main1 {  height: calc(100vh - 80px);}
#main1 .main1slide .slide01 {  height: calc(100vh - 80px);}
#main1 .main1slide .slide02 {  height: calc(100vh - 80px);}
#main1 .main1slide .slide03 { height: calc(100vh - 80px);}
#main1 .main1slide .slide04 { height: calc(100vh - 80px);}

#main1 .main1slide .slide .t1 {font-size: 14px;}
#main1 .main1slide .slide .t2 {font-size: 21px; line-height:1.3; padding-bottom:1%;}
#main1 .main1slide .slide .t3 {font-size:14px;  text-shadow:0px 0px 0px #555;} 

#main1 .main1btn .btn {font-size:0.1px;}
#main1 .slide.slide01 .tit { position:absolute; width:100%;  top:25%; left:50%; transform:translate(-50%,-50%); width:90%; max-width:1280px; text-align:left; }
#main1 .slide .tit {
	position: absolute;
	width: 90%;
	top: 25%;
	left: 50%;
	transform: translate(-50%, -50%);
}
#main1 .main1slide .slide02 {
    background: url(/images/main1bg2m.jpg) no-repeat 50% 50%; background-size:cover;
}


#main1 .main1slide .slide.slide03 .t1 {position:relative; box-sizing:border-box; opacity:50%; font-size:14px; font-weight:500; color:#ffffff; letter-spacing:-0.5px; } 
#main1 .main1slide .slide.slide03 .t2  {position:relative; box-sizing:border-box;  font-size:22px; font-weight:700; color:#ffffff; padding-top:0.8%; letter-spacing:-1px; line-height:1.2;} 
#main1 .main1slide .slide.slide03 .t3  {position:relative; box-sizing:border-box;  font-size:14px; font-weight:500; color:#ffffff; padding-top:2.5%; line-height:1.6;} 

#main1 .main1slide .slide03 {position:relative; width:100%; height:100vh; background: url(/images/main1bg3.jpg) no-repeat 60% 50%; background-size:cover;}

#main1 .main1slide .slide.slide04 .t1 {position:relative; box-sizing:border-box; font-size:14px; font-weight:500; color:#ffffff; letter-spacing:-0.5px; } 
#main1 .main1slide .slide.slide04 .t2  {position:relative; box-sizing:border-box;  font-size:22px; font-weight:700; color:#ffffff; padding-top:0.8%; letter-spacing:-1px; line-height:1.2;} 
#main1 .main1slide .slide.slide04 .t3  {position:relative; box-sizing:border-box;  opacity:80%; font-size:14px; font-weight:500; color:#ffffff; padding-top:2.5%; line-height:1.6;} 



#main2_1 { height: auto;}
#main2_1 .section1 {display:none;}
#main2_1 .section3 {display:none;}
#main2_1 .section2 {width:100%; background: url(/images/main2img1.jpg) no-repeat 60% top; color:#fff; border-radius: 20px; width: 97%; margin: 0 auto;  margin-top:10%;}
#main2_1 .section2 .box { position:relative; height:auto; top: 0; padding:3%; text-align:center;  padding-bottom:8%; border-top: none;}
#main2_1 .section2 .number {position: absolute; top:0; left:0; border-right: 1px solid #fff; border-bottom: 1px solid #fff;}
#main2_1 .section2 .p1 {padding-top: 12%; font-size: 21px; font-weight:400;}

#main2_2 {height:auto;}
#main2_2 .section1 { display:none;}
#main2_2 .section2 {width: 100%; text-align:center; padding:3%; padding-bottom:8%; border-top: none; border-radius: 20px; width: 97%; margin: 0 auto; }
#main2_2 .section2 .p1 {padding-left: 0%; padding-top:12%; font-size: 21px; font-weight:500;}
#main2_2 .section2 .p2 {padding-left: 0}
#main2_2 .section2 .number {position:absolute; top:0; left:0 ;}

#main2_3{height:auto;}
#main2_3 .section1 { display:none;}	
#main2_3 .section2 { background: url(/images/main2img2.jpg) no-repeat bottom; color:#fff; text-align:center; padding:3%; padding-bottom:8%; position: relative; width: 100%;
border-radius: 20px; width: 97%; margin: 0 auto; margin-bottom:10%;}
#main2_3 .section2 .p1 {padding-left: 0%; padding-top:12%;     font-size: 21px; font-weight:500;}
#main2_3 .section2 .p2 {padding-left: 0}
#main2_3 .section2 .number {position:absolute; top:0; left:0 ;  border-right: 1px solid #fff; border-bottom: 1px solid #fff;}


#main4 { height: 700px; padding-top:25%;}
#main4 .tit1 {width:90%; margin:0 auto; font-size:14px;}
#main4 .tit2 {width:90%; font-size:21px; line-height:1.4; padding-top:1%;}
#main4 .content .tit {width: 100%; padding: 3% 0; padding-left: 6%;}
#main4 .content ul {width: 100%; float: none;padding-left: 6%;}
#main4 .content ul li { width: 49%; margin-right: 2%;  font-size: 16px;}
#main4 .content ul li:nth-child(2n) {margin-right: 0%;}

#main5 .tit { width: 100%; float: none;}
#main5 .slide {width: 100%; float: none; padding:0 3%;}
#main5 .btn {padding: 4% 0;}
#main5 .slide ul li.t2 { font-size: 14px;}
#main5 .slide ul li.t1 { font-size: 17px;}

#main6 .content .con { padding:6%; padding-top:20%;}
#main6 .content .con .icon { top: 10px;right: 10px; width: 50px; height: 50px;}
#main6 .tit .t2 {margin-bottom:5%;}
#main6 .tit .t2 span {font-weight:bold; color:#1a2d56; display:block;}

#main6 .content .con .t1 {font-size: 14px;}
#main6 .content .con .t2 {font-size: 15px;}
#main6 .content .con .t3 {font-size: 14px;}


#main7 .tit {text-align:left; box-sizing: border-box; padding-left:5%;}
#main7 .txt2 {font-size:20px;}
#main7 {padding: 15% 0;}
#main7 .txt2 {font-size: 16px; margin-bottom:6%;}
#main7 .swiper-slide .txt {font-size: 14px;}


	#main8 {position:relative; width:100%;  height:auto;  box-sizing: border-box; padding:12% 0; background:url(/images/main08.jpg)no-repeat 50% 0; } 
	#main8 .tit {text-align:center; margin-bottom:3%;}
	#main8 .tit .t1 { font-size:20px; color:#ffffff; line-height:130%; font-weight:700; letter-spacing:-1px; }
	#main8 .tit .t2 { width:90%; margin:0 auto; margin-top:20px; font-size:14px; color:#ffffff; line-height:160%; font-weight:400; opacity:80%; }
	#main8 .tit .t2 br { display:none; }
	#main8 .main8box { position:relative; width:90%; max-width:1200px; margin:0 auto; overflow:hidden; display:flex; flex-wrap: wrap; justify-content: center; }
	#main8 .main8box ul { width:48%; margin-right:4%; margin-bottom:6%; }
	#main8 .main8box ul:nth-child(2) { margin-right:0px; }
	#main8 .main8box ul li:nth-child(1) { width:100%; }
	#main8 .main8box ul li:nth-child(1) img { width:100%; }
	#main8 .main8box ul li:nth-child(2) { width:100%; height:56px; line-height:56px; font-size:22px; color:#ffffff; font-weight:700; background:#1f6392; text-align:center; }
	#main8 .main8box ul li:nth-child(3) { text-align:center; margin-top:14px; font-size:14px; color:#ffffff; line-height:160%; font-weight:400; opacity:80%;  }
	#main8 .main8box ul li:nth-child(3) br { display:none; }

#main9_1 { background: url(/images/main9bg.jpg) no-repeat 50% 110%;}
#main9_1 .main9 .tit1 {font-size: 18px; padding-bottom: 3%;}
#main9_1 .main9 .tit1 span {font-size: 22px;}
#main9_1 .main9 .tit2 { font-size: 14px;}
#main9_1 .main9 .tit2 br { display:none; }
#main9_1 .main9 .img { height: 230px;}
#main9_1 .main9 .cir_txt {
    position: absolute;
    width: 128px;
    height: 128px;
    right: 0;
    top: auto;
	bottom:24%;
    padding-top:0;
}
#main9_1 .main9 .cir_txt img { width:100%; }

#main9_2 .section1 .bgtxt {font-size:58px;}
#main9_2 .section2 .contentbox .box .tit {width: 100%; margin-bottom:2%; font-size:20px;}
#main9_2 .section2 .contentbox .box .con {width: 100%;}
#main9_2 .section1 .t2 {font-size: 14px;}
#main9_2 .section2 .contentbox .box .con {font-size: 14px;}
#main9_2 .section1 .t1 {font-size: 20px;}

#main10 {padding: 7% 0 10% 0;}
#main10 .main10 .bgtxt { font-size: 58px; text-align:right;}
#main10 .main10 .contentbox .slide {padding-bottom: 10%;}
#main10 .main10 .contentbox ul.slide li.img {width: 100%;}
#main10 .main10 .contentbox ul.slide li.text { width:75%;}
#main10 .main10 .contentbox ul.slide li.text .t1 {height: 40px; font-size: 15px; line-height: 40px;border-radius: 40px;}
#main10 .main10 .contentbox ul.slide li.text .t2 {font-size: 15px; }
#main10 .main10 .contentbox .txt .t1 {font-size: 26px;}
#main10 .main10 .contentbox .txt .t2 {font-size: 15px;}
#main10 .main10swiper .swiper10btn {display:none;}
#main10 .swiper-pagination {bottom:0; text-align:center;}
#main10 .main10 .contentbox .txt .t1 {font-size: 20px;}


#main11 { padding: 15% 0;}
#main11 .main11btn {width: 100%;}
#main11 .main11slide ul li { height: 308px;}
#main11 .t2 {font-size: 24px;}
#main11 .main11btn .btn {color: rgba(0, 0, 0, 0);}
#main11 .main11btn {height: 50px;}
#main11 .main11btn .btn{height: 50px;}

#main11 .main11slide .main11prev {width:40px; height:40px;  background: url(/images/prev.png) no-repeat 50% 50%; margin-right:1%; background-size:cover;}
#main11 .main11slide .main11next {width:40px; height:40px;  background: url(/images/next.png) no-repeat 50% 50%;  background-size:cover;}


#main12 {padding: 10% 5%;}
#main12 .tit .t2 {font-size: 16px; margin-bottom: 8%;}
#main12 .con .section {padding-left: 0%;}
#main12 .con .section .t1 {font-size:17px;}
#main12 .con .section2 .t2 {font-size: 15px;}
#main12 .con .section2 .t3 {font-size: 14px;}
#main12 .con .section1 .t2 a {font-size: 30px;}
#main12 .con .section1 .t3 img {width:200px;}
#main12 .map {height:250px; overflow:hidden;}

footer { background: none; }


#maindr { position:relative; width:100%; height:570px; background:url('/images/common/maindr.jpg')repeat-x 0 -200px; }
#maindr .maindr { position:relative; width:100%; max-width:1920px; height:570px; background:url('/images/common/maindrlogo.jpg')no-repeat right 50px; background-size:150px;  margin-left: 2%;}
#maindr .maindr ul.maindrtxt { position:absolute; top:60px; left:5%; }
#maindr .maindr ul.maindrtxt li.t1 { font-size:24px; font-weight:700; color:#3c3c3c; line-height:130%; }
#maindr .maindr ul.maindrtxt li.t2 { margin-top:10px; font-size:12px; font-weight:500; color:#6d6d6d; line-height:150%; }

.maindrview { position:absolute; bottom:28px; left:0px; width:96%; height:330px; margin:0 2%; box-sizing:border-box; overflow:hidden; }
.maindrview div.maindrslide { float:left; position:relative; width:330px; height:280px; margin:0 20px 0 0px; overflow:hidden; cursor:pointer; }
.maindrview div.maindrslide ul li.maindr1 { display:none; position:absolute; bottom:30px; width:50px; height:320px; }
.maindrview div.maindrslide ul li.maindr2 { display:block; position:absolute; bottom:0px; width:100px; height:280px; z-index:1; }
.maindrview div.maindrslide ul li.maindrtxt { display:block; position:absolute; top:0px; right:0px; width:220px; height:220px; padding:20px 14px 20px 14px; background:#ffffff; border-radius:15px; box-sizing:border-box; box-shadow: 5px 15px 25px rgb(0 0 0 / 5%); }

.maindrview div.maindrslide ul li.maindrtxt span.name { display:inline-block; font-size:16px; font-weight:700; color:#262626; padding-bottom:10px; border-bottom:1px solid #c8c8c8; }
.maindrview div.maindrslide ul li.maindrtxt span.t2 { display:block; width:100%; margin-top:12px; font-size:18px; color:#333333; font-weight:700; line-height:130%; }
.maindrview div.maindrslide ul li.maindrtxt span.t3 { display:block; width:100%; margin-top:10px; font-size:16px; color:#1a4ab9; font-weight:500; line-height:100%; }
.maindrview div.maindrslide ul li.maindrtxt span.t4 { display:block; width:100%; margin-top:10px; font-size:14px; color:#555555; font-weight:400; line-height:140%; }
.maindrview div.maindrslide ul li.maindrtxt span.t5 { display:block; width:100%; margin-top:14px; }
.maindrview div.maindrslide ul li.maindrtxt span a { display:block; float:left; position:relative; width:90px; height:30px; padding-left:10px; line-height:30px; margin-right:4px; border-radius:50px; background:#797979; text-align:left; box-sizing:border-box; font-size:12px; font-weight:500; color:#ffffff; }
.maindrview div.maindrslide ul li.maindrtxt span a span { display:block; position:absolute; top:7px; right:12px; }
.maindrview div.maindrslide ul li.maindrtxt span a:nth-child(2) { background:#1a4ab9; }

.maindrview div.maindrslide.active2 { float:left; position:relative; width:330px; height:280px; margin:0 20px 0 0px; overflow:hidden; cursor:pointer; }
.maindrview div.maindrslide.active2 ul li.maindr1 { display:none; }
.maindrview div.maindrslide.active2 ul li.maindr2 { display:block; }
.maindrview div.maindrslide.active2 ul li.maindrtxt { display:block; }

.drview_visual ul li.txt5 {
    width: 100%;
}
#maindr .scrollbar { position:absolute; bottom:40px; left:50%; transform:translateX(-50%); width:90%; max-width:1280px; height: 6px; background: #e3e4e6; line-height: 0; }
#maindr .scrollbar .handle { width: 70px; height: 100%; background: #007ac3; cursor: pointer; }
#maindr .scrollbar .mousearea { position: absolute; top: -9px; left: 0; width: 100%; height: 20px; }




#main6 .content .con1 {background: url(/images/main6img1.jpg) no-repeat 50% 50%; background-size: cover; transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1); } 
#main6 .content .con2 {background: url(/images/main6img2.jpg) no-repeat 50% 50%; background-size: cover; transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1); } 
#main6 .content .con3 {background: url(/images/main6img3.jpg) no-repeat 50% 50%; background-size: cover; transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1); }
#main6 .content .con4 {background: url(/images/main6img4.jpg) no-repeat 50% 50%; background-size: cover; transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1); } 







#main02 { position:relative; width:100%; height:auto; padding-bottom:20%; background:url(/images/common/main02.jpg)no-repeat 50% 0; overflow:hidden; }
#main02 .maintxt { position:relative; width:90%; margin:0 auto; padding-top:80px; text-align:center; }
#main02 .maintxt li:nth-child(1) { font-size:16px; font-weight:700; color:#011f99; line-height:100%; }
#main02 .maintxt li:nth-child(2) { margin-top:10px; font-size:32px; font-weight:600; color:#011f99; line-height:100%; }
#main02 .maintxt li:nth-child(3) { margin-top:10px; font-size:16px; font-weight:500; color:#494949; line-height:140%; letter-spacing:-0.5px; }
#main02 .maintxt li:nth-child(3) span { color:#011f99; }

#main02 div.drview2 { position:relative; width:100%; max-width:1000px; height:450px; margin:0 auto; margin-top:0px; }
#main02 div.drview2 .drimg { position:relative; width:100%; height:auto; margin-top:20px; cursor:pointer; }
#main02 div.drview2 .drimg img { display:block; position:relative; bottom:0px; width:100%; }
#main02 div.drview2 ul { width:100%; text-align:center; }
#main02 div.drview2 ul li.drcon { margin-top:20px; font-size:15px; font-weight:500; color:#0d0d0d; }
#main02 div.drview2 ul li.drname { position:relative; width:100%; height:45px; margin-top:14px; font-size:34px; font-weight:700; color:#0d0d0d; }
#main02 div.drview2 ul li.drname a { cursor:pointer; font-size:24px; font-weight:300; color:#ffffff; display:block; position:absolute; top:0px; right:16px; width:35px; height:35px; line-height:33px; border-radius:100%; background:#011f99; }
#main02 div.drview2 ul li.drnamea { width:100%; display:flex; justify-content: center; margin-top:10px; }
#main02 div.drview2 ul li.drnamea a { display:block; width:120px; height:34px; margin:0 4px; line-height:34px; text-align:center; font-size:12px; font-weight:500; color:#ffffff; border-radius:50px; background:#001c9b; }
#main02 div.drview2 ul li.drnamea a:nth-child(2) { background:#2e2c37; }


#main02 .drslide { position:relative; width:100%; height:450px; overflow:hidden; }
#main02 .drslide div { outline:none; }
#main02 .drslide div .slideview { position:relative; width:100%; height:650px; padding:0 10px; box-sizing:border-box; }


#main02 .borderbox { position:absolute; bottom:0px; left:0px; width:100%; height:6px; background:#ffffff; display:none; }
#main02 .slick-track div.slick-slide:nth-child(1) .borderbox { border-top-left-radius:50px; border-bottom-left-radius:50px; }
#main02 .slick-track div.slick-slide:nth-child(5) .borderbox { border-top-right-radius:50px; border-bottom-right-radius:50px; }
#main02 .slick-list { overflow: inherit; }
#main02 .drslide div div.slideview:hover .borderbox { background:#011f99; }

#main02 div.drview2 .vbt-prev2 { position:absolute; top:256px; left:30px; cursor:pointer; }
#main02 div.drview2 .vbt-next2 { position:absolute; top:328px; left:30px; cursor:pointer; }

#main02  .scrollbar2 { position:relative; width:100%; height:2px; background:#ffffff; margin:0 auto; margin-top:70px; z-index:2; }
#main02  .scrollbar2 .handle2 { width:200px; height:2px; background:#011f99; }
#main02  .scrollbar2 .handle2 .mousearea2 { position: absolute; top:-5px; left:0; width:200px; height: 10px; cursor:pointer; }
#main02 .swiper-horizontal>.swiper-scrollbar2, .swiper-scrollbar2.swiper-scrollbar-horizontal { 
	position: absolute !important; left: 0% !important; bottom:0px !important; z-index: 50 !important; height: 4px !important; background:#ffffff; width: 100% !important; opacity:1 !important; 
}
#main02 .swiper-scrollbar-drag {
    height: 100%;
    width: 200px;
    position: relative;
    background:#011f99 !important;
    border-radius: 10px;
    left: 0;
    top: 0;
}
#main02 .swiper-button-prev { position:absolute; top:50%; left:-60px; transform:translateY(-50%); width:51px; height:51px; }
#main02 .swiper-button-next { position:absolute; top:50%; left:auto; right:-60px; transform:translateY(-50%);width:51px; height:51px; }
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    content: none;
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
      content: none;
}



.eyecon { position:fixed; top:0px; left:0px; right:0px; width:100%; height:0%; z-index:102; background-color:rgba(0,0,0,50%); overflow-X:hidden; overflow-Y:hidden; transition:all 0.6s cubic-bezier(0.25, 1, 0.5, 1) 0.8s; }
.eyecon.active { height:100%; overflow-Y:scroll; transition:all 0.5s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
.eyecon .eyecontent { position:relative; opacity:0; background:#e5e2d4; width:100%; overflow:hidden; transition:all 0.6s cubic-bezier(0.25, 1, 0.5, 1) 0.3s; }
.eyecon.active .eyecontent { top:0px; opacity:1; transition:all 1.0s cubic-bezier(0.25, 1, 0.5, 1) 0.4s; }
.eyecon .dr1view { background:#e5e2d4; }
.eyecon .dr2view { background:#e5e2d4; }
.eyecon .dr3view { background:#e5e2d4; }
.eyecon .dr4view { background:#e5e2d4; }
.eyecon .dr5view { background:#e5e2d4; }
.eyecon .dr6view { background:#e5e2d4; }
.drviewcon { position:relative; width:90%; max-width:1280px; margin:0 auto; padding-top:50px; }
.drviewcon .drimgs { width:100%; }
.drviewcon .drtxtwrap { width:100%; margin-top:30px; }
.drviewcon .drtxtwrap .t1 { font-size:18px; font-weight:700; color:#011f99; line-height:100%; }
.drviewcon .drtxtwrap .t2 { margin-top:10px; border-bottom:3px solid #755e3e; padding-bottom:30px; font-size:26px; font-weight:500; color:#393939; line-height:130%; letter-spacing:-1px; }
.drviewcon .drtxtwrap .t3 { margin-top:24px; position:relative; font-size:26px; font-weight:700; color:#393939; line-height:100%; letter-spacing:-1px; }
.drviewcon .drtxtwrap .t3 span:nth-child(1) { display:inline-block; font-size:16px; font-weight:500; color:#393939; vertical-align:top; }
.drviewcon .drtxtwrap .t3 span:nth-child(2) { display:block; width:100%; margin-top:20px; padding-top:8px; min-height:35px; font-size:20px; line-height:100%; font-weight:700; color:#011f99; vertical-align:top; background:url(/images/common/drtxtwrap.jpg)no-repeat 0 0; box-sizing:border-box; padding-left:45px; }
.drviewcon .drtxtwrap .t4 { margin-top:40px; font-size:18px; font-weight:700; color:#1b1b1b; line-height:100%; letter-spacing:-1px; }
.drviewcon .drtxtwrap .t5 { margin-top:20px; font-size:14px; font-weight:500; color:#1b1b1b; line-height:170%; letter-spacing:-1px; }




.drview { position:fixed; top:0px; left:0px; width:100%; height:100%; background:#fff; z-index:240; overflow-y:auto; }
.drview p.close { position:fixed; top:20px; right:40px; font-size:30px; font-weight:100; color:#fff; z-index:1; cursor:pointer; width: 40px; height: 40px; background: rgba(0, 0, 0, 0.5); text-align: center;line-height: 40px;}
.drview_visual { position:relative; width:100%; height:620px; background-position:68% 0 !important; margin-bottom:0px; }
.drview_visual ul.dvul { position:absolute; top:auto; bottom:5%; left:50%; transform:translate(-50%,0%); width:90%; }
.drview_visual ul li.txt1 { display:inline-block; font-size:22px; font-weight:700; color:#313131; line-height:1; padding-bottom:16px; border-bottom:4px solid #00218a; text-shadow: 2px 2px 6px rgba(0, 0, 0, 40%); }
.drview_visual ul li.txt1 span { font-size:14px; font-weight:500; }
.drview_visual ul li.txt2 { padding-top:0px; font-size:18px; font-weight:700; color:#fff; line-height:140%; text-shadow: 2px 2px 6px rgba(0, 0, 0, 80%); }
.drview_visual ul li.txt2 span { font-size:14px; font-weight:500; color:#7b7b7b; }
.drview_visual ul li.txt3 { width:100%; padding-top:16px; font-size:16px; font-weight:500; line-height:140%; letter-spacing:0px; color:#fff; text-shadow: 2px 2px 6px rgba(0, 0, 0, 80%); }
.drview_visual ul li.txt3 br { display:none; }

.drview_visual ul li.drviewtable { width:100%; }
.drview_visual ul li.drviewtable table { border-top:0px; }
.drview_visual ul li.drviewtable table tr th { color:#fff; background:#002752; }
.drview_visual ul li.drviewtable table tr td { background-color:rgb(255,255,255,0.8); }
.drview_visual ul li.drviewtable table tr td span.txt { display:none; }
.drview_visual ul li.drviewbt { margin-top:20px;  overflow:hidden; }
.drviewbt a {
	display:block; float:left; width:130px; height:41px; padding-left:20px; margin-right:10px; text-align:center; line-height:41px; border-radius:30px; color:#ffffff; font-size:15px; font-weight:500; box-sizing:border-box;
}
.drviewbt a.drbt1 { color:#fff; background:#00218a url('/images/common/drbtbg1.jpg')no-repeat 16% 50%; }

.drview .subtable5 { clear:both; position:relative; width:100%; max-width:640px; margin-top:24px; }
.drview .subtable5 th { height:58px; border-right:1px solid #ffffff; font-size:12px; color:#ffffff; font-weight:500; background:#00218a;  text-align:center; }
.drview .subtable5 td { position:relative; height:46px; padding:0% 1% 0% 1%; border-right:1px solid #ddd; border-bottom:1px solid #ddd; font-size:13px; color:#383838; font-weight:500; background:#ffff; text-align:center; }
.drview .subtable5 td.tdtitle { padding-left:0%; text-align:center; font-size:12px; font-weight:700; color:#2b2b2b; }
.drview .subtable5 th.tdtitle  { padding-left:0%; text-align:center; }
.drview .subtable5 th:last-child { border-right:0px; }
.drview .subtable5 td:last-child { border-right:0px; }
.drview .subtable5 td span.subject_1 { display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:32px; height:20px; border:1px solid #00a4e4; border-radius:5px; font-size:11px; font-weight:600; color:#00a4e4; line-height:18px; }
.drview .subtable5 td span.subject_2 { display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:32px; height:20px; border:1px solid #f50909; border-radius:5px; font-size:11px; font-weight:600; color:#f50909; line-height:18px; }
.drview .subtable5 td span.subject_3 { display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:32px; height:20px; border:1px solid #00a4e4; border-radius:5px; font-size:11px; font-weight:600; color:#00a4e4; line-height:18px; }
.drview .subtable5 td span.subject_4 { display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:32px; height:20px; border:1px solid #f19001; border-radius:5px; font-size:11px; font-weight:600; color:#f19001; line-height:18px; }
.drview .subtable5 td span.subject_5 { display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:32px; height:20px; border:1px solid #011866; border-radius:5px; font-size:11px; font-weight:600; color:#011866; line-height:18px; }
.drview .subtable5 td span.subject_6 { display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:32px; height:20px; border:1px solid #18c3ad; border-radius:5px; font-size:11px; font-weight:600; color:#18c3ad; line-height:23px; }
.drview .subtable5 td span.subject_7 { display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:35px; height:20px; border:1px solid #16a369; border-radius:5px; font-size:10px; font-weight:600; color:#16a369; line-height:23px; letter-spacing:-2px; }
.drview .subtable5 td span.subject_8 { display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:35px; height:20px; border:1px solid #600383; border-radius:5px; font-size:10px; font-weight:600; color:#600383; line-height:23px; letter-spacing:-2px; }



.container { position:relative; width:90%; max-width:1280px; margin:0 auto; }
.drstory { display: flex; flex-direction: row; flex-wrap: wrap; align-items: stretch; position:relative; width:100%; overflow:hidden; }	
.drstory ul { position:relative; width:100%; padding-left:80px; margin-top:15%; box-sizing:border-box; padding-bottom:20px; }
.drstory ul li.t1 { font-size:22px; font-weight:700; color:#121212; line-height:1; }
.drstory ul li.t2 { position:relative; padding-top:5%; padding-bottom:20px; font-size:14px; font-weight:400; color:#262626; line-height:180%; }
.drstory ul li.t2 div { position:absolute; bottom:0px; left:0px; }
.drstory ul li.t2 div span { float:right; display:block; width:35px; height:35px; border:1px solid #000; border-radius:100%; text-align:center; font-size:28px; font-weight:200; color:#000; box-sizing:border-box; cursor:pointer; }
.drstory ul.drstory1 {  background:url('/images/common/drstory1.jpg')no-repeat 0 0; }
.drstory ul.drstory2 {  background:url('/images/common/drstory2.jpg')no-repeat 0 0; }
.drstory ul.drstory3 {  background:url('/images/common/drstory3.jpg')no-repeat 0 0; }
.drstory ul.drstory4 {  background:url('/images/common/drstory4.jpg')no-repeat 0 0; }
















}