#tnf .tnfbox span{
	color:#c34035;
}

/*特徴とメリット*/
.numberbox dl{
	border-bottom:1px dotted #1a1a1a;
	padding:0 0 10px 0;
	margin:0 0 10px 0;
}

.numberbox dl dt{
	float:left;
	width:260px;
	font-size:1.2em;
	color:#111571;
	font-weight:bold;
}

.numberbox dl dt.num1{
	width:238px;
	padding-left:22px;
	text-indent: -22px;
}

.numberbox dl dt.num1:before{
	margin:-3px 7px 0 0;
    content:" ";
    display:inline-block;
    width:15px;
    height:15px;
    background:url(/images/t_bags/num1.svg) left 50% no-repeat;    
    background-size:contain;
    vertical-align:middle;
}

.numberbox dl dt.num2:before{
	margin:-3px 7px 0 0;
    content:" ";
    display:inline-block;
    width:15px;
    height:15px;
    background:url(/images/t_bags/num2.svg) left 50% no-repeat;    
    background-size:contain;
    vertical-align:middle;
}

.numberbox dl dt.num3:before{
	margin:-3px 7px 0 0;
    content:" ";
    display:inline-block;
    width:15px;
    height:15px;
    background:url(/images/t_bags/num3.svg) left 50% no-repeat;    
    background-size:contain;
    vertical-align:middle;
}

.numberbox dl dd{
	float:left;
	width:700px;
}

.numberbox dl{
	border-bottom:1px dotted #1a1a1a;
	padding:0 0 10px 0;
	margin:0 0 10px 0;
}

.numberbox dl dt{
	float:none;
	width:100%;
	font-size:1.2em;
	color:#111571;
	font-weight:bold;
}

.numberbox dl dt.num1:before{
	margin:-3px 7px 0 0;
    content:" ";
    display:inline-block;
    width:15px;
    height:15px;
    background:url(/images/t_bags/num1.svg) left 50% no-repeat;    
    background-size:contain;
    vertical-align:middle;
}

.numberbox dl dt.num2:before{
	margin:-3px 7px 0 0;
    content:" ";
    display:inline-block;
    width:15px;
    height:15px;
    background:url(/images/t_bags/num2.svg) left 50% no-repeat;    
    background-size:contain;
    vertical-align:middle;
}

.numberbox dl dt.num3:before{
	margin:-3px 7px 0 0;
    content:" ";
    display:inline-block;
    width:15px;
    height:15px;
    background:url(/images/t_bags/num3.svg) left 50% no-repeat;    
    background-size:contain;
    vertical-align:middle;
}

.numberbox dl dd{
	float:none;
	width:100%;
}

.numberbox dl{
	border-bottom:1px dotted #1a1a1a;
	padding:0 0 10px 0;
	margin:0 0 10px 0;
}

.numberbox dl dt{
	float:left;
	width:260px;
	font-size:1.2em;
	color:#111571;
	font-weight:bold;
}

.numberbox dl dt.num1:before{
	margin:-3px 7px 0 0;
    content:" ";
    display:inline-block;
    width:15px;
    height:15px;
    background:url(/images/t_bags/num1.svg) left 50% no-repeat;    
    background-size:contain;
    vertical-align:middle;
}

.numberbox dl dt.num2:before{
	margin:-3px 7px 0 0;
    content:" ";
    display:inline-block;
    width:15px;
    height:15px;
    background:url(/images/t_bags/num2.svg) left 50% no-repeat;    
    background-size:contain;
    vertical-align:middle;
}

.numberbox dl dt.num3:before{
	margin:-3px 7px 0 0;
    content:" ";
    display:inline-block;
    width:15px;
    height:15px;
    background:url(/images/t_bags/num3.svg) left 50% no-repeat;    
    background-size:contain;
    vertical-align:middle;
}

.numberbox dl dd{
	float:left;
	width:700px;
}


/*pc_css*/
@media screen and (min-width:750px){
#tnf #header .innerbox .nav li.tnf a{
	padding:12px 19px;
	background:#b32c29;
	color:#fff;
	margin:0 1px;
}

#tnf #header .tnf .innavi {
	display:block !important;
}
	
#tnf #header .navi02 .nav2 li.tnf a{
	padding:12px 19px;
	background:#b32c29;
	color:#fff;
	margin:0 1px;
}
	
#tnf #header .innerbox .nav li ul.innavilist li a{
	padding:0 0 15px 0;
	display:block;
	color:#fff;
	background:none !important;
	box-sizing:border-box;
	font-size:100%;
	font-weight: normal;
}
	
#tnf #header .innerbox .nav li ul.innavilist li p{
	padding:0 15px !important;
	padding:0 0 0 0;
	border-left:1px solid #fff;
}
	
#tnf #header .innerbox .nav li ul.innavilist li:first-child a p{
	border-left:none;
}

#tnf #header .innerbox .nav li ul.innavilist li a:hover{
	color:#CCC !important;
	background:none !important;
}

#tnf.ccont01 #header .innavi ul.innavilist li a,
#tnf.ccont02 #header .innavi ul.innavilist li a,
#tnf.ccont03 #header .innavi ul.innavilist li a,
#tnf.ccont04 #header .innavi ul.innavilist li a,
#tnf.ccont05 #header .innavi ul.innavilist li a,
#tnf.ccont07 #header .innavi ul.innavilist li a,
#tnf.ccont08 #header .innavi ul.innavilist li a{
	padding:0 0 11px 0 !important;
}

#tnf.ccont01 #header .innavi ul.innavilist li.intnf a,
#tnf.ccont02 #header .innavi ul.innavilist li.inmerit a,
#tnf.ccont03 #header .innavi ul.innavilist li.inflow a,
#tnf.ccont04 #header .innavi ul.innavilist li.inworks a,
#tnf.ccont05 #header .innavi ul.innavilist li.inearthquake a,
#tnf.ccont07 #header .innavi ul.innavilist li.inpile a,
#tnf.ccont08 #header .innavi ul.innavilist li.inmovie a{
	border-bottom:4px solid #af2c29;
}

#tnf .mainbox .tlbox{
	position:absolute;
	top:50%;
	text-align:center;
	font-weight:bold;
	font-size:2.5em;
	color:#fff;
	margin:-1% 0 0 0;
	width:100%;
}


#tnf .mainbox{
	width:100%;
	height:295px;
	background:url(/images/tnf/main.jpg) 50% 50% no-repeat;
	background-size:cover;
	position:relative;
	margin:150px 0 0 0;

}
	
#tnf.en .mainbox{
	width:100%;
	height:295px;
	background:url(/images/tnf/main.jpg) 50% 50% no-repeat;
	background-size:cover;
	position:relative;
	margin:90px 0 0 0;

}

#tnf .mainbox2 .tlbox{
	text-align:center;
	font-weight:bold;
	font-size:2.5em;
	color:#1a1a1a;
	margin:-1% 0 0 0;
	width:100%;
	line-height:1.4em;
}

#tnf .mainbox2 .capbox{
	display:inline-block;
	border:1px solid #1a1a1a;
	padding:10px 20px;
	font-size:0.9em;
	line-height:1.8em;
	margin:40px 0 0 0;
}


#tnf .mainbox2{
	width:100%;
	padding:100px 0;
	background:#f2f2f2;
	position:relative;
	margin:150px 0 0 0;
	text-align:center;

}

#tnf.en .mainbox2{
	width:100%;
	padding:100px 0;
	background:#f2f2f2;
	position:relative;
	margin:90px 0 0 0;
	text-align:center;

}

#tnf .indexcontainer{
	padding:90px 0 0 0;
	margin-bottom: 90px;
}

#tnf .tlbox{
	font-weight:bold;
	font-size:1.8em;
	margin:0 0 40px 0;
	text-align:center;
}

#tnf .cinnerbox ul {
    width: 988px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 28px;
}

#tnf .cinnerbox ul li {
    width: 219px;
    list-style: none;
}

#tnf .cinnerbox ul li.box1{
	width:311px;
	float:left;
	margin:0 0 28px 28px;
	list-style:none;
}

#tnf .cinnerbox ul li.box2{
	width:188px;
	float:left;
	margin:0 0 28px 28px;
	list-style:none;
}

#tnf .cinnerbox ul li span{
	color:#c34035;

}

#tnf .cinnerbox ul li a{
	background:url(/images/index/sarrow_on.svg) 50% 70% no-repeat;
	background-color:rgba(255,255,255,1);
	background-size:17px;
	text-align:center;
	display:block;
	padding:30px 0 60px 0;
	line-height:1.5em;
	border:1px solid #1a1a1a;
}
	
#tnf.en .cinnerbox ul li a{
	background:url(/images/index/sarrow_on.svg) 50% 80% no-repeat;
	background-color:rgba(255,255,255,1);
	background-size:17px;
	text-align:center;
	display:block;
	padding:30px 0 60px 0;
	line-height:1.5em;
	border:1px solid #1a1a1a;
}

#tnf .cinnerbox ul li a:hover{
	background:url(/images/index/sarrow.svg) 50% 70% no-repeat;
	background-color:rgba(174,44,14,1);
	background-size:17px;
	text-align:center;
	display:block;
	padding:30px 0 60px 0;
	line-height:1.5em;
	color:#fff;
	border:1px solid #af2c29;

}

/*会社概要*/
#tnf .tnfbox{
	width:100%;
	padding:90px 0 0 0;
}

#tnf .tnfbox .infobox{
	display:inline-block;
	border:1px solid #1a1a1a;
	padding:30px 40px;
	font-weight:bold;
	font-size:1.8em;
	text-align:left;
	line-height:1.6em;
	margin:0 0 50px 0;
}

#tnf .tnfbox .infobox span{
	color:#c34035;
}

#tnf .tnfbox .tlbox{
	font-weight:bold;
	font-size:1.8em;
	line-height:1.6em;
}

#tnf .tnfbox .fbox{
	width:460px;
	float:left;
	font-size:0.9em;
	line-height:1.8em;
}

#tnf .tnfbox .rbox{
	width:450px;
	float:right;
	text-align:center;
}

#tnf .tnfbox .rbox img{
	width:100%;
}

#tnf .tnfbox .rbox.imgbox img{
	width:80%;
}

#tnf .tnfbox .lbox{
	width:450px;
	float:left;
	text-align:center;
}

#tnf .tnfbox .lbox img{
	width:100%;
}

#tnf .tnfbox .lbox.imgbox img{
	width:80%;
}

#tnf .tnfbox .cbox{
	width:80px;
	float:right;
	text-align:center;
}


/*特徴*/
#tnf .meritbox{
	width:100%;
	padding:90px 0 60px 0;
}

#tnf .meritbox .fbox{
	font-family: "A1明朝";
	font-size:4.3em;
	width:390px;
	float:left;
	text-align:left;
	line-height:1.2em;
}
	
#tnf.en .meritbox .fbox{
	font-family: "A1明朝";
	font-size:2.7em;
	width:390px;
	float:left;
	text-align:left;
	line-height:1.2em;
}

#tnf .meritbox .rbox{
	width:540px;
	float:left;
}

#tnf .meritbox .rbox .tlbox{
	margin:0 0 10px 0;
	text-align:left;
}

#tnf .meritbox .rbox .textbox{
	margin:0 0 30px 0;
	text-align:left;
	font-size:0.9em;
	line-height:1.8em;
}

#tnf .meritbox .rbox sub{
	font-size:0.7em !important;
}

#tnf .meritbox .lbox{
	width:540px;
	float:left;
}

#tnf .meritbox .lbox .tlbox{
	margin:0 0 10px 0;
	text-align:left;
}

#tnf .meritbox .lbox .textbox{
	margin:0 0 30px 0;
	text-align:left;
	font-size:0.9em;
	line-height:1.8em;
}

#tnf .meritbox .lbox sub{
	font-size:0.7em !important;
}

#tnf .meritbox .captionbox{
	padding:20px;
	background:#f2f2f2;
}

#tnf .meritbox .captionbox .tlbox{
	font-weight:bold;
	font-size:1.5em;
	text-align:center;
	margin:0 0 30px 0;
}

#tnf .meritbox .captionbox .flbox{
	width:47%;
	float:left;
}

#tnf .meritbox .captionbox .subtlbox{
	font-weight:bold;
	font-size:1.5em;
	text-align:center;
	border-bottom:1px solid #1a1a1a;
	padding:0 0 5px 0;
	margin:0 0 10px 0;
}

#tnf .meritbox .captionbox .subtextbox{
	font-weight:bold;
	text-align:center;
	line-height:2.4em;
	margin:0 0 10px 0;
	
}
	
#tnf.en .meritbox .captionbox .subtextbox{
	font-weight:bold;
	text-align:center;
	line-height:1em;
	margin:0 0 10px 0;
	
}

#tnf .meritbox .captionbox .subtextbox2{
	font-size:0.8em;
	text-align:left;
	line-height:1.5em;
	padding:10px 0 0 0;
}

#tnf .meritbox .captionbox .subtextbox span{
	font-size:2.5em;
	color:#c34035;
	
}
	
#tnf.en .meritbox .captionbox .subtextbox span{
	font-size:1.8em;
	line-height: 1.5em;
	display: inline-block;
	color:#c34035;
	
}

#tnf .meritbox .captionbox .tcbox{
	font-size:0.8em;
	text-align:center;
	line-height:1.5em;
	padding:20px 0 20px 0;
	
}

#tnf .meritbox .captionbox .rlbox{
	width:47%;
	float:right;
}

/*工法*/

#tnf .flowbox{
	width:100%;
	padding:90px 0 90px 0;
	background:url(/images/tnf/arrow.svg) 50% bottom no-repeat;
	background-size:38px 19px;
}

#tnf .flowbox.bgnone{
	width:100%;
	padding:90px 0 90px 0;
	background:none;
	background-size:38px 19px;
}


#tnf .flowbox .fbox{
	width:280px;
	float:left;
	font-family: "A1明朝";
	font-size:2.8em;
	text-align:left;
	line-height:1.2em;
}

#tnf .flowbox .rbox{
	width:680px;
	float:right;
	font-size:0.9em;
	line-height:1.5em;
}

#tnf .flowbox .rbox .tlbox{
	font-size:2.8em;
	text-align:left;
	color:#b02c29;
	margin:0 0 30px 0;
	line-height:1.2em;
}

#tnf .flowbox .rbox ul{
	width:705px;
	margin:0 0 0 -25px;
}

#tnf .flowbox .rbox ul li{
	width:210px;
	margin:0 0 25px 25px;
	list-style:none;
	float:left;
}

#tnf .flowbox .rbox ul li img{
	width:100%;
}

#tnf .flowbox .rbox ul li.box{
	width:445px;
	margin:0 0 25px 25px;
}

#tnf .flowbox .lbox{
	width:680px;
	float:right;
	font-size:0.9em;
	line-height:1.5em;
}

#tnf .flowbox .lbox .tlbox{
	font-size:2.8em;
	text-align:left;
	color:#b02c29;
	margin:0 0 30px 0;
	line-height:1.2em;
}

#tnf .flowbox .lbox ul{
	width:705px;
	margin:0 0 0 -25px;
}

#tnf .flowbox .lbox ul li{
	width:210px;
	margin:0 0 25px 25px;
	list-style:none;
	float:left;
}

#tnf .flowbox .lbox ul li img{
	width:100%;
}

#tnf .flowbox .lbox ul li.box{
	width:445px;
	margin:0 0 25px 25px;
}

/*実績*/
#tnf .worksbox .tlbox{
	font-size:1.8em;
	font-weight:bold;
	text-align:center;
	margin:0 0 0 0;
}

#tnf .worksbox .tlbox2{
	font-size:1.8em;
	font-weight:bold;
	text-align:center;
	margin:0 0 40px 0;
}


#tnf .worksbox{
	width:100%;
	padding:90px 0 0 0;
}

#tnf .worksbox sup{
	font-size:0.7em;
	position:relative;
	top:-0.5em;
}

#tnf .worksbox .wsph{
	width:450px;
	float:left;
}

#tnf .worksbox .wsph img{
	width:100%;
}

#tnf .worksbox .infocont{
	margin:0 0 0 0;
}

#tnf .worksbox .infobox{
	width:450px;
	float:right;
	border-top:2px solid #666;
	border-bottom:2px solid #666;
}

#tnf .worksbox .infobox dl{
	padding:0 0;
	border-bottom:1px solid #cacaca;
}

#tnf .worksbox .infobox dl dt{
	padding:11px 15px;
	width:32%;
	box-sizing:border-box;
	float:left;
}

#tnf .worksbox .infobox dl dd{
	padding:11px 15px;
	width:68%;
	box-sizing:border-box;
	border-left:1px solid #cacaca;
	float:left;
}

/*地震*/

#tnf .eqbox{
	width:100%;
	padding:90px 0 0 0;
}

#tnf .eqbox .tlbox{
	font-size:1.8em;
	font-weight:bold;
	text-align:center;
	margin:0 0 0 0;
}

#tnf .eqbox .tlbox2{
	font-size:1.8em;
	font-weight:bold;
	text-align:center;
	margin:0 0 35px 0;
}

#tnf .eqbox ul.textbox{
	padding:0 0 0 1em;
	margin:0 0 60px 0;
}

#tnf .eqbox .tablebox span{
	font-size:0.9em;
}

#tnf .eqbox table{
	width:100%;
	letter-spacing:0;
	margin:0 0 5px 0;
}

#tnf .eqbox table th{
	border-bottom:2px solid #1a1a1a;
	width:16%;
	font-weight:normal !important;
}

#tnf .eqbox table th.box2{
	width:25%;
}

#tnf .eqbox table th sup{
	font-size:0.7em;
	position:relative;
	top:-0.5em;
}

#tnf .eqbox table tr td{
	padding:15px 20px;
	vertical-align:middle;
	text-align:center;
	border-bottom:1px solid #1a1a1a;
}

#tnf .eqbox table tr:last-child td{
	border-bottom:2px solid #1a1a1a;
}

#tnf .eqbox table tr td a:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-khtml-opacity: 0.7;
	-moz-opacity: 0.7;
}

#tnf .eqbox table tr td:nth-child(1){
	text-align:left;
}

#tnf .eqbox table tr td:last-child{
	text-align:center;
}

#tnf .eqbox ul.phlist{
	width:1008px;
	margin:0 0 50px -48px;
}

#tnf .eqbox ul.phlist:last-child{
	width:1008px;
	margin:0 0 90px -48px;
}

#tnf .eqbox ul.phlist li{
	float:left;
	width:288px;
	margin:0 0 0 48px;
	list-style:none;
	
}

#tnf .eqbox ul.phlist li .subtl{
	font-weight:bold;
	font-size:1.8em;
	margin:0 0 20px 0;
	
}
	
#tnf.en .eqbox ul.phlist li .subtl{
	font-weight:bold;
	font-size:1.2em;
	margin:0 0 20px 0;
	
}

#tnf .eqbox ul.phlist li .imgbox{
	line-height:0;
	margin:0 0 5px 0;
	
}

#tnf .eqbox ul.phlist li .imgbox img{
	width:100%;
	
}

#tnf .eqbox ul.phlist li .capbox{
	font-size:0.8em;
	line-height:1.8em;
	letter-spacing:0;
	
}

#tnf .eqbox ul.phlist li .capbox.tp{
	padding-left:8.75em;
	text-indent:-8.75em;
	
}

#tnf .eqbox ul.phlist li .capbox.tp2{
	padding-left:5.75em;
	text-indent:-5.75em;
	
}
	
#tnf.en .eqbox ul.phlist li .capbox.tp2{
	padding-left:8.25em;
	text-indent:-8.25em;
	
}

/*違い*/
#tnf .pilebox{
	width:100%;
	padding:90px 0 0 0;
}

#tnf .pb90{
	width:100%;
	padding-bottom:90px;
}

#tnf .pilebox .tlbox{
	font-size:1.8em;
	font-weight:bold;
	text-align:center;
	margin:0 0 0 0;
}

#tnf .pilebox .tlbox2{
	font-size:1.8em;
	font-weight:bold;
	text-align:center;
	margin:0 0 40px 0;
}

#tnf .pilebox .flbox{
	width:450px;
	float:left;
}

#tnf .pilebox .rlbox{
	width:450px;
	float:right;
}

#tnf .pilebox .imgbox{
	line-height:0;
	margin:0 0 40px 0;
}

#tnf .pilebox .imgbox img{
	width:100%;
}

#tnf .pilebox .capbox{
	border:1px solid #c34035;
	padding:5px 0;
	text-align:center;
	font-size:1.2em;
	font-weight:bold;
	color:#c34035;
	margin:0 0 20px 0;
}

#tnf .pilebox ul{
	padding:0 0 0 1em;
}
	
	#tnf .enmoviebox{
		margin:70px 0 0 0;
	}
	
	#tnf .enmoviebox .entlbox{
		font-size:1.7em;
		font-weight: bold;
		text-align: center;
		margin:0 0 35px 0;
	}
	
	#tnf .enmoviebox .envideobox{
		width:100%;
	}
	
	#tnf .enmoviebox .encaption{
		font-size:0.8em;
	}

    /* tnf2.0 */
#tnf .tlbox h2 {
		font-size: 1.4em;
		line-height: 1.5em;
		text-align: center;
		font-weight: bold;
	}

	#tnf .tlbox .line {
		background-color: #b32c29;
		height: 2.5px;
		margin: 30px auto;
	}

	#tnf .banner {
		background-color: #b32c29;
		width: 6px;
		margin-right: 10px;
	}

	#tnf .row {
		display: block;
		margin-bottom: 60px;
	}
	
	#tnf .row .lineup-center{
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #tnf .row .subtitle{
		font-size:30px;
		margin-bottom: 15px;
		margin-top: 40px;
		text-align: left;
	}
	
	#tnf .row .row-title{
		color: #b32c29;
		margin-bottom: 20px;
		text-align: left;
	}

	#tnf .row .row-body {
		display: flex;
		flex-wrap: wrap;
		margin: 40px auto;
	}

	#tnf .row-body-reverse {
		flex-direction: row-reverse;
	}

	#tnf .row .row-body .text-box {
		text-align: justify;
		line-height: 1.7em;
	}

	#tnf .row .row-body .text-box h3 {
		text-align: left;
		font-size: 18pt;
		font-weight: bold;
		margin-bottom: 10px;
	}

	#tnf .row .row-body .text-box h4 {
		text-align: justify;
		font-size: 14pt;
		line-height: 1.7em;
		font-weight: bold;
		margin-bottom: 10px;
		margin-left: 20px;
	}

	#tnf .row .row-body .text-box p{
		font-size: 14pt;
		text-align: justify;
		line-height: 1.7em;
		font-weight: lighter;
		margin-bottom: 10px;
	}

	#tnf .row .row-body .text-box li{
		font-size: 17pt;
		text-align: justify;
		line-height: 2.0em;
		font-weight:bold;
		margin-bottom: 20px;
		margin-top: 10px;
		margin-left: 15px;
	}

	#tnf .row .row-body .text-box .comment {
		font-size: 11pt; 
		color: rgb(124, 124, 124);
	}

	#tnf .row .row-body .img-box {
		display: block;
		margin-right: auto;
		margin-left: auto;
		text-align: center;
	}

	#tnf .img-box .img-title{
		display: flex;
		line-height: 1.4em;
		justify-content: center;
		margin-bottom: 10px;
	}
	#tnf .img-box .img-title p{
		font-weight:bold;
		font-size: 14pt;
		color: #fff;
		background-color: #434343;
	}

	/* == width == */
	

	#tnf .w-10p {
		width: 10%;
		margin: 0 auto;
	}
	#tnf .w-20p {
		width: 20%;
		margin: 0 auto;
	}
	#tnf .w-30p {
		width: 30%;
		margin: 0 auto;
	}
    #tnf .w-33p {
		width: 33%;
		margin: 0 auto;
	}

	#tnf .w-40p {
		width: 40%;
		margin: 0 auto;
	}
	#tnf .w-45p {
		width: 45%;
		margin: 0 auto;
	}

	#tnf .w-50p {
		width: 50%;
		margin: 0 auto;
	}

	#tnf .w-60p {
		width: 60%;
		margin: 0 auto;
	}
	#tnf .w-66p {
		width: 64%;
		margin: 0 auto;
	}

	#tnf .w-70p {
		width: 70%;
		margin: 0 auto;
	}

	#tnf .w-80p {
		width: 80%;
		margin: 0 auto;
	}
	#tnf .w-85p {
		width: 85%;
		margin: 0 auto;
	}

	#tnf .w-90p {
		width: 90%;
		margin: 0 auto;
	}

	#tnf .w-96p {
		width: 96%;
		margin: 0 auto;
	}
	#tnf .w-100p {
		width: 100%;
		margin: 0 auto;
	}
	#tnf .ml0{
		margin-left: 0;
	}
}

/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */

@media screen and (max-width:750px){
	
#tnf .mainbox .tlbox{
	position:absolute;
	top:50%;
	text-align:center;
	font-weight:bold;
	font-size:1.5em;
	color:#fff;
	margin:-3% 0 0 0;
	width:100%;
}


#tnf .mainbox{
	width:100%;
	height:100px;
	background:url(/images/tnf/main.jpg) 50% 50% no-repeat;
	background-size:cover;
	position:relative;
	margin:55px 0 0 0;

}

#tnf .mainbox2 .tlbox{
	text-align:center;
	font-weight:bold;
	font-size:1.5em;
	color:#1a1a1a;
	margin:-1% 0 0 0;
	width:100%;
	line-height:1.4em;
}

#tnf .mainbox2 .capbox{
	display:inline-block;
	border:1px solid #1a1a1a;
	padding:10px 5%;
	font-size:0.7em;
	line-height:1.8em;
	margin:30px 0 0 0;
	width:80%;
}


#tnf .mainbox2{
	width:100%;
	padding:40px 0;
	background:#f2f2f2;
	position:relative;
	margin:55px 0 0 0;
	text-align:center;

}

#tnf .indexcontainer{
	padding:40px 0 0 0;
	margin-bottom: 30px;
}

#tnf .tlbox{
	font-weight:bold;
	font-size:1.5em;
	margin:0 0 40px 0;
	text-align:center;
}

#tnf .cinnerbox ul{
	width:100%;
	margin:0 0 0 0;

}

#tnf .cinnerbox ul li{
	width:100%;
	float:left;
	margin:0 0 10px 0;
	list-style:none;

}

#tnf .cinnerbox ul li.box1{
	width:311px;
	float:left;
	margin:0 0 28px 28px;
	list-style:none;

}

#tnf .cinnerbox ul li.box2{
	width:188px;
	float:left;
	margin:0 0 28px 28px;
	list-style:none;

}

#tnf .cinnerbox ul li span{
	color:#c34035;

}

#tnf .cinnerbox ul li a{
	background:url(/images/index/sarrow_on.svg) 95% 50% no-repeat;
	background-color:rgba(255,255,255,1);
	background-size:17px;
	text-align:left;
	display:block;
	padding:20px 20px;
	line-height:1.5em;
	border:1px solid #1a1a1a;
	height:auto !important;
}

#tnf .cinnerbox ul li a:hover{
	background:url(/images/index/sarrow.svg) 95% 50% no-repeat;
	background-color:rgba(174,44,14,1);
	background-size:17px;
	display:block;
	line-height:1.5em;
	color:#fff;
	border:1px solid #af2c29;

}

/*会社概要*/
#tnf .tnfbox{
	width:100%;
	padding:40px 0 0 0;
}

#tnf .tnfbox .infobox{
	display:inline-block;
	border:1px solid #1a1a1a;
	padding:20px 20px;
	font-weight:bold;
	font-size:1.5em;
	text-align:left;
	line-height:1.6em;
	margin:0 0 50px 0;
}

#tnf .tnfbox .infobox span{
	color:#c34035;
}

#tnf .tnfbox .tlbox{
	font-weight:bold;
	font-size:1.3em;
	line-height:1.6em;
}

#tnf .tnfbox .fbox{
	width:100%;
	float:none;
	font-size:0.9em;
	line-height:1.8em;
	margin:0 0 20px 0;
}

#tnf .tnfbox .rbox{
	width:100%;
	float:none;
	text-align:center;
}

#tnf .tnfbox .rbox img{
	width:100%;
}

#tnf .tnfbox .rbox.imgbox img{
	width:80%;
}

#tnf .tnfbox .lbox{
	width:100%;
	float:none;
	text-align:center;
}

#tnf .tnfbox .lbox img{
	width:100%;
}

#tnf .tnfbox .lbox.imgbox img{
	width:80%;
}

/*特徴*/
#tnf .meritbox{
	width:100%;
	padding:40px 0 20px 0;
}

#tnf .meritbox .fbox{
	font-family: "A1明朝";
	font-size:3.7em;
	width:100%;
	float:none;
	text-align:left;
	line-height:1.2em;
	margin:0 0 20px 0;
}
	
#tnf.en .meritbox .fbox{
	font-family: "A1明朝";
	font-size:2.7em;
	width:100%;
	float:none;
	text-align:left;
	line-height:1.2em;
	margin:0 0 20px 0;
}

#tnf .meritbox .rbox{
	width:100%;
	float:none;
}

#tnf .meritbox .rbox .tlbox{
	margin:0 0 10px 0;
	text-align:left;
}

#tnf .meritbox .rbox .textbox{
	margin:0 0 30px 0;
	text-align:left;
	font-size:0.9em;
	line-height:1.8em;
}

#tnf .meritbox .rbox sub{
	font-size:0.7em !important;
}

#tnf .meritbox .lbox{
	width:100%;
	float:none;
}

#tnf .meritbox .lbox .tlbox{
	margin:0 0 10px 0;
	text-align:left;
}

#tnf .meritbox .lbox .textbox{
	margin:0 0 30px 0;
	text-align:left;
	font-size:0.9em;
	line-height:1.8em;
}

#tnf .meritbox .lbox sub{
	font-size:0.7em !important;
}

#tnf .meritbox .captionbox{
	padding:20px;
	background:#f2f2f2;
}

#tnf .meritbox .captionbox .tlbox{
	font-weight:bold;
	font-size:1.5em;
	text-align:center;
	margin:0 0 30px 0;
}

#tnf .meritbox .captionbox .flbox{
	width:47%;
	float:left;
}

#tnf .meritbox .captionbox .subtlbox{
	font-weight:bold;
	font-size:1.5em;
	text-align:center;
	border-bottom:1px solid #1a1a1a;
	padding:0 0 5px 0;
	margin:0 0 10px 0;
}

#tnf .meritbox .captionbox .subtextbox{
	font-weight:bold;
	text-align:center;
	line-height:2.4em;
	margin:0 0 10px 0;
	
}
	
#tnf.en .meritbox .captionbox .subtextbox{
	font-weight:bold;
	text-align:center;
	line-height:1.5em;
	margin:0 0 10px 0;
	
}

#tnf .meritbox .captionbox .subtextbox2{
	font-size:0.8em;
	text-align:left;
	line-height:1.5em;
	padding:10px 0 0 0;
}

#tnf .meritbox .captionbox .subtextbox span{
	font-size:1.8em;
	color:#c34035;
	
}
	
#tnf.en .meritbox .captionbox .subtextbox span{
	font-size:1.8em;
	color:#c34035;
	line-height: 1.5em;
	
}

#tnf .meritbox .captionbox .tcbox{
	font-size:0.8em;
	text-align:center;
	line-height:1.5em;
	padding:20px 0 20px 0;
	
}

#tnf .meritbox .captionbox .rlbox{
	width:47%;
	float:right;
}

/*工法*/

#tnf .flowbox{
	width:100%;
	padding:60px 0 60px 0;
	background:url(/images/tnf/arrow.svg) 50% bottom no-repeat;
	background-size:38px 19px;
}

#tnf .flowbox.bgnone{
	width:100%;
	padding:40px 0 40px 0;
	background:none;
	background-size:38px 19px;
}


#tnf .flowbox .fbox{
	width:90%;
	float:none;
	font-family: "A1明朝";
	font-size:2em;
	text-align:left;
	line-height:1.2em;
	margin:0 auto 20px;
}

#tnf .flowbox .rbox{
	width:90%;
	margin:0 auto;
	float:none;
	font-size:0.9em;
	line-height:1.5em;
}

#tnf .flowbox .rbox .tlbox{
	font-size:1.5em;
	text-align:left;
	color:#b02c29;
	margin:0 0 30px 0;
	line-height:1.2em;
}

#tnf .flowbox .rbox ul{
	width:100%;
	margin:0 0 0 0;
}

#tnf .flowbox .rbox ul li{
	width:100%;
	margin:0 0 20px 0;
	list-style:none;
	float:left;
}

#tnf .flowbox .rbox ul li img{
	width:100%;
}

#tnf .flowbox .rbox ul li.box{
	width:100%;
	margin:0 0 20px 0;
}

#tnf .flowbox .lbox{
	width:90%;
	margin:0 auto;
	float:none;
	font-size:0.9em;
	line-height:1.5em;
}

#tnf .flowbox .lbox .tlbox{
	font-size:1.5em;
	text-align:left;
	color:#b02c29;
	margin:0 0 30px 0;
	line-height:1.2em;
}

#tnf .flowbox .lbox ul{
	width:100%;
	margin:0 0 0 0;
}

#tnf .flowbox .lbox ul li{
	width:100%;
	margin:0 0 20px 0;
	list-style:none;
	float:left;
}

#tnf .flowbox .lbox ul li img{
	width:100%;
}

#tnf .flowbox .lbox ul li.box{
	width:100%;
	margin:0 0 20px 0;
}

/*実績*/
#tnf .worksbox .tlbox{
	font-size:1.5em;
	font-weight:bold;
	text-align:center;
	margin:0 0 0 0;
}

#tnf .worksbox .tlbox2{
	font-size:1.5em;
	font-weight:bold;
	text-align:center;
	margin:0 0 40px 0;
}


#tnf .worksbox{
	width:100%;
	padding:40px 0 0 0;
}

#tnf .worksbox sup{
	font-size:0.7em;
	position:relative;
	top:-0.5em;
}

#tnf .worksbox .wsph{
	width:100%;
	float:none;
	margin:0 0 20px 0;
}

#tnf .worksbox .wsph img{
	width:100%;
}

#tnf .worksbox .infocont{
	margin:0 0 0 0;
}

#tnf .worksbox .infobox{
	width:100%;
	float:none;
	border-top:2px solid #666;
	border-bottom:2px solid #666;
}

#tnf .worksbox .infobox dl{
	padding:0 0;
	border-bottom:1px solid #cacaca;
}

#tnf .worksbox .infobox dl dt{
	padding:11px 15px;
	width:32%;
	box-sizing:border-box;
	float:left;
}
	
#tnf.en .worksbox .infobox dl dt{
	font-size:0.9em;
}

#tnf.en .worksbox .infobox dl dd{
	font-size:0.9em;
}

#tnf .worksbox .infobox dl dd{
	padding:11px 15px;
	width:68%;
	box-sizing:border-box;
	border-left:1px solid #cacaca;
	float:left;
}

/*地震*/

#tnf .eqbox{
	width:100%;
	padding:40px 0 0 0;
}

#tnf .eqbox .tlbox{
	font-size:1.5em;
	font-weight:bold;
	text-align:center;
	margin:0 0 0 0;
}

#tnf .eqbox .tlbox2{
	font-size:1.5em;
	font-weight:bold;
	text-align:center;
	margin:0 0 50px 0;
}

#tnf .eqbox ul.textbox{
	padding:0 0 0 1em;
	margin:0 0 40px 0;
}

#tnf .eqbox .tablebox{
	width:100%;
}
	
#tnf.en .eqbox .tablebox{
	width:100%;
	overflow: scroll;
}

#tnf .eqbox .tablebox span{
	font-size:0.9em;
}

#tnf .eqbox table{
	width:100%;
	letter-spacing:0;
	margin:0 0 5px 0;
	box-sizing:border-box;
	
}
	
#tnf.en .eqbox table{
	width:500px;
	letter-spacing:0;
	margin:0 0 5px 0;
	box-sizing:border-box;
	
}

#tnf .eqbox table th{
	border-bottom:2px solid #1a1a1a;
	width:16%;
	font-weight:normal !important;
}

#tnf .eqbox table th.box2{
	width:20%;
}

#tnf .eqbox table th sup{
	font-size:0.7em;
	position:relative;
	top:-0.5em;
}

#tnf .eqbox table tr td{
	padding:5px;
	vertical-align:middle;
	text-align:center;
	border-bottom:1px solid #1a1a1a;
}

#tnf .eqbox table tr:last-child td{
	border-bottom:2px solid #1a1a1a;
}

#tnf .eqbox table tr td a:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-khtml-opacity: 0.7;
	-moz-opacity: 0.7;
}

#tnf .eqbox table tr td:nth-child(1){
	text-align:left;
}

#tnf .eqbox table tr td:last-child{
	text-align:center;
}

#tnf .eqbox ul.phlist{
	width:100%;
	margin:0 0 20px 0;
}

#tnf .eqbox ul.phlist:last-child{
	width:100%;
	margin:0 0 30px 0;
}

#tnf .eqbox ul.phlist li{
	float:none;
	width:100%;
	margin:0 0 20px 0;
	list-style:none;
	
}

#tnf .eqbox ul.phlist li .subtl{
	font-weight:bold;
	font-size:1.8em;
	margin:0 0 20px 0;
	
}
	
#tnf.en .eqbox ul.phlist li .subtl{
	font-weight:bold;
	font-size:1.2em;
	margin:0 0 20px 0;
	
}

#tnf .eqbox ul.phlist li .imgbox{
	line-height:0;
	margin:0 0 5px 0;
	
}

#tnf .eqbox ul.phlist li .imgbox img{
	width:100%;
	
}

#tnf .eqbox ul.phlist li .capbox{
	font-size:0.9em;
	line-height:1.8em;

}

#tnf .eqbox ul.phlist li .capbox.tp{
	padding-left:8.75em;
	text-indent:-8.75em;
	
}

#tnf .eqbox ul.phlist li .capbox.tp2{
	padding-left:5.75em;
	text-indent:-5.75em;
	
}

/*違い*/
#tnf .pilebox{
	width:100%;
	padding:40px 0 0 0;
}

#tnf .pb90{
	width:100%;
	padding-bottom:40px;
}

#tnf .pilebox .tlbox{
	font-size:1.5em;
	font-weight:bold;
	text-align:center;
	margin:0 0 0 0;
}

#tnf .pilebox .tlbox2{
	font-size:1.5em;
	font-weight:bold;
	text-align:center;
	margin:0 0 40px 0;
}

#tnf .pilebox .flbox{
	width:100%;
	float:none;
	margin:0 0 30px 0;
}

#tnf .pilebox .rlbox{
	width:100%;
	float:none;
}

#tnf .pilebox .imgbox{
	line-height:0;
	margin:0 0 40px 0;
}

#tnf .pilebox .imgbox img{
	width:100%;
}

#tnf .pilebox .capbox{
	border:1px solid #c34035;
	padding:5px 0;
	text-align:center;
	font-size:1.2em;
	font-weight:bold;
	color:#c34035;
	margin:0 0 20px 0;
}

#tnf .pilebox ul{
	padding:0 0 0 1em;
}

/*spheader*/
#tnf #header .innerbox .nav li.tnf a{
	padding:15px 19px;
	background:#b32c29;
	color:#fff;
	margin:0 0;
}

#tnf #header .tnf .innavi a{
	color:#1a1a1a !important;
}

#tnf.ccont01 #header .innavi .intnf,
#tnf.ccont02 #header .innavi .inmerit,
#tnf.ccont03 #header .innavi .inflow,
#tnf.ccont04 #header .innavi .inworks,
#tnf.ccont05 #header .innavi .inearthquake,
#tnf.ccont07 #header .innavi .inpile,
#tnf.ccont08 #header .innavi .inmovie{
	background:#f0d2d0 !important;
}

#tnf #header .tnf .innavi{
	display:block;
}

#tnf #header .tnf .menuright img:first-child{
	display:none;
}

#tnf #header .tnf .menuright img:last-child{
	display:block;
}
	
#tnf .enmoviebox{
		margin:50px 0 0 0;
	}
	
	#tnf .enmoviebox .entlbox{
		font-size:1.3em;
		font-weight: bold;
		text-align: center;
		margin:0 0 25px 0;
	}
	
	#tnf .enmoviebox .envideobox{
		width:100%;
	}
	
	#tnf .enmoviebox .encaption{
		font-size:0.8em;
	}


	/* tnf2.0 */
	#tnf .tlbox h2 {
		font-size: 1.4em;
		line-height: 1.5em;
		text-align: center;
		font-weight: bold;
	}

	#tnf .tlbox .line {
		background-color: #b32c29;
		height: 2.5px;
		margin: 30px auto;
	}

	#tnf .banner {
		background-color: #b32c29;
		width: 6px;
		margin: -1% 10px 0 0;
	}

	#tnf .row {
		display: block;
		margin-bottom: 60px;
	}
	

	#tnf .row .subtitle{
		font-size: 1.3em;
		margin-bottom: 20px;
		margin-top: 20px;
		text-align: left;
	}

		#tnf .row .row-title{
		color: #b32c29;
		margin-bottom: 20px;
		text-align: left;
	}

	#tnf .row .row-body {
		display: flex;
		flex-wrap: wrap;
		margin: 50px auto;
	}

	#tnf .row-body-reverse {
		flex-direction: row-reverse;
	}

	#tnf .row .row-body .text-box {
		text-align: justify;
		line-height: 1.7em;
	}

	#tnf .row .row-body .text-box h3 {
		text-align: left;
		font-size: 16pt;
		font-weight: bold;
		margin-bottom: 10px;
	}
	#tnf .row .row-body .text-box h4 {
		text-align: justify;
		font-size: 14pt;
		line-height: 1.7em;
		font-weight: bold;
		margin-bottom: 10px;
		margin-left: 20px;
	}

	#tnf .row .row-body .text-box p {
		font-size: 14pt;
		text-align: justify;
		line-height: 1.7em;
		font-weight: lighter;
		margin-bottom: 10px;
	}

	#tnf .row .row-body .text-box li{
		font-size: 14pt;
		text-align: justify;
		line-height: 1.5em;
		font-weight:bold;
		margin-bottom: 10px;
	}

	#tnf .row .row-body .img-box {
		margin-right: auto;
		margin-left: auto;
	}

	#tnf .img-box .img-title{
		display: flex;
		line-height: 1.4em;
		justify-content: center;
		margin-bottom: 10px;
	}
	#tnf .img-box .img-title p{
		font-weight:bold;
		font-size:  1.0em;
		color: #fff;
		background-color: #434343;
	}

	/* == width == */
	#tnf .ml0{
		margin-left: 0;
	}
	#tnf .w-10p {
		width: 8%;
		margin: 0 auto;
	}
	#tnf .w-20p {
		width: 18%;
		margin: 0 auto;
	}
	#tnf .w-30p {
		width: 28%;
		margin: 0 auto;
	}
    #tnf .w-33p {
		width: 31%;
		margin: 0 auto;
	}

	#tnf .w-40p {
		width: 38%;
		margin: 0 auto;
	}
	#tnf .w-45p {
		width: 43%;
		margin: 0 auto;
	}

	#tnf .w-50p {
		width: 48%;
		margin: 0 auto;
	}

	#tnf .w-60p {
		width: 58%;
		margin: 0 auto;
	}
	#tnf .w-66p {
		width: 64%;
		margin: 0 auto;
	}

	#tnf .w-70p {
		width: 68%;
		margin: 0 auto;
	}

	#tnf .w-80p {
		width: 78%;
		margin: 0 auto;
	}
	#tnf .w-85p {
		width: 83%;
		margin: 0 auto;
	}

	#tnf .w-90p {
		width: 88%;
		margin: 0 auto;
	}

	#tnf .w-96p {
		width: 96%;
		margin: 0 auto;
	}
	
	#tnf .w-100p {
		width: 98%;
		margin: 0 auto;
	}
}

@media print{
#tnf #header .innerbox .nav li.tnf a{
	padding:12px 19px;
	background:#b32c29;
	color:#fff;
	margin:0 1px;
}

#tnf #header .tnf .innavi {
	display:block !important;
}

#tnf.ccont01 #header .innavi ul.innavilist li a,
#tnf.ccont02 #header .innavi ul.innavilist li a,
#tnf.ccont03 #header .innavi ul.innavilist li a,
#tnf.ccont04 #header .innavi ul.innavilist li a,
#tnf.ccont05 #header .innavi ul.innavilist li a,
#tnf.ccont07 #header .innavi ul.innavilist li a,
#tnf.ccont08 #header .innavi ul.innavilist li a{
	padding:0 0 11px 0 !important;
}

#tnf.ccont01 #header .innavi ul.innavilist li.intnf a,
#tnf.ccont02 #header .innavi ul.innavilist li.inmerit a,
#tnf.ccont03 #header .innavi ul.innavilist li.inflow a,
#tnf.ccont04 #header .innavi ul.innavilist li.inworks a,
#tnf.ccont05 #header .innavi ul.innavilist li.inearthquake a,
#tnf.ccont07 #header .innavi ul.innavilist li.inpile a,
#tnf.ccont08 #header .innavi ul.innavilist li.inmovie a{
	border-bottom:4px solid #af2c29;
}


#tnf .mainbox .tlbox{
	position:absolute;
	top:50%;
	text-align:center;
	font-weight:bold;
	font-size:2.5em;
	color:#fff;
	margin:-1% 0 0 0;
	width:100%;
}


#tnf .mainbox{
	width:100%;
	height:295px;
	background:url(/images/tnf/main.jpg) 50% 50% no-repeat;
	background-size:cover;
	position:relative;
	margin:135px 0 0 0;

}

#tnf .mainbox2 .tlbox{
	text-align:center;
	font-weight:bold;
	font-size:2.5em;
	color:#1a1a1a;
	margin:-1% 0 0 0;
	width:100%;
	line-height:1.4em;
}

#tnf .mainbox2 .capbox{
	display:inline-block;
	border:1px solid #1a1a1a;
	padding:10px 20px;
	font-size:0.9em;
	line-height:1.8em;
	margin:40px 0 0 0;
}


#tnf .mainbox2{
	width:100%;
	padding:100px 0;
	background:#f2f2f2;
	position:relative;
	margin:135px 0 0 0;
	text-align:center;

}

#tnf .indexcontainer{
	padding:90px 0 0 0;
}

#tnf .tlbox{
	font-weight:bold;
	font-size:1.8em;
	margin:0 0 40px 0;
	text-align:center;
}

#tnf .cinnerbox ul{
	width:988px;
	margin:0 0 0 -28px;

}

#tnf .cinnerbox ul li{
	width:219px;
	float:left;
	margin:0 0 28px 28px;
	list-style:none;

}

#tnf .cinnerbox ul li.box1{
	width:311px;
	float:left;
	margin:0 0 28px 28px;
	list-style:none;

}

#tnf .cinnerbox ul li.box2{
	width:188px;
	float:left;
	margin:0 0 28px 28px;
	list-style:none;

}

#tnf .cinnerbox ul li span{
	color:#c34035;

}

#tnf .cinnerbox ul li a{
	background:url(/images/index/sarrow_on.svg) 50% 70% no-repeat;
	background-color:rgba(255,255,255,1);
	background-size:17px;
	text-align:center;
	display:block;
	padding:30px 0 60px 0;
	line-height:1.5em;
	border:1px solid #1a1a1a;
}

#tnf .cinnerbox ul li a:hover{
	background:url(/images/index/sarrow.svg) 50% 70% no-repeat;
	background-color:rgba(174,44,14,1);
	background-size:17px;
	text-align:center;
	display:block;
	padding:30px 0 60px 0;
	line-height:1.5em;
	color:#fff;
	border:1px solid #af2c29;

}

/*会社概要*/
#tnf .tnfbox{
	width:100%;
	padding:90px 0 0 0;
}

#tnf .tnfbox .infobox{
	display:inline-block;
	border:1px solid #1a1a1a;
	padding:30px 40px;
	font-weight:bold;
	font-size:1.8em;
	text-align:left;
	line-height:1.6em;
	margin:0 0 50px 0;
}

#tnf .tnfbox .infobox span{
	color:#c34035;
}

#tnf .tnfbox .tlbox{
	font-weight:bold;
	font-size:1.8em;
	line-height:1.6em;
}

#tnf .tnfbox .fbox{
	width:460px;
	float:left;
	font-size:0.9em;
	line-height:1.8em;
}

#tnf .tnfbox .rbox{
	width:450px;
	float:right;
	text-align:center;
}

#tnf .tnfbox .rbox img{
	width:100%;
}

#tnf .tnfbox .rbox.imgbox img{
	width:80%;
}

#tnf .tnfbox .lbox{
	width:450px;
	float:right;
	text-align:center;
}

#tnf .tnfbox .lbox img{
	width:100%;
}

#tnf .tnfbox .lbox.imgbox img{
	width:80%;
}

/*特徴*/
#tnf .meritbox{
	width:100%;
	padding:90px 0 60px 0;
}

#tnf .meritbox .fbox{
	font-family: "A1明朝";
	font-size:4.3em;
	width:390px;
	float:left;
	text-align:left;
	line-height:1.2em;
}

#tnf .meritbox .rbox{
	width:540px;
	float:left;
}

#tnf .meritbox .rbox .tlbox{
	margin:0 0 10px 0;
	text-align:left;
}

#tnf .meritbox .rbox .textbox{
	margin:0 0 30px 0;
	text-align:left;
	font-size:0.9em;
	line-height:1.8em;
}

#tnf .meritbox .rbox sub{
	font-size:0.7em !important;
}

#tnf .meritbox .lbox{
	width:540px;
	float:left;
}

#tnf .meritbox .lbox .tlbox{
	margin:0 0 10px 0;
	text-align:left;
}

#tnf .meritbox .lbox .textbox{
	margin:0 0 30px 0;
	text-align:left;
	font-size:0.9em;
	line-height:1.8em;
}

#tnf .meritbox .lbox sub{
	font-size:0.7em !important;
}

#tnf .meritbox .captionbox{
	padding:20px;
	background:#f2f2f2;
}

#tnf .meritbox .captionbox .tlbox{
	font-weight:bold;
	font-size:1.5em;
	text-align:center;
	margin:0 0 30px 0;
}

#tnf .meritbox .captionbox .flbox{
	width:47%;
	float:left;
}

#tnf .meritbox .captionbox .subtlbox{
	font-weight:bold;
	font-size:1.5em;
	text-align:center;
	border-bottom:1px solid #1a1a1a;
	padding:0 0 5px 0;
	margin:0 0 10px 0;
}

#tnf .meritbox .captionbox .subtextbox{
	font-weight:bold;
	text-align:center;
	line-height:2.4em;
	margin:0 0 10px 0;
	
}

#tnf .meritbox .captionbox .subtextbox2{
	font-size:0.8em;
	text-align:left;
	line-height:1.5em;
	padding:10px 0 0 0;
}

#tnf .meritbox .captionbox .subtextbox span{
	font-size:2.5em;
	color:#c34035;
	
}

#tnf .meritbox .captionbox .tcbox{
	font-size:0.8em;
	text-align:center;
	line-height:1.5em;
	padding:20px 0 20px 0;
	
}

#tnf .meritbox .captionbox .rlbox{
	width:47%;
	float:right;
}

/*工法*/

#tnf .flowbox{
	width:100%;
	padding:90px 0 90px 0;
	background:url(/images/tnf/arrow.svg) 50% bottom no-repeat;
	background-size:38px 19px;
}

#tnf .flowbox.bgnone{
	width:100%;
	padding:90px 0 90px 0;
	background:none;
	background-size:38px 19px;
}


#tnf .flowbox .fbox{
	width:280px;
	float:left;
	font-family: "A1明朝";
	font-size:2.8em;
	text-align:left;
	line-height:1.2em;
}

#tnf .flowbox .rbox{
	width:680px;
	float:right;
	font-size:0.9em;
	line-height:1.5em;
}

#tnf .flowbox .rbox .tlbox{
	font-size:2.8em;
	text-align:left;
	color:#b02c29;
	margin:0 0 30px 0;
	line-height:1.2em;
}

#tnf .flowbox .rbox ul{
	width:705px;
	margin:0 0 0 -25px;
}

#tnf .flowbox .rbox ul li{
	width:210px;
	margin:0 0 25px 25px;
	list-style:none;
	float:left;
}

#tnf .flowbox .rbox ul li img{
	width:100%;
}

#tnf .flowbox .rbox ul li.box{
	width:445px;
	margin:0 0 25px 25px;
}

#tnf .flowbox .lbox{
	width:680px;
	float:right;
	font-size:0.9em;
	line-height:1.5em;
}

#tnf .flowbox .lbox .tlbox{
	font-size:2.8em;
	text-align:left;
	color:#b02c29;
	margin:0 0 30px 0;
	line-height:1.2em;
}

#tnf .flowbox .lbox ul{
	width:705px;
	margin:0 0 0 -25px;
}

#tnf .flowbox .lbox ul li{
	width:210px;
	margin:0 0 25px 25px;
	list-style:none;
	float:left;
}

#tnf .flowbox .lbox ul li img{
	width:100%;
}

#tnf .flowbox .lbox ul li.box{
	width:445px;
	margin:0 0 25px 25px;
}

/*実績*/
#tnf .worksbox .tlbox{
	font-size:1.8em;
	font-weight:bold;
	text-align:center;
	margin:0 0 0 0;
}

#tnf .worksbox .tlbox2{
	font-size:1.8em;
	font-weight:bold;
	text-align:center;
	margin:0 0 40px 0;
}


#tnf .worksbox{
	width:100%;
	padding:90px 0 0 0;
}

#tnf .worksbox sup{
	font-size:0.7em;
	position:relative;
	top:-0.5em;
}

#tnf .worksbox .wsph{
	width:450px;
	float:left;
}

#tnf .worksbox .wsph img{
	width:100%;
}

#tnf .worksbox .infocont{
	margin:0 0 0 0;
}

#tnf .worksbox .infobox{
	width:450px;
	float:right;
	border-top:2px solid #666;
	border-bottom:2px solid #666;
}

#tnf .worksbox .infobox dl{
	padding:0 0;
	border-bottom:1px solid #cacaca;
}

#tnf .worksbox .infobox dl dt{
	padding:11px 15px;
	width:32%;
	box-sizing:border-box;
	float:left;
}

#tnf .worksbox .infobox dl dd{
	padding:11px 15px;
	width:68%;
	box-sizing:border-box;
	border-left:1px solid #cacaca;
	float:left;
}

/*地震*/

#tnf .eqbox{
	width:100%;
	padding:90px 0 0 0;
}

#tnf .eqbox .tlbox{
	font-size:1.8em;
	font-weight:bold;
	text-align:center;
	margin:0 0 0 0;
}

#tnf .eqbox .tlbox2{
	font-size:1.8em;
	font-weight:bold;
	text-align:center;
	margin:0 0 35px 0;
}

#tnf .eqbox ul.textbox{
	padding:0 0 0 1em;
	margin:0 0 60px 0;
}

#tnf .eqbox .tablebox span{
	font-size:0.9em;
}

#tnf .eqbox table{
	width:100%;
	letter-spacing:0;
	margin:0 0 5px 0;
}

#tnf .eqbox table th{
	border-bottom:2px solid #1a1a1a;
	width:16%;
	font-weight:normal !important;
}

#tnf .eqbox table th.box2{
	width:25%;
}

#tnf .eqbox table th sup{
	font-size:0.7em;
	position:relative;
	top:-0.5em;
}

#tnf .eqbox table tr td{
	padding:15px 20px;
	vertical-align:middle;
	text-align:center;
	border-bottom:1px solid #1a1a1a;
}

#tnf .eqbox table tr:last-child td{
	border-bottom:2px solid #1a1a1a;
}

#tnf .eqbox table tr td a:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-khtml-opacity: 0.7;
	-moz-opacity: 0.7;
}

#tnf .eqbox table tr td:nth-child(1){
	text-align:left;
}

#tnf .eqbox table tr td:last-child{
	text-align:center;
}

#tnf .eqbox ul.phlist{
	width:1008px;
	margin:0 0 50px -48px;
}

#tnf .eqbox ul.phlist:last-child{
	width:1008px;
	margin:0 0 90px -48px;
}

#tnf .eqbox ul.phlist li{
	float:left;
	width:288px;
	margin:0 0 0 48px;
	list-style:none;
	
}

#tnf .eqbox ul.phlist li .subtl{
	font-weight:bold;
	font-size:1.8em;
	margin:0 0 20px 0;
	
}

#tnf .eqbox ul.phlist li .imgbox{
	line-height:0;
	margin:0 0 5px 0;
	
}

#tnf .eqbox ul.phlist li .imgbox img{
	width:100%;
	
}

#tnf .eqbox ul.phlist li .capbox{
	font-size:0.9em;
	line-height:1.8em;
	
}

#tnf .eqbox ul.phlist li .capbox.tp{
	padding-left:8.75em;
	text-indent:-8.75em;
	
}

#tnf .eqbox ul.phlist li .capbox.tp2{
	padding-left:5.75em;
	text-indent:-5.75em;
	
}

/*違い*/
#tnf .pilebox{
	width:100%;
	padding:90px 0 0 0;
}

#tnf .pb90{
	width:100%;
	padding-bottom:90px;
}

#tnf .pilebox .tlbox{
	font-size:1.8em;
	font-weight:bold;
	text-align:center;
	margin:0 0 0 0;
}

#tnf .pilebox .tlbox2{
	font-size:1.8em;
	font-weight:bold;
	text-align:center;
	margin:0 0 40px 0;
}

#tnf .pilebox .flbox{
	width:450px;
	float:left;
}

#tnf .pilebox .rlbox{
	width:450px;
	float:right;
}

#tnf .pilebox .imgbox{
	line-height:0;
	margin:0 0 40px 0;
}

#tnf .pilebox .imgbox img{
	width:100%;
}

#tnf .pilebox .capbox{
	border:1px solid #c34035;
	padding:5px 0;
	text-align:center;
	font-size:1.2em;
	font-weight:bold;
	color:#c34035;
	margin:0 0 20px 0;
}

#tnf .pilebox ul{
	padding:0 0 0 1em;
}

#tnf .tlbox h2 {
		font-size: 1.4em;
		line-height: 1.5em;
		text-align: center;
		font-weight: bold;
	}

	#tnf .tlbox .line {
		background-color: #b32c29;
		height: 2.5px;
		margin: 30px auto;
	}

	#tnf .banner {
		background-color: #b32c29;
		width: 6px;
		margin-right: 10px;
	}

	#tnf .row {
		display: block;
		margin-bottom: 60px;
	}
	
	#tnf .row .lineup-center{
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #tnf .row .subtitle{
		font-size:30px;
		margin-bottom: 15px;
		margin-top: 40px;
		text-align: left;
	}
	
	#tnf .row .row-title{
		color: #b32c29;
		margin-bottom: 20px;
		text-align: left;
	}

	#tnf .row .row-body {
		display: flex;
		flex-wrap: wrap;
		margin: 40px auto;
	}

	#tnf .row-body-reverse {
		flex-direction: row-reverse;
	}

	#tnf .row .row-body .text-box {
		text-align: justify;
		line-height: 1.7em;
	}

	#tnf .row .row-body .text-box h3 {
		text-align: left;
		font-size: 18pt;
		font-weight: bold;
		margin-bottom: 10px;
	}

	#tnf .row .row-body .text-box h4 {
		text-align: justify;
		font-size: 14pt;
		line-height: 1.7em;
		font-weight: bold;
		margin-bottom: 10px;
		margin-left: 20px;
	}

	#tnf .row .row-body .text-box p{
		font-size: 14pt;
		text-align: justify;
		line-height: 1.7em;
		font-weight: lighter;
		margin-bottom: 10px;
	}

	#tnf .row .row-body .text-box li{
		font-size: 17pt;
		text-align: justify;
		line-height: 2.0em;
		font-weight:bold;
		margin-bottom: 20px;
		margin-top: 10px;
		margin-left: 15px;
	}

	#tnf .row .row-body .text-box .comment {
		font-size: 11pt; 
		color: rgb(124, 124, 124);
	}

	#tnf .row .row-body .img-box {
		display: block;
		margin-right: auto;
		margin-left: auto;
		text-align: center;
	}

	#tnf .img-box .img-title{
		display: flex;
		line-height: 1.4em;
		justify-content: center;
		margin-bottom: 10px;
	}
	#tnf .img-box .img-title p{
		font-weight:bold;
		font-size: 14pt;
		color: #fff;
		background-color: #434343;
	}

	/* == width == */
	

	#tnf .w-10p {
		width: 10%;
		margin: 0 auto;
	}
	#tnf .w-20p {
		width: 20%;
		margin: 0 auto;
	}
	#tnf .w-30p {
		width: 30%;
		margin: 0 auto;
	}
    #tnf .w-33p {
		width: 33%;
		margin: 0 auto;
	}

	#tnf .w-40p {
		width: 40%;
		margin: 0 auto;
	}
	#tnf .w-45p {
		width: 45%;
		margin: 0 auto;
	}

	#tnf .w-50p {
		width: 50%;
		margin: 0 auto;
	}

	#tnf .w-60p {
		width: 60%;
		margin: 0 auto;
	}
	#tnf .w-66p {
		width: 64%;
		margin: 0 auto;
	}

	#tnf .w-70p {
		width: 70%;
		margin: 0 auto;
	}

	#tnf .w-80p {
		width: 80%;
		margin: 0 auto;
	}
	#tnf .w-85p {
		width: 85%;
		margin: 0 auto;
	}

	#tnf .w-90p {
		width: 90%;
		margin: 0 auto;
	}

	#tnf .w-96p {
		width: 96%;
		margin: 0 auto;
	}
	#tnf .w-100p {
		width: 100%;
		margin: 0 auto;
	}
	#tnf .ml0{
		margin-left: 0;
	}
}

/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */