@charset "utf-8";

.organization{position:relative;}
.organization:before{display:block;content:"";width:1px;height:300px;background:#555;position:absolute;top:0;left:50%;z-index:-1;}
.organization li{margin-bottom:20px;}
.organization li span{display:block;text-align:center;border-radius:10px 10px 0 0;background:#1461e0;color:#fff;padding:10px 0;border:solid 1px #cde0fe;}
.organization li span br{display:none;}
.organization li ul{border:solid 1px #cde0fe;background:#fff;border-radius:0 0 10px 10px;padding:10px 10px 0 10px;}
.organization li ul li{position:relative;padding-left:7px;padding-bottom:10px;margin:0;}
.organization li ul li:before{display:inline-block;content:"";width:4px;height:4px;border-radius:10px;background:#555;position:absolute;top:10px;left:0;}
.organization li.org02 span{background:#14a4e0;border:#ceeefb;}
.organization li.org02 ul{border:solid 1px #ceeefb;}
.organization li.org03 span{background:#5714e0;border:#e1d3fd;}
.organization li.org03 ul{border:solid 1px #e1d3fd;}


.jg *{font-size:1.1em;}
.jg .jg_box{position:relative;background:#f6f2ff;padding:20px;margin-bottom:20px;line-height:1.8em;word-break:keep-all;}
.jg .jg_box h4{background:none !important;padding:0 !important;color:#5714e0 !important;}
.jg h4{font-size:1.7em !important;}
.jg h5{font-size:1.3em !important;}
.jg .jg_box.im2{margin-bottom:0;padding-bottom:5px;}

.jgul li ul{margin-left:0 !important;}
.jgul li li{border-radius:10px;border:solid 1px #cde0fe;padding:20px 30px !important;background-position:20px 30px !important;}

.jg_btn{text-align:center;}
.jg_btn a{display:inline-block;background:#4aaef9; color:#fff;padding:10px 30px;border-radius:10px;}

.basic_table{width:100%;min-width:700px;margin:0 0 10px 0;border-top:1px solid #4a4a4a}
.basic_table th,
.basic_table td{text-align:center;border:1px solid #e9e9e9;border-top:none;vertical-align:middle;padding:14px 10px;font-size:0.7em;font-weight:normal;word-break:keep-all;}
.basic_table th{background:#f7f9fb;border-top:none;font-weight:900;}
.basic_table td{background:#fff}

@font-face {
    font-family: 'Suit';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Thin.woff2') format('woff2');
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: 'Suit';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: 'Suit';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Light.woff2') format('woff2');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Suit';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Regular.woff2') format('woff2');
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Suit';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Medium.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Suit';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Suit';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Suit';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'Suit';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Heavy.woff2') format('woff2');
    font-weight: 900;
    font-display: swap;
}


.slogan{background:url("/upload_data/board_data/CNT_ATCHDOWN/178546299916067.png") no-repeat center;background-size:cover;text-align:center;padding:30px 20px;border-radius:40px;margin-bottom:30px;word-break:keep-all;font-family: 'Suit';}
.slogan strong{display:block;position:relative;font-size:1.1rem;font-weight:800;margin-bottom:30px;}
.slogan strong:after{display:block;content:"";width:100px;height:1px;background:#1461e0;margin:20px auto 0 auto;}
.slogan p{position:relative;padding:5px 0 20px;font-weight:500;}
.slogan p:after{display:block;content:"";width:100px;height:1px;background:#1461e0;margin:20px auto 0 auto;}

.vision{font-family: 'Suit';}
.vision li{text-align:center;}
.vision li span{display:inline-block;background:#1461e0;color:#fff;width:100px;padding:10px 0;border-radius:100px;font-weight:800;}
.vision li:nth-child(2) span{background:#5714e0;}
.vision li ul{position:relative;margin:20px 0 40px;background:#eee;padding:30px 20px;border-radius:30px;}
.vision li ul:before{display:inline-block;content:"";width:1px;height:30px;background:#444;position:absolute;top:-30px;left:50%;z-index:-1;}
.vision li ul li{position:relative;padding:0 0 5px 8px;text-align:left;}
.vision li ul li:before{display:inline-block;content:"";width:3px;height:3px;background:#444;position:absolute;top:9px;left:0;}

.overview{font-family: 'Suit';background:#f6f2ff;padding:20px 30px;margin-bottom:30px;}
.overview p{margin-bottom:10px;}

.key{font-family: 'Suit';margin-bottom:30px;text-align:center;display: flex;flex-wrap: wrap;gap: 10px;list-style: none;}
.key li{display: flex;flex-direction: column;width: 100%;box-sizing: border-box;word-break:keep-all;}
.key li span{display:block;background:#1461e0;color:#fff;padding:10px 0;border-radius:10px 10px 0 0;}
.key li ul{border:dotted 1px #1461e0;border-top:none;border-radius:0 0 10px 10px;padding:20px 10px;margin-bottom:20px;}


.flow{font-family: 'Suit';margin-bottom:30px;text-align:center;display: flex;flex-wrap: wrap;gap: 10px;list-style: none;}
.flow li{display: flex;flex-direction: column;width: 100%;box-sizing: border-box;word-break:keep-all;}
.flow li span{display:block;background:#5714e0;color:#fff200;padding:10px 0;border-radius:10px 10px 0 0;}
.flow li span em{font-style:normal;display:block;color:#fff;}
.flow li ul{border:dotted 1px #5714e0;border-top:none;border-radius:0 0 10px 10px;padding:20px 10px;margin-bottom:20px;}


@media all and (min-width:768px) {

.jg .jg_box{padding:30px;}
.jg .jg_box li img{width:100px;}

.jgul li ul:after{display:block;content:"";clear:both;}
.jgul li li{float:left;width:calc(100%/2 - 70px);margin-right:5px;}
.jgul li ul.jgh li{min-height:77px;}    

.slogan{padding:40px 60px;}
.slogan strong{font-size:1.4rem;}
.slogan p{font-size:1.2rem;}

.vision li{text-align:left;margin-bottom:30px;}
.vision li:after{display:block;content:"";clear:both;}
.vision li span{text-align:center;width:100px;height:100px;box-sizing:border-box;padding:40px 0;float:left;}
.vision li ul{float:right;width:calc(100% - 180px);margin:0;}
.vision li ul:before{width:50px;height:1px;top:50px;left:-40px;}
.vision li ul li{margin:0;}

.overview{padding:50px 50px 30px 50px;font-size:1.1rem;text-align:center;word-break:keep-all;}
.overview p{margin-bottom:20px;}

.key li{width: calc((100% - 10px) / 2);}
.key li ul{padding:20px 30px;}
.key li li{width:100%;}

.flow li{width: calc((100% - 10px) / 2);}
.flow li ul{padding:20px 30px;}
.flow li li{width:100%;}


}


@media all and (min-width:1023px) {

.organization:before{height:200px;left:15%;}
.organization li:after{display:block;content:"";clear:both;}
.organization li span{float:left;width:30%;border-radius:10px 0 0 10px;}
.organization li span br{display:block;}
.organization li ul{float:right;width:calc(70% - 24px);border-radius:0 10px 10px 0;}
.organization li.org02 span{padding:16px 0;}
.organization li.org03 span{padding:32px 0;}

.jg .jg_box{padding:50px;padding-right:400px;}
.jg .jg_box h4{font-size:30px !important;}
.jg .jg_box.im1:after{display:block;content:"";width:217px;height:248px;background:url("/upload_data/board_data/CNT_ATCHDOWN/177614057075581.png") no-repeat;position:absolute;right:5%;bottom:0;}
.jg .jg_box.im2:after{display:block;content:"";width:275px;height:263px;background:url("/upload_data/board_data/CNT_ATCHDOWN/177614057075850.png") no-repeat;position:absolute;right:5%;bottom:0;}
.jg .jg_box.im3:after{display:block;content:"";width:188px;height:200px;background:url("/upload_data/board_data/CNT_ATCHDOWN/177614461336152.png") no-repeat;position:absolute;right:5%;bottom:0;}
.jg .jg_box.im4:after{display:block;content:"";width:275px;height:263px;background:url("/upload_data/board_data/CNT_ATCHDOWN/178236939699337.png") no-repeat;position:absolute;right:5%;bottom:0;}

.jgul li li{width:calc(100%/3 - 70px);}

.slogan{padding:100px;border-radius:100px;}
.slogan strong{font-size:1.9rem;}
.slogan p{font-size:1.4rem;padding:10px 0 40px;}
.slogan p:after{margin-top:40px;}
.slogan span{font-size:1.1rem;}

.vision li ul{margin-top:10px;}
.vision li ul:before{top:40px}
.vision li ul li{padding-bottom:0;}
.vision li:nth-child(2) ul li{float:left;width:calc(100% / 3);box-sizing:border-box;}

.overview{padding:50px 100px 30px 100px;font-size:1.2rem;}

.key li{width: calc((100% - 30px) / 4);}
.key li span{font-size:1.1rem;font-weight:700;padding:20px 0;}
.key li ul{flex-grow: 1;}

.flow li{width: calc((100% - 30px) / 4);}
.flow li span{font-size:1.1rem;font-weight:700;padding:20px 0;}
.flow li span em{font-size:0.9rem;font-weight:400;}
.flow li ul{flex-grow: 1;}
	
}



/* location */
.location{}
.location .map{width:100% !important; height:400px !important; margin-bottom:40px;}

.location .add-tel{}
.location .add-tel:after{clear:both; content:""; display:block;}
.location .add-tel .tit-btxt{float:left; box-sizing:border-box; border-right:1px solid #e4e4e4;}
.location .add-tel .tit-btxt.add{width:55%; padding-right:50px;}
.location .add-tel .tit-btxt.tel{width:45%; padding-left:50px; border-right:none;}
.location .add-tel .tit-btxt .btxt{font-size:15px; color:#666;}

@media all and (max-width:1200px){
	.location .add-tel .tit-btxt.add{width:50%; padding-right:30px;}
	.location .add-tel .tit-btxt.tel{width:50%; padding-left:30px;}
}

@media all and (max-width:1000px){
	.location .map{height:300px !important; margin-bottom:30px;}

	.location .add-tel .tit-btxt.add{padding-right:20px;}
	.location .add-tel .tit-btxt.tel{padding-left:20px;}
}

@media all and (max-width:680px){
	.location .map{height:260px !important; margin-bottom:20px;}

	.location .add-tel .tit-btxt .btxt{font-size:14px;}
}

@media all and (max-width:480px){
	.location .map{height:220px !important;}

	.location .add-tel .tit-btxt.add{width:100%; padding-right:0px; border-right:none; margin-bottom:20px;}
	.location .add-tel .tit-btxt.tel{width:100%; padding-left:0px;}

	.location .add-tel .tit-btxt .btxt{font-size:13px;}
}

span.po{background:#f6c817;display:inline-block;padding:0 5px;border-radius:5px;}