@charset "UTF-8";

/***************************************************

	SHELD TC APPROACH

***************************************************/


/********** 01 **********/

#top_kv #app01_kv.kv_box ul li.li01{
	top: 46%;
}

#top_kv #app01_kv.kv_box ul li.li01 .line{
	width: 93%;
	height: 1px;
	border-top-width: 2px;
	top: 50%;
	right: -63%;
}

#top_kv #app01_kv.kv_box ul li.li01 .point{
	top: 50%;
	right: 0;
}

#top_kv #app01_kv.kv_box ul li.li02{
	top: 64%;
}

#top_kv #app01_kv.kv_box ul li.li02 .line{
	width: 121%;
	border-top-width: 2px;
	top: 50%;
	left: -71%;
}

#top_kv #app01_kv.kv_box ul li.li02 .point{
	top: 50%;
	left: 0px;
}

#top_kv #app01_kv.kv_box ul li.li03{
	top: 30%;
}

#top_kv #app01_kv.kv_box ul li.li03 .line{
	width: 91%;
    height: auto;
    padding-top: 70%;
    border-top-width: 2px;
    border-left-width: 2px;
    top: 50%;
    left: -61%;
}

#top_kv #app01_kv.kv_box ul li.li03 .point{
    bottom: -5px;
    left: -6px;
}

#top_kv #app01_kv.kv_box ul li.li04{
	top: 93%;
}

#top_kv #app01_kv.kv_box ul li.li04 .line{
	width: 94%;
	height: 1px;
	border-top-width: 2px;
	top: 50%;
	left: -64%;
}

#top_kv #app01_kv.kv_box ul li.li04 .point{
	top: 50%;
	left: 0px;
}

#top_kv #app01_kv.kv_box ul li.li05{
	top: 73%;
}

#top_kv #app01_kv.kv_box ul li.li05 .line{
	width: 91%;
	height: auto;
	border-top-width: 2px;
	top: 50%;
	left: -51%;
}

#top_kv #app01_kv.kv_box ul li.li05 .point{
	top: 50%;
	left: 0px;
}

#top_kv #app01_kv.kv_box ul li.li06{
	top: 61.5%;
}

#top_kv #app01_kv.kv_box ul li.li06 .line{
	width: 45%;
	height: 1px;
	border-top-width: 2px;
	top: 50%;
	right: -15%;
}

#top_kv #app01_kv.kv_box ul li.li06 .point{
	top: 50%;
	right: 0px;
}

#top_kv #app01_kv.kv_box ul li.li07{
	top: 56%;
}

#top_kv #app01_kv.kv_box ul li.li07 .line{
	width: 80%;
	height: 1px;
	border-top-width: 2px;
	top: 50%;
	right: -69%;
}

#top_kv #app01_kv.kv_box ul li.li07 .point{
	top: 50%;
	right: 0;
}


.glid_base .glid01_01{
	grid-column: 1/2;
	grid-row: 1/2;
}

.glid_base .glid01_02{
	grid-column: 2/3;
	grid-row: 1/2;
}

.glid_base .glid01_03{
	grid-column: 1/2;
	grid-row: 2/3;
}

.glid_base .glid01_04{
	grid-column: 2/3;
	grid-row: 2/3;
}

.glid_base .glid01_05{
	grid-column: 3/5;
	grid-row: 2/3;
}

.glid_base .glid01_06{
	grid-column: 1/4;
	grid-row: 3/4;
}



/********** 02 **********/

#top_kv #app02_kv.kv_box ul li.li01{
	top: 56%;
}

#top_kv #app02_kv.kv_box ul li.li01 .line{
	width: 50%;
	height: 1px;
	border-top-width: 2px;
	top: 50%;
	right: -20%;
}

#top_kv #app02_kv.kv_box ul li.li01 .point{
	top: 50%;
	right: 0;
}


#top_kv #app02_kv.kv_box ul li.li02{
	top: 77%;
}

#top_kv #app02_kv.kv_box ul li.li02 .line{
	width: 89%;
	border-top-width: 2px;
	top: 50%;
	left: -49%;
}

#top_kv #app02_kv.kv_box ul li.li02 .point{
	top: 50%;
	left: 0px;
}


#top_kv #app02_kv.kv_box ul li.li03{
	top: 70%;
}

#top_kv #app02_kv.kv_box ul li.li03 .line{
	width: 97%;
	height: 1px;
	border-top-width: 2px;
	top: 50%;
	right: -67%;
}

#top_kv #app02_kv.kv_box ul li.li03 .point{
	top: 50%;
	right: 0px;
}

#top_kv #app02_kv.kv_box ul li.li04{
	top: 83%;
}

#top_kv #app02_kv.kv_box ul li.li04 .line{
	width: 95%;
	height: auto;
    padding-top: 20%;
	border-bottom-width: 2px;
	border-right-width: 2px;
	bottom: 0;
	right: -65%;
}

#top_kv #app02_kv.kv_box ul li.li04 .point{
	top: 1px;
	right: -6px;
}

#top_kv #app02_kv.kv_box ul li.li05{
	top: 97%;
}

#top_kv #app02_kv.kv_box ul li.li05 .line{
	width: 123%;
	height: auto;
    padding-top: 53%;
	border-bottom-width: 2px;
	border-right-width: 2px;
	bottom: 0;
	right: -93%;
}

#top_kv #app02_kv.kv_box ul li.li05 .point{
	top: 1px;
	right: -6px;
}

#top_kv #app02_kv.kv_box ul li.li06{
	top: 38%;
}

#top_kv #app02_kv.kv_box ul li.li06 .line{
	width: 54%;
	height: auto;
    padding-top: 23%;
	border-top-width: 2px;
	border-right-width: 2px;
	top: 50%;
	right: -24%;
}

#top_kv #app02_kv.kv_box ul li.li06 .point{
	bottom: -10px;
	right: -6px;
}

#top_kv #app02_kv.kv_box ul li.li07{
	top: 43%;
}

#top_kv #app02_kv.kv_box ul li.li07 .line{
	width: 41%;
	height: 1px;
	border-top-width: 2px;
	top: 50%;
	left: -11%;
}

#top_kv #app02_kv.kv_box ul li.li07 .point{
	top: 50%;
	left: 0;
}


.glid_base .glid02_01{
	grid-column: 1/3;
	grid-row: 1/2;
}

.glid_base .glid02_02{
	grid-column: 3/5;
	grid-row: 1/2;
}

.glid_base .glid02_03{
	grid-column: 1/3;
	grid-row: 2/3;
}

.glid_base .glid02_04{
	grid-column: 3/4;
	grid-row: 2/3;
}

.glid_base .glid02_05{
	grid-column: 1/3;
	grid-row: 3/4;
}

.glid_base .glid02_06{
	grid-column: 3/4;
	grid-row: 3/4;
}

.glid_base .glid02_07{
	grid-column: 1/5;
	grid-row: 4/5;
}



/********** 03 **********/

#top_kv #app03_kv.kv_box ul li.li01{
	top: 65%;
}

#top_kv #app03_kv.kv_box ul li.li01 .line{
	width: 120%;
	height: 1px;
	border-top-width: 2px;
	top: 50%;
	right: -80%;
}

#top_kv #app03_kv.kv_box ul li.li01 .point{
	top: 50%;
	right: 0;
}


#top_kv #app03_kv.kv_box ul li.li02{
	top: 92%;
}

#top_kv #app03_kv.kv_box ul li.li02 .line{
	width: 70%;
	border-top-width: 2px;
	top: 50%;
	right: -40%;
}

#top_kv #app03_kv.kv_box ul li.li02 .point{
	top: 50%;
	right: 0;
}


#top_kv #app03_kv.kv_box ul li.li03{
	top: 78%;
}

#top_kv #app03_kv.kv_box ul li.li03 .line{
	width: 85%;
	height: 1px;
	border-top-width: 2px;
	top: 50%;
	left: -55%;
}

#top_kv #app03_kv.kv_box ul li.li03 .point{
	top: 50%;
	left: 0px;
}

#top_kv #app03_kv.kv_box ul li.li04{
	top: 67%;
}

#top_kv #app03_kv.kv_box ul li.li04 .line{
	width: 107%;
	height: auto;
    padding-top: 21%;
	border-top-width: 2px;
	border-left-width: 2px;
	top: 50%;
	left: -77%;
}

#top_kv #app03_kv.kv_box ul li.li04 .point{
	bottom: -11px;
	left: -6px;
}

#top_kv #app03_kv.kv_box ul li.li05{
	top: 96%;
}

#top_kv #app03_kv.kv_box ul li.li05 .line{
    width: 104%;
    height: auto;
    padding-top: 39%;
    border-bottom-width: 2px;
    border-left-width: 2px;
    bottom: 0;
    left: -74%;
}

#top_kv #app03_kv.kv_box ul li.li05 .point{
	top: 1px;
	left: -6px;
}

#top_kv #app03_kv.kv_box ul li.li06{
	top: 47%;
}

#top_kv #app03_kv.kv_box ul li.li06 .line{
	width: 103%;
	height: auto;
    padding-top: 30%;
	border-top-width: 2px;
	border-left-width: 2px;
	top: 50%;
	left: -73%;
}

#top_kv #app03_kv.kv_box ul li.li06 .point{
	bottom: -10px;
	left: -6px;
}

#top_kv #app03_kv.kv_box ul li.li07{
	top: 48%;
}

#top_kv #app03_kv.kv_box ul li.li07 .line{
	width: 167%;
	height: auto;
    padding-top: 36%;
	border-top-width: 2px;
	border-right-width: 2px;
	top: 50%;
	right: -137%;
}

#top_kv #app03_kv.kv_box ul li.li07 .point{
	bottom: -9px;
	right: -6px;
}


.glid_base .glid03_01{
	grid-column: 1/2;
	grid-row: 1/2;
}

.glid_base .glid03_02{
	grid-column: 2/3;
	grid-row: 1/2;
}

.glid_base .glid03_03{
	grid-column: 3/5;
	grid-row: 1/2;
}

.glid_base .glid03_04{
	grid-column: 1/3;
	grid-row: 3/4;
}

.glid_base .glid03_05{
	grid-column: 3/5;
	grid-row: 3/4;
}

.glid_base .glid03_06{
	grid-column: 1/2;
	grid-row: 4/5;
}

.glid_base .glid03_07{
	grid-column: 2/5;
	grid-row: 4/5;
}



/********** 04 **********/

#top_kv #app04_kv.kv_box ul li.li01{
	top: 65%;
}

#top_kv #app04_kv.kv_box ul li.li01 .line{
	width: 88%;
	height: 1px;
	border-top-width: 2px;
	top: 50%;
	right: -58%;
}

#top_kv #app04_kv.kv_box ul li.li01 .point{
	top: 50%;
	right: 0;
}


#top_kv #app04_kv.kv_box ul li.li02{
	top: 76%;
}

#top_kv #app04_kv.kv_box ul li.li02 .line{
	width: 112%;
	border-top-width: 2px;
	top: 50%;
	right: -82%;
}

#top_kv #app04_kv.kv_box ul li.li02 .point{
	top: 50%;
	right: 0;
}


#top_kv #app04_kv.kv_box ul li.li03{
	top: 37%;
}

#top_kv #app04_kv.kv_box ul li.li03 .line{
	width: 165%;
	height: auto;
	padding-bottom: 10%;
	border-top-width: 2px;
	border-left-width: 2px;
	top: 50%;
	left: -135%;
}

#top_kv #app04_kv.kv_box ul li.li03 .point{
	bottom: -10px;
	left: -6px;
}

#top_kv #app04_kv.kv_box ul li.li04{
	top: 67%;
}

#top_kv #app04_kv.kv_box ul li.li04 .line{
	width: 151%;
	height: 1px;
	border-top-width: 2px;
	top: 50%;
	left: -121%;
}

#top_kv #app04_kv.kv_box ul li.li04 .point{
	top: 50%;
	left: 0px;
}

#top_kv #app04_kv.kv_box ul li.li05{
	top: 56%;
}

#top_kv #app04_kv.kv_box ul li.li05 .line{
	width: 77%;
	height: 1px;
	border-top-width: 2px;
	top: 50%;
	left: -47%;
}

#top_kv #app04_kv.kv_box ul li.li05 .point{
	top: 50%;
	left: 0px;
}


.glid_base .glid04_01{
	grid-column: 1/4;
	grid-row: 1/2;
}

.glid_base .glid04_02{
	grid-column: 1/4;
	grid-row: 2/3;
}

.glid_base .glid04_03{
	grid-column: 1/3;
	grid-row: 3/4;
}

.glid_base .glid04_04{
	grid-column: 1/4;
	grid-row: 4/5;
}

.glid_base .glid04_05{
	grid-column: 4/5;
	grid-row: 4/5;
}



/********** 05 **********/

#top_kv #app05_kv.kv_box ul li.li01{
	top: 62%;
}

#top_kv #app05_kv.kv_box ul li.li01 .line{
	width: 170%;
	height: auto;
	padding-bottom: 20%;
	border-top-width: 2px;
	border-right-width: 2px;
	top: 50%;
	right: -140%;
}

#top_kv #app05_kv.kv_box ul li.li01 .point{
	bottom: -10px;
	right: -6px;
}


#top_kv #app05_kv.kv_box ul li.li02{
	top: 87%;
}

#top_kv #app05_kv.kv_box ul li.li02 .line{
	width: 107%;
	border-top-width: 2px;
	top: 50%;
	left: -77%;
}

#top_kv #app05_kv.kv_box ul li.li02 .point{
	top: 50%;
	left: 0;
}


#top_kv #app05_kv.kv_box ul li.li03{
	top: 97%;
}

#top_kv #app05_kv.kv_box ul li.li03 .line{
	width: 142%;
	height: auto;
	padding-top: 22%;
	border-bottom-width: 2px;
	border-right-width: 2px;
	bottom: 0;
	right: -112%;
}

#top_kv #app05_kv.kv_box ul li.li03 .point{
	top: 0;
	right: -6px;
}

#top_kv #app05_kv.kv_box ul li.li04{
	top: 54%;
}

#top_kv #app05_kv.kv_box ul li.li04 .line{
	width: 90%;
	height: auto;
	padding-bottom: 12%;
	border-top-width: 2px;
	border-left-width: 2px;
	top: 50%;
	left: -60%;
}

#top_kv #app05_kv.kv_box ul li.li04 .point{
	bottom: -9px;
	left: -6px;
}

#top_kv #app05_kv.kv_box ul li.li05{
	top: 78%;
}

#top_kv #app05_kv.kv_box ul li.li05 .line{
	width: 97%;
	height: 1px;
	border-top-width: 2px;
	top: 50%;
	right: -67%;
}

#top_kv #app05_kv.kv_box ul li.li05 .point{
	top: 50%;
	right: 0px;
}


.glid_base .glid05_01{
	grid-column: 1/2;
	grid-row: 1/2;
}

.glid_base .glid05_02{
	grid-column: 2/3;
	grid-row: 1/2;
}

.glid_base .glid05_03{
	grid-column: 3/4;
	grid-row: 1/2;
}

.glid_base .glid05_04{
	grid-column:4/5;
	grid-row: 1/2;
}

.glid_base .glid05_05{
	grid-column: 1/3;
	grid-row: 2/3;
}













/********************************************************************************
	スマートフォン用 CSS
********************************************************************************/

@media (max-width: 767px) {







}