@charset "utf-8";
/*
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic);
@import url(//fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700);
*/

/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/

/*要素のフォントサイズやマージン・パディングをリセットしています*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

/*行の高さをフォントサイズと同じにしています*/

body {
	line-height: 1;
}

/*新規追加要素のデフォルトはすべてインライン要素になっているので、section要素などをブロック要素へ変更しています*/

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

/*nav要素内ulのマーカー（行頭記号）を表示しないようにしています*/

/*nav ul {
  list-style:none;
  }*/

ol, ul {
	list-style: none;
}

/*引用符の表示が出ないようにしています*/

blockquote, q {
	quotes: none;
}

/*blockquote要素、q要素の前後にコンテンツを追加しないように指定しています*/

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

/*a要素のフォントサイズなどをリセットしフォントの縦方向の揃え位置を親要素のベースラインに揃えるようにしています*/

a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

/* ins要素のデフォルトをセットし、色を変える場合はここで変更できるようにしています */

ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}

/* mark要素のデフォルトをセットし、色やフォントスタイルを変える場合はここで変更できるようにしています
また、mark要素とは、文書内の検索結果で該当するフレーズをハイライトして、目立たせる際に使用するようです。*/

mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}

/*テキストに打ち消し線が付くようにしています*/

del {
	text-decoration: line-through;
}

/*IEではデフォルトで点線を下線表示する設定ではないので、下線がつくようにしています
また、マウスオーバー時にヘルプカーソルの表示が出るようにしています*/

abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}

/*隣接するセルのボーダーを重ねて表示し、間隔を0に指定しています*/

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*水平罫線のデフォルトである立体的な罫線を見えなくしています*/

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
}

/*縦方向の揃え位置を中央揃えに指定しています*/

input, select {
	vertical-align: middle;
}

/*画像を縦に並べた時に余白が出ないように*/

img {
	vertical-align: top;
	font-size: 0;
	line-height: 0;
}

/*box-sizingを全ブラウザに対応*/

*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}

.none {
	display: none;
}

/* 表示フォントの設定 */

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Roboto, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
}

@media all and (-ms-high-contrast:none) {
	body {
		font-family: Roboto, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		/* ヒラギノと游ゴシックがずれるので、IE11は除外する */
	}
}

.mincho {
	font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

a:hover {
	opacity: 0.7;
}

.pc {
	display: block;
}

.pc2 {
	display: block;
}

.sp {
	display: none;
	/* 750以下で */
}

.sp2 {
	display: none;
	/* 640以下で */
}

 

@media(max-width:750px) {
	.pc {
		display: none;
	}
	.sp {
		display: block;
	}
}

@media(max-width:640px) {
	.pc2 {
		display: none;
	}
	.sp2 {
		display: block;
	}
}

::placeholder {
	color: #aaaaaa;
}

/* 旧Edge対応 */

::-ms-input-placeholder {
	color: #aaaaaa;
}

/* IE対応 */

:-ms-input-placeholder {
	color: #aaaaaa;
}

/* ************************************************** */

@media(max-width:750px) {
	label {
		position: relative;
	}
	input[type='radio'], input[type='checkbox'] {
		appearance: none;
		-webkit-appearance: none;
		outline: none;
		width: 3.73333333vw !important;
		/*28*/
		height: 3.73333333vw !important;
		/*28*/
		position: relative;
		border: none !important;
	}
	input[type='radio'] {
		border-radius: 1.86666667vw;
		/*14*/
	}
	input[type='radio']::before, input[type='checkbox']::before {
		display: block;
		position: absolute;
		content: '';
		width: 3.2vw !important;
		/*24*/
		height: 3.2vw !important;
		/*24*/
		top: 0.53333333vw;
		/*4*/
		border: 0.13333333vw solid #cccccc;
		/*1*/
		border-radius: 0.4vw;
		/*3*/
		background-color: #ffffff;
	}
	input[type='radio']::before {
		border-radius: 1.6vw;
		/*12*/
	}
	input[type='radio']:checked::before, input[type='checkbox']:checked::before {
		background-color: #0066D7;
	}
	input[type='checkbox']::after {
		display: block;
		content: '';
		position: absolute;
		left: 0.8vw;
		/*19*/
		top: 0.53333333vw;
		/*4*/
		width: 1.6vw;
		/*12*/
		height: 2.4vw;
		/*18*/
		border-right: 0.26666667vw solid #fff;
		/*2*/
		border-bottom: 0.26666667vw solid #fff;
		/*2*/
		transform: rotate(45deg);
		opacity: 0;
	}
	input[type='checkbox']:checked::after {
		opacity: 1;
	}
	input[type='radio']::after {
		display: block;
		content: '';
		position: absolute;
		border-right: 1.6vw solid #fff;
		/*12*/
		width: 1.6vw;
		/*12*/
		height: 1.6vw;
		/*12*/
		opacity: 0;
		top: 1.3333333vw;
		/*10*/
		left: 0.8vw;
		/*6*/
		border-radius: 0.8vw;
		/*6*/
	}
	input[type='radio']:checked::after {
		opacity: 1;
	}
}

/* ************************************************** */

body {
	position: relative;
}

header {
	width: 100%;
	position: relative;
	z-index: 5;
}

header .inner {
	max-width: 1400px;
	display: block;
	margin: 0 auto;
	padding: 0 40px;
}

header .inner .logo {
	position: absolute;
	top: 45px;
	left: 25px;
}

header .inner .logo img {
	width: 165px;
	height: auto;
}

header .inner h1 {
	width: 156px;
	display: block;
	position: absolute;
	left: calc(50% - 78px);
	top: 20px;
}

.top header .inner h1 {
	display: none;
}

header .inner h1 img {
	width: 100%;
}

header .inner .contact {
	position: absolute;
	right: 80px;
	top: 40px;
	display: inline-block;
}

header .inner .contact .inquiry {
	display: inline-block;
	line-height: 30px;
	color: #ffffff;
	font-size: 14px;
	border-right: 1px solid #ffffff;
	margin-right: 10px;
	padding-right: 10px;
}

header .inner .contact .tel {
	display: inline-block;
	line-height: 30px;
	color: #ffffff;
	font-size: 20px;
	background-image: url("../images/header/icon_tel.png");
	background-repeat: no-repeat;
	background-size: 16px auto;
	background-position: left center;
}

header .inner .contact .tel a {
	color: #ffffff;
	text-decoration: none;
}

header .inner .contact .tel span {
	display: inline-block;
	padding-left: 26px;
}

header .inner .menu {
	position: absolute;
	right: 25px;
	top: 40px;
}

header .inner .menu img {
	width: 30px;
	height: auto;
}

header #menu_fix {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #ffffff;
	z-index: 10;
}

header #menu_fix .navi {
	height: 72px;
}

header #menu_fix .navi .inner .logo {
	top: 24px;
}

header #menu_fix .navi .inner .contact {
	top: 20px;
}

header #menu_fix .inner .contact .inquiry {
	color: #2e7bbe;
	border-right: 1px solid #2e7bbe;
}

header #menu_fix .inner .contact .tel {
	color: #2e7bbe;
	background-image: url("../images/header/icon_tel_fix.png");
}

header #menu_fix .inner .contact .tel span {
	color: #2e7bbe;
}

header #menu_fix .inner .contact .tel span a {
	color: #2e7bbe;
}

header #menu_fix .navi .inner .menu {
	top: 20px;
}

header #menu_fix .inner h1 {
	display: block;
	width: 240px;
	left: calc(50% - 120px);
	top: 20px;
}

header #menu_navi {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #2e7bbe;
	z-index: 100;
}

header #menu_navi .navi {}

header #menu_navi h1 {
	display: block;
}

header #menu_navi h1 img {}

.navi .search {
	max-width: 688px;
	text-align: center;
	margin: 0 auto;
}

header #menu_navi .navi .search {
	margin: 130px auto 0 auto;
}

.navi .search li {
	display: inline-block;
	width: calc( ( 100% - 8px) / 2);
	margin-right: 8px;
}

.navi .search li:last-of-type {
	margin-right: 0;
}

.navi .search li a {
	text-decoration: none;
	font-size: 16px;
	padding: 32px 0;
	background-color: #ffffff;
	display: block;
	background-repeat: no-repeat;
	background-position: right 40px center;
	background-size: 8px auto;
}

.navi .search li.view a {
	color: #318ab9;
	background-image: url("../images/header/view_arrow.png");
}

.navi .search li.near a {
	color: #03589d;
	background-image: url("../images/header/near_arrow.png");
}

.navi .type {
	max-width: 688px;
	margin: 0 auto;
	padding: 20px 0 4px 0;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
}

.navi .type_cond {
	max-width: 688px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	margin: 0 auto 38px auto;
	position: relative;
	padding: 6px 0;
}

.navi .type_cond dl {
	border-bottom: 1px solid #ffffff;
	width: 540px;
	padding: 0 0 6px 0;
	font-size:0;
}

.navi .type_cond dl:last-of-type {
	border-bottom: none;
	padding: 6px 0 0 0;
}

.navi .type_cond dl dt {
	display: inline-block;
	vertical-align: middle;
	color: #ffffff;
	width: 50px;
	padding: 0 0 0 2px;
	font-size: 12px;
	font-weight: bold;
}

.navi .type_cond dl dd {
	display: inline-block;
	vertical-align: middle;
}

.navi .type_cond dl dd ul {}

.navi .type_cond dl dd ul li {
	display: inline-block;
	vertical-align: top;
}

.navi .type_cond dl dd ul li a {
	text-decoration: none;
	font-size: 14px;
	line-height: 24px;
	display: inline-block;
	padding-right: 9px;
	padding-left: 9px;
	margin-right: 1px;
	margin-left: 1px;
	color: #ffffff;
}

.navi .type_cond dl dd ul li.all {
	border-left: 1px solid #ffffff;
	margin-left: 10px;
}

.navi .type_cond dl dd ul li.all a {
	margin-left: 10px;
}

.navi .type_cond dl dd ul li.resort {
	border-left: 1px solid #ffffff;
	margin-left: 10px;
}

.navi .type_cond dl dd ul li.resort a {
	margin-left: 10px;
}

.navi .type_cond dl dd ul li.renovation {
	border-left: 1px solid #ffffff;
	margin-left: 10px;
}

.navi .type_cond dl dd ul li.renovation a {
	margin-left: 20px;
}

.navi .type_cond .fav {
	display: block;
	width: 136px;
	height: 64px;
	border-left: 1px solid #ffffff;
	position: absolute;
	right: 0;
	top: 6px;
	text-align: center;
}

.navi .type_cond .fav a {
	text-decoration: none;
	color: #ffffff;
	font-size: 14px;
}

.navi .type_cond .fav .hearts {
	display: inline-block;
	vertical-align: middle;
	padding: 12px 0 8px 0;
	margin-right: 2px;
}
.navi .type_cond .fav .hearts img{
	width:14px;
	height:auto;
}

.navi .type_cond .fav span {
	display: inline-block;
	vertical-align: middle;
	color: #f1beae;
	padding: 12px 0 8px 0;
}

.navi .type_cond .fav p {}

header #menu_navi .guide {
	background-color: #286db6;
	padding: 16px 0 30px 0;
}

header #menu_navi .guide ul {
	text-align: center;
	margin-bottom: 26px;
}

header #menu_navi .guide ul li {
	display: inline-block;
}

header #menu_navi .guide ul li a {
	display: inline-block;
	background-color: none;
	padding: 9px 12px;
	font-size: 14px;
	border-radius: 16px;
	text-decoration: none;
	color: #ffffff;
}

header #menu_navi .guide ul li a:hover, header #menu_navi .guide ul li a:active, header #menu_navi .guide ul li a.active {
	background-color: #215d9c;
	opacity: 1;
}

header #menu_navi .guide .inquiry {
	text-align: center;
}

header #menu_navi .guide .inquiry a {
	font-size: 14px;
	color: #136794;
	padding: 13px 0;
	border-radius: 20px;
	background-color: #ffffff;
	text-decoration: none;
	display: inline-block;
	vertical-align: top;
	width: 164px;
	margin-right: 16px;
}

header #menu_navi .guide .inquiry a:last-of-type {
	margin-right: 0;
}

header #menu_navi.fix .inner .logo {
	top: 24px;
}

header #menu_navi.fix .inner .contact {
	top: 20px;
}

header #menu_navi.fix .inner .menu {
	top: 20px;
}

header #menu_navi.fix .inner h1 {
	width: 240px;
	left: calc(50% - 120px);
	top: 20px;
}

@media(max-width:1020px) {
	header .inner .contact .inquiry {
		display: none;
	}
	header .inner .contact .tel span {
		font-size: 0;
	}
}

@media(max-width:750px) {
	header .inner .logo {
		top: 5.06666667vw;
		/*38*/
		left: 2.6666667vw;
		/*20*/
	}
	header .inner .logo img {
		width: 27.3333333vw;
		/*205*/
	}
	header .inner h1 {
		width: 35.2vw;
		/*264*/
		left: calc(50% - 17.6vw);
		/*132*/
		top: 3.2vw;
		/*24*/
	}
	header .inner .contact {
		right: 19.3333333vw;
		/*145*/
		top: 4.6666667vw;
		/*35*/
	}
	header .inner .contact .inquiry {
		display: none;
	}
	header .inner .contact .tel {
		content: "";
		width: 5.06666667vw;
		/*38*/
		height: 5.06666667vw;
		/*38*/
		background-size: 5.06666667vw auto;
		/*38*/
		background-position: center center;
	}
	header .inner .contact .tel span {
		width: 5.06666667vw;
		/*38*/
		height: 5.06666667vw;
		/*38*/
		font-size: 0;
	}
	header .inner .menu {
		right: 4.8vw;
		/*36*/
		top: 3.2vw;
		/*24*/
		width: 8vw;
		/*60*/
	}
	header .inner .menu img {
		width: 8vw;
		/*60*/
	}
	header #menu_fix .inner h1 {
		width: 22.6666667vw;
		/*170*/
		left: calc(50% - 11.3333333vw);
		/*85*/
		top: 1.73333333vw;
		/*13*/
	}
	header #menu_fix .navi {
		height: 14.4vw;
		/*108*/
	}
	header #menu_fix .navi .inner .logo {
		top: 5.6vw;
		/*42*/
		left: 2.6666667vw;
		/*20*/
	}
	header #menu_fix .navi .inner .logo img {
		width: 20vw;
		/*150*/
	}
	.top header #menu_fix .inner h1 {
		width: 22.6666667vw;
		/*170*/
		left: calc(50% - 11.3333333vw);
		/*85*/
		top: 1.73333333vw;
		/*13*/
	}
	header #menu_fix .navi .inner .contact {
		top: 4.6666667vw;
		/*35*/
	}
	header #menu_navi.fix .inner .contact {
		top: 4.6666667vw;
		/*35*/
	}
	header #menu_fix .navi .inner .menu {
		top: 3.2vw;
		/*24*/
	}
	header #menu_navi {
		max-height: calc(100vh - 20px);
		overflow-y: scroll;
	}
	header #menu_navi .inner .logo {
		top: 5.6vw;
		/*42*/
		left: 2.6666667vw;
		/*20*/
	}
	header #menu_navi .inner .logo img {
		width: 20.53333333vw;
		/*154*/
	}
	header #menu_navi .inner h1 {
		width: 22.6666667vw;
		/*170*/
		left: calc(50% - 11.3333333vw);
		/*85*/
	}
	header #menu_navi .navi .search {
		margin: 22.6666667vw auto 0 auto;
		/*170*/
	}
	.navi .search li {
		width: 40vw;
		/*300*/
		margin-right: 4vw;
		/*30*/
	}
	.navi .search li a {
		font-size: 3.2vw;
		/*24*/
		line-height: 4.26666667vw;
		/*32*/
		padding: 2.66666667vw 0;
		/*12*/
		background-position: right 4vw center;
		/*30*/
		background-size: 1.06666667vw auto;
		/*8*/
	}
	.navi .search li a span {
		text-align: left;
		width: 19.46666667vw;
		/*146*/
		display: inline-block;
	}
	.navi .search li a span br.sp {
		display: inherit;
	}
	.navi .type {
		display: none;
	}
	.navi .type_cond {
		border: none;
		margin: 6.6666667vw auto 10vw auto;
		/*50 75*/
		padding: 0 0 18.66666667vw 0;
		/*140*/
	}
	.navi .type_cond dl {
		width: 84vw;
		/*630*/
		margin: 0 auto;
		border-bottom: none;
		padding: 0 0 8vw 0;
		/*60*/
	}
	.navi .type_cond dl.area {
		padding: 0 0 6.6666667vw 0;
		/*50*/
	}
	.navi .type_cond dl dt {
		width: 84vw;
		/*630*/
		font-size: 3.2vw;
		/*24*/
		text-align: center;
		margin-bottom: 2.6666667vw;
		/*20*/
	}
	.navi .type_cond dl dd {
		width: 84vw;
		/*630*/
		border-top: 0.13333333vw solid #79b5d5;
		/*1*/
		border-bottom: 0.13333333vw solid #79b5d5;
		/*1*/
	}
	.navi .type_cond dl dd ul li {
		width: calc(100% / 3);
		text-align: center;
		padding: 2.6666667vw 0;
		/*20*/
	}
	.navi .type_cond dl dd ul li.all, .navi .type_cond dl dd ul li.resort, .navi .type_cond dl dd ul li.renovation {
		border-left: none;
		margin-left: 0;
	}
	.navi .type_cond dl dd ul li:nth-child(4), .navi .type_cond dl dd ul li:nth-child(5), .navi .type_cond dl dd ul li:nth-child(6) {
		border-top: 0.13333333vw solid #79b5d5;
		/*1*/
	}
	.navi .type_cond dl dd ul li a {
		padding-right: 0;
		padding-left: 0;
		font-size: 3.2vw;
		/*24*/
		line-height: 5.33333333vw;
		/*40*/
		display: block;
		border-right: 0.13333333vw solid #79b5d5;
		/*1*/
	}
	.navi .type_cond dl dd ul li:nth-child(3) a, .navi .type_cond dl dd ul li:nth-child(6) a {
		border-right: none;
	}
	.navi .type_cond dl dd ul li a span {
		display: inline-block;
	}
	.navi .type_cond dl dd ul li.resort a, .navi .type_cond dl dd ul li.renovation a {
		padding-right: 0;
		padding-left: 0;
		margin-left: 0;
		border-right: 0.13333333vw solid #79b5d5;
		/*1*/
		border-left: none;
	}
	.navi .type_cond dl dd ul li.renovation a {
		border-right: none;
	}
	.navi .type_cond dl dd ul li.all {
		position: absolute;
		bottom: 0;
		left: 3.86666667vw;
		/*29*/
		width: 40vw;
		/*300*/
		border: 0.13333333vw solid #ffffff;
		/*1*/
		padding: 0;
	}
	.navi .type_cond dl dd ul li.all a {
		border: none;
		padding-left: 0;
		font-size: 3.2vw;
		/*24*/
		line-height: 1;
		padding: 3.6vw 0;
		/*27*/
	}
	.navi .type_cond .fav {
		position: absolute;
		top: inherit;
		bottom: 0;
		right: 3.86666667vw;
		/*29*/
		width: 40vw;
		/*300*/
		height: 10.6666667vw;
		/*80*/
		border: 0.13333333vw solid #ffffff;
		/*1*/
	}
	.navi .type_cond .fav a {
		font-size: 2.93333333vw;
		/*22*/
	}
	.navi .type_cond .fav .hearts {
		width: 2.66666667vw;
		/*20*/
		padding: 3.46666667vw 0 0 0;
		/*26*/
		/*margin-right: 0.26666667vw;*/
		/*2*/
	}
	.navi .type_cond .fav .hearts img{
		width:2.66666667vw;	/*20;*/
	}
	.navi .type_cond .fav span {
		padding: 3.46666667vw 0 0 0;
		/*26*/
		margin-right: 2.13333333vw;
		/*16*/
	}
	.navi .type_cond .fav p {
		display: inline-block;
		padding: 3.46666667vw 0 0 0;
		/*26*/
		vertical-align: top;
	}
	header #menu_navi .navi .type_cond dl dd ul li.all {
		left: 8vw;
		/*60*/
	}
	header #menu_navi .navi .type_cond .fav {
		right: 8vw;
		/*60*/
	}
	header #menu_navi .guide {
		padding: 6.6666667vw 0;
		/*50*/
	}
	header #menu_navi .guide ul {
		margin-bottom: 0;
	}
	header #menu_navi .guide ul li {
		margin-bottom: 6.6666667vw;
		/*50*/
	}
	header #menu_navi .guide ul li a {
		font-size: 3.46666667vw;
		/*26*/
		padding: 0 4vw;
		/*30*/
	}
	header #menu_navi .guide .inquiry a {
		font-size: 3.46666667vw;
		/*26*/
		padding: 3.6vw 0;
		/*27*/
		width: 44vw;
		/*330*/
		margin-right: 4vw;
		/*30*/
		border-radius: 5.3333333vw;
		/*40*/
	}
	header #menu_navi.fix .inner .logo {
		top: 5.6vw;
		/*42*/
		left: 2.6666667vw;
		/*20*/
	}
	header #menu_navi.fix .inner .logo img {
		width: 20vw;
		/*150*/
	}
	header #menu_navi.fix .inner h1 {
		width: 22.6666667vw;
		/*170*/
		left: calc(50% - 11.3333333vw);
		/*85*/
		top: 1.73333333vw;
		/*13*/
	}
}

/* ************************************************** */

footer {}

footer.nolink{
	border-top:1px solid #136794;
	padding-top:40px;
}

footer .inner {}

footer .inner .inquiry {
	background-color: #dce8eb;
	padding: 30px 0;
	text-align: center;
}

footer .inner .inquiry a {
	font-size: 18px;
	line-height: 1;
	font-weight: bold;
	padding: 22px 0;
	border-radius: 31px;
	width: calc( ( 688px - 38px) / 2);
	display: inline-block;
	margin-right: 38px;
	color: #136794;
	background-color: #ffffff;
	text-decoration: none;
}

footer .inner .inquiry a:last-of-type {
	margin-right: 0;
}

footer .inner .inquiry a:hover {
	background-color: #136794;
	color: #ffffff;
	opacity: 1;
}

footer .inner .inner2 {
	position: relative;
	max-width: 960px;
	margin: 0 auto;
}

footer .inner .guide {
	max-width: 688px;
	margin: 0 auto;
	padding: 40px 0 50px 0;
	text-align: center;
}

footer .inner .guide ul li {
	display: inline-block;
	margin-right: 30px;
	display: inline-block;
}

footer .inner .guide ul li a {
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}

footer .inner .guide ul li a:last-of-type {
	margin-right: 0;
}

footer .inner .guide ul li a.active, footer .inner .guide ul li a:active, footer .inner .guide ul li a:hover {
	color: #318ab9;
	opacity: 1;
}

footer .inner .logo {
	text-align: center;
	margin: 0 auto 40px auto;
}

footer .inner .logo img {
	width: 226px;
	height: auto;
}

footer .inner .banner {}

footer .inner .banner .shonan {
	text-align: center;
	margin: 0 auto 30px auto;
}

footer .inner .banner .shonan img {
	width: 586px;
	height: auto;
	margin: 0 auto;
}

footer .inner .banner ul {
	width: 586px;
	margin: 0 auto 30px auto;
	font-size: 0;
}

footer .inner .banner ul li {
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 10px;
	width: calc( ( 586px - 10px) / 2);
}

footer .inner .banner ul li:nth-child(2n) {
	margin-right: 0;
}

footer .inner .banner ul li a {}

footer .inner .banner ul li a img {
	width: 100%;
	height: auto;
}

footer .inner #gotop {
	position: absolute;
	top: 30px;
	right: -20px;
}

footer.nolink .inner #gotop {
	top:70px;
}

footer .inner #gotop a {}

footer .inner #gotop img {
	width: 36px;
	height: auto;
}

footer .inner .copy {
	background-color: #00306d;
	padding: 30px 0;
	text-align: center;
}

footer .inner .copy img {
	width: 212px;
	height: auto;
	display: inline-block;
	margin-right: 30px;
}

footer .inner .copy .company {
	background-color: #00306d;
	padding-bottom: 0;
	display: inline-block;
	text-align: left;
}

footer .inner .copy .company .name {
	display: block;
	color: #ffffff;
	font-size: 12px;
	line-height: 1;
	margin-bottom: 2px;
}

footer .inner .copy .company .address {
	display: block;
	color: #ffffff;
	font-size: 12px;
	line-height: 1;
	margin-bottom: 2px;
}

footer .inner .copy .company .tel {
	display: inline-block;
	color: #ffffff;
	font-size: 12px;
	line-height: 1;
	margin-right: 6px;
}

footer .inner .copy .company .fax {
	display: inline-block;
	color: #ffffff;
	font-size: 12px;
	line-height: 1;
}

footer .inner .copy .copyright {
	font-size: 11px;
	margin: 26px auto 0 auto;
	color: #708098;
}

@media(max-width:1020px) {
	footer .inner #gotop {
		right: 30px;
	}
}

@media(max-width:750px) {

	footer.nolink{
		border-top:1px solid #136794;
		padding-top:5.33333333vw;	/*40*/
	}

	footer .inner .inquiry {
		padding: 5.3333333vw 4vw;
		/*40 30*/
	}
	footer .inner .inquiry a {
		width: 100%;
		font-size: 3.73333333vw;
		/*28*/
		padding: 4.8vw 0;
		/*36*/
		border-radius: 6.6666667vw;
		/*50*/
		margin-right: 0;
		margin-bottom: 4vw;
		/*30*/
	}
	footer .inner .inquiry a:last-of-type {
		margin-bottom: 0;
	}
	footer .inner .guide {
		padding: 5.3333333vw 0;
		/*40 0*/
	}
	footer .inner .guide ul li {
		padding: 0 2.93333333vw;
		/* 0 22*/
		margin-right: 0;
	}
	footer .inner .guide ul li:nth-child(4), footer .inner .guide ul li:nth-child(5), footer .inner .guide ul li:nth-child(6) {}
	footer .inner .guide ul li a {
		font-size: 3.46666667vw;
		/*26*/
		line-height: 9.06666667vw;
		/*68*/
		margin-bottom: 2.13333333vw;
		/*16*/
	}
	footer .inner .logo {
		margin: 0 auto 10.6666667vw auto;
		/*80*/
	}
	footer .inner .logo img {
		width: 50.4vw;
		/*378*/
	}
	footer .inner .banner .shonan {
		margin: 0 auto 3.2vw auto;
		/*24*/
	}
	footer .inner .banner .shonan img {
		width: 86.6666667vw;
		/*650*/
	}
	footer .inner .banner ul {
		width: 86.6666667vw;
		/*650*/
		margin: 0 auto 10.6666667vw auto;
		/*80*/
	}
	footer .inner .banner ul li {
		width: 86.6666667vw;
		/*650*/
		margin-right: 0;
		margin-bottom: 3.3333333vw;
		/*25*/
	}
	footer .inner .banner ul li:last-of-type {
		margin-bottom: 0;
	}
	footer .inner #gotop {
		position: static;
		margin: 0 auto 5.3333333vw auto;
		/*40*/
		text-align: center;
	}
	footer .inner #gotop img {
		width: 8.8vw;
		/*66*/
	}
	footer .inner .copy {
		padding: 8vw 0 5.3333333vw 0;
		/*60 40*/
	}
	footer .inner .copy img {
		width: 54.26666667vw;
		/*407*/
		margin: 0 auto 5.3333333vw auto;
		/*40*/
		display: block;
	}
	footer .inner .copy .company {
		text-align: center;
		display: block;
	}
	footer .inner .copy .company .name {
		font-size: 2.903333333vw;
		/*22*/
		display: block;
		margin-bottom: 0.8vw;
		/*6*/
	}
	footer .inner .copy .company .address {
		font-size: 2.903333333vw;
		/*22*/
		display: block;
		margin-bottom: 0.8vw;
		/*6*/
	}
	footer .inner .copy .company .tel {
		font-size: 2.903333333vw;
		/*22*/
	}
	footer .inner .copy .company .fax {
		font-size: 2.903333333vw;
		/*22*/
	}
	footer .inner .copy .copyright {
		margin: 5.3333333vw auto 0 auto;
		/*40*/
		font-size: 2.6666667vw;
		/*20*/
	}
}

/* ************************************************** */

.keyvisual {
	width: 100%;
	height: 100vh;
	background-color: #ffffff;
	position: relative;
	overflow: hidden;
}

.keyvisual .image {
	position: relative;
	width: 100%;
	height: 100vh;
	z-index: 0;
}

.keyvisual .image ul {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	overflow: hidden;
}

.keyvisual .image ul li {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	transition-duration: 1300ms;
	transition-property: opacity;
	transition-timing-function: linear;
	opacity: 0;
}

.keyvisual .image ul li img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%) scale(1.1);
	-ms-transform: translate(-50%, -50%) scale(1.1);
	transform: translate(-50%, -50%) scale(1.1);
	width: 100%;
	height: 100%;
	opacity: 0;
	transition-duration: 8000ms;
	transition-delay: 100ms;
	transition-property: opacity;
	transition-timing-function: linear;
	opacity: 1;
}

.keyvisual .image ul li.show {
	opacity: 1 !important;
}

.keyvisual .image ul li.disable {
	opacity: 0 !important;
}

.keyvisual .image ul li.show img {
	/*
	-webkit-transform: translate(-50%, -50%) scale(1.2);
	-ms-transform: translate(-50%, -50%) scale(1.2);
	transform: translate(-50%, -50%) scale(1.2);


	transform: translate(-53%, -50%) scale(1.1);
        */
        transform: translate(-47%, -50%) scale(1.1);

}

.keyvisual .image ul li.disable img {
	/*
	-webkit-transform: translate(-50%, -50%) scale(1.2);
	-ms-transform: translate(-50%, -50%) scale(1.2);
	transform: translate(-50%, -50%) scale(1.2);


	transform: translate(-53%, -50%) scale(1.1);
        */
        transform: translate(-47%, -50%) scale(1.1);

}

.keyvisual h2 {
	position: absolute;
	top: 215px;
	left: calc(50% - 152px);
	z-index: 1;
}

.keyvisual h2 img {
	width: 304px;
	height: auto;
}

.keyvisual p {
	position: absolute;
	top: 445px;
	left: calc(50% - 310px);
	z-index: 1;
}

.keyvisual p img {
	width: 620px;
	height: auto;
}

.keyvisual .scroll {
	position: absolute;
	bottom: 40px;
	left: calc(50% - 21px);
	z-index: 0;
	height: 151px;
	width: 42px;
}

.keyvisual .scroll .scrollbar {
	width: 42px;
	height: 0;
	max-height: 151px;
	top: 0;
	left: 0;
	opacity: 0;
	animation: sdl 2.5s cubic-bezier(1, 1, 1, 1) infinite;
	overflow: hidden;
	position: relative;
}

.keyvisual .scroll img.bar {
	width: 42px;
	height: 151px;
	top: 0;
	left: 0;
	position: absolute;
}

.keyvisual .scroll img.scroll {
	position: absolute;
	top: 0;
	left: 0;
	bottom: inherit;
	width: 42px;
	height: 151px;
}

@keyframes sdl {
	0% {
		height: 0;
		opacity: 0;
	}
	1% {
		opacity: 1;
	}
	100% {
		height: 100%;
		opacity: 1;
	}
}

@media(max-width:750px) {

	.keyvisual .image ul li{
		transition-duration: 1300ms;
		transition-property: opacity;
		transition-timing-function: linear;
	}
	.keyvisual .image ul li img {
		-webkit-transform: translate(-50%, -50%) scale(1.1);
		-ms-transform: translate(-50%, -50%) scale(1.1);
		transform: translate(-50%, -50%) scale(1.1);
		transition-duration: 8000ms;
		transition-delay: 100ms;
		transition-property: opacity;
		transition-timing-function: linear;
		opacity: 1;
	}
	.keyvisual .image ul li.show img {
		transform: translate(-45%, -50%) scale(1.1);
	}
	.keyvisual .image ul li.disable img {
		transform: translate(-45%, -50%) scale(1.1);
	}

	.keyvisual h2 {
		top: 35.46666667vw;
		/*266*/
		left: calc(50% - 20.46666667vw);
		/*153.5*/
	}
	.keyvisual h2 img {
		width: 40.93333333vw;
		/*307*/
	}
	.keyvisual p {
		top: 64.6666667vw;
		/*485*/
		left: calc(50% - 29.6vw);
		/*222*/
	}
	.keyvisual p img {
		width: 59.2vw;
		/*444*/
	}
	.keyvisual .scroll {
		bottom: 29.3333333vw;
		/*220*/
		left: calc(50% - 4.26666667vw);
		/*32*/
		width: 8.53333333vw;
		/*64*/
		height: 30.6666667vw;
		/*230*/
	}
	.keyvisual .scroll .scrollbar {
		width: 8.53333333vw;
		/*64*/
		max-height: 30.6666667vw;
		/*230*/
	}
	.keyvisual .scroll img.bar {
		width: 8.53333333vw;
		/*64*/
		height: 30.6666667vw;
		/*230*/
	}
	.keyvisual .scroll img.scroll {
		width: 8.53333333vw;
		/*64*/
		height: 30.6666667vw;
		/*230*/
	}
}

/* ************************************************** */

.topsearch {
	margin: 40px auto 0 auto;
}

.topsearch .navi .search li.view a {
	background-color: #318ab9;
	color: #ffffff;
	background-image: url("../images/common/white_arrow.png");
}

.topsearch .navi .search li.near a {
	background-color: #14465e;
	color: #ffffff;
	background-image: url("../images/common/white_arrow.png");
}

.topsearch .navi .type {
	color: #666666;
}

.topsearch .navi .type_cond {
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	margin: 0 auto;
}

.topsearch .navi .type_cond dl {

	border-bottom: 1px solid #e6e6e6;
}

.topsearch .navi .type_cond dl:last-of-type {
	border-bottom: none;
}

.topsearch .navi .type_cond dl dt {
	color: #666666;
}

.topsearch .navi .type_cond dl dd ul li a {
	color: #000000;
}

.topsearch .navi .type_cond dl dd ul li.all {
	border-left: 1px solid #e6e6e6;
}

.topsearch .navi .type_cond dl dd ul li.resort {
	border-left: 1px solid #e6e6e6;
}

.topsearch .navi .type_cond dl dd ul li.renovation {
	border-left: 1px solid #e6e6e6;
}

.topsearch .navi .type_cond dl dd ul li a:hover, .topsearch .navi .type_cond dl dd ul li a:active, .topsearch .navi .type_cond dl dd ul li a.active {
	background-color: #318ab9;
	color: #ffffff;
	opacity: 1;
}

.topsearch .navi .type_cond .fav {
	border-left: 1px solid #e6e6e6;
}

.topsearch .navi .type_cond .fav a {
	color: #000000;
}

.topsearch .navi .type_cond .fav span {
	color: #f84610;
}

@media(max-width:750px) {
	.topsearch {
		margin: 8vw auto 0 auto;
		/*60*/
	}
	.topsearch .navi .search li {
		width: 84vw;
		/*630*/
		margin-right: 0;
		margin-bottom: 2.6666667vw;
		/*20*/
	}
	.topsearch .navi .search li:last-of-type {
		margin-bottom: 0;
	}
	.topsearch .navi .search li a {
		font-size: 4.26666667vw;
		/*32*/
		padding: 4.53333333vw 0;
		/*34*/
		background-position: right 8vw center;
		/*60*/
		background-size: 1.86666667vw auto;
		/*14*/
	}
	.topsearch .navi .search li a span {
		width: 100%;
		text-align: center;
	}
	.topsearch .navi .search li a span br.sp {
		display: none;
	}
	.topsearch .type_cond {
		display: none;
	}
}

/* ************************************************** */

.property {
	background-color: #ffffff;
}

.property h2 {
	font-size: 20px;
	color: #136794;
	text-align: center;
	padding: 60px 0 30px 0;
}

.property .inner {
	background-color: #f0f3f3;
	padding: 30px 0 0 0;
}

.property .list {
	max-width: 960px;
	margin: 0 auto;
	text-align: left;
	font-size: 0;
}

.property.inq .list{
	text-align: center;
}

.property.view .box {
	display: inline-block;
	width: 300px;
	margin-right: 30px;
	margin-bottom: 30px;
	text-align: left;
	background-color: #ffffff;
}
.property.view.inq .box{
	margin-right:0;
}

.property.view .box:nth-child(3n) {
	margin-right: 0;
}

.property.view .box .image {
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

.property.view .box .image img {
	width: 100%;
}

.property .box .image img.drone{
	position:absolute;
	width:75px;
	height:auto;
	top:10px;
	right:12px;

}
.property.new .box .image img.drone{
	position:absolute;
	width:62px;
	height:auto;
	bottom:5px;
	top:inherit;
	right: inherit;
	left:6px;

}

.property.view .box .image .itemnew {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 12px;
	padding: 7px 0;
	width: 60px;
	display: block;
	background-color: #b4a206;
	color: #ffffff;
	text-align: center;
}

.property.view .box .image .label {
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: 14px;
	padding: 8px 12px;
	background-color: #ffffff;
	border-top: 1px solid #e5e4e4;
}

.label.old {
	color: #5f9cb2;
}

.label.new {
	color: #c7588b;
}

.label.mansion {
	color: #823a7f;
}

.label.land {
	color: #917a65;
}

 .label_side_price {
        //font-size: 3.2vw;
        padding: 1.73333333vw 1.73333333vw 1.73333333vw 0;
        font-weight: bold;
    }
    /* 中古戸建 */
    .label_side_price.old {
        color:#008000;
    }
    /* 新築戸建 */
    .label_side_price.new {
        color: #c7588b;
    }
    /* マンション */
    .label_side_price.mansion {
        color: #823a7f;
    }
    /* 土地 */
    .label_side_price.land {
        color: #917a65;
    }


.property.view .box .image .fav {
	position: absolute;
	bottom: 10px;
	left: 160px;
	background-color: #ffffff;
	border-radius: 24px;
}

.property.view .box .image .fav label {
	font-size: 12px;
	padding: 6px 15px;
	color: #333333;
	display: block;
}

.property.view .box .image .fav label input[type=checkbox] {
	/*width:12px;
    height:12px;*/
	/*border:1px solid #cccccc;*/
	margin: 0 6px 0 0;
	padding: 0;
	display: inline-block;
	vertical-align: bottom;
}

.property.view .box .image .remove a {
	display: block;
	width: 24px;
	height: 24px;
	background-image: url("../images/common/remove.png");
	background-size: 24px auto;
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	top: 0;
	right: 0;
}

.property.view .box .image .remove a:hover {
	opacity: 1;
	background-image: url("../images/common/remove_hover.png");
}

.property.view .box .image .remove a span {
	font-size: 0;
}




.property.view .box .ocean {
	padding: 0 10px 0 20px;
	margin: 20px 10px 0 0;
	border-right: 1px solid #a3a3a3;
	font-size: 14px;
	color: #1e95d4;
	display: inline-block;
}

.property.view .box .ocean.near_ocean {
	color: #0ccf64;
}

.property.view .box .address {
	padding: 0;
	margin: 20px 0 0 0;
	font-size: 14px;
	color: #000000;
	display: inline-block;
}

.property.view .box .price {
	padding: 12px 0 0 20px;
	font-size: 14px;
	color: #000000;
	font-weight: bold;
}

.property.view .box .description {
	padding: 12px 20px 0 20px;
	margin: 0 0 16px 0;
	font-size: 14px;
	line-height: 20px;
	color: #000000;
	font-weight: bold;
	height: 72px;
	overflow: hidden;
}

.property.new .more, .property.view .more {
	text-align: center;
}

.property.new .more a, .property.view .more a {
	text-decoration: none;
	display: inline-block;
	width: 210px;
	text-align: center;
	color: #136794;
	font-size: 14px;
	line-height: 1;
	padding: 13px 0;
	background-color: #ffffff;
	border-radius: 20px;
	margin: 0 auto 30px auto;
}

.property.new .list {
	padding-bottom: 10px;
}

.property.new .box {
	background-color: #ffffff;
	display: inline-block;
	max-width: 470px;
        width:470px;
	margin-right: 20px;
	margin-bottom: 20px;
	text-align: left;
}

.property.new .box:nth-child(2n) {
	margin-right: 0;
}

.property.new .box .image {
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	float: left;
	overflow: hidden;
}

.property.new .box .image img {
	width: 200px;
	height: 150px;
}

.property.new .box .image .itemnew {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 12px;
	padding: 7px 0;
	width: 60px;
	display: block;
	background-color: #b4a206;
	color: #ffffff;
	text-align: center;
}

.property.new .box .image .oceanlabel {
	position: absolute;
	top: 0;
	right: 80px;
	font-size: 12px;
	padding: 7px 0;
	background-color: #1e95d4;
	color: #ffffff;
	width: 60px;
	text-align: center;
}
.property.new .box .image .oceanlabel.nearocean {
	background-color: #0ccf64;
	color: #ffffff;
}

.property.new .box .image .label {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 12px;
	padding: 7px 0;
	background-color: #ffffff;
	width: 80px;
	text-align: center;
}

.property.new .box .ocean {
	padding: 5px 10px 5px 10px;
        margin: 20px -10px 0 20px;
	border-right: 1px solid #a3a3a3;
	font-size: 14px;
	background-color:#1e95d4;
        color:#ffffff;
	display: inline-block;
}

.property.new .box .address {
	padding: 0;
	margin: 20px 0 0 20px;
	font-size: 14px;
	color: #000000;
	display: inline-block;
        font-weight: bold;
}

.property.new .box .price {
	padding: 10px 0 0 220px;
	font-size: 14px;
	color: #000000;
	font-weight: bold;
}

.property.new .box .description {
	padding: 10px 20px 0 20px;
	margin: 0 0 16px 0;
	font-size: 14px;
	line-height: 20px;
	color: #000000;
	font-weight: bold;
	height: 70px;
	overflow: hidden;
}

.property.view .pager{
	background-color:#f0f3f3;
	padding: 0 0 30px 0;
}


.property .box a{
	text-decoration: none;
	color:#136794;
}
.property .box a:hover{
	opacity:1;
	text-decoration: underline;
}


@media(max-width:989px) {
	/*960px + 15 + 15 - 1*/
	.property .list {
		max-width: 630px;
		text-align: left;
	}
	.property.view .box:nth-child(3n) {
		margin-right: 30px;
	}
	.property.view .box:nth-child(2n) {
		margin-right: 0;
	}
	.property.new .box {
		max-width: 100%;
		margin-right: 0;
	}
}

@media(max-width:750px) {
	.property h2 {
		padding: 10.6666667vw 0 5.3333333vw 0;
		/*80 40*/
		font-size: 5.3333333vw;
		/*40*/
	}
	.property .inner {
		padding: 5.3333333vw 4vw 0 4vw;
		/*40 30 0 30*/
	}
	.property .list {
		max-width: 100%;
	}
	.property.view .box {
		width: 100%;
		margin-right: 0;
		margin-bottom: 4vw;
		/*30*/
	}
	.property.view .box:nth-child(3n) {
		margin-right: 0;
	}



	.property .box .image img.drone{
		position:absolute;
		width:17.86666667vw;	/*134*/
		height:auto;
		top:2.66666667vw;	/*20*/
		right:2.66666667vw;	/*20*/

	}
	.property.new .box .image img.drone{
		position:absolute;
		width:15.46666667vw;/*116*/
		height:auto;
		bottom:1.33333333vw;	/*10*/
		top:inherit;
		right: inherit;
		left:1.33333333vw;	/*10*/
		transform:inherit;

	}



	.property.view .box .image .itemnew {
		font-size: 2.6666667vw;
		/*20*/
		padding: 2vw 0;
		/*15*/
		width: 16vw;
		/*120*/
	}
	.property.view .box .image .label {
		font-size: 3.73333333vw;
		/*28*/
		padding: 2.13333333vw 3.73333333vw;
		/*16 28*/
	}
	.property.view .box .image .fav {
		bottom: 2.66666667vw;
		/*20*/
		left: 54.6666667vw;
		/*410*/
		border-radius: 3.2vw;
		/*24*/
	}
	.property.view .box .image .fav label {
		font-size: 3.2vw;
		/*24*/
		padding: 1.6vw 4vw;
		/*12 30*/
	}
	.property.view .box .image .fav label input[type=checkbox] {
		/*width:2.93333333vw;*/
		/*22*/
		/*height:2.93333333vw;*/
		/*22*/
		/*border:0.13333333vw solid #cccccc;*/
		/*1*/
		margin: 0 1.86666667vw 0 0;
		/*14*/
	}
	.property.view .box .image .remove a {
		width: 6.4vw;
		/*48*/
		height: 6.4vw;
		/*48*/
		background-size: 6.4vw auto;
		/*48*/
	}
	.property.view .box .ocean {
		font-size: 3.46666667vw;
		/*26*/
		padding: 0 3.2vw 0 4.8vw;
		/*24 36*/
		margin: 4.8vw 3.2vw 0 0;
		/*36 24 */
	}
	.property.view .box .address {
		font-size: 3.73333333vw;
		/*28*/
	}
	.property.view .box .price {
		padding: 2.6666667vw 0 0 4.8vw;
		/*20 36*/
		font-size: 3.73333333vw;
		/*28*/
	}
	.property.view .box .description {
		font-size: 3.73333333vw;
		/*28*/
		line-height: 5.3333333vw;
		/*40*/
		padding: 3.46666667vw 4.8vw 0 4.8vw;
		/*26 36 0 36*/
		height: 19.46666667vw;
		/*146*/
		margin: 0 0 4vw 0;
		/*30*/
	}
	.property.view .more {
		margin: 4vw auto 0 auto;
		/*30*/
	}
	.property.view .more a {
		font-size: 3.73333333vw;
		/*28*/
		padding: 3.46666667vw 0;
		/*26*/
		border-radius: 5.3333333vw;
		/*40*/
		width: 56vw;
		/*420*/
		margin: 0 auto 8vw auto;
		/*60*/
	}
	.property.new .list {
		padding-bottom: 0;
	}
	.property.new .inner {
		padding: 5.3333333vw 4vw 5.3333333vw 4vw;
		/*40 30 40 30*/
	}
	.property.new .box {
		margin-bottom: 5.3333333vw;
		/*40*/
	}
	.property.new .box:last-of-type {
		margin-bottom: 0;
	}
	.property.new .box .image {
		width: 44vw;
		/*330*/
		height: 36.6666667vw;
		/*275*/
	}
	.property.new .box .image img {
		width: auto;
		height: 36.6666667vw;
		/*275*/
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%) scale(1);
		-ms-transform: translate(-50%, -50%) scale(1);
		transform: translate(-50%, -50%) scale(1);
	}
	.property.new .box .image .itemnew {
		font-size: 2.6666667vw;
		/*20*/
		padding: 2vw 0;
		/*15*/
		width: 13.3333333vw;
		/*100*/
	}
	.property.new .box .image .oceanlabel {
		right: 17.33333333vw;
		/*130*/
		font-size: 3.2vw;
		/*24*/
		padding: 1.73333333vw 0;
		/*13 0*/
		width: 13.3333333vw;
		/*100*/
	}
	.property.new .box .image .label {
		font-size: 3.2vw;
		/*24*/
		padding: 1.73333333vw 0;
		/*13 0*/
		width: 17.2vw;
		/*129*/
	}
	.property.new .box .ocean {
		padding: 1.73333333vw;
                margin: 2.6666667vw 0 0 2.6666667vw;
		/*20*/
		font-size: 3.46666667vw;
		/*26*/
	}
	.property.new .box .address {
		margin: 2.6666667vw 0 0 2.13333333vw;
		/*20 0 0 16*/
		font-size: 3.46666667vw;
		/*26*/
                font-weight: bold;
	}
	.property.new .box .price {
		padding: 2.6666667vw 0 0 46vw;
		/*20 0 0 345*/
		font-size: 3.46666667vw;
		/*26*/
	}
	.property.new .box .description {
		padding: 2.6666667vw 2.13333333vw 0 2.13333333vw;
		/*20 16 0 16*/
		margin: 0;
		font-size: 3.46666667vw;
		/*26*/
		line-height: 4.8vw;
		/*36*/
		height: 21.86666667vw;
		/*164*/
	}
}

/* ************************************************** */

.searchbox {
	padding: 60px 0 100px 0;
	max-width: 688px;
	margin: 0 auto;
}

.searchbox.all {
	padding: 30px 0 100px 0;
}

.searchbox h2 {
	font-size: 16px;
	color: #333333;
	text-align: center;
	margin: 0 auto 22px auto;
}

.searchbox.all h2 {
	font-size: 20px;
	color: #136794;
	margin: 0 auto 22px auto;
}

.searchbox table {
	border-collapse: separate;
	border-spacing: 4px 6px;
	width: 100%;
	margin-bottom: 14px;
}

.searchbox tr {
	font-size: 0;
}

.searchbox tr th {
	width: 110px;
	background-color: #dce8eb;
	font-size: 14px;
	line-height: 1;
	font-weight: bold;
	color: #333333;
	vertical-align: middle;
	padding: 13px 0;
}

.searchbox tr td {
	width: calc(100% - 110px - 4px);
	background-color: #f0f3f3;
	font-size: 14px;
	line-height: 20px;
	color: #333333;
	padding: 10px 20px;
}

.searchbox tr td ul {
	font-size: 0;
}

.searchbox tr td ul li {
	font-size: 14px;
	display: inline-block;
	vertical-align: top;
	margin-right: 13px;
}

.searchbox tr td ul li label {
	vertical-align: top;
}

.searchbox tr td ul li input[type=checkbox] {
	vertical-align: text-bottom;
	margin: 0 6px 0 0;
}

.searchbox tr td select {
	display: inline-block;
	vertical-align: middle;
}

.searchbox tr td span {
	margin-right: 20px;
	display: inline-block;
	vertical-align: middle;
}

.searchbox tr td .rail {}

.searchbox tr td .rail span {
	font-weight: bold;
	margin-right: 8px;
	margin-bottom: 12px;
	margin-top: 8px;
	display: inline-block;
	vertical-align: middle;
}

.searchbox tr td .rail.rail1 span {
	margin-top: 0;
}

.searchbox tr td .rail a {
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 12px;
	margin-top: 8px;
	cursor: pointer;
}

.searchbox tr td .rail.rail1 a {
	margin-top: 0;
}

.searchbox tr td .rail a img {
	width: 16px;
	height: auto;
}

.searchbox tr td .station {
	display: none;
}

.searchbox tr td .station.open {
	display: block;
}

.searchbox tr td .station ul {}

.searchbox tr td .station ul li {
	display: inline-block;
	margin-bottom: 12px;
	margin-right: 14px;
	font-size: 14px;
	line-height: 1;
}

.searchbox tr td .station ul li label {}

.searchbox tr td .station ul li input[type=checkbox] {
	margin: 0 6px 0 0;
}

.searchbox .new {
	font-size: 14px;
	line-height: 1;
	display: inline-block;
	vertical-align: middle;
	margin-right: 20px;
}

.searchbox .new label {
	display: inline-block;
}

.searchbox .new input[type=checkbox] {
	margin: 0 6px 0 0;
	display: inline-block;
	vertical-align: text-bottom;
}

.searchbox button {
	width: 186px;
	cursor: pointer;
}

.searchbox button[type=submit] {
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
	padding: 14px 0;
	background-color: #318ab9;
	border: none;
	border-radius: 4px;
	margin-right: 10px;
}

.searchbox button[type=submit]:hover {
	background-color: #136794;
}

.searchbox button[type=button] {
	font-size: 16px;
	padding: 14px 0;
	border: 1px solid #999999;
	background-color: #ffffff;
	color: #666666;
	border-radius: 4px;
}

.searchbox button[type="button"]:hover {
	background-color: #f1f1f1;
}

@media(max-width:750px) {
	.searchbox {
		padding: 10.666667vw 4vw 16vw 4vw;
		/* 80 30 120 30*/
	}
	.searchbox.all {
		padding: 10.666667vw 4vw 16vw 4vw;
		/* 80 30 120 30*/
	}
	.searchbox h2 {
		font-size: 4.26666667vw;
		/*32*/
		margin: 0 auto 5.333333vw auto;
		/*40*/
	}
	.searchbox.all h2 {
		font-size: 5.3333333vw;
		/*40*/
	}
	.searchbox table {
		border-spacing: 1.06666667vw 1.3333333vw;
		/*8 10*/
		margin-bottom: 7.46666667vw;
		/*56*/
	}
	.searchbox tr th {
		width: 29.2vw;
		/*219*/
		font-size: 3.73333333vw;
		/*28*/
		padding: 4vw 0;
		/*30*/
	}
	.searchbox tr td {
		width: calc(100% - 29.2vw - 1.06666667vw);
		/*219 8 */
		font-size: 3.73333333vw;
		/*28*/
		line-height: 4.8vw;
		/*36*/
		padding: 4vw 2.1333333vw 0 2.1333333vw;
		/*30 16 0 16*/
	}
	.searchbox tr td ul li {
		font-size: 3.73333333vw;
		/*28*/
		width: calc(100% / 2);
		margin-right: 0;
		margin-bottom: 4vw;
		/*30*/
	}
	.searchbox tr td.type ul li {
		width: auto;
		margin-right: 4vw;
	}
	.searchbox tr td ul li input[type="checkbox"] {
		margin: 0 1.06666667vw 0 0;
		/*8*/
		/*width:3.73333333vw;*/
		/*28*/
		/*height:3.73333333vw;*/
		/*28*/
	}
	.searchbox tr td select {
		/*height:3.73333333vw;*/
		/*28*/
		font-size: 2.6666667vw;
		/*20*/
		margin-bottom: 2.6666667vw;
		/*20*/
	}
	.searchbox tr td span {
		margin-right: 8vw;
		/*60*/
		margin-bottom: 2.6666667vw;
		/*20*/
	}
	.searchbox tr td .rail span {
		margin-right: 2.4vw;
		/*18*/
		margin-bottom: 1.6vw;
		/*12*/
		margin-top: 1.06666667vw;
		/*8*/
	}
	.searchbox tr td .rail a {
		margin-bottom: 1.6vw;
		/*12*/
		margin-top: 1.06666667vw;
		/*8*/
	}
	.searchbox tr td .rail a img {
		width: 4.26666667vw;
		/*32*/
	}
	.searchbox tr td .station ul li {
		font-size: 2.93333333vw;
		/*22*/
		width: calc(100% / 2);
		margin-right: 0;
		margin-bottom: 4vw;
		/*30*/
	}
	.searchbox .new {
		display: block;
		font-size: 3.73333333vw;
		/*28*/
		text-align: center;
		margin: 0 auto 5.3333333vw auto;
		/*40*/
	}
	.searchbox .new input[type="checkbox"] {
		/*width:3.73333333vw;*/
		/*28*/
		/*height:3.73333333vw;*/
		/*28*/
		margin: 0 1.86666667vw 0 0;
		/*14*/
	}
	.searchbox button {
		width: calc( (100% - 4vw) / 2);
		/*30*/
	}
	.searchbox button[type="submit"] {
		font-size: 4.26666667vw;
		/*32*/
		padding: 3.46666667vw 0;
		/*26*/
		border-radius: 1.06666667vw;
		/*8*/
		margin-right: 3.46666667vw;
		/*24*/
	}
	.searchbox button[type="button"] {
		font-size: 3.73333333vw;
		/*28*/
		padding: 3.6vw 0;
		/*27*/
		border: 0.13333333vw solid #999999;
		/*1*/
		border-radius: 1.06666667vw;
		/*8*/
	}
}

/* ************************************************** */

.page .contact {}

.page header .inner .contact .inquiry {
	color: #2e7bbe;
	border-right: 1px solid #2e7bbe;
}

.page header .inner .contact .tel {
	color: #2e7bbe;
	background-image: url("../images/header/icon_tel_fix.png");
}

.page header .inner .contact .tel a {
	color: #2e7bbe;
}

/* ************************************************** */

.page .contents {
	padding-top: 110px;
}

.page .mainvisual {
	background-image: url("../images/search/search_key.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	width: 100%;
}

.page .mainvisual .inner {
	position: relative;
	max-width: 960px;
	height: 240px;
	margin: 0 auto;
}

.breadcrumb {
	position: absolute;
	top: 10px;
	left: 0;
}

.breadcrumb ul {
	font-size: 0;
}

.breadcrumb ul li {
	display: inline-block;
	vertical-align: top;
	font-size: 10px;
	color: #ffffff;
	padding-right: 4px;
}

.breadcrumb ul li:after {
	content: ">";
	color: #cccccc;
	display: inline-block;
}

.breadcrumb ul li:last-of-type::after {
	content: "";
}
.breadcrumb ul li span{
	color: #cccccc;
}
.breadcrumb ul li a {
	color: #cccccc;
	display: inline-block;
	padding-right: 4px;
	text-decoration: none;
}

.breadcrumb ul li:last-of-type {
	padding-right: 0;
}

.page .topsearch {
	margin: 0 auto;
	padding: 40px 0 30px 0;
}

.page .topsearch .navi .search {
	margin: 0 auto 23px auto;
}

.page .topsearch .navi .search li a {
	padding: 27px 0;
	background-color: rgba(255, 255, 255, .3);
	background-image: none;
}

.page .topsearch .navi .search li a.active {
	color: #318ab9;
	background-color: rgba(255, 255, 255, 1);
}

.page .topsearch .navi .type_cond {
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
}

.page .topsearch .navi .type_cond dl dt {
	color: #acdcf6;
}

.page .topsearch .navi .type_cond dl dd ul li a {
	color: #ffffff;
}

.page .topsearch .navi .type_cond dl dd ul li a:hover {
	background-color: rgba(255, 255, 255, .3);
	color: #ffffff;
	opacity: 1;
}

.page .topsearch .navi .type_cond dl dd ul li a:active, .page .topsearch .navi .type_cond dl dd ul li a.active {
	background-color: #ffffff;
	color: #318ab9;
	opacity: 1;
}

.page .topsearch .navi .type_cond .fav span {
	color: #f1beae;
}

.page .topsearch .navi .type_cond .fav a {
	color: #ffffff;
	display: block;
	height: 62px;
	margin-left: 14px;
}

.page .topsearch .navi .type_cond .fav a:hover {
	background-color: rgba(255, 255, 255, .3);
	color: #ffffff;
	opacity: 1;
}

.page .topsearch .navi .type_cond .fav a.active {
	background-color: #ffffff;
}
.page .topsearch .navi .type_cond .fav a.active .hearts img{
	display: none;
}
.page .topsearch .navi .type_cond .fav a.active .hearts:after{
	content: '';/*何も入れない*/
	display: inline-block;/*忘れずに！*/
	width: 18px;/*画像の幅*/
	height: 14px;/*画像の高さ*/
	background-image: url("../images/common/hearts-r.png");
	background-size: 14px auto;
	background-position: left center;
	background-repeat: no-repeat;
	vertical-align: middle;
	display: inline-block;
}

.page .topsearch .navi .type_cond .fav a.active span {
	color: #f84610;
}

.page .topsearch .navi .type_cond .fav a.active p {
	color: #318ab9;
}

.searchselect {
	background-color: #ffffff;
	padding: 30px 0 10px 0;
}

.searchselect .inner {
	position: relative;
	max-width: 960px;
	margin: 0 auto;
}

.searchselect .inner ul {
	text-align: center;
	margin: 0 auto 28px auto;
	display: block;
}

.searchselect .inner ul li {
	display: inline-block;
	vertical-align: top;
}

.searchselect .inner ul li a {
	display: inline-block;
	font-size: 16px;
	color: #318ab9;
	text-decoration: none;
	padding: 7px 32px;
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 10px;
	background-color: #f0f3f3;
	background-image: url("../images/search/delete.png");
	background-position: right 10px center;
	background-size: 16px auto;
	background-repeat: no-repeat;
	border-radius: 15px;
}

.searchselect .inner .sortmenu {
	text-align: right;
}

.searchselect .inner .sortmenu span {
	display: inline-block;
	vertical-align: middle;
	padding-left: 14px;
	padding-right: 6px;
	background-image: url("../images/search/sort.png");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 10px auto;
	font-size: 12px;
	color: #666666;
}

.searchselect .inner .sortmenu select {
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
	border: 1px solid #cccccc;
}

.searchselect .inner .sortmenu select option {
	color: #333333;
}

.searchresult .cnt {
	background-color: #f0f3f3;
	text-align: center;
}

.searchresult .cnt .inner {
	background-color: #ffffff;
	display: inline-block;
	padding: 7px 24px;
}

@media(max-width:750px) {
	.page .contents {
		padding-top: 24.6666667vw;
		/*185*/
	}
	.breadcrumb {
		display: none;
	}
	.page .mainvisual {
		background-image: url("../images/search/search_key_sp.png");
		padding: 8vw 0;
		/*60*/
		height: auto;
	}
	.page .mainvisual .inner {
		height: auto;
	}
	.page .topsearch {
		padding: 5.33333333vw 0 4vw 0;
		/*40 30*/
		position: relative;
	}
	.page .topsearch .navi .search {
		margin: 0 auto 6.13333333vw auto;
		/*46*/
	}
	.page .topsearch .navi .search li {
		width: 40vw;
		/*300*/
		margin-right: 4vw;
		/*30*/
		margin-bottom: 0;
	}
	.topsearch .navi .search li:last-of-type {
		margin-right: 0;
	}
	.page .topsearch .navi .search li a {
		font-size: 3.2vw;
		/*24*/
		line-height: 4.26666667vw;
		/*32*/
		padding: 1.73333333vw 0;
		/*13 0*/
		text-align: center;
	}
	.page .topsearch .navi .search li a span {
		display: inline;
		text-align: center;
		margin: 0 auto;
		width: 19.2vw;
		/*144*/
	}
	.page .topsearch .navi .search li a span br.sp {
		display: inline-block;
	}
	.page .topsearch .navi .type_cond {
		display: block;
		border-top: none;
		border-bottom: none;
		width: 84vw;
		/*630*/
	}
	.page .topsearch .navi .type_cond dl {
		border-bottom: none;
	}
	.page .topsearch .navi .type_cond dl.area {
		padding: 0 0 6.133333333vw 0;
		/*46*/
	}
	.page .topsearch .navi .type_cond dl dd ul li {
		margin: 0;
		padding: 0;
		display: inline-block;
		vertical-align: top;
	}
	.page .topsearch .navi .type_cond dl dd ul li:nth-child(3n) {
		border-right: none;
	}
	.page .topsearch .navi .type_cond dl dd ul li a {
		font-size: 3.2vw;
		/*24*/
		line-height: 1;
		margin: 0 0.4vw 0 0;
		/*3*/
		padding: 0 0.4vw 0 0;
		/*3*/
		border-right: 1px solid #79b5d5;
		/*1*/
	}
	.page .topsearch .navi .type_cond dl dd ul li:nth-child(3n) a, .page .topsearch .navi .type_cond dl dd ul li:nth-child(6n) a {
		border-right: none;
	}
	.page .topsearch .navi .type_cond dl dd ul li a:hover, .page .topsearch .navi .type_cond dl dd ul li a:active, .page .topsearch .navi .type_cond dl dd ul li a.active {
		background-color: inherit;
	}
	.page .topsearch .navi .type_cond dl dd ul li a span {
		display: block;
		padding: 2.4vw 0;
		/*18*/
		margin: 1.3333333vw 0;
		/*10*/
	}
	.page .topsearch .navi .type_cond dl dd ul li a:hover span {
		background-color: rgba(255, 255, 255, .3);
		color: #ffffff;
		opacity: 1;
	}
	.page .topsearch .navi .type_cond dl dd ul li a:active span, .page .topsearch .navi .type_cond dl dd ul li a.active span {
		background-color: #ffffff;
	}
	.page .topsearch .navi .type_cond dl dd ul li.resort, .page .topsearch .navi .type_cond dl dd ul li.renovation {
		border-left: none;
	}
	.page .topsearch .navi .type_cond dl dd ul li.all {
		left: 0;
	}
	.page .topsearch .navi .type_cond .fav {
		right: 0;
	}
	.page .topsearch .navi .type_cond dl dd ul li.all a {
		border-right: none;
	}
	.page .topsearch .navi .type_cond dl dd ul li.all.active {
		background-color: #ffffff;
	}
	.page .topsearch .navi .type_cond .fav a {
		height: auto;
	}
	.page .topsearch .navi .type_cond .fav.active {
		background-color: #ffffff;
	}
	.page .topsearch .navi .type_cond .fav a.active .hearts:after{
		width: 3.73333333vw;	/*28*/
		height: 2.66666667vw;	/*20*/
		background-size: 2.66666667vw auto;/*20*/
	}
	.searchselect {
		padding: 8vw 4vw 2.6666667vw 4vw;
		/*60 30 20 30*/
	}
	.searchselect .inner ul {
		margin: 0 auto 4vw auto;
		/*30*/
	}
	.searchselect .inner ul li {
		width: 42.6666667vw;
		/*320*/
		margin-right: 2.6666667vw;
		/*20*/
		margin-bottom: 4vw;
		/*30*/
	}
	.searchselect .inner ul li:nth-child(2n) {
		margin-right: 0;
	}
	.searchselect .inner ul li a {
		font-size: 4.26666667vw;
		/*32*/
		padding: 1.86666667vw 0;
		/*14*/
		display: block;
		background-position: right 2.4vw center;
		/*18*/
		background-size: 4.26666667vw auto;
		/*32*/
		border-radius: 4vw;
		/*30*/
		margin-right: 0;
		margin-bottom: 0;
	}
	.searchselect .inner .sortmenu span {
		font-size: 3.2vw;
		/*24*/
		padding-left: 4vw;
		/*30*/
		padding-right: 1.6vw;
		/*12*/
		background-size: 2.8vw auto;
		/*21*/
	}
	.searchselect .inner .sortmenu select {
		font-size: 3.2vw;
		/*24*/
	}
	.searchresult .cnt {
		display: none;
	}
}

/* ************************************************** */

.req {
	font-size: 14px;
	color: #f84610 !important;
	display: inline-block;
	margin-left: 4px;
}

.property.favorite h2 {
	padding: 30px 0;
}

.favoriteinquiry {
	padding: 60px 0 100px 0;
}

.favoriteinquiry h2 {
	font-size: 18px;
	color: #333333;
	margin-bottom: 30px;
	text-align: center;
}

.favoriteinquiry .step {
	display: block;
	list-style-type: none;
	width: 100%;
	padding: 0;
	overflow: hidden;
	max-width: 688px;
	margin: 0 auto 40px auto;
}

.favoriteinquiry .step li {
	display: inline-block;
	vertical-align: top;
	position: relative;
	background-color: #dddddd;
	padding: 13px 0 13px 0;
	color: #fff;
	font-size:14px;
	font-weight: bold;
	width:calc(100% / 2);
	text-align: center;

}

.favoriteinquiry .step li:first-child {
	padding-left:0;
}

.favoriteinquiry .step li:last-child:before, .favoriteinquiry .step li:last-child:after {
	display: none;
}

.favoriteinquiry .step li:before, .favoriteinquiry .step li:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	margin: auto;
}

.favoriteinquiry .step li:before {
	top: -10px;
	right: -18px;
	border-style: solid;
	border-color: transparent transparent transparent #fff;
	border-width: 30px 0 30px 18px;
	z-index: 1;
}

.favoriteinquiry .step li:after {
	top: 0;
	right: -12px;
	border-style: solid;
	border-color: transparent transparent transparent #dddddd;
	border-width: 20px 0 20px 12px;
	z-index: 1;
}


.favoriteinquiry .step li.current {
	background-color: #2e7bbe;

}

.favoriteinquiry .step li.current:after {
	border-color: transparent transparent transparent #2e7bbe;
}

.favoriteinquiry .step li span {
	display: inline-block;
	padding: 0 20px 0 0;
	font-weight: normal;
}
.favoriteinquiry .step li:first-child span {
	padding: 0 20px 0 0;
}

.favoriteinquiry .step li.current {
	background-color: #2e7bbe;
}

.favoriteinquiry .register{
	text-align: center;
}
.favoriteinquiry .register h3{
	font-size:16px;
	line-height:20px;
	color:#333333;
	margin:0 auto 48px auto;
	display: inline-block;
	text-align: left;
}

.favoriteinquiry .register a{
	display: block;
	margin:0 auto;
	font-size:18px;
	font-weight:bold;
	padding:10px 0;
	width:320px;
	border-radius:4px;
	background-color:#1e95d4;
	text-decoration: none;
	color:#ffffff;
	text-align: center;
}


.favoriteinquiry p.desc {
	font-size: 15px;
	text-align: center;
	margin: 0 auto 20px auto;
}

.favoriteinquiry table {
	width: 688px;
	margin: 0 auto;
	border-collapse: separate;
	border-spacing: 4px 4px;
}

.favoriteinquiry tr th {
	background-color: #dce8eb;
	text-align: left;
	vertical-align: middle;
	width: 110px;
	padding: 10px;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
}

.favoriteinquiry tr th .req {
	margin-left: 0;
	display: block;
	font-weight: normal;
}

.favoriteinquiry tr td {
	border-top: 1px solid #dce8eb;
	width: auto;
	padding: 20px 24px;
}

.favoriteinquiry tr:last-child td {
	padding: 20px 24px 0 24px;

}
.favoriteinquiry.sale tr:last-child td {
	border-bottom: 1px solid #dce8eb;
}



.favoriteinquiry tr td ul {
	margin-bottom: 20px;
	display: block;
}

.favoriteinquiry tr td ul li {
	margin-bottom: 16px;
	font-size: 14px;
	line-height: 1;
}

.favoriteinquiry tr td dl {
	font-size: 0;
	margin-bottom: 20px;
}

.favoriteinquiry tr td dl:last-child {
	margin-bottom: 0;
}

.favoriteinquiry tr td dl dt {
	width: 150px;
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	font-weight: bold;
	line-height: 30px;
}

.favoriteinquiry tr td dl dt .req {
	font-weight: normal;
}

.favoriteinquiry tr td dl dd {
	width: calc(100% - 150px);
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	line-height: 1;
}

.favoriteinquiry tr td div.wish {
	font-size: 14px;
	color: #1e95d4;
	line-height: 32px;
}

.favoriteinquiry tr td label {}

.favoriteinquiry tr td input[type=checkbox] {
	margin: 0 6px 0 0;
	vertical-align: text-bottom;
	border: 1px solid #cccccc;
}

.favoriteinquiry tr td input[type=text], .favoriteinquiry tr td input[type=tel], .favoriteinquiry tr td input[type=email] {
	border: 1px solid #cccccc;
	width: 100%;
	padding: 5px 10px;
	font-size: 14px;
	vertical-align: top;
	border-radius: 4px;
}

.favoriteinquiry tr td textarea.wish {
	width: 100%;
	height: 136px;
	border: 1px solid #cccccc;
	padding: 8px 10px;
	font-size: 14px;
	line-height: 20px;
	border-radius: 4px;
	resize: none;
}

.favoriteinquiry tr td textarea.address {
	width: 100%;
	height: 60px;
	border: 1px solid #cccccc;
	padding: 8px 10px;
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 10px;
	border-radius: 4px;
	resize: none;
}

.favoriteinquiry tr td span {
	display: inline-block;
	font-size: 14px;
	line-height: 18px;
	color: #333333;
	padding-left: 1em;
	text-indent: -1em;
}

.favoriteinquiry .history {
	width: 688px;
	margin: 30px auto 40px auto;
	padding: 30px 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.favoriteinquiry .history p {
	font-size: 14px;
	color: #333333;
	margin-bottom: 20px;
}

.favoriteinquiry .history ul {
	margin-bottom: 30px;
}

.favoriteinquiry .history ul li {
	display: inline-block;
	vertical-align: top;
	margin-right: 20px;
}

.favoriteinquiry .history ul li label {}

.favoriteinquiry .history ul li label input {
	border: 1px solid #cccccc;
	margin: 0 6px 0 0;
	padding: 0;
	vertical-align: text-bottom;
}

.favoriteinquiry .history span {
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
	color: #666666;
	margin-right: 8px;
}

.favoriteinquiry .history select {
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
	border: 1px solid #cccccc;
	border-radius: 4px;
}

.favoriteinquiry .privacy {
	width: 688px;
	margin: 0 auto 40px auto;
	text-align: center;
}

.favoriteinquiry .privacy p {
	font-size: 14px;
	color: #333333;
	margin-bottom: 20px;
}

.favoriteinquiry .privacy p label {}

.favoriteinquiry .privacy p label input {
	margin: 0 6px 0 0;
	border: 1px solid #ccc;
	width: 12px;
	height: 12px;
}

.favoriteinquiry .privacy p.note {
	font-size: 12px;
	margin-bottom: 0;
}

.favoriteinquiry .privacy p.note a {
	color: #1e95d4;
	text-decoration: none;
}

.favoriteinquiry button {
	width: 325px;
	margin: 0 auto;
	font-size: 18px;
	color: #ffffff;
	font-weight: bold;
	padding: 14px 0;
	background-color: #1e95d4;
	display: block;
	border: none;
	border-radius: 4px;
	cursor: pointer;
}


.favoriteinquiry.confirm{

}

.favoriteinquiry.confirm tr td {
	line-height:1.4;
}

.favoriteinquiry.confirm tr td dl{
	border-top:1px solid #dce8eb;
	margin-bottom:0;
}
.favoriteinquiry.confirm tr td dl dt{
	border-right:1px solid #dce8eb;
	padding:0 20px 0 10px;

	margin:10px 0 10px 20px;

}
.favoriteinquiry.confirm tr td dl dd{
	width: calc(100% - 170px);
	padding:0 20px 0 20px;
	margin:10px 0;
	line-height: 30px;
}



.favoriteinquiry.confirm .history{
	padding: 0;
}
.favoriteinquiry.confirm .history .box{
	border-bottom:1px solid #ccc;
}
.favoriteinquiry.confirm .history p{
	display: inline-block;
	vertical-align: top;
	font-size:14px;
	width:390px;
	border-right:1px solid #ccc;
	padding: 0 10px;
	margin: 10px 0;
	line-height: 30px;
}
.favoriteinquiry.confirm .history .ans{
	display: inline-block;
	vertical-align: top;
	font-size:14px;
	width:calc(100% - 435px);
	padding: 0 10px;
	margin: 10px 0 10px 36px;
	line-height: 30px;

}
.favoriteinquiry.confirm .history span{
	display: inline-block;
	vertical-align: top;
	font-size:14px;
	width:390px;
	border-right:1px solid #ccc;
	padding: 0 10px;
	margin: 10px 0;
	line-height: 30px;
}
.favoriteinquiry.confirm .history .charge{
	display: inline-block;
	vertical-align: top;
	font-size:14px;
	width:calc(100% - 435px);
	padding: 0 10px;
	margin: 10px 0 10px 36px;
	line-height: 30px;
}

.favoriteinquiry .error{
	display: none;
}

.favoriteinquiry.error .error{
	display: block;
	font-size:14px;
	color:#f84610;
}

.favoriteinquiry.error p.error{
	font-size:16px;
	line-height:24px;
	width: 688px;
	margin: 0 auto 30px auto;
}
.favoriteinquiry.error span.error{
	margin-bottom:14px;
}


.favoriteinquiry.error input.error,
.favoriteinquiry.error textarea.error{
	border:1px solid #f84610;
	background-color:#fdeee9;
}

.favoriteinquiry.confirm,
.favoriteinquiry.regist{
	border-top:1px solid #2e7bbe;
}

@media(max-width:750px) {
	.property.favorite .inner {
		padding: 5.3333333vw 4vw 1.33333333vw 4vw;
		/*40 30 10 30*/
	}
	.req {
		font-size: 3.73333333vw;
		/*28*/
		margin: 0 0 0 1.6vw;
		/*12*/
	}
	.favoriteinquiry {
		padding: 10.66666667vw 0 16vw 0;
		/*80 120*/
	}
	.favoriteinquiry h2 {
		font-size: 4.26666667vw;
		/*32*/
		margin-bottom: 4vw;
		/*30*/
	}

	.favoriteinquiry .step {
		margin:0 auto 5.33333333vw auto;/*40*/
		width: calc(100% - 8vw);	/*60*/
	}
	.favoriteinquiry .step li{
		padding:1.33333333vw 0 1.33333333vw 4vw;	/*10 0 10 30*/
		font-size:2.66666667vw;	/*20*/
	}
	.favoriteinquiry .step li:first-child{
		padding:1.33333333vw 0 1.33333333vw 1.6vw;	/*10 0 10 12*/
	}

	.favoriteinquiry .step li span{
		display: block;
		padding:0;
		margin-bottom:1.066666667vw;	/*8*/
	}
	.favoriteinquiry .step li:first-child span{
		padding:0;
	}
	.favoriteinquiry .step li::after {
		top: 0;
		right: -1.4666667vw;	/*-11*/
		border-width: 4.53333333vw 0 4.53333333vw 1.6vw;	/*34 0 34 12*/
	}
	.favoriteinquiry .step li::before {
		top: -2.4vw;	/*-18*/
		right: -2.366666667vw;	/*-17*/
		border-width: 6.8vw 0 6.8vw 2.4vw;	/*51 0 51 18*/
	}

	.favoriteinquiry .register h3{
		font-size: 3.2vw;	/*24*/
		line-height: 5.33333333vw;	/*40*/
		margin: 0 auto 8vw auto;	/*60*/
	}
	.favoriteinquiry .register a{


		border-radius: 1.066666667vw;	/*8*/
		display: inline-block;
		width: 86.4vw;/*648*/
		font-size: 4.8vw;		/*36*/
		padding: 3.73333333vw 0;		/*28*/
	}

	.favoriteinquiry p.desc {
		font-size: 3.46666667vw;
		/*26*/
		line-height: 4.8vw;
		/*36*/
		margin: 0 auto 2.66666667vw auto;
		/*20*/
	}
	.favoriteinquiry table {
		border-collapse: collapse;
		margin: 0 4vw;
		/*30*/
		width: calc(100% - 8vw);
		/*60*/
	}
	.favoriteinquiry tr th {
		width: 100%;
		float: left;
		font-size: 3.73333333vw;
		/*28*/
		padding: 2.4vw 0;
		/*18*/
		text-align: center;
	}
	.favoriteinquiry tr th br {
		display: none;
	}
	.favoriteinquiry tr th .req {
		display: inline-block;
		margin: 0 0 0 1.6vw;
		/*12*/
	}
	.favoriteinquiry tr:last-child td, .favoriteinquiry tr td {
		width: 100%;
		float: left;
		padding: 5.3333333vw 0 8vw 0;
		/*40 60 */
		border-top: none;
		font-size: 3.73333333vw;
		/*28*/
	}
	.favoriteinquiry tr td ul {
		margin-bottom: 8vw;
		/*60*/
	}
	.favoriteinquiry tr td ul li {
		margin-bottom: 5.3333333vw;
		/*40*/
		font-size: 3.73333333vw;
		/*28*/
	}
	.favoriteinquiry tr td input[type="checkbox"] {
		/*width:2.93333333vw;*/
		/*22*/
		/*height:2.93333333vw;*/
		/*22*/
		/*border:0.13333333vw solid #cccccc;*/
		/*1*/
		margin: 0 1.6vw 0 0;
		/*12*/
		vertical-align: baseline;
	}
	.favoriteinquiry tr td div.wish {
		font-size: 3.73333333vw;
		/*28*/
		line-height: 5.3333333vw;
		/*40*/
		margin-bottom: 2.13333333vw;
		/*16*/


	}
	.favoriteinquiry tr td div.wish {
		margin-top:4.26666667vw;	/*32*/

	}
	.favoriteinquiry.request tr td div.wish{
		margin-top:0;
	}
	.favoriteinquiry tr td textarea.wish {
		font-size: 3.2vw;
		/*24*/
		line-height: 4.26666667vw;
		/*32*/
		height: 36vw;
		/*270*/
	}
	.favoriteinquiry tr td dl {
		margin-bottom: 5.3333333vw;
		/*40*/
	}
	.favoriteinquiry tr td dl dt {
		width: 100%;
		font-size: 3.73333333vw;
		/*28*/
		margin: 0 0 2.66666667vw 0;
		/*20*/
	}
	.favoriteinquiry tr td dl dd {
		width: 100%;
		font-size: 3.73333333vw;
		/*28*/
	}
	.favoriteinquiry tr td dl dt .req {
		font-size: 3.73333333vw;
		/*28*/
		line-height: 1;
		margin: 0 0 0 1.6vw;
		/*12*/
	}
	.favoriteinquiry tr td input[type="text"], .favoriteinquiry tr td input[type="tel"], .favoriteinquiry tr td input[type="email"] {
		font-size: 3.2vw;
		/*24*/
		padding: 1.33333333vw 2.66666667vw;
		/*10 20*/
		border: 0.13333333vw solid #cccccc;
		/*1*/
	}
	.favoriteinquiry tr td textarea.address {
		font-size: 3.2vw;
		/*24*/
		line-height: 4.26666667vw;
		/*32*/
		height: 16vw;
		/*120*/
		border: 0.13333333vw solid #cccccc;
		/*1*/
		margin-bottom: 2.66666667vw;
		/*20*/
	}
	.favoriteinquiry tr td span {
		font-size: 3.2vw;
		/*24*/
		line-height: 4.26666667vw;
		/*32*/
	}
	.favoriteinquiry .history {
		width: calc(100% - 8vw);
		/*60*/
		margin: 8vw auto 8vw auto;
		/*60 60*/
		padding: 8vw 0;
		/*60*/
		border-top: 0.13333333vw solid #ccc;
		/*1*/
		border-bottom: 0.13333333vw solid #ccc;
		/*1*/
	}
	.favoriteinquiry .history p {
		font-size: 3.73333333vw;
		/*28*/
		line-height: 5.3333333vw;
		/*40*/
		margin-bottom: 3.2vw;
		/*24*/
	}
	.favoriteinquiry .history span.req {
		font-size: 3.73333333vw;
		/*28*/
		line-height: 5.3333333vw;
		/*40*/
		margin: 0 0 0 1.6vw;
		/*12*/
	}
	.favoriteinquiry .history ul {
		margin-bottom: 6.6666667vw;
		/*50*/
	}
	.favoriteinquiry .history ul li {
		margin-right: 5.3333333vw;
		/*40*/
		font-size: 3.73333333vw;
		/*28*/
	}
	.favoriteinquiry .history ul li label input {
		border: 0.13333333vw solid #cccccc;
		/*1*/
		margin: 0 2.13333333vw 0 0;
		/*16*/
		padding: 0;
		vertical-align: text-bottom;
		width: 3.2vw;
		/*24*/
		height: 3.2vw;
		/*24*/
	}
	.favoriteinquiry .history span {
		font-size: 3.2vw;
		/*24*/
		margin-right: 2.13333333vw;
		/*16*/
	}
	.favoriteinquiry .history select {
		font-size: 3.2vw;
		/*24*/
		border: 0.13333333vw solid #cccccc;
		/*1*/
	}
	.favoriteinquiry .privacy {
		width: calc(100% - 8vw);
		/*60*/
	}
	.favoriteinquiry .privacy p {
		font-size: 3.73333333vw;
		/*28*/
		margin-bottom: 4.8vw;
		/*36*/
	}
	.favoriteinquiry .privacy p label input {
		border: 0.13333333vw solid #cccccc;
		/*1*/
		margin: 0 2.13333333vw 0 0;
		/*16*/
		padding: 0;
		vertical-align: text-bottom;
		width: 3.2vw;
		/*24*/
		height: 3.2vw;
		/*24*/
	}
	.favoriteinquiry .privacy p.note {
		font-size: 3.2vw;
		/*24*/
		line-height: 4.8vw;
		/*36*/
	}
	.favoriteinquiry button {
		width: 86.4vw;
		/*648*/
		font-size: 4.8vw;
		/*36*/
		padding: 3.73333333vw 0;
		/*28*/
	}

	.favoriteinquiry.confirm tr td dl dt{
		display: inline-block;
		width:100%;
		border-left:none;
		padding:0;
		margin:1.866666667vw 0;	/*14*/
		border-right:none;
	}
	.favoriteinquiry.confirm tr td dl dd{
		display: inline-block;
		width:100%;
		padding: 0;
		margin:0 0 1.866666667vw 0;	/*14*/
		font-size:3.73333333vw;	/*28*/
		line-height: 30px;	/*30*/

	}
	.favoriteinquiry.confirm .history{
		margin:0 auto 8vw auto;	/*60*/
		padding:0 0 8vw 0;	/*60*/

		margin:0 auto 8vw auto;	/*60*/
		padding:0 0 1.866666667vw 0;	/*14*/

	}
	.favoriteinquiry.confirm .history .box{
		border-bottom:none;
	}
	.favoriteinquiry.confirm .history p{
		width:100%;
		padding: 0;
		margin:1.866666667vw 0;	/*14*/
		font-size:3.73333333vw;	/*28*/
		line-height: 4vw;	/*30*/
		font-weight: bold;
		border-right:none;
	}
	.favoriteinquiry.confirm .history p .sp{
		display: inline-block;
	}
	.favoriteinquiry.confirm .history .ans{
		width:100%;
		padding: 0;
		margin:0 0 1.866666667vw 0;	/*14*/
		padding:0 0 1.866666667vw 0;	/*14*/
		font-size:3.73333333vw;	/*28*/
		line-height: 4vw;	/*30*/
		border-bottom: 1px solid #dce8eb;
	}
	.favoriteinquiry.confirm .history span{
		width:100%;
		padding: 0;
		margin:0 0 1.866666667vw 0;/*14*/
		font-size:3.73333333vw;	/*28*/
		line-height: 4vw;	/*30*/
		font-weight: bold;
		border-right:none;
	}
	.favoriteinquiry.confirm .history .charge{
		width:100%;
		padding: 0;
		margin:0;
		font-size:3.73333333vw;	/*28*/
		line-height: 4vw;	/*30*/
	}


	.favoriteinquiry.error .error{
		font-size:3.73333333vw;	/*28*/
	}

	.favoriteinquiry.error p.error{
		font-size:4.266666667vw;	/*32*/
		line-height:6.4vw;	/*48*/
		width: calc(100% - 8vw);
		margin: 0 auto 4vw auto;	/*60*/
	}
	.favoriteinquiry.error span.error{
		margin-bottom:3.73333333vw;	/*28*/
		padding-left: 0;
		text-indent: 0;
	}



	.favoriteinquiry.error input.error,
	.favoriteinquiry.error textarea.error{
		border:0.133333333vw solid #f84610;	/*1*/

	}


}

/* ************************************************** */

.detail {
	max-width: 100%;
	padding-top: 10px;
	border-top: 1px solid #2e7bbe;
}


.detail .inner {
	max-width: 960px;
	margin: 0 auto;
	position: relative;
	padding: 0 0 100px 0;
}
.detail.page .inner{
	padding:0;
}



.detail .breadcrumb {
	position: static;
	padding:10px 0 0 0;
}

.detail .fav {
	margin: 40px 0 36px 0;
	text-align: right;
}

.detail .fav a {
	font-size: 14px;
	color: #f84610;
	text-decoration: none;
	padding: 12px 0;
	width: 170px;
	background-color: #f0f3f3;
	border-radius: 20px;
	display: inline-block;
	text-align: center;
}

.detail .fav a span.hearts {
	display: inline-block;
	width: 14px;
	height: 14px;
	vertical-align: top;
	margin-right:4px;
}
.detail .fav a span.hearts img{
	display: inline-block;
	width: 14px;
	height: 14px;
	vertical-align: top;

}

.detail .fav a.active {
	background-color: #f84610;
	color: #ffffff;
}

.detail .fav a.active span.hearts {
	/*display: none;*/
}

.detail .fav a.active span.txt {
	display: none;
}
.detail .fav a.active .hearts img{
	display: none;
}
.detail .fav a.active .hearts:after{
	content: '';/*何も入れない*/
	display: inline-block;/*忘れずに！*/
	width: 18px;/*画像の幅*/
	height: 14px;/*画像の高さ*/
	background-image: url("../images/common/hearts-w.png");
	background-size: 14px auto;
	background-position: left center;
	background-repeat: no-repeat;
	vertical-align: middle;
	display: inline-block;
}

.detail .fav a.active:after {
	content: "お気に入り";
	display: inline-block;
	color: #ffffff;
}

.detail h2 {
	font-size: 28px;
	line-height: 40px;
	color: #136794;
	font-weight: bold;
	margin-bottom: 24px;
}

.detail .main {
	position: relative;
	background-color: #f0f3f3;
	margin-bottom: 46px;
}

.detail .label {
	position: absolute;
	left: 0;
	top: 0;
	font-size: 14px;
	padding: 8px 12px;
	background-color: #ffffff;
}

.detail .main h3 {
	position: absolute;
	top: 60px;
	left: 30px;
	width: 180px;
	font-size: 16px;
	line-height: 20px;
	color: #333333;
}

.detail .main .price {
	position: absolute;
	top: 100px;
	left: 30px;
	width: 208px;
	font-size: 28px;
	font-weight: bold;
	line-height: 1;
	color: #333333;
}

.detail .main .drone{
	position:absolute;
	top:152px;
	left:30px;
}
.detail .main .drone img{
	width:74px;
	height: auto;
}



.detail .main .fig {
	padding-left: 238px;
	width: 100%;
	position: relative;
}

.detail .main .fig img {
	width: 100%;
	height: auto;
}
.detail .main .fig .fig2{
	position: relative;
}
.detail .main .fig img.soldout{
	position: absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
}

.detail .main .fig p {
	font-size: 12px;
	color: #666666;
	position: absolute;
	bottom: -20px;
	right: 0;
}

.detail .main .bukken {
	position: absolute;
	bottom: 30px;
	left: 30px;
}

.detail .main .bukken table {
	border-collapse: collapse;
	margin-bottom: 20px;
	width:auto;
}

.detail .main .bukken table tr {}

.detail .main .bukken table tr th {
	background-color: #f0f3f3;
	border: 1px solid #cccccc;
	width: 78px;
	vertical-align: middle;
	text-align: center;
	font-size: 14px;
	color: #333333;
	padding: 13px 0;
}

.detail .main .bukken table tr td {
	background-color: #ffffff;
	border: 1px solid #cccccc;
	width: 96px;
	vertical-align: middle;
	text-align: center;
	font-size: 14px;
	color: #333333;
	padding: 13px 0;
}

.detail .main .bukken p {
	font-size: 12px;
	color: #333333;
	margin-bottom: 6px;
}

.detail .main .bukken .freedial {}

.detail .main .bukken .freedial img {
	width: 40px;
}

.detail .main .bukken .freedial a {
	line-height: 23px;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

.detail .description {}

.detail .description p {
	font-size: 14px;
	line-height: 20px;
	color: #333333;
	margin-bottom: 50px;
}


.detail .description .movie{
	width:670px;
	margin:0 auto 60px auto;
}
.detail .description .movie .copy{
	margin:0 0 16px 0;
}
.detail .description .movie .copy img{
	width:92px;
	height:auto;
	display: inline-block;
	vertical-align: middle;
	margin-right:20px;
}
.detail .description .movie .copy span{
	display: inline-block;
	vertical-align: middle;
	width:calc(100% - 120px);
	color:#3e9edb;
	font-size:16px;
	font-weight: bold;
}
.detail .description .movie .inner{
	position:relative;
	width:100%;
	padding-top: 56.25%;	/*アスペクト比 16:9の場合の縦幅*/
	padding-bottom:0;
	overflow: hidden;
}
.detail .description .movie .inner iframe{
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}



.detail .description .pic {
	margin-bottom: 10px;
}

.detail .description .pic ul {
	font-size: 0;
}

.detail .description .pic ul li {
	width: calc( (100% - 60px) / 2);
	display: inline-block;
	vertical-align: top;
	margin-right: 60px;
}

.detail .description .pic ul li:nth-child(2n) {
	margin-right: 0;
}

.detail .description .pic ul li .fig {}

.detail .description .pic ul li .fig img {
	width: 100%;
	height: auto;
	margin-bottom: 4px;
}

.detail .description .pic ul li .fig .caption {
	font-size: 12px;
	line-height: 20px;
	color: #666666;
	margin-bottom: 46px;
}

.detail table.outline {
	border-collapse: collapse;
	margin-bottom: 10px;
	width: 100%;
	table-layout: fixed;
}

.detail table.outline tr {
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	width: 100%;
}

.detail table.outline tr th {
	line-height: 1.4;
	background-color: #f0f3f3;
	padding: 18px 10px;
	width: 80px;
	vertical-align: middle;
	text-align: left;
}

.detail table.outline tr td {
	line-height: 1.4;
	vertical-align: middle;
	/*width:calc( (100% - 160px) / 2);*/
	padding: 18px 28px;
}

.detail table.outline tr td.col {
	width: calc(100% - 80px);
}

.detail table.outline tr td a {
	color: #318ab9;
	text-decoration: none;
}

.detail table.outline tr td a.inq {
	font-size: 12px;
	color: #ffffff;
	background-color: #318ab9;
	padding: 9px 28px 9px 10px;
	width: auto;
	display: inline-block;
	vertical-align: middle;
	margin: 10px 0 0 0;
	border-radius: 4px;
	background-image: url("../images/common/white_arrow.png");
	background-position: right 10px center;
	background-size: 6px auto;
	background-repeat: no-repeat;
}

.detail .term {
	text-align: right;
	margin-bottom: 26px;
}

.detail .term a {
	display: inline-block;
	padding: 3px 8px 3px 30px;
	border: 1px solid #cccccc;
	border-radius: 4px;
	text-decoration: none;
	font-size: 12px;
	color: #666666;
	background-image: url("../images/common/term.png");
	background-position: left 8px center;
	background-size: 14px auto;
	background-repeat: no-repeat;
}

.detail .term a span {
	display: inline-block;
	border-left: 1px solid #cccccc;
	line-height: 16px;
	padding-left: 8px;
}

.detail .inq {
	background-color: #f0f3f3;
	padding: 40px 0;
	text-align: center;
}

.detail .inq p {
	font-size: 20px;
	font-weight: bold;
	color: #318ab9;
	margin-bottom: 30px;
}

.detail .inq a:nth-child(2n) {
	font-size: 16px;
	color: #ffffff;
	font-weight: bold;
	width: 580px;
	padding: 32px 0;
	display: block;
	margin: 0 auto 30px auto;
	background-color: #318ab9;
	text-decoration: none;
	text-align: center;
	border-radius: 10px;
}

.detail .inq a span {
	padding-right: 26px;
	background-image: url("../images/common/white_arrow.png");
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 8px auto;
}


.detail .inq .inner{
	margin:0 auto;
	padding:0;
	max-width:688px;
	text-align: center;
}
.detail .inq .inner table{
	border-collapse: collapse;
	width: auto;
	display: inline-block;
	vertical-align: top;
	margin-right:30px;
}
.detail .inq .inner table tr{

}
.detail .inq .inner table th{
	background-color: #f0f3f3;
	border: 1px solid #cccccc;
	width: 78px;
	vertical-align: middle;
	text-align: center;
	font-size: 14px;
	color: #333333;
	padding: 22px 0;
}
.detail .inq .inner table td{
	background-color: #ffffff;
	border: 1px solid #cccccc;
	width: 96px;
	vertical-align: middle;
	text-align: center;
	font-size: 14px;
	color: #333333;
	padding: 22px 0;
}



.detail .inq .tel {
	display: inline-block;
	vertical-align: top;
	width:340px;
	text-align: left;
}

.detail .inq .tel .freedial {
	margin: 10px 0 0 0;
}

.detail .inq .tel .freedial img {
	width: auto;
	height: 30px;
	display: inline-block;
	vertical-align: top;
}

.detail .inq .tel .freedial a {
	display: inline-block;
	vertical-align: top;
	line-height: 30px;
	font-size: 26px;
	color: #000000;
	width: auto;
	background: none;
	padding: 0;
	margin: 0 0 0 4px;
}

.detail .print {
	margin: 60px auto 0 auto;
	text-align: center;
}

.detail .print a {
	display: inline-block;
	border: 1px solid #cccccc;
	border-radius: 4px;
	padding: 6px 0 6px 12px;
}

.detail .print a img {
	width: 26px;
	height: auto;
}

.detail .print span {
	display: inline-block;
	border-left: 1px solid #cccccc;
	color: #666666;
	font-size: 14px;
	line-height: 28px;
	padding-left: 46px;
	margin-left: 12px;
	padding-right: 42px;
}

@media(max-width:1020px) {
	.detail {
		padding: 0 30px 100px 30px;
	}
	.detail.page{
		padding:0;
	}
}


@media(max-width:880px){
	.detail .main .drone{
		top:inherit;
		bottom:100px;
	}
	.detail .main .drone img{
		width:50px;
	}
	.detail .main .bukken{
		bottom:10px;
	}
	.detail .main .bukken table{
		margin-bottom:0px;
	}
}


@media screen and (max-width:750px) {
	.detail {
		padding: 0 4vw 16vw 4vw;
		/* 0 30 120 30*/
	}
	.detail.page{
		padding: 0 4vw;	/*0 30*/
	}
	.detail .inner {
		padding: 0;
	}
	.detail .fav {
		margin: 8vw auto 4.8vw auto;
		/*60 36*/
		text-align: center;
	}
	.detail .fav a {
		font-size: 3.2vw;
		/*24*/
		width: 44vw;
		/*330*/
		padding: 3.73333333vw 0;
		/*28*/
		border-radius: 5.33333333vw;
		/*40*/
	}
	.detail .fav a span.hearts{
		width: 2.66666667vw;	/*20*/
		height: 2.66666667vw;	/*20*/
		margin-right: 1.06666667vw;	/*8*/
	}
	.detail .fav a span.hearts img{
		width: 2.66666667vw;	/*20*/
		height: 2.66666667vw;	/*20*/
	}
	.detail .fav a.active .hearts::after{
		width: 3.73333333vw;	/*28*/
		height: 2.66666667vw;/*20*/
		background-size: 2.66666667vw auto;/*20*/
	}
	.detail h2 {
		font-size: 5.33333333vw;
		/*40*/
		line-height: 8vw;
		/*60*/
		margin-bottom: 4vw;
		/*30*/
	}
	.detail .main {
		padding: 4vw 0 0 0;
		/*30*/
		margin-bottom: 6.66666667vw;
		/*50*/
	}
	.detail .label {
		position: static;
		font-size: 3.2vw;
		/*24*/
		padding: 2.66666667vw 1.333333vw;
		/*20 10*/
		margin: 0 3.2vw 4vw 4vw;
		/*0 24 30 30*/
		display: inline-block;
		vertical-align: middle;
		width: auto;
	}
	.detail .main h3 {
		position: static;
		display: inline-block;
		vertical-align: middle;
		width: auto;
		font-size: 4vw;
		/*30*/
		line-height: 4.8vw;
		/*36*/
		margin-bottom: 4vw;
		/*30*/
	}
	.detail .main .price {
		position: static;
		margin: 0 3.2vw 4vw 4vw;
		/*0 24 30 30*/
		display: inline-block;
		vertical-align: middle;
		width: auto;
		font-size: 4vw;
		/*30*/
		line-height: 4.8vw;
		/*36*/
	}
    .detail .main .drone{
        position: absolute;
        top: 18.666667vw;
        right: 9px;
        z-index: 100;
        left: initial;
    }

    .detail .main .drone img{
        z-index: 1;
        width: 17.86666667vw;
        height: auto;
	}


	.detail .main .fig {
		padding-left: 0;
	}
	.detail .main .fig p {
		font-size: 3.2vw;
		/*24*/
		line-height: 4.26666667vw;
		/*32*/
		text-align: left;
		right: inherit;
		left: 0;
		bottom: -8.8vw;
		/*-66*/
		background-color: #ffffff;
		height: 8.8vw;
		/*66*/
		width: 100%;
		padding-top:1.06666667vw;	/*8*/
	}
	.detail .main .bukken {
		position: static;
		padding: 8.8vw 0 0 0;
		/*66*/
		font-size: 0;
	}
	.detail .main .bukken:after {
		content: ".";
		display: block;
		height: 0;
		font-size: 0;
		clear: both;
		visibility: hidden;
	}
	.detail .main .bukken table {
		margin: 2.66666667vw 4vw 2.66666667vw 2.66666667vw;
		/*20 30 20 20*/
		width: 20.53333333vw;
		/*154*/
		display: block;
		float: left;
	}
	.detail .main .bukken table tr th {
		float: left;
		width: 100%;
		font-size: 2.93333333vw;
		/*22*/
		padding: 1.2vw 0;
		/*9*/
		border-bottom:none;
	}
	.detail .main .bukken table tr td {
		float: left;
		width: 100%;
		font-size: 3.73333333vw;
		/*28*/
		padding: 0.8vw 0;
		/*6*/
	}
	.detail .main .bukken p {
		display: inline-block;
		width: calc(100% - 27.2vw);
		/*204*/
		font-size: 3.2vw;
		/*24*/
		vertical-align: top;
		margin: 2.66666667vw 0 1.6vw 0;
		/*20 12*/
	}
	.detail .main .bukken .freedial {
		display: inline-block;
		vertical-align: top;
	}
	.detail .main .bukken .freedial img {
		width: 10.66666667vw;
		/*80*/
	}
	.detail .main .bukken .freedial a {
		font-size: 4.8vw;
		/*36*/
		line-height: 6.13333333vw;
		/*46*/
	}
	.detail .description p {
		font-size: 3.46666667vw;
		/*26*/
		line-height: 4.8vw;
		/*36*/
		margin-bottom: 6.66666667vw;
		/*50*/
	}

	.favoriteinquiry .detail .main .bukken {
		padding:2.66666667vw;	/*20*/
	}
	.favoriteinquiry .detail .main .bukken table {
		border-collapse: collapse;
		margin-bottom: 2.66666667vw;	/*20*/
		width:auto;
		margin:0 auto;
	}

	.favoriteinquiry .detail .main .bukken table tr {}

	.favoriteinquiry .detail .main .bukken table tr th {
		float:none;
		background-color: #f0f3f3;
		border: 1px solid #cccccc;	/*1*/
		width: 20.8vw;	/*156*/
		vertical-align: middle;
		text-align: center;
		font-size: 3.73333333vw;	/*28*/
		color: #333333;
		padding: 3.46666667vw 0;	/*26 0*/
	}

	.favoriteinquiry .detail .main .bukken table tr td {
		float:none;
		background-color: #ffffff;
		border: 1px solid #cccccc;
		width: 25.6vw;	/*192*/
		vertical-align: middle;
		text-align: center;
		font-size: 3.73333333vw;	/*28*/
		color: #333333;
		padding: 3.46666667vw 0;	/*26 0*/
	}



	.detail .description .movie{
		margin: 0 auto 8vw auto;	/*60*/
		width:100%;
	}
	.detail .description .movie .copy{
		margin: 0 0 2.13333333vw 0;	/*16*/
	}
	.detail .description .movie .copy img{
		width:19.73333333vw;	/*148*/
		margin-right:4.53333333vw;	/*34*/
	}
	.detail .description .movie .copy span{
		font-size:3.73333333vw;	/*28*/
		width:calc(100% - 25.33333333vw);	/*190*/
	}
	.detail .description .movie .inner{

	}
	.detail .description .movie .inner iframe{

	}

	.detail .description .pic {
		margin-bottom: 9.33333333vw;
		/*70*/
	}
	.detail .description .pic ul li {
		width: 100%;
		margin-right: 0;
	}
	.detail .description .pic ul li .fig img {
		margin-bottom: 1.333333vw;
		/*10*/
	}
	.detail .description .pic ul li .fig .caption {
		font-size: 3.2vw;
		/*24*/
		line-height: 4.26666667vw;
		/*32*/
		margin-bottom: 4vw;
		/*32*/
	}
	.detail table.outline {
		margin-bottom: 4vw;
		/*30*/
		display: block;
		border-bottom: 0.13333333vw solid #cccccc;
		/*1*/
	}
	.detail table.outline tr {
		border-top: none;
		border-bottom: none;
		display: grid;
	}
	.detail table.outline tr th {
		width: 21.3333333vw;
		/*160*/
		font-size: 3.73333333vw;
		/*28*/
		padding: 4.8vw 2.66666667vw;
		/*36 20*/
		border-top: 0.13333333vw solid #cccccc;
		/*1*/
		grid-column: 1;
		grid-row: 1;
		display: flex;
		align-items: center;
		text-align: left;
	}
	.detail table.outline tr td {
		width: 70.66666667vw;
		/*530*/
		font-size: 3.73333333vw;
		/*28*/
		line-height: 5.33333333vw;
		/*40*/
		padding: 4.8vw;
		/*36*/
		border-top: 0.13333333vw solid #cccccc;
		/*1*/
		grid-column: 2;
		grid-row: 1;
	}
	.detail table.outline tr th:last-of-type {
		grid-column: 1;
		grid-row: 2;
	}
	.detail table.outline tr td:last-of-type {
		grid-column: 2;
		grid-row: 2;
	}
	.detail table.outline tr td.col {
		width: 70.66666667vw;
		/*530*/
	}
	.detail table.outline tr td a.inq {
		font-size: 3.2vw;
		/*24*/
		padding: 1.333333vw 7, 73333333vw 1.333333vw 2.66666667vw;
		/*10 58 10 20*/
		background-position: right 2.66666667vw center;
		/*20*/
		background-size: 1.6vw auto;
		/*12*/
		border-radius: 1.06666667vw;
		/*8*/
		width: auto;
		margin: 1.333333vw 0 0 0;
		/*10*/
	}
	.detail .term {
		margin-bottom: 8vw;
		/*60*/
	}
	.detail .term a {
		font-size: 3.2vw;
		/*24*/
		padding: 1.6vw 2.4vw 1.6vw 8vw;
		/*12 18 12 60*/
		background-position: left 2.13333333vw center;
		/*16*/
		background-size: 3.73333333vw auto;
		/*28*/
		border: 0.13333333vw solid #cccccc;
		/*1*/
		border-radius: 1.06666667vw;
		/*8*/
	}
	.detail .term a span {
		border-left: 0.13333333vw solid #cccccc;
		/*1*/
		line-height: 4vw;
		/*30*/
		padding-left: 2, 13333333vw;
		/*16*/
	}
	.detail .inq {
		padding: 8vw 0;
		/*60*/
	}
	.detail .inq p {
		font-size: 5.33333333vw;
		/*40*/
		line-height: 6.93333333vw;
		/*52*/
	}
	.detail .inq a {
		font-size: 4.26666667vw;
		/*32*/
		padding: 8.53333333vw 0;
		/*64*/
		width: 84vw;
		/*630*/
		border-radius: 2.66666667vw;
		/*20*/
		margin: 0 auto 5.33333333vw auto;
		/*40*/
	}
	.detail .inq a span {
		padding-right: 5.6vw;
		/*42*/
		background-size: 2.13333333vw auto;
		/*16*/
	}

        .detail .inq a:nth-child(2n) {

	color: #ffffff;
	font-weight: bold;
	display: block;
	background-color: #318ab9;
	text-decoration: none;
	text-align: center;
        font-size: 4.26666667vw;    /*32*/
	padding: 8.53333333vw 0;    /*64*/
	width: 84vw;    /*630*/
	border-radius: 2.66666667vw;    /*20*/
	margin: 0 auto 5.33333333vw auto;   /*40*/

        }



	.detail .inq .inner{

		max-width:84vw;	/*630*/
		width:84vw;	/*630*/
	}
	.detail .inq .inner table{
		margin-right:4.8vw;	/*36*/
		width:25.6vw;	/*192*/
	}
	.detail .inq .inner table tr{

	}
	.detail .inq .inner table th{
		float:left;
		width:25.6vw;	/*192*/
		padding:2.13333333vw 0;	/*16*/
		border-bottom:none;
		font-size: 3.73333333vw;	/*28*/
	}
	.detail .inq .inner table td{
		float:left;
		width:25.6vw;	/*192*/
		padding:2.13333333vw 0;	/*16*/
		font-size: 3.73333333vw;	/*28*/


	}


	.detail .inq .tel {
		width:53.33333333vw;	/*400*/
		font-size: 3.2vw;
		/*24*/
		line-height:4.26666667vw;	/*32*/
	}
	.detail .inq .tel .freedial {
		margin: 1.33333333vw 0 0 0;
		/*10*/
		font-size:0;
	}
	.detail .inq .tel .freedial img {
		width: 10.66666667vw;	/*80*/
		height:auto;
	}
	.detail .inq .tel .freedial a {
		margin: 0;
		/*8*/
		font-size: 5.33333333vw;
		/*40*/
		line-height: 6.66666667vw;
		/*50*/
	}
	.detail .print {
		display: none;
	}
        .detail .print_button {
		display: none;
	}
}

@media print and (max-width:1200px) {
	body {
		zoom: .8;
		padding: 0;
		margin: 0;
	}
	header, footer, .detail .fav, .detail .term, .detail .inq p, .detail .inq a, .detail .print a, .detail table.outline tr td a.inq {
		display: none;
		padding: 0;
		margin: 0;
	}
	.page .contents {
		padding: 0;
	}
	.detail {
		border-top: none;
		font-size: 14px;
		padding-top: 0;
	}
	.detail h2 br {
		display: none;
	}
	.detail .inq .tel .freedial a {
		display: inline-block;
	}
	.detail .label {
		position: static;
		margin-bottom: 16px;
	}
	.detail .main h3 {
		position: static;
		margin-bottom: 16px;
	}
	.detail .main .price {
		position: static;
		margin-bottom: 16px;
	}
	.detail .main .fig {
		padding: 0;
	}
	.detail .main .bukken {
		position: static;
		margin-top: 16px;
	}
}

/* ************************************************** */

.company {
	background-color: #f0f3f3;
	padding-bottom: 100px;
}

.company h2 {
	padding: 30px 0;
	font-size: 20px;
	color: #136794;
	text-align: center;
	background-color: #ffffff;
}

.company .inner {
	margin: 0 auto;
	padding: 30px 0;
	max-width: 688px;
}

.company .image {
	width: 100%;
}

.company .image img {
	width: 100%;
	height: auto;
}

.company .floormap {
	background-color: #ffffff;
	padding: 0 0 30px 0;
}

.company .floormap #office {
	background-image: url("../images/company/floormap.png");
	background-size: 688px auto;
	background-position: top 20px left;
	background-repeat: no-repeat;
	height: 657px;
	position: relative;
}

.company .floormap #office ul li {
	position: absolute;
	width: 140px;
	height: 40px;
}

.company .floormap #office ul li a {
	display: block;
	text-decoration: none;
	opacity: 1;
	width: 140px;
	height: 40px;
}

.company .floormap #office ul li.ofc_a {
	/*商談室*/
	top: 34px;
	left: 385px;
}

.company .floormap #office ul li.ofc_b {
	/*キッズコーナー*/
	top: 132px;
	left: 385px;
}

.company .floormap #office ul li.ofc_c {
	/*接客スペース*/
	top: 177px;
	left: 273px;
}

.company .floormap #office ul li.ofc_j {
	/*接客スペース2*/
	top: 141px;
	left: 115px;
}

.company .floormap #office ul li.ofc_d {
	/*トイレ・オムツ替え室*/
	top: 235px;
	left: 143px;
}

.company .floormap #office ul li.ofc_e {
	/*休憩スペース*/
	top: 275px;
	left: 453px;
}

.company .floormap #office ul li.ofc_f {
	/*接客スペース3*/
	top: 361px;
	left: 303px;
}

.company .floormap #office ul li.ofc_g {
	/*物件閲覧コーナー*/
	top: 456px;
	left: 486px;
}

.company .floormap #office ul li.ofc_h {
	/*受付カウンター*/
	top: 494px;
	left: 331px;
}

.company .floormap #office ul li.ofc_i {
	/*ムービーモニター*/
	top: 576px;
	left: 512px;
}

.company .floormap #office ul li.ofc_k {
	/*エントランス*/
	top: 576px;
	left: 352px;
}

.company .floormap #office ul li a:hover {
	opacity: 1;
	filter: brightness(110%);
}

.company .floormap a.gmap {
	width: 320px;
	margin: 0 auto;
	font-size: 14px;
	border-radius: 20px;
	text-align: center;
	background-color: #edf3f5;
	display: block;
	color: #000000;
}

.company .floormap a.gmap:hover {
	background-color: #dce8eb;
}

.company .floormap a.gmap span {
	padding: 13px 0;
	display: inline-block;
	padding-left: 18px;
	background-image: url("../images/company/gmap.png");
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 12px auto;
}

.access {
	margin: 0 auto;
	max-width: 688px;
	padding: 0;
}

.access ul {}

.access ul li {
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	padding: 15px 0;
	width: 138px;
	margin-right: 4px;
	background-color: #dce8eb;
	text-align: center;
}

.access ul li:last-of-type {
	margin-right: 0;
}

.access ul li.active {
	background-color: #ffffff;
}

.access ul li a {
	text-decoration: none;
	font-weight: bold;
	color: #666666;
}

.access ul li.active a {
	color: #1e95d4;
}

.access .data {
	padding: 20px;
	background-color: #ffffff;
}

.access .data .list {
	display: none;
}

.access .data .list.active {
	display: block;
}

.access .data .list .print {
	text-align: right;
	margin-bottom: 20px;
}

.access .data .list .print a {
	display: inline-block;
	color: #666666;
	font-size: 12px;
	text-decoration: none;
	border: 1px solid #cccccc;
	border-radius: 4px;
	padding: 4px 16px 4px 32px;
	background-image: url("../images/common/printer.png");
	background-size: 16px auto;
	background-position: left 6px center;
	background-repeat: no-repeat;
}

.access .data .list .print a span {
	display: inline-block;
	border-left: 1px solid #cccccc;
	line-height: 18px;
	padding-left: 16px;
}

.access .data .list .map {
	margin-bottom: 30px;
}

.access .data .list .map img {
	width: 100%;
}

.access .data .list .address {
	font-size: 14px;
	color: #333333;
	margin-bottom: 30px;
	text-align: center;
}

.access .data .list ul {
	width: 600px;
	margin: 0 auto;
	font-size: 0;
	text-align: left;
}

.access .data .list ul li {
	display: inline-block;
	vertical-align: top;
	width: 190px;
	margin-right: 15px;
	margin-bottom: 0;
	background-color: inherit;
	padding: 15px 0 0 0;
}

.access .data .list ul li:nth-child(3n) {
	margin-right: 0;
}

.access .data .list ul li img {
	width: 100%;
	margin-bottom: 10px;
}

.access .data .list ul li p {
	font-size: 12px;
	line-height: 16px;
	color: #333333;
	text-align: left;
}

.lb-data .lb-caption {
	line-height: 1.4 !important;
}

@media(max-width:750px) {
	.company {
		padding-bottom: 13.3333333vw;
		/*100*/
	}
	.company h2 {
		padding: 10.6666667vw 0 5.3333333vw 0;
		/*80 40*/
		font-size: 5.3333333vw;
		/*40*/
	}
	.company .inner {
		padding: 5.3333333vw 4vw;
		/*40 30*/
		max-width: 100%;
	}
	.company .floormap {
		padding: 0 0 5.3333333vw 0;
		/*40*/
	}
	.company .floormap #office {
		background-image: url("../images/company/floormap_sp.png");
		background-position: top left;
		background-size: 92.13333333vw auto;
		/*690*/
		height: 104.53333333vw;
		/*784*/
	}
	.company .floormap #office ul li {
		width: 23.46666667vw;
		/*176*/
		height: 7.2vw;
		/*54*/
	}
	.company .floormap #office ul li a {
		opacity: 1;
		width: 23.46666667vw;
		/*176*/
		height: 7.2vw;
		/*54*/
	}
	.company .floormap #office ul li a img {
		width: 100%;
		height: auto;
	}
	.company .floormap #office ul li.ofc_a {
		/*商談室*/
		top: 8.8vw;
		/*66*/
		left: 49.2vw;
		/*369*/
	}
	.company .floormap #office ul li.ofc_b {
		/*キッズコーナー*/
		top: 23.6vw;
		/*177*/
		left: 49.2vw;
		/*369*/
	}
	.company .floormap #office ul li.ofc_j {
		/*接客スペース*/
		top: 25.86666667vw;
		/*194*/
		left: 3.73333333vw;
		/*28*/
	}
	.company .floormap #office ul li.ofc_c {
		/*接客スペース2*/
		top: 30.93333333vw;
		/*232*/
		left: 30.26666667vw;
		/*227*/
	}
	.company .floormap #office ul li.ofc_d {
		/*トイレ・オムツ替え室*/
		top: 40.26666667vw;
		/*302*/
		left: 8.26666667vw;
		/*62*/
	}
	.company .floormap #office ul li.ofc_e {
		/*休憩スペース*/
		top: 46.93333333vw;
		/*352*/
		left: 60.53333333vw;
		/*454*/
	}
	.company .floormap #office ul li.ofc_f {
		/*接客スペース3*/
		top: 59.2vw;
		/*444*/
		left: 35.3333333vw;
		/*265*/
	}
	.company .floormap #office ul li.ofc_g {
		/*物件閲覧コーナー*/
		top: 74.13333333vw;
		/*556*/
		left: 63.3333333vw;
		/*475*/
	}
	.company .floormap #office ul li.ofc_h {
		/*受付カウンター*/
		top: 80vw;
		/*600*/
		left: 40vw;
		/*300*/
	}
	.company .floormap #office ul li.ofc_i {
		/*ムービーモニター*/
		top: 92.8vw;
		/*696*/
		left: 62.53333333vw;
		/*469*/
	}
	.company .floormap #office ul li.ofc_k {
		/*エントランス*/
		top: 92.8vw;
		/*696*/
		left: 37.86666667vw;
		/*284*/
	}
	.company .floormap a.gmap {
		font-size: 3.73333333vw;
		/*28*/
		padding: 0;
		width: 85.3333333vw;
		/*640*/
		border-radius: 5.3333333vw;
		/*40*/
	}
	.company .floormap a.gmap span {
		padding: 3.73333333vw 0 3.73333333vw 4.8vw;
		/*28 0 28 36*/
		background-size: 3.2vw auto;
		/*24*/
	}
	.access {
		max-width: 100%;
		padding: 0 4vw;
		/*30*/
	}
	.access ul {
		font-size: 0;
	}
	.access ul li {
		font-size: 3.2vw;
		/*24*/
		padding: 4.4vw 0;
		/*33*/
		width: 29.86666667vw;
		/*224*/
		margin-right: 1.2vw;
		/*9*/
	}
	.access .data {
		padding: 9.3333333vw 5.3333333vw 4vw 5.3333333vw;
		/*70 40 30 40*/
	}
	.access .data .list .print {
		display: none;
	}
	.access .data .list .address {
		font-size: 3.46666667vw;
		/*26*/
		line-height: 4.8vw;
		/*36*/
		text-align: left;
		margin-bottom: 4.8vw;
		/*36*/
	}
	.access .data .list ul {
		width: 100%;
	}
	.access .data .list ul li, .access .data .list ul li:nth-child(3n) {
		width: 39.06666667vw;
		/*293*/
		margin-right: 3.2vw;
		/*243*/
		margin-bottom: 3.2vw;
		/*24*/
	}
	.access .data .list ul li:nth-child(2n) {
		margin-right: 0;
	}
	.access .data .list ul li img {
		margin-bottom: 1.3333333vw;
		/*10*/
	}
	.access .data .list ul li p {
		font-size: 3.2vw;
		/*24*/
		line-height: 4.26666667vw;
		/*32*/
	}
}

/* ************************************************** */

.company .info {
	max-width: 960px;
	margin: 0 auto;
	position: relative;
	padding: 30px 0;
}

.company .info .tenpo {
	width: 250px;
	position: absolute;
	top: 30px;
	left: 0;
}

.company .info .tenpo img {
	width: 100%;
	margin-bottom: 6px;
}

.company .info .tenpo p {
	font-size: 14px;
	color: #333333;
}

.company .info .data {
	max-width: 960px;
	padding-left: 272px;
}

.company .info .data table {}

.company .info .data table tr {
	border-top: 2px solid #f0f3f3;
}

.company .info .data table th {
	background-color: #dce8eb;
	padding: 18px 12px;
	vertical-align: middle;
	font-size: 14px;
	color: #333333;
	font-weight: bold;
	line-height: 32px;
	width: 110px;
	text-align: left;
}

.company .info .data table td {
	background-color: #ffffff;
	padding: 18px 20px;
	vertical-align: middle;
	font-size: 14px;
	color: #333333;
	line-height: 32px;
	text-align: left;
}

.company .info .data table td a {
	color: #1e95d4;
}

.company .info .data table td ul {}

.company .info .data table td li {
	list-style-type: none;
	/*点を非表示*/
	position: relative;
	/*基準位置*/
	padding-left: 0.6em;
}

.company .info .data table td li:before {
	border-radius: 50%;
	/*丸くする*/
	width: 5px;
	/*点の幅*/
	height: 5px;
	/*点の高さ*/
	display: block;
	position: absolute;
	/*絶対配置*/
	left: 0;
	/*点の位置*/
	top: 1em;
	/*点の位置*/
	content: "";
	background: #1e95d4;
	/*点の色*/
}

@media(max-width:1020px) {
	.company .info {
		padding: 30px 30px 0 30px;
		max-width: 100%;
	}
	.company .info .tenpo {
		left: 30px;
	}
}

@media(max-width:750px) {
	.company .info {
		padding: 4vw 4vw 0 4vw;
		/*30 30 0 30*/
	}
	.company .info .tenpo {
		position: static;
		width: 66.6666667vw;
		/*500*/
		margin: 0 auto 4vw auto;
		/*30*/
	}
	.company .info .tenpo img {
		margin-bottom: 1.6vw;
		/*12*/
	}
	.company .info .tenpo p {
		font-size: 3.73333333vw;
		/*28*/
	}
	.company .info .data {
		padding-left: 0;
	}
	.company .info .data table tr {
		border-top: 0.26666667vw solid #f0f3f3;
		/*2*/
	}
	.company .info .data table th {
		width: 27.46666667vw;
		/*206*/
		font-size: 3.46666667vw;
		/*26*/
		padding: 5.3333333vw 2.6666667vw;
		/*40 20*/
	}
	.company .info .data table td {
		padding: 5.3333333vw 2.6666667vw;
		/*40 20*/
		font-size: 3.46666667vw;
		/*26*/
		line-height: 4.8vw;
		/*36*/
	}
	.company .info .data table td {
		padding: 5.3333333vw 2.6666667vw;
		/*40 20*/
		font-size: 3.46666667vw;
		/*26*/
		line-height: 4.8vw;
		/*36*/
	}
	.company .info .data table td li {
		line-height: 8.53333333vw;
		/*64*/
	}
}

/* ************************************************** */

.company .greeting {
	padding: 60px 0 0 0;
	max-width: 688px;
	margin: 0 auto -100px auto;
	position: relative;
}

.company .greeting h3 {
	font-size: 32px;
	text-align: center;
	margin-bottom: 60px;
}

.company .greeting p {
	font-size: 16px;
	line-height: 32px;
	margin-bottom: 26px;
}

.company .greeting .handle {
	width: auto;
	margin-bottom: 30px;
	text-align: right;
}

.company .greeting .handle p {
	margin-bottom: 0;
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	line-height: 1;
	margin-right: 20px;
}

.company .greeting .handle img {
	width: 180px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 206px;
}

.company .greeting .fig {
	position: absolute;
	bottom: -30px;
	right: 0;
	width: 168px;
}

.company .greeting .fig img {
	width: 100%;
}

@media(max-width:750px) {
	.company .greeting {
		padding: 8vw 4vw 0 4vw;
		/*60 30 0 30*/
		margin: 0 auto;
	}
	.company .greeting h3 {
		font-size: 6.93333333vw;
		/*52*/
		margin-bottom: 8vw;
		/*60*/
	}
	.company .greeting p {
		font-size: 3.73333333vw;
		/*28*/
		line-height: 6.93333333vw;
		/*52*/
		margin-bottom: 3.46666667vw;
		/*26*/
	}
	.company .greeting .handle {
		margin-top: 12.8vw;
		/*96*/
		margin-bottom: 14.6666667vw;
		/*110*/
		text-align: left;
	}
	.company .greeting .handle p {
		font-size: 3.73333333vw;
		/*28*/
		display: block;
		margin: 0 0 4vw 0;
		/*30*/
	}
	.company .greeting .handle img {
		display: block;
		width: 42vw;
		/*315*/
	}
	.company .greeting .fig {
		bottom: -28vw;
		/*-210px*/
		right: 0;
		width: 51.46666667vw;
		/*386*/
	}
}

/* ************************************************** */

.company .bnr {
	width: 688px;
	margin: 60px auto 60px auto;
}

.company .bnr a {
	display: block;
	background-color: #ffffff;
}

.company .bnr img {
	width: 100%;
}

.company .staff {
	max-width: 960px;
	margin: 0 auto -30px auto;
}

.company .staff h3 {
	text-align: center;
	display: block;
	border-bottom: 2px solid #ffffff;
	margin: 0 auto 30px auto;
}

.company .staff h3 span {
	font-size: 16px;
	color: #318ab9;
	display: inline-block;
	padding: 7px 0;
	width: 120px;
	background-color: #ffffff;
}

.company .staff .list {
	display: grid;
	margin-bottom: 30px;
}

.company .staff .list .box {
	width: 300px;
	margin-right: 30px;
	margin-bottom: 30px;
	background-color: #ffffff;
	padding: 20px 20px 30px 20px;
	font-size: 0;
}

.company .staff .list .box:nth-child(3n+1) {
	grid-column: 1;
}

.company .staff .list .box:nth-child(3n+2) {
	grid-column: 2;
}

.company .staff .list .box:nth-child(3n+3) {
	grid-column: 3;
	margin-right: 0;
}

.company .staff .list .box .fig {
	width: 130px;
	margin-right: 10px;
	display: inline-block;
	vertical-align: bottom;
	margin-bottom: 20px;
}

.company .staff .list .box .fig img {
	width: 100%;
	height: auto;
}

.company .staff .list .box .movie {
	width: 120px;
	display: inline-block;
	vertical-align: bottom;
	margin-bottom: 20px;
}

.company .staff .list .box .movie a {
	display: block;
	font-size: 13px;
	color: #ffffff;
	padding: 8px 0 8px 34px;
	background-color: #318ab9;
	background-image: url("../images/common/movie.png");
	background-position: left 10px center;
	background-repeat: no-repeat;
	background-size: 16px auto;
	border-radius: 4px;
	text-decoration: none;
}

.company .staff .list .box .profile {}

.company .staff .list .box .profile .name {
	font-size: 18px;
	color: #000000;
	display: inline-block;
	margin-right: 14px;
	vertical-align: middle;
	margin-bottom: 6px;
}

.company .staff .list .box .profile .handle {
	font-size: 12px;
	color: #999999;
	display: inline-block;
	vertical-align: middle;
}

.company .staff .list .box .profile .fumigana {
	font-size: 14px;
	color: #999999;
	margin-bottom: 32px;
}

.company .staff .list .box .line {
	position: relative;
	padding-top: 7px;
	margin-top: 22px;
	border-top: 1px solid #cccccc;
	margin-bottom: 16px;
}

.company .staff .list .box .line h5 {
	font-size: 14px;
	color: #136794;
	background-color: #ffffff;
	padding-right: 8px;
	position: absolute;
	left: 0;
	top: -7px;
}

.company .staff .list .box p {
	font-size: 12px;
	line-height: 19px;
	color: #333333;
	margin-bottom: 30px;
}

.company .staff .list .box p:last-of-type {
	margin-bottom: 0;
}

@media(max-width:1020px) {
	.company .staff .list {
		width: 630px;
		margin: 0 auto;
	}
	.company .staff .list .box:nth-child(3n+1) {
		grid-column: auto;
	}
	.company .staff .list .box:nth-child(3n+2) {
		grid-column: auto
	}
	.company .staff .list .box:nth-child(3n+3) {
		grid-column: auto;
		margin-right: 30px;
	}
	.company .staff .list .box:nth-child(2n+1) {
		grid-column: 1;
	}
	.company .staff .list .box:nth-child(2n+2) {
		grid-column: 2;
		margin-right: 0;
	}
}

@media(max-width:750px) {
	.company .bnr {
		width: 92vw;
		/*690*/
		margin: 8vw 4vw;
		/*60 30*/
	}
	.company .staff {
		padding: 0 4vw;
		/*30*/
		margin: 0 auto;
	}
	.company .staff h3 {
		border-bottom: 0.26666667vw solid #ffffff;
		/*2*/
		margin: 8vw auto 4vw auto;
		/* 60 30*/
	}
	.company .staff h3 span {
		font-size: 4.26666667vw;
		/*32*/
		padding: 2.26666667vw 0;
		/*17*/
		width: 32vw;
		/*240*/
	}
	.company .staff .list {
		width: 100%;
		display: block;
	}
	.company .staff .list .box {
		width: 100%;
		margin-right: 0;
		padding: 6vw 6vw 4vw 6vw;
		/*45 45 30 45*/
		margin-bottom: 4vw;
		/*30*/
	}
	.company .staff .list .box .fig {
		width: 40vw;
		/*300*/
		margin-right: 2vw;
		/*15*/
		margin-bottom: 5.3333333vw;
		/*40*/
	}
	.company .staff .list .box .movie {
		width: 36.6666667vw;
		/*275*/
		margin-bottom: 5.3333333vw;
		/*40*/
	}
	.company .staff .list .box .movie a {
		border-radius: 1.06666667vw;
		/*8*/
		background-size: 5.06666667vw auto;
		/*38*/
		background-position: left 2.13333333vw center;
		/*16*/
		padding: 2.53333333vw 0 2.53333333vw 8.53333333vw;
		/*19 0 19 64px*/
		font-size: 4vw;
		/*30*/
	}
	.company .staff .list .box .profile .name {
		font-size: 5.3333333vw;
		/*40*/
		margin-right: 4vw;
		/*30*/
		margin-bottom: 2.66666667vw;
		/*20*/
	}
	.company .staff .list .box .profile .handle {
		font-size: 3.2vw;
		/*24*/
	}
	.company .staff .list .box .profile .fumigana {
		font-size: 4.26666667vw;
		/*32*/
		margin-bottom: 8.53333333vw;
		/*64*/
	}
	.company .staff .list .box .line {
		padding-top: 2vw;
		/*15*/
		margin-top: 2vw;
		/*15*/
		border-top: 0.26666667vw solid #cccccc;
		/*2*/
		margin-bottom: 4.26666667vw;
		/*32*/
	}
	.company .staff .list .box .line h5 {
		font-size: 4.26666667vw;
		/*32*/
		padding-right: 1.06666667vw;
		/*8*/
		top: -2.13333333vw;
		/*-16*/
	}
	.company .staff .list .box p {
		font-size: 3.46666667vw;
		/*26*/
		line-height: 5.3333333vw;
		/*40*/
		margin-bottom: 8vw;
		/*60*/
	}
}


/* ************************************************** */


.company .staff2{

}
.company .staff2 {
	max-width: 960px;
	margin: 0 auto -30px auto;
}

.company .staff2 h3 {
	text-align: center;
	display: block;
	border-bottom: 2px solid #ffffff;
	margin: 0 auto 30px auto;
}

.company .staff2 h3 span {
	font-size: 16px;
	color: #318ab9;
	display: inline-block;
	padding: 7px 0;
	width: 120px;
	background-color: #ffffff;
}

.company .staff2 .list{
	text-align: center;
	font-size:0;
	margin-bottom:50px;
}
.company .staff2 .list .box{
	display: inline-block;
	vertical-align: top;
	width:184px;
	background-color:#ffffff;
	margin-right:10px;
	margin-bottom:10px;

}
.company .staff2 .list .box:nth-child(5n){
	margin-right:0;

}
.company .staff2 .list .box:last-child{
	margin-right:0;
}
.company .staff2 .list .box a{
	text-decoration: none;
	display: block;
	padding:20px 15px;
}
.company .staff2 .list .box a:hover{
	opacity:1;
	background-color:#d8e2e7;
}

.company .staff2 .list .box .fig{
	width:100px;
	height: 100px;
	border-radius:50px;
	overflow: hidden;

	display: block;
	margin:0 auto 20px auto;
}
.company .staff2 .list .box .fig img{
	width: 100%;
	height: auto;
}
.company .staff2 .list .box .profile{

}
.company .staff2 .list .box .profile .name{
	font-size:18px;
	color:#000000;
	margin-bottom:8px;
	text-align: left;
}

.company .staff2 .list .box .profile .furigana{
	font-size:12px;
	color:#999999;
	margin-bottom:10px;
	text-align: left;
}
.company .staff2 .list .box .profile .handle{
	font-size:14px;
	color:#999999;
	margin-bottom:20px;
	text-align: left;
}
.company .staff2 .list .box .btn{
	font-size:12px;
	color:#318ab9;
	text-decoration: none;
	background-color:#f0f3f3;
	display: block;
	text-align: center;
	padding:14px 0;
	border-radius:4px;
	width:134px;
	margin:0 auto;
}
.company .staff2 .list .box a:hover .btn{
	color:#ffffff;
	background-color:#318ab9;
}

       .feature_oceanviews {
    position: relative;
}

.feature_oceanviews > .feature_oceanviews_ttl.pc {
    position: absolute;
    /*top: 43px;*/
    /*left: 333px;*/
    padding: 50px;
    font-size: 30px;
    font-weight: 300;
    letter-spacing: 2px;
    color: #1f477d;
}
.feature_oceanviews > .feature_oceanviews_txt.pc{
   position: absolute;
    /* top: 98px; */
    z-index: 999;
    left: 333px;
    padding: 50px;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.6;
    letter-spacing: 2px;
    color: #1f477d;
}
.feature_oceanviews > .feature_oceanviews_ttl.sp {
    position: absolute;
    top: 31px;
    left: 31px;
    font-size: 20px;
    font-weight: 300;
    letter-spacing: 2px;
    color: #1f477d;
}
.feature_oceanviews > .feature_oceanviews_txt.sp {
    position: absolute;
    top: 67px;
    z-index: 999;
    left: 31px;
    font-size: 13px;
    font-weight: 300;
    line-height: 1.7;
    letter-spacing: 1.5px;
    color: #1f477d;
}

@media(max-width:980px){
	.company .staff2{
		max-width:766px;
	}
	.company .staff2 .list .box:nth-child(5n){
		margin-right:10px;
	}
	.company .staff2 .list .box:nth-child(4n){
		margin-right:0;
	}
}
@media(max-width:800px){
	.company .staff2{
		max-width:572px;
	}
	.company .staff2 .list .box:nth-child(5n),
	.company .staff2 .list .box:nth-child(4n){
		margin-right:10px;
	}
	.company .staff2 .list .box:nth-child(3n){
		margin-right:0;
	}
        
        .feature_oceanviews {
    position: relative;
}

.feature_oceanviews > .feature_oceanviews_ttl.pc {
    position: absolute;
    top: 43px;
    left: 333px;
    font-size: 30px;
    font-weight: 300;
    letter-spacing: 2px;
    color: #1f477d;
}
.feature_oceanviews > .feature_oceanviews_txt.pc{
    position: absolute;
    top: 98px;
    z-index: 999;
    left: 333px;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.6;
    letter-spacing: 2px;
    color: #1f477d;
}
}

@media(max-width:750px){
	.company .staff2 {
		padding: 0 4vw;
		/*30*/
		margin: 0 auto;
		max-width:100%;
	}
	.company .staff2 h3 {
		border-bottom: 0.26666667vw solid #ffffff;
		/*2*/
		margin: 0 auto 4vw auto;
		/* 0 30*/
	}
	.company .staff2 h3 span {
		font-size: 4.26666667vw;
		/*32*/
		padding: 2.26666667vw 0;
		/*17*/
		width: 32vw;
		/*240*/
	}
	.company .staff2 .list {
		width: 92vw;	/*690*/
		display: block;
		margin-bottom:4vw;	/*30*/
		text-align: left;
	}
	.company .staff2 .list:last-of-type{
		margin-bottom:-1.33333333vw;	/*-10*/
	}

	.company .staff2 .list .box{
		width:44.66666667vw;	/*335*/
		margin-right:2.66666667vw;	/*20*/
		margin-bottom:4vw;	/*30*/

	}
	.company .staff2 .list .box:nth-child(5n),
	.company .staff2 .list .box:nth-child(4n),
	.company .staff2 .list .box:nth-child(3n){
		margin-right:2.66666667vw;	/*20*/
	}
	.company .staff2 .list .box:nth-child(2n){
		margin-right:0;
	}
	.company .staff2 .list .box a{
		padding:5.33333333vw 2.66666667vw 2.66666667vw 2.66666667vw;	/*40 20 20 20*/
	}
	.company .staff2 .list .box .fig{
		width:30.66666667vw;	/*230*/
		height: 30.66666667vw;	/*230*/
		border-radius:15.33333333vw;	/*115*/
		margin:0 auto 5.33333333vw auto;	/*40*/
	}
	.company .staff2 .list .box .fig img{
		width: 100%;
		height: auto;
	}
	.company .staff2 .list .box .profile{

	}
	.company .staff2 .list .box .profile .name{
		font-size:4.8vw;/*36*/
		margin-bottom:2.66666667vw;/*20*/
	}

	.company .staff2 .list .box .profile .furigana{
		font-size:3.73333333vw;	/*28*/
		margin-bottom:2.66666667vw;	/*20*/
	}
	.company .staff2 .list .box .profile .handle{
		font-size:3.2vw;	/*24*/
		margin-bottom:4vw;	/*30*/
	}
	.company .staff2 .list .box .btn{
		width:auto;
		font-size:3.73333333vw;	/*28*/
		padding:3.466666667vw 0;	/*26*/
		border-radius:1.06666667vw;	/*8*/
	}
        
        .feature_oceanviews {
    position: relative;
}

.feature_oceanviews > .feature_oceanviews_ttl.pc {
    position: absolute;
    top: 43px;
    left: 333px;
    font-size: 30px;
    font-weight: 300;
    letter-spacing: 2px;
    color: #1f477d;
}
.feature_oceanviews > .feature_oceanviews_txt.pc{
    position: absolute;
    top: 98px;
    z-index: 999;
    left: 333px;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.6;
    letter-spacing: 2px;
    color: #1f477d;
}
.feature_oceanviews > .feature_oceanviews_ttl.sp {
    position: absolute;
    top: 31px;
    left: 31px;
    font-size: 20px;
    font-weight: 300;
    letter-spacing: 2px;
    color: #1f477d;
}
.feature_oceanviews > .feature_oceanviews_txt.sp {
    position: absolute;
    top: 67px;
    z-index: 999;
    left: 31px;
    font-size: 13px;
    font-weight: 300;
    line-height: 1.7;
    letter-spacing: 1.5px;
    color: #1f477d;
}

}

/* ************************************************** */
.staffprof{
	background-color:#ffffff;
	padding:60px 0 0 0;
}
.staffprof h2{
	font-size:20px;
	color:#136794;
	text-align: center;
	margin-bottom:30px;
}
.staffprof .inner{
	background-color:#f0f3f3;
}
.staffprof .inner .inner2{
	max-width:960px;
	margin:0 auto;
	padding:30px 0 100px 0;
}
.staffprof .inner .inner2 .return{
	background-image:url("../images/company/ret.png");
	background-size:16px auto;
	background-repeat: no-repeat;
	background-position: left top;
	display: inline-block;
	font-size:0;
}
.staffprof .inner .inner2 .return.return2{
	margin-top:30px;
}
.staffprof .inner .inner2 .return:hover{

	background-image:url("../images/company/ret2.png");
	background-size:16px auto;
	background-repeat: no-repeat;
	background-position: left top;

}
.staffprof .inner .inner2 .return a{
	text-decoration: none;
	display: inline-block;
	font-size:14px;
	color:#318ab9;
	background-color:#ffffff;
	padding:13px 18px 13px 12px;
	margin-left:16px;
	border-radius:0 4px 4px 0;

}
.staffprof .inner .inner2 .return:hover a{
	opacity:1;
	color: #ffffff;
	background-color:#318ab9;
}

.staffprof .inner .inner2 .inner3{
	margin:10px auto 0 auto;
	background-color:#ffffff;
	padding:60px;
	font-size:0;
}
.staffprof .inner .inner2 .inner3 .names{
	display: inline-block;
	vertical-align: top;
	width:120px;
	text-align: center;
}
.staffprof .inner .inner2 .inner3 .fig{
	width:120px;
	height:auto;
	margin:0 auto 20px auto;
}
.staffprof .inner .inner2 .inner3 .fig img{
	width:100%;
	height: auto;
}
.staffprof .inner .inner2 .inner3 .profile{
	display: inline-block;
	text-align: left;
}
.staffprof .inner .inner2 .inner3 .profile .name{
	font-size:18px;
	color:#000000;
	margin-bottom:8px;
}
.staffprof .inner .inner2 .inner3 .profile .furigana{
	font-size:14px;
	color:#cccccc;
	margin-bottom:10px;
}
.staffprof .inner .inner2 .inner3 .profile .handle{
	font-size:14px;
	color:#cccccc;
}

.staffprof .inner .inner2 .inner3 .copy{
	display: inline-block;
	vertical-align: top;
	width:calc(100% - 120px);
	padding:0 0 50px 80px;
}



.staffprof .inner .inner2 .inner3 .copy .line{
	position: relative;
	padding-top: 9px;
	margin-top: 9px;
	border-top: 1px solid #cccccc;
	margin-bottom: 12px;
}


.staffprof .inner .inner2 .inner3 .copy h5{
	font-size:18px;
	color:#318ab9;


	background-color: #ffffff;
	padding-right: 8px;
	position: absolute;
	left: 0;
	top: -9px;
}
.staffprof .inner .inner2 .inner3 .copy p{
	font-size:14px;
	line-height:24px;
	color:#333333;
	margin-bottom:22px;
}

.staffprof .inner .inner2 .inner3 .movie{
	position:relative;
	width:100%;
	margin-bottom:40px;
	padding-top: 56.25%;	/*アスペクト比 16:9の場合の縦幅*/
	padding-bottom:0;
	overflow: hidden;
}
.staffprof .inner .inner2 .inner3 .movie:last-of-type{
	margin-bottom:0;
}
.staffprof .inner .inner2 .inner3 .movie iframe{
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}


.staffprof .inner .inner2 h3{
	text-align: center;
	font-family:"Avenir",Roboto, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:40px;
	line-height:1;
	color:#136794;
	font-weight: lighter;
	letter-spacing: 0.5rem;
	padding:86px 0 54px 0;
	background-image:url("../images/company/prof_title.png");
	background-position:top 60px center;
	background-size:120px auto;
	background-repeat: no-repeat;
}
.staffprof .inner .inner2 h3 img{
	width:auto;
	height:30px;
}
.staffprof .inner .inner2 h3 span{
	display: block;
	font-size:20px;
	font-weight: bold;
	color:#318ab9;
	letter-spacing: 0.1rem;
	margin-top:19px;
}

.staffprof .inner .inner2 .voice{
	position: relative;
	background-color:#ffffff;
	border-radius:10px;
	margin-left:30px;
	margin-bottom:20px;
	padding:20px 30px;
}
.staffprof .inner .inner2 .voice:before{
	position: absolute;
	content:"";
	width:30px;
	height:100%;
	top:0;
	display: block;
	left: -30px;
	background-image:url("../images/company/prof_ballon.png");
	background-size:30px auto;
	background-repeat: no-repeat;
	background-position: left top 44px;
}
.staffprof .inner .inner2 .voice a{
	text-decoration: none;
	color:#666666;
	display: block;
	background-image:url("../images/company/prof_arrow.png");
	background-size:32px auto;
	background-position: right 22px center;
	background-repeat: no-repeat;

}
.staffprof .inner .inner2 .voice .thanksvoice_man_icon {
    width: 37px;
    left: -74px;
    position: absolute;
    top: 17px;
}
.staffprof .inner .inner2 .voice a.open{
	background-image:url("../images/company/prof_arrow2.png");
}
.staffprof .inner .inner2 .voice a:hover{
	opacity: 1;
	background-image:url("../images/company/prof_arrow3.png");
}
.staffprof .inner .inner2 .voice a.open:hover{
	opacity: 1;
	background-image:url("../images/company/prof_arrow4.png");
}
.staffprof .inner .inner2 .voice .age{
	font-size:14px;
	margin-bottom:8px;
}
.staffprof .inner .inner2 .voice .age .m{
	color:#136794;
}
.staffprof .inner .inner2 .voice .age .f{
	color:#c7588b;
}
.staffprof .inner .inner2 .voice .title{
	font-size:20px;
	line-height:28px;
	color:#333333;
	font-weight: bold;
	padding-right:120px;
}
/*
.staffprof .inner .inner2 .voice .btn{
	border-radius:22px;
	width:44px;
	height:44px;
	background-image:url("../images/company/prof_arrow.png");
	background-size:44px auto;
	background-position: center center;
	background-repeat: no-repeat;

	position: absolute;
	top: 40px;
	right: 50px;
}
.staffprof .inner .inner2 .voice a:hover .btn{
	background-color:#f0f3f3;
}
*/

.staffprof .inner .inner2 .voice .box{
	display: none;
	padding:36px 0 0 0 ;
}
.staffprof .inner .inner2 .voice .box .info{
	margin-bottom:26px;
}
.staffprof .inner .inner2 .voice .box .info dl{
	display: inline-block;
	vertical-align: top;
}
.staffprof .inner .inner2 .voice .box .info dl dt{
	font-size:12px;
	color:#318ab9;
	border:1px solid #318ab9;
	padding:4px 10px;
	display: inline-block;
	vertical-align: top;
}
.staffprof .inner .inner2 .voice .box .info dl dd{
	font-size:12px;
	color:#666666;
	padding:4px 20px 4px 10px;
	display: inline-block;
	vertical-align: top;
}

.staffprof .inner .inner2 .voice .box .detail{
	border-top:none;
	padding:0;
}
.staffprof .inner .inner2 .voice .box .detail h4{
	font-size: 16px;
	line-height: 32px;
	color: #318ab9;
	margin-bottom: 10px;
	padding-left: 30px;
}
.staffprof .inner .inner2 .voice .box .detail h4:before{
	content: "─";
	color: #318ab9;
	font-size: 20px;
	margin-left: -30px;
	padding-right: 10px;
	display: inline-block;
	vertical-align: top;
	line-height: 32px;
}
.staffprof .inner .inner2 .voice .box .detail p{
	font-size: 14px;
	line-height: 20px;
	color: #333333;
	margin-bottom: 16px;
	padding-left: 30px;
}
.staffprof .inner .inner2 .voice .box .detail p:last-of-type{
	margin-bottom:0;
}

@media(max-width:1020px){
	.staffprof .inner{
		padding:0 30px;
	}
}


@media(max-width:750px){
	.staffprof{
		padding:8vw 0 0 0;	/*60*/
	}
	.staffprof h2{
		font-size:5.33333333vw;	/*40*/
		margin-bottom:5.33333333vw;	/*40*/
	}
	.staffprof .inner{
		padding:0 4vw;	/*30*/
	}
	.staffprof .inner .inner2{
		padding:5.33333333vw 0 16vw 0;	/*40 0 120 0*/
	}

	.staffprof .inner .inner2 .return{
		background-size:3.73333333vw auto;	/*28*/
		background-position:left 1px top;
	}
	.staffprof .inner .inner2 .return.return2{
		margin-top:5.33333333vw;	/*40*/
	}
	.staffprof .inner .inner2 .return a{
		font-size:3.2vw;	/*24*/
		padding:3.066666667vw 4.53333333vw 3.066666667vw 2.66666667vw;	/*23 34 23 20*/
		margin-left:3.73333333vw;	/*28*/
	}
	.staffprof .inner .inner2 .return:hover{
		background-size:3.73333333vw auto;	/*28*/
		background-position:left 1px top;
	}

	.staffprof .inner .inner2 .inner3{
		margin:2.66666667vw auto 0 auto;	/*20*/
		padding:6.13333333vw;	/*46*/
	}


	.staffprof .inner .inner2 .inner3 .names{
		width:100%;
		margin-bottom:6.93333333vw;	/*52*/
	}
	.staffprof .inner .inner2 .inner3 .fig{
		width:30.66666667vw;	/*230*/
		margin:0 auto;
		display: inline-block;
		vertical-align: middle;
	}
	.staffprof .inner .inner2 .inner3 .profile{
		display: inline-block;
		vertical-align: middle;
		width:calc(100% - 30.66666667vw);	/*100% - 230*/
		padding-left:5.33333333vw;	/*40*/
	}
	.staffprof .inner .inner2 .inner3 .profile .name{
		font-size:5.33333333vw;	/*40*/
		margin-bottom:2.66666667vw;	/*20*/
	}
	.staffprof .inner .inner2 .inner3 .profile .furigana{
		font-size:4.26666667vw;	/*32*/
		margin-bottom:4vw;	/*30*/
	}
	.staffprof .inner .inner2 .inner3 .profile .handle{
		font-size:3.2vw;	/*24*/
	}

	.staffprof .inner .inner2 .inner3 .copy{
		width:100%;
		padding:0;
	}

	.staffprof .inner .inner2 .inner3 .copy .line{
		position: relative;
		padding-top: 2.13333333vw;	/*16*/
		margin-top: 2.13333333vw;	/*16*/
		border-top: 1px solid #cccccc;
		margin-bottom: 4.8vw;	/*36*/
	}
	.staffprof .inner .inner2 .inner3 .copy h5{
		font-size: 4.26666667vw;	/*32*/
		padding-right: 2.66666667vw;	/*20*/
		position: absolute;
		left: 0;
		top: -2.13333333vw;	/*-16*/
	}
	.staffprof .inner .inner2 .inner3 .copy p{
		font-size:3.46666667vw;	/*26*/
		line-height:5.33333333vw;	/*40*/
		margin-bottom:8.66666667vw;	/*65*/
	}

	.staffprof .inner .inner2 .inner3 .movie{
		margin-bottom:2.66666667vw;	/*20*/
	}


	.staffprof .inner .inner2 h3{
		padding:13.066666667vw 0 10.4vw 0;	/*98 0 78 0*/
		font-size:7.46666667vw;	/*56*/
		letter-spacing: 0.5rem;
		background-position: top 8vw center;	/*60*/
		background-size: 22.66666667vw auto;	/*170*/
		background-image:url("../images/company/prof_title_sp.png");
	}
	.staffprof .inner .inner2 h3 img{
		height:5.73333333vw;	/*43*/
	}
	.staffprof .inner .inner2 h3 span{
		font-size:3.73333333vw;	/*28*/
		margin-top:3.75vw;	/*27*/
	}

	.staffprof .inner .inner2 .voice{
		margin-left:12vw;	/*30*/
		border-radius:1.33333333vw;	/*10*/
		background-size:4vw auto;	/*30*/
		background-position:top 10vw left;	/*75*/
		padding:3.133333vw 2.4vw 3.133333vw 5.33333333vw;	/*46 18 46 40*/
		margin-bottom:2.66666667vw;	/*20*/
	}
	.staffprof .inner .inner2 .voice:before{
		width: 4vw;	/*30*/
		left:-4vw;	/*-30*/
		background-position:left top 9.86666667vw;	/*74*/
	}
    .staffprof .inner .inner2 .voice .thanksvoice_man_icon {
        width: 37px;
        left: -54px;
        position: absolute;
        top: 17px;
    }
	.staffprof .inner .inner2 .voice a{
		background-position:right center;
		background-image:url("../images/company/prof_arrow3.png");
		background-size:8vw auto;	/*60*/
	}
	.staffprof .inner .inner2 .voice a.open{
		background-image:url("../images/company/prof_arrow4.png");
	}
	.staffprof .inner .inner2 .voice .age{
		font-size:3.73333333vw;	/*28*/
		margin-bottom:2.13333333vw;	/*16*/
	}
	.staffprof .inner .inner2 .voice .title{
		font-size:4.26666667vw;	/*32*/
		line-height:6.4vw;	/*48*/
		padding-right:16vw;	/*120*/
	}
	.staffprof .inner .inner2 .voice .btn{
		width:10.66666667vw;	/*80*/
		height:10.66666667vw;	/*80*/
		border-radius:5.33333333vw;	/*40*/
		background-size:10.66666667vw auto;	/*80*/
		top: 15.73333333vw;	/*118*/
		right:2.4vw;	/*18*/
	}
	.staffprof .inner .inner2 .voice a:hover .btn{
		background-color:inherit;
	}
	.staffprof .inner .inner2 .voice .box{
		padding:52px 0 0 0;	/*52*/
	}

	.staffprof .inner .inner2 .voice .box .info{
		margin-bottom:6.93333333vw;	/*52*/
	}

	.staffprof .inner .inner2 .voice .box .info dl dt{
		font-size:3.2vw;	/*24*/
		padding:1.06666667vw 2.93333333vw;	/*8 22*/
	}
	.staffprof .inner .inner2 .voice .box .info dl dd{
		font-size:3.2vw;	/*24*/
		padding:2.13333333vw 5.33333333vw 2.13333333vw 2.66666667vw;	/*16 40 16 20*/

	}
	.staffprof .inner .inner2 .voice .box .info dl:last-of-type{
		margin-top:2.66666667vw;	/*20*/
	}
	.staffprof .inner .inner2 .voice .box .detail h4{
		font-size:4.26666667vw;	/*32*/
		line-height: 5.33333333vw;	/*40*/
		margin-bottom:3.2vw;	/*24*/
		padding-left:4vw;	/*30*/
	}
	.staffprof .inner .inner2 .voice .box .detail h4:before{
		font-size: 2.66666667vw;	/*20*/
		margin-left: -4vw;	/*-30*/
		padding-right: 1.33333333vw;	/*10*/
		display: inline-block;
		vertical-align: top;
		line-height: 4.26666667vw;	/*32*/
	}

	.staffprof .inner .inner2 .voice .box .detail p{
		font-size:3.46666667vw;	/*26*/
		line-height:5.33333333vw;	/*40*/
		margin-bottom:4vw;	/*30*/
		padding-left:0;
	}


}



/* ************************************************** */

.company .service {
	max-width: 960px;
	margin: 0 auto;
	display: grid;
	padding-top: 60px;
}

.company .service .box {
	background-color: #ffffff;
	max-width: 465px;
	margin-right: 30px;
	margin-bottom: 30px;
}

.company .service .box:nth-child(2n+1) {
	grid-column: 1;
}

.company .service .box:nth-child(2n+2) {
	grid-column: 2;
	margin-right: 0;
}

.company .service .box a {
	text-decoration: none;
}

.company .service .box a:hover {
	opacity: 1;
}

.company .service .box img {
	width: 100%;
	height: auto;
}

.company .service .box .copy {
	padding: 20px 0 30px 0;
	margin: 0 30px;
	border-top: 1px solid #cccccc;
}

.company .service .box .copy h3 {
	font-size: 20px;
	color: #000000;
	font-weight: bold;
	margin-bottom: 20px;
}

.company .service .box .copy h3 br {
	display: none;
}

.company .service .box .copy p {
	font-size: 14px;
	line-height: 20px;
	color: #000000;
	margin-bottom: 30px;
}

.company .service .box .copy .btn {
	width: 186px;
	margin: 0 auto;
	font-size: 16px;
	padding: 15px 0;
	border-radius: 4px;
	background-color: #318ab9;
	background-image: url("../images/common/blank.png");
	background-position: right 10px center;
	background-repeat: no-repeat;
	background-size: 10px auto;
	text-decoration: none;
	text-align: center;
	color: #ffffff;
}

.company .service .box a:hover .copy .btn {
	background-color: #136794;
}

@media(max-width:1020px) {
	.company .service {
		padding: 60px 30px 0 30px;

	}
}

@media(max-width:750px) {
	.company .service {
		padding: 5.33333333vw 4vw 0 4vw;
		/*40 30 0 30*/
		display: block;
	}
	.company .service .box {
		margin-right: 0;
		max-width: 100%;
		margin-bottom: 4vw;
		/*30*/
	}
	.company .service .box .copy {
		padding: 5.33333333vw 0;
		/*40 */
		margin: 0 6vw;
		/*45*/
		border-top: 0.13333333vw solid #cccccc;
		/*1*/
	}
	.company .service .box .copy h3 {
		font-size: 4.26666667vw;
		/*32*/
		line-height: 5.6vw;
		/*42*/
		margin-bottom: 1.3333333vw;
		/*10*/
	}
	.company .service .box .copy h3 br {
		display: inline;
	}
	.company .service .box .copy p {
		font-size: 3.2vw;
		/*24*/
		line-height: 4.8vw;
		/*36*/
	}
	.company .service .box .copy .btn {
		font-size: 3.2vw;
		/*24*/
		padding: 3.06666667vw 0;
		/*23*/
		width: 36.8vw;
		/*276*/
		background-size: 2.26666667vw auto;
		/*17*/
		background-position: right 2.13333333vw center;
		/*16*/
		border-radius: 1.06666667vw;
		/*8*/
	}
}

/* ************************************************** */

.favoriteinquiry.request {}

.favoriteinquiry.request h2 {
	font-size: 20px;
	color: #136794;
	margin-bottom: 36px;
	text-align: center;
}

.favoriteinquiry.request .lead {
	max-width: 688px;
	margin: 0 auto 20px auto;
	text-align: left;
	font-size: 16px;
	line-height: 32px;
	color: #333333;
}
.favoriteinquiry.request.confirm .lead{
	text-align: center;
}

.favoriteinquiry.request tr td div.wish {
	color: #333333;
}

.favoriteinquiry.request tr td ul {
	margin-bottom: 0;
}

.favoriteinquiry.request tr td ul.area li {
	display: inline-block;
	margin-bottom: 0;
	margin-right: 12px;
}

.favoriteinquiry.request .addinfo tr td .etc {
	margin-top: 12px;
}

.favoriteinquiry.request .addinfo tr td .etc input.margin {
	width: calc(100% - 80px);
	display: inline-block;
	vertical-align: baseline;
}

.favoriteinquiry.request tr td span {
	color: #333333;
}

.favoriteinquiry.request tr td ul li:last-of-type {
	margin-bottom: 0;
}

.favoriteinquiry.request tr td ul.selection {
	margin-bottom: 0;
	display: inline-block;
	vertical-align: middle;
	padding-left: 12px;
	margin-left: 12px;
	border-left: 1px solid #cccccc;
}

.favoriteinquiry.request tr td ul.selection li {
	display: inline-block;
	margin-bottom: 0;
	margin-right: 12px;
}

.favoriteinquiry.request ul.selection li label input {
	border: 1px solid #cccccc;
	margin: 0 6px 0 0;
	padding: 0;
	vertical-align: text-bottom;
}

@media(max-width:750px) {
	.favoriteinquiry.request h2 {
		font-size: 5.33333333vw;
		/*40*/
		margin-bottom: 5.33333333vw;
		/*40*/
	}
	.favoriteinquiry.request .lead {
		font-size: 3.73333333vw;
		/*28*/
		line-height: 5.86666667vw;
		/*44*/
		margin: 0 auto 4.26666667vw auto;
		/*32*/
		max-width: 100%;
		padding: 0 4vw;
		/*30*/
	}
	.favoriteinquiry.request.confirm .lead{
		text-align: left;
	}
	.favoriteinquiry.request tr td ul.area li {
		margin-right: 3.2vw;
		/*24*/
		margin-bottom: 1.6vw;
		/*12*/
	}
	.favoriteinquiry.request tr td ul.selection {
		width: calc(100% - 4.8vw - 4.8vw);
		/*36 36*/
		padding-left: 0;
		border-left: none;
		margin: 4.26666667vw auto 0 auto;
		/*32*/
		display: block;
		font-size: 0;
	}
	.favoriteinquiry.request tr td ul.selection li {
		width: 50%;
		margin-right: 0;
		font-size: 3.73333333vw;
		/*28*/
		margin-bottom: 4.26666667vw;
		/*32*/
	}
	.favoriteinquiry.request tr td ul.selection li:last-of-type {
		margin-bottom: 0;
	}
	.favoriteinquiry.request ul.selection li label input {
		width: 3.2vw;
		/*24*/
		height: 3.2vw;
		/*24*/
	}
	.favoriteinquiry.request ul.area li label input {
		width: 3.2vw;
		/*24*/
		height: 3.2vw;
		/*24*/
	}
}

/* ************************************************** */

.owner {
	padding: 100px 0 0 0;
}

.owner h2 {
	text-align: center;
	font-size: 28px;
	color: #8e7f05;
	background-image: url("../images/owner/line.png");
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: 316px auto;
	padding-bottom: 30px;
	margin: 0 auto 30px auto;
}

.owner .lead {
	font-size: 20px;
	line-height: 30px;
	color: #333333;
	text-align: center;
	margin: 0 auto 0 auto;
	padding:0 0 246px 0;
	background-image: url("../images/owner/owner0.png");
	background-position: center bottom -42px ;
	background-repeat: no-repeat;
	background-size:422px auto;
}

.owner .inner {
	background-color: #f0f3f3;
}

.owner .inner ul {
	max-width: 960px;
	display: block;
	margin: 0 auto;
	padding: 60px 0 26px 0;
}
.owner .inner ul li{

}


.owner .inner ul li h3 {
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 58px auto;
	padding-left: 94px;
	font-size: 24px;
	line-height: 36px;
	font-weight: bold;
	color: #318ab9;
	margin-bottom: 24px;
}

.owner .inner ul li:nth-child(1) h3 {
	background-image: url("../images/owner/1.png");
}

.owner .inner ul li:nth-child(2) h3 {
	background-image: url("../images/owner/2.png");
}

.owner .inner ul li:nth-child(3) h3 {
	background-image: url("../images/owner/3.png");
}

.owner .inner ul li:nth-child(4) h3 {
	background-image: url("../images/owner/4.png");
}

.owner .inner ul li:nth-child(5) h3 {
	background-image: url("../images/owner/5.png");
}

.owner .inner ul li:nth-child(6) h3 {
	background-image: url("../images/owner/6.png");
}

.owner .inner ul li:nth-child(7) h3 {
	background-image: url("../images/owner/7.png");
}


.owner .inner ul li p {
	font-size: 16px;
	line-height: 32px;
	color: #333333;
	margin-bottom: 54px;
	padding-left: 94px;
}


.owner .inner ul li:nth-child(1) p{
	background-image:url("../images/owner/owner1.png");
	background-position:bottom  right;
	background-repeat: no-repeat;
	background-size:866px auto;
	padding:0 0 270px 94px;
}
.owner .inner ul li:nth-child(2) p{
	background-image:url("../images/owner/owner2.png");
	background-position:bottom  right;
	background-repeat: no-repeat;
	background-size:866px auto;
	padding:0 0 230px 94px;
}
.owner .inner ul li:nth-child(3) p{
	background-image:url("../images/owner/owner3.png");
	background-position:right 25px top;
	background-repeat: no-repeat;
	background-size:228px auto;
	padding:0 270px 0 94px;
}
.owner .inner ul li:nth-child(4) p{
	background-image:url("../images/owner/owner4.png");
	background-position:right top;
	background-repeat: no-repeat;
	background-size:180px auto;
	padding:0 270px 0 94px;
}
.owner .inner ul li:nth-child(5) p{
	background-image:url("../images/owner/owner5.png");
	background-position:right top;
	background-repeat: no-repeat;
	background-size:228px auto;
	padding:0 270px 0 94px;
}
.owner .inner ul li:nth-child(6) p{
	background-image:url("../images/owner/owner6.png");
	background-position:right top;
	background-repeat: no-repeat;
	background-size:228px auto;
	padding:0 270px 0 94px;
}
.owner .inner ul li:nth-child(7) p{

}


.owner .inner ul li .image {
	padding:0;
	margin: -20px auto 54px 94px;
	background-color:#ffffff;
	text-align: center;
}

.owner .inner ul li .image ul{
	font-size:0;
	padding:28px 0 36px 0;
}
.owner .inner ul li .image ul li{
	display: inline-block;
	vertical-align: top;
	background-image: none;
	padding: 0;
	margin:0;
}

.owner .inner ul li .image ul li:first-of-type{
	width:236px;	/*236/745*/
	margin-right:38px;	/*40/745*/
}
.owner .inner ul li .image ul li:last-of-type{
	width:471px;	/*471/745*/
}

.owner .inner ul li .image img {
	width: 100%;
	height: auto;
}
.owner .inner ul li .image ul li div{
	font-size:14px;
	margin:10px 0 0 0;
	text-align: left;
}

.owner .detail {
	padding-bottom: 100px;
	background-color: #f0f3f3;
	max-width: 100%;
	border-top: none;
}

.owner .detail .inq {
	background-color: #ffffff;
	max-width: 960px;
	margin: 0 auto;
}

@media(max-width:1024px){

	.owner .inner ul li:nth-child(1) p{
		background-size: 84.57vw auto;	/*866*/
	}
	.owner .inner ul li:nth-child(2) p{
		background-size: 84.57vw auto;	/*866*/
	}
	.owner .inner ul li .image ul li:first-of-type{
		width:23.04vw;	/*236*/
		margin-right:3.90vw;	/*40*/
	}
	.owner .inner ul li .image ul li:last-of-type{
		width:45.99vw;	/*471*/
	}

}


@media(max-width:1020px) {
	.owner .inner {
		padding: 0 30px;
	}
}

@media(max-width:750px) {
	.owner {
		padding: 10.66666667vw 0 0 0;
		/*80*/
	}
	.owner h2 {
		font-size: 7.46666667vw;
		/*56*/
		line-height: 9.6vw;
		/*72*/
		padding-bottom: 9.33333333vw;
		/*70*/
		background-image: url("../images/owner/line_sp.png");
		background-size: 58.66666667vw auto;
		/*440*/
		margin: 0 auto 5.33333333vw auto;
		/*40*/
	}
	.owner .lead {
		font-size: 4.8vw;
		/*36*/
		line-height: 7.46666667vw;
		/*56*/
		margin: 0 auto ;

		background-position:bottom  -2.6666667vw center;	/*-20*/
		background-size:79.73333333vw auto;	/*598*/
		padding: 0 0 48vw 0;	/*360*/


	}
	.owner .inner {
		padding: 0 4vw;
		/*30*/
	}
	.owner .inner ul {
		padding: 10.66666667vw 0;
		/*80*/
	}
	.owner .inner ul li h3 {
		background-size: 12.26666667vw auto;
		/*92*/
		padding: 16vw 0 0 0;
		/*120*/
		font-size: 6.4vw;
		/*48*/
		line-height: 9.6vw;
		/*72*/
		margin-bottom: 4.8vw;
		/*36*/
	}
	.owner .inner ul li p {
		padding: 0;
		margin-bottom: 10.66666667vw;
		/*80*/
		font-size: 3.73333333vw;
		/*28*/
		line-height: 5.86666667vw;
		/*44*/
	}

	.owner .inner ul li:nth-child(1) p{
		padding:0 0 54.6666667vw 0;	/*410*/
		background-image: url("../images/owner/owner1_sp.png");
		background-position:bottom center;
		background-size:92vw auto;	/*690*/
	}
	.owner .inner ul li:nth-child(2) p{
		padding:0 0 41.3333333vw 0;	/*310*/
		background-image: url("../images/owner/owner2_sp.png");
		background-position:bottom center;
		background-size:92vw auto;	/*690*/
	}
	.owner .inner ul li:nth-child(3) p{
		padding:0 0 57.3333333vw 0;	/*430*/
		background-position:bottom center;
		background-size:59.2vw auto;	/*444*/

	}
	.owner .inner ul li:nth-child(4) p{
		padding:0 0 53.3333333vw 0;	/*400*/
		background-position:bottom center;
		background-size:48vw auto;	/*360*/
	}
	.owner .inner ul li:nth-child(5) p{
		padding:0 0 53.3333333vw 0;	/*400*/
		background-position:bottom center;
		background-size:66.4vw auto;	/*498*/
	}
	.owner .inner ul li:nth-child(6) p{
		padding:0 0 49.3333333vw 0;	/*370*/
		background-position:bottom center;
		background-size:69.3333333vw auto;	/*520*/
	}
	.owner .inner ul li:nth-child(7) p{
		padding:0 ;

	}


	.owner .inner ul li .image {
		margin: -6vw auto 10.13333333vw auto;
		/*-45 76*/
		padding-left: 0;
	}
	.owner .inner ul li .image ul{
		padding:6.13333333vw;	/*46*/
	}
	.owner .inner ul li .image ul li:first-of-type,
	.owner .inner ul li .image ul li:last-of-type
	{
		margin-right:0;
		width:100%;
	}
	.owner .inner ul li .image ul li:last-of-type{
		padding:5.3333333vw 0 0 0;	/*40*/
	}
	.owner .inner ul li .image ul li div{
		font-size:3.46666666vw;	/*26*/
		margin:2.66666667vw 0 0 0;	/*20*/
	}

	.owner .detail {
		padding-bottom: 16vw;
		/*120*/
	}
}

/* ************************************************** */

.favoriteinquiry.request .info {
	width: 680px;
	margin: 32px auto 10px auto;
	font-size: 14px;
	color: #a99b2b;
}

.favoriteinquiry.request .addinfo tr th {
	background-color: #f1efdc;
}

.favoriteinquiry.request .addinfo tr th span {
	display: inline-block;
	color: #333333;
	font-size: 12px;
}

.favoriteinquiry.request tr td textarea.wish.short {
	height: 50px;
	resize: none;
}

.favoriteinquiry.request tr td input[type="text"].short, .favoriteinquiry.request tr td input[type="tel"].short, .favoriteinquiry.request tr td input[type="email"].short {
	width: 58px;
	margin-right: 12px;
	display: inline-block;
	vertical-align: middle;
}

.favoriteinquiry tr td input[type="text"].margin {
	margin-top: 12px;
}

.favoriteinquiry.request .addinfo tr td ul.area {
	display: inline-block;
	vertical-align: middle;
}

.favoriteinquiry.request .addinfo tr td ul.area input {
	vertical-align: text-bottom;
}

.favoriteinquiry.request .addinfo tr td select {
	background-color: #ffffff;
	border: 1px solid #ccc;
}

.favoriteinquiry.request tr:last-child td {
	padding: 20px 24px;
}

.favoriteinquiry.request table.last {
	margin: 32px auto 0 auto;
}

.favoriteinquiry.request table.last tr {
	padding: 20px 24px 0 24px;
}

.favoriteinquiry.confirm tr:last-child td.address{
	padding:0;
}
.favoriteinquiry.confirm tr td dl:first-child{
	border-top:none;
}
.favoriteinquiry.request table.last tr:last-child td {
	border-bottom:none;
}

.detail.request{
	padding: 0 30px 0 30px;
}
.detail.request .inner{
	padding:0;
}
.favoriteinquiry .detail{
	border-top:none;
}
.favoriteinquiry .detail .main{
	margin-bottom: 30px;
}
.favoriteinquiry .detail .inner{
	max-width:688px;
	padding: 0;

}
.favoriteinquiry .favoriteinquirycomment{
	max-width:688px;
	font-size:16px;
	color:#333333;
	margin:0 auto 30px auto;
}


@media(max-width:750px) {
	.favoriteinquiry.request .info {
		width: calc(100% - 8vw);
		margin: 8.53333333vw auto 2.66666667vw auto;
		/*64 20*/
		font-size: 3.2vw;
		/*24*/
	}
	.favoriteinquiry.request .addinfo tr th span {
		font-size: 3.2vw;
		/*24*/
	}
	.favoriteinquiry.request tr td textarea.wish.short {
		height: 13.3333333vw;
		/*100*/
	}
	.favoriteinquiry.request tr td input[type="text"].short, .favoriteinquiry.request tr td input[type="tel"].short, .favoriteinquiry.request tr td input[type="email"].short {
		width: 15.46666667vw;
		/*116*/
		margin-right: 1.6vw;
		/*12*/
	}
	.favoriteinquiry.request .addinfo tr td ul.area.age,
	.favoriteinquiry.request tr td ul.area.age{
		display: block;
	}
	.favoriteinquiry.request tr td ul.area li{
		line-height:2;
	}
	.favoriteinquiry.request .addinfo tr td ul.area input {}
	.favoriteinquiry.request .addinfo tr td select {
		font-size: 3.73333333vw;
		/*28*/
	}
	.favoriteinquiry.request .addinfo tr td .etc {
		margin-top: 3.2vw;
		/*24*/
	}


	.favoriteinquiry .detail {
		padding:0;
		width: calc(100% - 8vw);
		margin:0 auto;
	}

	.favoriteinquiry .detail .main{
		margin-bottom: 8vw;	/*60*/
	}
	.favoriteinquiry .detail .inner{
		max-width:688px;
		padding: 0;

	}
	.favoriteinquiry .favoriteinquirycomment{
		width: calc(100% - 8vw);
		font-size:4.26666667vw;	/*32*/
		color:#333333;
		margin:0 auto 8vw auto;	/*60*/
	}



}

/* ************************************************** */

.thanksvoice {}

.thanksvoice h2 {
	font-size: 32px;
	color: #136794;
	margin: 40px auto 30px auto;
	text-align: center;
}

.thanksvoice .inner {
	background-color: #318ab9;
	padding: 60px 0 10px 0;
}

.thanksvoice .inner .box {
	max-width: 960px;
	background-color: #ffffff;
	border-radius: 10px;
	padding: 30px;
	margin: 0 auto 30px auto;
	position: relative;
}

.thanksvoice .inner .box .age {
	font-size: 14px;
	color: #666666;
	margin-bottom: 8px;
}

.thanksvoice .inner .box h3 {
	font-size: 24px;
	line-height: 32px;
	color: #318ab9;
	font-weight: bold;
	margin-bottom: 12px;
	width: calc(100% - 248px);
}

.thanksvoice .inner .box .info {
	margin-bottom: 36px;
}

.thanksvoice .inner .box .info dl {
	display: inline-block;
	vertical-align: middle;
}

.thanksvoice .inner .box .info dl dt {
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
	color: #318ab9;
	border: 1px solid #318ab9;
	padding: 3px 8px;
	margin-right: 10px;
}

.thanksvoice .inner .box .info dl dd {
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
	line-height: 20px;
	color: #666666;
	margin-right: 20px;
}

.thanksvoice .inner .box .charge {
	position: absolute;
	right: 30px;
	top: 30px;
        width: 248px;
}

.thanksvoice .inner .box .charge img {
	max-width: 115px;
	width: 100%;
	height: auto;
	margin-right: 14px;
	display: inline-block;
	vertical-align: middle;
}

.thanksvoice .inner .box .charge .names {
	display: inline-block;
	vertical-align: middle;
}

.thanksvoice .inner .box .charge .handle {
	display: block;
	font-size: 14px;
	color: #666666;
	margin-bottom: 6px;
}

.thanksvoice .inner .box .charge .name {
	display: block;
	font-size: 14px;
	color: #666666;

}
.thanksvoice .inner .box .charge .prof{
	background-color:#f0f3f3;
	border-radius:4px;
	background-image:url("../images/common/arrow_br.png");
	background-repeat: no-repeat;
	background-size:6px auto;
	background-position: right 10px center;
	padding:8.5px 10px;
	margin-top:8px;
}
.thanksvoice .inner .box .charge .prof:hover{
	background-color:#318ab9;
	background-image:url("../images/common/white_arrow.png");
}
.thanksvoice .inner .box .charge .prof a{
	display: inline-block;
	text-decoration: none;
	font-size:13px;
	margin-right:14px;
	color:#318ab9;
}
.thanksvoice .inner .box .charge .prof:hover a{
	color:#ffffff;
}


.thanksvoice .inner .box .detail {
	padding: 0;
	border-top: none;
}

.thanksvoice .inner .box .detail h4 {
	font-size: 16px;
	line-height: 32px;
	color: #318ab9;
	margin-bottom: 10px;
	padding-left: 30px;
}

.thanksvoice .inner .box .detail h4:before {
	content: "─";
	color: #318ab9;
	font-size: 20px;
	margin-left: -30px;
	padding-right: 10px;
	display: inline-block;
	vertical-align: top;
	line-height: 32px;
}

.thanksvoice .inner .box .detail p {
	font-size: 14px;
	line-height: 20px;
	color: #333333;
	margin-bottom: 16px;
	padding-left: 30px;
}

.thanksvoice .inner .box .detail p:last-of-type {
	margin-bottom: 0;
}

.pager {
	padding: 10px 0 100px 0;
	background-color: #318ab9;
	text-align: center;
	font-size: 0;
}

.pager a {
	display: inline-block;
	vertical-align: middle;
	width: 30px;
	text-align: center;
	font-size: 14px;
	padding: 8px 0;
	background-color: #ffffff;
	color: #666666;
	text-decoration: none;
}

.pager a.current {
	background-color: #14325e;
	color: #ffffff;
}

.pager a.prev {
	margin-right: 30px;
}

.pager a.next {
	margin-left: 30px;
}

.pager .page {
	display: inline-block;
	vertical-align: middle;
}

.pager .page a {
	margin-right: 8px;
}

.pager .page a:last-of-type {
	margin-right: 0;
}

@media(max-width:1020px) {
	.thanksvoice .inner {
		padding: 60px 30px 10px 30px;
	}
}

@media(max-width:750px) {
	.thanksvoice h2 {
		font-size: 5.33333333vw;
		/*40*/
		padding: 8vw 0 5.33333333vw 0;
		/*60 40*/
		margin: 0 auto;
	}
	.thanksvoice .inner {
		padding: 8vw 4vw 4vw 4vw;
		/*60 30 30 30*/
	}
	.thanksvoice .inner .box {
		padding: 6.13333333vw;
		/*46*/
		margin: 0 auto 4vw auto;
		/*30*/
	}
	.thanksvoice .inner .box .age {
		font-size: 3.73333333vw;
		/*28*/
		margin-bottom: 2.133333333vw;
		/*16*/
	}
	.thanksvoice .inner .box h3 {
		font-size: 6.4vw;
		/*48*/
		line-height: 8.53333333vw;
		/*64*/
		margin-bottom: 3.2vw;
		/*24*/
		width: 100%;
	}
	.thanksvoice .inner .box h3 br {
		display: none;
	}
	.thanksvoice .inner .box .info {
		margin-bottom: 5.33333333vw;
		/*40*/
	}
	.thanksvoice .inner .box .info dl {
		margin-bottom: 2.6666667vw;
		/*20*/
	}
	.thanksvoice .inner .box .info dl dt {
		font-size: 3.2vw;
		/*24*/
		border: 0.133333333vw solid #318ab9;
		/*1*/
		padding: 0.93333333vw 2.4vw;
		/*7 18*/
		margin-right: 2.6666667vw;
		/*20*/
	}
	.thanksvoice .inner .box .info dl dd {
		font-size: 3.2vw;
		/*24*/
		line-height: 5.33333333vw;
		/*40*/
		margin-right: 5.33333333vw;
		/*40*/
	}
	.thanksvoice .inner .box .charge {
		position: static;
		margin-bottom: 6.66666667vw;
		/*50*/
		font-size:0;
	}
	.thanksvoice .inner .box .charge img {
		max-width: 26.66666667vw;
		/*200*/
		margin-right: 4.266666667vw;
		/*32*/
	}
	.thanksvoice .inner .box .charge .handle {
		font-size: 3.46666667vw;
		/*26*/
		margin-bottom: 2.133333333vw;
		/*16*/
	}
	.thanksvoice .inner .box .charge .name {
		font-size: 3.73333333vw;
		/*28*/
	}
	.thanksvoice .inner .box .charge .prof {

		background-position:right 2.66666667vw center;	/*20*/
		background-size:1.6vw auto;	/*12*/
		padding:2.66666667vw 2.66666667vw 2.66666667vw 3.2vw;	/*20 20 20 24*/
		margin-top:4vw;	/*30*/
	}

	.thanksvoice .inner .box .charge .prof a {
		font-size:4vw;	/*30*/
		margin-right:3.73333333vw;	/*28*/
	}


	.thanksvoice .inner .box .detail {}
	.thanksvoice .inner .box .detail h4 {
		font-size: 4.266666667vw;
		/*32*/
		line-height: 5.33333333vw;
		/*40*/
		padding-left: 6.133333333vw;
		/*46*/
		margin-bottom: 2.6666667vw;
		/*20*/
	}
	.thanksvoice .inner .box .detail h4:before {
		font-size: 4vw;
		/*30*/
		line-height: 5.33333333vw;
		/*40*/
		padding-right: 2.133333333vw;
		/*16*/
		margin-left: -6.133333333vw;
		/*-46*/
	}
	.thanksvoice .inner .box .detail p {
		font-size: 3.46666667vw;
		/*26*/
		line-height: 5.33333333vw;
		/*40*/
		margin-bottom: 4.266666667vw;
		/*32*/
		padding-left: 0;
	}
	.pager {
		padding: 0 0 16vw 0;
		/*120*/
	}
	.pager a {
		width: 8vw;
		/*60*/
		font-size: 3.73333333vw;
		/*28*/
		padding: 2.133333333vw 0;
		/*16*/
	}
	.pager .page a {
		margin-right: 2.133333333vw;
		/*16*/
		display: none;
	}
	.pager .page a:nth-child(1), .pager .page a:nth-child(2), .pager .page a:nth-child(3), .pager .page a:nth-child(4), .pager .page a:nth-child(5), .pager .page a:nth-child(6) {
		display: inline-block;
	}
	.pager a.prev {
		margin-right: 8vw;
		/*60*/
	}
	.pager a.next {
		margin-left: 8vw;
		/*60*/
	}
}

div#tips {
    color: crimson;
    position: absolute;
    top: 100px;
    z-index: 1;
    right: 25px;
    width: 130px;
}
div#tips span {
    display: none;
    width: 400px;
    padding: 5px;
    margin: 10px 0 0 -10px;
    right: 0;
}
div#tips:hover span{
    display: inline;
    position: absolute;
    border: 1px solid #CCC;
    border-radius: 5px;
    background: #F7F7F7;
    color: #666;
    font-size: 12px;
    line-height: 1.6em;
    text-align: left;
}
@media(max-width:750px) {
    div#tips {
        position: initial;
        padding: 2px;
        opacity: 0.9;
        width: 100%;
        background: #f0f3f3;
    }
    div#tips span {
        text-align: center;
        display: block;
        padding: 5px;
        line-height: initial;
        width: 100%;
        margin: 0;
    }

}

div#tips span#tips_title {
    display: block;
}

/* **<!-- 20230825 ここから -->************************************************ */
.osusume{
	position:relative;
	max-width:960px;
	width:100%;
	margin:0 auto 30px auto;
	border:2px solid #a99b2b;
	border-radius:8px;
	padding:24px 340px 24px 170px;
	min-height: 226px;
	background-color:#fff;
}
.osusume a{
	text-decoration: none;
}
.osusume a:hover{
	text-decoration: none;
}
.osusume .title{
	font-weight: 500;
	color:#fefb04;
	background-color:#a99b2b;
	position:absolute;
	top:0;
	left: 0;
	font-size:16px;
	line-height: 1;
	padding:9px 0;
	width:146px;
	text-align: center;
	border-radius:6px 0 0 0;
}
.osusume .image{
	position:absolute;
	top:0;
	right: 0;
	background-repeat: no-repeat;
	background-size:302px auto;
	background-position: top center;
	border-radius: 0 6px 6px 0;

}
.osusume .image img{
	width:300px;
	height: 222px;
}
.osusume .image .label{
	position:absolute;
	bottom:0;
	left:0;
	font-size:14px;
	padding:8px 10px;
	background-color:#fff;
}
.osusume .info{
	display: inline-block;
	vertical-align: top;
}
.osusume .area{
	font-size:14px;
	color:#318ab9;
	border:1px solid #318ab9;
	padding:7px 5px;
	display: inline-block;
	vertical-align: middle;
	margin:0 20px 0 0 ;
}
.osusume .ocean{
	color:#1e95d4;
	font-size:16px;
	line-height: 30px;
	display: inline-block;
	vertical-align: middle;
}
.osusume .ocean::after{
	content:"|";
	padding:0 12px;
	margin:0;
	font-size:16px;
	color:#656565;
}
.osusume .address{
	color:#000000;
	display: inline-block;
	vertical-align: middle;
	font-size:16px;
	line-height: 30px;
}
.osusume .address::after{
	content:"|";
	padding:0 12px;
	margin:0;
	font-size:16px;
	color:#656565;
}
.osusume .price{
	font-size:16px;
	font-weight: bold;
	line-height: 30px;
	color:#000000;
	display: inline-block;
	vertical-align: middle;
}
.osusume .lead{
	margin:10px 0 16px 0;
	font-size:20px;
	line-height: 32px;
	color:#a99b2b;
	font-weight: bold;
	text-decoration: none;
	height:64px;
	overflow: hidden;
}
.osusume .description{
	font-size:14px;
	line-height: 22px;
	color:#000000;
	height: 44px;
	overflow: hidden;
}
.osusume .profile{
	position:absolute;
	top:50px;
	left:20px;
	text-align: center;
}
.osusume .profile a,
.osusume .profile a:hover
{
	text-decoration: none;
}
.osusume .profile .fig{

}
.osusume .profile .fig img{
	width:100px;
	height: 100px;
	border-radius:50px;
	margin:0 auto 16px auto;
}
.osusume .profile .handle{
	display: inline-block;
}
.osusume .profile .name{
	display: inline-block;
	color:#136794;
	font-size:16px;
	line-height: 1;
	padding:0 0 2px 0;
	border-bottom:1px solid #136794;
	margin:0 auto 6px auto;
        font-weight: bold;
}
.osusume .profile .furigana{
	display: block;
	color:#136794;
	font-size:12px;
	line-height: 1;
	margin:0 auto;
	text-decoration: none;
}

@media(max-width:1024px){
	.osusume{
		width:calc(100% - 40px);
	}
}



@media(max-width:750px){

	.osusume{
		width:100%;
		border: 0.266666667vw solid #a99b2b;	/*2*/
		border-radius: 2.13333333vw;	/*16*/
		padding: 2.4vw 0 4.8vw 0;	/*18 0 36 0*/
	}
	.osusume .title{
		font-size: 4.266666667vw;	/*32*/
		padding: 2.4vw 0;	/*18*/
		width: 38.66666667vw;	/*290*/
		border-radius: 1.6vw 0 0 0;	/*12*/
		z-index: 1;
	}
	.osusume .image{
		position:relative;
		width:86.66666667vw;	/*650*/
		height: 65.06666667vw;	/*488*/
		background-size:100% auto;
		margin:0 auto 5.33333333vw auto;	/*40*/
		border-radius:unset;
	}
	.osusume .image img{
		width:86.66666667vw;	/*650*/
		height: 65.06666667vw;	/*488*/
	}
	.osusume .image .label{
		font-size: 3.733333333vw;	/*28*/
		padding: 2.13333333vw 3.33333333vw;	/*16 25*/
	}

	.osusume .text{
		padding:0 8vw;	/*60*/
	}
	.osusume .area{
		font-size: 3.733333333vw;	/*28*/
		border: 0.13333333vw solid #318ab9;	/*1*/
		padding: 2vw 1.33333333vw;	/*15 10*/
		margin: 0 4vw 0 0;	/*30*/
	}
	.osusume .ocean{
		font-size: 3.466666667vw;	/*26*/
		line-height: 3.733333333vw;	/*28*/
	}
	.osusume .ocean::after{
		padding: 0 2.66666667vw;	/*20*/
		font-size: 3.466666667vw;	/*26*/
		line-height: 3.733333333vw;	/*28*/
	}
	.osusume .address{
		font-size: 3.733333333vw;	/*28*/
		line-height: 3.733333333vw;	/*28*/
	}
	.osusume .address::after{
		display: none;
	}
	.osusume .price{
		font-size:3.733333333vw;	/*28*/
		display: block;
		margin:2.66666667vw 0 4.533333333vw 0;	/*20 34*/
	}
	.osusume .lead{
		font-size:4.266666667vw;	/*32*/
		line-height: 5.866666667vw;	/*44*/
		height:auto;
		margin:0 0 3.2vw 0;	/*24*/
	}
	.osusume .description{
		font-size:3.466666667vw;	/*26*/
		line-height: 5.33333333vw;	/*40*/
		height: auto;
		margin:0 0 5.066666667vw 0;	/*38*/
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 6;
                overflow: hidden;
                text-overflow: ellipsis;
	}
	.osusume .profile{
		position:relative;
		top: inherit;
		left: inherit;
	}
	.osusume .profile .fig{
		margin:0 4vw 0 0;	/*30*/
		display: inline-block;
		vertical-align: middle;
	}
	.osusume .profile .fig img{
		width: 21.33333333vw;	/*160*/
		height: 21.33333333vw;	/*160*/
		border-radius: 10.66666667vw;	/*80*/
		margin:0;
	}
	.osusume .profile .handle{
		text-align: left;
		vertical-align: middle;
	}
	.osusume .profile .name{
		font-size:4.266666667vw;	/*32*/
		padding: 0 0 0.266666667vw 0;	/*2*/
		border-bottom: 0.266666667vw solid #136794;	/*2*/
		margin: 0 0 1.866666667vw 0;	/*14*/
                font-weight: bold;

	}
	.osusume .profile .furigana{
		font-size:3.2vw;	/*24*/
		display: block;
	}

}


.osusumetext{
	margin:0 0 52px 0;
	font-size:0;
}
.osusumetext .profile{
	display: inline-block;
	vertical-align: top;
	margin:0 40px 0 0 ;
}
.osusumetext .profile a{
	text-decoration: none;
}
.osusumetext .profile .fig{

}
.osusumetext .profile .fig img{
	width:100px;
	height: 100px;
	border-radius:50px;
	margin:0 auto 16px auto;
}
.osusumetext .profile .handle{
	display: inline-block;
	text-align: center;
}
.osusumetext .profile .handle .name{
	display: inline-block;
	color:#000;
	font-size:16px;
	line-height: 1;
	padding:0 0 2px 0;
	border-bottom:1px solid #136794;
	margin:0 auto 6px auto;
}
.osusumetext .profile .handle .furigana{
	display: block;
	color:#136794;
	font-size:9px;
	line-height: 1;
	margin:0 auto;
	text-decoration: none;
}

.osusumetext .text{
	display: inline-block;
	vertical-align: top;
	width:calc(100% - 140px);
	font-size:14px;
	line-height: 20px;
	color:#333;
	border-radius:4px;
	background-color:#d6ebf7;
	padding:36px 40px;
	position:relative;
}
.osusumetext .text:before{
	content:"";
	width:28px;
	height: 24px;
	position:absolute;
	top:40px;
	left: -28px;
	background-image:url("/assets/images/common/baloon.png");
	background-size:28px auto;
	background-repeat: no-repeat;
	background-position: left top;
}


@media(max-width:750px){

	.osusumetext{
		margin:1.33333333vw 0 6.93333333vw 0;	/*10 0 52 0*/
	}
	.osusumetext .profile{
		display: block;
		margin:0 0 3.73333333vw 0;	/*28*/
		text-align: center;
	}
	.osusumetext .profile .fig{
		display: inline-block;
		vertical-align: middle;
		margin:0 4vw 0 0;	/*30*/
	}
	.osusumetext .profile .fig img{
		width: 21.33333333vw;	/*160*/
		height: 21.33333333vw;	/*160*/
		border-radius: 10.66666667vw;	/*80*/
		margin:0;
	}
	.osusumetext .profile .handle{
		vertical-align: middle;
		text-align: left;
	}
	.osusumetext .profile .handle .name{
		font-size:4.266666667vw;	/*32*/
		padding: 0 0 0.266666667vw 0;	/*2*/
		border-bottom: 0.266666667vw solid #136794;	/*2*/
		margin: 0 0 1.866666667vw 0;	/*14*/
	}
	.osusumetext .profile .handle .furigana{
		font-size:3.2vw;	/*24*/
		display: block;
	}
	.osusumetext .text{
		display:block;
		width:100%;
		border-radius:1.066666667vw;	/*8*/
		font-size: 3.46666667vw;	/*26*/
		line-height: 4.8vw;	/*36*/
		padding:4.8vw 7.2vw;	/*36 54*/

	}
	.osusumetext .text:before{
		background-image:url("/assets/images/common/baloon_sp.png");
		background-size:3.73333333vw auto;	/*28*/
		width:3.73333333vw;	/*28*/
		height: 3.73333333vw;	/*28*/
		left: 40.26666667vw;	/*302*/
		top:-3.6vw;	/*-27*/
	}
        
       
        }



/* **<!-- 20230825 ここまで -->************************************************ */


/* ************************************************** */


/* モーダル************************************************** */
.modal_bg{
    background-color:rgba(75,136,181,.5);
    width:100dvw;
    height:100dvh;
    position:fixed;
    top:0;
    left:0;
    z-index:10;
}
.modal{
    max-width:960px;
    width:100%;
    max-height:calc(100dvh - 136px - 136px);
    min-height: 415px;
    position: fixed;
    inset: 0;
    margin: auto;
    overflow-y:auto;
    z-index:100;
}
.modal .modalbox{
    width:100%;

    background-color:#fff;

}

.modal .modalbox .close{
    display: block;
    padding:34px 24px 0 0;
    text-align: right;
}
.modal .modalbox .close a{
    background-image:url("/assets/images/common/closebtn.png");
    background-position:left 10px center;
    background-repeat: no-repeat;
    background-size:15px auto;
    font-size:16px;
    padding:9px 16px 9px 36px;
    background-color:#4b88b5;
    color:#fff;
    text-decoration: none;
    display: inline-block;
    text-align: left;
}
.modal .modalbox .close a:hover{
    background-color:#23455c;
}

.modal .modalbox .inner{
    width:100%;
    height:100%;
    min-height: 415px;
    padding:0 80px;
}
.modal .modalbox .inner .label{
    margin:0 0 20px 0;
}
.modal .modalbox .inner .label .ocean{
    color:#4b88b5;
    font-size:16px;
    line-height: 1;
    display: inline-block;
    vertical-align: top;
}
.modal .modalbox .inner .label .ocean.near_ocean{
    color: #0ccf64;

}

.modal .modalbox .inner .label .ocean:after{
    content:"";
    width:12px;
    height:16px;
    line-height: 1;
    border-right:1px solid #333333;
    display: inline-block;
    vertical-align: top;

    margin-right:12px;
}
.modal .modalbox .inner .label .address{
    color:#333333;
    font-size:16px;
    line-height: 1;
    display: inline-block;
    vertical-align: top;
}
.modal .modalbox .inner .lead{
    font-size:20px;
    line-height:1.6;
    color:#4b88b5;
    margin:0 0 40px 0;
}
.modal .modalbox .inner ul{
    gap:60px;
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.modal .modalbox .inner ul li{
    border-top:1px solid #4b88b5;
    padding:30px 0 30px 0;
    margin:-30px 0 0 0;
}
.modal .modalbox .inner ul li:nth-child(1),
.modal .modalbox .inner ul li:nth-child(2)
{
    border-top:none;
    padding:0;
    margin:0;
}

.modal .modalbox .inner ul li a{
    text-decoration: none;
    display: block;
}
.modal .modalbox .inner ul li .images{
    margin:0 0 18px 0;
    background-image:url("/assets/images/common/modal.png");
    background-position:bottom left 174px;
    background-repeat: no-repeat;
    background-size:156px auto;
    font-size:0;
}
.modal .modalbox .inner ul li img.image{
    width:152px;
    height: 110px;
    object-fit: fill;
    display: inline-block;
    vertical-align: top;
}
.modal .modalbox .inner ul li .images .navi{
    display: inline-block;
    vertical-align: top;
    padding:38px 0 0 40px;
}
.modal .modalbox .inner ul li .images .navi .handle{
    font-size:13px;
    line-height: 1;
    color:#999;
    margin:0 0 8px 0;
}
.modal .modalbox .inner ul li .images .navi .name{
    font-size:14px;
    line-height: 1;
    color:#333333;
}
.modal .modalbox .inner ul li .text{
    font-size:16px;
    line-height:24px;
    color:#333333;
}


@media(max-width:980px){
    .modal .modalbox .inner ul{
        grid-template-columns: 1fr;
    }


}


@media(max-width:750px){
    .modal{
        max-height:calc(100dvh - 13.33333333vw);	/*100*/
    }
    .modal .modalbox{
        width:calc(100% - 2.66666667vw);	/*20*/
        margin:0 auto;
    }

    .modal .modalbox .close{
        padding:9.066666667vw 6.4vw 0 0;	/*68 48*/
    }
    .modal .modalbox .close a{
        background-position:left 2.66666667vw center;	/*20*/
        background-size:4vw auto;	/*30*/
        font-size:4.266666667vw;	/*32*/
        padding:2.4vw 4.266666667vw 2.4vw 9.6vw;	/*18 32 18 72*/
    }

    .modal .modalbox .inner{
        padding:0 10.66666667vw;	/*80*/
    }
    .modal .modalbox .inner .label{
        margin:0 0 5.33333333vw 0;	/*40*/
    }
    .modal .modalbox .inner .label .ocean{
        font-size:4.266666667vw;	/*32*/
    }
    .modal .modalbox .inner .label .ocean:after{
        width:3.2vw;	/*24*/
        height:4.266666667vw;	/*32*/
        border-right:0.266666667vw solid #333333;		/*2*/
        margin-right:3.2vw;	/*24*/
    }
    .modal .modalbox .inner .label .address{
        font-size:4.266666667vw;	/*32*/
    }
    .modal .modalbox .inner .lead{
        font-size:5.33333333vw;	/*40*/
        margin:0 0 10.66666667vw 0;	/*80*/
    }
    .modal .modalbox .inner ul{
        gap:0;
    }
    .modal .modalbox .inner ul li{
        border-top:0.266666667vw solid #4b88b5;	/*2*/
        padding:8vw 0 8vw 0;	/*60 60*/
        margin:0;
    }
    .modal .modalbox .inner ul li:nth-child(1)
    {
        border-top:none;
        padding:0 0 8vw 0;	/*60*/
        margin:0;
    }
    .modal .modalbox .inner ul li:nth-child(2)
    {
        border-top:0.266666667vw solid #4b88b5;	/*2*/
        padding:8vw 0 8vw 0;	/*60 60*/
        margin:0;
    }


    .modal .modalbox .inner ul li .images{
        margin:0 0 4.8vw 0;	/*36*/
        background-position:bottom left 46.4vw;	/*348*/
        background-size:28.8vw auto;	/*216*/
    }
    .modal .modalbox .inner ul li img.image{
        width:40.53333333vw;	/*304*/
        height: 29.33333333vw;	/*220*/
    }
    .modal .modalbox .inner ul li .images .navi{
        padding:10.13333333vw 0 0 10.66666667vw;	/*76 80*/
    }
    .modal .modalbox .inner ul li .images .navi .handle{
        font-size:3.46666667vw;	/*26*/
        margin:0 0 2.13333333vw 0;	/*16*/
    }
    .modal .modalbox .inner ul li .images .navi .name{
        font-size:3.73333333vw;	/*28*/
    }
    .modal .modalbox .inner ul li .text{
        font-size:4.266666667vw;	/*32*/
        line-height:6.4vw;	/*48*/
    }

}


/* ************************************************** */