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


@media(min-width:481px){

#contents{
    width:100%;
	min-width: 1200px;
	margin: 0 auto;
	padding-top: 151px;
	
}
	
	
#contents2{
    width:100%;
	min-width: 1200px;
	margin: 0 auto;
	margin-top: -151px;
	padding-top: 151px;
	
}


#visualtxtarea{
	width: 100%;
	min-width: 1200px;
	z-index:50;	
	position: absolute;
	}
	
.visualtxt{
	width:629px;
	height:649px;
	background-image: url(../images/keepsmileling.png);
	background-repeat: no-repeat;
	background-position:center 35%;
	margin: 0 auto;
}

	
#mainvisual{
	width: 100%;
	min-width: 1200px;
	height:649px;
	margin-top: -151px;
	padding-top: 151px;
}


.mainvisual1{
	width: 100%;
	min-width: 1200px;
	height:649px;
	padding-top: 0px;
	background-image: url(../images/mainvisualbg.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: cover;
}



	
#maintextarea{
	width: 900px;
	margin: 0 auto;
	padding-top: 80px;
	padding-bottom:  80px;
	}

.textarea{
	width: 900px;
	text-align: center;	
	font-size: 18px;
	line-height: 56px;
	}
	
.ceocategory{
	width: 900px;
	text-align: center;	
	padding-top: 40px;
	font-size: 18px;
	line-height: 56px;
	}
	
.ceoname{
	width: 900px;
	text-align: center;	
	padding-top: 0px;
	font-size: 28px;
	line-height: 56px;
	padding-bottom: 50px;
	}
	


/*弊社の特徴*/
#phirosophy{
	min-width: 1200px;
	margin: 0 auto;
	margin-top: -151px;
	padding-top: 151px;
	}
	
#phirosophycon{
	min-width: 1200px;
	margin: 0 auto;
	background-color: #E6E6E6;
	padding-top: 50px;
	padding-bottom: 50px;
	}	

	
#phirosophybg{
	width: 1200px;
	height:588px;
	background-position:center center;
	background-image: url(../images/phirosophybg.jpg);
	background-repeat: no-repeat;
	margin: 0 auto;
	padding-top: 80px;
	}
	
.phirosophybgin{
	width: 1100px;
	height:470px;
	border: solid 12px #FFF;
	margin: 0 auto;
	
	}
	

.phirosophydetails{
	width: 1100px;
	font-size: 18px;
	line-height: 46px;
	color: #FFF;
	text-align: center;
	}
	
.phirosophytitle1{
	width: 445px;
	margin: 0 auto;
	padding-top: 60px;
	}
	
.phirosophytitle2{
	width: 195px;
	margin: 0 auto;
	font-size: 18px;
	padding-top: 35px;
	}

	
.phirosophytext1{
	width: 900px;
	margin: 0 auto;
	font-size: 24px;
	line-height: 78px;
	padding-top: 0px;
	font-weight: bold;
	}
	

	
	
/*企業情報*/
#profile{
	width: 100%;
	min-width: 1200px;
	margin-top: -151px;
	padding-top: 151px;
	}
	
#profilecon{
	min-width: 1200px;
	margin: 0 auto;
	background-color: #EEF4F7;
	padding-top: 100px;
	padding-bottom: 100px;
	}	
	
.profiledetails{
	width: 1100px;
	margin: 0 auto;
	padding-bottom: 120px;
	
	}
	
.profiledarea1{
	width: 450px;
	float: left;
	font-size: 16px;
	line-height: 34px;
	padding-top: 50px;
	
	}
	
	
.profiletitle1{
	width: 122px;
	margin: 0 auto;
	padding-top: 20px;
	}
	
.profiletitle2{
	width: 183px;
	padding-top: 40px;
	
	}
		

.profiletitle3{
	width: 183px;
	padding-top: 0px;
	}
	
.profiledetail1{
	width: 90px;
	float: left;
	}
	
.profiledetail2{
	width: 350px;
	float: right;
	}
	
	

a.contactbt{
	display: block;
	width: 450px;
	padding-top: 80px;
	text-align: center;
	margin: 0 auto;
	background-image: url(../images/contactbt.png);
	background-repeat: no-repeat;
	background-position: bottom;
	
	}
	
/*弊社へのアクセス*/
	
#access{
	width: 570px;
	padding-top: 20px;
	float: right;
	}
	
.map{
	width: 570px;
	height:541px;
	margin-top: 20px;
	background-repeat: no-repeat;
	background-position: bottom;
	background: #98AFCB;
	}
	
.map2{
	display: none;
	}
	
.maptext{
	width: 570px;
	padding-top: 10px;
	text-align: right;
	font-size:16px;
	line-height: 34px;
	}
	
	
.accesstext1{
	width: 570px;
	padding-top: 20px;
	font-size:16px;
	line-height: 34px;
	}
	
#formarea{
	width: 370px;
	padding-top: 20px;
	float: right;
	}
	
	
.formtitle1{
	width: 169px;
	padding-top: 20px;
	}
	
	
.formdetails{
	width: 370px;
	padding-top: 20px;
	font-size:16px;
	line-height: 34px;
	}
	
.formdetails2{
	width: 370px;
	padding-top: 20px;
	font-size:14px;
	line-height: 34px;
	}
	
.formline{
	width: 370px;
	padding-top: 20px;
	font-size:16px;
	line-height: 34px;
	}
	
.formline2{
	width: 370px;
	font-size:16px;
	line-height: 34px;
	padding: 20px 10px 10px;
	background-color: #FFFFFF;
	}
	
.formbase2{
	width: 370px;
	padding-top: 20px;
	text-align: center;
	}
	
	
/*グループ企業*/
#group{
	width: 100%;
	min-width: 1200px;
	margin-top: -151px;
	padding-top: 151px;
	}
	
	
#groupcon{
	min-width: 1200px;
	margin: 0 auto;
	padding-top:120px;
	background-color: #FFF;
	}	
	
.groupdetails{
	width: 90%;
	margin: 0 auto;
	}
	
.groupdetails2{
	width: 90%;
	margin: 0 auto;
	padding-top: 60px;
	padding-bottom: 60px;
	text-align: center;
	display: flex;
    justify-content: space-between; /* 子要素をflexboxにより中央に配置する */
    flex-wrap:wrap;
	}
	
	
.groupdarea1{
	width:33%;
	font-size: 16px;
	line-height: 34px;
	margin-bottom: 100px;
	text-align: center;
	}
	
.groupdarea2{
	width:33%;
	font-size: 16px;
	line-height: 34px;
	margin-bottom: 100px;
	text-align: center;
	}
	
.groupdarea3{
	width:33%;
	font-size: 16px;
	line-height: 34px;
	margin-bottom: 100px;
	text-align: center;
	}
	
.groupdarea4{
	width:33%;
	font-size: 16px;
	line-height: 34px;
	margin-bottom: 100px;
	text-align: center;
	}
	
.groupdarea5{
	width:33%;
	font-size: 16px;
	line-height: 34px;
	margin-bottom: 100px;
	text-align: center;
	}
	
.groupdarea6{
	width:33%;
	font-size: 16px;
	line-height: 34px;
	margin-bottom: 100px;
	text-align: center;
	}
	
.groupdarea7{
	width:33%;
	font-size: 16px;
	line-height: 34px;
	margin-bottom: 100px;
	text-align: center;
	}
	
	
	
.grouptitle1{
	width:  124px;
	margin: 0 auto;
	padding-top: 20px;
	}
	
.grouptitle2{
	width: 183px;
	padding-top: 40px;
	
	}
		

.grouptitle3{
	width: 183px;
	padding-top: 0px;
	}

.groupphoto{
	width:327px;
	padding-top: 0px;
	margin: 0 auto;
	text-align: center;
	}
	
.groupname{
	width:327px;
	font-size: 20px;
	line-height: 26px;
	font-weight: bold;
	margin: 10px auto 0;
	text-align: center;
	}
	
.groupname2{
	width:327px;
	font-size: 16px;
	line-height: 26px;
	font-weight: bold;
	margin: 0 auto;
	text-align: center;
	}
	
.grouptext{
	width:327px;
	font-size: 14px;
	line-height: 26px;
	margin: 10px auto 0;
	text-align: center;
	}
	
.grouptext2{
	width:327px;
	font-size: 16px;
	line-height: 26px;
	margin: 10px auto 0;
	text-align: center;
	}	
	

/*お知らせ*/
#topics{
	width: 100%;
	min-width: 1200px;
	margin-top: -151px;
	padding-top: 151px;

	}
	
	
#topicscon{
	min-width: 1200px;
	margin: 0 auto;
	background-color: #EEF4F7;
	padding-top:100px;
	padding-bottom: 100px;
	}
	
.topicsdetails{
	width: 900px;
	margin: 0 auto;
	font-size: 16px;
	line-height: 46px;
	
	}
	
.topicsdetails2{
	width: 900px;
	margin: 0 auto;
	font-size: 16px;
	line-height: 46px;
	}
	
.topicstitle{
	width: 118px;
	margin: 0 auto;
	padding-top: 20px;
	}
	
.topicstitle1{
	width: 118px;
	margin: 0 auto;
	padding-top: 20px;
	}

.topicscategory{
	width: 120px;
	padding-top: 20px;
	float: left;
	font-size: 16px;
	}
		
	
.topicstitle2{
	width: 780px;
	padding-top: 20px;
	font-size: 18px;
	float: right;
	}
	

.topicsdate{
	width: 120px;
	padding-top: 5px;
	float: left;
	font-size: 14px;
	line-height: 32px;
	color: #4D4D4D;
	}
	

.topicstextarea{
	width: 780px;
	padding-top: 5px;
	font-size: 14px;
	line-height: 32px;
	float: right;
	}
	
.topicstext1{
	font-size: 14px;
	line-height: 32px;
	}
	
.topicstext2{
	padding-top: 5px;
	font-size: 14px;
	line-height: 32px;
	}

a.topicsmore{
	display: block;
	width: 473px;
	height: 33px;
	margin: 0 auto;
	background-image: url(../images/topicsmore.png);
	background-repeat: no-repeat;
	padding-top: 30px;
	background-position: bottom;
	}
	
}

@media(max-width:480px){

#contents{
    width:480px;
	margin: 0 auto;
	padding-top: 50px;
	
}

#contents2{
    width:480px;
	margin:0 auto;
	margin-top: -50px;
	padding-top: 50px;

}
	

#mainvisual{
	width: 400px;
	height:300px;
	padding-top: 0px;
	z-index: 30px;
	position: relative;
	margin: 0 auto;
	
}
	
	
#visualtxtarea{
	width:400px;
	z-index:50;	
	position: absolute;
	margin: auto;
	}
	
.visualtxt{
	width:400px;
	height:183px;
	background-image: url(../images/keepsmilelings.png);
	background-repeat: no-repeat;
	background-position: center 45%;
	margin: auto;
}


.mainvisual1{
	width: 400px;
	height:234px;
	background-position: bottom;
	padding-top: 0px;
	background-image: url(../images/mainvisualbgs.png);
	background-repeat: no-repeat;
	background-position: top;
	background-size: cover;
	margin: 0 auto;
}


	
.maintextarea{
	width: 320px;
	margin: 0 auto;
	padding-top: 50px;
	padding-bottom:50px;
	}

.textarea{
	width: 380px;
	margin: 0 auto;
	text-align: center;	
	padding-top: 20px;
	font-size: 16px;
	line-height: 38px;
	}
	
.ceocategory{
	width: 380px;
	margin: 0 auto;
	text-align: center;	
	padding-top: 40px;
	font-size: 16px;
	}
	
.ceoname{
	width: 380px;
	margin: 0 auto;
	text-align: center;	
	padding-top: 10px;
	padding-bottom:100px;
	font-size: 26px;
	}
	
	
/*弊社の特徴*/	
#phirosophy{
	width:100%;
	margin: 0 auto;
	margin-top: -50px;
	padding-top: 50px;
	}

#phirosophycon{
	width:100%;
	margin:0 auto;
	background-color: #E6E6E6;
	padding-top: 100px;
}
	
#phirosophybg{
	width:100%;
	background-image: url(../images/phirosophybgs.jpg);
	background-repeat: no-repeat;
	background-position:top center;
	padding-top: 40px;
	padding-bottom: 50px;
	object-fit: cover;
	background-size: 100%;
	margin: 0 auto;
	}
	
.phirosophybgin{
	width:100%;
	margin: 0 auto;
	}
	
	
	
.phirosophydetails{
	width:96%;
	margin: 0 auto;
	font-size: 14px;
	line-height: 46px;
	text-align: center;
	color: #FFF;
	}
	
.phirosophytitle1{
	width: 213px;
	margin: 0 auto;
	padding-top: 20px;
	}
	
.phirosophytitle2{
	width: 195px;
	margin: 0 auto;
	font-size: 14px;
	padding-top: 10px;
	}

	
.phirosophytext1{
	width:90%;
	margin: 0 auto;
	font-size: 18px;
	line-height: 36px;
	padding-top: 0px;
	font-weight: bold;
	}
	
	

	
/*企業情報*/
#profile{
	width:100%;
	margin: 0 auto;
	margin-top: -50px;
	padding-top: 50px;
	}
	
	
#profilecon{
	width:100%;
	margin:0 auto;
	background-color: #E6E6E6;
	padding-top: 50px;
	padding-bottom: 50px;

}
	
	
.profiledetails{
	width:90%;
	margin: 0 auto;
	padding-top: 50px;
	padding-bottom: 50px;
	
	}
	
.profiledarea1{
	width: 380px;
	font-size: 16px;
	line-height: 34px;
	padding-top: 20px;
	margin: 0 auto;
	text-align: center;
	}
		
.profiledarea2{
	width: 380px;
	font-size: 16px;
	line-height: 34px;
	padding-top: 0px;
	margin: 0 auto;
	}
	
	
.profiletitle1{
	width:360px;
	margin: 0 auto;
	padding-top: 20px;
	text-align: center;
	font-weight: bold;
	}
	
.profiletitle2{
	width:360px;
	padding-top: 40px;
	margin: 0 auto;
	}
		

.profiletitle3{
	width: 380px;
	padding-top: 20px;
	margin: 0 auto;
	text-align: center;
	}
	
.profiledetail1{
	padding-top: 20px;
	width: 380px;
	margin: 0 auto;
	}
	
.profiledetail2{
	width: 380px;
	margin: 0 auto;
	}
	
a.contactbt{
	display: block;
	width: 380px;
	padding-top: 80px;
	text-align: center;
	margin: 0 auto;
	background-image: url(../images/contactbts.png);
	background-repeat: no-repeat;
	background-position:center bottom;
	background-size: 90%;
	}
	
a.contactbt{
	display: block;
	width: 360px;
	padding-top: 50px;
	text-align: center;
	margin: 0 auto;
	
	}
	
.ceophoto{
	width: 183px;
	padding-top: 40px;
	margin: 0 auto;
	text-align: center;
	}
	
.ceoarea{
	width: 360px;
	padding-top: 40px;
	margin: 0 auto;
	}	
	
.ceoname1{
	width: 360px;
	padding-top: 5px;
	font-size: 17px;
	margin: 0 auto;
	text-align: center;
	}
	
.ceoname2{
	width: 360px;
	padding-top: 5px;
	font-size:30px;
	margin: 0 auto;
	text-align: center;
	}

.ceoname3{
	width: 360px;
	padding-top: 5px;
	font-size:16px;
	margin: 0 auto;
	text-align: center;
	}
	

	
	
.ceotextarea{
	width:360px;
	padding-top: 30px;
	font-size:16px;
	line-height: 34px;
	margin: 0 auto;
	}

.ceotextp{
	width:30px;
	padding-top: 0px;
	font-size:16px;
	float: left;
	}
	
.ceotextt{
	width:330px;
	padding-top: 0px;
	font-size:16px;
	float: right;
	}
		
	
.ceotext1{
	width:30px;
	padding-top: 10px;
	font-size:16px;
	line-height: 34px;
	float: left;
	}
	
.ceotext2{
	width:330px;
	padding-top: 10px;
	font-size:16px;
	line-height: 34px;
	float:right;
	}
	
	
/*弊社へのアクセス*/
#access{
	width:100%;
	margin: 0 auto;
	margin-top: 50px;
	padding-top: 50px;
	}
	
.accessdetails{
	width:90%;
	padding-top: 60px;
	padding-bottom:50px;
	background-color: #E6E6E6;
	}
	
	
.accesstitle1{
	width: 169px;
	margin: 0 auto;
	padding-top: 20px;
	}
	
.accesstitle2{
	width: 169px;
	padding-top: 20px;
	margin: 0 auto;
	}
	
	
.accessarea{
	width:100%;
	padding-top: 20px;
	}
	
.map{
	display: none;
	}
	
.map2{
	width:100%;
	height: 379px;
	margin-top: 20px;
	background: #98AFCB;
	}
	
.map2 iframe{
	width:100%;
	object-fit: cover;
	}
	
	
.maptext{
	width:100%;
	padding-top: 10px;
	text-align: right;
	font-size:16px;
	line-height: 34px;
	margin: 0 auto;
	}
	
	
.accesstext1{
	width: 360px;
	padding-top: 20px;
	font-size:16px;
	line-height: 34px;
	}
	
#formarea{
	width: 100%;
	padding-top: 50px;
	margin: 0 auto;
	text-align: center;
	}
	
	
.formtitle1{
	width: 90%;
	padding-top: 50px;
	margin: 0 auto;
	}
	
	
.formdetails{
	width: 90%;
	padding-top: 20px;
	font-size:16px;
	line-height: 34px;
	margin: 0 auto;
	}
	
.formdetails2{
	width: 90%;
	padding-top: 20px;
	font-size:14px;
	line-height: 34px;
	margin: 0 auto;
	}
	
.formline{
	width: 100%;
	padding-top: 20px;
	font-size:16px;
	line-height: 34px;
	margin: 0 auto;
	}
	
.formline2{
	width: 100%;
	padding-top: 20px;
	font-size:16px;
	line-height: 34px;
	padding: 10px;
	background-color: #FFFFFF;
	}
	
.formbase2{
	width: 100%;
	padding-top: 20px;
	text-align: center;
	}

	
/*グループ企業*/
#group{
	width: 100%;
	margin-top: -50px;
	padding-top: 50px;
	margin: 0 auto;
	
	}
	
	
#profilecon{
	width: 100%;
	margin:0 auto;
	background-color: #E6E6E6;
	padding-top: 50px;
	padding-bottom: 50px;

}

	
.groupdetails{
	width: 90%;
	margin: 0 auto;
	padding-top: 30px;
	}
	
.groupdetails2{
	width: 90%;
	margin: 0 auto;
	}
	
.groupdarea1{
	width:327px;
	margin: 0 auto;
	font-size: 16px;
	line-height: 34px;
	padding-top: 50px;
	padding-bottom: 50px;
	}
	
.groupdarea2{
	width:327px;
	margin: 0 auto;
	font-size: 16px;
	line-height: 34px;
	padding-top: 50px;
	padding-bottom: 50px;
	}
	
.groupdarea3{
	width:327px;
	margin: 0 auto;
	font-size: 16px;
	line-height: 34px;
	padding-top: 50px;
	padding-bottom: 50px;
	}
	
.groupdarea4{
	width:327px;
	margin: 0 auto;
	font-size: 16px;
	line-height: 34px;
	padding-top: 50px;
	padding-bottom: 50px;
	}
	
.groupdarea5{
	width:327px;
	margin: 0 auto;
	font-size: 16px;
	line-height: 34px;
	padding-top: 50px;
	padding-bottom: 50px;
	}
	
	.groupdarea6{
	width:327px;
	margin: 0 auto;
	font-size: 16px;
	line-height: 34px;
	padding-top: 50px;
	padding-bottom: 50px;
	}
	
	.groupdarea7{
	width:327px;
	margin: 0 auto;
	font-size: 16px;
	line-height: 34px;
	padding-top: 50px;
	padding-bottom: 50px;
	}

	
.grouptitle1{
	width: 122px;
	margin: 0 auto;
	padding-top: 20px;
	}
	
.grouptitle2{
	width: 183px;
	padding-top: 40px;
	
	}
		

.grouptitle3{
	width: 183px;
	padding-top: 0px;
	}

.groupphoto{
	width:327px;
	padding-top: 0px;
	}
	
.groupname{
	width:327px;
	margin-top: 10px;
	font-size: 20px;
	line-height: 26px;
	font-weight: bold;
	text-align: center;
	}
	
.groupname2{
	width:327px;
	font-size: 16px;
	line-height: 26px;
	font-weight: bold;
	text-align: center;
	}
	
.grouptext{
	width:327px;
	margin-top: 10px;
	font-size: 14px;
	line-height: 26px;
	text-align: center;
	}
	
.grouptext2{
	width:327px;
	margin-top: 10px;
	font-size: 16px;
	line-height: 26px;
	text-align: center;
	}	
	
	
/*お知らせ*/
#topics{
	width: 100%;
	margin-top: -50px;
	padding-top: 50px;
	margin: 0 auto;
	
	}
	
#topicscon{
	width: 90%;
	padding-top: 50px;
	padding-bottom: 50px;
	margin: 0 auto;
	background-color: #EEF4F7;
	
	}

#topicsarea{
	width: 100%;
	margin: 0 auto;
	}
	
.topicsdetails{
	width: 100%;
	margin: 0 auto;
	}
	
.topicsdetails2{
	width: 90%;
	margin: 0 auto;
	font-size: 16px;
	line-height: 46px;
	padding-top: 30px;
	padding-bottom: 50px;
	}
	
.topicstitle{
	width: 125px;
	margin: 0 auto;
	padding-top: 50px;
	}	

.topicstitle1{
	width: 118px;
	margin: 0 auto;
	font-weight: bold;
	}

.topicscategory{
	width: 120px;
	padding-top: 0px;
	font-size: 16px;
	}
		
	
.topicstitle2{
	width:360px;
	padding-top: 0px;
	font-size: 18px;
	}
	

.topicsdate{
	width: 120px;
	padding-top: 5px;
	font-size: 14px;
	line-height: 32px;
	color: #4D4D4D;
	}
	

.topicstextarea{
	width: 360px;
	padding-top: 5px;
	font-size: 14px;
	line-height: 32px
	}
	
.topicstext1{
	font-size: 14px;
	line-height: 32px;
	}
	
.topicstext2{
	padding-top: 5px;
	font-size: 14px;
	line-height: 32px;
	}
	
a.topicsmore{
	display: block;
	width: 100%;
	height: 27px;
	background-image: url(../images/topicsmores.png);
	background-position:center center;
	background-repeat: no-repeat;
	margin: 0 auto;
	padding-top: 30px;
	padding-bottom: 50px;
	object-fit: cover;
	background-size: 100%;
	}

	

}