@charset "utf-8";
/* CSS Document */

a {
	color:#363636;
}
a:visited {
	color:#363636;
}
a:hover {
	text-decoration:underline;
	opacity: 0.7;
}
a:active {
	color:#363636;
}

/*画像*/

img {
	-ms-interpolation-mode: bicubic;
	max-width: 100%;
	vertical-align: top;
}

/*common layout*/

.container {
	*zoom: 1;
	margin: 0 auto;
	width: 980px;
	min-width:980px;
}
.contents {
	*zoom: 1;
	margin: 0 auto;
	width: 100%;
	min-width:980px;
}
.contents:before, .contents:after {
	content: " ";
	display: table;
}
.contents:after {
	clear: both;
}
@-ms-viewport {
	width: device-width;
}
h1, h2, h3, h4, h5, p, ul, ol, li, dl, dt, dd {
	margin: 0;
}
ul, ol {
	padding: 0;
}
a {
	text-decoration: none;
}






/*------------------------------------------------------------

tnj-コンセプト

------------------------------------------------------------*/
       .tnj_concept {
			max-width: 980px;
            margin: 0 auto;
		}
		body {
			font-family: "Noto Sans JP", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
			margin: 0;
		}
		.tnj_concept h1,.tnj_concept h2,.tnj_concept p,.tnj_concept a {
			color: #494646;
		}
		.tnj_concept h1 {
			text-align: center;
			font-size: 22px;
			margin: 0 0 50px;
			font-weight: 300;
		}
		.tnj_concept h2 {
			margin: 30px 0 15px;
			font-size: 14px;
		}
		.tnj_concept h2 img {
			max-width: 200px;
		}
		
		.tnj_concept img {
			display: block;
			margin: 0 auto;
			max-width: 100%;
		}
		
		.tnj_concept .img-area img {
			width: 50%;
			margin: 0 auto;
		}
		.tnj_concept .text-area {
			text-align: center;
			margin-bottom: 40px;
		}
		.tnj_concept .text-area p {
			font-size: 13px;
			margin-bottom: 15px;
		}
		/*pc 改行*/
		.sp_inline {display: block;}
        /*sp 改行*/
		.pc_inline {display: inline-block;}
		
        /*SNS-area*/
		.tnj_concept .sns-area {
			text-align: center;
		}
		.tnj_concept .sns-area ul {
			list-style: none;
			display: inline-flex;
		}
        .tnj_concept .sns-area li {
			padding: 0 10px;
		}
		.tnj_concept .sns-area img {
			width: 40px;
		}
		.tnj_concept .text-area.mg-b-120 {
			margin-bottom: 120px;
		}
        .tnj_concept .text-area p.mg-b-40 {
			margin-bottom: 40px;
		}
		
		
		/*------- SP size -------*/
		@media screen and (max-width: 750px) {
		
			.tnj_concept h1 {
				margin: 0 0 30px;
			}
			
			.tnj_concept h2 img {
				max-width: 150px;
			}
			.tnj_concept .img-area img {
				width: 100%;
			}
			.tnj_concept .text-area p {
				margin-bottom: 12px;
			}
		    /*pc 改行*/
			.sp_inline {display: inline-block;}
			/*sp 改行*/
			.pc_inline {display: block;}
			
			/*SNS-area*/
			.tnj_concept .sns-area img {
				width: 30px;
			}

		}