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

@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600;700&family=Noto+Sans+JP:wght@300;400;500;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600;700&family=Noto+Sans+JP:wght@300;400;500;700&display=swap');

html{
  	font-size: 62.5%;/*16px×62.5%=10px*/
	overflow: auto;
}

body{
	color: #232323;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.6rem;
	font-weight: 400;
	font-feature-settings: "palt";
	letter-spacing: 0.3rem;
	box-sizing : border-box;
	margin: 0;
	overflow-x: hidden;
}

a{
	color: #232323;
}

a:hover{
	opacity: 0.8;
}

li{
	list-style: none;
}

img{
	max-width: 100%;
	height: auto;
}

.twitter-btn{
	display: none;
}

.insta-btn{
	display: none;
}

.br-pad_on{
	display: none;
}

.br-sp_on{
	display: none;
}

.br-sp_off{
	display: none;
}

.recommendation-image2{
	display: none;
}

.effect-fade {
  opacity: 0;
  transform: translate(0, 100px); /* フェードインで動く高さを指定 */
  transition: all 2000ms; /* フェードインにかかる時間を指定 */
　animation-iteration-count: infinite;
  
}
.effect-scroll {
  opacity: 1;
  transform: translate(0, 0);
  animation-iteration-count: infinite;
}

.effect-fade_2 {
  opacity: 0;
  transform: translate(0, 100px); /* フェードインで動く高さを指定 */
  transition: all 1000ms; /* フェードインにかかる時間を指定 */
  animation-iteration-count: infinite;
}
.effect-scroll_2 {
  opacity: 1;
  transform: translate(0, 0);
  animation-iteration-count: infinite;
}

.effect-fade_3 {
  opacity: 0;
  transform: translate(0, 200px); /* フェードインで動く高さを指定 */
  transition: all 1500ms; /* フェードインにかかる時間を指定 */
  animation-iteration-count: infinite;
}
.effect-scroll_3 {
  opacity: 1;
  transform: translate(0, 0);
  animation-iteration-count: infinite;
}

.effect-fade_4 {
  opacity: 0;
  transform: translate(0, 200px); /* フェードインで動く高さを指定 */
  transition: all 2000ms; /* フェードインにかかる時間を指定 */
  animation-iteration-count: infinite;
}
.effect-scroll_4 {
  opacity: 1;
  transform: translate(0, 0);
  animation-iteration-count: infinite;
}

.effect-fade_5 {
  opacity: 0;
  transform: translate(0, 200px); /* フェードインで動く高さを指定 */
  transition: all 2500ms; /* フェードインにかかる時間を指定 */
  animation-iteration-count: infinite;
}
.effect-scroll_5 {
  opacity: 1;
  transform: translate(0, 0);
  animation-iteration-count: infinite;
}

.effect-fade_6 {
  opacity: 0;
  transform: translate(0, 200px); /* フェードインで動く高さを指定 */
  transition: all 3000ms; /* フェードインにかかる時間を指定 */
  animation-iteration-count: infinite;
}
.effect-scroll_6 {
  opacity: 1;
  transform: translate(0, 0);
  animation-iteration-count: infinite;
}

.nav-icon_black{
	display: none;
}

/* headerエリア */

header{
	z-index: 200;
}

.main-roomok{
	width: 100%;
}

.header-nav{
	display: flex;
	position: fixed;
	z-index: 100;
	top: 50px;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
	margin: auto;
	align-items: center;
}

.header-nav_list{
	margin-right: 50px;
	color: #fff;
	font-weight: 600;
	text-align: center;
}

.header-nav_list_2{
	margin-right: 50px;
	color: #fff;
	font-weight: 600;
	text-align: center;
}

.header-nav_list a{
	color: #fff;
}

.header-nav_list_last{
	margin-right: 0;
	font-weight: 600;
	text-align: center;
	color: #fff;
}

.header-nav_list_last_2{
	margin-right: 0;
	font-weight: 600;
	text-align: center;
	color: #fff;
}

.header-nav_list_last a{
	color: #fff;
}

.nav-main_text{
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 300;
	font-size: 1.6rem;
	color: #ff7404;
	margin-top: 5px;
	display: inline-block;
	letter-spacing: 0.05rem;
	font-weight: bold;
}

.header-navigation{
	display: none;
}

@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
	
}

.header-nav_icon{
	margin-right: 30px;
}

.nav-icon{
	width: 30px;
}

.nav-icon_black{
	width: 30px;
}

.is-animation .header-nav_list a{
	color: #232323;
}

.is-animation img.nav-icon{
	display: none;
}

.is-animation .nav-icon_black{
	display: block;
}

/* /headerエリア */

/* 審査通過率no1エリア */

.no1{
	background-color: #a69c92;
	padding-top: 70px;
	padding-bottom: 70px;
}

.no1-title{
	font-size: 3.0rem;
	color: #fff;
	text-align: center;
	margin-bottom: 30px;
}

.no1-sub_title{
	font-family: 'Caveat', cursive;
	font-size: 9.0rem;
	font-weight: bold;
	letter-spacing: 0.05em;
	text-transform: capitalize;
}

.main-text{
	color: #fff;
	line-height: 2.0;
	text-align: center;
}

/* /審査通過率no1エリア */

/* 賃貸のお悩みエリア */

.worries{
	padding-top: 80px;
	padding-bottom: 100px;
}

.worries-title{
	font-family: 'Caveat', cursive;
	font-size: 9.0rem;
	font-weight: bold;
	letter-spacing: 0.05em;
	color: #a69c92;
	text-transform: capitalize;
	margin-bottom: 20px;
	text-align: center;
}

.worries-sub_title{
	font-size: 2.0rem;
	text-align: center;
	margin-bottom: 30px;
	font-weight: bold;
}

.worries-area{
	text-align: center;
	margin-bottom: 30px;
}

.worries-list{
	font-family: 'Caveat', cursive;
	font-size: 4.0rem;
	font-weight: bold;
	letter-spacing: 0.05em;
	margin-bottom: 20px;
}

.worries-sub_list{
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: bold;
	font-size: 2.0rem;
}

.worries-text{
	font-size: 1.6rem;
	line-height: 2.0;
	text-align: center;
	font-weight: bold;
}

.worries-list_box{
	display: flex;
	width: 1050px;
	margin: auto;
}

.worries-list_area{
	margin-right: 50px;
}

/* /賃貸のお悩みエリア */

/* contactエリア */

.contact-title{
	font-size: 2.5rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 50px;
	line-height: 1.6;
}

.contact-btn_area{
	width: 1060px;
	margin: auto;
	margin-bottom: 50px;
}

.line-btn{
	width: 500px;
	margin-right: 50px;
}

.form-btn{
	width: 500px;
}

.contact-banner_area{
	width: 1017px;
	margin: auto;
	margin-bottom: 40px;
}

.contact-banner_text{
	font-size: 3.0rem;
	text-align: center;
	font-weight: bold;
	margin-bottom: 20px;
}

.contact-sub_banner_text{
	font-size: 2.5rem;
	font-weight: 500;
	text-align: center;
	letter-spacing: 0.07em;
}

.contact-sub_banner_text_price{
	font-family: 'Caveat', cursive;
	font-size: 7.0rem;
	font-weight: bold;
	letter-spacing: 0.05em;	
	color: #e5a722;
}

.contact-attention{
	font-size: 1.2rem;
	text-align: center;
	margin-top: 20px;
	font-weight: bold;
	margin-bottom: 100px;
}

/* /contactエリア */

/* serviceエリア */

.service{
	background-color: #a69c92;
	padding-top: 50px;
	padding-bottom: 50px;
}

.service-title{
	font-family: 'Caveat', cursive;
	font-size: 9.0rem;
	font-weight: bold;
	letter-spacing: 0.05em;
	text-transform: capitalize;
	color: #fff;
	text-align: center;
	margin-bottom: 20px;
}

.service-sub_text{
	font-size: 2.0rem;
	font-weight: 500;
	text-align: center;
	color: #fff;
	margin-bottom: 30px;
}

.service-text{
	line-height: 2.0;
	text-align: center;
	color: #fff;
}

/* /serviceエリア */

/* 他者との違いエリア */

.difference{
	padding-top: 70px;
	padding-bottom: 70px;
}

.difference-title{
	font-size: 2.5rem;
	text-align: center;
	color: #e5a722;
	font-weight: bold;
	margin-bottom: 40px;
}

.difference-text{
	line-height: 2.0;
	text-align: center;
	margin-bottom: 50px;
}

.worries-area2{
	text-align: center;
	margin-bottom: 30px;
}

.worries-list2{
	font-family: 'Caveat', cursive;
	font-size: 5.0rem;
	font-weight: bold;
	letter-spacing: 0.05em;
	margin-bottom: 20px;
}

.worries-sub_list2{
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: bold;
	font-size: 2.0rem;
}

.recommendation-area{
	display: flex;
	width: 1012px;
	margin: auto;
	align-items: center;
}

.recommendation-image{
	height: 100%;
}

/* /他者との違いエリア */

/* 利用方法エリア */

.how-to-use{
	background-color: #a69c92;
	padding-top: 50px;
	padding-bottom: 50px;
	margin-bottom: 100px;
}

.how-to-use-title{
	font-family: 'Caveat', cursive;
	font-size: 9.0rem;
	font-weight: bold;
	letter-spacing: 0.05em;
	text-transform: capitalize;
	color: #fff;
	text-align: center;
	margin-bottom: 20px;
}

.how-to-use-sub_text{
	font-size: 2.0rem;
	font-weight: 500;
	text-align: center;
	color: #fff;
	margin-bottom: 30px;
}

.how-to-use-text{
	line-height: 2.0;
	text-align: center;
	color: #fff;
	margin-bottom: 50px;
}

.white{
	color: #fff;
}

.home-btn_area{
	width: 1020px;
	margin: auto;
	margin-bottom: 30px;
}

.suumo-btn{
	width: 300px;
	margin-right: 50px;
}

.lifull-btn{
	width: 300px;
	margin-right: 50px;
}

.at-home-btn{
	width: 300px;
}

.how-to-use_attention_area{
	width: 1020px;
	margin: auto;
}

.how-to-use_attention{
	text-align: right;
	color: #fff;
}

/* /利用方法エリア */

/* 持ち込み可能な物件エリア */

.property{
	background-color: #a69c92;
	padding-top: 50px;
	padding-bottom: 50px;
}

.property-title{
	font-size: 2.5rem;
	font-weight: bold;
	color: #fff;
	text-align: center;
	margin-bottom: 20px;
}

.property-text{
	line-height: 2.0;
	text-align: center;
	color: #fff;
}

/* /持ち込み可能な物件エリア */

/* 選ばれる理由エリア */

.reason{
	padding-top: 50px;
	padding-bottom: 50px;
}

.reason-title{
	font-family: 'Caveat', cursive;
	font-size: 9.0rem;
	font-weight: bold;
	letter-spacing: 0.05em;
	text-transform: capitalize;
	color: #a69c92;
	text-align: center;
	margin-bottom: 20px;
}

.reason-sub_text{
	font-size: 2.0rem;
	font-weight: 500;
	text-align: center;
	margin-bottom: 30px;
}

.reason-text_title{
	font-family: 'Caveat', cursive;
	font-size: 5.0rem;
	font-weight: bold;
	letter-spacing: 0.05em;
	text-align: center;
	margin-bottom: 30px;
}

.reason-text_sub_title{
	font-size: 2.5rem;
	font-weight: bold;
	text-align: center;
}

.reason-text{
	line-height: 2.0;
	text-align: center;
	margin-bottom: 40px;
}

/* /選ばれる理由エリア */

/* flowエリア */

.flow{
	background-color: #a69c92;
	padding-top: 50px;
	padding-bottom: 50px;
}

.flow-title{
	font-family: 'Caveat', cursive;
	font-size: 9.0rem;
	font-weight: bold;
	letter-spacing: 0.05em;
	text-transform: capitalize;
	color: #fff;
	text-align: center;
	margin-bottom: 20px;
}

.flow-sub_text{
	font-size: 2.0rem;
	font-weight: 500;
	text-align: center;
	color: #fff;
	margin-bottom: 30px;
}

.flow-list_title{
	font-family: 'Caveat', cursive;
	font-size: 5.0rem;
	font-weight: bold;
	letter-spacing: 0.05em;
	text-align: left;
	margin-bottom: 20px;
	color: #fff;
}

.flow-list_sub_title{
	font-size: 2.5rem;
	font-weight: bold;
	text-align: right;
	color: #fff;
}

.flow-text{
	line-height: 2.0;
	text-align: left;
	color: #fff;
	width: 700px;
}

.flow-list_area{
	display: flex;
	width: 1050px;
	margin: auto;
	margin-top: 50px;
	align-items: center;
}

.first{
	margin-top: 100px;
}

.flow-image{
	width: 300px;
	margin-right: 50px;
}

/* /flowエリア */

/* faqエリア */

.faq{
	padding-top: 50px;
	padding-bottom: 50px;
}

.faq-title{
	font-family: 'Caveat', cursive;
	font-size: 9.0rem;
	font-weight: bold;
	letter-spacing: 0.05em;
	text-transform: capitalize;
	color: #a69c92;
	text-align: center;
	margin-bottom: 20px;
}

.faq-sub_text{
	font-size: 2.0rem;
	font-weight: 500;
	text-align: center;
	margin-bottom: 30px;
}

.qa-list{
	width: 800px;
	margin: auto;
	margin-bottom: 103px;
	margin-top: 100px;
}

.qa-list dl {
    position: relative;
    margin: 30px 0 0;
    cursor: pointer;
    border-bottom: 1px solid #a69c92;
	padding-bottom: 20px;
	line-height: 1.8;
}

.faq-cancel{
	color: #a69c92;
}

.faq-cancel:hover{
	opacity: 0.5;
}

.qa-list dl:first-child {
  margin-top: 0;
}
.qa-list dl::after {
    position: absolute;
    top: 27px;
    right: 26px;
    display: block;
    width: 7px;
    height: 7px;
    margin: auto;
    content: '';
    transform: rotate(135deg);
    border-top: 2px solid #a69c92;
    border-right: 2px solid #a69c92;
}
.qa-list .open::after {
    transform: rotate(-45deg);
}
.qa-list dl dt {
    position: relative;
    margin: 0;
    padding: 20px 20px 20px 60px;
}

.qa-list dl dd {
    position: relative;
    margin: 0;
    padding: 20px 60px 20px 60px;
}
.qa-list dl dd p {
    margin: 30px 0 0;
	line-height: 2.0;
}
.qa-list dl dd p:first-child{
    margin-top: 0;
}

/* /faqエリア */

/* 持ち込み可能な物件エリア */

.to-customers{
	background-color: #a69c92;
	padding-top: 50px;
	padding-bottom: 50px;
}

.to-customers-title{
	font-size: 2.5rem;
	font-weight: bold;
	color: #fff;
	text-align: center;
	margin-bottom: 20px;
}

.to-customers-text{
	line-height: 2.0;
	text-align: center;
	color: #fff;
}

/* /持ち込み可能な物件エリア */

/* companyエリア */

.company{
	padding-top: 100px;
	padding-bottom: 160px;
}

.company-title{
	font-size: 2.0rem;
	line-height: 1.8;
	margin-bottom: 20px;
	text-align: center;
}

.company-text{
	line-height: 1.8;
	margin-bottom: 20px;
	text-align: center;
	text-transform: uppercase;
}

.big-text{
	text-transform: none;
}

.company-image_area{
	width: 630px;
	margin: auto;
}

.policy-text{
	background-color: #e5a722;
	border-radius: 30px;
	padding: 10px 30px;
	width: 200px;
	color: #fff;
}

.policy-text_area{
	width: 200px;
	margin: auto;
}

.policy-text_area:hover{
	opacity: 0.8;
}

.copy{
	text-align: center;
	background-color: #a69c92;
	color: #fff;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 80px;
}

/* /companyエリア */

/* footerエリア */

/*スマホ～641pxの幅サイズまで*/

.contact-footer_sub_text{
	color: #fff;
	font-size: 1.6rem;
	text-align: center;
	margin-bottom: 20px;
	padding-top: 20px;
	line-height: 1.6;
}

.contact-footer_btn_area{
	margin-bottom: 20px;
	width: 650px;
	margin: auto;
	display: flex;
}

.line-btn_2{
	width: 300px;
	margin-right: 50px;
}

.form-btn_2{
	width: 300px;
}

.footer_area {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba( 0, 0, 0, 0.8 );
	z-index: 100;
}
.footer_area .footer_area_inner {
    position: relative;
    width: 1024px;
    margin: auto;
    padding: 10px 0;
}
.footer_area .footer_area_inner .footer_area_inner_btn {
    padding: 11px 0;
    font-size: 20px;
    font-weight: bold;
    margin-left: 15px;
	line-height: 1.3;
    
}
.inquiry_btn {
    background-color: #068BF1;
    -webkit-border-radius: 3px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
	width: 80%;
    padding: 5px 0;
    font-size: 18px;
    font-weight: bold;
}
.inquiry_btn:link, .inquiry_btn:visited {
    color: #FFFFFF !important;
}
.footer_area_inner span{
	color: #fff;
}
#siteBottom{
	margin-bottom: 85px;
}

.footer{
	padding-bottom: 250px;
}

/* /footerエリア */

@media screen and (max-width:1434px){
	
/* ナビゲーションエリア */
	
.header-nav{
	width: 630px;
}
	
.header-nav_list{
	font-size: 1.2rem;
	margin-right: 50px;
}
	
.header-nav_list_last{
	margin-right: 0;
}
	
.header-nav_icon{
	margin-right: 30px;
}
	
/* /ナビゲーションエリア */
	
}

@media screen and (max-width:1100px){
	
/* No.1エリア */
	
.no1-title{
	font-size: 2.5rem;
}
	
.no1-sub_title{
	font-size: 6.0rem;
}
	
.main-text{
	font-size: 1.4rem;
}
	
/* /No.1エリア */
	
/* worryエリア */
	
.worries-image{
	width: 400px;
	height: 100%;
}
	
.worries-sub_title{
	font-size: 1.6rem;
}
	
.worries-list{
	font-size: 3.0rem;
	margin-bottom: 15px;
}
	
.worries-sub_list{
	font-size: 1.6rem;
}
	
.worries-title{
	font-size: 6.0rem;
	margin-bottom: 10px;
}

.worries-text{
	font-size: 1.4rem;
}
	
.worries-list_box{
	width: 780px;
	align-items: center;
}
	
.recommendation-area{
	display: flex;
	width: 852px;
	margin: auto;
	align-items: center;
}

.recommendation-image{
	height: 100%;
	width: 250px;
}
	
/* /worryエリア */
	
/* contactエリア */
	
.contact-title{
	font-size: 2.0rem;
}
	
.line-btn{
	width: 300px;
	margin-right: 30px;
}

.form-btn{
	width: 300px;
}
	
.contact-btn_area{
	width: 640px;
}
	
.contact-banner_area{
	width: 800px;
}
	
.contact-banner_text{
	font-size: 2.5rem;
	margin-bottom: 15px;
}
	
.contact-sub_banner_text{
	font-size: 2.0rem;
}
	
.contact-sub_banner_text_price{
	font-size: 5.0rem;
}

/* /contactエリア */
	
/* serviceエリア */
	
.service-title{
	font-size: 6.0rem;
	margin-bottom: 10px;
}
	
.service-sub_text{
	font-size: 1.6rem;
}
	
.service-text{
	font-size: 1.4rem;
}
	
/* /serviceエリア */
	
/* diffrenceエリア */
	
.difference-title{
	font-size: 2.0rem;
	margin-bottom: 20px;
}
	
.difference-text{
	font-size: 1.4rem;
}
	
.worries-sub_list2{
	font-size: 2.0rem;
}
	
.worries-list2{
	font-size: 3.5rem;
}
	
/* /diffrenceエリア */
	
/* how-to-useエリア */
	
.how-to-use-title{
	font-size: 6.0rem;
	margin-bottom: 10px;
}
	
.how-to-use-sub_text{
	font-size: 1.6rem;
}
	
.how-to-use-text{
	font-size: 1.4rem;
}
	
.suumo-btn{
	width: 200px;
	margin-right: 30px;
}
	
.lifull-btn{
	width: 200px;
	margin-right: 30px;
}
	
.at-home-btn{
	width: 200px;
}
	
.home-btn_area{
	width: 680px;
}
	
.how-to-use_attention{
	font-size: 1.4rem;
}
	
.how-to-use_attention_area{
	width: 680px;
}
	
/* /how-to-useエリア */
	
/* 持ち込み可能な物件についてエリア */
	
.property-title{
	font-size: 2.0rem;
}
	
.property-text{
	font-size: 1.4rem;
}
	
/* /持ち込み可能な物件についてエリア */
	
/* reasonエリア */
	
.reason-title{
	font-size: 6.0rem;
	margin-bottom: 10px;
}
	
.reason-sub_text{
	font-size: 1.6rem;
}
	
.reason-text_sub_title{
	font-size: 2.0rem;
	font-family: 'Noto Sans JP', sans-serif;
}
	
.reason-text_title{
	font-size: 3.5rem;
	margin-bottom: 15px;
}
	
.reason-text{
	font-size: 1.4rem;
}
	
/* /reasonエリア */
	
/* flowエリア */
	
.flow-title{
	font-size: 6.0rem;
	margin-bottom: 15px;
}
	
.flow-sub_text{
	font-size: 1.6rem;
}
	
.flow-image{
	width: 200px;
}
	
.flow-list_title{
	font-size: 3.5rem;
}
	
.flow-list_sub_title{
	font-size: 2.0rem;
	font-family: 'Noto Sans JP', sans-serif;
}
	
.flow-text{
	font-size: 1.4rem;
	width: 500px;
}
	
.flow-list_area{
	width: 750px;
	align-items: flex-start;
}
	
/* /flowエリア */
	
/* faqエリア */
	
.faq-title{
	font-size: 6.0rem;
	margin-bottom: 15px;
}
	
.faq-sub_text{
	font-size: 1.6rem;
}
	
.qa-list dl dt{
	font-size: 1.4rem;
}
	
.qa-list dl dd p{
	font-size: 1.4rem;
}
	
/* /faqエリア */
	
/* お客様へエリア */
	
.to-customers-title{
	font-size: 2.0rem;
}
	
.to-customers-text{
	font-size: 1.4rem;
}
	
/* /お客様へエリア */
	
/* 会社概要エリア */
	
.company-text{
	font-size: 1.4rem;
	margin-bottom: 15px;
}
	
/* /会社概要エリア */
	
.copy{
	font-size: 1.4rem;
}
	
.footer_area .footer_area_inner{
	width: 550px;
}
	
.contact-footer_btn_area{
	width: 550px;
}
	
.line-btn_2{
	width: 250px;
}
	
.form-btn_2{
	width: 250px;
}

}

@media screen and (max-width:980px){
	
/* ナビゲーションエリア */
	
.header-nav_list{
	font-size: 1.2rem;
	margin-right: 40px;
}
	
.header-nav_list_last{
	margin-right: 0;
}
	
.header-nav{
	width: 570px;
}
	
.header-nav_icon{
	margin-right: 30px;
}
	
.nav-icon{
	width: 20px;
}
	
.nav-icon_black{
	width: 20px;
}
	
/* /ナビゲーションエリア */
	

	
}

@media screen and (max-width:850px){
	
.br-pad_on{
	display: block;
}
	
.br-sp_off{
	display: block;
}
	
/* worriesエリア */
	
.worries-list_box{
	display: block;
	width: 500px;
	margin: auto;
}
	
.worries-list_area{
	margin-right: 0;
}
	
.worries-image_area{
	width: 400px;
	margin: auto;
	margin-top: 50px;
}
	
.recommendation-area{
	display: block;
	width: inherit;
	margin: inherit;
}

.recommendation-image{
	display: none;
}
	
.recommendation-image-area2{
	width: 330px;
	margin: auto;
}
	
.recommendation-image2{
	display: block;
	width: 330px;
}
	
/* /worriesエリア */
	
/* contactエリア */
	
.contact-banner_area{
	width: 500px;
}
	
.contact-title{
	margin-bottom: 30px;
}
	
.contact-btn_area{
	width: 300px;
}
	
.line-btn{
	margin-right: 0;
	margin-bottom: 10px;
}
	
/* /contactエリア */
	
/* how to useエリア */
	
.home-btn_area{
	width: 300px;
}
	
.suumo-btn{
	margin-right: 0;
	width: 300px;
	margin-bottom: 20px;
}
	
.lifull-btn{
	margin-right: 0;
	width: 300px;
	margin-bottom: 20px;
}
	
.at-home-btn{
	width: 300px;
}
	
.cash-back{
	margin-bottom: 50px;
}
	
.how-to-use_attention{
	text-align: center;
}
	
/* /how to useエリア */
	
/* flowエリア */
	
.flow-list_area{
	display: block;
	width: 500px;
}
	
.flow-image{
	width: 300px;
}
	
.flow-image_area{
	width: 300px;
	margin: auto;
	margin-bottom: 15px;
}
	
.flow-list_title{
	text-align: center;
	margin-bottom: 10px;
}
	
.flow-text{
	text-align: center;
}
	
/* /flowエリア */
	
/* faqエリア */
	
.qa-list{
	width: 500px;
}
	
.qa-list dl dt{
	padding: 20px 60px;
}

/* /faqエリア */
	
.company{
	padding-bottom: 130px;
}

}

@media screen and (max-width:559px){
	
.twitter-btn{
	display: block;
	width: 142px;
	margin-right: 15px;
}

.insta-btn{
	display: block;
	width: 143px;
}
	
.sns-icon{
	display: flex;
	padding-bottom: 20px;
	width: 300px;
	margin: auto;
}
	
.br-sp_on{
	display: block;
}
	
.br-sp_off{
	display: none;
}
	
/* ナビゲーションエリア */
	
.header-nav2{
	display: none;
}

.header-title_area{
	display: flex;
	padding-top: 6px;
}

.header-nav_area{
	display: block;
}
	
.header-navigation{
	display:block;
}
	
.header-nav_list{
	margin-right: 0;
	margin-top: 35px;
	font-size: 2.0rem;
}
	
.nav-list{
	margin-top: 150px;
}

nav.navigation{
	position: fixed;
	z-index: 12;
	top: 0;
	right: 0;
	background-color: #a69c92;
	text-align: center;
	width: 500px;
	height: 100%;
	display: none;
}
	
.header-nav_area{
	width: 500px;	
}
	
.header-nav{
	padding: 0;
	left: inherit;
	transform: none;
}

.header-nav_link{
	color: #fff;
}
	
.header-nav_list_first{
	margin-top: 70px;
}
	
.nav-sp_main_text{
	color: #fff;
}
	
.nav-icon_sp{
	width: 25px;
}

/*ボタンのスタイル*/
.Toggle {
	position: fixed;
	right:25px;
	top: 7px;
	width: 70px;
	height: 70px;
	cursor: pointer;
	z-index: 160;
	display: block;
}

.Toggle span {
	display: block;
	position: absolute;
	width: 50px;
	border-bottom: solid 4px #e5a722;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
	left: 6px;
}

.Toggle span:nth-child(1) {
	top: 15px;
}

.Toggle span:nth-child(2) {
	top: 30px;
}

.Toggle span:nth-child(3) {
	top: 45px;
}

.Toggle.active span:nth-child(1) {
	top: 40px;
	left: 6px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
	border-bottom: solid 3px #fff;
	}
	.Toggle.active span:nth-child(2),
	.Toggle.active span:nth-child(3) {
	top: 40px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
	border-bottom: solid 3px #fff;
}
	
.Toggle{
	right: 30px;
	width: 40px;
	height: 40px;
}
	
.Toggle span{
	width: 40px;
}
	
.section-title{
	font-size: 3.5rem;
}
	
.section-sub_title{
	font-size: 1.8rem;
}
	
.header-nav_area{
	width: 100%;
	-webkit-overflow-scrolling: touch;
	overflow-y: scroll;
}
	
nav.navigation{
	width: 100%;
}
	
.header-nav_list{
	font-size: 1.6rem;
	line-height: 1.2;
}
	
.nav-list{
	margin-top: 100px;
}
	
.Toggle span:nth-child(1){
	top: 15px;
}
	
.Toggle span:nth-child(2){
	top: 30px;
}
	
.Toggle span:nth-child(3){
	top: 45px;
}
	
.header-nav_list{
	margin-top: 40px;
	font-size: 1.2rem;
}
	
.header-nav_list_first{
	margin-top: 70px;
}
	
.no1-title{
	font-size: 2.0rem;
}
	
.no1-sub_title{
	font-size: 5.0rem;
}
	
.main-text{
	font-size: 1.2rem;
}
	
.is-animation .header-nav_list a{
	color: #fff;
}
	
/* worriesエリア */
	
.worries-list_box{
	width: 300px;
}
	
.worries-image{
	width: 300px;
}
	
.worries-sub_title{
	line-height: 1.6;
}
	
.worries-text{
	font-size: 1.2rem;
}
	
/* /worriesエリア */
	
/* contactエリア */
	
.contact-banner_area{
	width: 350px;
}
	
.contact-banner_text{
	font-size: 2.0rem;
}
	
.contact-sub_banner_text{
	line-height: 1.0;
}

/* /contactエリア */
	
/* serviceエリア */
	
.service-text{
	font-size: 1.2rem;
}
	
/* /serviceエリア */
	
/* differenceエリア */
	
.difference-text{
	font-size: 1.2rem;
}
	
/* /differenceエリア */
	
/* how toエリア */
	
.how-to-use_attention_area{
	width: 300px;
}
	
.how-to-use-text{
	font-size: 1.2rem;
}
	
/* /how toエリア */
	
.property-text{
	font-size: 1.2rem;
}
	
/* reasonエリア */
	
.reason-text{
	font-size: 1.2rem;
}
	
/* /reasonエリア */

/* flowエリア */
	
.flow-text{
	font-size: 1.2rem;
	line-height: 1.5;
	width: 300px;
	margin: auto;
}
	
.flow-image{
	margin-right: 0;
}
	
.flow-list_area{
	width: 300px;
}
	
/* /flowエリア */
	
/* faqエリア */
	
.qa-list{
	width: 300px;
}
	
.qa-list dl dt{
	padding: 20px 40px 20px 20px;
	font-size: 1.2rem;
}
	
.qa-list dl dd{
	padding: 20px 20px 20px 20px;
}
	
.qa-list dl dd p{
	font-size: 1.2rem;
}
	
/* faqエリア */
	
/* お客様へエリア */
	
.to-customers-text{
	width: 300px;
	margin: auto;
	font-size: 1.2rem;
}
	
/* /お客様へエリア */
	
/* 会社概要エリア */
	
.company-text{
	font-size: 1.2rem;
}
	
.copy{
	font-size: 1.2rem;
}
	
/* /会社概要エリア */
	
.company{
	padding-bottom: 163px;
}
	
.contact-footer_btn_area{
	display: block;
	width: 300px;
}
	
.line-btn_2{
	margin-right: 0;
	margin-bottom: 10px;
}
	
.form-btn_2{
	margin-bottom: 20px;
}
	
.footer_area .footer_area_inner{
	width: 300px;
}
	
.contact-footer_sub_text{
	font-size: 1.0rem;
}
	
.form-btn_2{
	display: none;
}
	
.line-btn_2{
	width: 300px;
}

}