/*===============================================
● 画面の横幅が375px以下
===============================================*/
@media screen and (max-width: 375px) {

/* 冒頭のメッセージ */
div.message {
	margin:   0px  0px  0px  0px;
	padding: 10px 30px 20px 30px;
/*	background-color: #ccc;  */
}

/* タイトル未定 文 */
p.message {
	margin:   0px  0px  0px  0px;
	padding:  5px  0px  5px  0px;
/*	background-color: #ddd;  */
	color: #111;
	font-size:   15px;
	line-height: 1.6em;
	text-align: left;
}

p.message2 {
	margin:   0px  0px  0px  0px;
	padding:  5px  0px  5px  0px;
/*	background-color: #ddd;  */
	color: #111;
	font-size:   17px;
	line-height: 1.8em;
	text-align: center;
}



/* 分かりづらい事、面倒な事、全部、私たち専門家におまかせください!! */
h2.leave-it-to-us {
	margin:  30px  0px 30px  0px;
	padding:  5px  0px  5px  0px;
/*	background-color: #eee;  */
	color: #37b;
	font-family: serif;
	font-size:   25px;
	font-weight: bold;
	line-height: 1.6em;
	text-align: center;
}

/* 建てられますか？…エリア */
div.leave-it-to-us {
	margin:  10px  0px 20px  0px;
	padding:  0px 30px  0px 30px;
	width: 315px;
/*	background-color: #ccc;  */
}

/* 建てられますか？… 文 */
p.leave-it-to-us {
	margin:  15px  0px 15px  0px;
	padding:  0px  0px  0px  0px;
/*	background-color: #ddd;  */
	color: #111;
	font-size:   17px;
	line-height: 1.5em;
	text-align: center;
}



/* 建てられないケース エリア */
div.taterarenai-case {
	margin:  50px  0px 20px  0px;
	padding:  0px 30px  0px 30px;
	width: 315px;
/*	background-color: #ccc;  */
}

/* 建てられないケース 文 */
p.taterarenai-case {
	margin:  30px   0px 10px   0px;
	padding:  0px   0px  0px   0px;
	width: 315px;
/*	background-color: #ddd;  */
	color: #111;
	font-size:   15px;
	line-height: 1.5em;
	text-align: left;
}

/* 建てられないケース 箇条書き */
ul.taterarenai-case {
	margin:   0px auto  0px;
	padding:  0px  0px  0px 25px;
	width: 290px;
/*	background-color: #eee;  */
	list-style-type: disc;
	color: #111;
	font-size:   15px;    /* */
	line-height: 1.5em;   /* */
	text-align: left;
}

ul.taterarenai-case li {
	margin:   5px  0px  5px  0px;
	padding:  0px  0px  0px  0px;
}

/* 建てられないケース 文 */
p.taterarenai-case-end {
	margin:  10px  0px 50px  0px;
	padding:  0px  0px  0px  0px;
	width: 315px;
/*	background-color: #ddd;  */
	color: #111;
	font-size:   15px;
	line-height: 1.5em;
	text-align: left;
}
}


/*===============================================
● 画面の横幅が376px以上かつ480px以下
===============================================*/
@media screen and (min-width: 376px) and (max-width: 480px) {

/* 冒頭のメッセージ */
div.message {
	margin:   0px  0px  0px  0px;
	padding: 10px 30px 20px 30px;
/*	background-color: #ccc;  */
}

/* タイトル未定 文 */
p.message {
	margin:   0px  0px  0px  0px;
	padding:  5px  0px  5px  0px;
/*	background-color: #ddd;  */
	color: #111;
	font-size:   15px;
	line-height: 1.6em;
	text-align: left;
}

p.message2 {
	margin:   0px  0px  0px  0px;
	padding:  5px  0px  5px  0px;
/*	background-color: #ddd;  */
	color: #111;
	font-size:   17px;
	line-height: 1.8em;
	text-align: center;
}



/* 分かりづらい事、面倒な事、全部、私たち専門家におまかせください!! */
h2.leave-it-to-us {
	margin:  30px  0px 30px  0px;
	padding:  5px  0px  5px  0px;
/*	background-color: #eee;  */
	color: #37b;
	font-family: serif;
	font-size:   25px;
	font-weight: bold;
	line-height: 1.6em;
	text-align: center;
}

/* 建てられますか？…エリア */
div.leave-it-to-us {
	margin:  10px  0px 20px  0px;
	padding:  0px 30px  0px 30px;
/*	width:   自動計算されるので不要 */
/*	background-color: #ccc;  */
}

/* 建てられますか？… 文 */
p.leave-it-to-us {
	margin:  15px  0px 15px  0px;
	padding:  0px  0px  0px  0px;
/*	background-color: #ddd;  */
	color: #111;
	font-size:   17px;
	line-height: 1.5em;
	text-align: center;
}



/* 建てられないケース エリア */
div.taterarenai-case {
	margin:  50px  0px 20px  0px;
	padding:  0px 30px  0px 30px;
/*	width:   自動計算されるので不要 */
/*	background-color: #ccc;  */
}

/* 建てられないケース 文 */
p.taterarenai-case {
	margin:  30px   0px 10px   0px;
	padding:  0px   0px  0px   0px;
/*	width:   自動計算されるので不要 */
/*	background-color: #ddd;  */
	color: #111;
	font-size:   15px;
	line-height: 1.5em;
	text-align: left;
}

/* 建てられないケース 箇条書き */
ul.taterarenai-case {
	margin:   0px auto  0px;
	padding:  0px  0px  0px 25px;
/*	width:   自動計算されるので不要 */
/*	background-color: #eee;  */
	list-style-type: disc;
	color: #111;
	font-size:   15px;    /* */
	line-height: 1.5em;   /* */
	text-align: left;
}

ul.taterarenai-case li {
	margin:   5px  0px  5px  0px;
	padding:  0px  0px  0px  0px;
}

/* 建てられないケース 文 */
p.taterarenai-case-end {
	margin:  10px  0px 50px  0px;
	padding:  0px  0px  0px  0px;
/*	width:   自動計算されるので不要 */
/*	background-color: #ddd;  */
	color: #111;
	font-size:   15px;
	line-height: 1.5em;
	text-align: left;
}
}


/*===============================================
● 画面の横幅が481px以上
===============================================*/
@media print, screen and (min-width: 481px) {

/* 冒頭のメッセージ */
div.message {
	margin:  50px  0px 50px  0px;
	padding:  0px 10px  0px 10px;
	width: 940px;
/*	background-color: #ccc;  */
}

/* タイトル未定 文 */
p.message {
	margin:   5px  0px  5px  0px;
	padding:  0px  0px  0px  0px;
/*	background-color: #ddd;  */
	color: #111;
	font-size:   15px;
	line-height: 1.6em;
	text-align: left;
}

p.message2 {
	margin:   5px  0px  5px  0px;
	padding:  0px  0px  0px  0px;
/*	background-color: #ddd;  */
	color: #111;
	font-size:   17px;
	line-height: 1.8em;
	text-align: center;
}



/* 分かりづらい事、面倒な事、全部、私たち専門家におまかせください!! */
h2.leave-it-to-us {
	margin:  30px  0px 30px  0px;
	padding:  5px  0px  5px  0px;
/*	background-color: #eee;  */
	color: #37b;
	font-family: serif;
	font-size:   27px;
	font-weight: bold;
	line-height: 1.6em;
	text-align: center;
}

/* 建てられますか？…エリア */
div.leave-it-to-us {
	margin:  10px  0px 20px  0px;
	padding:  0px 10px  0px 10px;
	width: 940px;
/*	background-color: #ccc;  */
}

/* 建てられますか？… 文 */
p.leave-it-to-us {
	margin:  15px  0px 15px  0px;
	padding:  0px  0px  0px  0px;
/*	background-color: #ddd;  */
	color: #111;
	font-size:   17px;
	line-height: 1.5em;
	text-align: center;
}



/* 建てられないケース エリア */
div.taterarenai-case {
	margin:  50px  0px 20px  0px;
	padding:  0px 10px  0px 10px;
	width: 940px;
/*	background-color: #ccc;  */
}

/* 建てられないケース 文 */
p.taterarenai-case {
	margin:  30px   0px 10px   0px;
	padding:  0px 100px  0px 100px;
	width: 740px;
/*	background-color: #ddd;  */
	color: #111;
	font-size:   15px;
	line-height: 1.5em;
	text-align: left;
}

/* 建てられないケース 箇条書き */
ul.taterarenai-case {
	margin:   0px auto   0px;
	padding:  0px 130px  0px 130px;
	width: 680px;
/*	background-color: #eee;  */
	list-style-type: disc;
	color: #111;
	font-size:   15px;    /* */
	line-height: 1.5em;   /* */
	text-align: left;
}

ul.taterarenai-case li {
	margin:   5px  0px  5px  0px;
	padding:  0px  0px  0px  0px;
}

/* 建てられないケース 文 */
p.taterarenai-case-end {
	margin:  10px   0px 50px   0px;
	padding:  0px 100px  0px 100px;
	width: 740px;
/*	background-color: #ddd;  */
	color: #111;
	font-size:   15px;
	line-height: 1.5em;
	text-align: left;
}
}

