/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500,700,900&display=swap&subset=japanese');
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500&display=swap);
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP:200,300,400,500,600,700,900&display=swap&subset=japanese');

/* ベースレイアウト設定 */
body {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 16px;
	color: #000000;
	height: 100%;
	line-height: 1.6;
	background: #FFF;
	-webkit-text-size-adjust: none;
	font-weight: 300;
	transition: all 0.5s ease-out;
}

/* ヘッダー幅 */
nav ul {
	margin: auto;
	width: 1080px;
}

#summary {
	width: 1080px;
	margin: auto;
	position: relative;
}

/* ページ幅 */
.pageTitle,
.wrap {
	margin: auto;
	width: 1080px;
}

/* メインレイアウト幅 */
#contentArea {
	width: 1080px;
	margin: auto;
}

/* サイドバー幅 */
.col2 {
	position: relative;
}

#side {
	width: 230px;
	float: left;
}

.col2 #contentArea {
	width: 810px;
	float: right;
}


/* 基本要素 */
/*hover PC*/
@media screen and (min-width: 735px) {
	a:hover {
		opacity: 0.8;
	}
}

a {
	color: #09C;
}

a.more-link,
.link a,
.links a {
	text-decoration: none;
	color: #333;
}

.inner__title-link {
	text-decoration: none;
	color: #12479F;
}


/* 太字テキスト */
.color,
.top #contentArea .read-area h2,
p.tx-b,
dl.headingText dt,
#side .tel {
	color: green;
}

/*基本要素要素 フォントサイズ */
/*  ------------------------------------------------------------ */
.pageTitle h2 {
	font-size: 1.2rem;
}

#contentArea h3 {
	font-size: 1.16rem;
}

dl.headingText dt {
	font-size: 1.06rem;
}

.tx-b {
	font-size: 1.2rem;
}

/*基本要素要素マージン */
/*  ------------------------------------------------------------ */
p {
	margin-bottom: 1.2rem;
}

ul,
ol {
	margin-bottom: 1.5rem;
}

li {
	margin-bottom: 0.3rem
}

dl.headingText {
	margin-bottom: 1.2rem;
}

dl.headingText dd+dt {
	margin-top: 1.2rem;
}

/*  -------------------------------------------------------------------------------------------------------------------- */
/* メインタイトル */
/*  -------------------------------------------------------------------------------------------------------------------- */
.pageTitle {
	position: relative;
}

.pageTitle h2 {
	border-bottom: dotted 1px #999;
	margin: 0 auto 1.5em;
	position: relative;
	padding: 1em 0 1em 1.2em;
	font-weight: 600;
}

.pageTitle h2:before {
	content: "";
	position: absolute;
	height: 2.2rem;
	top: 50%;
	left: 0em;
	margin: -1.1rem 0 0;
	padding-right: 0.5rem;
	border-radius: 2px;
	background: green;
}

/* ヘッダー検索窓 */
/*  ------------------------------------------------------------ */
#headSearch {
	position: absolute;
	bottom: 1em;
	right: 0;
}

/*  -------------------------------------------------------------------------------------------------------------------- */
/* Ｈタグ */
/*  -------------------------------------------------------------------------------------------------------------------- *
/* レイアウト内 H3 */
#contentArea h3 {
	background: url(../images/h3Bg.png) no-repeat 99% center #FFFFFF;
	margin: 4em 0 1.2em;
	line-height: 1.2;
	font-weight: 600;
	position: relative;
	border-top: 4px solid #144BA1;
	border-left: 1px solid #DFDFDF;
	border-right: 1px solid #DFDFDF;
	border-bottom: 1px solid #DFDFDF;
	border-radius: 0 0 5px 5px;
	padding: 1em 0 1em 2em;
}

#contentArea h3:before {
	content: "";
	border: 4px #144BA1 solid;
	border-radius: 4px;
	position: absolute;
	height: 1.5em;
	top: 50%;
	left: 0.8em;
	margin: -1em 0 0;
}

h4,
.sq {
	padding-left: 1rem;
	font-size: 1rem;
	margin-bottom: 0.8rem;
}

h4:before,
.sq:before {
	content: "";
	border: solid 3px;
	padding-right: 0em;
	position: absolute;
	left: 0;
	height: 1.2rem;
	color: #70a27f;
}

/*  ---------------------------------------------------------------------------------- */
/* サイド ブロック */
/*  ---------------------------------------------------------------------------------- */
#side {
	background: #F9F9F9;
	/* padding-bottom: 1rem; */
	margin-bottom: 30px;
}

#side .inner {
	padding: 1rem 14px;
	font-size: 0.9rem;
}

#side p {
	margin-bottom: 0;
}

#side .acordionswitchBtn h2 {
	background: green;
	padding: 20px 0;
	text-align: center;
	font-size: 1.3rem;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}

#side .acordionswitchBtn h2:before {
	content: " ";
	height: 38px;
	width: 38px;
	background-size: 1.8rem;
	background-position: 0 0.4rem;
	margin-left: -20px;
}

#side h3 {
	background: #ebf6dd;
	padding: 5px 0;
	text-align: center;
	color: #12479F;
	font-weight: 500;
	position: relative;
}

#side h3:after {
	content: " ";
	height: 30px;
	width: 30px;
	background-size: 30px;
	background-position: 0;
	position: absolute;
	bottom: -19px;
	left: 50%;
	margin-left: -15px;
}

#side .none {
	display: none;
}

.side-banner {
	position: absolute;
	top: 0px;
	left: 0px;
}

/* エリア選択 */
dl.areaChose {
	display: flex;
	margin-bottom: 0.3rem;
}

dl.areaChose dt {
	font-weight: 500;
	margin-right: 0.3rem;
}

.btn_bl:hover {
	opacity: 0.85;
}

/* リセットボタン */
button.reset-btn {
	background: none;
	border: none;
	margin: 10px 0px;
	cursor: pointer;
}

/* 大きいサイズボタン*/
input#submit.btn_bl.siseL,
.btn_bl.siseL a {
	padding: 0.8rem 2rem;
	font-size: 1.2rem;
	width: 40%;
}

/* チェックボックス*/
ul.checkbox {
	margin-bottom: 0;
}

ul.checkbox li {
	display: flex;
	align-items: center;
}

.checkout {
	cursor: pointer;
	text-decoration: underline;
	display: flex;
	justify-content: flex-end;
}

.checkout:hover {
	opacity: 0.8;
}

.checkout p {
	margin: 10px 0px;
}

/*  ---------------------------------------------------------------------------------- */


/* ボタン デザイン*/
/*  -------------------------------------------------------------------------------------------------------------------- */
/* 検索ボタン */
#side .btn_bl {
	margin: 1.4rem auto 0.4rem;
}

input#submit.btn_bl,
.btn_bl a {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2b2d2b+0,2b2d2b+50,0a0e0a+51,000000+100 */
	background: rgb(43, 45, 43);
	/* Old browsers */
	background: -moz-linear-gradient(top, rgba(43, 45, 43, 1) 0%, rgba(43, 45, 43, 1) 50%, rgba(10, 14, 10, 1) 51%, rgba(0, 0, 0, 1) 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(43, 45, 43, 1) 0%, rgba(43, 45, 43, 1) 50%, rgba(10, 14, 10, 1) 51%, rgba(0, 0, 0, 1) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(43, 45, 43, 1) 0%, rgba(43, 45, 43, 1) 50%, rgba(10, 14, 10, 1) 51%, rgba(0, 0, 0, 1) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b2d2b', endColorstr='#000000', GradientType=0);
	/* IE6-9 */
	border-radius: 5px;
	border: #000000 solid 2px;
	cursor: pointer;
	padding: 0.5rem 0;
	width: 64%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	display: block;
	color: #FFFFFF;
	font-weight: 500;
}

.btn {
	margin: auto;
	text-align: center;
	background-color: #333;
	border-radius: 5px;
}

.btn a {
	padding: 0.8rem 1.4rem 0.8rem 2rem;
	display: block;
	background-position: 7px center;
	background-repeat: no-repeat;
	background-size: 1.4em;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: 500;
}

.btn.green {
	background: green;
}

.btn.blue {
	background: #0C64B8;
}

.btn.mail {
	font-size: 1.4rem;
	width: 400px;
}

.btn.mail a {
	background-size: 2em;
	background-position: 1rem center;
	padding: 1.4rem 1.4rem 1.4rem 3rem;
}

.btn-row {
	display: flex;
	flex-direction: row;
}

/* リセット*/
#contentArea .estateBox h3 {
	background: none;
	border: none;
	padding: 0;
	margin: 0;
}

#contentArea .estateBox h3:before {
	content: none;
}

.estateBox {
	border-top: #7aca00 3px solid;
	background: #F8F8F8;
	margin-bottom: 3rem;
}

.estateBox .inner {
	width: 94%;
	margin: 0 auto;
	padding-bottom: 1.5rem;
}

.estateBox h2 {
	padding: 1.2rem 0;
	font-weight: 600;
	font-size: 1.2rem;
	border-bottom: #D1D1D1 solid 1px;
	margin-bottom: 1.4rem;
	color: #12479F;
}

#contentArea .estateBox h3 {
	font-size: 1.1rem;
	margin-bottom: 1.1rem;
}

.estateBox dl {
	border-bottom: #CCCCCC dotted 1px;
	margin-bottom: 1rem;
	padding-bottom: 1rem;
}

.estateBox dl:last-child {
	border: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

.estateBox dl dt {
	color: #0C64B8;
	font-weight: 500;
}

.estateBox .flexLeft {
	display: flex;
	justify-content: center;
	position: relative;
}

.estateBox .flexLeft img {
	width: 100%;
}

.estateBox .linkArea {
	background: whitesmoke;
	padding: 1rem 0;
}

.estateBox .btn {
	width: 40%;
}


/*  -------------------------------------------------------------------------------------------------------------------- */
/* 物件詳細*/
/*  -------------------------------------------------------------------------------------------------------------------- */
.bxslider {
	display: flex;
	align-items: center;
}

.bxslider li a {
	display: contents;
}

.bxslider img {
	margin: auto;
}

#content.haveImage .pageTitle h2 {
	margin-bottom: 0;
	border: none;
}

#bx-pager li {
	display: flex;
	align-items: center;
}

#photoArea {
	background: #F9F9F9;
	padding: 2rem 0 1rem;
	border-bottom: solid 1px #EFEFEF;
}

.estateDetail h2 {
	font-weight: 600;
	font-size: 1.2rem;
	margin-bottom: 1rem;
	color: #12479F;
}

.estateDetail .read {
	margin-bottom: 2rem;
}

/*  -------------------------------------------------------------------------------------------------------------------- */
/* 表テーブル*/
/*  -------------------------------------------------------------------------------------------------------------------- */
table.listTable td {
	padding: 0.8rem;
}

table.listTable td.colorTD {
	background: #F8F8F8;
	font-weight: 500;
}

table.listTable th {
	padding: 0.8rem;
	background: #F8F8F8;
	border-right: solid 1px #C9C9C9;
	font-weight: 500;
}

table.listTable tr {
	border-bottom: solid 1px #C9C9C9;
}

table.listTable tr:first-child {
	border-top: solid 1px #C9C9C9;
}

#mid.contact .contactBlock {
	display: none;
}

/*  -------------------------------------------------------------------------------------------------------------------- */
/* フットエリア（ */
/*  -------------------------------------------------------------------------------------------------------------------- */
/* フッタ */
footer .wrap {
	padding: 0
}

footer {
	width: 100%;
}

footer #foot {
	background: #f2f2f2;
	color: #333333;
	width: 100%;
}

footer #foot .wrap {
	height: 60px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.footLink {
	display: flex;
	font-size: 0.8rem;
}

.footLink ul {
	display: flex;
	margin-bottom: 0 !important;
}

.footLink a {
	color: #333;
	text-decoration: none;
}

.footLink a:hover {
	text-decoration: underline;
}

.footLink1 li:after {
	content: "|";
	padding: 0 0.4rem;
}

.footLink1 li:last-child:after {
	content: "";
	padding: 0;
}

footer #foot h2 {
	margin-right: auto;
}

footer #copyright {
	background: #3e3e3e;
	font-size: 80%;
	text-align: left;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	width: 100%;
	padding: 0.3em 0;
}

#footSearchLink {
	padding: 2rem 0 0;
	border-top: dotted 1px #CCCCCC;
}

#footSearchLink h2 {
	font-size: 1rem;
	color: green;
	font-weight: 600;
	background-size: 1rem auto;
	padding: 0 0 0 1.3rem;
	margin: 0 0 0.4rem 0;
}

#footSearchLink ul {
	display: flex;
	flex-wrap: wrap;
	line-height: 1.8;
}

#footSearchLink li {
	font-size: 0.85rem;
	margin-right: 0.8rem;
	margin-bottom: 0.4rem;
}

#footSearchLink li a {
	color: #333333;
	text-decoration: none;
}

#footSearchLink li a:hover {
	text-decoration: underline;
}

/*  -------------------------------------------------------------------------------------------------------------------- */
/* その他共通デザイン */
/*  -------------------------------------------------------------------------------------------------------------------- */
.block_gray {
	background: #F9F9F9;
	padding: 1.4rem;
	border-top: #CCC dotted 1px;
	margin-top: 1px;
}

.map {
	margin-top: 3rem;
}

.map iframe {
	width: 100%;
	height: 400px;
}


/*  -------------------------------------------------------------------------------------------------------------------- */
/* add-on css */
/*  -------------------------------------------------------------------------------------------------------------------- */

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.top-pic {
	width: 1080px;
	margin-bottom: 30px;
}

.sp-top-pic {
	display: none !important;
}


.top-contener {
	display: flex;
	justify-content: center;
}

header {
	line-height: 4;
	display: flex;
	justify-content: center;
}


.header-container {
	width: 1080px;
}

.header-col {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
}

.header-col__btns {
	display: flex;
}

.header-col__btn {
	color: white;
	text-decoration: none;
	background-color: green;
	font-weight: 500;
	padding: 10px 20px;
	border-radius: 30px;
	margin-left: 15px;
}

.header-col__btn_b {
	background-color: #0C64B8;
}

section.estateDetail {
	margin-top: 30px;
}

.new-column {
	margin: 0 0 30px 0;
}

.new-column__title {
	background: linear-gradient(90deg, #0C64B8, #09C);
	color: white;
	font-size: 1.2rem;
	font-weight: 600;
	text-indent: 1rem;
	border-radius: 10px;
	line-height: 3rem;
	margin-bottom: 15px;

}

.new-column__list li {
	padding: 0 20px 0 20px;
	padding: 10px;
	border-bottom: #000 1px solid;
	text-indent: 1.5rem;
	position: relative;
}

.new-column__list li::before {
	content: url(../image/arrow-button-right.svg);
	transform: scale(1);
	display: inline-block;
	position: absolute;
	left: -20px;

}


.new-column__list a {
	text-decoration: none;
	color: black;
}


/*  -------------------------------------------------------------------------------------------------------------------- */
/* comon css */
/*  -------------------------------------------------------------------------------------------------------------------- */

/* # html {  background:#fff; color:#333;overflow-y:scroll;  }   */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0;
}

fieldset,
img {
	border: 0;
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
	font-style: normal;
	font-weight: normal;
}

ul {
	list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 1rem;
	font-weight: normal;
}

abbr,
acronym {
	border: 0;
}

table {
	font-size: 1rem;
	line-height: 100%;
	border-spacing: 0;
	border-collapse: collapse;
}

a:focus {
	outline: none;
}

img {
	border: none;
	vertical-align: top;
}

body {
	word-break: break-all;
	overflow-wrap: break-word;
	word-wrap: anywhere;
}

border {
	box-sizing: border-box;
}

/*  ------------------------------------------------------------ */
.right {
	float: right;
}

.left {
	float: left;
}

.center {
	margin: auto;
}

.clear {
	clear: both;
}

.clearLeft {
	clear: left;
}

.clearRight {
	clear: right;
}

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

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
}

.wrap:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}

.wrap {
	min-height: 1px;
	box-sizing: border-box;
}

* html .wrap {
	height: 1px;
}

.fullpage {
	background-size: cover;
}

/*  ------------------------------------------------------------ */
.flexbox {
	display: flex;
	justify-content: space-between;
}

.flexbox .flexRight {
	margin-left: auto;
	order: 2;
}

.flexbox .flexLeft {
	margin-right: auto;
	order: 1;
}

.flexbox a {
	display: block;
}

.flexbox p img {
	margin-bottom: 1em;
}

.flexwidth40 {
	flex-basis: 40%;
}

.flexwidth55 {
	flex-basis: 55%;
}

.mb0 {
	margin-bottom: 0 !important;
}

.mb30 {
	margin-bottom: 3rem !important;
}

.mt40 {
	margin-top: 4rem !important;
}

/*  ------------------------------------------------------------ */

ul ol,
ul ul,
ol ul {
	margin: 0.3em 0;
}

li {
	line-height: 1.4;
	margin-bottom: 0.3em
}

li li {
	line-height: 1.2;
	margin-bottom: 0.6em
}

ol {
	padding-left: 1.5em;
}

ol li {
	padding-left: -1em;
}

ul.listSS {
	position: relative;
}

ul.none li:before {
	display: none;
}

ul.none li {
	text-indent: 0;
	padding: 0;
}

ul li.none:before {
	display: none;
}

ul.list li.none {
	padding-left: 1.2em
}

ul.listS li.none {
	padding-left: 2.4em
}

ul.inlineBlock li:before {
	content: inherit;
	margin-right: 0em;
}

ul.inlineBlock li {
	text-indent: 0;
	padding: 0;
}

ul.links li:before {
	display: none;
}

ul.links li {
	text-indent: 0;
	margin-left: 0;
}

#head ul li:before {
	display: none;
}

#head ul li {
	margin: 0;
	text-indent: 0;
	padding: 0;
}

#head ul ol,
#head ul ul,
#head ol ul {
	margin: 0;
}

/*  ------------------------------------------------------------ */
.alignleft {
	text-align: left;
}

.alignright {
	text-align: right;
	margin-bottom: 20px;
}

.aligncenter {
	text-align: center;
}

.indent {
	text-indent: -1em;
	padding-left: 1em;
}

.caution {
	text-indent: -1em;
	padding-left: 1em;
	font-size: 0.9rem;
}

ul.indent li {
	padding-left: 0;
}

ul.caution li {
	padding-left: 0;
	font-size: 90%;
}

dl.headingText {
	margin-bottom: 1.2em;
}

dl.headingText dt {
	font-size: 1.1rem;
	font-weight: 500;
	margin-bottom: 0.3em;
}

dl.headingText dd+dt {
	margin-top: 1.2em;
}

.tx-b {
	font-size: 1.2rem;
	font-weight: 500;
	margin-top: 0.5em;
	margin-bottom: 0.6em;
}

/*  ------------------------------------------------------------ */
header {
	width: 100%;
}

header .logo {
	display: table-cell;
	vertical-align: middle;
}

header .wrap {
	margin: 0 auto;
	position: relative;
}

nav ul {
	display: flex;
}

nav li a {
	display: table-cell;
	vertical-align: middle;
}

header p {
	margin-bottom: 0em;
}

header ul,
header ol {
	margin-bottom: 0em;
}

header li {
	margin-bottom: 0em
}

/*  ------------------------------------------------------------ */
#side h3 img {
	max-width: none;
}

#side .sideInfo {
	font-size: 0.9rem;
	padding: 10px 10px 0;
}

#side .sideBlock h3 {
	text-align: center;
}

#side .sideInfo h4 {
	margin-top: 0.5em;
}

#side p.tel {
	font-weight: 500;
	font-size: 1.5rem;
	margin-bottom: 10px;
	line-height: 1.3;
}

.banner-16 {
	width: 100%;
	vertical-align: bottom;
}

/*  ------------------------------------------------------------ */
.dotline {
	border-bottom: 1px #CCCCCC dotted;
	margin: 1.5em 0em;
	;
	padding-bottom: 1.5em;
}

.displaynone {
	display: none;
}

/*  ------------------------------------------------------------ */
h4,
.sq {
	font-weight: 500;
	margin: 0 0 0.4em;
	padding-left: 1.2em;
	font-size: 1.1rem;
	position: relative;
}

h4:before,
.sq:before {
	padding-right: 0.2em;
	font-size: 1em;
	position: absolute;
	left: 0;
	color: #70a27f;
}

.alignright.h4:before,
.alignright.sq:before {
	position: inherit;
}

h3+h4 {
	margin-top: 0em;
}

ul+h4,
ul+.sq,
ol+h4,
ol+.sq {
	margin-top: 2em;
}

p+h4,
.p+sp {
	margin-top: 1.5em;
}

h4+table.noLine,
.sq+table.noLine {
	margin-top: 1em;
}

.col h4:first-child,
.col .sq:first-child {
	margin-top: 0;
}

.floatBlock h4:first-child,
.floatBlock .right .sq:first-child {
	margin-top: 0;
}

#pagetop {
	display: none;
	position: fixed;
	bottom: 0px;
	right: 25px;
	padding-bottom: 55px;

}

#pagetop img {
	cursor: pointer;
}

/*  ------------------------------------------------------------ */
.more-link {
	/* float:right; */
	margin: 1.4em 0 0.5em;
	display: inline-block;
}

.more-link:before,
.link a:before,
ul.links li a:before {
	content: " ";
	display: inline-block;
	width: 1em;
	height: 1em;
	background-size: 110%;
	vertical-align: -0.1em;
	margin-right: 0.2em;
}

.more-link:before {
	background-size: 100%;
	width: 1.2em;
	height: 1.2em;
	vertical-align: -0.2em
}

.more-link {
	text-indent: -1.4em;
	padding-left: 1.2em;
}

.link {
	text-indent: -1.2em;
	padding-left: 1.2em;
}

.link.btnSQ a:before {
	font-size: 1.2em;
	background-size: 100%;
	vertical-align: -0.25em;
	margin-right: 0.2em
}

.link.btnSQ {
	text-indent: -1.4em;
	padding-left: 1.4em;
}

.links.btnSQ li a:before {
	font-size: 1.2em;
	background-size: 100%;
	vertical-align: -0.2em;
	margin-right: 0.2em
}

.links.btnSQ li {
	text-indent: -1.4em;
	padding-left: 1.4em;
}

ul.links li a:before {
	font-size: 1em;
	background-size: 110%;
}

ul.links li {
	text-indent: -1.2em;
	padding-left: 1.2em;
	margin-bottom: 0.5em;
}

/*  ------------------------------------------------------------ */
img {
	max-width: 100%;
	height: auto;
}

.caption {
	text-align: center;
	font-size: 0.9rem;
}

.caption img {
	margin-bottom: 0.4em;
}

img.imgOutline,
.imgOutline img {
	border: 3px solid #FFF;
	outline: solid 1px #E7E7E7;
	box-sizing: border-box;
}

img.imgShadow,
.imgShadow img {
	border: 4px solid #FFFFFF;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
	box-sizing: border-box;
}

img.imgRound5,
.imgRound5 img {
	border-radius: 5px;
}

img.imgRound10,
.imgRound10 img {
	border-radius: 10px;
}

img.imgROS,
.imgROS img {
	border-radius: 5px;
	border: 4px solid #FFF;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
}

/*  ------------------------------------------------------------ */
table {
	box-sizing: border-box;
	line-height: 1.6em;
}

table.thCenter th {
	text-align: center;
	padding: 10px;
}

table.tdCenter td {
	text-align: center;
	padding: 10px;
}

table.thLeft th {
	text-align: left;
}

table.listTable {
	width: 100%;
}

table.listTable p {
	margin: 1em 0 0;
}

table.listTable p:first-child {
	margin: 0 0 0;
}

table.listTable ul,
table.listTable ol {
	margin: 1em 0 0;
}

table.listTable ul ul,
table.listTable ol ul,
table.listTable ul ol {
	margin: 0.3em 0 0;
}

table.noLine {
	text-align: left;
}

table.noLine th,
table.noLine td {
	vertical-align: top;
	padding-bottom: 8px;
}

table.noLine th {
	padding-right: 1em;
	white-space: nowrap;
}

table.noLine.plain th {
	padding-right: 0em;
}


.clinic-image {
	margin-bottom: 2rem;
}

/*  -contact- */
.contact2btn {
	padding: 0.3em;
	margin: 2.5em auto 0;
	width: 20em;
	text-align: center;
	background: green;
	border-radius: 5px;
}

.confirm-btn {
	display: flexbox;
}

.confirm-btn a {
	padding: 1em 0em;
	width: 40%;
	vertical-align: middle;
	line-height: 1;
	background: green;
	background-size: 1.2em;
	border: 1px solid darkgreen;
	border-radius: 3px;
	color: #ffffff;
	font-family: inherit;
	-webkit-appearance: none;
	font-size: 100%;
	text-align: center;
	text-decoration: none;
}

.pageTitle h1 {
	border-bottom: dotted 1px #999;
	margin: 0 auto 1.5em;
	position: relative;
	padding: 1em 0 1em 1.2em;
	font-weight: 600;
	font-size: 1.2rem;
}

.estateDetail h1 {
	border-bottom: dotted 1px #999;
	margin: 0 auto 1.5em;
	position: relative;
	padding: 1em 0 1em 1.2em;
	font-weight: 600;
	font-size: 1.2rem;
}

.pageTitle h1:before {
	content: "";
	position: absolute;
	height: 2.2rem;
	top: 50%;
	left: 0em;
	margin: -1.1rem 0 0;
	padding-right: 0.5rem;
	border-radius: 2px;
	background: green;
}

.estateDetail h1:before {
	content: "";
	position: absolute;
	height: 2.2rem;
	top: 50%;
	left: 0em;
	margin: -1.1rem 0 0;
	padding-right: 0.5rem;
	border-radius: 2px;
	background: green;
}

.article h1 {
	font-size: 1.2rem;
	border-bottom: dotted 1px #999;
	margin: 0 auto 1.5em;
	position: relative;
	padding: 1em 0 1em 1.2em;
	font-weight: 600;
}

.article h1::before {
	content: "";
	position: absolute;
	height: 2.2rem;
	top: 50%;
	left: 0em;
	margin: -1.1rem 0 0;
	padding-right: 0.5rem;
	border-radius: 2px;
	background: green;
}

.article h2 {
	background: url(../images/h3Bg.png) no-repeat 99% center #FFFFFF;
	margin: 4em 0 1.2em;
	line-height: 1.2;
	font-weight: 600;
	position: relative;
	border-top: 4px solid #144BA1;
	border-left: 1px solid #DFDFDF;
	border-right: 1px solid #DFDFDF;
	border-bottom: 1px solid #DFDFDF;
	border-radius: 0 0 5px 5px;
	padding: 1em 0 1em 2em;
	font-size: 1.1rem;
}

.article h2::before {
	content: "";
	border: 4px #144BA1 solid;
	border-radius: 4px;
	position: absolute;
	height: 1.5em;
	top: 50%;
	left: 0.8em;
	margin: -1em 0 0;
}


#content.article h3 {
	font-size: 1rem;
	border-top: 4px solid #09C;
}

#content.article h3::before {
	content: "";
	border: 4px #09C solid;
	border-radius: 4px;
	position: absolute;
	height: 1.5em;
	top: 50%;
	left: 0.8em;
	margin: -1em 0 0;
}

.article-table {
	border: solid 1px #CCCCCC;
	border-radius: 4px;
	display: inline-block;
	padding: 20px;
	margin-top: 50px;
}

.article-table__title {
	/* font-size: 1.2em; */
	font-weight: 600;
	margin-bottom: 20px;
	position: relative;
}

.article-table__title::before {
	content: "";
	border: 2px #144BA1 solid;
	background-color: #144BA1;
	border-radius: 4px;
	position: absolute;
	height: 1.5em;
	top: 58%;
	left: -0.5em;
	margin: -1em 0 0;
}

.article-table li {
	line-height: 2em;
}

.article-table li a {
	text-decoration: none;
	color: #000000;
	border-bottom: solid 1px #CCCCCC;
}

.article-author {
	display: flex;
	border: #CCCCCC solid 2px;
	border-radius: 6px;
	margin: 50px 30px;
	padding: 25px;
	justify-content: space-between;
	align-items: center;
}

.article-author__photo img {
	border-radius: 50%;
	box-shadow: #CCCCCC 0px 0px 10px;
}

.article-author__title {
	text-align: center;
	margin-bottom: 20px;
	font-weight: 600;
	color: #3e3e3e;
	position: relative;
}

.article-author__title::before {
	position: absolute;
	content: "";
	height: 1.2em;
	border-left: solid 4px green;
	transform: rotateZ(-45deg);
	left: 35px;
	top: 10px;
}

.article-author__title::after {
	position: absolute;
	content: "";
	height: 1.2em;
	border-left: solid 4px green;
	transform: rotateZ(45deg);
	right: 35px;
	top: 10px;
}

.article-author__right {
	margin: 0px 60px;
}

.article-author__right dt {
	padding-bottom: 10px;
	margin-bottom: 30px;
	border-bottom: 1px solid #CCCCCC;
}

.notfound__content {
	margin-bottom: 200px;
}

.notfound__line {
	/* background-color: #00B900; */
	background-color: #E7E7E7;
	display: flex;
	width: 500px;
	justify-content: space-between;
	align-items: center;
	padding: 20px;
	border-radius: 10px;
}

.notfound__from-here {
	width: 200px;
	font-weight: 600;
	text-align: center;
}

.notfound__arrow img {
	width: 30px;
}

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

	.article-author {
		flex-direction: column;
	}

	.article-author__left {
		margin-bottom: 30px;
	}

	.article-author__right {
		margin: 0px 0px;
	}

	.notfound__line {
		/* background-color: #00B900; */
		background-color: #E7E7E7;
		display: flex;
		flex-direction: column;
		width: 300px;
		justify-content: space-between;
		align-items: center;
		padding: 20px;
		border-radius: 10px;
		margin: 0px 6px;
		margin-bottom: 50px;
	}

	.notfound__from-here {
		width: 200px;
		font-weight: 600;
		text-align: center;
		margin-bottom: 10px;
	}

	.notfound__arrow img {
		width: 30px;
		transform: rotateZ(90deg);
		margin-bottom: 10px;
	}

	/* content: ""; */
	/* position: absolute;
    height: 2.2rem;
    top: 50%;
    left: 0em;
    margin: -1.1rem 0 0;
    padding-right: 0.5rem;
    border-radius: 2px;
    background: green; */
}