@charset "utf-8";




/* -----------------------------------------------------------
    企業情報
-------------------------------------------------------------- */
/*TOP*/
/*
#company .page_title_area {
	background-image: url(../img/title_bg02.jpg);
}
*/

#company .contents_left {
	width: 740px;
}
#company .contents_right {
	width: 300px;
	margin: -140px 0 0;
}


/* サイド固定＆メニュー */
#company #side_scroll{
	margin: 170px 0 0 0;
}

#company ul.side_menu{
	padding: 0 0 0 0;
	border-top: 1px #E6E6E6 solid;
}

#company ul.side_menu li{
	border-bottom: 1px #E6E6E6 solid;
	background: url(../img/arrow_bla.png) no-repeat 20px 32px/5px;
	line-height: 1.5;
	font-size: 1.5rem;
}
#company ul.side_menu li:hover{
	background: url(../img/arrow_go.png) no-repeat 20px 32px/5px;
}
#company ul.side_menu li a{
	display: block;
	color: #444;
	padding: 25px 15px 25px 45px;
}
#company ul.side_menu li a:hover{
	color: #B19972;
	padding: 25px 5px 25px 55px;
}

#company .sp_access_link{
	display: none;
}

#company .yrs_mark {
	width: 100px;
	vertical-align: middle;
	margin: 0 10px 0 0;
}
#company .yrs_mark.t {
	width: 130px;
	margin: 0 15px 0 0;
}

#company .lreal_mark {
	width: 90px;
	vertical-align: middle;
	margin: 0 10px 10px 0;
}
#company .lreal_mark.t {
	width: 100px;
	margin: 0 15px 0 0;
}


@media screen and (max-width: 667px){

	#company .contents_left {
		width: 100%;
	}
	
	#company .sp_access_link{
		display: block;
		text-align: right;
		font-size: 1.5rem;
		margin: -10px 0 10px 0;
	}
	#company .sp_access_link a{
	}
	
	
	#company .yrs_mark {
		width: 90px;
		margin: 0 3px;
	}
	#company .yrs_mark.t {
		width: 90px;
	}
	
	#company .lreal_mark {
		width: 70px;
		margin: 0 3px;
	}
	#company .lreal_mark.t {
		width: 70px;
	}

	
}



/* -----------------------------------------------------------
    企業理念
-------------------------------------------------------------- */
#company #vision {
	padding: 30px 0 70px;
}
#company .vision_img_box {
	text-align: center;
	float: left;
	width: 310px;
	padding: 20px 0 0 0;
}
#company .vision_img_box img {
	width: 85%;
}
#company .vision_img_box .caption {
	text-align: justify;
	font-size: 1.2rem;
	line-height: 1.6;
	margin: 15px 0 0;
}
#company .vision_txt_box {
	float: right;
	width: 390px;
}

#company .vision_catch_area{
	/*
	background: url(../img/vision_bg.jpg) no-repeat center top;
	width: 740px;
	height: 400px;
	text-align: center;
	margin: 0 0 40px;
	*/
	text-align: center;
}
#company .vision_catch_area .yrs_logo img{
	width: 250px;
}
#company .vision_catch {
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	font-size: 3.4rem;
	font-weight: bold;
	line-height: 1.5;
	color: #000;
	letter-spacing: 0.05em;
	padding: 20px 0 50px 0;
}
#company .vision_catch_area .yrs_img img{
	width: 100%;
}



/*
#company .vision_catch_en {
	font-size: 1.6rem;
	color: #000;
	font-family: 'Khand';
	letter-spacing: 0.3em;
	font-weight: 500;
}
*/


#company .vision_txt_box {
	padding: 20px 0 0;
}
#company .vision_txt {
	font-size: 2.2rem;
	font-weight: bold;
	padding: 0 0 20px;
	line-height: 1.3;
}
#company .vision_txt:last-child {
	padding: 0;
}
#company .vision_txt span {
	font-size: 1.3rem;
	font-weight: normal;
}



@media screen and (max-width: 667px){

	#company #vision {
		padding: 10px 0 40px;
	}
	#company .vision_img_box {
		text-align: center;
		float: none;
		width: 100%;
		margin: 0;
		padding: 0;
	}
	#company .vision_img_box img {
		max-width: 200px;
	}
	#company .vision_img_box .caption {
		text-align: left;
	}
	#company .vision_txt_box {
		float: none;
		width: 100%;
		margin: 0 0 20px
	}
	
	
	#company .vision_catch_area .yrs_logo img{
		width: 150px;
	}
	#company .vision_catch {
		font-size: 2.4rem;
		padding: 20px 0 30px 0;
	}
	#company .vision_catch_area .yrs_img{
		margin: 0 -15px;
	}
	
	/*
	#company .vision_catch_area{
		background-size: cover;
		width: 100%;
		height: auto;
		margin: 0 0 20px;
	}
	#company .vision_catch {
		font-size: 2.2rem;
		letter-spacing: 0.05em;
		padding: 50px 0 10px 0;
	}
	#company .vision_catch_en {
		font-size: 1.0rem;
		font-family: 'Khand';
		letter-spacing: 0.2em;
		padding: 0 0 50px 0;
		font-weight: 500;
	}
	*/
	#company .vision_txt_box {
		padding: 20px 0 0;
	}
	#company .vision_txt {
		font-size: 1.8rem;
		padding: 0 0 20px
	}

}



/* -----------------------------------------------------------
    事業内容
-------------------------------------------------------------- */
#company #business {
	padding: 30px 0 50px;
}

#company #business .image_area {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 10px 10px;
}
#company #business .image_area li {
	width: calc((100% - 10px) / 2);
}
#company #business .image_area li img {
	width: 100%;
}

@media screen and (max-width: 667px){

	#company #business {
		padding: 10px 0 40px;
	}
	
	#company #business .image_area {
		display: block;
	}
	#company #business .image_area li {
		width: 100%;
		margin: 30px 0 0;
		text-align: center;
	}

}


/* -----------------------------------------------------------
    代表挨拶
-------------------------------------------------------------- */
#company #greeting {
	padding: 0 0 20px;
}

#company .greeting_txt_box {
	position: relative;
}

#company .greeting_txt {
	line-height: 2;
	margin: -15px 0 0 0;
	padding: 0 0 35px;
}
#company .greeting_txt.s {
	width: 500px;
}

#company .greeting_photo {
	position: absolute;
	bottom: 40px;
	right: -25px;
	margin: 0;
	width: 240px;
}

#company .greeting_name {
	text-align: right;
	margin: -25px 0 0;
}
#company .greeting_name img {
	width: 200px;
}


@media screen and (max-width: 667px){

	#company #greeting {
		padding: 0 0 40px;
	}
	#company .greeting_txt {
		line-height: 1.8;
		margin: 0 0 15px 0;
		padding: 0;
		font-size: 1.5rem;
	}
	#company .greeting_txt.s {
		width: auto;
	}
	
	#company .greeting_photo {
		position: static;
		bottom: auto;
		right: auto;
		width: 50%!important;
		max-width: 160px!important;
		margin: 0 auto;
		text-align: center;
	}
	
	
	#company .greeting_name {
		margin: -10px -15px 15px 0;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	#company .greeting_name img.name {
		width: 48%;
		max-width: 140px!important;
	}
	
	/*元
	#company .greeting_name {
		margin: 10px 0 20px;
	}
	#company .greeting_name img.name {
		width: 150px;
	}
	*/
	
}


/* -----------------------------------------------------------
    会社概要
-------------------------------------------------------------- */
#company #profile {
	padding: 20px 0 80px;
}

#company #profile .entrance_img {
	text-align: center;
	margin: 0 0 5px 0;
}

    #company #profile .company_img_box {
        text-align: center;
        float: left;
        width: calc((100% - 16px) / 3);
        margin: 0 0 30px 8px;
    }
        #company #profile .company_img_box:nth-child(3n-2) {
            margin-left: 0;
            clear: left;
        }
#company #profile .company_img_box.fr {
	width: 204px;
	margin: 0;
}

#company #profile .company_img_box img {
	width: 100%;
}
#company #profile .company_img_box .caption{
	font-size: 1.6rem;
	font-weight: bold;
	padding: 15px 0 30px;
}
/*
#company #profile table th {
	padding: 30px;
}
*/

#company #profile ul.company_list{
	float: left;
	padding: 0 60px 0 0;
}
#company #profile ul.company_list.r{
	padding: 0 0 0 0;
}

@media screen and (max-width: 667px){

	#company #profile {
		padding: 10px 0 50px;
	}
	
	#company #profile .entrance_img {
		margin: 0 0 2% 0;
	}
	#company #profile .entrance_img img {
		width: 100%;
		vertical-align: bottom;
	}
	
	#company #profile .company_img_box {
		width: 34.5%;
		margin: 0 2% 0 0;
	}
	#company #profile .company_img_box.fr {
		width: 27%;
	}
	
	#company #profile .company_img_box .caption{
		font-size: 1.4rem;
		padding: 10px 0 20px;
	}
	/*
	#company #profile table th {
		padding: 20px 0 8px;;
	}
	*/
	
	#company #profile ul.company_list{
		float: none;
		padding: 0 0 0 0;
	}
	
}



/* -----------------------------------------------------------
    沿革
-------------------------------------------------------------- */
#company #history {
	padding: 0 0 80px;
}
/*
#company #history table th {
	padding: 30px;
}
*/

@media screen and (max-width: 667px){

	#company #history {
		padding: 0 0 40px;
	}
	/*
	#company #history table th {
		padding: 20px 0 8px;
	}
	*/
}



/* -----------------------------------------------------------
    展示会
-------------------------------------------------------------- */
#company #exhibition {
	padding: 0 0 80px;
}
/*
#company #exhibition table th {
	padding: 30px;
}
*/

@media screen and (max-width: 667px){

	#company #exhibition {
		padding: 0 0 0;
	}
	/*
	#company #exhibition table th {
		padding: 20px 0 8px;
	}
	*/
	
}


/* -----------------------------------------------------------
    アクセス
-------------------------------------------------------------- */

#company #access{
	padding: 0 0 60px;
}

#company #access_branch {
	border-bottom: 1px solid #E6E6E6;
	padding: 0 0 40px;
}
#company .access_area_title {
	font-size: 2rem;
	font-weight: bold;
	padding: 0 0 10px;
}
#company .title02 {
	padding: 40px 0 20px;
}
#company .map_area {
	padding: 30px 0 30px;
}
#company .access_txt_area {
	line-height: 1.8;
}
#company .access_txt_box {
	float: left;
	width: 48%;
	margin: 0 2% 0 0;
}
#company .access_txt_box .list {
	padding: 0 0 0 20px;
}


@media screen and (max-width: 667px){

	#company #access{
		padding: 0 0 30px;
	}
	
	#company #access_branch {
		padding: 0 0 20px;
	}
	#company .access_area_title {
		font-size: 1.8rem;
		padding: 0 0 15px;
	}
	#company .title02 {
		padding: 30px 0 15px;
	}
	#company .map_area {
		padding: 15px 0 20px;
	}
	#company .map_area iframe {
		width: 100%;
		height: 200px;
	}
	#company .access_txt_area {
		line-height: 1.6;
	}

	#company .access_txt_box {
		float: none;
		width: 100%;
		margin: 0;
	}

}



/* -----------------------------------------------------------
    サービス動画
-------------------------------------------------------------- */
.movie-area {
	margin: 50px auto 30px;
	padding: 40px 30px 50px 30px;
	text-align: center;
	background: url(../img/gray_bg2.png) no-repeat left top / cover;
	background: url(../img/black_bg.png) repeat left top;
	background: url(../img/purple_bg.png)no-repeat center top / cover;
}
.movie-area .section-catch {
	margin: 0 0 30px;
	font-size: 2.6rem;
	line-height: 1.5;
	color: #fff;
	/*
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	*/
	font-weight: bold;
}
.movie-area .movie {
	width: 100%;
	aspect-ratio: 16 / 9;
	display: block;
}
.movie-area .movie iframe {
	width: 100%;
	height: 100%;
}

@media screen and (max-width: 667px){
	
	.movie-area {
		margin: 10px -20px 0;
		padding: 20px 10px 20px;
	}
	
	.movie-area .section-catch {
		margin: 0 0 20px;
		font-size: 2rem;
	}

	
}