@charset "utf-8";
/*
Theme Name : アオハル不動産
*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@500;700&display=swap');

html {
	font-size: 10px;
}
@media screen and (max-width: 1800px) {
	html {
		font-size: 0.555555556vw;
	}
}
@media screen and (max-width: 768px) {
	html {
		font-size: 2.60416667vw;
	}
}

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

body {
	font-size: 1.6rem;
	background: #F2EEF2;
	padding-right: 10.4rem;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
}

img {
	max-width: 100%;
	image-rendering: -webkit-optimize-contrast;
	backface-visibility: hidden;
}

a {
	transition: opacity .4s;
	opacity: 1.0;
}
a:hover {
	opacity: .6;
}
ul, li {
	list-style: none;
}

.wrapper {
	max-width: 180rem;
	margin-left: auto;
	margin-right: auto;
}

.inner {
	max-width: 100rem;
	margin-left: auto;
	margin-right: auto;
}

.globalNav {
	height: 10.4rem;
	border: 1px solid #68233B;
	border-width: .8rem 0 0 0;
	background: linear-gradient(to right,
		rgba(255,255,255,1) 0%,
		rgba(255,255,255,1) 50%,
		rgba(255,255,255,0) 50%,
		rgba(255,255,255,0) 100%
	);
	padding: .4rem 0;
}

.globalNav .wrapper,
.globalNav .inner {
	height: 100%;
}
.globalNav .logo {
	height: 100%;
}
.globalNav .sideBar {
	position: fixed;
	top: 0;
	right: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: column;
	width: 10.4rem;
	height: 100%;
	z-index: 100;
	background: #F2EEF2;
}
.globalNav .sideBar .tel {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	width: 10.4rem;
	height: 10.4rem;
	cursor: pointer;
}
/*IE11*/
_:-ms-lang(x), .globalNav .sideBar .tel {
  display: block;
}
.globalNav .sideBar .scroll {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	width: 10.4rem;
	height: 10.4rem;
	cursor: pointer;
}
.globalNav .sideBar .menu {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	background: #68233B;
	color: #fff;
	width: 10.4rem;
	height: 10.4rem;
	cursor: pointer;
}
/*IE11*/
_:-ms-lang(x), .globalNav .sideBar .menu {
  display: block;
}
.globalNav .sideBar .menu img:nth-child(1) {
	display: block;
}
.globalNav .sideBar .menu img:nth-child(2) {
	display: none;
}
.globalNav .sideBar.opened .menu img:nth-child(1) {
	display: none;
}
.globalNav .sideBar.opened .menu img:nth-child(2) {
	display: block;
}
.globalNav .sideBar .tel {
	background: #BA6E86;
}
.globalNav .sideBar .copyright {
	margin: auto;
}
.globalNav .sideBar .copyright img {
	width: 1rem;
}
.globalNav .sideBar .scroll {
	cursor: auto;
}
.globalNav .sideBar .scroll img {
	width: 8.8rem;
	height: 8.8rem;
}
.globalNav .sideBar .scroll img {
	width: 8.8rem;
	height: 8.8rem;
}
#menu {
	position: fixed;
	top: 0;
	right: 10.4rem;
	width: 100%;
	height: 100%;
	display: flex;
	display: none;
	justify-content: flex-end;
	align-items: stretch;
	z-index: 99;
}
#menu .overlay {
	position: fixed;
	top: 0;
	right: 10.4rem;
	width: 100%;
	height: 100%;
	background: rgba(104, 35, 59, .5);
	z-index: 98;
}
#menu .content {
	position: relative;
	width: 44.8rem;
	background: #fff;
	padding: 10.4rem 6.5rem 0;
	margin-right: -44.8rem;
	transition: .4s;
	z-index: 99;
}
#menu.opened .content {
	margin-right: 0;
}
#menu .links .link + .link {
	margin-top: 3.2rem;
}
#menu .links .link h4 {
	color: #BA6E86;
	line-height: 1.5;
}
#menu .links .link ul {
	line-height: 1.5;
	padding-left: 1em;
}
#menu .links .link ul ul {
	padding-left: 0;
}
#menu .links .link ul ul li::before {
	content: "-";
}
#menu .contact {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-direction: column;
}
#menu .contact li {
	width: 100%;
	margin-top: 4.8rem;
}
#menu .company {
	margin-top: 6.5rem;
}
#menu .company p img {
	width: 19.6rem;
	margin-bottom: 1.2rem;
}


.roundedLink {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	min-width: 24.8rem;
	height: 4.8rem;
	background: #BA6E86;
	border-radius: 2.4rem;
	color: #fff;
}
.roundedLink::after {
	content: "";
	position: absolute;
	right: 1.6rem;
	top: 0;
	bottom: 0;
	margin: auto;
	display: block;
	width: .8rem;
	height: 1.7rem;
	background: url('assets/img/roundedlink_label.png') center center / contain no-repeat;
}

footer {
	background: linear-gradient(to right,
		rgba(180,110,134,1) 0%,
		rgba(180,110,134,1) 50%,
		rgba(255,255,255,0) 50%,
		rgba(255,255,255,0) 100%
	);
	padding: .4rem 0;
}
footer .wrapper {
	display: flex;
	justify-content: center;
	align-items: stretch;
	padding: 9rem 0;
}
footer .contact {
	display: flex;
	justify-content: flex-end;
	align-items: stretch;
	width: 50%;
 background-color: transparent;
 padding: 0 0;
}
footer .contact .content {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	width: 50rem;
}
footer .contact .content h2 {
	font-size: 2.4rem;
	color: #fff;
	text-align: center;
 letter-spacing: 0;
}
footer .contact .content ul li {
	width: 32rem;
	margin-top: 4.8rem;
}
footer .links {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-direction: column;
	width: 50%;
	padding: 0 9rem;
}
footer .links .link h4 {
	color: #BA6E86;
	line-height: 1.5;
}
footer .links .link ul li {
	line-height: 1.5;
	padding-left: 1em;
}
footer .links .link + .link {
	margin-top: 3.2rem;
}
footer .links .company {
	padding-top: 2.8rem;
	margin-top: 2.8rem;
	border-top: 1px solid #BA6E86;
}
footer .links .company p img {
	width: 40.4rem;
	margin-bottom: 1.2rem;
}


@media screen and (max-width: 768px) {
	.wrapper {
		max-width: 100%;
	}
	.inner {
		padding: 0 1.6rem;
	}
	body {
		padding-right: 0;
	}

	.globalNav {
		height: 6.4rem;
	}

	.globalNav .sideBar {
		justify-content: flex-start;
		width: 6.4rem;
		height: 12.8rem;
		background: transparent;
	}
	.globalNav .sideBar .menu,
	.globalNav .sideBar .tel {
		width: 6.4rem;
		height: 6.4rem;
	}
	.globalNav .sideBar .copyright,
	.globalNav .sideBar .scroll {
		display: none;
	}
	#menu {
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
	}
	#menu .content {
		display: flex;
		justify-content: flex-start;
		align-items: stretch;
		flex-direction: column;
		width: 100%;
		padding: 2rem 2.8rem;
	}
	#menu .contact {
		margin-top: auto;
		/* flex-direction: row; */
		margin-bottom: 2rem;
	}
	#menu .contact li {
		padding: .8rem;
		width: 70%;
		margin: 0;
	}
	#menu .company {
		margin-top: 0;
		margin-bottom: 2rem;
	}
	#menu .company p img {
		width: 14.6rem;
	}
	footer {
		background: none;
	}
	footer .wrapper {
		flex-direction: column;
		padding: 0;
	}
	footer .contact,
	footer .links {
		width: 100%;
	}
	footer .contact {
		padding: 8rem 1.6rem;
		background: #BA6E86;
	}
	footer .links {
		padding: 8rem 1.6rem;
		background: #F2EEF2;
	}
	footer .links .company {
		margin-top: 2rem;
	}
}

/* スタイルシート追加
　 作成者：Hirama Inc.
　 作成日：R3.09.17
  
-------------------------------------------------------------------------------------*/

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

  form

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

select:focus,
textarea:focus,
input:focus {
}

@media only screen and (max-width: 768px){
select:focus,
textarea:focus,
input:focus {
    font-size: 1.6rem;
}
}

.wpcf7 input::placeholder{}
.wpcf7 input[type="text"] ,
.wpcf7 input[name="your-tel"],
.wpcf7 input[name="your-company"],
.wpcf7 input[name="your-name"],
.wpcf7 input[name="your-email"],
.wpcf7 input[name="your-email_confirm"] ,
.wpcf7 input[type="your-zipcode"] ,
.wpcf7 input[type="adress-a"] ,
.wpcf7 input[type="adress-b"] ,
.wpcf7 input[type="adress-c"] ,
.wpcf7 input[type="adress-d"] {
 -webkit-appearance: none;
 border-radius: 0;
}

.wpcf7 input[type="text"],
.wpcf7 input[name="your-name"],
.wpcf7 input[name="your-company"],
.wpcf7 input[name="your-tel"],
.wpcf7 input[name="your-email"],
.wpcf7 input[name="your-email_confirm"] {
 width: 90%;
	padding:0 10px;
 height: 35px !important;
	border:#CCC solid 1px;
	color:#000;
}

.wpcf7 input[name="your-zipcode"] {
 width: 50%;
	padding:0 10px;
 height: 35px !important;
	border:#CCC solid 1px;
	color:#000;
}

span.addressField {
	display:block;
	width:90%;
}

.wpcf7 input[name="adress-a"],
.wpcf7 input[name="adress-b"],
.wpcf7 input[name="adress-c"],
.wpcf7 input[name="adress-d"] {
 width: 100%;
	padding:0 10px;
 height: 35px !important;
	border:#CCC solid 1px;
	color:#000;
}

.wpcf7-textarea,
.wpcf7-select,
.wpcf7-optgroup { 
 width: 90%;
	box-sizing:border-box;
	padding:0 10px;
	border:#CCC solid 1px;
	color:#000;
 -webkit-appearance: none;
 border-radius: 0;
}

.wpcf7-form-control wpcf7-radiowpcf7-list-item-label {
}

.wpcf7-list-item {
}

span.wpcf7-list-item { display: block; }

/* 承認のためのスタイル */
.beforeSend span.wpcf7-list-item{ display:inline-block;}


/* before */
.sent .formInner { display: none;}

/* after */
.complete-display{ display: none;}

.sent .complete-display{
 display: block;
	padding: 0 0 30px;
}

.contact .sent .complete-display p{
 text-align: left;
}

.wpcf7-response-output {
 margin:15px 0 0 0;
 padding: 0.2em 1em;
 display: none;
}

.wpcf7-response-output .wpcf7-display-none .wpcf7-mail-sent-ok{ display: none;}

span.wpcf7-list-item-label { margin: 0 0 0 5px;}

.wpcf7-not-valid-tip-no-ajax{
 width:100%;
 float:left;
 color: #FF0000;
 padding:7px 0 0 0;
}

.wpcf7-validation-errors{
 color: #FF0000;
 font-weight:700;
 font-size:110%;
 margin :20px auto;
 text-align:center;
}

/* エラーメッセージ */
.wpcf7 span.wpcf7-not-valid-tip {
	color: #8c0000;
	margin-top:5px;
	display:block;
	width:100%;
	font-size: 80%;
}

.agree span.wpcf7-not-valid-tip {
}

@media only screen and (min-width: 641px){
.agree span.wpcf7-not-valid-tip {
 float:left;
}
}

@media only screen and (max-width: 640px){
.beforeSend span.wpcf7-list-item {
 float:left;
}
	
.agree span.wpcf7-not-valid-tip {
 color: #8c0000;
 display: block;
 float: left;
 font-size: 80%;
 margin-top: 5px;
 width: 100%;
}
}

/* エラーの色 */
.contactform input.wpcf7-not-valid { background: #FFBFBF; }
.contactform #main textarea.wpcf7-not-valid { background: #FFBFBF; }
.wpcf7 .wpcf7-response-output {margin: 10px 0 0; padding: 8px 35px 8px 14px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.wpcf7 .wpcf7-validation-errors {color: #B94A48; background-color: #F2DEDE; border: 1px solid #EED3D7;}
.wpcf7 .wpcf7-mail-sent-ok {color: #3A87AD; background-color: #D9EDF7; border: 1px solid #BCE8F1;}

/* submit */
.contactform input[type="submit"] {
width: 100%;
border: 2px solid #67233A;
background-color:#67233A;
display: inline-block;
text-align: center;
text-decoration: none;
color: #FFF;
cursor: pointer;
}

.contactform input[type="submit"]:hover {
 border-color: #51837b;
	background-color:#51837b;
}

.contactform input[type="submit"][disabled],
.contactform input[type="submit"][disabled]:hover {
	background-color:#FFF;
 border-color: #DDD;
 color: #555;
 cursor: not-allowed;
}

.contactform input[type="submit"] {
line-height: 45px;
}

.screen-reader-response {display: none;}

.wpcf7-response-output .wpcf7-mail-sent-ok {display: none;}

span.beforeSend {margin: 0 5px 0 0;}


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

  wp-pagenavi

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

.wp-pagenavi {text-align: center;}

.wp-pagenavi .page {background-image:none;}

@media only screen and (min-width: 1151px) {
.wp-pagenavi {
 padding: 0px;
	margin:75px 0 40px;
}
}

@media only screen and (min-width: 769px) and (max-width: 1150px) {
.wp-pagenavi {
 padding: 0px;
	margin:15px 0 50px;
}
}

@media only screen and (max-width: 768px) {
.wp-pagenavi {
 padding: 0px;
	margin:15px 0 40px;
}
}

.wp-pagenavi a,
.wp-pagenavi span {
	border: 1px solid #CCC;
	margin: 2px;
	padding: 20px 20px;
	text-decoration: none;
	color: #333;
	background-color: #FFF;
	box-sizing:border-box;
	text-transform: uppercase;
}

@media only screen and (max-width: 768px) {
.wp-pagenavi a,
.wp-pagenavi span {
 padding: 18px 18px;
}
}

.wp-pagenavi a,
.wp-pagenavi span a {
}

.wp-pagenavi a:hover,
.wp-pagenavi span.current {
 border: 1px solid #B46E86;
 background-color: #B46E86;
 color: #FFF;
	text-decoration:none;
}

.wp-pagenavi span.current {
 color: #FFF;
 font-weight: bold;
}

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

  table

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

table {line-height: 1.8;width: 100%;}

@media only screen and (min-width: 769px){
table {

border-spacing: 5px;
border-collapse: separate;
}	
}

@media only screen and (max-width: 768px){
table {
	border-top:#DDD solid 1px;
 border-collapse: collapse;
 border-spacing: 0;
}	
}

table th {
	vertical-align: middle;
	font-weight: normal;
	background-color:#D8ADBB;
	text-align: left;
	margin: 0 auto;
}

@media only screen and (min-width: 769px){
table th {
	padding: 15px 20px 13px 25px;
}
}

@media only screen and (max-width: 768px){
table th {
	border-right:#DDD solid 1px; border-left:#DDD solid 1px; border-bottom:#DDD solid 1px;
	padding:10px 20px 10px 20px;
	display: list-item;
	list-style:none;
}
}

table td {
	vertical-align: middle; margin: 0 auto;
}

@media only screen and (min-width: 769px){
table td {
	border: #DDD solid 1px;
	padding: 15px 20px 15px 20px;
}
}

@media only screen and (max-width: 768px){
table td {
	border-right:#DDD solid 1px; border-left:#DDD solid 1px; border-bottom:#DDD solid 1px;
	padding:15px 20px 15px 20px;
	display: list-item;
	list-style:none;
}
}