@charset "UTF-8";

/* ======================
File Name: resource/css/lohasmedia-home-sp.css
read @media (max-width: 720px) only
Latest Update: 2015/09/16
Version: 1.0
====================== */


/* base */

@media (max-width: 720px) {
	body { 
		font-size: 160%;
		font-size: 1.6rem;
	}
	body .text-size-x-large {
		font-size: 200%!important;
		font-size: 2.0rem!important;
	}
	body .text-size-large {
		font-size: 180%!important;
		font-size: 1.8rem!important;
	}
	body .text-size-s-medium {
		font-size: 160%!important;
		font-size: 1.6rem!important;
	}
	body .text-size-small {
		font-size: 140%!important;
		font-size: 1.4rem!important;
	}
}
@media (max-width: 540px) {
	body {
		font-size: 140%;
		font-size: 1.4rem;
	}
	body .text-size-x-large {
		font-size: 180%!important;
		font-size: 1.8rem!important;
	}
	body .text-size-large {
		font-size: 160%!important;
		font-size: 1.6rem!important;
	}
	body .text-size-s-medium {
		font-size: 140%!important;
		font-size: 1.4rem!important;
	}
	body .text-size-small {
		font-size: 120%!important;
		font-size: 1.2rem!important;
	}
	body .text-size-x-small {
		font-size: 100%!important;
		font-size: 1.0rem!important;
	}
}

/*----- Header -----*/

@media (max-width: 720px) {
	.header-nav ,
	.header-nav-outer ,
	.header-nav .nav-main-menu ,
	.header-nav .nav-main-menu li {
		height: 44px;
	}
	.header-nav {
		margin: 0;
		width: 100%;
	}
	.sub-page .header-nav .nav-main-menu .nav-main-title ,
	.menu-sp-fixed .header-nav .nav-main-menu .nav-main-title {
		display: block;
		float: left;
		width: 180px;
	}
	.sub-page .header-nav .nav-main-menu .nav-main-title a ,
	.menu-sp-fixed .header-nav .nav-main-menu .nav-main-title a {
		margin: 0 0;
		height: 44px;
	}
	.header-nav .nav-main-menu .nav-main-sub {
		display: none;
	}

	/* LohasMedical */
	.lohas-medical.sub-page .header-lm-title {
		width: 178px;
		height: 44px;
	}
	.lohas-medical.sub-page .header-lm-title a {
		height: 27px;
		margin: 8px 0;
		background-size: contain;
	}
}

@media (max-width: 480px) {
	.header .header-home h1 {
		letter-spacing: 0.06em;
	}
}


/* Section */

@media (max-width: 720px) {
	.section-contents {
		padding-top: 42px;
		margin-top: -42px;
	}
	.sub-page .section-contents {
		margin-top: 0;
		padding-top: 0;
	}
}
@media (max-width: 720px) and (min-width: 541px) {
	.section-margin {
		/*padding-bottom: 36px;*/
	}
	.section-bg {
		padding: 0 6%;
	}
}
@media (max-width: 540px) {
	.sub-page .section-contents {
		margin-top: 0;
		padding-top: 36px;
	}
	.section-bg {
		padding: 0 8%;
		background-attachment: inherit;
	}
	.section-margin {
		padding-top: 2.0em;
	}
	.section-title img {
		max-width: 85%;
	}
	#company .section-title img {
		max-width: 100%;
	}
}

/* #section-02 */
@media (max-width: 480px) {
	#section-01.section-contents {
		letter-spacing: 0.06em;
	}
}

/* #section-02 */

@media (max-width: 540px) {
	#section-02.section-contents .lm-jacket {
		width: 60%;
		float: none;
		margin: 1.2em auto 1.4em auto;
	}
	#section-02.section-contents .lm-jacket img {
	}
	#section-02.section-contents .lm-contents {
		width: 100%;
		float: none;
		margin: 0 auto;
	}
	#section-02.section-contents p.lm-note {
		text-align: center;
	}
	#section-02.section-contents .lm-nav {
		position: static; 
		bottom: auto;
		right: auto;
		width: 100%;
	}
	#section-02.section-contents .lm-nav li a {
		margin: 0 -12%;
	}
}


/* #section-03 */

@media (max-width: 720px) {
	#section-03.section-contents .company-summary ,
	#section-03.section-contents .company-access {
		width: 100%;
		float: none;
	}
	#section-03.section-contents .company-access p ,
	#section-03.section-contents p.google-map-link {
		text-align: center;
	}
	#section-03.section-contents .company-access img.map {
		width: 86%;
	}
}
@media (max-width: 540px) {
	#section-03.section-contents .company-summary .company-summary-table th ,
	#section-03.section-contents .company-summary .company-summary-table td {
		width: auto;
	}
	#section-03.section-contents .company-summary .company-summary-table th {
		padding-right: 1.0em;
	}
	#section-03.section-contents .company-access img.map {
		width: 96%;
	}
}


/*----- Footer -----*/

@media (max-width: 720px) {
	.footer {
		padding-top: 20px;
	}
}
@media (max-width: 540px) {
	.footer {
		width:auto;
		padding: 18px 0;
	}
}
@media (max-width: 640px) {
	.footer .footer-nav-utility li.pc-only {
		display: none;
	}
	.footer p.footer-copyright {
		display: block;
		margin: 0 20px;
		white-space: normal;
	}
}