@charset "utf-8";
/*------------------------------------------------------------
	keywords.html
------------------------------------------------------------*/
#main .pageTitle {
	overflow: hidden;
	background-image: url(../img/company/main_img_topmessage.jpg);
	background-position: center center;
}
#main .pageTitle .txtBox {
	position: absolute;
	left: 50%;
	width: 1000px;
	top: 34%;
	color: #FFF;
	transform: translateX(-50%);
}
#main .pageTitle h2 {
	margin-bottom: 12px;
	font-size: 2rem;
}
#main .pageTitle h2 .dancing {
	margin-right: 10px;
	color: #e60012;
}
#main .pageTitle .title {
	margin-bottom: 87px;
	font-size: 4rem;
	font-weight: bold;
}
#main .pageTitle p {
	font-size: 1.6rem;
    font-weight: bold;
	line-height: 1.5;
	letter-spacing: 2px;
}
#main p {
	line-height: 2;
    font-weight: 500;
	text-align: justify;
}
#main .comImgBox {
	margin: 0 auto 100px;
    padding-top: 100px;
}
#main .comImgBoxL {
	margin: 0 auto 58px;
    padding-top: 90px;
}
#main .comImgBox .photo {
	width: 50%;
}
#main .comImgBox .txtBox {
	margin-top: 40px;
	width: 44%;
}
#main .comImgBox .txtBox .headLine03 {
	margin-bottom: 30px;
}
#main .comImgBox .txtBox p {
	margin-bottom: 35px;
}
#main .comImgBox .txtBox .txt {
	padding-left: 1em;
	text-indent: -1em;
}
#main .comImgBox .txtBox .txt .ttl {
	display: block;
	font-weight: bold;
}
#main .bgSec {
	padding: 90px 0;
	background: url("../img/company/photo_topmessage_02.jpg") no-repeat center top;
	background-size: cover;
}
#main .bgSec01 {
	background-image: url("../img/company/photo_topmessage_04.jpg");
}
#main .bgSec .content {
	max-width: 760px;
	color: #fff;
}
#main .bgSec .headLine03 {
	margin-bottom: 30px;
	text-align: center;
}

@media all and (max-width: 767px) {
	#main .pageTitle {
		background-image: url(../img/company/main_img_topmessage_sp.jpg);
	}
	#main .pageTitle .txtBox {
		padding: 5.5vw 5vw;
		width: 100%;
		top: 0;
		left: 0;
		height: 100%;
		transform: none;
		box-sizing: border-box;
	}
	#main .pageTitle h2 {
		margin-bottom: 0;
		position: absolute;
		left: 5vw;
		top: 24.5vw;
		font-size: 5.12vw;
	}
	#main .pageTitle h2 .dancing {
		margin-right: 1.2vw;
		font-size: 4.48vw;
		vertical-align: 0.8vw;
	}
	#main .pageTitle .pBox {
		position: absolute;
		left: 5vw;
		bottom: 7.2vw;
	}
	#main .pageTitle .title {
		margin-bottom: 6.4vw;
		font-size: 2rem;
	}
	#main .pageTitle p {
		font-size: 1.4rem;
	}
	#main p {
		line-height: 2.05;
	}
	#main .comImgBox {
		margin: 0 6.4vw 12.5vw;
        padding-top: 11vw;
	}
	#main .comImgBoxL {
		margin: 0 6.4vw 13vw;
        padding-top: 11vw;
	}
	#main .comImgBox .photo {
		margin-bottom: 0;
	}
	#main .comImgBox .txtBox {
		margin: 0 0 8vw;
	}
	#main .comImgBox .txtBox .headLine03 {
		margin: 0 -2vw 5.5vw 0;
	}
	#main .comImgBox .txtBox p {
		margin-bottom: 4.5vw;
	}
	#main .comImgBox .txtBox .txt {
		padding-left: 1em;
		text-indent: -1em;
	}
	#main .bgSec {
		padding: 10vw 0;
		background-image: url("../img/company/photo_topmessage_02_sp.jpg");
	}
	#main .bgSec01 {
		background-image: url("../img/company/photo_topmessage_04_sp.jpg");
	}
	#main .bgSec .headLine03 {
		margin-bottom: 5vw;
		text-align: left;
	}
	#main .bgSec p {
		line-height: 2;
	}
}


@media all and (-ms-high-contrast:none){
   
}