@charset "utf-8";

@media only screen and (max-width:768px) {
/*==========================================
 タブレット
===========================================*/
/* ヒーローイメージ */
#hero-image {
	/* height: 550px; */
	height: 1000px;
	background-image: url(/lineup/lino/images/hero_img_sp.jpg);
}
#hero-image .logo {
	width: 240px;
}

/* メイン画像 */
/* PC側で設定 */

/* 遊び */
section#concept-1 .asobi-body .living-head .title span,
section#concept-1 .asobi-body .outdoor-head .title span {
	display: inline;
}

/* プラン */
section#plan .before-after-body {
	margin: 0;
}
section#plan .before {
	display: block;
}
section#plan .before-head {
	width: 100%;
	margin: 0 0 1rem;
	padding: 0 40px;
}
section#plan .before-body {
	margin: 0;
}
section#plan .before-body figure {
	text-align: center;
}
section#plan .after {
	margin: 0 0 4rem;
}
section#plan .after::after {
	display: none;
}
section#plan .before .before-icon,
section#plan .after .after-icon {
	width: 100px;
	height: 100px;
	font-size: 2.6rem;
}
section#plan .after-head .customize {
	display: none;
	/* width: 140px; */
}
section#plan .after-head .title,
section#plan .after-body .text-2 {
	padding: 0 150px 0 80px;
}
section#plan .after-head .title,
section#plan .after-body .text-2 {
	padding-right: 0;
}
section#plan .after-body .madori {
	margin: 0;
}
section#anshin .feature-movie {
	display: block;
}
section#anshin .feature,
section#anshin .movie {
	width: 100%;
}
#contact .contact-list .catalog-item,
#contact .contact-list .contact-item {
	width: calc((100% - 15px)/2);
	font-size: 2rem;
}
}
/*==========================================
 スマホ
===========================================*/
@media only screen and (max-width: 480px) {
.container {
	padding-left: 15px;
	padding-right: 15px;
}

/* ヒーローイメージ */
#hero-image {
	/* height: 320px; */
	height: 480px;
}
#hero-image .logo {
	width: 160px;
}

/* コンセプト */
section[id^="concept-"] .lead {
	margin: 0 0 3rem;
}
section#concept-2 .lead {
	margin: 0 0 4rem;
}
/*
section[id^="concept-"] .lead-head .title {
	background-size: auto 5px;
}
*/
section[id^="concept-"] .lead-head .title {
	font-size: 2.6rem;
}
section#concept-1 .asobi-body .living-head .title,
section#concept-1 .asobi-body .outdoor-head .title {
	font-size: 2.2rem;
}

/* コーディネート＆カスタマイズ */
section#custom {
	padding: 3rem 0;
}
section#custom .custom-head .title {
	font-size: 2.8rem;
}
section#custom .custom-body .foot-text {
	font-size: 2.2rem;
}
section#custom .custom-body .foot-text span {
	display: inline;
}

/* プラン */
section#plan .plan {
	padding: 4rem 0 0;
	margin: 0 0 4rem;
}
section#plan .plan-head .title {
	font-size: 2.8rem;
}
section#plan .before-after-head .title {
	font-size: 2.8rem;
}
section#plan .before,
section#plan .after {
	padding: 1.5rem;
}
section#plan .before .before-icon,
section#plan .after .after-icon {
	left: calc(-15px - 1px);
    top: calc(-15px - 1px);
	width: 60px;
	height: 60px;
	font-size: 1.8rem;
}
section#plan .after-head .title,
section#plan .after-body .text-2 {
	padding-left: 40px;
}
section#plan .before-head .title {
	font-size: 1.8rem;
}
section#plan .before-head .title span {
	font-size: 2.6rem;
}
section#plan .after-head .title {
	font-size: 2.4rem;
}
section#plan .after-body .text-2 {
	padding-left: 0;
}
section#plan .standard-option-head .title {
	font-size: 2.4rem;
}
section#plan .standard,
section#plan .option {
	padding: 1.5rem;
}
section#plan .standard-head .title,
section#plan .option-head .title {
	font-size: 2.2rem;
}
section#plan .standard-body > .flex,
section#plan .option-body > .flex {
	display: block;
}
section#plan .standard-body > .flex .flex,
section#plan .option-body > .flex .flex {
	width: 100%;
}
section#plan .standard-body > .flex .flex:not(:last-child),
section#plan .option-body > .flex .flex:not(:last-child) {
	width: 100%;
	margin: 0 0 2rem;
}

/* パッケージ */
section#package .package {
	margin: 0 0 3rem;
}
section#package .package-head .title {
	font-size: 2.8rem;
}
section#package .package-head .title .big {
	font-size: 5rem;
}
section#package .package-list .text {
	font-size: 1.8rem;
}
section#package .package-list .madori {
	display: block;
}
section#package .package-list .madori > * {
	width: 100%;
}

/* 安心・安全 */
section#anshin .anshin-head .title {
	font-size: 3rem;
}
section#anshin .anshin-head .sub-title {
	font-size: 2.6rem;
}
section#anshin .anshin-head .sub-title span {
	font-size: 3rem;
	display: block;
	padding: 0;
	display: flex;
	align-items: center;
	margin: 0 0 1rem;
}
section#anshin .anshin-head .sub-title span::after {
	flex: 1;
	margin: 0 0 0 15px;
	position: static;
}
section#anshin .anshin-head .text {
	font-size: 1.8rem;
}
section#anshin .jwood-head .title {
	font-size: 2.4rem;
}
section#anshin .jwood-head .sub-title {
	font-size: 2rem;
}
section#anshin .feature-head .title {
	font-size: 2.2rem;
}
section#anshin .feature-list .feature-item {
	width: calc((100% - 1rem) / 2);
	margin: 0 0 1rem;
}

/* お問い合わせ・カタログ請求 */
#contact .contact-list .catalog-item,
#contact .contact-list .contact-item {
	font-size: 1.6rem;
}
}