@charset "utf-8";
/* CSS Document */
html,body{
	font-family: YakuHanJP_Narrow, "Yu Gothic", YuGothic, "Yu Gothic Medium", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;
	color: #242424;
}
.SP{
	display: none;
}
.Din{
	font-family: "din-2014", sans-serif;
	font-weight: 800;
	font-style: normal;
}
.KakuGo{
	font-family: "source-han-sans-cjk-ja", sans-serif;
	font-weight: 900;
	font-style: normal;
}

/*ヘッダー*/
header{
	width: 100%;
}
.head-inner{
	width: 100%;
	height: 100px;
	padding: 0 30px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.left-head{
	width: 220px;
}
.left-head h1{
	line-height: 1em;
}
.right-head p{
	text-align: center;
	font-size: 1.25rem;
	font-weight: 800;
	letter-spacing: 0.13em;
}
.right-head a{
	color: #f3d400;
	font-size: 2.8rem;
	line-height: 1em;
}
.right-head a span{
	display: inline-block;
	width: 45px;
}
.right-head a span img{
	height: auto;
	vertical-align: baseline;
}

/*トップコンテンツ*/
.top-contents{
	width: 100%;
}
.top-contents-inner{
	width: 100%;
	height: 800px;
	position: relative;
}
.top-copy{
	position: absolute;
	top: 50%;
	left: 5%;
	z-index: 1;
	transform: translateY(-50%);
	width: calc(100% - 10%);
}
.top-copy h2{
	display: inline-block;
	text-align: left;
}
.top-copy h2 > span{
	display: block;
	line-height: 1.35em;
}
.top-copy h2 > span.num1{
	font-size: 3rem;
	letter-spacing: 0.22em;
	text-align: center;
}
.top-copy h2 > span.num2{
	margin-top: 20px;
	width: 100%;
	max-width: 990px;
}
.top-copy h2 > span.num3{
	font-size: 7.5rem;
	letter-spacing: 0.025em;
}
.top-copy h2 > span.num4{
	font-size: 5rem;
	letter-spacing: 0.025em;
}
.top-copy h2 > span.num5{
	font-size: 6.9rem;
	letter-spacing: 0.025em;
}
.top-copy h2 > span span.color{
	color: #0073e8;
	background: linear-gradient(#ffde00, #ffde00) right bottom / 100% 0.5em no-repeat;
}
.top-background{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
	background-image: url("../img/top-image.jpg");
	background-position: top 10% right;
	background-size: cover;
}
.top-background::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: rgb(255,255,255);
	background: linear-gradient(-90deg, rgba(255,255,255,0) 15%, rgba(255,255,255,0.85) 35%);
}

/*企業説明*/
.concept{
	width: 100%;
	position: relative;
}
.concept-deco1,
.concept-deco2{
	position: absolute;
	top: 0;
	z-index: 1;
	width: calc(50% - 550px);
	height: 100%;
	background-size: cover;
}
.concept-deco1{
	left: 0;
	background-image: url("../img/concept_01.jpg");
	background-position: center center;
}
.concept-deco2{
	right: 0;
	background-image: url("../img/concept_02.jpg");
	background-position: center center;
}
.concept-inner{
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
	padding: 100px 20px 90px;
}
.concept-inner .concept-logo{
	width: 75%;
	max-width: 345px;
	margin: 0 auto;
}
.concept-inner .concept-sentence{
	text-align: center;
	margin-top: 50px;
}
.concept-inner .concept-sentence p{
	display: inline-block;
	text-align: left;
	font-size: 1.25rem;
	font-weight: 800;
	line-height: 2em;
}

/*選ばれる理由*/
.reason{
	padding: 120px 0;
	border-bottom: solid 10px #57c3f1;
}
.reason-inner{
	
}
.reason-title{
	text-align: center;
	padding-bottom: 45px;
	position: relative;
}
.reason-title::after{
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 450px;
	height: 15px;
	background-color: #ffde00;
}
.reason-title h2 > span{
	display: block;
	line-height: 1.3em;
	font-weight: 900;
	color: #0073e8;
}
.reason-title h2 > span span.color{
	color: #57c3f1;
}
.reason-title h2 > span.num1{
	font-size: 3.75rem;
}
.reason-title h2 > span.num2{
	font-size: 7.5rem;
}
.reason-contents{
	margin-top: 90px;
}
.reason-contents li{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.reason-contents li:nth-of-type(n+2){
	margin-top: 65px;
}
.reason-image{
	width: 50%;
	height: 350px;
	-webkit-clip-path: polygon(0 0, 100% 0%, 85% 100%, 0% 100%);
	clip-path: polygon(0 0, 100% 0%, 85% 100%, 0% 100%);
	background-size: cover;
}
.reason-contents li:nth-of-type(1) .reason-image{
	background-image: url("../img/reason_01.jpg");
	background-position: center center;
}
.reason-contents li:nth-of-type(2) .reason-image{
	background-image: url("../img/reason_02.jpg");
	background-position: center center;
}
.reason-contents li:nth-of-type(3) .reason-image{
	background-image: url("../img/reason_03.jpg");
	background-position: center center;
}
.reason-sentence{
	width: calc(50% - 20px);
	padding-right: 20px;
}
.reason-sentence p.sub{
	color: #0073e8;
	font-size: 1.8rem;
	letter-spacing: 0.22em;
}
.reason-sentence h3{
	color: #0073e8;
	font-size: 3.75rem;
	line-height: 1.35em;
	letter-spacing: 0.025em;
}
.reason-sentence h3 span{
	background: linear-gradient(#ffde00, #ffde00) right bottom / 100% 0.5em no-repeat;
}
.reason-sentence p.text{
	margin-top: 25px;
	font-size: 1.5rem;
	font-weight: 800;
	line-height: 1.6em;
}

/*3タイプの管理会社*/
.type{
	padding: 120px 0;
	border-bottom: solid 10px #57c3f1;
}
.type-inner{
	
}
.type-title{
	text-align: center;
	padding-bottom: 45px;
	position: relative;
}
.type-title::after{
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 450px;
	height: 15px;
	background-color: #ffde00;
}
.type-title h2 > span{
	display: block;
	line-height: 1.3em;
	font-weight: 900;
	color: #0073e8;
}
.type-title h2 > span.num1{
	font-size: 3.75rem;
}
.type-title h2 > span.num2{
	font-size: 7.5rem;
}
.type-sentence{
	margin-top: 60px;
	text-align: center;
	font-size: 1.8rem;
	line-height: 2em;
	font-weight: 800;
}
.type-contents-list{
	width: 90%;
	max-width: 1100px;
	margin: 140px auto 0;
}
.type-contents-list li{
	position: relative;
}
.type-contents-list li:nth-of-type(n+2){
	margin-top: 110px;
}
.type-contents-list li .type-num{
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 1;
	transform: translate(-50%,-50%);
	text-align: center;
	padding: 20px 75px;
	color: #ffffff;
	background-color: #0073e8;
	font-size: 3.1rem;
	letter-spacing: 0.025em;
	-webkit-border-radius: 45px;
	border-radius: 45px;
}
.type-contents-list li.special .type-num{
	color: #0073e8;
	background-color: #ffde00;
}
.type-contents-list li .type-contents{
	background-color: #efefef;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	padding: 35px 50px 0 0;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
li.special .type-contents{
	color: #ffffff;
	background-color: #0073e8;
}
.type-contents-image{
	width: 40%;
	text-align: center;
}
.type-contents-image img{
	width: 80%;
}
li.special .type-contents-image img{
	width: 85%;
}
.type-contents-sentence{
	width: 60%;
}
.type-contents-sentence h3{
	color: #0073e8;
	font-size: 3.4rem;
	line-height: 1.35em;
	letter-spacing: 0.025em;
	display: flex;
	align-items: center;
}
li.special .type-contents-sentence h3{
	color: #ffde00;
}
.type-contents-sentence h3 span{
	display: inline-block;
	margin-left: 0.5em;
	color: #0073e8;
	font-size: 1rem;
	line-height: 1em;
	background-color: #ffffff;
	padding: 1em;
	-weblkit-border-radius: 25px;
	border-radius: 25px;
}
.type-contents-sentence p{
	margin-top: 30px;
	font-size: 1.1rem;
	font-weight: 800;
	line-height: 2em;
	text-align: justify;
}
li:nth-of-type(1) .type-contents-sentence p{
	margin-top: 25px;
	line-height: 1.35em;
}
.type-contents-sentence p span{
	color: #0073e8;
}
li.special .type-contents-sentence p span{
	color: #ffde00;
}


/*お悩み*/
.worries{
	padding: 90px 0 150px;
	border-bottom: solid 10px #57c3f1;
}
.worries-inner{
	
}
.worries-illust-wrap{
	width: 90%;
	max-width: 1100px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-end;
}
.speech-bubbles{
	width: calc(100% - 480px);
}
.speech-bubbles li{
	text-align: center;
	background-color: #efefef;
	position: relative;
	padding: 35px;
}
.speech-bubbles li:before{
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -15px;
  border: 15px solid transparent;
  border-left: 15px solid #efefef;
}
.speech-bubbles li:nth-of-type(n+2){
	margin-top: 18px;
}
.speech-bubbles li{
	font-size: 1.5rem;
	font-weight: 800;
	line-height: 1.4em;
}
.worries-illust{
	width: 440px;
}

.worries-title{
	margin-top: 85px;
	text-align: center;
	padding-bottom: 45px;
	position: relative;
}
.worries-title::after{
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 450px;
	height: 15px;
	background-color: #ffde00;
}
.worries-title h2 > span{
	display: block;
	line-height: 1.3em;
	font-weight: 900;
	color: #0073e8;
}
.worries-title h2 > span span.color{
	color: #57c3f1;
}
.worries-title h2 > span.num1{
	font-size: 3.75rem;
}
.worries-title h2 > span.num2{
	font-size: 6.25rem;
}
.worries-contens{
	width: 90%;
	max-width: 1100px;
	margin: 75px auto 0;
}
.worries-contens-sentence{
	width: 100%;
	max-width: 800px;
	margin: 75px auto 0;
	font-size: 1.5rem;
	font-weight: 800;
	line-height: 2em;
	text-align: justify;
}

/*お客様の声*/
.customers{
	padding: 120px 0;
}
.customers-inner{
	
}
.customers-title{
	text-align: center;
	padding-bottom: 45px;
	position: relative;
}
.customers-title::after{
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 450px;
	height: 15px;
	background-color: #ffde00;
}
.customers-title h2 > span{
	display: block;
	line-height: 1.3em;
	font-weight: 900;
	color: #0073e8;
}
.customers-title h2 > span span.color{
	color: #57c3f1;
}
.customers-title h2 > span.num1{
	font-size: 3.75rem;
}
.customers-title h2 > span.num2{
	font-size: 7.5rem;
}
.customers-contents{
	width: 90%;
	max-width: 1100px;
	margin: 80px auto 0;
}
.customers-contents li{
	overflow: hidden;
	background-color: #efefef;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.customers-contents li:nth-of-type(n+2){
	margin-top: 50px;
}
.customers-contents-image{
	width: 35%;
	position: relative;
	background-size: cover;
}
.customers-contents li:nth-of-type(1) .customers-contents-image{
	background-image: url("../img/customers-voice_01.jpg");
	background-position: top left 35%;
}
.customers-contents li:nth-of-type(2) .customers-contents-image{
	background-image: url("../img/customers-voice_02.jpg");
	background-position: center center;
}
.customers-contents li:nth-of-type(3) .customers-contents-image{
	background-image: url("../img/customers-voice_03.jpg");
	background-position: top right 25%;
}
.customers-contents-image p{
	font-size: 0.8rem;
	font-weight: 800;
	color: #ffffff;
	position: absolute;
	bottom: 10px;
	right: 10px;
	z-index: 1;
}
.customers-contents-sentence{
	width: 65%;
	padding: 45px 40px;
}
.customers-contents-sentence h3{
	font-size: 1.5rem;
	font-weight: 800;
	color: #0073e8;
}
.customers-contents-sentence p{
	margin-top: 25px;
    font-size: 1.1rem;
    font-weight: 800;
    line-height: 2em;
    text-align: justify;
}
.customers-foot-comment{
	margin-top: 120px;
	text-align: center;
	font-size: 2.5rem;
	line-height: 1.75em;
}
.customers-foot-comment span{
	color: #0073e8;
	text-decoration: underline;
}



/*問い合わせフォーム誘導ボタン*/
.contact-form-infobtn-wrap{
	display: block;
	width: 90%;
	max-width: 1100px;
	margin: 190px auto 0;
	position: relative;
}
.contact-form-image{
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	width: 343px;
}
.contact-form-infobtn{
	overflow: hidden;
	background-color: #0073e8;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	padding: 35px 50px 35px 380px;
	position: relative;
	-webkit-box-shadow: 0px 15px 15px 0px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 15px 15px 0px rgba(0, 0, 0, 0.15);
}
.contact-form-infobtn::after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
	background: rgb(0,88,219);
	background: linear-gradient(0deg, rgba(0,88,219,1) 0%, rgba(0,88,219,0) 100%);
}
.contact-form-infobtn-deco{
	opacity: 0.08;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	transform: translateY(-50%);
	width: 50%;
}
.contact-form-infobtn-text{
	color: #ffffff;
	position: relative;
	z-index: 2;
}
.contact-form-infobtn-text p{
	font-size: 2.8rem;
	line-height: 1.35em;
	letter-spacing: 0.025em;
}
.contact-form-infobtn-text p span.sub{
	display: block;
	font-size: 1.3rem;
	line-height: 1em;
}
.contact-form-infobtn-text p span.color{
	color: #ffde00;
}

/*お問い合わせフォーム*/
.contact{
	padding: 100px 0;
	position: relative;
	background-color: #0073e8;
}
.contact-form-deco{
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 0;
	width: 100%;
	opacity: 0.15;
}
.contact-inner{
	width: 90%;
	max-width: 1100px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}
.contact-title{
	position: relative;
	padding: 0 40px 60px 460px;
}
.contact-title-deco{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 420px;
}
.contact-title h2{
	text-align: center;
	color: #ffffff;
	font-size: 4.3rem;
	letter-spacing: 0.025em;
}
.contact-form-wrap{
	width: 100%;
	padding: 80px;
	background-color: #ffffff;
}

/*フッター前コピー*/
.foot-copy{
	padding: 120px 0;
	text-align: center;
}
.foot-copy p{	
}
.foot-copy p span{
	display: block;
	line-height: 1.35em;
}
.foot-copy p span.num1{
	font-size: 4.3rem;
	letter-spacing: 0.13em;
}
.foot-copy p span.num2{
	color: #0073e8;
	font-size: 5.6rem;
}
.foot-copy p span.num3{
	font-size: 2.6rem;
	letter-spacing: 0.025em;
}

/*フッター*/
footer{
	padding: 135px 0;
	background-image: url("../img/foot-image.jpg");
	background-size: cover;
	background-position: center center;
}
.foot-inner{
	width: 90%;
	max-width: 1100px;
	margin: 0 auto;
}
.foot-logo{
    width: 75%;
    max-width: 345px;
    margin: 0 auto;
}
.foot-sentence{
	margin-top: 50px;
	color: #ffffff;
	text-align: center;
	font-size: 1rem;
	line-height: 2em;
	font-weight: 800;
}
.foot-sentence a{
	text-decoration: underline;
}
.foot-link-list{
	width: 100%;
	margin-top: 70px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.foot-link-list li{
	width: calc(100% / 3 - 11px);
	height: 130px;
	background-color: #ffffff;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	position: relative;
	transition: .3s ease;
}
.foot-link-list li:hover{
	opacity: 0.5;
}
.foot-link-list li a{
	display: block;
	width: 100%;
	height: 100%;
	
}
.foot-link-list li img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 75%;
}


/*TOPへ戻る*/
.float-wrap{
	position: fixed;
	bottom: 30px;
	right: 30px;
	z-index: 20;
	opacity: 0;
	transform: translateY(15px);
	transition: .3s ease;
}
.float-wrap.active{
	opacity: 1;
	transform: none;
}
.float-contact,
.float-top{
	display: block;
	width: 120px;
	height: 120px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	border: 5px solid #0073e8;
	position: relative;
	transition: .3s ease;
}
.float-contact:hover,
.float-top:hover{
	opacity: 0.5;
}
.float-contact{
	color: #0073e8;
	background-color: #ffffff;
}
.float-contact p{
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	transform: translate(-50%,-50%);
	width: 100%;
	text-align: center;
	font-size: 1rem;
	line-height: 1.1em;
	font-weight: 800;
}
.float-top{
	margin-top: 10px;
	color: #ffffff;
	background-color: #0073e8;
}
.float-top::after{
	font: var(--fa-font-solid);
	content: "\f106";
	position: absolute;
	top: 15px;
	left: 50%;
	transform: translateX(-50%);
	font-size: 25px;
}
.float-top p{
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	transform: translate(-50%,-50%);
	width: 100%;
	text-align: center;
	font-size: 1rem;
	line-height: 1.1em;
	font-weight: 800;
}


/*追加領域*/
#group-info{
	padding: 120px 0;
}
.group-info-inner{
	width: 90%;
	max-width: 1100px;
	margin: 0 auto;
}
#k_group_logo{
	width: 25%;
    max-width: 135px;
    margin: 0 auto;
}
.title_lead{
	margin-top: 30px;
	text-align: center;
	font-size: 1.8rem;
	line-height: 1em;
	font-weight: 800;
	letter-spacing: 0.025em;
	color: #57c3f1;
}
.section_title{
	margin-top: 8px;
    text-align: center;
    font-size: 0.8rem;
    font-weight: 800;
    letter-spacing: 0.13em;
    color: #57c3f1;
}
h3#group_lead{
	width: 100%;
	max-width: 750px;
	margin: 50px auto 0;
	text-align: justify;
	font-size: 1rem;
	line-height: 1.8em;
	letter-spacing: 0.025em;
}
h3#group_lead span{
	display: block;
	font-size: 1.5em;
	color: #57c3f1;
	padding-bottom: 10px;
}
ul#group_list{
	margin-top: 80px;
	display: flex;
	flex-wrap: wrap;
}
ul#group_list li{
	width: calc(25% - 20px);
	margin: 0 10px;
}
ul#group_list li:nth-of-type(n+5){
	margin-top: 50px;
}
ul#group_list li img{
	width: 75%;
}
ul#group_list li.ltc img{
	width: 35%;
}
ul#group_list li p{
	margin-top: 10px;
	font-size: 0.9rem;
	line-height: 1.3em;
	font-weight: 500;
}
ul#group_list li p span{
	margin-top: 5px;
	display: block;
	font-weight: 800;
}
ul#group_list li p span::before{
	content: '- ';
	color: #57c3f1;
}

.company_info-wrap{
	padding: 120px 0 10px;
	background-color: #F5FCFE;
}
.company_info-wrap-inner{
	width: 90%;
	max-width: 1100px;
	margin: 0 auto;
}
.company_info{
	margin-top: 80px;
}
.company_info dl{
	display: flex;
    flex-wrap: wrap;
    line-height: 1.8em;
	letter-spacing: 0.025em;
}
.company_info dt{
    width: 20%;
    padding: 0px 0px 15px 0;
    margin: 0;
    text-align: left;
    font-weight: 800;
}
.company_info dd {
	font-weight: 500;
    width: 80%;
    padding: 0px 0px 15px 0;
    margin: 0 auto;
}
.gmap a {
    color: #57c3f1;
	font-weight: 800;
    border-bottom: 1px #57c3f1 dashed;
}
.copyright{
	margin-top: 90px;
	text-align: center;
	font-weight: 500;
	font-size: 0.8rem;
	letter-spacing: 0.025em;
}



/*調整用*/
@media screen and (max-width:1200px) {
	.top-contents-inner{
		height: 600px;
	}
	.top-copy h2 > span.num1{
		font-size: 1.8rem;
	}
	.top-copy h2 > span.num2{
		width: 580px;
	}
	.top-copy h2 > span.num3{
		font-size: 4.3rem;
	}
	.top-copy h2 > span.num4{
		font-size: 2.9rem;
	}
	.top-copy h2 > span.num5{
		font-size: 4rem;
	}
	.contact-form-image{
		width: 290px;
	}
	.contact-form-infobtn{
		padding: 35px 50px 35px 310px;
	}
	.contact-form-infobtn-text p{
		font-size: 2rem;
	}
	.reason-title h2 > span.num1,
	.type-title h2 > span.num1,
	.worries-title h2 > span.num1,
	.customers-title h2 > span.num1{
		font-size: 2.5rem;
	}
	.reason-title h2 > span.num2,
	.type-title h2 > span.num2,
	.customers-title h2 > span.num2{
		font-size: 6rem;
	}
	.worries-title h2 > span.num2{
		font-size: 5rem;
	}
	.type-contents-list li .type-num{
		font-size: 2.5rem;
	}
	.type-contents-sentence h3{
		font-size: 2.5rem;
	}
	.type-contents-sentence p{
		font-size: 0.9rem;
	}
	.speech-bubbles li{
		font-size: 1.2rem;
	}
	.customers-contents-sentence h3{
		font-size: 1.1rem;
	}
	.customers-contents-sentence p{
		font-size: 0.9rem;
	}
	.customers-foot-comment{
		font-size: 1.8rem;
	}
	.contact-title h2{
		font-size: 3rem;
	}
	.foot-copy p span.num1{
		font-size: 3rem;
	}
	.foot-copy p span.num2{
		font-size: 4.3rem;
	}
	.foot-copy p span.num3{
		font-size: 2rem;
	}
}


/*スマートフォン*/
@media screen and (max-width:780px) {
    .PC{
		display: none;
	}
	.SP{
		display: block;
	}
	
	/*ヘッダー*/
	.head-inner{
		height: 60px;
		padding: 0 15px;
	}
	.left-head{
		width: 120px;
	}
	.right-head p{
		font-size: 0.7rem;
	}
	.right-head a{
		font-size: 1.3rem;
	}
	.right-head a span{
		width: 20px;
	}
	
	/*トップコンテンツ*/
	.top-contents-inner{
		height: calc(55vh - 60px);
	}
	.top-copy{
		top: 30px;
		left: 50%;
		transform: translateX(-50%);
		text-align: center;
	}
	.top-copy h2 > span{
		text-align: center;
	}
	.top-copy h2 > span.num1{
		font-size: 1.1rem;
		letter-spacing: 0.13em;
	}
	.top-copy h2 > span.num2{
		width: 350px;
		margin-top: 0px;
		line-height: 1em;
	}
	.top-copy h2 > span.num2 img{
		width: 90%;
	}
	.top-copy h2 > span.num3{
		font-size: 2.3rem;
	}
	.top-copy h2 > span.num4{
		font-size: 1.5rem;
	}
	.top-copy h2 > span.num5{
		font-size: 2.1rem;
	}
	.top-background{
		background-position: top right 35%;
	}
	.top-background::before{
		background: rgb(255,255,255);
		background: linear-gradient(0, rgba(255,255,255,0) 25%, rgba(255,255,255,0.85) 45%);
	}
	
	/*企業説明*/
	.concept-inner{
		padding: 60px 20px;
	}
	.concept-inner .concept-sentence p{
		font-size: 0.9rem;
	}
	
	/*各タイトル調整*/
	.reason-title h2 > span.num1,
	.type-title h2 > span.num1,
	.worries-title h2 > span.num1,
	.customers-title h2 > span.num1{
		font-size: 1.4rem;
	}
	.reason-title h2 > span.num2,
	.type-title h2 > span.num2,
	.customers-title h2 > span.num2{
		font-size: 2.3rem;
	}
	.worries-title h2 > span.num2{
		font-size: 2rem;
	}
	.reason-title,
	.type-title,
	.worries-title,
	.customers-title{
		padding-bottom: 25px;
	}
	.worries-title{
		margin-top: 50px;
	}
	.reason-title::after,
	.type-title::after,
	.worries-title::after,
	.customers-title::after{
		width: 180px;
		height: 7px;
	}
	
	/*選ばれる理由*/
	.reason{
		padding: 0px 0 60px;
	}
	.reason-contents{
		margin-top: 50px;
	}
	.reason-contents li:nth-of-type(n+2){
		margin-top: 45px;
	}
	.reason-image{
		width: 95%;
		height: 180px;
	}
	.reason-sentence{
		width: 90%;
		margin: 20px auto 0;
		padding-right: 0px;
	}
	.reason-sentence p.sub{
		font-size: 1.2rem;
	}
	.reason-sentence h3{
		font-size: 1.6rem;
	}
	.reason-sentence p.text{
		margin-top: 15px;
		font-size: 0.9rem;
	}
	
	/*3タイプの管理会社*/
	.type{
		padding: 60px 0;
	}
	.type-sentence{
		margin-top: 30px;
		font-size: 0.9rem;
	}
	.type-contents-list{
		margin: 60px auto 0;
	}
	.type-contents-list li:nth-of-type(n+2){
		margin-top: 60px;
	}
	.type-contents-list li .type-num{
		font-size: 1.5rem;
		padding: 10px 30px;
	}
	.type-contents-list li .type-contents{
		padding: 20px;
	}
	.type-contents-image{
		width: 100%;
		padding-top: 25px;
	}
	.type-contents-image img{
		width: 55%;
	}
	li.special .type-contents-image img{
		width: 65%;
	}
	.type-contents-sentence{
		width: 100%;
		margin-top: 20px;
	}
	.type-contents-sentence h3{
		font-size: 1.8rem;
	}
	.type-contents-sentence h3 span{
		font-size: 0.8rem;
	}
	.type-contents-sentence p{
		margin-top: 15px;
		font-size: 0.8rem;
	}
	
	/*お悩み*/
	.worries{
		padding: 60px 0;
	}
	.speech-bubbles{
		width: 100%;
	}
	.speech-bubbles li{
		font-size: 1rem;
		padding: 15px;
	}
	.speech-bubbles li:before {
		top: 100%;
		left: 50%;
		margin-top: 0px;
		margin-left: -15px;
		border: 15px solid transparent;
		border-top: 15px solid #efefef;
	}
	.speech-bubbles li:nth-of-type(n+2){
		margin-top: 22px;
	}
	.worries-illust{
		width: 75%;
		margin: 25px auto 0;
	}
	.worries-contens{
		margin: 30px auto 0;
	}
	.worries-contens-sentence{
		margin: 30px auto 0;
		font-size: 0.9rem;
	}
	
	/*お客様の声*/
	.customers{
		padding: 60px 0;
	}
	.customers-contents{
		margin: 40px auto 0;
	}
	.customers-contents-image{
		width: 100%;
		height: 150px;
	}
	.customers-contents-sentence{
		width: 100%;
		padding: 20px;
	}
	.customers-contents-sentence p{
		margin-top: 15px;
		font-size: 0.8rem;
	}
	.customers-contents li:nth-of-type(n+2){
		margin-top: 40px;
	}
	.customers-foot-comment{
		margin-top: 60px;
		font-size: 1.2rem;
	}
	
	
	/*問い合わせフォーム誘導ボタン*/
	.contact-form-infobtn-wrap{
		text-align: center;
		margin: 40px auto 0;
	}
	.contact-form-image{
		display: none;
	}
	.contact-form-infobtn{
		padding: 20px;
	}
	.contact-form-infobtn-text p span.sub{
		font-size: 0.9rem;
		padding-bottom: 7px;
	}
	.contact-form-infobtn-text p{
		font-size: 1.9rem;
		line-height: 1.2em;
	}
	
	/*問い合わせフォーム*/
	.contact{
		padding: 60px 0;
	}
	.contact-title-deco{
		width: 110px;
	}
	.contact-title{
		padding: 0 0 10px 100px;
	}
	.contact-title h2{
		font-size: 1.5rem;
	}
	.contact-form-wrap{
		padding: 20px;
	}
	
	/*フッター前コピー*/
	.foot-copy{
		padding: 60px 0;
	}
	.foot-copy p span.num1{
		font-size: 1.1rem;
	}
	.foot-copy p span.num2{
		font-size: 1.6rem;
		letter-spacing: 0;
	}
	.foot-copy p span.num3{
		font-size: 0.8rem;
		letter-spacing: 0;
	}
	
	
	/*フッタ*/
	footer{
		padding: 65px 0;
	}
	.foot-sentence{
		margin-top: 30px;
		font-size: 0.8rem;
		text-align: justify;
	}
	.foot-sentence br{
		display: none;
	}
	.foot-link-list{
		margin-top: 40px;
	}
	.foot-link-list li{
		width: 100%;
		height: 85px;
	}
	.foot-link-list li:nth-of-type(n+2){
		margin-top: 15px;
	}
	.foot-link-list li:nth-of-type(1) img{
		width: 60%;
	}
	.foot-link-list li:nth-of-type(n+2) img{
		width: 50%;
	}
	
	/*TOPへ戻る*/
	.float-wrap{
		width: 100%;
		bottom: 0;
		right: 0;
		display: flex;
	}
	.float-contact,
	.float-top{
		border: none;
		padding-bottom: calc(env(safe-area-inset-bottom) + 44px);
	}
	.float-contact{
		width: 80%;
		height: 60px;
		border-radius: 0px;
		color: #ffffff;
		background-color: #0073e8;
	}
	.float-contact p span{
		color: #ffde00;
	}
	.float-contact br,
	.float-top p span{
		display: none;
	}
	.float-top{
		margin-top: 0px;
		width: 20%;
		height: 60px;
		border-radius: 0px;
		background-color: #57c3f1;
	}
	.float-top p{
		top: 65%;
		font-size: 0.9rem;
	}
	.float-top::after{
		font-size: 15px;
		top: 30%;
		transform: translate(-50%,-50%);
	}
	
	/*追加領域*/
	#group-info{
		padding: 60px 0;
	}
	.title_lead{
		font-size: 1.5rem;
	}
	h3#group_lead{
		margin: 40px auto 0;
	}
	h3#group_lead{
		font-size: 0.8rem;
	}
	h3#group_lead span{
		font-size: 1.2rem;
	}
	ul#group_list{
		margin-top: 50px;
		justify-content: space-between;
	}
	ul#group_list li{
		width: calc(50% - 12px);
		margin: 0;
	}
	ul#group_list li:nth-of-type(n+3){
		margin-top: 30px;
	}
	ul#group_list li img{
		width: 90%;
	}
	ul#group_list li p{
		font-size: 0.8rem;
	}
	.company_info-wrap{
		padding: 60px 0 65px;
	}
	.company_info{
		margin-top: 50px;
	}
	.company_info dl{
		font-size: 0.8rem;
		border-top: 1px #646567 solid;
	}
	.company_info dt{
		width: 100%;
		padding: 2em 1em 0 1em; 
	}
	.company_info dd{
		width: 100%;
		padding: 0.5em 1em 2em 1em; 
		border-bottom: 1px #646567 solid;
	}
	.company_info dd p.honsya{
		margin-top: 1em;
	}
}