@charset "utf-8";
/* submenu -left06 */
/* @latest 2022.04.04 YHY */
/* @latest 2022.07.19 JRA */
/* @latest 2024.01.03 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%; height: auto;float:left;overflow:hidden;position:relative;/*background:#000;*/}
#sub_visual img {width:100%;min-height:100%;max-width:100%!important;opacity:0.9;display:block;position: absolute;left: -999px;right: -999px;bottom: -999px;top: -999px;margin: auto;}
#sub_visual .bluebg {width:100%;height:100%;min-height: 80px;max-width: 1300px;color:white;margin: 50px auto;position: relative;text-align: left;}
#sub_visual .sub_titbox {width:100%; margin:0 auto;box-sizing:border-box;display:inline-block;}
#sub_visual .sub_titbox p.bTitle {font-size: 27px;line-height:30px;letter-spacing: -0.5px;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: 16px; clear:both; display:block; color:white; width:100%; max-width:1300px; margin:0 auto; font-weight:400; line-height: 150%; margin-top:10px; box-sizing:border-box; padding:0 15px;}

    @media (max-width:599px){
        #sub_visual {margin-bottom:0;}
        #sub_visual img {opacity:0.8;}
        #sub_visual .bluebg {margin: 30px 0;}
        #sub_visual .sub_titbox {padding:0; bottom:15px;}
        #sub_visual .sub_titbox p.bTitle {font-size: 20px;}
        #sub_visual .sub_titbox strong.bContent {font-size: 14px;}
    }



/* 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 {width:20%;}
        .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 Menu */
.subMenu {float:left;width:250px;box-sizing:border-box;z-index:1;margin-bottom:40px;padding-right:30px;position: relative;}
.subMenu h3.menuNm {color: #fff;font-size: 24px;padding: 50px 19px 20px;text-align:left;width: auto;min-width: 180px;height: 180px;max-width: 180px;border-bottom: none;word-break: keep-all;background: #333;vertical-align: middle;margin-left: 10px;box-sizing: border-box;position: absolute;top: 0;left: 0;z-index: 1;word-wrap: break-word;-webkit-line-clamp: 5;-webkit-box-orient: vertical;display: -webkit-box;white-space: normal;max-height: 180px;overflow: hidden;text-overflow: ellipsis;}
.subMenu h3.menuNm:before {font-size: 26px;display: inline-block;position: absolute;right: 3px;top: 0;color: #0c4c8c;font-weight: 600;margin-right: 5px;}

.slidebar {font-size:12px;padding:0;box-sizing:border-box;-moz-box-sizing:border-box;position: relative;-webkit-box-sizing:border-box;padding-bottom: 30px;border: 1px solid #ddd;padding-top: 100px;margin-top: 100px;}
.slidebar:after {width: 30px;height: 3px;background: #1576c8;float: left;margin-left: 20px;margin-top: 40px;}
.slidebar li {list-style:none;position:relative;}
.slidebar li:last-child {border-bottom: none;}

.slidebar li.selected > a {color:#333333;border-bottom: none;font-weight: 600;}
.slidebar li.selected > a:hover {color:#333;}
.slidebar li a {text-decoration:none;line-height:25px;display:block;text-transform:uppercase;padding: 8px 35px 8px 20px;font-size: 17px;font-weight: 400;word-wrap: break-word;word-break: keep-all;}
.slidebar li a.on {/* color: #333; *//* font-weight: 600; */}
.slidebar li > ul li a.on:after {content:"\25A0";font-size: 10px;line-height: 25px;float: right;padding-right: 5px;position: absolute;top:0;right: 10px;top: -1px;}
.slidebar li a:hover {color: #333;}
.slidebar li a:focus {}

/* sub leftmenu 3depts open/closed */
.slidebar li a > span {float:right;}
.slidebar li a > span:after {content:"+";float:left;top: 8px;position:absolute;right: 14px;color: #333;font-size: 26px;}
.slidebar li.selected > a > span:after {content:"-";}

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


@media (max-width: 990px){
  .slidebar {margin-top:0;}
  .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: #555; top:5px; margin-top: 8px; transform: rotate(-135deg)!important;}
  .slidebar li > ul li a {background: transparent!important;}
  .slidebar li > ul li a {padding: 6px 30px 3px 20px;}
  .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;}


}



/* 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;}


/* sub location */
.subCon .location {box-sizing:border-box;}
.subCon .location li {list-style:none;font-size: 15px;background-size:10px;line-height: 14px;}
.subCon .location li.home {background:url("/sample/template/wide/wide002/img/home.png")no-repeat 0px 0px;}
.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 .location li a{ word-wrap: break-word; word-break: keep-all;}
.subCon h4.tit {font-size:18px; box-sizing:border-box; padding-bottom:15px; display:block; float:left; width:100%; color:#333;}
.subCon > div {width:100%; display:block; clear:both;/* margin-top:32px;*/ box-sizing:border-box;}


    @media (min-width:991px){
      .subCon .location>li ul {display: none!important;}

    	.subCon .location {text-align:right; padding-top:15px;}
    	.subCon .location li {display:inline-block; margin-left:-2px;}
    	.subCon .location li.home {padding-left:18px;}

      .subCon h4.tit {font-size:21px; padding:23px 0 22px; margin-bottom:20px; text-align:center; border-bottom:1px solid #ddd; }
    }
    @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;width: 40px;}
        .subCon .location li.home:after {position:absolute; padding:0; right:5px; font-size:12px;}

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

        .subCon .location>li {float:left;vertical-align:middle;width: calc(33% - 14px);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>ul {display:none;position: absolute;z-index: 1;left: 0;top: 40px;width: 100%;padding: 0!important;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 li ul {display:none;background: #f7f7f7;}
        .subCon .location>li>ul>li>ul {padding: 5px 30px 5px 52px; border-bottom: 1px solid #eee; border-top: none; float: left; margin-bottom: 0;}
        .subCon .location>li>ul>li {float: left;width: 100%;border-bottom:1px solid #f3f3f3;}
        .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:nth-child(2) ~ li >a:after {transform:rotate(45deg);}
        .subCon .location>li:last-child>a:only-child:after {display:none;}
        .subCon .location>li>ul>li.deepest a {background:#f0f0f0; color: #000;}
        .subCon .location>li>ul>li.deepest a:after {display: none;}
        .subCon .location>li>ul>li>a.on {font-weight: 600;}
        .subCon .location>li:nth-child(4) { border-right: 0; } 


    }


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





/* sub Visual : none  */

.sub_visual_None ~ .inner #sub_visual {display:none;}
.sub_visual_None .head-group .menu {border-bottom: 1px solid #e0e0e0;}

.sub_visual_None .head-group {position:relative;}