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


@media(min-width:481px){

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


#mainvisual{
	width: 100%;
	min-width: 1200px;
	height:600px;
	background-image:url(../images/mainvisual.png);
	background-size:cover;
}
	
	
#visualover{
	width: 45%;
	height:600px;
	background-color: rgba(00,17,57,0.9);
	left: 0;
	position: relative;
	z-index: inherit;
	
}
	
#visualover2{
	width: 100%;
	min-width: 1200px;
	height:600px;
	background-image: url(../images/visualbg2.png);
	background-position:right bottom;
	background-repeat: no-repeat;
	position: relative;
	z-index: inherit;
	
}
	
#maintext{
	width: 330px;
	height: 315px;
	background-image: url(../images/maintext.png);
	background-repeat: no-repeat;
	position: absolute;
	right: 15%;
	top: 23%;
	z-index: auto;
	mix-blend-mode:normal;
}

#visualcon{
	width:617px;
	margin: 0 auto;
	padding-top: 240px;
	
}





.maintext1{
	width:592px;
	height: 48px;
	margin:0 auto;
	padding-top:105px;
	background-image: url(../images/maintitle1.png);
	background-repeat: no-repeat;
	background-position: bottom;
	
}
	
	

.maintext2{
	width:1200px;
	margin:0 auto;
	padding-top:40px;
	font-size:17px;
	line-height:62px;
	text-align:center;
	
}


	
/*サービス*/


#servicesbg{
	width: 100%;
	min-width: 1200px;
	background-color: #97A693;
	}
	
#servicesarea{
	width: 100%;
	min-width: 1200px;
	margin:0 auto;
	padding-top:100px;
	padding-bottom:100px;
	

}
	
.servicescon{
	width:1200px;
	margin:0 auto;
	padding-top:30px;

}
	
.servicescon2{
	width:1200px;
	margin:0 auto;
	padding-top:70px;

}	
	
.servicestitle{
	width:592px;
	height: 90px;
	margin:0 auto;
	padding-top:0px;
	background-image: url(../images/maintitle1.png);
	background-repeat: no-repeat;
	background-position: bottom;
	
}
	

.servicesmenu{
	width: 328px;
	float: left;
	margin-left: 30px;
	margin-right: 30px;
	text-align: center;
	}
	
	
.servicesphoto{
	width: 328px;
	margin-top: 0px;
	}
	
.servicestitle2{
	width: 328px;
	margin-top: 10px;
	font-size: 24px;
	line-height: 27px;
	}
	
.servicestext{
	width: 328px;
	margin-top: 10px;
	font-size: 16px;
	line-height: 23px;
	}
	
/*こんせぷと*/



#conceptbg{
	width: 100%;
	min-width: 1200px;
	background-color: #e6e6e6;
	}
	
#conceptbg{
	width: 100%;
	min-width: 1200px;
	background-color: #e6e6e6;
	}
	

#conceptarea{
	width: 100%;
	min-width: 1200px;
	margin:0 auto;
	padding-top:130px;
	padding-bottom:120px;
	

}



.concepttitle{
	width:200px;
	height:83px;
	margin:0 auto;
	padding-top: 70px;
}
	
.concepttitle2{
	width:500px;
	margin:0 auto;
	padding-top: 15px;
	font-size: 24px;
	line-height: 63px;
	text-align: center;
	font-weight: 300;
	color: #FFF;
}
	
	
.conceptcon{
	width:1035px;
	margin:0 auto;
	padding-top: 10px;
	font-size: 17px;
	line-height: 55px;
	text-align: center;
	color: #FFF;
}
	
	
.conceptmore{
	width:500px;
	height: 33px;
	margin:0 auto;
	padding-top: 15px;
	background-image: url(../images/ourdnamore.png);
	background-repeat: no-repeat;
	background-position: bottom;
}
	
	

	
/*トピックス*/

#topicsarea{
	 width: 100%;
	 min-width: 1200px;
	 margin:0 auto;
	 padding-top:100px;
	 padding-bottom:100px;
	 background-color: #eff2ff;

}

.topicscon{
	 width:900px;
	 margin:0 auto;
	 padding-top: 50px;
}



.topicstitle{
	 width:145px;
	 margin:0 auto;
}


.topicsarea2{
	 width:750px;
	 margin:0 auto;
	 padding-top: 30px;
}
	
	
.topicscon1{
	 width:100px;
	 float: left;
	 
}

.topicscon2{
	 width:600px;
	 float:right;
}
	
.topicscate{
	 width:100px;
	 font-size: 16px;
	 line-height: 40px;
	 color: #036eb8;
	 font-weight: bold;
	 
}

.topicstitle2{
	 width:600px;
	 font-size: 17px;
	 line-height: 40px;
	 color: #003869;
	 font-weight: bold;
}
	
.topicsdate{
	 width:100px;
	 margin:0 auto;
     font-size: 16px;
	 line-height: 24px;
	 padding-top: 5px;
	 color: #4d4d4d;
	 
}

.topicstext{
	 width:600px;
	 margin:0 auto;
	 font-size: 16px;
	 line-height: 24px;
	 padding-top: 5px;
}
	
.topicsmorebt{
	width:500px;
	height: 40px;
	margin: 0 auto;
	padding-top: 50px;
	background-image: url(../images/topicsmore.png);
	background-repeat: no-repeat;
	background-position: bottom;
}


	
/*プロフィールエリア*/

#profilearea{
	 width: 100%;
	 min-width: 1200px;
	 margin:0 auto;
	 padding-top:100px;
	 padding-bottom:100px;

}



}



@media(max-width:480px){

#contents{
    width:100%;
	margin:0 auto;
	padding-bottom:0px;
}
	


#mainvisual{
    width:100%;
	padding-top: 150%;
	background-image:url(../images/mainvisual2.png);
	background-size:cover;
}
	
	
#visualover{
    width:100%;
	padding-top: 150%;
	background-color: rgba(00,17,57,0.1);
	z-index: inherit;
}
	

	
#visualover2{
    width:100%;
	padding-top: 150%;
	position: relative;
	z-index: inherit;
	
}
	
#maintext{
	width: 330px;
	height: 315px;
	background-image: url(../images/maintext.png);
	background-repeat: no-repeat;
	margin: 0 auto;
	position: absolute;
	left: 5%;
	top: 20%;
	z-index: auto;
	mix-blend-mode:normal;
}

#visualcon{
    width:100%;
	
}





.maintext1{
    width:90%;
	height: 48px;
	margin:0 auto;
	padding-top:20px;
	background-image: url(../images/maintitle1.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	
}
	
	

.maintext2{
    width:90%;
	margin:0 auto;
	padding-top:20px;
	font-size:17px;
	line-height:62px;
	text-align:center;
	
}


/*トピックス*/

#topicsarea{
     width:100%;
	 margin: 0 auto;
	 padding-top:120px;
	 padding-bottom:100px;
	 background-color: #eff2ff;

}

.topicscon{
     width:90%;
	 margin: 0 auto;
}



.topicstitle{
	 width:145px;
	 margin:0 auto;
}


.topicsarea2{
     width:100%;
	 margin:0 auto;
	 padding: 30px 0;
}
	
.topicscon1{
     width:100%;
	 margin: 0 auto;
	 
}

.topicscon2{
     width:100%;
	 margin: 0 auto;
}
	
.topicscate{
	 width:100%;
	 margin: 0 auto;
	 font-size: 16px;
	 line-height: 40px;
	 color: #036eb8;
	 font-weight: bold;
	 
}

.topicstitle2{
	 width:100%;
	 margin: 0 auto;
	 font-size: 17px;
	 line-height: 40px;
	 color: #003869;
	 font-weight: bold;
}
	
.topicsdate{
	 width:100%;
	 margin: 0 auto;
     font-size: 16px;
	 line-height: 24px;
	 padding-top: 5px;
	 color: #4d4d4d;
	 
}

.topicstext{
	 width:100%;
	 margin: 0 auto;
	 font-size: 16px;
	 line-height: 24px;
	 padding-top: 5px;
}
	
.topicsmorebt{
	width:100%;
	height: 40px;
	margin: 0 auto;
	padding-top: 50px;
	background-image: url(../images/topicsmore2.png);
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: 100%;
}





}