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

@font-face{
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 400;

	src: 
		local("Noto Sans JP")
		url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Reegular.woff2) format('woff2'),
	
		url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Reegular.woff) format('woff'),

		url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Reegular.otf) format('opentype');

}

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

body{
	color: #333;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.6rem;
	font-feature-settings: "palt";
	letter-spacing: 0.025em;
	box-sizing : border-box;
	margin: 0;
}

a{
	color: #333;
}

a:hover{
	opacity: 0.8;
}

li{
	list-style: none;
}

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

.br-pc{
	display: block;
}

.br-pd{
	display: none;
}

.br-pd_none{
	display: block;
}

.tel-icon_sp{
	display: none;
}

.br-pad{
	display: none;
}

.br-pad_none{
	display: block;
}

.br-pd_block{
	display: none;
}

.br-sp{
	display: none;
}

.br-pc_sp{
	display: block;
}

.br-pad_pc{
	display: block;
}

.flow-pad_box{
	display: none;
}

.price-box_sp{
	display: none;
}

.br-pad_sp{
	display: none;
}

.top-image_sp{
	display: none;
}

.flow-box_sp{
	display: none;
}

.header-title_icon_sp{
	display: none;
}

/* headerエリア */

.header-icon_inner{
	width: 1140px;
	margin: auto;
}

.inner{
	width: 1024px;
	margin: auto;
}

.header-nav_list_company{
	display: none;
}

.header-title_area{
	display: flex;
	align-items: center;
}

.header-title_icon{
	text-align: left;
	width: 500px;
}

.header-tel_area{
	width: 1024px;
	margin-bottom: 15px;
}

.header-tel_icon{
	width: 320px;
	float: right; 
	margin: 0.8em 0 0.8em 0.8em;
}

.tel-text{
	text-align: right;
	clear: both;
}

.tel-text_first{
	margin-top: 10px;
}

/* headerナビゲーションエリア */

.header-nav_area{
	display: flex;
	text-align: center;
	width: 800px;
	margin: auto;
	padding-top: 20px;
	padding-bottom: 20px;
}

.header-navigation{
	background-color: #0258b8;
}

.header-nav_list{
	margin-right: 145px;
}

.header-nav_list_last{
	margin-right: 0;
}

.header-nav_link{
	color: #fff;
}

.header-nav_sublist{
	margin-top: 10px;
	display: inline-block;
	text-transform: uppercase;
	font-size: 1.3rem;
}

.is-animation{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 150;
	width: 100%;
	background-color: rgba(2,88,184,0.85);
	animation : fadeIn 1s;
	animation-fill-mode: both;
}

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

.is-animation .header-title_icon{
	display: none;
}

.is-animation .header-title_icon_sp{
	display: block;
	width: 600px;
	margin-right: 200px;
}

.is-animation .tel-text{
	display: none;
}

.is-animation .header-tel_icon{
	width: 220px;
	margin-top: 25px;
}

.is-animation nav{
	display: none;
}

.header-sub_nav_box{
	display: none;
}

.is-animation .header-sub_nav_box{
	display: block;
}

.is-animation .header-sub_nav_area{
	display: flex;
	width: 480px;
	margin-left: 200px;
}

.is-animation .header-sub_nav{
	margin-left: 30px;
}

.is-annimation .header-sub_nav_first{
	margin-left: 0;
}

.contact-image_sp{
	display: none;
}

/* /headerエリア */

/* トップバナーエリア */

#main-visual{
	width: 960px;
	min-height: 580px;
	margin: auto;
	margin-bottom: 50px;
}

.top-image_area{
	width: 100%;
	background-image: url("../image/background-woman_image.png"),url("../image/background-top_image.png");
	background-repeat: no-repeat,no-repeat;
	background-size: 797px 913px,cover;
	background-position: left -20px bottom 0px,center;
	padding-bottom: 4px;
}

.top-image{
	width: 100%;
	height: auto;
	max-width: 1400px;
	margin-left: 100px;
}

.main-visual_title{
	padding: 40px 0 0px 0;
}

/* /トップバナーエリア */

/* キャンペーンバナーエリア */

.campaign-area{
	width: 800px;
	margin: auto;
	margin-top: 54px;
}

.campaign-banner{
	width: 800px;
	text-align: center;
	margin-bottom: 54px;
}

/* /キャンペーンバナーエリア */


/* コンタクトバナーエリア */

.contact-image{
	margin-bottom: 103px;
	width: 100%;
}

/* /コンタクトバナーエリア */

/* ライフテックサービスが選ばれる理由エリア */

#choice{
	padding-top: 154px;
	margin-top: -154px;
}

.title-icon_inner{
	width: 40px;
	margin: auto;
}

.title-icon{
	text-align: center;
	width: 40px;
	margin-bottom: 20px;
}

.contents-title{
	font-size: 2.5rem;
	text-align: center;
	margin-bottom: 70px;
}

.choice-title{
	margin-top: 25px;
	font-size: 2.0rem;
	margin-bottom: 15px;
	line-height: 1.5;
}

.choice-text{
	line-height: 1.8;
}

.choice-image{
	width: 250px;
}

.choice-area{
	text-align: center;
	display: flex;
	margin-bottom: 100px;
}

.choice-box{
	width: 1024px;
	margin: auto;
}

.choice-list{
	margin-right: 120px;
}

.choice-list_last{
	margin-right: 0;
}

/* /ライフテックサービスが選ばれる理由エリア */

/* 料金案内エリア */

#price{
	padding-top: 154px;	
	margin-top: -154px;
}

.price-area{
	display: flex;
	text-align: center;
	margin-bottom: 55px;
}

.price-image{
	width: 250px;
}

.price-box{
	width: 1024px;
	margin: auto;
}

.price-list{
	margin-right: 80px;
}

.price-list_last{
	margin-right: 0;
}

.price-zone{
	padding-top: 45px;	
	padding-bottom: 45px;
	border: solid 1px #ccecfb;
	background-color: #ccecfb;
	margin-bottom: 95px;
}

.price-zone_title{
	font-size: 2.0rem;
	text-align: center;
	letter-spacing: 2.0px;
	margin-bottom: 43px;
}

.price-zone_list{
	font-size: 2.0rem;
	line-height: 1.5;
	margin-right: 56px;
	margin-left: 56px;
	position: relative;
	z-index: 100;
}

.price-zone_number{
	font-size: 4.5rem;
	position: relative;
	z-index: 100;
	font-weight: bold;
}

.price-zone_tax{
	font-size: 2.0rem;
	position: relative;
	z-index: 100;
}

.yellow-line{
	position: absolute;
	top: 72px;
	left: 0;
	z-index: 0;
}

.price-zone_area{
	display: flex;
}

/* /料金案内エリア */

/* お客様の声エリア */

#voice{
	padding-top: 154px;
	margin-top: -154px;
}

.voice-area{
	position: relative;
	width: 1024px;
	margin: auto;
	padding-top: 40px;
	padding-bottom: 40px;
	margin-bottom: 50px;
	border-top: dotted 2px #d9d9d9;
	border-bottom: dotted 2px #d9d9d9;
	z-index: 100;
}

.voice-title{
	font-size: 2.5rem;
	color: #0258b8;
	margin-bottom: 38px;
	position: relative;
	z-index: 100;
}

.voice-yellow_line{
	width: 435px;
	position: absolute;
	top: 55px;
	left: 0;
	z-index: 0;
}

.voice-sub_title{
	font-size: 2.0rem;
	color: #78a4d7;
	margin-bottom: 30px;
}

.voice-category{
	color: #333;
}

.voice-text{
	line-height: 1.8;
}

.voice-yellow-line_second{
	width: 325px;
}

.voice-yellow-line_last{
	width: 475px;
}

.voice-area_last{
	margin-bottom: 103px;
}

/* /お客様の声エリア */

/* 明朗会計エリア */

.safety-area{
	position: relative;
	z-index: 100;
}

.safety-text{
	position: relative;
	line-height: 2.0;
	text-align: center;
	z-index: 100;
	margin-bottom: 70px;
}

.safety-yellow_line{
	position: absolute;
	top: 60px;
	left: 185px;
	z-index: 0;
	width: 657px;
}

.safety-main_text{
	font-size: 2.5rem;
}

.safety-image_area{
	width: 600px;
	margin: auto;
}

.safety-image{
	width: 600px;
	margin-bottom: 140px;
}

/* /明朗会計エリア */

/* 解決までの流れエリア */

#flow{
	padding-top: 154px;
	margin-top: -154px;
}

.flow-area{
	border: solid 1px #ccecfb;
	background-color: #ccecfb;
	border-radius: 1em;
	width: 170px;
	padding-top: 75px;
	padding-bottom: 75px;
	margin-right: 50px;
}

.flow-icon{
	width: 130px;
	margin-bottom: 84px;
}

.flow-icon_area{
	width: 130px;
	margin: auto;
}

.flow-title{
	font-size: 2.0rem;
	text-align: center;
	margin-bottom: 30px;
}

.flow-text{
	text-align: center;
	line-height: 3.0rem;
}

.flow-box{
	display: flex;
	margin-bottom: 103px;
}

.flow-area_last{
	margin-right: 0;
}

/* /解決までの流れエリア */

/* よくある質問エリア */

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

.qa-list dl {
    position: relative;
    margin: 30px 0 0;
    cursor: pointer;
    border: 1px solid #ccecfb;
}
.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 #000;
    border-right: 2px solid #000;
}
.qa-list .open::after {
    transform: rotate(-45deg);
}
.qa-list dl dt {
    position: relative;
    margin: 0;
    padding: 20px 20px 20px 60px;
    background: #ccecfb;
}
.qa-list dl dt::before {
    font-size: 22px;
    line-height: 1;
    position: absolute;
    top: 20px;
    left: 20px;
    display: block;
    content: 'Q.';
    color: #333;
}
.qa-list dl dd::before {
    font-size: 22px;
    line-height: 1;
    position: absolute;
    left: 20px;
    display: block;
    content: 'A.';
    color: #333;
}
.qa-list dl dd {
    position: relative;
    margin: 0;
    padding: 20px 20px 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;
}

/* /よくある質問エリア */

/* 取扱メーカーエリア */

.maker-logo_image{
	width: 700px;
	margin-bottom: 103px;
}

.maker-logo_area{
	width: 700px;
	margin: auto;
}

/* /取扱メーカーエリア */

/* footerエリア */

.footer-company_area{
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #ccecfb;
}

.footer-company_text{
	font-size: 2.0rem;
	color: #fff;
	text-align: center;
}

.footer-copylight_area{
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #2c6bad;
}

.footer-copy_text{
	color: #fff;
	text-align: center;
	text-transform: capitalize;
	font-size: 1.3rem;
}
/* /footerエリア */

/* 会社概要エリア */

.company-inner{
	width: 800px;
	margin: auto;
}

.company-title_icon{
	margin-top: 103px;
}

.info-item{
	display: flex;
	margin-bottom: 30px;
	line-height: 1.5;
	text-align: left;
	padding-bottom: 28px;
	padding-top: -6px;
	border-bottom: solid 2px #e2e3e5;
	width: 800px;
}

.info-item2{
	border-bottom: solid 2px #fff;
}

.info-title{
	flex: 0 0 155px;
	width: 155px;
	margin-right: 151px;
	text-align: right;
	text-transform: uppercase;
}

.info-detail{
	flex: 1 1 auto;
	line-height: 1.8;
}

.info-address{
	display: block;
}

.info-address_company{
	margin-top: 20px;
}

.company-info{
	text-align: center;
	font-size: 1.4rem;
	margin-bottom: 80px;
}

.category-bgc{
	background-color: rgba(204,236,251,0.50);
	padding-top: 53px;
	padding-bottom: 50px;
	margin-bottom: 100px;
}

.company-title_icon2{
	margin-top: 0;
}

.policy-inner{
	width: 700px;
	margin: auto;
}

.policy-box{
	width: 700px;
	height: 300px;
	overflow: scroll;
	border: solid 2px #e2e3e5;
	margin-bottom: 103px;
}

.policy-title{
	text-align: center;
	font-size: 1.8rem;
	font-family: "ヒラギノ明朝 Pro";
	margin-top: 40px;
	margin-bottom: 40px;
}

.policy-text{
	font-size: 1.4rem;
	font-family: "ヒラギノ明朝 Pro";
	margin-bottom: 20px;
	line-height: 1.8;
}

.policy-text_inner{
	width: 600px;
	margin: auto;
	line-height: 1.5;
}

.policy-sub_title{
	font-size: 1.7rem;
	font-family: "ヒラギノ明朝 Pro";
	margin-bottom: 20px;
}

/* /会社概要エリア */

@media (min-width: 1051px) and (max-width: 1550px){
	
	.top-image_area{
		background-position: left -40px bottom 0px,center;
		background-size: 762px 874px,cover;
	}
}

@media (min-width: 1051px) and (max-width: 1450px){
	
	.top-image_area{
		background-position: left -40px bottom 0px,center;
		background-size: 713px 818px,cover;
	}
}

@media (min-width: 1051px) and (max-width: 1340px){
	
	.top-image_area{
		background-position: left -40px bottom 0px,center;
		background-size: 659px 756px,cover;
	}
}

@media (min-width: 1051px) and (max-width: 1280px){
	
	.top-image_area{
		background-position: left -20px bottom 0px,center;
		background-size: 630px 722px,cover;
	}
	
	.top-image{
		margin-left: 30px;
	}
}

@media (min-width: 800px) and (max-width: 1050px){
	
	.top-image_area{
		background-position: left -10px bottom 0px,center;
		background-size: 517px 592px,cover;
	}
	
	.top-image{
		width: 85%;
		max-width: 800px;
		margin-left: 110px;
	}
	
	.main-visual_title{
		padding: 30px 0 0 120px;
	}
	
	.inner{
		width: 850px;
	}
}

@media screen and (max-width:1024px){
	
.br-pd{
	display: block;
}
	
.br-pd_none{
	display: none;
}
	
.br-pad_none{
	display: none;
}
	
.br-pd_block{
	display: block;
}
	
.br-pad{
	display: none;
}
	
.br-pc{
	display: block;
}
	
#main-visual{
	min-height: inherit;
}

.header-icon_inner{
	width: 850px;
}
	
.is-animation{
	height: 100px;
}
	
.is-animation .header-sub_nav_area{
	margin-left: 0;
}
	
.is-animation .header-tel_icon{
	width: 160px;
	margin-top: 40px;
}
	
/* 選ばれる理由エリア */
	
.choice-list{
	justify-content: space-between;
	width: 250px;
}
	
.choice-box{
	width: 900px;
}
	
/* /選ばれる理由エリア */
	
/* 料金案内エリア */
	
.price-box{
	width: 950px;
}
	
.price-list{
	margin-right: 50px;
}
	
.price-list_last{
	margin-right: 0;
}
	
.price-zone_number{
	font-size: 3.5rem;
}
	
.price-zone_list{
	margin-right: 44px;
	margin-left: 44px;
}
	
.yellow-line{
	top: 63px;
}
	
/* /料金案内エリア */
	
/* お客様の声エリア */
	
.voice-area{
	width: 950px;
}
	
/* /お客様の声エリア */
	
/* 明朗会計エリア */
	
.safety-yellow_line{
	left: 97px;
}
	
/* /明朗会計エリア */
	
/* 流れエリア */
	
.flow-inner{
	width: 950px;
}
	
/* /流れエリア */
	
}

@media screen and (max-width:768px){
	
body{
	overflow-x: hidden;
}
	
.inner{
	width: 680px;
}
	
.header-nav_list_company{
	display: block;
}
	
.br-pc{
	display: none;
}
	
.br-pad{
	display: block;
}
	
.br-pad_none{
	display: none;
}
	
.br-pd_block{
	display: none;
}
	
.br-pad_sp{
	display: block;
}
	
.br-pc_sp{
	display: none;
}
	
.header-title_icon{
	display: none;
}

.header-title_icon_sp{
	display: block;
}
	
/* ナビゲーションエリア */

.header-title_area{
	display: flex;
	padding-top: 6px;
}
	
.header-title_icon_sp{
	width: 250px;
}
	
.header-tel_area{
	width: inherit;
}
	
.header-nav_area{
	display: block;
}
	
.header-tel_icon{
	width: 250px;
}

.header-tel_icon{
	display: none;
}
	
.header-icon_inner{
	width: 700px;
}
	
.tel-text{
	display: none;
}
	
header{
	background-color: #0258b8;
	height: 100px;
	position: relative;
	z-index: 200;
}
	
.tel-icon_sp{
	display: block;
	width: 70px;
	float: right;
	position: absolute;
	top: 15px;
	right: 100px;
}
	
.header-nav_list{
	margin-right: 0;
	margin-top: 70px;
	font-size: 2.0rem;
}
	
.nav-list{
	margin-top: 150px;
}
	
.is-animation .header-sub_nav_box{
	display: none;
}
	
.is-animation .header-title_icon_sp{
	width: 250px;
}

nav.navigation{
	position: fixed;
	z-index: 12;
	top: 0;
	right: 0;
	background-color: rgba(2,88,184,0.90);
	text-align: center;
	width: 500px;
	height: 100%;
	display: none;
}
	
.header-nav_area{
	width: 500px;	
}

/*ボタンのスタイル*/
.Toggle {
	position: fixed;
	right:10px;
	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 #fff;
	-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: 25px;
}

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

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

.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;
}
	
/* /ナビゲーションエリア */
	
/* トップイメージエリア */
	
.top-image_area{
	background-size: 379px 434px,cover;
	background-position: left -10px bottom 0px,center;
}

.top-image{
	width: 80%;
	margin-left: 10px;
}

#main-visual{
	min-height: inherit;
}

.main-visual_title{
	padding: 40px 0 0 100px;
}
	
.campaign-area{
	width: 600px;
}

.campaign-banner{
	width: 600px;
}
	
/* /トップイメージエリア */
	
/* 選ばれる理由エリア */
	
.choice-image{
	width: 150px;
}
	
.choice-list{
	margin-right: 80px;
	width: 150px;
}
	
.choice-box{
	width: 600px;
}
	
.choice-list_last{
	margin-right: 0;
}
	
.choice-title{
	font-size: 1.8rem;
}
	
/* 料金案内エリア */
	
.price-image{
	width: 150px;
}
	
.price-box{
	width: 680px;
}
	
.price-zone_number{
	font-size: 2.8rem;
}
	
.price-zone_list{
	margin-right: 27px;
	margin-left: 27px;
}
	
.yellow-line{
	top: 55px;
}
	
/* /料金案内エリア */
	
/* お客様の声エリア */
	
.voice-area{
	width: 680px;
}

.voice-title{
	font-size: 2.3rem;
}
	
.voice-yellow_line{
	width: 605px;
}
	
.voice-yellow-line_second{
	width: 480px;
}
	
.voice-yellow-line_last{
	width: 641px;
}
	
/* /お客様の声エリア */
	
/* 明朗会計エリア */
	
.safety-yellow_line{
	left: 13px;
}

.flow-pad_box{
	display: block;
}
	
.flow-box{
	display: none;
}
	
.flow-box_1{
	width: 680px;
	margin: auto;
	display: flex;
	justify-content: space-between;
}

.flow-box2{
	width: 430px;
	display: flex;
	justify-content: space-between;
	margin: auto;
	margin-top: 50px;
	margin-bottom: 140px;
}

.flow-area{
	margin-right: 0px;
}

/* /明朗会計エリア */	
	
/* よくある質問エリア */
	
.qa-list{
	width: 680px;
}
	
/* /よくある質問エリア */
	
/* 会社概要エリア */
	
.company-inner{
	width: 680px;
}
	
.info-item{
	width: 680px;
}
	
/* 会社概要エリア */
	
}

@media screen and (max-width:414px){
	
.inner{
	width: 350px;
}
	
.br-pad{
	display: none
}

.br-pd{
	display: none;
}
	
.br-pad_none{
	display: block;
}
	
.br-pd_none{
	display: block;
}

.br-pc{
	display: block;
}
	
.br-sp{
	display: block;
}
	
.br-pad_pc{
	display: none;
}
	
.contact-image{
	display: none;
}
	
.contact-image_sp{
	display: block;
	width: 100%;
	margin-bottom: 103px;
}
	
/* ナビゲーションエリア */
	
header{
	height: 80px;
}
	
.header-title_icon_sp{
	width: 210px;
}
	
.is-animation{
	height: 80px;
	bottom: 0;
	top: inherit;
}
	
.is-animation .header-title_icon_sp{
	width: 210px;
	display: none;
}
	
.header-title_area{
	padding-top: 5px;
}
	
.tel-icon_sp{
	width: 50px;
	right: 80px;
}
	
.header-icon_inner{
	width: 360px;
}
	
.is-animation .tel-icon_sp{
	display: none;
}
	
.is-animation .header-tel_icon{
	display: block;
	margin-top: 5px;
	width: 250px;
}

.is-animation .tel-text_first{
	display: block;
	font-size: 1.4rem;
	margin-top: 3px;
	color: #fff;
}
	
	.is-animation .header-tel_area{
		width: 310px;
	}
	
/*ボタンのスタイル*/
.Toggle {
	position: fixed;
	right:15px;
	top: -2px;
	width: 50px;
	height: 50px;
	cursor: pointer;
	z-index: 160;
	display: block;
}

.Toggle span {
	display: block;
	position: absolute;
	width: 40px;
	border-bottom: solid 4px #fff;
	-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: 25px;
}

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

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

.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;
}
	
.is-animation .Toggle {
	display: none;
}
	
nav.navigation{
	width: 100%;
}
	
.header-nav_area{
	width: 100%;
}
	
.header-nav_list{
	font-size: 1.8rem;
}
	
.nav-list{
	margin-top: 100px;
}
	
/* /ナビゲーションエリア */
	
.top-image_area{
	display: none;
}
	
.top-image_sp{
	display: block;
	width: 100%;
}
	
/* キャンペーンエリア */
	
.campaign-area{
	width: 350px;
}
	
.campaign-banner{
	width: 100%;
}
	
/* /キャンペーンエリア */
	
/* 選ばれる理由エリア */
	
.contents-title{
	font-size: 2.0rem;
}
	
.choice-area{
	display: block;
}
	
.choice-box{
	width: 350px;
}

.choice-list{
	width: 350px;
	margin-bottom: 50px;
}
	
/* /選ばれる理由エリア */
	
/* 料金エリア */
	
.price-box_sp{
	display: block;
	width: 350px;
	margin: auto;
}
	
.price-box{
	display: none;
}
	
.price-area_sp1{
	display: flex;
	margin-bottom: 30px;
}
	
.price-area_sp2{
	display: flex;
	margin-bottom: 50px;
}
	
.price-list{
	margin-right: 30px;
}
	
.price-list_last{
	margin-right: 0;
}
	
.price-list_sp{
	margin-right: 0;
}
	
.price-zone_title{
	line-height: 1.8;
}
	
.price-zone_area{
	display: block;
}
	
.price-zone_list{
	text-align: center;
	margin-bottom: 40px;
}
	
.yellow-line{
	top: 51px;
	width: 170px;
	left: 63px;
}
	
/* /料金エリア */
	
/* お客様の声エリア */
	
.voice-area{
	width: 350px;
}
	
.voice-title{
	font-size: 2.0rem;
	line-height: 1.8;
}
	
.voice-yellow_line{
	top: 95px;
}
	
.voice-sub_title{
	font-size: 1.8rem;
}
	
.voice-yellow-line_second{
	width: 270px;
}
	
.voice-yellow-line_last{
	width: 320px;
}
	
/* /お客様の声エリア */
	
/* 明朗会計エリア */
	
.safety-main_text{
	font-size: 2.0rem;
}
	
.safety-yellow_line{
	left: 0;
	top: 125px;
	width: 350px;
	height: 20px;
}	
	
.safety-image_area{
	width: 350px;
}
	
.safety-image{
	margin-top: -50px;
	margin-bottom: 90px;
}
	
/* /明朗会計エリア */
	
/* 解決までの流れエリア */
	
.flow-box_1{
	display: none;
}

.flow-box2{
	display: none;
}
	
.flow-box_sp{
	display: block;
	width: 350px;
	margin: auto;
}
	
.flow-area{
	margin: auto;
	margin-bottom: 50px;
	width: 270px;
}
	
/* /解決までの流れエリア */
	
/* よくある質問エリア */
	
.qa-list{
	width: 350px;
}
	
.qa-list dl dt{
	font-size: 1.4rem;
}
	
/* /よくある質問エリア */
	
/* メーカーエリア */
	
.maker-logo_image{
	width: 350px;
}
	
.maker-logo_area{
	width: 350px;
}
	
/* /メーカーエリア */
	
/* footerエリア */
	
.footer-company_text{
	font-size: 1.8rem;
}
	
/* 会社概要エリア */
	
.company-inner{
	width: 350px;
}
	
.info-item{
	width: 350px;
	display: block;
}
	
.info-title{
	text-align: left;
	margin-bottom: 5px;
	flex: 0 0 170px;
	width: 170px;
}
	
.company-info{
	line-height: 1.8;
}
	
.policy-inner{
	width: 350px;
	margin: auto;
}

.policy-box{
	width: 350px;
	height: 300px;
	overflow: scroll;
	border: solid 2px #e2e3e5;
	margin-bottom: 103px;
}
	
.policy-text_inner{
	width: 300px;
}

	
/* 会社概要エリア */
	
}