/*
 Theme Name:at-set Child
 Theme URI:http://www.pop-mix.jp/
 Description:  AT Child Theme
 Author:popmix
 Author URI:http://www.pop-mix.jp/
 Template:at-set
 Version:1.0.0
 Text Domain:at-set-child
*/
/*--------------------------------------------------------------
>>> STYLE OF CONTENTS:
----------------------------------------------------------------*/

/*
Theme Name:suntachi
Theme URI:https://suntachi.net/
Description:  suntachi Theme
Author:popmix
Author URI:
Template:popmix
Version:1.0.0
*/
/*--------------------------------------------------------------
CONTACT CONTENTS:
----------------------------------------------------------------
# Header
# Eyecatch
# Main Content
# Title
# Links
# Elements
# Footer
# clearfix
--------------------------------------------------------------*/

#contents {
  position: relative;
  width:100%;
  z-index: 0;
	background: none;
}

#contents::before {
  content: '';
  display:block;
  position:fixed;
  top:0;
	left:160px;
  z-index:-1;
  width:100%;
  height: 100vh;
  background:url(../img/img_common_bg01.png);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-size:cover;
}

#cover {
	min-height: calc(100vh - 100px);
}

#wMain .action,
#wHeader .action {
	visibility: hidden;
}

@media screen and (max-width: 799px) {
#contents::before {
	display: none;
	}

}
/*end*/

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/


#icoScroll {
	position: relative;
	justify-content: flex-end;
    order: 2;
  margin-bottom: 0;
  padding: 0 1em;
  font-size: 2.2rem;
  color: #F8DF08;
  color: #ff6f1a;
  text-align: center;
  background: rgba(255, 255, 255, 0.8);
  z-index: 2;
  transition: all 300ms 0s ease;
}

#icoScroll::after {
    position: absolute;
    margin: auto;
    content: "";
    vertical-align: middle;
}

#icoScroll::after{
    right: 35px;
    top: 52px;
    width: 30px;
    height: 30px;
    border-top: 6px solid #fff;
    border-right: 6px solid #fff;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    animation: attention1 2s ease 0s infinite alternate none;
}

@keyframes attention1 {
    0% {
        top: 26px;
    }

    100% {
        top: 38px;
    }
}
/*end*/

#consultationForm a {
  border: 3px solid #ffffff;
  box-shadow: 0 2px 6px rgba(173, 217, 255, 0.6);
  background: rgba(212, 59, 0, 0.66);	    
}

/*end*/

@media screen and (min-width: 800px) {
    #wHeader {
        min-height: calc(90vh);
    }

    #wHeader::after {
        min-height: calc(80vh);
        background: url(../img/img_common_bg01) no-repeat bottom right;
        background-size: contain;
    }

    #wHeader #consultationForm {
        top: 30px;
    }
}
/*end*/
@media screen and (max-width: 799px) {
	
#siteLogo {
  position: relative;
  width:100%;
  height: 60vh;
	padding-top: 5em;
  padding-bottom: 2em;
  z-index: auto;
  background: none;
}

#siteLogo::before {
  content: '';
  display:block;
  position:fixed;
  top:0;
  left:0;
  z-index:-1;
  width:100%;
  height: 100vh;
  background:url(../img/img_common_bg01.png);
  background-position: 12%;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-size:cover;
}
  
	#siteLogo a {
  position: relative;
  background: rgba(255, 240, 229, 0.7);
  padding: 1em 1em 0.5em;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  z-index: 2;
	}
	
	#areaListColumn {
		background: none;
	}


}
/*end*/


/*--------------------------------------------------------------
# Title
--------------------------------------------------------------*/
h1 {
    margin: 0 0 1em;
    font-size: 3.6rem;
    line-height: 1.4;

}

h1.subTitle {
    color: #00a0e9;
    text-align: center;
}

h2,h3,h4,h5,h6 {
    margin: 0 0 1em;
}

@media screen and (min-width: 800px) {
    h2,h3,h4,h5,h6 {
        margin-bottom: 1em;
    }

}
/*end*/

/*--------------------------------------------------------------
# Main Content
--------------------------------------------------------------*/

#areaMainvisual {
	position: relative;
    display: -webkit-flex;
    display: flex;
	flex-direction: column;
	align-items: center;
	height: 100%;
	height: 100vh;
	box-shadow: 1px -2px 6px rgba(1, 17, 25, 0.56) inset;
}

#areaMainvisual:before{
	content: '';
	display: block;
	transform: rotate(-30deg);
	position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
  height: 420px;
  background-image: linear-gradient(rgba(255, 111, 26, 0.88), rgb(255, 118, 0));
  transform: skewY(-34deg);
  transform-origin: top right;

}

/*#areaMainvisual:after{
	content: '';
	display: block;
	position: absolute;
bottom: 0;
    right: 0;
    width: 100%;
    height: 420px;
    background: url(../img/img_top_appeal.png) no-repeat top right;
    background-size: auto 100%;
}*/


#areaMainvisual .copy {
	max-width: 590px;
  margin: auto auto auto 40px;
  padding-top: 3em;
  font-size: 4rem;
  line-height: 1.6;
  text-align: center;
  color: #fff;
  background: rgba(255, 240, 229, 0.3);
  padding: 1em 1em 0.5em;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}

#areaMainvisual .copy span {
    margin-bottom: 0.25em;
    font-size: 2.4rem;
    color: #00A0E9;
}

#areaAppeal {
position: absolute;
right: 10px;
bottom: 0;
}

#areaAppeal2 {
position: relative;
    background: #fbd309;
    text-align: center;
    padding: 3em 1em 1em;
}

#areaAppeal2 .btn {
	font-size: 3rem;
}

.setContents {
	padding: 3em 2em 2em;
}

.areaProperty {
    display: -webkit-flex;
    display: flex;
	position: relative;
	width: 100%;
	padding-top: 6em;
    padding-bottom: 5em;
    background: rgba(115, 150, 160, 0.7);
	background-size: cover;
}

#areaPropertySale {
  background: rgba(119, 223, 253, 0.7);	
}

#areaPropertyRent {
  background: rgba(146, 191, 38, 0.7);	

}

.areaProperty .setContents {
    display: -webkit-flex;
    display: flex;
	flex-direction: column;
    width: 100%;
}

#areaPropertySale .setContents {
	box-shadow: 2px -3px 4px rgba(0, 158, 158, 0.56) inset;
}

#areaPropertyRent .setContents {
	box-shadow: 2px -3px 4px rgba(0, 105, 8, 0.56) inset;
}

.areaProperty h2 {
	position: relative;
    margin-bottom: 0.5em;
	font-size: 1.7rem;
	color: #444;
}

.areaProperty .subTitle {
	padding-left: 100px;
	font-size: 3.2rem;
	line-height: 1.4;
	font-weight: bold;
	color: #fff;
}

#areaPropertySale .subTitle {
	color: #eafffd;
    background: url(../img/img_common_img02.png) no-repeat left 10px top -7px;
    background-size: auto 66px;
}

#areaPropertySale .subTitle span {
	color: #fff;
}

#areaPropertyRent .subTitle {
	color: #e7ffad;
  background: url(../img/img_common_img03.png) no-repeat left 17px top 8px;
    background-size: auto 59px;
}

#areaPropertyRent .subTitle span {
	color: #c5ea31;
}

.blockProperty .subTitle span {
    display: inline-block;
    margin: 0 auto 0.25em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    font-size: 2.4rem;
    line-height: 1.4;
    vertical-align: middle;
    color: #fff;
    background: #00A0E9;
}

.blockProperty .item {
	box-shadow: 0 2px 6px rgba(111, 124, 136, 0.6);
}

.areaProperty p {
	position: relative;
	padding: 3em 0 4em;
	color: #fff;
	text-align: center;
}

#areaSchedule {
    position: relative;
    padding-bottom: 4em;
    color: #fff;
    background: #00a0e9;
    /*-webkit-transform: translate(10px, 0) rotate(5deg) scale(1);
    -moz-transform: translate(10px, 0) rotate(5deg) scale(1);*/
    z-index: 1;
}

#wMain #areaSchedule h3 {
    display: -webkit-flex;
    display: flex;
    position: relative;
    min-height: 6em;
	margin-bottom: 40px;
    padding: 5px 1em;
	font-size: 2.4rem;
    color: #00a0e9;
	text-align: center;
    background: #fff;
}

#wMain #areaSchedule h3:before {
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0;
    content: "";
    width: 0;
    height: 0;
    margin: 0 auto;
    border-style: solid;
    border-width: 24.2px 14px 0 14px;
    border-color: #fff transparent transparent transparent;
}

#wMain #areaSchedule h3 span {
    margin: auto;
}

#wMain #areaSchedule p {
	padding: 0 1em;
}

#wMain #areaSchedule .item p:last-child {
    margin-top: auto;
    margin-bottom: 0;
}

#wMain #areaSchedule .setContents {
    z-index: 1;
    position: relative;
}

#wMain #areaSchedule .setContents .setMultipleColumn li {
	position: relative;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
	width: 100%;/*均等*/
	height: auto;
    margin: 0 5px 0;
    padding: 0 10px 90px 0;
}

#wMain #areaSchedule .setContents .setMultipleColumn li::before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 24px;
    width: 40px;
    height: 40px;
    margin: auto;
    vertical-align: middle;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

#wMain #areaSchedule .setContents .setMultipleColumn li:last-of-type::before {
    display: none;
}

#wMain #areaSchedule .item {
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding-top: 30px;
}



#areaContact {
	min-height: 380px;
	background: url(../img/img04.jpg) no-repeat;
	background-position: 30%;
	background-size: cover;
}

#areaContact .setContents {
	position: relative;
	padding: 0;
	box-shadow: 2px -3px 4px rgba(0, 105, 8, 0.56) inset;
}

#areaContact .info {
  position: absolute;
  top: 20px;
  left: 5%;
  padding: 1.5em 1em 0;
  border: 1px solid #ff6f1a;
	backdrop-filter: blur(5px);
  background: rgba(247, 226, 201, 0.5);
  z-index: 1;
}

 #areaContact h3 {
    color: #ff6f1a;
}

#areaContact .title {
  padding: 2px 0.5em;
	color: #ff9528;
  font-weight: bold;
  background: rgba(255, 249, 242, 0.88);
}

#areaMap {
	width: 100%;
	height: 380px;
}

#areaContact dl {

}

#areaContact dl div {
    display: -webkit-flex;
    display: flex;
    width: 100%;
}

#areaContact dt,
#areaContact dd {
  margin-bottom: 0.5em;
  padding: 0 0.5em;
}


#areaContact dt {
	width: 5em;
	font-weight: bold;
}

 #areaContact .txtStyle01 {
  color: #00a0e9;
  font-weight: bold;
  text-align: center;
}

#wMain #areaContact #contactInfo {
    padding: 1em 0 0.5em;
    border-radius: 10px;
    margin: 0 auto;
    color: #00a0e9;
}

#wMain #areaContact #contactForm {
    margin: auto;
    text-align: center;
}

@media screen and (min-width: 800px) {

.areaProperty {
	padding: 0;
	background-size: auto;
}

.areaProperty h2 {
	font-size: 1.8rem;
}
.areaProperty .subTitle {
	font-size: 4.8rem;
}

.areaProperty .set2Column {
    flex-direction: row;
}
    
.areaProperty .txt {
    font-size: 2.8rem;
    line-height: 1.8;
}

#areaSchedule h3 {
	margin-bottom: 30px;
}

#wMain #areaSchedule .setContents .setMultipleColumn {
	margin-bottom: 0;
}

#wMain #areaSchedule .setContents .setMultipleColumn li {
        padding: 0 10px 90px 16px;
}
    
#wMain #areaSchedule .setContents .setMultipleColumn li::before {
    left: auto;
    right: -15px;
    top: 0;
    bottom: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

#wMain #areaSchedule .setContents .setMultipleColumn p {
	padding-top: 0;
	padding-bottom: 0;
	background: none;
}


}
/*end*/

@media screen and (max-width:1330px) {
#areaAppeal {
	max-width: 34%;
	}
}

@media screen and (max-width:799px) {
	#contents {
		background-attachment: scroll;
		background-repeat: no-repeat;
	}
	.listNewArticle li p,
	#setNavSub li {
		position: relative;
		z-index:1;
	}
	#areaMainvisual {
		height: 28vh;
		box-shadow: none;
	}
	#areaMainvisual:after {
		height: 200px;
		background-size: auto 100%;
		background-position: bottom;
	}
	#areaMainvisual:before {
		height: 300px;
	}
	#areaMainvisual .copy {
		display: none;
	}
	#areaAppeal {
	max-width: 70%;
	z-index: 3;
	}
	#areaAppeal2 img {
		max-width: 90%;
	}
	#icoScroll {
		display: none;
	}
	.setContents {
		padding: 1em 0.5em;
	}
	.areaProperty {
		padding-top: 0;
		padding-bottom: 0;
	}
	#areaContact .info {
		position: static;
		padding: 1em 1em 0.25em;
		border: none;
		backdrop-filter: blur(5px);
      background: rgba(247, 226, 201, 0.9);
	}
	#areaPropertySale .subTitle {
    padding-left: 66px;
    color: #eafffd;
    background: url(../img/img_common_img02.png) no-repeat 12px -5px;
    background-size: auto 42px;
}
	#areaPropertyRent .subTitle {
    padding-left: 66px;
    color: #e7ffad;
    background: url(../img/img_common_img03.png) no-repeat 15px 5px;
    background-size: auto 38px;
}

}
/*end*/

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

#pageTop {
    color: #fff;
}

#pageTop a::before{
    background: #fff;
}
#pageTop a::after{
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;

}

#pageTop:hover {
    color: #00a0e9;
}

#pageTop:hover a::before {
    background: #00a0e9;
}

#pageTop:hover a::after {
    border-top: 1px solid #00a0e9;
    border-right: 1px solid #00a0e9;
}