@charset "utf-8";

/**********************************************
　固定ページ
**********************************************/
/*****　共通　*****/
#fixed-page {}
#fixed-content {padding: 0 0 5em; background-color: #ebf1f4;}
#fixed-content .bread-crumb {margin-bottom: 4em;}
#fixed-content section {padding: 0 0 4em;}
#fixed-content section:last-child {padding: 0;}

.clear {clear: both;}

@media screen and (max-width:768px){
	#fixed-content {padding: 0 0 2em;}
	#fixed-content section {padding: 0 0 2em;}
}

/*****　ヘッダー画像　*****/
.fixed-head {position: relative; width: 100%; height: 400px; padding-top: 80px;}
.fixed-head .overlay {background: rgba(16, 72, 148, 0.5);}
.fixed-head-inner {position: relative; max-width: 1100px; margin: 0 auto; width: 100%; height: 100%;}
.fixed-cach {position: absolute; top: 50%; left: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); z-index: 6;}
.fixed-cach h2 {font-size: 2.4em; color: #fff;}
.fixed-head .bg-image {}


@media screen and (max-width:1200px){
	.fixed-cach {left: 10px;}
}

@media screen and (max-width: 991px){
	.fixed-head {padding-top: 60px;}
}

@media screen and (max-width: 768px){
	.fixed-cach h2 {font-size: 1.8em; line-height: 1.2;}
}


/*****　bg背景色　*****/
.bg-blue {background-color: #e8f1ff;}
.bg-yellow {background-color: #fffde4;}
.bg-red {background-color: #f8eaea;}
.bg-pink {background-color: #ffe8f3;}
.bg-gray {background-color: #ededed;}


/*****　下層コンテンツ　*****/
.underlayer h2 {font-size: 1.6em; font-weight: 600;}
.underlayer h2.midashi-title {border-left: 8px solid #12287e; margin: 0 0 1em; padding: 0em .5em; color: #12287e;}
.content-wrap {}
.content-wrap h2 {border-left: 8px solid #12287e; margin: 0 0 1em; padding: 0em .5em; color: #12287e;}

.credo-contents-wrap {padding: 0 5px;}
.credo-contents-wrap p {font-size: 1.1em;}
.cont-section {margin: 1.5em 0;}
.cont-section h3 {background-color: #cbe4f3; font-size: 20px; font-weight: 600; padding: 5px 15px; margin-bottom: 1em;}
.cont-section p {margin-bottom: 20px;}
.cont-section p.red {color: red;}
.cont-sec-img {float: right; margin: 0 0 0 15px;}
.cont-sec-img img {width: 100%; height: auto; max-width: 220px;}
.gray-enclosur {background-color: #ededed; margin: 2em 0; padding: 1.5em; border-radius: 12px;}
.gray-enclosur p {margin: 0;}
.cont-section h4 {font-size: 18px; font-weight: 600;}

.inner-container {padding: 0 1em;}

.button-external {margin: 3em 0;}
.button-external .button-external-inner {}
.button-external .button-external-inner a {
	display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  padding: 1em 2em;
  width: 300px;
  color: #2285b1;
  font-size: 18px;
  font-weight: 700;
  border: 2px solid #2285b1;
	transition: 0.3s;
}
.button-external .button-external-inner a::after {
	content: '';
  width: 15px;
  height: 15px;
  border-top: 2px solid #2285b1;
  border-right: 2px solid #2285b1;
  transform: rotate(45deg);
}
.button-external .button-external-inner a:hover {
	color: #fff;
  text-decoration: none;
  background-color: #2285b1;
}
.button-external .button-external-inner a:hover::after {
	border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}

@media screen and (max-width: 768px){
	.inner-container {padding: 0;}
	.underlayer h2 {font-size: 4vw;}
}

@media screen and (max-width: 480px){
	.cont-sec-img {float: none; margin: 15px; text-align: center;}
	.cont-sec-img img {max-width: 440px;}
	.underlayer h2 {font-size: 5vw;}
}



/*****　下層コンテンツページ全体背景　*****/
.content-area {background-color: #fff; padding: 40px; border-radius: 24px;}

@media screen and (max-width: 768px){
	.content-area {padding: 30px;}
}

@media screen and (max-width: 480px){
	.content-area {padding: 20px;}
}

/*****　医院案内　*****/
#amano-clinic_info {}
#amano-clinic_info .content-wrap .clinic-info-table td.info-space {width: 15%;}
#amano-clinic_info .content-wrap .clinic-info-table td.table-image {width: 40%;}
#amano-clinic_info .content-wrap .clinic-info-table tr.table-image-sp {display: none;}
#amano-clinic_info .content-wrap .clinic-info-table tr.table-image-sp img {}
p.uketuke {padding: 10px 40px 0;}

#amano-access {}
.content-shell {border: 2px solid #4c95b4; border-radius: 5px; margin: 30px; padding: 0 15px 10px;}
.content-shell h4 {display: inline-flex; align-items: center; column-gap: 4px; position: relative; top: -13px; left: 10px; margin: 0 10px; padding: 0 15px; background: #fff; color: #4c95b4; font-weight: 600; vertical-align: top; font-size: 18px;}
.content-shell h5 {font-size: 18px; font-weight: 600; margin: 0 0 1em;}
.content-shell p {padding: 0 0 0.5em;}
.content-shell p.amano-parking span {background-color: #ffd3f1; font-size: 14px; font-weight: 600; padding: 2px 10px; border-radius: 12px; margin-right: 10px;}

#amano-director_intro {}
.career-wrap {}
.career-textarea {padding: 30px; border-radius: 24px;}
.career-textarea p {padding: 0 0 0.5em;}
.career-textarea p:last-child {padding: 0;}
.director-info-list {margin: 30px 0 0;}
.director-info-list h4 {font-size: 22px; color: #4c61b4; font-weight: 600; background-color: #ebf1f4; margin: 0 0 15px; padding: 5px 20px; border-radius: 6px;}
.director-info-list ul {padding: 0 3px;}
.director-info-list ul li {position: relative; border-bottom: dotted 1px #ccc; padding: 5px 25px;}
.director-info-list ul li:nth-child(even) {background-color: #f0f0f0;}
.director-info-list ul li::before {content: ''; position: absolute; top: 50%; left: 8px; width: 8px; height: 8px; border-radius: 50%; background-color: #4c61b4; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);}
.director-info-list ul li span {margin-right: 5px;}

#amano-clinic_policy {}
.fukidashi-box {margin: 50px auto; padding: 30px 20px 20px 20px; border: 2px solid #4c9ac0; border-radius: 24px;}
.fukidashi-box h3 {background-color: #4c9ac0; color: #fff; border-radius: 24px; padding: 5px 10px; margin: -55px 0 0 0; position: relative; left: 0; font-size: 20px; font-weight: bold; text-align: left; max-width: 280px;}
/*.fukidashi-box h3::after {content: ''; position: absolute; bottom: -25px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); border: 15px solid transparent; width: 0; height: 0; border-top-color: #4c9ac0;}*/
.fukidashi-box h3 span {background-color: #fff; color: #4c9ac0; padding: 0 10px; margin-right: 5px; border-radius: 12px; font-size: 18px;}
.fukidashi-box p {margin: 20px 0 0;}
.fukidashi-box p span {color: #e60000;}
.fukidashi-box.last-fukidashi {margin: 50px auto 0;}


@media screen and (max-width: 991px){
	#amano-clinic_info .container, #amano-access .container, #amano-director_intro .container, #amano-clinic_policy .container {padding: 0;}
}

@media screen and (max-width: 768px){
	#amano-clinic_info .content-wrap .clinic-info-table td.table-image {display: none;}
	#amano-clinic_info .content-wrap .clinic-info-table td.info-space {width: 25%;}
	#amano-clinic_info .content-wrap .clinic-info-table tr.table-image-sp {display: table-row;}
	#amano-clinic_info .content-wrap .clinic-info-table tr.table-image-sp td {padding: 10px 0;}
	p.uketuke {padding: 10px 10px 0; font-size: 15px;}
	.content-shell {margin: 20px 10px;}
	.content-shell h4 {font-size: 16px;}
	.content-shell h5 {font-size: 15px; margin: 0 0 0.5em;}
	.content-shell p {font-size: 14px; padding: 0 0 0.25em;}
	.career-textarea {padding: 20px;}
	.career-textarea p {font-size: 15px;}
	.director-info-list h4 {font-size: 18px;}
	.director-info-list ul li {font-size: 14px;}
	.fukidashi-box {margin: 40px auto; border-radius: 12px;}
	.fukidashi-box h3 {padding: 2px 6px; font-size: 16px; margin: -45px 0 0 0; max-width: 240px;}
	.fukidashi-box h3 span {font-size: 15px;}
	.fukidashi-box p {font-size: 15px;}
}

@media screen and (max-width: 480px){
	p.uketuke {padding: 10px 0 0; font-size: 13px;}
	.content-wrap table.info-grid td.info-space span {padding: 2px 5px;}
	.content-wrap table.timetable th, .content-wrap table.timetable td {padding: 3px 5px;}
	.content-shell {margin: 20px 0;}
	.content-shell h4 {font-size: 15px;}
	.content-shell h5 {font-size: 14px;}
	.content-shell p.amano-parking span {font-size: 13px;}
	.career-textarea p {font-size: 14px;}
	.director-info-list h4 {font-size: 16px;}
	.director-info-list ul li {font-size: 13px;}
	.fukidashi-box {margin: 30px auto; padding: 20px 10px 10px 10px;}
	.fukidashi-box h3 {padding: 2px 5px; font-size: 15px; margin: -35px 0 0 0; max-width: 220px;}
	.fukidashi-box h3 span {font-size: 13px;}
	.fukidashi-box p {font-size: 14px;}
}


/*****　診療案内　*****/
#general_dentistry {}

#do_surgery {}

#pediatric_dentistry {}

#not_covered {}
.no-insurance-wrap {}
.no-insurance-wrap ul {display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;}
.no-insurance-wrap ul li {max-width: 210px; box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;}
.no-insurance-wrap ul li img {}
.no-insurance-wrap ul li p {padding: 10px; font-size: 15px;}


@media screen and (max-width: 768px){
	.no-insurance-wrap ul {}
	.no-insurance-wrap ul li {max-width: 46%;}
}

@media screen and (max-width: 480px){
	.no-insurance-wrap ul {}
	.no-insurance-wrap ul li {max-width: 100%;}
}

/*****　感染対策内容　*****/
#dental_unit {}


#hand_disinfection {}


#share_info {}



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

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


/*****　業務経歴　*****/
#credo-keireki {}
#credo-keireki .keireki tr.bbsolid {border-bottom: solid 1px #319007;}
.keireki {padding: 0 1em;}
.keireki table {width: 100%;}
.keireki table tr th, .keireki table tr td {padding: 5px 10px; border-bottom: dotted 1px #319007;}
.year_sale, .construction, .num_houses {background-color: #e8ffec;}
.keireki table tr td:last-child {text-align: right;}

.apartment-wrap {padding: 0 1em;}
.apartment-wrap .col-6 {margin: 0 0 3em;}
.apartment-item {padding: 0 1em;}
.apartment-item h3 {font-size: 1.1em;}
.apartment-item h3 span {font-size: 15px; font-weight: 500; color: #fff; background-color: #4b8ab0; padding: 2px 8px 0; margin-left: 10px; border-radius: 5px;}
.apartment-img {float: left;}
.apartment-img img {max-width: 170px;}
.apartment-google {float: right;}
.apartment-google iframe {width: 100%; height: 120px;}


@media screen and (max-width: 1048px){
	.apartment-img {float: none; text-align: center;}
	.apartment-google {float: none; margin-top: 1em;}
}
@media screen and (max-width: 768px){
	.keireki {overflow-x: auto; padding: 0 1em 0.5em;}
	.keireki::-webkit-scrollbar {width: 15px; height: 15px;}
	.keireki::-webkit-scrollbar-track {background-color: #ccc; border-radius: 5px;}
	.keireki::-webkit-scrollbar-thumb {background-color: #888; border-radius: 5px;}
	.keireki::-webkit-scrollbar-thumb:hover {background-color: #555;}
	.keireki table {width: 700px;}
	.keireki table tr th, .keireki table tr td {white-space: nowrap;}
	.apartment-wrap {padding: 0;}
	.apartment-item {padding: 0;}
	.apartment-wrap .col-6 {margin: 0 0 2em; border: solid 1px #ddd; box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;}
}


/*****　住宅瑕疵担保責任保険　*****/
#credo-kashi {}
.kashitanpo {text-align: center;}
.kashitanpo p {}
.kashitanpo img {max-width: 586px;}
.kashitan-table {margin: 2em 0;}
.kashitan-table table {width: 100%; max-width: 586px; margin: 0 auto;}
.kashitan-table table td {padding: 5px 10px; text-align: left; border: 1px solid #1e398c;}
.kashitan-table table td span {margin-left: 10px; background-color: #a1d644; font-size: 13px; padding: 2px 10px; font-weight: 600; display: inline-block;}



/*****　プライバシーポリシー　*****/
#amano-privercy {}
.privercy-shell {}
.privercy-section {margin: 20px 0;}
.privercy-section h3 {color: #e86392; font-weight: 600; font-size: 18px; margin: 0 0 0.5em;}
.privercy-section ol {list-style-type: auto; margin: 0.5em 0 0.5em 25px;}
.privercy-section ol li {}
.kakoi-ul {margin: 0.5em; padding: 15px; border: dashed 1px #666; border-radius: 6px;}
.kakoi-ul ul {list-style-type: disc; padding-left: 25px;}
.kakoi-ul ul li {}
.content-wrap .privercy-section .clinic-info-wrap {border-radius: 12px; padding: 15px; max-width: 480px; margin: 10px auto 0;}
.privercy-table table {width: 100%;}
.privercy-table td {padding: 2px 8px;}
.privercy-table td.privercy-clinic {width: 100px;}
.privercy-table td.privercy-clinic span {background-color: #ffd3f1; font-size: 14px; font-weight: 600; padding: 2px 12px; border-radius: 12px;}

@media screen and (max-width: 768px){
	#amano-privercy .container {padding: 0 1em;}
	.privercy-section ol li {font-size: 14px;}
	.kakoi-ul {padding: 5px;}
	.kakoi-ul ul li {font-size: 14px;}
	.content-wrap .privercy-section .clinic-info-wrap {border-radius: 6px; padding: 5px;}
	.privercy-table td {font-size: 14px;}
	.privercy-table td.privercy-clinic {width: 80px;}
	.privercy-table td.privercy-clinic span {font-size: 12px; border-radius: 4px;}
}

@media screen and (max-width: 480px){
	#amano-privercy .container {padding: 0;}
}

/*****　雑誌記事　*****/
#credo-magazine {}
#credo-magazine h5 {text-align: right; font-weight: 600;}
.magazine-wrap {margin: 1em 0 0;}
.magazine-wrap h4 {position: relative; padding: 1em;}
.magazine-wrap h4::before {content: ''; position: absolute; background-color: #afecc7; width: 50px; height: 50px; border-radius: 50%; top: 50%; left: 5px; transform:translateY(-50%); z-index:-1;}
.magazine-wrap p {padding: 1em; margin: 0;}
.magazine-img {float: right; text-align: center; margin: 0 1em;}
.magazine-img img {max-width: 220px;}
.magazine-img h3 {text-align: center; font-size: 1.3em; margin: 0.5em 0; background: none; font-weight: 500;}
.magazine-img h3 span {font-size: 17px; background-color: #eee; padding: 4px 10px 2px;}
.magazine-wrap .clear {padding: 1em 0;}
.magazine-wrap.mt3em {margin-top: 3em;}
.magazine-naiyou {}
.magazine-naiyou p {margin: 0;}
.magazine-naiyou .magazine-img {box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;}
.magazine-naiyou .magazine-img img {max-width: 320px;}
.magazine-naiyou .magazine-img h3 {border: solid 1px #ccc; margin: 0; font-size: 1em; padding: 5px;}
p.writer {text-align: right; font-size: 0.9em;}

@media screen and (max-width: 768px){
	.magazine-img {float: none;}
	.magazine-wrap p {padding: 0 0 1em; font-size: 1em;}
	.magazine-naiyou .col-9, .magazine-naiyou .col-3 {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
	.magnum1 {order: 1;}
	.magnum2 {order: 2;}
	.magnum3 {order: 3;}
	.magnum4 {order: 4;}
	.magazine-naiyou .magazine-img {margin: 0 0 1.5em; box-shadow: none;}
	.magazine-naiyou .magazine-img h3 {max-width: 320px; margin: 0 auto;}
	.magazine-wrap.mt3em {margin-top: 0;}
}




/*****　表　*****/
.cont-section h3.inversion {background-color: #1e398c; color: #fff;}
.ike-contents-wrap p.red {color: red;}
.reward-table {margin: 1.5em 0 3em;}
.reward-table table {width: 100%; border: solid 1px #7bc899; margin: 0.5em 0;}
.reward-table table tr th, .reward-table table tr td {padding: 5px 10px; border: dotted 1px #7bc899;}
.reward-table table tr th {vertical-align: middle; width: 25%; background-color: #afecc7;}
.reward-table table tr td {width: 75%;}
.cont-section .reward-table p {margin: 0;}
.cont-section .reward-table h4 {}


@media screen and (max-width: 768px){
	.reward-table table tr th, .reward-table table tr td {display: block; width: 100%;}
}



/*----------------------------------------
 業務内容
----------------------------------------*/
#credo-busicontent {}
#credo-busicontent .comp-choice {margin: 0 0 2em;}


@media screen and (max-width: 991px){
	#credo-busicontent .comp-choice .company-item {padding: 1em;}
}

@media screen and (max-width: 768px){
	#credo-busicontent .comp-choice .col-4 {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
}

@media screen and (max-width: 480px){
	#credo-busicontent .comp-choice .company-item {padding: 0.5em;}
	#credo-busicontent .comp-choice .company-item .company-midashi h4 {font-size: 13px;}
}

/*****　不動産売買事業　*****/
#credo-buysell {}


/*****　不動産賃貸事業　*****/
#credo-buil {}


/*****　開発/建築　*****/
#credo-deve {}


/*****　事業用不動産の所有　*****/
#credo-income {}


/*****　賃貸管理　*****/
#credo-rentalmanag {}


/*****　貸駐車場　*****/
#credo-parking {}



/*----------------------------------------
 サイトマップ
----------------------------------------*/

.box-sitemap {}
.sitemap-list {}
.sitemap-list ul li {position: relative; padding: 0 10px;;}
.sitemap-list ul li.mtop1em {margin-top: 1em;}
.sitemap-list ul li a {color: #333; transition: 0.3s;}
.sitemap-list ul li .front {font-weight: 600; display: block; margin-bottom: 5px; padding: 3px 10px; border-radius: 8px;}
.sitemap-list ul li a:hover {color: #d87900; text-decoration: underline;}
.sitemap-list ul li ul li {padding-left: 30px;}
.sitemap-list ul li ul li::before {content: ''; display: inline-block; background: #333; width: 6px; height: 6px; border-radius: 50%; position: absolute; top: 50%; left: 15px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);}



@media screen and (max-width: 768px){
	.sitemap-list ul li {font-size: 15px;}
	.sitemap-list ul li.mtop1em {padding: 0;}
}

@media screen and (max-width: 480px){
	.sitemap-list ul li {font-size: 14px;}
}

/*--------------------
 パンくず
--------------------*/
.bread-crumb {padding: 5px 0;}
.bread-crumb ul {list-style: none;}
.bread-crumb li {display: inline; float: left;}
.bread-crumb li a {color: inherit; text-decoration: none;}
.bread-crumb li + li:before {content: ">"; margin: .5em;}
.bread-crumb ul ul li {margin-left: 0.5em;}

@media screen and (max-width: 768px){
	.bread-crumb {font-size: 0.8em;}
}

/*--------------------
 お問い合わせフォーム
--------------------*/
#contact-select {}
form button, form input, form optgroup, form select, form textarea {-webkit-appearance: auto; appearance: auto;}
p.red {color: #e60000;}

table.tbl-form {width: 100%; margin: 0 0 30px;}
table.tbl-form select {min-width: 40%;}
table.tbl-form tr th, table.tbl-form tr td {border: 1px solid #ccc; padding: 1em; vertical-align: middle; font-size: 1.1em;}
table.tbl-form tr th {background: #12287e; color: #fff; font-weight: bold;  width: 30%; text-align: left;}
table.tbl-form tr th span {font-weight: 500; color: #fff; font-size: 1em; margin-left: 10px;}
table.tbl-form tr th span.credo-required {color: #ffed25; font-weight: 600;}
.form-text {padding: 0.3em 0;}
.wpcf7-form-control-wrap {position: relative;}
input[type="text"], input[type="number"], input[type="tel"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], select, textarea {padding: 5px 15px; font-family: "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, sans-serif; border: solid 1px #ccc; font-weight: 500; border-radius: 12px;}
input.per100[type="text"], input.per100[type="email"], textarea {width: 100%;}
.wpcf7-list-item {display: inline-block; margin: 0 0 0 1em;}
input[type="checkbox"] {margin: 0 0.5em 0 0; transform: scale(1.2); vertical-align: 1px;}
.tcenter input[type="checkbox"] {appearance: auto;}
.form-button {margin: 20px 0; width: 100%; position: relative;}
.form-button input[type="submit"] {background: #4c61b4; color: #fff; font-size: 16px; padding: 10px 20px; width: 100%; max-width: 240px; display: inline-block; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; cursor: pointer; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; position: absolute; top: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);}
.form-button input[type="submit"]:hover {background: #d87900;}
.contact-box p.sentence a {font-size: 18px; line-height: 1.6;}

.tel-wrap .content-shell h4 {background-color: #e8f1ff;}
.tel-wrap .content-shell h6 {font-size: 24px;}

@media screen and (max-width: 768px){
	.credo-form-wrap h2 {font-size: 1.4em;}
	input[type="text"], input[type="number"], input[type="tel"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], select, textarea {width: 100%; font-size: 15px;}
	table.tbl-form tr th, table.tbl-form tr td {display: block; width: 100%; padding: 10px; font-size: 15px;}
	table.tbl-form tr th span {font-size: 15px; margin-left: 5px;}
	.credo-form-wrap h5 {position: relative; top: initial; left: initial; margin-bottom: 1.2em;}
	.tel-wrap .content-shell h6 {font-size: 4vw;}
}

@media screen and (max-width: 480px){
	.form-button input[type="submit"] {min-width: 90%;}
	.tel-wrap .content-shell h6 {font-size: 5.5vw;}
}



/*****　送信内容確認ページ　*****/
#credo-contact-confirm {}
.credo-c-confirm {}
.form-button input[type="button"].credo-return {
	background: #a81c1c;
    color: #fff;
    font-size: 1.1em;
    padding: 1em;
    min-width: 47%;
    margin: 0 1%;
    display: inline-block;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    cursor: pointer;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.form-button input[type="button"].credo-return:hover {background: #c24545;}
.form-button input[type="submit"].credo-send {}

@media screen and (max-width: 480px){
	.form-button input[type="button"].credo-return {min-width: 90%;}
}


/*****　サンクスページ　*****/
#credo-contact-thanks {}
.credo-c-thanks {margin: 4em 0 0;}
.credo-c-thanks h5 {text-align: center; font-size: 1.1em;}
.credo-c-thanks h5 a {
	border: solid 1px #1c54a8;
    color: #1c54a8;
    font-weight: 500;
    display: inline-block;
	padding: 10px 25px;
	border-radius: 4px;
    transition: all 0.4s;
}
.credo-c-thanks h5 a:hover {background-color: #1c54a8; color: #fff;}



/*--------------------
 カテゴリーページ
--------------------*/
#ik-category {padding: 0 0 3em;}
#ik-category .bread-crumb {margin-bottom: 4em;}
ul.ikecate {}
li.ikecate-li {}
.ikecate-li-link {}
.ikecate-eyecatch {}
.ikecate-date {}
.ikecate-category {}
.ikecate-title {}
.ikecate-text {}

.ik-pagenation {}



/*--------------------
 アーカイブページ（お知らせ一覧）archive-news.php
--------------------*/
#cp-archive {padding: 0 0 5em; background-color: #ebf1f4;}
#cp-archive .bread-crumb {margin-bottom: 4em;}
ul.bearchive {padding: 1em;}
li.bearchive-li {clear: both; margin: 0 0 10px; padding: 0 0 5px; border-bottom: solid 1px #ccc;}
#cp-archive .bearchive-li-link {display: inline-block; width: 100%; transition: 0.3s;}
#cp-archive .bearchive-eyecatch {max-width: 120px; float: left; margin-right: 1em; overflow: hidden;}
#cp-archive .bearchive-eyecatch img {display: block; transition: 0.3s; width: 120px; height: 90px;}
.bearchive-date {font-weight: 600; transition: 0.3s;}
.bearchive-archive {}
#cp-archive .bearchive-title {overflow: hidden; margin: 0; font-size: 1.4em; padding: 0; border: none;}
#cp-archive .bearchive-title span {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; transition: 0.3s;}
.bearchive-text {overflow: hidden;}
.bearchive-text span {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; transition: 0.3s;}
#cp-archive .bearchive-li-link:hover .bearchive-date {color: #d87900;}
#cp-archive .bearchive-li-link:hover .bearchive-title span {color: #d87900;}
#cp-archive .bearchive-li-link:hover .bearchive-text span {color: #d87900;}
#cp-archive .bearchive-li-link:hover .bearchive-eyecatch img {transform: scale(1.1, 1.1);}


@media screen and (max-width: 768px){
	#cp-archive {padding: 0 0 2em;}
}

/*****　ページネーション　*****/
.cp-pagenation {position: relative; text-align: center;}
.cp-pagenation-inner {display: inline-block; padding: 5px 25px; background-color: #4c61b4; border-radius: 24px;}
.page-numbers {font-family: 'Quicksand', sans-serif; font-weight: 700; font-size: 16px; color: #fff; position: relative; display: inline-block; padding: 0 10px; margin: 0 10px; transition: 0.3s;}
.current:before {content: ''; display: block; width: 27px; height: 27px; position: absolute; left: 0; right: 0; bottom: 0; margin: auto; border: solid 2px #fff; border-radius: 50%;}
a.page-numbers:hover {color: #d87900;}


@media screen and (max-width: 768px){
	ul.bearchive {padding: 1em 0;}
	li.bearchive-li {margin: 0 0 0.5em; height: 68px;}
	#cp-archive .bearchive-eyecatch {max-width: 80px;}
	#cp-archive .bearchive-eyecatch img {width: 80px; height: 60px;}
	.bearchive-date {line-height: 1.2; font-size: 13px;}
	#cp-archive .bearchive-title {font-size: 15px; line-height: 1.4;}
	#cp-archive .bearchive-title span {-webkit-line-clamp: 2;}
	.bearchive-text {display: none;}
	.page-numbers {margin: 0 5px; font-size: 15px;}
}

@media screen and (max-width: 480px){
	.cp-pagenation-inner {padding: 5px 20px;}
	.page-numbers {font-size: 13px;}
	.current:before {width: 24px; height: 24px; border: solid 1px #fff;}
}


/*--------------------
 404ページ
--------------------*/
#none-content {}
#none-content section {padding: 4em 0 6em;}
.fixed-cach h2.font-meiryo {font-size: 2.4em; color: #fff;}
.backtotop {position: relative; margin: 2em 0 3em;}
.backtotop .more-shell {left: 50%; right: initial; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);}


@media screen and (max-width: 768px){
	.fixed-cach h2.font-meiryo {font-size: 1.8em;}
}


/*********************************************************************
　投稿ページ single.php｜ニュースページ single-news.php 共通
*********************************************************************/
/*****　共通　*****/
#post-page {}
#post-content {padding: 0 0 5em; background-color: #ebf1f4;}
#post-content .bread-crumb {margin-bottom: 4em;}

.creation_date {display: inline-block; font-weight: 600; color: #999;}
.creation-archive {}
h2.creation-title {font-size: 30px; padding-bottom: 5px; position: relative; border-bottom: solid 1px #ccc;}
h2.creation-title::after {content: ''; position: absolute; bottom: -1px; left: 0; width: 20%; line-height: 0; display: block; overflow: hidden; border-bottom: solid 1px #4c61b4;}
.creation-maintext {margin: 40px 0 0;}


@media screen and (max-width:1200px){
	#post-content .container {padding: 0 10px;}
}

@media screen and (max-width:768px){
	.creation_date {font-size: 15px;}
	h2.creation-title {font-size: 4vw;}
	.creation-maintext {margin: 30px 0 0;}
	#post-content {padding: 0 0 2em;}
}

@media screen and (max-width:480px){
	.creation_date {font-size: 13px;}
	h2.creation-title {font-size: 5vw;}
	.creation-maintext {margin: 20px 0 0; font-size: 15px;}
}

/*****　ヘッダー画像　*****/
.post-head {position: relative; width: 100%; height: 400px; padding-top: 80px;}
.post-head-inner {position: relative; max-width: 1100px; margin: 0 auto; width: 100%; height: 100%;}
.post-cach {position: absolute; top: 50%; left: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); z-index: 6;}
.post-cach h2 {font-size: 2.4em; color: #fff;}
.post-head .bg-image {}


@media screen and (max-width:1200px){
	.post-cach {left: 10px;}
}

@media screen and (max-width: 991px){
	.post-head {padding-top: 60px;}
}

@media screen and (max-width: 768px){
	.post-cach h2 {font-size: 1.8em; line-height: 1.2;}
}


/**********************************************
　お知らせページ
**********************************************/
#news-page {}
.news-content {margin: 3em 0 0; padding: 0 0 4em;}
.news-content img {width: auto;}
.news-content .alignright {float: right;}
.news-content .alignleft {float: left;}
.news-content .aligncenter {}

@media screen and (max-width: 768px){
	.news-content p {text-align: center;}
	.news-content .alignright, .news-content .alignleft {float: none;}
}


/**********************************************
　物件情報
**********************************************/
#bukken-list {}
#bukken-list .cont-section {margin: 0;}
.mansion-wrap {padding: 0 1em;}
.mansion-wrap .row-ar {justify-content: initial;}
.mansion-wrap .col-4 {margin-bottom: 2em;}
.mansion-wrap .col-4 a img {max-width: 480px; transform: scale(1); transition: 0.4s;}
.mansion-wrap .col-4 a:hover img {transform: scale(1.1);}
.mansion-wrap .col-6 {margin: 0 0 3em;}
.mansion-item {padding: 0 1em; transition: all 0.4s ease;}
.mansion-item a {position: relative; transition: 0.4s;}
.mansion-item a:hover {box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;}
.mansion-item h3 {position: relative; font-size: 1.1em; margin: 0; padding: 5px 100px 5px 15px; box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px; transition: 0.4s; overflow: hidden;}
.mansion-item h3 b {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.mansion-item h3 span {position: absolute; top: 50%; right: 15px; display: inline-block; font-size: 15px; font-weight: 500; color: #fff; background-color: #4b8ab0; padding: 0 8px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);}
.mansion-item a:hover h3 {color: #f2941d; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;}
.mansion-img {position: relative; box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px; transition: 0.4s; overflow: hidden;}
.mansion-item a:hover .mansion-img {box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;}
.mansion-img .col-9 {overflow: hidden;}
.mansion-img .col-9 img {max-width: 384px; transform: scale(1); transition: 0.4s;}
.mansion-item a:hover .mansion-img .col-9 img {transform: scale(1.1);}
.mansion-img .col-3 {overflow: hidden;}
.mansion-img .col-3 img { transform: scale(1); transition: 0.4s;}
.mansion-item a:hover .mansion-img .col-3 img {transform: scale(1.1);}
.mansion-textarea {position: absolute; top: 0; left: 0; padding: 2px 10px; background-color: #fff;}
.mansion-textarea h4 {font-size: 16px;}

/*****　切り替え　*****/
.bukken-choice {margin: 1.5em 0 3em;}
.bukken-choice ul {display: flex; flex-wrap: wrap; justify-content: center;}
.bukken-choice ul li {margin: 10px;}
.bukken-choice button {width: 148px; padding: 8px 15px 5px; text-align: center; font-size: 0.9em; transition: 0.4s ease-in-out; font-weight: 600; background: linear-gradient(to top, rgb(187, 110, 12), #f2941d); color: #fff; border-radius: 18px;}
.bukken-choice button:hover {background: linear-gradient(to top, rgb(140, 81, 7), #b96e10);}
.hidden {display: none;}



@media screen and (max-width: 1048px){
	.mansion-wrap .col-4 {-ms-flex: 0 50%; flex: 0 0 50%; max-width: 50%;}
	.mansion-img {float: none; text-align: center;}
	.apartment-google {float: none; margin-top: 1em;}
}
@media screen and (max-width: 768px){
	.mansion-wrap {padding: 0;}
	.mansion-wrap .col-4 {-ms-flex: 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 1em;}
	.mansion-item {padding: 0 0.5em;}
	.mansion-wrap .col-6 {margin: 0 0 2em; border: solid 1px #ddd; box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;}
}
@media screen and (max-width: 368px){
	.bukken-choice ul li {margin: 10px 5px;}
	.bukken-choice button {width: 130px;}
}


/**********************************************
　物件情報各種詳細ページ
**********************************************/
#property-page {}
.cate-shell {padding: 0.5em 0 0; clear: both;}
.cate-shell a {pointer-events: none; background-color: #666; color: #fff; padding: 5px 15px; margin-right: 12px;}
.property-content {}
#post-content section#property-image {padding: 1em 0 3em;}
.h-named {}
.h-named h3 {color: #0088d4; background-color: #fff; font-size: 2em; font-weight: 600; padding: 5px 15px; display: block; border: 2px solid #0088d4; box-shadow: 5px 8px 0 #0088d4;}
.slider-container {display: flex; flex-direction: column; align-items: center; margin-top: 3em;}
.slider-frame {width: 100%; max-width: 960px; margin-bottom: 10px;}
.slider-frame img {width: 100%; height: auto; opacity: 1; transition: opacity 1.5s ease;}
.slider-frame img.fade-out {opacity: 0;}
.swiper-container {width: 100%; max-width: 960px; overflow: hidden;}
.swiper-wrapper {}
.swiper-slide {}
.swiper-slide img {width: 100%; height: auto;}

#post-content section#property-data {padding: 0 0 3em;}
.property-body {max-width: 960px; margin: 0 auto;}
.property-body h4 {font-size: 1.4em; font-weight: 600; border-left: 8px solid #0088d4; position: relative; padding: 5px 20px; margin-bottom: 20px;}
.property-body h4::before {content: ''; position: absolute; top: 0; left: 4px; width: 3px; height: 100%; background-color: #0088d4;}
.property-body p {font-size: 1.1em;}
.property-add {max-width: 960px; margin: 2em auto; padding: 5px 15px; border: solid 1px #000; box-shadow: 3px 4px 0 #000;}
.property-list {max-width: 960px; margin: 0 auto;}
.property-list h4 {padding: 15px 10px; font-size: 1.2em;}
.waku-cell {position: relative; display: flex; clear: both;}
.table-cell {border-bottom: solid 1px #e4e4e4; float: left; width: 30%;}
.cell-content {padding: 12px 0;}
.cell-content p {padding: 0 10px; line-height: 1.4;}
.ml-space {margin-left: 1%; width: 68.9%;}

.cyuui {text-align: right; padding: 10px;}

@media (max-width: 768px) {
	.h-named h3 {font-size: 24px;}
	.slider-container {margin-top: 1.5em;}
    .swiper-container {width: 100%;}
	.property-body h4 {font-size: 20px;}
	.property-body p {font-size: 16px;}
	.cyuui {font-size: 0.8em; text-align: left;}
}



/**********************************************
　各ページ追加
**********************************************/
.content-wrap .clinic-info-wrap {border-radius: 24px; padding: 40px; height: initial;}
.content-wrap .clinic-info-table {margin: 20px 0 0;}


@media (max-width: 768px) {
	.content-wrap .clinic-info-wrap {padding: 30px;}
}

@media (max-width: 480px) {
	.content-wrap .clinic-info-wrap {padding: 20px;}
	.content-wrap .clinic-info-table {margin: 10px 0 0;}
	.content-wrap table.timetable {margin-top: 10px;}
}