@charset "UTF-8";
/* ---------------------------------------- file info */
/* filename:cotents.css */
/* creation date:2015年12月25日 */
/* last updated:2015年12月29日 */
/* -------------------------------------------------- */

@media screen and (min-width: 640px) {
	section > header > h2 {
		font-size:300%;
	}
	section > header > small {
		font-size:158%;
	}
	section .ttl h3 {
		font-size:200%;
	}
	section > header > h2 b {
		font-size:143%;
	}
}
@media screen and (max-width: 639px) {
	section > header > h2 {
		font-size:214%;
	}
	section > header > small {
		font-size:136%;
	}
	section .ttl h3 {
		font-size:171%;
	}
	section > header > h2 b {
		font-size:129%;
	}
}
section > header > h2 span {
	font-size:83%;
}

section > header {
	text-align:center;
	padding:30px 0 20px;
}
section > header > h2 {
	color:#fff;
	line-height:1.4;
	text-shadow: 0px 3px 0px rgba(0, 0, 0, 0.5);
}
section > header > small {
	line-height:1;
	color:#D20000;
	display:block;
}
section > header > small:after ,
section > header > small:before {
	width:55px;
	height:1px;
	content:" ";
	background:#640101;
	display:inline-block;
	position:relative;
	bottom:3px;
	margin:0 3px;
}
section .ttl h3 {
	color:#222;
	line-height:1;
	text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);
}
section .ttl h3:after ,
section .ttl h3:before {
	width:35px;
	height:1px;
	content:" ";
	background:#ab0000;
	display:inline-block;
	position:relative;
	bottom:3px;
	margin:0 3px;
}

section.bgch {
	position:relative;
	background:url(/cmp/sweethouse/common/images/bg_base.png);
	background-size:64px auto;
}
section.bgch:before {
	width:100%;
	height:12px;
	content:" ";
	background:url(/cmp/sweethouse/common/images/cover_top.png) repeat-x;
	background-size:auto 12px;
	display:block;
	top:-12px;
	left:0;
	position:absolute;
}
section.bgch:after {
	width:100%;
	height:12px;
	content:" ";
	background:url(/cmp/sweethouse/common/images/cover_bottom.png) repeat-x;
	background-size:auto 12px;
	display:block;
	bottom:-12px;
	left:0;
	position:absolute;
}
section.bgch > header > h2 {
	color:#222;
	text-shadow: 0px 3px 0px rgba(0, 0, 0, 0.2);
}
section.bgch > header > small:after ,
section.bgch > header > small:before {
	background:#000;
}
section.bgch > header > small:before {
	color:#ab0000;
}

/* --------------------------------------------------
	002.pointBlock
-------------------------------------------------- */
@media screen and (min-width: 640px) {
	.pointBlock {
		padding:45px 0;
	}
	.pointBlock .inner {
		padding:45px 0 40px;
		overflow:hidden;
		zoom:1;
	}
	.pointBlock .inner .in {
		width:100%;
		min-width:1000px;
		max-width:1280px;
		margin:0 auto;
	}
	.pointBlock .inner .in dl {
		width:33%;
		color:#fff;
		text-align:center;
		float:left;
		padding:0 5px;
	}
	.pointBlock .inner .in dl dt {
		font-size:164%;
		text-align:center;
		line-height:1.2;
		padding-bottom:10px;
	}
	.pointBlock .inner .in dl dt .en {
		font-size:77%;
		margin-right:5px;
		color:#D20000;
	}
	.pointBlock .inner .in dl dd {
		font-size:114%;
		text-align:center;
	}
	.pointBlock .inner .in dl dd figure {
		margin:10px 10px 20px;
	}
	.pointBlock .inner .in dl dd figure img {
		width:100%;
		height:auto;
	}
}

@media screen and (max-width: 639px) {
	.pointBlock {
		padding:0 0 25px 0;
	}
	.pointBlock .inner {
	}
	.pointBlock .inner .in dl {
		color:#fff;
		text-align:center;
		padding:15px 0 25px;
	}
	.pointBlock .inner .in dl dt {
		font-size:164%;
		text-align:center;
		line-height:1.2;
		color:#fff;
		padding-bottom:10px;
	}
	.pointBlock .inner .in dl dt .en {
		font-size:77%;
		margin-right:5px;
		color:#D20000;
	}
	.pointBlock .inner .in dl dd {
		text-align:center;
	}
	.pointBlock .inner .in dl dd figure {
		margin:10px 10px 20px;
	}
	.pointBlock .inner .in dl dd figure img {
		width:100%;
		height:auto;
	}
}

/* --------------------------------------------------
	003.aboutBlock
-------------------------------------------------- */
@media screen and (min-width: 640px) {
	.aboutBlock {
		padding:45px 0;
		text-align:center;
	}
	.aboutBlock .inner {
		color:#fff;
	}
	.aboutBlock .outlineBlock {
		width:700px;
		background:#fff;
		border-radius:5px;
		padding:15px;
	 	box-shadow: 0px 0px 4px 0px rgba(00, 00, 00, 0.2);
		margin:10px auto 30px;
	}
	.aboutBlock .outlineBlock .in {
		padding:20px 10px;
	}
	.aboutBlock .outlineBlock .in dl {
		font-size:114%;
		padding:10px 0px;
		border-bottom:1px solid #F1EDE3;
	}
	.aboutBlock .outlineBlock .in dl dt {
		width:25%;
		float:left;
		font-weight:bold;
		text-align:left;
		padding:0 15px;
	}
	.aboutBlock .outlineBlock .in dl dd {
		width:75%;
		font-size:107%;
		float:right;
		text-align:left;
		padding:0 15px;
	}
	.aboutBlock .outlineBlock .in dl dd small {
		font-size:79%;
		line-height:1.5;
		display:inline-block;
	}
	.aboutBlock .outlineBlock .in dl dd span {
		font-size:86%;
	}
}
.aboutBlock .outlineBlock .in dl:nth-last-of-type(1) {
	border:none;
}
@media screen and (max-width: 639px) {
	.aboutBlock .outlineBlock {
		background:#fff;
		border-radius:5px;
		border:1px solid #F1EDE3;
		padding:15px;
		margin:0 10px 20px;
	}
	.aboutBlock .outlineBlock .in dl {
		padding:5px;
		border-bottom:1px solid #F1EDE3;
	}
	.aboutBlock .outlineBlock .in dl dt {
		font-weight:bold;
		text-align:left;
	}
	.aboutBlock .outlineBlock .in dl dd {
		line-height:1.5;
		text-align:left;
	}
	.aboutBlock .outlineBlock .in dl dd small {
		font-size:71%;
		line-height:1.3;
		display:inline-block;
	}
	.aboutBlock .outlineBlock .in dl dd span {
		font-size:86%;
		display:inline-block;
	}
}



/* --------------------------------------------------
	007.mapBlock
-------------------------------------------------- */
@media screen and (min-width: 640px) {
	.mapBlock {
		position:relative;
		margin:0 auto;
		padding:40px 0 15px;
		overflow:hidden;
		zoom:1;
	}
	.mapBlock .ttl {
		text-align:center;
	}
	.mapBlock .ttl h3 {
		padding-bottom:20px;
	}
	.mapBlock .ttl figure img {
		width:148px;
		margin-bottom:30px;
	}
	.mapBlock .ttl p {
		font-size:114%;
	}
	.mapBlock .ttl p br {
		display:none;
	}
	.catch {
		text-align:center;
		padding:20px 0;
	}
	.catch .com {
		font-size:172%;
		margin-top:30px;
	}
	.catch .com br {
		display:none;
	}
	.catch ul {
		max-width:1000px;
		text-align:center;
		margin:0 auto;
	}
	.catch ul li {
		width:50%;
		float:left;
		padding:10px;
	}
	.catch ul li img {
		max-width:100%;
		height:auto;
	}
}

@media screen and (max-width: 639px) {
	.mapBlock {
		padding:10px 0;
	}
	.mapBlock .ttl {
		text-align:center;
	}
	.mapBlock .ttl img {
		width:100px;
		margin:0 auto;
	}
	.mapBlock .ttl h3 {
		padding-bottom:25px;
	}
	.mapBlock .ttl figure {
		padding-bottom:15px;
	}
	.catch {
		font-size:129%;
		line-height:1.5;
		text-align:center;
		position:relative;
		padding:15px 0;
	}
	.catch .com {
		width:100%;
		position:absolute;
		top:50%;
		left:0;
		margin-top:-1.5em;
	}
	.catch ul {
		text-align:center;
		margin:0 10px;
	}
	.catch ul li {
	}
	.catch ul li:first-child {
		padding-bottom:4em;
	}
	.catch ul li img {
		max-width:100%;
		height:auto;
	}
}

@media screen and (min-width: 640px) {
	#flowBlock {
		padding:80px 0 80px;
		position:relative;
	}
	#flowBlock:after {
		content:" ";
		display:block;
		clear:both;
	}
	#flowBlock .inner {
		min-width:1000px;
		max-width:1280px;
		margin:0 auto;
	}
	#flowBlock .inner dl {
		text-align:center;
		width:33%;
		float:left;
		position:relative;
		padding-top:56px;
		overflow:visible;
	}
	#flowBlock .inner .last .ttl ,
	#flowBlock .inner dl dt {
		font-size:158%;
		line-height:1.2;
		color:#D20000;
	}
	#flowBlock .inner dl dt figure {
		line-height:320px;
		display:block;
	}
	#flowBlock .inner dl dt figure img {
		max-width:350px;
	}
	#flowBlock .inner .last p ,
	#flowBlock .inner dl dd {
		color:#fff;
		font-size:129%;
	}
	#flowBlock .inner dl dd p {
		min-height:6em;
	}
	#flowBlock .inner dl dd i {
		line-height:1.2;
		display:block;
		color:#9A0000;
		margin-top:30px;
	}
	#flowBlock .inner dl dd i.arrow3 ,
	#flowBlock .inner dl dd i.arrow2 ,
	#flowBlock .inner dl.flow1 dd i.arrow ,
	#flowBlock .inner dl.flow3 dd i.arrow {
		display:none;
	}
	#flowBlock .inner dl.flow1:after ,
	#flowBlock .inner dl.flow3:before {
		width:2em;
		text-align:center;
		position:absolute;
		line-height:2;
		color:#9A0000;
		bottom:3em;
		content:"▶";
	}
	#flowBlock .inner dl.flow2 p {
		line-height:6em;
	}
	#flowBlock .inner dl.flow3 p {
		padding:1em 0;
	}
	#flowBlock .inner dl.flow1:after {
		right:-2em;
	}
	#flowBlock .inner dl.flow3:before {
		left:-2em;
	}
	#flowBlock .inner .last {
		text-align:center;
		padding:25px 0 50px;
		clear:both;
	}
	#flowBlock .inner .last p {
		font-size:143%;
	}
	#flowBlock .inner .last p br {
		display:none;
	}
	#flowBlock .check {
		text-align:center;
		margin-top:-50px;
	}
	#flowBlock .check img {
		width:696px;
	}
}
@media screen and (max-width: 639px) {
	#flowBlock {
		text-align:center;
		padding:10px 0 20px;
		position:relative;
	}
	#flowBlock:after {
		content:" ";
		display:block;
		clear:both;
	}
	#flowBlock .inner {
	}
	#flowBlock .inner .last ,
	#flowBlock .inner dl {
		position:relative;
		padding-top:20px;
		margin:0 10px;
	}
	#flowBlock .inner .last {
		padding-bottom:25px;
	}
	#flowBlock .inner .last .ttl ,
	#flowBlock .inner dl dt {
		font-size:136%;
		line-height:1.2;
		color:#D20000;
	}
	#flowBlock .inner dl dt img {
		margin-bottom:10px;
	}
	#flowBlock .inner .last p ,
	#flowBlock .inner dl dd {
		color:#fff;
		font-size:129%;
	}
	#flowBlock .inner dl dd i {
		font-size:71%;
		line-height:1.2;
		display:block;
		color:#9A0000;
	}
	#flowBlock .inner dl dd i.arrow {
		margin-top:15px;
	}
	#flowBlock .inner dl dd i.arrow2 {
		color:#AC0024;
	}
	#flowBlock .inner dl dd i.arrow3 {
		color:#7D0000;
	}
	#flowBlock .check {
		padding:25px 0;
		text-align:center;
	}
	#flowBlock .check img {
		width:90%;
	}
}

/* --------------------------------------------------
	005.faqBlock
-------------------------------------------------- */
@media screen and (min-width: 640px) {
	#faqBlock {
		padding:70px 0 70px;
		clear:both;
	}
	#faqBlock:after {
		content:" ";
		display:block;
		clear:both;
	}
	#faqBlock .inBox {
		max-width:1280px;
		min-width:1000px;
		margin:0 auto;
		padding:40px 0;
		overflow:hidden;
		zoom:1;
	}
	#faqBlock article {
		width:33%;
		text-align:center;
		padding:15px 10px;
		float:left;
	}
	#faqBlock article h3 {
		font-size:143%;
		line-height:1.5;
		padding-bottom:12px;
		padding-top:6px;
		position:relative;
	}
	#faqBlock article h3 i {
		color:#ac0000;
		display:block;
	}
	#faqBlock article .inner {
		padding:25px;
		font-size:114%;
		min-height:140px;
		background:#fff;
		border-radius:5px;
		border:1px solid #F1EDE3;
		position:relative;
	}
	#faqBlock article .inner small {
		font-size:86%;
	}
}
@media screen and (max-width: 639px) {
	#faqBlock {
		clear:both;
		padding:0 10px 10px;
	}
	#faqBlock:after {
		display:none;
	}
	#faqBlock article {
		padding:5px 10px;
		background:#fff;
		border-radius:5px;
		border:1px solid #F1EDE3;
		margin-bottom:10px;
	}
	#faqBlock article h3 {
		font-size:121%;
		line-height:1.4;
		text-align:center;
		padding-top:6px;
		position:relative;
	}
	#faqBlock article h3 i {
		color:#ac0000;
		display:block;
	}
	#faqBlock article .inner {
		padding:10px 15px 5px;
	}
	#faqBlock article .inner p {
		line-height:1.5;
	}
}