@charset "utf-8";

/* html
----------------------------------------- */
html {
	position: relative;
	font-size:62.5%;
	-webkit-font-smoothing: antialiased;
	font-family: "游ゴシック Medium", 游ゴシック体, "Yu Gothic Medium", YuGothic, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/* common class Pc Sp
----------------------------------------- */

/*** for SmartPhone
----------------------------------------- */
@media screen and (max-width: 767px) {
	.pc { display: none; }
	.sp { display: run-in; }
}

/*** for PC
----------------------------------------- */
@media screen and (min-width: 768px) {
	.pc { display: run-in; }
	.sp { display: none; }
}

/* common class Clearfix
----------------------------------------- */
.clearfix:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility: hidden;
	line-height:0;
}
.clearfix { display:inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }


/* common class Middle-ttl
----------------------------------------- */
.middle-ttl {
	clear: both;
	line-height: 1.4em;
	margin-bottom: 40px;
	text-align: center;
	font-weight: bold;
	color: #000;
}
.middle-ttl:after {
	display: block;
	content: '';
	width: 60%;
	margin: 10px auto 0;
	border: 3px solid #CCC;
}
@media screen and (max-width: 767px) { /* for SmartPhone */
	.middle-ttl { font-size: 2.8rem; }
}

@media screen and (min-width: 768px) { /* for PC */
	.middle-ttl { font-size: 4.8rem; }
}

/* common class Small-ttl
----------------------------------------- */
.small-ttl {
	line-height: 1.4em;
	margin-bottom: 30px;
	text-align: center;
	font-size: 3.8rem;
	font-weight: bold;
	color: #000;
}
@media screen and (max-width: 767px) { /* for SmartPhone */
	.small-ttl { font-size: 2.4rem; }
}

@media screen and (min-width: 768px) { /* for PC */
	.small-ttl { font-size: 3.8rem; }
}


/* fix-menu
----------------------------------------- */
#header-block {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 999;
}
#header-block .fix-menu { background-color: rgba(255,255,255,.8); }
#header-block .fix-menu ul li { display: inline-block; }
@media screen and (max-width: 767px) { /* for SmartPhone */
	#header-block {
		width: 100%;
		text-align: center;
	}
	#header-block .fix-menu {
		padding: 10px 0 15px;
		text-align: center;
	}
	#header-block .fix-menu ul li {
		padding: 5px .5em;
		font-size: 1.6rem;
	}
}

@media screen and (min-width: 768px) { /* for PC */
	#header-block { text-align: right; }
	#header-block .fix-menu {
		display: inline-block;
		padding: 10px 10px 15px;
	}
	#header-block .fix-menu ul li {
		padding: 5px 1em;
		font-size: 2.4rem;
	}
}

#header-block .fix-menu ul li a {
	text-decoration: none;
	font-weight: bold;
	color: #000;
}

#header-block .fix-menu ul li a.current {
	padding-bottom: 3px;
	border-bottom: 3px solid #ee7a05;
}


/* mv-block
----------------------------------------- */

#mv-block {
	margin-bottom: 30px;
}

#mv-block h1 {
	line-height: 1.8em;
	margin-bottom: 30px;
	font-weight: bold;
	color: #000;
}
#mv-block h2 {
	line-height: 1.5em;
	color: #000;
}

@media screen and (max-width: 767px) { /* for SmartPhone */
	#mv-block {
		padding: 140px 0 60px;
		background: url(../img/mv-bg-sp.jpg) left bottom/100% auto no-repeat;
	}
	#mv-block h1,
	#mv-block h2 { text-align: center; }
	#mv-block h1 {
		font-size: 3.2rem;
		text-shadow: rgba(255,255,255,.9) 2px 2px 0;
	}
	#mv-block h2 {
		font-size: 1.8rem;
		font-weight: bold;
		text-shadow: rgba(255,255,255,.9) 1px 1px 0;
	}
}

@media screen and (min-width: 768px) { /* for PC */
	#mv-block {
		height: 630px;
		padding-top: 200px;
		background: url(../img/mv-bg.jpg) right top/contain no-repeat;
	}
	#mv-block h1,
	#mv-block h2 {
		width: 1000px;
		margin: 0 auto;
	}
	#mv-block h1 {
		font-size: 6rem;
		text-shadow: rgba(255,255,255,.7) 3px 3px 0;
	}
	#mv-block h2 {
		font-size: 3.6rem;
		font-weight: normal;
		text-shadow: rgba(255,255,255,.7) 2px 2px 0;
	}
}


/* lead-block
----------------------------------------- */
@media screen and (max-width: 767px) { /* for SmartPhone */
	#lead-block { width: 100%; }
	#lead-block .photos {
		width: 96%;
		margin: 0 auto 20px;
	}
	#lead-block .lead {
		width: 96%;
		margin: 0 auto 20px;
		font-size: 1.8rem;
	}
}

@media screen and (min-width: 768px) { /* for PC */
	#lead-block {
		width: 1000px;
		margin: 0 auto 40px;
	}
	#lead-block .photos {
		width: 50%;
		float: left;
	}
	#lead-block .lead {
		width: 46%;
		padding-bottom: 240px;
		font-size: 1.8rem;
		background: url(../img/lead-fig03.png) right bottom no-repeat;
		float: right;
	}
}

#lead-block .photos img {
	line-height: 0;
	width: 100%;
	height: auto;
	margin-bottom: 4px;
}

#lead-block .lead {
	line-height: 1.6em;
	color: #000;
}


/* point-block
----------------------------------------- */
#point-block { clear: both; }
#point-block .catch {
	line-height: 1.4em;
	font-weight: bold;
	color: #000;
}
@media screen and (max-width: 767px) { /* for SmartPhone */
	#point-block {
		width: 100%;
		margin-bottom: 30px;
	}
	#point-block .catch {
		margin-bottom: 20px;
		font-size: 2.2rem;
	}
}

@media screen and (min-width: 768px) { /* for PC */
	#point-block {
		width: 1000px;
		margin: 0 auto 50px;
	}
	#point-block .catch {
		padding-top: 30px;
		margin-bottom: 30px;
		font-size: 4.8rem;
	}
}

#point-block .catch .emph:before {
	content: '“';
	color: #ed7b0c;
}
#point-block .catch .emph:after {
	content: '” ';
	color: #ed7b0c;
}

#point-block .point-list li { background-repeat: no-repeat; }
#point-block .point-list li.point1 { background-image: url(../img/point1-bg.jpg); }
#point-block .point-list li.point2 { background-image: url(../img/point2-bg.jpg); }
#point-block .point-list li.point3 { background-image: url(../img/point3-bg.jpg); }

#point-block .point-list li .text {
	line-height: 1.4em;
	font-weight: bold;
	color: #000;
}

@media screen and (max-width: 767px) { /* for SmartPhone */
	#point-block .point-list {
		width: 96%;
		margin: 0 auto;
	}
	#point-block .point-list li {
		padding-left: 32%;
		margin-bottom: 10px;
		background-size: 30% auto;
	}
	#point-block .point-list li.point2 { background-position: left bottom; }

	#point-block .point-list li .point-ttl img {
		width: 40%;
		height: auto;
	}

	#point-block .point-list li .text {
		text-align: left;
		font-size: 1.5rem;
	}
}

@media screen and (min-width: 768px) { /* for PC */
	#point-block .point-list {
		font-size: 5px;
		text-align: center;
		overflow: hidden;
	}
	#point-block .point-list li {
		display: inline-block;
		width: 32%;
		height: 330px;
		margin: 0 .5%;
		vertical-align: top;
	}

	#point-block .point-list li .point-ttl {
		padding: 26px 0 0;
		text-align: center;
		margin-bottom: 66px;
	}

	#point-block .point-list li .text {
		width: 78%;
		margin: 0 auto;
		font-size: 1.8rem;
		background-color: rgba(255,255,255,.8);
	}
	#point-block .point-list li.point1 .text { padding: 1em; }
	#point-block .point-list li.point2 .text,
	#point-block .point-list li.point3 .text { padding: 1.5em; }
}


/* order-block
----------------------------------------- */
#order-block { clear: both; }
#order-block .sample-lead {
	line-height: 1.4em;
	margin-bottom: 20px;
	color: #000;
	background-image: url(../img/order-sample-fig.jpg);
	background-repeat: no-repeat;
}
@media screen and (max-width: 767px) { /* for SmartPhone */
	#order-block {
		width: 100%;
		margin-bottom: 30px;
	}
	#order-block .sample-lead {
		padding: 30px 10px 0 27%;
		font-size: 1.8rem;
		background-size: 75% auto;
		background-position: left top;
		text-shadow: 0px 0px 4px #fff, 0px 0px 6px #fff, 0px 0px 12px #fff;
	}
}

@media screen and (min-width: 768px) { /* for PC */
	#order-block {
		width: 1000px;
		margin: 0 auto 40px;
	}
	#order-block .sample-lead {
		padding-left: 54%;
		font-size: 2.1rem;
		background-position: left center;
	}
}


#order-block .sample-list { background: url(../img/bg_lattice.png); }

#order-block .sample-list .sample-box .sample-name dt {
	font-weight: bold;
	color: #fbedde;
	background-color: #ee7a05;
}
#order-block .sample-list .sample-box .sample-name dd {
	color: #FFF;
	background-color: #575c88;
}
#order-block .sample-list .sample-box .sample-name dd p { display: inline-block; }
#order-block .sample-list .sample-box .sample-name dd .address { font-weight: bold; }
#order-block .sample-list .sample-box .sample-name dd .price {
	margin-left: 1em;
	font-weight: bold;
}

@media screen and (max-width: 767px) { /* for SmartPhone */
	#order-block .sample-list {
		width: 93%;
		padding: 20px 0 5px;
		margin: 0 auto 30px;
	}
	#order-block .sample-list .sample-box { margin-bottom: 30px; }

	#order-block .sample-list .sample-box .sample-name {
		width: 85%;
		margin-bottom: 10px;
		vertical-align: middle;
	}
	#order-block .sample-list .sample-box .sample-name dt,
	#order-block .sample-list .sample-box .sample-name dd { padding: 5px 10px; }
	#order-block .sample-list .sample-box .sample-name dt { font-size: 1.8rem; }
	#order-block .sample-list .sample-box .sample-name dd .address { font-size: 1.8rem; }
	#order-block .sample-list .sample-box .sample-name dd .area,
	#order-block .sample-list .sample-box .sample-name dd .price {
		display: inline-block;
		font-size: 1.5rem;
	}
	#order-block .sample-list .sample-box .sample-name dd .price { margin-left: 1em; }
}

@media screen and (min-width: 768px) { /* for PC */
	#order-block .sample-list {
		padding: 30px 0 5px;
		margin-bottom: 40px;
	}
	#order-block .sample-list .sample-box { margin-bottom: 35px; }

	#order-block .sample-list .sample-box .sample-name {
		width: 75%;
		height: 3.6rem;
		line-height: 3.6rem;
		margin-bottom: 20px;
		vertical-align: middle;
	}
	#order-block .sample-list .sample-box .sample-name dt,
	#order-block .sample-list .sample-box .sample-name dd {
		height: 3.6rem;
		line-height: 3.6rem;
		float: left;
	}
	#order-block .sample-list .sample-box .sample-name dt {
		width: 17%;
		text-align: center;
		font-size: 2.4rem;
	}
	#order-block .sample-list .sample-box .sample-name dd { width: 83%; }
	#order-block .sample-list .sample-box .sample-name dd .address {
		margin: 0 1em;
		font-size: 2.4rem;
	}
	#order-block .sample-list .sample-box .sample-name dd .area,
	#order-block .sample-list .sample-box .sample-name dd .price { font-size: 1.8rem; }
}

#order-block .sample-list .sample-box .photos {
	clear: both;
	width: 96%;
	text-align: center;
}

#order-block .sample-list .sample-box .photos li {
	display: inline-block;
	vertical-align: middle;
}

@media screen and (max-width: 767px) { /* for SmartPhone */
	#order-block .sample-list .sample-box .photos { margin: 0 auto 10px; }
	#order-block .sample-list .sample-box .photos li {
		width: 48%;
		margin: 0 .2% 0 0;
	}
	#order-block .sample-list .sample-box .photos li img {
		width: 100%;
		height: auto;
	}
}

@media screen and (min-width: 768px) { /* for PC */
	#order-block .sample-list .sample-box .photos { margin: 0 auto 20px; }
	#order-block .sample-list .sample-box .photos li:first-child {
		width: 55%;
		margin-right: 1%;
	}
	#order-block .sample-list .sample-box .photos li:nth-child(2) { width: 43%; }
	#order-block .sample-list .sample-box .photos li img {
		max-width: 100%;
		height: auto;
	}
}

#order-block .sample-list .sample-box .explain {
	line-height: 1.6em;
	margin: 0 auto 20px;
}

#order-block .sample-list .sample-box .plan-data {
	width: 95%;
	font-size: 1.8rem;
	font-weight: bold;
}
#order-block .sample-list .sample-box .plan-data dt,
#order-block .sample-list .sample-box .plan-data dd {
	display: inline-block;
	line-height: 1.6em;
}

@media screen and (max-width: 767px) { /* for SmartPhone */
	#order-block .sample-list .sample-box .explain {
		width: 93%;
		font-size: 1.6rem;
	}
 	#order-block .sample-list .sample-box .plan-data { margin: 0 auto 20px; }
	#order-block .sample-list .sample-box .plan-data dt {
		width: 33%;
		margin-right: 1%;
	}
	#order-block .sample-list .sample-box .plan-data dd { width: 63%; }
}

@media screen and (min-width: 768px) { /* for PC */
	#order-block .sample-list .sample-box .explain {
		width: 95%;
		font-size: 1.8rem;
	}
 	#order-block .sample-list .sample-box .plan-data { margin: 0 auto 30px; }
	#order-block .sample-list .sample-box .plan-data dt {
		width: 13%;
		margin-right: 1%;
	}
	#order-block .sample-list .sample-box .plan-data dd { width: 85%; }
}


#order-block .sample-list .sample-box .link { margin: 0 auto; }

#order-block .sample-list .sample-box .link a {
	position: relative;
	display: block;
	line-height: 2em;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	color: #000;
	background-color: #ee7a05;
	transition: all 300ms 0s ease;
}
#order-block .sample-list .sample-box .link a:after {
	position: absolute;
	top: 50%;
	right: 2%;
	margin-top: -10px;
	content: '';
	border: 10px solid transparent;
	border-left: 10px solid #FFF;
}
#order-block .sample-list .sample-box .link a:hover {
	color: #FFF;
	background-color: #000;
}
#order-block .sample-list .sample-box .link a:hover:after { right: .5%; }
@media screen and (max-width: 767px) { /* for SmartPhone */
	#order-block .sample-list .sample-box .link { width: 80%; }
	#order-block .sample-list .sample-box .link a { font-size: 1.8rem; }
}

@media screen and (min-width: 768px) { /* for PC */
	#order-block .sample-list .sample-box .link { width: 36%; }
	#order-block .sample-list .sample-box .link a { font-size: 2.4rem; }
}

#order-block .brick-photos li {
	width: 50%;
	margin-bottom: 10px;
	float: left;
}
#order-block .brick-photos li:nth-child(odd) { text-align: left; }
#order-block .brick-photos li:nth-child(even) { text-align: right; }

#order-block .brick-merit {
	clear: both;
	font-weight: bold;
	text-align:center;
	color: #000;
}
#order-block .brick-merit .emph {
	font-style: italic;
	font-family: Times New Roman;
	font-weight: normal;
	color: #c60e00;
}

@media screen and (max-width: 767px) { /* for SmartPhone */
	#order-block .brick-photos {
		width: 96%;
		margin: 0 auto;
	}
	#order-block .brick-photos li img {
		width: 99%;
		height: auto;
	}
	#order-block .brick-merit {
		line-height: 2em;
		margin-bottom: 20px;
		font-size: 2.2rem;
	}
	#order-block .brick-merit .emph { font-size: 4.2rem; }
}

@media screen and (min-width: 768px) { /* for PC */
	#order-block .brick-merit {
		line-height: 3em;
		font-size: 3rem;
	}
	#order-block .brick-merit .emph { font-size: 8rem; }
}

#order-block .brick-merit-list { width: 84%; }
#order-block .brick-merit-list dt {
	margin-right: 1.5em;
	font-weight: bold;
}
#order-block .brick-merit-list dt span {
	margin-right: .5em;
	font-style: italic;
	font-family: Times New Roman;
	font-weight: normal;
	color: #c60e00;
}


@media screen and (max-width: 767px) { /* for SmartPhone */
	#order-block .brick-merit-list { margin: 0 auto 30px; }
	#order-block .brick-merit-list dt,
	#order-block .brick-merit-list dd{
		margin-bottom: 4px;
		font-size: 1.6rem;
	}
	#order-block .brick-merit-list dt span { font-size: 2rem; }
	#order-block .brick-merit-list dd {
		line-height: 1.4em;
		margin-bottom: 10px;
	}
}

@media screen and (min-width: 768px) { /* for PC */
	#order-block .brick-merit-list { margin: 0 auto 60px; }
	#order-block .brick-merit-list dt,
	#order-block .brick-merit-list dd{
		display: inline-block;
		line-height: 2em;
		margin-bottom: 5px;
		font-size: 2.2rem;
	}
	#order-block .brick-merit-list dt span { font-size: 4rem; }
	#order-block .brick-merit-list dd { margin-right: 3em; }
}


#order-block .randi-lead { line-height: 1.6em; }

#order-block .about-itohpiahome {
	padding: 20px 4% 15px;
	background-color: #f8f5e7;
}

#order-block .about-itohpiahome .logo { margin-bottom: 15px; }

#order-block .about-itohpiahome p {
	line-height: 1.6em;
	font-size: 1.6rem;
	color: #000;
}

@media screen and (max-width: 767px) { /* for SmartPhone */
	#order-block .randi-lead {
		width: 96%;
		margin: 0 auto 20px;
		font-size: 1.8rem;
	}
	#order-block .about-itohpiahome {
		width: 96%;
		margin: 0 auto 30px;
	}
	#order-block .about-itohpiahome .logo img {
		width: 100%;
		height: auto;
	}
}

@media screen and (min-width: 768px) { /* for PC */
	#order-block .randi-lead {
		font-size: 2.1rem;
		margin-bottom: 30px;
	}
	#order-block .about-itohpiahome { margin-bottom: 40px; }
}


#order-block .basicspecifications-ttl {
	
	font-weight: bold;
	text-align: left;
}

#order-block .specification-list { color: #000; }
#order-block .specification-list li {
	line-height: 1.6em;
	margin-bottom: 5px;
}

#order-block .specification-list li .num {
	display: inline-block;
	width: 1.3em;
	height: 1.3em;
	line-height: 1.3em;
	margin-right: .5em;
	text-align: center;
	font-weight: bold;
	background-color: #ee7a05;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}
@media screen and (max-width: 767px) { /* for SmartPhone */
	#order-block .basicspecifications-ttl {
		width: 96%;
		line-height: 1.4em;
		margin: 0 auto 20px;
		font-size: 2.2rem;
	}
	#order-block .specification-list {
		width: 93%;
		margin: 0 auto 20px;
		font-size: 1.6rem;
	}
}

@media screen and (min-width: 768px) { /* for PC */
	#order-block .basicspecifications-ttl {
		font-size: 3.6rem;
		margin-bottom: 30px;
	}
	#order-block .specification-list {
		margin-bottom: 30px;
		font-size: 2.2rem;
	}

}

#order-block .option-ttl {
	text-align: left;
	font-weight: bold;
}

#order-block .option-list {
	background-color: #e5e5e5;
}
#order-block .option-list ul li { background-color: #FFF; }
#order-block .option-list ul li .option-name {
	font-weight: bold;
	line-height: 1.2em;
}


@media screen and (max-width: 767px) { /* for SmartPhone */
	#order-block .option-ttl {
		margin-bottom: 5px;
		font-size: 1.6rem;
	}
	#order-block .option-list {
		width: 96%;
		padding: 15px 15px 5px;
		margin: 0 auto 30px;
	}
	#order-block .option-list ul li {
		padding: 10px;
		margin-bottom: 10px;
		overflow: hidden;
	}
	#order-block .option-list ul li .option-name {
		width: 58%;
		margin-bottom: 5px;
		font-size: 1.8rem;
		float: right;
	}
	#order-block .option-list ul li .fig {
		width: 35%;
		padding-top: 5px;
		float: left;
	}
	#order-block .option-list ul li .fig img {
		width: 100%;
		height: auto;
	}
	#order-block .option-list ul li .explain {
		width: 58%;
		line-height: 1.2em;
		margin-bottom: 5px;
		text-align: left;
		font-size: 1.5rem;
		float: right;
	}
	#order-block .option-list ul li .explain {
		width: 58%;
		line-height: 1.2em;
		text-align: left;
		font-size: 1.5rem;
		float: right;
	}

	#order-block .option-list ul li .logo {
		clear: both;
		padding-top: 5px;
		text-align: center;
	}
	#order-block .option-list ul li .logo img {
		width: auto;
		max-height: 20px;
	}
}

@media screen and (min-width: 768px) { /* for PC */
	#order-block .option-ttl {
		margin-bottom: 10px;
		font-size: 2.4rem;
	}
	#order-block .option-list {
		padding: 20px 0 15px;
		margin-bottom: 40px;
	}

	#order-block .option-list ul {
		font-size: 5px;
		text-align: center;
	}
	#order-block .option-list ul li {
		display: inline-block;
		width: 23%;
		padding: 20px 0;
		margin: 0 .5% 12px;
		text-align: center;
		vertical-align: top;
	}
	#order-block .option-list ul li .option-name {
		height: 3em;
		font-size: 3rem;
	}
	#order-block .option-list ul li .fig {
		height: 80px;
		line-height: 80px;
		margin-bottom: 10px;
		vertical-align: middle;
	}
	#order-block .option-list ul li .explain {
		height: 3em;
		line-height: 1.1em;
		font-size: 2rem;
	}

	#order-block .option-list ul li .logo {
		height: 30px;
		line-height: 30px;
		vertical-align: middle;
	}
	#order-block .option-list ul li .logo img {
		width: auto;
		max-height: 30px;
	}
}

#order-block .pamphlet-link { margin: 0 auto 30px; }
#order-block .pamphlet-link a {
	position: relative;
	display: block;
	color: #000;
	text-decoration: none;
	border: 2px solid #000;
	vertial-align: middle;
	transition: all 300ms 0s ease;
	background-image: url(../img/icon-pdf.png);
	background-repeat: no-repeat;
}
#order-block .pamphlet-link a:after {
	position: absolute;
	content: '';
	top: 50%;
	margin-top: -10px;
	border: 10px solid transparent;
	border-left: 10px solid #ee7a05;
}

#order-block .pamphlet-link a:hover {
	color: #FFF;
	background-color: #000;
}


#order-block .pamphlet-link a span {
	margin-left: 1em;
	color: #666;
}

@media screen and (max-width: 767px) { /* for SmartPhone */
	#order-block .pamphlet-link { width: 90%; }
	#order-block .pamphlet-link a {
		padding: 10px 25px 5px 40px;
		line-height: 1.2em;
		font-size: 1.8rem;
		background-position: 5px center;
	}
	#order-block .pamphlet-link a:after { right: 0; }
	#order-block .pamphlet-link a span { font-size: .9rem; }
}

@media screen and (min-width: 768px) { /* for PC */
	#order-block .pamphlet-link { width: 88%; }
	#order-block .pamphlet-link a {
		line-height: 3em;
		padding-left: 60px;
		font-size: 3.4rem;
		background-position: 20px center;
	}
	#order-block .pamphlet-link a:after { right: 1%; }
	#order-block .pamphlet-link a span { font-size: 1.8rem; }

	#order-block .pamphlet-link a:hover:after { right: .5%; }
}

#order-block .notice { font-weight: bold; }
#order-block .notice-list li { line-height: 1.4em; }
#order-block .notice-list li:before { content: '・'; }

@media screen and (max-width: 767px) { /* for SmartPhone */
	#order-block .notice {
		width: 90%;
		margin: 0 auto 5px;
		font-size: 1.5rem;
	}
	#order-block .notice-list {
		width: 90%;
		margin: 0 auto 30px;
		font-size: 1.1rem;
	}
	#order-block .notice-list li {
		margin-left: 1em;
		text-indent: -1em;
	}
}

@media screen and (min-width: 768px) { /* for PC */
	#order-block .notice {
		width: 98%;
		margin: 0 auto 10px;
		font-size: 1.8rem;
	}
	#order-block .notice-list {
		width: 96%;
		margin: 0 auto 20px;
		font-size: 1.4rem;
	}
	#order-block .notice-list li {
		display: inline-block;
		width: 48%;
		margin-bottom: 5px;
	}
}

#order-block .call {
	line-height: 1.2em;
	font-weight: bold;
	color: #000;
}

#order-block .exsample-photos { overflow: hidden; }
#order-block .exsample-photos li {
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
	float: left;
}

@media screen and (max-width: 767px) { /* for SmartPhone */
	#order-block .call {
		width: 96%;
		margin: 0 auto 20px;
		text-align: left;
		font-size: 2.2rem;
	}
	#order-block .exsample-photos { margin-bottom: 30px; }
	#order-block .exsample-photos li {
		position: relative;
		width: 50%;
		padding-top: 36%;
	}
	#order-block .exsample-photos li img {
		position: absolute;
		top: 50%;
		left: 50%;
		width: auto;
		height: 100%;
		line-height: 0;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
	}
	#order-block .exsample-photos li.sp {
		width: 100%;
		height: 1.2em;
		padding: 0;
		font-size: 2.6rem;
		color: #000;
	}
}

@media screen and (min-width: 768px) { /* for PC */
	#order-block .call {
		text-align: center;
		font-size: 3.2rem;
		margin-bottom: 30px;
	}
	#order-block .exsample-photos {
		width: 999px;
		margin: 0 auto 40px;
	}
	#order-block .exsample-photos li {
		width: 333px;
		height: 222px;
		line-height: 222px;
		text-align: center;
		font-size: 7.2rem;
		color: #FFF;
	}
	#order-block .exsample-photos li.pc { background-color: #b2b2b2; }
}




/* reform-block
----------------------------------------- */
#reform-block { clear: both; }

#reform-block .text-box .catch {
	line-height: 1.4em;
	font-weight: bold;
}
#reform-block .text-box .lead { line-height: 1.8em; }



@media screen and (max-width: 767px) { /* for SmartPhone */
	#reform-block {
		width: 93%;
		margin: 0 auto 30px;
	}

	#reform-block .text-box .catch {
		margin-bottom: 15px;
		font-size: 3rem;
		text-align: center;
	}

	#reform-block .text-box .lead {
		margin-bottom: 20px;
		font-size: 1.6rem;
	}

	#reform-block .text-box .orico-link {
		margin-bottom: 30px;
		text-align: center;
	}

}

@media screen and (min-width: 768px) { /* for PC */
	#reform-block {
		width: 1000px;
		margin: 0 auto 40px;
	}
	#reform-block .text-box {
		width: 40%;
		float: right;
	}
	#reform-block .photos-box {
		width: 54%;
		float: left;
	}

	#reform-block .text-box .catch {
		margin-bottom: 20px;
		font-size: 5.2rem;
	}

	#reform-block .text-box .lead {
		margin-bottom: 30px;
		font-size: 2rem;
	}

	#reform-block .text-box .orico-link { margin-bottom: 60px; }
	#reform-block .text-box .orico-link a:hover img { opacity: .7; }
}

#reform-block .contact .serifu {
	position: relative;
	line-height: 3em;
	font-weight: bold;
	text-align: center;
	color: #FFF;
	background-color: #ee7a05;
}
#reform-block .contact .serifu:after {
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -10px;
	content: '';
	border: 10px solid transparent;
	border-top: 10px solid #ee7a05;
}

#reform-block .contact .tel-num {
	font-weight: bold;
	text-align: center;
	color: #000;
}

#reform-block .contact .tel-num .tel {
	display: inline-block;
	margin-right: .5em;
	vertical-align: middle;
	font-size: 2.4rem;
	font-weight: normal;
}

#reform-block .contact .form-link a {
	position: relative;
	display: block;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	color: #000;
	border: 2px solid #000;
}
#reform-block .contact .form-link a:after {
	position: absolute;
	content: '';
	top: 50%;
	right: 1%;
	margin-top: -10px;
	border: 10px solid transparent;
	border-left: 10px solid #ee7a05;
}

@media screen and (max-width: 767px) { /* for SmartPhone */
	#reform-block .contact { margin-bottom: 30px; }
	#reform-block .contact .serifu {
		margin-bottom: 20px;
		font-size: 1.4rem;
	}
	#reform-block .contact .tel-num {
		margin-bottom: 5px;
		font-size: 3rem;
		text-decoration: none;
		color: #000;
	}
	#reform-block .contact .tel-num .tel { font-size: 1.4rem; }

	#reform-block .contact .opentime {
		margin: 0 0 10px 4em;
		font-size: 1.4rem;
	}

	#reform-block .contact .form-link a {
		line-height: 2.4em;
		font-size: 1.8rem;
	}
}

@media screen and (min-width: 768px) { /* for PC */
	#reform-block .contact .serifu {
		margin-bottom: 30px;
		font-size: 1.6rem;
	}
	#reform-block .contact .tel-num {
		margin-bottom: 5px;
		font-size: 4.8rem;
	}
	#reform-block .contact .tel-num .tel { font-size: 2.4rem; }

	#reform-block .contact .opentime {
		margin: 0 0 20px 75px;
		font-size: 1.4rem;
	}

	#reform-block .contact .form-link a {
		line-height: 3em;
		font-size: 2.4rem;
		transition: all 300ms 0s ease;
	}

	#reform-block .contact .form-link a:hover {
		color: #FFF;
		background-color: #000;
	}
	#reform-block .contact .form-link a:hover:after { right: .5%; }
}

#reform-block .photos-box .serifu {
	text-align: center;
	font-weight: bold;
	color: #473b30;
}
#reform-block .photos-box .serifu:before {
    display: inline-block;
	width: 1.4em;
	height: 1.4em;
	margin-left: .5em;
	vertical-align: middle;
	content: '';
	background: url(../img/serifu-before.png) center center/contain no-repeat;
}
#reform-block .photos-box .serifu:after {
    display: inline-block;
	width: 1.4em;
	height: 1.4em;
	vertical-align: middle;
	content: '';
	background: url(../img/serifu-after.png) center center/contain no-repeat;
}

#reform-block .photos-box figure { margin-bottom: 10px; }
#reform-block .photos-box figure img { margin-bottom: 5px; }
#reform-block .photos-box figure figcaption {
	line-height: 1.4em;
	font-size: 1.4rem;
	color: #666;
}

@media screen and (max-width: 767px) { /* for SmartPhone */
	#reform-block .photos-box .serifu {
		margin-bottom: 8px;
		font-size: 1.5rem;
	}

	#reform-block .photos-box figure img {
		width: 100%;
		height: auto;
	}
}

@media screen and (min-width: 768px) { /* for PC */
	#reform-block .photos-box .serifu {
		margin-bottom: 10px;
		font-size: 2.4rem;
	}

}

/* company-block
----------------------------------------- */
#company-block { clear: both; }
#company-block .company-catch { background: url(../img/bg-building.jpg) repeat-x; }

#company-block .company-catch h3 {
	margin: 0 auto;
	text-align: center;
	color: #FFF;
}

#company-block .lead { line-height: 1.6em; }

#company-block .conclusion {
	text-align: center;
	font-weight: bold;
}

@media screen and (max-width: 767px) { /* for SmartPhone */
	#company-block {
		width: 100%;
		margin-bottom: 30px;
	}
	#company-block .company-catch {
		padding: 25px 0;
		margin-bottom: 20px;
		background-size: cover;
	}
	#company-block .company-catch h3 {
		line-height: 1.2em;
		width: 90%;
		font-size: 1.8rem;
	}

	#company-block .lead {
		width: 93%;
		margin: 0 auto 30px;
		font-size: 1.6rem;
	}

	#company-block .conclusion {
		width: 93%;
		line-height: 1.6em;
		margin: 0 auto 40px;
		font-size: 1.9rem;
	}
}

@media screen and (min-width: 768px) { /* for PC */
	#company-block .company-catch { padding: 100px 0; }
	#company-block .company-catch h3 {
		width: 1000px;
		line-height: 1.6em;
		margin: 0 auto 40px;
		font-size: 4.8rem;
	}

	#company-block .lead {
		width: 1000px;
		margin: 0 auto 40px;
		font-size: 1.8rem;
		font-weight: bold;
	}

	#company-block .conclusion {
		margin-bottom: 50px;
		font-size: 2.4rem;
	}
}


#company-block .contact .serifu {
	position: relative;
	padding: 0 1em;
	line-height: 3em;
	font-weight: bold;
	text-align: center;
	color: #FFF;
	vertical-align: top;
	background-color: #ee7a05;
}
#company-block .contact .serifu:after {
	position: absolute;
	content: '';
	border: 10px solid transparent;
}

#company-block .contact .tel-num {
	font-weight: bold;
	text-align: center;
	vertical-align: top;
	color: #000;
}

#company-block .contact .tel-num .tel {
	display: inline-block;
	margin-right: .5em;
	vertical-align: middle;
	font-weight: normal;
}

#company-block .contact .form-link a {
	position: relative;
	display: block;
	line-height: 3em;
	text-align: center;
	text-decoration: none;
	font-size: 2.4rem;
	font-weight: bold;
	color: #000;
	transition: all 300ms 0s ease;
	border: 2px solid #000;
}
#company-block .contact .form-link a:after {
	position: absolute;
	content: '';
	top: 50%;
	right: 1%;
	margin-top: -10px;
	border: 10px solid transparent;
	border-left: 10px solid #ee7a05;
}

#company-block .contact .form-link a:hover {
	color: #FFF;
	background-color: #000;
}
#company-block .contact .form-link a:hover:after { right: .5%; }

#company-block .company-data {
	width: 400px;
	margin: 0 auto 40px;
	overflow: hidden;
}

@media screen and (max-width: 767px) { /* for SmartPhone */
	#company-block .contact {
		width: 90%;
		margin: 0 auto 60px;
	}

	#company-block .contact .serifu {
		margin-bottom: 10px;
		font-size: 1.2rem;
	}
	#company-block .contact .serifu:after {
		top: 100%;
		left: 50%;
		margin-left: -10px;
		content: '';
		border-top: 10px solid #ee7a05;
	}

	#company-block .contact .tel-num {
		text-align: center;
		margin-bottom: 3px;
		font-size: 3rem;
	}

	#company-block .contact .tel-num .tel { font-size: 1.8rem; }

	#company-block .contact .opentime {
		margin-bottom: 10px;
		text-align: center;
		font-size: 1.2rem;
	}

	#company-block .contact .form-link a { font-size: 1.8rem; }

}

@media screen and (min-width: 768px) { /* for PC */
	#company-block .contact {
		width: 710px;
		margin: 0 auto 80px;
	}

	#company-block .contact .serifu {
		display: inline-block;
		margin: 0 20px 5px 0;
		font-size: 1.4rem;
	}
	#company-block .contact .serifu:after {
		top: 50%;
		left: 100%;
		margin-top: -10px;
		border-left: 10px solid #ee7a05;
	}

	#company-block .contact .tel-num {
		display: inline-block;
		margin-bottom: 5px;
		font-size: 4.8rem;
	}

	#company-block .contact .tel-num .tel {
		font-size: 2.4rem;
	}

	#company-block .contact .opentime {
		margin: 0 0 20px 390px;
		font-size: 1.4rem;
	}

	#company-block .contact .form-link a { font-size: 2.4rem; }
}

#company-block .company-data dt,
#company-block .company-data dd {
	line-height: 1.8em;
	margin-bottom: 5px;
	float: left;
}

#company-block .company-data dt {
	clear: left;
	width: 25%;
	font-weight: bold;
}
#company-block .company-data dd { width: 75%; }
#company-block .company-data dd a { color: #000; }

#company-block .company-banner {
	clear: both;
	text-align: center;
}
#company-block .company-banner a:hover { opacity: .7; }

#company-block .about-company { line-height: 1.6em; }

@media screen and (max-width: 767px) { /* for SmartPhone */
	#company-block .company-data {
		width: 80%;
		margin: 0 auto 20px;
	}
	#company-block .company-data dt,
	#company-block .company-data dd { font-size: 1.4rem; }

	#company-block .company-banner { margin-bottom: 30px; }
	#company-block .company-banner img {
		width: 60%;
		height: auto;
	}

	#company-block .about-company {
		width: 80%;
		line-height: 1.6em;
		margin: 0 auto 50px;
		font-size: 1.3rem;
	}
}

@media screen and (min-width: 768px) { /* for PC */
	#company-block .company-data dt,
	#company-block .company-data dd { font-size: 1.5rem; }

	#company-block .about-company {
		width: 710px;
		line-height: 1.6em;
		margin: 0 auto 60px;
		font-size: 1.4rem;
		font-weight: bold;
	}
}


/* footer-block
----------------------------------------- */
#footer-block {
	clear: both;
	line-height: 2em;
	text-align: center;
	color: #575c88;
}
@media screen and (max-width: 767px) { /* for SmartPhone */
	#footer-block { font-size: 1rem; }
}

@media screen and (min-width: 768px) { /* for PC */
	#footer-block { font-size: 1.2rem; }
}


/* pagetop
----------------------------------------- */
#pagetop {
	position: relative;
	padding-top: 40px;
	text-align: center;
	font-style: italic;
	font-family: Times New Roman;
	color: #FFF;
	background-color: rgba(38,41,107,.8);
}
#pagetop:after {
	position: absolute;
	left: 50%;
	margin-left: -10px;
	content: '';
	border: 10px solid transparent;
	border-bottom: 10px solid #FFF;
}
@media screen and (max-width: 767px) { /* for SmartPhone */
	#pagetop {
		width: 60px;
		height: 80px;
		font-size: 1.4rem;
	}
	#pagetop:after { top: 6px; }
}

@media screen and (min-width: 768px) { /* for PC */
	#pagetop {
		width: 90px;
		height: 100px;
		font-size: 1.6rem;
	}
	#pagetop:after { top: 10px; }
}