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

/**
 * CSS Information
 * ===============================================================
 *
 * Site URL:  http://test.albion-cosmetics.com/global/
 * File name: about.css
 * Summary:   ABOUT USコンテンツの固有スタイル
 * Author:    CrEa., Inc.
 *
 * -----------------------------------
 *
 * TOC:
 *     =1    about
 *
 * ===============================================================
*/



/** =1
 * ========================================
 * about
 * ========================================
 */

	/**
	 * about top
	 * ----------------------------------
	 */

		/* [ about lead ]
		------------------------------ */

			/* -- >>> styles for medium & wide layout ----- */
			@media screen and (min-width: 600px) {
				.sectionAboutLead .itemText {
					line-height: 1.6;
				}
			}

		/* [ about menu ]
		------------------------------ */

			/* -- >>> styles for medium & wide layout ----- */
			@media screen and (min-width: 600px) {
				.sectionAboutMenu .itemMenu:first-child,
				.sectionAboutMenu .itemMenu:first-child + * {
					position: static;
					float: left;
				}
			}
			/* -- >>> styles for medium layout ----- */
			@media screen and (min-width: 600px) and (max-width: 959px) {
				.sectionAboutMenu .itemMenu {
					width: 49%;
				}
				.sectionAboutMenu .itemMenu:nth-child(2n) {
					margin-left: 2%;
				}
			}
			/* -- >>> styles for wide layout ----- */
			@media screen and (min-width: 960px) {
				.sectionAboutMenu {
					margin: 0 -10px;
				}
				.sectionAboutMenu .itemMenu {
					width: 450px;
					margin: 0 10px;
				}
			}



	/**
	 * Our Philosophy
	 * ----------------------------------
	 */
	.articlePhilosophyContent .itemText {
		line-height: 1.75;
		letter-spacing: .1em;
	}

		/* -- >>> styles for narrow layout ----- */
		@media screen and (max-width: 599px) {
			.articlePhilosophy .itemText {
				line-height: 1.5;
			}
		}

		/* -- >>> styles for medium & wide layout ----- */
		@media screen and (min-width: 600px) {
			.articlePhilosophyTitle {
				font-size: 24px;
				font-size: 2.4rem;
			}
		}

		.sectionPhilosophyDetail .itemTitle {
			letter-spacing: .1em;
		}

			/* -- >>> styles for narrow layout ----- */
			@media screen and (max-width: 599px) {
				.sectionPhilosophyDetail .itemText {
					line-height: 1.65;
				}
			}

			/* -- >>> styles for medium & wide layout ----- */
			@media screen and (min-width: 600px) {
				.sectionPhilosophyDetail .itemText {
					line-height: 1.75;
				}
			}