@charset "utf-8";
/* CSS Document */


@font-face{
  font-family:'Noto Sans JP'; 
  font-style:normal;
  font-weight:400;
  src:url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500,700,900|Noto+Serif+JP:300,400,500,600,700,900|Hammersmith+One');
  src:url('https://fonts.googleapis.com/css?family=Hammersmith+One&text=0123456789');
}

html{
  font-size: 62.5%;
  font-feature-settings: "palt"
}

body{
  font-family: 'Hammersmith One','Noto Sans JP', sans-serif;
  color: #2B2B2B;
  font-size: 0.833vw;
  font-feature-settings: "palt";
  letter-spacing: 0.05em;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  min-width: 16.667vw;
}

img{
	max-width: 100%;
  height: auto;
}
a{
	text-decoration: none;
}
h2{
  font-family: Kosugi;
  padding-top: 3.646vw;
  font-size: 1.5vw;
  font-weight: 600;
  text-align: center;
}
h2 span{
  font-family: Montserrat;
  display: block;
  font-size: 0.625vw;
  padding-top: 1.563vw;
  text-transform: capitalize;
}
.Up{
  text-transform: capitalize;
}
.UP{
  text-transform: uppercase;
}
.no-click{
  pointer-events: none;
}
.navigationSP{
  display: none;
}
.SP{
  display: none;
}

/*ページトップボタン*/
#page_top{
  width: 4.688vw;
  height: 4.688vw;
  position: fixed;
  right: 0;
  bottom: 0;
  opacity: 0.6;
}
#page_top a{
  position: relative;
  display: block;
  width: 4.688vw;
  height: 4.688vw;
  text-decoration: none;
}
#page_top a::before{
  font-family: "Font Awesome 5 Free";
  content: '\f102';
  font-size: 1.302vw;
  font-weight: 900;
  color: #2B2B2B;
  position: absolute;
  width: 1.302vw;
  height: 1.302vw;
  top: -2.083vw;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}
#page_top a::after{
  content: 'PAGE TOP';
  font-size: 0.677vw;
  color: #fff;
  position: absolute;
  top: 2.344vw;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}

/*--------------
----------内容ここから
--------------------------*/
.topBox_inner h1.green{
  text-align: center;
  color: #67C1AB;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 36.458vw;
  height: 4.688vw;
}
.green{
  color: #67C1AB;
}
.wrapp{
  padding: 0 5.208vw;
}
/*top*/
.topBox{
  position: relative;
}
.logoImg{
  position: absolute;
  width: 28%;
  top: 7%;
  left: 4%;
}
.topBox_inner h1{
  position: absolute;
  font-size: 4vw;
  color: #fff;
  line-height: 1.2em;
  top: 22%;
  right: 15%;
  font-weight: bold;
}
.topBadge{
  position: absolute;
  width: 12%;
  top: 5%;
  right: 4%;
}
.topMeritBox{
  position: absolute;
  width: 43%;
  height: 7.37vw;
  top: 50%;
  right: 5%;
  border-radius: 0.625vw;
  padding: 1.51vw 3.281vw;
}
.topMeritBox li{
  display: block;
  margin: 0 auto;
  font-weight: 500;
  line-height: 2em;
  font-size: 0.99vw;
}
.topMeritBox span{
  display: block;
  font-weight: 500;
  text-align: center;
  color: #67C1AB;
}
.front-line{
  height: 4.948vw;
  border: solid 2px #67C1AB;
  margin-top: 0.677vw;
}
/*ナビゲーションPC*/
.navigationPC{
  font-family: Kosugi;
  padding: 3.646vw 0 1.406vw 0;
  border-bottom: solid 1px #000;
  font-weight: nomal;
}
.navigationPC ul{
  width: 54.688vw;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.navigationPC_item a{
  color: #2b2b2b;
  font-weight: 600;
}
.navigationPC_item a:hover{
  color: #67C1AB;
  transition: 0.25s;
}
.navigationPC_item span{
  font-family:  Montserrat;
  display: block;
  text-align: center;
  font-size: 0.625vw;
  text-transform: capitalize;
  padding-top: 0.781vw;
  padding-bottom: 0.677vw;
}

/*はじめに*/
.toushi_inner{
  padding-top: 3.646vw;
  width: 67.604vw;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
}
.toushi_inner img{
  width: 12.135vw;
  height: 5.052vw;
  padding-right: 2.448vw;
}
.toushi_inner p{
  font-family: Noto Serif JP;
  line-height: 2em;
  font-size: 1.042vw;
  vertical-align: middle;
  padding-top: 0.521vw;
}
.about__homesaport_toushi{
  display: flex;
  max-width: 100%;
  margin: 5.365vw auto 4.271vw auto;
}
.about__homesaport_toushi_item1,.about__homesaport_toushi_item2{
  max-width: 50%;
}
.about__homesaport_toushi_item1 img{
  width: 100%;
  padding-bottom: 2.917vw;
}
.about__homesaport_toushi_item2 img{
  width: 100%;
}
.about__homesaport_toushi_item3{
  text-align: center;
  padding-bottom: 1.042vw;
}
.about__homesaport_toushi_item3 img{
  width: 80%;
}
.apaman{
  padding-left: 4.844vw;
  margin-right: 2.604vw;
  margin-top: 3.125vw;
}
.apaman a{
  text-align: center;
  color: #67C1AB;
  font-size: 1.3vw;
  border: solid 3px #67c1ab;
  padding: 1.146vw 4.167vw;
  border-radius: 0.729vw;
}
.about__homesaport_toushi_item2 a:hover{
  opacity: 0.5;
  transition: 0.25s;
}
.about__homesaport_toushi_item2 a i{
  padding-left: 1.042vw;
}
/*最初から最後までホームサポートで*/
.about__onestop{
  display: flex;
  width: 100%;
  margin: 3.646vw auto 1.719vw auto;
}
.about__onestop_item1 img{
  width: 100%;
}
.about__onestop_item1,.about__onestop_item2{
  max-width: 50%;
}
.about__onestop_item2 img{
  width: 100%;
}
/*コンサルタント紹介*/
.about__consultants{
  display: flex;
  justify-content: center;
  margin: 3.646vw auto 0 auto;
  background-image: url("../image/consultants-back.png")
}
.about__consultants_item1 img{
  display: block;
  width: 36.771vw;
  padding-left: 1.042vw;
}
.consultantImg{
  padding-top: 2.448vw;
  padding-bottom: 2.448vw;
}
.about__consultants_item2{
  padding-left: 4.688vw;
  padding-top: 3.125vw;
}
.about__consultants_item_inner1 p{
  font-size: 2vw;
  font-weight: bold;
  line-height: 1.6em;
}
.about__consultants_item_inner2 p{
  padding-top: 7.604vw;
}
.about__consultants_item_inner3 p{
  padding-top: 1.563vw;
  font-size: 4vw;
  letter-spacing: -0.05em;
}
.about__consultants_item_inner4{
  display: flex;
  padding-top: 1.823vw;
}
.about__consultants_item_inner4 a{
  display: block;
  text-align: center;
  background-color: #67C1AB;
  border-radius: 0.156vw;
  color: #fff;
  width: 15.625vw;
  padding: 1.198vw 0;
  margin-right: 0.99vw;
  font-size: 0.8vw;
}
.about__consultants_item_inner4 a:hover{
  opacity: 0.8;
  transition: 0.25s;
}
.about__consultants_item_inner4 a i{
  padding-left: 0.417vw;
}
/*よくある質問*/
.FAQ{
  background-color: #F3F2E9;
}
.accordionbox{ 
	margin: 3.646vw auto 7.718vw;
	padding: 1.042vw;
}
.accordionlist{
  width: 76.875vw;
  margin: 0 auto;
}
.accordionlist dt{
  display:block;
  padding: 1.042vw 0 0.521vw 0.26vw;
  border-top: 1px solid #B5B5B5;
  font-size: 1vw;
}
.accordionlist dt:first-child{
  border-top: none !important;
}
.accordionlist dt .title{
  padding-left: 0.521vw;
	float: left;
}
.accordionlist dt .title i{
  padding-right: 0.99vw;
  padding-left: 1.771vw;
}
.accordionlist dd{
  display:none;
	background: #fff;
	padding:1.042vw 4.167vw;
  line-height: 1.4em;
  font-size: 1vw;
}
.accordion_icon,
.accordion_icon span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.accordion_icon {
	position: relative;
	width: 1.563vw;
	height: 1.563vw;
	float: right;
	margin-right: 3.073vw;
  margin-top: 0.26vw;
}
.accordion_icon:hover{
  cursor: pointer;
}
.accordion_icon span {
	position: absolute;
  left: 0.313vw;
  width: 50%;
	height: 0.104vw;
  background-color: #B5B5B5;/*+-アイコンの色*/
	border-radius: 0.208vw;
	-webkit-border-radius: 0.208vw;
	-ms-border-radius: 0.208vw;
	-moz-border-radius: 0.208vw;
	-o-border-radius: 0.208vw;
}
.accordion_icon span:nth-of-type(1) {
  top: 0.26vw;
	transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
}
.accordion_icon span:nth-of-type(2) {
  top: 0.26vw;
	transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
   -o-transform: rotate(90deg);
}
/*＋、－切り替え*/
.accordion_icon.active span:nth-of-type(1) {
	display:none;
}
.accordion_icon.active span:nth-of-type(2) {
	top: 0.26vw;
	transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}

/*もうすこし・・・*/
.about__book{
  position: relative;
  width: 70%;
  height: 18.438vw;
  margin: 0 auto 10.104vw auto;
  border: solid 1px #000;
}
.about__book p{
  font-size: 1.2vw;
  padding: 1.771vw 0 0.885vw 5.313vw;
}
.about__book p span{
  display: block;
  font-size: 0.9vw;
  padding-top: 0.729vw;
}
.book-shingai{
  position: absolute;
  top: 6.25vw;
  left: 9.635vw;
  width: 9.063vw;
}
.about__book a{
  position: absolute;
  bottom: 10%;
  left: 35%;
  border: solid 1px #BDBDBD;
  border-radius: 0.26vw;
  padding: 0.885vw 1.51vw;
  color: #2B2B2B;
  font-size: 0.9vw;
}
.about__book a i{
  padding-left: 0.781vw;
}
.about__book a:hover{
  color: #67C1AB;
  border: solid 1px #67C1AB;
  transition: 0.25s;
}
.book-image{
  width: 37%;
  position: absolute;
  bottom: 0;
  right: 0;
}
/*footer*/
.footer{
  display: flex;
  justify-content: space-around;
  background-color: #67C1AB;
  padding: 4.115vw 0;
  color: #fff;
}
.footerLOGO{
  max-width: 15%;
}
.footer_linkBox{
  border-left: solid 2px #fff;
  height: 16.042vw;
  padding-left: 1.875vw;
}
.footer_link-title{
  text-transform: capitalize;
  font-size: 1.2vw;
  padding-top: 0.521vw;
  padding-bottom: 2.24vw;
}
.footer_linkBox dd{
  line-height: 2.5em;
  font-size: 0.8vw;
}
.footer_linkBox dd a{
  color: #fff;
}
.footer_linkBox dd a:hover{
  opacity: 0.5;
  transition: 0.25s;
}
.footer_company{
  padding-top: 0.521vw;
  font-size: 0.8vw;
}
.footer_company dd{
  padding-top: 0.885vw;
}
.footer_company dd:last-of-type{
  padding-top: 2.5vw;
}
min{
  color: #67C1AB;
  text-align: center;
}
min p{
  padding: 1.406vw 0 1.563vw 0;
}

/*-----------下層ページ共通-------------*/

.navigationPC_item.checked{
  border-bottom: solid 8px #67C1AB;
  border-radius: 0.104vw;
}

/*------------------------------------*/

/*-------------お問合せページ*-----------/

/*------------------------------------*/
.about__contact_tel{
  padding: 3.646vw 0 10.417vw 0;
}
.contact_tel_item1{
  text-align: center;
  line-height: 1.5em;
  padding-bottom: 1.563vw;
}
.about__contact_tel ul{
  width: 18.229vw;
  margin: 0 auto;
}
.about__contact_tel ul li{
  line-height: 2em;
}
.contact_tel_phone{
  font-size: 3.646vw;
  text-align: center;
  padding-top: 3.125vw;
  padding-bottom: 2.083vw;
  letter-spacing: -0.26vw;
}
.contact_tel_opening{
  width: 30%;
  margin: 0 auto;
}
.contact_tel_opening dl{
  display: flex;
  justify-content: center;
}
.contact_tel_opening dt{
  background: #67C1AB;
  color: #fff;
  padding: 0.99vw 1.406vw;
  margin-right: 1.042vw;
}
.contact_tel_opening dd{
  padding-top: 0.26vw;
  line-height: 1.5em;
}
.contact_tel_opening dd span{
  padding-left: 1.042vw;
}

/*SUBPAGE COMMON*/

.about__consultants__subPage{
  margin-bottom: 4.948vw;
}
.sub_topTitle h1{
  color: #67c1ab;
  top: 50%;
  left: 50%;
  right:auto;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
  margin: auto;
  line-height: 1em;
}
/*SUBPAGE COMMON*/

/*---------------------

　　　　会社概要ページ

----------------------*/
.HSlogo{
  display: block;
  width: 14.948vw;
  height: 2.005vw;
  margin: 7.552vw auto;
}
.company_gaiyouBox{
  width: 48.698vw;
  margin: 0 auto 10.156vw auto;
}
.company_gaiyouBox dl{
  font-family: 'Noto Sans JP';
  border-top: solid 0.052vw #67c1ab;
  border-bottom: solid 0.052vw #67c1ab;
  display: flex;
  justify-content: space-between;
  padding: 3.385vw 0;
}
.company_gaiyouBox dl:last-of-type{
  border-bottom: none;
}
.company_gaiyouBox dl dt{
  width: 10.417vw;
  padding-left: 5.208vw;
  font-size: 0.938vw;
  font-weight: bold;
  text-align: left;
}
.company_gaiyouBox dl dd{
  font-size: 0.938vw;
  width: 26.042vw;
}
.company_gaiyouBox dl dd span.tel{
  padding-right: 1.563vw;
}
.company_gaiyouBox dl dd span.fax{
  padding-right: 1.563vw;
}
.company_gaiyouBox dl dd span.mail{
  padding-right: 1.042vw;
}
.company_gaiyouBox dl dd ul li{
  line-height: 2em;
}
.company_gaiyouBox dl.company_gaiyou_placeBox{
  border-bottom: none;
  padding-bottom: 2vw;
}
.company_mapBox{
  display: block;
  border-bottom: solid 0.052vw #67c1ab;
  padding-bottom: 3.385vw;
}
.company_mapBox iframe{
  width:48.698vw;
  height:20.521vw; 
}
/*--------------------------------*/

/*--------------------------------

　　     投資のキッカケ

---------------------------------*/
.motive_content__about{
  font-family: 'Noto Serif JP';
  width: 57.292vw;
  margin: 3.646vw auto 5.208vw auto;
  line-height: 2em;
}
.motiveDataBox{
  width: 79.167vw;
  margin: 0 auto;
}
.motive_hukidashi{
  width: 39.583vw;
  height: 5vw;
}
.motive_hukidashi__ps{
  width: 33.125vw;
}
.motiveDataInner{
  font-family: 'Noto Sans JP';
  border-top: solid 1px #9fa0a0;
  border-bottom: solid 1px #9fa0a0;
  padding: 4.948vw 0;
}
.motiveDataInner:nth-of-type(2){
  padding-bottom: 6.51vw;
}
.motiveDataInner:last-of-type{
  border-bottom: none;
  padding-bottom: 6.51vw;
}
.motiveDataInner ul{
  margin-top: 3.646vw;
}
.motiveDataInner ul li{
  padding-bottom: 1.042vw;
}
.motiveDataInner ul li dl{
  display: flex;
}
.motiveDataInner ul li dl dt{
  font-family: 'Kosugi Maru';
  font-size: 1.042vw;
  padding-top: 0.781vw;
  padding-left: 4.167vw;
  padding-right: 2.604vw;
  width: 20.833vw;
}
.motiveDataInner ul li dl dd:last-of-type{
  padding-top: 0.781vw;
  padding-left: 1.563vw;
}
.motiveDataInner ul li dl dd span{
  display: inline-block;
  background-color: #67c1ab;
  padding: 1.198vw 0;
  border-radius: 0.521vw;
}
span.par48{
  width: 26.458vw;
}
span.par18{
  width: 12.188vw;
}
span.par25{
  width: 15vw;
}
span.par16{
  width: 9.531vw;
}
span.par10{
  width: 7.031vw;
}
span.par59{
  width: 34.271vw;
}
span.par6{
  width: 3.854vw;
}
span.par15{
  width: 9.271vw;
}
span.par2{
  width: 2.76vw;
}
span.par36{
  width: 17.604vw;
}
span.par28{
  width: 14.063vw;
}
span.par5{
  width: 3.646vw;
}
span.par20{
  width: 12.76vw;
}
span.par11{
  width: 7.031vw;
}
.motiveOsusumeBox{
  background-color: #f3f2e9;
  padding: 4.167vw 0;
  margin-bottom: 5.208vw;
}
.motiveOsusumeInner{
  width: 79.167vw;
  margin: 0 auto;
  position: relative;
}
.motiveOsusumeInner ul{
  padding-top: 3.229vw;
  padding-left: 6.771vw;
}
.motiveOsusumeInner ul li{
  display: flex;
  padding-bottom: 1.042vw;
}
.motiveOsusumeInner ul li p{
  font-size: 1.823vw;
  font-weight: 800;
  color: #67c1ab;
  padding-top: 0.521vw;
}
.motiveOsusumeInner ul li img{
  width: 2.24vw;
  height: 2.865vw;
  padding-right: 1.719vw;
}
.motiveOsusumeInner a img{
  width: 17.969vw;
  height: 3.49vw;
  position: absolute;
  bottom: 1.563vw;
  right: 0;
}
.motiveOsusumeInner a img:hover{
  opacity: 0.8;
  transition: 0.5s;
}

/*--------------------------------*/

/*--------------------------

     アパマンと戸建ての比較

-------------------------*/
.comparison_topBox{
  margin: 7.813vw auto 11.458vw auto;
  text-align: center;
}
.comparison_topBox h1{
  font-size: 2.604vw;
  font-weight: 600;
  color: #67c1ab;
}
.comparison_topBox p{
  font-size: 1.094vw;
  font-weight: 500;
  line-height: 1.4em;
  padding-left: 0.521vw;
  padding-top: 2.604vw;
}
.comparison_mapBox{
  width: 55.99vw;
  margin: 0 auto 7.813vw auto;
}
.comparison_underBox{
  width: 55.99vw;
  margin: 0 auto 15.625vw auto;
}
.comparison_underBox .hikakushite{
  width: 26.771vw;
}
.comparison_underBox .antei{
  display: block;
  width: 46.198vw;
  margin: 6.25vw auto 5.208vw auto;
}
.comparison_underBox p{
  font-size: 1.563vw;
  font-weight: 600;
  line-height: 2em;
  text-align: center;
}

/*-------------------------------

　　　　オーナーの声

----------------------------------*/
.Interview_dataBox{
  margin-top: 3.646vw;
}
.tabs{
  font-family: 'Noto Sans JP';
  width:60.938vw;
  margin:3.646vw auto 6.25vw auto;
  position:relative;
}
.tab-buttons{
  text-align: center;
  display: flex;
  justify-content: space-around;
}
.tab-buttons a{
  cursor:pointer;
  border-bottom:1px solid #000;
  display:block;
  width:15.833vw;
  text-align:center;
  height:2.083vw;
  line-height:2.083vw;
}

.tab-content{
  margin-top: 3.906vw;
  display:inline-block;
}
.tab-content .content3{
  margin-top: -1vw;
}
#lamp{
  width:15.833vw;
  height:0.729vw;
  background:#67c1ab;
  display:block;
  position:absolute;
  top:2.083vw;
  transition: all .3s ease-in;
-o-transition: all .3s ease-in;
-webkit-transition: all .3s ease-in;
-moz-transition: all .3s ease-in;
}
#lamp.content2{
  left:22.552vw;
  transition: all .3s ease-in;
-o-transition: all .3s ease-in;
-webkit-transition: all .3s ease-in;
-moz-transition: all .3s ease-in;
}
#lamp.content3{
  left:42.865vw;
  transition: all .3s ease-in;
-o-transition: all .3s ease-in;
-webkit-transition: all .3s ease-in;
-moz-transition: all .3s ease-in;
}
#lamp.content1{
  left:2.24vw;
  transition: all .3s ease-in;
-o-transition: all .3s ease-in;
-webkit-transition: all .3s ease-in;
-moz-transition: all .3s ease-in;
}
.interview_content_InnerBox ul{
  display: flex;
  justify-content: space-between;
  margin-top: 6.458vw;
}
.interview_content_InnerBox ul li{
  width: 45%;
}
.interview_content_InnerBox ul li p{
  font-weight: 300;
  font-size: 1.042vw;
  padding-top: 1.823vw;
  line-height: 1.5em;
}
.interview_point{
  width: 24.792vw;
}
.interview_point_image{
  width: 30.625vw;
}
.interview_hitokoto{
  padding-top: 5.208vw;
}
/*-------------------------------

　　　　オーナーになるまで

----------------------------------*/
.howtowrapp{
  width: 77.604vw;
  margin: 0 auto;
}
.howtoInner{
  margin-top: 7.031vw;
}
.howtoInner:last-of-type{
  margin-bottom: 9.896vw;
}