@charset "utf-8";

@media screen and (max-width: 480px){
	.sp{
		display:block;
	}
	img{
		max-width:100%;
		height:auto;
	}
	.pc{
		display:none !important;
	}

.f20th {
  max-width: 95%;
  margin: 0 auto 60px;
}

	/* 表示モード切替
	------------------------------------------------------------ */
	
	/*
	1:Base
	------------------------------------------------------------
	*/
	#containerWrap {
		min-width:100%;
	}
	#container {
		margin-top:0;
		padding-top:0;
	}
	#content {
		padding:0;
		width: 95%;
	}
	#topMain{
		clear:both;
	}
	#breadcrumbList{
		position:relative;
		margin:10px 0 50px;
	}
	#breadcrumbList ol{
		display:none;
	}
	#snsBox{
		position:absolute;
		bottom:-30px;
		right:0;
	}
	.section2 {
		width:100%;
	}
	.box {
		padding:0 10px;
	}
	.ate {
		padding:10px;
		background:#edc81c;
		font-size:129%;
		font-weight:bold;
		color:#FFF;
		text-align:center;
		margin-bottom:10px;
		line-height:1.4;
	}
	.ate span{
		margin:0 5px;
		padding:0 5px;
	}
	.ate br{
		display:none;
	}
	#main {
		float: inherit;
		width: 100%;
	}
	#sub {
		display:none;
	}
	.mainImgWrap{
		margin-bottom:20px;
	}
	.mainImg {
		width: 100%;
		padding:0;
		position: relative;
	}

	/*
	2:h_tag
	------------------------------------------------------------
	*/
	h2.mainTi {
		margin-bottom: 30px;
		font-size: 130%;
		color: #78bd36;
		font-weight:bold;
		line-height:1.2;
		padding:0 10px;
		margin-bottom: 2rem;
	}
	h2.mainTi span{
		font-family:'Century Gothic','Heiti SC';
		font-size:60%;
		font-weight:normal;
		margin-left:15px;
		font-style:italic;
	}
	
	
	/*
	3:Common style
	------------------------------------------------------------
	*/
	.alignleft {
		float: left;
		padding: 0 15px 15px 0;
	}
	.alignright {
		float: right;
		padding: 0 0 15px 15px;
	}
	.aligncenter {
		display: block;
		margin:0 auto;
	}
	.photoL {
		float: left;
		padding: 0 15px 15px 0;
	}
	.photoR {
		float: right;
		padding: 0 0 15px 15px;
	}
	.sp-w-10per {
		width: 10%;
		height: auto;
	}
	.sp-w-10per {
		width: 10%;
		height: auto;
	}
	.sp-w-20per {
		width: 20%;
		height: auto;
	}
	.sp-w-30per {
		width: 30%;
		height: auto;
	}
	.sp-w-40per {
		width: 40%;
		height: auto;
	}
	.sp-w-50per {
		width: 50%;
		height: auto;
	}
	.sp-w-60per {
		width: 60%;
		height: auto;
	}
	.sp-w-70per {
		width: 70%;
		height: auto;
	}
	.sp-w-80per {
		width: 80%;
		height: auto;
	}
	.sp-w-90per {
		width: 90%;
		height: auto;
	}
	.sp-w-100per {
		width: 100%;
		height: auto;
	}
	
	/*
	4:Header
	------------------------------------------------------------
	*/
	header{
		width:100%;
		background:none;
		position:relative;
		z-index:0;
	}
	#header_sp {
		padding:0;
		width: 100%;
		margin: 0 auto;
		text-align: left;
		margin-bottom: 0px;
		position:absolute;
		top:0;
		left:0;
		height:50px;
	}
	header h1{
        position: relative;
        z-index: 100;
        width: 120px;
        padding-top: 15px;
        padding-left: 8px;
	}
	header h1 img{
    display: block;
		width: 100%;
		height: auto;
	}
	#header{
		display:none;
	}
	#gnavi{
		display:none;
	}
	.hList{
		position:absolute;
		right:35px;
		top:6px;
		z-index:100;
	letter-spacing: -.40em;
	}
	.hList li{
		display:inline-block;
		padding: 0 0;
    vertical-align: top;
	  text-align: center;
	}
	.hList li a{
    display: block;
		padding: 0 3.5px;
		color: #000;
		font-size: 10px;
		text-decoration: none;
		line-height: 1.2;
		white-space: nowrap;
  	letter-spacing: normal;
	}
	.hList li img{
        display: block;
		width:auto;
		height:22px;
        margin: 0 auto 2px;
	}
	.hList li span{
	}
	
	
	/*
	5:Common table
	------------------------------------------------------------
	*/
	.basicTable {
		margin-bottom: 2em;
		width: 100%;
		border: 1px #e2e6e8 solid;
		border-bottom:none;
	}
	.basicTable th {
		display:block;
		padding: 10px;
		border-bottom: #e2e6e8 solid 1px;
		border-right:none;
		border-left:none;
		border-top:none;
		background: #eff9de;
		font-weight: bold;
		text-align: left;
		letter-spacing: normal;
	}
	.basicTable th.w25 {
		width:auto;
	}
	.basicTable td {
		display:block;
		padding: 10px;
		border-bottom: 1px #e2e6e8 solid;
		border-right:none;
		border-left:none;
		border-top:none;
		text-align: left;
		background:#FFF;
	}
	.priceTable  {
		font-size:86%;
	}
	.priceTable th {
		padding: 10px;
	}
	.priceTable th.w25 {
		width:25%;
	}
	.priceTable td {
		padding: 10px;
	}
	.caseTable {
		width: 100%;
		font-size:86%;
	}
	.caseTable th,
	.caseTable td{
		padding: 10px;
	} 
	table.trial-info th,
	table.trial-info td {
		vertical-align: top;
	}

	/*
	7:Common Dl
	------------------------------------------------------------
	*/
	dl.faqList dt{
		padding:6px 35px 6px 45px;
		line-height:1.3;
	}
	dl.faqList dd{
		background:url(../img/bg/faq_02.png) no-repeat left top;
		display:none;
		margin-top:15px;
	}
	
	/*
	8:top
	------------------------------------------------------------
	*/
	#industry-list {
		width: auto;
		margin: 0 10px 20px;
		padding: 0;
	}
	#industry-list ul li {
		display: inline-block;
		width: 48%;
		margin: 0 0 12px 4%;
		letter-spacing: normal;
		vertical-align: top;
	}
	#industry-list ul li:nth-child(odd) {
		margin: 0 0 12px;
	}
	#industry-list ul.block li:nth-child(odd) {
		margin: 0 0 12px 4%;
	}
	#industry-list ul li a {
		height: 50px;
		font-size: 18px;
		line-height: 1.3;
	}
	#industry-list ul li.hotel a,
	#industry-list ul li.estate a,
	#industry-list ul li.laundry a,
	#industry-list ul li.automobile a,
	#industry-list ul li.rental a,
	#industry-list ul li.recruitment a,
	#industry-list ul li.salon a,
	#industry-list ul li.dental a {
		background-size: 100% auto;
	}
	#industry-list .ate3 {
		width: auto;
		margin: 0 0 30px;
	}
	#industry-list .ate3 div.trial-btn {
		width: 100%;
		margin: 10px 0;
	}
	.infoBox dl dt{
		padding:2%;
		height: inherit;
		clear: inherit;
		float: inherit;
		border-bottom:2px solid #f7f8fa;
		width:96%;
	}
	.infoBox dl dd{
		margin-left:0;
		padding:2%;
		height:180px;
		border-left:none;
	}
	.infoList .day{
		margin-right:0;
		display:block;	
	}
	.topPointList{
		text-align:left;
	}
	.topPointList li{
		display:block;
		margin:0 0 10px;
	}
	.topPointList li dl{
		overflow:hidden;
	}
	.topPointList li dt{
		width:80px;
		float:left;
		clear:left;
	}
	.topPointList li dd{
		margin-left:90px;
		padding-top:15px;
	}
	.topPointList li img{
		margin-bottom:0;
	}
	h2.title{
		background:#ff7f00;
		font-size:150%;
		line-height:1.6;
		padding:5px;
		margin-bottom:15px;
	}
	h2.topTi{
		background:#ff7f00;
		font-size:150%;
		line-height:1.6;
		padding:5px;
		margin-bottom:15px;
	}
	h2.amazonTi,
	h2.newTi{
		padding-left: 45px;
		font-size:129%;
	}
	h2.amazonTi:before{
		content: '';
		top: 0;
		width:35px;
		height:27px;
		-webkit-background-size:100% auto;
		-moz-background-size:100% auto;
		background-size:100% auto;
	}
	h2.newTi:before{
		content: '';
		top: 0;
		width:30px;
		height:30px;
		-webkit-background-size:100% auto;
		-moz-background-size:100% auto;
		background-size:100% auto;
	}
	h2.kigyoTi{
		font-size:150%;
		line-height:1.4;
		padding:10px;
		text-align:center;
	}
	h2.kigyoTi span.small{
        font-size: 75%;
        display: block;
        margin-bottom: 5px;
	}
	h2.kigyoTi span.small2{
		display: block;
		font-size:65%;
	}
    h2.kigyoTi span.block{
    	display: block;
    }
	h3.topTi{
		font-size:143%;
		font-weight:bold;
		margin-bottom:15px;
	}
	h3.topTi2{
		font-size:143%;
	}
	h3.amazonTi{
		font-size:143%;
		line-height:1.4;
		background:url(../img/icon/tiIcon.png) no-repeat left 8px;
	}
	.pointBox{
		width:95%;
		margin:0 auto 20px;
		background:#FFF;
		padding:2%;
		overflow:hidden;
		-moz-box-shadow:0px 0px 6px -2px #000000;
		-webkit-box-shadow:0px 0px 6px -2px #000000;
		box-shadow:0px 0px 6px -2px #000000;
	}
	.pointBox .inner{
		background:none;
		padding:0;
	}
	#topImg2{
		margin-bottom:10px;
	}
.tousyahi{
  text-indent: -1.5em;
  padding-left: 1.5em;
  text-align: left;
	}
.tousyahi br{
  display: none;
	}
	.topBtn{
		font-size:115%;
		width:80%;
	}
	.topBtn:before{
		top:0;
		bottom:0;
		margin:auto;
		left:10px;
	}
	.topBtn:after{
		top:0;
		bottom:0;
		margin:auto;
		left:17px;
	}
	.topBtn br{
		display:block;
	}
	#point2{
		padding-left:0;
		background:none;
	}
	#point2 .section{
		padding:0 0;
	}
	.topPointImg{
		float: inherit;
		padding:0 0 10px 0;
	}
	.topBtn2{
		font-size:115%;
		margin: 10px auto;
		float: inherit;
		width:80%;
	}
	.topBtn2:before{
		top:20px;
		left:10px;
	}
	.topBtn2:after{
		top:24px;
		left:16px;
	}
	.topBtn2 br{
		display:block;
	}
	.topBtn2:hover {
		margin: 12px auto 8px;
	}
	#topImg5{
		float: inherit;
		padding-left:0;
		padding-top:0;
		margin-bottom:10px;
	}
	#topImg6{
		float: inherit;
		margin-bottom:15px;
		padding-right:0;
	}
	#amazonBox{
		overflow:hidden;
	}
	#amazonBox .ti{
		margin-left: 0;
		font-size:150%;
		line-height:1.4;
	}
	.amazonDl, .bookDl{
		width: auto;
		background:#dd0d0d;
		padding:10px;
		margin-bottom:20px;
		overflow:hidden;
	}
	.amazonDl dt, .bookDl dt{
		float: inherit;
		clear: inherit;
		width:100%;
		text-align:center;
		padding-top:0;
		margin-bottom:10px
	}
	.amazonDl dd, .bookDl dd{
		margin-left:0;
	}
	.bookDl dt img,
	.bookDl dt.middle img{
		padding-top:10px;
	}
	.kekka{
		font-size:136%;
	}
	.kekka .topBtn3{
        display: block;
        width: 100%;
        margin: 10px 0;
        left: -15px;
        box-sizing: border-box;;
	}
	#kigyoBox{
		padding-bottom:10px;
	}
	#kigyoBox ul.kigyo-inner li {
		float: left;
		width: 50%;
		vertical-align: top;
        margin-bottom: 5px;
  }
	#kigyoBox ul.kigyo-inner li img {
        max-width: 90%;
        height: auto;
        margin: 0 auto;
        max-height: 50px;
  }
	#kigyoBox ul.kigyo-inner li:nth-child(3n+1) {
  	clear: none;
	}
	#kigyoBox ul.kigyo-inner li:nth-child(odd) {
  	clear: left;
	}

	
	/*
	9:side
	------------------------------------------------------------
	*/

	
	/*
	10:Footer
	------------------------------------------------------------
	*/
	#topcontrol{
		width:40px;
		height:60px;
		background:url(../img/button/pageTop_off.png) no-repeat 0 0;
        z-index: 100;
	}
	#topcontrol:hover{
		background:url(../img/button/pageTop_off.png) no-repeat 0 0;
	}
	#fContact{
		width:100%;
		border-bottom:1px solid #e2e6e8;
	}
	#fContact .inner{
		width:95%;
		padding:0;
	}
	#fContact #fLeft{
		width:100%;
		float: inherit;
		font-size:86%;
		padding:15px 0;
		text-align:center;
	}
	.fTel{
		width:80%;
		height:auto;
		margin:0 auto 10px;
		display:block;
	}
	#fContact #fRight{
		width:100%;
		float: inherit;
	}
	#fContact #fRight .fCon{
   	border: none;
		width:100%;
    margin: 0 0 20px;
		background: #ff7f00;
	}
	#fContact #fRight .fCon td{
		border-right:1px solid #FFF;
		width:33.3%;
	}
	#fContact #fRight .fCon td a,
	#fContact #fRight .fCon td a:hover{
		height: auto;
		padding: 15px 8px;
		color: #FFF;
		font-size: 14px;
		font-weight: bold;
		text-decoration: none;
		line-height: 1.3em;
	}
	#fContact #fRight .fCon td:last-child{
		border-right:none;
	}
	#footer {
		width: 100%;
		padding:25px 0 0;
		margin: 0 auto;
	}
	.footerBox {
		width: 100%;
		overflow: hidden;
	}
	.footerLeft {
		float: inherit;
		width: 100%;
		border-right:none;
		border:10px solid #98cf36;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		border-bottom:none;
	}
	.footerRight {
		float: inherit;
		width: 95%;
		margin:0 auto;
		text-align:center;
	}
	ul.fNavi {
	}
	ul.fNavi li {
		float: inherit;
		width: 100%;
	}
	ul.fNavi li ul li {
		padding-left: 0;
		width:100%;
		position:relative;
	}
	ul.fNavi li ul li ul li{
		margin-bottom: 0;
		font-size:86%;
		padding-left:0
	}
	ul.fNavi li ul li.Ti {
		font-weight:bold;
		margin-bottom: 0;
		position:relative;
		font-size:100%;
	}
	ul.fNavi li ul li.Ti a,
	ul.fNavi li ul li ul li a{
		padding:10px 0 10px 20px;
		display:block;
		border-bottom:1px dashed #e2e6e8;
	}
	ul.fNavi li ul li ul li a{
		padding-left:40px ;
	}
	ul.fNavi li ul li a:before{
		position:absolute;
		content:'';
		top:18px;
		left:95%;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 4px 0 4px 6px;
		border-color: transparent transparent transparent #77bd36;
	}
	ul.fNavi li ul li.nbb a{
		border-bottom:none;
	}
	ul.fNavi li ul li.Ti:before {
		border-style: none;
		border-width: 0;
	}
	ul.fNavi li #ac_Btn{
		padding:10px 0 10px 20px;
		cursor:pointer;
		font-weight:bold;
		background:#FFF url(../img/icon/acBg.png) no-repeat 97.5% center;
		border-bottom:1px dashed #e2e6e8;
		-webkit-background-size:10px auto;
		-moz-background-size:10px auto;
		background-size:10px auto;
	}
	ul.fNavi li #ac_Btn.active{
		background:#FFF url(../img/icon/acBg2.png) no-repeat 97.5% center;
		-webkit-background-size:10px auto;
		-moz-background-size:10px auto;
		background-size:10px auto;
	}
	ul.fNavi li ul li #ac_Box{
		display:none;
	}
	ul.fNavi li ul li #ac_Box li{
		position:relative;
	}
	ul.fNavi li ul li #ac_Box li a{
		border-bottom:none;
	}
	ul.fNavi li ul li #ac_Box li:last-child a{
		border-bottom:1px dashed #e2e6e8;
	}
	ul.fNavi li ul li #ac_Box li a:after{
		position:absolute;
		content:'-';
		width:0;
		height:0;
		left:8%;
		top:10px;
	}
	.fLogo{
		width:80%;
		height:auto;
		margin-bottom:5px;
	}
	.footerRight p{
		font-size:86%;
		margin-bottom:5px;
	}
	ul.fList {
		width: 100%;
		margin-bottom:10px;
	}
	ul.fList li {
		float: inherit;
		display:inline-block;
		background: url(../img/icon/icon1.png) no-repeat 0 center;
		padding-left: 25px;
		margin-right:10px;
		font-weight:bold;
		font-size:108%;
	}
	.copy {
		width:95%;
		padding:5px 2.5%;
	}
		
	/*
	11:option/contactform
	------------------------------------------------------------
	*/
	.fStepBox{
		text-align:center;
		overflow:hidden;
		margin-bottom:10px
	}
	.fStepBox ul li{
		width:33.3%;
		float:left;
		padding:3%;
		background:#eff9de;
		border:1px solid #78bd36;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		margin-right:-1px;
	}
	.fStepBox ul li.active{
		background:#78bd36;
		color:#FFF;
	}
	.fStepBox .sTi{
		font-size:125%;
		font-weight:bold;
	}
	#formTxt{
		width:initial;
	}
	#formWrap{
		width:initial;
	}
	table.contactform th {
		padding: 15px 10px 0;
		display:block;
		width: 100%;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		vertical-align: top;
		border-bottom:none;
	}
	table.contactform td {
		padding: 10px 10px 15px;
		text-align: left;
		border-bottom:1px solid #e2e6e8;
		display:block;
		width: 100%;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	table.contactform td span{
		display:block;
	}
	table.contactform td input[type="text"].middle{
		width:100%;
		margin-bottom:5px;
	}
	.submit input[type="submit"],
	.submit button[type="submit"] {
		padding: 10px 15px;
		width: 70%;
	}
	table.contactform td textarea{
		max-width:250px !important;
		padding:5px;
		margin-bottom:5px;
	}
	.submit button br{
		display:block;
	}
	.docImg{
		padding:0;
		display:block;
		margin:0 auto 10px;
		float:inherit;
	}
	#docR{
		width:100%;
		float: inherit;
		text-align:center;
	}
	#formWrap .docLink{
		float: inherit;
		margin:0 auto 5px;
	}
	/*
	14:original
	------------------------------------------------------------
	*/
	/* merit ----------------------------------------------*/
	.meritBox{
		font-size:14px;
	}
	.meritBox .txtLink{
		font-size:129%;
	}
	.meritBox .priceTable td{
		font-size:150%;
	}
	.meritL{
		overflow:hidden;
		width:100%;
		float: none;
		margin-bottom:10px;
		margin-right:0;
	}
	.meritL br{
		display:none;
	}
	.meritR{
		width:100%;
		float: inherit;
		overflow:hidden;
		margin-bottom:10px;
	}
	.meritM{
		width:100%;
		float: inherit;
		padding-top:0;
		margin-bottom:10px;
		text-align:center;
	}
	.meritL dl.num dt,
	.meritR dl.num dt{
		width:35px;
		height:35px;
		line-height:35px;
	}
	.meritL dl.num dd,
	.meritR dl.num dd{
		margin-left:45px;
	}
	.meritR dl.num dd{
		padding-top:0;
	}
	.meritL img,
	.meritR img{
		margin:0 0 5px;
	}
	.rakuraku-musashino{
    padding-bottom: 20px;
	}
	.rakuraku-musashino .meritL img,
	.rakuraku-musashino .meritR img{
     margin: 0 auto;
	}
	.case dl.num dd {
		padding-top: 0;
	}
	.meritM img{
		display:block;
		margin:0 auto;
	}
	a.txtLink,
	a.txtLink3 {
		float: none;
		width: 80%;
		margin:10px auto 20px;
	}
	.premium-box {
		margin: 30px 0;
		padding: 20px 20px 10px;
	}
	.premium-box:before {
		content: '';
		position: absolute;
		top: 15px;
		left: 10px;
		width: 23%;
		height: 0;
		padding-top: 21%;
		background: url(../img/merit/premium_plan.png) no-repeat 0 0;
		background-size: 100%;
	}
	.premium-box .ti {
		margin: 0 0 0.7em 28%;
		font-size: 143%;
		font-weight: bold;
	}
	.premium-box img {
		margin: 10px auto;
	}

	/* price ----------------------------------------------*/
	.priceWrap{
		font-size:14px;
	}
	.btnList{
		text-align:center;
	}
	.btnList li{
		display:block;
		margin:0 0 10px;
	}
	.btnList li a{
		display:block;
		font-size:115%;
		background:#78bd36;
		line-height:1.4;
		padding:5px 25px 5px 10px;
		position:relative; 
	}
	.btnList li a:after{
		top:0;
		bottom:0;
		margin:auto;
	}
	#ppBox .sp{
		display:inline-block;
	}

	/* privacy ----------------------------------------------*/
	.privacyTable{
		border:1px solid #e2e6e8;
		line-height:1.5;
		font-size:72%;
	}
	.privacyTable th.w120,
	.privacyTable th.w140 {
		width:initial;
	}
	.txtLink.ppBtn{
		font-size:115%;
		width:200px;
	}

	/* flow ----------------------------------------------*/
	.flowBox{
		width:95%;
		padding:2%;
	}
	.flowList dt,
	.flowList_end dt{
		width:96%;
		height: inherit;
		background:#98cf36;
		float: inherit;
		clear:both;
		text-align:left;
		font-size:158%;
		padding:2%;
	}
	.flowList dt img,
	.flowList_end dt img{
		display: inline-block;
		margin:0 10px 0 0;
		height:25px;
		width:auto;
	}
	.flowList dd,
	.flowList_end dd{
		height: inherit;
		margin-left:0;
		padding:5%;
		font-size:115%;
	}
	.flowList dd.p1{
		padding:5%;
		height: inherit;
	}
	.flowList:after{
		border-width: 20px 25px 0 25px;
		border-color: #77bd36 transparent transparent transparent;
		bottom:-35px;
		left:0;
		right:0;
		margin:auto;
	}
	.flowTxt{
		font-size:115%;
		font-weight:bold;
		margin-bottom:25px;
		text-align:center;
	}
	.txtLink2{
		display:block;
		font-size:129%;
		width:220px;
		background:#edc81c;
		line-height:40px;
		padding:0 25px 0 10px;
		position:relative; 
		margin:0 auto;
		text-align:center;
	}
	.txtLink2:after{
		position:absolute;
		top:15px;
		right:10px;
		content:'';
		width: 6px;
		height: 6px;
		border: 0px;
		border-top: solid 2px #FFF;
		border-right: solid 2px #FFF;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.txtLink2:link,
	.txtLink2:visited{
		color:#FFF;
		text-decoration:none;
	}
	.txtLink2:hover{
		background:#98cf36;
	}

	/* reason ----------------------------------------------*/
	dl.reasonList{
    width: auto !important;
	}
	dl.reasonList dt{
		font-size:158%;
	}
	ul.reasonList dt:after{
		display:none;
	}
	dl.reasonList dd,
	dl.reasonList.caseBox > dd {
		padding:15px 15px 10px;
	}
	dl.reasonList dd img.sp{
		display:block;
	}
	dl.reasonList dd .ti{
		font-size:129%;
	}
	ul.reasonList li{
		float: inherit;
		display:inline-block;
		width:47%;
		margin:0 1% 15px;
	}
	ul.reasonList dt:after{
		display:none;
	}
	div.voice .voiceTi {
		padding-top: 22%;
		height: 0;
		background: url(../img/reason/voiceTi_sp.png) no-repeat 0 0;
		background-size: 100%;
	}
	div.voice .voice-inner dl dd {
		min-height: auto;
		padding-left: 0;
	}
	div.voice .voice-inner dl dd img {
		position: relative;
		float: left;
		clear: left;
		width: 20%;
		height: auto;
		margin: 0 10px 10px 0;
	}

	/* rakuraku ----------------------------------------------*/
	#rakurakuImg4{
		top:-70px;
		left:0;
		width:80px;
	}
	.ate4.mt50{
		margin-top:70px;
	}
	dl.rakurakuDl{
		margin-bottom:3em;
	}
	dl.rakurakuDl dt{
		font-size:129%;
	}
	dl.rakurakuDl dd{
		font-size:115%;
	}
	.rakurakuL{
		float: inherit;
		border-bottom:1px solid #e2e6e8;
		border-right:none;
		width:100%;
		padding-bottom:20px;
		padding-left:0;
	}
	.rakurakuL img{
		width:40px;
	}
	.rakurakuR img{
		width:50px
	}
	.rakurakuL p{
		padding:0 0 0 40px;
	}
	.rakurakuR{
		float: inherit;
		width:100%;
		padding-left:0;
		padding-top:20px;
	}
	.rakurakuL br,.rakurakuR br{
		display:none;
	}
	.rakurakuR p{
		padding:0 0 0 40px;
	}
	dl.rakurakuDl:after{
		bottom:-40px;
		border-width: 30px 65px 0 65px;
	}
	.mawari{
		width:35%;
		float:right;
		margin:0 0 10px 10px;
	}
	.kaikeitsuBox{
		margin-bottom:20px;
		text-align:center;
		line-height:1.8;
	}
	.kaikeitsuBox span.gnBox{
		display:block;
		font-size:115%;
		padding:5px 20px;
		margin-right:0;
		margin-bottom:5px;
		text-align:center;
	}
	.kaikeitsuBox span.bb{
		font-size:143%;
		display:block;
		line-height:1.4;
		font-weight:bold;
		padding:0 15px 10px;
		text-align:left;
	}
	.wBox{
		padding:15px;
	}
	.ikeikePt15{
		margin-bottom:20px;
	}
	.rakurakuList li{
		display: block;
		width: auto;
		margin-bottom:20px;
		padding: 0;
	}
	.rakurakuList li:first-child .num dd.pt15{
		padding-top:5px;
	}
	.rakurakuList li:last-child{
		margin-right:0;
		margin-bottom:0;
	}
	.rakurakuList li img{
		width: 100%;
		height: auto;
		margin:0 auto 10px;
		display:block;
	}
	.rakurakuTxt{
		font-size:150%;
		font-weight:bold;
		text-align:center;
		margin-bottom:20px;
		line-height:1.4;
	}
	.telLink{
		display:block;
		font-size:172%;
		font-weight:bold;
		line-height:55px;
		background:#78bd36;
		width:100%;
		text-align:center;
		margin:0 auto 20px;
	}
	.telLink span{
		width:30px;
		height:40px;
		background:url(../img/icon/tel.png) no-repeat center;
		-webkit-background-size:30px auto;
		-moz-background-size:30px auto;
		background-size:30px auto;
	}
	ul.rakuKatsuList{
		overflow:hidden;
		margin-bottom:30px;
		text-align:center;
	}
	ul.rakuKatsuList li{
		float: inherit;
		display:inline-block;
		margin:0 0.5%;
		width:17%;
	}
	ul.rakuKatsuList li:last-child{
		margin:0 0.5%;
	}
	ul.rakuKatsuList2{
		overflow:hidden;
		margin-bottom:0px;
	}
	ul.rakuKatsuList2 li{
		float: inherit;
		width:100%;
		margin:0 0 20px;
		text-align:left;
		overflow:hidden;
	}
	ul.rakuKatsuList2 li img{
		width:25%;
		float:left;
		clear:left;
		margin-right:20px;
	}
	ul.rakuKatsuList2 li:last-child{
		margin-bottom:0;
	}
	
	
	/* ikeike ----------------------------------------------*/
	.kaikeitsuBox span.gnBox.block{
		display:block;
		font-size:115%;
		padding:5px 20px;
		margin-right:0;
		margin-bottom:5px;
		text-align:center;
		width: inherit;
	}
	ul.ikeikeList{
		margin-bottom:0;
	}
	ul.ikeikeList > li{
		display: block;
		width: auto;
		margin-right:0;
		margin-bottom:20px;
	}
	ul.ikeikeList > li img{
		width: 60%;
		height: auto;
	}
	ul.ikeikeList > li img.sp{
		display:block;
	}
	ul.ikeikeList li .sysB{
		text-align:center;
	}
	ul.ikeikeList li .nbr br{
		display:none;
	}
	ul.ikeikeList > li:last-child{
		width: auto;
		margin-right:0;
	}
	ul.ikeikeList2 li{
		float: inherit;
		margin-right:0;
		margin-bottom:10px;
		text-align:left;
		overflow:hidden;
	}
	ul.ikeikeList2 li br{
		display:none;
	}
	ul.ikeikeList2 li img{
		width:23%;
		clear:left;
		float:left;
		margin-right:15px;
	}
	ul.ikeikeList3{
		padding:0 15px;
		text-align:center;
		margin-bottom:0px;
	}
	ul.ikeikeList3 li{
		display:inherit;
		margin:0 0 20px;
	}
	ul.ikeikeList3 li br{
		display:none;
	}
	/* shinsotsu_pack --------------------------------------*/
	.serviceTi {
		margin: 0 -15px 30px;
	}
	.pack-comparison-odd,
	.pack-comparison-even {
		float: none;
		width: 100%;
	}
	.pack-comparison-odd {
		margin: 0 0 40px;
	}
	.pack-comparison-even:before {
		content: '';
		position: absolute;
		top: 1px;
		left: 50%;
		width: 0;
		height: 0;
		margin-left: -30px;
		border-style: solid;
		border-width: 30px 30px 0 30px;
		border-color: #e94c4b transparent transparent transparent;
	}
	.pack-comparison dl dd {
		min-height: auto;
	}
	.pack-comparison dl.before dd {
		padding-left: 0;
		background: #FFF;
	}
	.pack-comparison dl.after dd img {
		width: 100%;
		height: auto;
	}
	ul.check-list {
		margin-left: 10px;
	}
	ul.check-list li {
		padding: 5px 0 10px 35px;
		background-size: 25px auto;
	}
	.red-balloon {
		margin: 0;
		background: none;
	}
	.red-balloon .balloon-Ti {
		position: relative;
		padding: 10px;
		font-size: 178%;
		letter-spacing: 0;
		line-height: 1.2em;
		background: #dd0d0d;
		-webkit-border-radius:6px;
		-moz-border-radius:6px;
		border-radius:6px;
	}
	.red-balloon .balloon-Ti:after {
		top: 100%;
		left: 50%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		border-color: rgba(221, 13, 13, 0);
		border-top-color: #dd0d0d;
		border-width: 20px;
		margin-left: -20px;
	}
	dl.book-block dt {
		float: none;
		width: 100%;
		padding-top: 25px;
	}
	dl.book-block dd {
		float: none;
		width: 100%;
		padding-top: 10px;
	}
	.ate6 {
		margin: 0;
	}
	dl.circle {
		margin: 0 0 10px;
	}
	dl.circle dt {
		margin: 0 15px 0 0;
	}
	dl.circle dd {
		float: none;
		width: auto;
		padding: 0;
	}
	.case-btn-block .case-btn-Ti:before {
		content: '';
		width: 60%;
		border-right: 28px solid transparent;
		border-bottom: 28px solid #2163af;
	}
	.case-btn-block .case-btn-Ti span {
		line-height: 0.6em;
	}
  .case-btn-block .case-btn {
    display: block;
    width: auto;
    min-height: auto;
    margin: 0 5px 15px;
  }
  .case-btn-block .case-btn:after {
		content: '';
		position: absolute;
		top: 40px;
		right: 10px;
		width: 6px;
		height: 6px;
		margin: 0 0 3px 2px;
		border-top: 2px solid #2163af;
		border-right: 2px solid #2163af;
  }
  .case-btn-block .case-btn a {
    min-height: 75px;
    font-size: 115%;
  }
  .case-btn-block .case-btn.nskk a {
		margin: 0 0 10px;
		padding: 10px 20px 10px 35%;
		background: #FFF url(../img/service/nskk.png) no-repeat 10px center;
		background-size: 30% auto;
  }
  .case-btn-block .case-btn.odashima a {
		min-height: auto;
		padding: 10px 20px 10px 35%;
		background: #FFF url(../img/service/odashima.png) no-repeat 10px center;
		background-size: 25% auto;
  }
  .case-btn-block .case-btn dl.circle {
		margin: 0 10px 10px;
  }
  .case-btn-block .case-btn dl.circle dd {
    padding: 10px 0 0 0;
    width: auto;
  }
	.costDl-block dl {
		display: block;
		width: 100%;
		font-size: 125%;
		border-top: 1px solid #e2e6e8;
		border-left: 1px solid #e2e6e8;
		border-right: 1px solid #e2e6e8;
	}
	.costDl-block dl dt {
		min-height: auto;
	}
	.costDl-block dl dd {
		border-top: 1px solid #e2e6e8;
		border-bottom: 1px solid #e2e6e8;
	}
	.contact-block {
		margin: 0 -10px;
	}
	.contact-block .formail a {
		display: block;
		position: relative;
		min-height: 57px;
		margin: 0 0 20px;
		padding: 10px 10px 10px 80px;
		background: #ff7f00;
		box-shadow: 0 5px 0 rgba(178,89,0,1);
		color: #FFF;
		font-size: 175%;
		font-weight: bold;
		text-decoration: none;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		border-radius:5px;
		text-indent: 0;
    text-shadow: 1px 1px 0px rgba(0,0,0,0.3);
		line-height: 1.3em;
	}
	.contact-block .formail a:before {
		content: '';
		position: absolute;
		top: 10px;
		left: 5px;
		width: 72px;
		height: 57px;
		background: url(../img/service/formail.png) no-repeat 0 0;
		background-size: 72px auto;
	}
	.contact-block .fortel {
		width: auto;
		height: auto;
		padding: 10px;
		background: #ff7f00;
		box-shadow: 0 5px 0 rgba(178,89,0,1);
		color: #FFF;
		font-size: 100%;
		font-weight: bold;
		text-decoration: none;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		border-radius:5px;
		text-indent: 0;
    text-shadow: 1px 1px 0px rgba(0,0,0,0.3);
		line-height: 1.7em;
	}
	.contact-block .fortel .tel-link {
		display: block;
		font-family: 'Century Gothic','Heiti SC';
		font-size: 200%;
		font-weight: bold;
	}
	.contact-block .fortel .small {
		font-size: 75%;
		font-weight: normal;
    text-shadow: 1px 1px 0px rgba(0,0,0,0);
	}

	/* hotel -----------------------------------------------*/

	dl.reasonList.caseBox > dd .sampleBox2 {
		margin: 0;
		padding: 0;
	}
	.sampleBox2 .sample-img {
		float: none;
	}
	dl.reasonList.caseBox > dd .sampleBox2 .sampleComTi {
		margin-left: 0;
	}
	dl.reasonList.caseBox > dd .sampleBox2 .sampleComTi img {
		display: block;
		margin: 0 0 5px;
	}
	dl.reasonList.caseBox > dd .sampleBox2 .sampleBox_inner {
		margin-left: 0;
	}
	.hotel-effect .hotel-meta,
	.hotel-effect .hotel-body {
		float: none;
		width: auto;
		margin: 0 0 10px;
	}
	.voiceBox {
		padding: 10px;
	}
	.voiceBox .voiceBox-meta {
		width: 40%;
		margin: 0 10px 10px 0;
	}
	.voiceBox .voiceBox-body {
		margin-left: 0;
	}
	.form-bg {
		padding: 10px;
	}
	.form-bg .scrollBox {
		width: auto;
		margin: 15px auto;
	}
	.form-bg .agree-check {
		width: auto;
		padding: 15px 0;
	}

	/* system ----------------------------------------------*/
	dl.systemList dt{
		font-size:129%;
	}
	dl.systemList dt span.step{
		margin-right:0;
		margin-bottom:10px;
		display:block;
		width:80px;
		padding:5px ;
		text-align:center;
	}
	dl.systemList dd{
		padding:15px;
		overflow:hidden;
	}
	dl.systemList dd img{
		width:30%;
		float:right;
		display:inherit;
	}
	dl.systemList dd img.systemImg_05_sp{
		width:100%;
		float: inherit;
		display:block;
	}
	dl.systemList dd img.sysSpR{
		float:none;
		width:70%;
		max-width:100%;
	}
	dl.systemList dd .systemTi{
		margin-bottom:10px;
		font-size:115%;
	}
	ul.systemList{
		font-size:100%;
		width:60%;
	}
	ul.systemList li{
		width:200px;
		float:left;
		margin-bottom:0px;
	}
	dl.systemList dl.num dt{
		font-size:179%;
		line-height:35px;
		width:35px;
		height:35px;
		padding:0;
	}
	dl.systemList dl.num dd{
		padding:10px 0 0 0;
		margin-left:45px;
		overflow:inherit;
	}
	dl.systemList dl.num dd .stepti{
		font-weight:bold;
		font-size:115%;
		margin-bottom:5px;
	}
	dl.systemList dl.num dd.pt15{
		padding-top:15px;
	}
	dl.systemList.arrow{
		margin-bottom:4em;
	}
	dl.systemList.arrow:after{
		bottom:-40px;
		border-width: 30px 65px 0 65px;
	}
	#systemImg_06{
		float: none;
		display:block;
		margin:0 auto 20px;
	}
	.sPOintListWrap{
		width:100%;
	}
	
	/* sitemap ----------------------------------------------*/
	ul.sitemapList{
		padding:5%;
	}
	ul.sitemapList li{
		width:100%;
	}
	ul.sitemapList li a{
		margin-bottom:5px;
		padding:5px 10px 5px 40px ;
	}
	ul.sitemapList li.pl20{
		padding:10px 0 0 20px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	ul.sitemapList li.Ti a{
		padding:10px 10px 10px 20px ;
	}
	ul.sitemapList li .bb{
		border-bottom:1px dashed #e2e6e8;
	}
	ul.sitemapList li.Ti a:before,
	ul.sitemapList li.pl20:before {
		top:18px;
	}

	/* case ----------------------------------------------*/
	ul.dmainList{
		margin-right:0;
	}
	ul.dmainList li{
		width:47%;
		float:left;
		margin:0 1% 20px;
		font-size:100%;
	}
	ul.sampleList {
		margin-right:0;
	}
	ul.sampleList li{
		width:100%;
		float: inherit;
		margin-right:0;
		margin-bottom:20px;
	}
	ul.sampleList li a{
		padding:10px 10px 35px;
	}
	ul.sampleList li .ti{
		height: initial;
	}
	ul.sampleList li .ti img{
		margin-right:0;
		margin-bottom:10px;
		display:block;
	}
	.sampleBox2{
		padding:10px;
	}
	.sampleR{
		width:210px;
		float: inherit;
		margin:0 auto 15px;
		text-align:center;
	}
	.sampleL{
		width: 100%;
		float: inherit;
		margin-bottom:15px;
	}
	.samArrow{
		width:100%;
		float: inherit;
		margin-bottom:24px;
	}
	.samArrow:after{
		position:absolute;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 15px 25px 0 25px;
		border-color: #e94b4b transparent transparent transparent ;
		content:'';
		bottom:-20px;
		margin:0 auto;
		right:0;
		left:0;
		top:inherit;
	}
	dl.kadaiList{
		padding:3%;
    letter-spacing: normal !important;
	}
	dl.kadaiList br,
	dl.kaiketsuList br{
        display: none;
	}
	dl.kadaiList br.n,
	dl.kaiketsuList br.n{
        display: block;
	}
	dl.kadaiList dt,
	dl.kaiketsuList dt {
		width: 60px;
		height: 60px;
		font-size:129%;
		line-height: 64px;
	}
	dl.kadaiList dd,
  dl.kaiketsuList dd{
		margin-left:70px;
		padding-top:0;
		font-size:100%;
	}
	dl.kaiketsuList{
		padding:3%;
		width:100%;
		float: inherit;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	dl.kadaiList dd.large,
  dl.kaiketsuList dd.large{
		font-size: 100%;
	}
	h4.sampleTi{
		font-size:113%;
		padding:10px;
		margin:0 auto 15px;
	}
	.sampleTxtBox{
		font-size:115%;
	}
    .sampleComTi.noimg {
      padding-top: 40px;
    }
	.sampleComTi img {
		margin-bottom: 5px;
		display: block;
	}
    .sampleBox2{
      position: relative;
    }
    .sampleBox2 .new{
      position: absolute;
      top: 10px;
      right: 10px;
      margin: 0;
    }
	dl.case-illustration dt,
	dl.case-illustration dd {
		width: 85%;
		padding: 5%;
	}
	dl.case-illustration .bf,
	dl.case-illustration .af {
		float: none;
	}
	dl.case-illustration .bf {
		float: none;
		margin-bottom: 20px;
	}
	dl.case-illustration .bf:after {
		content: '';
		position: absolute;
		top: inherit;
		bottom: -20px;
		right: 0;
		left: 0;
		margin: 0 auto;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 15px 25px 0 25px;
		border-color: #98cf36 transparent transparent transparent;
	}
	dl.reasonList.caseBox > dd .rakurakuList li,
	.rakurakuList.caseList li {
		width: 100%;
	}
	
	/* resonpage CSS */
	.content {
    padding: 0 10px;
    clear: both;
    overflow: hidden;
    margin: 0 auto;
    width: 95%;
}
	#mv_area {
    background-color: #98cf36;
    border-top: 5px solid #fff;
    padding: 20px 0 0 0px;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 1rem;
}
	#mv_area img {
    margin: 0 auto;
    width: 100%;
}
	#reson_point5 {
    margin-bottom: 3rem;
}
	#reson_point5 h3 {
    color: #227034;
    font-weight: bold;
    font-size: 17px;
    text-align: center;
    line-height: 160%;
    margin-bottom: 20px;
}
	#reson_point5 h4 {
    background-color: #EBC01A;
    color: #fff;
    text-align: center;
    padding: 20px 0 14px 0;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
		line-height: 150%;
}
	#reson_point5 .point5_list ul li {
    display: inline-block;
    margin: 0 0px 5px 0;
    width: 49%;
}
#reson_point5 p {
    text-align: left;
    font-weight: bold;
    font-size: 17px;
    margin-top: 1rem;
    line-height: 155%;
}
	#reson_point5 .arrow {
    text-align: center;
    margin: 2rem auto;
}
	.point_tit_img {
    margin: 0px 10px -4px 0;
    display: block;
    text-align: center;
    margin: 0 auto;
}
	dl.reasonList dt {
    padding: 10px;
    text-align: center;
    background: #98cf36;
    color: #FFF;
    font-weight: bold;
    font-size: 140%;
    line-height: 1.4;
}
	#point01 .left p {
    font-weight: bold;
    font-size: 17px;
    line-height: 165%;
    margin-bottom: 1rem;
}
	.box_area {
    border: 1px solid #ccc;
    padding: 10px 10px;
}
	.box_area h3 {
    position: relative;
    padding: 0em 1em 0.5em 1.5em;
    font-weight: bold;
    font-size: 15px;
    margin-top: 0rem;
}
	#point01 .voice_area {
    background-color: #f1f1f1;
    padding: 10px;
    overflow: hidden;
    margin: 0 0 0px 0;
}
	#point01 .voice_area h3 {
    text-align: center;
    padding: 0;
    font-size: 20px;
    color: #8DC830;
    margin: 10px 0 13px 0;
}
	#point01 .voice_area ul li {
    background-color: #fff;
    width: 86%;
    float: left;
    border-radius: 15px;
    padding: 11px;
    margin: 5px 6px;
    font-size: 15px;
    border: 2px solid #ccc;
}
	#point01 .sms_jissekiArea p {
    text-align: left;
}
	#point01 .sms_jissekiArea {
    background-color: #F0F4E4;
    padding: 10px;
    overflow: hidden;
    margin: 30px 0 0px 0;
    font-size: 15px;
}
	#point01 .sms_jissekiArea h3 {
    text-align: center;
    font-size: 25px;
    font-weight: bold;
    color: #227033;
    margin-bottom: 15px;
    margin-top: 15px;
}
	
	#point01 .sms_jissekiArea ul li {
    background-color: #fff;
    width: 46%;
    border-radius: 11px;
    padding: 5px 0;
    float: left;
    text-align: center;
    font-weight: bold;
    margin: 5px 5px;
    font-size: 12px;
}
	#point01 .sms_jissekiArea .btn {
    text-align: center;
    background-color: #88BE35;
    width: 80%;
    margin: 0 auto;
    padding: 10px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
}
	#point03 .point03_txt {
    color: #EBC01A;
    font-size: 20px;
    text-align: center;
    font-weight: bold;
}
	#point03 .voice_area h3 {
    text-align: center;
    padding: 0;
    font-size: 20px;
    color: #8DC830;
    margin: 0 0 13px 0;
}
	#point03 .voice_area {
    background-color: #f1f1f1;
    padding: 10px;
    overflow: hidden;
    margin: 0 0 0px 0;
}
	#point03 .voice_area ul li {
    background-color: #fff;
    width: 80%;
    float: left;
    border-radius: 15px;
    padding: 15px;
    margin: 5px 6px;
    font-size: 15px;
    border: 2px solid #ccc;
}
	#point03 .voice_area h3 {
    text-align: center;
    padding: 0;
    font-size: 20px;
    color: #8DC830;
    margin: 10px 0 13px 0;
}
	#point04 .left {
    float: none;
    width: auto;
    margin-bottom: 1rem;
}
	#point04 .right {
    float: none;
}
	#point05 .btn {
    text-align: center;
    background-color: #88BE35;
    width: 80%;
    margin: 0 auto;
    padding: 10px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
}
	#point05 .box_area {
    padding: 15px 5px 30px 5px;
}
/* how to--------*/
section.howTo .sec01 ul.pageLink {
    letter-spacing: -1vw;
    text-align: left;
}	
section.howTo .sec01 ul.pageLink li {
    display: inline-block;
    letter-spacing: normal;
    margin: 0;
    width: 30%;
    padding: 1%;
}	
section.howTo .sec02 .problem dl dt, 
	section.howTo .sec02 .problem dl dd	{
		    padding: 3%;
	}
section.howTo .sec02 .problem dl dt {
    width: 20%;
    font-size: 4vw;
}	
section.howTo .sec02 .problem dl dt span {
    font-size: 6vw;
}
section.howTo .sec02 .problem dl dd {
    font-size: 5vw;
}	
section.howTo .solutionArea .box01 .txt01 {
    font-size: 6.5vw;
	}
section.howTo .solutionArea .box01 .txt02 {
    font-size: 5.5vw;
	}
	section.howTo .solutionArea .pointArea {
		    display: block;
	}	
	section.howTo .solutionArea .pointArea li {
        width: 82%;
	    margin: 2em auto;	
	}
	section.howTo .solutionArea .pointArea li h3 {
    font-size: 4vw;
}
section.howTo .solutionArea .pointArea li h3 span {
    font-size: 6vw;
}
	section.howTo .solutionArea .pointArea li .txtArea {
		padding: 1vw;
	}	
section.howTo .solutionArea .pointArea li .txtArea p {
        font-size: 5.2vw;
}	
	section.howTo .contactArea dl {
		    padding: 1em 2% 0;
	}	
	section.howTo .contactArea dd.img{
	       background: url(../img/howto/contact_img_sp.png) no-repeat;
    vertical-align: top;
    height: auto;
    background-size: contain;
    background-position: left bottom;
}
section.howTo .contactArea dd.img p {
    padding-left: 0;
    padding-bottom: 10px;
}	
section.howTo .contactArea dd.txtArea h3 {
    font-size: 5vw;
}	
section.howTo .contactArea dd.txtArea .txt {
            font-size: 3.4vw;
    line-height: 1.7;
}	
	section.howTo .contactArea dd.txtArea .trial-btn {
		    width: 100%;
    margin: 2vw auto 4vw;
	}	
	section.howTo .contactArea dd.txtArea .trial-btn a {
		font-size: 3.4vw;
    padding: 1.6vw 1vw 1vw;
	}	
	
section.howTo .voiceArea .box .img {
    float: none;
    padding-right: 0;
    text-align: center;
    padding-bottom: 1em;
}
section.howTo .voiceArea .box .img img {
    height: 50vw;
    object-fit: cover;
    width: 100%;
}
section.howTo .voiceArea .box .txtArea h3 {
    font-size: 5vw;
	}
	
/*
資料ダウンロード　完了ページ
------------------------------------------------------------
*/
.big01 {
    font-size: 8vw;
	}
.big02 {
    font-size: 14vw;
	}
.doc.finish .dlArea {
    text-align: center;
}
.doc.finish .dlArea .img {
    display: block;
    padding-right: 0;
}	
	.doc.finish .dlArea .dl ul li .dlLink a {
		margin: 0 auto;
	}	
.doc.finish .dlArea .dl ul li h4 {
    font-size: 5vw;
	}
	.doc.finish .sec02 p.txt01 {
		    font-size: 5vw;
	}	
	.doc.finish .sec02 .box h3 {
	    padding: 5px 0;
    font-size: 6vw;
	}	
	.doc.finish .sec02 .box .txtArea {
    padding: 4%;
       font-size: 4.8vw;
	}
	.doc.finish .sec02 .box .txtArea ul.list li .number {
		padding: 3px 8px 1px;
	}
.doc.finish .sec02 .box .txtArea p.caution {
    font-size: 3.4vw;
    text-align: left;
}
	.doc.finish .sec02 .box01 ul.list {
		    font-size: 4vw;
	}	
.doc.finish .sec02 .box01 ul.list li::before {
    content: "";
    background: url(../img/doc/check_icon.png) no-repeat;
    display: inline-block;
    width: 20px;
    height: 30px;
    vertical-align: bottom;
    background-position: center;
    padding-right: 10px;
    background-size: contain;
}	
.doc.finish .sec02 .box01 ul.list li {
    text-indent: -2em;
    padding-left: 2em;
}	
.doc.finish .sec02 .box .txtArea ul.list li p {
    display: inline-block;
    width: 85%;
    vertical-align: top;
}	
.doc.finish .sec02 .box .txtArea ul.list02 li {
    display: inline-block;
    width: 46%;
    text-align: center;
    vertical-align: middle;
    padding: 2% 1%;
}	
/*
お客様の声
------------------------------------------------------------
*/
	
.customerVoiceArea .box .img {
    float: left;
    padding-right: 3%;
    width: 47%;
    margin-bottom: 1em;
}
.customerVoiceArea .box .txtArea h3 {
    font-size: 4vw;
	}
.customerVoiceArea .box .txtArea p.txt {
    clear: both;
}	
/*
無料お試し体験　バナー
------------------------------------------------------------
*/
.docContactArea dl {
		    padding: 1em 2% 0;
	}	
.docContactArea dd.img{
	       background: url(../img/howto/contact_img_sp.png) no-repeat;
    vertical-align: top;
    height: auto;
    background-size: contain;
    background-position: left bottom;
}
.docContactArea dd.img p {
    padding-left: 0;
    padding-bottom: 10px;
}	
.docContactArea dd.txtArea h3 {
    font-size: 5vw;
}	
.docContactArea dd.txtArea .txt {
            font-size: 3.4vw;
    line-height: 1.7;
}	
.docContactArea dd.txtArea .trial-btn {
		    width: 100%;
    margin: 2vw auto 4vw;
	}	
.docContactArea dd.txtArea .trial-btn a {
		font-size: 3.4vw;
    padding: 1.6vw 1vw 1vw;
	}		

#industry-list .experience_box.ate3 ul {
    float: none;
    width: inherit;
    margin: 0;
    padding: 0 13px;
}
.experience_box.ate3 .btn{
    text-align: center;
    display: block;
    margin: 0 auto 25px;
    padding: 15px 0;
    width: 90%;
    font-size: 22px;
}
.experience_box.ate3 .btn br{
    display: none;
}
img.imgCenter{
    display: block;
    margin: 0 auto 10px;
}
	
/*20240426_事例更新*/
.flex_item30{
	width: 100%;
}
.flex_item60{
	width: 100%;
}

}