@charset "utf-8";
/* left main template : subpage menu design : leftsubdefault */
/* @latest 2021.03.29 SSJ */
/* @latest 2022.04.12 YHY */

.contents {width:100%; float:left; overflow:hidden; position:relative; min-height:750px; min-width:320px;}
	@media (max-width:599px){
        .contents {min-height:auto;}
        .contents > .inner {padding:0 !important;}
    }


/* sub visual */
#sub_visual {width:100%; float:left;overflow:hidden;position:relative;background:#000;z-index: 0;min-height: 150px;}
#sub_visual img {min-width: 100%;min-height:100%;opacity: 1;display:block;position: absolute;left: -999px;right: -999px;bottom: -999px;top: -999px;margin: auto;z-index: -1;}
#sub_visual .bluebg {width:100%;color:white;vertical-align: middle;}
#sub_visual .sub_titbox {width:100%; margin:0 auto;box-sizing:border-box;display:inline-block;/* position:absolute; *//* bottom:25px; */padding: 50px 0;transition: padding 1s;}
#sub_visual .sub_titbox p.bTitle {font-size: 26px;line-height: 150%;letter-spacing:-1px;color:white;width:100%;max-width:1300px;margin:0 auto;padding:0 15px;box-sizing:border-box;}
#sub_visual .sub_titbox strong.bContent {font-size: 17px; clear:both; display:block; color:white; width:100%; max-width:1300px; margin:0 auto; font-weight:400;
										line-height: 170%; word-break: keep-all; margin-top:10px; box-sizing:border-box; padding:0 15px;}
    @media (max-width:599px){
        #sub_visual {}
        #sub_visual img {opacity:0.8;}
        #sub_visual .bluebg {padding: 30px 0;}
        #sub_visual .sub_titbox {padding:0; bottom:15px;}
        #sub_visual .sub_titbox p.bTitle {font-size:21px; margin-top:0;}
        #sub_visual .sub_titbox strong.bContent {font-size:15px;}
    }
    @media (min-width:991px){
        .wrap_left_template #sub_visual {min-height:250px;}
        .wrap_left_template #sub_visual .bluebg {}
        .wrap_left_template #sub_visual .sub_titbox {position:relative; line-height:normal; bottom:auto; vertical-align:middle; text-align:center;}
    }




/* layout */
.sub_div_wrap {width:100%; max-width:1300px; margin:0 auto; box-sizing:border-box; position:relative;}
.wrap_left_template .subMenu {display:none;}

	@media (min-width:1300px){
        .subMenu + .subCon {width:80% !important;}
    }
    @media (max-width:1299px){
        .sub_div_wrap {float:left;}
    }

    @media (min-width:1100px) and (max-width:1299px){
        .sub_div_wrap .subMenu {width:22%;}
        .sub_div_wrap .subMenu + .subCon {width:78% !important;}
    }
    @media (min-width:991px) and (max-width:1099px){
        .sub_div_wrap .subMenu {width:24%;}
        .sub_div_wrap .subMenu + .subCon {width:76% !important;}
    }
    @media (min-width:991px){
        .subMenu,.subCon {margin-top:30px;}

        .wrap_left_template .subMenu + .subCon {width:100% !important; margin-top:0; padding:0;}
    }

    @media (max-width:990px){
        .subMenu {display:none;}
    }



/* sub Contents */
.subCon {float:left; width:100%; /*min-height:400px;*/ position:relative; box-sizing:border-box; margin-bottom:30px;
        -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}


        @media (max-width: 990px){



          .slidebar li ul {width:100%;padding: 15px 0 25px;box-sizing:border-box;background: #f0f2f5;border-bottom: 1px solid #d5d5d5;}
          .slidebar li > ul li {border-bottom:none; float:none !important; margin:0; padding:0;}
          .slidebar li > ul li:last-child a {border-bottom:none;padding-bottom: 0;}
          .slidebar li > ul li a {display:block;color:#333;padding: 0px 10px 15px 18px;font-size: 16px;letter-spacing:-1px;font-weight:400;border:none;line-height: 20px;word-break: keep-all;/* opacity: 0.7; */}
          .slidebar li > ul li a:hover {color: #333;font-weight:600;;;}
          .slidebar li > ul li a.on {font-weight: 600;text-decoration: underline;}
          .slidebar li > ul li a span.bull {float:left;padding-right:3px;color:#213152;/* display: none; */font-size: 12px;margin-right: 3px;position: absolute;left: 52px;}
          .slidebar li > ul li a span.bull:after {content:""; display:none;}

          .slidebar::after {display: none;}
          .slidebar > li:first-child {border-top:0;}
          .slidebar li {border:0;}
          .slidebar li.deepest + .selected {border: 1px solid #ccc;}
          .slidebar li.selected > a { background: #ccc; font-weight: 600; padding-bottom: 13px;}
          .slidebar li.selected > a > span:after {content: ""!important;border-color: #fff; top:5px; margin-top: 8px; transform: rotate(-135deg)!important;}
        	.slidebar li a {border: none; font-size: 15px!important;}
        	.slidebar li a > span:after {content: ""; width: 5px; height: 5px; display: inline-block; border: 1px solid #7b7e97; border-width: 0 1px 1px 0; transform: rotate(45deg); float: right; position: absolute; right: 20px; top: 18px; margin-top: -6px; color: #333; transition: transform 0.5s, border-color 0.5s;}
          .slidebar li > ul li a {background: transparent!important;}
          .slidebar li > ul li a {padding: 3px 30px 3px 20px;}
        }



/* sub location */
.subCon .location {box-sizing:border-box;}
.subCon .location li {list-style:none;font-size: 14px;background-size:10px;}
.subCon .location li.home {background:url("/sample/template/wide/wide002/img/home.png")no-repeat 0px center;}
.subCon .location li.ftbd {font-weight:800;}
.subCon .location li:after {content:"\276D"; float:right; padding:0 8px; font-size:1em; line-height:15px; opacity:0.6;}
.subCon .location li:last-child:after {display:none;}

.subCon h4.tit {font-size:18px; box-sizing:border-box; padding-bottom:15px; display:block; float:left; width:100%;}
.subCon > div {width:100%; display:block; clear:both;/* margin-top:32px;*/ box-sizing:border-box;}


    @media (min-width:991px){

  		.subCon .location {text-align:right;}
  		.subCon .location li {display:inline-block; margin-left:-2px;}
  		.subCon .location li.home {padding-left:18px;}
      .subCon .location>li ul {display: none!important;}

      .subCon h4.tit {font-size:22px;padding:14px 0 30px;margin-bottom:20px;text-align:center;border-bottom: 1px solid #ececec;}

      .wrap_left_template .subCon .location {text-align:center; padding:20px 15px; border-bottom:1px solid #ddd; background:#f9f9f9; margin-bottom:20px;}
      .wrap_left_template .subCon .location li {font-size:15px;}
      .wrap_left_template .subCon .location li:after {line-height:19px; opacity:0.5;}
      .wrap_left_template .subCon h4.tit {font-size: 23px;max-width: 1300px;margin: 0 auto;float: none;}
    }

    @media (max-width:990px){
        .subCon .location {top:-50px; left:0; height:40px; line-height:40px; width:100%; overflow:hidden; background:#f9f9f9; border-bottom:1px solid #f0f0f0; padding: 0 5px;}
        .subCon .location li {float:left; padding:0; vertical-align:middle;}
        .subCon .location li:after {display: none;}
        .subCon .location li a:after {content: ""; width: 5px; height: 5px; padding:0; display: inline-block; border: 1px solid #7b7e97; border-width: 0 1px 1px 0; transform: rotate(-45deg); float: right; position: absolute; right: 13px; top: 50%; margin-top: -2px; color: #333;}
        .subCon .location li.home { font-size:0;  background-position: center; position:relative;}
        .subCon .location li.home:after {position:absolute; padding:0; right:5px; font-size:12px;}

        .subCon h4.tit {padding:30px 10px 15px;}
        .subCon > div {padding:0 10px;}

        .subCon .location>li {float:left;vertical-align:middle;max-width: calc(33% - 11px);border-right: 1px solid #dcdde2;height: 40px;overflow: hidden;}
        .subCon .location>li:nth-child(3):last-child {max-width:53% !important;}
        .subCon .location>li>a {position:relative;padding: 0 30px 0 10px;line-height: 40px;float: left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 100%;box-sizing: border-box;}
        .subCon .location>li>a:after {margin-top: -3px;}
        .subCon .location>li.home>a {padding-right: 23px;}
        .subCon .location>li.home>a:after {display:none;}

        .subCon .location>li:nth-child(2) ~ li >a:after {transform:rotate(45deg);}
        .subCon .location>li:last-child>a:only-child:after {display:none;}
        .subCon .location>li>ul {display:none;position: absolute;z-index: 9;left: 0;top: 40px;width: 100%;max-height: calc(60vh - 90px);overflow-y: scroll;padding: 7px 0px;background: #fff;box-shadow: 0 6px 9px rgb(0 0 0 / 10%);}
        .subCon .location>li>ul {padding:0;}
        .subCon .location>li>ul>li {float: left;width: 100%;border-bottom:1px solid #f3f3f3;}
        .subCon .location>li>ul>li.deepest a:after {display: none;}
        .subCon .location>li>ul>li:last-child{border:none;}
        .subCon .location>li>ul>li>a {float: left;width: 100%;padding:6px 30px 6px 46px;box-sizing: border-box;line-height: 140%;}
        .subCon .location>li>ul>li a:after {display: none;}
        .subCon .location>li>ul>li>a .bull {display: none;}
        .subCon .location>li>ul li ul {display:none;}
        .subCon .location>li>ul>li>ul {padding: 5px 30px 5px 42px; border-bottom: 1px solid #eee; border-top: none; float: left;}
        .subCon .location>li>ul>li>a.on { font-weight: 600;}

    }
    @media (max-width:599px){
        .subCon .location li:after {font-size:11px; padding:0; margin-left:7px;}
    }