/* gen */

.sub_title {text-align: center;border-bottom: 1px solid #e5e5e5;position: relative;max-width: 1240px;margin: 0 auto 70px;}
.sub_title:after{ content:'';	position:absolute; width:140px; height:2px; bottom:-1px; left:calc(50% - 70px); background-color:#d4d4d4; }
.sub_title h1{ font-size:30px; font-weight:600; color:#4f4c4c; margin-bottom:20px;}
.sub_title h3 {font-size: 16px;font-weight: 500;color: #979797;margin-bottom: 10px;letter-spacing: 5px;font-family: 'SCD';text-align: center;}

/* tab */
.sub_tab_wrap.tab00{margin-bottom:60px;}
.sub_tab_wrap {max-width: 1240px;width: 100%;margin: 0 auto;display: flex;justify-content: center;margin-bottom:20px;}

.sub_tab p {position: relative;z-index: 8;text-shadow: 0 2px 3px rgb(0 0 0 / 60%);}
.sub_tab_wrap.tab00 .sub_tab{position:relative;}
.sub_tab.tab01:after {content: '';position: absolute;top: 0;left: 0;background-position: center;background-repeat: no-repeat;background-size: cover;background-image: url('../../img/sub/pro/01-00.jpg');width: 100%;height: 100%;background-color: #000;opacity: 0.4;}
.sub_tab.tab02:after {content: '';position: absolute;top: 0;left: 0;background-position: center;background-repeat: no-repeat;background-size: cover;background-image: url('../../img/sub/pro/02-00.jpg');width: 100%;height: 100%;background-color: #000;opacity: 0.4;}
.sub_tab.tab03:after {content: '';position: absolute;top: 0;left: 0;background-position: center;background-repeat: no-repeat;background-size: cover;background-image: url('../../img/sub/pro/03-00.jpg');width: 100%;height: 100%;background-color: #000;opacity: 0.4;}

.sub_tab.on.tab01:after{opacity:1;}
.sub_tab.on.tab02:after{opacity:1;}
.sub_tab.on.tab03:after{opacity:1;}


.sub_tab{width: calc(33.33333333333333% + 1px);margin:0 10px;border: 1px solid #000;background-color: #000;font-size: 24px;font-weight:600;color: #fff;padding: 100px 20px;text-align: center;cursor: pointer;word-break: keep-all;display: flex;align-items: center;justify-content: center;}
.sub_tab.on{border-color:#009dd2; color:#fff;}
.sub_tabcon{ display:none; overflow:hidden; }
.sub_tabcon.on{ display:block; }


.sub_tab2{width:calc(33.33333333333333% + 1px); margin:0 -1px 0 -1px; border:1px solid #ccc; background-color:#f3f3f3; font-size:17px; font-weight:300; color:#666; padding:10px 20px; text-align:center; cursor:pointer; word-break:keep-all; display:flex; align-items:center; justify-content:center;}
.sub_tab2.on{background-color:#009dd2; border-color:#009dd2; color:#fff;}

.sub_tabcon1{ display:none; overflow:hidden; }
.sub_tabcon1.on{ display:block; }

.sub_tabcon2{ display:none; overflow:hidden; }
.sub_tabcon2.on{ display:block; }

.sub_tabcon3{ display:none; overflow:hidden; }
.sub_tabcon3.on{ display:block; }

@media (max-width:810px) {
    .sub_tab_wrap.tab00{flex-flow: column;}
    .sub_tab{width: calc(100% + 1px);font-size:20px;}
}



/* sub01 */

#ict{overflow: hidden;}

.sub01_pt.pt_01{margin-bottom:40px;}

.sub01_pt p{border: 1px solid #d4d4d4;width: 100%;padding: 30px;font-size: 17px;color: #777;letter-spacing: -0.5px;}
.sub01_img{padding:60px 20px;border:1px solid #ddd;}
.sub01_img img {width: auto;height: 100%;margin: 0 auto; display: flex;justify-content: center;align-items: center;}

/* sub02 */

.sub02_pt.pt_02{margin-bottom:40px;}

.sub02_pt p{border: 1px solid #d4d4d4;width: 100%;padding: 30px;font-size: 17px;color: #777;letter-spacing: -0.5px;}
.sub02_img{padding:60px 20px;border:1px solid #ddd;}
.sub02_img img {width: auto;height: 100%;margin: 0 auto; display: flex;justify-content: center;align-items: center;}

/* sub03 */

.sub03_pt.pt_02{margin-bottom:40px;}

.sub03_pt p{border: 1px solid #d4d4d4;width: 100%;padding: 30px;font-size: 17px;color: #777;letter-spacing: -0.5px;}
.sub03_img{padding:60px 20px;border:1px solid #ddd;}
.sub03_img img {width: auto;height: 100%;margin: 0 auto; display: flex;justify-content: center;align-items: center;}