@charset "UTF-8";
/* このファイルはeuc-jpで保存しています */

/**
 * CSS Information
 * ===============================================================
 *
 * Site URL:  http://
 * File name: module.css
 * Summary:   モジュール用スタイル
 * Author:    CrEa Inc.
 *
 * -----------------------------------
 *
 * TOC:
 *     =1    modules
 *
 * ===============================================================
*/



/** =1
 * ========================================
 * modules
 * ========================================
 */

	/**
	 * header
	 * ----------------------------------
	 */
	#header .boxLogo {
		position: relative;
		z-index: 100;
		font-size: 0;
		letter-spacing: -.4em;
		word-spacing: -.4em;
	}
	#header .boxLogo .logo {
		display: inline-block;
		width: 78px;
		vertical-align: bottom;
		letter-spacing: 0;
		word-spacing: 0;
	}
	#header .boxLogo .logo.logo_plus {
		margin-left: 8px;
		padding-left: 20px;
		background: url(../src/image/image_cross.png) left bottom no-repeat;
		background-size: 12px auto;
	}


	/**
	 * hero
	 * ----------------------------------
	 */
	.hero {
		position: relative;
	}

	.hero .boxImage {
		position: relative;
		overflow: hidden;
		padding-top: 54%;
	}
	.hero .boxImage .itemTitle {
		position: absolute;
		top: 74%;
		top: -webkit-calc( 300/405 *100% );
		top: calc( 300/405 *100% );
		right: 0;
		bottom: 0;
		left: 0;
		padding: 0 6.25%;
		background: #111;
		background: rgba(17,17,17,.8);
	}
	.hero .boxImage .itemTitle img {
		display: block;
		position: absolute;
		top: 50%;
		max-width: 87.5%;
		-webkit-transform: translate(0%, -50%);
		-moz-transform: translate(0%, -50%);
		-o-transform: translate(0%, -50%);
		-ms-transform: translate(0%, -50%);
		transform: translate(0%, -50%);
	}
	.hero .boxImage .itemCopy {
		position: absolute;
		top: 0;
		left: 50%;
		width: 200px;
		margin-top: -47px;
		margin-left: -100px;
		padding-top: 20%;
	}

	.hero .boxSlider {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: -1;
	}
	.hero .boxSlider .itemSlide {
		width: 100%;
		background: top center no-repeat;
		background-size: 100% auto;
		text-align: center;
	}
	.hero .boxSlider .itemSlide img {
		width: 100%;
	}

	.hero .boxText {
		padding: 10px 0 15px;
		background: #eee;
	}
	.hero .boxText a {
		color: #666;
		letter-spacing: .05em;
		text-decoration: underline;
	}
	.hero .boxText a:hover {
		text-decoration: none;
	}
	.hero .boxText a i.fa {
		margin-right: .5em;
	}

	/**
	 * footer
	 * ----------------------------------
	 */
	#footer a {
		color: #000;
		text-decoration: none;
	}
	#footer .footer01 a, #footer .footer02 a {
		color: #fff;
	}
	#footer a:hover {
		text-decoration: underline;
	}

	#footer .footerContent {
		padding: 1.0em 0;
	}
	#footer .footerContent.footer01,
	#footer .footerContent.footer02 {
		color: #fff;
	}
	#footer .footerContent.footer01 { background-color: #003c64; }
	#footer .footerContent.footer02 {
		border-bottom: 3px solid #b10510;
		background-color: #8d9298;
	}
	#footer .footerContent.footer03 {
		padding-top: 30px;
		padding-bottom: 0;
		text-align: center;
	}

	#footer .footerContent .logo_nomura_urban {
		margin-bottom: 30px;
	}

	#footer .textCopyright {
		margin-top: 20px;
		text-align: center;
	}

		/* [ navFooter (footer01-02) ]
		------------------------------ */
		.footer01 .navFooter, .footer02 .navFooter {
			font-size: 1.4rem;
			line-height: 1.4;
		}
		.footer01 .navFooter + .navFooter,
		.footer01 .navFooter .itemNav + .itemNav,
		.footer02 .navFooter + .navFooter,
		.footer02 .navFooter .itemNav + .itemNav {
			margin-top: .5em;
		}
		.footer01 .navFooter i.fa,
		.footer02 .navFooter i.fa {
			position: relative;
			top: -.05em;
			margin-right: .75em;
		}

		/* [ navFooter (footer03) ]
		------------------------------ */
		.footer03 .navFooter {
			font-size: 0;
			letter-spacing: -.4em;
			word-spacing: -.4em;
		}
		.footer03 .navFooter .itemNav {
			display: inline-block;
			padding: 0 20px;
			border-right: 1px #333 solid;
			font-size: 1.4rem;
			line-height: 1;
			letter-spacing: 0;
			word-spacing: 0;
		}
		.footer03 .navFooter .itemNav:first-child {
			border-left: 1px #333 solid;
		}


/**
 * CSS Information
 * ===============================================================
 *
 * Site URL:  http://
 * File name: module.css
 * Summary:   �≪ｱｶ�ャｲ[䃫�ｺｦ�鴻ｱｽ�ゃｲJ
 * Author:    CrEa Inc.
 *
 * -----------------------------------
 *
 * TOC:
 *     =1    modules
 *
 * ===============================================================
*/



/** =1
 * ========================================
 * modules
 * ========================================
 */

	/**
	 * header
	 * ----------------------------------
	 */
	#header .boxLogo {
		position: relative;
		z-index: 100;
		font-size: 0;
		letter-spacing: -.4em;
		word-spacing: -.4em;
	}
	#header .boxLogo .logo {
		display: inline-block;
		width: 78px;
		vertical-align: bottom;
		letter-spacing: 0;
		word-spacing: 0;
	}
	#header .boxLogo .logo.logo_plus {
		margin-left: 8px;
		padding-left: 20px;
		background: url(../src/image/image_cross.png) left bottom no-repeat;
		background-size: 12px auto;
	}


	/**
	 * hero
	 * ----------------------------------
	 */
	.hero {
		position: relative;
	}

	.hero .boxImage {
		position: relative;
		overflow: hidden;
		padding-top: 54%;
	}
	.hero .boxImage .itemTitle {
		position: absolute;
		top: 74%;
		top: -webkit-calc( 300/405 *100% );
		top: calc( 300/405 *100% );
		right: 0;
		bottom: 0;
		left: 0;
		padding: 0 6.25%;
		background: #111;
		background: rgba(17,17,17,.8);
	}
	.hero .boxImage .itemTitle img {
		display: block;
		position: absolute;
		top: 50%;
		max-width: 87.5%;
		-webkit-transform: translate(0%, -50%);
		-moz-transform: translate(0%, -50%);
		-o-transform: translate(0%, -50%);
		-ms-transform: translate(0%, -50%);
		transform: translate(0%, -50%);
	}
	.hero .boxImage .itemCopy {
		position: absolute;
		top: 0;
		left: 50%;
		width: 200px;
		margin-top: -47px;
		margin-left: -100px;
		padding-top: 20%;
	}

	.hero .boxSlider {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: -1;
	}
	.hero .boxSlider .itemSlide {
		width: 100%;
		background: top center no-repeat;
		background-size: 100% auto;
		text-align: center;
	}
	.hero .boxSlider .itemSlide img {
		width: 100%;
	}

	.hero .boxText {
		padding: 10px 0 15px;
		background: #eee;
	}
	.hero .boxText a {
		color: #666;
		letter-spacing: .05em;
		text-decoration: underline;
	}
	.hero .boxText a:hover {
		text-decoration: none;
	}
	.hero .boxText a i.fa {
		margin-right: .5em;
	}

	/**
	 * footer
	 * ----------------------------------
	 */
	#footer a {
		color: #000;
		text-decoration: none;
	}
	#footer .footer01 a, #footer .footer02 a {
		color: #fff;
	}
	#footer a:hover {
		text-decoration: underline;
	}

	#footer .footerContent {
		padding: 1.0em 0;
	}
	#footer .footerContent.footer01,
	#footer .footerContent.footer02 {
		color: #fff;
	}
	#footer .footerContent.footer01 { background-color: #003c64; }
	#footer .footerContent.footer02 {
		border-bottom: 3px solid #b10510;
		background-color: #8d9298;
	}
	#footer .footerContent.footer03 {
		padding-top: 30px;
		padding-bottom: 0;
		text-align: center;
	}

	#footer .footerContent .logo_nomura_urban {
		margin-bottom: 30px;
	}

	#footer .textCopyright {
		margin-top: 20px;
		text-align: center;
	}

		/* [ navFooter (footer01-02) ]
		------------------------------ */
		.footer01 .navFooter, .footer02 .navFooter {
			font-size: 1.4rem;
			line-height: 1.4;
		}
		.footer01 .navFooter + .navFooter,
		.footer01 .navFooter .itemNav + .itemNav,
		.footer02 .navFooter + .navFooter,
		.footer02 .navFooter .itemNav + .itemNav {
			margin-top: .5em;
		}
		.footer01 .navFooter i.fa,
		.footer02 .navFooter i.fa {
			position: relative;
			top: -.05em;
			margin-right: .75em;
		}

		/* [ navFooter (footer03) ]
		------------------------------ */
		.footer03 .navFooter {
			font-size: 0;
			letter-spacing: -.4em;
			word-spacing: -.4em;
		}
		.footer03 .navFooter .itemNav {
			display: inline-block;
			padding: 0 20px;
			border-right: 1px #333 solid;
			font-size: 1.4rem;
			line-height: 1;
			letter-spacing: 0;
			word-spacing: 0;
		}
		.footer03 .navFooter .itemNav:first-child {
			border-left: 1px #333 solid;
		}