@charset "utf-8";

.sub01_01_01 {
	background:url("../images/img01_0101.png") no-repeat;
	background-size:cover;
	padding:80px 80px 240px 80px;
	margin-bottom:90px;
}
.sub01_01_01 h5 {
	font-size:50px;
	color:#262626;
	font-weight:400;
	margin-bottom:50px;
	line-height:1.4;
}
.sub01_01_01 p {
	font-size:22px;
	color:#262626;
	font-weight:300;
	line-height:1.4;
}

.sub01_01_02_flex {
	display:flex;
	gap:20px;
	justify-content: space-between;
	margin-bottom:160px;
}
.sub01_01_02_item {
	position:relative;
	border:1px solid #ddd;
	padding:45px 30px;
	flex:1;
}
.sub01_01_02_item p {
	color:#262626;
	font-weight:300;
	line-height:1.4;
	word-break:keep-all;
}
.sub01_01_02_item p.tit {
	font-size:35px;
	color:#262626;
	font-weight:600;
	margin-bottom:20px;
	line-height:1.4;
}
.sub01_01_02_item p.mark {
	position:absolute;
	top:-50px;
	right:20px;
	z-index:10;
}
.sub01_01_03 {
	padding:80px;
	background:#f3f3f3;
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	margin-bottom:40px;
}
.sub01_01_03 > p {
	width:25%;
}
.sub01_01_03 img {
	max-width:100%;
}
.sub01_01_03 > div {
	width:72%;
}
.sub01_01_03 > div h5 {color:#0095da;font-size:30px;margin-bottom:20px;font-weight:500;}
.sub01_01_03 > div p {
	color:#262626;
	font-wiehgt:300;
	line-height:1.4;
	word-break:keep-all;
}
.sub01_01_03 > div p.tit {
	margin-bottom:20px;
}
.sub01_01_03 > div p.tit strong {font-size:35px;
	color:#262626;
	font-weight:600;
	margin-bottom:20px;
	line-height:1.4;
display:block;}
.sub01_01_03 > div p.tit span {font-family: 'GmarketSansMedium';color:#707070;font-size:30px;}


.sub01_02_01 {
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	gap:4%;
	margin-bottom:50px;
}
.sub01_02_01 > * {
	width:48%;
}

.sub01_02_01 h4 {
	color:#262626;
	font-size:45px;
line-height:1.4;
	word-break:keep-all;
	margin-bottom:40px;
}
.sub01_02_01 h4 strong {
	color:#0095da;
}
.sub01_02_01 p {
	color:#262626;
	font-wiehgt:300;
	line-height:1.4;
	word-break:keep-all;
	margin-top:20px;
}
.sub01_02_01 p.sign {
	text-align:right;
	font-size:1.2em;
}
.sub01_02_01 p.sign strong {
	font-size:1.4em;
	color:#000;
	font-weight:500;
}



.location_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-top: 30px;
}

.location_wrap p {
    margin: 5px 0!important;
    font-weight: 300;
}

.location_wrap strong {
    color: #251e13;
    display: inline-block;
    position: relative;
    margin-right: 10px;
    padding-right: 15px;
}

.location_wrap strong:after {
    position: absolute;
    right: 0;
    top: 25%;
    height: 50%;
    width: 1px;
    display: block;
    content: "";
    background: #d9d9d9;
}

.sub06_flex {display:flex;flex-wrap:wrap;}
.sub06_item {
	width:48%;margin:0 1% 2%;
	border:1px solid #ddd;
	padding:30px;
}
.sub06_info {
	padding:30px 0 0 0;
}
.sub06_info p {
	word-break:keep-all;
	font-weight:300;
	color:#595959;
	line-height:1.4
}

.sub06_info p.tit {
	padding:0 0 0 50px;
	font-size:35px;
	color:#262626;
	font-weight:600;
	position:relative;
	margin-bottom:20px;
}
.sub06_info p.tit:before {
	display: block;
  content: "";
  background: #0095da;
  height: 8px;
	width:40px;
  position: absolute;
  top:50%;
	margin-top:-4px;;
  left: 0;
  z-index: 1;
}

.sitemap_flex {display:flex;flex-wrap:wrap;}
.sitemap_item {width:24%;margin:0.5%;padding:0px;}
.sitemap_item h3 {font-weight:500;padding:15px;border-bottom:1px solid #4571b9;color:#4571b9;}
.sitemap_item ul {margin:15px 0;}
.sitemap_item li {padding:7px 16px 7px 25px;position:relative;}
.sitemap_item li:before {display:block;content:"";width:5px;height:5px;background:#000;border-radius:50%;transform: translateY(-50%);position:absolute;left:15px;top:50%;;}

p.help {
	margin-top:10px;
	font-size:0.9em;
	line-height:1.4;
}


.tableA {
	clear: both;
	display: table;
	width: 100%;
	border-collapse: collapse;
	margin: 0px 0;
	border-top:1px solid #222;
}

.tableA tbody th {
	padding: 20px 10px;
	color: #000;
	font-weight: 600;
	border-bottom:1px solid #e1dbd4;
	text-align: left;
	line-height: 1.5em;
	background: #fff;
	width:20%;
}
.tableA tbody td {
	border-bottom:1px solid #e1dbd4;
	padding: 20px 10px;
	background: #fff;
	color: #666666;
	line-height: 1.5em;
}
.tableB {
	clear: both;
	display: table;
	width: 100%;
	border-collapse: collapse;
	margin:0;
	border:1px solid #d4d4d4;
	border-top:1px solid #222;
	
}
.tableB thead th {
	padding: 10px 5px;
	color: #3d8cc8;
	font-weight: 500;
	border:1px solid #d4d4d4;
	text-align: center;
	line-height: 1.4;
	background:#f1f6f8;border-top:1px solid #3d8cc8;
	border-bottom:1px solid #3d8cc8;
}
.tableB tbody th {
	padding: 10px 5px;
	color: #464646;
	background:#f7f7f7;
	font-weight: 500;
	border:1px solid #d4d4d4;
	text-align: center;
	line-height: 1.4;
}
.tableB tbody td {
	border:1px solid #d4d4d4;
	padding: 10px 5px;
	text-align: center;
	line-height: 1.4;
	background:#fff;
	color:#707070;
}
.style7 {
	background:#d98db3 !important;
	color:#000;
	font-weight:700;
}


.depth-2 {
	position:relative;
	margin-bottom:90px;
}
.depth-2:before {
	position:absolute;
	left:0;
	right:0;
	height:5px;
	bottom:0;
	background:#d7d7d7;
	display:block;
	content:"";
}
.depth-2 ul {
	display:flex;
	justify-content: center;
}
.depth-2 ul li a {
	display:block;
	padding:0 30px 25px;
	font-size:1.2em;
	color: #959595;
	position:relative;
}
.depth-2 ul li.active a {    color: #333333;}
.depth-2 ul li.active a:after {
	position:absolute;
	left:0;
	right:0;
	height:5px;
	background:#0095da;
	dispaly:block;
	content:"";
	bottom:0;
}
.point_txt {
	background:#edf5f8;
	border-radius:2%;
	padding:6% 2%;
	text-align:center;
}
.point_txt p {
	font-size:1.4rem;
	color:#000;
	line-height:1.4;
}
.point_txt p strong {
	color:#0095da;
	font-size:3rem;
	font-family: 'GmarketSansMedium';
	margin-bottom:10px;
	line-height:1.4;
}
.tabs {display:flex;flex-wrap:wrap;justify-content: center;margin-bottom:20px; }
.tabs_item {width:100%;max-width:150px;text-align:center;border:1px solid #959595;margin-left:-1px;}
.tabs_item a {display:block;padding:15px 0px;}
.tabs_item.active a {font-weight:500;color:#fff;background:#959595;}


.flex {
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
.flex > * {
	width:49%;
}
.flex2 {
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
.flex2 > p {
	width:39%;
}
.flex2 > div {
	width:59%;
}
.flex3 {
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	margin-bottom:3%;
}
.flex3 > p {
	width:19%;
}
.flex3 > div {
	width:80%;
}
.flex > div p,
.flex2 > div p,
.flex3 > div p{
	line-height:1.4;
}
.flex_6 {
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
.flex_6>p {
	width:55%;
}
.flex_6>div {
	width:40%
}
.flex_7 {
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
.flex_7>p {
	width:32%;
}
.flex_7> .p60 	{	width:32% !important;}
.flex_7>div {
	width:65%
}
.dot-line li {position:relative;padding:2px 0 2px 13px;line-height:1.4;}
.dot-line li:before {
	display:block;
	content:"";
	width:4px;
	height:4px;
	border-radius:50%;
	position:absolute;
	left:0;
	top:15px;
	background:#0095da;
}

.sub0205_box {
	flex-wrap:wrap;
	display:flex;
	background:#f3f3f3;
	padding:6% 4%;
	margin-top:5%;
}
.sub0205_box_item {
	width:25%;
	text-align:center;
	padding:0 0.5%;
}
.sub0205_box.col5 {
	margin-bottom:5%;
}
.sub0205_box.col5 .sub0205_box_item {
	width:20%;
}
.sub0205_box_item strong {
	display:block;
	font-weight:500;
	color:#000;
	font-size:1.1em;
	margin-top:4%;
}


.sub0205_2_box {
	display:flex;
	justify-content:space-between;
	margin-top:4%;
}
.sub0205_2_box_item {
	border:1px solid #ddd;
	padding:4% 1%;
	display:flex;
	justify-content: center;
	align-items: center;
	gap:20px;
	width:48%;
}
.sub0205_2_box_item p {
	font-weight:600;
	font-size:1.3em;
}

.sub0205_3 {
	margin-top:4%;
}
.sub0205_3 p {
	line-height:1.4;
}
.sub02_title {
	font-weight:600;
	font-size:1.3em;
	color:#0095da;
	margin-bottom:10px;
	line-height:1.4;
}
.sub0205_5 {
	display:flex;
}
.sec {
  scroll-margin-top: 120px;
}
.sub0205_5_item {
	width:24%;
	margin:0.5%;
	border:1px solid #ddd;
	padding:20px;
	text-align:center;
}
.sub0205_5.col-3 {
	flex-wrap:wrap;
}
.sub0205_5.col-3 .sub0205_5_item {
	width:32.333%;
}
.sub0205_5_item ul {
	padding-top:15px;
	border-top:1px solid #ddd;
	margin-top:15px;
}
.sub0205_5_item p strong {
	color:#000;
	font-size:1.1em;
	font-weight:500;
}

.sub0205_6 {
	display:flex;
}
.sub0205_6_item {
	width:32.333%;
	margin:0.5%;
}

.tab-menu {
	background:#edf5f8;
	padding:6%;
	display:flex;
	justify-content: space-between;
	    align-items: flex-start;
	margin-bottom:7%;
}
.tab-menu  h5 {
	display:flex;
	align-items: center;
	gap:10px;
	padding:10px 0;
	width:25%;
}
.tab-menu  h5 span {
	font-size:2.5em;
	color:#333333;
	font-weight:300;
}
.tab-menu  ul {
	display:flex;
	flex-wrap:wrap;
	width:75%;
}
.tab-menu  ul li {
	width:50%;
	padding:10px;
	font-size:1.1em;
	line-height:1.4;
	border-bottom:1px solid #b0bfc6;
}

.tab-menu  ul li a {
	color:#333;
}

.system_box {
	position:relative;
	background:#f3f3f3;
	padding:7% 3% 5% 3%;
	margin-top:6%;
	margin-bottom:3%;
}
.system_box h5 {
	display:flex;
	gap:20px;
	align-items: center;
	background:#808080;
	border-radius:40px;
	padding:10px 1%;
	max-width:580px;
	width:100%;
	margin-left:-290px;
	position:absolute;
	top:-35px;
	left:50%;
	justify-content: center;
	
}
.system_box h5 span {
	font-weight:600;
	color:#FFFFFF;
	font-size:1.6em;
}
.system_box_inner {
	display:flex;
	justify-content: space-between;
	
}
.system_box_item {
	width:48%;
}

.system_box_item h6 {
	font-size:1.3em;
	margin-bottom:20px;
	text-align:center;
}
.system_box_item .img {
	margin-bottom:30px;
}
.system_box_item p {
	line-height:1.4;
}

.system_spec {
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	margin-top:5%;
	
}
.system_spec_item {
	display:flex;
	gap:15px;
	width:49%;
	margin-top:3%;
}

.system_spec_item p.img {
	width:20%;
}
.system_spec_item > div {
	width:75%;
}
.system_spec_item > div p {
	line-height:1.4;
}
 p.tita {
	font-weight:500;
	color:#000;
	margin-bottom:10px;
	 font-size:1.1em;
}

.sub0201_box {
	position:relative;
	margin-top:5%;
}
.sub0201_1 {
	position:absolute;
	left:0;
	top:0;
	width:60%;
}
.sub0201_1.normal {
	position:relative;
	border-top:1px dashed #ddd;
	padding:3% 0;
	margin-top:3%;
	    width: 100%;
}
.sub02_title1 {
	font-size:1.3em;
	font-weight:500;
	color:#333333;
	line-height:1.4;
	margin-bottom:10px;
}
.sub0201_1  p {
	line-height:1.4;
}
.line {
	margin-bottom:3%;
	border-top:1px solid #ddd;
}
.line li {
	padding:15px 0;
	border-bottom:1px solid #ddd;
	line-height:1.4;
}
.ul_box {
	display:flex;
	flex-wrap:wrap;
	gpa:1%;
}
.ul_box li {
	padding:15px 0;
	border-bottom:1px solid #ddd;
	line-height:1.4;
	width:31.333%;
}