@media screen and (max-width:1400px) {

.center{text-align:center;}
.pc_img {display:none;}
.tab_img {display:block;}
.mob_img {display:none;}
.pc {display:none;}
.tab {display:block;}
.mob {display:none;}

/* === Main === */
#wrap {position:relative; width:100%; max-width:1400px; min-width: 375px; margin:0 auto; overflow:hidden;}
.inner{width:100%; margin:0 auto; padding: 0 2.6%; }

/*header*/
#header{position: relative; line-height: 1;z-index: 7000;}
#header .inner{display: flex;justify-content: space-between;align-items: center;height: 80px;}
#header h1{position: relative; z-index: 10;}
#header h1 a img{width: 96px;}
#header ul.gnb{position: relative;z-index: 7;display: none;gap:60px;padding: 35px 0;}
#header ul.gnb li{position: relative;}
#header ul.gnb li span a{font-size: 17px; color: #333; font-weight: 500;}
#header ul.gnb li .sub_menu{display: none;position: absolute;top: 55px; left: 50%;transform:translateX(-50%); padding-top: 30px;}
#header ul.gnb li .sub_menu li:not(:last-child){margin-bottom: 25px;}
#header ul.gnb li .sub_menu li a{display: block;font-size: 16px; font-weight: 500;text-align: center;color: #666;width: max-content;margin: 0 auto;transition:.3s;}
#header ul.gnb li .sub_menu li:hover a{color: var(--co02);}
#header .gnb_bg{display: none;position: absolute;top: 90px;left: 0; width: 100%;height: 280px; background: rgba(255,255,255,.95);z-index: 1;}

.all_btn{display: none;}
#header button{position: relative;width: 30px; height: 12px;}
#header button::after{content:'';position: absolute;top: 0; right: 0;width: 100%; height: 2px; background: #333;transition:.3s;}
#header button::before{content:'';position: absolute;bottom: 0; right: 0;width: 100%; height: 2px; background: #333;transition:.3s;}

#header button.on::after{transform:rotate(45deg);top: 5px;}
#header button.on::before{transform:rotate(-45deg);bottom: 5px;}

/* visual_wrap */
#visual_wrap{position: relative; line-height: 1;}
#visual_wrap .txt_wrap{position: absolute; width: 100%;bottom: 135px;}
#visual_wrap .txt_wrap .icon{margin-bottom: 15px;}
#visual_wrap .txt_wrap .icon img{width: 33px;}
#visual_wrap .txt_wrap p{font-size: 35px; color: #fff; font-weight: 700; line-height: 45px;}
#visual_wrap .txt_wrap span{display: block;font-size: 16px; color: #fff; line-height: 25px;margin-top: 15px;}
#visual_wrap .vis_arr{position: absolute; bottom: 50px; right: initial; left: 2.6%;display: flex;gap:8px;}
#visual_wrap .vis_arr img{width: 36px;}

/* navi */
.nav_btn{display: block;}
.nav_x_btn{position: relative;width: 30px; height: 12px;}
.nav_x_btn::after{content:'';position: absolute;right: 0;width: 100%; height: 2px; background: #333;transition:.3s;transform:rotate(45deg);top: 5px;}
.nav_x_btn::before{content:'';position: absolute;right: 0;width: 100%; height: 2px; background: #333;transition:.3s;transform:rotate(-45deg);bottom: 5px;}

.navigation{position:absolute;top: 0px;z-index:5000;width:50%;background-color:#fff;height:100%;display:none;right: 0px;z-index: 7500;padding: 0px 20px; line-height: 1;}
.navigation .nav_top{display: flex;align-items: center; justify-content: flex-end;height: 80px;}
.navigation.on{display:block;}
.navigation h3{height:50px;width:100%;}
.navigation h3 a{border-bottom: 1px solid #ddd;}
.navigation h3:nth-child(1) a{border-top: 1px solid #ddd;}
.navigation h3 a{position: relative;height:50px;width:100%;background-color:#fff;display: flex;align-items: center;color:#333;font-size:16px;font-weight: 500;}
.navigation h3.on a,
.navigation h3.active a,
.navigation h3.hover a{font-weight: 600;color: var(--co01);}
.navigation ul{display: block; padding:20px 0;border-bottom: 1px solid #ddd;}
.navigation ul li{margin-bottom: 15px;}
.navigation ul li:last-child{margin-bottom: 0;}
.navigation ul li a{display:flex;height:auto;width:100%;color:#666;font-size:14px;border:none;font-weight: 500;padding-left: 10px; word-break:keep-all;}
.navigation ul li a:after{display: none;}
.navi_bg{display: none;position: absolute;top: 0px;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.5);z-index: 7200;}

/*section*/
.section{padding-bottom: 75px;line-height: 1;}
.section .sec_tit{display: flex;align-items: center;justify-content: space-between; margin-bottom: 30px;} 	
.section .sec_tit .tit{display: flex;align-items: center;gap:12px;}
.section .sec_tit .tit p{font-size: 30px; color: #333; font-weight: 700;}
.section .sec_tit a.more_btn01{display: flex;align-items: center;gap:8px;font-size: 14px; color: #999; font-weight: 500;}
.section .sec_tit a.more_btn01 img{width: 12px;transform: translateY(0px);}

.pc_slide{display: none;}
.tab_slide{display: block;}
.mob_slide{display: none;}

.list_wrap01{display: flex;flex-wrap:wrap;gap:30px 20px;}
.list_wrap01 .list{width: calc((100% - 60px) / 4);}
.list_wrap01 .list .img_wrap{position:relative; width:100%; padding-bottom:129.31%;}
.list_wrap01 .list .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;}
.list_wrap01 .list .txt_wrap{margin-top: 15px;}
.list_wrap01 .list .txt_wrap p{font-size: 14px; color: #333; line-height: 18px;font-weight: 700;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;}
.list_wrap01 .list .txt_wrap span{display: block;font-size: 13px; color: #999; margin-top: 8px;}

/*section01*/
#section01{padding-top: 75px;}
#section01 .sec_tit .tit img{width: 29px;}
#section01 .sec01_item{display: flex;justify-content: space-between;align-items: center;margin-top: 40px;}
#section01 .sec01_item .arr_wrap{display: flex;gap:5px;}
#section01 .sec01_item .arr_wrap img{width: 36px;}
#section01 .progress{position:relative; width:calc(100% - 106px); height:2px; background:#eee;}
#section01 .progress .slider__label{position:absolute; left:0; top:50%; transform:translateY(-50%); width:0; height:100%; background:#333; transition:0.5s;}

#banner_wrap img{width: 100%; border-radius:6px;}

/*section02*/
#section02 .sec_tit .tit img{width: 38px;}
#section02 .slide_wrap{position: relative;}
#section02 .slide_wrap .slick-list{width: calc(100% + 25px);}
#section02 .list_wrap01{display: block;}
#section02 .list_wrap01 .list{width: calc((100% - 150px) / 4); margin-right: 25px;}
#section02 .sec02_prev{position: absolute;top: 40%;left: 0;transform:translateY(-50%);}
#section02 .sec02_next{position: absolute;top: 40%;right: 0;transform:translateY(-50%);}
#section02 .arr_wrap img{width: 36px;}

/*section03*/
#section03 .sec_tit .tit img{width: 22px;}
#section03 .list_wrap01{gap:25px;}
#section03 .list_wrap01 .list{width: calc((100% - 50px) / 3);}
#section03 .list_wrap01 .list:nth-child(4){display: none;}
#section03 .list_wrap01 .list .img_wrap{padding-bottom: 52.18%;}
#section03 .list_wrap01 .list .txt_wrap{padding: 0 6px;}
#section03 .list_wrap01 .list .txt_wrap p{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap:break-word;}
#section03 .list_wrap01 .list .txt_wrap span{display: block;font-size: 13px; color: #999; margin-top: 10px;}

/*section04*/
#section04 .box_wrap{display: flex;gap:10px;}
#section04 .box_wrap .box{width: calc((100% - 10px) / 2); background: #eae5db; border-radius:6px;}
#section04 .box_wrap .box a{display: flex;align-items: flex-end;justify-content: space-between;}
#section04 .box_wrap .box .img_wrap{position:relative; width:100%; padding-bottom:41.783%;}
#section04 .box_wrap .box .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; max-width:100%; max-height:100%; object-fit:cover;}

/*section05*/
#section05 .con_wrap{display: flex;align-items: center;gap:30px;}
#section05 .con_wrap .con{width: calc((100% - 30px) / 2);}
#section05 .con_wrap .con ul{border-top: 2px solid #333;}
#section05 .con_wrap .con ul li{border-bottom: 1px solid #ddd;}
#section05 .con_wrap .con ul li a{display: flex;padding: 15px 10px;}
#section05 .con_wrap .con ul li .txt_wrap{width: calc(100% - 45px);}
#section05 .con_wrap .con ul li .txt_wrap p{font-size: 14px; color: #333; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  }
#section05 .con_wrap .con ul li .txt_wrap span{display: block;font-size: 12px; color: #999; margin-top: 10px;}
#section05 .con_wrap .con ul li .txt_wrap span em{font-size: 12px; color: #ddd;margin: 0 8px;}	  
#section05 .con_wrap .con ul li .arr{display: flex;align-items: center;width: 45px;}
#section05 .con_wrap .con ul li .arr img{margin-left: auto;width: 15px;}

#section05 .con_wrap .con01 .sec_tit .tit img{width: 24px;}
#section05 .con_wrap .con02 .sec_tit .tit img{width: 18px;}
 
/*.quick_menu*/
.quick_menu{position: fixed;right: 2.6%;top: initial; bottom: 50px;transform:initial;z-index: 5000; line-height: 1;}
.quick_menu .q_btn{display: block;}
.quick_menu .q_btn a{position: relative;display: block;border-radius:50%;box-shadow: 3px 3px 10px rgba(64,63,63,.25);}
.quick_menu .q_btn a:not(:last-child){margin-bottom: 8px;}
.quick_menu .q_btn a img{width: 45px;}
.quick_menu .q_btn a img.on{position: absolute;left: 0;top: 0;display: none;}
.quick_menu .q_btn a.on img.on{display: block;}

.quick_menu .box{display: none;position: absolute;right: 55px;bottom: 55px;width: 150px; background: #fff; box-shadow: 3px 3px 10px rgba(64,63,63,.25);}
.quick_menu .box:not(:last-child){margin-bottom: 0px;}
.quick_menu .box .tit{display: flex;align-items: center; justify-content: center;height: 36px; background: var(--co02);}
.quick_menu .box .tit p{font-size: 14px; color: #fff; font-weight: 700;}
.quick_menu .box .box_con{padding: 15px;}
.quick_menu .box .icon{margin-bottom: 15px;}
.quick_menu .box .icon img{margin: 0 auto;width: 43px;}
.quick_menu .box p{font-size: 16px; color: var(--co02); font-weight: 700;text-align: center;letter-spacing: -0.3px;}
.quick_menu .box span{display: block;font-size: 12px; color: #666;text-align: center;}
.quick_menu .box .btn_wrap{margin-top: 15px;}
.quick_menu .box .btn_wrap a{display: flex;align-items: center; justify-content: center;width: 100%; height: 28px; background: var(--co02);font-size: 12px;color: #fff; font-weight: 700; border-radius:4px;}
.quick_menu .box .btn_wrap a:not(:last-child){margin-bottom: 5px;}
.quick_menu .box .btn_wrap a.btn02{background: #bba987;}

.quick_menu .box01 .txt01 p{margin-bottom: 10px;}
.quick_menu .box01 .txt02{margin-top: 15px;}
.quick_menu .box01 .txt02 span{line-height: 20px;}

.quick_menu .box02{bottom: 0;}
.quick_menu .box02 .tit{background: var(--co03);}
.quick_menu .box02 .txt01 span{text-align: left;line-height: 18px;letter-spacing: -0.1px;}
.quick_menu .box02 .txt01 strong{position: relative;display: block;font-size: 13px; color: #333; line-height: 18px; margin-top: 5px; padding-left: 20px;font-weight: 400;}
.quick_menu .box02 .txt01 strong::after{content:'';position: absolute;left: 0; top: 4px;background: url(/assets/images/main/arr_icon01_tab.png)center no-repeat; width: 11px; height: 8px; background-size: cover;}
.quick_menu .box02 .btn_wrap a{background: var(--co03);}
.quick_menu .box02 .txt02{margin-top: 10px;}
.quick_menu .box02 .txt02 span{letter-spacing: -0.7px; line-height: 16px;}

/* footer */
#footer{position: relative;padding: 50px 0;line-height: 1; border-top: 1px solid #ddd;}
#footer .top_btn{position: absolute;top: 0; right: 2.6%;}
#footer .top_btn img{width: 45px;}
#footer .f_logo{display: flex;align-items: center;gap:17px; margin-bottom: 40px;}
#footer .f_logo img{width: 73px;}
#footer .f_logo span{display: block;font-size: 20px;color: #333;}
#footer .f_logo p{font-size: 30px; color: #333; font-weight: 700; margin-top: 10px;}
#footer address p{font-size: 13px; color: #666; line-height: 22px;} 
#footer address p i{display: inline-block;width: 25px;}
#footer address p i:nth-child(5){display: block; width: 0; height: 0; }
#footer address p.copy{color: #999; margin-top: 12px;}

/* ====sub============================================== */
#header.sub_header{border-bottom: 1px solid #ddd;}
#sub_visual_wrap{padding: 60px 0;line-height: 1;}
#sub_visual_wrap .txt_wrap span{display: block;font-size: 16px; color: #999;font-weight: 500;text-align: center;}
#sub_visual_wrap .txt_wrap p{font-size: 40px; color: #333; font-weight: 700;text-align: center; margin-top: 15px;}

/* tab_menu */
.tab_menu_pc{width: fit-content;padding: 8px; background: #f8f6f3; border-radius:8px;margin: 40px auto 0;}
.tab_menu_pc em{display: none;}
.tab_menu_pc ul{display: flex;align-items: center; justify-content: center;}
.tab_menu_pc ul li a{display: flex;align-items: center;justify-content: center; height: 45px; padding: 0 15px; min-width: 112px; color: #7d7464; border-radius:5px; font-size: 15px;  font-weight: 500;}
.tab_menu_pc ul li.on a{background: var(--co02);color: #f6e8ce;  font-weight: 700;}

#sub_contents .conbody{border-top: 1px solid #ddd;padding: 75px 0;}

ul.list_wrap02{display: flex;flex-wrap:wrap;gap:40px;}
ul.list_wrap02 li{width: 100%;}
ul.list_wrap02 li a{display: flex;align-items: center;gap:30px;}
ul.list_wrap02 li .img_box{width: 210px;}
ul.list_wrap02 li .img_wrap{position:relative; width:100%; padding-bottom:142.85%;}
ul.list_wrap02 li .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:auto; height:auto; max-width:100%; max-height:100%;}

ul.list_wrap02 li .txt_box{width: calc(100% - 240px);}
ul.list_wrap02 li .txt_box p{font-size: 20px; line-height: 1.6; color: #333;font-weight: 700;}
ul.list_wrap02 li .txt_box em{display: block;font-size: 16px; color: #999;font-weight: 500; margin-top: 15px;}
ul.list_wrap02 li .txt_box span{display: block;font-size: 14px; color: #666; line-height: 22px;margin-top: 25px;}

h3.h3_tit01{position: relative;font-size: 18px; color: #333;  font-weight: 700; padding-left: 22px;}
h3.h3_tit01::after{content:'';position: absolute;left: 0; top: 2px; background: url(/assets/images/sub/txt_icon01.png)center no-repeat; width: 12px; height: 12px; background-size: cover;}

.sub_tit01.center{text-align: center;}
.sub_tit01 p{font-size: 28px; color: #333; font-weight: 700;}
.sub_tit01 p b{color: var(--co01);font-weight: 700;}
.sub_tit01 span{display: block;font-size: 17px; color: #333; font-weight: 600; line-height: 1.6; margin-top: 20px;}
.sub_tit01 span.span02{font-size: 16px;font-weight: 500; line-height: 1.6;}

.con01_st01{padding: 50px 30px;background: url(/assets/images/sub/sub0101_bg01.png)center right no-repeat var(--co02); border-radius:10px; background-size: cover;}
.con01_st01 p{font-size: 28px; line-height: 1.6; color: #fff;font-weight: 700;}
.con01_st01 p b{position: relative;font-weight: 700;z-index: 1;}
.con01_st01 p b::after{content:'';position: absolute;left: 50%; bottom: 0px;transform:translateX(-50%);z-index: -1;width: calc(100% + 16px); height: 8px;background: var(--co03);}
.con01_st01 p em{font-weight: 700;}

.txt_wrap_st01 .tit{font-size: 28px; color: #333; font-weight: 700; line-height: 1.6; margin-bottom: 30px;}
.txt_wrap_st01 .tit em{font-weight: 700; }
.txt_wrap_st01 p{font-size: 16px; color: #333; line-height: 1.6;font-weight: 500;white-space: pre-wrap;}
.txt_wrap_st01 p:not(:last-child){margin-bottom: 30px;}
.txt_wrap_st01 p strong{font-size: 18px;font-weight: 700;}

.txt_wrap_st02{margin-bottom: 50px;}
.txt_wrap_st02 p{font-size: 20px; color: #333;font-weight: 600; line-height: 1.6;}
.txt_wrap_st02 p i{display: block;}
.txt_wrap_st02 span{display: block;font-size: 16px; color: #666; line-height: 1.6;font-weight: 500; margin-top: 10px;}

table.tbl01{table-layout: fixed;width: 100%;border-top: 1px solid #ddd;}
table.tbl01 tr{border-bottom: 1px solid #ddd;}
table.tbl01 th{padding: 10px;font-size: 16px; color: #333; font-weight: 600; background: #eef1ff;}
table.tbl01 td{padding: 10px;font-size: 15px; color: #333; font-weight: 500; line-height: 1.5 ;text-align: center;}
table.tbl01 td.left{text-align: left;}

.con01_st02{padding-bottom: 70px;}
.con01_st02 .txt p{font-size: 18px;color: #333;font-weight: 600; }
.con01_st02 .txt p b{font-weight: 800;}
.con01_st02 .txt span{display: block;font-size: 14px; line-height: 24px;color: #333;font-weight: 500; margin-top:15px;letter-spacing: -0.1px;}

/* sub0101 */
.sub0101_wrap{line-height: 1;}
.sub0101_wrap .txt_wrap_st01 p{white-space: initial;}

.sub0101_wrap .con02{padding: 60px 0;background: url(/assets/images/sub/sub0101_bg02.png)bottom right no-repeat; }

/* sub0102 */
.sub0102_wrap{line-height: 1;}
.sub0102_wrap .con_wrap{display: flex;align-items: center; justify-content: center;gap:20px;flex-direction: column-reverse;}
.sub0102_wrap .con_wrap .txt_wrap_st01{width: 100%;}
.sub0102_wrap .con_wrap .img_wrap{width: 100%;}
.sub0102_wrap .con_wrap .img_wrap img{display: block;margin: 0 auto;width: 500px;}

/* sub0103 */
.sub0103_wrap{line-height: 1;}
.sub0103_wrap .con_wrap{gap:20px;flex-direction: column;}
.sub0103_wrap .con_wrap .txt_wrap_st01{width: 100%;}
.sub0103_wrap .con_wrap .txt_wrap_st01 p{letter-spacing: 0px;}

/* sub0104 */
.sub0104_wrap{line-height: 1;}
.sub0104_wrap .box_wrap{position: relative;display: flex;flex-wrap:wrap;justify-content: center;gap:30px;padding: 80px 0 40px; z-index: 1;}
.sub0104_wrap .box_wrap::after{content:'';position: absolute;top: 53%; left: 50%;transform:translate(-50%,-50%);background: url(/assets/images/sub/sub0104_bg01.png)center no-repeat;z-index: -1; width: 1070px; height: 640px;}
.sub0104_wrap .box_wrap .box{padding: 30px;width: 300px; height: 200px; background: #fff;transition:.3s; box-shadow: 0px 0px 30px rgba(0,0,0,0.05);}
.sub0104_wrap .box_wrap .box p{font-size: 30px; font-weight: 800; color: var(--co02);transition:.3s;}
.sub0104_wrap .box_wrap .box span{display: block;font-size: 14px; color: #666; line-height: 1.6; font-weight: 500; margin-top: 30px;transition:.3s;}
.sub0104_wrap .box_wrap .box span br{display: none;}
.sub0104_wrap .box_wrap .box:hover{background: var(--co01);}
.sub0104_wrap .box_wrap .box:hover p{color: #fff;}
.sub0104_wrap .box_wrap .box:hover span{color: #fff;}

/* sub0105 */
.sub0105_wrap{padding-bottom: 60px;line-height: 1; background: url(/assets/images/sub/sub0105_bg01.jpg)center bottom no-repeat; background-size: 100%;}
.sub0105_wrap .con01_st01{background: url(/assets/images/sub/sub0105_bg01.png)center right -150px no-repeat #f3ebdb;}
.sub0105_wrap .con01_st01 p{color: var(--co02);}
.sub0105_wrap .box_wrap{display: flex;gap:40px;margin-top: 40px;}
.sub0105_wrap .box_wrap .txt_wrap_st01{width: calc((100% - 40px) / 2);letter-spacing: 0px;}

/* sub0106 */
.sub0106_wrap{background: url(/assets/images/sub/sub0106_img02.jpg)left bottom no-repeat;line-height: 1;}
.sub0106_wrap .con{display: flex;margin-top: 60px;}
.sub0106_wrap .con .img_wrap{width: 50%;}
.sub0106_wrap .con .txt_box_wrap{width: 50%;}
.sub0106_wrap .con .txt_box{padding-left: 30px;}
.sub0106_wrap .con .txt_box strong{display: block;font-size: 24px; color: #333; font-weight: 700; margin-bottom: 30px;}
.sub0106_wrap .con .txt_box ul li{display: flex;align-items: center;}
.sub0106_wrap .con .txt_box ul li:not(:last-child){margin-bottom: 12px;}
.sub0106_wrap .con .txt_box ul li p{display: flex;align-items: center;justify-content: center;width: 80px; height: 28px;font-size: 14px; color: var(--co02); font-weight: 500; background: #fff;margin-right: 10px; border-radius:16px; border:1px solid #faf3e6;}
.sub0106_wrap .con .txt_box ul li em{display: flex;align-items: center; justify-content: center;width: 28px; height: 28px; font-size: 15px; color: #333; font-weight: 500; background: #ddd; border-radius:50%;margin-right: 15px;}
.sub0106_wrap .con .txt_box ul li span{font-size: 14px; color: #333;font-weight: 600;	}
.sub0106_wrap .con .txt_box ul li span b{font-weight: 700; color: var(--co01);}

.sub0106_wrap .con .txt_box01{background: #fcf8f0;padding: 35px 30px ;margin-bottom: 45px;}
.sub0106_wrap .con .txt_box02:last-child{margin-top: 50px;}
.sub0106_wrap .con .txt_box02 strong{font-size: 18px; margin-bottom: 20px;}

/* sub0201 */
.sub0201_wrap{line-height: 1;}
.sub0201_wrap .con01{padding-bottom: 70px;}
.sub0201_wrap .con01 .txt p{font-size: 18px;color: #333;font-weight: 600; }
.sub0201_wrap .con01 .txt p b{font-weight: 800;}
.sub0201_wrap .con01 .txt span{display: block;font-size: 14px; line-height: 24px;color: #333;font-weight: 500; margin-top:15px;letter-spacing: -0.1px;}

.sub0201_view_wrap{line-height: 1;}
.sub0201_view_wrap .top{display: flex;align-items: center;border:1px solid #ddd;}
.sub0201_view_wrap .top .img_box{width: 280px;}
.sub0201_view_wrap .top .img_wrap{position:relative; width:100%; padding-bottom:133.12%;}
.sub0201_view_wrap .top .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:auto; height:auto; max-width:100%; max-height:100%;min-width: 214px;}

.sub0201_view_wrap .top .txt_box{position: relative;padding: 35px 30px;width: calc(100% - 280px);border-left: 1px solid #ddd;}
.sub0201_view_wrap .top .tit p{font-size: 32px; color: #333; font-weight: 700; line-height: 1.5;}
.sub0201_view_wrap .top .tit span{display: block;font-size: 18px; color: #333; font-weight: 500; line-height: 1.6; margin-top: 5px; }
.sub0201_view_wrap .top .tit.mob_tit{display: none;}
.sub0201_view_wrap .top .txt_box ul{margin-top: 40px;}
.sub0201_view_wrap .top .txt_box ul li{position: relative;display: flex;padding-left: 14px;}
.sub0201_view_wrap .top .txt_box ul li::after{content:'·';position: absolute;left: 0; top: 0;font-size: 16px; font-weight: 700; color: var(--co01);}
.sub0201_view_wrap .top .txt_box ul li:not(:last-child){margin-bottom: 15px;}
.sub0201_view_wrap .top .txt_box ul li p{width: 90px;font-size: 16px; color: #333; font-weight: 700;}
.sub0201_view_wrap .top .txt_box ul li span{display: block;width: calc(100% - 90px);font-size: 16px; color: #666;}
.sub0201_view_wrap .top .txt_box a{position: initial;bottom: 50px; right: 50px;display: flex;align-items: center; justify-content: space-between;width: 140px; height: 45px; background: var(--co03);font-size: 16px; color: #fff; font-weight:	700;padding: 0 15px;z-index: 10;margin-left: auto; margin-top: 15px;}
.sub0201_view_wrap .top .txt_box a img{width: 15px;}

.sub0201_view_wrap .con01{padding: 25px 20px; background: #f5f5f5; margin-top: 60px;}
.sub0201_view_wrap .con01 .txt_wrap{font-size: 14px; color: #666; line-height: 22px;font-weight: 500;white-space: pre-wrap; margin-top: 15px;}

.sub0201_view_wrap .con02{margin-top: 75px;}
.sub0201_view_wrap .con02 .tab-menu-wrap{display: flex;border-top: 1px solid #ddd;border-left: 1px solid #ddd; margin-bottom: 20px;}
.sub0201_view_wrap .con02 .tab-menu-wrap a{display: flex;align-items: center; justify-content: center;flex:1; height: 45px;font-size: 16px; color: #666; font-weight: 500; border-bottom: 1px solid #ddd;border-right: 1px solid #ddd;}
.sub0201_view_wrap .con02 .tab-menu-wrap a.on{color: #333;font-weight: 700;border-bottom: 0;}
.sub0201_view_wrap .con02 .tab-con img{max-width: 100%;}

/* sub0301 */
.sub0301_wrap{line-height: 1;}
.sub0301_wrap .list_wrap01 .list{width: calc((100% - 40px) / 3);}
.sub0301_wrap .list_wrap01 .list .img_wrap{padding-bottom: 52.18%;}

/* sub0401 */
.sub0401_wrap{line-height: 1;}
.sub0401_wrap .col01{width: 12%;}
.sub0401_wrap .col02{width: 20%;}
.sub0401_wrap .col03{width: 10%;}
.sub0401_wrap .col04{}
.sub0401_wrap table.tbl01 th{font-size: 13px;}
.sub0401_wrap table.tbl01 td{font-size: 13px;}

.sub0401_wrap .search_box{display: flex; align-items:center;width: 100%; height: 50px;margin: 0 auto 40px; border-bottom: 3px solid #333;}
.sub0401_wrap .search_box .select{position: relative;height: 100%;}
.sub0401_wrap .search_box .select em{position: relative;display: flex;align-items: center;width: 120px; height: 100%;font-size: 17px; padding: 0 15px;color: #333;cursor:pointer;}
.sub0401_wrap .search_box .select em::after{content:'';position: absolute; right: 15px; top: 50%; transform:translateY(-50%); background: url(/assets/images/sub/basic_bd01_icon01.png)center no-repeat; width: 10px; height: 7px; background-size: cover;}
.sub0401_wrap .search_box .select em.on::after{transform:translateY(-50%) rotate(180deg); }
.sub0401_wrap .search_box .select ul{display: none;position: absolute; left: 0; top: 47px;width: 100%;border: 3px solid #333;z-index: 100;}
.sub0401_wrap .search_box .select ul li{font-size: 13px; color: #555; font-weight: 500;padding: 10px 15px;background: #fff;width: 100%; cursor:pointer;transition:.4s;}
.sub0401_wrap .search_box .select ul li.on{background: #eee;}
.sub0401_wrap .search_box .select ul li:hover{background: #eee;}
.sub0401_wrap .search_box .input_wrap{display: flex;width: calc(100% - 120px);}
.sub0401_wrap .search_box .input_wrap input{border:0;width: calc(100% - 50px);padding: 0 15px;font-size: 17px;color: #555;}
.sub0401_wrap .search_box .input_wrap input::placeholder{font-size: 17px;color: #555;}
.sub0401_wrap .search_box .input_wrap button{width: 50px; height: 100%;}

/* sub0402 */
.sub0402_wrap{line-height: 1;}
.sub0402_wrap .list_wrap01 .list{width: calc((100% - 40px) / 3);}
.sub0402_wrap .list_wrap01 .list .img_wrap{padding-bottom: 100%;}

/* sub0501 */
.sub0501_wrap{line-height: 1;}
.sub0501_wrap .con{padding: 60px 0;}

.sub0501_wrap .con01{padding-top: 0;padding-bottom: 100px;}
.sub0501_wrap .con01 .box_wrap{display: flex;flex-direction: column;gap:30px;padding: 20px 30px;background: #eef1ff;}
.sub0501_wrap .con01 .box_wrap .left{width: 100%;padding-top: 12px;}
.sub0501_wrap .con01 .box_wrap .left p{font-size: 26px; color: #333; font-weight: 700;line-height: 1.4;}
.sub0501_wrap .con01 .box_wrap .left span{display: block;font-size: 16px; line-height: 1.6; color: #333; margin-top: 12px;}

.sub0501_wrap .con01 .box_wrap .right{width: 100%;}
.sub0501_wrap .con01 .box_wrap .right p{font-size: 18px; color: var(--co01);color: var(--co01);font-weight: 700; margin-bottom: 22px;}
.sub0501_wrap .con01 .box_wrap .right .tag_wrap{display: flex;flex-wrap:wrap;gap:10px;}
.sub0501_wrap .con01 .box_wrap .right .tag_wrap span{display: flex; align-items: center; height: 30px;font-size: 14px; color: #666; font-weight: 500; padding: 0 12px; background: #fff; border-radius:16px;}

.sub0501_wrap .con02{background: url(/assets/images/sub/sub0501_bg01.jpg)center no-repeat; background-size: cover;}
.sub0501_wrap .con02 .sub_tit01{margin-bottom: 40px;}
.sub0501_wrap .con02 .txt_wrap{display: flex;gap:30px;}
.sub0501_wrap .con02 .txt_wrap .txt{width: calc((100%  - 30px) / 2);}
.sub0501_wrap .con02 .txt_wrap .txt p{font-size: 15px; color: #333; line-height: 1.8;font-weight: 500; white-space:pre-wrap;}
.sub0501_wrap .con02 .txt_wrap .txt p:not(:last-child){margin-bottom: 30px;}

.sub0501_wrap .con02 .txt_wrap .txt .box{padding: 20px 15px;border:1px solid #ddd; border-radius:12px; margin-bottom: 15px;}
.sub0501_wrap .con02 .txt_wrap .txt .box p{margin-bottom: 12px;text-align: center;}
.sub0501_wrap .con02 .txt_wrap .txt .box .span_wrap{width: 318px; margin: 0 auto; }
.sub0501_wrap .con02 .txt_wrap .txt .box .span_wrap span{display: block;font-size: 13px; color: #666;  font-weight: 500;}
.sub0501_wrap .con02 .txt_wrap .txt .box .span_wrap span:not(:last-child){margin-bottom: 12px;}
.sub0501_wrap .con02 .txt_wrap .txt .box .span_wrap span img{display: inline-block; margin: 0 6px;}

.sub0501_wrap .con03{padding-top: 100px;}
.sub0501_wrap .con03 .img{margin-bottom: 45px;}
.sub0501_wrap .con03 .img img{display: block;margin: 0 auto;}

.sub0501_wrap .con03 .txt_box_wrap .txt_box{display: flex;}
.sub0501_wrap .con03 .txt_box_wrap .txt_box:not(:last-child){margin-bottom: 40px;}
.sub0501_wrap .con03 .txt_box_wrap .txt_box strong{display: block;width: 180px;font-size: 22px; color: #333; font-weight: 700;transform: translateY(5px);}
.sub0501_wrap .con03 .txt_box_wrap .txt_box .txt_wrap{width: calc(100% - 180px);	}
.sub0501_wrap .con03 .txt_box_wrap .txt_box .txt_wrap p{font-size: 16px; color: #333; font-weight: 700; line-height: 1.6;}
.sub0501_wrap .con03 .txt_box_wrap .txt_box .txt_wrap p em{color: var(--co03);font-weight: 700;}
.sub0501_wrap .con03 .txt_box_wrap .txt_box .txt_wrap .txt{margin-top: 12px;}
.sub0501_wrap .con03 .txt_box_wrap .txt_box .txt_wrap .txt span{display: block;font-size: 14px; color: #666; line-height: 1.6;font-weight: 500;}
.sub0501_wrap .con03 .txt_box_wrap .txt_box .txt_wrap .txt span:not(:last-child){margin-bottom: 12px;}
.sub0501_wrap .con03 .txt_box_wrap .txt_box .txt_wrap .txt ul li{display: flex;gap:10px;}
.sub0501_wrap .con03 .txt_box_wrap .txt_box .txt_wrap .txt ul li:not(:last-child){margin-bottom: 5px;}
.sub0501_wrap .con03 .txt_box_wrap .txt_box .txt_wrap .txt ul li em{display: flex;align-items: center; justify-content: center;width: 22px; height: 22px; background: #ddd; border-radius:50%;font-size: 13px; color: #666; font-weight: 500;}

.sub0501_wrap .con04{padding: 0;}
.sub0501_wrap .con04 .txt_box_wrap{padding: 40px; border-radius:10px; overflow: hidden; background: url(/assets/images/sub/sub0501_bg02.jpg)center right -100px no-repeat #fcf8f0;background-size: cover;}
.sub0501_wrap .con04 .txt_box_wrap strong{display: block;font-size: 22px; color: #333; font-weight: 700; margin-bottom: 20px;}
.sub0501_wrap .con04 .txt_wrap{display: flex;flex-wrap:wrap; width: 500px;gap:10px 35px;}
.sub0501_wrap .con04 .txt_wrap .txt{display: flex;align-items: center;gap:10px; }
.sub0501_wrap .con04 .txt_wrap .txt span{display: flex; align-items: center;justify-content: center; width: 80px; height: 30px; background: #fff; border-radius:16px;font-size: 15px; font-weight: 500; border-radius:16px;color: var(--co03);}
.sub0501_wrap .con04 .txt_wrap .txt p{font-size: 15px; color: #333; font-weight: 500;}
.sub0501_wrap .con04 .txt_wrap .txt:last-child{width: 100%;}
.sub0501_wrap .con04 .txt_box_wrap em{display: block;font-size: 16px; font-weight: 600; color: var(--co02);font-weight: 600; margin-top: 20px; line-height: 1.6;}

/* sub0502 */
.sub0502_wrap{line-height: 1;}

.sub0502_wrap .con02 .box_wrap{display: flex;gap:30px;align-items: center;}
.sub0502_wrap .con02 .box_wrap:nth-child(2n){flex-direction: row-reverse;}
.sub0502_wrap .con02 .box_wrap:not(:last-child){margin-bottom: 50px;}
.sub0502_wrap .con02 .box_wrap .img_box{width: 300px;}
.sub0502_wrap .con02 .box_wrap .img_wrap{position:relative; width:100%; padding-bottom:90%;}
.sub0502_wrap .con02 .box_wrap .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;filter: grayscale(1);transition:.4s;}

.sub0502_wrap .con02 .box_wrap .txt_box{width: calc(100% - 330px);}
.sub0502_wrap .con02 .box_wrap .txt_box .tit{display: flex;align-items: center;gap:14px; margin-bottom: 15px;}
.sub0502_wrap .con02 .box_wrap .txt_box .tit em{display: flex; align-items: center; justify-content: center;width: 36px; height: 36px; background: url(/assets/images/sub/sub0502_tag02.png)center no-repeat; background-size: cover;font-size: 18px; color: #fff;font-weight: 700;transition:.4s;}
.sub0502_wrap .con02 .box_wrap .txt_box .tit p{font-size: 20px; color: #333; font-weight: 700;}
.sub0502_wrap .con02 .box_wrap .txt_box .txt p{font-size: 14px; color: #666; line-height: 1.6;font-weight: 500;transition:.4s;}
.sub0502_wrap .con02 .box_wrap .txt_box .txt p:not(:last-child){margin-bottom: 12px;}
.sub0502_wrap .con02 .box_wrap .txt_box .txt p b{font-weight: 500;color: #666;transition:.4s;}

.sub0502_wrap .con02 .box_wrap.on .img_wrap img{filter: grayscale(0);}
.sub0502_wrap .con02 .box_wrap.on .txt_box .tit em{background: url(/assets/images/sub/sub0502_tag01.png)center no-repeat; background-size: cover;}
.sub0502_wrap .con02 .box_wrap.on .txt_box .txt p b{color: var(--co01);}

@media screen and (max-width:1024px) {
.sub0502_wrap .con02 .box_wrap .img_wrap{padding-bottom:120%;}
}

/* sub0503 */
.sub0503_wrap{line-height: 1;}
.sub0503_wrap table.tbl01{width: 1080px;margin: 0 auto; max-width: 100%;}
.sub0503_wrap table.tbl01 .col01{width: 30%;}
.sub0503_wrap table.tbl01 td p{width: fit-content;margin: 0 auto;}
.sub0503_wrap table.tbl01 td em{display: inline-block;color: #999;margin: 0 10px;}
.sub0503_wrap .sub_txt{margin-top: 30px;}
.sub0503_wrap .sub_txt span{display: block;font-size: 14px; color: #666; line-height: 1.6;font-weight: 500;}
.sub0503_wrap .sub_txt span b{color: var(--co01);font-weight: 500;}

}