@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Zen+Old+Mincho&display=swap');
/*
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:  "Zen Old Mincho","游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.zen-old-mincho-regular {
	font-family: "Zen Old Mincho", serif;
	font-weight: 400;
	font-style: normal;
  }
  

.noto-sans-jp-regular {
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
}
  

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;

}
.top header .inner {
	transition: opacity 3000ms ease-in-out;
}

header .inner .logo {
	position: absolute;
	top: 46px;
	left: 40px;
}

header .inner .logo img {
	width: 225px;
	height: auto;
}
header .inner .searchservice{
	position: absolute;
	top: 38px;
	left: 305px;
}
header .inner .searchservice a{
	display: inline-block;

	background-image: url("../images/common/icon_search.png");
	background-repeat: no-repeat;
	background-size: 26px auto;
	background-position: left 30px center;

	background-color: #F7F8F5;
	font-size:14px;
	color:#003D74;
	text-decoration: none;
	padding:15px 30px 15px 66px;
	border-radius:22px;
}


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

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

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

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

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

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

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

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

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

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: 110px;
	border-bottom:1px solid #004C91;
}

header #menu_fix .navi .inner .logo {
	top: 46px;
}
header #menu_fix .searchservice{
	top:38px;
}



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

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

header #menu_fix .inner .contact .tel {
	color: #000;
	background-image: url("/assets/images/common/icon_tel_b.png");
}

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

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

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

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

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

header #menu_navi .navi {}

header #menu_navi h1 {
	display: block;
}

header #menu_navi h1 img {}

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

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

header #menu_navi .contact .inquiry{
	color:#fff;
}
header #menu_navi .contact .inquiry{
	border-right:1px solid #fff;
}
header #menu_navi .contact .tel{
	background-image: url("../images/common/icon_tel_w.png");
}
header #menu_navi .contact .tel a{
	color:#fff;
}


.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: 25px auto;
	border:1px solid #fff;
}

.navi .search li.view a {
	color: #003D74;
	background-image: url("/assets/images/common/icon_arrow_br.png");
}

.navi .search li.near a {
	color: #003D74;
	background-image: url("/assets/images/common/icon_arrow_br.png");
}
.navi .search li.view a.active,
.navi .search li.view a:hover
 {

}
.navi .search li.near a.active,
.navi .search li.near a:hover
 {

}




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

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

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

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

}

.navi .type_cond dl dt {
	display: inline-block;
	vertical-align: middle;
	color: #999999;
	width: 86px;
	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: 1;
	display: inline-block;
	padding:8px 16px;
	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: 204px;
	width:calc(100% - 816px - 24px);
	height: 136px;
	border-left: 1px solid #ffffff;
	position: absolute;
	right: 0;
	top: 6px;
	text-align: center;
	align-content: 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 {
	display: inline-block;
	vertical-align: middle;
}

header #menu_navi .guide {
	background-color: #022F58;
	padding: 40px 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: 20px;
	color: #fff;
	border-radius: 35px;
	text-decoration: none;
	display: inline-block;
	vertical-align: top;
	width: 440px;
	margin-right: 10px;
	background-color: #003D74;
}

header #menu_navi .guide .inquiry a:last-of-type {
	margin-right: 0;
}
header #menu_navi .guide .inquiry a span{
	padding:25px 66px 25px 82px;
	background-image:url("/assets/images/common/icon_sell.png"),url("/assets/images/common/icon_arrow_g.png");
	background-repeat:no-repeat,no-repeat;
	background-size:52px auto,24px auto;
	background-position:center left ,center right;
	display: inline-block;
}
header #menu_navi .guide .inquiry a:nth-child(2) span{
	background-image:url("/assets/images/common/icon_serachservice.png"),url("/assets/images/common/icon_arrow_g.png");

}


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

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

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

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

.page header{
	height: 110px;
	border-bottom:1px solid #004C91;

}


@media(max-width:1200px){
	header .inner .searchservice{
		left:280px;
	}


}


@media(max-width:1080px){
	.page header{
		height: 175px;
	}
	header .inner h1{
		width:162px;
		height: auto;
		top:90px;
	}

	header #menu_fix{
		height: 175px;

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


	header #menu_fix .inner h1{
		width:162px;
		height: auto;
		top:90px;
	}

	.navi .type_cond .fav p{
		display: block;
	}
}


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

	.navi .type_cond dl{
		width:100%;
		max-width:100%;
	}
	.navi .type_cond dl dd{
		width:calc(100% - 86px);
	}
	.navi .type_cond .fav{
		display: none;
	}

}

@media(max-width:820px){
	.navi .type_cond dl dd ul li a{
		padding-top:8px;
		padding-bottom: 8px;
	}
}



@media(max-width:750px) {
	.page header{
		border-bottom:none;
		height: 16vw;	/*120*/
	}
	header .inner .logo {
		top: 5.6vw;
		/*42*/
		left: 2.6666667vw;
		/*20*/
	}
	header .inner .logo img {
		width: 27.3333333vw;
		/*205*/
	}
	header .inner h1 {
		width: 43.2vw;	/*324*/
		left: calc(50% - 21.6vw);	/*162*/
		top: 3.2vw;
		/*24*/
	}

	.page header .inner h1{
		top:17.33333333vw;	/*130*/
	}

	header .inner .searchservice{
		top: 4.8vw;	/*36*/
		left: 34vw;	/*255*/
	}
	header .inner .searchservice a{
		width:36vw;	/*270*/
		height: 5.866666667vw;	/*44*/
		border-radius: 2.933333333vw;	/*22*/
		padding:0 0 0 8.8vw;	/*66*/
		align-content: center;	
		font-size: 2.66666667vw;	/*20*/
		background-size: 3.466666667vw auto;	/*26*/
		background-position: left 4vw center;	/*30*/
	}


	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;
		background-image:url("/assets/images/common/icon_tel_w.png");
	}
	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 a{
		display: block;
		width: 8vw;	/*60*/
		height: 8.533333333vw;
		background-image:url("/assets/images/common/icon_menu_w.png");
		background-size:8vw auto;	/*60*/
		background-repeat:no-repeat;
		background-position:center center;
	}
	header .inner .menu.open a{
		background-image: none;
	}
	header .inner .menu img {
		width: 8vw;
		/*60*/
		display: none;
	}
	.page header .inner .menu img{
		display: block;
	}
	header #menu_fix .inner .menu img{
		display: block;
	}
	header .inner .menu.open img {
		display: inline-block
	}
	header #menu_fix .inner h1 {
		width: 22.6666667vw;
		/*170*/
		left: calc(50% - 11.3333333vw);
		/*85*/
		top: 1.73333333vw;
		/*13*/
		display: none;
	}

	header #menu_fix{
		height: 16vw;	/*120*/
	}
	header #menu_fix .searchservice{
		top: 4.8vw;	/*36*/
		left: 34vw;	/*255*/
	}

	header #menu_fix .navi {
		height: 16vw;	/*120*/
		border-bottom: none;
	}
	header #menu_fix .navi .inner .logo {
		top: 5.6vw;
		/*42*/
		left: 2.6666667vw;
		/*20*/
	}
	header #menu_fix .navi .inner .logo img {
		width: 27.3333333vw;	/*205*/
	}
	.top header #menu_fix .inner h1 {
		height: 140px;	/*140*/
		top:130px;	/*130*/
	}
	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 - 2.66666667vw);
		overflow-y: scroll;
	}
	header #menu_navi .inner .logo {
		top: 5.6vw;
		/*42*/
		left: 2.6666667vw;
		/*20*/
	}
	header #menu_navi .inner .logo img {
		width: 27.3333333vw;	/*205*/
	}
	header #menu_navi .inner h1 {
		width: 22.6666667vw;
		/*170*/
		left: calc(50% - 11.3333333vw);
		/*85*/
		top:18.66666667vw;	/*140*/
	}
	header #menu_navi .navi{
		padding:13.33333333vw 0 0 0;	/*100*/
	}
	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: 2.66666667vw auto;
		/*20*/
	}
	.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.special{
		padding:0;
	}
	.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:1.33333333vw 0;	/*10*/
	}
	.navi .type_cond dl.special dd ul li{
		width: calc(100% / 4);
	}
	.navi .type_cond dl.special dd ul li:nth-child(4){
		width:20.26666667vw;	/*152*/
	}
	.navi .type_cond dl.special dd ul li:nth-child(5){
		width:27.33333333vw;	/*205*/
	}
	.navi .type_cond dl.special dd ul li:nth-child(6){
		width:16.26666667vw;	/*122*/
	}
	.navi .type_cond dl.special dd ul li:nth-child(7){
		width:19.466666667vw;	/*146*/
	}



	.navi .type_cond dl.special dd ul li:nth-child(1),
	.navi .type_cond dl.special dd ul li:nth-child(2),
	.navi .type_cond dl.special dd ul li:nth-child(3)
	{
		width: calc(100% / 3);
	}


	.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) , .navi .type_cond dl dd ul li:nth-child(7) ,.navi .type_cond dl dd ul li:nth-child(8) , .navi .type_cond dl dd ul li:nth-child(9){
		border-top: 0.13333333vw solid #79b5d5;
		/*1*/
	}
	.navi .type_cond dl dd ul li a {
		padding: 0;
		margin: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,
	.navi .type_cond dl.special dd ul li:nth-child(3) a,
	.navi .type_cond dl.special dd ul li:nth-child(7) a
	{
		border-right: none;
	}
	.navi .type_cond dl.special dd ul li:nth-child(6) a{
		border-right: 0.13333333vw solid #79b5d5;
		/*1*/
	}
	.navi .type_cond dl dd ul li a span {
		display: block;
		padding: 2.266666667vw 0;	/*17*/
		margin: 0.133333333vw 0;	/*1*/
	}
	.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;
		margin-left:0;
		font-size: 3.2vw;
		/*24*/
		line-height: 1;
		padding:2.66666667vw 0;	/*20*/

	}
	.navi .type_cond .fav {
		display: block;
		position: absolute;
		top: inherit;
		bottom: 0;
		right: 3.86666667vw;
		/*29*/
		width: 40vw;
		/*300*/
		height: 13.33333333vw;	/*100*/
		border: 0.13333333vw solid #ffffff;
		/*1*/
		text-align: center;
	}
	.navi .type_cond .fav a {
		font-size: 2.93333333vw;
		/*22*/
	}
	.navi .type_cond .fav .hearts {
		width: 2.66666667vw;
		/*20*/
		padding: 0;
		/*margin-right: 0.26666667vw;*/
		/*2*/
	}
	.navi .type_cond .fav .hearts img{
		width:2.66666667vw;	/*20;*/
	}
	.navi .type_cond .fav span {
		padding: 0;
		margin-right: 2.13333333vw;
		/*16*/
	}
	.navi .type_cond .fav p {
		display: inline-block;
		padding: 0;
		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.2vw;	/*24*/
		padding: 0;
		width: 48vw;	/*360*/
		height: 10.66666667vw;	/*80*/
		margin-right: 2.66666667vw;	/*20*/
		border-radius: 5.3333333vw;	/*40*/
	}
	header #menu_navi .guide .inquiry a span{
		padding: 0;
		width: 100%;
		height: 100%;
		align-content: center;
		display: block;
		background-position: center left 2.66666667vw,center right 2.66666667vw;
		background-size: 5.33333333vw auto,2.66666667vw auto;	/*40*/
	}





	header #menu_navi.fix .inner .logo {
		top: 5.6vw;
		/*42*/
		left: 2.6666667vw;
		/*20*/
	}
	header #menu_navi.fix .inner .logo img {
		width: 27.3333333vw;	/*205*/
	}
	header #menu_navi.fix .inner h1 {


		width: 22.6666667vw;
		/*170*/
		left: calc(50% - 11.3333333vw);
		/*85*/
		top:18.66666667vw;	/*140*/
	}

	header #menu_navi.fix .inner .menu{
		right: 4.8vw;
		/*36*/
		top: 3.2vw;
		/*24*/
	}

}

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

footer {
	position: relative;
	z-index:1;
}

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

footer .inner {}

footer .inner .inquiry {
	/*background-color: #F2F6F8;*/
	padding: 78px 0 0 0;
	text-align: center;
	background-image:url("/assets/images/common/wave_bottom.png");
	background-size:100% 240px;
	background-repeat:no-repeat;
	background-position:top center;
	height: 240px;
	margin:-100px auto 0 auto;
}

footer .inner .inquiry ul{
	max-width: 1400px;
	margin: 0 auto;
	padding: 0;
}
footer .inner .inquiry ul li{
	width:50%;
	height: 140px;
	display:inline-block;
	vertical-align: top;
	align-content: center;
		
}
footer .inner .inquiry ul li:first-of-type{
	border-right:1px solid #fff;
}

footer .inner .inquiry a {
	font-size: 18px;
	line-height: 40px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	height: 100%;
	margin:0;
	display: block;
	align-content: center;
	color:#fff;
}
footer .inner .inquiry a span{
	background-image:url("/assets/images/common/icon_sell.png"),url("/assets/images/common/icon_arrow_g.png");
	background-repeat:no-repeat,no-repeat;
	background-size:52px auto,26px auto;
	background-position:center left ,center right;
	padding:0 66px 0 82px;
	height: 40px;
	display: inline-block;
	vertical-align: middle;
}
footer .inner .inquiry ul li:nth-child(2) a span{
	background-image:url("/assets/images/common/icon_serachservice.png"),url("/assets/images/common/icon_arrow_g.png");
}


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

footer .inner .inquiry a:hover {

	color: #BC9E14;
	opacity: 1;
}
footer .inner .inquiry a:hover span{
	background-image:url("/assets/images/common/icon_sell_g.png"),url("/assets/images/common/icon_arrow_g.png");

}
footer .inner .inquiry ul li:nth-child(2) a:hover span{
	background-image:url("/assets/images/common/icon_serachservice_g.png"),url("/assets/images/common/icon_arrow_g.png");
}



footer .inner .inner2 {
	position: relative;
	padding:60px 0;
	margin: 0 auto;
	background-color:#003D74;
}

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

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


footer .inner .guide {

	margin: 0 auto;
	padding: 0 0 60px 0;
	text-align: center;
}

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

footer .inner .guide ul li a {
	font-size: 16px;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
}
footer .inner .guide ul li a:hover{
	color:#BC9E12;
}

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 .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 {
	text-align: center;
	margin: 0 auto ;
	font-size: 0;
}

footer .inner .banner ul li {
	display: inline-block;
	margin: 0 20px 0 0;
	width: 250px;
}

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

footer .inner .banner ul li a {}

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

footer .inner #gotop {
	position: absolute;
	top: 60px;
	right: 40px;
}

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



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

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

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

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

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: 16px;
	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:900px){
	footer .inner .guide{
		padding:0 40px;
		text-align: left;
	}
	footer .inner .guide ul li{
		margin: 0 40px 40px 0;
	}
}


@media(max-width:750px) {

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

	footer .inner .inquiry {
		margin:-13.33333333vw 0 0 0;	/*-100*/
		padding: 5.866666667vw 0;	/*44*/
		height: 68.8vw;	/*516*/
		background-image: url("/assets/images/common/wave_bottom_sp.png");
		background-size: 100% auto;
	}
	footer .inner .inquiry a {
		width: 100%;
		font-size: 5.33333333vw;	/*40*/
		line-height: 8vw;	/*60*/
		padding:10.13333333vw 0;	/*76*/
		margin-right: 0;
		margin-bottom: 0;
		text-align: left;
	}
	footer .inner .inquiry ul li{
		width:84vw;	/*630*/
		height: auto;
	}
	footer .inner .inquiry ul li:first-of-type{
		border-right:none;
		border-bottom:0.266666667vw solid #FFFFFF;	/*2*/
	}
	footer .inner .inquiry a:last-of-type {
		margin-bottom: 0;
	}
	footer .inner .inquiry a span{
		padding:0 9.066666667vw 0 19.33333333vw;	/*68 145*/
		height: 8vw;	/*60*/
		background-position: center left  ,center right;
		background-size:10.66666667vw auto,3.466666667vw auto;	/*80 26*/
	}





	footer .inner .inner2{
		padding:16vw 0 0 0;	/*120*/
	}




	footer .inner .logo {
		margin: 0 auto 10.6666667vw auto;	/*80*/
	}
	footer .inner .logo img {
		width: 35.33333333vw;	/*340*/
	}


	footer .inner .guide {
		padding: 0 2.66666667vw 9.33333333vw 2.66666667vw;	/*20 70 20*/
		text-align: center;
	}
	footer .inner .guide ul li {
		padding: 0 3.066666667vw;	/*23*/
		margin:0 0 4vw 0;	/*30*/
		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 .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 ;
		text-align: center;
		padding: 0 0 5.33333333vw 0;	/*40*/
	}
	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;
		margin:0;
	}
	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: 8vw auto 0 auto;/*60*/
		font-size: 2.6666667vw;
		/*20*/
	}
}


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




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

.keyvisual {
	width: 100%;
	height: 100dvh;
	min-height: 800px;
	background-color: #ffffff;
	position: relative;
	overflow: hidden;
	opacity: 0;
	transition: opacity 1500ms ease-in-out;
}

.keyvisual.done{
	opacity: 1;
}

.keyvisual .video {
	position:absolute;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	opacity:1;
	background-color:#3499D6;	/* #004C91 */
}
.keyvisual .video video{
	object-fit: cover;
	width:100%;
	height:100%;
	transition: opacity 3000ms ease-in-out;
}
@media screen and (orientation: portrait) {
	.keyvisual .video{
		height:100%;
		width:auto;

	}
}

.keyvisual .main{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	transition: opacity 3000ms ease-in-out;
}
.keyvisual .main .logo{
	margin-inline: auto;
	text-align: center;
}
.keyvisual .main .logo img.anime{
	opacity: 0;
	transform: translateY(20px);
	transition: all 1700ms;
}
.keyvisual .main .logo img.anime.done{
	opacity: 1;
	transform: translateY(0);
}
.keyvisual .main .logo img{
	height: 140px;
	width: auto;
	margin:138px auto 125px auto;
}
.keyvisual .copy{
	writing-mode: vertical-rl;

	width: 100%;
	align-content: center;
	display: flex;
	position:relative;
	z-index: 1;
}
.keyvisual .copy .inner{
	margin-left: auto !important;
    margin-right: auto !important;
}



.keyvisual .copy .lead1 .leadbox{
	font-size:36px;
	color:#004C91;
	margin:0 0 0 6px;
	width: 54px;
	overflow: hidden;
}
.keyvisual .copy .lead1 .leadbox:last-of-type{
	margin:0 0 0 36px;
}
.keyvisual .copy .lead1 .leadbox.anime{
	opacity: 0;
	/*clip-path: polygon(0 0,100% 0,100% 0,0 0);*/
	transition: all 3000ms ease-in-out 2s;
}
.keyvisual .copy .lead1 .leadbox.anime.done{
	opacity: 1;
	/*clip-path: polygon(0 0,100% 0,100% 100%,0 100%);*/
}

.keyvisual .copy .lead1 .leadbox span{
	padding:9px;
	background-color:#fff;
	display: inline-block;
	vertical-align: middle;
}
.keyvisual .copy .lead2 .leadbox{
	font-size:18px;
	color:#000;
	margin:0 0 0 14px;
	width: 30px;
	overflow: hidden;
}
.keyvisual .copy .lead2 .leadbox:last-of-type{
	margin:0;
}
.keyvisual .copy .lead2 .leadbox.anime{
	opacity: 0;
	/*clip-path: polygon(0 0,100% 0,100% 0,0 0);*/
	transition: all 3000ms ease-in-out 1.5s;
}
.keyvisual .copy .lead2 .leadbox.anime.done{
	opacity: 1;;
	/*clip-path: polygon(0 0,100% 0,100% 100%,0 100%);*/
}


.keyvisual .copy .lead2 .leadbox span{
	padding:6px;
	background-color:#fff;
	display: inline-block;
	vertical-align: middle;
}

.keyvisual:after{
	content:"";
	display:block;
	clear:both;
	background-image:url("/assets/images/common/wave_top.png");
	background-position:top center;
	background-size: 100% auto;
	background-repeat: no-repeat;
	width: 100%;
	height: 100px;
	position:absolute;
	bottom: 0;
	left: 0;
}

@media(max-width:750px) {


	.keyvisual {
		min-height: 150.93333333vw;	/*1132*/
		height: auto;
	}
	
	
	.keyvisual .main .logo img{
		height: 18.66666667vw;	/*140*/
		width: auto;
		margin:29.33333333vw auto 35.2vw auto;	/*220 264*/
	}
	
	.keyvisual .copy .lead1 .leadbox{
		font-size:4.8vw;	/*36*/
		margin:0 0 0 0.8vw;	/*6*/
		width: 7.2vw;	/*54*/
	}
	.keyvisual .copy .lead1 .leadbox:last-of-type{
		margin:0 0 0 5.33333333vw;	/*40*/
	}
	.keyvisual .copy .lead1 .leadbox span{
		padding:1.2vw;	/*9*/
	}
	
	.keyvisual .copy .lead2 .leadbox{
		font-size:3.2vw;	/*24*/
		margin:0 0 0 2.13333333vw;	/*16*/
		width: 4.8vw;	/*36*/
	}
	.keyvisual .copy .lead2 .leadbox:last-of-type{
		margin:0;
	}
	.keyvisual .copy .lead2 .leadbox span{
		padding:0.8vw;	/*6*/
	}
	
	.keyvisual:after{
		background-image:url("/assets/images/common/wave_top_sp.png");
		height: 13.33333333vw;	/*100*/
	}


}

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

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


.topsearch .navi .search li.view a {
	font-size:16px;
	background-color: #003D74;
	color: #ffffff;
	background-image: url("/assets/images/common/icon_arrow_w.png");
	background-size:25px auto;
	background-position: right 30px center;
	border:1px solid #003D74;
}
.topsearch .navi .search li.view a.active,
.topsearch .navi .search li.view a:hover
{
	opacity: 1;
	background-color: #003D74;
	color: #ffffff;
	border:1px solid #003D74;
	background-image: url("/assets/images/common/icon_arrow_w.png");
}

.topsearch .navi .search li.near a {
	background-color: #B29718;
	color: #ffffff;
	background-image: url("/assets/images/common/icon_arrow_w.png");
	background-size:25px auto;
	background-position: right 30px center;
	border:1px solid #B29718;
}
.topsearch .navi .search li.near a.active,
.topsearch .navi .search li.near a:hover
{
	opacity: 1;
	background-color: #B29718;
	color: #ffffff;
	border:1px solid #B29718;
	background-image: url("/assets/images/common/icon_arrow_w.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: #004C91;
}

.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{
	background-color: #DFCEA2;
	color: #333;
	opacity: 1;
}
.topsearch .navi .type_cond dl dd ul li a:active, .topsearch .navi .type_cond dl dd ul li a.active {
	background-color: #003D74;
	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:1080px){
	.topsearch{
		padding:0 40px;

	}


}


@media(max-width:750px) {
	.topsearch {
		margin: 8vw auto 0 auto;
		/*60*/
		padding:0;
	}
	.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: 2.66666667vw auto;	/*20*/
	}

	.topsearch .navi .search li.view a{
		font-size:4.26666667vw;	/*32*/
		background-size:3.33333333vw auto;	/*25*/
		background-position: right 4vw center;	/*30*/
	}
	.topsearch .navi .search li.near a{
		font-size:4.26666667vw;	/*32*/
		background-size:3.33333333vw auto;	/*25*/
		background-position: right 4vw center;	/*30*/
	}

	.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.view{
	padding:0 0 140px 0;
}
.property.new{
	padding:0 0 70px 0;
}

.property h2 {
	font-size: 20px;
	color: #136794;
	text-align: center;
	margin-bottom: 30px;
	font-family: 'Zen Old Mincho', serif;
}

.property .inner {
	background-color: #fff;
	padding: 60px 0 0 0;
}
.property.new .inner {
	padding: 30px 0 30px 0;
}

.property .list {
	max-width: 1040px;
	margin: 0 auto;
	text-align: left;
	font-size: 0;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap:40px 30px;
}

.property.inq .list{
	text-align: center;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap:40px 30px;
}

.property.new .box ,
.property.view .box {
	display: inline-block;
	text-align: left;
	position:relative;
        background-color: #F2F6F8;

}
.property.new .box .image ,
.property.view .box .image {
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	width: 320px;
	display: inline-block;
  	vertical-align: top;
	margin-bottom:56px;
}
.property.new .box .image img,
.property.view .box .image img {
	width: 320px;
	height: 230px;
}



.property.new .box .image .itemnew ,
.property.view .box .image .itemnew {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 14px;
	padding: 8px 0;
	width: 55px;
	display: block;
	background-color: #E3DB09;
	color: #003D74;
	text-align: center;
	font-family: "Zen Old Mincho", serif;
	font-weight: 400;
	font-style: normal;
}
.property.new .box .text,
.property.view .box .text{
	width:calc(100% - 320px);
	height: 230px;
	display: inline-block;
	vertical-align: top;
	padding:10px 0 0 20px;
	position:relative;
}
.property.new .box .label,
.property.view .box .label {
	font-size: 14px;
	margin:0 0 20px 0;

}
/*中古戸建*/
.label.old {
	color: #015F32;
}

/*新築戸建*/
.label.new {
	color: #B39717;
}
/*マンション*/
.label.mansion {
	color: #0D7BFC;
}

/*土地*/
.label.land {
	color: #D95604;
}
.property.new .box .image .fav ,
.property.view .box .image .fav {
	position: absolute;
	bottom: 10px;
	left: 140px;
	background-color: #ffffff;
	border-radius: 24px;
}
.property.new .box .image .fav label ,
.property.view .box .image .fav label {
	font-size: 12px;
	padding: 6px 15px;
	color: #333333;
	display: block;
}
.property.new .box .image .fav label input[type=checkbox] ,
.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.new .box .image .remove a,
.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.new .box .image .remove a:hover,
.property.view .box .image .remove a:hover {
	opacity: 1;
	background-image: url("../images/common/remove_hover.png");
}
.property.new .box .image .remove a span ,
.property.view .box .image .remove a span {
	font-size: 0;
}

.property.new .box .area,
.property.view .box .area
{
	margin:0 0 15px 0;	
}

.property.new .box .ocean ,
.property.view .box .ocean {
	font-size: 14px;
	color: #fff;
	border:1px solid #003D74;
	background-color:#003D74;
	display: inline-block;
	vertical-align: middle;
	width:62px;
	height: 26px;
	align-content: center;
	text-align: center;
	margin:0 10px 0 0;
}

.property.new .box .ocean.near ,
.property.view .box .ocean.near
{
	border:1px solid #B29718;
	background-color:#B29718;
}



.property.new .box .address,
.property.view .box .address {
	padding: 0;
	margin: 0 0 0 0;
	font-size: 16px;
	line-height: 1;
	color: #333333;
	display: inline-block;
	vertical-align: middle;
}
.property.new .box .price,
.property.view .box .price {
	padding: 0;
	font-size: 16px;
	color: #666666;
	margin:0 0 13px 0;
        font-weight:bold;
}

.property.new .box .special,
.property.view .box .special {
	font-size:0;
}
.property.new .box .special span,
.property.view .box .special span{
	font-size:12px;
	color:#1E95D4;
	border:1px solid #1E95D4;
	padding:5px 6px;
	display: inline-block;
	vertical-align: top;
	margin:0 8px 8px 0;
}


.property.new .box .description,
.property.view .box .description {
	padding: 0 0 0 10px;
	margin: 0;
	font-size: 14px;
	line-height: 20px;
	color: #666666;
	width:100%;
	height: 40px;
	overflow: hidden;
	position:absolute;
	bottom: 0;
	left: 0;
	display: -webkit-box;             
	-webkit-box-orient: vertical;      /* 垂直方向に配置 */
	text-overflow: ellipsis;           /* 溢れた部分に「...」を表示 */
	-webkit-line-clamp: 2;             /* 最大行数を2行に設定 */
        font-weight:bold;
}

.property.new .more, .property.view .more {
	text-align: center;
	padding:60px 0 0 0;
}

.property.new .more a, .property.view .more a {
	text-decoration: none;
	display: inline-block;
	width: 240px;
	height: 52px;
	align-content: center;
	text-align: center;
	color: #333333;
	font-size: 16px;
	line-height: 1;
	background-color: #ffffff;
	border-radius: 26px;
	border:1px solid #E6E6E6;
	margin: 0 auto 30px auto;
	background-image:url("/assets/images/common/icon_arrow_b.png");
	background-size:16px auto;
	background-repeat: no-repeat;
	background-position: right 40px center;
}

.property.new .more a:hover, .property.view .more a:hover{
	opacity: 1;
	background-color:#003D74;
	color:#fff;
	background-image:url("/assets/images/common/icon_arrow_w.png");
}


.property.view .pager{
	background-color:#fff;
	padding: 60px 0 0 0;
}


.property .box a{
	text-decoration: none;
	color:#666666;
	display: block;
}
.property .box a:hover{
	opacity:.7;
	text-decoration: underline;
}

.property .box .staff-photo {
  position: absolute;
  top: 4px; /* descriptionの上に配置 */
  right: 3px;  /* 右端に寄せる */
  z-index: 2;   /* descriptionより前面に */
  font-size: 10px;
  text-align: center;
  color: #666666;
  border-bottom: 1px solid #666666;
  font-weight: bolder;
}

.property .box .staff-photo img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  object-fit: cover;

  box-shadow: 0 0 5px rgba(0,0,0,0.2);
}



@media(max-width:1080px){
	.property .list{
		display: block;
	}
	.property.new .box,
	.property.view .box{

		display: block;
		max-width:505px;
		margin:0 auto 30px auto;
	}

}




@media(max-width:750px) {
	.property{

	}
	.property.view{
		padding:8vw 0 21.33333333vw 0;	/*60 160*/
	}
	.property.new{
		padding:8vw 0 21.33333333vw 0;	/*60 160*/
	}
	.property h2 {
		padding: 0 0 5.3333333vw 0;
		/*80 40*/
		font-size: 5.3333333vw;
		/*40*/
		margin:0;
	}
	.property.new .inner ,
	.property .inner {
		padding: 8vw 8vw 0 8vw;	/*60 60 0 60*/
	}
	.property .list {
		max-width: 100%;
	}
	.property.new .box,
	.property.view .box {
		width: 100%;
		margin-right: 0;
		margin-bottom: 8vw;	/*60*/
		max-width:100%;
		background-color: #F2F6F8;
	}
	.property.new .box:nth-child(3n),
	.property.view .box:nth-child(3n) {
		margin-right: 0;
	}
	.property.new .box .image,
	.property.view .box .image{
		width: 100%;  

		margin:0 0 4vw 0;	/*30*/
	}
	.property.new .box .image img,
	.property.view .box .image img{
		width: 100%vw;

	}


	.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.new .box .image .itemnew,
	.property.view .box .image .itemnew {
		font-size: 3.733333333vw;	/*28*/
		width: 14.4vw;	/*108*/
		height: 8vw;	/*60*/
		padding:0;
		margin:0;
		align-content: center;
	}
	.property.new .box .image .label ,
	.property.view .box .image .label {
		font-size: 3.73333333vw;
		/*28*/
		padding: 2.13333333vw 3.73333333vw;
		/*16 28*/
	}
	.property.new .box .image .fav 
	.property.view .box .image .fav {
		bottom: 2.66666667vw;
		/*20*/
		left: inherit;
		right:2.66666667vw;	/*20*/
		border-radius: 3.2vw;
		/*24*/
		
	}
	.property.new .box .image .fav label,
	.property.view .box .image .fav label {
		font-size: 3.2vw;
		/*24*/
		padding: 1.6vw 4vw;
		/*12 30*/
	}
	.property.new .box .image .fav label input[type=checkbox] ,
	.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.new .box .image .remove a ,
	.property.view .box .image .remove a {
		width: 6.4vw;
		/*48*/
		height: 6.4vw;
		/*48*/
		background-size: 6.4vw auto;
		/*48*/
	}

	.property.new .box .text,
	.property.view .box .text{
		width:100%;
		height:auto;
		padding: 0 4vw 0 4vw;	/*30*/
	}

	.property.new .box .label,
	.property.view .box .label{
		font-size: 3.733333333vw;	/*28*/
		margin:0 0 4.266666667vw 0;	/*32*/
	}

	.label.mansion{
		color:#0C7BFC;
	}
	.label.new{
		color:#B19100;
	}
	.label.old{
		color:#006032
	}
	.label.land{
		color:#D95603;
	}



	.property.new .box .area, 
	.property.view .box .area
	{
		margin: 0;
	}

	.property.new .box .special,
	.property.view .box .special
	{
		margin:0 0 4vw 0;	/*30*/
	}

	.property.new .box .special span, 
	.property.view .box .special span
	{
		font-size: 3.733333333vw;	/*28*/
		border:0.133333333vw solid #1E95D4;	/*1*/
		padding:1.466666667vw;	/*11*/
		margin:0 1.33333333vw 1.33333333vw 0;	/*10 10*/
		background-color:#fff;
	}

	.property.new .box .ocean,
	.property.view .box .ocean {
		font-size: 3.733333333vw;	/*28*/
		padding: 0;
		margin: 0 2.66666667vw 4vw 0;	/* 20 30*/
		width:14.4vw;	/*108*/
		height: 6.933333333vw;	/*52*/
		border: 0.266666667vw solid #003D74;	/*2*/
		display: inline-block;
	    vertical-align: middle;
	}
	.property.new .box .address,
	.property.view .box .address {
		font-size: 4.266666667vw;
		margin:0 0 4vw 0;	/*30*/
                font-weight:bold;
	}
	.property.new .box .price,
	.property.view .box .price {
		padding: 0;
		font-size: 3.73333333vw;	/*28*/
		line-height: 4.266666667vw;	/*32*/
		margin:0 0 5.33333333vw 0;	/*40*/
		color:#555555;
                font-weight:bold;
	}
	.property.new .box .description ,
	.property.view .box .description {
		position: static;
		font-size:3.733333333vw;	/*28*/
		line-height: 5.33333333vw;	/*40*/
		width:auto;
		height: auto;
		-webkit-line-clamp: 3;             /* 最大行数を2行に設定 */
		padding:0 4vw 4vw 4vw;	/*30*/
		color:#555555;
                font-weight:bold;
	}
	.property.new .more ,
	.property.view .more {
		margin: 5.33333333vw auto 0 auto;	/*40*/
	}
	.property.new .more a,
	.property.view .more a {
		width: 55.73333333vw;	/*418*/
		height: 10.6666667vw;	/*80*/
		border-radius: 5.33333333vw;	/*40*/
		font-size: 3.733333333vw;	/*28*/
		background-size: 2.133333333vw auto;	/*16*/
		background-position: right 5.33333333vw center;	/*40*/
		border: 0.266666667vw solid #E6E6E6;	/*2*/
		margin: 0 auto;


	}


	.property.view .pager{
		padding: 4vw 0;	/*30*/
	}

}

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

.searchbox {
	width:100%;
	margin: 0 auto;

	background: top center / 100% auto url("/assets/images/common/wave_middle.png") no-repeat , linear-gradient( 180deg, transparent 0%, #F2F6F8 10%, #F2F6F8 90% );

}
.searchbox .inner{
	max-width: 100%;
	padding: 146px 0 200px 0;
	margin-inline: auto;
	text-align: center;
	background:linear-gradient(
180deg,
transparent 0%,
transparent 10%,
#F2F6F8 90%
);
 

}

.searchbox.all {

}

.searchbox h2 {
	font-size: 16px;
	font-weight: normal;
	color: #B29718;
	text-align: center;
	margin: 0 auto 12px auto;
	padding: 0;

}

.searchbox h2 span{
	background-image:url("/assets/images/common/icon_search.png");
	background-size: 26px auto;
	background-position: left center;
	background-repeat: no-repeat;
	padding:2px 0 2px 36px;
}

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

.searchbox table {
	border-collapse: separate;
	border-spacing: 4px 6px;
	max-width: 1040px;
	width:100%;
	margin:0 auto;
	margin-bottom: 80px;
	text-align: left;
}

.searchbox tr {
	font-size: 0;
}

.searchbox tr th {
	position: relative;
	width: 148px;
	font-size: 14px;
	line-height: 1;
	font-weight: bold;
	color: #B29718;
	vertical-align: top;
	padding: 40px 0 20px;
}
.searchbox tr th:after{
	content:"";
	width:100%;
	height: 1px;
	background-color:#B29718;
	position:absolute;
	bottom:0;
	left: 0;
	display:block;
}

.searchbox tr td {
	position: relative;
	width: calc(100% - 148px);
	font-size: 14px;
	line-height: 20px;
	color: #333333;
	padding: 40px 0 20px 32px;
}
.searchbox tr td:after{
	content:"";
	width:calc(100% - 32px);
	height: 1px;
	background-color:#DECEA2;
	position:absolute;
	bottom:0;
	left: 32px;
	display:block;
}

.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;
	cursor: pointer;
}

.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: 62px;
	color:#333333;
}

.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: 240px;
	cursor: pointer;
}

.searchbox button[type="submit"] {
	font-size: 16px;
	line-height: 1;
	font-weight: bold;
	color: #ffffff;
	padding: 18px 0;
	background-color: #B29718;
	border: none;
	border-radius: 26px;
	margin-right: 10px;
	background-image:url("/assets/images/common/icon_arrow_w.png");
	background-size: 16px auto;
	background-position: right 40px center;
	background-repeat: no-repeat;
}

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

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

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

@media(max-width:750px) {
	.searchbox {
		padding:0.666667vw 0 0 0;	/* 80*/
	}
	.searchbox .inner{
		padding: 16vw 0 40vw 0;	/*120 300*/
	}


	.searchbox.all {

		padding:10.666667vw 0 16vw 0;	/*80 0 120 0*/
		background-color:#F2F6F8;

	}
	.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*/
		width:84vw;	/*630*/
	}
	.searchbox tr th {
		width: 19.73333333vw;	/*148*/
		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 4vw 4vw;
		/*30 16 30 30*/
	}

	.searchbox tr td::after{
		left: 4vw;/*30*/
		width: calc(100% - 4vw);	/*30*/
	}
	.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*/
		width:34.13333333vw;	/*256*/
		background-color:#fff;
		border:none;
	}
	.searchbox tr td span {
		margin-right: 4vw;
		/*30*/
		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"] {
		width:55.73333333vw;	/*418*/
		height: 10.66666667vw;	/*80*/
		padding:0;
		margin:0 auto 4vw auto;	/*30*/
		border-radius:5.33333333vw;	/*40*/
		font-size:3.733333333vw;	/*28*/
		align-content: center;
		background-size:2.133333333vw auto;	/*16*/
		background-position:right 5.33333333vw center;	/*40*/
	}
	.searchbox button[type="button"] {
		width:55.73333333vw;	/*418*/
		height: 10.66666667vw;	/*80*/
		padding:0;
		margin:0 auto 0 auto;
		border-radius:5.33333333vw;	/*40*/
		font-size:3.733333333vw;	/*28*/
		align-content: center;
	}
}

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

.page .contact {}

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

.page header .inner .contact .tel {
	color: #000;
	background-image: url("/assets/images/common/icon_tel_b.png");
}

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

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

.page .contents {

}



.page .mainvisual .inner {
	position: relative;
	max-width: 1040px;
	height: 400px;
	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: 100px 0 200px 0;
}
.page .topsearch.searchmenu{
	padding: 80px 0 100px 0;
}

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

.page .topsearch .navi .search li a {
	background-color: #fff;
	border:1px solid #E6E6E6;
	color:#666666;
}
.page .topsearch .navi .search li.view a{
	background-image: url("/assets/images/common/icon_arrow_br.png");
}


.page .topsearch .navi .search li.view a.active,
.page .topsearch .navi .search li.view a:hover
 {
	opacity: 1;
	background-color: #003D74;
	color: #ffffff;
	border:1px solid #003D74;
	background-image: url("/assets/images/common/icon_arrow_w.png");
}
.page .topsearch .navi .search li.near a.active,
.page .topsearch .navi .search li.near a:hover
 {
	opacity: 1;
	background-color: #B29718;
	color: #ffffff;
	border:1px solid #B29718;
	background-image: url("/assets/images/common/icon_arrow_w.png");
}



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

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

.page .topsearch .navi .type_cond dl dd ul li a {

}

.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 {

}

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

.page .topsearch .navi .type_cond .fav a {

}

.page .topsearch .navi .type_cond .fav a:hover {

}

.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: #F2F6F8;
	padding: 50px 50px;
	margin:25px auto 0 auto;
}

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

}

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

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

.searchselect .inner ul li a {
	display: inline-block;
	font-size: 20px;
	color: #003D74;
	text-decoration: none;
	padding: 0 30px 10px 0;
	margin-right: 15px;
	margin-left: 15px;
	margin-bottom: 15px;
	background-image: url("../images/search/delete.png");
	background-position: right top;
	background-size: 20px auto;
	background-repeat: no-repeat;
	border-bottom:4px solid #003D74;

}
.searchselect .inner ul li a:hover{
	background-image: url("../images/search/delete_on.png");
}







.searchresult .sortmenu {
	max-width:1040px;
	margin-inline: auto;
	text-align: right;
	padding:56px 0 60px 0;
}

.searchresult .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;
}

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

.searchresult .sortmenu select option {
	color: #333333;
}

.searchresult .cnt {

	text-align: center;
	margin:-80px auto 0 auto;
	color:#003D74;
}

.searchresult .cnt .inner {

	display: inline-block;
	padding: 0;
}

@media(max-width:750px) {
	.page .contents {
		padding-top: 30.66666667vw;	/*230*/
	}
	.breadcrumb {
		display: none;
	}
	.page .mainvisual {

		padding:0;
		height: auto;
	}
	.page .mainvisual .inner {
		height: auto;
	}
	.page .topsearch {
		padding: 0 0 24vw 0;/*180*/
		position: relative;
	}
	.page .topsearch.searchmenu{
		padding:0 0 8vw 0;	/*60*/
	}

	.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 4vw;
		/*13 30*/
		text-align: left;
	}
	.page .topsearch .navi .search li a span {
		display: inline;
		text-align: left;
		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 {

		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.46666667vw;/*26*/
		line-height: 1;
		margin: 0 0.4vw 0 0;
		/*3*/
		padding: 0 0.4vw 0 0;
		/*3*/
		border-right: 0.13333333vw 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,
	.page .topsearch .navi .type_cond dl.special dd ul li:nth-child(3) a,
	.page .topsearch .navi .type_cond dl.special dd ul li:nth-child(7) a
	{
		border-right: none;
	}
	.page .topsearch .navi .type_cond dl.special dd ul li:nth-child(6) a{
		border-right: 0.13333333vw solid #79b5d5;
		/*1*/
	}


	.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;


	}
	.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;
		border:0.13333333vw solid #999999;	/*1*/
		padding:2.533333333vw 0;	/*19*/
	}
	.page .topsearch .navi .type_cond .fav {
		right: 0;
		border:0.13333333vw solid #999999;	/*1*/
	}
	.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 8vw 4vw 8vw;
		/*60 60 30 60*/
		margin:0 auto;
	}
	.searchselect .inner ul {
		margin: 0 auto;

		text-align: left;
	}
	.searchselect .inner ul li {
		width: auto;
		margin-right: 2.6666667vw;
		/*20*/
		margin-bottom: 4vw;
		/*30*/
	}
	.searchselect .inner ul li:nth-child(2n) {

	}
	.searchselect .inner ul li a {
		font-size: 4.26666667vw;
		/*32*/
		padding: 0 5.3333333vw 1.33333333vw 0;/*40 10*/
		display: block;
		background-position: right  center;
		/*18*/
		background-size: 4.26666667vw auto;
		/*32*/

		margin-right: 0;
		margin-bottom: 0;
		margin-left: 0;;
		border-bottom: 0.53333333vw solid #003D74;	/*4*/
	}


	.searchresult .sortmenu{
		width:84vw;	/*630*/
		padding:16.8vw 0 4vw 0;	/*126 30*/
	}
	.searchresult .sortmenu span{
		font-size:2.933333333vw;	/*22*/
		padding-left:4.266666667vw;	/*32*/
		padding-right:1.866666667vw;	/*14*/
		background-size:2.933333333vw auto;	/*22*/
	}
	.searchresult .sortmenu select{
		font-size: 2.933333333vw;	/*22*/
	}

	.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 {
		font-size:3.466666667vw;	/*26*/
		margin:-17.33333333vw 0 5.866666667vw 0;	/*-130 44*/
	}
}

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

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

.property.favorite h2 {


}

.favoriteinquiry {
	padding: 60px 0 200px 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: #004C91;

}

.favoriteinquiry .step li.current:after {
	border-color: transparent transparent transparent #004C91;
}

.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: #004C91;
}

.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:#B29718;
	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: #B29718;
	display: block;
	border: none;
	border-radius: 4px;
	cursor: pointer;
}
.favoriteinquiry button:hover{
	opacity: .7;
}

.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 8vw 1.33333333vw 8vw;
		/*40 60 10 60*/
	}
	.req {
		font-size: 3.73333333vw;
		/*28*/
		margin: 0 0 0 1.6vw;
		/*12*/
	}
	.favoriteinquiry {
		padding: 10.66666667vw 0 32vw 0;
		/*80 240*/
	}
	.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;

}


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



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

.detail .fav {
	float: right;
	text-align: right;
	padding:140px 0 0 0;
}

.detail .fav a {
	font-size: 12px;
	color: #B29718;
	border:1px solid #B29718;
	text-decoration: none;
	padding: 16px 0;
	width: 144px;
	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: #B29718;
	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: 48px;
	font-family: "Zen Old Mincho", serif;
	color: #136794;
	font-weight: normal;
	margin-bottom: 70px;
	padding:60px 0 0 0;
	min-height: 144px;
}

.detail .main {
	position: relative;
	border-left:2px solid #004C91;
	margin-bottom: 60px;
	padding:0 0 0 30px;
	min-height: 410px;;
}
.detail .main:after{
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}

.detail .main .text{
	width:316px;
	float:left;
}

.detail .label {
	font-size: 14px;
	margin:0 0 20px 0;
	background-color: #ffffff;
}
.detail .main .ocean{

	font-size: 14px;
	color: #fff;
	border: 1px solid #003D74;
	background-color:#003D74;
	display: block;
	width: 62px;
	height: 26px;
	align-content: center;
	text-align: center;
	margin: 0 0 10px 0;
}
.detail .main .ocean.near{
	border: 1px solid #B29718;
	background-color:#B29718;
}
.detail .main .address {

	width: 180px;
	font-size: 16px;
	line-height: 20px;
	color: #333333;
	margin:0 0 20px 0;
}

.detail .main .price {

	width: 208px;
	font-size: 28px;
	font-weight: bold;
	line-height: 1;
	color: #666;
	margin:0 0 20px 0;
}
.detail .main .special{

	width: 100%;
}
.detail .main .special span{
	font-size: 14px;
	color: #1E95D4;
	border:1px solid #1E95D4;
	padding:5px 6px;
	display: inline-block;
	vertical-align: top;
	margin:0 8px 8px 0;
}


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



.detail .main .fig {
	/*padding-left: 316px;
	width: 100%;*/
	width:calc(100% - 316px);
	position: relative;
	float:right;
}

.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: 0;
	left: 30px;
}

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

.detail .main .bukken table tr {}

.detail .main .bukken table tr th {

	border-right:1px solid #333333;	/*1*/
	width: 78px;
	vertical-align: middle;
	text-align: center;
	font-size: 16px;
	color: #333333;
	padding: 0;
}

.detail .main .bukken table tr td {

	width: 96px;
	vertical-align: middle;
	text-align: center;
	font-size: 16px;
	color: #333333;
	padding: 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 {
	margin: 0 calc(50% - 50vw);
	width: 100vw;

	background: top center / 100% auto url("/assets/images/common/wave_middle.png") no-repeat , linear-gradient( 180deg, transparent 0%, #F2F6F8 10%, #F2F6F8 90% );

}
.detail .description .inner2{
	max-width:1040px;
	margin:0 auto;
	padding:140px 0 0 0;

}

.detail .description p {

	font-size: 16px;
	line-height: 32px;
	color: #004C91;
	margin-bottom: 50px;
	font-family: "Zen Old Mincho", serif;
}


.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 .outline2{
	background-color:#FFFFFF;
	padding:90px 0 68px 0;
}

.detail table.outline {
	border-collapse: collapse;
	width: 100%;
	max-width:1040px;
	margin:0 auto 20px auto;
	table-layout: fixed;
}

.detail table.outline tr {

	width: 100%;
}

.detail table.outline tr th {
	position: relative;
	text-align: left;
	font-size:14px;
	line-height: 32px;
	color:#B29718;
	font-weight: bold;
	width: 100px;
	padding: 30px 0 23px 0;
}
.detail table.outline tr th:after{
	content: "";
	width: 100%;
	height: 1px;
	background-color: #B29718;
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
}
.detail table.outline tr th:nth-child(3){
	padding:0 0 0 60px;
	width:160px;
}
.detail table.outline tr th:nth-child(3):after{
	content: "";
	width: calc(100% - 60px);
	height: 1px;
	background-color: #B29718;
	position: absolute;
	bottom: 0;
	left: 60px;
	display: block;
}

.detail table.outline tr td {
	position: relative;
	font-size:14px;
	line-height: 28px;
	padding: 30px 0 23px 20px;
	color:#333333;
}
.detail table.outline tr td:after{
	content: "";
	width: calc(100% - 20px);
	height: 1px;
	background-color: #DECEA2;
	position: absolute;
	bottom: 0;
	left: 32px;
	display: block;
}


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

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

.detail table.outline tr td a.inq {
	font-size: 12px;
	color: #ffffff;
	background-color: #B29718;
	padding: 5px 0;
	width: 220px;
	display: block;
	margin: 0;
	border-radius: 4px;
	background-image: url("/assets/images/common/icon_arrow_w.png");
	background-position: right 8px center;
	background-size: 16px auto;
	background-repeat: no-repeat;
}
.detail table.outline tr td a.inq:hover{
	background-color:#8D7813;
	opacity: 1;
}

.detail .term {
	text-align: right;
	max-width:1040px;
	width:100%;
	margin:0 auto;
}

.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:hover a{
	color:#003D74;
	border: 1px solid #003D74;
	opacity: 1;
}

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

}



.detail .inq {
	margin: 0 calc(50% - 50vw);
	width: 100vw;
	background-color: #F2F6F8;
	padding: 40px 0;
	text-align: center;




}

.detail .inq p {
	font-size: 20px;
	font-weight: normal;
	color: #003D74;
	margin-bottom: 30px;
	font-family: 'zen old mincho', serif;
}

.detail .inq a:nth-child(2n) {
	font-size: 20px;
	color: #ffffff;
	font-weight: bold;
	max-width: 640px;
	padding: 40px 0;
	display: block;
	margin: 0 auto 30px auto;
	background-color: #003D74;
	text-decoration: none;
	text-align: center;
	border-radius: 50px;

	background-image: url("../images/common/icon_arrow_w.png");
	background-position: right 60px center;
	background-repeat: no-repeat;
	background-size: 16px auto;

}
.detail .inq a:nth-child(2n):hover{
	background-color:#002445;
	opacity: 1;
}


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



.detail .inq .bukken{
	display: inline-block;
	vertical-align: top;
	height: 48px;
	border-left:1px solid #003D74;
	font-size:16px;
	padding:0 21px;
	align-content: center;
}
.detail .inq .order{
	display: inline-block;
	vertical-align: top;
	height: 48px;
	border-left:1px solid #003D74;
	font-size:13px;
	padding:0 0 0 31px;
	align-content: center;
	color:#333333;
}
.detail .inq .order .freedial{
	display: block;
	margin: 10px 0 0 0;
}


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

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



.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 .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 8vw 16vw 8vw;
		/* 0 60 120 60*/
	}
	.detail.page{
		padding: 0 4vw;	/*0 30*/
	}
	.detail .inner {
		padding: 0 0 13.33333333vw 0;/*100*/
	}
	.detail .fav {
		padding:0;
		margin: 0 auto 5.33333333vw auto;	/*40*/
		text-align: center;
		float: none;
	}
	.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: 3.2vw;	/*24*/
		height: 3.2vw;	/*24*/
		margin-right: 1.06666667vw;	/*8*/
	}
	.detail .fav a span.hearts img{
		width: 3.2vw;	/*24*/
		height: 3.2vw;	/*24*/
	}
	.detail .fav a.active .hearts::after{
		width: 3.73333333vw;	/*28*/
		height: 2.66666667vw;/*20*/
		background-size: 3.2vw auto;/*24*/
	}
	.detail h2 {
		padding:0;
		font-size: 5.33333333vw;
		/*40*/
		line-height: 8vw;
		/*60*/
		margin-bottom: 4vw;
		/*30*/
		min-height: inherit;
	}
	.detail .main {
		padding: 4vw 0 0 0;
		/*30*/
		margin-bottom: 10.66666667vw;	/*80*/
		border-left:none;
		border-top:0.266666667vw solid #004C91;	/*2*/
	}
	.detail .main .text{
		width:100%;
		float:none;
	}

	.detail .label {
		position: static;
		font-size: 3.2vw;
		/*24*/
		padding: 0;
		margin: 0 0 2.666666667vw 0;	/*20*/
		display: block;

		width: auto;
	}

	.detail .main .ocean{
		position:static;
		font-size:3.733333333vw;	/*28*/
		width:14.4vw;	/*108*/
		height: 6.933333333vw;	/*52*/
		border:0.266666667vw solid #1e95d4;	/*2*/
		display: inline-block;
		vertical-align: middle;
		margin:0 2.666666667vw 5.866666667vw 0;	/*20 44*/
	}

	.detail .main .address{
		position:static;
		display: inline-block;
		vertical-align: middle;
		width:auto;
		font-size:4.266666667vw;	/*32*/
		margin:0 0 5.866666667vw 0;	/*44*/
	}


	.detail .main .price {
		position: static;
		margin: -12vw 0 5.866666667vw 0;	/*-90 44*/
		display: block;
		width: auto;
		font-size: 4vw;/*30*/
		line-height: 4.8vw;/*36*/
		text-align: right;
	}

	.detail .main .special{
		position:static;
		margin:0 0 4vw 0;	/*30*/
		width:100%;
	}
	.detail .main .special span{
		font-size: 3.733333333vw;	/*28*/
		border:0.133333333vw solid #1E95D4;	/*1*/
		padding:1.466666667vw;	/*11*/
		margin:0 1.33333333vw 1.33333333vw 0;	/*10 10*/
	}

	.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 .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;
		float: none;
		width:100%;
	}
	.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: 12.26666667vw 0 1.33333333vw 0;	/*92 10*/
		font-size: 0;
		border-bottom:0.266666667vw solid #004C91;	/*2*/
	}
	.detail .main .bukken:after {
		content: ".";
		display: block;
		height: 0;
		font-size: 0;
		clear: both;
		visibility: hidden;
	}
	.detail .main .bukken table {
		width:42.66666667vw;	/*320*/
		display: block;
		float: left;
		padding-top: 4.8vw;	/*36*/
	}
	.detail .main .bukken table tr th {
		float: left;
		width: 16.66666667vw;	/*125*/
		font-size:3.466666667vw;	/*26*/
		padding:0;
		border-bottom:none;
		background-color: inherit;
		border-top:none;
		border-left:none;
		border-bottom:none;
		border-right:0.13333333vw solid #333333;	/*1*/
	}

	.detail .main .bukken table tr td {
		float: left;
		width: calc(100% - 16.66666667vw);	/*125*//*125*/
		font-size:3.466666667vw;	/*26*/
		padding:0 0 0 2.933333333vw;	/*22*/
		border:none;
	}
	.detail .main .bukken p {
		display: inline-block;
		width: calc(100% - 42.66666667vw);	/*329*/
		font-size: 2.66666667vw;	/*20*/
		vertical-align: top;
		margin:0 0 0.8vw 0;	/*6*/
	}
	.detail .main .bukken .freedial {
		display: block;
		width: calc(100% - 42.66666667vw);	/*329*/
		float: right;
	}
	.detail .main .bukken .freedial img {
		width: 6.133333333vw;	/*46*/
		padding-top: 1.066666667vw;	/*8*/
	}
	.detail .main .bukken .freedial a {
		font-size: 4.8vw;	/*36*/
		line-height: 1;
		color:#666666;
		font-weight:normal;
		margin:0;
	}

	.detail .description{

	}
	.detail .description .inner2{
		padding:13.33333333vw 8vw 0 8vw;/*100 60 0 60*/
	}


	.detail .description p {
		font-size: 3.46666667vw;
		/*26*/
		line-height: 5.866666667vw;	/*44*/
		margin-bottom: 8vw;	/*60*/
	}

	.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 .outline2{
		padding: 9.33333333vw 0 5.33333333vw 0;	/*70 40*/
	}


	.detail table.outline {
		width:84vw;	/*630*/
		margin-bottom: 4vw;
		/*30*/
		display: block;
		border-bottom: none;
	}
	.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: 4vw 0;	/*40*/
		border-top: none;

		grid-column: 1;
		grid-row: 1;
		display: flex;
		align-items: center;
		text-align: left;
		letter-spacing: -0.266666667vw;	/*-2*/
	}

	.detail table.outline tr th:nth-child(3){
		padding:0;
		width: 21.3333333vw;
		/*160*/
	}
	.detail table.outline tr th:nth-child(3)::after{
		left:0;
		width:100%;
	}

	.detail table.outline tr td {
		width: 62.66666667vw;	/*470*/
		font-size: 3.73333333vw;
		/*28*/
		line-height: 5.33333333vw;
		/*40*/
		padding: 4vw 0 4vw 5.3333333vw;	/*30 30 40*/

		border-top: none;
		grid-column: 2;
		grid-row: 1;
	}
	.detail table.outline tr td::after{
		width: calc(100% - 5.3333333vw);	/*40*/
		left:5.3333333vw;	/*40*/
	}
	.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: 62.66666667vw;	/*470*/

	}
	.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*/
		padding-right: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: 4.8vw;	/*36*/
		line-height: 6.93333333vw;/*52*/
		margin:0 auto 4vw auto;	/*30*/
	}
	.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;

		text-decoration: none;
		text-align: center;
		font-size:3.733333333vw;	/*28*/
		padding: 6.133333333vw 0;	/*46*/
		width: 84vw;    /*630*/
		
		border-radius: 8vw;	/*60*/
		margin: 0 auto 4vw auto;   /*30*/
		background-position: right 8vw center;	/*60*/
		background-size: 4.266666667vw auto;	/*32*/
		
	}



	.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:84vw;	/*630*/
		font-size: 0;
		height: 8.266666667vw;	/*62*/
	}
	.detail .inq .bukken{
		font-size:3.466666667vw;	/*26*/
		height: 8.266666667vw;	/*62*/
		border-left:none;
		padding:0 2.8vw 0 0;	/*21*/
		width:40.8vw;	/*306*/	
		align-content: end;
	}
	.detail .inq .order{
		padding:0 0 0 0;	/*21*/
		width:43.2vw;	/*324*/
		height: 8.266666667vw;	/*62*/
		border-left:none;
		font-size:2.66666667vw;	/*20*/
	}
	.detail .inq .order span{
		display: none;
	}
	.detail .inq .tel .freedial {
		margin: 1.33333333vw 0 0 0;		/*10*/
		font-size:0;
	}
	.detail .inq .tel .freedial img {
		width: 7.2vw;	/*54*/
		height:auto;
	}
	.detail .inq .tel .freedial a {
		margin: 0;

		font-size: 4.266666667vw;	/*32*/
		line-height: 1;
	}
	.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: 60px 0 0 0;


}

.company h2 {
	font-size: 20px;
	color: #136794;
	text-align: center;
	margin-bottom: 30px;
	font-family: 'Zen Old Mincho', serif;
}

.company .inner {
	margin: 0 auto;
	padding: 80px 0 0 0;

}
.company .inner.access{
	max-width:1040px;
	padding:0 0 180px 0;
}

.company .inner.access .gmap{
	width:100%;
	height: 400px;
	margin-bottom: 20px;
}
.company .inner.access .gmap iframe{
	width:100%;
	height: 400px;
	
}
.company .inner.access .addressinfo{
	font-size: 12px;
	line-height: 20px;
	color: #666666;
}

.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;
	width:688px;
	margin:0 auto;
	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 0 200px 0;
}

.access ul {}

.access ul li {
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	padding: 0;
	width: 138px;
	margin-right: 4px;
	background-color: transparent;
	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:8vw 0 0 0;	/*60*/
		margin:0 0 13.33333333vw 0;	/*100*/
	}
	.company h2 {
		font-size:5.33333333vw;	/*40*/
		margin-bottom:5.33333333vw;	/*40*/
	}
	.company .inner {
		padding: 5.3333333vw 4vw;
		/*40 30*/
		max-width: 100%;
	}
	.company .inner.access{
		padding: 5.33333333vw 4vw 13.33333333vw 4vw;	/*40 30 100 30*/

	}
	.company .inner.access .gmap{
		height: 106.66666667vw;	/*800*/
		margin-bottom: 2.66666667vw;/*20*/
	}
	.company .inner.access .gmap iframe{
		height: 106.66666667vw;	/*800*/
	}
	.company .inner.access .addressinfo{
		font-size: 3.2vw;/*24*/
		line-height: 4.26666667vw;/*32*/
	}

	.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*/
		width:inherit;

	}
	.company .floormap #office ul li {
		width: 23.46666667vw;
		/*176*/
		height: 7.2vw;
		/*54*/
		padding:0;
	}
	.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{


}

.company .info {
	max-width: 1040px;
	margin: 0 auto;
	position: relative;
	padding: 30px 0 200px 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 {
	width:100%;
}

.company .info .data table tr {

}

.company .info .data table th {
	position: relative;
	padding: 18px 12px;
	vertical-align: middle;
	font-size: 14px;
	color: #B29718;
	font-weight: bold;
	line-height: 32px;
	width: 140px;
	text-align: left;
}
.company .info .data table th:after{
	content: "";
	width: 100%;
	height: 1px;
	background-color: #B29718;
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
}


.company .info .data table td {
	position: relative;
	width:calc(100% - 140px);
	padding: 18px 20px 18px 32px;
	vertical-align: middle;
	font-size: 14px;
	color: #333333;
	line-height: 32px;
	text-align: left;
}
.company .info .data table td:after{
	content: "";
	width: calc(100% - 32px);
	height: 1px;
	background-color: #DECEA2;
	position: absolute;
	bottom: 0;
	left: 32px;
	display: block;
}


.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 24vw 4vw;
		/*30 30 180 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:none;
	}
	.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::after{
		width: calc(100% - 2.6666667vw);	/*20*/
		left: 2.6666667vw;	/*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 li {
		line-height: 8.53333333vw;
		/*64*/
	}
}

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

.company .greeting {
	padding: 60px 0 200px 0;

	margin: 0 auto 0 auto;
	position: relative;





	background: top center / 100% auto url("/assets/images/common/wave_middle.png") no-repeat , linear-gradient( 180deg, transparent 0%, #F2F6F8 50%, #F2F6F8 50% );



}
.company:has(>.greeting){
	background: linear-gradient( 180deg, transparent 0%, #F2F6F8 50%, #F2F6F8 50% );
}

.company .greeting .inner{
	max-width:914px;
	position:relative;
	padding-bottom:140px;
}
.company .greeting .picture{
	float:right;
	margin:0 0 10px 10px;
}
.company .greeting .picture img{
	width:200px;
	height: auto;
}


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

.company .greeting p {
	font-size: 16px;
	line-height: 32px;
	margin-bottom: 26px;
	color:#004C91;

}

.company .greeting .sign{
	position:absolute;
	bottom:0;
	right: 0;
	text-align: right;

}

.company .greeting .handle {
	width: auto;
	margin-bottom: 30px;
	text-align: left;
	display: inline-block;
	vertical-align: middle;
}

.company .greeting .handle p {
	margin-bottom: 0;
	display: block;
	font-size: 14px;
	line-height: 1;
	margin-right: 20px;
	color:#333;
	margin:0 20px 10px 0;
}
.company .greeting .handle p.name{
	display: block;
	font-size:18px;
	color:#333;
}

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

.company .greeting .fig {

	width: 168px;
	display: inline-block;
	vertical-align: middle;
}

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

@media(max-width:750px) {
	.company:has(>.greeting){
		margin:0;
	}
	.company .greeting {
		padding: 8vw 4vw 40vw 4vw;
		/*60 30 300 30*/
		margin: 0 auto;
	}

	.company .greeting .inner{
		padding: 5.3333333vw 4vw 46.93333333vw 4vw;	/*40 30 352 30*/


	}
	.company .greeting h3 {
		font-size: 6.93333333vw;
		/*52*/
		margin-bottom: 8vw;
		/*60*/
	}
	.company .greeting .picture{
		width:100%;
		margin: -1.33333333vw 0 4vw 0;		/*-10 30*/
	}
	.company .greeting .picture img{
		width:100%;

	}


	.company .greeting p {
		font-size: 3.466666667vw;	/*26*/
		line-height: 5.866666667vw;	/*44*/
		margin-bottom: 5.33333333vw;	/*40*/
	}
	.company .greeting .handle {
		margin-top: 12.8vw;
		/*96*/
		margin-bottom: 14.6666667vw;
		/*110*/
		text-align: left;
	}
	.company .greeting .handle p {
		font-size: 2.66666667vw;	/*20*/
		display: block;
		margin: 0 0 0.533333333vw 0;	/*4*/

	}
	.company .greeting .handle p.name {
		font-size:3.466666667vw;	/*26*/
	}

	.company .greeting .handle img {
		display: block;
		width: 42vw;
		/*315*/
	}
	
	.company .greeting .fig {
		margin:0 10.133333333vw 0 0;	/*76*/
		width: 40.66666667vw;	/*305*/
	}

	.company .greeting .sign{
		right: inherit;
		left: 14.13333333vw;	/*106*/
	}
}

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

.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*/
	}
}


/* ************************************************** */
.staff2{
	position: relative;

	background: top center / 100% auto url("/assets/images/common/wave_middle.png") no-repeat , linear-gradient( 180deg, transparent 0%, #F2F6F8 50%, #F2F6F8 50% );

	padding:0 0 160px 0;
}
.staff2 .list{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 50px 40px;
	margin: 0 auto;
  	padding: 140px 0 0 0;
	max-width:1040px;
	
}
.staff2 .list .box{
	position:relative;
	font-size:0;
}
.staff2 .list .box a{
	background-color:#fff;
	display: block;
	margin:0 22px 0 0;
	height: 164px;
}
.staff2 .list .box .fig{
	width:164px;
	height: 164px;
	overflow: hidden;
	display: inline-block;
	vertical-align: top;
}
.staff2 .list .box .fig img{
	width:100%;
	height: auto;
}
.staff2 .list .box .profile{
	display: inline-block;
	vertical-align: top;
	height: 100%;
	align-content:center;
	margin: 0 0 0 -20px;
}
.staff2 .list .box .profile .handle{
	font-size:14px;
	color:#666666;
	margin:0 0 6px 0;
}
.staff2 .list .box .profile .name{
	font-size:24px;
	line-height: 1;
	color:#004C91;
	margin:0 0 6px 0;
	font-family: "Zen Old Mincho", serif;
}
.staff2 .list .box .profile .furigana{
	font-size:16px;
	line-height: 32px;
	color:#B9C3CC;
	font-family: "Zen Old Mincho", serif;
}
.staff2 .list .box .btn{
	display: inline-block;
	vertical-align: top;
	height: 100%;
	align-content: center;
	line-height:44px;
	font-size:12px;
	color:#B29718;
	position: absolute;
	right: 0;
}
.staff2 .list .box .btn:after{
	content:"";
	display: inline-block;
	vertical-align: middle;
	width:44px;
	height: 44px;
	background-color:transparent;
	border:1px solid #B29718;
	background-image:url("/assets/images/common/icon_arrow_g.png");
	background-size:16px auto;
	background-repeat: no-repeat;
	background-position: center;
	margin:0 0 0 12px;
}

.staff2 .list .box a:hover .btn:after{
	background-image:url("/assets/images/common/icon_arrow_w.png");

	background-color:#B29718;
}


@media(max-width:750px){
	.staff2{
		padding: 0 0 13.33333333vw 0;	/*0 0 100 0*/
		margin:0 0 13.33333333vw 0;	/
	}
	.staff2 .list{
		grid-template-columns: 1fr;
		gap:5.33333333vw;	/*40*/
		padding: 18.66666667vw 8vw 0 8vw;		/*140 60 0 60*/
	}
	.staff2 .list .box a{
		margin: 0 2.933333333vw 0 0;	/*22*/
  		height: 26.66666667vw;	/*200*/
		position:relative;
	}
	.staff2 .list .box .fig{
		width:26.66666667vw;	/*200*/
		height: 26.66666667vw;	/*200*/
	}
	.staff2 .list .box .profile{
		margin: 0 0 0 -2.66666667vw;	/*-20*/
	}
	.staff2 .list .box .profile .handle{
		font-size: 3.2vw;	/*24*/
		margin: 0 0 1.33333333vw 0;	/*0 0 10 0*/
	}
	.staff2 .list .box .profile .name{
		font-size: 4.266666667vw;	/*32*/
		line-height: 1;
		margin: 0 0 1.33333333vw 0;	/*0 0 10 0*/
	}
	.staff2 .list .box .profile .furigana{
		font-size: 2.933333333vw;		/*22*/
		line-height: 4.266666667vw;	/*32*/

	}
	.staff2 .list .box .btn{
		font-size:2.66666667vw;	/*20*/
		line-height: 3.733333333vw;	/*28*/
		padding: 0;
		width:21.33333333vw;	/*160*/
		padding:0 4.533333333vw 0 0;	/*0 34 0 0*/
	}
	.staff2 .list .box .btn::after{

		width: 5.866666667vw;	/*44*/
		height: 5.866666667vw;	/*44*/
		background-size: 2.133333333vw auto;	/*16*/
		margin: 0 0 0 5.866666667vw;	/*0 0 0 10*/
		position: absolute;
		right: -2.933333333vw;	/*-22*/
		top:10.4vw;		/*78*/
	}

}


/* ************************************************** */
.staffprof{
	background-color:#ffffff;
	padding:60px 0 0 0;
}
.staffprof h2{
	font-size:20px;
	color:#136794;
	text-align: center;
	margin-bottom:30px;
	font-family: 'Zen Old Mincho', serif;
}
.staffprof .inner{
	padding: 60px 0 0 0;
	margin: 0 auto 0 auto;
	position: relative;
	/*
	background-image: url("/assets/images/common/wave_middle.png");
	background-position: top center;
	background-size: 100% auto;
	background-repeat: no-repeat;
	*/
	background: top center / 100% auto url("/assets/images/common/wave_middle.png")  no-repeat  , linear-gradient( 180deg, transparent 0%, #F2F6F8 50%, #F2F6F8 50% );
}
.staffprof .inner .inner2{
	max-width:1040px;

	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:#003D74;
	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:164px;
	text-align: center;
}
.staffprof .inner .inner2 .inner3 .fig{
	width:164px;
	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 .handle{
	font-size:14px;
	color:#cccccc;
	margin:0 0 6px 0;
}
.staffprof .inner .inner2 .inner3 .profile .name{
	font-size:24px;
	line-height: 32px;
	color:#004C91;
	margin-bottom:6px;
	font-family: 'Zen Old Mincho', serif;
}
.staffprof .inner .inner2 .inner3 .profile .furigana{
	font-size:16px;
	line-height: 22px;
	color:#B9C3CC;
	font-family: 'Zen Old Mincho', serif;
}

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



.staffprof .inner .inner2 .inner3 .copy .line{

}


.staffprof .inner .inner2 .inner3 .copy h5{
	font-size:18px;
	line-height: 32px;
	color:#B39717;

	border-bottom:1px solid #B39717;
	padding:0 0 14px 0;
	margin:0 0 20px 0 ;
}
.staffprof .inner .inner2 .inner3 .copy p{
	font-size:14px;
	line-height:24px;
	color:#333333;
	margin-bottom:40px;
}

.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{
	margin:60px 0 60px 0;
	text-align: center;
	font-weight: normal;

}
.staffprof .inner .inner2 h3 p{
	font-size:18px;
	color:#B39717;
	margin:0 0 9px 0;
	font-family: 'Zen Old Mincho', serif;
}
.staffprof .inner .inner2 h3 span{
	font-size:18px;
	color:#333333;
	padding:0 0 20px 0;
	font-family: 'Zen Old Mincho', serif;
	background-image:url("/assets/images/company/prof_baloon2.png");
	background-position:bottom center;
	background-size:260px auto;
	background-repeat: no-repeat;
}

.staffprof .inner .inner2 .voice{
	position: relative;
	background-color:#ffffff;
	border-radius:10px;
	margin-left:130px;
	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: -130px;
    position: absolute;
    top: 17px;
}
.staffprof .inner .inner2 .voice .thanksvoice_man_icon img{
	width:80px;
	height: auto;
}

.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;
	font-family: 'Zen Old Mincho', serif;
	color:#B39717;
}
.staffprof .inner .inner2 .voice .title{
	font-size:20px;
	line-height:28px;
	color:#333333;
	font-weight: normal;
	padding-right:120px;
	font-family: 'Zen Old Mincho', serif;
}
/*
.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*/
		margin:0 0 13.33333333vw 0;	/*100*/
	}
	.staffprof h2{
		font-size:5.33333333vw;	/*40*/
		margin-bottom:5.33333333vw;	/*40*/
	}
	.staffprof .inner{
		padding:0 8vw;	/*60*/
	}
	.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:6vw auto 0 auto;	/*45*/
		padding:6.13333333vw;	/*46*/
	}


	.staffprof .inner .inner2 .inner3 .names{
		width:100%;
		margin-bottom:8vw;	/*60*/
	}
	.staffprof .inner .inner2 .inner3 .fig{
		width:26.66666667vw;	/*200*/
		margin:0 auto;
		display: inline-block;
		vertical-align: middle;
	}
	.staffprof .inner .inner2 .inner3 .profile{
		display: inline-block;
		vertical-align: middle;
		width:calc(100% - 26.66666667vw);	/*100% - 200*/
		padding-left:5.33333333vw;	/*40*/
	}
	.staffprof .inner .inner2 .inner3 .profile .handle{
		font-size:3.2vw;	/*24*/
		margin:0 0 1.33333333vw 0;	/*0 0 10 0*/
	}
	.staffprof .inner .inner2 .inner3 .profile .name{
		font-size:4.266666667vw;	/*32*/
		margin:0 0 1.33333333vw 0;	/*0 0 10 0*/
	}
	.staffprof .inner .inner2 .inner3 .profile .furigana{
		font-size:2.933333333vw;	/*22*/

	}


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

	.staffprof .inner .inner2 .inner3 .copy .line{
		position: relative;
		padding-top: 0;
		margin-top: 0;

		margin-bottom: 0;
	}
	.staffprof .inner .inner2 .inner3 .copy h5{
		font-size: 3.733333333vw;	/*28*/
		padding:0 0 1.866666667vw 0;	/*0 0 14 0*/
		border-bottom: 0.266666667vw solid #B39717;	/*2*/
		margin: 0 0 4vw 0;	/*0 0 30 0*/

	}
	.staffprof .inner .inner2 .inner3 .copy p{
		font-size:3.46666667vw;	/*26*/
		line-height:6.4vw;	/*48*/
		margin-bottom:8vw;	/*60*/
	}

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


	.staffprof .inner .inner2 h3{
		padding:10.66666667vw 0;	/*80*/
		margin:0;


	}
	.staffprof .inner .inner2 h3 p{
		font-size:3.466666667vw;	/*26*/
	}
	.staffprof .inner .inner2 h3 img{
		height:5.73333333vw;	/*43*/
	}
	.staffprof .inner .inner2 h3 span{
		font-size:4.266666667vw;	/*32*/
		margin-top:0.8vw;	/*6*/
		background-size: 62.93333333vw auto;	/*472*/
		padding: 0 0 5.33333333vw 0;	/*40*/
	}

	.staffprof .inner .inner2 .voice{
		margin-left:17.33333333vw;	/*130*/
		border-radius:1.33333333vw;	/*10*/
		background-size:10.66666667vw auto;	/*80*/

		padding:4vw 8vw 4vw 4vw;	/*30 60 30 30*/
		margin-bottom:2.66666667vw;	/*20*/
	}
	.staffprof .inner .inner2 .voice:before{
		width: 4vw;	/*30*/
		left:-4vw;	/*-30*/
		background-position:left top 8vw;	/*60*/
	}
    .staffprof .inner .inner2 .voice .thanksvoice_man_icon {
        width: 10.66666667vw;	/*80*/
        left: -17.33333333vw;	/*-130*/
        position: absolute;
        top: 0;
    }
	.staffprof .inner .inner2 .voice .thanksvoice_man_icon img{
		width: 10.66666667vw;	/*80*/
	}
	.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: 60px 0 180px 0;
	gap:60px;
}

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

.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 13.33333333vw 4vw;
		/*40 30 100 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;
	font-family: 'Zen Old Mincho', serif;
}

.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 {
		padding:8vw 0 0 0;	/*60*/
		margin:0 0 13.33333333vw 0;	/*100*/
	}
	.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 40px 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;
	font-family: 'Zen Old Mincho', serif;
}

.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: 0 4vw 16vw 4vw;
	}
	.owner .detail .inq{
		width:100%;
	}
}

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

.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: 10px 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) {
	.detail.request{
		padding:0;
	}
	.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 {
	padding: 60px 0 100px 0;
}

.thanksvoice h2 {
	font-weight: normal;
	text-align: center;
	line-height: 1;
	margin-bottom: 46px;
	font-family: 'Zen Old Mincho', serif;
	vertical-align: middle;
}
.thanksvoice h2 .h2-1{
	font-size:40px;
	line-height: 46px;
	color: #136794;
	vertical-align: middle;
	display: inline-block;
}
.thanksvoice h2 .h2-2{
	font-size:30px;
	line-height: 46px;
	color:#004C91;
	vertical-align: middle;
	display: inline-block;
}
.thanksvoice h2 .h2-3{
	font-size:46px;
	line-height: 46px;
	color:#B39717;
	position:relative;
	vertical-align: middle;
	display: inline-block;
}
.thanksvoice h2 .h2-3:after{
	width:80px;
	height: 84px;
	content:"";
	display: block;
	background-image:url("/assets/images/common/icon_voice.png");
	background-size:80px auto;
	background-position: center center;
	background-repeat: no-repeat;
	position:absolute;
	top: -18px;
	left: -16px;
}

.thanksvoice .inner {

	padding: 160px 0 10px 0;

	background: top center / 100% auto url("/assets/images/common/wave_middle.png") no-repeat , linear-gradient( 180deg, transparent 0%, #F2F6F8 5%, #F2F6F8 95% );
}

.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: #004C91;
	font-weight: bold;
	margin-bottom: 12px;
	width: calc(100% - 220px);
}

.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;
}

.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: #004C91;
	margin-bottom: 10px;
	padding-left: 30px;
}

.thanksvoice .inner .box .detail h4:before {
	content: "─";
	color: #004C91;
	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: 30px 0 100px 0;
	background-color: transparent;
	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{
		padding:8vw 0 0 0;	/*60*/
		margin:0 0 13.33333333vw 0;	/*100*/
	}
	.thanksvoice h2 {
		margin-bottom: 6.133333333vw;	/*46*/
	}
	.thanksvoice h2 .h2-1{
		font-size:7.466666667vw;	/*56*/
		line-height: 7.466666667vw;	/*56*/
	}
	.thanksvoice h2 .h2-2{
		font-size:4vw;	/*30*/
		line-height: 7.466666667vw;	/*56*/
	}
	.thanksvoice h2 .h2-3{
		font-size:7.466666667vw;	/*56*/
		line-height: 7.466666667vw;	/*56*/
	}
	.thanksvoice h2 .h2-3:after{
		width:13.33333333vw;	/*80*/
		height: 14.93333333vw;	/*84*/
		background-size:13.33333333vw auto;	/*80*/
		top: -3.733333333vw;	/*-28*/
		left:-2.4vw;	/*18*/
	}
	.thanksvoice .inner {
		padding: 18.66666667vw 4vw 4vw 4vw;
		/*140 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: 16vw 0 16vw 0;
		/*120 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;
}


/* ************************************************** */
.osusume{
	position:relative;
	max-width:1040px;
	width:100%;
	margin:60px 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:#000;
	font-size:16px;
	line-height: 1;
	padding:0 0 2px 0;
	border-bottom:1px solid #000;
	margin:0 auto 6px auto;
}
.osusume .profile .furigana{
	display: block;
	color:#999999;
	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:calc(100% - 16vw);	/*120*/
		margin-inline:auto;
		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:77.33333333vw;	/*580*/
		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*/
	}
	.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 #000;	/*2*/
		margin: 0 0 1.866666667vw 0;	/*14*/

	}
	.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:164px;
	height: 164px;
	margin:0 0 10px 0;
}
.osusumetext .profile .handle{
	display: inline-block;
	text-align: left;
}
.osusumetext .profile .handle .handle{
	font-size:12px;
	display: inline-block;
	color:#666666;
	margin:0 0 6px 0;
}
.osusumetext .profile .handle .name{
	display: block;
	color:#004C91;
	font-family: 'Zen Old Mincho', serif;
	font-size:20px;
	line-height: 32px;
	margin:0;
}
.osusumetext .profile .handle .furigana{
	display: block;
	color:#999999;
	font-size:12px;
	line-height: 1;
	margin:0 auto;
	text-decoration: none;
}

.osusumetext .text{
	display: inline-block;
	vertical-align: top;
	width:calc(100% - 204px);
	font-size:16px;
	line-height: 32px;
	font-family: 'Zen Old Mincho', serif;
	color:#333333;
	border-radius:4px;
	background-color:#F2F6F8;
	padding:50px;
	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:0 0 6.93333333vw 0;	/* 0 52 0*/
	}
	.osusumetext .profile{
		display: block;
		margin:0 0 6.4vw 0;	/*48*/
		text-align: center;
	}
	.osusumetext .profile .fig{
		display: inline-block;
		vertical-align: middle;
		margin:0 5.33333333vw 0 0;	/*40*/
	}
	.osusumetext .profile .fig img{
		width: 21.86666667vw;	/*164*/
		height: 21.86666667vw;	/*164*/
		border-radius: none;
		margin:0;
	}
	.osusumetext .profile .handle{
		vertical-align: middle;
		text-align: left;
	}
	.osusumetext .profile .handle .handle{
		font-size:3.2vw;	/*24*/
		margin:0 0 1.33333333vw 0;	/*10*/
	}
	.osusumetext .profile .handle .name{
		font-size:4.266666667vw;	/*32*/


		margin:0 0 1.33333333vw 0;	/*10*/
	}
	.osusumetext .profile .handle .furigana{
		font-size:2.933333333vw;	/*22*/
		display: block;
	}
	.osusumetext .text{
		display:block;
		width:100%;
		border-radius:1.066666667vw;	/*8*/
		font-size: 3.46666667vw;	/*26*/
		line-height: 5.866666667vw;	/*44*/
		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: 22.66666667vw;	/*170*/
		top:-3.6vw;	/*-27*/
	}

}



/* ************************************************** */
.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: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*/
	}

}


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


.sitemaplist {
	padding: 60px 0 100px 0;
	background: linear-gradient( 180deg, transparent 0%, #F2F6F8 50%, #F2F6F8 50% );
}

.sitemaplist h2 {
	font-size:28px;
	font-weight: normal;
	text-align: center;
	line-height: 1;
	margin-bottom: 60px;
	font-family: 'Zen Old Mincho', serif;

	color:#004C91;
}

.sitemaplist .inner {

	padding: 140px 0 100px 0;

	background: top center / 100% auto url("/assets/images/common/wave_middle.png") no-repeat , linear-gradient( 180deg, transparent 0%, #F2F6F8 50%, #F2F6F8 50% );
}

.sitemaplist .inner {

}

.sitemaplist .inner .box{
	max-width:878px;
	margin-inline: auto;
	font-size:0;
}

.sitemaplist .inner .box .search{
	margin: 0 auto 60px auto;
}
.sitemaplist .inner .box .search li{
	display: inline-block;
  	width: calc( ( 100% - 18px) / 2);
  	margin-right: 18px;
}
.sitemaplist .inner .box .search li:last-of-type{
	margin-right:0;
}
.sitemaplist .inner .box .search li a{
	text-decoration:none;
	font-size: 16px;
	padding:32px 0;
	text-align: center;
	background-color: #ffffff;
	display: block;
	background-repeat: no-repeat;
	background-position:right 30px center;
	background-size: 25px auto;
	border:1px solid #fff;
}
.sitemaplist .inner .box .search li.view a{
	opacity: 1;
	background-color: #003D74;
	color: #ffffff;
	border:1px solid #003D74;
	background-image: url("/assets/images/common/icon_arrow_w.png");
}
.sitemaplist .inner .box .search li.near a{
	opacity: 1;
	background-color: #B29718;
	color: #ffffff;
	border: 1px solid #B29718;
	background-image: url("/assets/images/common/icon_arrow_w.png");
}

.sitemaplist .inner .box .pagelist{
	width:calc(100% - 166px);
	display: inline-block;
	vertical-align: top;

}
.sitemaplist .inner .box .pagelist li{
	display: inline-block;
	vertical-align: top;
}
.sitemaplist .inner .box .pagelist .listtitle{
	width:120px;
	margin-right:40px;
	font-size:16px;
	color:#333333;
	padding-bottom:10px;
	margin-bottom:30px;
	border-bottom:1px solid #004C91;
}
.sitemaplist .inner .box .sublist{
	
}
.sitemaplist .inner .box .sublist li{
	display: block;
	font-size:16px;
	margin:0 0 25px 0;

}
.sitemaplist .inner .box .sublist li:last-of-type{
	margin:0;
}
.sitemaplist .inner .box .sublist li a{
	display: inline-block;
	text-decoration: none;
	color:#004C91;
	padding:0 0 0 22px;
	background-image:url("/assets/images/common/icon_arrow_br.png");
	background-repeat: no-repeat;
	background-position:left 0px center;
	background-size: 12px auto;
}
.sitemaplist .inner .box .sublist li a:hover{

	opacity: 1;
}
.sitemaplist .inner .box .sublist li a span{
	padding:0 0 6px 0;

}
.sitemaplist .inner .box .sublist li a:hover span{
	padding:0 0 5px 0;
	border-bottom:1px solid #004C91;

}

.sitemaplist .inner .box .submenu{
	width:166px;
	display: inline-block;
	vertical-align: top;
	font-size:16px;
}
.sitemaplist .inner .box .submenu .sublist:nth-child(1){
	border-bottom:1px solid #B9D8E8;
	padding:0 0 40px 0;
	margin:0 0 40px 0;
}




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


@media(max-width:880px){
	.sitemaplist .inner .box .sublist{
		margin-bottom:80px;
	}
}


@media(max-width:750px) {



	.sitemaplist{
		padding:8vw 0 0 0;	/*60*/
		margin:0;



		
	}
	.sitemaplist h2 {
		margin-bottom: 5.33333333vw;	/*40*/
		font-size:5.33333333vw	/*40*/
	}
	
	
	
	.sitemaplist .inner {
		padding: 18.66666667vw 4vw 4vw 4vw;	/*140 30 30 30*/
	}
	
	
	.sitemaplist .inner .box{
		max-width:84vw;	/*630*/

	}
	

	.sitemaplist .inner .box .search{
		margin: 0 auto 10.66666667vw auto;	/*80*/
	}
	.sitemaplist .inner .box .search li{
		width: calc( ( 100% - 2.66666667vw) / 2);		/*20*/
		margin-right: 2.66666667vw;	/*20*/
	}
	.sitemaplist .inner .box .search li a{
		font-size: 3.466666667vw;	/*26*/
		line-height: 4.266666667vw;	/*32*/
		padding:2.8vw 4vw;	/*21 30*/
		text-align: left;
		background-position:right 2.8vw center;	/*21*/
		background-size: 3.2vw auto;	/*24*/
	}
	
	.sitemaplist .inner .box .pagelist{
		width:100%;
	
	}

	.sitemaplist .inner .box .pagelist .listtitle{
		width:38.66666667vw;	/*290*/
		margin-right:4.66666667vw;	/*35*/
		font-size:3.2vw;	/*24*/
		padding-bottom:2.66666667vw;	/*20*/
		margin-bottom:4vw;	/*30*/
		border-bottom:0.266666667vw solid #004C91;	/*2*/
	}
	.sitemaplist .inner .box .pagelist li:nth-child(2n) .listtitle{
		margin-right: 0;
	}
	.sitemaplist .inner .box .sublist{
		margin-bottom: 8vw;	/*60*/
	}
	.sitemaplist .inner .box .sublist li{
		display: block;
		font-size:3.466666667vw;	/*26*/
		margin:0 0 3.33333333vw 0;	/*25*/
	
	}

	.sitemaplist .inner .box .sublist li a{
		padding:0 0 0 4.266666667vw;	/*32*/
		background-size: 2.8vw auto;	/*21*/
	}
	.sitemaplist .inner .box .sublist li a span{
		padding:0 0 0.8vw 0;		/*6*/
	}
	.sitemaplist .inner .box .sublist li a:hover span{
		padding:0 0 0.666666667vw 0;	/*5*/
		border-bottom:0.13333333vw solid #004C91;	/*1*/
	}
	
	.sitemaplist .inner .box .submenu{
		width:100%;
		border-top:0.266666667vw solid #B9D8E8;	/*2*/
		padding:8vw 0 30.66666667vw 0;	/*60 230*/
		font-size: 0;
	}
	.sitemaplist .inner .box .submenu .sublist{
		display: inline-block;
		vertical-align: top;
		width:38.66666667vw;	/*290*/
		margin:0;
	}
	.sitemaplist .inner .box .submenu .sublist:nth-child(1){
		border-bottom:none;
		padding:0;
		margin:0 4.66666667vw 0 0;	/*35*/
	}


}



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