@charset "utf-8";



/* --------------------------------------------------------
 
  会社案内/ヘッダ

---------------------------------------------------------- */
.company-v3 .company-header-section{
	background:url(../img/company/bg_company_header_pc.jpg) no-repeat top center;
	height:200px;
	background-size:cover;
}

.company-v3 .company-header-section h1{
	font-weight:600;
	font-size:36px;
	color:#133e72;
	padding-top:85px;
	text-align:center;
}

@media screen and (max-width:736px) { 
	.company-v3 .company-header-section{
		background:url(../img/company/bg_company_header_sp.jpg) no-repeat top center;
	}

}




/* --------------------------------------------------------
 
  動画/サブメニュー

---------------------------------------------------------- */
.movie-sub-nav-section{
	/* background:#eee; */
	/* padding-top:10px; */
	/* margin-top:20px; */
}
.movie-sub-nav-section-footer{
	margin-top:100px;
}
.movie-sub-menu{
	display: flex;
	justify-content: space-between;
	list-style-type: none;
	flex-wrap:wrap;
	margin:0;
	padding:0;
}
.movie-sub-menu li{
	width:25%;
}
.movie-sub-menu li.fixed{
	width:34%;
}
.movie-sub-menu li a{
	display: block;
	background:#fff;
	padding:20px;
	text-align:center;
	/* order:solid 1px #ddd; */
	border-right:solid 1px #ddd;
	border-bottom:solid 1px #ddd;
	/* border-top:solid 1px #ddd; */
	border-radius:0 0 3px 3px  ;
	color:#333;
	font-weight:600;
	cursor: pointer;
	transition: .2s cubic-bezier(0.45, 0, 0.55, 1);
}
.movie-sub-menu-footer li a{
	border-bottom:0;
	border-top:solid 1px #ddd;
	border-radius:3px 3px 0 0  ;

}

.movie-sub-menu li:first-child a{
	border-left:solid 1px #ddd;
}

.movie-sub-menu li a:hover{
	text-decoration:none;
	border-bottom:solid 1px #fff;
	/*background:#d42678;*/
	background:#c0ddfd;
	/*color:#fff;*/
	color:#1268cf;
}
.movie-sub-menu li a.active{
	border-bottom:solid 1px #fff;
	/*background:#d42678; */
	background:#c0ddfd;
	color:#1268cf;
}

@media screen and (max-width:736px) { 
	.movie-sub-menu{
		flex-wrap: nowrap;
	}
	.movie-sub-menu li{
		width:100%;
	}
	.movie-sub-menu li a{
		font-size:13px;	
		padding:20px 0;
		border-radius:0;
	}


}
.movie-section{
	padding-top:30px;

}

.movie-section h2{
	font-weight:600;
    font-size: 30px;
    color: #133e72;
    text-align: left;
	margin-bottom:30px;
}

/* --------------------------------------------------------
 
  動画リスト

---------------------------------------------------------- */
.movie-thumb-list{
	display:flex;
	/* justify-content:space-between; */
	flex-wrap:wrap;
	list-style-type:none;
	padding:0;
	margin:0;
	width:100%;
}


.movie-thumb-list li{
	width:24%;
	margin-bottom:30px;
	margin-right:10px;
}
.movie-thumb-list li img{
	border-radius:10px;
	border:solid 2px #ddd;
	width:100%;
}
.movie-thumb-list li img:hover{
	cursor:pointer;
}
.movie-thumb-list li img:hover{
	opacity:0.9;
	border:solid 2px #c4302b;
}
.movie-thumb-list li div.name{
	line-height:1.5;
	margin-top:3px;
	font-size:15px;
	text-align:left;

}

@media screen and (max-width:736px) { 
	.movie-section{
		padding-left:15px;
		padding-right:15px;

	}

	.movie-thumb-list{
		justify-content:space-between;
	}

	.movie-thumb-list li{
		width:48%;
		margin-bottom:30px;
		margin-right:0;
	}

}




/* --------------------------------------------------------
 
  会社概要

---------------------------------------------------------- */
.company-v3 .company-about-section{
	margin-top:50px;
	margin-bottom:80px;

}
.company-v3 .company-about-section .comapny-about-photo{
	margin-bottom:30px;
}
.company-v3 .company-about-section .comapny-about-photo img{
	border-radius:8px;
	width:100%;
}


/* 会社概要テーブル
---------------------------------------------------------- */
.company-v3 .table-company{
	width:100%;
	border-collapse:separate;
	border-top:solid 1px #ddd;
	border-spacing:0px;
}
.company-v3 .table-company th,
.company-v3 .table-company td{
	padding:15px;
	line-height:1.8;
	border-bottom:solid 1px #ddd;
}
.company-v3 .table-company td{

}
.company-v3 .table-company th{
	background:#f6f6f6;
	width:200px;
}
.company-v3 .table-company td .branch-box{
	margin-bottom:1em;
}
.company-v3 .table-company td .branch-box strong{
	font-size:1.1em;
}



@media screen and (max-width:736px) { 
	.company-v3 .company-about-section{
		padding-left:15px;
		padding-right:15px;
	}
	.company-v3 .table-company th,
	.company-v3 .table-company td{
		width:100%;
		display: block;
		padding:10px 10px;
		font-size:0.9em;
	}
	.company-v3 .table-company th{
		padding:5px 10px;

	}
	.company-v3 .table-company td{
		padding-bottom:20px;
	}
}





/* --------------------------------------------------------
 
  会社案内トップ

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


/* 会社案内トップメッセージ
---------------------------------------------------------- */
.company-v3 .company-index-top-msg-section{

}
.company-v3 .company-index-top-msg-section .copy-box{
	text-align:center;
	padding:0 0 50px 0;
}
.company-v3 .company-index-top-msg-section .copy-text{
	font-size:40px;
	color:#d42678;
	font-weight:600;
}
.company-v3 .company-index-top-msg-section .copy-text span{
	font-size:18px;
}
.company-v3 .company-index-top-msg-section .copy-box p{
	line-height:1.8;
	padding:10px 0;
}


/* 会社案内トップメニュー
---------------------------------------------------------- */
.company-v3 .company-index-menu-section{
	margin-top:100px;
}
.company-v3 .company-index-menu{
	display: flex;
	justify-content: space-between;
	list-style-type: none;
	flex-wrap:wrap;
}
.company-v3 .company-index-menu div.menu-box{
	width:48%;
	margin-bottom:50px;
	transition: color .5s ease, background-color .5s ease;
	background:#eee;
	border-radius:8px;
}
.company-v3 .company-index-menu div.menu-box a{
	display: block;
	width:100%;
}
.company-v3 .company-index-menu div.menu-box a:hover{
	text-decoration: none;
}
.company-v3 .company-index-menu div.menu-box a img{
	width:100%;
	border-radius:8px 8px 0 0;
}
.company-v3 .company-index-menu div.menu-box a .menu-content{
	padding:25px 25px;
}
.company-v3 .company-index-menu div.menu-box a .menu-content h2{
	color:#333;
	margin-bottom:10px;
}
.company-v3 .company-index-menu div.menu-box a .menu-content p{
	color:#333;
	font-size:15px;
	line-height:1.5;
}
.company-v3 .company-index-menu div.menu-box:hover{
	background:#d42678;
}
.company-v3 .company-index-menu div.menu-box:hover a .menu-content h2,
.company-v3 .company-index-menu div.menu-box:hover a .menu-content p{
	color:#fff;
}




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

	/* 会社案内トップメッセージ
	---------------------------------------------------------- */
	.company-v3 .company-index-top-msg-section{
		padding-left:20px;
		padding-right:20px;
	}
	.company-v3 .company-index-top-msg-section .copy-text{
		font-size:26px;
	}
	.company-v3 .company-index-top-msg-section .copy-text span{
		font-size:16px;
	}
	.company-v3 .company-index-top-msg-section .copy-box{
		padding-bottom:10px;
	}
	.company-v3 .company-index-top-msg-section .copy-box p{
		text-align:left;
		font-size:0.9em;
	}

	/* 会社案内トップメニュー
	---------------------------------------------------------- */
	.company-v3 .company-index-menu-section{
		padding-left:20px;
		padding-right:20px;
	}
	.company-v3 .company-index-menu div.menu-box{
		width:100%;
	}
	.company-v3 .company-index-menu div.menu-box a .menu-content{
		padding:15px 15px;
	}
}



/* --------------------------------------------------------
 
  経営理念

---------------------------------------------------------- */
/* 理念
---------------------------------------------------------- */
.company-v3 .company-rinen-section{
	margin:80px 0;
}
.company-v3 .company-rinen-section p{
	line-height:1.5;
	text-align:center;
}
.company-v3 .company-rinen-section .head-msg{
	text-align:center;
	line-height:1.8;
	font-weight:600;
	font-size:24px;
}
.company-v3 .company-rinen-section .head-msg .sp-br{
	display: none;
}
.company-v3 .company-rinen-block{
	background:#f2f1ea;
	margin-top:60px;
}
.company-v3 .company-rinen-block h2{
	
}
.company-v3 .company-rinen-block .rinen-box{
	line-height:1.8;
}


/* 理念本体
---------------------------------------------------------- */


.company-v3 .company-rinen-contents-section{
	background:#F8F5E5;
	padding:100px 0;
}
.company-v3 .company-rinen-contents-section.p1{
	background:#F8F5E5 url(../img/company/rinen_01.jpg) no-repeat right top;
	background-size:45%;
}
.company-v3 .company-rinen-contents-section.p2{
	background:#fff0c8 url(../img/company/rinen_02.jpg) no-repeat left bottom;
	background-size:50%;
}
.company-v3 .company-rinen-contents-section.p3{
	background:#F8F5E5 url(../img/company/rinen_03.jpg) no-repeat right top;
	background-size:45%;
}
.company-v3 .company-rinen-contents-section.p4{
	background:#fff0c8 url(../img/company/rinen_04.jpg) no-repeat left top;
	background-size:45%;
}
.company-v3 .company-rinen-contents-section.p5{
	background:#F8F5E5 url(../img/company/rinen_05.jpg) no-repeat right top;
	background-size:45%;
}
.company-v3 .company-rinen-contents-section.p6{
	background:#fff0c8 url(../img/company/rinen_06.jpg) no-repeat left top;
	background-size:45%;
}

.company-v3 .company-rinen-contents-section-color2{
	background:#fff;

}
.company-v3 .company-rinen-contents-section h2{
	font-weight:600;
	margin-bottom:35px;
}

.company-v3 .company-rinen-contents-section ol li{
	line-height:1.8;
}
.company-v3 .company-rinen-contents-section .keyword{
	font-weight:600;
	font-size:28px;
	color:#d42678;
	margin-bottom:1em;
}
.company-v3 .company-rinen-contents-section .lead-text{
	padding:15px 0;
	line-height:1.8;
}
.company-v3 .rinen-flex-block{
	display: flex;
	justify-content: space-between;
}
.company-v3 .rinen-flex-block-reverse{
	flex-direction: row-reverse;
}
.company-v3 .rinen-flex-block .text-box{
	width:53%;
	padding:30px;
	background:rgba(255,255,255,0.8)
}
.company-v3 .rinen-flex-block .text-box ol{
	margin-left:1.5em;
	padding-left:0;
}
.company-v3 .rinen-flex-block .text-box ol li{
	line-height:2;
}
@media screen and (max-width:1300px) { 
	.company-v3 .company-rinen-contents-section.p1,
	.company-v3 .company-rinen-contents-section.p3,
	.company-v3 .company-rinen-contents-section.p4,
	.company-v3 .company-rinen-contents-section.p5,
	.company-v3 .company-rinen-contents-section.p6
	{
			background-size:auto 100%;
	}
}

@media screen and (max-width:736px) { 
	.company-v3 .company-rinen-section p{

		text-align:left;
		padding-left:15px;
		padding-right:15px;
	}
	.company-v3 .company-rinen-section p .pc-br{
		display: none;
	}

	.company-v3 .company-rinen-contents-section{
		padding:50px 0;
	}
	.company-v3 .company-rinen-section .head-msg{
		font-size:18px;
		padding-left:20px;
		padding-right:20px;
	}
	.company-v3 .company-rinen-contents-section .keyword{
		font-size:22px;
	}
	.company-v3 .company-rinen-section .head-msg .sp-br{
		display: block;
	}
	.company-v3 .company-rinen-contents-section .lead-text .pc-br{
		display: none;
	}

	.company-v3 .rinen-flex-block{
		padding-left:20px;
		padding-right:20px;
		flex-wrap: wrap;
	}

	.company-v3 .rinen-flex-block .text-box{
		width:100%;
		border-radius:5px;
		padding:20px 15px;
	}
	.company-v3 .rinen-flex-block .photo-box{
		display: block;
		width:100%;
	}


	.company-v3 .company-rinen-contents-section.p1{
		background:#F8F5E5 url(../img/company/rinen_01_sp.jpg) no-repeat center top;
		background-size:cover;
	}
	.company-v3 .company-rinen-contents-section.p2{
		background:#fff0c8 url(../img/company/rinen_02_sp.jpg) no-repeat center bottom;
		background-size:cover;
	}
	.company-v3 .company-rinen-contents-section.p3{
		background:#F8F5E5 url(../img/company/rinen_03_sp.jpg) no-repeat center top;
		background-size:cover;
	}
	.company-v3 .company-rinen-contents-section.p4{
		background:#fff0c8 url(../img/company/rinen_04_sp.jpg) no-repeat center top;
		background-size:cover;
	}
	.company-v3 .company-rinen-contents-section.p5{
		background:#F8F5E5 url(../img/company/rinen_05_sp.jpg) no-repeat center top;
		background-size:cover;
	}
	.company-v3 .company-rinen-contents-section.p6{
		background:#fff0c8 url(../img/company/rinen_06_sp.jpg) no-repeat center top;
		background-size:cover;
	}
}





/* --------------------------------------------------------
 
  沿革

---------------------------------------------------------- */
.company-v3 .history-section{
	margin:80px 0;
}
.company-v3 .history-section .head-msg{
	text-align:center;
	line-height:1.8;
	font-weight:600;
	font-size:24px;
}
.company-v3 .history-section .history-top-msg{
	text-align:center;
	line-height:1.8;	
}

.history-table{
	width:100%;
	border-collapse:separate;
	border-spacing:0px;
}
.history-table th,
.history-table td{
	padding:15px 5px;
	vertical-align: top;
	line-height:1.5;
}
.history-table td div.bikou{
	font-size:14px;
	padding:5px 0;
}
.history-table td div.point{
	color:#d42678;
}
.history-table th.year{
	width:90px;
	text-align:left;
	font-weight:600;
}
.history-table th.year i{
	color:#d42678;
}
.history-table .year-split th,
.history-table .year-split td{


	padding-top:30px;
}
.history-table td{
	position: relative;
}
.history-table td .ab-photo-box{
	position:absolute;
	width:300px;
	right:0;
	background:#fff;
	z-index:100;
	padding:5px;
	text-align:center;
	font-size:12px;
}
.history-table td .ab-photo-box img{
	width:100%;
	border-radius:3px;
}


.history-table th.month{
	width:50px;
	text-align:right;
	font-weight:600;
}

.history-table-section{
	margin-bottom:80px;

}
.history-table-section h3{
	padding:15px 0;
	border-bottom:solid 1px #ddd;
	margin-bottom:30px;
	font-weight:600;
}

@media screen and (max-width:736px) { 
	.company-v3 .history-section{
		padding-left:20px;
		padding-right:20px;
	}
	.company-v3 .history-section .history-top-msg p{
		text-align:left;
	}
	.company-v3 .history-section .history-top-msg p .pc-br{
		display: none;
	}

	.history-table-section{
		padding-left:20px;
		padding-right:20px;
	}

	.history-table th{
		font-size:14px;
	}
	.history-table th i{
		display: none;
	}
	.history-table th.year{
		width:60px;
		padding-left:0;
		padding-right:0;
	}
	.history-table th.month{
		width:45px;
		padding-left:0;
		padding-right:10px;
	}

	.history-table td .ab-photo-box{
		display: none;
	}
	

}






/* --------------------------------------------------------
 
  事業所一覧

---------------------------------------------------------- */
.office-list-nav-section{
	padding:50px 0;
}
.office-list-nav-block{
	background:#F8F5E5 ;
	padding:5px 15px;
}
.office-list-nav-section ul{
	list-style-type:none;
	margin:0;
	padding:0;
	display: flex;
	flex-wrap: wrap;
}
.office-list-nav-section ul li{
	margin:15px;
	text-align:center;
}

.office-list-section{


}

.table-office-list{
	width:100%;
	border-collapse:separate;
	border-top:solid 1px #ddd;
	border-spacing:0px;

}

.office-list-section h2{
	margin-bottom:15px;
	padding:15px 0;
	border-bottom:solid 1px #ddd;
}

.office-list-block{
	display: flex;
	justify-content: space-between;
	flex-wrap:wrap;
}
.office-list-block .office-box{
	width:49%;
	margin-bottom:30px;
}

.office-list-block .office-box .office-box-layout{
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}
.office-list-block .office-box .office-box-layout .photo-box{
	width:35%;
}
.office-list-block .office-box .office-box-layout .photo-box img{
	width:100%;
	border-radius:3px;
}
.office-list-block .office-box .office-box-layout .text-box{
	width:65%;
	margin-left:10px;
}

.office-list-block .office-box .office-box-layout .text-box h3{
	font-size:15px;
	font-weight:600;
	line-height:1.5;
}
.office-list-block .office-box .office-box-layout .text-box address{
	font-size:14px;
	padding:5px 0;
	line-height:1.5;
}
.office-list-block .office-box .office-box-layout .text-box .no{
	margin-bottom:5px;
}
.office-list-block .office-box .office-box-layout .text-box .no span{
	padding:1px 5px;
	border:solid 1px #ddd;
	font-size:12px;
	border-radius:3px;
}
.office-link-list{
	display: flex;
	justify-content: space-between;
	margin-top:10px;
}
.office-link-list a{
	display:block;
	width:48%;
	background:#333;
	text-align:center;
	border-radius:30px;
	padding:5px 0;
	color:#ddd;
}
.office-link-list a.single{
	width:100%;
}
.office-link-list a:hover{
	text-decoration: none;
	background:#d42678;
	color:#fff;
}

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

	.office-list-section{
		padding-left:15px;
		padding-right:15px;


	}
	.office-list-block{
	}
	.office-list-block .office-box{
		width:100%;
		margin-bottom:20px;
		border-bottom:solid 1px #ddd;
		padding-bottom:20px;
	}
}



/**/