/* CSS Document */

body {	-webkit-text-size-adjust:100%; margin:0; text-align:center; font-family: 'PT Sans', sans-serif; overflow-x: hidden;}
img {	border:0; }

/* Reset ================================================================================= */

a { text-decoration:none; 
-webkit-transition: all 0.4s ease-out 0s;
-moz-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s; }
a:hover { text-decoration:none; }

* { margin:0; padding:0; list-style:none;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */}

.after-0:after { clear:both; display:block; content:""; height:0; text-indent:-99999px;}
.content-Box { max-width:1210px; margin:0 auto; text-align:left; position:relative; clear:both;}

#content { font-size: 15px; color: #000; line-height: 150%; position: relative; padding-bottom: 50px; }
#content:before { content: ""; position: absolute; z-index: -2; background: url(../images/content-bg.jpg) no-repeat top left ; background-size: contain; top: 0; left: 0; width: 100%; height: 100%;}


.main-content { padding: 30px 25px; display: flex; flex-direction: row; flex-wrap: wrap;}
.main-100 { width: 100% !important;}
aside { width: 186px; padding-right: 15px; padding-top: 40px;}
.aside-title { color: #3e3e3e; font-size: 24px; letter-spacing: 1px; line-height: 100%; padding-bottom: 25px;}
.side_classLink { }
.side_classLink ul { text-align:left; padding:0 0 0 12px; position:relative; }
.side_classLink ul li {}
.side_classLink ul li > a{ display:block; letter-spacing: 1px ;font-size: 15px; color: #3e3e3e; padding-bottom: 15px; line-height: 100%;}
.side_classLink ul li > a:hover, .side_classLink ul li > a.current { color:#0075d2;}
.side_classLink ul li.current02{ display:none; }
.m_classLink{ display:none;}
#main { width: calc(100% - 186px);}
#path { text-align: right; padding-bottom: 26px;}
#path li {display: inline-block; vertical-align: top; color: #353535; letter-spacing: 1px; font-size: 13px;}
#path li a { color: #353535;}
#path li:after {content: ">"; display: inline-block; padding: 0 4px;}
#path li a:hover, #path li:last-child { color: #0075d2;}
#path li:last-child:after {display: none;}
.title01 { padding-bottom: 23px;}
.title01 h1 { font-size: 24px; color: #000000; line-height: 100%; letter-spacing: 1px;}

#page_list { border-top:1px solid #cccccc; display:flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-end; padding: 25px 5px 0 5px; margin-top: 20px;}
#page_list a {display: inline-block; width: 30px; height: 30px; border-radius: 100%; text-align:center; line-height: 30px; font-size: 18px; color: #000000; background: #ededed; margin: 0 5px 5px 5px;}
#page_list a:hover, #page_list a.current { color: #fff; background: #af3030;}


.aboutP {float: right; padding: 0 0 20px 20px;}
.aboutB {display: flex; flex-wrap:wrap; line-height: 0; font-size: 0;}
.aboutB img {width: 100%;}
.aboutBL {width: 50%; padding: 0 5px 10px 0;}
.aboutBR {width: 50%; padding: 0 0 0 5px; display: flex; flex-direction: column;}
.aboutBR img {margin-bottom: 10px;}
@media only screen and (max-width:576px){
    .aboutBL {width: 100%; padding: 0 0 10px 0;}
    .aboutBR {width: 100%; padding: 0 0 0 0; display: flex; flex-direction: column;}
    .aboutBR img {margin: 10px 0 0 0;}
}

@media only screen and (max-width: 1920px) {
	#content:before { background-size: auto;}
}
@media only screen and (max-width: 980px) {
	#content {padding-bottom: 30px;}
	#path { padding-bottom: 15px;}
	.title01 { padding-bottom: 15px;}
	.main-content { padding: 10px;}
	aside { padding-right: 0; padding-top: 0;}
	aside, #main {width: 100%;}
	.aside-title {display: none;}
	.side_classLink { display:none;}
	.m_classLink{ display:block; position:relative; background: #343434;}
	.m_classLink a.main{ display:block; font-size:20px; position:relative; padding: 10px 10px 10px 10px; color:#fff; text-align:left; cursor:pointer;}
	.m_classLink a.main i{ display:block; font-size:20px; position:absolute; right:20px; top:calc(50% - 3px); margin-top:-7px; color:#fff; font-style:normal;font-family: "Font Awesome 5 Free";font-weight: 900;}
	.m_classLink ul{ display:none; width:100%;  position:absolute; z-index:101; background:#fff; border-width:1px 1px 0 1px; border-color:#d3d3d3; border-style:solid; }
	.m_classLink ul li { display:block; margin:0 0; padding:0;}
	.m_classLink ul li > a{ display:block; width: 100%; line-height: 100%;  padding:10px 10px; color:#3e3e3e; font-size:18px; text-align: left; border-bottom: 1px solid #d3d3d3;}
	.m_classLink ul li > a:hover, .m_classLink ul li > a.current { color:#0075d2; }
	.m_classLink ul li.current02{ display:none; }
	#main { padding-top: 10px;}
	#path {text-align: left;}
	#path li { letter-spacing: 0;}
}
@media only screen and (max-width: 768px) {
	#page_list { justify-content: center;}
}
@media only screen and (max-width: 576px) {
    .aboutP {float: none; padding: 0 0 20px 0px;}
    .aboutP img {width: 100%;}
}