@charset "utf-8";
#header {
  background: #ffffff;
  padding: 10px 20px;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000;
  width: 100%;
  box-sizing: border-box;
}
#header .content > .flexBox {
  align-items: center;
}
#header .content .logoBox {
  flex-basis: 110px;
  align-self: center;
}
#header .content .mecGroupLogo {
  flex-basis: 174px;
  align-self: center;
}
#header .cvBox ul li a {
  display: block;
  text-align: center;
  color: #ffffff;
  text-decoration: none;
  line-height: 1.2;
  font-size: 1.4rem;
  padding: 0.8em 1em;
  font-feature-settings: "palt";
  font-weight: 600;
  border-radius: 50px;
}
#header .cvBox ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#header .cvBox ul li a .sub {
  font-size: 75%;
}
#header .cvBox ul li a .icon {
  display: inline-block;
  width: 1em;
  height: auto;
  vertical-align: baseline;
  margin: 0 0 0 0.5em;
}
#header .cvBox ul li:nth-of-type(1) {
  margin-right: 10px;
}
#header .cvBox ul li:nth-of-type(1) a {
  background: #b29e5b;
  transition: background 0.3s linear 0s;
}
#header .cvBox ul li:nth-of-type(1) a:hover {
  background: #c5b064;
  opacity: 1;
}
#header .cvBox ul li:nth-of-type(2) a {
  background: #e60012;
  transition: background 0.3s linear 0s;
}
#header .cvBox ul li:nth-of-type(2) a:hover {
  background: #ff4e5c;
  opacity: 1;
}
#bottomCV {
  position: fixed;
  right: 0;
  bottom: 0;
  width: 100%;
  z-index: 11;
  background: rgba(255, 255, 255, 0.8);
  padding: 15px 0;
}
#bottomCV .cvBox {
  width: 100%;
}
#bottomCV .cvBox a {
  display: block;
  max-width: 350px;
  width: 70%;
  background: #e60012;
  color: #fff;
  margin: 0 auto;
  border-radius: 50px;
  padding: 10px 20px;
  text-align: center;
  line-height: 1;
  border: 5px solid #fff;
  box-shadow: 0 0 5px #ccc;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  box-shadow: 1px 1px 5px #c9c9c8, -1px -1px 5px #c9c9c8, 2px 2px 5px #c9c9c8, -2px -2px 5px #c9c9c8, 3px 3px 5px #c9c9c8, -3px -3px 5px #c9c9c8;
}
#bottomCV .cvBox a > span {
  display: block;
}
#bottomCV .cvBox a > span:nth-of-type(1) {
  font-size: 1.2rem;
  margin-bottom: 8px;
	display: none;
}
#bottomCV .cvBox a > span:nth-of-type(2) {
  font-size: 2.2rem;
}
#bottomCV .cvBox a > span:nth-of-type(2) > span {
  font-size: 1.8rem;
}
#bottomCV .cvBox a > span:nth-of-type(2) > .icon {
  display: inline-block;
  vertical-align: bottom;
  width: 20px;
}
#mainVisualWrapper {
  position: relative;
  overflow: hidden;
	background: #f7f4e9;
	min-height: 44.27vw;
	box-sizing: border-box; padding:70px 0 5.72% 0;
}
#mainVisualWrapper .illust01 { position: absolute; left:0; top:0; width:100%; }
#mainVisualWrapper .illust02 { position: absolute; right:0; bottom: 0; width: 100%;}
#mainVisualWrapper .illust03 { position: absolute; left:3.125%; top:7.70vw; width: 7.76%;}
#mainVisualWrapper .illust04 { position: absolute; left:3.125%; bottom:0; width: 14.375%;}
#mainVisualWrapper .illust05 { position: absolute; right: 0; top:50%; width: 40.83%; transform: translateY(-50%);}
#mainVisualWrapper h1 {
  position: absolute;
  left: 30px;
  top: 30px;
  width: 8.6%;
  z-index: 11;
}
#mainVisualWrapper p.subTit { background: #fff; padding: 0.8em 0 0.8em 0; text-align: center; color:#000; line-height: 1; font-weight: bold; font-size: 4vw;   box-shadow: 0px 0px 3.57px 3.43px rgba(79, 79, 79, 0.17); margin: 0 auto 7.33% auto; position: relative; z-index: 11;}

#mainVisualWrapper p.subTit span { color: #a79043;}
#mainVisualWrapper .mecGroupLogo {
  position: absolute;
  right: 30px;
  top: 30px;
  width: 11.46%;
  z-index: 11;
}
#mainVisualWrapper h2 {
	margin: 3.64% 0 0 19.79%;
	position: relative;
  z-index: 11;
  font-size: 4.375vw;
  text-align: left;
  letter-spacing: -0.03em;
  font-feature-settings: "palt";
  line-height: 1.26;
  font-family: "Noto Serif JP", serif;
  font-weight: 700;
}
#mainVisualWrapper h2 b {
  color: #b29e5b;
  font-family: "Noto Serif JP", serif;
  font-weight: 700;
}
#mainVisualWrapper h2 sup {
  font-family: "Noto Serif JP", serif;
  font-size: 25%;
  vertical-align: top;
}
#mainVisualWrapper .cvLink {
  position: relative;
  z-index: 11;
	margin: 30px 0 30px 18.75%;
  width: 36.45%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#mainVisualWrapper .cvLink .txt {
  width: 30%; margin: 0 auto;
}
#mainVisualWrapper .cvLink a {
  display: block;
  color: #ffffff;
  text-decoration: none;
  line-height: 1.2;
  font-size: 1.46vw;
  padding: 0.5em 1.5em;
  font-feature-settings: "palt";
  line-height: 1.2;
  background: #e60012;
  border-radius: 1.2em;
  transition: background 0.3s linear 0s;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 600;
}
#mainVisualWrapper .cvLink a .sub {
  font-size: 75%;
}
#mainVisualWrapper .cvLink a .icon {
  display: inline-block;
  width: 1em;
  height: auto;
  vertical-align: baseline;
  margin: 0 0 0 0.5em;
}
#mainVisualWrapper .cvLink a:hover {
  background: #ff4e5c;
  opacity: 1;
}
#mainVisualWrapper .cvLink .cap {
  margin-top: 10px;  
  width: 100%;
  font-size: 10px;
}
#mainVisualWrapper #mainVisual {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
#mainVisualWrapper #mainVisual picture, #mainVisualWrapper #mainVisual img {
  width: 100%;
  height: auto;
  max-width: none;
}

/* regist Add */
#mainVisualWrapper .regist{
	width: 65%; position: relative; margin: 0 0 0 36.75%; z-index: 2; transform: translateX(-50%); min-width: 30%; max-width: 700px;
}
#mainVisualWrapper .regist-tit{
  font-size: 1.8rem; font-weight: bold; margin-bottom: 10px; background: #b5a25d; color: #fff; padding: 1rem 0; box-sizing: border-box; line-height: 1; text-align: center;
}


#mainVisualWrapper .regist-box{
  border: 2px solid #161616; border-radius: 10px; padding:0 0 25px 0; margin: 0 auto; max-width: 700px; width: 100%; background: #fff; overflow: hidden;
}
#mainVisualWrapper .regist-btn{
  max-width: 420px; width: 66%; padding: 0; cursor: pointer; min-height: 3em; margin: 0 auto; transition: all 0.4s;
  display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center; border-radius: 1.5em;
  background: #e60012; color: #fff; font-size: 2.2rem; line-height: 1.5; font-weight: bold; font-family: 'Noto Sans JP', sans-serif; border: none;
}
#mainVisualWrapper .regist-btn:after {
	content: '※会員登録が必要です'; display: block; text-align: center; color: #fff; font-size: 50%; flex-basis: 100%; margin: -1.5em 0 0 0;
}

#mainVisualWrapper .regist-btn span{
  font-size: 81.81%; display: flex; align-items: center;
}
#mainVisualWrapper .regist-btn span:after{content: ''; width: 1.14vw; height: 1.14vw; margin-left: 5px; display: inline-block; position: relative; top: 2px;
background: url("../img/icon_arrow_01.svg") no-repeat top left/100% auto;}
#mainVisualWrapper .regist-btn:hover{
  opacity: .7;
}
#mainVisualWrapper .regist-frm{
  margin: 0 auto; width: 90%; display: flex; justify-content: space-between; flex-wrap: wrap;
}
#mainVisualWrapper .regist-frm .col:nth-of-type(1){
  width: 200px; margin-bottom: 10px;
}
#mainVisualWrapper .regist-frm .col:nth-of-type(2){
  width: calc(100% - 220px); margin-bottom: 10px;
}
#mainVisualWrapper .regist-frm .txt{
    font-size: 1.3rem; line-height: 1.5; font-weight: bold; margin-bottom: 10px; text-align: left; font-feature-settings: "palt";
}
#mainVisualWrapper .regist-frm .txt span{
  font-size: 73.33%; color:#e60012; font-weight: normal;
}
#mainVisualWrapper .regist-frm .txt2{
    font-size: 1rem; line-height: 1.5; font-weight: normal; margin-top: 5px; text-align: left; font-feature-settings: "palt";
}
#mainVisualWrapper .regist-frm .txt2 a{ text-decoration: underline; color: #000;}
#mainVisualWrapper .regist-frm .txt2 br{ display: none; }
#mainVisualWrapper .regist-frm select, 
#mainVisualWrapper .regist-frm option,
#mainVisualWrapper .regist-frm input{
    -webkit-appearance: none; outline: none; color: #242424;
    font-size: 1.6rem; line-height: 1.7; font-family: 'Noto Sans JP', sans-serif; box-sizing: border-box;
}
#mainVisualWrapper .regist-frm select, 
#mainVisualWrapper .regist-frm input{
  width: 100%; border: 1px solid #c5c5c5; background: #f4f4f4; border-radius: 8px; padding: 10px 15px; height: 50px;
}
#mainVisualWrapper .regist-frm select{background: #f4f4f4 url("../img/arrow_down.png") no-repeat center right 17px/12px auto;}
#mainVisualWrapper .regist-frm input::placeholder{
    color: #c5c5c5;
}
#mainVisualWrapper .mainBottom { display: none;}
@media (max-width: 1700px) {
	#mainVisualWrapper .regist-frm .txt {

	}
}
@media (max-width: 1360px) {
	#mainVisualWrapper .regist-tit { margin: 0 0 10px 0;}
	#mainVisualWrapper .regist-box{ padding: 0 0 15px 0;}
	#mainVisualWrapper .regist-frm { width: 95%;}
	#mainVisualWrapper .regist-frm .txt { font-size: 1.1rem;}
	#mainVisualWrapper .regist-frm select, 
	#mainVisualWrapper .regist-frm option,
	#mainVisualWrapper .regist-frm input{ font-size: 1.3rem; padding:5px 10px; height: 40px; }
	#mainVisualWrapper .regist-frm .col:nth-of-type(1){
  width: calc( 40% - 5px); margin-bottom: 5px;
}
#mainVisualWrapper .regist-frm .col:nth-of-type(2){
  width: calc( 60% - 5px); margin-bottom: 5px;
}
}



#loopLogo h3 {
  color: #ffffff;
  background: #000000;
  text-align: center;
  padding: 0.5em;
  line-height: 1.2;
  font-size: 16px;
}
#loopLogo .loopLogoBox {
  background: #ffffff;
  overflow: hidden;
}
#loopLogo .loopLogoBox ul {
  overflow: visible;
  margin: 0;
  padding: 10px 0;
  text-align: left;
  white-space: nowrap;
  animation: marquee 45s linear infinite;
  font-size: 0px;
  display: block;
  position: relative;
}
#loopLogo .loopLogoBox ul li {
  display: inline-block;
  margin: 0 40px 0 0;
}
#loopLogo .loopLogoBox ul li img {
  height: 72px;
  width: auto;
}
/* LOWER PAGE */
.lowerPage #main {
  padding: calc(92px + 45px) 0 0 0;
  background: #f1f0ef;
}
.lowerPage #main #news {
  padding-bottom: 60px;
}
.lowerPage #main #news .content h2 {
  font-size: 32px;
  font-family: "Noto Serif JP", serif;
  color: #000000;
  text-align: center;
  margin: 0 auto 40px auto;
}
.lowerPage #main #news .content h2 .sub {
  font-family: "Poppins", sans-serif;
  font-size: 50%;
  display: block;
}
.lowerPage #main #news .content #newsList {
  background: #ffffff;
  padding: 110px 100px;
  box-sizing: border-box;
  margin: 0 auto 60px auto;
}
.lowerPage #main #term {
  padding-bottom: 60px;
}
.lowerPage #main #term .content {
  width: calc(100% - 40px);
  max-width: 1040px;
  margin: 0 auto;
}
.lowerPage #main #term .content h2 {
  font-size: 32px;
  font-family: "Noto Serif JP", serif;
  color: #000000;
  text-align: center;
  margin: 0 auto 40px auto;
}
.lowerPage #main #term .content h2 .sub {
  font-family: "Poppins", sans-serif;
  font-size: 50%;
  display: block;
}
.lowerPage #main #term .content #termBox {
  background: #ffffff;
  padding: 110px 100px;
  box-sizing: border-box;
  margin: 0 auto 60px auto;
}
.lowerPage #main #privacy_policy {
  padding-bottom: 60px;
}
.lowerPage #main #privacy_policy .content {
  width: calc(100% - 40px);
  max-width: 1040px;
  margin: 0 auto;
}
.lowerPage #main #privacy_policy .content h2 {
  font-size: 32px;
  font-family: "Noto Serif JP", serif;
  color: #000000;
  text-align: center;
  margin: 0 auto 40px auto;
}
.lowerPage #main #privacy_policy .content h2 .sub {
  font-family: "Poppins", sans-serif;
  font-size: 50%;
  display: block;
}
.lowerPage #main #privacy_policy .content #termBox {
  background: #ffffff;
  padding: 110px 100px;
  box-sizing: border-box;
  margin: 0 auto 60px auto;
}
.lowerPage #main #faq {
  padding-bottom: 60px;
}
.lowerPage #main #faq .content {
  width: calc(100% - 40px);
  max-width: 1040px;
  margin: 0 auto;
}
.lowerPage #main #faq .content h2 {
  font-size: 32px;
  font-family: "Noto Serif JP", serif;
  color: #000000;
  text-align: center;
  margin: 0 auto 40px auto;
}
.lowerPage #main #faq .content h2 .sub {
  font-family: "Poppins", sans-serif;
  font-size: 50%;
  display: block;
}
.lowerPage #main #faq .content #faqList {
  background: #ffffff;
  padding: 110px 100px;
  box-sizing: border-box;
  margin: 0 auto 60px auto;
}
.lowerPage #main #faq .content #faqList h3 {
  font-size: 24px;
  font-family: "Noto Serif JP", serif;
  color: #000000;
  text-align: center;
  margin: 0 auto 40px auto;
  font-weight: 600;
}
.lowerPage #main #faq .content #faqList .faqBox {
  position: relative;
}
.lowerPage #main #faq .content #faqList .faqBox h4 {
  display: block;
  position: relative;
  font-size: 18px;
  padding-left: 50px;
  cursor: pointer;
  padding: 30px 30px 30px 50px;
  border-bottom: #d1d1d1 solid 1px;
}
.lowerPage #main #faq .content #faqList .faqBox h4 .icon {
  width: 40px;
  height: 40px;
  background: #b29e5b;
  color: #fff;
  font-size: 15px;
  font-family: "Poppins", sans-serif;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  padding: 0.5em 0 0 0;
  text-align: center;
  box-sizing: border-box;
  border-radius: 50%;
}
.lowerPage #main #faq .content #faqList .faqBox h4:before {
  position: absolute;
  right: 0;
  top: 50%;
  width: 22px;
  height: 2px;
  background: #ccc;
  content: '';
  display: block;
  transform: translateY(-50%);
}
.lowerPage #main #faq .content #faqList .faqBox h4:after {
  position: absolute;
  right: 0;
  top: 50%;
  width: 22px;
  height: 2px;
  background: #ccc;
  content: '';
  opacity: 1;
  transform: rotate(90deg) translateY(-50%);
  display: block;
  transition: transform .3s ease, opacity 0.3s ease;
}
.lowerPage #main #faq .content #faqList .faqBox h4.active:after {
  opacity: 0;
  transform: translateY(-50%);
}
.lowerPage #main #faq .content #faqList .faqBox .answerBox {
  transition: transform .3s ease, opacity 0.3s ease;
  padding: 40px 0 40px 0;
}
.lowerPage #main #faq .content #faqList .faqBox .answerBox p {
  font-size: 16px;
  display: block;
  line-height: 1.7;
}
.lowerPage #main #faq .content #faqList .faqBox .answerBox .btn {
  margin: 40px auto 0 auto;
}
.lowerPage #main #faq .content #faqList .faqBox h4 + .answerBox {
  display: none;
  opacity: 0;
}
.lowerPage #main #faq .content #faqList .faqBox h4.active + .answerBox {
  display: block;
  opacity: 1;
}
.lowerPage #main #faq .content #faqList #faqA {
  margin: 0 auto 80px auto;
}
.lowerPage #main #faq .content #faqList #faqB {
  margin: 0 auto 80px auto;
}
.lowerPage #main #faq .content #faqList #faqC {
  margin: 0 auto 80px auto;
}
.lowerPage #main #faq .content .btn2 {
  margin: 0 auto 80px auto;
}
#q-a-01 {
  padding: 0 0 20px;
}
#q-a-01 .img {
  max-width: 1040px;
  width: 100%;
  position: relative;
  text-align: center;
  margin: 25% auto 5%;
}
#q-a-01 .img .parent {
  width: 61.92%;
  max-width: 644px;
}
#q-a-01 .img .person {
  position: absolute;
  width: 51.59%;
  max-width: 584px;
  right: -3%;
  bottom: -31%;
  z-index: 9;
}
#q-a-01 .img .child-2 {
  position: absolute;
  width: 20.38%;
  top: -18%;
  left: 20%;
}
#q-a-01 .img .child-3 {
  position: absolute;
  width: 20.28%;
  top: -16%;
  left: 60%;
}
#q-a-01 .img .child-4 {
  position: absolute;
  width: 20%;
  top: 1%;
  left: 82%;
}
#q-a-01 .img .child-5 {
  position: absolute;
  width: 21.82%;
  bottom: 20%;
  left: 82%;
}
#q-a-01 .img .child-6 {
  position: absolute;
  width: 15.96%;
  bottom: -16%;
  left: 26%;
}
#q-a-01 .img .child-7 {
  position: absolute;
  width: 18.46%;
  top: 38%;
  left: 2%;
}
#q-a-01 .img .child-8 {
  position: absolute;
  width: 14.51%;
  bottom: -15%;
  right: -8%;
}
#q-a-01 p {
  position: absolute;
  bottom: -15%;
  display: inline-block;
  right: 0;
  font-size: 22px;
  border: #b6a361 solid 1px;
  color: #b6a361;
  padding: 1em;
}
#q-a-01-b {
  margin: 0 auto 20% auto;
  position: relative;
  padding: 0 0 40px 0;
}
#q-a-01-b .img {
  max-width: 704px;
  width: 100%;
  margin: 0 auto;
  position: relative;
  text-align: center;
}
#q-a-01-b .img .parent {
  width: 77.13%;
}
#q-a-01-b .img .person {
  width: 61.91%;
  position: absolute;
  right: -27%;
  bottom: -25px;
  z-index: 9;
}
#q-a-01-b .img .child-1 {
  position: absolute;
  width: 34%;
  top: -12%;
  left: 0;
  right: 0;
  margin: 0 auto;
}
#q-a-01-b .img .child-2 {
  position: absolute;
  width: 34%;
  top: 21%;
  right: -6%;
}
#q-a-01-b .img .child-3 {
  position: absolute;
  width: 34%;
  bottom: -12%;
  left: 0;
  right: 0;
  margin: 0 auto;
}
#q-a-01-b .img .child-4 {
  position: absolute;
  width: 34%;
  top: 21%;
  left: -6%;
}
#q-a-01-b .img .child-5 {
  position: absolute;
  width: 21.44%;
  bottom: -7%;
  right: -33%;
}
#q-a-01-b p {
  position: absolute;
  bottom: -15%;
  display: inline-block;
  right: 0;
  font-size: 22px;
  border: #b6a361 solid 1px;
  color: #b6a361;
  padding: 1em;
}
.basicSubTitle {
  margin: 0 0 1em 0;
  font-size: 24px;
}
.basicMiddleTitle {
  margin: 0 0 1em 0;
  font-size: 20px;
  font-weight: 600;
}
.basicText {
  font-size: 16px;
  line-height: 1.7;
}
.triangleBottom {
  background: linear-gradient(to top right, rgba(255, 255, 255, 0) 50%, #b29e5b 50.5%) no-repeat top left/50% 100%, linear-gradient(to top left, rgba(255, 255, 255, 0) 50%, #b29e5b 50.5%) no-repeat top right/50% 100%;
}
.mb20 {
  margin-bottom: 20px;
}
.mb40 {
  margin-bottom: 40px;
}
/* PRIVACY - POLICY */
.privacyBox {
  margin: 0 0 30px 0;
  font-size: 16px;
  line-height: 1.7;
}
.privacyBox * {
  font-feature-settings: "palt";
}
.privacyBox ul {
  list-style: none;
}
.privacyBox ul li {
  display: block;
  position: relative;
  padding: 0 0 0 2.5em;
}
.privacyBox ul li .num {
  position: absolute;
  left: 0;
  top: 0;
}
.privacyBox ol {
  list-style: none;
}
.privacyBox ol li {
  display: block;
  position: relative;
  padding: 0 0 0 1.5em;
}
.privacyBox ol li .num {
  position: absolute;
  left: 0;
  top: 0;
}
.modifyDateBox {
  text-align: right;
}
.modifyDateBox time {
  font-size: 1.6rem;
}
.contactBox {
  padding: 0 0 0 2em;
}
/* TERM */
.termBox {
  margin: 0 0 30px 0;
  font-size: 16px;
  line-height: 1.7;
}
.termBox * {
  font-feature-settings: "palt";
}
.termBox ul {
  list-style: none;
}
.termBox ul li {
  display: block;
  position: relative;
  padding: 0 0 0 2.5em;
}
.termBox ul li .num {
  position: absolute;
  left: 0;
  top: 0;
}
.termBox ol {
  list-style: none;
}
.termBox ol li {
  display: block;
  position: relative;
  padding: 0 0 0 1.5em;
}
.termBox ol li .num {
  position: absolute;
  left: 0;
  top: 0;
}
.modifyDateBox {
  text-align: right;
}
.modifyDateBox time {
  font-size: 16px;
}
.contactBox {
  padding: 0 0 0 2em;
}
a {
  transition: opacity 0.5s linear 0s;
}
a:hover {
  opacity: 0.7;
}
/*  */
@keyframes marquee {
  from {
    left: 0;
    width: 100%;
  }
  to {
    left: calc( 0px - ( 
			516px + /* 株式会社長谷工リアルエステート */
			414px + /* 住友林業ホームサービス */
			347px + /* 三菱地所ハウスネット */
			377px + /* 東京建物販売 */
			253px + /* 小田急不動産 */
			433px + /* ナイス住まいの情報館 */
			262px + /* 京王不動産 */
			259px + /* スターツピタットハウス株式会社 */
			251px + /* 朝日リビング */
			398px + /* 日本住宅流通 */
			279px + /* 福屋不動産販売 */
			382px + /* 相鉄不動産販売 */
			79px + /* USUI GROUP */
			460px + /* 明治地所株式会社 */
			312px + /* KSONE 株式会社ケイズワン */
			185px + /* 京成不動産 */
			129px + /* ポラスグループ */
			370px + /* Daikyo 大京穴吹不動産 */
			270px + /* ゼロリノベ */
			290px + /* 株式会社ベルテックス */
			350px + /* 福屋アセットマネジメント */
			/* 350px + *//* 三菱地所レジデンス */
			190px + /* 株式会社未来都市開発 */
			240px + /* 株式会社レジデンシャル不動産 */
			210px + /* e grand */
			210px + /* intellex */
			290px + /* GLOBAL BASE */
			160px + /* LIFE SERVICE */
			/* 230px + *//* reprice */
			249px + /* アクロスコーポレイション */
			309px + /* アーバンライフ株式会社 */
			206px + /* フロンティアホールディングス */
			185px + /* Century21 HOUSE WELL */
			239px + /* CENTURY21 Fuji Realty */
			206px + /* CENTURY21 アイ建設 */
			210px + /* CENTURY21 スタイリッシュホーム */
			210px + /* CENTURY21 株式会社マルヨシ */
			241px + /* CENTURY21 ココカラ */
			241px + /* フジ住宅 */
			241px + /* CENTURY21 スミカ・クリエイト */
			91px + /* ニッカ不動産 */
			213px + /* 不動産SHOPナカジツ */
			213px + /* HOUSEDO */
			258px + /* 御浜住宅グループ */
			221px + /* DOUBLE UP */
			195px + /* Refosta */
			226px +  /* 株式会社ハウスフリーダム */
			226px + /* CENTURY21 フクシマ建設 */
			226px + /* 東武住販 */
			258px + /* 大英産業株式会社 */
			151px + /* アンサー倶楽部 */
			292px +  /* 西鉄グループ */
			185px +  /* リノベミクニ */
			261px /* 相羽建設株式会社 */
		) - (40px * 49 ) );
    width: 100%;
  }
}
@keyframes marquee2 {
  from {
    left: 0;
    width: 100%;
  }
  to {
    left: calc( ( 0px - ( 
			516px + /* 株式会社長谷工リアルエステート */
			414px + /* 住友林業ホームサービス */
			347px + /* 三菱地所ハウスネット */
			377px + /* 東京建物販売 */
			253px + /* 小田急不動産 */
			433px + /* ナイス住まいの情報館 */
			262px + /* 京王不動産 */
			259px + /* スターツピタットハウス株式会社 */
			251px + /* 朝日リビング */
			398px + /* 日本住宅流通 */
			279px + /* 福屋不動産販売 */
			382px + /* 相鉄不動産販売 */
			79px + /* USUI GROUP */
			460px + /* 明治地所株式会社 */
			312px + /* KSONE 株式会社ケイズワン */
			185px + /* 京成不動産 */
			129px + /* ポラスグループ */
			370px + /* Daikyo 大京穴吹不動産 */
			270px + /* ゼロリノベ */
			290px + /* 株式会社ベルテックス */
			350px + /* 福屋アセットマネジメント */
			/* 350px + *//* 三菱地所レジデンス */
			190px + /* 株式会社未来都市開発 */
			240px + /* 株式会社レジデンシャル不動産 */
			210px + /* e grand */
			210px + /* intellex */
			290px + /* GLOBAL BASE */
			160px + /* LIFE SERVICE */
			/* 230px + *//* reprice */
			249px + /* アクロスコーポレイション */
			309px + /* アーバンライフ株式会社 */
			206px + /* フロンティアホールディングス */
			185px + /* Century21 HOUSE WELL */
			239px + /* CENTURY21 Fuji Realty */
			206px + /* CENTURY21 アイ建設 */
			210px + /* CENTURY21 スタイリッシュホーム */
			210px + /* CENTURY21 株式会社マルヨシ */
			241px + /* CENTURY21 ココカラ */
			241px + /* フジ住宅 */
			241px + /* CENTURY21 スミカ・クリエイト */
			91px + /* ニッカ不動産 */
			213px + /* 不動産SHOPナカジツ */
			213px + /* HOUSEDO */
			258px + /* 御浜住宅グループ */
			221px + /* DOUBLE UP */
			195px + /* Refosta */
			226px +  /* 株式会社ハウスフリーダム */
			226px + /* CENTURY21 フクシマ建設 */
			226px + /* 東武住販 */
			258px + /* 大英産業株式会社 */
			151px + /* アンサー倶楽部 */
			292px +  /* 西鉄グループ */
			185px +  /* リノベミクニ */
			261px /* 相羽建設株式会社 */
		) - (40px * 49 ) ) / 2 );
    width: 100%;
  }
}
#point {
  background: #f8f6ef;
}
#point .content {
  width: calc(100% - 40px);
  max-width: 1040px;
  box-sizing: border-box;
  padding: 60px 0 20px 0;
  margin: 0 auto;
}
#point .content .introBox {
  margin: 0 auto 90px auto;
}
#point .content .introBox h3 {
  font-size: 38px;
  text-align: center;
  font-family: "Noto Serif JP", serif;
  font-weight: 600;
  margin: 0 auto 20px auto;
}
#point .content .introBox p {
  text-align: center;
  font-size: 16px;
  line-height: 2;
}
#point .content #featureList ul li {
  flex-basis: calc((100% - 40px) / 2);
  border-radius: 10px;
  background: #ffffff;
  margin: 0 0 40px 0;
}
#point .content #featureList ul li .featureBox {
  padding: 20px;
}
#point .content #featureList ul li .featureBox .textBox {
  flex-basis: 62%;
  margin: 0 0 24px 0;
  align-self: center;
}
#point .content #featureList ul li .featureBox .textBox h5 {
  font-size: 24px;
  font-weight: 600;
  text-align: center;
  white-space: nowrap;
}
#point .content #featureList ul li .featureBox .textBox h5 .point {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 22px;
  color: #b29e5b;
  margin: 0 auto 20px auto;
  display: block;
}
#point .content #featureList ul li .featureBox .textBox h5 .point .num {
  font-size: 32px;
  color: #ffffff;
  background: #b29e5b;
  border-radius: 50%;
  display: block;
  margin: 0 auto;
  line-height: 1.1;
  width: 1.6875em;
  height: 1.6875em;
  box-sizing: border-box;
  padding: 0.3375em 0 0 0;
}
#point .content #featureList ul li .featureBox .imgBox {
  flex-basis: 27%;
  margin: 0 3.4% 24px 0;
}
#point .content #featureList ul li .featureBox p {
  font-size: 14px;
  line-height: 2;
  font-feature-settings: "palt";
}
#point .content #featureList ul #point04 .featureBox .imgBox figure img {
  transform: scale(1.468);
  transform-origin: top center;
  margin-bottom: 57.8%;
}
#point h4 {
  text-align: center;
  font-size: 32px;
  font-family: "Noto Serif JP", serif;
  font-weight: 400;
  margin: 0 auto 30px auto;
}
#point .introVideo {
  background: #fff;
  padding: 7px;
  max-width: 670px;
  margin: 0 auto;
  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.25);
  display: block;
  border-radius: 6px;
}
#feature {
  background: url("../img/bg_feature_01.webp") center center/160px 160px repeat; margin: 0 auto 60px auto;
}
#feature .content {
  width: 100%;
  max-width: 1040px;
  margin: 0 auto;
  padding: 70px 30px 70px 20px;
  box-sizing: border-box;
}
#feature .content .titleBox {
  margin: 0 auto 50px auto;
}
#feature .content .titleBox h3 {
  position: relative;
  background: #f2f2f2;
  border: #000 solid 2px;
  border-radius: 15px;
  font-size: 24px;
  text-align: center;
  padding: 1em 0;
  font-weight: 600;
}
#feature .content .titleBox h3:before {
  position: absolute;
  left: 50%;
  top: 0;
  background: url(../img/icon_clip_01.webp) center center/74px 37px no-repeat;
  width: 74px;
  height: 37px;
  transform: translateY(-80%) translateX(-50%);
  content: '';
}
#feature .content .graphBox {
  width: 80%;
  margin: 0 auto 80px auto;
}
#feature .content .graphBox p {
  font-size: 18px;
  font-weight: 600;
  color: #3d3c36;
}
#feature .content .graphBox p b {
  color: #be1a29;
  font-weight: 600;
  font-size: 30px;
  line-height: 1.4;
  margin: 10px 0;
}
#feature .content .graphBox p b span {
  font-size: 20px;
  padding: 1.5em;
  display: block;
}
#feature .content .graphBox .imgBox {
  flex-basis: 50%;
  background: url("../img/img_feature_02.webp") right top/auto 100% no-repeat;
}
#feature .content .graphBox .imgBox img {
  width: 235px;
}
#feature .content .graphBox .textBox {
  flex-basis: 45%;
}
#feature .content .graphBox .textBox img {
  margin-top: 10px;
}
#feature .content #interview {
  background: #ffffff;
  padding: 80px 0 60px 0;
  border-radius: 20px;
  margin: 0 auto 50px auto;
}
#feature .content #interview h4 {
  background: #b29e5b;
  color: #ffffff;
  padding: 1em 150px 1em 0;
  margin: 0 150px 80px 0;
  position: relative;
  font-size: 24px;
  font-weight: 600;
  text-align: right;
  line-height: 1.2;
}
#feature .content #interview h4:before {
  content: '';
  position: absolute;
  width: 150px;
  height: 150px;
  transform: translateX(50%) translateY(-50%);
  top: 50%;
  right: 0;
  display: block;
  background: url("../img/img_feature_05.svg") center center/100% 100% no-repeat;
}
#feature .content #interview #interviewBox {
  width: calc(100% - 80px);
  margin: 0 auto;
}
#feature .content #interview #interviewBox .commentBox {
  flex-basis: calc((100% - 20px) / 2);
  position: relative;
  background: #f2f2f2;
  border-radius: 20px;
}
#feature .content #interview #interviewBox .commentBox p {
  font-size: 16px;
  padding: 15px;
  font-weight: 600;
}
#feature .content #interview #interviewBox .commentBox p b {
  color: #be1a29;
  font-size: 22px;
  font-weight: 600;
}
#feature .content #interview #interviewBox .commentBox:nth-of-type(1):before {
  content: '';
  display: block;
  background: url("../img/bg_interview_02.webp") center center/100% 100% no-repeat;
  width: 39px;
  height: 35px;
  position: absolute;
  left: -38px;
  bottom: 30px;
}
#feature .content #interview #interviewBox .commentBox:nth-of-type(2):before {
  content: '';
  display: block;
  background: url("../img/bg_interview_01.webp") center center/100% 100% no-repeat;
  width: 39px;
  height: 35px;
  position: absolute;
  right: -38px;
  bottom: 30px;
}
#feature .content .btn {
  margin: 0 auto 80px auto;
}
#feature .content .introBox h3 {
  font-size: 32px;
  color: #b29e5b;
  font-family: "Noto Serif JP", serif;
  text-align: center;
  margin: 0 auto 30px auto;
}
#feature .content .introBox p {
  font-size: 14px;
}
#feature .content h3.titYellow {
  font-size: 32px;
  color: #b29e5b;
  font-family: "Noto Serif JP", serif;
  text-align: center;
  margin: 0 auto 50px auto;
}
#annouce {
  background: #f7f4e9; margin: 0 auto 60px auto;
}
#annouce .content {
  max-width: 1100px;
  color: #3d3c36;
  padding: 60px 0;
  box-sizing: border-box;
  margin: 0 auto;
}
#annouce .content h3 {
  font-size: 30px;
  text-align: center;
  letter-spacing: 0.1em;
  font-weight: 600;
  margin: 0 auto 100px auto;
  font-family: "Noto Serif JP", serif;
}
#annouce .content .color {
  color: #b29e5b;
}
#annouce .content ul li {
  margin-bottom: 20px;
}
#annouce .content ul li p {
  display: inline-block;
  vertical-align: top;
  line-height: 1;
  font-family: "Noto Serif JP", serif;
}
#annouce .content ul li p a {
  color: #3d3c36;
  text-decoration: none;
}
#annouce .content ul li p:nth-of-type(1) {
  font-size: 24px;
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  letter-spacing: 0.2em;
  padding-right: 30px;
  margin-right: 30px;
  border-right: 2px solid #ccc;
}
#annouce .content ul li p:nth-of-type(1) .num {
  font-size: 70px;
  font-style: italic;
  margin-left: 10px;
}
#annouce .content ul li p:nth-of-type(2) {
  font-size: 30px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 600;
}
#annouce .content ul li p:nth-of-type(2) .fs-2 {
  font-size: 20px;
  margin-top: 10px;
  display: block;
}
#annouce .content ul li p:nth-of-type(2) .cap {
  display: block;
  text-align: right;
  font-size: 12px;
  font-weight: normal;
  margin-top: 10px;
}
#annouce .content ul li:nth-of-type(2) {
  padding-left: 50px;
}
#annouce .content ul li:nth-of-type(3) {
  padding-left: 100px;
}

#news .content {
  width: 100%;
  max-width: 1040px;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 60px 0 40px 0;
}
#news .content h3 {
  font-size: 30px;
  text-align: center;
  letter-spacing: 0.1em;
  font-weight: 600;
  margin: 0 auto 30px auto;
  font-family: "Noto Serif JP", serif;
}
#news .content #newsList {
  margin: 0 auto 40px auto;
}
#news .content #newsList ul {
  border-top: #000000 solid 1px;
}
#news .content #newsList ul li {
  display: block;
  border-bottom: #000000 solid 1px;
  padding: 20px 0;
  font-size: 16px;
}
#news .content #newsList ul li a {
  color: #000000;
  position: relative;
  display: block;
  padding: 0 90px 0 0;
}
#news .content #newsList ul li a time {
  display: block;
  font-weight: 400;
}
#news .content #newsList ul li a .mediaName {
  display: block;
  font-weight: 400;
}
#news .content #newsList ul li a .title {
  display: block;
  font-weight: 600;
}
#news .content #newsList ul li a:before {
  content: '';
  width: 40px;
  height: 40px;
  border: 2px solid #000000;
  border-radius: 50%;
  right: 30px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.3s;
}
#news .content #newsList ul li a:after {
  content: '';
  width: 33px;
  height: 8px;
  background: url("../img/icon_arrow_black.webp") no-repeat top left/100% auto;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 49px;
  transition: 0.3s;
}
#news .content #newsList ul li a:hover:before {
  display: none;
}
#news .content #newsList ul li a:hover:after {
  right: 40px;
}
#news .content .btn {
  margin: 0 auto 40px auto;
}
.btn a {
  display: block;
  max-width: 500px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  background: #000;
  color: #fff;
  padding: 20px 0;
  border-radius: 200px;
  font-weight: 500;
  font-size: 18px;
  font-family: 'Noto Sans JP', sans-serif;
  position: relative;
}
.btn a:before {
  content: '';
  width: 40px;
  height: 40px;
  border: 2px solid #fff;
  border-radius: 50%;
  right: 30px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.3s;
}
.btn a:after {
  content: '';
  width: 33px;
  height: 8px;
  background: url("../img/icon_arrow_white.webp") no-repeat top left/100% auto;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 49px;
  transition: 0.3s;
}
.btn a:hover:before {
  display: none;
}
.btn a:hover:after {
  right: 40px;
}
.btn2 a {
  display: block;
  max-width: 500px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  background: #000;
  color: #fff;
  padding: 20px 0;
  border-radius: 200px;
  font-weight: 500;
  font-size: 18px;
  font-family: 'Noto Sans JP', sans-serif;
  position: relative;
}
.btn2 a:before {
  content: '';
  width: 40px;
  height: 40px;
  border: 2px solid #fff;
  border-radius: 50%;
  left: 30px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.3s;
}
.btn2 a:after {
  content: '';
  width: 33px;
  height: 8px;
  background: url("../img/icon_arrow_white2.webp") no-repeat top left/100% auto;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 49px;
  transition: 0.3s;
}
.btn2 a:hover:before {
  display: none;
}
.btn2 a:hover:after {
  left: 40px;
}
/* Footer */
#button-fixed {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #fff;
  padding: 1rem 4%;
  z-index: 998;
  box-shadow: 0 0 10px #ccc;
}
#button-fixed a {
  display: block;
  width: 400px;
  margin: 0 auto;
}
#button-fixed a:hover {
  opacity: 0.8;
}
#pagetop {
  position: fixed;
  bottom: 120px;
  right: 10px;
  width: 45px;
  height: 45px;
  z-index: 999;
  background: url("../img/btn_pagetop.svg") no-repeat top left/100% 100%;
  cursor: pointer;
  display: none;
}
#footer {
  padding: 20px 0 60px;
  background: #fff;
  text-align: center;
}
#footer .logo {
  margin: 0 auto 60px auto;
  width: 150px;
}
#footer .fNavi {
  margin: 0 auto 60px auto;
}
#footer .fNavi ul {
  text-align: center;
  font-size: 0px;
}
#footer .fNavi ul li {
  display: inline-block;
  margin: 0 5px 0 5px;
  font-size: 14px;
}
#footer .fNavi ul li a {
  color: #000000;
  text-decoration: none;
  font-family: "Noto Serif JP", serif;
}
#footer .fNavi ul li a:hover {
  color: #000000;
  text-decoration: underline;
}
#footer .logo-2 {
  margin: 0 auto 60px auto;
  width: 70%;
  max-width: 366px;
}
#footer p {
  text-align: center;
  font-size: 12px;
  letter-spacing: 0.2em;
}
.caption {
  font-size: 12px !important;
}
@media (min-width: 768px) {
  .only-sp {
    display: none;
  }
}
@media (max-width: 767px) {
  .only-pc {
    display: none;
  }
}
@media screen and (max-width: 1040px) and (min-width: 768px) {
  #point .content #featureList ul li .featureBox .textBox h5 {
    font-size: 2.4vw;
  }
  #point .content #featureList ul li .featureBox .textBox h5 .point {
    font-size: 2.2vw;
  }
  #point .content #featureList ul li .featureBox .textBox h5 .point .num {
    font-size: 3.2vw;
  }
	#mainVisualWrapper .regist-btn {
		font-size: 1.8rem;
	}
}
@media screen and (max-width: 767px) {
  #header {
    padding: 15px 15px;
  }
  #header .content .logoBox {
    flex-basis: 100px;
  }
  #header .content .mecGroupLogo {
    flex-basis: 120px;
  }
  #header .cvBox ul li a {
    font-size: 1.2rem;
    padding: 1em 1em;
  }
  #header .cvBox ul li:nth-of-type(1) {
    margin-right: 5px;
  }
  #bottomCV {
    width: 100%; display: none;
  }
  #bottomCV .cvBox a > span:nth-of-type(1) {
    font-size: 2.5vw;
  }
  #bottomCV .cvBox a > span:nth-of-type(2) {
    font-size: 4vw;
  }
  #bottomCV .cvBox a > span:nth-of-type(2) > span {
    font-size: 3.5vw;
  }
  #bottomCV .cvBox a {
    border-width: 4px;
  }
  #mainVisualWrapper {
    padding: 75px 0 20px 0;
  }
  #mainVisualWrapper h1 {
    width: 26.66%;
    left: 5.33%;
    top: 5.33vw;
  }
  #mainVisualWrapper .mecGroupLogo {
    width: 37.33%;
  }
  #mainVisualWrapper h2 {
    font-size: 9vw;
    text-align: center;
		margin: 0 auto 25px auto;
    width: 100%;
    font-weight: 900;
		padding: 5% 0 0 0;
  }
	#mainVisualWrapper .illust01 {
		
	}
	#mainVisualWrapper .illust02 {
		
	}
	#mainVisualWrapper .illust03 {
		left: 9%;width: 17.33%; top:calc(100px + 42.58vw );
	}
	#mainVisualWrapper .illust04 {
		right:9%; width: 19.2%; top:calc(100px + 45.58vw ); left: auto;
	}
	#mainVisualWrapper .illust05	{ display: none; }
  #mainVisualWrapper .cvLink {
    margin: 0 auto 6% auto;
  }
  #mainVisualWrapper .cvLink .txt {
    width: 100%;
  }
  #mainVisualWrapper .cvLink a {
    display: none;
  }
	#mainVisualWrapper .regist{
    top:0; width: 90%; left: 0; margin: 0 auto; transform: none;
  }
  #mainVisualWrapper .regist-tit{
    font-size: 3.8vw; line-height: 1.4; margin-bottom: 3vw; padding: 0.5em 0;
  }
  #mainVisualWrapper .regist-tit span{
    display: block;
  }
	#mainVisualWrapper .regist-frm {
	width:90%;
}
  #mainVisualWrapper .regist-frm .col:nth-of-type(1){
    width: 100%; margin: 0 0 3vw 0;
  }
	#mainVisualWrapper .regist-frm .col:nth-of-type(2){
    width: 100%; margin: 0 0 2vw 0;
  }
  #mainVisualWrapper .regist-box{
		padding: 0 0 5vw 0;
  }
  #mainVisualWrapper .regist-frm .txt{
    text-align: left; font-size: 3.4vw;min-height: inherit; font-weight: bold;
  }
  #mainVisualWrapper .regist-frm .txt span{
    margin: 0 0 0 0.5em; display: inline-block; font-size: 88%;
  }
	#mainVisualWrapper .regist-frm .txt2 {
		font-size: 2.992vw;
	}
	#mainVisualWrapper .regist-frm .txt2 br{  }
  #mainVisualWrapper .regist-btn{
    font-size:3.5vw; max-width: none; width: 74.62%;
  }
  #mainVisualWrapper .regist-btn span{
   margin-top: 3px; 
  }  
  #mainVisualWrapper .regist-btn span:after{
    width: 20px; height: 20px;
  }
	#mainVisualWrapper .regist-btn:after {
		font-size: 2.2vw;
	}
	#mainVisualWrapper .mainBottom {
		display: block; position: absolute; left: 0; bottom:0; width: 89.86%; z-index: 3; pointer-events: none;
	}
	
	
  #loopLogo h3 {
    font-size: 12px;
    font-weight: 600;
  }
  #loopLogo .loopLogoBox ul {
    animation: marquee2 45s linear infinite;
  }
  #loopLogo .loopLogoBox ul li {
    margin: 0 20px 0 0;
  }
  #loopLogo .loopLogoBox ul li img {
    height: 36px;
  }
  #point .content .introBox h3 {
    font-size: 8vw;
  }
  #point .content #featureList ul li {
    flex-basis: 100%;
  }
  #point .content #featureList ul li .featureBox .textBox h5 {
    font-size: 4.5vw;
  }
  #point .content #featureList ul li .featureBox .textBox h5 .point {
    font-size: 4.5vw;
    font-weight: 600;
  }
  #point .content #featureList ul li .featureBox .textBox h5 .point .num {
    font-size: 6.8vw;
    font-weight: 600;
  }
  #feature .content {
    padding: 50px 20px 70px 20px;
  }
  #feature .content .titleBox h3 {
    font-size: 5.3714vw;
  }
  #feature .content .graphBox {
    width: 100%;
  }
  #feature .content .graphBox p {
    line-height: 2;
  }
  #feature .content .graphBox .imgBox {
    flex-basis: 100%;
    padding-bottom: 7.5%;
  }
  #feature .content .graphBox .textBox {
    flex-basis: 100%;
  }
  #feature .content .graphBox .textBox img {
    display: block;
    width: 90%;
    margin: 10px auto 0 auto;
  }
  #feature .content #interview {
    padding: calc(12.35vw - 5.4vw + 5px) 0 20px 0;
  }
  #feature .content #interview h4 {
    margin: 0 calc(12.35vw + 15px) 3em 0;
    font-size: 3.6vw;
    padding: 1em 12.35vw 1em 0;
    text-align: center;
  }
  #feature .content #interview h4:before {
    width: 25.71vw;
    height: 25.71vw;
  }
  #feature .content #interview #interviewBox .commentBox {
    flex-basis: 100%;
  }
  #feature .content #interview #interviewBox .commentBox p {
    font-size: 14px;
    font-feature-settings: "palt";
  }
  #feature .content #interview #interviewBox .commentBox p b {
    font-size: 150%;
  }
  #feature .content #interview #interviewBox .commentBox:nth-of-type(1) {
    margin: 0 auto 40px auto;
  }
  #feature .content .introBox h3 {
    font-size: 5.3714vw;
    font-weight: 600;
  }
  #feature .content .introBox p {
    font-size: 12px;
  }
  #feature .content h3.titYellow {
    font-size: 5.3714vw;
    font-weight: 600;
  }
  .btn a {
    font-size: 14px;
  }
  .btn2 a {
    font-size: 14px;
  }
  #annouce .content h3 {
    font-size: 5.3714vw;
    margin: 0 auto 30px auto;
  }
  #annouce .content ul {
    width: calc(100% - 40px);
    margin: 0 auto;
  }
  #annouce .content ul li {
    padding: 0 0 30px 0;
    border-bottom: #b29e5b solid 1px;
    margin: 0 auto;
  }
  #annouce .content ul li p {
    text-align: center;
    font-feature-settings: "palt";
    display: block;
  }
  #annouce .content ul li p:nth-of-type(1) {
    display: none;
  }
  #annouce .content ul li p:nth-of-type(2) {
    font-size: 6.5vw;
    line-height: 1.5;
  }
  #annouce .content ul li p:nth-of-type(2) .fs-2 {
    font-size: 4vw;
  }
  #annouce .content ul li p:nth-of-type(2) .cap {
    font-size: 12px;
    text-align: center;
  }
  #annouce .content ul li:nth-of-type(2) {
    padding: 30px 0;
  }
  #annouce .content ul li:nth-of-type(3) {
    padding: 30px 0;
    border-bottom: none;
  }
  #news .content {
    width: calc(100% - 40px);
  }
  #news .content h3 {
    font-size: 5.3714vw;
  }
  #news .content #newsList ul {
    margin: 0 auto;
  }
  #news .content .btn {
    margin: 0 auto 20px auto;
  }
  #footer .fNavi ul li {
    margin: 5px;
  }
  #pagetop {
    bottom: 105px;
  }
  /* LOWER PAGE */
  .lowerPage #main {
    padding: calc(92px + 45px) 0 80px 0;
    background: #f1f0ef;
  }
  .lowerPage #main #news .content h2 {
    font-size: 5.3714vw;
  }
  .lowerPage #main #news .content #newsList {
    padding: 80px 20px;
  }
  .lowerPage #main #term .content h2 {
    font-size: 5.3714vw;
  }
  .lowerPage #main #term .content #termBox {
    padding: 80px 20px;
    margin: 0 auto 60px auto;
  }
  .lowerPage #main #privacy_policy .content h2 {
    font-size: 5.3714vw;
  }
  .lowerPage #main #privacy_policy .content #termBox {
    padding: 80px 20px;
    margin: 0 auto 60px auto;
  }
  .lowerPage #main #faq .content h2 {
    font-size: 5.3714vw;
  }
  .lowerPage #main #faq .content #faqList {
    padding: 80px 20px;
  }
  #q-a-01 {
    padding: 0 0 50vw;
    width: 100%;
    margin: 0 auto;
  }
  #q-a-01 .img {
    margin-top: 35vw;
  }
  #q-a-01 .img .parent {
    width: 100%;
    max-width: 100%;
  }
  #q-a-01 .img .person {
    bottom: -70vw;
    width: 100vw;
    left: -15px;
    right: auto;
  }
  #q-a-01 .img .child-8 {
    width: 28%;
    bottom: -46vw;
    right: -3%;
  }
  #q-a-01 .img .child-2 {
    width: 25.7%;
    top: -13%;
    left: 10%;
  }
  #q-a-01 .img .child-3 {
    width: 33.3%;
    top: -35%;
    left: 41%;
  }
  #q-a-01 .img .child-4 {
    width: 25.2%;
    top: -11%;
    left: 72%;
  }
  #q-a-01 .img .child-5 {
    width: 28.3%;
    bottom: -15%;
    left: 66%;
  }
  #q-a-01 .img .child-6 {
    width: 23.8%;
    bottom: -24%;
    left: 20%;
  }
  #q-a-01 .img .child-7 {
    width: 24.8%;
    top: 85%;
    left: 1%;
  }
  #q-a-01 p {
    bottom: auto;
    top: 130%;
    padding: 0.5em 1em;
    right: 50%;
    transform: translateX(50%);
    display: block;
    white-space: nowrap;
  }
  #q-a-01-b {
    width: 100%;
    margin: 0 auto 10vw auto;
  }
  #q-a-01-b .img {
    max-width: 100%;
    width: 90%;
    margin-bottom: 7vw;
  }
  #q-a-01-b .img .person {
    width: 60%;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0;
  }
  #q-a-01-b .img .child-5 {
    width: 28%;
    bottom: 0;
    right: 0%;
  }
  #q-a-01-b p {
    bottom: auto;
    top: 100%;
    padding: 0.5em 1em;
    right: 50%;
    transform: translateX(50%) translateY(150%);
    display: block;
    white-space: nowrap;
  }
  #q-a-01-b p br {
    display: none;
  }
  .basicSubTitle {
    font-size: 4.5vw;
  }
  .basicMiddleTitle {
    font-size: 16px;
  }
  .basicText {
    font-size: 14px;
  }
}
@media screen and (max-width: 320px) {
  #header .content .logoBox {
    flex-basis: 80px;
  }
  #header .cvBox ul li a {
    font-size: 1rem;
  }
}
.bnr-voice {
  margin-bottom: 50px;
  text-align: center;
}

.bnrBot{max-width: 332px; margin: 0 auto; padding: 0 20px 80px;}
.bnrBot a:hover{opacity: .8;}