@charset "utf-8";
.italic{
   -webkit-transform: skewX(-15deg);
   -moz-transform: skewX(-15deg);
   -o-transform: skewX(-15deg);
   transform: skewX(-15deg);
   -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=-0.26794919243112214, M21=0, M22=1, SizingMethod='auto expand')";
}
h1 img{height:auto}
.main_visual{position:relative}
.main_visual .catch{position:absolute;color:#FFF;font-family:"Sawarabi Mincho", serif;letter-spacing:0.3em;}
.catch h2{margin:auto;background:none;width:auto;text-align:left;margin-bottom:5%;font-weight:normal;}
h1{width:100%;display:block}
h1 img{width:100%;display:block}
.catch p{padding-left:0.5em;text-shadow:2px 2px 1px #000}

.about_contents{
	background:#EEE;
    text-align:center;
    margin:0 auto 50px;
    /*padding-top:1px;*/
    padding:50px 0;
}
.about_contents .wrap{
    background:url(/images/about/bg_1.png) no-repeat center top;
    background-size: cover;
}
.about_contents h2{background:none;width:auto;color:#000;margin:auto}
.about_contents p{font-size:1.4vw;line-height:2.5em}
.about_contents p span{background:#B22;color:#FFF;padding:0.5% 2%;}

.about_quality{text-align:center;}
.about_quality img{display:inline-block}
.about_vision{
    background: url(/images/about/visual02_pc.jpg) no-repeat center center;
    background-size: cover;
    text-align:center;
}
.about_vision img{display:inline-block;}
.about_sprits{background:#111;color:#FFF;text-align:center;padding:35px 0}
.about_sprits p{font-family:serif;font-size:1.4rem;line-height:3em;word-break:break-all;letter-spacing:0.3em}
.about_copy{background:#B22;color:#FFF;text-align:center;padding:10px 0}
	.catch h2{font-size:3.5vw;}
	.catch p{font-size:1.5vw;line-height:2em}


@media only screen and (min-width: 769px){
	body{min-width:1000px;}
	.main_visual .catch{top:10%;left:8%;width:60%;}
	.about_contents h2{padding-top:50px;font-size:5.5rem}
	.about_quality{margin:100px auto}
	.about_vision{padding:50px}
	.about_vision p:nth-of-type(1){margin:50px 0}
	.about_vision p:nth-of-type(2){margin-bottom:100px}
	.about_vision p:nth-of-type(3){float:left;width:50%}
	.about_vision p:nth-of-type(4){float:left;width:50%}
	.about_copy{padding:20px}
	.about_copy br{display:none}
}

@media only screen and (max-width: 768px){
	.about_contents{margin:30px auto;padding-top:10px;padding-bottom:30px}
	.about_contents h2{padding-top:5%;font-size:5vw}
	.about_contents p{font-size:2.5vw;line-height:3em;font-weight:bold}
	.main_visual .catch{top:5%;left:3%;width:100%;}
	.about_quality{width:80%;margin:auto;padding-bottom:50px}
	.about_vision{padding:20px}
	.about_sprits p{font-size:1.2rem;line-height:2.3em;letter-spacing:0.1em}
	.catch h2{
		font-size:5.5vw;
	}
	.catch p {
		font-size: 3.5vw;
		line-height: 3.5vh;
	}
	.main_visual h1{
		position: relative;
	}
	.main_visual h1::after{
		content:"";
		position: absolute;
		top: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.5);
	}
}