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

 * BUSINESS
 
*--------------------------------------------------------- */

/*  INDEX
*---------------------------------------------------------- */
#business_block .mission_section{
	margin:0 0 80px;
}
#business_block .mission_section .box01{
	width:100%;
	margin:0 0 40px;
	box-sizing:border-box;
	background:#CAEEFE;
	border-bottom:3px solid #DADADA;
}
#business_block .mission_section .box02{
	width:100%;
	margin:0;
	box-sizing:border-box;
	background:#CAEEFE;
	border-bottom:3px solid #DADADA;
}
#business_block .mission_section .btn_box a{
	display:block;
	min-height:272px;
	padding:26px 0 0;
	position:relative;
}
#business_block .mission_section .btn_box a:hover .more{
	opacity:0.7;
}
#business_block .mission_section .btn_box h3{
	text-align:center;
	color:#FFF;
	font-weight:400;
	font-size:28px;
	letter-spacing:2px;
}
#business_block .mission_section ul{
	display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
#business_block .mission_section .box01 .btn_box{
	background:#0161B7 url(../img/top/bg_mission01.png) center 74px no-repeat;
	background-size:204px 196px;
}
#business_block .mission_section .box02 .btn_box{
	background:#0161B7 url(../img/top/bg_mission02.png) center 74px no-repeat;
	background-size:249px 196px;
}
#business_block .mission_section .btn_box .more{
	position:absolute;
	bottom:28px;
	right:26px;
	color:#FFF;
	font-size:20px;
	font-weight:400;
	padding:0 18px 0 0;
	-webkit-transition:all 0.3s ease 0s;
  	-moz-transition:all 0.3s ease 0s;
  	-o-transition:all 0.3s ease 0s;
  	transition:all 0.3s ease 0s;
}
#business_block .mission_section .btn_box .more:after{
	border-right: 2px solid #FFF;
	border-top: 2px solid #FFF;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	position: absolute;
	top: 20px;
	right: 0px;
	margin:-6px 0 0;
}
#business_block .mission_section .txt{
	color:#FFF;
	background:#15519A;
	padding:15px 30px;
	font-size:15px;
	text-align:left;
	border-bottom:3px solid #99BED1;
}
#business_block .mission_section .box01 .list_box li{
	font-size:15px;
	text-align:left;
	background:#CAEEFE;
	color:#282D51;
	padding:15px 32px;
	border-top:1px solid #E5F6FD;
	border-bottom:1px solid #B9D9F0;
	line-height:1.4;
	width:100%;
	box-sizing:border-box;
}
#business_block .mission_section .btn a{
	display:block;
	margin:10px 35px 35px;
	padding:24px 0;
	background:#0B3ECD;
	border-bottom:3px solid #98BDD0;
	width:auto;
	font-size:16px;
	font-weight:400;
	color:#FFF;
	position:relative;
	text-align:center;
}
#business_block .mission_section .btn a:after{
	border-right: 2px solid #FFF;
	border-top: 2px solid #FFF;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	position: absolute;
	top: 50%;
	right: 20px;
	margin:-4px 0 0;
}
#business_block .mission_section .box02 .list_box li{
	text-align:left;
	background:#CAEEFE;
	color:#282D51;
	padding:24px 42px;
	border-top:1px solid #E5F6FD;
	border-bottom:1px solid #B9D9F0;
	line-height:1.4;
	width:100%;
	box-sizing:border-box;
}
#business_block .mission_section .box02 .list_box li .left{
	float:left;
	width:62px;
	margin:0 15px 0 0;
}
#business_block .mission_section .box02 .list_box li .left img{
	width:100%;
}
#business_block .mission_section .box02 .list_box li .right{
	float:left;
	width:83%;
	width:-webkit-calc(100% - 77px) ;
	width:calc(100% - 77px) ;
}
#business_block .mission_section .box02 .list_box li .right .tit{
	font-size:15px;
	font-weight:700;
	margin:0 0 6px;
}
#business_block .mission_section .box02 .list_box li .right .sub{
	font-size:13px;
	line-height:1.8;
}
#business_block .mission_section .box01 .list_box li:first-child{
	border-top:none;
	padding:40px 32px 15px;
}
#business_block .mission_section .box02 .list_box li:first-child{
	border-top:none;
	padding:43px 42px 15px;
}
#business_block .mission_section .list_box li.etc{
	font-size:15px;
	padding:15px 42px;
	border-bottom:none;
	line-height:1.4;
	text-align:center;
}
@media screen and (max-width: 580px) {
	#business_block{
		margin:0 0 75px;
	}
	#business_block .mission_section{
		width:100%;
		padding:0;
		margin:0 0 40px;
	}
	#business_block .mission_section .btn_box a{
		min-height:280px;
	}
	#business_block .mission_section .btn_box .more{
		bottom:20px;
		right:26px;
		font-size:20px;
		padding:0 18px 0 0;
	}
	#business_block .mission_section .txt{
		padding:15px 20px;
	}
	#business_block .mission_section .box01{
		margin:0 0 30px;
	}
	#business_block .mission_section .box01 .list_box li{
		padding: 15px 20px !important;
	}
	#business_block .mission_section .box02 .list_box li{
		padding: 18px 20px !important;
	}
	#business_block .mission_section .box01 .btn_box{
		background:#0161B7 url(../img/top/bg_mission01.png) center 84px no-repeat;
		background-size:171px 164px;
	}
	#business_block .mission_section .box02 .btn_box{
		background:#0161B7 url(../img/top/bg_mission02.png) center 64px no-repeat;
		background-size:240px 189px;
	}
	#business_block .mission_section .btn a{
	margin:10px 20px 35px;
	}
}

/*  RESEARCH
*---------------------------------------------------------- */
#research_block{
	margin:0 0 80px;
}
#research_block .txt{
	padding:20px 0 0;
	font-size:14px;
}
#research_block .main_visual{
	background:#005DBA url(../img/top/bg_mission01.png) 32px 30px no-repeat;
	background-size:190px 182px;
	padding:40px 32px 45px 260px;
	border-bottom:3px solid #C4CBD3;
	margin:0 0 50px;
}
#research_block .main_visual h3{
	font-size:28px;
	color:#FFF;
	margin:0 0 10px;
}
#research_block .main_visual .txt{
	font-size:15px;
	line-height:2.0;
	color:#FFF;
}
#research_block .txt_gallery{
	font-size:26px;
	font-weight:500;
	color:#3761B0;
	margin:40px 0 30px;
}
#research_block .gallery_box{
	padding:0 40px 35px;
	margin:0 0 35px;
	border-bottom:1px solid #D2D2D2;
}
#research_block .gallery_box_content {
	padding:0 40px 35px;
	margin:0 0 35px;
}
#research_block .txt_gallery_sub{
	font-size:22px;
	font-weight:500;
	color:#333;
	margin:0 1em 20px;
}
#research_block .txt_gallery_sub span{
	font-size:14px;
	color:#333;
}
h6{
	font-size:18px;
	font-weight:500;
	color:#333;
	margin:0 2em 20px;
}
@media screen and (max-width: 920px) {
	#research_block .main_visual{
		background:#0161B7 url(../img/top/bg_mission01.png) center 90px no-repeat;
		background-size:171px 164px;
		padding:0 30px 20px;
	}
	#research_block .main_visual h3{
		text-align:center;
		padding:26px 0 0;
		margin:0 0 210px;
	}
	#research_block .main_visual .txt{
		line-height:1.8;
	}
	#research_block .gallery_box{
		padding:0 0 35px;
		margin:0 0 35px;
		border-bottom:1px solid #D2D2D2;
	}
	#research_block .gallery_box_content{
		padding:0 0 35px;
		margin:0 0 35px;
	}
}
@media screen and (max-width: 580px) {
	#research_block .main_visual{
		padding:0 20px 30px;
		margin:0 0 30px;
	}
	#research_block .gallery_box{
		padding:0 0 35px;
	}
}

/*  PUBLICATION
*---------------------------------------------------------- */
#publication_block{
	margin:0 0 80px;
}
#publication_block .main_visual{
	background:#005DBA url(../img/top/bg_mission02.png) 20px 30px no-repeat;
	background-size:224px 177px;
	padding:40px 32px 45px 260px;
	border-bottom:3px solid #C4CBD3;
	margin:0 0 50px;
}
#publication_block .main_visual h3{
	font-size:28px;
	color:#FFF;
	margin:0 0 10px;
}
#publication_block .main_visual .txt{
	font-size:15px;
	line-height:2.0;
	color:#FFF;
}
#publication_block .publication_list{
	margin:0 0 50px;
}
#publication_block .publication_list li{
	border-bottom: 1px solid #D2D2D2;
	padding:30px 10px 30px 275px;
}
@media screen and (min-width: 921px) {
	#publication_block .publication_list li{
		min-height:200px;
	}
}
#publication_block .publication_list li.no{
	background:url(../business/img/img_publication.png) left center no-repeat;
}
#publication_block .publication_list li.minami{
	background:url(../business/img/img_publication01.png) left center no-repeat;
}
/* 20170519追記 */
#publication_block .publication_list li.machiya{
	background:url(../business/img/img_publication02.png) left center no-repeat;
}
/* 20170615追記 */
#publication_block .publication_list li.sintaku{
	background:url(../business/img/img_publication03.png) left center no-repeat;
}
#publication_block .publication_list li .tit{
	font-size:19px;
	font-weight:700;
	color:#3761B2;
	margin:0 0 5px;
}
#publication_block .publication_list li .tit span{
	font-size:15px;
	font-weight:400;
	color:#333;
}
#publication_block .publication_list li .txt{
	margin:0 0 15px;
}
#publication_block .publication_list li .btn a{
	display:block;
	font-size:19px;
	font-weight:500;
	color:#2740C8;
	line-height:1.0;
	position:relative;
	padding:0 0 0 36px;
}
#publication_block .publication_list li .btn a:before{
	content: "";
    display: block;
    width: 28px;
    height: 22px;
    background: url(../business/img/ico_contact.png) center no-repeat;
    background-size: 28px 22px;
    position:absolute;
    left:0;
    top:-1px;
}
#publication_block .support h4{
	font-size:26px;
	font-weight: 500;
	color:#3761B2;
	line-height:1.0;
	margin:0 0 20px;
}
#publication_block .support .txt{
	font-size:16px;
	margin:0 0 30px;
}
.contact_box{
	border:5px solid #ECE6E6;
	padding:25px 30px;
	box-sizing:border-box;
}
.contact_box .name{
	color:#16283F;
    font-size:23px;
}
.contact_box .info{
	float:left;
	margin:0 20px 0 0;
	width:290px;
}
.contact_box .tel{
	font-size:38px;
    font-weight:500;
    line-height:1.2;
    padding:0;
}
.contact_box .tel a{
	color:#1212BE;
}
.contact_box .tel span{
	font-size:16px;
}
.contact_box .sub{
	font-size:18px;
}
.contact_box .btn{
	float:left;
	width:60%;
	width: -webkit-calc(100% - 310px);
	width: calc(100% - 310px);
}
.contact_box .btn a{
	margin: 41px 0 0;
    display: block;
    background: #0A0AC4;
    color: #FFF;
    font-size: 18px;
    text-align: center;
    padding: 20px 30px 20px 10px;
    border-bottom: 3px solid #DADADA;
    position: relative;
}
.contact_box .btn a:after{
	content: "";
    display: block;
    width: 17px;
    height: 13px;
    background:url(../company/img/ico_mail.png) center no-repeat;
	background-size:17px 13px;
    position: absolute;
    right: 50px;
    top: 31px;
}
#publication_block .txt_sp,
#publication_block .more_btn{
	display:none;
}
@media screen and (max-width: 920px) {
	#publication_block .main_visual{
		background:#0161B7 url(../img/top/bg_mission02.png) center 74px no-repeat;
		background-size:249px 196px;
		padding:0 30px 20px;
	}
	#publication_block .main_visual h3{
		text-align:center;
		padding:26px 0 0;
		margin:0 0 210px;
	}
	#publication_block .main_visual .txt{
		line-height:1.8;
	}
	#publication_block .publication_list li{
		border-bottom: 1px solid #D2D2D2;
		padding:320px 0 30px;
	}
	#publication_block .publication_list li.no{
		background:url(../business/img/img_publication.png) center 20px no-repeat;
	}
	#publication_block .publication_list li.minami{
		background:url(../business/img/img_publication01.png) center 20px no-repeat;
	}
	#publication_block .publication_list li.machiya{
		background:url(../business/img/img_publication02.png) center 20px no-repeat;
	}
	#publication_block .publication_list li.sintaku{
		background:url(../business/img/img_publication03.png) center 20px no-repeat;
	}
	
	#publication_block .publication_list li .btn a{
		text-align:center;
	}
	#publication_block .publication_list li .btn a:before{
		left:50%;
		margin:0 0 0 -100px;
	}
	.contact_box .info{
		width:100%;
		text-align:center;
		float:none;
	}
	.contact_box .btn{
		float:left;
		width:100%;
	}
	.contact_box .btn a{
		margin:15px 0 0;
	}
}
@media screen and (max-width: 580px) {
	#publication_block .main_visual{
		padding:0 20px 30px;
		margin:0 0 30px;
	}
	.contact_box{
		padding:20px 20px;
		margin:0 0 40px;
	}
	.contact_box .btn a:after{
		right:30px;
    	top:30px;
	}
	.contact_box .name{
    	font-size:18px;
	}
	.contact_box .tel{
		font-size:29px;
	}
	.contact_box .tel span{
		font-size:15px;
	}
	.contact_box .sub{
		font-size:13px;
	}
	#publication_block .publication_list .txt{
		display:none;
	}
	#publication_block .txt_sp{
		display:block;
		line-height:1.8;
		margin:0 0 10px;
	}
	#publication_block .more_btn{
		display:block;
		margin:0 0 20px;
	}
	#publication_block .more_btn a{
		display:block;
		text-align:center;
		padding:10px;
		width:100%;
		box-sizing:border-box;
		border: 1px solid #D2D2D2;
		color:#2740C8;
		font-size:15px;
		cursor:pointer;
		position:relative;
	}
	#publication_block .more_btn a:after{
		border-right: 2px solid #2740C8;
    	border-top: 2px solid #2740C8;
		-moz-transform: rotate(135deg);
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
		content: "";
    	display: block;
		top: 50%;
   		right: 20px;
    	margin-top: -4px;
    	position: absolute;
    	width: 4px;
		height: 4px;
	}
	#publication_block .more_btn a.close:after{
		-moz-transform: rotate(315deg);
		-webkit-transform: rotate(315deg);
		transform: rotate(315deg);
    	margin-top: -2px;
	}
}