@charset "UTF-8";
.mov_area{
	width: 100%;
	position: relative;
}
/* コンセプト*/
.concept_area{
	width: 90%;
	margin: 40px auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: stretch;
}

.conp_1{
	

	width: 40%;
	display: flex;
	flex-direction: column;

}
.conp_1_catch{
	font-size: 27px;
	color: #00125d;
	font-weight: 700;
	letter-spacing: -0.1em;
	line-height: 1.4em;
	margin-bottom: 20px;
}
.conp_2{
	width: 56%;
	text-align: right;
	display: flex;
	flex-direction: column;
}
.conp_2_name{
	margin-top: -20px;
	font-size: 0.9em;
}
.link_btn_area{
	width: 90%;
	margin: 30px auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	
}
.link_btn{
	width: 31%;
}
.link_btn img:hover{
	opacity: 0.8;
	-webkit-transform: translateY(-3px);
	        transform: translateY(-3px);
}

/*---------news------------*/
.top_sub_ttl{
	font-size: 1.6em;
	font-weight: 700;
	color: #fff;
	text-align: center;
	width: 11em;
	margin: 40px auto 30px;
	padding: 5px 0;
	background-color: rgba(0,16,90,1.00);
	border-radius: 30px;
}
.news_area{
	width: 90%;
	margin: 30px auto 50px;
	border:1px solid rgba(0,16,90,1.00);
	padding: 30px 50px;
	border-radius: 12px;
}
.news_area dl{
	padding: 10px 20px;
	margin: 20px 0;
	background-color: #fff;
	display: flex;
	flex-direction: row;
	border-radius: 8px;
	box-shadow: 2px 2px 6px 0 rgba(0,0,0,0.2); 
}

.news_area dt{
	width: 8em;
	color: rgba(0,16,90,1.00);
	font-weight: 700;
}
.news_area dd{
	width: calc(100% - 8em);
}

.news_area dd a{
	color:#383838;
	text-decoration: none;
}
.news_area dd a:hover{
	color: rgba(0,16,90,1.00);
	border-bottom: 1px solid rgba(0,16,90,0.70);
}

/*-----------------Bnr-Area--------------------*/

.bnr_area{
	width: 90%;
	margin: 40px auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.bnr{
	width: 48%;
}
.bnr img{
filter: drop-shadow(7px 7px 0px rgba(0,0,0,0.1));
	
}
.bnr img:hover{
	opacity: 0.8;
	-webkit-transform: translateY(-3px);
	        transform: translateY(-3px);
	
}

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

/* コンセプト*/
.concept_area{
	width: 70%;
	margin: 40px auto;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: stretch;
}

.conp_1{
	width: 100%;
	display: flex;
	flex-direction: column;

}
.conp_1_catch{
	font-size: 1.8rem;
	color: #00125d;
	font-weight: 700;
	letter-spacing: -0.1em;
	line-height: 1.4em;
	margin-bottom: 20px;
}
.conp_2{
	width: 100%;
	margin: 30px auto;
}

/*---------news------------*/
.top_sub_ttl{
	font-size: 1.4em;
	font-weight: 700;
	color: #fff;
	text-align: center;
	width: 11em;
	margin: 30px auto;
	padding: 3px 0;
	background-color: rgba(0,16,90,1.00);
	border-radius: 30px;
}
.news_area{
	width: 90%;
	margin: 30px auto 50px;
	border:1px solid rgba(0,16,90,1.00);
	padding: 20px 30px;
	border-radius: 12px;
}
.news_area dl{
	padding: 10px 20px;
	margin: 20px 0;
	background-color: #fff;
	display: flex;
	flex-direction: row;
	border-radius: 8px;
	box-shadow: 2px 2px 6px 0 rgba(0,0,0,0.2); 
}

.news_area dt{
	width: 8em;
	color: rgba(0,16,90,1.00);
	font-weight: 700;
}
.news_area dd{
	width: calc(100% - 8em);
}

.news_area dd a{
	color:#383838;
	text-decoration: none;
}
.news_area dd a:hover{
	color: rgba(0,16,90,1.00);
	border-bottom: 1px solid rgba(0,16,90,0.70);
}

}

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

/* コンセプト*/
.concept_area{
	width: 94%;
	margin: 30px auto;
	display: flex;
	flex-direction:column;
	justify-content: space-between;
	align-items: stretch;
}

.conp_1{
	width: 100%;
	display: flex;
	flex-direction: column;

}
.conp_1_catch{
	font-size: 1.4rem;
	color: #00125d;
	font-weight: 700;
	letter-spacing: -0.1em;
	line-height: 1.4em;
	margin-bottom: 20px;
}
.conp_2{
	width: 100%;
	text-align: right;
	display: flex;
	flex-direction: column;
}
.conp_2_name{
	margin-top: -15px;
	font-size: 0.9em;
}

/*---------news------------*/
.top_sub_ttl{
	font-size: 1.4em;
	font-weight: 700;
	color: #fff;
	text-align: center;
	width: 11em;
	margin: 30px auto 10px;
	padding: 0 0;
	background-color: rgba(0,16,90,1.00);
	border-radius: 30px;
}
.news_area{
	width: 100%;
	margin: 20px auto 40px;
	border:1px solid rgba(0,16,90,1.00);
	padding: 20px;
	border-radius: 10px;
}
.news_area dl{
	padding: 10px 20px;
	margin: 20px 0;
	background-color: #fff;
	display: flex;
	flex-direction: column;
	border-radius: 8px;
	box-shadow: 2px 2px 6px 0 rgba(0,0,0,0.2); 
}

.news_area dt{
	width: 100%;
	color: rgba(0,16,90,1.00);
	font-weight: 700;
}
.news_area dd{
	width: 100%;
}


/*-----------------Bnr-Area--------------------*/

.bnr_area{
	width: 100%;
	margin: 20px auto 30px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.bnr{
	width: 90%;
	margin: 10px auto;
}
.bnr img{
filter: drop-shadow(7px 7px 0px rgba(0,0,0,0.1));
	
}
.bnr img:hover{
	opacity: 0.8;
	-webkit-transform: translateY(-3px);
	        transform: translateY(-3px);
	
}
}
/*---------------privacy----------------*/

.privacy_area{
	width: 70%;
	margin: 30px auto;
	font-size: 1.1rem;
}
.privacy_area h3{
	font-size: 1.2rem;
	color: rgba(0,12,94,1.00);
	font-weight: 700;
	margin: 20px 0 10px;
}
.pr_black{
	color:#000;
	font-weight: 700;
}
.pr_sig{
	text-align: right;
	font-size: 1.1rem;
}
.pr_sig span{
	font-size: 1.2rem;
}
@media screen and (max-width:480px){
.privacy_area{
	width: 90%;
	margin: 30px auto;
	font-size: 1.0rem;
}
.privacy_area h3{
	font-size: 1.2rem;
	color: rgba(0,12,94,1.00);
	font-weight: 700;
	margin: 20px 0 10px;
}
.pr_black{
	color:#000;
	font-weight: 700;
}
.pr_sig{
	text-align: right;
	font-size: 1.1rem;
}
.pr_sig span{
	font-size: 1.2rem;
}
.link_btn_area{
	width: 100%;
	margin: 30px auto;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	
}
.link_btn{
	width: 70%;
	margin: 10px auto;
	}
}
/*---------------contact----------------*/

.contact_main{
	width: 80%;
	margin: 30px auto;
}

.contact_top{
	width: 100%;
	margin: 40px auto 30px;
	text-align: center
}
.contact_top a{
	color: rgba(0,12,94,1.00);
	font-weight: 700;
}
.contact_top span{
	font-size: 1.2rem;
	color: rgba(0,12,94,1.00);
	margin-bottom: 10px;
	font-weight: 700;
}
@media screen and (max-width:900px){
.contact_main{
	width: 100%;
	margin: 30px auto;
}
.contact_top{
	width: 80%;
	margin: 40px auto 30px;
	text-align: center
}
}
@media screen and (max-width:480px){
.contact_main{
	width: 100%;
	margin: 20px auto;
}

.contact_top{
	width: 90%;
	margin: 30px auto 20px;
	text-align: center
}	
}
/*---------------概要・アクセス-----------------------*/

.outline_logo{
	width: 30%;
	margin: 50px auto 40px;
}
.outline_area{
	width: 70%;
	margin: 40px auto 60px;
	font-size: 1.1rem;
}
.outline_area dl{
	width: 100%;
	padding: 15px 0 ;
	border-bottom: 1px solid #00125d;
	display: flex;
	flex-direction: row;
}

.outline_area dt{
	width: 7em;
	font-weight: 700;
	color: #00125d;
	
}
.outline_area dd{
	width: calc(100% - 8em);
}
.profile_area{
	width: 70%;
	margin: 40px auto 60px;
	font-size: 1.1rem;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: stretch;
}
.profile_1{
	width: 32%;
}
.profile_2{
	width: 64%;
	display: flex;
	flex-direction: column;
}
.profile_2_ttl{
	width: 40%;
	margin: 0 0 20px 0;
}
.profile_2_name{
	font-size: 1.4rem;
	font-weight: 700;
	width: 100%;
	padding-bottom: 20px;
	border-bottom: 1px solid #00125d;
	margin-bottom: 30px;
}
.profile_col{
	color: #89adcc;
}
.profile_m{
	font-weight: 700;
}
@media screen and (max-width:900px){
	.outline_logo{
	width: 50%;
	margin: 40px auto 30px;
}
.outline_area{
	width: 80%;
	margin: 30px auto 40px;
	font-size: 1rem;
}
}

/*-------------------アクセス-----------------------*/
.access_area{
	width: 70%;
	margin: 30px auto;
	font-size: 1rem;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: stretch;
}
.access_item_1{
	width: 70%;
}
.access_item_2{
	width: 28%;
	display: flex;
	flex-direction: column;
	margin-top: 3.8vw;
}
.access_item_photo{
	width: 100%;
	position: relative;
	margin-bottom: 10px;
}
.access_item_photo_txt{
	position: absolute;
	bottom:10px;
	left:10px;
	color: #fff;
	font-size: 0.9rem;
	font-weight: 700;
}
.acces_gmap{
	width: 70%;
	border:2px solid #00125d;
	margin: 20px auto 60px;

}
@media screen and (max-width:900px){
.access_area{
	width: 80%;
	margin: 40px auto 30px;
	font-size: 0.9rem;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: stretch;
}
.acces_gmap{
	width: 80%;
	border:2px solid #00125d;
	margin: 20px auto 60px;

}
}
@media screen and (max-width:480px){
.outline_logo{
	width: 80%;
	margin: 30px auto;
}
.outline_area{
	width: 90%;
	font-size: 1rem;
	margin: 0 auto;
}
.outline_area dl{
	width: 90%;
	padding: 15px 0 ;
	border-bottom: 1px solid #00125d;
	display: flex;
	flex-direction: column;
}

.outline_area dt{
	width: 7em;
	font-weight: 700;
	color: #00125d;
	
}
.outline_area dd{
	width: 100%;
}
.profile_area{
	width: 90%;
	margin: 20px auto 40px;
	font-size: 15px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: stretch;
}
.profile_1{
	width: 60%;
	margin: 0 auto
}
.profile_2{
	width: 90%;
	display: flex;
	flex-direction: column;
	margin: 0 auto;
}
.profile_2_ttl{
	width: 50%;
	margin: 10px 0 0;
	}
.profile_2_name{
	font-size: 1.0rem;
	font-weight: 700;
	width: 100%;
	padding-bottom: 20px;
	border-bottom: 1px solid #00125d;
	margin-bottom: 20px;
	
}
.access_area{
	width: 90%;
	margin: 30px auto;
	font-size: 14px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: stretch;
}
.access_item_1{
	width: 100%;
}
.access_item_2{
	width: 100%;
	display: flex;
	flex-direction: column;
	margin-top: 0;
}
.access_item_photo{
	width: 90%;
	position: relative;
	margin: 10px auto;
}
.access_item_photo_txt{
	position: absolute;
	bottom:10px;
	left:10px;
	color: #fff;
	font-size: 0.9rem;
	font-weight: 700;
}
.acces_gmap{
	width: 90%;
	border:2px solid #00125d;
	margin: 20px auto 50px;

}
}
/*---------------------業務内容----------------------*/
.big-w{
	font-size: 1.5rem;
	font-weight: 700;
	margin-top: 20px;
}
.m-w{
	font-size: 1.2rem;
	font-weight: 700;
}
.s-w{
	padding-left: 40px;
}
.strong-w{
	font-size: 1.2rem;
	font-weight: 700;
	color: #666;
	padding-left: 20px;
}
.work_area{
	width: 80%;
	padding: 40px 0;
	margin: 40px auto;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.work_item1{
	width: 20rem;
	font-size: 1.8rem;
	color: hsla(229,100%,18%,1.00);
	font-weight: 700;
	padding: 3px 20px;
	border: 1px solid hsla(229,100%,18%,1.00);
	margin-bottom: 20px;
	background-color: rgba(3,17,99,0.10)
}
.work_item2{
	width: 100%;
}
.work_item2 p{
	margin: 10px 0;
}
.work_item2 span{
	color: #739ec3;
}

.site_area{
	width: 70%;
	margin: 40px auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.site{
	width: 46%;
}
.site img{
filter: drop-shadow(7px 7px 0px rgba(0,0,0,0.1));
	
}
.site img:hover{
	opacity: 0.8;
	-webkit-transform: translateY(-3px);
	        transform: translateY(-3px);
	
}
@media screen and (max-width:480px){
.work_area{
	width: 90%;
	padding: 40px 0;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	border-bottom: 1px solid rgba(0,16,90,1.00);
	justify-content: space-between;
}
.work_item1{
	width: 100%;
	font-size: 16px;
	color: hsla(229,100%,18%,1.00);
	font-weight: 700;
}
.work_item2{
	width: 100%;
}
.work_item2 p{
	margin: 10px 0;
}
.work_item2 span{
	color: #739ec3;
}

.site_area{
	width: 70%;
	margin: 20px auto 40px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.site{
	width: 100%;
	margin: 10px auto;
}	
}