/* CSS Document */

.main-bg{
	padding-top: 50px;
	padding-bottom: 50px;
	background: url(../../img/industry/main-pc.jpg) no-repeat center top / cover;
}
.main-bg.ptn2{
	background: url(../../img/industry/main-pc-2.jpg) no-repeat center top / cover;
}
.main-bg.ptn3{
	background: url(../../img/industry/main-pc-3.jpg) no-repeat center top / cover;
}
.main-bg.ptn4{
	background: url(../../img/industry/main-pc-4.jpg) no-repeat center top / cover;
}
.main-bg.ptn5{
	background: url(../../img/industry/main-pc-5.jpg) no-repeat center top / cover;
}
/* ptn4、ptn5追加 吉川*/
.main-bg .ttl-box{
	background: #000;
	padding: 24px 48px;
}
.main-bg .ttl-wrap{
	position: relative;
}
.main-bg .ttl-text{
	position: absolute;
	top:32px;
	left: 40px;
}
.main-bg .ttl-text .mini-ttl{
	margin-bottom: 26px;
}
.main-bg .ttl-text .mini-ttl span{
	padding-bottom: 12px;
	color: #fff;
	font-size: 23px;
	font-weight: 700;
	display: inline-block;
	border-bottom: 1px solid #fff;
}
.main-bg .ttl-text .m-ttl{
	font-size: 42px;;
	color: #fff;
	letter-spacing: 0.01em;
}
.main-bg .ttl-text .m-ttl .mini{
	display: block;
	margin-top: 13px;
	line-height: 1;
	font-size: 20px;
}
.main-bg .ttl-wrap .ttl-img{
	margin-left: 20%;
	width: 80%;
}
.ind-cont .pankuzu li a{
	color: #fff;
}
.ind-cont .pankuzu li a:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
    width: 4px;
    height: 4px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-top: 0;
    margin-left: 5px;
}
.ind-cont{
	padding-top: 15px;
	padding-bottom: 80px;
	color: #fff;
	background: #000000;
}
.contents-bg{
	padding-top: 0px;
	padding-bottom: 0px;
	position: relative;
}
.contents-bg .ttl-box{
	background: url(../../img/articles/ttl-bg.jpg) no-repeat center top / cover;
	padding-top: 30px;
	padding-bottom: 34px;
}
.contents-bg .ttl-box .flex{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 90%;
	max-width: 806px;
	margin-left: auto;
	margin-right: auto;
}
.contents-bg .ttl-box .flex .txt{
	width: 68%;
}
.contents-bg .ttl-box .flex .txt dl{
	display: flex;
	align-items: center;
	color: #fff;
}
.contents-bg .ttl-box .flex .txt dl dt{
	margin-right: 30px;
	font-size: 17px;
	line-height: 1;
	font-weight: 700;
}
.contents-bg .ttl-box .flex .txt dl dd{
	padding-left: 30px;
	border-left: 2px solid #fff;
	font-size: 26px;
	line-height: 1;
	font-weight: 700;
}

.contents-bg .ttl-box .flex .icon{
	width: 32%;
	margin-right: -4%;
}
.contents-bg .img-box{
	display: block;
	position: relative;
}
.contents-bg .img-box .ex-obi{
	position: absolute;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	top: 50%;
	left: 50%;
	display: inline-block;
	padding: 22px 27px;
	color: #fff;
	background: #a20017;
	line-height: 1;
	font-size: 15px;
}
.contents-bg .miniimg-box{
	width: 90%;
	max-width: 532px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	margin-bottom: 50px;
}
.contents-bg .miniimg-box .ex-tex{
	position: absolute;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	top: 50%;
	left: 50%;
	display: inline-block;
	color: #a20017;
	line-height: 1;
	font-size: 14px;
}
.contents-bg .miniimg-box .pl-caption{
	font-size: 12px;
	color: #fff;
	margin-top: 5px;
	word-break: break-all;
}
.contents-bg .contents-box{
	width: 90%;
	max-width: 806px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 80px;
}
.contents-bg .contents-box.ex{
	padding-top: 0;
}
.contents-bg .contents-box .pankuzu{
	margin-bottom: 60px;
}
.contents-bg .contents-box .ttl-text{
	line-height: 1.51;
	color: #2282cc;
	font-size: 27px;
	margin-bottom: 10px;
}
.contents-bg .contents-box .day-text{
	color: #808080;
	font-size: 12px;
	line-height: 1.33;
	margin-bottom: 24px;
}
.contents-bg .contents-box .img-box{
	margin-bottom: 50px;
	position: relative;
}
.contents-bg .contents-box .head-text{
	font-size: 15px;
	line-height: 1.86;
	font-weight: 700;
}
.contents-bg .contents-box h2{
	line-height: 1.47;
	margin-bottom: 25px;
	padding-bottom: 12px;
	border-bottom: 1px solid #2282cc;
	font-size:26px;
	color: #2282cc;
}
.contents-bg .contents-box h3{
	margin-bottom: 30px;
	padding:6px 18px;
	border-left: 5px solid #2282cc;
	font-size:20px;
	background: #0d2e9b;
	color: #fff;
}
.contents-bg .mokuji-box{
	margin-bottom: 110px;
}
.contents-bg .contents-box .mokuji-ttl{
	margin-bottom: 20px;
	font-weight: 700;
	font-size: 21px;
	line-height: 1.2;
	color: #fff;
}
.contents-bg .mokuji-box ul li{
	margin-bottom: 2px;
	max-width: 500px;
}
.contents-bg .mokuji-box ul li:last-child{
	margin-bottom: 0;
}
.contents-bg .mokuji-box ul li a{
	padding: 10px 40px 10px 18px;
	display: block;
	font-size: 15px;
	background: #deecf7;
	width: 100%;
	line-height: 1.53;
	color: #1d1d1d;
	position: relative;
}
.contents-bg .mokuji-box ul li a .sankaku{
	width: 8px;
	position: absolute;
	top: 50%;
	right: 15px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}
.contents-bg .mokuji-box ul li a .sankaku img{
	display: block;
}
.contents-bg .contents-box p{
	margin-bottom: 30px;
	font-size: 15px;
	line-height: 1.86;
}
.contents-bg .contents-box .tex-box{
	margin-bottom:50px;
}
.contents-bg .contents-box p.big{
	font-size: 17px;
}
.contents-bg .contents-box p .notes{
	font-size: 12px;
}
.contents-bg .contents-box p .bold{
	font-weight: 700;
}
.contents-bg .contents-box p a{
	color: #2282cc;
	text-decoration: underline;
}
.contents-bg .contents-box .link{
	color: #2282cc;
	text-decoration: underline;
	display: block;
}
.contents-bg .contents-box .link .icon{
	width: 20px;
	display: inline-block;
	margin-left: 3px;
	vertical-align: middle;;
}
.contents-bg .contents-box .link .icon img{
	display: block;
}
.contents-bg .contents-box .link::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
    width: 8px;
    height: 8px;
    border-top: 2px solid #2282cc;
    border-right: 2px solid #2282cc;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-top: 0;
    margin-right: 5px;
}
.sec-box{
	margin-bottom: 115px;
}
.mod-freeTableSet1 {
	color: #000;
}
.mod-freeTableSet1 table{
	border-collapse:separate;
}
@media print, screen and (min-width : 1367px) {	
}

@media print, screen and (max-width: 900px) {
	.main-bg{
		padding-top: 5vw;
		padding-bottom: 5vw;
		background: url(../../img/industry/main-sp.jpg) no-repeat center top / cover;
	}
	.main-bg.ptn2{
		background: url(../../img/industry/main-sp-2.jpg) no-repeat center top / cover;
	}
	.main-bg.ptn3{
		background: url(../../img/industry/main-sp-3.jpg) no-repeat center top / cover;
	}
	.main-bg.ptn4{
		background: url(../../img/industry/main-sp-4.jpg) no-repeat center top / cover;
	}
	.main-bg.ptn5{
		background: url(../../img/industry/main-sp-5.jpg) no-repeat center top / cover;
	}
	/* ptn4、ptn5追加 吉川*/
	.main-bg .ttl-box{
		padding: 0;
	}
	.main-bg .ttl-wrap{
		position: relative;
	}
	.main-bg .ttl-text{
		position: absolute;
		top:5.3vw;
		width: 90%;
		left: 0px;
		right:0;
		margin-left: auto;
		margin-right: auto;
	}
	.main-bg .ttl-text .mini-ttl{
		margin-bottom: 10px;/*kato 20250117 3.8vw --> 10px */
	}
	.main-bg .ttl-text .mini-ttl span{
		padding-bottom: 4px;/*kato 20250117  1.6vw --> 4px */
		font-size: 16px;/*kato 20250117 4.1vw --> 16px */
		text-align: left;
		display: block;
	}
	.main-bg .ttl-text .m-ttl{
		font-size: 28px;/*kato 20250117 7.9vw --> 28px */
		letter-spacing: 0.01em;
	}
	.main-bg .ttl-text .m-ttl .mini{
		display: block;
		margin-top: 2px;/*kato 20250117 2vw --> 2px */
		line-height: 1;
		font-size: 14px;/*kato 20250117 3.6vw --> 14px */
	}
	.main-bg .ttl-wrap .ttl-img{
		margin-left: 0%;
		width: 100%;
		padding-top: 14.7vw;
	}
	.ind-cont{
		padding-top: 40px;/*kato 20250117 9.66vw --> 40px */
		padding-bottom: 40px;/*kato 20250117 9.66vw --> 40px */
	}
	.navi-cont{
		padding-top: 7.25vw;
		padding-bottom: 9.66vw;
	}
	
	.category-link{
		margin-top: 0;
		display: flex;
	}
	.category-link ul{
		font-size: 0;
	}
	.category-link li{
		display: inline-block;
		margin-right: 2.4vw;
		margin-top: 0;
		margin-bottom: 2.4vw;
	}
	.category-link li:last-child{
		margin-right: 0;
	}
	.category-link li a{
		display: inline-block;
		padding: 2.4vw 4.7vw;
		font-size: 3.1vw;
		border-radius: 4vw;
	}
	.cat-ttlbox{
		margin-top: 7.26vw;
		text-align: center;
		margin-bottom: 7.25vw;
	}
	.cat-ttl{
		line-height: 1;
		font-size: 7.2vw;
		letter-spacing: 0.01em;
	}
	.cat-tex{
		line-height: 1.64;
		font-size: 3.8vw;
		word-break: break-all;
		margin-top: 4.83vw;
	}
	#content.cat-list{
		margin-top: 2.4vw;
	}
	/*詳細ページ用*/
	.main-bg.ex{
		height: 38.6vw;
	}
	.navi-cont.ex{
		padding-top: 15px;
		padding-bottom: 110px;
	}
	.contents-bg{
		padding-top: 0;
		padding-bottom: 12px;/*kato 20250117 14.49vw --> 12px */
		position: relative;
	}
	.contents-bg .ttl-box{
		background: url(../../img/articles/ttl-bg.jpg) no-repeat center top / cover;
		padding-top: 3.4vw;
		padding-bottom: 3.4vw;
	}
	.contents-bg .ttl-box .flex{
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 90%;
		max-width: 806px;
		margin-left: auto;
		margin-right: auto;
	}
	.contents-bg .ttl-box .flex .txt{
		width: 68%;
	}
	.contents-bg .ttl-box .flex .txt dl{
		display: block;
		align-items: center;
		color: #fff;
	}
	.contents-bg .ttl-box .flex .txt dl dt{
		margin-right: 0px;
		margin-bottom: 2.4vw;
		font-size: 3.1vw;
		line-height: 1;
	}
	.contents-bg .ttl-box .flex .txt dl dd{
		padding-left: 0px;
		border-left: 0;
		font-size:4.8vw;
		line-height: 1;
		font-weight: 700;
	}
	
	.contents-bg .ttl-box .flex .icon{
		width: 32%;
		margin-right: -0%;
	}
	.contents-bg .img-box{
		display: block;
		position: relative;
	}
	.contents-bg .img-box .ex-obi{
		position: absolute;
		transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		top: 50%;
		left: 50%;
		display: inline-block;
		padding: 3vw 3vw;
		line-height: 1;
		font-size: 3.0vw;
	}
	.contents-bg .miniimg-box{
		width: 100%;
		max-width: none;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		margin-bottom: 9.66vw;
	}
	.contents-bg .miniimg-box .pl-caption{
		font-size: 12px;/*kato 20250117 3.0vw --> 12px */
		color: #fff;
		margin-top: 8px;/*kato 20250117 1vw --> 8px */
	}
	.contents-bg .miniimg-box .ex-tex{
		position: absolute;
		transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		top: 50%;
		left: 50%;
		display: inline-block;
		color: #a20017;
		line-height: 1;
		font-size: 3.6vw;
	}
	.contents-bg .contents-box{
		width: 90%;
		max-width: none;
		margin-left: auto;
		margin-right: auto;
		padding-top: 0vw;
	}
	.contents-bg .contents-box.ex{
		padding-top: 0;
	}
	.contents-bg .contents-box .ttl-text{
		line-height: 1.51;
		font-size:4.8vw;
		margin-bottom: 2.4vw;
	}
	.contents-bg .contents-box .day-text{
		font-size: 3vw;
		line-height: 1.33;
		margin-bottom: 4.83vw;
	}
	.contents-bg .contents-box .img-box{
		margin-bottom:7.25vw;
		position: relative;
	}
	.contents-bg .contents-box .head-text{
		font-size: 3.86vw;
		line-height: 1.86;
		font-weight: 700;
	}
	.contents-bg .contents-box h2{
		margin-bottom: 16px;/*kato 20250117 4vw --> 16px */
        padding-bottom: 8px;/*kato 20250117 2.42vw --> 8px */
        font-size: 20px;/*kato 20250117 5.07vw --> 20px*/
	    text-align: justify;/*kato 20250117 追加　*/
	}
	.contents-bg .contents-box h3{
		margin-bottom: 16px;/*kato 20250117 4.83vw --> 16px */
		padding: 4px 16px;/*kato 20250117 1.0vw 4.8vw --> 4px 16px */
		border-left: 1.2vw solid #2282cc;
		font-size:4.1vw;
	}
	.contents-bg .mokuji-box{
		margin-bottom: 14.49vw;
	}
	.contents-bg .contents-box .mokuji-ttl{
		margin-bottom: 2.4vw;
		font-weight: 700;
		font-size: 18px;/*kato 20250117 5vw --> 18px */
	}
	.contents-bg .mokuji-box ul li{
		margin-bottom: 1vw;
		max-width: none;
	}
	.contents-bg .mokuji-box ul li:last-child{
		margin-bottom: 0;
	}
	.contents-bg .mokuji-box ul li a{
		padding: 12px 40px 12px 20px;/*kato 20250116 2.6vw 8.4vw 2.6vw 4.8vw  -->  14px 40px 14px 20px */
		display: block;
		font-size: 14px;/*kato 2025016 3.6vw --> 14px */
	}
	.contents-bg .mokuji-box ul li a .sankaku{
		width:2.4vw;
		position: absolute;
		top: 50%;
		right: 4.8vw;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
	}
	.contents-bg .mokuji-box ul li a .sankaku img{
		display: block;
	}
	.contents-bg .contents-box p{
		margin-bottom: 24px;/*kato 20250117 3.83vw --> 24px */
        font-size: 14px;/*kato 20250117 3.6vw --> 14px */
        line-height: 1.86;
	    text-align: justify;/*kato 20250117 追加 */
	}
	.contents-bg .contents-box .tex-box{
		margin-bottom:14.49vw;
	}
	.contents-bg .contents-box .tex-box.mb0{
		margin-bottom:4.49vw;
	}
	
	.contents-bg .contents-box p.big{
		font-size:3.6vw;
	}
	.contents-bg .contents-box p .notes{
		font-size: 12px;/*kato 20250117 3.0vw --> 12px */
	}
	.contents-bg .contents-box p .bold{
		font-weight: 700;
	}
	.table-sp{
		margin-top: 6vw;
	}
	.contents-bg .contents-box .link .icon{
		width: 4.8vw;
		display: inline-block;
		margin-left: 1vw;
	}
	.contents-bg .contents-box .link .icon img{
		display: block;
	}
	.contents-bg .contents-box .link::before {
		content: "";
		display: inline-block;
		vertical-align: middle;
		text-decoration: none;
		width: 1.44vw;
		height: 1.44vw;
		border-top: 2px solid #2282cc;
		border-right: 2px solid #2282cc;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		margin-top: 0;
		margin-right: 1.2vw;
	}
	.sec-box{
		margin-bottom: 14.49vw;
	}
}

.table-sp {
            display: none;
							font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
					font-weight: 700;
    }
    .table-del-sp {
        display: block;
        overflow-y: scroll;
        height: calc(100vh/1.3);
							font-weight: 700;
							font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
						
    }
	.mod-freeTableSet1 th, .mod-freeTableSet1 td{
		font-weight: 600;
	}
	.table-del-sp tr:nth-child(2) th{
		text-align: center;
	}
	.mod-media7036_heading{
		padding-left: 0;
		text-indent: 0;
	}
							.mod-freeTableSet1 th{
								background-clip: padding-box;
							}
    /*.table-del-sp::-webkit-scrollbar {
        width: 10px;
    }
    .table-del-sp::-webkit-scrollbar-track {
        border-radius: 5px;
        background: #fff;
    }
    .table-del-sp::-webkit-scrollbar-thumb {
        border-radius: 5px;
        background: #666;
    }*/
    
    @media screen and (max-width: 900px) {
        .table-del-sp {
            display: none;
        }
        .table-sp {
            display: block;
        display: block;
        overflow-y: scroll;
        height: calc(100vh/1.3);
        }
        /*.table-sp::-webkit-scrollbar {
            width: 10px;
        }
        .table-sp::-webkit-scrollbar-track {
            border-radius: 5px;
            background: #fff;
        }
        .table-sp::-webkit-scrollbar-thumb {
            border-radius: 5px;
            background: #666;
        }*/
    }
    
    .mod-freeTableSet1 thead {
      position: -webkit-sticky;
      position: sticky;
      top: 0px;
      z-index: 1;
    }