@charset "utf-8";
/* CSS Document */
.mfp-bg{background: #ffffff !important;}
/*-------------------------
大見出し　＋　リード文
-------------------------*/
#titleWrap .volIcon{max-width: 100px;
    margin-right: 30px;
    display: block;}

#titleWrap h2 span {font-size: 24px;}

.titleLead{text-align: center;}
.titleLead strong{font-size: 26px;}


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

}

@media screen and (max-width: 640px){
.titleLead{text-align: left;}
.titleLead strong{font-size: 23px;}	
}

.contents_sec .triangle{text-align: center;}
/*-------------------------
マンションにお住まいのみなさま
-------------------------*/

.familyBox{width: 100%; text-align: center;margin: 40px auto;position: relative;padding: 0 15px;}
.familyBoxTtl{font-size: 20px; font-weight: bold; color: #77ccee; text-align: left;
  max-width: 800px; margin: 0 auto 10px; display: flex; justify-content: center; align-items: center;}
.familyBoxTtl::before {background-color: #77ccee; content: ""; height: 2px; width: 35%; margin-right: 15px;}
.familyBoxTtl::after {background-color: #77ccee; content: ""; height: 2px; width: 35%; margin-left: 15px;}

.familyBox ul{display: flex;justify-content: space-between; align-items: center; flex-wrap: wrap;max-width: 800px;margin: 0 auto;}
.familyBox ul li{width: 25%;}
.familyBox ul li {border-left: 1px dashed #000; padding: 0 0 0 3%; width: 30%;}
.familyBox ul li:first-child {border-left:none;}
.familyBox ul li p{line-height: 1.4; font-weight: bold; margin: 10px auto 0;}
.familyBox ul li p span {color: #fff; border-radius: 9999px; padding: 0 15px;}
.familyBox ul li p span.familyBoxspan01 {background-color: #eb708f;}
.familyBox ul li p span.familyBoxspan02 {background-color: #f8b400;}
.familyBox ul li p span.familyBoxspan03 {background-color: #abcb00;}

.keypersonBox{width: 25%; text-align: center; margin: 70px auto 20px; padding: 55px 40px; position: relative; background: #E9E6F3;}

.keypersonBox p{    line-height: 1.4;
    font-weight: bold;
    margin: 10px auto 0;}
.keyperson-fukidashi{}

/*.triangle3{
	position: absolute;
	bottom: -15px;
	left:calc( 50% - 15px);
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	width: 30px;
	height: 30px;
	border: 5px solid;
	border-color:  transparent transparent #FCCA4A #FCCA4A;
	transform: rotate(-45deg);
	background: #FFFAED;
}*/

@media screen and (max-width: 960px){
	.familyBox ul li p,
	.keypersonBox p{font-size: 12px;}
	.familyBox ul li {width: 28%;}
	.familyBox {width: 100%;}
	.keypersonBox{width:30%;}
	/*.familyBox,.keypersonBox {width: 100%;}*/

}

@media screen and (max-width: 640px){
.familyBox {margin: 0 auto;}
.familyBox ul{justify-content: space-around;}	
.familyBox ul li {width: 42%; margin: 10px auto; border: none;}
.familyBox ul li p{font-size: 11px;}
.familyBoxTtl {
    font-size: 16px; text-align: center;}
.familyBoxTtl::after {display: none;}
	.familyBox,
	.keypersonBox{width: 100%;}
	.item_reverse-sp{flex-direction: column-reverse;}
	.keyperson-img{max-width: 150px; margin: 10px auto 0;}
	.keypersonBox{margin:30px auto 60px;}
}

/*-------------------------
「main.png」の調整
-------------------------*/

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

  .p-zoomPositionitem {
    /*overflow-y: auto;*/
		max-width: 780px;
		width:100%;
    margin: 0 auto;
    overflow-x: scroll;
    position: relative;
    /*-ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;*/
		padding: 0 0 15px 15px;
  }
	/*.p-locationPositionMap figure{
		-ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
	}*/
  .p-zoomPositionitem img{
    max-width: 780px;
  }
}
@media screen and (max-width: 640px) {
	.pinIcon{text-align: right;}
  .p-zoomPositionitem.js-swipeIcon .p-swipeIcon {
    display: block;
  }
}
.js-swipeIcon  {
  position: relative;
}
.js-swipeIcon .p-swipeIcon {
  display: none;
  background: url("../../img/pages/worker/common/swipeIcon.png") no-repeat center center;
  background-size: 110px auto;
  width: 108px;
  height: 118px;
  content: '';
  position: absolute;
  top:50%;
  left: 50%;
  animation: horizontal 1s ease-in-out infinite alternate;
  z-index: 100;
  -moz-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}
@keyframes horizontal {
  0% { transform:translate(-30%,-50%); }
  100% { transform:translate(-70%,-50%); }
}

.mfp-close-btn-in .mfp-close {
    color: #fff !important;
    background: #000000;
}

/*-------------------------
前号リンク
-------------------------*/
.linksec_inner {margin: 0 auto; background: #f7e7e6; padding: 60px;max-width: 780px;}
.linksec_box {margin-bottom: 20px;}
.linksec_box:last-child {margin-bottom: 0;}
.linksec_box a {font-size: 16px; font-weight: bold;}

@media screen and (max-width: 640px) {
  .linksec_inner {padding: 20px;}
  .linksec_box {margin-bottom: 10px;}
  .linksec_box a {font-size: 14px;}
}


/*-------------------------
お問い合わせ
-------------------------*/
.QAsec{}

.QA_title {margin: 0 auto 30px; text-align: center;}

.QA_inner {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.QA_left {width: 75%;}
.QA_right {width: 25%; text-align: center;}

.QA_left .questionText {margin: 0 auto 25px; justify-content: initial;}
.QA_left .questionText img {width: 5%; margin-right: 20px;}
.QA_left .questionText h2 {width: 85%;}

.QA_left .answerText {margin: 0 auto 20px; justify-content: initial; align-items: start;}
.QA_left .answerText img {width: 5%; margin-right: 20px;}
.QA_left .answerText p {width: 85%;}

.QA_right p {font-size: 16px; line-height: 1.7;}
.QA_right p:first-child {position: relative; color: #fff; font-weight: bold; margin: 0 auto 15px; background-color: #77ccee; border-radius: 15px; width: 70%;}
.QA_right p:first-child::after {content: ''; position: absolute; bottom: 0; left: 50%; width: 10px; height: 10px;
  background: #77ccee; transform: translate(-50%,55%) rotate(45deg); transform-origin:center center;}
.QA_right p:last-child {margin-top: 15px;}

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

@media screen and (max-width: 640px){
  .QA_title {margin-bottom: 20px;}
  .QA_left, .QA_right {width: 100%;}
  .QA_left .questionText img, .QA_left .answerText img {width: 8%; margin-right: 15px;}
  .QA_right p:first-child {width: 55%;}
}

/*-------------------------
次号の特集
-------------------------*/
.nextVol {}
.nextVolIcon{text-align: center;margin: -50px auto 15px;}
.nextVol .nextVol_inner{
    max-width: 540px;
    font-size: 26px;
    font-weight: bold;
    border: 1px solid #000000;
    padding: 20px 30px 20px;
	margin: 0 auto;
    }

.nextVol_no{width: 30%;}
.nextVol_text{width: 68%;}

.nomura_pt_research{
	max-width: 540px;
	margin: 60px auto;
	}
.nomura_pt_research p{font-weight: bold;line-height: 1.8;text-align: center;}
.nomura_pt_research p a{color: #2196f3;font-weight: bold;}
.nomura_pt_research figure{}
.nomura_pt_research .surveyBtnWrap{margin: 30px auto; font-size: 20px;}
.nomura_pt_research .surveyBtnWrap .surveyBtn{}
.nomura_pt_research .surveyBtnWrap .surveyBtn p{}
.nomura_pt_research .surveyBtnWrap .surveyBtn a{
	background: #e43131;
    border-radius: 5px;
    display: block;
    margin: 0 auto;
    max-width: 380px;
    padding: 10px 20px;
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
}
.QAsec .inquiry {text-align: center; width: 100%; margin: 0 auto 30px;}
.dotsWrap{
    padding: 20px 0;
    border-top: 4px dotted #e18cad;
    border-bottom: 4px dotted #e18cad;
}
.dotsWrap p{margin: 20px auto 0; font-size: 24px;}

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

}

@media screen and (max-width: 640px){
	.nextVol .nextVol_inner {font-size: 22px;}
.nextVol_no,
.nextVol_text{ width: 100%;text-align: center;}
.nextVol_no{max-width: 90px; margin: 0 auto 10px;}
	
.nomura_pt_research p {font-size: 15px;}
}



#footerImg {
    margin-top: 20px;
}