@charset "utf-8";
/* このファイルはUTF-8のBOMなし(UTF-8N)で保存しています */

/**
 * CSS Information
 * ===============================================================
 *
 * Site URL:  http://
 * File name: contents.css
 * Summary:   ページ・コンテンツごとの固有スタイル
 * Author:    CrEa., Inc.
 *
 * -----------------------------------
 *
 * TOC:
 *     =1    home
 *
 * ===============================================================
*/



/** =1
 * ========================================
 * home
 * ========================================
 */

#home {}

	/* -- >>> styles for narrow layout ----- */
	@media screen and (max-width: 767px) {
	}

	/* -- >>> styles for medium & wide layout ----- */
	@media screen and (min-width: 768px) {
		#home .l-main {
			padding-bottom: 60px;
		}
	}

	/* -- >>> styles for medium layout ----- */
	@media screen and (min-width: 768px) and (max-width: 1024px) {
	}

	/* -- >>> styles for wide layout ----- */
	@media screen and (min-width: 1025px) {
	}


	/*
	 * blockGlobal
	 * ----------------------------------
	 */


		/* [ boxHero ]
		------------------------------ */
		.boxHero {
			/*max-width: 960px;*/
			max-width: 1200px;
			margin-right: auto;
			margin-left: auto;
			text-align: center;
		}

			/* -- >>> styles for narrow layout ----- */
			@media screen and (max-width: 767px) {
				.boxHero {
					margin-bottom: 20px;
				}
			}

			/* -- >>> styles for medium & wide layout ----- */
			@media screen and (min-width: 768px) {
				.boxHero {
					margin-bottom: 40px;
				}
			}

		/* [ navCountryGlobal ]
		------------------------------ */
		.navCountryGlobal {
			text-align: center;
		}
		.navCountryGlobal .itemNav {
			display: inline-block;
			margin-right: .5em;
			margin-left: .5em;
			line-height: 1.2;
			letter-spacing: .05em;
		}
		.navCountryGlobal .itemNav + .itemNav {
			padding-left: 1.0em;
			border-left: 1px solid #ddd;
		}
		.navCountryGlobal .itemNav a {
			display: block;
			color: #555;
			-webkit-transition: color 0.3s ease;
			-moz-transition: color 0.3s ease;
			-o-transition: color 0.3s ease;
			transition: color 0.3s ease;
		}
		.no-touch .navCountryGlobal .itemNav a:hover {
			color: #7bc7d9;
		}

			/* -- >>> styles for narrow layout ----- */
			@media screen and (max-width: 767px) {
				.navCountryGlobal {
				}
			}

			/* -- >>> styles for medium & wide layout ----- */
			@media screen and (min-width: 768px) {
				.navCountryGlobal {
				}
			}