@charset "utf-8";
/* CSS Document */

/*-- headline ------------------------------------------------------------*/
#headline.headline { text-align: center; background: var(--base-color) url("../img/second/headlineBg.png") center center no-repeat; background-size: cover; color: #fff; padding: 10vh 0; }
#headline h2 { color: #fff; font-size: 1.5em; }
@media screen and (max-width: 599px) {
}
@media screen and (min-width: 600px) {
}
@media screen and (min-width: 600px) and (max-width: 899px) {
}
@media screen and (min-width: 900px) and (max-width: 1089px) {
}
@media screen and (min-width: 1090px) and (max-width: 1189px) {
}
@media screen and (min-width: 1190px) and (max-width: 1289px) {
}
@media screen and (min-width: 1290px) and (max-width: 1389px) {
}

/*-- breadcrumbs ------------------------------------------------------------*/
#breadcrumbs { display: flex; justify-content: flex-end; align-items: center; margin-bottom: 0vh; padding: 10px 1% 0; background: #fff; border-bottom: 1px solid #dedede; position: relative; margin-top: -5px; }
#breadcrumbs li { font-size: 0.8rem; margin-right: 5px; display: inline-block; margin-bottom: 10px; }
#breadcrumbs li:nth-child(1):before { content:"\f109"; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 5px; }
#breadcrumbs li:after { content: "〉"; margin-left: 20px; color: #666; }
#breadcrumbs li:last-child { margin-right: 0px; }
#breadcrumbs li:last-child:after { display: none; }
@media screen and (max-width: 599px) {
	#breadcrumbs { margin-bottom: 0px; display: flex; justify-content: flex-end; align-items: center; flex-wrap: wrap; }
	#breadcrumbs li { font-size: 0.7rem; }
}
@media screen and (min-width: 600px) and (max-width: 899px) {
	#breadcrumbs { margin-bottom: 0px; }
	#breadcrumbs li { font-size: 0.8rem; }
}
@media screen and (min-width: 900px) and (max-width: 1089px) {
	#breadcrumbs { margin-bottom: 0px; }
}
#breadcrumbs li a         { resize: none; }
#breadcrumbs li a:link    { color:#333; text-decoration: underline; }
#breadcrumbs li a:visited { color:#333; text-decoration: underline; }
#breadcrumbs li a:hover   { color:var(--base-color); text-decoration: underline; }
#breadcrumbs li a:active  { color:#333; text-decoration: underline; }


/*-- content ------------------------------------------------------------*/
.kitaro-color { color: var(--kitaro6-color) !important; }
.next3-color { color: var(--next3-color) !important; }
@media screen and (max-width: 899px) {
	section:nth-child(1) .in { padding-top: 5vh; }
	.in-flex { display: flex; justify-content: space-between; align-items: center; flex-direction: column; margin-bottom: 5vh; }
	.in-flex:last-child { margin-bottom: 0px; }
	.in-flex .in-flex-Img { width: 100%; position: relative; order: 1; margin-bottom: 20px; }
	.in-flex .in-flex-Txt { width: 100%; order: 2; }
	.in-flex .in-flex-Txt .ttl01 { text-align: left; margin-bottom: 10px; font-size: 1.3em; }
	
	.in-flex .in-flex-Img:after { content: ""; position: absolute; top: -4%; left: -4%; background: var(--opa-color); width: 96%; height: 100%; z-index: -1; border-radius: 8px; }
	.in-flex .in-flex-Img img { border-radius: 8px; }
	
	.menuList { display: flex; justify-content: space-between; flex-wrap: wrap; }
	.menuList li { width: 48%; margin-bottom: 20px; }
	.menuList li div { width: 30%; margin: 0 auto 10px; }
	.menuList li h4 { text-align: center; font-size: 1.0em; color: var(--kitaro6-color); margin-bottom: 10px; font-weight: bold; }
	.menuList li p { margin-bottom: 0; font-size: 0.9em; }
	.in-box { border: 1px solid #dedede; padding: 4% 4% 2%; border-radius: 6px; background: #f4f4f4; }
	.in-box .ttl01 { margin-bottom: 20px; font-size: 1.3em; }
	
	.tbl01 { padding: 20px; border: 1px solid #fff; width: 100%; }
	.tbl01 th { padding: 20px; text-align: center; background: #f4f4f4; border: 1px solid #dedede; font-size: 0.9em; }
	.tbl01 td { padding: 20px; background: #fff; border: 1px solid #dedede; font-size: 0.9em; }
	.tbl01 td sup { font-size: 0.7em; color: #000; position: relative; top: -5px; }
	.ttl02 { font-size: 1.2em; text-align: center; margin-bottom: 20px; background-image: linear-gradient(90deg, rgba(187, 255, 239, 1), rgba(236, 237, 203, 1) 0%, rgba(122, 167, 73, 1) 0%, rgba(255, 255, 255, 1) 30% 70%, rgba(122, 167, 73, 1));}
	.ttl02.next3-color { background-image: linear-gradient(90deg, rgba(187, 255, 239, 1), rgb(255 255 255) 0%, #00b2db 0%, rgba(255, 255, 255, 1) 30% 70%, #00b2db);}
	.ttl03 { font-size: 1.25em; padding: 5px 20px; border-left: 5px solid #000; margin-bottom: 20px; font-weight: bold; }
	.ttl03.kitaro-color { border-left: 5px solid var(--kitaro6-color);  }
	.ttl03.next3-color { border-left: 5px solid var(--next3-color); }
	
	.meritList { display: flex; justify-content: space-between; flex-wrap:wrap;}
	.meritList li { width: 48%; }
	.meritList li h4 { text-align: center; background: var(--next3-color); color: #fff; font-weight: bold; font-size: 1.0em; margin-bottom: 10px; padding: 5px 0; }
	.meritList li div { width: 40%; margin: 0 auto 10px; }
	
	.lead { text-align: center; margin-bottom: 40px; }
	.ttl01.next3-color { margin-bottom: 20px;}
	
	.in-box-function { border-top: 1px solid #dedede; padding-top: 5vh; border-bottom: 1px solid #dedede; padding-bottom: 5vh; }
	.functionList { display: flex; justify-content: space-between;}
	.functionList .in-function { padding: 0 4%; /*border-right: 1px solid #bbbbbb;*/ }
	.functionList .in-function .in-function-over { position: relative; }
	.functionList .in-function .in-function-over:after { content: ""; width: 0; height: 0; border-style: solid; border-top: 25px solid transparent; border-bottom: 25px solid transparent; border-left: 10px solid var(--next3-color); border-right: 0; position: absolute; top: 50%; right: -20px; transform: translateY(-50%); }
	.functionList .in-function:last-child { border-right: none; }
	.functionList .in-function:last-child .in-function-over:after { display: none; }
	.functionList .in-function h4 { background: var(--next3-color); text-align: center; padding: 10px; color: #fff; margin-bottom: 10px; position: relative; }
	.functionList .in-function h4 .roboto { position: absolute; left: 10px; top: 0%; font-size: 2.5rem; line-height: 1.0; opacity: 0.5; }
	.functionList .in-function .fImg { margin-bottom: 10px;}
	.functionList .in-function ul li { margin-bottom: 10px; font-size: 0.9em; padding-left: 1.5em; text-indent: -1.5em; }
	.functionList .in-function ul li:before { content: "├"; margin-right: 10px; color:var(--next3-color);}
	.functionList .in-function ul h5 { border: 1px solid var(--next3-color); background: #fff; text-align: center; color:var(--next3-color); font-size: 0.9em; margin-bottom: 10px; margin-top: 20px; padding: 5px 0; }
	.functionList .in-function ul li.option { color: red; }
	.functionList .in-function ul li.option span { background: red; padding: 1px 5px; color: #fff; font-size: 0.8em; margin-left: 1em; }
	.functionList .in-function ul li.option:before { color: red; }
	
	.optionList { display: flex; justify-content: space-between; flex-wrap: wrap; }
	.optionList li { width: 46%; margin-bottom: 20px; }
	.optionList li .opL { width: 100%; margin: 0 auto 10px;}
	.optionList li .opR { }
	.optionList li .opR h4 { font-weight: bold; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid var(--next3-color); color: var(--next3-color); font-size: 1.0em;}
	.optionList li .opR p { margin-bottom: 0px;}
	
	.scroll-X {
	  overflow-x: auto;
	  white-space: nowrap; /* 横並び用（必要なら） */
	  cursor: grab;        /* ドラッグ可能っぽい見た目 */
	}

	.scroll-X:active {
	  cursor: grabbing;
	}
}
@media screen and (min-width: 600px) and (max-width: 899px)  {
	section:nth-child(1) .in { padding-top: 5vh; }
	.in-flex .in-flex-Txt .ttl01 { font-size: 1.5em; }
	.menuList li { width: 31%; }
	.menuList li h4 { font-size: 1.1em; }
	.in-box .ttl01 { margin-bottom: 20px; font-size: 1.5em; }
	.ttl02 { font-size: 1.5em; text-align: center; margin-bottom: 20px; background-image: linear-gradient(90deg, rgba(187, 255, 239, 1), rgba(236, 237, 203, 1) 0%, rgba(122, 167, 73, 1) 0%, rgba(255, 255, 255, 1) 30% 70%, rgba(122, 167, 73, 1));}
}
@media screen and (min-width: 900px) {
	.in-flex { display: flex; justify-content: space-between; align-items: center; margin-bottom: 5vh; }
	.in-flex:last-child { margin-bottom: 0px; }
	.in-flex .in-flex-Img { width: 40%; position: relative; }
	.in-flex .in-flex-Txt { width: 56%; }
	.in-flex .in-flex-Txt .ttl01 { text-align: left; margin-bottom: 10px; font-size: 1.5em; }
	
	.in-flex .in-flex-Img:after { content: ""; position: absolute; top: -4%; left: -4%; background: var(--opa-color); width: 96%; height: 100%; z-index: -1; border-radius: 8px; }
	.in-flex .in-flex-Img img { border-radius: 8px; }
	
	.menuList { display: flex; justify-content: center; flex-wrap: wrap; }
	.menuList li { width: 22%; margin:0 1.5% 20px; }
	.menuList li div { width: 25%; margin: 0 auto 0px; }
	.menuList li h4 { text-align: center; font-size: 1.1em; color: var(--kitaro6-color); margin-bottom: 10px; font-weight: bold; }
	.menuList li p { margin-bottom: 0; font-size: 0.9em; }
	.in-box { border: 1px solid #dedede; padding: 4% 4% 2%; border-radius: 6px; background: #f4f4f4; }
	.in-box .ttl01 { margin-bottom: 20px; font-size: 1.8em; }
	
	.tbl01 { padding: 20px; border: 1px solid #fff; width: 100%; }
	.tbl01 th { padding: 20px; text-align: center; background: #f4f4f4; border: 1px solid #dedede; }
	.tbl01 td { padding: 20px; background: #fff; border: 1px solid #dedede; }
	.tbl01 td sup { font-size: 0.7em; color: #000; position: relative; top: -5px; }
	
	.ttl02 { font-size: 1.8em; text-align: center; margin-bottom: 20px; background-image: linear-gradient(90deg, rgba(187, 255, 239, 1), rgba(236, 237, 203, 1) 0%, rgba(122, 167, 73, 1) 0%, rgba(255, 255, 255, 1) 30% 70%, rgba(122, 167, 73, 1));}
	.ttl02.next3-color { font-size: 1.8em; text-align: center; margin-bottom: 20px; background-image: linear-gradient(90deg, rgba(187, 255, 239, 1), rgb(255 255 255) 0%, #00b2db 0%, rgba(255, 255, 255, 1) 30% 70%, #00b2db);}
	.ttl03 { font-size: 1.25em; padding: 5px 20px; border-left: 5px solid #000; margin-bottom: 20px; font-weight: bold; }
	.ttl03.kitaro-color { border-left: 5px solid var(--kitaro6-color);  }
	.ttl03.next3-color { border-left: 5px solid var(--next3-color); }
	
	.flowStep { display: flex; justify-content: center; }
	.flowStep li { width: 20%; padding: 2%; border-right: 1px solid #dedede; position: relative; }
	.flowStep li:nth-child(1) { border-left: 1px solid #dedede; }
	.flowStep li:after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: -10px; width: 0; height: 0; border-style: solid; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 10px solid #dedede; border-right: 0;}
	.flowStep li h4 { background: var(--kitaro6-color); padding: 10px; text-align: center; color: #fff; margin-bottom: 10px; }
	
	.meritList { display: flex; justify-content: space-between; }
	.meritList li { width: 22%; }
	.meritList li h4 { text-align: center; background: var(--next3-color); color: #fff; font-weight: bold; font-size: 1.1em; margin-bottom: 10px; }
	.meritList li div { width: 30%; margin: 0 auto 10px; }
	
	.lead { text-align: center; margin-bottom: 40px; }
	.ttl01.next3-color { margin-bottom: 20px;}
	
	.swiper-wrapper-card { }
	.in-box-function { border-top: 1px solid #dedede; padding-top: 5vh; border-bottom: 1px solid #dedede; padding-bottom: 5vh; }
	.functionList { display: flex; justify-content: flex-start; }
	.functionList .in-function { width: 29%; margin-bottom: 40px; padding: 0 2%; /*border-right: 1px solid #bbbbbb;*/ }
	.functionList .in-function .in-function-over { position: relative; }
	.functionList .in-function .in-function-over:after { content: ""; width: 0; height: 0; border-style: solid; border-top: 25px solid transparent; border-bottom: 25px solid transparent; border-left: 10px solid var(--next3-color); border-right: 0; position: absolute; top: 50%; right: -30px; transform: translateY(-50%); }
	.functionList .in-function:last-child { border-right: none; }
	.functionList .in-function:last-child .in-function-over:after { display: none; }
	.functionList .in-function h4 { background: var(--next3-color); text-align: center; padding: 10px; color: #fff; margin-bottom: 10px; position: relative; }
	.functionList .in-function h4 .roboto { position: absolute; left: 10px; top: 0%; font-size: 3.0rem; line-height: 1.0; opacity: 0.5; }
	.functionList .in-function .fImg { margin-bottom: 10px;}
	.functionList .in-function ul li { margin-bottom: 10px; font-size: 0.9em; padding-left: 1.5em; text-indent: -1.5em; }
	.functionList .in-function ul li:before { content: "├"; margin-right: 10px; color:var(--next3-color);}
	.functionList .in-function ul h5 { border: 1px solid var(--next3-color); background: #fff; text-align: center; color:var(--next3-color); font-size: 0.9em; margin-bottom: 10px; margin-top: 20px; padding: 5px 0; }
	.functionList .in-function ul li.option { color: red; }
	.functionList .in-function ul li.option span { background: red; padding: 1px 5px; color: #fff; font-size: 0.8em; margin-left: 1em; }
	.functionList .in-function ul li.option:before { color: red; }
	.toggle .fa-chevron-down { text-align: center; display: block; color: var(--next3-color); }
	.toggle.active .fa-chevron-down { display: none; }
	.toggle .fa-chevron-up { text-align: center; display: none; }
	.toggle.active .fa-chevron-up { display: block; color: var(--next3-color); }
	.toggle { padding: 10px; background: #fff; cursor: pointer; }
	.toggleContent { padding: 10px; background: #fff;}
	
	.optionList { display: flex; justify-content: space-between; flex-wrap: wrap; }
	.optionList li { width: 49%; display: flex; justify-content: space-between; align-items: center; border: 1px solid #dedede; padding: 10px 2%; border-radius: 6px; margin-bottom: 20px; }
	.optionList li .opL { width: 30%; }
	.optionList li .opR { width: 66%; }
	.optionList li .opR h4 { font-weight: bold; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid var(--next3-color); color: var(--next3-color); font-size: 1.2em;}
	.optionList li .opR p { margin-bottom: 0px;}
	
	.scroll-X {
	  overflow-x: auto;
	  white-space: nowrap; /* 横並び用（必要なら） */
	  cursor: grab;        /* ドラッグ可能っぽい見た目 */
	}

	.scroll-X:active {
	  cursor: grabbing;
	}

}
@media screen and (min-width: 900px) and (max-width: 1089px)  {
	section .in { padding: 5vh 0; }
	.in-flex .in-flex-Img { width: 46%; }
	.in-flex .in-flex-Txt { width: 50%; }
	.menuList li:nth-child(4n) { margin-right: 0px; }
}
@media screen and (min-width: 1090px) and (max-width: 1189px)  {
	.in-flex .in-flex-Img { width: 42%; }
	.in-flex .in-flex-Txt { width: 54%; }
	.menuList li:nth-child(4n) { margin-right: 0px; }
}
@media screen and (min-width: 1190px) and (max-width: 1289px)  {
	.menuList li:nth-child(4n) { margin-right: 0px; }
}
@media screen and (min-width: 1290px) and (max-width: 1389px)  {
	.menuList li:nth-child(4n) { margin-right: 0px; }
}
@media screen and (min-width: 1390px) and (max-width: 1489px)  {
	.menuList li:nth-child(4n) { margin-right: 0px; }
}
@media screen and (min-width: 1490px)  {
	.menuList li:nth-child(4n) { margin-right: 0px; }
}

/*-- solution ------------------------------------------------------------*/
@media screen and (max-width: 599px) {
	.solutionSec:nth-child(1) { margin-top: 0px; }
	.in-solution { background: #f4f4f4; padding: 4%; margin-bottom: 5vh; }
	.ttlTbl { margin-bottom: 10px; }
	.ttlTbl th { width: 50%; margin: 0 auto 20px; display: block; background: #fff; vertical-align: middle; text-align: center; padding: 40px 20px; border: 1px solid #dedede;}
	.ttlTbl td { padding: 0 20px; vertical-align: middle; display: block; }
	.ttlTbl td h3 { font-size: 1.1em; font-weight: bold; margin-bottom: 10px; }
	.ttlTbl td dl { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; margin-bottom: 10px;  }
	.ttlTbl td dl dt { background: var(--base-color); padding: 1px 10px; font-size: 0.9em; color: #fff; }
	.ttlTbl td dl dd { padding: 1px 10px; font-size: 0.9em; color: var(--base-color); }
	.in-solution .solutionTtl { text-align: center; font-weight: bold; padding: 5px 0; background: none; cursor: pointer; }
	.in-solution .solutionTtl.active span { background: #fff; padding: 10px 40px;; text-align: center; position: relative; color: #000; }
	.in-solution .solutionTtl.active span:after { position: absolute; top: 50%; right: 20px; transform: translateY(-50%); font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f106"; color: var(--base-color); }
	
	.in-solution .solutionTtl span { background: #243363; padding: 10px 40px;; text-align: center; position: relative; color: #fff; }
	.in-solution .solutionTtl span:after { content: "\f107"; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); font-family: "Font Awesome 5 Free"; font-weight: 900; color: #fff;}
	
	.in-solution-bg { padding: 4%; background: #fff;}
	.in-solution h5 { color: var(--base-color); font-weight: bold; margin-bottom: 10px; }
	.in-solution h5.pointTtl { background: var(--base-color); color: #fff; padding: 10px 15px; font-size: 0.9em; }
	
	.in-solution-in { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #dedede; }
	.in-solution-in-last { border-bottom: none; padding-bottom: 0px; margin-bottom: 40px; } 
	
	.pointBox { border: 1px solid var(--base-color); padding: 20px 40px; }
	.pointBox ul li { font-size: 0.9em; padding-left: 1em; text-indent: -1.5em; margin-bottom: 10px; }
	.pointBox ul li:before { content: "■"; margin-right: 0.5em; }
	.pointBox ul li:last-child { margin-bottom: 0px; }
	
	.select-flex { display: flex; justify-content: center; align-items: center; margin-bottom: 20px; }
	.select-flex .in-select-flex { margin: 0 1%; }
	.select-flex .in-select-flex h3 { font-size: 0.85em; margin-right: 0.5em; margin-bottom: 5px; text-align: center; }
	.select-flex .in-select-flex select { padding: 5px 0px; border: 1px solid #ccc; text-align: center; font-size: 0.85em;  }
}
@media screen and (min-width: 600px) {
	.in-solution { background: #f4f4f4; padding: 4%; margin-bottom: 5vh; }
	.ttlTbl { margin-bottom: 20px; }
	.ttlTbl th { width: 15%; background: #fff; vertical-align: middle; text-align: center; padding: 40px 20px; border: 1px solid #dedede; }
	.ttlTbl td { padding: 0 20px; vertical-align: middle; }
	.ttlTbl td h3 { font-size: 1.1em; font-weight: bold; margin-bottom: 10px; color: var(--base-color); }
	.ttlTbl td .in-dl { display: flex; justify-content: flex-start; align-items: center; }
	.ttlTbl td dl { display: flex; justify-content: flex-start; align-items: center; }
	.ttlTbl td dl dt { background: var(--base-color); padding: 1px 10px; font-size: 0.9em; color: #fff; }
	.ttlTbl td dl dd { padding: 1px 10px; font-size: 0.9em; color: var(--base-color); }
	.in-solution .solutionTtl { text-align: center; font-weight: bold; padding: 10px 0; background: none; cursor: pointer; }
	
	.in-solution .solutionTtl.active span { background: #fff; padding: 20px 80px;; text-align: center; position: relative; color: #000; }
	.in-solution .solutionTtl.active span:after { position: absolute; top: 50%; right: 20px; transform: translateY(-50%); font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f106"; color: var(--base-color); }
	
	.in-solution .solutionTtl span { background: #243363; padding: 20px 80px;; text-align: center; position: relative; color: #fff; }
	.in-solution .solutionTtl span:after { content: "\f107"; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); font-family: "Font Awesome 5 Free"; font-weight: 900; color: #fff;}
	
	.in-solution-bg { padding: 4%; background: #fff;}
	.in-solution h5 { color: var(--base-color); font-weight: bold; margin-bottom: 10px; font-size: 1.1em; }
	.in-solution h5.pointTtl { background: var(--base-color); color: #fff; padding: 10px 15px; font-size: 0.9em; margin-bottom: 0px; }
	.in-solution-in { margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #dedede; }
	.in-solution-in-last { border-bottom: none; padding-bottom: 0px; margin-bottom: 40px; }
	.pointBox { border: 1px solid var(--base-color); padding: 20px 40px; }
	.pointBox ul li { font-size: 0.9em; padding-left: 1em; text-indent: -1.5em; margin-bottom: 10px; }
	.pointBox ul li:before { content: "■"; margin-right: 0.5em; }
	.pointBox ul li:last-child { margin-bottom: 0px; }
	
	.select-flex { display: flex; justify-content: center; align-items: center; margin-bottom: 20px; }
	.select-flex .in-select-flex { margin: 0 2%; display: flex; justify-content: center; align-items: center; }
	.select-flex .in-select-flex h3 { font-size: 0.9em; margin-right: 0.5em; }
	.select-flex .in-select-flex select { padding: 5px 5px; border: 1px solid #ccc; }
}
@media screen and (min-width: 600px) and (max-width: 899px) {
}
@media screen and (min-width: 900px) and (max-width: 1089px) {
}
@media screen and (min-width: 1090px) and (max-width: 1189px) {
}
@media screen and (min-width: 1190px) and (max-width: 1289px)  {
}
@media screen and (min-width: 1290px) and (max-width: 1389px)  {
}
@media screen and (min-width: 1390px) and (max-width: 1489px)  {
}
#termSelectType.is-select { background: var(--base-color); color: #fff;  }
#termSelectSystem.is-select { background: var(--base-color); color: #fff;}

/*-- news ------------------------------------------------------------*/
@media screen and (max-width: 899px) {
	.in-flex-second { display: flex; flex-direction: column; }
	.in-flex-second aside { width: 90%; margin: 0 auto; order: 2; }
	.in-flex-second aside h4 { text-align: center; background: var(--base-color); color: #fff; font-size: 0.9em; margin-bottom: 10px; padding: 5px; }
	.in-flex-second aside ul { margin-bottom: 20px; }
	.in-flex-second aside ul li { font-size: 0.9em; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dotted #dedede; }
	.in-flex-second aside ul li:before { content: "├"; margin-right: 0.5em;}
	.in-flex-second .in-content { order:1; }
	.in-flex-second .in-content .contentTtl { border-left: 5px solid var(--base-color); padding: 10px; margin-bottom: 10px; color: var(--base-color); font-size: 1.1em; font-weight: bold; }
	.in-flex-second .in-content .newsDl { display: flex; justify-content: flex-start; align-items: center; margin-bottom: 20px; }
	.in-flex-second .in-content .newsDl dt { border: 1px solid var(--base-color); background: var(--base-color); color: #fff; font-size: 0.8em; padding: 2px 10px;}
	.in-flex-second .in-content .newsDl dd { border: 1px solid var(--base-color); background: #fff; color: #fff; font-size: 0.8em; padding: 2px 10px; color: var(--base-color); }
	
	.in-flex-second .in-content .newsList { margin-top: 40px; }
	.in-flex-second .in-content .newsList li { margin-bottom: 10px; border-bottom: 1px dotted #dedede; padding-bottom: 10px;}
	.in-flex-second .in-content .newsList li .newsDl { margin-bottom: 10px; }
}
@media screen and (min-width: 900px) {
	.in-flex-second { display: flex; justify-content: space-between; }
	.in-flex-second aside { width: 16%; }
	.in-flex-second aside h4 { text-align: center; background: var(--base-color); color: #fff; font-size: 0.9em; margin-bottom: 10px; padding: 5px; }
	.in-flex-second aside ul { margin-bottom: 20px; }
	.in-flex-second aside ul li { font-size: 0.9em; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dotted #dedede; }
	.in-flex-second aside ul li:before { content: "├"; margin-right: 0.5em;}
	.in-flex-second .in-content { width: 80%; }
	.in-flex-second .in-content .contentTtl { border-left: 5px solid var(--base-color); padding: 10px; margin-bottom: 10px; color: var(--base-color); font-size: 1.1em; font-weight: bold; }
	.in-flex-second .in-content .newsDl { display: flex; justify-content: flex-start; align-items: center; margin-bottom: 20px; }
	.in-flex-second .in-content .newsDl dt { border: 1px solid var(--base-color); background: var(--base-color); color: #fff; font-size: 0.8em; padding: 2px 10px;}
	.in-flex-second .in-content .newsDl dd { border: 1px solid var(--base-color); background: #fff; color: #fff; font-size: 0.8em; padding: 2px 10px; color: var(--base-color); }
	
	.in-flex-second .in-content .newsList { margin-top: 40px; }
	.in-flex-second .in-content .newsList li { margin-bottom: 10px; border-bottom: 1px dotted #dedede; padding-bottom: 10px;}
	.in-flex-second .in-content .newsList li .newsDl { margin-bottom: 10px; }
}

.in-flex-second aside ul li a         { resize: none; }
.in-flex-second aside ul li a:link    { color:#333333; text-decoration: none; }
.in-flex-second aside ul li a:visited { color:#333333; text-decoration: none; }
.in-flex-second aside ul li a:hover   { color: var(--base-color); text-decoration: none; }
.in-flex-second aside ul li a:active  { color:#333333; text-decoration: none; }