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

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
/*	font: inherit;
*/	vertical-align: baseline;
	line-height: 1.5;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	color: #474747;
	font-family: "游ゴシック", "Yu Gothic", "YuGothic", sans-serif;
	-webkit-text-size-adjust: 100%;

}


/*

Montserrat
regular   400
medium    500
semi-bold 600
bold      700

*/



header h1,
h2,
header h3,
nav a,
.catch,
.btn_l,
.access dt,
.tel dt,
.commingsoon,
.num,
.page_sitemap dt,
#rent .data_name a,
#rent .flag,
#gallery,
.irifune h3,
.detail .info dt{
	font-family: "Montserrat",  "Yu Gothic" , "YuGothic", sans-serif;
}



area{
  border:none;
  outline:none;
}





a{
	color: #000;
	text-decoration: none;
}

li{
	list-style-type: none;
}

#sp_nav{
	display: none;
}

.cf:after{
	content: "";
	display: block;
	clear: both;
	visibility: hidden;
}


.no_scroll{
	overflow: hidden;
}















@media screen and (min-width: 751px) {


	body{
		font-size:15px;

	}

	.ignore_pc{
		display: none;
	}
	.pc{
		display: block;
	}
	.sp{
		display: none;
	}


	.wrap{
		position: relative;
		width: 100%;
		min-width: 980px;
		overflow: hidden;
	}

	#contents{
		margin: 0 auto;
		width: 100% !important;

	}


	/*--------------------------------------
				header
	---------------------------------------*/


	.pc_header{
		display: block;
	}
	

	.sp_header{
		display: none;
		height: 0;
	}





	#header{
		position: absolute;
		top: 0;;
		width: 100%;
		height: 110px;
		z-index: 100;
	}
	#header .header_inner{
		margin: 0 auto;
		width: 1000px;
		height: 110px;
		z-index: 100;
		background: #fff;
		box-shadow: 0 0 40px 8px rgba(0,0,0,0.2);
	}

	#header .logo{
		float: left;
		width: 300px;
		height: 110px;
		background: url(../img/pc/logo_header.jpg) 50% 50% no-repeat;
	}
	#header .logo a{
		display: block;
		width: 100%;
		height: 100%;
	}

	/*--------------------------------------
				nav
	---------------------------------------*/

	#header nav{
		float: right;
	}
	#header nav li{
		float: left;
		width: 140px;
		height: 110px;
		border-left: 1px solid #d2e1e7;

		box-sizing: border-box;
	}
	#header nav li a{
		display: block;
		text-align: center;
		font-weight: 700;
		font-size: 14px;
		padding: 37px 0 32px;
		color: #01488c;

		box-sizing: border-box;

	}
	#header nav li a span{
		display: block;
		font-size: 11px;
		color: #474747;
		font-weight: normal;
	}



	#header nav li a:hover{
		border-bottom: 4px solid #04347a;
		background: #ebf1f7;

		-webkit-transition: background 200ms ease;
		-ms-transition: background 200ms ease;
		-o-transition: background 200ms ease;
		transition: background 200ms ease;

	}



	.top .nav_top,
	.page_office .nav_office,
	.page_service .nav_service,
	.page_scene .nav_scene,
	.page_contact .nav_contact{
		border-bottom: 4px solid #04347a;
		background: #ebf1f7;
	}





	/*--------------------------------------
				title
	---------------------------------------*/






	/*--------------------------------------
				footer
	---------------------------------------*/


	.pc_footer{
		display: block;
	}

	.sp_footer{
		display: none;
	}


	footer .logo{
		margin: 70px auto 40px;
		width: 245px;
		height: 37px;
		background: url(../img/pc/logo_footer.jpg) 0 0  no-repeat;
	}



	footer nav.nav_1{
		border-top: 1px solid #d2e1e7;
		border-bottom: 1px solid #d2e1e7;

	}

	footer nav.nav_1 li{
		float: left;
		width: 20%;
		height: 95px;
		border-left: 1px solid #d2e1e7;

		box-sizing: border-box;
	}
	footer nav.nav_1 li a{
		display: block;
		text-align: center;
		color: #01488c;
		font-size: 14px;
		font-weight: bold;
		padding: 28px 0 26px;

		box-sizing: border-box;


	}
	footer nav.nav_1 li a span{
		display: block;
		font-size: 11px;
		color: #474747;
		font-weight: 500;
	}
	footer nav.nav_1 li a:hover{
		border-bottom: 4px solid #04347a;
		background: #ebf1f7;

		-webkit-transition: background 200ms ease;
		-ms-transition: background 200ms ease;
		-o-transition: background 200ms ease;
		transition: background 200ms ease;
		
	}



	footer .bottom{
		height: 132px;
		background: #ebf1f7;
		text-align: center;
	}
	footer .bottom nav{
		padding: 43px 0 35px;
	}
	footer .bottom li{
		display: inline-block;

	}
	footer .bottom li + li a{
		display: block;
		padding: 0 0 0 20px;
		margin: 0 0 0 20px;
		background: url(../img/pc/line_footer.gif) 0 50%  no-repeat;
	}
	footer .bottom li a{
		font-size: 13px;
	}
	footer .bottom li a:hover{
		text-decoration: underline;
	}
	footer .bottom p{
		font-size: 11px;
		color: #aabfd7;
	}



	/*--------------------------------------
				コンテンツヘッダ
	---------------------------------------*/



	.contents_header{
		position: relative;
		text-align: center;
		padding: 110px 0 0;
		height: 265px;
		background: #ebf1f7;
	}
	.contents_header h1{
		font-size: 40px;
		font-weight: 200;
		color: #04347a;
		letter-spacing: 2px;
	}
	.contents_header p{
		margin: 5px 0 0;
		font-size: 13px;
		line-height: 1.8;
	}
	.links{
		position: absolute;
		width: 1000px;
		margin: auto;
		left: 0;
		right: 0;
		bottom: 20px;
		text-align: right;
	}
	.links li{
		margin: 5px 0 0;
	}
	.links a,
	a.txt_link{
		font-size: 13px;
		color: #04347a;
		font-weight: bold;
		text-decoration: underline;
	}
	.links a:hover,
	a.txt_link:hover{
		text-decoration: none;
	}
	.links a:after,
	a.txt_link:after{
		content: "";
		position: relative;
		top: 1px;
		margin: 0 0 0 10px;
		display: inline-block;
		width: 7px;
		height: 12px;
		background: url(../img/pc/arrow_s.png) 0 50% no-repeat;
	}





	.contents_header_2{
		position: relative;
		text-align: center;
		padding: 150px 0 0;
	}
	.contents_header_2 h1{
		font-size: 40px;
		font-weight: 200;
		color: #04347a;
	}
	.contents_header_2 p{
		margin: 10px 0 30px;
		font-size: 13px;
	}
	.contents_header_2 .links{
		top: 150px;
	}








	/*--------------------------------------
				コンテンツbg
	---------------------------------------*/



	#office header{
		position: relative;
		height: 230px;
		overflow: hidden;
	}

	.inner{
		margin: 0 auto;
		width: 1000px;
	}





	/*--------------------------------------
			office		
	---------------------------------------*/




	#office{
		width: 100%;
		min-width: 1000px;
	/*	overflow: hidden;
	*/}


	#office article{
		text-align: center;
		color: #fff;
		padding: 40px 0;

	}
	#office header h2{
		position: relative;
		z-index: 10;
		width: 100%;
		font-size: 31px;
		text-align: center;
		font-weight: bold;
		line-height: 230px;
		color: #fff;
		text-indent: -9999px;

	}

	#office article h3{
		margin: 0 0 25px;
		font-size: 22px;
		font-weight: 400;
	}

	#office article .box{
		display: inline-block;
	}



	#office .box dl{
		text-align: left;
		width: 495px;
	}
	#office .box dl + dl{
		margin: 20px 0 0;
	}
	#office .box dl dt{
		float: left;
		text-align: center;
		font-size: 16px;
		width: 90px;
		letter-spacing: 1.5px;
	}
	#office .box dl dd{
		margin: 0 0 0 20px;
		padding: 1px 0 1px 20px;
		float: right;
		width: 360px;
		font-size: 13px;
		line-height: 2;
		border-left: 1px solid #fff;
	
	}

	#office .box span,
	#office .info span,
	.access span{
		display: inline-block;
		width: 10.5em;
		margin: 0 3px 0 0;
	}
	#office .box span + span,
	#office .info span + span,
	.access span + span{
		display: inline-block;
		margin: 0 12px 0 0;
		width: 12em;
	}




	#office .irifune article{
		background: #619ad7;
	}


	#office .box dl + dl{
		margin: 25px 0 0;
	}
	#office .access dt:before{
		content: "";
		position: relative;
		top: 5px;
		display: inline-block;
		width: 100%;
		height: 14px;
		background: url(../img/pc/icon_access.png) 50% 0 no-repeat;
	}
	#office .tel dt:before{
		content: "";
		position: relative;
		top: 5px;
		display: inline-block;
		width: 100%;
		height: 18px;
		background: url(../img/pc/icon_tel.png) 50% 0 no-repeat;
	}
	#office .tel dd a{
		color: #fff;
	}

	#office .clickable{
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 100;
	}



	.irifune{
		position: relative;

	}
	.irifune .btn_s{
		position: absolute;
		bottom: -20px;
		right: 0;
	}


	.irifune figure{
		position: relative;
		width: 50%;
		float: left;
		overflow: hidden;
		height: 365px;
	}
	.irifune article{
		position: relative;
		width: 50%;
		float: right;
/*		height: 324px;
*/		box-sizing: border-box;
	}



	.irifune .img_wrap{
		position: absolute;
		top: 50%;
		left: 50%;
		width: 101%;
		min-width: 740px;
		height: 230px;

		transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
		-o-transform: translate(-50%,-50%);	
	}

	.irifune img{
		position: absolute;
		top: 50%;
		left: 50%;
		width: 100%;
		z-index: 0;

		transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
		-o-transform: translate(-50%,-50%);
	}
/*
	.toranomon .overlay{
		position: absolute;
		width: 100%;
		height: 100%;
		background: #55b2da;
		opacity: 0.78;
		z-index: 10;
	}

	.toranomon .commingsoon{
		position: absolute;
		top: 0;
		left: 0;
		font-size: 16px;
		z-index: 100;
		color: #fff;
		width: 100%;
		height: 522px;
		letter-spacing: 1px;

	}
	.toranomon .commingsoon .info{
		position: absolute;
		left: 50%;
		margin: auto;
		top: 0;
		bottom: 0;
		height: 131px;
		width: 100%;

		transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-o-transform: translateX(-50%);
	}


	.toranomon .commingsoon .info dt{
		margin: 0 0 15px;
		font-size: 16px;
		text-align: center;
	}
	.toranomon .commingsoon .info dd{
		font-size: 13px;
		line-height: 1.8;
		margin: 0 auto;
		width: 210px;
	}



	.toranomon .filter{
		filter: blur(3px);
	}
	.toranomon article{
		background: #55b2da;
	}

	.toranomon{
		position: relative;
		width: 50%;
		overflow: hidden;
		float: right;

		border-left: 1px solid #fff; 
		width: calc(50% - 1px);
		width: -webkit-calc(50% - 1px);

	}

	.toranomon .img_wrap{
		position: absolute;
		top: 50%;
		left: 50%;
		width: 100%;
		min-width: 740px;
		height: 230px;

		transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
		-o-transform: translate(-50%,-50%);	
	}

	.toranomon img{
		width: 100%;
		min-width: 740px;

		position: absolute;
		top: 50%;
		left: 50%;
		width: 100%;
		min-width: 790px;
		z-index: 0;

		transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
		-o-transform: translate(-50%,-50%);

	}

*/





	/*--------------------------------------
				コンタクト
	---------------------------------------*/

	.contact{
		position: relative;
		margin: 70px 0 0;
		width: 100%;
		height: 270px;
		overflow: hidden;
	}

	.contact h2{
		margin: 0 0 5px;
		font-size: 40px;
		font-weight: 200;
		letter-spacing: 3px;
	}
	.contact p{
		margin: 0 0 35px;
	}


	.contact .contact_inner{
		position: relative;
		z-index: 10;
		top: 45px;

		width: 100%;
		text-align: center;
		vertical-align: middle;
		color: #fff;
	}


	.contact img{
		position: absolute;
		top: 50%;
		left: 50%;
		width: 100%;
		min-width: 1480px;
		z-index: 0;

		transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
		-o-transform: translate(-50%,-50%);

	}


	.entry{
		position: fixed;
		bottom: 0px;
		right: 0px;
		z-index: 1000;

	}


	.entry a{
		position: relative;
		display: block;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 0 180px 180px;
		border-color: transparent transparent #eb6100 transparent;
		color: #fff;
		font-weight: 700;
		font-size: 13px;
		margin: 0 -10px -10px 0;

		-webkit-transition: all 200ms ease;
		-ms-transition: all 200ms ease;
		-o-transition: all 200ms ease;
		transition: all 200ms ease;

		box-sizing: border-box;


	}
	.entry a span{
		position: absolute;
		display: inline-block;
		top: 100px;
		left: -95px;
		z-index: 100;
	}
	.entry a span:before{
		content: "";
		margin: 0 0 8px;
		display: block;
		height: 16px;
		background: url(../img/pc/btn_entry.png) 50% 50% no-repeat;	
	}

	.entry a:hover{
		margin: 0 0 0 0;

		border-color: transparent transparent #f48f48 transparent;

	}


	/*--------------------------------------
				btn
	---------------------------------------*/



	.btn_s{
		display: inline-block;
		background: #fff;
		box-shadow: 0 0 30px 0px rgba(0, 0, 0, 0.15);
	}
	.btn_s a{
		position: relative;
		display: block;
		padding: 0 75px 0 25px;
		height: 50px;
		line-height: 50px;
		font-weight: bold;
		background: #fff;
		color: #04347a;
	}
	.btn_s a span{
		position: absolute;
		top: 0;
		right: 0;
		display: inline-block;
		height: 50px;
		width: 50px;
		border-left: 1px solid #bad3e4;
		background: url(../../../shared/img/pc/arrow_s.png) 50% 50% no-repeat;
	}

	.zoom:hover .btn_s a span,
	.btn_s a:hover span{
		background: #14347a url(../img/pc/arrow_s_w.png) 50% 50% no-repeat;

		-webkit-transition: background 200ms ease;
		-ms-transition: background 200ms ease;
		-o-transition: background 200ms ease;
		transition: background 200ms ease;
	}







	/*コンテンツタイトル*/

	.column > .img_header{
		position: relative;
		width: 100%;
		height: 150px;
		overflow: hidden;
	}

	.column > .img_header h2{
		position: relative;
		z-index: 10;
		width: 100%;
		height: 150px;
		line-height: 150px;
		text-align: center;
		color: #fff;
		font-size: 30px;
		font-weight: 700;
	}


	.column > .img_header img{
		position: absolute;
		top: 50%;
		left: 50%;
		width: 100%;
		min-width: 1480px;
		z-index: 0;

		transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
		-o-transform: translate(-50%,-50%);

	}



}






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



	body{
		font-size:13px;

	}


	.no-scroll{
		overflow: hidden;
	}


	.wrap{
		position: relative;
		width: 100%;
		overflow: hidden;
	}

	#contents{
		margin: 0 auto;
		width: 100% !important;

	}


	/*--------------------------------------
				header
	---------------------------------------*/
	.ignore_sp{
		display: none;
	}
	.pc_header{
		display: none;
	}
	.pc{
		display: none;
	}
	.sp{
		display: block;
	}


	.sp_header{
		display: block;
	}

	.sp_header header{
		position: relative;
	}

	.sp_header{
		position: fixed;
/*		position: relative;
*/		top: 0;;
		width: 100%;
		height: 75px;
		z-index: 1100;
	}
	.sp_header .header_inner{
		margin: 0 auto;
		width: 100%;
		height: 75px;
		z-index: 100;
		background: #fff;
		box-shadow: 0 0 40px 8px rgba(0,0,0,0.2);
	}

	.sp_header .logo{
		width: 170px;
		height: 75px;

		margin: 0 0 0 20px;
		background: url(../../../shared/img/sp/logo_header_sp.png) 0 0  no-repeat;
		background-size: auto 100%;
	}
	.sp_header .logo a{
		display: block;
		width: 170px;
		height: 75px;
	}



	.sp_header .menu{
		position: absolute;
		top: 0;
		right: 0;
		display: block;
		width: 75px;
		height: 75px;
		background: #ecf1f6 url(../../../shared/img/sp/menu_open.png) 0 0  no-repeat;
		background-size: auto 100%;
		z-index: 1000;
	}

	.sp_header .menu.clicked{
		background: #ecf1f6 url(../img/sp/menu_close.png) 0 0  no-repeat;
		background-size: auto 100%;
	}




	/*--------------------------------------
				nav
	---------------------------------------*/


	.top .nav_top,
	.page_office .nav_office,
	.page_service .nav_service,
	.page_scene .nav_scene,
	.page_contact .nav_contact{
		background: #ebf1f7;
	}
	.top .nav_top a,
	.page_office .nav_office a,
	.page_service .nav_service a,
	.page_scene .nav_scene a,
	.page_contact .nav_contact a{
		color: #04347a
	}




	.sp_header nav{
		position: relative;
		background: #04347a;
		border-top: 1px solid #d2e1e7;
		display: none;
	}
	.sp_header nav li{
		width: 100%;
		box-sizing: border-box;
	}

	.sp_header nav li a{
		display: block;
		padding: 15px 0;
		text-align: center;
		font-weight: 700;
		font-size: 20px;
		vertical-align: middle;
		color: #fff;
		font-weight: 200;

		box-sizing: border-box;

	}

	.sp_header nav li a span{
		display: block;
		font-size: 10px;
	}


	.overlayer{
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #04347a;
		z-index: 1000;
	}




	/*--------------------------------------
				title
	---------------------------------------*/






	/*--------------------------------------
				footer
	---------------------------------------*/

	.pc_footer{
		display: none;
	}

	.sp_footer{
		display: block;

	}



	footer .logo{
		margin: 30px auto;
		width: 100%;
		height: 22px;
		background: url(../img/sp/logo_footer_sp.png) 50% 0 no-repeat;
		background-size: auto 100%;
	}



	footer nav.nav_1{
		padding: 30px 0;
		background: #ebf1f7;
	}


	footer nav.nav_1 li{
		width: 100%;
		box-sizing: border-box;
	}
	footer nav.nav_1 li + li{
		margin: 15px 0 0;
	}

	footer nav.nav_1 li a{
		display: block;
		text-align: center;
		color: #01488c;
		font-size: 14px;
		font-weight: bold;

		box-sizing: border-box;


	}
	footer nav.nav_1 li a span{
		display: none;
	}


	footer .bottom{	
		text-align: center;
	}
	footer .bottom nav{
		padding: 0 0 30px;
		background: #ebf1f7;
	}
	footer .bottom nav ul{
		margin: 0 auto;
		width: 290px;

	}




	footer .bottom li{
		display: inline-block;

	}
	footer .bottom li + li a{
		display: block;
		padding: 0 0 0 10px;
		margin: 0 0 0 10px;
		background: url(../img/pc/line_footer.gif) 0 50%  no-repeat;
	}
	footer .bottom li a{
		font-size: 10px;
	}
	footer .bottom li a:hover{
		text-decoration: underline;
	}
	footer .bottom p{
		margin: 0 0 100px;
		font-size: 11px;
		color: #aabfd7;
	}



	/*--------------------------------------
				コンテンツヘッダ
	---------------------------------------*/



	.contents_header{
		position: relative;
		text-align: center;
		padding: 75px 0 0;
/*		padding: 110px 0 0;
		height: 140px;*/
		background: #ebf1f7;
	}
	.contents_header h1{
		font-size: 30px;
		font-weight: 200;
		color: #04347a;
		letter-spacing: 2px;
	}
	.contents_header p{
		margin: 20px 0 0;
		padding: 20px;
		font-size: 13px;
		line-height: 1.8;
		background: #fff;
	}
	.links{
		position: absolute;
		width: 1000px;
		margin: auto;
		left: 0;
		right: 0;
		bottom: 20px;
		text-align: right;
	}
	.links li{
		margin: 5px 0 0;
	}
	.links a,
	a.txt_link{
		font-size: 13px;
		color: #04347a;
		font-weight: bold;
		text-decoration: underline;
	}
	.links a:hover,
	a.txt_link:hover{
		text-decoration: none;
	}
	.links a:after,
	a.txt_link:after{
		content: "";
		position: relative;
		top: 0;
		margin: 0 0 0 10px;
		display: inline-block;
		width: 7px;
		height: 10px;
		background: url(../img/sp/arrow_s.png) 0 50% no-repeat;
		background-size: auto 100%;
	}





	.contents_header_2{
		position: relative;
		text-align: center;
/*		padding: 40px 0 0;
*/
		padding: 115px 0 0;

	}
	.contents_header_2 h1{
		letter-spacing: 2px;
		font-size: 30px;
		font-weight: 200;
		color: #04347a;
	}
	.contents_header_2 p{
		margin: 10px 0 30px;
		font-size: 12px;
	}
	.contents_header_2 .links{
		top: 150px;
	}








	/*--------------------------------------
				コンテンツbg
	---------------------------------------*/



	#office header{
		position: relative;
		padding-top: 30%;
/*		height: 230px;
*/		overflow: hidden;
	}
	/*
	#office header img{
		position: absolute;
		top: 50%;
		left: 50%;
		width: 100%;
		min-width: 790px;
		z-index: 0;

		transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
		-o-transform: translate(-50%,-50%);
	}
	*/
	.inner{
/*		margin: 0 auto;
		width: 1000px;*/
		width: 100%;
	}





	/*--------------------------------------
			office		
	---------------------------------------*/




	#office{
		width: 100%;
/*		min-width: 1000px;
*/	/*	overflow: hidden;
	*/}


	#office article{
		text-align: center;
		color: #fff;
		padding: 30px 0 40px;

	}
	#office header h2{
		position: absolute;
		margin: auto;
		top: 0;
		bottom: 0;
		width: 100%;		
		height: 33px;
		font-size: 22px;
		text-align: center;
		font-weight: bold;

		z-index: 10;
		color: #fff;
		text-indent: -9999px;

	}



	#office article h3{
		margin: 0 0 25px;
		font-size: 19px;
		font-weight: normal;
	}

	#office article .box{
		display: inline-block;
	}



	#office .box dl{
		text-align: center;
	}
	#office .box dl + dl{
		margin: 20px 0 0;
	}
	#office .box dl dt{
		display: inline-block;
		margin: 0 auto 10px;
		padding: 0 0 8px;
		letter-spacing: 1.5px;
		text-align: center;
		font-size: 15px;

		border-bottom: 1px solid #fff;

	}
	#office .box dl dd,
	#office .info dl dd{
/*		margin: 0 0 0 20px;
*/		padding: 1px 0 1px 0;
		width: 100%;
		font-size: 12px;
		line-height: 1.8;
	}
	#office .box dl dd + dd,
	#office .info dl dd + dd{
		text-align: left;
		margin: 0 auto;
		width: 195px;
	}

	#office .box span,
	#office .info span{
		display: inline-block;
		width: 4.5em;
		margin: 0 3px 0 0;
	}
	#office .box span + span,
	#office .info span + span{
		display: inline-block;
		margin: 0 12px 0 0;
		width: 6.5em;
	}


	#office .irifune article{
		background: #619ad7;
	}


	#office .box dl + dl{
		margin: 25px 0 0;
	}
	#office .access dt:before{
		content: "";
		position: relative;
		top: 5px;
		margin: 0 0 5px;
		display: inline-block;
		width: 100%;
		height: 14px;
		background: url(../img/sp/icon_access.png) 50% 0 no-repeat;
		background-size: auto 100%;
	}
	#office .tel dt:before{
		content: "";
		position: relative;
		top: 5px;
		margin: 0 0 5px;
		display: inline-block;
		width: 100%;
		height: 18px;
		background: url(../img/sp/icon_tel.png) 50% 0 no-repeat;
		background-size: auto 100%;
	}
	#office .tel dd a{
		color: #fff;
	}

	#office .clickable{
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 100;
	}



	.irifune{
		position: relative;
		width: 100%;
	}
	.irifune .btn_s{
		position: absolute;
		bottom: -10px;
		right: 0;
	}
	.irifune .img_wrap{
		position: relative;
		padding-top: 49.05%;
		overflow:hidden;
		width: 100%;

	}

	.irifune img{
		position: absolute;
		top: 50%;
		left: 50%;
		width: 100%;
		z-index: 0;

		transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
		-o-transform: translate(-50%,-50%);
	}




	/*--------------------------------------
				コンタクト
	---------------------------------------*/

	.contact{
		position: relative;
		margin: 50px 0 0;
		width: 100%;
/*		height: 270px;
*/		padding-top: 57.33%;

		overflow: hidden;
	}

	.contact h2{
		margin: 0 0 5px;
		font-size: 26px;
		font-weight: 200;
		letter-spacing: 3px;
	}
	.contact p{
		margin: 0 0 35px;
		font-size: 12px;
	}


	.contact .contact_inner{
		position: absolute;
		margin: auto;
		top: 0;
		bottom: 0;
		z-index: 10;

		width: 100%;
		height: 142px;
		text-align: center;
		vertical-align: middle;
		color: #fff;
	}


	.contact img{
		position: absolute;
		top: 50%;
		left: 50%;
		width: 100%;
		z-index: 0;

		transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
		-o-transform: translate(-50%,-50%);

	}

/*	.entry{
		position: fixed;
		bottom: 0px;
		right: 0px;
		z-index: 1000;
	}
*/


	footer .entry{
		position: fixed;
		bottom: 0px;
		right: 0px;
		z-index: 1000;
	}
/*	footer .entry a{
		margin: 0 -60px -60px 0;
	}*/


	.sp_header .entry{
		display: block;
		position: absolute;
		bottom: 0px;
		right: 0px;
		z-index: 1000;
	}

	/*.entry a{
		display: block;
		width: 150px;
		height: 150px;	
		background: url(../img/btn_entry.png) 50% 50% no-repeat;
	}*/


	.entry a{
		position: relative;
		display: block;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 0 115px 115px;
		border-color: transparent transparent #eb6100 transparent;
		color: #fff;
		font-weight: 400;
		font-size: 13px;

		transition: margin 200ms ease;
		-webkit-transition: margin 200ms ease;
		box-sizing: border-box;

	}
	.entry a span{
		position: absolute;
		display: inline-block;
		top: 60px;
		left: -60px;
		z-index: 100;
		font-size: 10px;
	}
	.entry a span:before{
		content: "";
		margin: 0 0 8px;
		display: block;
		width: 100%;
		height: 20px;
		background: url(../img/sp/btn_entry.png) 50% 50% no-repeat;
		background-size: auto 100%;
	}




/*	.entry a:hover{
		margin: 0 0 0 0;

		border-color: transparent transparent #f48f48 transparent;
	}
*/

	/*--------------------------------------
				btn
	---------------------------------------*/



	.btn_s{
		display: inline-block;
		background: #fff;
		box-shadow: 0 0 30px 0px rgba(0, 0, 0, 0.15);
	}
	.btn_s a{
		position: relative;
		display: block;
		padding: 0 75px 0 25px;
		height: 45px;
		line-height: 45px;
		font-weight: bold;
		font-size: 13px;
		background: #fff;
		color: #04347a;
	}
	.btn_s a span{
		position: absolute;
		top: 0;
		right: 0;
		display: inline-block;
		height: 45px;
		width: 45px;
		border-left: 1px solid #bad3e4;
		background: url(../../../shared/img/sp/arrow_m.png) 50% 50% no-repeat;
		background-size: 100% 100%;
	}







	/*コンテンツタイトル*/

	.column > .img_header{
		position: relative;
		width: 100%;
		padding-top: 30%;
/*		height: 150px;*/
		overflow: hidden;
	}

	.column > .img_header h2{
		position: absolute;
		z-index: 10;
		width: 100%;
		margin: auto;
		top: 0;
		bottom: 0;
		width: 100%;
		height: 33px;
		text-align: center;
		color: #fff;
		font-size: 22px;
		font-weight: 700;
	}


	.column > .img_header img{
		position: absolute;
		top: 50%;
		left: 50%;
		width: 100%;
		z-index: 0;

		transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
		-o-transform: translate(-50%,-50%);

	}






}