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


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


    COMPANY PAGE
	

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

.company-wrapper{
	width:100%;
	/*height:100%;*/
}

/* IE10以上 */
@media all and (-ms-high-contrast: none){
.company-wrapper{
	padding-bottom:630px;
	}
}

/* Edge */
@supports (-ms-ime-align: auto) {
.company-wrapper {
	padding-bottom:1px;
	}
}

/*Firefox*/
@-moz-document url-prefix() {
.company-wrapper{
	padding-bottom:630px;
	}
}


.company-cont01{
	width:100%;
	height:500px;
	background:url(../images/company/company_01.jpg) no-repeat center center;
	background-size:cover;
	position:relative;
}

.company-cont01 .box{
	width:700px;
	height:400px;
	background-color:rgba(255,255,255,0.9);
	position:absolute;
	top:50px;
	right:0px;
}

.company-cont01 .box > h4{
	text-align:center;
	font-size:28px;
	width:100%;
	margin:0 auto;
	margin-top:95px;
	margin-bottom:15px;
}

.company-cont01 .box > p{
	width:60%;
	margin:0 auto;
	margin-bottom:30px;
}

.company-cont02{
	width:100%;
	height:500px;
	background:url(../images/company/company_02.jpg) no-repeat center center;
	background-size:cover;
	position:relative;
	margin:250px 0;
}

.company-cont02 .box{
	width:1260px;
	height:500px;
	margin:0 auto;
}

.company-cont02 .box > h4{
	margin-left:140px;
	font-size:28px;
	padding-top:40px;
	padding-bottom:50px;
}

.company-cont02 .box > p{
	margin-bottom:30px;
}

.company-cont02 .box ul{
	width:500px;
}

.company-cont02 .box ul li{
	display:block;
	width:225px;
	height:50px;
	float:left;
	margin-right:20px;
	border:1px #555555 solid;
	text-align:center;
	line-height:50px;
	margin-bottom:20px;
	color:#555555;
}


.company-cont03{
	width:100%;
	height:450px;
	background:url(../images/company/company_03.jpg) no-repeat right 0;
	background-size:cover;
	margin-bottom:100px;
}

.company-cont04{
	width:1260px;
	height:200px;
	margin:0 auto;
	margin-bottom:200px;
	position:relative;
}

.company-cont04 ul{
	display:block;
	width:450px;
	position:absolute;
	top:0;
	left:0;
}

.company-cont04 ul li{
	display:block;
	width:220px;
	height:150px;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

.company-cont04 ul li:nth-child(2),
.company-cont04 ul li:nth-child(4){
	margin-right:0px;
}

.company-cont04 ul li img{
	width:100%;
	height:auto;
}

.company-cont04 .text{
	width:640px;
	position:absolute;
	top:80px;
	right:0;
}

.company-cont04 .text > h4{
	font-size:30px;
	margin-bottom:15px;
}

.company-cont04 .text h4 > span{
	font-size:18px;
}

.company-cont04 ul li > p{
}


.company-cont05{
	width:100%;
	margin-bottom:100px;
}

.company-cont05 > h4{
	font-size:30px;
	text-align:center;
	padding:90px 0 30px 0;
}

.company-cont05 > p{
	text-align:center;
	margin-bottom:15px;
}

.company-cont05 .inner{
	width:1050px;
	height:800px;
	margin:0 auto;
	position:relative;
}

.company-cont05 .inner > .photo{
	width:730px;
	height:auto;
	margin:0 auto;
	margin-bottom:80px;
}

.company-cont05 .inner > .photo > ul li{
	display:block;
	width:220px;
	float:left;
}

.company-cont05 .inner > .photo > ul li+li{
	margin-left:35px;
}

.company-cont05 .inner > .photo ul li > img{
	margin-bottom:5px;
}

.company-cont05 .inner > .photo ul li > p{
	font-size:10px;
}

.company-cont05 .inner > .photo ul:after{
	content: "";
    clear: both;
	display: block;
}

.company-cont05 .inner > .map{
	width:1050px;
	height:540px;
	margin:0 auto;
	background:url(../images/company/company_10.jpg) no-repeat center center;
	position:relative;
}

.company-cont05 .inner > .map ul li{
	display:block;
	border:1px #FFFFFF solid;
	/*background-color:rgba(0,0,0,0.2);*/
	color:#FFFFFF;
	padding:5px 15px 5px 35px;
	position:absolute;
	background:url(../images/company/map_arrow.png) no-repeat 8px center rgba(0,0,0,0.2);
	background-size:15px;
}

.company-cont05 .inner .map ul li > p{
	font-size: 14px;
	text-align:right;
}

.company-cont05 .inner .map ul li p > span{
	display:none;
}

.company-cont05 .inner > .map ul li.nav01{
	top:100px;
	left:275px;
}

.company-cont05 .inner > .map ul li.nav02{
	top:172px;
	left:177px;
}

.company-cont05 .inner > .map ul li.nav03{
	top:411px;
	left:238px;
}

.company-cont05 .inner > .map ul li a{
	position:absolute;
    top:0;
    left:0;
    width:100.1%;
    height:100.1%;
    text-indent:-9999px;
	cursor:pointer;
	 z-index: 990;
}

.company-cont05 .inner > .map ul li a:hover{
	background-color:rgba(255,255,255,0.5);
	-webkit-transition: all .3s;
	transition: all .3s;
}

.company-cont06{
	width:100%;
	height:500px;
	background:url(../images/company/company_11.jpg) no-repeat center center;
	background-size:cover;
	position:relative;
	margin-bottom:225px;
}

.company-cont06 .box{
	width:700px;
	height:400px;
	background-color:rgba(255,255,255,0.9);
	position:absolute;
	top:50px;
	left:0px;
}

.company-cont06 .box > h4{
	text-align:center;
	font-size:28px;
	width:100%;
	margin:0 auto;
	margin-top:95px;
	margin-bottom:15px;
}

.company-cont06 .box > p{
	width:60%;
	margin:0 auto;
	margin-bottom:30px;
}


.company-cont07{
	width:100%;
	height:750px;
	background:url(../images/company/company_12.jpg) no-repeat center center #F1F1F1;
	background-size:contain;
	position:relative;
	margin-bottom:630px;
}

/* IE10以上 */
@media all and (-ms-high-contrast: none){
.company-cont07{
	margin-bottom:0px;
}
}

/*Firefox*/
@-moz-document url-prefix() {
.company-cont07{
	margin-bottom:0px;
}
}

.company-cont07 .box{
	width:600px;
	height:500px;
	position:absolute;
	top:125px;
	right:0px;
}

.company-cont07 .box > h4{
	text-align:center;
	font-size:28px;
	width:100%;
	margin:0 auto;
	margin-top:160px;
	margin-bottom:15px;
}

.company-cont07 .box > p{
	width:60%;
	margin:0 auto;
	margin-bottom:30px;
}




@media screen and (max-width: 960px) {
.company-cont01{
	width:100%;
	height:auto;
	background:none;
	margin-bottom:50px;
}

.company-cont01 img{
	width:100%;
	height:auto;
}

.company-cont01 .box{
	width:95%;
	margin:0 auto;
	height:auto;
	background-color:#FFFFFF;
	position:static;
}

.company-cont01 .box > h4{
	font-size:18px;
	width:95%;
	margin-top:30px;
	margin-bottom:10px;
	font-weight:bold;
}

.company-cont01 .box > p{
	width:95%;
	margin:0 auto;
	margin-bottom:15px;
}

.company-cont02{
	height:auto;
	background:none;
	margin:0px 0;
	margin-bottom:50px;
}

.company-cont02 img{
	width:100%;
	height:auto;
}

.company-cont02 .box{
	width:95%;
	margin:0 auto;
	height:auto;
	padding:20px 0;
}

.company-cont02 .box > h4{
	margin-left:0px;
	font-size:18px;
	padding:0 0 15px 0;
	text-align:center;
	font-weight:bold;
}

.company-cont02 .box > p{
	width:95%;
	margin:0 auto;
	margin-bottom:15px;
}

.company-cont02 .box ul{
	width:95%;
	margin:0 auto;
}

.company-cont02 .box ul li{
	width:48%;
	height:30px;
	margin-right:2%;
	line-height:30px;
	margin-bottom:5px;
	font-size:11px;
}

.company-cont02 .box ul li:nth-child(even){
	margin-right:0px;
}

.company-cont03{
	height:200px;
	background-position:center center;
	background-size:cover;
	margin-bottom:30px;
}

.company-cont04{
	width:100%;
	height:auto;
	margin-bottom:50px;
}

.company-cont04 img{
	display:block;
	width:95%;
	height:auto;
	margin:0 auto;
	margin-bottom:5px;
}

.company-cont04 ul{
	display:none;
}

.company-cont04 .text{
	width:95%;
	margin:0 auto;
	position:static;
	margin-bottom:15px;
}

.company-cont04 .text > h4{
	font-size:18px;
	text-align:center;
	margin-bottom:10px;
	font-weight:bold;
}

.company-cont04 .text h4 > span{
	font-size:14px;
}

.company-cont05{
	height:auto;
	margin-bottom:50px;
	padding:50px 0 20px 0;
}

.company-cont05 > h4{
	font-size:18px;
	padding:0px 0 15px 0;
	font-weight:bold;
}

.company-cont05 > p{
	width:95%;
	margin:0 auto;
	margin-bottom:20px;
	text-align:left;
}


.company-cont05 .inner{
	width:100%;
	height:auto;
}

.company-cont05 .inner > .photo{
	width:100%;
	margin-bottom:30px;
}

.company-cont05 .inner > .photo > ul{
	width:96%;
	margin:0 auto;
}

.company-cont05 .inner > .photo > ul li{
	width:32%;
}

.company-cont05 .inner > .photo > ul li+li{
	margin-left:2%;
}

.company-cont05 .inner > .photo ul li > img{
	width:100%;
	height:auto;
}

.company-cont05 .inner > .map{
	width:100%;
	height:auto;
	background:none;
}

.company-cont05 .inner > .map img{
	width:100%;
	height:auto;
}

.company-cont05 .inner > .map ul{
	position:absolute;
	width:96%;
	top:15px;
	left:2%;
}

.company-cont05 .inner > .map ul li{
	position:static;
	width:32%;
	min-height:130px;
	float:left;
	padding:5px 2%;
	background:url(../images/company/sp_arrow.png) no-repeat center 110px rgba(0,0,0,0.2);
}

.company-cont05 .inner > .map ul li+li{
	margin-left:2%;
}

.company-cont05 .inner > .map ul li > p{
	text-align:center;
	font-size:80%;
}

.company-cont05 .inner > .map ul li p > span{
	display:block;
}

.company-cont05 .inner > .map ul li a{
    width:32%;
}

.company-cont05 .inner > .map ul li.nav02 a{
	left:34%;
}

.company-cont05 .inner > .map ul li.nav03 a{
	left:68%;
}


.company-cont06{
	height:auto;
	background:none;
	margin-bottom:50px;
}

.company-cont06 img{
	width:100%;
	height:auto;
}

.company-cont06 .box{
	width:95%;
	margin:0 auto;
	height:auto;
	background-color:#FFFFFF;
	position:static;
	padding:20px 0;
}

.company-cont06 .box > h4{
	font-size:18px;
	margin-top:0px;
	margin-bottom:10px;
	font-weight:bold;
}

.company-cont06 .box > p{
	width:95%;
	margin-bottom:0px;
}

.company-cont07{
	height:auto;
	background:none;
	margin-bottom:50px;
}

.company-cont07 img{
	width:100%;
	height:auto;
}

.company-cont07 .box{
	width:95%;
	margin:0 auto;
	height:auto;
	background-color:#FFFFFF;
	position:static;
	padding:20px 0;
}

.company-cont07 .box > h4{
	font-size:18px;
	margin-top:0px;
	margin-bottom:10px;
	font-weight:bold;
}

.company-cont07 .box > p{
	width:95%;
	margin-bottom:0px;
}
}



/*@media screen and (max-width:375px){
.company-cont05{
	background:url(../images/company/sp_company_10.png) no-repeat right top #F1F1F1;
	background-size:150%;
	height:auto;
	margin-bottom:50px;
	padding:50px 0 20px 0;
}
.company-cont05 > p{
	width:95%;
	margin:0 auto;
	margin-bottom:200px;
	text-align:left;
}
}

@media screen and (min-width:376px) and ( max-width:479px){
.company-cont05{
	background:url(../images/company/sp_company_10.png) no-repeat right -15% #F1F1F1;
	background-size:150%;
	height:auto;
	margin-bottom:50px;
	padding:50px 0 20px 0;
}
.company-cont05 > p{
	width:95%;
	margin:0 auto;
	margin-bottom:200px;
	text-align:left;
}
}

@media screen and (min-width:480px) and ( max-width:667px){
.company-cont05{
	background:url(../images/company/sp_company_10.png) no-repeat right -18% #F1F1F1;
	background-size:100%;
	height:auto;
	margin-bottom:50px;
	padding:50px 0 20px 0;
}
.company-cont05 > p{
	width:95%;
	margin:0 auto;
	margin-bottom:200px;
	text-align:left;
}
}

@media screen and (min-width:668px) and ( max-width:736px){
.company-cont05{
	background:url(../images/company/sp_company_10.png) no-repeat right -20% #F1F1F1;
	background-size:100%;
	height:auto;
	margin-bottom:50px;
	padding:50px 0 20px 0;
}
.company-cont05 > p{
	width:95%;
	margin:0 auto;
	margin-bottom:200px;
	text-align:left;
}
}*/



/*2022.02.28追記*/
.topMesse{width:80%; max-width: 1200px; margin: 0 auto 200px auto;}
.topMesse img{width:100%;}
.topMesse .tpM_box{display: flex; display: -webkit-flex; justify-content: space-between; margin-top: 50px;}
.topMesse .tpM_box .tpPhoto{width: 40%;}
.topMesse .tpM_box .tpM_read{width: 56%;}
.topMesse .tpM_box .tpM_read h4{font-size: 24px; margin-bottom: 30px;}
.topMesse .tpM_box .tpM_read p.tpText{font-size: 14px; line-height: 24px;}
.topMesse .tpM_box .tpM_read p.tpName{text-align:right; font-family: 'Noto Serif JP', sans-serif; font-size: 18px; margin-top: 30px; letter-spacing: 2px;}
.topMesse .tpM_box .tpM_read p.tpName span{font-size: 14px; margin-right: 20px;}

@media (max-width: 1500px) {
	.topMesse{margin: 0 auto 15.333vw auto;}
	.topMesse .tpM_box{margin-top: 4.333vw;}
	.topMesse .tpM_box .tpM_read h4{font-size: 1.8vw; margin-bottom: 1.5vw; line-height: 2.2vw;}
	.topMesse .tpM_box .tpM_read p.tpText{font-size: 1.0vw; line-height: 2vw;}
	.topMesse .tpM_box .tpM_read p.tpName{font-size: 1.8vw; margin-top: 2vw; letter-spacing: 0.533vw;}
	.topMesse .tpM_box .tpM_read p.tpName span{font-size: 1.1vw; margin-right: 1.1vw;}
}
@media (max-width: 1200px) {
	.topMesse{margin: 0 auto 15.333vw auto;}
	.topMesse .tpM_box{margin-top: 4.333vw;}
	.topMesse .tpM_box .tpPhoto{width: 32%;}
.topMesse .tpM_box .tpM_read{width: 65%;}
	.topMesse .tpM_box .tpM_read h4{font-size: 2vw; margin-bottom: 1.5vw; line-height: 2.2vw;}
	.topMesse .tpM_box .tpM_read p.tpText{font-size: 1.1vw; line-height: 2.15vw;}
	.topMesse .tpM_box .tpM_read p.tpName{font-size: 1.8vw; margin-top: 1.5vw; letter-spacing: 0.533vw;}
	.topMesse .tpM_box .tpM_read p.tpName span{font-size: 1.2vw; margin-right: 1.1vw;}
}
@media (max-width: 960px) {
	.topMesse{width:90%; margin: 0 auto 15.333vw auto;}
	.topMesse .tpM_box{display: block; margin-top: 4.333vw;}
	.topMesse .tpM_box .tpPhoto{display: none;}
	.topMesse .tpM_box .tpM_read{width: 100%;}
	.topMesse .tpM_box .tpM_read h4{font-size: 18px; margin-bottom: 15px; line-height: 22px; font-weight: bold;}
	.topMesse .tpM_box .tpM_read p.tpText{font-size: 14px; line-height: 20px;}
	.topMesse .tpM_box .tpM_read p.tpName{font-size: 20px; margin-top: 1.5vw; letter-spacing: 0.533vw;}
	.topMesse .tpM_box .tpM_read p.tpName span{font-size: 14px; margin-right: 1.1vw;}
}