.mgt30 { margin-top:30px; }
.mgt60 { margin-top:60px; }


.sub-bg {background: url(/images/sub/sub_bg.jpg) no-repeat center/cover;height: 410px;padding-top: 101px;}
.sub-bg .sub-bg-cont{max-width: 1340px;padding: 0 20px;margin: 0 auto;}
.sub-bg .sub-bg-cont .sub-top-tit{height: 244px;display: flex;justify-content: center;align-items: center;font-size: 50px;font-weight: 700;color: #ffffff;}
.sub-bg .sub-bg-cont .location{background: rgba(0, 0, 0, 0.45);}
.sub-bg .sub-bg-cont .location > ul{display: flex;justify-content: flex-start;}
.sub-bg .sub-bg-cont .location > ul > li.home{width: auto;border-right: 0;}
.sub-bg .sub-bg-cont .location > ul > li.home > a{width: 65px;justify-content: center;background: #d74545;}
.sub-bg .sub-bg-cont .location > ul > li{float: left;width: 250px;border-right: 1px solid rgba(255, 255, 255, 0.4);position: relative;}
.sub-bg .sub-bg-cont .location > ul > li > a{display: flex;align-items: center;height: 65px;padding: 0 20px;color: #fff;font-size: 18px;position: relative;}
.sub-bg .sub-bg-cont .location > ul > li:not(.home) > a::after{content:"";position: absolute;top: calc(50% - 4px);right: 20px;width: 15px;height: 9px;background: url(/images/sub/icon_down.png) no-repeat;transition: 0.3s;}
.sub-bg .sub-bg-cont .location > ul > li > a.on{background:#d74545;}
.sub-bg .sub-bg-cont .location > ul > li > a.on::after{transform:rotate(180deg);}
.sub-bg .sub-bg-cont .location > ul > li > .location-depth2{display: none;position: absolute;left: -1px;right: -1px;z-index: 5;background: #fff;border: 1px solid #d4d4d4;border-top: 0;padding: 15px 20px;box-shadow: 5px 5px 5px rgb(0 0 0 / 16%);}
.sub-bg .sub-bg-cont .location > ul > li > .location-depth2 > ul{f}
.sub-bg .sub-bg-cont .location > ul > li > .location-depth2 > ul > li{margin-top: 10px;}
.sub-bg .sub-bg-cont .location > ul > li > .location-depth2 > ul > li:first-child{margin-top:0;}
.sub-bg .sub-bg-cont .location > ul > li > .location-depth2 > ul > li > a{font-size: 16px;color: #666666;}

.sub-content{max-width: 1340px;margin: 0 auto;padding: 70px 20px 100px;}
.greyBG-container{background:#f7f8fa;margin: 0 -50% -100px;}
.greyBG-content{max-width: 1340px;margin: 0 auto;padding: 60px 20px 100px;}

#bo_cate + .greyBG-container{margin-top:60px;}
#bo_cate > h2{opacity:0;position:absolute;font-size: 0;}
#bo_cate > ul{display: flex;flex-wrap: wrap;}
#bo_cate > ul > li{width: calc(100% / 5);}
#bo_cate > ul > li > a{position: relative;height: 60px;display: flex;align-items: center;justify-content: center;font-size: 18px;color: #222222;padding: 0 5px;text-align: center;line-height: 1.2;word-break: keep-all;}
#bo_cate > ul > li > a::before{content:"";position: absolute;left: -1px;right: 0px;top: -1px;bottom: 0px;z-index: -1;background: #fff;border: 1px solid #dddddd;}
#bo_cate > ul > li > a:hover, #bo_cate > ul > li > a.bo_cate_on{color:#fff;font-weight: 700;}
#bo_cate > ul > li > a:hover, #bo_cate > ul > li > a#bo_cate_on{color:#fff;font-weight: 700;}
#bo_cate > ul > li > a:hover::before,
#bo_cate > ul > li > a.bo_cate_on::before{background: #d74545;border: 1px solid #d74545;}
#bo_cate > ul > li > a#bo_cate_on::before{background: #d74545;border: 1px solid #d74545;}

.h4-tit{font-size: 26px;font-weight: 500;color: #222;position:relative;padding-left: 18px;}
.h4-tit:before{content: '';width: 8px;height: 22px;background: #d74545;position: absolute;top: 10px;left: 0;}


.sub-tit{font-size: 40px;font-weight: 700;color: #000000;text-align: center;margin-bottom: 30px;}
.sub0101-box{margin-bottom: 20px;text-align: center;}
.sub0101-box .mobile{display:none;}
.sub0101-txt{f}
.sub0101-txt p{color: #666666;margin-top: 20px;}
.sub0101-txt p:first-child{margin-top:0;}
.sub0101-sign{text-align: right;font-size: 20px;font-weight: 500;color: #222222;margin-top: 20px;}

.sub0201-list{f}
.sub0201-list > ul{display:flex;flex-wrap: wrap;margin-left: -20px;margin-top: -20px;}
.sub0201-list > ul > li{width: calc(100% / 5 - 20px);margin-left: 20px;margin-top: 20px;}

.sub0201-view{position:relative;margin-top:15px;}
.sub0201-view .product-ct{position:absolute;width: 244px;height: 228px;margin-bottom: 20px;}
.sub0201-view-cont{text-align:center;}

.sub-ct { display:flex;flex-wrap: wrap; }
.sub-ct > div {width: calc((100% - 40px) / 2);padding:15px;} 
.sub-ct > .sub-cot-lf {background:#fef5f5;margin-right: 40px;}
.sub-ct > .sub-cot-rt { background:#fff8e8; }
.sub-ct > div > .sub-cot-top {height:160px;display:flex;background:#fff;justify-content: center;align-items: flex-end;flex-wrap: wrap;}
.sub-ct > div > .sub-cot-top > .sub-ct-top-img {width:100%;text-align: center;}
.sub-ct > div > .sub-cot-top > .sub-ct-top-title {font-size:30px;font-weight:700;color:#000000;width:100%;text-align:center;line-height:1;padding-bottom:18px;letter-spacing: -1px;font-family: 'NotoSansCJK', sans-serif;}
.sub-ct > .sub-cot-lf .sub-cot-top > .sub-ct-top-img { padding-left: 20px; }

.sub-ct .sub-cot-bt { padding:37px 25px; }
.sub-ct .sub-cot-bt .sub-ct-square-list > li {padding-left:135px;position:relative;padding-bottom: 26px;}
.sub-ct .sub-cot-bt .sub-ct-square-list > li::before {position:absolute;top: 7px;left:0;content:"";width:11px;height:11px;background:#fff;border:3px solid #d74545; z-index: 1;}
.sub-ct .sub-cot-bt .sub-ct-square-list > li:last-child::after { content:none; }
.sub-ct .sub-cot-bt .sub-ct-square-list > li::after { position:absolute;top: 7px;left:9px;content:"";width:1px;height:100%;background:#d74545; }
.sub-ct .sub-cot-bt .sub-ct-square-list > li > .sub-ct-date { position:absolute; top:0; left:38px; font-size:22px; font-weight:700; color:#222222; font-family: 'NotoSansCJK', sans-serif;}
.sub-ct .sub-cot-bt .sub-ct-square-list > li > .sub-ct-infore {font-size:17px;font-weight:300;color:#666666;/* letter-spacing:-1px; */font-family: 'NotoSansCJK', sans-serif;}

.sub-ct-list {display: flex;flex-wrap: wrap;justify-content: center;}
.sub-ct-list li {margin-bottom: 20px;margin-right: 20px;}
.sub-ct-list li:nth-child(4n) {margin-right:0;}
.sub-ct-list li > img { border: 1px solid #dddddd; }

.pc-map { display:block;}
.sp-map { display:none; }

.sub-map-infore {  max-width:842px; margin:40px auto 0; padding:0 60px; background:#d74545; box-shadow: 5px 5px 0px 0px #f7dada; }
.sub-map-infore .sub-map-infore-top { text-align:center; padding:20px 0; border-bottom:1px solid #df6868; }

.sub-map-infore .sub-map-infore-bot { padding:30px 15px; }
.sub-map-infore .sub-map-infore-bot .sub-map-infore-bot-list {display:flex;flex-wrap: wrap;}
.sub-map-infore .sub-map-infore-bot .sub-map-infore-bot-list li { padding:3px 0; padding-left: 40px;margin-right:37px;color:#fff; margin-bottom: 8px; font-size: 17px; font-weight: 300; word-break: break-word; }
.sub-map-infore .sub-map-infore-bot .sub-map-infore-bot-list li.icon01 { background:url("/images/sub/sub_map_infore_bot_list_icon_01.png")no-repeat left 3px; }
.sub-map-infore .sub-map-infore-bot .sub-map-infore-bot-list li.icon02 { background:url("/images/sub/sub_map_infore_bot_list_icon_03.png")no-repeat left 6px; }
.sub-map-infore .sub-map-infore-bot .sub-map-infore-bot-list li.icon03 { background:url("/images/sub/sub_map_infore_bot_list_icon_02.png")no-repeat left 5px; margin-right:0;}
.sub-map-infore .sub-map-infore-bot .sub-map-infore-bot-list li.icon04 { background:url("/images/sub/sub_map_infore_bot_list_icon_04.png")no-repeat left 8px; }

.sub-map-box {padding:30px 0 25px; margin-bottom: 40px; background:url("/images/sub/sub03_01_part01_bg01.png")no-repeat #f7f8fa bottom right 30px;display: flex;}
.sub-map-box > .sub-map-left {width: 45%;text-align: center;}
.sub-map-box > .map-rit {flex: 1;}
.sub-map-box > .map-rit > .map-rit-title {font-size: 50px;font-weight: 800;color: #000000;font-family:'NotoSansCJK', sans-serif;letter-spacing: -3px;}
.sub-map-box > .map-rit > .map-rit-title > .map-title-red-txt { color:#d74545; font-weight: 700; }
.sub-map-box > .map-rit > .map-rit-cont {padding-top: 5px;font-size: 20px;color: #666666;line-height: 1.4;}

.blue-boxes { border-top: 2px solid #333333;}
.blue-boxes > .blue-box {}
.blue-boxes > .blue-box thead th { font-size: 17px; font-family: 'NotoSansCJK', sans-serif;  padding: 12px 5px;  line-height: 1.5; background: #f7f8fa;  border-right: 1px solid #dddddd;  border-bottom: 1px solid #dddddd; color: #222222;}
.blue-boxes > .blue-box thead th:last-child { border-right:none;}
.blue-boxes > .blue-box tbody td { font-size: 17px; font-weight: 400; text-align: center; padding: 12px 5px; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd; color: #666666;}
.blue-boxes > .blue-box tbody td:last-child { border-right:none; }
.blue-boxes > .blue-box tbody td > .sub-tel-phone {padding-left: 23px;background: url("/images/sub/sub_tel_phone_icon01.png")no-repeat top 6px left;display: inline-block;}

#bo_cate.column2 > ul > li { width: calc(100% / 2); }

.sub-download-enter { display:flex; justify-content: center;align-items: center;}
.sub-download-enter > a { display:inline-block; width:30px; height:30px; font-size:0; background:url("/images/sub/sub-download-enter_off.png")no-repeat center center;}
.sub-download-enter > a:hover {  background:url("/images/sub/sub-download-enter_on.png")no-repeat center center;}

.pages-box { text-align:center; }

.pages01 { display:inline-block; padding-top:57px; padding-bottom:50px; text-align:center; }
.pages01 li { float:left; display:table; margin-right:5px; border:1px solid transparent; width:40px; height:40px; overflow:hidden; color:#55555a; border:1px solid #dfdfdf;}
.pages01 li a { display:table-cell; vertical-align:middle; font-size:17px; font-weight:400; color:#666666;}
.pages01 li a.on {font-weight:500; color:#fff; background:#d74545;}
.pages01 li:nth-child(-n+2),
.pages01 li:nth-last-child(3) ~ li{ margin-right:3px;  }
.pages01 li:nth-child(-n+2) a,
.pages01 li:nth-last-child(3) ~ li a { font-size:0; }
.pages01 li:first-child { background:url("/images/sub/pages_left_del.png")no-repeat center center; }
.pages01 li:nth-child(2) {margin-right: 10px;background:url("/images/sub/pages_left_sigle.png")no-repeat center center;}
.pages01 li:nth-last-child(2) {margin-left: 7px;background:url("/images/sub/pages_right_sigle.png")no-repeat center center;}
.pages01 li:last-child { background:url("/images/sub/pages_right_del.png")no-repeat center center; }





nav.pg_wrap{display: flex;justify-content: center;margin-top: 30px;}
nav.pg_wrap .pg{display: flex;justify-content: center;flex-wrap: wrap;}
nav.pg_wrap .pg a, nav.pg_wrap .pg .pg_current {display: flex;justify-content: center;align-items: center;margin: 3px 3px;border: 1px solid transparent;width: 40px;height: 40px;overflow: hidden;color: #55555a;border: 1px solid #dfdfdf;}
nav.pg_wrap .pg .pg_start{background: url(/images/sub/pages_left_del.png)no-repeat center center;}
nav.pg_wrap .pg .pg_end{background: url(/images/sub/pages_right_del.png)no-repeat center center;}
nav.pg_wrap .pg .pg_start,
nav.pg_wrap .pg .pg_end{font-size:0;margin-left: 7px;margin-right: 7px;}
nav.pg_wrap .pg .pg_current{font-weight: 500;color: #fff;background: #d74545;border-color: #d74545;}




.list-view { border-top:2px solid #5f5f5f; margin-top: 20px;}
.list-view .tit {font-size:22px;color: #222222;font-weight:500;padding: 13px 0;line-height: 1.4;background: #f7f8fa;padding-left: 30px;font-family: 'NotoSansCJK', sans-serif;}

.list-view-container { border-top:1px solid #d0d0d0; }
.list-view-container > dl {display:flex;flex-wrap: wrap;background: #f7f8fa;justify-content: space-between;border-bottom: 1px solid #d0d0d0;}
.list-view-container > dl > dd { font-size:0; color: #222222;}
.list-view-container > dl > dd .view-substance { position:relative; font-weight:300;color: #666666;}
.list-view-container > dl > dd .view-substance::after { position:absolute; top:18px; left:0; content:""; width:1px; height:17px; background:#b4b4b4; }
.list-view-container > dl > dd.two-child-list {display:flex;}

.list-view-container > .list-view-txt-box { padding:35px 27px 40px; }
.list-view-container > .list-view-txt-box .list-view-txt-box-title {font-size:20px; text-align: center; font-weight:500;letter-spacing:-1px;padding-bottom:15px;font-family: 'NotoSansCJK', sans-serif;}
.list-view-container > .list-view-txt-box .list-view-cot-infore {font-size: 17px;font-weight: 300;color: #666666;line-height:1.4;letter-spacing:-1px;font-family: 'NotoSansCJK', sans-serif;}
.list-view-container > .list-view-txt-box .list-view-ct { padding-bottom:45px; border-bottom: 1px solid #d0d0d0; }

.list-view-container > .list-view-txt-box .enter-box {text-align:right;margin-top:50px;font-size: 0;}
.list-view-container > .list-view-txt-box .enter-box > .grey-enter {display:inline-block;width: 150px;height: 50px;line-height: 50px;font-size: 17px;color:#fff;text-align:center;background:#4a4a4a;margin-right: 10px;}
.list-view-container > .list-view-txt-box .enter-box > .grey-enter:last-child { margin-right:0; } 
.list-view-container > .list-view-txt-box .enter-box > .grey-enter.arrow-enter { background:url("/images/sub/grey_enter_arrow_icon01.png")no-repeat #4a4a4a center left 16px; }

.list-view-container > dl > dd span {display:inline-block;padding: 13px 30px; font-size: 17px; font-weight: 500;font-family: 'NotoSansCJK', sans-serif;}
.list-view-container > dl > dd .view-substance.sub-download { padding-right:42px; background:url("/images/sub/sub-download-enter_off.png")no-repeat center right; }


@media screen and (max-width: 1360px){
	.greyBG-container{margin: 0 -20px -100px;}
	.sub0201-view .product-ct{float:left;position:static;}
}
@media screen and (max-width: 1339px){

	.sub-ct-list li {width: calc((100% - 40px) / 3);}
	.sub-ct-list li:nth-child(4n) { margin-right:20px; }
	.sub-ct-list li:nth-child(3n) { margin-right:0; }
}

@media screen and (max-width: 1024px){
	
}
@media screen and (max-width: 768px){
	.sub-bg{height:270px;padding-top: 76px;}
	.sub-bg .sub-bg-cont .sub-top-tit{height:139px;font-size: 30px;}
	.sub-bg .sub-bg-cont .location{margin:0 -20px;}
	.sub-bg .sub-bg-cont .location > ul > li.home{display:none;}
	.sub-bg .sub-bg-cont .location > ul > li{width:50%;}
	.sub-bg .sub-bg-cont .location > ul > li > a{height:55px;font-size: 16px;}
	.sub-bg .sub-bg-cont .location > ul > li > .location-depth2 > ul > li > a{font-size:14px;}

	.sub-content{padding: 30px 20px 80px;}
	.greyBG-container{margin: 0 -20px -80px;}
	.greyBG-content{padding:20px 20px 40px;}

	#bo_cate + .greyBG-container{margin-top:20px;}
	#bo_cate > ul > li{width:calc(100% / 2);}
	#bo_cate > ul > li > a{font-size: 16px;height: 44px;letter-spacing: -0.5px;}
	
	.sub-tit{font-size:26px;margin-bottom: 15px;}
	.h4-tit{font-size:20px;padding-left: 15px;}
	.h4-tit:before{width:6px;height:18px;top: 7px;}

	.sub0101-box .pc{display:none;}
	.sub0101-box .mobile{display: inline-block;}

	.sub0201-list > ul{margin:-10px 0 0 -10px;}
	.sub0201-list > ul > li{width: calc(100% / 2 - 10px);margin:10px 0 0 10px;}
	.sub0201-list > ul > li .product-ct .product-ct-txt{font-size:15px;height: 40px;letter-spacing: -0.5px;word-break: keep-all;}

	.sub-ct > div { width: 100%; margin-right: 0; }
	.sub-ct > .sub-cot-lf { margin-right: 0; margin-bottom: 20px;}
	
	.sub-ct > div > .sub-cot-top { height: 111px; }
	.sub-ct > div > .sub-cot-top > .sub-ct-top-title { font-size: 20px; }
	.sub-ct > div > .sub-cot-top > .sub-ct-top-img {width: 110px;}
	.sub-ct > .sub-cot-rt > .sub-cot-top > .sub-ct-top-img { width: 53px; }
	.sub-ct > .sub-cot-lf .sub-cot-top > .sub-ct-top-img { padding-left: 10px; }
	.sub-ct .sub-cot-bt { padding: 13px 0; }
	.sub-ct .sub-cot-bt .sub-ct-square-list > li { padding-left: 110px; }
	.sub-ct .sub-cot-bt .sub-ct-square-list > li::before { top: 5px; }
	.sub-ct .sub-cot-bt .sub-ct-square-list > li > .sub-ct-date { font-size: 18px; left: 34px;}
	.sub-ct .sub-cot-bt .sub-ct-square-list > li > .sub-ct-infore {  font-size: 15px; }

	.pc-map { display:none;}
	.sp-map { display:block; width: 100%;}

	.sub-map-infore { padding: 0 10px; margin-top: 20px;}
	.sub-map-infore .sub-map-infore-bot { padding: 15px 5px; }

	.blue-boxes > .blue-box thead th { display:none; }
	.blue-boxes > .blue-box tbody td.sp-inline { display: block;  text-align: left;}
	.blue-boxes > .blue-box tbody td.sp-inline.s-top { border-bottom: none; font-size: 15px; font-weight: 500; padding: 12px 14px 0px;}
	.blue-boxes > .blue-box tbody td.sp-inline.s-bon {font-size: 15px; font-weight: 300; padding: 0px 14px 12px;}

	.sub-map-box { flex-wrap: wrap; background-image: none;}
	.sub-map-box > .sub-map-left { order: 2; width: 100%; padding-top: 30px;}
	.sub-map-box > .map-rit > .map-rit-title { font-size: 30px; text-align: center; }
	.sub-map-box > .map-rit > .map-rit-cont { font-size:15px; text-align: center;}

	.blue-boxes > .blue-box colgroup{display:none;}
    .blue-boxes > .blue-box tr:nth-child(even){background:#f7f8fa;}
    .blue-boxes > .blue-box tr{position: relative;display: flex;flex-direction: column;border-bottom: 1px solid #dddddd;padding: 0 120px 0 50px;overflow: hidden;}
    .blue-boxes > .blue-box tr td{flex:0 0 auto;border: 0;}
    .blue-boxes > .blue-box tr td:first-child,
    .blue-boxes > .blue-box tr td:last-child{width: 50px;position: absolute;top: 50%;left: 0;transform: translateY(-50%);padding: 0;}
    .blue-boxes > .blue-box tr td:last-child{width: 120px;font-size: 13px;position: absolute;left:auto;right: 0;padding: 0;}
    .blue-boxes > .blue-box tbody td > .sub-tel-phone{padding-left: 19px;background-position: left center;}
    .blue-boxes > .blue-box tbody td.sp-inline{border-left:1px solid #ddd;border-right:1px solid #ddd;}

	.blue-boxes.style01 > .blue-box tr { padding: 0 50px 0 50px; }
	.blue-boxes.style01 > .blue-box tr td:last-child { width: 50px; }

	.pages01 { padding-top: 40px; }
	.pages01 li { width: 28px; height: 28px; margin-right: 2px;}
	.pages01 li:first-child { background-size: 10px; }
	.pages01 li:nth-child(2) { margin-right: 4px; background-size: 6px;}
	.pages01 li:nth-last-child(2) { margin-left: 4px; background-size: 6px;}
	.pages01 li:last-child { background-size: 10px; }
	.pages01 li a { font-size: 13px; }

	.list-view .tit { font-size: 18px; padding: 8px 0; padding-left:13px;}
	.list-view-container > dl > dd span { padding: 8px 13px; font-size: 15px;}
	.list-view-container > dl > dd .view-substance::after { top: 11px; }
	.list-view-container > .list-view-txt-box { padding: 25px 15px 40px; }
	.list-view-container > .list-view-txt-box .list-view-txt-box-title { font-size: 17px; }

	.list-view-container > .list-view-txt-box .list-view-cot-infore { font-size: 15px; }
	.list-view-container > .list-view-txt-box .enter-box { margin-top: 50px; }

	.list-view-container > .list-view-txt-box .enter-box > .grey-enter { width: 110px; height: 40px; font-size: 15px; line-height: 40px; margin-right:5px;}

}

@media screen and (max-width: 680px){
	
	.sub-ct-list li {width: calc((100% - 10px) / 2);margin-bottom: 10px;text-align: center;margin-right: 10px;}
	.sub-ct-list li:nth-child(3n) { margin-right:10px; }
	.sub-ct-list li:nth-child(2n) { margin-right:0; }
	
}

@media screen and (max-width: 459px){
	
	.list-view-container > .list-view-top > dd:first-child { width: 100%; border-bottom: 1px solid #d0d0d0;}

}

@media screen and (max-width: 380px){
	.sub-ct-list li {width: 100%;margin-right: 0;}
	.list-view-container > dl > dd.two-child-list { flex-wrap: wrap; width:100%; }
	.list-view-container > dl.list-view-top > dd.two-child-list  .list-view-cot-left { width:100%; border-bottom: 1px solid #d0d0d0; }
	.list-view-container > dl > dd .view-substance.sub-download { padding-right: 25px; }
}