/* ページ */

body, td, th {
	background: #FBFBF0;
	font-size: 12px;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #333333;
	margin: 0px;
	}

img {
	border: 0px;
	vertical-align: bottom;
	}

p, a, div, span, font, strong, section, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, label, input, textarea, select, :before, :after {
	margin: 0px;
	padding: 0px;
	list-style: none;
	box-sizing: border-box;
	}

form {
	margin: 0px;
	}

a:link { color: #F6A900; text-decoration: none; }
a:visited { color: #F6A900; text-decoration: none; }
a:hover { color: #0099FF; text-decoration: none; }
a:active { color: #F6A900; text-decoration: none; }

@media screen and (min-width: 641px){

img {
	-webkit-transition: all .3s;
	transition: all .3s;
	}

a {
	-webkit-transition: all .3s;
	transition: all .3s;
	}

a:hover {
	opacity: 0.6;
	}

a:hover img {
	opacity: 0.6;
	}

}

@media screen and (max-width: 640px){

}


/* 全体レイアウト */

@media screen and (min-width: 641px){

#main {
	width: 1000px;
	margin: 0px auto 0px auto;
	overflow: visible;
	}

#main_pc {
	width: 750px;
	margin: 0px auto 0px auto;
	overflow: visible;
	}

#cmain {
	width: 100%;
	background: #ffffff;
	padding: 50px;
	float: left;
	position: relative;
	z-index: -2;
	}

#finq {
	width: 100%;
	background: url(img/cfoman.jpg) no-repeat 40px bottom;
	background-color: #FFF15B;
	font-size: 14px;
	line-height: 150%;
	border: 5px #E4F1F0 solid;
	margin: 50px 0px 0px 0px;
	padding: 0px 0px 0px 230px;
	float: left;
	}

#finq h3 {
	font-size: 24px;
	margin: 25px 0px 15px 0px;
	}

#finq .inq {
	margin: 15px 0px 30px 0px;
	overflow: hidden;
	}

#finq .inq .tel {
	font-size: 12px;
	margin: 5px 30px 0px 0px;
	float: left;
	}

#finq .inq .tel p {
	font-size: 24px;
	font-family: 'Varela Round', sans-serif;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	}

#finq .inq .tel p font {
	color: #2CB384;
	margin: 0px 10px 0px 0px;
	}

#finq .inq ol {
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	float: left;
	overflow: hidden;
	}

#finq .inq ol a {
	width: 160px;
	background: #81D3B5;
	border-right: 1px #ffffff dotted;
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
	line-height: 50px;
	float: left;
	text-align: center;
	display: block;
	}

#finq .inq ol a:last-child {
	border: none;
	}

h2.title {
	width: 100%;
	background: url(img/titlin.png) repeat-x left bottom;
	font-size: 24px;
	line-height: 100%;
	margin: 0px 0px 50px 0px;
	padding: 0px 0px 25px 10px;
	}

h2.title select {
	height: 30px;
	padding: 0px 0px 0px 5px;
	float: right;
	}

#pag {
	width: 100%;
	font-size: 18px;
	font-family: 'Varela Round', sans-serif;
	font-weight: 400;
	margin: 50px 0px 0px 0px;
	float: left;
	text-align: center;
	}

#pag .previouspostslink {
	width: 30px;
	height: 30px;
	background: url(img/arr0202.png) no-repeat center;
	background-color: #2DB584;
	border: 1px #2DB584 solid;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	margin: 0px 20px 0px 0px;
	}

#pag a.previouspostslink:hover {
	background: url(img/arr0202.png) no-repeat center;
	background-color: #2DB584;
	border: 1px #2DB584 solid;
	opacity: 0.6;
	}

#pag .nextpostslink {
	width: 30px;
	height: 30px;
	background: url(img/arr02.png) no-repeat center;
	background-color: #2DB584;
	border: 1px #2DB584 solid;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	margin: 0px 0px 0px 20px;
	}

#pag a.nextpostslink:hover {
	background: url(img/arr02.png) no-repeat center;
	background-color: #2DB584;
	border: 1px #2DB584 solid;
	opacity: 0.6;
	}

#pag a {
	width: 30px;
	line-height: 30px;
	color: #333333;
	margin: 0px 5px 0px 5px;
	text-align: center;
	display: inline-block;
	}

#pag a:hover {
	height: 30px;
	background: #ffffff;
	border: 1px #2DB584 solid;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	font-weight: bold;
	line-height: 30px;
	color: #2DB584;
	opacity: 1;
	}

#pag span {
	width: 30px;
	height: 30px;
	background: #ffffff;
	border: 1px #2DB584 solid;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	line-height: 30px;
	font-weight: bold;
	color: #2DB584;
	margin: 0px 5px 0px 5px;
	text-align: center;
	display: inline-block;
	}

#new {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 35px 35px 0 0;
	border-color: #F6A900 transparent transparent transparent;
	font-size: 8px;
	font-family: 'Varela Round', sans-serif;
	color: #ffffff;
	text-align: center;
	position: absolute;
	left: 0px;
	top: 0px;
	}

#new font {
	transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	margin: -20px 0px 0px 5px;
	display: block;
	}

#backindex {
	width: 240px;
	background: url(img/arr01.png) no-repeat 225px center;
	background-color: #ED6D00;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size: 14px;
	font-weight: bold;
	line-height: 40px;
	color: #ffffff;
	margin: 50px auto 0px auto;
	text-align: center;
	overflow: hidden;
	display: block;
	}

#bread {
	width: 100%;
	margin: 0px 0px 50px 0px;
	}

#bread a:link {
	text-decoration: underline;
	}

}

@media screen and (max-width: 640px){

#main {
	width: 94%;
	margin: 0px 3% 0px 3%;
	}

#cmain {
	width: 100%;
	background: #ffffff;
	padding: 0px 3% 20px 3%;
	float: left;
	position: relative;
	z-index: -2;
	}

#finq {
	width: 100%;
	background-color: #FFF15B;
	border: 5px #E4F1F0 solid;
	margin: 20px 0px 0px 0px;
	padding: 10px;
	float: left;
	}

#finq h3 {
	font-size: 16px;
	margin: 0px 0px 5px 0px;
	}

#finq .inq {
	margin: 10px 0px 0px 0px;
	overflow: hidden;
	}

#finq .inq .tel {
	font-size: 12px;
	margin: 0px 0px 0px 0px;
	float: left;
	}

#finq .inq .tel p {
	font-size: 24px;
	font-family: 'Varela Round', sans-serif;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	}

#finq .inq .tel p font {
	color: #2CB384;
	margin: 0px 10px 0px 0px;
	}

#finq .inq .tel p a {
	width: auto;
	background: none;
	border: none;
	font-size: 24px;
	font-family: 'Varela Round', sans-serif;
	font-weight: bold;
	color: #333333;
	line-height: normal;
	float: none;
	text-align: left;
	display: inline-block;
	}

#finq .inq ol {
	width: 100%;
	position: fixed;
	left: 0px;
	bottom: 0px;
	z-index: 52;
	}

#finq .inq ol a {
	width: 33.33%;
	background: #2DB584;
	border-top: 1px #ffffff dotted;
	border-right: 1px #ffffff dotted;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	line-height: 40px;
	margin: 10px 0px 0px 0px;
	float: left;
	text-align: center;
	display: block;
	}

#finq .inq ol a:nth-child(2) {
	left: 33.33%;
	}

#finq .inq ol a:last-child {
	border-top: 1px #ffffff dotted;
	border-right: none;
	left: 66.66%;
	}

/*
#finq .inq a {
	width: 33.33%;
	background: #81D3B5;
	border-right: 1px #ffffff dotted;
	font-weight: bold;
	color: #ffffff;
	line-height: 30px;
	margin: 10px 0px 0px 0px;
	float: left;
	text-align: center;
	display: block;
	}
*/

h2.title {
	width: 100%;
	background: url(img/titlin.png) repeat-x left bottom;
	background-size: 14px auto;
	font-size: 16px;
	line-height: 100%;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 10px 5px;
	}

h2.title select {
	padding: 0px 0px 0px 5px;
	float: right;
	}

#pag {
	width: 100%;
	font-size: 14px;
	font-family: 'Varela Round', sans-serif;
	font-weight: 400;
	margin: 20px 0px 0px 0px;
	float: left;
	text-align: center;
	}

#pag .previouspostslink {
	width: 24px;
	height: 24px;
	background: url(img/arr0202.png) no-repeat center;
	background-color: #2DB584;
	border: 1px #2DB584 solid;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	margin: 0px 3px 0px 0px;
	}

#pag a.previouspostslink:hover {
	background: url(img/arr0202.png) no-repeat center;
	background-color: #2DB584;
	border: 1px #2DB584 solid;
	opacity: 0.6;
	}

#pag .nextpostslink {
	width: 24px;
	height: 24px;
	background: url(img/arr02.png) no-repeat center;
	background-color: #2DB584;
	border: 1px #2DB584 solid;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	margin: 0px 0px 0px 3px;
	}

#pag a.nextpostslink:hover {
	background: url(img/arr02.png) no-repeat center;
	background-color: #2DB584;
	border: 1px #2DB584 solid;
	opacity: 0.6;
	}

#pag a {
	width: 24px;
	line-height: 24px;
	color: #333333;
	margin: 0px 1px 0px 1px;
	text-align: center;
	display: inline-block;
	}

#pag a:hover {
	height: 24px;
	background: #ffffff;
	border: 1px #2DB584 solid;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	font-weight: bold;
	line-height: 24px;
	color: #2DB584;
	opacity: 1;
	}

#pag span {
	width: 24px;
	height: 24px;
	background: #ffffff;
	border: 1px #2DB584 solid;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	line-height: 24px;
	font-weight: bold;
	color: #2DB584;
	margin: 0px 1px 0px 1px;
	text-align: center;
	display: inline-block;
	}

#backindex {
	width: 240px;
	background: url(img/arr01.png) no-repeat 225px center;
	background-color: #ED6D00;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-weight: bold;
	line-height: 40px;
	color: #ffffff;
	margin: 20px auto 0px auto;
	text-align: center;
	overflow: hidden;
	display: block;
	}

#new {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 35px 35px 0 0;
	border-color: #F6A900 transparent transparent transparent;
	font-size: 8px;
	font-family: 'Varela Round', sans-serif;
	color: #ffffff;
	text-align: center;
	position: absolute;
	left: 0px;
	top: 0px;
	}

#new font {
	transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	margin: -20px 0px 0px 5px;
	display: block;
	}

#bread {
	width: 100%;
	font-size: 10px;
	margin: 0px 0px 10px 0px;
	}

#bread a:link {
	text-decoration: underline;
	}

}


/* ヘッダー */

@media screen and (min-width: 641px){

#head {
	background: url(img/hbg.png) repeat-x left top;
	width: 100%;
	margin: 0px 0px 20px 0px;
	float: left;
	}

#head ul {
	width: 1000px;
	margin: 32px auto 0px auto;
	overflow: visible;
	}

#head h1 {
	margin: 0px 30px 0px 0px;
	float: left;
	}

#head .inq {
	float: right;
	text-align: center;
	}

#head .inq .tel {
	margin: 3px 40px 0px 0px;
	float: right;
	}

#head .inq .tel p {
	font-size: 24px;
	font-family: 'Varela Round', sans-serif;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	}

#head .inq .tel p font {
	color: #2CB384;
	margin: 0px 10px 0px 0px;
	}
 
#head .inq ol {
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	float: right;
	overflow: hidden;
	}

#head .inq ol a {
	width: 150px;
	background: #81D3B5;
	border-right: 1px #ffffff dotted;
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
	line-height: 50px;
	float: left;
	display: block;
	}

#head .inq ol a:last-child {
	border: none;
	}

}

@media screen and (max-width: 640px){

#head {
	height: 55px;
	background: url(img/hbg.png) repeat-x left top;
	background-size: 30px auto;
	width: 100%;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
	}

#head ul {
	width: 94%;
	margin: 10px 3% 0px 3%;
	overflow: hidden;
	}

#head h1 {
	width: 40px;
	height: 40px;
	margin: 0px 0px 0px 0px;
	float: left;
	overflow: hidden;
	position: relative;
	z-index: 53;
	}

#head h1 img {
	width: 100%
	}

#head .inq {
	float: right;
	margin: 0px 45px 0px 0px;
	text-align: center;
	position: relative;
	z-index: 53;
	}

#head .inq .tel {
	display: none;
	}

#head .inq ol {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 5px 0px 0px 0px;
	float: right;
	overflow: hidden;
	}

#head .inq ol a {
	width: 62px;
	background: #81D3B5;
	border-right: 1px #ffffff dotted;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	line-height: 30px;
	float: left;
	display: block;
	}

#head .inq ol a:last-child {
	border: none;
	letter-spacing: -0.1em;
	}

}


/* メニュー */

@media screen and (min-width: 641px){

#menu {
	width: 810px;
	margin: 20px 0px 0px 0px;
	float: right;
	position: relative;
	z-index: 2;
	}

#menu dt {
	width: calc(100% / 7);
	height: 100px;
	border-left: 1px #bbbbbb dotted;
	font-size: 15px;
	font-weight: bold;
	color: #333333;
	float: left;
	text-align: center;
	display: block;
	cursor: pointer;
	-webkit-transition: all .3s;
	transition: all .3s;
	}

#menu dt:hover {
	opacity: 0.6;
	}

#menu dt:nth-child(6) {
	/*font-size: 13px;*/
	}

#menu dt:nth-last-child(2) {
	border-right: 1px #bbbbbb dotted;
	}

#menu dt p {
	line-height: 35px;
	margin: 5px auto 10px auto;
	overflow: hidden;
	}

#menu dt p img {
	display: inline-block;
	vertical-align: middle;
	}

#menu dt span {
	font-size: 10px;
	font-family: 'Varela Round', sans-serif;
	font-weight: bold;
	color: #C9AD92;
	margin: 5px 0px 0px 0px;
	display: block;
	}

#menu dt a {
	color: #333333;
	}

#menu dt a:hover {
	opacity: 1;
	}

#menu dd {
	width: 350px;
    background: #ffffff;
	border: 5px #B4D02F solid;
	float: left;
	position: absolute;
	left: calc(100% / 7 * 2);
	top: 105px;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
	}

#menu dd.abo {
	border: 5px #FD8A8A solid;
	left: calc(100% / 7 * 4);
	}

#menu dd.lin {
	border: 5px #3275B0 solid;
	left: auto;
	right: 0px;
	}

#menu dd.com {
	border: 5px #FFDB4D solid;
	left: auto;
	right: 0px;
	}

#menu dd ul {
	width: 100%;
	margin: 10px 0px 10px 0px;
	float: left;
	}

#menu dd ul a {
	width: 170px;
	background: url(img/arr03.png) no-repeat 20px center;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	padding: 5px 0px 5px 38px;
	float: left;
	display: block;
	}

#menu-icon {
	display: none;
    }

}

@media screen and (max-width: 640px){

#menu #nav-wrap {
	width: 100%;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 52;
	}

#menu #nav-wrap #nav {
	width: 100%;
	display: none;
	}

#menu dt {
	width: 100%;
	background: #ffffff;
	border-top: 1px #bbbbbb dotted;
	font-size: 14px;
	font-weight: bold;
	line-height: 50px;
	color: #333333;
	padding: 0px 0px 0px 20px;
	float: left;
	}

#menu dt:nth-last-child(2) {
	border-bottom: 1px #bbbbbb dotted;
	}

#menu dt p {
	line-height: 50px;
	margin: 0px 10px 0px 0px;
	float: left;
	}

#menu dt p img {
	width: 20px;
	display: inline-block;
	vertical-align: middle;
	}

#menu dt span {
	font-size: 10px;
	font-family: 'Varela Round', sans-serif;
	font-weight: bold;
	color: #C9AD92;
	margin: 0px 0px 0px 10px;
	}

#menu dt a {
	width: 100%;
	color: #333333;
	float: left;
	}

#menu dd {
	width: 100%;
    background: #ffffff;
	border-top: 3px #B4D02F solid;
	float: left;
	}

#menu dd.abo {
	border-top: 3px #FD8A8A solid;
	}

#menu dd.lin {
	border-top: 3px #3275B0 solid;
	}

#menu dd.com {
	border-top: 3px #FFDB4D solid;
	border-bottom: 1px #bbbbbb dotted;
	}

#menu dd ul {
	width: 100%;
	margin: 10px 0px 10px 0px;
	float: left;
	}

#menu dd ul a {
	width: 50%;
	background: url(img/arr03.png) no-repeat 20px center;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	padding: 5px 0px 5px 38px;
	float: left;
	display: block;
	}

#menu-icon {
	width: 21px;
	height: 39px;
	font-size: 8px;
	font-family: 'Varela Round', sans-serif;
	font-weight: bold;
	line-height: 100%;
	color: #2DB584;
	margin: 16px 20px 0px 0px;
	float: right;
	display: block; /* show menu icon */
    }

#menu-icon span {
	width: 20px;
	border-top: 3px #2DB584 solid;
	margin: 0px 0px 4px 4px;
	float: left;
    }

#menu-icon span:last-child {
	margin: 0px 0px 3px 4px;
    }

#menu-icon.active span {
	width: auto;
	height: 18px;
	border-top: none;
	border-left: 3px #2DB584 solid;
	margin: 0px -2px 2px 6px;
	float: left;
	}

}


/* フッター */

@media screen and (min-width: 641px){

#foot {
	width: 100%;
	background: url(img/fbg01.png) repeat-x left top;
	background-color: #81D3B5;
	margin: 80px 0px 0px 0px;
	float: left;
	}

#foot ul {
	width: 1000px;
	margin: 40px auto 30px auto;
	overflow: hidden;
	}

#foot ul ol {
	width: 300px;
	float: right;
	}

#foot ul ol a:first-child {
	width: 100%;
	}

#foot ul ol a:nth-last-child(2), #foot ul ol a:nth-last-child(3) {
	width: 100%;
	background: #ffffff;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	line-height: 80px;
	margin: 20px 0px 0px 0px;
	text-align: center;
	display: block;
	}

#foot ul ol a:nth-last-child(2) img, #foot ul ol a:nth-last-child(3) img {
	display: inline-block;
	vertical-align: middle;
	}

#foot ul ol a:last-child {
	width: 100%;
	height: 80px;
	background: url(img/recr.jpg) no-repeat 10px bottom;
	background-color: #ffffff;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	font-size: 12px;
	color: #111111;
	margin: 20px 0px 0px 0px;
	padding: 20px 0px 0px 60px;
	text-align: center;
	display: block;
	}

#foot ul ol a:last-child p {
	font-size: 24px;
	font-weight: bold;
	line-height: 100%;
	color: #2CB484;
	margin: 0px 0px 5px 0px;
	}

#foot ul li {
	width: 14.28%;
	margin: 0px 0px 20px 0px;
	float: left;
	}

#foot ul li h3 {
	border-left: 4px #B4D02F solid;
	font-size: 16px;
	margin: 0px 0px 20px 0px;
	padding: 3px 0px 3px 10px;
	}

#foot ul li:nth-child(2) h3 {
	border-left: 4px #FFBC48 solid;
	}

#foot ul li:nth-child(3) h3 {
	border-left: 4px #88CBE9 solid;
	}

#foot ul li:nth-child(4) h3 {
	border-left: 4px #FD8A8A solid;
	font-size: 14px;
	}

#foot ul li:nth-child(5) h3 {
	border-left: 4px #3275B0 solid;
	}

#foot ul li:nth-child(6) h3 {
	border-left: 4px #FFDB4D solid;
	}

#foot ul li:nth-child(7) h3 {
	border-left: 4px #2DB584 solid;
	}

#foot ul li h3 p {
	font-size: 11px;
	font-family: 'Varela Round', sans-serif;
	font-weight: bold;
	color: #ffffff;
	margin: 0px 0px 0px 0px;
	}

#foot ul li a {
	font-weight: bold;
	color: #ffffff;
	margin: 5px 0px 0px 0px;
	display: block;
	}

#foot .cop {
	width: 100%;
	background: url(img/fbg02.png) repeat-x left top;
	background-color: #2DB584;
	color: #ffffff;
	padding: 19px 0px 15px 0px;
	text-align: center;
	}

#pagetop {
	width: 70px;
	height: 70px;
	background: url(img/pagetop.png) no-repeat center;
	background-color: #ffffff;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	position: fixed;
	right: 30px;
	bottom: 30px;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); /* CSS3 */
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); /* Safari, Chrome用 */
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); /* Firefox用 */
	display: none;
	}

}

@media screen and (max-width: 640px){

#foot {
	width: 100%;
	background: url(img/fbg01.png) repeat-x left top;
	background-size: 15px auto;
	background-color: #81D3B5;
	margin: 40px 0px 0px 0px;
	float: left;
	}

#foot ul {
	width: 94%;
	margin: 20px 3% 0px 3%;
	overflow: hidden;
	}

#foot ul ol a:first-child {
	width: 100%;
	}

#foot ul ol a:nth-last-child(2), #foot ul ol a:nth-last-child(3) {
	width: 100%;
	background: #ffffff;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	line-height: 60px;
	margin: 10px 0px 10px 0px;
	text-align: center;
	display: block;
	}

#foot ul ol a:nth-last-child(2) img, #foot ul ol a:nth-last-child(3) img {
	width: 200px;
	display: inline-block;
	vertical-align: middle;
	}

#foot ul ol a:nth-last-child(3) img {
	width: auto;
	}

#foot ul ol a:last-child {
	width: 100%;
	height: 60px;
	background: url(img/recr.jpg) no-repeat 10px bottom;
	background-size: auto 55px;
	background-color: #ffffff;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	font-size: 10px;
	color: #111111;
	margin: 0px 0px 20px 0px;
	padding: 15px 0px 0px 30px;
	text-align: center;
	display: block;
	}

#foot ul ol a:last-child p {
	font-size: 18px;
	font-weight: bold;
	line-height: 100%;
	color: #2CB484;
	margin: 0px 0px 5px 0px;
	}

#foot ul li {
	width: 100%;
	margin: 0px 0px 20px 0px;
	float: left;
	}

#foot ul li h3 {
	width: 100%;
	border-bottom: 2px #B4D02F solid;
	font-size: 14px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 3px 0px;
	float: left;
	}

#foot ul li:nth-child(2) h3 {
	border-bottom: 2px #FFBC48 solid;
	}

#foot ul li:nth-child(3) h3 {
	border-bottom: 2px #88CBE9 solid;
	}

#foot ul li:nth-child(4) h3 {
	border-bottom: 2px #FD8A8A solid;
	}

#foot ul li:nth-child(5) h3 {
	border-bottom: 2px #3275B0 solid;
	}

#foot ul li:nth-child(6) h3 {
	border-bottom: 2px #FFDB4D solid;
	}

#foot ul li:nth-child(7) h3 {
	border-bottom: 2px #2DB584 solid;
	}

#foot ul li h3 p {
	font-size: 10px;
	font-family: 'Varela Round', sans-serif;
	font-weight: bold;
	color: #ffffff;
	margin: 0px 0px 0px 10px;
	display: none;
	}

#foot ul li a {
	font-weight: bold;
	color: #ffffff;
	margin: 5px 10px 0px 0px;
	float: left;
	display: block;
	}

#foot .cop {
	width: 100%;
	background: url(img/fbg02.png) repeat-x left top;
	background-size: 15px auto;
	background-color: #2DB584;
	font-size: 10px;
	color: #ffffff;
	padding: 10px 3% 50px 3%;
	text-align: center;
	}

#pagetop {
	width: 70px;
	height: 70px;
	background: url(img/pagetop.png) no-repeat center;
	background-color: #ffffff;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	position: fixed;
	right: 30px;
	bottom: 30px;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); /* CSS3 */
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); /* Safari, Chrome用 */
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); /* Firefox用 */
	display: none;
	}

}


/* ヘッダーメイン */

@media screen and (min-width: 641px){

#thmain {
	width: 100%;
	float: left;
	}

#thmain .main {
	width: 1000px;
	margin: 0px auto 0px auto;
	overflow: visible;
	position: relative;
	z-index: 1;
	}

#thmain .sli {
	width: 100%;
	height: 600px;
	background: #ffffff;
	border: 3px #81D3B5 solid;
	overflow: hidden;
	}

#thmain .bxslider a {
	-webkit-transition: none;
	transition: none;
	}

#thmain .bxslider img {
	width: 100%;
	height: auto;
	}

#thmain .bx-pager {
	width: 100%;
	text-align: center;
	position: absolute;
	bottom: 5px;
	left: 0px;
	right: 0px;
	z-index: 51;
	display: none;
	}

#thmain .bx-pager .bx-pager-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
	}

#thmain .bx-default-pager a {
	width: 10px;
	height: 10px;
	background: #ffffff;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	margin: 0px 7.5px 0px 7.5px;
	display: block;
	text-indent: -9999px;
	outline: 0;
	}

#thmain .bx-default-pager a:hover,
#thmain .bx-default-pager a.active {
	background: #2DB584;
  	}

#thmain .bx-prev {
	left: -25px;
	background: url(img/sli_img/back.png) no-repeat center;
	}

#thmain .bx-next {
	right: -25px;
	background: url(img/sli_img/next.png) no-repeat center;
	}

#thmain .bx-controls-direction a {
	width: 50px;
	height: 50px;
	background-color: #81D3B5;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	position: absolute;
	top: 50%;
	margin: -25px 0px 0px 0px;
	outline: 0;
	text-indent: -9999px;
	z-index: 51;
	opacity: 1;
	}

#thmain .doo {
	position: absolute;
	top: -40px;
	left: -85px;
	}

}

@media screen and (max-width: 640px){

#thmain .main {
	width: 100%;
	overflow: hidden;
	position: relative;
	}

#thmain .bxslider a {
	-webkit-transition: none;
	transition: none;
	}

#thmain .bxslider img {
	width: 100%;
	height: auto;
	}

#thmain .bx-pager {
	display: none;
	}

#thmain .bx-prev {
	left: 5px;
	background: url(img/sli_img/back.png) no-repeat center;
	background-size: 18px auto;
	}

#thmain .bx-next {
	right: 5px;
	background: url(img/sli_img/next.png) no-repeat center;
	background-size: 18px auto;
	}

#thmain .bx-controls-direction a {
	width: 26px;
	height: 26px;
	background-color: #81D3B5;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	position: absolute;
	top: 50%;
	margin: -13px 0px 0px 0px;
	outline: 0;
	text-indent: -9999px;
	z-index: 51;
	opacity: 1;
	}

#thmain .doo {
	display: none;
	}

}


/* トップページ */

@media screen and (min-width: 641px){

#top {
	float: left;
	}

#top h2 {
	width: 100%;
	font-size: 14px;
	margin: 0px 0px 30px 0px;
	text-align: center;
	}

#top h2 p {
	font-size: 24px;
	color: #2DB584;
	margin: 0px 0px 0px 0px;
	}

#top .rec {
	width: 1000px;
	margin: 0px auto 50px auto;
	overflow: hidden;
	}

#top .rec a {
	width: 248px;
	background: #ffffff;
	border-top: 5px #B4D02F solid;
	font-weight: bold;
	margin: 0px 2px 0px 0px;
	float: left;
	display: block;
	position: relative;
	}

#top .rec a:nth-child(2) {
	border-top: 5px #FFDB4D solid;
	}

#top .rec a:nth-child(3) {
	border-top: 5px #FD8A8A solid;
	}

#top .rec a:nth-child(4) {
	border-top: 5px #87B401 solid;
	}

#top .rec a p {
	width: 100%;
	background: url(img/arr01.png) no-repeat 206px center;
	font-size: 14px;
	line-height: 150%;
	margin: 0px 0px 0px 0px;
	padding: 20px 52px 20px 20px;
	color: #2CB384;
	}

#top .rec a h4 {
	width: 120px;
	background: #ffffff;
	font-size: 14px;
	line-height: 30px;
	color: #111111;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	position: absolute;
	left: 0px;
	top: 10px;
	}

#top .rec a h4:before {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 6px 0 0;
	border-color: #ffffff transparent transparent transparent;
	position: absolute;
	right: -6px;
	top: 0px;
	z-index: 51;
	}

#top .rec a h4:after {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 0 0 6px;
	border-color: transparent transparent transparent #ffffff;
	position: absolute;
	right: -6px;
	bottom: 0px;
	z-index: 51;
	}

#top .inq {
	width: 1000px;
	margin: 40px auto 30px auto;
	overflow: hidden;
	}

#top .inq a {
	width: 490px;
	/*width: 320px;*/
	height: 150px;
	/*height: 100px;*/
	margin: 0px 20px 20px 0px;
	float: left;
	}

#top .inq a:nth-child(2n) {
	margin: 0px 0px 20px 0px;
	}

#top .inq a.res {
	background: #FFF15B;
	border: 3px #79BF4B solid;
	font-size: 24px;
	/*font-size: 18px;*/
	font-weight: bold;
	line-height: 120%;
	color: #EB2C00;
	padding: 28px 10px 0px 17px;
	/*padding: 17px 10px 0px 10px;*/
	display: block;
	}

#top .inq a.res img {
	height: 90px;
	margin: 0px 20px 0px 0px;
	float: left;
	}

#top .inq a.res span {
	font-size: 36px;
	/*font-size: 24px;*/
	font-family: 'Varela Round', sans-serif;
	}

#top .inq a.res p {
	font-size: 16px;
	/*font-size: 14px;*/
	line-height: 100%;
	color: #3AB9C5;
	margin: 5px 15px 0px 0px;
	/*margin: 5px 0px 0px 0px;*/
	text-align: center;
	}

#top .inq a.loa {
	background: #ffffff;
	border: 3px #EB2C00 solid;
	font-size: 28px;
	font-weight: bold;
	line-height: 100%;
	color: #EB2C00;
	padding: 32px 17px 0px 17px;
	display: block;
	}

#top .inq a.loa img:first-child {
	margin: 3px 0px 0px 0px;
	float: right;
	}

#top .inq a.loa img:last-child {
	/*width: 195px;*/
	}

#top .inq a.loa p {
	width: 80px;
	/*width: 54px;*/
	height: 80px;
	/*height: 54px;*/
	background: #EB2C00;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	font-size: 24px;
	/*font-size: 16px;*/
	line-height: 110%;
	color: #ffffff;
	margin: 0px 10px 0px 0px;
	/*margin: 3px 10px 0px 0px;*/
	padding: 15px 0px 0px 0px;
	/*padding: 12px 0px 0px 0px;*/
	float: left;
	text-align: center;
	}

#top .inq a.loa p span {
	font-family: 'Varela Round', sans-serif;
	display: block;
	}

#top .inq a.loa font {
	font-size: 12px;
	line-height: 100%;
	color: #333333;
	margin: 5px 0px 8px 0px;
	display: block;
	}

#top .inq a.req {
	background: #E4F1F0;
	border: 3px #51BECA solid;
	font-size: 14px;
	font-weight: bold;
	line-height: 100%;
	color: #F77F0A;
	padding: 17px 20px 0px 17px;
	/*padding: 12px 0px 0px 10px;*/
	text-align: center;
	display: block;
	}

#top .inq a.req img {
	float: left;
	}

#top .inq a.req p {
	font-size: 28px;
	/*font-size: 21px;*/
	color: #333333;
	margin: 40px 0px 10px 0px;
	/*margin: 20px 0px 10px 0px;*/
	}

#top .inq a.req p span {
	font-family: 'Varela Round', sans-serif;
	}

/*
#top .inq a.res {
	width: 490px;
	height: 120px;
	background: #FFF15B;
	border: 3px #79BF4B solid;
	font-size: 28px;
	font-weight: bold;
	line-height: 120%;
	color: #EB2C00;
	margin: 0px 20px 0px 0px;
	padding: 17px;
	float: left;
	display: block;
	}

#top .inq a.res img {
	margin: 0px 25px 0px 0px;
	float: left;
	}

#top .inq a.res span {
	font-size: 34px;
	font-family: 'Varela Round', sans-serif;
	}

#top .inq a.res p {
	font-size: 16px;
	line-height: 100%;
	color: #3AB9C5;
	margin: 3px 0px 0px 0px;
	text-align: center;
	}

#top .inq a.loa {
	width: 490px;
	height: 120px;
	background: #E4F1F0;
	border: 3px #51BECA solid;
	font-size: 28px;
	font-weight: bold;
	line-height: 100%;
	color: #333333;
	margin: 0px 0px 0px 0px;
	padding: 17px;
	float: left;
	display: block;
	}

#top .inq a.loa img:first-child {
	float: right;
	}

#top .inq a.loa p {
	width: 80px;
	height: 80px;
	background: #51BECA;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	font-size: 24px;
	line-height: 100%;
	color: #ffffff;
	margin: 0px 10px 0px 0px;
	padding: 18px 0px 0px 0px;
	float: left;
	text-align: center;
	}

#top .inq a.loa p span {
	font-family: 'Varela Round', sans-serif;
	display: block;
	}

#top .inq a.loa font {
	font-size: 12px;
	line-height: 100%;
	color: #F77F0A;
	margin: 5px 0px 5px 0px;
	display: block;
	}
*/

#top .hol {
	width: 1000px;
	background: #ffffff;
	margin: 0px auto 50px auto;
	padding: 20px;
	overflow: hidden;
	}

#top .hol h4 {
	font-size: 14px;
	margin: 0px 0px 10px 0px;
	}

#top .news {
	width: 1000px;
	margin: 0px auto 50px auto;
	overflow: hidden;
	}

#top .news h3 {
	margin: 0px 0px 20px 0px;
	}

#top .news h3 span {
	background: linear-gradient(transparent 60%, #ff0 0%);
	font-size: 24px;
	font-family: 'Varela Round', sans-serif;
	margin: 0px 0px 0px 20px;
	display: inline-block;
	}

#top .news a {
	width: 246px;
	height: 330px;
	background: #ffffff;
	color: #111111;
	margin: 0px 5px 5px 0px;
	padding: 15px;
	float: left;
	display: block;
	position: relative;
	overflow: hidden;
	}

#top .news a:nth-child(4n+1) {
	margin: 0px 0px 5px 0px;
	}

#top .news a p {
	width: 100%;
	height: 162px;
	margin: 0px 0px 20px 0px;
	overflow: hidden;
	}

#top .news a p img {
	width: 100%;
	height: auto;
	}

#top .news a span {
	font-family: 'Varela Round', sans-serif;
	font-weight: bold;
	color: #C9AC92;
	margin: 0px 0px 15px 0px;
	display: block;
	}

#top .news a h4 {
	font-size: 14px;
	margin: 0px 0px 10px 0px;
	}

#top .news a h4 strong {
	font-family: 'Varela Round', sans-serif;
	color: #F6A900;
	margin: 0px 5px 0px 0px;
	}

#top .news font {
	width: 80px;
	height: 40px;
	background: #B4D02F;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	margin: -70px 0px 0px -30px;
	padding: 23px 0px 0px 0px;
	text-align: center;
	display: block;
	position: absolute;
	left: 0px;
	top: 60px;
	z-index: 100;
	transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
	}

#top .news font.flaeve {
	background: #88CBE9;
	}

#top .est {
	width: 1000px;
	margin: 0px auto 50px auto;
	overflow: hidden;
	}

#top .est h3 {
	margin: 0px 0px 20px 0px;
	}

#top .est h3 span {
	background: linear-gradient(transparent 60%, #ff0 0%);
	font-size: 24px;
	font-family: 'Varela Round', sans-serif;
	margin: 0px 0px 0px 20px;
	display: inline-block;
	}

#top .est ul {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	}

#top .est ul a {
	width: 31.333%;
	color: #333333;
	margin: 0px 3% 0px 0px;
	display: block;
	}

#top .est ul a:last-child {
	margin: 0px;
	}

#top .est ul img {
	width: 100%;
	height: auto;
	margin: 0px 0px 20px 0px;
	}

#top .est ul h3 {
	font-size: 18px;
	line-height: 150%;
	margin: 0px 0px 10px 0px;
	}

#top .est dl {
	width: 100%;
	margin: 0px 0px 5px 0px;
	display: table;
	}

#top .est dt {
	width: 70px;
	display: table-cell;
	vertical-align: middle;
	}

#top .est dd {
	width: calc(100% - 70px);
	padding: 0px;
	display: table-cell;
	vertical-align: middle;
	}

#top .est dl.pri dd {
	font-size: 18px;
	font-weight: bold;
	color: #EB2E00;
	}

#top .est dl.pri dd font {
	font-size: 32px;
	}

#top .blo {
	width: 100%;
	}

#top .blo h3 {
	width: 1000px;
	margin: 0px auto 20px auto;
	overflow: hidden;
	}

#top .blo h3 span {
	background: linear-gradient(transparent 60%, #ff0 0%);
	font-size: 24px;
	font-family: 'Varela Round', sans-serif;
	margin: 0px 0px 0px 20px;
	display: inline-block;
	}

#top .blo ol {
	width: 100%;
	margin: 0px auto 0px auto;
	overflow: visible;
	position: relative;
	}

#top .blo ul {
	display: flex;
	flex-wrap: wrap;
	}

#top .blo a {
	width: 220px;
	background: #ffffff;
	color: #111111;
	margin: 0px 5px 0px 0px;
	padding: 15px;
	float: left;
	display: block;
	position: relative;
	overflow: hidden;
	}

#top .blo a p {
	width: 100%;
	height: 143px;
	margin: 0px 0px 20px 0px;
	overflow: hidden;
	}

#top .blo a p img {
	width: 100%;
	height: auto;
	}

#top .blo a span {
	font-family: 'Varela Round', sans-serif;
	font-weight: bold;
	color: #C9AC92;
	margin: 0px 0px 15px 0px;
	display: block;
	}

#top .blo a h4 {
	font-size: 14px;
	color: #2CB484;
	margin: 0px 0px 10px 0px;
	}

#top .blo a h4 strong {
	font-family: 'Varela Round', sans-serif;
	color: #F6A900;
	margin: 0px 5px 0px 0px;
	}

#top .blo p {
	width: 220px;
	height: 400px;
	background: #ffffff;
	}

#top .blo .bx-pager {
	display: none;
	}

#top .blo .bx-prev {
	left: 50px;
	background: url(img/sli_img/back.png) no-repeat center;
	}

#top .blo .bx-next {
	right: 50px;
	background: url(img/sli_img/next.png) no-repeat center;
	}

#top .blo .bx-controls-direction a {
	width: 50px;
	height: 50px;
	background-color: #2DB584;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	position: absolute;
	top: 50%;
	margin: -25px 0px 0px 0px;
	outline: 0;
	text-indent: -9999px;
	z-index: 51;
	opacity: 1;
	}

}

@media screen and (max-width: 640px){

#top h2 {
	width: 100%;
	font-size: 10px;
	margin: 0px 0px 20px 0px;
	padding: 0px 3% 0px 3%;
	}

#top h2 p {
	font-size: 14px;
	color: #2DB584;
	margin: 0px 0px 0px 0px;
	}

#top .rec {
	width: 94%;
	margin: 0px 3% 10px 3%;
	overflow: hidden;
	}

#top .rec a {
	width: 49.5%;
	background: #ffffff;
	border-top: 5px #B4D02F solid;
	font-weight: bold;
	margin: 0px 1% 10px 0px;
	float: left;
	display: block;
	position: relative;
	}

#top .rec a:nth-child(2n) {
	margin: 0px 0px 10px 0px;
	}

#top .rec a:nth-child(2) {
	border-top: 5px #FFDB4D solid;
	}

#top .rec a:nth-child(3) {
	border-top: 5px #FD8A8A solid;
	}

#top .rec a:nth-child(4) {
	border-top: 5px #87B401 solid;
	}

#top .rec a img {
	width: 100%;
	}

#top .rec a p {
	width: 100%;
	background: url(img/arr01.png) no-repeat 97% center;
	background-size: 15px auto;
	line-height: 150%;
	margin: 0px 0px 0px 0px;
	padding: 10px 20px 10px 10px;
	color: #2CB384;
	}

#top .rec a h4 {
	width: 70px;
	background: #ffffff;
	font-size: 10px;
	line-height: 20px;
	color: #111111;
	margin: 0px;
	padding: 0px 0px 0px 5px;
	position: absolute;
	left: 0px;
	top: 5px;
	}

#top .rec a h4:before {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 5px 0 0;
	border-color: #ffffff transparent transparent transparent;
	position: absolute;
	right: -5px;
	top: 0px;
	z-index: 51;
	}

#top .rec a h4:after {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 0 0 5px;
	border-color: transparent transparent transparent #ffffff;
	position: absolute;
	right: -5px;
	bottom: 0px;
	z-index: 51;
	}

#top .inq {
	width: 94%;
	margin: 10px 3% 20px 3%;
	overflow: hidden;
	}

#top .inq a.mod img {
	width: 100%;
	margin: 0px 0px 10px 0px;
	}

#top .inq a.res {
	width: 100%;
	background: #FFF15B;
	border: 3px #79BF4B solid;
	font-size: 16px;
	font-weight: bold;
	line-height: 120%;
	color: #EB2C00;
	margin: 0px 0px 10px 0px;
	padding: 7px;
	float: left;
	display: block;
	}

#top .inq a.res img {
	width: 80px;
	margin: 0px 10px 0px 0px;
	float: left;
	}

#top .inq a.res span {
	font-size: 20px;
	font-family: 'Varela Round', sans-serif;
	}

#top .inq a.res p {
	font-size: 12px;
	line-height: 100%;
	color: #3AB9C5;
	margin: 3px 0px 0px 0px;
	text-align: center;
	}

#top .inq a.loa {
	width: 100%;
	background: #ffffff;
	border: 3px #EB2C00 solid;
	font-size: 16px;
	font-weight: bold;
	line-height: 100%;
	color: #EB2C00;
	margin: 0px 0px 10px 0px;
	padding: 7px;
	float: left;
	display: block;
	}

#top .inq a.loa img:first-child {
	height: 40px;
	margin: 0px 0px 5px 0px;
	float: right;
	}

#top .inq a.loa img:last-child {
	width: 100%;
	}

#top .inq a.loa p {
	width: 40px;
	height: 40px;
	background: #EB2C00;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	font-size: 12px;
	line-height: 100%;
	color: #ffffff;
	margin: 0px 10px 0px 0px;
	padding: 8px 0px 0px 0px;
	float: left;
	text-align: center;
	}

#top .inq a.loa p span {
	font-family: 'Varela Round', sans-serif;
	display: block;
	}

#top .inq a.loa font {
	font-size: 11px;
	line-height: 100%;
	color: #333333;
	margin: 5px 0px 0px 0px;
	display: block;
	}

#top .inq a.req {
	width: 100%;
	background: #E4F1F0;
	border: 3px #51BECA solid;
	font-weight: bold;
	line-height: 100%;
	color: #F77F0A;
	padding: 7px 0px 7px 7px;
	float: left;
	text-align: center;
	display: block;
	}

#top .inq a.req img {
	width: 70px;
	float: left;
	}

#top .inq a.req p {
	font-size: 18px;
	color: #333333;
	margin: 15px 0px 10px 0px;
	}

#top .inq a.req p span {
	font-family: 'Varela Round', sans-serif;
	}

/*
#top .inq {
	width: 94%;
	margin: 10px 3% 20px 3%;
	overflow: hidden;
	}

#top .inq a.res {
	width: 100%;
	background: #FFF15B;
	border: 3px #79BF4B solid;
	font-size: 16px;
	font-weight: bold;
	line-height: 120%;
	color: #EB2C00;
	margin: 0px 0px 10px 0px;
	padding: 7px;
	float: left;
	display: block;
	}

#top .inq a.res img {
	width: 80px;
	margin: 0px 10px 0px 0px;
	float: left;
	}

#top .inq a.res span {
	font-size: 20px;
	font-family: 'Varela Round', sans-serif;
	}

#top .inq a.res p {
	font-size: 12px;
	line-height: 100%;
	color: #3AB9C5;
	margin: 3px 0px 0px 0px;
	text-align: center;
	}

#top .inq a.loa {
	width: 100%;
	background: #E4F1F0;
	border: 3px #51BECA solid;
	font-size: 16px;
	font-weight: bold;
	line-height: 100%;
	color: #333333;
	margin: 0px 0px 0px 0px;
	padding: 7px;
	float: left;
	display: block;
	}

#top .inq a.loa img:first-child {
	height: 40px;
	margin: 0px 0px 5px 0px;
	float: right;
	}

#top .inq a.loa img:last-child {
	width: 100%;
	}

#top .inq a.loa p {
	width: 40px;
	height: 40px;
	background: #51BECA;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	font-size: 12px;
	line-height: 100%;
	color: #ffffff;
	margin: 0px 10px 0px 0px;
	padding: 8px 0px 0px 0px;
	float: left;
	text-align: center;
	}

#top .inq a.loa p span {
	font-family: 'Varela Round', sans-serif;
	display: block;
	}

#top .inq a.loa font {
	font-size: 11px;
	line-height: 100%;
	color: #F77F0A;
	margin: 5px 0px 0px 0px;
	display: block;
	}
*/

#top .hol {
	width: 94%;
	background: #ffffff;
	margin: 0px 3% 20px 3%;
	padding: 10px;
	overflow: hidden;
	}

#top .hol h4 {
	font-size: 12px;
	margin: 0px 0px 5px 0px;
	}

#top .news {
	width: 94%;
	margin: 0px 3% 10px 3%;
	overflow: hidden;
	}

#top .news h3 {
	margin: 0px 0px 10px 0px;
	}

#top .news h3 span {
	background: linear-gradient(transparent 60%, #ff0 0%);
	font-size: 18px;
	font-family: 'Varela Round', sans-serif;
	margin: 0px 0px 0px 10px;
	display: inline-block;
	}

#top .news a {
	width: 100%;
	background: #ffffff;
	font-size: 10px;
	color: #111111;
	margin: 0px 0px 10px 0px;
	padding: 10px;
	float: left;
	display: block;
	position: relative;
	overflow: hidden;
	}

#top .news a p {
	width: 80px;
	height: 80px;
	margin: 0px 10px 0px 0px;
	float: left;
	overflow: hidden;
	}

#top .news a p img {
	width: auto;
	height: 100%;
	}

#top .news a span {
	font-family: 'Varela Round', sans-serif;
	font-weight: bold;
	color: #C9AC92;
	margin: 0px 0px 5px 0px;
	display: block;
	}

#top .news a h4 {
	font-size: 12px;
	margin: 0px 0px 5px 0px;
	}

#top .news a h4 strong {
	font-family: 'Varela Round', sans-serif;
	color: #F6A900;
	margin: 0px 5px 0px 0px;
	}

#top .news font {
	width: 80px;
	height: 40px;
	background: #B4D02F;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	margin: -70px 0px 0px -30px;
	padding: 23px 0px 0px 0px;
	text-align: center;
	display: block;
	position: absolute;
	left: 0px;
	top: 60px;
	z-index: 51;
	transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
	}

#top .news font.flaeve {
	background: #88CBE9;
	}

#top .est {
	width: 94%;
	margin: 0px 3% 30px 3%;
	overflow: hidden;
	}

#top .est h3 {
	margin: 0px 0px 10px 0px;
	}

#top .est h3 span {
	background: linear-gradient(transparent 60%, #ff0 0%);
	font-size: 18px;
	font-family: 'Varela Round', sans-serif;
	margin: 0px 0px 0px 10px;
	display: inline-block;
	}

#top .est ul {
	width: 100%;
	margin: 0px auto;
	display: flex;
	flex-wrap: wrap;
	}

#top .est ul a {
	width: 48.5%;
	color: #333333;
	margin: 0px 3% 0px 0px;
	display: block;
	}

#top .est ul a:nth-child(2n) {
	margin: 0px;
	}

#top .est ul img {
	width: 100%;
	height: auto;
	margin: 0px 0px 10px 0px;
	}

#top .est ul h3 {
	font-size: 16px;
	line-height: 150%;
	margin: 0px 0px 0px 0px;
	}

#top .est dl {
	width: 100%;
	display: table;
	}

#top .est dt {
	width: 60px;
	display: table-cell;
	vertical-align: middle;
	}

#top .est dd {
	width: calc(100% - 60px);
	padding: 0px;
	display: table-cell;
	vertical-align: middle;
	}

#top .est dl.pri dd {
	font-size: 18px;
	font-weight: bold;
	color: #EB2E00;
	}

#top .est dl.pri dd font {
	font-size: 32px;
	}

#top .blo {
	width: 94%;
	margin: 0px 3% 0px 3%;
	}

#top .blo h3 {
	margin: 0px 0px 10px 0px;
	}

#top .blo h3 span {
	background: linear-gradient(transparent 60%, #ff0 0%);
	font-size: 18px;
	font-family: 'Varela Round', sans-serif;
	margin: 0px 0px 0px 10px;
	display: inline-block;
	}

#top .blo ol {
	width: 100%;
	margin: 0px auto 0px auto;
	overflow: visible;
	position: relative;
	}

#top .blo a {
	width: 100%;
	height: 270px;
	background: #ffffff;
	font-size: 10px;
	color: #111111;
	margin: 0px 5px 0px 0px;
	padding: 15px;
	float: left;
	display: block;
	position: relative;
	overflow: hidden;
	}

#top .blo a p {
	width: 100%;
	height: 143px;
	margin: 0px 0px 10px 0px;
	overflow: hidden;
	}

#top .blo a p img {
	width: 100%;
	height: auto;
	}

#top .blo a span {
	font-family: 'Varela Round', sans-serif;
	font-weight: bold;
	color: #C9AC92;
	margin: 0px 0px 5px 0px;
	display: block;
	}

#top .blo a h4 {
	font-size: 12px;
	color: #2CB484;
	margin: 0px 0px 5px 0px;
	}

#top .blo a h4 strong {
	font-family: 'Varela Round', sans-serif;
	color: #F6A900;
	margin: 0px 5px 0px 0px;
	}

#top .blo p {
	width: 220px;
	height: 400px;
	background: #ffffff;
	}

#top .blo .bx-pager {
	display: none;
	}

#top .blo .bx-prev {
	left: -5px;
	background: url(img/sli_img/back.png) no-repeat center;
	background-size: 18px auto;
	}

#top .blo .bx-next {
	right: -5px;
	background: url(img/sli_img/next.png) no-repeat center;
	background-size: 18px auto;
	}

#top .blo .bx-controls-direction a {
	width: 26px;
	height: 26px;
	background-color: #2DB584;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	position: absolute;
	top: 50%;
	margin: -13px 0px 0px 0px;
	outline: 0;
	text-indent: -9999px;
	z-index: 51;
	opacity: 1;
	}

}


/* 会社案内 */

@media screen and (min-width: 641px){

#com h3 {
	margin: 0px 0px 20px 0px;
	}

#com h3 span {
	background: linear-gradient(transparent 60%, #ff0 0%);
	font-size: 21px;
	margin: 0px 0px 0px 20px;
	display: inline-block;
	}

#com ol {
	margin: 0px 0px 50px 0px;
	overflow: hidden;
	}

#com ol:last-child {
	margin: 0px 0px 0px 0px;
	}

#com dl {
	width: 100%;
	border-top: 1px #dddddd solid;
	font-size: 14px;
	float: left;
	display: table-row;
	}

#com dl:last-child {
	border-bottom: 1px #dddddd solid;
	}

#com dt {
	width: 150px;
	font-weight: bold;
	color: #2CB384;
	padding: 20px 0px 20px 10px;
	display: table-cell;
	vertical-align: middle;
	}

#com dd {
	width: 850px;
	padding: 20px 0px 20px 0px;
	display: table-cell;
	}

#com dd iframe {
	width: 100%;
	height: 400px;
	padding: 0px 0px 20px 0px;
	}

}

@media screen and (max-width: 640px){

#com h3 {
	margin: 0px 0px 10px 0px;
	}

#com h3 span {
	background: linear-gradient(transparent 60%, #ff0 0%);
	font-size: 16px;
	margin: 0px 0px 0px 10px;
	display: inline-block;
	}

#com ol {
	margin: 0px 0px 20px 0px;
	}

#com ol:last-child {
	margin: 0px 0px 0px 0px;
	}

#com dl {
	background: #ffffff;
	}

#com dl:nth-child(2) {
	border-top: 1px #dddddd solid;
	}

#com dt {
	width: 100%;
	border-right: 1px #dddddd solid;
	border-bottom: 1px #dddddd solid;
	border-left: 1px #dddddd solid;
	font-weight: bold;
	color: #2CB384;
	padding: 10px;
	vertical-align: middle;
	}

#com dd {
	width: 100%;
	border-right: 1px #dddddd solid;
	border-bottom: 1px #dddddd solid;
	border-left: 1px #dddddd solid;
	padding: 10px;
	}

#com dd iframe {
	width: 100%;
	height: 200px;
	margin: 0px 0px 10px 0px;
	}

#com li {
	width: 100%;
	margin: 20px 0px 0px 0px;
	float: left;
	}

#com li h4 {
	font-size: 16px;
	line-height: 50px;
	margin: 0px 0px 10px 0px;
	overflow: hidden;
	}

#com li:nth-child(3) h4 {
	font-size: 16px;
	line-height: 120%;
	}

#com li:nth-child(3) h4 span {
	margin: 5px 0px 0px 0px;
	float: left;
	}

#com li h4 img {
	margin: 0px 10px 0px 0px;
	float: left;
	}

#com li p {
	background: url(img/finqfre.png) no-repeat left;
	background-size: auto 18px;
	font-size: 24px;
	font-family: 'Varela Round', sans-serif;
	font-weight: bold;
	line-height: 21px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 32px;
	}

#com .no1 p {
	width: 100%;
	margin: 0px 0px 10px 0px;
	float: left;
	}

#com .no1 p img {
	width: 48%;
	margin: 0px 4% 0px 0px;
	float: left;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
	}

#com .no1 p img:last-child {
	margin: 0px 0px 0px 0px;
	}

#com .no1 h4 {
	font-size: 14px;
	margin: 0px 0px 10px 0px;
	}

#com .no1 h4 span {
	font-size: 18px;
	color: #2DB584;
	}

#com .no1 h4 font {
	font-size: 12px;
	}

}


/* 理念 */

@media screen and (min-width: 641px){

#ide {
	font-size: 14px;
	line-height: 150%;
	}

#ide ol {
	width: 100%;
	background: url(idea/img/combg01.png) left top;
	margin: 0px 0px 50px 0px;
	padding: 30px;
	}

#ide ol:nth-child(2) {
	background: url(idea/img/combg02.png) left top;
	}

#ide ol p {
	width: 180px;
	font-weight: bold;
	margin: 0px 0px 0px 50px;
	float: right;
	text-align: center;
	}

#ide ol p span {
	width: 180px;
	height: 180px;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	margin: 0px 0px 10px 0px;
	overflow: hidden;
	display: block;
	}

#ide ol p font {
	color: #2DB584;
	margin: 0px 0px 0px 0px;
	display: block;
	}

#ide ol:first-child p font br {
	display: none;
	}

#ide ol:nth-child(2) p font br:first-child {
	display: none;
	}

#ide ol h3 {
	font-size: 21px;
	line-height: 150%;
	color: #FD8A8A;
	margin: 0px 0px 10px 0px;
	}

#ide ol:nth-child(2) h3 {
	color: #3273B0;
	}

#ide dl {
	font-weight: bold;
	margin: 0px 0px 50px 0px;
	text-align: center;
	}

#ide dl dt {
	font-size: 16px;
	color: #F6A900;
	margin: 0px 0px 30px 0px;
	}

#ide dl dd {
	font-size: 36px;
	color: #2CB384;
	}

#ide ul {
	width: 100%;
	background: #ffffff;
	padding: 30px 0px 20px 0px;
	}

#ide ul h3 {
	margin: 0px 0px 30px 0px;
	text-align: center;
	}

#ide ul h3 span {
	background: linear-gradient(transparent 60%, #ff0 0%);
	font-size: 24px;
	color: #2CB484;
	display: inline-block;
	}

#ide ul li {
	font-size: 24px;
	font-weight: bold;
	margin: 0px 0px 30px 140px;
	}

#ide ul li span {
	color: #2CB384;
	margin: 0px 10px 0px 0px;
	}

#ide ul li p {
	font-size: 16px;
	font-weight: normal;
	margin: 10px 0px 0px 20px;
	}

}

@media screen and (max-width: 640px){

#ide ol {
	width: 100%;
	background: url(idea/img/combg01.png) left top;
	background-size: 15px auto;
	margin: 0px 0px 20px 0px;
	padding: 10px;
	}

#ide ol:nth-child(2) {
	background: url(idea/img/combg02.png) left top;
	background-size: 15px auto;
	}

#ide ol p {
	width: 80px;
	font-weight: bold;
	margin: 0px 0px 0px 10px;
	float: right;
	text-align: center;
	}

#ide ol p span {
	width: 80px;
	height: 80px;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	margin: 0px 0px 10px 0px;
	overflow: hidden;
	display: block;
	}

#ide ol p span img {
	width: 100%;
	}

#ide ol p font {
	font-size: 10px;
	color: #2DB584;
	margin: 0px 0px 0px 0px;
	display: block;
	}

#ide ol h3 {
	font-size: 16px;
	color: #FD8A8A;
	margin: 0px 0px 10px 0px;
	}

#ide ol:nth-child(2) h3 {
	color: #3273B0;
	}

#ide dl {
	font-weight: bold;
	margin: 0px 0px 20px 0px;
	text-align: center;
	}

#ide dl dt {
	font-size: 14px;
	color: #F6A900;
	margin: 0px 0px 0px 0px;
	}

#ide dl dd {
	font-size: 18px;
	color: #2CB384;
	}

#ide ul {
	width: 100%;
	background: #ffffff;
	padding: 10px 10px 10px 10px;
	}

#ide ul h3 {
	margin: 0px 0px 10px 0px;
	text-align: center;
	}

#ide ul h3 span {
	background: linear-gradient(transparent 60%, #ff0 0%);
	font-size: 16px;
	color: #2CB484;
	display: inline-block;
	}

#ide ul li {
	font-size: 14px;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	}

#ide ul li span {
	color: #2CB384;
	margin: 0px 5px 0px 0px;
	}

#ide ul li p {
	font-size: 12px;
	font-weight: normal;
	margin: 0px 0px 0px 10px;
	}

}


/* 生涯のお付き合い */

@media screen and (min-width: 641px){

#lif {
	font-size: 14px;
	line-height: 180%;
	}

#lif .main h3 {
	font-size: 42px;
	margin: 50px 0px 30px 0px;
	text-align: center;
	}

#lif ol h3 {
	margin: 50px 0px 20px 0px;
	}

#lif ol h3 span {
	background: linear-gradient(transparent 60%, #ff0 0%);
	font-size: 21px;
	margin: 0px 0px 0px 20px;
	display: inline-block;
	}

#lif ol li {
	width: 313px;
	font-weight: bold;
	color: #2CB484;
	margin: 0px 30px 10px 0px;
	float: left;
	text-align: center;
	}

#lif ol ul li:nth-child(3n) {
	margin: 0px 0px 10px 0px;
	}

#lif ol:last-child ul {
	width: 313px;
	margin: 0px 30px 0px 0px;
	float: left;
	}

#lif ol li p {
	width: 100%;
	border-radius: 10px;
	margin: 0px 0px 10px 0px;
	overflow: hidden;
	}

}

@media screen and (max-width: 640px){

#lif .main img {
	width: 100%;
	}

#lif .main h3 {
	font-size: 16px;
	margin: 20px 0px 10px 0px;
	}

#lif ol h3 {
	margin: 20px 0px 10px 0px;
	}

#lif ol h3 span {
	background: linear-gradient(transparent 60%, #ff0 0%);
	font-size: 16px;
	margin: 0px 0px 0px 10px;
	display: inline-block;
	}

#lif ol ul {
	overflow: hidden;
	}

#lif ol li {
	width: 49%;
	font-weight: bold;
	color: #2CB484;
	margin: 0px 2% 10px 0px;
	float: left;
	text-align: center;
	}

#lif ol ul li:nth-child(2n) {
	margin: 0px 0px 10px 0px;
	}

#lif ol li img {
	width: 100%;
	}

#lif ol li p {
	width: 100%;
	border-radius: 10px;
	margin: 0px 0px 5px 0px;
	overflow: hidden;
	}

}


/* 店舗・スタッフ */

@media screen and (min-width: 641px){

#sto .main {
	margin: 0px 0px 50px 0px;
	}

#sto h3 {
	margin: 0px 0px 20px 0px;
	}

#sto h3 span {
	background: linear-gradient(transparent 60%, #ff0 0%);
	font-size: 21px;
	margin: 0px 0px 0px 20px;
	display: inline-block;
	}

#sto .sta {
	margin: 0px 0px 30px 0px;
	float: left;
	}

#sto .sta li {
	width: 485px;
	height: 420px;
	background: #ffffff;
	font-size: 12px;
	margin: 0px 20px 20px 0px;
	padding: 20px;
	float: left;
	}

#sto .sta li:nth-child(2n) {
	margin: 0px 0px 20px 0px;
	}

#sto .sta li p {
	border-radius: 10px;
	margin: 0px 20px 0px 0px;
	float: left;
	overflow: hidden;
	}

#sto .sta li h5 {
	font-size: 12px;
	font-weight: normal;
	margin: 0px 0px 10px 0px;
	}

#sto .sta li h4 {
	font-size: 18px;
	margin: 0px 0px 20px 0px;
	}

#sto .sta li h6 {
	background: #2DB584;
	font-size: 12px;
	line-height: 20px;
	color: #ffffff;
	margin: 0px 0px 10px 0px;
	padding: 0px 5px 0px 5px;
	text-align: center;
	}

#sto .sta ol {
	width: 225px;
	float: left;
	}

#sto .sta dl {
	width: 100%;
	border-bottom: 1px #dddddd solid;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 10px 0px;
	float: left;
	display: table-row;
	}

#sto .sta dl:last-child {
	border: none;
	padding: 0px 0px 0px 0px;
	}

#sto .sta dl dt {
	width: 120px;
	font-weight: bold;
	color: #2DB584;
	padding: 0px 0px 0px 0px;
	text-align: center;
	display: table-cell;
	}

#sto .sta dl dd {
	width: 220px;
	padding: 0px 0px 0px 10px;
	display: table-cell;
	}

#sto .sto {
	margin: 0px 0px 20px 0px;
	float: left;
	}

#sto .sto a {
	width: 227px;
	height: 151px;
	border-radius: 10px;
	margin: 0px 30px 30px 0px;
	float: left;
	overflow: hidden;
	position: relative;
	display: block;
	}

#sto .sto a:nth-child(4n+1) {
	margin: 0px 0px 30px 0px;
	}

#sto .sto a img {
	width: 100%;
	}

#sto .sto a span {
	width: 20px;
	height: 21px;
	background: url(img/zoo.png) no-repeat;
	position: absolute;
	right: 10px;
	bottom: 10px;
	}

#sto .acc {
	font-size: 14px;
	}

#sto .acc iframe {
	width: 650px;
	height: 400px;
	margin: 0px 30px 0px 0px;
	float: left;
	}

#sto .acc h4 {
	font-size: 16px;
	color: #2DB584;
	margin: 30px 0px 5px 0px;
	}

#sto .acc p {
	font-size: 32px;
	font-family: 'Varela Round', sans-serif;
	font-weight: bold;
	margin: 0px;
	}

#sto .acc p:last-child {
	font-size: 16px;
	}

}

@media screen and (max-width: 640px){

#sto .main {
	width: 100%;
	margin: 0px 0px 20px 0px;
	}

#sto h3 {
	margin: 0px 0px 10px 0px;
	}

#sto h3 span {
	background: linear-gradient(transparent 60%, #ff0 0%);
	font-size: 16px;
	margin: 0px 0px 0px 10px;
	display: inline-block;
	}

#sto .sta {
	margin: 0px 0px 10px 0px;
	float: left;
	}

#sto .sta li {
	width: 100%;
	background: #ffffff;
	margin: 0px 0px 10px 0px;
	padding: 10px;
	float: left;
	}

#sto .sta li p {
	width: 80px;
	height: 80px;
	border-radius: 10px;
	margin: 0px 10px 0px 0px;
	float: left;
	overflow: hidden;
	}

#sto .sta li p img {
	width: 100%;
	}

#sto .sta li h5 {
	font-size: 10px;
	font-weight: normal;
	margin: 0px 0px 10px 0px;
	}

#sto .sta li h4 {
	font-size: 14px;
	margin: 0px 0px 20px 0px;
	}

#sto .sta li h6 {
	background: #2DB584;
	font-size: 12px;
	line-height: 20px;
	color: #ffffff;
	margin: 0px 0px 10px 0px;
	padding: 0px 5px 0px 5px;
	text-align: center;
	}

#sto .sta ol {
	width: 100%;
	margin: 10px 0px 0px 0px;
	float: left;
	}

#sto .sta dl {
	width: 100%;
	border-bottom: 1px #dddddd solid;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 10px 0px;
	float: left;
	display: table-row;
	}

#sto .sta dl:last-child {
	border: none;
	padding: 0px 0px 0px 0px;
	}

#sto .sta dl dt {
	width: 80px;
	font-weight: bold;
	color: #2DB584;
	padding: 0px 0px 0px 0px;
	text-align: center;
	display: table-cell;
	}

#sto .sta dl dd {
	padding: 0px 0px 0px 10px;
	display: table-cell;
	}

#sto .sto {
	margin: 0px 0px 10px 0px;
	float: left;
	}

#sto .sto a {
	border-radius: 10px;
	margin: 0px 0px 10px 0px;
	overflow: hidden;
	display: block;
	position: relative;
	}

#sto .sto a img {
	width: 100%;
	}

#sto .sto a span {
	width: 20px;
	height: 21px;
	background: url(img/zoo.png) no-repeat;
	position: absolute;
	right: 10px;
	bottom: 10px;
	}

#sto .acc iframe {
	width: 100%;
	height: 200px;
	margin: 0px 0px 0px 0px;
	}

#sto .acc h4 {
	font-size: 14px;
	color: #2DB584;
	margin: 10px 0px 0px 0px;
	}

#sto .acc p {
	font-size: 24px;
	font-family: 'Varela Round', sans-serif;
	font-weight: bold;
	margin: 0px;
	}

#sto .acc p:last-child {
	font-size: 16px;
	}

#sto .acc p a {
	color: #333333;
	}

}


/* スタッフ日記 */

@media screen and (min-width: 641px){

#blo.top ul {
	width: 100%;
	float: left;
	}

#blo.top ul a {
	width: 246px;
	height: 320px;
	background: #ffffff;
	color: #333333;
	margin: 0px 5px 5px 0px;
	padding: 15px;
	float: left;
	position: relative;
	}

#blo.top ul a:nth-child(4n) {
	margin: 0px 0px 5px 0px;
	}

#blo.top ul p {
	width: 100%;
	height: 162px;
	margin: 0px 0px 20px 0px;
	overflow: hidden;
	}

#blo.top ul p img {
	width: 100%;
	height: auto;
	}

#blo.top ul span {
	width: 100%;
	font-family: 'Varela Round', sans-serif;
	font-weight: bold;
	color: #C9AC92;
	margin: 0px 0px 10px 0px;
	display: block;
	}

#blo.top ul h3 {
	font-size: 14px;
	color: #2DB584;
	margin: 0px 0px 5px 0px;
	}

#blo.top ul h3 strong {
	font-family: 'Varela Round', sans-serif;
	color: #F6A900;
	margin: 0px 5px 0px 0px;
	}

#blo.det .main {
	width: 720px;
	line-height: 180%;
	float: left;
	}

#blo.det .pag {
	width: 100%;
	font-weight: bold;
	margin: 0px 0px 30px 0px;
	}

#blo.det .pag a {
	background: url(img/arr0302.png) no-repeat 0px;
	font-weight: bold;
	padding: 0px 0px 0px 18px;
	}

#blo.det .pag span a {
	background: url(img/arr03.png) no-repeat right;
	padding: 0px 18px 0px 0px;
	float: right;
	}

#blo.det .main h2 {
	width: 100%;
	font-size: 21px;
	color: #2DB584;
	margin: 0px 0px 20px 0px;
	}

#blo.det .main h2 p {
	font-size: 14px;
	font-family: 'Varela Round', sans-serif;
	color: #C9AC92;
	margin: 0px 0px 30px 0px;
	}

#blo.det .main ol {
	width: 100%;
	margin: 0px 0px 50px 0px;
	overflow: hidden;
	}

#blo.det .main ol img {
	max-width: 100%;
	height: auto;
	}

#blo.det .main ol a:link {
	text-decoration: underline;
	}

#blo.det .smenu {
	width: 250px;
	float: right;
	}

#blo.det .smenu h3 {
	width: 100%;
	background: #81D3B5;
	font-size: 14px;
	line-height: 40px;
	color: #ffffff;
	margin: 0px;
	text-align: center;
	}

#blo.det .smenu .arc {
	margin: 0px 0px 30px 0px;
	}

#blo.det .smenu .arc a {
	width: 100%;
	color: #333333;
	margin: 20px 0px 0px 0px;
	overflow: hidden;
	display: block;
	position: relative;
	}

#blo.det .smenu .arc a p {
	width: 70px;
	height: 70px;
	border-radius: 10px;
	margin: 0px 10px 0px 0px;
	float: left;
	overflow: hidden;
	position: relative;
	}

#blo.det .smenu .arc a p img {
	width: auto;
	height: 100%;
	}

#blo.det .smenu .arc a h5 {
	font-size: 14px;
	margin: 5px 0px 10px 0px;
	}

#blo.det .smenu .arc a h5 strong {
	font-family: 'Varela Round', sans-serif;
	color: #F6A900;
	margin: 0px 5px 0px 0px;
	}

#blo.det .smenu .arc a .dat {
	font-family: 'Varela Round', sans-serif;
	font-weight: bold;
	color: #C9AC92;
	margin: 0px 0px 0px 0px;
	float: right;
	}

#blo.det .smenu .com {
	margin: 0px 0px 30px 0px;
	}

#blo.det .smenu .com a {
	width: 100%;
	font-size: 12px;
	color: #333333;
	margin: 20px 0px 0px 0px;
	display: block;
	}

#blo.det .smenu .com a p {
	font-weight: bold;
	color: #2DB584;
	margin: 0px 0px 5px 0px;
	}

#blo.det .smenu .lis dl {
	width: 100%;
	margin: 20px 0px 0px 0px;
	float: left;
	text-align: center;
	}

#blo.det .smenu .lis dt {
	width: 100%;
	background: #2DB584;
	font-size: 14px;
	font-family: 'Varela Round', sans-serif;
	font-weight: bold;
	line-height: 30px;
	color: #ffffff;
	float: left;
	}

#blo.det .smenu .lis li {
	width: 16.66%;
	height: auto;
	margin: 0px;
	float: left;
	}

#blo.det .smenu .lis a {
	width: 100%;
	background: #ffffff;
	border-right: 1px #dddddd solid;
	border-bottom: 1px #dddddd solid;
	color: #333333;
	line-height: 30px;
	margin: 0px;
	float: left;
	-webkit-transition: all .3s;
	transition: all .3s;
	}

#blo.det .smenu .lis li:nth-child(6n+2) a {
	border-left: 1px #dddddd solid;
	}

#blo.det .smenu .lis a:hover {
	background: #cccccc;
	color: #ffffff;
	}

#blo.det .smenu .lis p {
	display: none;
	}

#blo.det #comments {
	width: 100%;
	margin: 50px 0px 0px 0px;
	overflow: hidden;
	}

#blo.det #comments #comments-title {
	width: 100%;
	border-top: 1px #dddddd solid;
	font-size: 16px;
	line-height: 50px;
	margin: 0px 0px 0px 0px;
	text-align: center;
	}

#blo.det #comments #comments-title em {
	font-size: 18px;
	font-weight: bold;
	font-style: normal;
	}

#blo.det #comments .commentlist {
	width: 100%;
	float: left;
	}

#blo.det #comments .commentlist li {
	width: 100%;
	border-top: 1px #dddddd solid;
	margin: 0px 0px 15px 0px;
	padding: 15px 0px 0px 0px;
	float: left;
	}

#blo.det #comments .commentlist .comment-author .fn {
	font-weight: bold;
	font-style: normal;
	margin: 0px 0px 0px 10px;
	}

#blo.det #comments .commentlist .comment-meta {
	width: 100%;
	margin: 10px 0px 0px 0px;
	float: left;
	}

#blo.det #comments .commentlist .children {
	width: 90%;
	margin: 15px 0px 0px 0px;
	float: right;
	}

#blo.det #comments .commentlist .children li:last-child {
	margin: 0px 0px 0px 0px;
	}

#blo.det #comments #respond {
	width: 100%;
	border-top: 1px #dddddd solid;
	border-bottom: 1px #dddddd solid;
	padding: 20px 0px 10px 0px;
	float: left;
	}

#blo.det #comments #respond #reply-title {
	width: 100%;
	font-size: 18px;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	text-align: center;
	}

#blo.det #comments #respond .comment-notes {
	display: none;
	}

#blo.det #comments #respond .comment-form-author {
	width: 100%;
	margin: 0px 0px 10px 0px;
	float: left;
	}

#blo.det #comments #respond label {
	width: 100%;
	float: left;
	}

#blo.det #comments #respond .comment-form-email {
	display: none;
	}

#blo.det #comments #respond .comment-form-url {
	display: none;
	}

#blo.det #comments #respond .form-allowed-tags {
	display: none;
	}

#blo.det #comments #respond .form-submit {
	width: 100%;
	text-align: center;
	}

#blo.det #comments #respond input[type="text"] {
	width: 50%;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding: 10px;
	}

#blo.det #comments #respond textarea {
	width: 100%;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding: 10px;
	}

#blo.det #comments #respond input[type="submit"] {
	width: 160px;
	font-size: 16px;
	font-weight: bold;
	padding: 15px;
	overflow: hidden;
	cursor: pointer;
	}

}

@media screen and (max-width: 640px){

#blo.top ul a {
	width: 100%;
	background: #ffffff;
	color: #333333;
	margin: 0px 0px 5px 0px;
	padding: 10px;
	float: left;
	position: relative;
	}

#blo.top ul p {
	width: 70px;
	height: 70px;
	margin: 0px 10px 0px 0px;
	float: left;
	overflow: hidden;
	}

#blo.top ul p img {
	width: auto;
	height: 100%;
	}

#blo.top ul span {
	width: 100%;
	font-family: 'Varela Round', sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #C9AC92;
	margin: 0px 0px 5px 0px;
	display: block;
	}

#blo.top ul h3 {
	font-size: 12px;
	color: #2DB584;
	margin: 0px 0px 5px 0px;
	}

#blo.top ul h3 strong {
	font-family: 'Varela Round', sans-serif;
	color: #F6A900;
	margin: 0px 5px 0px 0px;
	}

#blo.det .main {
	width: 100%;
	margin: 0px 0px 20px 0px;
	}

#blo.det .pag {
	width: 100%;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	padding: 10px;
	float: left;
	}

#blo.det .pag a {
	width: 100%;
	background: url(img/arr0302.png) no-repeat 0px;
	font-size: 12px;
	font-weight: bold;
	padding: 0px 0px 0px 18px;
	float: left;
	}

#blo.det .pag span a {
	background: url(img/arr03.png) no-repeat right;
	margin: 10px 0px 0px 0px;
	padding: 0px 18px 0px 0px;
	text-align: right;
	}

#blo.det .main h2 {
	width: 100%;
	font-size: 18px;
	color: #2DB584;
	margin: 0px 0px 10px 0px;
	}

#blo.det .main h2 p {
	font-size: 12px;
	font-family: 'Varela Round', sans-serif;
	color: #C9AC92;
	margin: 0px 0px 10px 0px;
	}

#blo.det .main h2 p font {
	width: 60px;
	background: #BF573F;
	font-size: 10px;
	line-height: 23px;
	color: #ffffff;
	margin: 0px 10px 0px 0px;
	float: left;
	text-align: center;
	}

#blo.det .main ol {
	width: 100%;
	margin: 0px 0px 20px 0px;
	overflow: hidden;
	}

#blo.det .main ol a:link {
	text-decoration: underline;
	}

#blo.det .main ol img {
	max-width: 100%;
	height: auto;
	}

#blo.det .smenu {
	width: 100%;
	}

#blo.det .smenu h3 {
	width: 100%;
	background: #81D3B5;
	font-size: 14px;
	line-height: 40px;
	color: #ffffff;
	margin: 0px;
	text-align: center;
	}

#blo.det .smenu .arc {
	margin: 0px 0px 20px 0px;
	}

#blo.det .smenu .arc a {
	width: 100%;
	color: #333333;
	margin: 20px 0px 0px 0px;
	overflow: hidden;
	display: block;
	position: relative;
	}

#blo.det .smenu .arc a p {
	width: 70px;
	height: 70px;
	border-radius: 10px;
	margin: 0px 10px 0px 0px;
	float: left;
	overflow: hidden;
	position: relative;
	}

#blo.det .smenu .arc a p img {
	width: auto;
	height: 100%;
	}

#blo.det .smenu .arc a h5 {
	font-size: 14px;
	margin: 5px 0px 10px 0px;
	}

#blo.det .smenu .arc a h5 strong {
	font-family: 'Varela Round', sans-serif;
	color: #F6A900;
	margin: 0px 5px 0px 0px;
	}

#blo.det .smenu .arc a .dat {
	font-family: 'Varela Round', sans-serif;
	font-weight: bold;
	color: #C9AC92;
	margin: 0px 0px 0px 0px;
	float: right;
	}

#blo.det .smenu .com {
	margin: 0px 0px 30px 0px;
	}

#blo.det .smenu .com a {
	width: 100%;
	font-size: 12px;
	color: #333333;
	margin: 20px 0px 0px 0px;
	display: block;
	}

#blo.det .smenu .com a p {
	font-weight: bold;
	color: #2DB584;
	margin: 0px 0px 5px 0px;
	}

#blo.det .smenu .lis dl {
	width: 100%;
	margin: 20px 0px 0px 0px;
	float: left;
	text-align: center;
	}

#blo.det .smenu .lis dt {
	width: 100%;
	background: #2DB584;
	font-size: 14px;
	font-family: 'Varela Round', sans-serif;
	font-weight: bold;
	line-height: 30px;
	color: #ffffff;
	float: left;
	}

#blo.det .smenu .lis li {
	width: 16.66%;
	height: auto;
	margin: 0px;
	float: left;
	}

#blo.det .smenu .lis a {
	width: 100%;
	background: #ffffff;
	border-right: 1px #dddddd solid;
	border-bottom: 1px #dddddd solid;
	color: #333333;
	line-height: 30px;
	margin: 0px;
	float: left;
	-webkit-transition: all .3s;
	transition: all .3s;
	}

#blo.det .smenu .lis li:nth-child(6n+2) a {
	border-left: 1px #dddddd solid;
	}

#blo.det .smenu .lis a:hover {
	background: #cccccc;
	color: #ffffff;
	}

#blo.det .smenu .lis p {
	display: none;
	}

#blo.det #comments {
	width: 100%;
	margin: 20px 0px 0px 0px;
	overflow: hidden;
	}

#blo.det #comments #comments-title {
	width: 100%;
	border-top: 1px #dddddd solid;
	font-size: 14px;
	line-height: 50px;
	margin: 0px 0px 0px 0px;
	text-align: center;
	}

#blo.det #comments #comments-title em {
	font-size: 16px;
	font-weight: bold;
	font-style: normal;
	}

#blo.det #comments .commentlist {
	width: 100%;
	float: left;
	}

#blo.det #comments .commentlist li {
	width: 100%;
	border-top: 1px #dddddd solid;
	margin: 0px 0px 15px 0px;
	padding: 15px 0px 0px 0px;
	float: left;
	}

#blo.det #comments .commentlist .comment-author .fn {
	font-weight: bold;
	font-style: normal;
	margin: 0px 0px 0px 10px;
	}

#blo.det #comments .commentlist .comment-meta {
	width: 100%;
	margin: 10px 0px 0px 0px;
	float: left;
	}

#blo.det #comments .commentlist .children {
	width: 90%;
	margin: 15px 0px 0px 0px;
	float: right;
	}

#blo.det #comments .commentlist .children li:last-child {
	margin: 0px 0px 0px 0px;
	}

#blo.det #comments #respond {
	width: 100%;
	border-top: 1px #dddddd solid;
	border-bottom: 1px #dddddd solid;
	padding: 20px 0px 10px 0px;
	float: left;
	}

#blo.det #comments #respond #reply-title {
	width: 100%;
	font-size: 16px;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	text-align: center;
	}

#blo.det #comments #respond .comment-notes {
	display: none;
	}

#blo.det #comments #respond .comment-form-author {
	width: 100%;
	margin: 0px 0px 10px 0px;
	float: left;
	}

#blo.det #comments #respond label {
	width: 100%;
	float: left;
	}

#blo.det #comments #respond .comment-form-email {
	display: none;
	}

#blo.det #comments #respond .comment-form-url {
	display: none;
	}

#blo.det #comments #respond .form-allowed-tags {
	display: none;
	}

#blo.det #comments #respond .form-submit {
	width: 100%;
	text-align: center;
	}

#blo.det #comments #respond input[type="text"] {
	width: 50%;
	padding: 10px;
	}

#blo.det #comments #respond textarea {
	width: 100%;
	padding: 10px;
	}

#blo.det #comments #respond input[type="submit"] {
	width: 160px;
	font-size: 16px;
	font-weight: bold;
	padding: 15px;
	overflow: hidden;
	cursor: pointer;
	}

}


/* 施工例 */

@media screen and (min-width: 641px){

#exa.top h3 {
	font-size: 21px;
	color: #2DB584;
	margin: 0px 0px 30px 0px;
	}

#exa.top ul {
	display: flex;
	flex-wrap: wrap;
	}

#exa.top ul a {
	width: 313px;
	font-size: 14px;
	font-weight: bold;
	color: #2DB584;
	margin: 0px 30px 30px 0px;
	float: left;
	text-align: center;
	}

#exa.top ul a:nth-child(3n) {
	margin: 0px 0px 30px 0px;
	}

#exa.top ul p {
	width: 100%;
	height: 209px;
	border-radius: 10px;
	margin: 0px 0px 10px 0px;
	overflow: hidden;
	}

#exa.top ul p img {
	width: 100%;
	height: auto;
	}

#exa.top ul strong {
	font-family: 'Varela Round', sans-serif;
	color: #F6A900;
	margin: 0px 5px 0px 0px;
	}

#exa.top #pag {
	margin: 20px 0px 0px 0px;
	}

#exa.det h3 {
	width: 100%;
	background: #81D3B5;
	font-size: 18px;
	line-height: 40px;
	color: #ffffff;
	margin: 0px 0px 30px 0px;
	text-align: center;
	}

#exa.det ol {
	width: 720px;
	background: #ffffff;
	margin: 0px 30px 0px 0px;
	padding: 20px;
	float: left;
	}

#exa.det .bxslider dt {
	width: 100%;
	background: #f6f6f6;
	margin: 0px 0px 20px 0px;
	text-align: center;
	}

#exa.det .bxslider dt img {
	height: 510px;
	}

#exa.det .bxslider dd {
	width: 100%;
	line-height: 150%;
	float: left;
	}

#exa.det .bx-pager {
	width: 250px;
	float: left;
	position: relative;
	z-index: 1;
	}

#exa.det .bx-pager a {
	width: 120px;
	height: 120px;
	background: #ffffff;
	border: 1px #dddddd solid;
	margin: 0px 10px 10px 0px;
	padding: 3px;
	float: left;
	overflow: hidden;
	}

#exa.det .bx-pager a:nth-child(2n) {
	margin: 0px 0px 10px 0px;
	}

#exa.det .bx-pager a:hover, #exa.det .bx-pager a.active {
	border: 2px #2DB584 solid;
	padding: 2px;
  	}

#exa.det .bx-pager a:hover img, #exa.det .bx-pager a.active img {
	opacity: 1;
  	}

#exa.det .bx-pager a p {
	width: 112px;
	height: 112px;
	margin: 0px;
	overflow: hidden;
	}

#exa.det .bx-pager a img {
	width: 100%;
	height: auto;
	opacity: 0.6;
	/*-webkit-transition: all .3s;
	transition: all .3s;*/
	}

#exa.det .sp-thumbnails img {
	width: 112px;
	}

#exa.det .bx-wrapper .bx-prev {
	display: none;
	}

#exa.det .bx-wrapper .bx-next {
	display: none;
	}

#exa.det .main {
	width: 100%;
	margin: 20px 0px 0px 0px;
	float: left;
	}

}

@media screen and (max-width: 640px){

#exa.top h3 {
	font-size: 16px;
	color: #2CB484;
	margin: 0px 0px 10px 0px;
	}

#exa.top ul a {
	width: 100%;
	font-size: 14px;
	font-weight: bold;
	color: #2DB584;
	margin: 0px 0px 20px 0px;
	float: left;
	text-align: center;
	}

#exa.top ul p {
	width: 100%;
	height: 209px;
	border-radius: 10px;
	margin: 0px 0px 10px 0px;
	overflow: hidden;
	}

#exa.top ul p img {
	width: 100%;
	}

#exa.top ul strong {
	font-family: 'Varela Round', sans-serif;
	color: #F6A900;
	margin: 0px 5px 0px 0px;
	}

#exa.top #pag {
	margin: 0px 0px 0px 0px;
	}

#exa.det h3 {
	width: 100%;
	background: #81D3B5;
	font-size: 14px;
	line-height: 30px;
	color: #ffffff;
	margin: 0px 0px 10px 0px;
	text-align: center;
	}

#exa.det ol {
	width: 100%;
	background: #ffffff;
	padding: 10px;
	float: left;
	position: relative;
	}

#exa.det .bxslider dt {
	width: 100%;
	background: #f6f6f6;
	margin: 0px 0px 10px 0px;
	text-align: center;
	overflow: hidden;
	}

#exa.det .bxslider dt img {
	height: 190px;
	}

#exa.det .bxslider dd {
	width: 100%;
	line-height: 150%;
	float: left;
	}

#exa.det .bx-pager {
	display: none;
	width: 250px;
	float: left;
	position: relative;
	z-index: 1;
	}

#exa.det .bx-wrapper .bx-prev {
	width: 26px;
	height: 26px;
	background: url(img/sli_img/back.png) no-repeat center;
	background-size: 18px auto;
	background-color: #81D3B5;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	position: absolute;
	top: 50%;
	left: 5px;
	margin: -13px 0px 0px 0px;
	outline: 0;
	text-indent: -9999px;
	z-index: 51;
	opacity: 1;
	}

#exa.det .bx-wrapper .bx-next {
	width: 26px;
	height: 26px;
	background: url(img/sli_img/next.png) no-repeat center;
	background-size: 18px auto;
	background-color: #81D3B5;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	position: absolute;
	top: 50%;
	right: 5px;
	margin: -13px 0px 0px 0px;
	outline: 0;
	text-indent: -9999px;
	z-index: 51;
	opacity: 1;
	}

#exa.det .main {
	width: 100%;
	margin: 10px 0px 0px 0px;
	float: left;
	}

}


/* イベント情報 */

@media screen and (min-width: 641px){

#eve.top ul {
	display: flex;
	flex-wrap: wrap;
	}

#eve.top ul a,
#eve.top ul li {
	width: 313px;
	background: #ffffff;
	font-weight: bold;
	color: #F6A900;
	margin: 0px 30px 30px 0px;
	padding: 0px 0px 20px 0px;
	float: left;
	text-align: center;
	}

#eve.top ul li {
	font-weight: normal;
	color: #333333;
	}

#eve.top ul a:nth-child(3n),
#eve.top ul li:nth-child(3n) {
	margin: 0px 0px 30px 0px;
	}

#eve.top ul p {
	width: 100%;
	margin: 0px 0px 20px 0px;
	overflow: hidden;
	}

#eve.top ul p img {
	width: 100%;
	height: auto;
	}

#eve.top ul ol {
	background: url(event/img/arr01.png) no-repeat 281px center;
	}

#eve.top ul h3 {
	font-size: 14px;
	color: #333333;
	margin: 0px 0px 5px 0px;
	}

#eve.top ul h3 strong {
	font-family: 'Varela Round', sans-serif;
	color: #F6A900;
	margin: 0px 5px 0px 0px;
	}

#eve.top #pag {
	margin: 20px 0px 0px 0px;
	}

#eve.det .main {
	width: 720px;
	line-height: 180%;
	float: left;
	}

#eve.det .main h2 {
	width: 100%;
	font-size: 21px;
	color: #2DB584;
	margin: 0px 0px 20px 0px;
	}

#eve.det .main dl {
	width: 100%;
	background: #ffffff;
	font-size: 14px;
	font-weight: bold;
	margin: 0px 0px 20px 0px;
	padding: 20px;
	float: left;
	}

#eve.det .main dd {
	line-height: 24px;
	margin: 0px 30px 0px 0px;
	float: left;
	}

#eve.det .main dd font {
	background: #88CBE9;
	font-size: 12px;
	color: #ffffff;
	line-height: 24px;
	margin: 0px 10px 0px 0px;
	padding: 0px 10px 0px 10px;
	}

#eve.det .main ol a.group1 {
	width: 100%;
	margin: 0px 0px 20px 0px;
	position: relative;
	display: block;
	float: left;
	}

#eve.det .main ol a.group1 img {
	width: 100%;
	}

#eve.det .main ol a.group1 span {
	width: 18px;
	height: 18px;
	background: url(img/zoo.png) no-repeat;
	position: absolute;
	right: 10px;
	bottom: 10px;
	}

#eve.det .main ol h3 {
	width: 100%;
	background: #88CBE9;
	font-size: 14px;
	color: #ffffff;
	line-height: 40px;
	margin: 30px 0px 20px 0px;
	text-align: center;
	}

#eve.det .main ol iframe {
	width: 100%;
	height: 400px;
	}

#eve.det .smenu {
	width: 250px;
	line-height: 180%;
	float: right;
	}

#eve.det .smenu form {
	width: 250px;
	background: #ffffff;
	float: left;
	}

#eve.det .smenu form h3 {
	width: 100%;
	background: #81D3B5;
	font-size: 14px;
	line-height: 40px;
	color: #ffffff;
	margin: 0px 0px 0px 0px;
	text-align: center;
	}

#eve.det .smenu form ol {
	width: 220px;
	margin: 20px 15px 30px 15px;
	}

#eve.det .smenu form .off {
	margin: 0px 0px 10px 0px;
	font-size: 21px;
	font-weight: bold;
	line-height: 130%;
	color: #FF0000;
	overflow: visible;
	}

#eve.det .smenu form .off h4 {
	width: 100%;
	font-size: 16px;
	line-height: 100%;
	color: #88CBE9;
	margin: 0px 0px 20px 0px;
	text-align: center;
	}

#eve.det .smenu form .off img {
	width: 70%;
	margin: 0px auto 20px auto;
	display: block;
	filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.2));
	}

#eve.det .smenu form .off span {
	font-size: 32px;
	font-family: 'Varela Round', sans-serif;
	font-weight: bold;
	}

#eve.det .smenu form .off br {
	display: none;
	}

#eve.det .smenu form .cop {
	width: 100%;
	background: url(img/titlin.png) repeat-x left bottom;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 20px 0px;
	}

#eve.det .smenu form .cop font {
	display: block;
	}

#eve.det .smenu form .cond {
	font-size: 10px;
	line-height: 120%;
	margin: 10px 0px 0px 0px;
	}

#eve.det .smenu form .cond p {
	font-size: 10px;
	font-weight: normal;
	margin: 0px;
	padding-left: 1em;
	text-indent: -1em;
	}

#eve.det .smenu form p {
	font-size: 14px;
	font-weight: bold;
	line-height: 100%;
	margin: 0px 0px 10px 0px;
	}

#eve.det .smenu form p span {
	font-size: 12px;
	color: #2DB584;
	margin: 20px 0px 10px 0px;
	display: block;
	}

#eve.det .smenu form p font {
	font-weight: normal;
	}

#eve.det .smenu form p input {
	display: none;
	}

#eve.det .smenu form dl {
	width: 100%;
	margin: 20px 0px 0px 0px;
	}

#eve.det .smenu form dt {
	line-height: 19px;
	margin: 0px 0px 5px 0px;
	}

#eve.det .smenu form dt span {
	background: #cc0000;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	margin: 0px 5px 0px 0px;
	padding: 2px 8px;
	}

#eve.det .smenu form dt span.any {
	background: #aaaaaa;
	color: #ffffff;
	}

#eve.det .smenu form dd .day {
	margin: 0px 0px 20px 0px;
	}

#eve.det .smenu form input[type="text"],
#eve.det .smenu form input[type="email"],
#eve.det .smenu form input[type="tel"],
#eve.det .smenu form textarea {
	width: 100%;
	padding: 10px;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}

#eve.det .smenu form select {
	width: 100%;
	font-size: 14px;
	margin: 10px 0px 0px 0px;
	padding: 10px;
	}

#eve.det .smenu form select:last-child {
	margin: 5px 0px 0px 0px;
	}

#eve.det .smenu form .send {
	width: 100%;
	background: #ffcc00;
	border-radius: 5px;
	font-size: 24px;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	line-height: 50px;
	margin: 15px 0px 30px 0px;
	cursor: pointer;
	}

#eve.det .smenu form .tel {
	width: 100%;
	line-height: 100%;
	text-align: center;
	}

#eve.det .smenu form .tel h4 {
	width: 100%;
	font-size: 16px;
	margin: 0px 0px 20px 0px;
	text-align: left;
	}

#eve.det .smenu form .tel h5 {
	font-size: 22px;
	font-family: 'Varela Round', sans-serif;
	font-weight: bold;
	margin: 0px 0px 15px 0px;
	text-align: left;
	}

#eve.det .smenu form .tel h5 span {
	color: #2CB384;
	margin: 0px 10px 0px 0px;
	}

#eve.det .smenu form .tel font {
	display: block;
	}

}

@media screen and (max-width: 640px){

#eve.top ul a,
#eve.top ul li {
	width: 100%;
	background: #ffffff;
	font-weight: bold;
	color: #F6A900;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 20px 0px;
	float: left;
	text-align: center;
	}

#eve.top ul li {
	font-weight: normal;
	color: #333333;
	}

#eve.top ul p {
	width: 100%;
	margin: 0px 0px 20px 0px;
	overflow: hidden;
	}

#eve.top ul p img {
	width: 100%;
	height: auto;
	}

#eve.top ul ol {
	background: url(event/img/arr01.png) no-repeat 97% center;
	}

#eve.top ul h3 {
	font-size: 14px;
	color: #333333;
	margin: 0px 0px 5px 0px;
	}

#eve.top ul h3 strong {
	font-family: 'Varela Round', sans-serif;
	color: #F6A900;
	margin: 0px 5px 0px 0px;
	}

#eve.top ul h4 {
	width: 80px;
	background: #2DB584;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	font-size: 12px;
	line-height: 24px;
	color: #ffffff;
	margin: 10px auto 0px auto;
	overflow: hidden;
	}

#eve.top #pag {
	margin: 0px 0px 0px 0px;
	}

#eve.det .main {
	width: 100%;
	line-height: 180%;
	}

#eve.det .main h2 {
	width: 100%;
	font-size: 18px;
	color: #2DB584;
	margin: 0px 0px 20px 0px;
	}

#eve.det .main h2 p {
	width: 80px;
	background: #2DB584;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	font-size: 12px;
	line-height: 24px;
	color: #ffffff;
	margin: 0px 0px 20px 0px;
	text-align: center;
	}

#eve.det .main dl {
	width: 100%;
	background: #ffffff;
	font-weight: bold;
	margin: 0px 0px 20px 0px;
	padding: 10px;
	float: left;
	}

#eve.det .main dd {
	line-height: 24px;
	margin: 0px 0px 0px 0px;
	float: left;
	}

#eve.det .main dd font {
	background: #88CBE9;
	font-size: 12px;
	color: #ffffff;
	line-height: 24px;
	margin: 0px 10px 0px 0px;
	padding: 2px 8px;
	}

#eve.det .main dd span {
	color: #2DB584;
	}

#eve.det .main ol a.group1 {
	width: 100%;
	margin: 0px 0px 20px 0px;
	position: relative;
	display: block;
	float: left;
	}

#eve.det .main ol a.group1 img {
	width: 100%;
	}

#eve.det .main ol a.group1 span {
	width: 18px;
	height: 18px;
	background: url(img/zoo.png) no-repeat;
	position: absolute;
	right: 10px;
	bottom: 10px;
	}

#eve.det .main ol h3 {
	width: 100%;
	background: #88CBE9;
	font-size: 14px;
	line-height: 40px;
	color: #ffffff;
	margin: 20px 0px 20px 0px;
	text-align: center;
	}

#eve.det .main ol iframe {
	width: 100%;
	height: 200px;
	}

#eve.det .smenu {
	width: 100%;
	margin: 20px 0px 0px 0px;
	}

#eve.det .smenu form {
	width: 100%;
	background: #ffffff;
	float: left;
	}

#eve.det .smenu form h3 {
	width: 100%;
	background: #81D3B5;
	font-size: 14px;
	line-height: 40px;
	color: #ffffff;
	margin: 0px 0px 0px 0px;
	text-align: center;
	}

#eve.det .smenu form ol {
	margin: 20px 15px 30px 15px;
	}

#eve.det .smenu form .off {
	margin: 0px 0px 10px 0px;
	font-size: 21px;
	font-weight: bold;
	line-height: 130%;
	color: #FF0000;
	text-align: center;
	overflow: visible;
	}

#eve.det .smenu form .off h4 {
	width: 100%;
	font-size: 16px;
	line-height: 100%;
	color: #88CBE9;
	margin: 0px 0px 20px 0px;
	text-align: center;
	}

#eve.det .smenu form .off img {
	width: 60%;
	margin: 0px auto 20px auto;
	display: block;
	filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.2));
	}

#eve.det .smenu form .off span {
	font-size: 32px;
	font-family: 'Varela Round', sans-serif;
	font-weight: bold;
	}

#eve.det .smenu form .cop {
	width: 100%;
	background: url(img/titlin.png) repeat-x left bottom;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 20px 0px;
	}

#eve.det .smenu form .cop font {
	display: block;
	}

#eve.det .smenu form .cond {
	font-size: 10px;
	line-height: 120%;
	margin: 10px 0px 0px 0px;
	}

#eve.det .smenu form .cond p {
	font-size: 10px;
	font-weight: normal;
	margin: 0px;
	padding-left: 1em;
	text-indent: -1em;
	}

#eve.det .smenu form p {
	font-size: 14px;
	font-weight: bold;
	line-height: 100%;
	margin: 0px 0px 10px 0px;
	}

#eve.det .smenu form p span {
	font-size: 12px;
	color: #2DB584;
	margin: 20px 0px 10px 0px;
	display: block;
	}

#eve.det .smenu form p font {
	font-weight: normal;
	}

#eve.det .smenu form p input {
	display: none;
	}

#eve.det .smenu form dl {
	width: 100%;
	margin: 20px 0px 0px 0px;
	}

#eve.det .smenu form dt {
	line-height: 19px;
	margin: 0px 0px 5px 0px;
	}

#eve.det .smenu form dt span {
	background: #cc0000;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	margin: 0px 5px 0px 0px;
	padding: 2px 5px;
	}

#eve.det .smenu form dt span.any {
	background: #aaaaaa;
	color: #ffffff;
	}

#eve.det .smenu form dd .day {
	margin: 10px 0px 0px 0px;
	}

#eve.det .smenu form input[type="text"],
#eve.det .smenu form input[type="email"],
#eve.det .smenu form input[type="tel"],
#eve.det .smenu form textarea {
	min-width: 100%;
	padding: 10px;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}

#eve.det .smenu form select {
	min-width: 100%;
	font-size: 14px;
	margin: 10px 0px 0px 0px;
	padding: 10px;
	}

#eve.det .smenu form select:last-child {
	margin: 5px 0px 0px 0px;
	}

#eve.det .smenu form .send {
	width: 100%;
	background: #ffcc00;
	border-radius: 5px;
	font-size: 24px;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	line-height: 50px;
	color: #333333;
	margin: 15px 0px 30px 0px;
	cursor: pointer;
	}

#eve.det .smenu form .tel {
	width: 100%;
	line-height: 100%;
	text-align: center;
	}

#eve.det .smenu form .tel h4 {
	width: 100%;
	font-size: 16px;
	margin: 0px 0px 20px 0px;
	text-align: left;
	}

#eve.det .smenu form .tel h5 {
	font-size: 24px;
	font-family: 'Varela Round', sans-serif;
	font-weight: bold;
	margin: 0px 0px 15px 0px;
	text-align: left;
	}

#eve.det .smenu form .tel h5 span {
	color: #2CB384;
	margin: 0px 10px 0px 0px;
	}

#eve.det .smenu form .tel font {
	display: block;
	}

#eve.det .smenu form .tel h5 a {
	color: #333333;
	}

}


/* お客様の声 */

@media screen and (min-width: 641px){

#voi.top ul {
	width: 100%;
	float: left;
    display: flex;
    flex-wrap: wrap;
	}

#voi.top ul a {
	width: 246px;
	background: #ffffff;
	font-weight: bold;
	color: #2CB384;
	margin: 0px 5px 5px 0px;
	padding: 15px;
	float: left;
	position: relative;
	}

#voi.top ul a:nth-child(4n) {
	margin: 0px 0px 5px 0px;
	}

#voi.top ul p {
	width: 100%;
	height: 162px;
	margin: 0px 0px 20px 0px;
	overflow: hidden;
	}

#voi.top ul p img {
	width: 100%;
	}

#voi.top ul h3 {
	font-size: 14px;
	color: #333333;
	margin: 0px 0px 5px 0px;
	}

#voi.top ul h3 strong {
	font-family: 'Varela Round', sans-serif;
	color: #F6A900;
	margin: 0px 5px 0px 0px;
	}

#voi.det .pag {
	width: 100%;
	font-weight: bold;
	margin: 0px 0px 30px 0px;
	}

#voi.det .pag a {
	background: url(img/arr0302.png) no-repeat 0px;
	font-weight: bold;
	padding: 0px 0px 0px 18px;
	}

#voi.det .pag span a {
	background: url(img/arr03.png) no-repeat right;
	padding: 0px 18px 0px 0px;
	float: right;
	}

#voi.det h2 {
	width: 100%;
	font-size: 21px;
	color: #2CB484;
	margin: 0px 0px 20px 0px;
	}

#voi.det ol {
	font-size: 14px;
	line-height: 180%;
	}

#voi.det ol a.group1 {
	width: 400px;
	margin: 0px 20px 0px 0px;
	position: relative;
	display: block;
	float: left;
	}

#voi.det ol a.group1 img {
	width: 100%;
	}

#voi.det ol a.group1 span {
	width: 18px;
	height: 18px;
	background: url(img/zoo.png) no-repeat;
	position: absolute;
	right: 10px;
	bottom: 10px;
	}

}

@media screen and (max-width: 640px){

#voi.top ul a {
	width: 100%;
	background: #ffffff;
	font-weight: bold;
	color: #2CB484;
	margin: 0px 0px 5px 0px;
	padding: 10px;
	float: left;
	position: relative;
	}

#voi.top ul p {
	width: 70px;
	height: 70px;
	margin: 0px 10px 0px 0px;
	float: left;
	overflow: hidden;
	}

#voi.top ul p img {
	width: auto;
	height: 100%;
	}

#voi.top ul h3 {
	font-size: 12px;
	color: #333333;
	margin: 0px 0px 5px 0px;
	}

#voi.top ul h3 strong {
	font-family: 'Varela Round', sans-serif;
	color: #F6A900;
	margin: 0px 5px 0px 0px;
	}

#voi.det .pag {
	width: 100%;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	padding: 10px;
	float: left;
	}

#voi.det .pag a {
	width: 100%;
	background: url(img/arr0302.png) no-repeat 0px;
	font-size: 12px;
	font-weight: bold;
	padding: 0px 0px 0px 18px;
	float: left;
	}

#voi.det .pag span a {
	background: url(img/arr03.png) no-repeat right;
	margin: 10px 0px 0px 0px;
	padding: 0px 18px 0px 0px;
	text-align: right;
	}

#voi.det h2 {
	width: 100%;
	font-size: 18px;
	color: #2CB484;
	margin: 0px 0px 10px 0px;
	}

#voi.det ol a.group1 {
	width: 100%;
	margin: 0px 20px 10px 0px;
	position: relative;
	display: block;
	float: left;
	}

#voi.det ol a.group1 img {
	width: 100%;
	}

#voi.det ol a.group1 span {
	width: 18px;
	height: 18px;
	background: url(img/zoo.png) no-repeat;
	position: absolute;
	right: 10px;
	bottom: 10px;
	}

}


/* プライバシーポリシー */

@media screen and (min-width: 641px){

#priv {
	font-size: 14px;
	line-height: 150%;
	}

#priv h3 {
	font-size: 14px;
	color: #2CB384;
	margin: 30px 0px 0px 0px;
	}

#priv p {
	margin: 30px 0px 0px 0px;
	}

}

@media screen and (max-width: 640px){

#priv h3 {
	font-size: 12px;
	color: #2CB384;
	margin: 20px 0px 0px 0px;
	}

#priv p {
	margin: 20px 0px 0px 0px;
	}

}


/* 家づくりの流れ */

@media screen and (min-width: 641px){

#flo {
	width: 100%;
	background: #ffffff;
	line-height: 150%;
	margin: 0px 0px 50px 0px;
	float: left;
	}

#flo .main {
	width: 100%;
	height: 150px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e4f5f5+0,f2fafa+100 */

	background: #e4f5f5; /* Old browsers */
	
	background: -moz-linear-gradient(top, #e4f5f5 0%, #f2fafa 100%); /* FF3.6-15 */
	
	background: -webkit-linear-gradient(top, #e4f5f5 0%,#f2fafa 100%); /* Chrome10-25,Safari5.1-6 */
	
	background: linear-gradient(to bottom, #e4f5f5 0%,#f2fafa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4f5f5', endColorstr='#f2fafa',GradientType=0 ); /* IE6-9 */
	font-size: 18px;
	margin: 0px 0px 0px 0px;
	float: left;
	text-align: center;
	position: relative;
	}

#flo .main h3 {
	font-size: 42px;
	line-height: 100%;
	color: #DE6A6A;
	margin: 40px 0px 20px 0px;
	}

#flo .main img:nth-child(2) {
	position: absolute;
	left: 90px;
	top: 5px;
	}

#flo .main img:nth-child(3) {
	position: absolute;
	right: 10px;
	top: 10px;
	}

#flo ul {
	width: 100%;
	height: 2240px;
	background: url(flow/img/bg.png) no-repeat 10px top;
	margin: -95px 0px 0px 0px;
	float: left;
	position: relative;
	z-index: 1;
	}

#flo ul h3 {
	margin: 0px;
	position: absolute;
	}

#flo ul h3 p {
	font-size: 24px;
	line-height: 70px;
	color: #ffffff;
	margin: 0px 0px 0px 30px;
	padding: 0px 30px 0px 30px;
	float: right;
	position: relative;
	}

#flo ul h3 p:after {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 20px 6px 0;
	margin: -6px 0px 0px 0px;
	position: absolute;
	left: -20px;
	top: 50%;
	}

#flo ul h3:nth-child(1) {
	left: 85px;
	top: 140px;
	}

#flo ul h3:nth-child(1) p {
	background: #3CBBC7;
	}

#flo ul h3:nth-child(1) p:after {
	border-color: transparent #3CBBC7 transparent transparent;
	}

#flo ul h3:nth-child(7) {
	left: 37px;
	top: 877px;
	}

#flo ul h3:nth-child(7) p {
	background: #B0C427;
	margin: 30px 0px 0px 30px;
	}

#flo ul h3:nth-child(7) p:after {
	border-color: transparent #B0C427 transparent transparent;
	}

#flo ul h3:nth-child(10) {
	left: 640px;
	top: 1230px;
	}

#flo ul h3:nth-child(10) img {
	float: right;
	}

#flo ul h3:nth-child(10) p {
	background: #F77F0A;
	margin: 30px 20px 0px 0px;
	}

#flo ul h3:nth-child(10) p:after {
	border-width: 6px 0 6px 20px;
	border-color: transparent transparent transparent #F77F0A;
	left: auto;
	right: -20px;
	}

#flo ul li {
	width: 180px;
	position: absolute;
	}

#flo ul li img:nth-child(2) {
	border: 5px #ffffff solid;
	margin: 0px 0px 10px 0px;
	display: block;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
	}

#flo ul li img:last-child {
	position: absolute;
	}

#flo ul li p {
	width: 145px;
	height: 80px;
	background: #ffffff;
	border: 1px #583932 dashed;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	font-size: 21px;
	font-weight: bold;
	line-height: 80px;
	text-align: center;
	position: absolute;
	}

#flo ul li:nth-child(2) {
	width: 210px;
	top: 287px;
	left: 37px;
	}

#flo ul li:nth-child(2) img:nth-child(2) {
  	transform: rotate(-5deg);
	}

#flo ul li:nth-child(2) img:last-child {
	left: 50px;
	top: -10px;
	}

#flo ul li:nth-child(2) p {
	right: -100px;
	top: -80px;
	}

#flo ul li:nth-child(3) {
	width: 440px;
	top: 330px;
	left: 452px;
	}

#flo ul li:nth-child(3) img:nth-child(2) {
	margin: -10px 30px 0px 0px;
	float: left;
  	transform: rotate(5deg);
	}

#flo ul li:nth-child(3) img:last-child {
	left: 0px;
	top: -30px;
	}

#flo ul li:nth-child(3) p {
	width: 220px;
	height: 120px;
	font-size: 32px;
	line-height: 100%;
	padding: 35px 0px 0px 0px;
	left: 200px;
	top: -160px;
	}

#flo ul li:nth-child(3) p span {
	font-size: 18px;
	display: block;
	}

#flo ul li:nth-child(4) {
	top: 570px;
	left: 767px;
	}

#flo ul li:nth-child(4) img:nth-child(2) {
  	transform: rotate(3deg);
	}

#flo ul li:nth-child(4) img:last-child {
	width: 70px;
	left: 60px;
	top: -10px;
	}

#flo ul li:nth-child(4) p {
	left: 30px;
	top: -120px;
	}

#flo ul li:nth-child(5) {
	width: 350px;
	top: 749px;
	left: 390px;
	}

#flo ul li:nth-child(5) img:nth-child(2) {
	margin: 0px 10px 0px 0px;
	float: left;
	}

#flo ul li:nth-child(5) img:last-child {
	width: 80px;
	left: 50px;
	top: -15px;
  	transform: rotate(195deg);
	}

#flo ul li:nth-child(5) p {
	left: -150px;
	top: 0px;
	}

#flo ul li:nth-child(6) {
	width: 370px;
	top: 619px;
	left: 30px;
	}

#flo ul li:nth-child(6) img:nth-child(2) {
	margin: 0px 10px 0px 0px;
	float: left;
	}

#flo ul li:nth-child(6) img:last-child {
	width: 80px;
	left: 0px;
	top: -15px;
  	transform: rotate(10deg);
	}

#flo ul li:nth-child(6) p {
	font-size: 18px;
	line-height: 120%;
	padding: 20px 0px 0px 0px;
	left: 120px;
	top: -110px;
	}

#flo ul li:nth-child(8) {
	width: 320px;
	top: 1018px;
	left: 160px;
	}

#flo ul li:nth-child(8) img:nth-child(2) {
	margin: 0px 0px 0px 20px;
	float: right;
  	transform: rotate(-5deg);
	}

#flo ul li:nth-child(8) img:last-child {
	width: 80px;
	right: -5px;
	top: -5px;
  	transform: rotate(20deg);
	}

#flo ul li:nth-child(8) p {
	left: 20px;
	bottom: 0px;
	}

#flo ul li:nth-child(9) {
	top: 1010px;
	left: 657px;
	}

#flo ul li:nth-child(9) img:last-child {
	width: 80px;
	left: 50px;
	top: -15px;
  	transform: rotate(15deg);
	}

#flo ul li:nth-child(9) p {
	left: 150px;
	top: -80px;
	}

#flo ul li:nth-child(11) {
	top: 1370px;
	left: 757px;
	}

#flo ul li:nth-child(11) img:nth-child(2) {
  	transform: rotate(5deg);
	}

#flo ul li:nth-child(11) img:last-child {
	width: 80px;
	left: 60px;
	top: -20px;
  	transform: rotate(30deg);
	}

#flo ul li:nth-child(11) p {
	left: -110px;
	top: -50px;
	}

#flo ul li:nth-child(12) {
	top: 1389px;
	left: 372px;
	}

#flo ul li:nth-child(12) img:last-child {
	width: 90px;
	left: 40px;
	top: -10px;
	}

#flo ul li:nth-child(12) p {
	left: -50px;
	top: -90px;
	z-index: 1;
	}

#flo ul li:nth-child(13) {
	width: 370px;
	top: 1255px;
	left: 51px;
	}

#flo ul li:nth-child(13) img:nth-child(2) {
	margin: 0px 10px 0px 0px;
	float: left;
	}

#flo ul li:nth-child(13) img:last-child {
	width: 80px;
	left: 50px;
	top: -20px;
  	transform: rotate(30deg);
	}

#flo ul li:nth-child(13) p {
	left: -20px;
	top: -100px;
	z-index: 1;
	}

#flo ul li:nth-child(15) {
	top: 1620px;
	left: 187px;
	}

#flo ul li:nth-child(15) img:last-child {
	width: 90px;
	right: -20px;
	top: 0px;
  	transform: rotate(20deg);
	}

#flo ul li:nth-child(15) p {
	left: -110px;
	top: -40px;
	}

#flo ul li:nth-child(17) {
	width: 210px;
	top: 1868px;
	left: 250px;
	}

#flo ul li:nth-child(17) img:last-child {
	width: 80px;
	left: -20px;
	top: -10px;
  	transform: rotate(5deg);
	}

#flo ul li:nth-child(17) p {
	width: 220px;
	height: 120px;
	font-size: 32px;
	line-height: 120px;
	left: 180px;
	top: -160px;
	}

#flo ul font {
	width: 120px;
	height: 120px;
	background: #ffffff;
	border: 5px #88CBE9 solid;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	font-size: 14px;
	font-weight: bold;
	line-height: 140%;
	padding: 15px 0px 0px 0px;
	text-align: center;
	display: block;
	position: absolute;
	}

#flo ul font:nth-child(14) {
	top: 1450px;
	left: 70px;
	}

#flo ul font:nth-child(16) {
	top: 1560px;
	left: 617px;
	}

#flo ul .fin {
	position: absolute;
	top: 1855px;
	left: 490px;
	}

#flo ul ol {
	width: 100%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f6f0e5+0,faf8f3+100 */

	background: #f6f0e5; /* Old browsers */
	
	background: -moz-linear-gradient(top, #f6f0e5 0%, #faf8f3 100%); /* FF3.6-15 */
	
	background: -webkit-linear-gradient(top, #f6f0e5 0%,#faf8f3 100%); /* Chrome10-25,Safari5.1-6 */
	
	background: linear-gradient(to bottom, #f6f0e5 0%,#faf8f3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f0e5', endColorstr='#faf8f3',GradientType=0 ); /* IE6-9 */
	font-size: 28px;
	font-weight: bold;
	color: #FA9CB8;
	padding: 70px 0px 0px 80px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	z-index: -1;
	}

#flo ul ol img {
	position: absolute;
	}

#flo ul ol img:first-child {
	left: 50px;
	top: -35px;
	}

#flo ul ol img:last-child {
	right: 40px;
	top: 50px;
	}

}

@media screen and (max-width: 640px){

#flo {
	width: 100%;
	background: #ffffff;
	}

#flo .main {
	width: 100%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e4f5f5+0,f2fafa+100 */

	background: #e4f5f5; /* Old browsers */
	
	background: -moz-linear-gradient(top, #e4f5f5 0%, #f2fafa 100%); /* FF3.6-15 */
	
	background: -webkit-linear-gradient(top, #e4f5f5 0%,#f2fafa 100%); /* Chrome10-25,Safari5.1-6 */
	
	background: linear-gradient(to bottom, #e4f5f5 0%,#f2fafa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4f5f5', endColorstr='#f2fafa',GradientType=0 ); /* IE6-9 */
	margin: 0px 0px 0px 0px;
	padding: 20px 10px 10px 10px;
	text-align: center;
	}

#flo .main h3 {
	font-size: 18px;
	line-height: 100%;
	color: #DE6A6A;
	margin: 0px 0px 5px 0px;
	}

#flo .main img {
	display: none;
	}

#flo .main img:nth-child(3) {
	position: absolute;
	right: 10px;
	top: 10px;
	}

#flo ul {
	padding: 10px;
	}

#flo ul h3 {
	margin: 0px 0px 20px 0px;
	}

#flo ul h3 img {
	display: none;
	}

#flo ul h3 p {
	width: 100%;
	font-size: 14px;
	line-height: 40px;
	color: #ffffff;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	}

#flo ul h3:nth-child(1) p {
	background: #3CBBC7;
	}

#flo ul h3:nth-child(7) p {
	background: #B0C427;
	}

#flo ul h3:nth-child(10) p {
	background: #F77F0A;
	}

#flo ul li {
	width: 100%;
	margin: 0px 0px 20px 0px;
	}

#flo ul li p {
	width: 100%;
	background: #ffffff;
	border: 1px #583932 dashed;
	font-size: 14px;
	font-weight: bold;
	line-height: 28px;
	text-align: center;
	}

#flo ul li p br {
	display: none;
	}

#flo ul li img:nth-child(2) {
	width: 60%;
	border: 5px #ffffff solid;
	margin: 0px auto 10px auto;
	overflow: hidden;
	display: block;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
	}

#flo ul li img:last-child {
	display: none;
	}

#flo ul font {
	width: 100%;
	background: #ffffff;
	border: 3px #88CBE9 solid;
	font-weight: bold;
	margin: 0px 0px 20px 0px;
	padding: 5px 0px 5px 0px;
	text-align: center;
	display: block;
	}

#flo ul .fin {
	width: 100%;
	}

#flo ul ol {
	width: 100%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f6f0e5+0,faf8f3+100 */

	background: #f6f0e5; /* Old browsers */
	
	background: -moz-linear-gradient(top, #f6f0e5 0%, #faf8f3 100%); /* FF3.6-15 */
	
	background: -webkit-linear-gradient(top, #f6f0e5 0%,#faf8f3 100%); /* Chrome10-25,Safari5.1-6 */
	
	background: linear-gradient(to bottom, #f6f0e5 0%,#faf8f3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f0e5', endColorstr='#faf8f3',GradientType=0 ); /* IE6-9 */
	font-size: 14px;
	font-weight: bold;
	color: #FA9CB8;
	margin: 10px 0px 0px 0px;
	padding: 10px;
	}

#flo ul ol img {
	display: none;
	}

}


/* 収納のポイント */

@media screen and (min-width: 641px){

#rece .main {
	width: 100%;
	height: 265px;
	background: url(receipt/img/hline.jpg) no-repeat;
	background-size: 720px auto;
	font-size: 14px;
	line-height: 180%;
	color: #333333;
	padding: 110px 270px 0px 40px;
	}

#rece ol {
	width: 100%;
	background: url(receipt/img/mainbg.jpg);
	font-size: 14px;
	line-height: 150%;
	padding: 30px 30px 50px 30px;
	float: left;
	}

#rece ul {
	width: 750px;
	height: 403px;
	background: url(receipt/img/main1f.jpg) no-repeat 83px top;
	margin: 93px 0px 100px -30px;
	float: left;
	position: relative;
	}

#rece ul.r02 {
	height: 397px;
	background: url(receipt/img/main2f.jpg) no-repeat 78px top;
	margin: 0px 0px 0px -30px;
	float: left;
	}

#rece ul a {
	position: absolute;
	}

#rece ul a.p0101 {
	top: -44px;
	left: 20px;
	}

#rece ul a.p0102 {
	top: -44px;
	left: 230px;
	}

#rece ul a.p0103 {
	top: 21px;
	left: 550px;
	}

#rece ul a.p0104 {
	top: 109px;
	left: 550px;
	}

#rece ul a.p0105 {
	top: 156px;
	left: 550px;
	}

#rece ul a.p0106 {
	top: 246px;
	left: 550px;
	}

#rece ul a.p0107 {
	top: 361px;
	left: 230px;
	}

#rece ul a.p0108 {
	top: 361px;
	left: 20px;
	}

#rece ul a.p0109 {
	top: 361px;
	left: 420px;
	}

#rece ul a.p0201 {
	top: -44px;
	left: 20px;
	}

#rece ul a.p0202 {
	top: -44px;
	left: 405px;
	}

#rece ul a.p0203 {
	top: 355px;
	left: 360px;
	}

#rece ul a.p0204 {
	top: 355px;
	left: 185px;
	}

#rece ul a span {
	display: none;
	position: absolute;
	bottom: 54px;
	left: 50%;
	margin: 0px 0px 0px -110px;
	}

#rece ul a:hover {
	position: relative;
	text-decoration: none;
	opacity: 1;
	}

#rece ul a:hover span {
	width: 200px;
	display: block;
	border-radius: 9px;
	background: rgba(0, 0, 0, 0.8);
	padding: 3px;
	color: #ffffff;
	padding: 15px;
	}

#rece ul a:hover span:before {
	content: "";
	position: absolute;
	bottom: -28px;
	left: 50%;
	margin: 0px 0px 0px -10px;
	border: 10px solid transparent;
	border-top: 18px solid #000000;
	opacity: 0.8;
	}

#rece ul a:hover span h3 {
	width: 100%;
	font-size: 18px;
	margin: 0px 0px 10px 0px;
	text-align: center;
	}

#rece p.lar {
	width: 210px;
	}

#rece p.f01 {
	top: 504px;
	left: 47px;
	}

#rece p.f02 {
	top: 377px;
	left: 570px;
	}

#rece p.f03 {
	top: 775px;
	left: 595px;
	}

#rece p.f04 {
	top: 884px;
	left: 530px;
	}

}

@media screen and (max-width: 640px){

#rece ol {
	width: 100%;
	background: url(receipt/img/mainbg.jpg);
	padding: 10px;
	float: left;
	}

#rece ol .tit {
	width: 100%;
	}

#rece ul a {
	margin: 10px 0px 0px 0px;
	display: block;
	}

#rece ul a span {
	display: none;
	position: absolute;
	bottom: 54px;
	left: 50%;
	margin: 0px 0px -10px -130px;
	}

#rece ul a:hover {
	position: relative;
	text-decoration: none;
	opacity: 1;
	}

#rece ul a:hover span {
	width: 200px;
	display: none;
	border-radius: 9px;
	background: rgba(0, 0, 0, 0.8);
	padding: 3px;
	color: #ffffff;
	padding: 15px;
	}

#rece ul a:hover span:before {
	content: "";
	position: absolute;
	bottom: -28px;
	left: 50%;
	margin: 0px 0px 0px -10px;
	border: 10px solid transparent;
	border-top: 18px solid #000000;
	opacity: 0.8;
	}

#rece ul a:hover span h3 {
	width: 100%;
	font-size: 18px;
	margin: 0px 0px 10px 0px;
	text-align: center;
	}

#rece p.lar {
	width: 210px;
	}

#rece p.f01 {
	top: 504px;
	left: 47px;
	}

#rece p.f02 {
	top: 377px;
	left: 570px;
	}

#rece p.f03 {
	top: 775px;
	left: 595px;
	}

#rece p.f04 {
	top: 884px;
	left: 530px;
	}

}


/* 安心の保証 */

@media screen and (min-width: 641px){

#gua {
	font-size: 14px;
	line-height: 180%;
	}

#gua h3 {
	font-size: 36px;
	margin: 0px 0px 0px 0px;
	text-align: center;
	}

#gua ul {
	width: 100%;
	background: #ffffff;
	border: 5px #81D3B5 solid;
	margin: 50px 0px 0px 0px;
	padding: 45px;
	float: left;
	}

#gua ul h4 {
	font-size: 28px;
	color: #2CB384;
	margin: 0px 0px 30px 0px;
	}

#gua ul h4 span {
	font-size: 16px;
	}

#gua ul h5 {
	font-size: 18px;
	margin: 0px 0px 10px 0px;
	}

#gua ul h5 font {
	color: #2CB384;
	}

#gua ul h6 {
	width: 160px;
	background: #2CB384;
	font-size: 16px;
	line-height: 35px;
	color: #ffffff;
	margin: 0px 0px 20px 0px;
	text-align: center;
	}

#gua dl dd {
	width: 430px;
	margin: 0px 40px 0px 0px;
	float: left;
	}

#gua dl dd:last-child {
	margin: 0px 0px 0px 0px;
	}

#gua dl dd img {
	margin: 30px 0px 0px 0px;
	}

#gua ul img {
	margin: 0px 0px 0px 30px;
	float: right;
	}

}

@media screen and (max-width: 640px){

#gua h3 {
	font-size: 18px;
	margin: 0px 0px 10px 0px;
	}

#gua ul {
	width: 100%;
	background: #ffffff;
	border: 4px #81D3B5 solid;
	margin: 0px 0px 15px 0px;
	padding: 5%;
	float: left;
	}

#gua ul:last-child {
	margin: 0px 0px 0px 0px;
	}

#gua ul h4 {
	font-size: 21px;
	color: #2CB384;
	margin: 0px 0px 10px 0px;
	}

#gua ul h4 span {
	font-size: 12px;
	}

#gua ul h5 {
	font-size: 14px;
	margin: 0px 0px 10px 0px;
	}

#gua ul h5 font {
	color: #2CB384;
	}

#gua ul h6 {
	width: 120px;
	background: #2CB384;
	font-size: 12px;
	line-height: 30px;
	color: #ffffff;
	margin: 0px 0px 10px 0px;
	text-align: center;
	}

#gua dl {
	width: 100%;
	}

#gua dl dd {
	width: 100%;
	margin: 0px 0px 15px 0px;
	float: left;
	}

#gua dl dd:last-child {
	margin: 0px;
	}

#gua dl dd img {
	width: 100%;
	margin: 10px 0px 0px 0px;
	}

#gua ul img {
	width: 50%;
	margin: 0px auto 10px auto;
	overflow: hidden;
	display: block;
	}

}


/* 職人さん紹介 */

@media screen and (min-width: 641px){

#cra.top h3 {
	font-size: 24px;
	margin: 0px 0px 20px 0px;
	}

#cra.top a {
	width: 227px;
	font-size: 14px;
	font-weight: bold;
	color: #2DB584;
	margin: 30px 30px 0px 0px;
	float: left;
	text-align: center;
	}

#cra.top a:nth-child(4n) {
	margin: 30px 0px 0px 0px;
	}

#cra.top p {
	width: 100%;
	height: 227px;
	border-radius: 10px;
	margin: 0px 0px 20px 0px;
	overflow: hidden;
	}

#cra.top p img {
	height: 100%;
	}

#cra.det h2 {
	width: 100%;
	background: #81D3B5;
	font-size: 18px;
	line-height: 40px;
	color: #ffffff;
	margin: 0px 0px 30px 0px;
	text-align: center;
	}

}

@media screen and (max-width: 640px){

#cra.top h3 {
	font-size: 14px;
	margin: 0px 0px 0px 0px;
	}

#cra.top a {
	width: 49%;
	font-weight: bold;
	color: #2DB584;
	margin: 10px 2% 0px 0px;
	float: left;
	text-align: center;
	}

#cra.top a:nth-child(2n) {
	margin: 10px 0px 0px 0px;
	}

#cra.top p {
	width: 100%;
	height: 120px;
	border-radius: 10px;
	margin: 0px 0px 10px 0px;
	overflow: hidden;
	}

#cra.top p img {
	width: 100%;
	}

#cra.det h2 {
	width: 100%;
	background: #81D3B5;
	font-size: 14px;
	line-height: 30px;
	color: #ffffff;
	margin: 0px 0px 20px 0px;
	text-align: center;
	}

}


/* 建物仕様 */

@media screen and (min-width: 641px){

#spe .menu {
	width: 100%;
	margin: 10px 0px 50px 0px;
	overflow: hidden;
	}

#spe .menu a {
	width: 192px;
	background: url(img/arr04.png) no-repeat 160px center;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	font-size: 18px;
	font-weight: bold;
	line-height: 60px;
	color: #ffffff;
	margin: 0px 10px 0px 0px;
	float: left;
	text-align: center;
	display: block;
	}

#spe .menu a:nth-child(1) {
	background-color: #A0C451;
	}

#spe .menu a:nth-child(2) {
	background-color: #F2CA0F;
	}

#spe .menu a:nth-child(3) {
	background-color: #F5A556;
	}

#spe .menu a:nth-child(4) {
	background-color: #F54C4C;
	}

#spe .menu a:nth-child(5) {
	background-color: #57BCF6;
	margin: 0px 0px 0px 0px;
	}

#spe ol {
	width: 100%;
	background: #ffffff;
	font-size: 14px;
	line-height: 180%;
	padding: 45px;
	}

#spe ol.s01 {
	border: 5px #A0C451 solid;
	}

#spe ol.s02 {
	border: 5px #F2CA0F solid;
	}

#spe ol.s03 {
	border: 5px #F5A556 solid;
	}

#spe ol.s04 {
	border: 5px #F54C4C solid;
	}

#spe ol.s05 {
	border: 5px #57BCF6 solid;
	}

#spe ol h3 {
	width: 100%;
	font-size: 16px;
	line-height: 150%;
	margin: 0px;
	overflow: hidden;
	}

#spe ol h3 img {
	margin: 0px 0px 0px 30px;
	float: right;
	}

#spe ol h3 p {
	width: 200px;
	background: #F2EEE6;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	font-size: 36px;
	margin: 0px 20px 0px 0px;
	padding: 5px;
	float: left;
	text-align: center;
	}

#spe ol h3 p span {
	width: 100%;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	line-height: 68px;
	display: block;
	}

#spe ol.s01 h3 p span {
	border: 1px #A0C451 solid;
	}

#spe ol.s02 h3 p span {
	border: 1px #F2CA0F solid;
	}

#spe ol.s03 h3 p span {
	border: 1px #F5A556 solid;
	}

#spe ol.s04 h3 p span {
	border: 1px #F54C4C solid;
	}

#spe ol.s05 h3 p span {
	border: 1px #57BCF6 solid;
	}

#spe ol ul {
	width: 100%;
	margin: 50px 0px 0px 0px;
	overflow: hidden;
	}

#spe ol ul h4 {
	width: 100%;
	border: 1px #cccccc solid;
	font-size: 16px;
	font-weight: normal;
	line-height: 58px;
	margin: 0px 0px 30px 0px;
	padding: 10px 30px 10px 10px;
	text-align: right;
	}

#spe ol ul h4 p {
	width: 60px;
	height: 60px;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	font-size: 21px;
	font-weight: bold;
	line-height: 100%;
	color: #ffffff;
	margin: 0px 30px 0px 0px;
	padding: 15px 0px 0px 0px;
	float: left;
	text-align: center;
	}

#spe ol.s01 ul h4 p {
	background: #67842D;
	}

#spe ol.s02 ul h4 p {
	background: #D8B40C;
	}

#spe ol.s03 ul h4 p {
	background: #E4780C;
	}

#spe ol.s04 ul h4 p {
	background: #CD0C0C;
	}

#spe ol.s05 ul h4 p {
	background: #0C87D1;
	}

#spe ol ul h4.sma p {
	font-size: 14px;
	}

#spe ol ul h4 p font {
	font-size: 10px;
	font-family: 'Varela Round', sans-serif;
	display: block;
	}

#spe ol ul h4 span {
	background: linear-gradient(transparent 60%, #ff0 0%);
	font-size: 21px;
	font-weight: bold;
	line-height: normal;
	margin: 15px 0px 0px 0px;
	float: left;
	display: inline-block;
	}

#spe ol ul img {
	margin: 0px 0px 0px 30px;
	float: right;
	}

#spe ol ul:nth-child(2n+1) img {
	margin: 0px 30px 0px 0px;
	float: left;
	}

#spe ol ul img:nth-child(3) {
	margin: 20px 0px 0px 0px;
	}

#spe .zeh {
	width: 100%;
	margin: 50px auto 0px auto;
	text-align: center;
	}

#spe .zeh .lis {
	width: 100%;
	background: #ffffff;
	border: 1px #333333 solid;
	}

#spe .zeh p {
	width: 100%;
	line-height: 40px;
	}

#spe .zeh dl {
	width: 100%;
	border-top: 1px #333333 solid;
	line-height: 40px;
	display: table;
	}

#spe .zeh dl:nth-child(3) {
	background: #eeeeee;
	}

#spe .zeh dt {
	width: calc(100% / 6);
	border-right: 1px #333333 solid;
	display: table-cell;
	}

#spe .zeh dl:nth-child(3) dt {
	width: calc(100% / 6 * 5);
	}

#spe .zeh dd {
	width: calc(100% / 6);
	display: table-cell;
	}

}

@media screen and (max-width: 640px){

#spe .main {
	width: 100%;
	}

#spe .menu {
	width: 100%;
	margin: 5px 0px 20px 0px;
	overflow: hidden;
	}

#spe .menu a {
	width: 32%;
	background: url(img/arr02.png) no-repeat 95% center;
	background-size: 10px auto;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-weight: bold;
	line-height: 30px;
	color: #ffffff;
	margin: 5px 2% 0px 0px;
	float: left;
	text-align: center;
	display: block;
	}

#spe .menu a:nth-child(1) {
	background-color: #A0C451;
	}

#spe .menu a:nth-child(2) {
	background-color: #F2CA0F;
	}

#spe .menu a:nth-child(3) {
	background-color: #F5A556;
	margin: 5px 0px 0px 0px;
	}

#spe .menu a:nth-child(4) {
	background-color: #F54C4C;
	}

#spe .menu a:nth-child(5) {
	background-color: #57BCF6;
	}

#spe ol {
	width: 100%;
	background: #ffffff;
	padding: 12px;
	}

#spe ol.s01 {
	border: 3px #A0C451 solid;
	}

#spe ol.s02 {
	border: 3px #F2CA0F solid;
	}

#spe ol.s03 {
	border: 3px #F5A556 solid;
	}

#spe ol.s04 {
	border: 3px #F54C4C solid;
	}

#spe ol.s05 {
	border: 3px #57BCF6 solid;
	}

#spe ol h3 {
	width: 100%;
	font-size: 12px;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
	}

#spe ol h3 img {
	display: none;
	}

#spe ol h3 p {
	width: 100%;
	background: #F2EEE6;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size: 18px;
	margin: 0px 0px 10px 0px;
	padding: 3px;
	float: left;
	text-align: center;
	}

#spe ol h3 p span {
	width: 100%;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	line-height: 30px;
	display: block;
	}

#spe ol.s01 h3 p span {
	border: 1px #A0C451 solid;
	}

#spe ol.s02 h3 p span {
	border: 1px #F2CA0F solid;
	}

#spe ol.s03 h3 p span {
	border: 1px #F5A556 solid;
	}

#spe ol.s04 h3 p span {
	border: 1px #F54C4C solid;
	}

#spe ol.s05 h3 p span {
	border: 1px #57BCF6 solid;
	}

#spe ol ul {
	width: 100%;
	margin: 20px 0px 0px 0px;
	overflow: hidden;
	}

#spe ol ul h4 {
	width: 100%;
	border: 1px #cccccc solid;
	font-size: 10px;
	font-weight: normal;
	margin: 0px 0px 10px 0px;
	padding: 5px 10px 5px 5px;
	overflow: hidden;
	}

#spe ol ul h4 p {
	width: 40px;
	height: 40px;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	font-size: 14px;
	font-weight: bold;
	line-height: 40px;
	color: #ffffff;
	margin: 0px 10px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	text-align: center;
	}

#spe ol.s01 ul h4 p {
	background: #67842D;
	}

#spe ol.s02 ul h4 p {
	background: #D8B40C;
	}

#spe ol.s03 ul h4 p {
	background: #E4780C;
	}

#spe ol.s04 ul h4 p {
	background: #CD0C0C;
	}

#spe ol.s05 ul h4 p {
	background: #0C87D1;
	}

#spe ol ul h4.sma p {
	font-size: 14px;
	}

#spe ol ul h4 p font {
	display: none;
	}

#spe ol ul h4 span {
	background: linear-gradient(transparent 60%, #ff0 0%);
	font-size: 16px;
	font-weight: bold;
	line-height: normal;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
	display: block;
	}

#spe ol ul img {
	width: 50%;
	margin: 0px auto 10px auto;
	overflow: hidden;
	display: block;
	}

#spe ol ul img:nth-child(3) {
	width: 100%;
	margin: 10px 0px 0px 0px;
	}

#spe .zeh {
	width: 100%;
	margin: 30px auto 0px auto;
	text-align: center;
	}

#spe .zeh .lis {
	width: 100%;
	background: #ffffff;
	border: 1px #333333 solid;
	letter-spacing: normal;
	}

#spe .zeh p {
	width: 100%;
	line-height: 40px;
	}

#spe .zeh dl {
	width: 100%;
	border-top: 1px #333333 solid;
	display: table;
	}

#spe .zeh dl:nth-child(3) {
	background: #eeeeee;
	}

#spe .zeh dt {
	width: calc(100% / 6);
	border-right: 1px #333333 solid;
	line-height: 120%;
	padding: 10px 0px;
	display: table-cell;
	vertical-align: middle;
	}

#spe .zeh dl:nth-child(3) dt {
	width: calc(100% / 6 * 5);
	}

#spe .zeh dd {
	width: calc(100% / 6);
	line-height: 120%;
	padding: 10px 0px;
	display: table-cell;
	vertical-align: middle;
	}

}


/* モデルハウス */

@media screen and (min-width: 641px){

#mod.top {
	width: 100%;
	background: url(model/img/bg.jpg) left top;
	float: left;
	position: relative;
	}

#mod.top .tit {
	background: #ffffff;
	font-size: 36px;
	font-weight: bold;
	line-height: 100%;
	padding: 10px 20px 10px 20px;
	text-align: center;
	position: absolute;
	right: 30px;
	top: 30px;
	}

#mod.top .tit p {
	font-size: 14px;
	margin: 0px 0px 0px 0px;
	}

#mod.top .tit font {
	color: #66CC00;
	}

#mod.top a.ope {
	width: 900px;
	height: 190px;
	background: url(model/img/mod04.jpg) no-repeat right;
	background-color: #ffffff;
	border: 1px #2CB384 dashed;
	font-size: 24px;
	color: #333333;
	margin: 50px 0px 0px 50px;
	padding: 24px 0px 0px 29px;
	display: block;
	}

#mod.top a.ope p {
	font-size: 48px;
	font-weight: bold;
	line-height: 150%;
	margin: 0px 0px 0px 0px;
	}

#mod.top a.ope p font {
	color: #EB2E00;
	}

#mod.top a.ope p span {
	font-size: 72px;
	font-family: 'Varela Round', sans-serif;
	}

#mod.top a.ope strong {
	background: url(img/arr01.png) no-repeat right;
	font-size: 14px;
	color: #2CB384;
	margin: 0px 0px 0px 210px;
	padding: 0px 42px 0px 0px;
	}

#mod.top h3 {
	font-size: 42px;
	line-height: 100%;
	margin: 50px 0px 50px 0px;
	text-align: center;
	}

#mod.top h3 br {
	display: none;
	}

#mod.top h3 p {
	font-size: 28px;
	color: #2CB284;
	margin: 20px 0px 0px 0px;
	}

#mod.top dl a {
	width: 300px;
	height: 410px;
	font-weight: bold;
	color: #333333;
	float: left;
	display: block;
	position: relative;
	}

#mod.top dl a:nth-child(1) {
	margin: 20px 30px 0px 20px;
	}

#mod.top dl a:nth-child(3) {
	margin: 70px 0px 0px 20px;
	}

#mod.top dl a p {
	width: 300px;
	height: 300px;
	border: 1px #2CB384 dashed;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	margin: 0px;
	overflow: hidden;
	}

#mod.top dl a p img {
	width: 100%;
	}

#mod.top dl a ol {
	width: 260px;
	background: #ffffff;
	border: 1px #dddddd solid;
	font-size: 18px;
	line-height: 120%;
	padding: 20px;
	text-align: center;
	position: absolute;
	left: 20px;
	top: 270px;
	}

#mod.top dl a ol h5 {
	font-size: 28px;
	margin: 0px 0px 5px 0px;
	}

#mod.top dl a:nth-child(1) ol h5 {
	font-family: 'Varela Round', sans-serif;
	color: #990000;
	}

#mod.top dl a:nth-child(2) ol h5 {
	color: #999999;
	}

#mod.top dl a:nth-child(3) ol h5 {
	color: #B0C426;
	}

#mod.top dl a ol h5 font {
	font-size: 12px;
	font-weight: normal;
	}

#mod.top dl a ol h4 {
	font-size: 10px;
	font-family: 'Varela Round', sans-serif;
	margin: 0px 0px 10px 0px;
	}

#mod.top dl a:nth-child(1) ol h4 font {
	color: #990000;
	}

#mod.top dl a:nth-child(2) ol h4 font {
	color: #999999;
	}

#mod.top dl a:nth-child(3) ol h4 font {
	color: #B0C426;
	}

#mod.top dl a ol span {
	width: 100%;
	background: url(img/arr01.png) no-repeat 160px;
	font-size: 14px;
	color: #2CB384;
	margin: 10px 0px 0px 0px;
	float: left;
	}

#mod.top ul {
	width: 600px;
	background: #ffffff;
	border: 5px #2CB384 solid;
	line-height: 150%;
	margin: 30px 0px 50px 50px;
	padding: 25px;
	float: left;
	}

#mod.top ul h4 {
	font-size: 18px;
	color: #2CB284;
	margin: 0px 0px 10px 0px;
	}

#mod.top .new a {
	width: 250px;
	height: auto;
	background: url(img/arr02.png) no-repeat 224px center;
	background-color: #2CB384;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	margin: 70px 50px 0px 0px;
	padding: 10px 30px 10px 20px;
	float: right;
	display: block;
	}

#mod.det .menu {
	width: 100%;
	margin: 0px 0px 30px 0px;
	float: left;
	}

#mod.det .menu a {
	width: 313px;
	height: 130px;
	background: url(img/arr01.png) no-repeat 280px;
	background-color: #ffffff;
	border: 1px #dddddd solid;
	font-size: 18px;
	font-weight: bold;
	line-height: 120%;
	color: #333333;
	margin: 0px 30px 0px 0px;
	padding: 20px 0px 0px 0px;
	float: left;
	text-align: center;
	}

#mod.det .menu a:last-child {
	margin: 0px 0px 0px 0px;
	}

#mod.det .menu a h5 {
	font-size: 28px;
	color: #583932;
	margin: 0px 0px 5px 0px;
	}

#mod.det .menu a:first-child h5 {
	font-family: 'Varela Round', sans-serif;
	color: #990000;
	}

#mod.det .menu a:nth-child(2) h5 {
	color: #999999;
	}

#mod.det .menu a:last-child h5 {
	color: #B0C426;
	}

#mod.det .menu a h5 font {
	font-size: 12px;
	font-weight: normal;
	}

#mod.det .menu a h4 {
	font-size: 10px;
	font-family: 'Varela Round', sans-serif;
	color: #583932;
	margin: 0px 0px 5px 0px;
	}

#mod.det .menu a:first-child h4 font {
	color: #990000;
	}

#mod.det .menu a:nth-child(2) h4 font {
	color: #999999;
	}

#mod.det .menu a:last-child h4 font {
	color: #B0C426;
	}

#mod.det .main {
	width: 100%;
	font-size: 16px;
	margin: 0px 0px 20px 0px;
	float: left;
	}

#mod.det .main .pho {
	width: 100%;
	background: #f6f6f6;
	margin: 0px 0px 30px 0px;
	text-align: center;
	}

#mod.det .main .ope {
	font-size: 36px;
	margin: 30px 0px 20px 0px;
	text-align: center;
	}

#mod.det .main .ope p {
	background: none;
	font-size: 54px;
	font-weight: bold;
	line-height: 150%;
	margin: 0px 0px 0px 0px;
	}

#mod.det .main .ope p font {
	color: #EB2E00;
	margin: 0px;
	}

#mod.det .main .ope p span {
	font-size: 72px;
	font-family: 'Varela Round', sans-serif;
	margin: 0px;
	}

#mod.det .main .cop {
	font-size: 24px;
	margin: 0px 0px 30px 0px;
	}

#mod.det .main .opt {
	width: 100%;
	background: #ffffff;
	margin: 0px 0px 50px 0px;
	padding: 30px 50px 30px 50px;
	float: left;
	}

#mod.det .main .opt h3 {
	font-size: 24px;
	margin: 0px 0px 20px 0px;
	text-align: center;
	}

#mod.det .main .opt li {
	width: 215px;
	font-size: 14px;
	margin: 0px 20px 0px 0px;
	float: left;
	text-align: center;
	}

#mod.det .main .opt li:nth-child(2) {
	width: 430px;
	}

#mod.det .main .opt li:nth-child(4) {
	margin: 0px 0px 0px 0px;
	}

#mod.det .main .opt li img {
	margin: 0px 0px 10px 0px;
	}

#mod.det .main .pri {
	width: 400px;
	margin: 20px 0px 50px 0px;
	float: left;
	}

#mod.det .main .pri dl {
	font-weight: bold;
	color: #EB2E00;
	}

#mod.det .main .pri dl dt {
	font-size: 28px;
	line-height: 100%;
	margin: -5px 10px 0px 0px;
	float: left;
	}

#mod.det .main .pri dl dd {
	font-size: 36px;
	line-height: 100%;
	float: left;
	}

#mod.det .main .pri dl dd font {
	font-size: 84px;
	font-family: 'Varela Round', sans-serif;
	}

#mod.det .main .pri p {
	width: 100%;
	font-size: 12px;
	margin: 10px 0px 0px 0px;
	float: left;
	}

#mod.det .main .pri p font {
	color: #EB2E00;
	}

#mod.det .main .fre {
	width: 600px;
	background: #ffffff;
	border: 5px #EB2E00 solid;
	font-size: 21px;
	font-weight: bold;
	line-height: 100%;
	margin: 0px 0px 50px 0px;
	padding: 20px 20px 0px 20px;
	float: left;
	}

#mod.det .main .fre p {
	color: #EB2E00;
	display: inline-block;
	}

#mod.det .main .fre span {
	font-size: 36px;
	font-family: 'Varela Round', sans-serif;
	}

#mod.det .main .fre font {
	font-size: 28px;
	}

#mod.det .main .blo {
	width: 100%;
	background: #ffffff;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	font-size: 18px;
	line-height: 150%;
	margin: 50px 0px 0px 0px;
	padding: 20px;
	text-align: center;
	overflow: hidden;
	}

#mod.det .main .blo a {
	width: 250px;
	background: #81D3B5;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	line-height: 40px;
	margin: 10px auto 0px auto;
	text-align: center;
	overflow: hidden;
	display: block;
	}

#mod.det .main ol {
	width: 280px;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	margin: 0px 0px 0px 40px;
	float: right;
	overflow: hidden;
	}

#mod.det .main ol a {
	width: 50%;
	background: #81D3B5;
	font-size: 18px;
	font-weight: bold;
	line-height: 110px;
	color: #ffffff;
	float: left;
	text-align: center;
	display: block;
	}

#mod.det .main ol a:first-child {
	border-right: 1px #ffffff dotted;
	}

#mod.det .main h5 {
	font-size: 42px;
	margin: 0px 0px 10px 0px;
	}

#mod.det .main h5.jap {
	font-family: 'Varela Round', sans-serif;
	color: #990000;
	}

#mod.det .main h5.til {
	color: #999999;
	}

#mod.det .main h5.nat {
	color: #B0C426;
	}

#mod.det .main h5 dl {
	font-size: 16px;
	font-weight: normal;
	margin: 0px 0px 0px 10px;
	display: inline-block;
	}

#mod.det .main h5 span {
	font-size: 14px;
	font-family: 'Varela Round', sans-serif;
	color: #583932;
	margin: 0px 0px 0px 20px;
	}

#mod.det .main h5.jap strong {
	color: #990000;
	}

#mod.det .main h5.til strong {
	color: #999999;
	}

#mod.det .main h5.nat strong {
	color: #B0C426;
	}

#mod.det .main h4 {
	font-size: 32px;
	margin: 0px 0px 10px 0px;
	}

#mod.det .main .add ul {
	font-size: 36px;
	font-family: 'Varela Round', sans-serif;
	font-weight: bold;
	margin: 0px 310px 0px 0px;
	float: right;
	}

#mod.det .main .add ul span {
	font-size: 21px;
	color: #2CB284;
	margin: 0px 10px 0px 0px;
	}

#mod.det .main .add font {
	font-weight: bold;
	color: #2CB284;
	margin: 0px 10px 0px 0px;
	}

#mod.det .main .add font:last-child {
	margin: 0px 10px 0px 20px;
	}

#mod.det .int {
	margin: 0px 0px 50px 0px;
	float: left;
	}

#mod.det .int li {
	width: 313px;
	font-size: 14px;
	font-weight: bold;
	margin: 30px 30px 0px 0px;
	float: left;
	text-align: center;
	}

#mod.det .int li:nth-child(3n) {
	margin: 30px 0px 0px 0px;
	}

#mod.det .int a {
	width: 100%;
	height: 209px;
	background: #f6f6f6;
	margin: 0px 0px 10px 0px;
	overflow: hidden;
	display: block;
	position: relative;
	}

#mod.det .int a img {
	width: 100%;
	}

#mod.det .int a span {
	width: 20px;
	height: 21px;
	background: url(img/zoo.png) no-repeat;
	position: absolute;
	right: 10px;
	bottom: 10px;
	}

#mod.det .pla {
	width: 100%;
	margin: 0px 0px 50px 0px;
	}

#mod.det h3 {
	margin: 0px 0px 20px 0px;
	}

#mod.det h3 span {
	background: linear-gradient(transparent 60%, #ff0 0%);
	font-size: 21px;
	margin: 0px 0px 0px 20px;
	display: inline-block;
	}

#mod.det .pla p {
	width: 100%;
	background: #ffffff;
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 20px 0px;
	text-align: center;
	}

#mod.det .sum {
	font-size: 14px;
	margin: 0px 0px 50px 0px;
	}

#mod.det .sum ol {
	width: 100%;
	background: #ffffff;
	border: 1px #dddddd solid;
	padding: 9px 29px 9px 29px;
	display: table;
	}

#mod.det .sum dl {
	width: 100%;
	border-bottom: 1px #dddddd solid;
	float: left;
	display: table-row;
	}

#mod.det .sum dl:last-child {
	border: none;
	}

#mod.det .sum dt {
	width: 120px;
	font-weight: bold;
	padding: 20px 0px 20px 10px;
	display: table-cell;
	vertical-align: middle;
	}

#mod.det .sum dd {
	width: 350px;
	padding: 20px 10px 20px 0px;
	display: table-cell;
	vertical-align: middle;
	}

#mod.det .sum dd p {
	font-size: 18px;
	font-weight: bold;
	color: #cc0000;
	margin: 0px 0px 0px 0px;
	}

#mod.det .acc iframe {
	width: 100%;
	height: 500px;
	}

#mod.det a.req {
	width: 600px;
	height: 120px;
	background: #EB2E00;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	font-size: 32px;
	font-weight: bold;
	line-height: 120%;
	color: #ffffff;
	margin: 50px auto 0px auto;
	padding: 20px 0px 0px 0px;
	text-align: center;
	overflow: hidden;
	display: block;
	}

}

@media screen and (max-width: 640px){

#mod.top {
	width: 100%;
	background: url(model/img/bg.jpg) left top;
	float: left;
	}

#mod.top .tit {
	background: #ffffff;
	font-size: 18px;
	font-weight: bold;
	line-height: 40px;
	text-align: center;
	}

#mod.top .tit p {
	font-size: 12px;
	margin: 0px 10px 0px 0px;
	display: inline-block;
	}

#mod.top .tit font {
	color: #66CC00;
	}

#mod.top .main {
	width: 100%;
	}

#mod.top a.ope {
	width: 94%;
	background: url(model/img/mod04.jpg) no-repeat top;
	background-size: 100% auto;
	background-color: #ffffff;
	color: #333333;
	margin: 20px 3% 20px 3%;
	padding: 170px 0px 10px 0px;
	text-align: center;
	float: left;
	display: block;
	}

#mod.top a.ope p {
	font-size: 24px;
	font-weight: bold;
	line-height: 150%;
	margin: 0px 0px 0px 0px;
	}

#mod.top a.ope p font {
	color: #EB2E00;
	}

#mod.top a.ope p span {
	font-size: 32px;
	font-family: 'Varela Round', sans-serif;
	}

#mod.top a.ope strong {
	width: 100%;
	background: url(img/arr03.png) no-repeat 97%;
	color: #2CB384;
	margin: 0px 0px 0px 0px;
	float: left;
	}

#mod.top h3 {
	font-size: 16px;
	line-height: 100%;
	margin: 20px 0px 20px 0px;
	padding: 0px 10px 0px 10px;
	text-align: center;
	}

#mod.top h3 p {
	font-size: 14px;
	color: #2CB284;
	margin: 10px 0px 0px 0px;
	}

#mod.top dl a {
	width: 94%;
	font-weight: bold;
	color: #333333;
	margin: 0px 3% 20px 3%;
	float: left;
	display: block;
	}

#mod.top dl a p {
	width: 100%;
	border: 1px #2CB384 dashed;
	margin: 0px;
	overflow: hidden;
	}

#mod.top dl a p img {
	width: 100%;
	}

#mod.top dl a ol {
	width: 100%;
	background: #ffffff;
	border-right: 1px #dddddd solid;
	border-bottom: 1px #dddddd solid;
	border-left: 1px #dddddd solid;
	font-size: 14px;
	line-height: 120%;
	padding: 10px;
	float: left;
	text-align: center;
	}

#mod.top dl a ol h5 {
	font-size: 21px;
	margin: 10px 0px 5px 0px;
	}

#mod.top dl a:nth-child(1) ol h5 {
	font-family: 'Varela Round', sans-serif;
	color: #990000;
	}

#mod.top dl a:nth-child(2) ol h5 {
	color: #999999;
	}

#mod.top dl a:nth-child(3) ol h5 {
	color: #B0C426;
	}

#mod.top dl a ol h5 font {
	font-size: 10px;
	font-weight: normal;
	}

#mod.top dl a ol h4 {
	font-size: 10px;
	font-family: 'Varela Round', sans-serif;
	color: #583932;
	margin: 0px 0px 10px 0px;
	}

#mod.top dl a:nth-child(1) ol h4 font {
	color: #990000;
	}

#mod.top dl a:nth-child(2) ol h4 font {
	color: #999999;
	}

#mod.top dl a:nth-child(3) ol h4 font {
	color: #B0C426;
	}

#mod.top dl a ol span {
	width: 100%;
	background: url(img/arr03.png) no-repeat 97%;
	font-size: 12px;
	color: #2CB384;
	margin: 10px 0px 0px 0px;
	float: left;
	}

#mod.top ul {
	width: 94%;
	background: #ffffff;
	border: 3px #2CB384 solid;
	margin: 0px 3% 20px 3%;
	padding: 17px;
	float: left;
	}

#mod.top ul h4 {
	font-size: 14px;
	color: #2CB284;
	margin: 0px 0px 5px 0px;
	}

#mod.top .new a {
	width: 94%;
	height: auto;
	background: url(img/arr02.png) no-repeat 97% center;
	background-size: auto 10px;
	background-color: #2CB384;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	margin: 0px 3% 20px 3%;
	padding: 10px 30px 10px 10px;
	display: block;
	}

#mod.det .menu {
	width: 100%;
	margin: 0px 0px 10px 0px;
	float: left;
	}

#mod.det .menu a {
	width: 33.33%;
	background: url(img/arr0303.png) no-repeat center 97%;
	background-size: auto 10px;
	background-color: #ffffff;
	border-top: 1px #dddddd solid;
	border-bottom: 1px #dddddd solid;
	border-left: 1px #dddddd solid;
	font-size: 10px;
	font-weight: bold;
	line-height: 120%;
	color: #333333;
	padding: 5px 5px 10px 5px;
	display: table-cell;
	}

#mod.det .menu a:last-child {
	border: 1px #dddddd solid;
	}

#mod.det .menu a h5 {
	font-size: 14px;
	color: #583932;
	margin: 5px 0px 5px 0px;
	}

#mod.det .menu a:first-child h5 {
	font-family: 'Varela Round', sans-serif;
	color: #990000;
	}

#mod.det .menu a:nth-child(2) h5 {
	color: #999999;
	}

#mod.det .menu a:last-child h5 {
	color: #B0C426;
	}

#mod.det .menu a h5 font {
	font-size: 10px;
	font-weight: normal;
	}

#mod.det .menu a h4 {
	font-size: 10px;
	font-family: 'Varela Round', sans-serif;
	color: #583932;
	margin: 0px 0px 5px 0px;
	}

#mod.det .menu a:first-child h4 font {
	color: #990000;
	}

#mod.det .menu a:nth-child(2) h4 font {
	color: #999999;
	}

#mod.det .menu a:last-child h4 font {
	color: #B0C426;
	}

#mod.det .menu a br {
	display: none;
	}

#mod.det .main {
	width: 100%;
	margin: 0px 0px 20px 0px;
	float: left;
	}

#mod.det .main .pho {
	width: 100%;
	background: #f6f6f6;
	margin: 0px 0px 10px 0px;
	text-align: center;
	}

#mod.det .main .pho img {
	width: 100%;
	}

#mod.det .main .ope {
	margin: 20px 0px 10px 0px;
	text-align: center;
	}

#mod.det .main .ope p {
	background: none;
	font-size: 24px;
	font-weight: bold;
	line-height: 150%;
	margin: 0px 0px 0px 0px;
	}

#mod.det .main .ope p font {
	color: #EB2E00;
	margin: 0px;
	}

#mod.det .main .ope p span {
	font-size: 32px;
	font-family: 'Varela Round', sans-serif;
	margin: 0px;
	}

#mod.det .main .opt {
	width: 100%;
	background: #ffffff;
	margin: 20px 0px 20px 0px;
	padding: 20px 20px 20px 20px;
	}

#mod.det .main .opt h3 {
	font-size: 14px;
	margin: 0px 0px 0px 0px;
	}

#mod.det .main .opt li {
	width: 100%;
	margin: 10px 0px 0px 0px;
	text-align: center;
	}

#mod.det .main .opt li img {
	margin: 0px auto 5px auto;
	display: block;
	}

#mod.det .main .opt li:nth-child(2) img {
	width: 100%;
	}

#mod.det .main .pri {
	width: 100%;
	margin: 20px 0px 20px 0px;
	float: left;
	}

#mod.det .main .pri dl {
	font-weight: bold;
	color: #EB2E00;
	float: left;
	}

#mod.det .main .pri dl dt {
	font-size: 21px;
	line-height: 100%;
	margin: -5px 10px 0px 0px;
	float: left;
	}

#mod.det .main .pri dl dd {
	font-size: 28px;
	line-height: 100%;
	float: left;
	}

#mod.det .main .pri dl dd font {
	font-size: 60px;
	font-family: 'Varela Round', sans-serif;
	}

#mod.det .main .pri p {
	font-size: 10px;
	margin: 10px 0px 0px 0px;
	float: left;
	}

#mod.det .main .pri p font {
	color: #EB2E00;
	}

#mod.det .main .fre {
	width: 100%;
	background: #ffffff;
	border: 3px #EB2E00 solid;
	font-size: 14px;
	font-weight: bold;
	margin: 0px 0px 20px 0px;
	padding: 12px 12px 12px 12px;
	float: left;
	}

#mod.det .main .fre p {
	color: #EB2E00;
	display: inline;
	}

#mod.det .main .fre span {
	font-size: 24px;
	font-family: 'Varela Round', sans-serif;
	}

#mod.det .main .fre font {
	font-size: 18px;
	}

#mod.det .main .blo {
	width: 100%;
	background: #ffffff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 20px 0px 0px 0px;
	padding: 10px;
	overflow: hidden;
	}

#mod.det .main .blo a {
	width: 100%;
	background: #81D3B5;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	line-height: 30px;
	margin: 10px 0px 0px 0px;
	text-align: center;
	display: block;
	}

#mod.det .main ol {
	width: 100%;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 0px 0px 10px 0px;
	float: right;
	overflow: hidden;
	}

#mod.det .main ol a {
	width: 50%;
	background: #81D3B5;
	font-size: 12px;
	font-weight: bold;
	line-height: 30px;
	color: #ffffff;
	float: left;
	text-align: center;
	display: block;
	}

#mod.det .main ol a:first-child {
	border-right: 1px #ffffff dotted;
	}

#mod.det .main h5 {
	font-size: 24px;
	margin: 0px 0px 10px 0px;
	}

#mod.det .main h5.jap {
	font-family: 'Varela Round', sans-serif;
	color: #990000;
	}

#mod.det .main h5.til {
	color: #999999;
	}

#mod.det .main h5.nat {
	color: #B0C426;
	}

#mod.det .main h5 span {
	font-size: 10px;
	font-family: 'Varela Round', sans-serif;
	color: #583932;
	margin: 0px 0px 0px 10px;
	}

#mod.det .main h5.jap strong {
	color: #990000;
	}

#mod.det .main h5.til strong {
	color: #999999;
	}

#mod.det .main h5.nat strong {
	color: #B0C426;
	}

#mod.det .main h5 dl {
	font-size: 12px;
	font-weight: normal;
	margin: 0px 0px 0px 5px;
	display: inline-block;
	}

#mod.det .main h4 {
	font-size: 16px;
	margin: 0px 0px 10px 0px;
	}

#mod.det .main .add ul {
	font-size: 28px;
	font-family: 'Varela Round', sans-serif;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	}

#mod.det .main .add ul span {
	font-size: 18px;
	color: #2CB284;
	margin: 0px 10px 0px 0px;
	}

#mod.det .main .add font {
	font-weight: bold;
	color: #2CB284;
	margin: 0px 10px 0px 0px;
	}

#mod.det .main .add font:last-child {
	margin: 0px 10px 0px 20px;
	}

#mod.det .int {
	margin: 0px 0px 20px 0px;
	float: left;
	}

#mod.det .int li {
	width: 49%;
	font-weight: bold;
	margin: 10px 2% 0px 0px;
	float: left;
	text-align: center;
	}

#mod.det .int li:nth-child(2n) {
	margin: 10px 0px 0px 0px;
	}

#mod.det .int a {
	width: 100%;
	height: 100px;
	background: #f6f6f6;
	margin: 0px 0px 5px 0px;
	overflow: hidden;
	display: block;
	position: relative;
	}

#mod.det .int a img {
	width: 100%;
	}

#mod.det .int a span {
	width: 20px;
	height: 21px;
	background: url(img/zoo.png) no-repeat;
	position: absolute;
	right: 5px;
	bottom: 5px;
	}

#mod.det .pla {
	width: 100%;
	margin: 0px 0px 20px 0px;
	}

#mod.det h3 {
	margin: 0px 0px 10px 0px;
	}

#mod.det h3 span {
	background: linear-gradient(transparent 60%, #ff0 0%);
	font-size: 16px;
	margin: 0px 0px 0px 10px;
	display: inline-block;
	}

#mod.det .pla p {
	width: 100%;
	background: #ffffff;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	text-align: center;
	}

#mod.det .pla p img {
	width: 100%;
	}

#mod.det .sum {
	margin: 0px 0px 20px 0px;
	float: left;
	}

#mod.det .sum dl {
	width: 100%;
	background: #ffffff;
	float: left;
	}

#mod.det .sum dt {
	width: 100%;
	border-top: 1px #dddddd solid;
	border-right: 1px #dddddd solid;
	border-left: 1px #dddddd solid;
	font-weight: bold;
	color: #2CB284;
	padding: 10px;
	vertical-align: middle;
	}

#mod.det .sum dd {
	width: 100%;
	border-top: 1px #dddddd solid;
	border-right: 1px #dddddd solid;
	border-left: 1px #dddddd solid;
	padding: 10px;
	vertical-align: middle;
	}

#mod.det .sum dl:last-child dd:last-child {
	border-bottom: 1px #e5e5e5 solid;
	}

#mod.det .sum dd p {
	font-size: 16px;
	font-weight: bold;
	color: #cc0000;
	margin: 0px 0px 0px 0px;
	}

#mod.det .acc iframe {
	width: 100%;
	height: 200px;
	}

#mod.det a.req {
	width: 100%;
	height: 70px;
	background: #EB2E00;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	font-size: 18px;
	font-weight: bold;
	line-height: 120%;
	color: #ffffff;
	margin: 20px 0px 0px 0px;
	padding: 15px 0px 0px 0px;
	text-align: center;
	overflow: hidden;
	display: block;
	}

}


/* モデルハウスができるまで */

@media screen and (min-width: 641px){

#modmak.top .main {
	width: 100%;
	height: 194px;
	background: url(model/making/img/mod.jpg) no-repeat right top;
	font-size: 14px;
	line-height: 200%;
	margin: 0px 0px 30px 0px;
	padding: 0px 310px 0px 0px;
	float: left;
	}

#modmak.top .main h3 {
	font-size: 24px;
	color: #2DB584;
	margin: 0px 0px 10px 0px;
	}

#modmak.top .main p {
	font-size: 12px;
	font-weight: bold;
	margin: 30px 0px 0px 0px;
	float: right;
	}

#modmak.top ul a {
	width: 313px;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	margin: 0px 30px 30px 0px;
	float: left;
	}

#modmak.top ul a:nth-child(3n) {
	margin: 0px 0px 30px 0px;
	}

#modmak.top ul p {
	width: 100%;
	height: 209px;
	border-radius: 10px;
	margin: 0px 0px 10px 0px;
	overflow: hidden;
	}

#modmak.top ul p img {
	width: 100%;
	height: auto;
	}

#modmak.top ul strong {
	font-family: 'Varela Round', sans-serif;
	color: #F6A900;
	margin: 0px 5px 0px 0px;
	float: left;
	}

#modmak.top ul h3 {
	font-size: 14px;
	margin: 0px;
	padding: 0px 0px 0px 28px;
	float: left;
	}

#modmak.top ul span {
	width: 18px;
	background: #2DB584;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	font-family: 'Varela Round', sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	color: #ffffff;
	margin: 0px 0px 0px -28px;
	float: left;
	text-align: center;
	}

#modmak.top #pag {
	margin: 20px 0px 0px 0px;
	}

#modmak.det {
	line-height: 180%;
	}

#modmak.det .pag {
	width: 100%;
	font-weight: bold;
	margin: 0px 0px 50px 0px;
	}

#modmak.det .pag a {
	width: 400px;
	height: 60px;
	background: url(img/arr0302.png) no-repeat 377px center;
	background-color: #ffffff;
	font-size: 14px;
	color: #333333;
	display: block;
	overflow: hidden;
	}

#modmak.det .pag span a {
	background: url(img/arr03.png) no-repeat 15px center;
	background-color: #ffffff;
	float: right;
	}

#modmak.det .pag a dt {
	width: 60px;
	height: 60px;
	overflow: hidden;
	display: table-cell;
	}

#modmak.det .pag a dt img {
	width: 100%;
	height: auto;
	}

#modmak.det .pag a dd {
	width: 340px;
	height: 60px;
	padding: 0px 33px 0px 10px;
	/*padding: 0px 33px 0px 38px;*/
	display: table-cell;
	vertical-align: middle;
	}

#modmak.det .pag span a dd {
	padding: 0px 10px 0px 33px;
	/*padding: 0px 10px 0px 61px;*/
	text-align: right;
	}

#modmak.det .pag a dd font {
	width: 18px;
	background: #2DB584;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	font-family: 'Varela Round', sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	color: #ffffff;
	margin: 0px 0px 0px -28px;
	float: left;
	text-align: center;
	}

#modmak.det h2 {
	font-size: 21px;
	margin: 0px 0px 20px 0px;
	}

#modmak.det h2 p {
	width: 22px;
	background: #2DB584;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	font-family: 'Varela Round', sans-serif;
	font-size: 14px;
	line-height: 22px;
	color: #ffffff;
	margin: 0px 10px 0px 0px;
	float: left;
	text-align: center;
	}

#modmak.det a.bac {
	width: 260px;
	background: url(img/arr03.png) no-repeat 242px center;
	background-color: #FAE4E5;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	line-height: 32px;
	color: #684E3E;
	margin: 0px auto 0px auto;
	text-align: center;
	display: block;
	overflow: hidden;
	box-shadow: 2px 2px 0px 0px rgba(0,0,0,0.15); /* CSS3 */
	-webkit-box-shadow: 2px 2px 0px 0px rgba(0,0,0,0.15); /* Safari, Chrome用 */
	-moz-box-shadow: 2px 2px 0px 0px rgba(0,0,0,0.15); /* Firefox用 */
	}

}

@media screen and (max-width: 640px){

#modmak.top .main {
	width: 100%;
	background: url(model/making/img/mod.jpg) no-repeat right top;
	background-size: 30% auto;
	padding: 0px 32% 10px 0px;
	float: left;
	}

#modmak.top .main h3 {
	font-size: 14px;
	color: #2CB484;
	margin: 0px 0px 5px 0px;
	}

#modmak.top .main p {
	display: none;
	}

#modmak.top ul a {
	width: 100%;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	margin: 0px 0px 20px 0px;
	float: left;
	text-align: center;
	}

#modmak.top ul p {
	width: 100%;
	height: 209px;
	border-radius: 10px;
	margin: 0px 0px 10px 0px;
	overflow: hidden;
	}

#modmak.top ul p img {
	width: 100%;
	}

#modmak.top ul strong {
	font-family: 'Varela Round', sans-serif;
	color: #F6A900;
	margin: 0px 0px 0px 0px;
	float: left;
	}

#modmak.top ul h3 {
	font-size: 12px;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 31px;
	display: table-cell;
	vertical-align: middle;
	}

#modmak.top ul h3 span {
	width: 16px;
	background: #2DB584;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	font-family: 'Varela Round', sans-serif;
	font-size: 10px;
	font-weight: bold;
	line-height: 16px;
	color: #ffffff;
	margin: 0px 5px 0px -21px;
	float: left;
	text-align: center;
	}

#modmak.top #pag {
	margin: 0px 0px 0px 0px;
	}

#modmak.det .pag {
	width: 100%;
	font-weight: bold;
	margin: 0px 0px 20px 0px;
	}

#modmak.det .pag a {
	width: 100%;
	height: 50px;
	background: url(img/arr0302.png) no-repeat 97% center;
	background-color: #ffffff;
	color: #684E3E;
	margin: 0px 0px 10px 0px;
	display: block;
	overflow: hidden;
	}

#modmak.det .pag span a {
	background: url(img/arr03.png) no-repeat 3% center;
	background-color: #ffffff;
	float: right;
	}

#modmak.det .pag a dt {
	width: 50px;
	height: 50px;
	overflow: hidden;
	display: table-cell;
	}

#modmak.det .pag a dt img {
	width: 100%;
	height: auto;
	}

#modmak.det .pag a dd {
	height: 50px;
	padding: 0px 5% 0px 10px;
	/*padding: 0px 5% 0px 31px;*/
	display: table-cell;
	vertical-align: middle;
	}

#modmak.det .pag span a dd {
	padding: 0px 10px 0px 26px;
	/*padding: 0px 10px 0px 47px;*/
	}

#modmak.det .pag a dd font {
	width: 16px;
	background: #2DB584;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	font-family: 'Varela Round', sans-serif;
	font-size: 10px;
	font-weight: bold;
	line-height: 16px;
	color: #ffffff;
	margin: 0px 0px 0px -21px;
	float: left;
	text-align: center;
	}

#modmak.det .main h2 {
	width: 100%;
	font-size: 18px;
	margin: 0px 0px 10px 0px;
	}

#modmak.det h2 p {
	width: 20px;
	background: #2DB584;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	font-family: 'Varela Round', sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #ffffff;
	margin: 0px 10px 0px 0px;
	float: left;
	text-align: center;
	}

#modmak.det a.bac {
	width: 260px;
	background: url(img/arr03.png) no-repeat 242px center;
	background-color: #FAE4E5;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	line-height: 32px;
	color: #684E3E;
	margin: 0px auto 0px auto;
	text-align: center;
	display: block;
	overflow: hidden;
	box-shadow: 2px 2px 0px 0px rgba(0,0,0,0.15); /* CSS3 */
	-webkit-box-shadow: 2px 2px 0px 0px rgba(0,0,0,0.15); /* Safari, Chrome用 */
	-moz-box-shadow: 2px 2px 0px 0px rgba(0,0,0,0.15); /* Firefox用 */
	}

}


/* 土地探しからお手伝い */

@media screen and (min-width: 641px){

#est.sea {
	font-size: 14px;
	line-height: 180%;
	}

#est.sea .main {
	width: 100%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c6f3fb+0,e2f9fd+100 */
	
	background: #c6f3fb; /* Old browsers */
	
	background: -moz-linear-gradient(top, #c6f3fb 0%, #e2f9fd 100%); /* FF3.6-15 */
	
	background: -webkit-linear-gradient(top, #c6f3fb 0%,#e2f9fd 100%); /* Chrome10-25,Safari5.1-6 */
	
	background: linear-gradient(to bottom, #c6f3fb 0%,#e2f9fd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6f3fb', endColorstr='#e2f9fd',GradientType=0 ); /* IE6-9 */
	margin: 0px 0px 50px 0px;
	}

#est.sea .main ol {
	width: 100%;
	background: url(estate/search/img/hli.png) no-repeat left bottom;
	margin: 0px 0px 0px 0px;
	padding: 50px 170px 100px 30px;
	}

#est.sea .main h3 {
	font-size: 42px;
	color: #DE6A6A;
	margin: 0px 0px 30px 0px;
	}

#est.sea ul {
	margin: 0px 0px 50px 0px;
	}

#est.sea ul h3 {
	width: 100%;
	background: #3CBBC7;
	font-size: 24px;
	line-height: 60px;
	color: #ffffff;
	margin: 0px 0px 0px 0px;
	text-align: center;
	}

#est.sea ul li {
	margin: 50px 0px 0px 0px;
	overflow: hidden;
	}

#est.sea ul li h4 {
	margin: 0px 0px 20px 0px;
	}

#est.sea ul li h4 span {
	background: linear-gradient(transparent 60%, #ff0 0%);
	font-size: 21px;
	margin: 0px 0px 0px 20px;
	display: inline-block;
	}

#est.sea ul li img {
	margin: 0px 30px 0px 0px;
	float: left;
	}

#est.sea ul li:nth-child(4) img {
	margin: 0px 0px 0px 30px;
	float: right;
	}

#est.sea ul li font {
	font-weight: bold;
	color: #EB2D00;
	}

#est.sea form {
	width: 100%;
	}

#est.sea form h3 {
	width: 100%;
	background: #EC2F00;
	font-size: 24px;
	line-height: 60px;
	color: #ffffff;
	margin: 0px 0px 30px 0px;
	text-align: center;
	}

#est.sea form .cop {
	font-size: 18px;
	font-weight: bold;
	line-height: 150%;
	margin: 0px 0px 50px 0px;
	}

#est.sea form .cop strong {
	color: #EB2D00;
	}

#est.sea form .tel {
	width: 100%;
	height: 180px;
	background: url(request/img/man.jpg) no-repeat 847px bottom;
	background-color: #ffffff;
	border: 5px #81D3B5 solid;
	margin: 0px 0px 50px 0px;
	padding: 25px 0px 25px 20px;
	float: left;
	text-align: center;
	}

#est.sea form .tel h5 {
	font-size: 24px;
	line-height: 100%;
	color: #2CB284;
	margin: 0px 0px 10px 0px;
	}

#est.sea form .tel p {
	font-size: 14px;
	margin: 0px 0px 0px 0px;
	}

#est.sea form .tel p span {
	font-size: 54px;
	font-family: 'Varela Round', sans-serif;
	font-weight: bold;
	line-height: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	display: block;
	}

#est.sea form .tel p font {
	color: #2CB284;
	margin: 0px 20px 0px 0px;
	}

#est.sea form .tel h6 {
	width: 240px;
	background: #FFF15B;
	border-radius: 10px;
	font-size: 14px;
	font-weight: normal;
	line-height: 150%;
	margin: 0px 175px 0px 0px;
	padding: 20px;
	float: right;
	text-align: left;
	position: relative;
	}

#est.sea form .tel h6:before {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 15px;
	border-color: transparent transparent transparent #FFF15B;
	margin: -5px 0px 0px 0px;
	position: absolute;
	right: -15px;
	top: 50%;
	}

#est.sea form h4 {
	margin: 0px 0px 20px 0px;
	}

#est.sea form h4 span {
	background: linear-gradient(transparent 60%, #ff0 0%);
	font-size: 21px;
	margin: 0px 0px 0px 20px;
	display: inline-block;
	}

#est.sea form ol {
	width: 100%;
	background: #ffffff;
	border: 1px #dddddd solid;
	margin: 20px 0px 0px 0px;
	padding: 29px;
	overflow: hidden;
	}

#est.sea form dl {
	width: 100%;
	border-bottom: 1px #dddddd solid;
	float: left;
	display: table-row;
	}

#est.sea form dl:nth-last-child(2) {
	border: none;
	}

#est.sea form dt {
	width: 200px;
	font-weight: bold;
	padding: 20px 0px 20px 10px;
	display: table-cell;
	vertical-align: middle;
	}

#est.sea form dt span {
	background: #EC2F00;
	font-size: 12px;
	color: #ffffff;
	margin: 0px 10px 0px 0px;
	padding: 2px 8px;
	text-align: center;
	}

#est.sea form dt span.any {
	background: #aaaaaa;
	}

#est.sea form dd {
	padding: 20px 0px 20px 0px;
	display: table-cell;
	}

#est.sea form dd p {
	margin: 20px 0px 0px 0px;
	}

#est.sea form input[type="text"] {
	padding: 10px;
	}

#est.sea form .nam {
	width: 200px;
	}

#est.sea form input[type="email"] {
	width: 300px;
	padding: 10px;
	}

#est.sea form .add {
	width: 100%;
	}

#est.sea form input[type="tel"] {
	width: 200px;
	padding: 10px;
	}

#est.sea form select {
	padding: 10px;
	}

#est.sea form textarea {
	width: 100%;
	padding: 10px;
	}

#est.sea form .send {
	width: 300px;
	background: #ffcc00;
	border-radius: 10px;
	font-size: 28px;
	font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	margin: 30px 0px 20px 0px;
	padding: 10px 20px 10px 20px;
	cursor: pointer;
	}

}

@media screen and (max-width: 640px){

#est.sea .main {
	width: 100%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c6f3fb+0,e2f9fd+100 */
	
	background: #c6f3fb; /* Old browsers */
	
	background: -moz-linear-gradient(top, #c6f3fb 0%, #e2f9fd 100%); /* FF3.6-15 */
	
	background: -webkit-linear-gradient(top, #c6f3fb 0%,#e2f9fd 100%); /* Chrome10-25,Safari5.1-6 */
	
	background: linear-gradient(to bottom, #c6f3fb 0%,#e2f9fd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6f3fb', endColorstr='#e2f9fd',GradientType=0 ); /* IE6-9 */
	margin: 0px 0px 20px 0px;
	}

#est.sea .main ol {
	width: 100%;
	background: url(estate/search/img/hli.png) no-repeat left bottom;
	background-size: 100% auto;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 50px 10px;
	}

#est.sea .main h3 {
	font-size: 16px;
	color: #DE6A6A;
	margin: 0px 0px 5px 0px;
	}

#est.sea ul {
	margin: 0px 0px 20px 0px;
	}

#est.sea ul h3 {
	width: 100%;
	background: #3CBBC7;
	font-size: 14px;
	line-height: 30px;
	color: #ffffff;
	margin: 0px 0px 0px 0px;
	text-align: center;
	}

#est.sea ul li {
	margin: 20px 0px 0px 0px;
	overflow: hidden;
	}

#est.sea ul li h4 {
	margin: 0px 0px 10px 0px;
	}

#est.sea ul li h4 span {
	background: linear-gradient(transparent 60%, #ff0 0%);
	font-size: 16px;
	margin: 0px 0px 0px 10px;
	display: inline-block;
	}

#est.sea ul li:nth-child(2) h4 span {
	font-size: 13px;
	}

#est.sea ul li img {
	width: 100%;
	margin: 0px 0px 10px 0px;
	}

#est.sea ul li:nth-child(4) img {
	margin: 0px 0px 0px 30px;
	float: right;
	}

#est.sea ul li font {
	font-weight: bold;
	color: #EB2D00;
	}

#est.sea form {
	width: 100%;
	}

#est.sea form h3 {
	width: 100%;
	background: #EC2F00;
	font-size: 14px;
	line-height: 30px;
	color: #ffffff;
	margin: 0px 0px 10px 0px;
	text-align: center;
	}

#est.sea form .cop {
	font-weight: bold;
	margin: 0px 0px 20px 0px;
	}

#est.sea form .cop strong {
	color: #EB2D00;
	}

#est.sea form .tel {
	width: 100%;
	background: #ffffff;
	border: 3px #81D3B5 solid;
	margin: 0px 0px 20px 0px;
	padding: 10px;
	float: left;
	}

#est.sea form .tel p {
	margin: 0px 0px 0px 0px;
	text-align: center;
	}

#est.sea form .tel p span {
	font-size: 26px;
	font-family: 'Varela Round', sans-serif;
	font-weight: bold;
	color: #333333;
	margin: 0px 0px 0px 0px;
	display: block;
	}

#est.sea form .tel p font {
	color: #2CB284;
	margin: 0px 10px 0px 0px;
	}

#est.sea form .tel p a {
	color: #333333;
	}

#est.sea form .tel h6 {
	width: 100%;
	background: #FFF15B;
	border-radius: 10px;
	font-size: 10px;
	font-weight: normal;
	margin: 0px 0px 10px 0px;
	padding: 10px;
	text-align: left;
	}

#est.sea form .tel h5 {
	width: 100%;
	font-size: 14px;
	color: #2CB284;
	margin: 0px 0px 0px 0px;
	text-align: center;
	}

#est.sea form h4 {
	margin: 0px 0px 10px 0px;
	}

#est.sea form h4 span {
	background: linear-gradient(transparent 60%, #ff0 0%);
	font-size: 16px;
	margin: 0px 0px 0px 10px;
	display: inline-block;
	}

#est.sea form ol {
	width: 100%;
	background: #ffffff;
	border: 1px #dddddd solid;
	margin: 10px 0px 0px 0px;
	padding: 9px;
	overflow: hidden;
	}

#est.sea form dl {
	width: 100%;
	margin: 10px 0px 10px 0px;
	float: left;
	}

#est.sea form dl:nth-last-child(2) {
	border: none;
	}

#est.sea form dt {
	width: 100%;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	vertical-align: middle;
	}

#est.sea form dt span {
	background: #EC2F00;
	font-size: 12px;
	color: #ffffff;
	margin: 0px 10px 0px 0px;
	padding: 2px 8px;
	text-align: center;
	}

#est.sea form dt span.any {
	background: #aaaaaa;
	}

#est.sea form dd {
	width: 100%;
	}

#est.sea form dd p {
	margin: 10px 0px 0px 0px;
	}

#est.sea form input[type="text"] {
	width: 100%;
	padding: 10px;
	}

#est.sea form input[type="email"] {
	width: 100%;
	padding: 10px;
	}

#est.sea form input[type="tel"] {
	width: 100%;
	padding: 10px;
	}

#est.sea form select {
	padding: 10px;
	}

#est.sea form textarea {
	width: 100%;
	padding: 10px;
	}

#est.sea form .send {
	width: 100%;
	background: #ffcc00;
	border-radius: 10px;
	font-size: 24px;
	font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	color: #333333;
	margin: 10px 0px 10px 0px;
	padding: 10px 20px 10px 20px;
	cursor: pointer;
	}

}


/* キッズルーム・打ち合わせスペース */

@media screen and (min-width: 641px){

#roo {
	font-size: 16px;
	line-height: 180%;
	}

#roo h3 {
	width: 100%;
	font-size: 48px;
	line-height: 100%;
	margin: 0px 0px 50px 0px;
	text-align: center;
	}

#roo h3 img:first-child {
	margin: 10px 0px 0px 0px;
	float: left;
	}

#roo h3 img:nth-child(2) {
	margin: 20px 0px 0px 0px;
	float: right;
	}

#roo h3 p {
	font-size: 32px;
	margin: 0px 0px 10px 0px;
	}

#roo h3 font:nth-child(5n+4) {
	color: #DE6A6A;
	}

#roo h3 font:nth-child(5n) {
	color: #EAAA26;
	}

#roo h3 font:nth-child(5n+1) {
	color: #97BF39;
	}

#roo h3 font:nth-child(5n+2) {
	color: #5FAC79;
	}

#roo h3 font:nth-child(5n+3) {
	color: #5EACCB;
	}

#roo h3 font:nth-child(10) {
	font-size: 36px;
	}

#roo .main {
	width: 100%;
	margin: 0px 0px 50px 0px;
	overflow: hidden;
	}

#roo .main .pho:first-child {
	float: left;
	}

#roo .main .pho:nth-child(2) {
	float: right;
	}

#roo .main ul {
	width: 500px;
	margin: 0px auto 0px auto;
	overflow: hidden;
	}

#roo .main ul li {
	width: 370px;
	height: 250px;
	margin: 0px auto 0px auto;
	overflow: visible;
	position: relative;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
	}

#roo .main ul img {
	border: 5px #ffffff solid;
	}

#roo .main ul li:before, #roo .main ul li:after {
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 15px 10px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 15px 10px rgba(0,0,0,0.2);
  box-shadow: 0 15px 10px rgba(0,0,0,0.2);
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
	}

#roo .main ul li:after {
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
	}

#roo .main ul p {
	font-size: 28px;
	font-weight: bold;
	line-height: 150%;
	margin: 30px 0px 20px 0px;
	text-align: center;
	}

#roo .kid {
	width: 100%;
	margin: 0px 0px 50px 0px;
	overflow: hidden;
	}

#roo .kid img {
	margin: 0px 50px 0px 0px;
	float: left;
	}

#roo .kid h4 {
	font-size: 24px;
	line-height: 150%;
	color: #3AB9C5;
	margin: 20px 0px 20px 0px;
	}

#roo .spa {
	margin: 0px 0px 50px 0px;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
	}

#roo .pap {
	width: 620px;
	height: 140px;
	background: url(room/img/papbg.png) no-repeat 560px bottom;
	background-color: #BBDE7A;
	border-radius: 10px;
	font-size: 24px;
	font-weight: bold;
	line-height: 130%;
	color: #ffffff;
	padding: 20px 0px 0px 0px;
	float: left;
	text-shadow: 1px 1px 10px rgba(0,0,0,0.1), -1px 1px 10px rgba(0,0,0,0.1), 1px -1px 10px rgba(0,0,0,0.1), -1px -1px 10px rgba(0,0,0,0.1);
	}

#roo .pap img {
	margin: 0px 30px 0px 40px;
	float: left;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
	}

#roo .nos {
	width: 330px;
	height: 140px;
	background: #F2EEE6;
	border-radius: 10px;
	font-size: 24px;
	font-weight: bold;
	line-height: 130%;
	color: #DE6A6A;
	padding: 30px 0px 0px 0px;
	float: right;
	}

#roo .nos img {
	margin: 0px 20px 0px 30px;
	float: left;
	}

#roo ol {
	width: 100%;
	font-size: 36px;
	font-weight: bold;
	line-height: 150%;
	color: #F899B8;
	padding: 50px 0px 0px 0px;
	text-align: center;
	overflow: hidden;
	}

}

@media screen and (max-width: 640px){

#roo h3 {
	width: 100%;
	font-size: 16px;
	line-height: 100%;
	margin: 0px 0px 20px 0px;
	text-align: center;
	}

#roo h3 img {
	display: none;
	}

#roo h3 p {
	font-size: 12px;
	margin: 0px 0px 10px 0px;
	}

#roo h3 font:nth-child(5n+4) {
	color: #DE6A6A;
	}

#roo h3 font:nth-child(5n) {
	color: #EAAA26;
	}

#roo h3 font:nth-child(5n+1) {
	color: #97BF39;
	}

#roo h3 font:nth-child(5n+2) {
	color: #5FAC79;
	}

#roo h3 font:nth-child(5n+3) {
	color: #5EACCB;
	}

#roo h3 font:nth-child(10) {
	font-size: 14px;
	}

#roo .main {
	width: 100%;
	margin: 0px 0px 20px 0px;
	overflow: hidden;
	}

#roo .main .pho {
	display: none;
	}

#roo .main ul {
	width: 100%;
	}

#roo .main ul li {
	width: 100%;
	background: #ffffff;
	padding: 5px;
	position: relative;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
	}

#roo .main ul img {
	width: 100%;
	}

#roo .main ul li:before, #roo .main ul li:after {
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 15px 10px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 15px 10px rgba(0,0,0,0.2);
  box-shadow: 0 15px 10px rgba(0,0,0,0.2);
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
	}

#roo .main ul li:after {
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
	}

#roo .main ul p {
	font-size: 16px;
	font-weight: bold;
	margin: 10px 0px 10px 0px;
	text-align: center;
	}

#roo .kid {
	width: 100%;
	margin: 0px 0px 20px 0px;
	overflow: hidden;
	}

#roo .kid img {
	width: 100px;
	margin: 0px 10px 0px 0px;
	float: left;
	}

#roo .kid h4 {
	font-size: 14px;
	color: #3AB9C5;
	margin: 0px 0px 5px 0px;
	}

#roo .spa {
	width: 100%;
	margin: 0px 0px 20px 0px;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
	}

#roo .pap {
	width: 100%;
	background: url(room/img/papbg.png) no-repeat 97% bottom;
	background-size: 20px auto;
	background-color: #BBDE7A;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	margin: 0px 0px 20px 0px;
	padding: 10px;
	text-shadow: 1px 1px 10px rgba(0,0,0,0.1), -1px 1px 10px rgba(0,0,0,0.1), 1px -1px 10px rgba(0,0,0,0.1), -1px -1px 10px rgba(0,0,0,0.1);
	}

#roo .pap img {
	width: 100px;
	margin: 0px 10px 0px 0px;
	float: left;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
	}

#roo .pap br {
	display: none;
	}

#roo .nos {
	width: 100%;
	background: #F2EEE6;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size: 16px;
	font-weight: bold;
	line-height: 50px;
	color: #DE6A6A;
	padding: 10px;
	text-align: center;
	overflow: hidden;
	}

#roo .nos img {
	width: 50px;
	margin: 0px 10px 0px 0px;
	display: inline-block;
	}

#roo .nos br {
	display: none;
	}

#roo ol {
	font-size: 16px;
	font-weight: bold;
	color: #F899B8;
	padding: 20px 0px 0px 0px;
	overflow: hidden;
	}

#roo ol br {
	display: none;
	}

}


/* 家づくりのポイント */

@media screen and (min-width: 641px){

#poi .menu {
	width: 100%;
	margin: 0px 0px 50px 0px;
	float: left;
	}

#poi .menu a {
	width: 313px;
	background: #ffffff;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	font-size: 18px;
	font-weight: bold;
	line-height: 60px;
	color: #2DB584;
	margin: 0px 30px 0px 0px;
	float: left;
	text-align: center;
	display: block;
	}

#poi .menu a:nth-child(3) {
	margin: 0px 0px 0px 0px;
	}

#poi .menu li {
	width: 313px;
	background: #81D3B5;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	font-size: 18px;
	font-weight: bold;
	line-height: 60px;
	color: #ffffff;
	margin: 0px 30px 0px 0px;
	float: left;
	text-align: center;
	display: block;
	position: relative;
	}

#poi .menu li:after {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 16px 8px 0 8px;
	border-color: #81D3B5 transparent transparent transparent;
	margin: 0px 0px 0px -8px;
	position: absolute;
	left: 50%;
	bottom: -16px;
	}

#poi .menu li:nth-child(3) {
	margin: 0px 0px 0px 0px;
	}

#poi.top ul {
	width: 100%;
	float: left;
	}

#poi.top ul a {
	width: 246px;
	background: #ffffff;
	color: #333333;
	margin: 0px 5px 5px 0px;
	padding: 15px;
	float: left;
	position: relative;
	}

#poi.top ul a:nth-child(4n) {
	margin: 0px 0px 5px 0px;
	}

#poi.top ul p {
	width: 100%;
	height: 162px;
	margin: 0px 0px 10px 0px;
	overflow: hidden;
	}

#poi.top ul p img {
	width: 100%;
	height: auto;
	}

#poi.top ul h3 {
	font-size: 14px;
	color: #2DB584;
	margin: 0px 0px 5px 0px;
	}

#poi.top ul h3 strong {
	font-family: 'Varela Round', sans-serif;
	color: #F6A900;
	margin: 0px 5px 0px 0px;
	}

#poi.det .main {
	width: 720px;
	line-height: 180%;
	float: left;
	}

#poi.det .pag {
	width: 100%;
	font-weight: bold;
	margin: 0px 0px 30px 0px;
	}

#poi.det .pag a {
	background: url(img/arr0302.png) no-repeat 0px;
	font-weight: bold;
	padding: 0px 0px 0px 18px;
	}

#poi.det .pag span a {
	background: url(img/arr03.png) no-repeat right;
	padding: 0px 18px 0px 0px;
	float: right;
	}

#poi.det .main h2 {
	width: 100%;
	font-size: 21px;
	color: #2DB584;
	margin: 0px 0px 20px 0px;
	}

#poi.det .main ol {
	width: 100%;
	margin: 0px 0px 50px 0px;
	overflow: hidden;
	}

#poi.det .main ol a:link {
	text-decoration: underline;
	}

#poi.det .smenu {
	width: 250px;
	float: right;
	}

#poi.det .smenu h3 {
	width: 100%;
	background: #81D3B5;
	font-size: 14px;
	line-height: 40px;
	color: #ffffff;
	margin: 0px;
	text-align: center;
	}

#poi.det .smenu .arc {
	margin: 0px 0px 30px 0px;
	}

#poi.det .smenu .arc a {
	width: 100%;
	color: #333333;
	margin: 20px 0px 0px 0px;
	overflow: hidden;
	display: block;
	position: relative;
	}

#poi.det .smenu .arc a p {
	width: 70px;
	height: 70px;
	background: #ffffff;
	border-radius: 10px;
	margin: 0px 10px 0px 0px;
	float: left;
	overflow: hidden;
	position: relative;
	}

#poi.det .smenu .arc a p img {
	width: auto;
	height: 100%;
	}

#poi.det .smenu .arc a h5 {
	font-size: 14px;
	margin: 5px 0px 10px 0px;
	}

#poi.det .smenu .arc a h5 strong {
	font-family: 'Varela Round', sans-serif;
	color: #F6A900;
	margin: 0px 5px 0px 0px;
	}

#poi.det .smenu .arc a .dat {
	font-family: 'Varela Round', sans-serif;
	font-weight: bold;
	color: #C9AC92;
	margin: 0px 0px 0px 0px;
	float: right;
	}

#poi.det .fun002 h4 {
	margin: 0px 0px 20px 0px;
	}

#poi.det .fun002 strong {
	color: #cc0000;
	}

#poi.det .fun002 .img01 {
	width: 100%;
	margin: 20px 0px 25px 0px;
	}

#poi.det .fun002 table {
	width: 100%;
	background: #dddddd;
	border: 2px #dddddd solid;
	margin: 10px 0px 0px 0px;
	float: left;
	}

#poi.det .fun002 th {
	width: 130px;
	background: #f6f6f6;
	padding: 10px;
	}

#poi.det .fun002 td {
	background: #ffffff;
	padding: 10px;
	}

#poi.det .fun002 td font {
	color: #C6E7F4;
	}

#poi.det .fun006 h4 {
	font-size: 21px;
	margin: 0px 0px 20px 0px;
	}

#poi.det .fun006 table {
	width: 100%;
	background: #dddddd;
	border: 2px #dddddd solid;
	margin: 20px 0px 0px 0px;
	}

#poi.det .fun006 th {
	background: #f6f6f6;
	padding: 10px;
	text-align: center;
	}

#poi.det .fun006 td {
	background: #ffffff;
	padding: 10px;
	text-align: center;
	}

#poi.det .fun006 td font {
	color: #C6E7F4;
	}

#poi.det .fun006 td strong {
	font-size: 24px;
	}

#poi.det .fun006 h5 {
	font-size: 16px;
	margin: 20px 0px 0px 0px;
	}

#poi.det .fun006 font {
	color: #C6E7F4;
	}

#poi.det .fun007 img {
	width: 100%;
	margin: 0px 0px 20px 0px;
	}

#poi.det .fun009 ul {
	width: 100%;
	overflow: hidden;
	}

#poi.det .fun009 h3 {
	font-size: 21px;
	margin: 50px 0px 20px 0px;
	}

#poi.det .fun009 p {
	width: 100%;
	background: #ffffff;
	margin: 0px 0px 20px 0px;
	padding: 30px;
	}

#poi.det .fun009 p.lef {
	width: 300px;
	margin: 0px 20px 20px 0px;
	padding: 20px;
	float: left;
	}

#poi.det .fun009 img {
	width: 100%;
	}

#poi.det .fun009 ol {
	width: 100%;
	background: #ffffff;
	border-top: 1px #dddddd solid;
	border-right: 1px #dddddd solid;
	border-left: 1px #dddddd solid;
	}

#poi.det .fun009 dl {
	width: 100%;
	background: #ffffff;
	border-bottom: 1px #dddddd solid;
	padding: 29px;
	display: table;
	}

#poi.det .fun009 dl dt {
	width: 260px;
	padding: 0px 30px 0px 0px;
	display: table-cell;
	vertical-align: top;
	}

#poi.det .fun009 dl dd {
	display: table-cell;
	vertical-align: top;
	}

#poi.det .fun009 dl dd h4 {
	font-size: 16px;
	color: #2DB584;
	margin: 0px 0px 10px 0px;
	}

#poi.det .lan001 h4 {
	width: 100%;
	border-bottom: 3px #eeeeee solid;
	font-size: 16px;
	line-height: 100%;
	margin: 20px 0px 10px 0px;
	padding: 0px 0px 8px 5px;
	}

#poi.det .lan002 img {
	margin: 0px 0px 0px 20px;
	float: right;
	}

#poi.det .lan003 img {
	width: 100%;
	}

#poi.det .lan003 table {
	width: 100%;
	border: 3px #C9AD92 solid;
	}

#poi.det .lan003 th {
	width: 170px;
	background: #FCFBF9;
	border-bottom: 1px #dddddd solid;
	border-right: 1px #dddddd solid;
	padding: 15px;
	}

#poi.det .lan003 td {
	background: #ffffff;
	border-bottom: 1px #dddddd solid;
	padding: 15px;
	}

#poi.det .lan004 ul {
	width: 100%;
	line-height: 150%;
	}

#poi.det .lan004 li {
	width: 350px;
	height: 173px;
	background: #ffffff;
	margin: 0px 20px 20px 0px;
	padding: 25px 25px 0px 25px;
	float: left;
	}

#poi.det .lan004 li:nth-child(2n) {
	margin: 0px 0px 20px 0px;
	}

#poi.det .lan004 h4 {
	background: url(point/land/img/04poi.gif) no-repeat left;
	font-size: 16px;
	line-height: 40px;
	color: #DD441F;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 50px;
	}

#poi.det .lan004 dl {
	width: 720px;
	height: 378px;
	background: url(point/land/img/04stabg.gif) no-repeat;
	background-size: 720px auto;
	margin: 10px auto 0px auto;
	padding: 200px 55px 0px 55px;
	overflow: hidden;
	}

#poi.det .lan005 img {
	float: right;
	}

#poi.det .lan005 h4 {
	background: url(point/land/img/05arrow01.jpg) no-repeat left;
	font-size: 16px;
	line-height: 24px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 29px;
	}

#poi.det .lan006 table {
	width: 100%;
	border: 3px #C9AD92 solid;
	margin: 30px 0px 30px 0px;
	}

#poi.det .lan006 th {
	width: 170px;
	background: #FCFBF9;
	border-bottom: 1px #dddddd solid;
	border-right: 1px #dddddd solid;
	font-size: 16px;
	padding: 15px;
	}

#poi.det .lan006 td {
	background: #ffffff;
	border-bottom: 1px #dddddd solid;
	border-right: 1px #dddddd solid;
	padding: 15px;
	}

#poi.det .lan006 td.l01 font {
	color: #EC2F00;
	}

#poi.det .lan006 td.l02 font {
	color: #4E9CE4;
	}

#poi.det .lan006 td.tit {
	text-align: center;
	vertical-align: middle;
	}

#poi.det .lan006 strong {
	color: #EC2F00;
	}

}

@media screen and (max-width: 640px){

#poi .menu {
	width: 100%;
	margin: 0px 0px 20px 0px;
	float: left;
	}

#poi .menu a {
	width: 32%;
	background: #ffffff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size: 12px;
	font-weight: bold;
	line-height: 30px;
	color: #2DB584;
	margin: 0px 2% 0px 0px;
	float: left;
	text-align: center;
	display: block;
	}

#poi .menu a:nth-child(3) {
	margin: 0px 0px 0px 0px;
	}

#poi .menu li {
	width: 32%;
	background: #81D3B5;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size: 12px;
	font-weight: bold;
	line-height: 30px;
	color: #ffffff;
	margin: 0px 2% 0px 0px;
	float: left;
	text-align: center;
	display: block;
	position: relative;
	}

#poi .menu li:after {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 4px 0 4px;
	border-color: #81D3B5 transparent transparent transparent;
	margin: 0px 0px 0px -4px;
	position: absolute;
	left: 50%;
	bottom: -8px;
	}

#poi .menu li:nth-child(3) {
	margin: 0px 0px 0px 0px;
	}

#poi.top ul a {
	width: 100%;
	background: #ffffff;
	color: #333333;
	margin: 0px 0px 5px 0px;
	padding: 10px;
	float: left;
	position: relative;
	}

#poi.top ul p {
	width: 70px;
	height: 70px;
	margin: 0px 10px 0px 0px;
	float: left;
	overflow: hidden;
	}

#poi.top ul p img {
	width: auto;
	height: 100%;
	}

#poi.top ul h3 {
	font-size: 12px;
	color: #2DB584;
	margin: 0px 0px 5px 0px;
	}

#poi.top ul h3 strong {
	font-family: 'Varela Round', sans-serif;
	color: #F6A900;
	margin: 0px 5px 0px 0px;
	}

#poi.det .main {
	width: 100%;
	margin: 0px 0px 20px 0px;
	}

#poi.det .pag {
	width: 100%;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	padding: 10px;
	float: left;
	}

#poi.det .pag a {
	width: 100%;
	background: url(img/arr0302.png) no-repeat 0px;
	font-size: 12px;
	font-weight: bold;
	padding: 0px 0px 0px 18px;
	float: left;
	}

#poi.det .pag span a {
	background: url(img/arr03.png) no-repeat right;
	margin: 10px 0px 0px 0px;
	padding: 0px 18px 0px 0px;
	text-align: right;
	}

#poi.det .main h2 {
	width: 100%;
	font-size: 18px;
	color: #2DB584;
	margin: 0px 0px 10px 0px;
	}

#poi.det .main ol {
	width: 100%;
	margin: 0px 0px 20px 0px;
	overflow: hidden;
	}

#poi.det .main ol a:link {
	text-decoration: underline;
	}

#poi.det .smenu {
	width: 100%;
	}

#poi.det .smenu h3 {
	width: 100%;
	background: #81D3B5;
	font-size: 14px;
	line-height: 40px;
	color: #ffffff;
	margin: 0px;
	text-align: center;
	}

#poi.det .smenu .arc {
	margin: 0px 0px 20px 0px;
	}

#poi.det .smenu .arc a {
	width: 100%;
	color: #333333;
	margin: 20px 0px 0px 0px;
	overflow: hidden;
	display: block;
	position: relative;
	}

#poi.det .smenu .arc a p {
	width: 70px;
	height: 70px;
	background: #ffffff;
	border-radius: 10px;
	margin: 0px 10px 0px 0px;
	float: left;
	overflow: hidden;
	position: relative;
	}

#poi.det .smenu .arc a p img {
	width: auto;
	height: 100%;
	}

#poi.det .smenu .arc a h5 {
	font-size: 14px;
	margin: 5px 0px 10px 0px;
	}

#poi.det .smenu .arc a h5 strong {
	font-family: 'Varela Round', sans-serif;
	color: #F6A900;
	margin: 0px 5px 0px 0px;
	}

#poi.det .smenu .arc a .dat {
	font-family: 'Varela Round', sans-serif;
	font-weight: bold;
	color: #C9AC92;
	margin: 0px 0px 0px 0px;
	float: right;
	}

#poi.det .fun002 h4 {
	margin: 0px 0px 20px 0px;
	}

#poi.det .fun002 h4 img {
	width: 100%;
	}

#poi.det .fun002 strong {
	color: #cc0000;
	}

#poi.det .fun002 .img01 {
	width: 100%;
	margin: 20px 0px 25px 0px;
	}

#poi.det .fun002 .img02 {
	width: 100%;
	}

#poi.det .fun002 table {
	width: 100%;
	background: #dddddd;
	border: 2px #dddddd solid;
	margin: 10px 0px 0px 0px;
	float: left;
	}

#poi.det .fun002 th {
	width: 90px;
	background: #f6f6f6;
	padding: 10px;
	}

#poi.det .fun002 td {
	background: #ffffff;
	padding: 10px;
	}

#poi.det .fun002 td font {
	color: #C6E7F4;
	}

#poi.det .fun006 h4 {
	font-size: 16px;
	margin: 0px 0px 20px 0px;
	}

#poi.det .fun006 table {
	width: 100%;
	background: #dddddd;
	border: 2px #dddddd solid;
	margin: 20px 0px 0px 0px;
	}

#poi.det .fun006 th {
	background: #f6f6f6;
	padding: 10px;
	text-align: center;
	}

#poi.det .fun006 td {
	background: #ffffff;
	padding: 10px;
	text-align: center;
	}

#poi.det .fun006 td font {
	color: #C6E7F4;
	}

#poi.det .fun006 td strong {
	font-size: 14px;
	}

#poi.det .fun006 h5 {
	font-size: 14px;
	margin: 20px 0px 0px 0px;
	}

#poi.det .fun006 font {
	color: #C6E7F4;
	}

#poi.det .fun007 img {
	width: 100%;
	margin: 0px 0px 20px 0px;
	}

#poi.det .fun009 h3 {
	font-size: 14px;
	margin: 20px 0px 10px 0px;
	}

#poi.det .fun009 p {
	width: 100%;
	background: #ffffff;
	margin: 0px 0px 10px 0px;
	padding: 15px;
	}

#poi.det .fun009 img {
	width: 100%;
	}

#poi.det .fun009 ol {
	width: 100%;
	background: #ffffff;
	border-top: 1px #dddddd solid;
	border-right: 1px #dddddd solid;
	border-left: 1px #dddddd solid;
	}

#poi.det .fun009 dl {
	width: 100%;
	background: #ffffff;
	border-bottom: 1px #dddddd solid;
	padding: 14px;
	}

#poi.det .fun009 dl dt img {
	width: 70%;
	margin: 0px auto 15px auto;
	display: block;
	}

#poi.det .fun009 dl dd h4 {
	font-size: 14px;
	color: #2DB584;
	margin: 0px 0px 10px 0px;
	}

#poi.det .lan001 h4 {
	width: 100%;
	border-bottom: 3px #eeeeee solid;
	font-size: 14px;
	line-height: 100%;
	margin: 20px 0px 10px 0px;
	padding: 0px 0px 8px 5px;
	}

#poi.det .lan002 img {
	width: 30%;
	margin: 0px 0px 0px 10px;
	float: right;
	}

#poi.det .lan003 img {
	width: 100%;
	}

#poi.det .lan003 table {
	width: 100%;
	border: 3px #C9AD92 solid;
	}

#poi.det .lan003 th {
	width: 90px;
	background: #FCFBF9;
	border-bottom: 1px #dddddd solid;
	border-right: 1px #dddddd solid;
	padding: 10px;
	}

#poi.det .lan003 td {
	background: #ffffff;
	border-bottom: 1px #dddddd solid;
	padding: 10px;
	}

#poi.det .lan004 ul {
	width: 100%;
	}

#poi.det .lan004 li {
	width: 100%;
	background: #ffffff;
	margin: 0px 0px 10px 0px;
	padding: 10px;
	float: left;
	}

#poi.det .lan004 h4 {
	background: url(point/land/img/04poi.gif) no-repeat left;
	background-size: 20px auto;
	font-size: 14px;
	line-height: 20px;
	color: #DD441F;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 25px;
	}

#poi.det .lan004 dl {
	width: 100%;
	background: #ffffff;
	font-weight: bold;
	color: #DD441F;
	margin: 10px 0px 0px 0px;
	padding: 10px;
	overflow: hidden;
	}

#poi.det .lan005 img {
	width: 50%;
	margin: 0px auto 10px auto;
	overflow: hidden;
	display: block;
	}

#poi.det .lan005 h4 {
	background: url(point/land/img/05arrow01.jpg) no-repeat left;
	font-size: 16px;
	line-height: 24px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 29px;
	}

#poi.det .lan006 table {
	width: 100%;
	border: 3px #C9AD92 solid;
	margin: 10px 0px 10px 0px;
	}

#poi.det .lan006 th {
	width: 33.33%;
	background: #FCFBF9;
	border-bottom: 1px #dddddd solid;
	border-right: 1px #dddddd solid;
	font-size: 14px;
	padding: 10px;
	}

#poi.det .lan006 td {
	background: #ffffff;
	border-bottom: 1px #dddddd solid;
	border-right: 1px #dddddd solid;
	padding: 10px;
	}

#poi.det .lan006 td img {
	width: 70px;
	}

#poi.det .lan006 td.l01 font {
	color: #EC2F00;
	}

#poi.det .lan006 td.l02 font {
	color: #4E9CE4;
	}

#poi.det .lan006 td.tit {
	text-align: center;
	vertical-align: middle;
	}

#poi.det .lan006 strong {
	color: #EC2F00;
	}

}


/* ローン実例 */

@media screen and (min-width: 641px){

#poi.det .fun003 .title {
	width: 100%;
	background: url(point/fund/img/fun003pho01.jpg) no-repeat right 30px;
	background-size: 220px auto;
	font-size: 14px;
	margin: 0px 0px 30px 0px;
	padding: 0px 250px 0px 0px;
	float: left;
	}

#poi.det .fun003 .title h4 {
	margin: 0px 0px 20px 0px;
	}

#poi.det .fun003 ul {
	width: 100%;
	line-height: 150%;
	margin: 0px 0px 20px 0px;
	float: left;
	}

#poi.det .fun003 ul h4 {
	margin: 0px;
	}

#poi.det .fun003 ul h4 img {
	width: 100%;
	}

#poi.det .fun003 li {
	width: 350px;
	background: #ffffff;
	border: 3px #F2EEE6 solid;
	margin: 20px 20px 0px 0px;
	padding: 17px;
	float: left;
	}

#poi.det .fun003 li:nth-child(2n+1) {
	margin: 20px 0px 0px 0px;
	}

#poi.det .fun003 li h5 {
	width: 100%;
	background: url(point/fund/img/fun003line01.gif) no-repeat left bottom;
	font-size: 48px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 48px;
	margin: 0px 0px 3px 0px;
	float: left;
	}

#poi.det .fun003 li h5 img {
	margin: 0px 20px 0px 0px;
	float: left;
	}

#poi.det .fun003 li h5 span {
	font-size: 32px;
	}

#poi.det .fun003 li h5 p {
	font-size: 14px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 100%;
	margin: 5px 70px 10px 0px;
	float: right;
	}

#poi.det .fun003 li dl {
	width: 50%;
	margin: 5px 0px 0px 0px;
	float: left;
	}

#poi.det .fun003 li dt {
	width: 60px;
	background: #ffffff;
	border: 2px #88CBE9 solid;
	color: #88CBE9;
	line-height: 21px;
	margin: 0px 5px 0px 0px;
	float: left;
	text-align: center;
	}

#poi.det .fun003 li dd {
	margin: 4px 0px 0px 0px;
	}

#poi.det .fun003 li ol {
	width: 100%;
	margin: 10px 0px 0px 0px;
	float: left;
	}

#poi.det .fun003 li ol img {
	width: 70px;
	margin: 0px 10px 0px 0px;
	float: left;
	}

#poi.det .fun003 .inq {
	width: 100%;
	font-size: 21px;
	font-weight: bold;
	line-height: 150%;
	color: #EC2F00;
	}

#poi.det .fun003 .inq p {
	width: 100%;
	margin: 0px 0px 10px 0px;
	text-align: center;
	}

#poi.det .fun003 .inq img {
	width: 100%;
	}

}

@media screen and (max-width: 640px){

#poi.det .fun003 .title {
	margin: 0px 0px 20px 0px;
	}

#poi.det .fun003 .title h4 {
	margin: 0px 0px 10px 0px;
	}

#poi.det .fun003 .title h4 img {
	width: 100%;
	}

#poi.det .fun003 ul {
	width: 100%;
	margin: 0px 0px 20px 0px;
	float: left;
	}

#poi.det .fun003 ul h4 {
	margin: 0px;
	}

#poi.det .fun003 ul h4 img {
	width: 100%;
	}

#poi.det .fun003 li {
	width: 100%;
	background: #ffffff;
	border: 3px #F2EEE6 solid;
	margin: 10px 0px 0px 0px;
	padding: 12px;
	float: left;
	}

#poi.det .fun003 li h5 {
	width: 100%;
	background: url(point/fund/img/fun003line01.gif) no-repeat left bottom;
	font-size: 36px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 32px;
	margin: 0px 0px 3px 0px;
	float: left;
	}

#poi.det .fun003 li h5 img {
	width: 70px;
	margin: 0px 10px 0px 0px;
	float: left;
	}

#poi.det .fun003 li h5 span {
	font-size: 24px;
	}

#poi.det .fun003 li h5 p {
	font-size: 12px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 100%;
	margin: 5px 80px 10px 0px;
	float: right;
	}

#poi.det .fun003 li dl {
	width: 50%;
	margin: 5px 0px 0px 0px;
	float: left;
	}

#poi.det .fun003 li dt {
	width: 50px;
	background: #ffffff;
	border: 2px #88CBE9 solid;
	font-size: 10px;
	color: #88CBE9;
	line-height: 21px;
	margin: 0px 5px 0px 0px;
	float: left;
	text-align: center;
	}

#poi.det .fun003 li dd {
	font-size: 10px;
	margin: 4px 0px 0px 0px;
	}

#poi.det .fun003 li ol {
	width: 100%;
	margin: 10px 0px 0px 0px;
	float: left;
	}

#poi.det .fun003 li ol img {
	width: 70px;
	margin: 0px 10px 0px 0px;
	float: left;
	}

#poi.det .fun003 .inq {
	width: 100%;
	font-size: 16px;
	font-weight: bold;
	color: #EC2F00;
	}

#poi.det .fun003 .inq p {
	width: 100%;
	margin: 0px 0px 10px 0px;
	text-align: center;
	}

#poi.det .fun003 .inq img {
	width: 100%;
	}

}


/* 資料請求 */

@media screen and (min-width: 641px){

#req {
	font-size: 14px;
	}

#req .tel {
	width: 100%;
	height: 180px;
	background: url(request/img/man.jpg) no-repeat 847px bottom;
	background-color: #ffffff;
	border: 5px #81D3B5 solid;
	margin: 0px 0px 50px 0px;
	padding: 25px 0px 25px 20px;
	float: left;
	text-align: center;
	}

#req .tel h3 {
	font-size: 24px;
	line-height: 100%;
	color: #2CB284;
	margin: 0px 0px 10px 0px;
	}

#req .tel p {
	font-size: 14px;
	margin: 0px 0px 0px 0px;
	}

#req .tel p span {
	font-size: 54px;
	font-family: 'Varela Round', sans-serif;
	font-weight: bold;
	line-height: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	display: block;
	}

#req .tel p font {
	color: #2CB284;
	margin: 0px 20px 0px 0px;
	}

#req .tel h4 {
	width: 240px;
	background: #FFF15B;
	border-radius: 10px;
	font-size: 14px;
	font-weight: normal;
	line-height: 150%;
	margin: 0px 175px 0px 0px;
	padding: 20px;
	float: right;
	text-align: left;
	position: relative;
	}

#req .tel h4:before {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 15px;
	border-color: transparent transparent transparent #FFF15B;
	margin: -5px 0px 0px 0px;
	position: absolute;
	right: -15px;
	top: 50%;
	}

#req form h3 {
	margin: 0px 0px 20px 0px;
	}

#req form h3 span {
	background: linear-gradient(transparent 60%, #ff0 0%);
	font-size: 21px;
	margin: 0px 0px 0px 20px;
	display: inline-block;
	}

#req form h4 {
	width: 100%;
	font-size: 24px;
	line-height: 30px;
	margin: 50px 0px 20px 0px;
	float: left;
	}

#req form h4 p {
	width: 30px;
	background: #2CB384;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	font-size: 21px;
	font-family: 'Varela Round', sans-serif;
	font-weight: bold;
	line-height: 30px;
	color: #ffffff;
	margin: 0px 10px 0px 0px;
	float: left;
	text-align: center;
	}

#req form h4 span {
	font-size: 16px;
	color: #EB2E00;
	}

#req form ul {
	border-top: 1px #dddddd solid;
	float: left;
	}

#req form li {
	width: 33.33%;
	height: 260px;
	background: #ffffff;
	border-right: 1px #dddddd solid;
	border-bottom: 1px #dddddd solid;
	padding: 19px;
	float: left;
	}

#req form li:nth-child(3n+1) {
	border-left: 1px #dddddd solid;
	}

#req form li label {
	margin: 0px;
	float: left;
	display: block;
	}

#req form li h5 {
	width: 100%;
	font-size: 16px;
	margin: 0px 0px 20px 0px;
	text-align: center;
	}

#req form li img {
	width: 120px;
	margin: 0px 20px 0px 0px;
	float: left;
	}

#req form ol {
	width: 100%;
	background: #ffffff;
	border: 1px #dddddd solid;
	padding: 29px;
	overflow: hidden;
	}

#req form dl {
	width: 100%;
	border-bottom: 1px #dddddd solid;
	float: left;
	display: table-row;
	}

#req form dl:nth-last-child(2) {
	border: none;
	}

#req form dt {
	width: 200px;
	font-weight: bold;
	padding: 20px 0px 20px 10px;
	display: table-cell;
	vertical-align: middle;
	}

#req form dt span {
	background: #EC2F00;
	font-size: 12px;
	color: #ffffff;
	margin: 0px 10px 0px 0px;
	padding: 2px 8px;
	text-align: center;
	}

#req form dt span.any {
	background: #aaaaaa;
	}

#req form dd {
	padding: 20px 0px 20px 0px;
	display: table-cell;
	}

#req form dd p {
	margin: 20px 0px 0px 0px;
	}

#req form input[type="text"] {
	padding: 10px;
	}

#req form .nam {
	width: 200px;
	}

#req form input[type="email"] {
	width: 300px;
	padding: 10px;
	}

#req form .add {
	width: 100%;
	}

#req form input[type="tel"] {
	width: 200px;
	padding: 10px;
	}

#req form select {
	padding: 10px;
	}

#req form textarea {
	width: 100%;
	padding: 10px;
	}

#req form .send {
	width: 300px;
	background: #ffcc00;
	border-radius: 10px;
	font-size: 28px;
	font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	margin: 30px 0px 20px 0px;
	padding: 10px 20px 10px 20px;
	cursor: pointer;
	}

#req.tha h3 {
	font-size: 24px;
	color: #2CB384;
	margin: 0px 0px 20px 0px;
	}

}

@media screen and (max-width: 640px){

#req .tel {
	width: 100%;
	background: #ffffff;
	border: 3px #81D3B5 solid;
	margin: 0px 0px 20px 0px;
	padding: 10px;
	float: left;
	}

#req .tel p {
	margin: 0px 0px 0px 0px;
	text-align: center;
	}

#req .tel p span {
	font-size: 26px;
	font-family: 'Varela Round', sans-serif;
	font-weight: bold;
	color: #333333;
	margin: 0px 0px 0px 0px;
	display: block;
	}

#req .tel p font {
	color: #2CB284;
	margin: 0px 10px 0px 0px;
	}

#req .tel p a {
	color: #333333;
	}

#req .tel h4 {
	width: 100%;
	background: #FFF15B;
	border-radius: 10px;
	font-size: 10px;
	font-weight: normal;
	margin: 0px 0px 10px 0px;
	padding: 10px;
	text-align: left;
	}

#req .tel h3 {
	width: 100%;
	font-size: 14px;
	color: #2CB284;
	margin: 0px 0px 0px 0px;
	text-align: center;
	}

#req form h3 {
	margin: 0px 0px 10px 0px;
	}

#req form h3 span {
	background: linear-gradient(transparent 60%, #ff0 0%);
	font-size: 16px;
	margin: 0px 0px 0px 10px;
	display: inline-block;
	}

#req form h4 {
	width: 100%;
	font-size: 14px;
	line-height: 20px;
	margin: 20px 0px 10px 0px;
	float: left;
	}

#req form h4 p {
	width: 20px;
	background: #2CB284;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	font-size: 14px;
	font-family: 'Varela Round', sans-serif;
	font-weight: bold;
	line-height: 20px;
	color: #ffffff;
	margin: 0px 5px 0px 0px;
	float: left;
	text-align: center;
	}

#req form h4 span {
	font-size: 12px;
	color: #EC2F00;
	margin: 0px 0px 0px 25px;
	display: block;
	}

#req form ul {
	border-top: 1px #dddddd solid;
	float: left;
	}

#req form li {
	width: 100%;
	background: #ffffff;
	border-right: 1px #dddddd solid;
	border-bottom: 1px #dddddd solid;
	border-left: 1px #dddddd solid;
	padding: 10px;
	float: left;
	}

#req form li label {
	margin: 0px;
	float: left;
	display: block;
	}

#req form li h5 {
	width: 100%;
	font-size: 14px;
	margin: 0px 0px 5px 0px;
	text-align: center;
	}

#req form li img {
	width: 30%;
	margin: 0px 10px 0px 0px;
	float: left;
	}

#req form ol {
	width: 100%;
	background: #ffffff;
	border: 1px #dddddd solid;
	padding: 9px;
	overflow: hidden;
	}

#req form dl {
	width: 100%;
	margin: 10px 0px 10px 0px;
	float: left;
	}

#req form dl:nth-last-child(2) {
	border: none;
	}

#req form dt {
	width: 100%;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	vertical-align: middle;
	}

#req form dt span {
	background: #EC2F00;
	font-size: 12px;
	color: #ffffff;
	margin: 0px 10px 0px 0px;
	padding: 2px 8px;
	text-align: center;
	}

#req form dt span.any {
	background: #aaaaaa;
	}

#req form dd {
	width: 100%;
	}

#req form dd p {
	margin: 10px 0px 0px 0px;
	}

#req form input[type="text"] {
	width: 100%;
	padding: 10px;
	}

#req form input[type="email"] {
	width: 100%;
	padding: 10px;
	}

#req form input[type="tel"] {
	width: 100%;
	padding: 10px;
	}

#req form select {
	padding: 10px;
	}

#req form textarea {
	width: 100%;
	padding: 10px;
	}

#req form .send {
	width: 100%;
	background: #ffcc00;
	border-radius: 10px;
	font-size: 24px;
	font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	color: #333333;
	margin: 10px 0px 10px 0px;
	padding: 10px 20px 10px 20px;
	cursor: pointer;
	}

#req.tha h3 {
	font-size: 16px;
	color: #2CB384;
	margin: 0px 0px 10px 0px;
	}

}


/* 来店予約 */

@media screen and (min-width: 641px){

#res {
	font-size: 14px;
	}

#res .ear ul {
	width: 100%;
	background: #EC2F00;
	font-size: 60px;
	font-weight: bold;
	color: #ffffff;
	margin: 0px 0px 20px 0px;
	padding: 20px 0px 10px 0px;
	text-align: center;
	}

#res .ear ul span  {
	color: #ffff00;
	}

#res .ear ul p  {
	font-size: 18px;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	}

#res .ear ul p br {
	display: none;
	}

#res .ear .cop {
	font-size: 18px;
	line-height: 150%;
	}

#res .ear .cop p {
	font-weight: bold;
	color: #EC2F00;
	margin: 0px;
	}

#res .ear .off {
	height: auto;
	}

#res .ear .off ol {
	width: 200px;
	margin: 0px 25px 20px 0px;
	float: left;
	position: relative;
	}

#res .ear .off ol img:last-child {
	position: absolute;
	left: 20px;
	top: 20px;
	}

#res .ear .off h3 {
	font-size: 36px;
	line-height: 100%;
	}

#res .ear .off h3 strike {
	font-weight: normal;
	color: #111111;
	}

#res .ear .off h3 font {
	font-family: 'Varela Round', sans-serif;
	}

#res .ear .off h3 p {
	font-size: 42px;
	margin: 20px 0px 10px 0px;
	}

#res .ear .off h3 p span {
	font-size: 72px;
	font-family: 'Varela Round', sans-serif;
	font-weight: bold;
	}

#res .off {
	width: 100%;
	height: 155px;
	background: #FFF15B;
	margin: 50px 0px 50px 0px;
	padding: 20px;
	float: left;
	position: relative;
	}

#res .off strong {
	width: 90px;
	height: 90px;
	background: #EC2F00;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	font-size: 18px;
	line-height: 120%;
	color: #ffffff;
	padding: 25px 0px 0px 0px;
	float: right;
	text-align: center;
	transform: rotate(-10deg);
	}

#res .off strong span {
	font-family: 'Varela Round', sans-serif;
	font-weight: bold;
	}

#res .off img {
	margin: 0px 25px 0px 0px;
	float: left;
	}

#res .off h3 {
	font-size: 48px;
	color: #EC2F00;
	margin: 20px 0px 0px 0px;
	}

#res .off h3 p {
	font-size: 36px;
	margin: 0px;
	display: inline-block;
	}

#res .off h3 p span {
	font-family: 'Varela Round', sans-serif;
	font-weight: bold;
	}

#res .off h3 p font {
	color: #333333;
	}

#res .off h4 {
	background: #3BBAC6;
	font-size: 18px;
	line-height: 30px;
	color: #ffff00;
	margin: 0px;
	padding: 0px 10px 0px 10px;
	position: absolute;
	left: 220px;
	top: -10px;
	}

#res .off h4:before {
	content: '';
  	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10px 10px 0;
	border-color: transparent #3BBAC6 transparent transparent;
  	position: absolute;
 	left: 20px;
 	bottom: -10px;
	}

#res .off h5 {
	font-size: 12px;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	}

#res .off h5 span {
	margin: 0px 20px 0px 0px;
	}

#res .off h5 font {
	color: #3BBAC6;
	}

#res .dis {
	width: 100%;
	background: #ffffff;
	margin: 0px 0px 50px 0px;
	padding: 30px;
	float: left;
	}

#res .dis h3 {
	font-size: 24px;
	color: #2CB384;
	margin: 0px 0px 20px 0px;
	text-align: center;
	}

#res .dis li {
	font-size: 12px;
	font-weight: bold;
	margin: 0px 20px 0px 0px;
	float: left;
	text-align: center;
	}

#res .dis li:nth-last-child(2) {
	width: 120px;
	color: #EB2E00;
	text-align: left;
	}

#res .dis li img {
	margin: 0px 0px 10px 0px;
	display: block;
	}

#res .tel {
	width: 100%;
	height: 180px;
	background: url(request/img/man.jpg) no-repeat 847px bottom;
	background-color: #ffffff;
	border: 5px #81D3B5 solid;
	margin: 0px 0px 50px 0px;
	padding: 25px 0px 25px 20px;
	float: left;
	text-align: center;
	}

#res .tel h3 {
	font-size: 24px;
	line-height: 100%;
	color: #2CB284;
	margin: 0px 0px 10px 0px;
	}

#res .tel p {
	font-size: 14px;
	margin: 0px 0px 0px 0px;
	}

#res .tel p span {
	font-size: 54px;
	font-family: 'Varela Round', sans-serif;
	font-weight: bold;
	line-height: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	display: block;
	}

#res .tel p font {
	color: #2CB284;
	margin: 0px 20px 0px 0px;
	}

#res .tel h4 {
	width: 240px;
	background: #FFF15B;
	border-radius: 10px;
	font-size: 14px;
	font-weight: normal;
	line-height: 150%;
	margin: 0px 175px 0px 0px;
	padding: 20px;
	float: right;
	text-align: left;
	position: relative;
	}

#res .tel h4:before {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 15px;
	border-color: transparent transparent transparent #FFF15B;
	margin: -5px 0px 0px 0px;
	position: absolute;
	right: -15px;
	top: 50%;
	}

#res form h3 {
	margin: 0px 0px 20px 0px;
	}

#res form h3 span {
	background: linear-gradient(transparent 60%, #ff0 0%);
	font-size: 21px;
	margin: 0px 0px 0px 20px;
	display: inline-block;
	}

#res form .cond {
	font-size: 10px;
	line-height: 120%;
	margin: 20px 0px;
	}

#res form .cond p {
	padding-left: 1em;
	text-indent: -1em;
	}

#res form h4 {
	width: 100%;
	font-size: 24px;
	line-height: 30px;
	margin: 50px 0px 20px 0px;
	float: left;
	}

#res form h4 p {
	width: 30px;
	background: #2CB384;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	font-size: 21px;
	font-family: 'Varela Round', sans-serif;
	font-weight: bold;
	line-height: 30px;
	color: #ffffff;
	margin: 0px 10px 0px 0px;
	float: left;
	text-align: center;
	}

#res form h4 span {
	font-size: 16px;
	color: #EB2E00;
	}

#res form ol {
	width: 100%;
	background: #ffffff;
	border: 1px #dddddd solid;
	margin: 30px 0px 0px 0px;
	padding: 29px;
	overflow: hidden;
	}

#res form dl {
	width: 100%;
	border-bottom: 1px #dddddd solid;
	float: left;
	display: table-row;
	}

#res form dl:nth-last-child(2) {
	border: none;
	}

#res form dt {
	width: 200px;
	font-weight: bold;
	padding: 20px 0px 20px 10px;
	display: table-cell;
	vertical-align: middle;
	}

#res form dt span {
	background: #EC2F00;
	font-size: 12px;
	color: #ffffff;
	margin: 0px 10px 0px 0px;
	padding: 2px 8px;
	text-align: center;
	}

#res form dt span.any {
	background: #aaaaaa;
	}

#res form dd {
	padding: 20px 0px 20px 0px;
	display: table-cell;
	}

#res form dl:nth-child(1) dd {
	font-size: 18px;
	font-weight: bold;
	color: #EC2F00;
	}

#res form dd label {
	margin: 0px 30px 0px 0px;
	float: left;
	display: block;
	cursor: pointer;
	}

#res form dd .day {
	margin: 0px 0px 10px 0px;
	}

#res form input[type="text"] {
	padding: 10px;
	}

#res form input[type="email"],
#res form input[type="tel"] {
	width: 300px;
	padding: 10px;
	}

#res form .nam {
	width: 200px;
	}

#res form .add {
	width: 100%;
	}

#res form select {
	padding: 10px;
	}

#res form textarea {
	width: 100%;
	padding: 10px;
	}

#res form .send {
	width: 300px;
	background: #ffcc00;
	border-radius: 10px;
	font-size: 28px;
	font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	margin: 30px 0px 20px 0px;
	padding: 10px 20px 10px 20px;
	cursor: pointer;
	}

#res .gui {
	margin: 50px 0px 0px 0px;
	}

}

@media screen and (max-width: 640px){

#res .ear ul {
	width: 100%;
	background: #EC2F00;
	font-size: 24px;
	font-weight: bold;
	color: #ffffff;
	margin: 0px 0px 10px 0px;
	padding: 10px 0px 10px 0px;
	text-align: center;
	}

#res .ear ul span  {
	color: #ffff00;
	}

#res .ear ul p  {
	font-size: 12px;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	}

#res .ear .cop {
	font-size: 14px;
	}

#res .ear .cop p {
	font-weight: bold;
	color: #EC2F00;
	margin: 0px;
	}

#res .ear .off {
	height: auto;
	}

#res .ear .off ol {
	margin: 10px 0px 0px 15%;
	float: left;
	position: relative;
	}

#res .ear .off img {
	margin: 0px 0px 0px 0px;
	}

#res .ear .off ol img:last-child {
	position: absolute;
	left: 10px;
	top: 10px;
	}

#res .ear .off h3 {
	margin: 20px 0px 0px 0px;
	}

#res .ear .off h3 strike {
	font-weight: normal;
	color: #111111;
	}

#res .ear .off h3 font {
	font-family: 'Varela Round', sans-serif;
	}

#res .ear .off h3 p {
	font-size: 18px;
	}

#res .ear .off h3 p span {
	font-size: 42px;
	font-family: 'Varela Round', sans-serif;
	font-weight: bold;
	}

#res .off {
	width: 100%;
	background: #FFF15B;
	margin: 20px 0px 20px 0px;
	padding: 10px;
	float: left;
	position: relative;
	}

#res .off strong {
	width: 60px;
	height: 60px;
	background: #EC2F00;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	font-size: 12px;
	line-height: 120%;
	color: #ffffff;
	margin: 10px 10px 0px 0px;
	padding: 20px 0px 0px 0px;
	float: right;
	text-align: center;
	/*
	position: absolute;
	left: 10px;
	top: -5px;
	*/
	transform: rotate(-10deg);
	}

#res .off strong span {
	font-family: 'Varela Round', sans-serif;
	font-weight: bold;
	}

#res .off img {
	width: 110px;
	margin: 10px 0px 0px 15%;
	float: left;
	}

#res .off h3 {
	font-size: 21px;
	color: #EC2F00;
	margin: 10px 0px 0px 0px;
	float: left;
	}

#res .off h3 p {
	font-size: 14px;
	margin: 0px;
	display: inline-block;
	}

#res .off h3 p span {
	font-family: 'Varela Round', sans-serif;
	font-weight: bold;
	}

#res .off h3 p font {
	color: #111111;
	}

#res .off h4 {
	background: #3BBAC6;
	font-size: 12px;
	line-height: 25px;
	color: #ffff00;
	margin: 0px;
	padding: 0px 5px 0px 5px;
	position: absolute;
	left: 10px;
	top: -10px;
	}

#res .off h4:before {
	content: '';
  	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10px 10px 0;
	border-color: transparent #3BBAC6 transparent transparent;
  	position: absolute;
 	left: 20px;
 	bottom: -10px;
	}

#res .off h5 {
	font-size: 10px;
	font-weight: normal;
	margin: 5px 0px 0px 0px;
	float: left;
	}

#res .off h5 span {
	display: block;
	}

#res .off h5 font {
	color: #66B7EC;
	}

#res .dis {
	width: 100%;
	background: #ffffff;
	margin: 0px 0px 20px 0px;
	padding: 10px;
	float: left;
	}

#res .dis h3 {
	font-size: 14px;
	color: #2CB384;
	margin: 0px 0px 10px 0px;
	text-align: center;
	}

#res .dis li {
	width: 49%;
	font-size: 12px;
	font-weight: bold;
	margin: 0px 2% 10px 0px;
	float: left;
	text-align: center;
	}

#res .dis li:nth-child(2n+1) {
	margin: 0px 0px 10px 0px;
	}

#res .dis li:nth-last-child(2) {
	color: #EB2E00;
	margin: 0px 10px 10px 0px;
	text-align: left;
	}

#res .dis li img {
	width: 100%;
	margin: 0px 0px 5px 0px;
	display: block;
	}

#res .tel {
	width: 100%;
	background: #ffffff;
	border: 3px #81D3B5 solid;
	margin: 0px 0px 20px 0px;
	padding: 10px;
	float: left;
	}

#res .tel p {
	margin: 0px 0px 0px 0px;
	text-align: center;
	}

#res .tel p span {
	font-size: 26px;
	font-family: 'Varela Round', sans-serif;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	display: block;
	}

#res .tel p font {
	color: #2CB284;
	margin: 0px 10px 0px 0px;
	}

#res .tel p span a {
	color: #333333;
	}

#res .tel h4 {
	width: 100%;
	background: #FFF15B;
	border-radius: 10px;
	font-size: 10px;
	font-weight: normal;
	margin: 0px 0px 10px 0px;
	padding: 10px;
	text-align: left;
	}

#res .tel h3 {
	width: 100%;
	font-size: 14px;
	color: #2CB284;
	margin: 0px 0px 0px 0px;
	text-align: center;
	}

#res form h3 {
	margin: 0px 0px 10px 0px;
	}

#res form h3 span {
	background: linear-gradient(transparent 60%, #ff0 0%);
	font-size: 16px;
	margin: 0px 0px 0px 10px;
	display: inline-block;
	}

#res form .cond {
	font-size: 10px;
	line-height: 120%;
	margin: 20px 0px;
	}

#res form .cond p {
	padding-left: 1em;
	text-indent: -1em;
	}

#res form h4 {
	width: 100%;
	font-size: 14px;
	line-height: 20px;
	margin: 20px 0px 10px 0px;
	float: left;
	}

#res form h4 p {
	width: 20px;
	background: #2CB284;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	font-size: 14px;
	font-family: 'Varela Round', sans-serif;
	font-weight: bold;
	line-height: 20px;
	color: #ffffff;
	margin: 0px 5px 0px 0px;
	float: left;
	text-align: center;
	}

#res form h4 span {
	font-size: 12px;
	color: #EC2F00;
	margin: 0px 0px 0px 25px;
	display: block;
	}

#res form ol {
	width: 100%;
	background: #ffffff;
	border: 1px #dddddd solid;
	margin: 10px 0px 0px 0px;
	padding: 9px;
	overflow: hidden;
	}

#res form dl {
	width: 100%;
	margin: 10px 0px 10px 0px;
	float: left;
	}

#res form dl:nth-last-child(2) {
	border: none;
	}

#res form dt {
	width: 100%;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	vertical-align: middle;
	}

#res form dt span {
	background: #EC2F00;
	font-size: 12px;
	color: #ffffff;
	margin: 0px 10px 0px 0px;
	padding: 2px 8px;
	text-align: center;
	}

#res form dt span.any {
	background: #aaaaaa;
	}

#res form dd {
	width: 100%;
	}

#res form dl:nth-child(1) dd {
	font-size: 16px;
	font-weight: bold;
	color: #EC2F00;
	}

#res form dd label {
	margin: 0px 30px 0px 0px;
	float: left;
	display: block;
	cursor: pointer;
	}

#res form dd .day {
	margin: 0px 0px 20px 0px;
	}

#res form input[type="text"],
#res form input[type="email"],
#res form input[type="tel"] {
	width: 100%;
	padding: 10px;
	}

#res form select {
	width: 100%;
	font-size: 14px;
	margin: 10px 0px 0px 0px;
	padding: 10px;
	}

#res form textarea {
	width: 100%;
	padding: 10px;
	}

#res form .send {
	width: 100%;
	background: #ffcc00;
	border-radius: 10px;
	font-size: 24px;
	font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	color: #333333;
	margin: 10px 0px 10px 0px;
	padding: 10px 20px 10px 20px;
	cursor: pointer;
	}

#res .gui {
	margin: 30px 0px 0px 0px;
	}

}


/* 無料借入相談 */

@media screen and (min-width: 641px){

#con_fun {
	color: #000000;
	}

#con_fun .main {
	width: 100%;
	background: url(contact/fund/img/mainman.jpg) no-repeat right 100px;
	overflow: hidden;
	}

#con_fun .main ul {
	margin: 0px 0px 30px 0px;
	overflow: hidden;
	}

#con_fun .main li {
	width: 184px;
	height: 70px;
	background: #FFFF00;
	border: 3px #000000 solid;
	border-radius: 10px;
	font-size: 28px;
	font-weight: bold;
	margin: 0px 20px 0px 0px;
	padding: 5px 0px 0px 0px;
	float: left;
	text-align: center;
	}

#con_fun .main li:last-child {
	margin: 0px 0px 0px 0px;
	}

#con_fun .main li span {
	font-size: 14px;
	line-height: 100%;
	margin: -5px 0px 0px 0px;
	display: block;
	}

#con_fun .main h3 {
	font-size: 96px;
	line-height: 100%;
	color: #EC2F00;
	margin: 0px 0px 20px 0px;
	}

#con_fun .main h3 span {
	font-size: 60px;
	margin: 0px 0px 0px 0px;
	display: block;
	}

#con_fun .main h3 p {
	width: 100px;
	background: #EC2F00;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	font-size: 36px;
	line-height: 100px;
	color: #ffffff;
	margin: 0px 20px 0px 0px;
	float: left;
	text-align: center;
	position: relative;
	}

#con_fun .main h3 p:before {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 30px 10px 0 10px;
	border-color: #EC2F00 transparent transparent transparent;
	position: absolute;
	right: 0px;
	bottom: 0px;
	transform: rotate(-45deg);
	}

#con_fun .main dl {
	width: 700px;
	font-size: 28px;
	font-weight: bold;
	margin: 0px 0px 20px 0px;
	}

#con_fun .main ol {
	width: 700px;
	background: #ffffff;
	border: 3px #2470C4 solid;
	font-size: 26px;
	font-weight: bold;
	line-height: 80px;
	color: #2470C4;
	margin: 0px 0px 30px 0px;
	text-align: center;
	}

#con_fun .inq {
	width: 100%;
	background: #EC2F00;
	font-weight: bold;
	color: #ffffff;
	margin: 0px 0px 50px 0px;
	padding: 20px 0px 20px 0px;
	float: left;
	text-align: center;
	}

#con_fun .inq a {
	width: 320px;
	height: 140px;
	background: #2470C4;
	border: 2px #ffffff solid;
	border-radius: 10px;
	font-size: 32px;
	line-height: 120%;
	color: #ffffff;
	margin: 0px 20px 0px 0px;
	padding: 0px 0px 0px 20px;
	float: right;
	}

#con_fun .inq a p {
	width: 100%;
	font-size: 18px;
	color: #FFFF00;
	margin: 0px;
	padding: 5px 20px 0px 0px;
	}

#con_fun .inq a img {
	margin: 0px 15px 0px 0px;
	float: right;
	transform: rotate(10deg);
	}

#con_fun .inq dd {
	font-size: 18px;
	}

#con_fun .inq dd span {
	font-size: 28px;
	}

#con_fun .inq dd p {
	font-size: 60px;
	font-family: 'Varela Round', sans-serif;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	}

#con_fun .inq dd p font {
	margin: 0px 20px 0px 0px;
	}

#con_fun .voi {
	width: 100%;
	margin: 0px 0px 50px 0px;
	float: left;
	}

#con_fun .voi h3 {
	width: 100%;
	background: #FFFF00;
	font-size: 42px;
	line-height: 100px;
	margin: 0px 0px 0px 0px;
	text-align: center;
	}

#con_fun .voi .scroll-pane {
	width: 100%;
	height: 400px;
	background: #ffffff;
	}

#con_fun .voi .scroll-pane li {
	border-bottom: 1px #dddddd solid;
	margin: 0px 50px 0px 50px;
	padding: 30px 0px 30px 0px;
	}

#con_fun .voi .scroll-pane li:last-child {
	border: none;
	}

#con_fun .voi .scroll-pane li h4 {
	font-size: 14px;
	margin: 0px 0px 10px 0px;
	}

#con_fun .voi .scroll-pane li h4 span {
	font-size: 18px;
	margin: 0px 50px 0px 0px;
	}

#con_fun .win {
	width: 100%;
	background: #ffffff;
	border: 3px #EC2F00 solid;
	margin: 0px 0px 50px 0px;
	padding: 37px;
	overflow: hidden;
	}

#con_fun .win h3 {
	font-size: 42px;
	margin: 0px 0px 40px 0px;
	text-align: center;
	}

#con_fun .win dl {
	width: 440px;
	font-size: 24px;
	font-weight: bold;
	line-height: 120%;
	margin: 0px 40px 0px 0px;
	float: left;
	}

#con_fun .win dl:last-child {
	margin: 0px 0px 0px 0px;
	}

#con_fun .win dt {
	width: 100%;
	height: 166px;
	background: url(contact/fund/img/win01.jpg) no-repeat right;
	margin: 0px 0px 10px 0px;
	float: left;
	}

#con_fun .win dl:last-child dt {
	background: url(contact/fund/img/win02.jpg) no-repeat right;
	}

#con_fun .win dt h4 {
	width: 130px;
	height: 130px;
	background: #EC2F00;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	font-size: 36px;
	line-height: 120%;
	color: #ffffff;
	margin: 10px 0px 0px 0px;
	padding: 25px 0px 0px 0px;
	text-align: center;
	}

#con_fun .win dl:last-child dt h4 {
	line-height: 100%;
	padding: 30px 0px 0px 0px;
	}

#con_fun .win dt h4 font {
	font-size: 21px;
	}

#con_fun .win dt h4 span {
	font-family: 'Varela Round', sans-serif;
	font-weight: bold;
	display: block;
	}

#con_fun .win dd {
	width: 100%;
	float: left;
	}

#con_fun .win dd li {
	margin: 10px 0px 0px 0px;
	padding-left: 1em;
	text-indent: -1em;
	}

#con_fun .win dd li span {
	color: #F8BFB2;
	}

#con_fun form {
	font-size: 14px;
	}

#con_fun form h3 {
	width: 100%;
	font-size: 42px;
	line-height: 120%;
	color: #2470C4;
	margin: 0px 0px 50px 0px;
	text-align: center;
	}

#con_fun form .tel {
	width: 100%;
	height: 180px;
	background: url(request/img/man.jpg) no-repeat 847px bottom;
	background-color: #ffffff;
	border: 5px #81D3B5 solid;
	margin: 0px 0px 50px 0px;
	padding: 25px 0px 25px 20px;
	float: left;
	text-align: center;
	}

#con_fun form .tel h5 {
	font-size: 24px;
	line-height: 100%;
	color: #2CB284;
	margin: 0px 0px 10px 0px;
	}

#con_fun form .tel p {
	font-size: 14px;
	margin: 0px 0px 0px 0px;
	}

#con_fun form .tel p span {
	font-size: 54px;
	font-family: 'Varela Round', sans-serif;
	font-weight: bold;
	line-height: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	display: block;
	}

#con_fun form .tel p font {
	color: #2CB284;
	margin: 0px 20px 0px 0px;
	}

#con_fun form .tel h6 {
	width: 240px;
	background: #FFF15B;
	border-radius: 10px;
	font-size: 14px;
	font-weight: normal;
	line-height: 150%;
	margin: 0px 175px 0px 0px;
	padding: 20px;
	float: right;
	text-align: left;
	position: relative;
	}

#con_fun form .tel h6:before {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 15px;
	border-color: transparent transparent transparent #FFF15B;
	margin: -5px 0px 0px 0px;
	position: absolute;
	right: -15px;
	top: 50%;
	}

#con_fun form h4 {
	margin: 0px 0px 20px 0px;
	}

#con_fun form h4 span {
	background: linear-gradient(transparent 60%, #ff0 0%);
	font-size: 21px;
	margin: 0px 0px 0px 20px;
	display: inline-block;
	}

#con_fun form .cop {
	font-size: 18px;
	font-weight: bold;
	line-height: 150%;
	margin: 0px 0px 10px 0px;
	}

#con_fun form .cop span {
	color: #EC2F00;
	display: block;
	}

#con_fun form li {
	width: 100%;
	background: #ffffff;
	border: 1px #dddddd solid;
	margin: 20px 0px 0px 0px;
	padding: 29px;
	float: left;
	}

#con_fun form li h5 {
	font-size: 16px;
	margin: 0px 0px 10px 0px;
	}

#con_fun form li p {
	margin: 0px 30px 0px 0px;
	float: left;
	}

#con_fun form li:last-child p {
	margin: 0px 0px 0px 0px;
	float: none;
	}

#con_fun form ol {
	width: 100%;
	background: #ffffff;
	border: 1px #dddddd solid;
	margin: 20px 0px 0px 0px;
	padding: 29px;
	float: left;
	}

#con_fun form dl {
	width: 100%;
	border-bottom: 1px #dddddd solid;
	float: left;
	display: table-row;
	}

#con_fun form dl:nth-last-child(2) {
	border: none;
	}

#con_fun form dt {
	width: 200px;
	font-weight: bold;
	padding: 20px 0px 20px 10px;
	display: table-cell;
	vertical-align: middle;
	}

#con_fun form dt span {
	background: #EC2F00;
	font-size: 12px;
	color: #ffffff;
	margin: 0px 10px 0px 0px;
	padding: 2px 8px;
	text-align: center;
	}

#con_fun form dt span.any {
	background: #aaaaaa;
	}

#con_fun form dd {
	padding: 20px 0px 20px 0px;
	display: table-cell;
	}

#con_fun form input[type="text"] {
	padding: 10px;
	}

#con_fun form .nam {
	width: 200px;
	}

#con_fun form input[type="email"] {
	width: 300px;
	padding: 10px;
	}

#con_fun form .add {
	width: 100%;
	}

#con_fun form input[type="tel"] {
	width: 200px;
	padding: 10px;
	}

#con_fun form select {
	padding: 10px;
	}

#con_fun form textarea {
	width: 100%;
	padding: 10px;
	}

#con_fun form .send {
	width: 300px;
	background: #ffcc00;
	border-radius: 10px;
	font-size: 28px;
	font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	margin: 30px 0px 20px 0px;
	padding: 10px 20px 10px 20px;
	cursor: pointer;
	}

}

@media screen and (max-width: 640px){

#con_fun {
	color: #000000;
	}

#con_fun .main {
	background: url(contact/fund/img/mainman.jpg) no-repeat right bottom;
	background-size: 20% auto;
	overflow: hidden;
	}

#con_fun .main ul {
	margin: 0px 0px 5px 0px;
	overflow: hidden;
	}

#con_fun .main li {
	width: 32%;
	background: #FFFF00;
	border: 2px #000000 solid;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size: 14px;
	font-weight: bold;
	margin: 0px 2% 5px 0px;
	padding: 5px 0px 0px 0px;
	float: left;
	text-align: center;
	}

#con_fun .main li:nth-child(3n) {
	margin: 0px 0px 5px 0px;
	}

#con_fun .main li span {
	font-size: 10px;
	line-height: 100%;
	margin: 0px 0px 5px 0px;
	display: block;
	}

#con_fun .main h3 {
	font-size: 36px;
	line-height: 100%;
	color: #EC2F00;
	margin: 0px 0px 10px 0px;
	}

#con_fun .main h3 span {
	font-size: 24px;
	margin: 0px 0px 0px 0px;
	display: block;
	}

#con_fun .main h3 p {
	width: 40px;
	background: #EC2F00;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	font-size: 14px;
	line-height: 40px;
	color: #ffffff;
	margin: 0px 10px 0px 0px;
	float: left;
	text-align: center;
	position: relative;
	}

#con_fun .main h3 p:before {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 30px 10px 0 10px;
	border-color: #EC2F00 transparent transparent transparent;
	position: absolute;
	right: 0px;
	bottom: 0px;
	z-index: -1;
	transform: rotate(-45deg);
	}

#con_fun .main dl {
	font-size: 16px;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	}

#con_fun .main ol {
	width: 75%;
	background: #ffffff;
	border: 1px #2470C4 solid;
	font-size: 14px;
	font-weight: bold;
	color: #2470C4;
	margin: 0px 0px 10px 0px;
	padding: 5px;
	}

#con_fun .main ol span  {
	color: #0066CC;
	display: block;
	}

#con_fun .inq {
	width: 100%;
	background: #ff0000;
	font-weight: bold;
	color: #ffffff;
	margin: 0px 0px 20px 0px;
	padding: 10px 3% 10px 3%;
	float: left;
	text-align: center;
	}

#con_fun .inq a.mai {
	width: 100%;
	background: #0066CC;
	border: 2px #ffffff solid;
	border-radius: 10px;
	font-size: 21px;
	line-height: 120%;
	color: #ffffff;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 20px;
	float: right;
	}

#con_fun .inq a.mai p {
	width: 100%;
	font-size: 14px;
	color: #FFFF00;
	margin: 0px;
	padding: 5px 20px 5px 0px;
	}

#con_fun .inq a.mai img {
	width: 20px;
	margin: -5px 15px 0px 0px;
	float: right;
	transform: rotate(10deg);
	}

#con_fun .inq a.mai br {
	display: none;
	}

#con_fun .inq dd {
	font-size: 12px;
	font-weight: normal;
	}

#con_fun .inq dd span {
	font-size: 16px;
	font-weight: bold;
	}

#con_fun .inq dd p {
	font-size: 26px;
	font-family: 'Varela Round', sans-serif;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	}

#con_fun .inq dd p font {
	margin: 0px 10px 0px 0px;
	}

#con_fun .inq dd p a {
	color: #ffffff;
	}

#con_fun .voi {
	width: 100%;
	margin: 0px 0px 20px 0px;
	float: left;
	}

#con_fun .voi h3 {
	width: 100%;
	background: #FFFF00;
	font-size: 16px;
	line-height: 40px;
	margin: 0px 0px 0px 0px;
	text-align: center;
	}

#con_fun .voi .scroll-pane {
	width: 100%;
	height: 200px;
	background: #ffffff;
	}

#con_fun .voi .scroll-pane li {
	border-bottom: 1px #dddddd solid;
	margin: 0px 10px 0px 10px;
	padding: 10px 0px 10px 0px;
	}

#con_fun .voi .scroll-pane li:last-child {
	border: none;
	}

#con_fun .voi .scroll-pane li h4 {
	font-size: 10px;
	margin: 0px 0px 10px 0px;
	}

#con_fun .voi .scroll-pane li h4 span {
	font-size: 14px;
	display: block;
	}

#con_fun .win {
	width: 100%;
	background: #ffffff;
	border: 2px #EC2F00 solid;
	margin: 0px 0px 20px 0px;
	padding: 8px;
	overflow: hidden;
	}

#con_fun .win h3 {
	width: 100%;
	font-size: 16px;
	margin: 0px 0px 10px 0px;
	float: left;
	}

#con_fun .win dl {
	width: 100%;
	font-size: 14px;
	font-weight: bold;
	line-height: 120%;
	margin: 10px 0px 0px 0px;
	float: left;
	}

#con_fun .win dt {
	width: 100%;
	height: 90px;
	background: url(contact/fund/img/win01.jpg) no-repeat right;
	background-size: auto 90px;
	margin: 0px 0px 10px 0px;
	float: left;
	position: relative;
	z-index: 1;
	}

#con_fun .win dl:last-child dt {
	background: url(contact/fund/img/win02.jpg) no-repeat right;
	background-size: auto 90px;
	}

#con_fun .win dt h4 {
	width: 80px;
	height: 80px;
	background: #EC2F00;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	font-size: 21px;
	line-height: 120%;
	color: #ffffff;
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 0px 0px;
	text-align: center;
	}

#con_fun .win dl:last-child dt h4 {
	line-height: 100%;
	padding: 20px 0px 0px 0px;
	}

#con_fun .win dt h4 font {
	font-size: 16px;
	}

#con_fun .win dt h4 span {
	font-family: 'Varela Round', sans-serif;
	font-weight: bold;
	display: block;
	}

#con_fun .win dd {
	width: 100%;
	float: left;
	}

#con_fun .win dd li {
	margin: 0px 0px 10px 0px;
	padding-left: 1em;
	text-indent: -1em;
	}

#con_fun .win dd li span {
	color: #F8BFB2;
	}

#con_fun form {
	}

#con_fun form h3 {
	width: 100%;
	font-size: 18px;
	color: #2470C4;
	margin: 0px 0px 20px 0px;
	}

#con_fun form h3 br {
	display: none;
	}

#con_fun form .tel {
	width: 100%;
	background: #ffffff;
	border: 3px #81D3B5 solid;
	margin: 0px 0px 20px 0px;
	padding: 10px;
	float: left;
	}

#con_fun form .tel p {
	margin: 0px 0px 0px 0px;
	text-align: center;
	}

#con_fun form .tel p span {
	font-size: 26px;
	font-family: 'Varela Round', sans-serif;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	display: block;
	}

#con_fun form .tel p font {
	color: #2CB284;
	margin: 0px 10px 0px 0px;
	}

#con_fun form .tel p a {
	color: #333333;
	}

#con_fun form .tel h6 {
	width: 100%;
	background: #FFF15B;
	border-radius: 10px;
	font-size: 10px;
	font-weight: normal;
	margin: 0px 0px 10px 0px;
	padding: 10px;
	text-align: left;
	}

#con_fun form .tel h5 {
	width: 100%;
	font-size: 14px;
	color: #2CB284;
	margin: 0px 0px 0px 0px;
	text-align: center;
	}

#con_fun form h4 {
	margin: 0px 0px 10px 0px;
	}

#con_fun form h4 span {
	background: linear-gradient(transparent 60%, #ff0 0%);
	font-size: 16px;
	margin: 0px 0px 0px 10px;
	display: inline-block;
	}

#con_fun form .cop {
	font-size: 14px;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	}

#con_fun form .cop span {
	color: #EC2F00;
	display: block;
	}

#con_fun form li {
	width: 100%;
	background: #ffffff;
	border: 1px #dddddd solid;
	margin: 10px 0px 0px 0px;
	padding: 9px;
	float: left;
	}

#con_fun form li h5 {
	font-size: 14px;
	margin: 0px 0px 5px 0px;
	}

#con_fun form li p {
	width: 50%;
	margin: 0px 0px 0px 0px;
	float: left;
	}

#con_fun form li:last-child p {
	width: 100%;
	}

#con_fun form ol {
	width: 100%;
	background: #ffffff;
	border: 1px #dddddd solid;
	margin: 10px 0px 0px 0px;
	padding: 9px;
	float: left;
	overflow: hidden;
	}

#con_fun form dl {
	width: 100%;
	margin: 10px 0px 10px 0px;
	float: left;
	}

#con_fun form dl:nth-last-child(2) {
	border: none;
	}

#con_fun form dt {
	width: 100%;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	vertical-align: middle;
	}

#con_fun form dt span {
	background: #EC2F00;
	font-size: 12px;
	color: #ffffff;
	margin: 0px 10px 0px 0px;
	padding: 2px 8px;
	text-align: center;
	}

#con_fun form dt span.any {
	background: #aaaaaa;
	}

#con_fun form dd {
	width: 100%;
	}

#con_fun form input[type="text"] {
	width: 100%;
	padding: 10px;
	}

#con_fun form input[type="email"] {
	width: 100%;
	padding: 10px;
	}

#con_fun form input[type="tel"] {
	width: 100%;
	padding: 10px;
	}

#con_fun form select {
	padding: 10px;
	}

#con_fun form textarea {
	width: 100%;
	padding: 10px;
	}

#con_fun form .send {
	width: 100%;
	background: #ffcc00;
	border-radius: 10px;
	font-size: 24px;
	font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	color: #333333;
	margin: 10px 0px 10px 0px;
	padding: 10px 20px 10px 20px;
	cursor: pointer;
	}

}


/* オンライン相談会 */

@media screen and (min-width: 641px){

#onlres {
	width: 1000px;
	font-size: 16px;
	line-height: 180%;
	color: #111111;
	margin: 50px auto 0px auto;
	}

#onlres .main {
	margin: 0px 0px 80px 0px;
	text-align: center;
	}

#onlres .main img:nth-child(1) {
	width: 1000px;
	margin: 0px 0px 80px 0px;
	}

#onlres .main img:nth-child(2) {
	width: 854px;
	}

#onlres .ama {
	width: 800px;
	background: #ffffff;
	border-right: 5px #14A1FE solid;
	border-bottom: 5px #14A1FE solid;
	border-left: 5px #14A1FE solid;
	font-size: 12px;
	margin: 0px auto 80px auto;
	padding: 0px 0px 10px 0px;
	overflow: hidden;
	}

#onlres form .ama {
	margin: 50px auto 50px auto;
	}

#onlres .ama h4 {
	width: 100%;
	background: #14A1FE;
	font-size: 21px;
	line-height: 40px;
	color: #ffffff;
	margin: 0px 0px 30px 0px;
	text-align: center;
	}

#onlres .ama p {
	width: 100%;
	font-size: 24px;
	font-weight: bold;
	margin: 0px 0px 20px 0px;
	text-align: left;
	}

#onlres .ama img {
	margin: -20px 20px 0px 35px;
	float: left;
	}

#onlres .ama p span {
	font-size: 90px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	line-height: 80%;
	margin: 0px 10px 0px 0px;
	float: left;
	}

#onlres .ama p font {
	font-size: 36px;
	line-height: 100%;
	margin: 5px 0px 0px 0px;
	display: block;
	}

#onlres .rec {
	margin: 50px 0px 80px 0px;
	}

#onlres .rec h3  {
	font-size: 24px;
	margin: 0px 0px 30px 0px;
	text-align: center;
	}

#onlres .rec li  {
	background: url(contact/onlinereservation/img/che.png) no-repeat left center;
	font-size: 21px;
	font-weight: bold;
	line-height: 21px;
	margin: 30px 0px 0px 300px;
	padding: 0px 0px 0px 37px;
	}

#onlres .mer {
	margin: 0px 0px 80px 0px;
	overflow: hidden;
	}

#onlres .mer h3 {
	width: 100%;
	background: #2DB584;
	font-size: 18px;
	line-height: 40px;
	color: #ffffff;
	margin: 0px 0px 30px 0px;
	text-align: center;
	}

#onlres .mer li {
	width: 313px;
	height: 400px;
	background: #ffffff;
	margin: 0px 30px 0px 0px;
	float: left;
	}

#onlres .mer li:last-child {
	margin: 0px 0px 0px 0px;
	}

#onlres .mer li ol {
	margin: 20px;
	}

#onlres .mer li h4 {
	font-size: 18px;
	line-height: 130%;
	margin: 0px 0px 10px 0px;
	}

#onlres .sol {
	margin: 0px 0px 80px 0px;
	overflow: hidden;
	}

#onlres .sol h3 {
	width: 100%;
	background: #2DB584;
	font-size: 18px;
	line-height: 40px;
	color: #ffffff;
	margin: 0px 0px 30px 0px;
	text-align: center;
	}

#onlres .sol li {
	width: 313px;
	margin: 0px 30px 0px 0px;
	float: left;
	}

#onlres .sol li:last-child {
	margin: 0px 0px 0px 0px;
	}

#onlres .sol li h4 {
	font-size: 18px;
	color: #2DB584;
	margin: 20px 0px 10px 0px;
	text-align: center;
	}

#onlres .flo {
	margin: 0px 0px 80px 0px;
	overflow: hidden;
	}

#onlres .flo h3 {
	width: 100%;
	background: #2DB584;
	font-size: 18px;
	line-height: 40px;
	color: #ffffff;
	margin: 0px 0px 30px 0px;
	text-align: center;
	}

#onlres .flo ul {
	width: 850px;
	margin: 0px auto 50px auto;
	overflow: hidden;
	}

#onlres .flo li {
	width: 250px;
	margin: 0px 50px 0px 0px;
	float: left;
	position: relative;
	}

#onlres .flo li:before {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 0 10px 12px;
	border-color: transparent transparent transparent #dddddd;
	position: absolute;
	top: 78.5px;
	right: -19px;
	}

#onlres .flo li:last-child {
	margin: 0px 0px 0px 0px;
	}

#onlres .flo li p {
	width: 100%;
	line-height: 177px;
	margin: 0px 0px 15px 0px;
	text-align: center;
	}

#onlres .flo li p img {
	display: inline-block;
	vertical-align: middle;
	}

#onlres .flo li h4 {
	font-size: 18px;
	line-height: 24px;
	margin: 0px 0px 10px 0px;
	}

#onlres .flo li h4 span {
	width: 24px;
	background: #2DB584;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	font-family: 'Montserrat', serif;
	font-size: 14px;
	font-weight: 700;
	line-height: 24px;
	color: #ffffff;
	margin: 0px 10px 0px 0px;
	text-align: center;
	display: inline-block;
	}

#onlres form h4 {
	font-size: 36px;
	color: #1473B6;
	margin: 0px 0px 50px 0px;
	text-align: center;
	}

#onlres form h4 br {
	display: none;
	}

#onlres form h3 {
	width: 100%;
	background: #1473B6;
	font-size: 18px;
	line-height: 40px;
	color: #ffffff;
	margin: 0px 0px 20px 0px;
	text-align: center;
	overflow: hidden;
	}

#onlres form ol {
	width: 100%;
	background: #ffffff;
	margin: 30px 0px 0px 0px;
	box-shadow: 0px 2px 1px 0px rgba(0,0,0,0.15); /* CSS3 */
	-webkit-box-shadow: 0px 2px 1px 0px rgba(0,0,0,0.15); /* Safari, Chrome用 */
	-moz-box-shadow: 0px 2px 1px 0px rgba(0,0,0,0.15); /* Firefox用 */
	}

#onlres form dl {
	width: 100%;
	border-bottom: 1px #dddddd solid;
	padding: 20px 0px 20px 0px;
	float: left;
	}

#onlres form dt {
	width: 250px;
	font-weight: bold;
	padding: 0px 0px 0px 20px;
	display: table-cell;
	vertical-align: middle;
	}

#onlres form dt span {
	background: #cc0000;
	font-size: 12px;
	color: #ffffff;
	margin: 0px 10px 0px 0px;
	padding: 2px 5px;
	text-align: center;
	}

#onlres form dt span.any {
	background: #aaaaaa;
	}

#onlres form dd {
	padding: 0px 20px 0px 0px;
	display: table-cell;
	}

#onlres form dd label {
	margin: 0px 20px 0px 0px;
	}

#onlres form input[type="text"], #onlres form input[type="email"], #onlres form input[type="tel"] {
	width: 300px;
	padding: 10px;
	}

#onlres form select {
	padding: 10px;
	}

#onlres form textarea {
	width: 100%;
	padding: 10px;
	}

#onlres form .send {
	width: 250px;
	background: #ffcc00;
	border-radius: 10px;
	font-size: 24px;
	font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	line-height: 50px;
	margin: 30px 0px 30px 0px;
	cursor: pointer;
	}

}

@media screen and (max-width: 640px){

#onlres {
	margin: 20px 0px 20px 0px;
	}

#onlres .main {
	margin: 0px 0px 20px 0px;
	text-align: center;
	}

#onlres .main img:nth-child(1) {
	width: 100%;
	margin: 0px 0px 20px 0px;
	}

#onlres .main img:nth-child(2) {
	width: 80%;
	margin: 0px auto 0px auto;
	display: block;
	}

#onlres .ama {
	width: 100%;
	background: #ffffff;
	border-right: 3px #14A1FE solid;
	border-bottom: 3px #14A1FE solid;
	border-left: 3px #14A1FE solid;
	font-size: 10px;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 5px 0px;
	overflow: hidden;
	}

#onlres form .ama {
	margin: 0px 0px 20px 0px;
	}

#onlres .ama h4 {
	width: 100%;
	height: auto;
	background: #14A1FE;
	border: none;
	font-size: 16px;
	line-height: 30px;
	color: #ffffff;
	margin: 0px 0px 10px 0px;
	text-align: center;
	}

#onlres .ama p {
	width: 100%;
	font-size: 12px;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
	text-align: left;
	}

#onlres .ama img {
	width: 80px;
	margin: 0px 10px 0px 10px;
	float: left;
	}

#onlres .ama p span {
	font-size: 42px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	line-height: 80%;
	margin: 0px 5px 0px 0px;
	float: left;
	}

#onlres .ama p font {
	font-size: 14px;
	line-height: 100%;
	margin: 0px 0px 0px 0px;
	display: block;
	}

#onlres .rec {
	margin: 30px 0px 30px 0px;
	}

#onlres .rec h3  {
	font-size: 16px;
	margin: 0px 0px 0px 0px;
	text-align: center;
	}

#onlres .rec li  {
	background: url(contact/onlinereservation/img/che.png) no-repeat left center;
	background-size: auto 14px;
	font-size: 14px;
	font-weight: bold;
	line-height: 21px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 23px;
	}

#onlres .mer {
	margin: 0px 0px 30px 0px;
	overflow: hidden;
	}

#onlres .mer h3 {
	width: 100%;
	background: #2DB584;
	font-size: 14px;
	line-height: 30px;
	color: #ffffff;
	margin: 0px 0px 0px 0px;
	text-align: center;
	}

#onlres .mer li {
	width: 48.5%;
	background: #ffffff;
	margin: 20px 3% 0px 0px;
	float: left;
	overflow: hidden;
	}

#onlres .mer li:nth-child(2n) {
	margin: 20px 0px 0px 0px;
	}

#onlres .mer li img {
	width: 100%;
	}

#onlres .mer li ol {
	margin: 10px;
	}

#onlres .mer li h4 {
	font-size: 14px;
	line-height: 130%;
	margin: 0px 0px 5px 0px;
	}

#onlres .sol {
	margin: 0px 0px 30px 0px;
	overflow: hidden;
	}

#onlres .sol h3 {
	width: 100%;
	background: #2DB584;
	font-size: 14px;
	line-height: 30px;
	color: #ffffff;
	margin: 0px 0px 0px 0px;
	text-align: center;
	}

#onlres .sol li {
	width: 48.5%;
	margin: 20px 3% 0px 0px;
	float: left;
	}

#onlres .sol li:nth-child(2n) {
	margin: 20px 0px 0px 0px;
	}

#onlres .sol li img {
	width: 100%;
	}

#onlres .sol li h4 {
	font-size: 14px;
	color: #2DB584;
	margin: 10px 0px 5px 0px;
	text-align: center;
	}

#onlres .flo {
	margin: 0px 0px 30px 0px;
	overflow: hidden;
	}

#onlres .flo h3 {
	width: 100%;
	background: #2DB584;
	font-size: 14px;
	line-height: 30px;
	color: #ffffff;
	margin: 0px 0px 20px 0px;
	text-align: center;
	}

#onlres .flo ul {
	margin: 0px 0px 30px 0px;
	overflow: hidden;
	}

#onlres .flo li {
	width: 100%;
	margin: 0px 0px 30px 0px;
	position: relative;
	}

#onlres .flo li:before {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 12px 10px 0 10px;
	border-color: #dddddd transparent transparent transparent;
	margin: 0px 0px 0px -10px;
	position: absolute;
	bottom: -20px;
	left: 50%;
	}

#onlres .flo li:last-child {
	margin: 0px 0px 0px 0px;
	}

#onlres .flo li:last-child:before {
	display: none;
	}

#onlres .flo li p {
	width: 20%;
	margin: 0px 10px 0px 0px;
	float: left;
	}

#onlres .flo li p img {
	width: 100%;
	}

#onlres .flo li:last-child p img {
	width: 70%;
	margin: 0px auto 0px auto;
	display: block;
	}

#onlres .flo li h4 {
	font-size: 14px;
	line-height: 18px;
	margin: 0px 0px 5px 0px;
	}

#onlres .flo li h4 span {
	width: 18px;
	background: #2DB584;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	font-family: 'Montserrat', serif;
	font-size: 12px;
	font-weight: 700;
	line-height: 18px;
	color: #ffffff;
	margin: 0px 5px 0px 0px;
	text-align: center;
	display: inline-block;
	}

#onlres form h4 {
	font-size: 16px;
	color: #1473B6;
	margin: 0px 0px 20px 0px;
	text-align: center;
	}

#onlres form h3 {
	width: 100%;
	background: #1473B6;
	font-size: 14px;
	line-height: 30px;
	color: #ffffff;
	margin: 0px 0px 20px 0px;
	float: left;
	text-align: center;
	}

#onlres form ol {
	width: 100%;
	background: #ffffff;
	margin: 10px 0px 0px 0px;
	padding: 10px;
	box-shadow: 0px 2px 1px 0px rgba(0,0,0,0.15); /* CSS3 */
	-webkit-box-shadow: 0px 2px 1px 0px rgba(0,0,0,0.15); /* Safari, Chrome用 */
	-moz-box-shadow: 0px 2px 1px 0px rgba(0,0,0,0.15); /* Firefox用 */
	}

#onlres form dl {
	width: 100%;
	margin: 10px 0px 10px 0px;
	float: left;
	}

#onlres form dl:nth-last-child(2) {
	border: none;
	}

#onlres form dt {
	width: 100%;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	vertical-align: middle;
	}

#onlres form dt span {
	background: #cc0000;
	font-size: 12px;
	color: #ffffff;
	margin: 0px 10px 0px 0px;
	padding: 2px 5px;
	text-align: center;
	}

#onlres form dt span.any {
	background: #aaaaaa;
	}

#onlres form dd {
	width: 100%;
	}

#onlres form dd label {
	margin: 0px 0px 10px 0px;
	display: block;
	}

#onlres form input[type="text"] {
	width: 100%;
	padding: 10px;
	}

#onlres form input[type="email"] {
	width: 100%;
	padding: 10px;
	}

#onlres form input[type="tel"] {
	width: 100%;
	padding: 10px;
	}

#onlres form select {
	padding: 10px;
	}

#onlres form textarea {
	width: 100%;
	padding: 10px;
	}

#onlres form .send {
	width: 100%;
	background: #ffcc00;
	border-radius: 10px;
	font-size: 24px;
	font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	line-height: 50px;
	color: #333333;
	margin: 10px 0px 10px 0px;
	cursor: pointer;
	}

}


/* ご紹介キャンペーン */

@media screen and (min-width: 641px){

#intr {
	font-size: 14px;
	line-height: 180%;
	}

#intr .main {
	margin: 0px 0px 50px 0px;
	}

#intr .main h3 {
	font-size: 36px;
	margin: 0px 0px 30px 0px;
	text-align: center;
	}

#intr .main h3 br {
	display: none;
	}

#intr .main li {
	width: 313px;
	font-size: 18px;
	font-weight: bold;
	color: #2CB484;
	margin: 0px 30px 20px 0px;
	float: left;
	text-align: center;
	}

#intr .main ul li:nth-child(3n) {
	margin: 0px 0px 20px 0px;
	}

#intr .main li p {
	width: 100%;
	border-radius: 10px;
	margin: 0px 0px 10px 0px;
	overflow: hidden;
	}

#intr .main span {
	font-weight: bold;
	color: #EB2D00;
	display: block;
	}

#intr .flo {
	margin: 0px 0px 50px 0px;
	overflow: hidden;
	}

#intr .flo h3 {
	margin: 0px 0px 20px 0px;
	}

#intr .flo h3 span {
	background: linear-gradient(transparent 60%, #ff0 0%);
	font-size: 21px;
	margin: 0px 0px 0px 20px;
	display: inline-block;
	}

#intr .flo ul {
	overflow: hidden;
	position: relative;
	}

#intr .flo ul:after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 0 10px 12px;
	border-color: transparent transparent transparent #81D3B5;
	margin: -10px 0px 0px -6px;
	position: absolute;
	left: 50%;
	top: 50%;
	}

#intr .flo ul li {
	width: 485px;
	height: 230px;
	background: #ffffff;
	border-radius: 10px;
	margin: 0px 30px 0px 0px;
	padding: 20px 30px 30px 30px;
	float: left;
	}

#intr .flo ul li:last-child {
	margin: 0px 0px 0px 0px;
	}

#intr .flo ul li h4 {
	font-size: 18px;
	line-height: 20px;
	margin: 0px 0px 20px 0px;
	text-align: center;
	}

#intr .flo ul li h4 p {
	width: 20px;
	background: #2DB584;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	font-size: 14px;
	font-family: 'Varela Round', sans-serif;
	font-weight: bold;
	color: #ffffff;
	margin: 0px 10px 0px 0px;
	text-align: center;
	display: inline-block;
	}

#intr .flo ul li img {
	border-radius: 10px;
	margin: 0px 0px 0px 20px;
	float: right;
	}

#intr .flo ul li h5 {
	width: 305px;
	background: #81D3B5;
	font-size: 14px;
	font-weight: bold;
	line-height: 24px;
	color: #ffffff;
	margin: 10px 0px 10px 0px;
	text-align: center;
	}

#intr .flo ul li p {
	font-size: 24px;
	font-family: 'Varela Round', sans-serif;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	}

#intr .flo ul li font {
	color: #2CB384;
	margin: 0px 10px 0px 0px;
	}

#intr form {
	margin: 0px 0px 50px 0px;
	}

#intr form h3 {
	margin: 0px 0px 20px 0px;
	}

#intr form h3 span {
	background: linear-gradient(transparent 60%, #ff0 0%);
	font-size: 21px;
	margin: 0px 0px 0px 20px;
	display: inline-block;
	}

#intr form h4 {
	width: 100%;
	font-size: 24px;
	line-height: 30px;
	margin: 50px 0px 20px 0px;
	float: left;
	}

#intr form ul {
	width: 100%;
	background: #ffffff;
	border: 1px #dddddd solid;
	margin: 30px 0px 0px 0px;
	padding: 29px;
	overflow: hidden;
	}

#intr form li {
	width: 455px;
	margin: 0px 30px 0px 0px;
	float: left;
	}

#intr form li:nth-child(2) {
	margin: 0px 0px 0px 0px;
	}

#intr form li h4 {
	font-size: 18px;
	margin: 0px 0px 0px 0px;
	text-align: center;
	}

#intr form dl {
	width: 100%;
	border-bottom: 1px #dddddd solid;
	float: left;
	display: table-row;
	}

#intr form dl:nth-last-child(1) {
	border: none;
	}

#intr form dt {
	width: 180px;
	font-weight: bold;
	padding: 20px 0px 20px 10px;
	display: table-cell;
	vertical-align: middle;
	}

#intr form dt span {
	background: #EC2F00;
	font-size: 12px;
	color: #ffffff;
	margin: 0px 10px 0px 0px;
	padding: 2px 8px;
	text-align: center;
	}

#intr form dt span.any {
	background: #aaaaaa;
	}

#intr form dd {
	padding: 20px 0px 20px 0px;
	display: table-cell;
	}

#intr form input[type="text"] {
	width: 100%;
	padding: 10px;
	}

#intr form input[type="email"] {
	width: 100%;
	padding: 10px;
	}

#intr form input[type="tel"] {
	width: 100%;
	padding: 10px;
	}

#intr form textarea {
	width: 100%;
	padding: 10px;
	}

#intr form .send {
	width: 100%;
	margin: 30px 0px 20px 0px;
	text-align: center;
	overflow: hidden;
	}

#intr form .send button {
	width: 300px;
	background: #ffcc00;
	border-radius: 10px;
	font-size: 28px;
	font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	padding: 10px 20px 10px 20px;
	cursor: pointer;
	}

#intr .tel {
	width: 100%;
	height: 180px;
	background: url(request/img/man.jpg) no-repeat 847px bottom;
	background-color: #ffffff;
	border: 5px #81D3B5 solid;
	margin: 0px 0px 50px 0px;
	padding: 25px 0px 25px 20px;
	float: left;
	text-align: center;
	}

#intr .tel h3 {
	font-size: 24px;
	line-height: 100%;
	color: #2CB284;
	margin: 0px 0px 10px 0px;
	}

#intr .tel p {
	font-size: 14px;
	margin: 0px 0px 0px 0px;
	}

#intr .tel p span {
	font-size: 54px;
	font-family: 'Varela Round', sans-serif;
	font-weight: bold;
	line-height: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	display: block;
	}

#intr .tel p font {
	color: #2CB284;
	margin: 0px 20px 0px 0px;
	}

#intr .tel h4 {
	width: 240px;
	background: #FFF15B;
	border-radius: 10px;
	font-size: 14px;
	font-weight: normal;
	line-height: 150%;
	margin: 0px 175px 0px 0px;
	padding: 20px;
	float: right;
	text-align: left;
	position: relative;
	}

#intr .tel h4:before {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 15px;
	border-color: transparent transparent transparent #FFF15B;
	margin: -5px 0px 0px 0px;
	position: absolute;
	right: -15px;
	top: 50%;
	}

}

@media screen and (max-width: 640px){

#intr .main {
	margin: 0px 0px 20px 0px;
	}

#intr .main h3 {
	font-size: 16px;
	margin: 0px 0px 10px 0px;
	text-align: center;
	}

#intr .main ul {
	overflow: hidden;
	}

#intr .main li {
	width: 49%;
	font-weight: bold;
	color: #2CB484;
	margin: 0px 2% 10px 0px;
	float: left;
	text-align: center;
	}

#intr .main ul li:nth-child(2n) {
	margin: 0px 0px 10px 0px;
	}

#intr .main li img {
	width: 100%;
	}

#intr .main li p {
	width: 100%;
	border-radius: 10px;
	margin: 0px 0px 5px 0px;
	overflow: hidden;
	}

#intr .main span {
	font-weight: bold;
	color: #EB2D00;
	display: block;
	}

#intr .flo {
	margin: 0px 0px 10px 0px;
	overflow: hidden;
	}

#intr .flo h3 {
	margin: 0px 0px 10px 0px;
	}

#intr .flo h3 span {
	background: linear-gradient(transparent 60%, #ff0 0%);
	font-size: 16px;
	margin: 0px 0px 0px 10px;
	display: inline-block;
	}

#intr .flo ul li {
	width: 100%;
	background: #ffffff;
	border-radius: 10px;
	margin: 0px 0px 10px 0px;
	padding: 10px;
	float: left;
	}

#intr .flo ul li h4 {
	font-size: 14px;
	line-height: 16px;
	margin: 0px 0px 10px 0px;
	text-align: center;
	}

#intr .flo ul li h4 p {
	width: 16px;
	background: #2DB584;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	font-size: 12px;
	font-family: 'Varela Round', sans-serif;
	font-weight: bold;
	color: #ffffff;
	margin: 0px 5px 0px 0px;
	text-align: center;
	display: inline-block;
	}

#intr .flo ul li img {
	width: 80px;
	border-radius: 10px;
	margin: 0px 0px 0px 10px;
	float: right;
	}

#intr .flo ul li h5 {
	width: 100%;
	background: #81D3B5;
	font-size: 12px;
	font-weight: bold;
	line-height: 22px;
	color: #ffffff;
	margin: 10px 0px 10px 0px;
	float: left;
	text-align: center;
	}

#intr .flo ul li p {
	font-size: 24px;
	font-family: 'Varela Round', sans-serif;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	}

#intr .flo ul li font {
	color: #2CB384;
	margin: 0px 10px 0px 0px;
	}

#intr form {
	margin: 0px 0px 20px 0px;
	}

#intr form h3 {
	margin: 0px 0px 10px 0px;
	}

#intr form h3 span {
	background: linear-gradient(transparent 60%, #ff0 0%);
	font-size: 16px;
	margin: 0px 0px 0px 10px;
	display: inline-block;
	}

#intr form ul {
	width: 100%;
	background: #ffffff;
	border: 1px #dddddd solid;
	margin: 10px 0px 0px 0px;
	padding: 9px;
	overflow: hidden;
	}

#intr form ul h4 {
	font-size: 14px;
	color: #2CB284;
	margin: 0px 0px 0px 0px;
	text-align: center;
	}

#intr form dl {
	width: 100%;
	margin: 10px 0px 10px 0px;
	float: left;
	}

#intr form dl:nth-last-child(2) {
	border: none;
	}

#intr form dt {
	width: 100%;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	vertical-align: middle;
	}

#intr form dt span {
	background: #EC2F00;
	font-size: 12px;
	color: #ffffff;
	margin: 0px 10px 0px 0px;
	padding: 2px 8px;
	text-align: center;
	}

#intr form dt span.any {
	background: #aaaaaa;
	}

#intr form dd {
	width: 100%;
	}

#intr form input[type="text"] {
	width: 100%;
	padding: 10px;
	}

#intr form input[type="email"] {
	width: 100%;
	padding: 10px;
	}

#intr form input[type="tel"] {
	width: 100%;
	padding: 10px;
	}

#intr form textarea {
	width: 100%;
	padding: 10px;
	}

#intr form .send button {
	width: 100%;
	background: #ffcc00;
	border-radius: 10px;
	font-size: 24px;
	font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	color: #333333;
	margin: 10px 0px 10px 0px;
	padding: 10px 20px 10px 20px;
	cursor: pointer;
	}

#intr .tel {
	width: 100%;
	background: #ffffff;
	border: 3px #81D3B5 solid;
	margin: 0px 0px 20px 0px;
	padding: 10px;
	float: left;
	}

#intr .tel p {
	margin: 0px 0px 0px 0px;
	text-align: center;
	}

#intr .tel p span {
	font-size: 26px;
	font-family: 'Varela Round', sans-serif;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	display: block;
	}

#intr .tel p font {
	color: #2CB284;
	margin: 0px 10px 0px 0px;
	}

#intr .tel p span a {
	color: #333333;
	}

#intr .tel h4 {
	width: 100%;
	background: #FFF15B;
	border-radius: 10px;
	font-size: 10px;
	font-weight: normal;
	margin: 0px 0px 10px 0px;
	padding: 10px;
	text-align: left;
	}

#intr .tel h3 {
	width: 100%;
	font-size: 14px;
	color: #2CB284;
	margin: 0px 0px 0px 0px;
	text-align: center;
	}

}


/* スタッフ募集 */

#rec {
	line-height: 150%;
	}

#rec ul {
	margin: 0px 0px 20px 0px;
	float: left;
	}

#rec h3 {
	margin: 0px 0px 15px 0px;
	}

#rec table.inf {
	width: 750px;
	border-top: 3px #C9AD92 solid;
	border-right: 3px #C9AD92 solid;
	border-left: 3px #C9AD92 solid;
	}

#rec table.inf th {
	width: 150px;
	background: #FCFBF9;
	border-bottom: 3px #C9AD92 solid;
	padding: 15px;
	}

#rec table.inf td {
	background: #ffffff;
	border-bottom: 3px #C9AD92 solid;
	padding: 15px;
	}

#rec h5 {
	margin: 20px 0px 20px 0px;
	}

#rec form table {
	width: 750px;
	border-top: 1px #F4F0DE solid;
	margin: 10px 0px 0px 0px;
	float: left;
	}

#rec form th {
	width: 130px;
	border-top: 1px #ffffff solid;
	border-bottom: 1px #F4F0DE solid;
	background-color: #F8F5E9;
	font-weight: normal;
	padding: 15px;
	text-align: left;
	}

#rec form th img {
	margin: 0px 5px 0px 0px;
	float: left;
	}

#rec form td {
	border-top: 1px #ffffff solid;
	border-bottom: 1px #F4F0DE solid;
	border-right: 1px #F4F0DE solid;
	background-color: #ffffff;
	padding: 15px;
	}

#rec .send {
	width: 120px;
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	margin: 30px 0px 0px 0px;
	padding: 10px;
	}