@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@700&display=swap');

/* ------------------------------------------------------
common
------------------------------------------------------ */
*{
	box-sizing: border-box;
}
html {
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	font-size: 62.5%;
}
body {
	font-family: "Noto Sans Japanese", san-serif;
	line-height: 1.8;
	color: #000;
	font-size: 1.4rem !important;
}
ul li{
	list-style: none;
}
.pc_block{
	display: block;
}
.sp_block{
	display: none;
}
.inner{
	width:1200px;
	margin:0 auto;
}
.bg_shadow {
	border-radius: 20px;
	background-color:#fff;
	box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.14);
	padding:64px 50px;
}
.bg_blue{
	background: url("../img/bg_020.gif") repeat;
}
.bg_yellow{
	background: url("../img/bg_030.gif") repeat;
}
.fadein {
  opacity : 0;
  transform: translateY(20px);
  transition: all 1s;
}
.font_yellow{
	color:#fed83c;
	font-style: normal;
}
.font_x{
	font-style: normal;
	font-size:70%;
	vertical-align: 5%;
}
@media all and (-ms-high-contrast: none) {
  .font_x{
		vertical-align: 5%;
  }
}
main h2{
	text-align: center;
	margin:0 0 40px 0;
}
main h2 .font_x{
	vertical-align: top;
}
main h2 span{
	background: #1696e8;
	color:#fff;
	padding:32px 50px;
	font-size:6.0rem;
	line-height: 6.2rem;
	font-weight: 600;
	text-align: center;
	display: inline-block;
}
main h2 em{
	font-size:2.6rem;
	line-height: 3.8rem;
    margin-bottom: 10px;
	font-style:normal;
	display: block;
}
.subtext_area{
	text-align: center;
	font-size:2.0rem;
	font-weight: 600;
}
.about_box,
.use_box,
.intro_box,
.price_box,
.flow_box{
	padding:100px 0;
}
.about_box{
	padding-bottom:80px;
}
.answer_box{
	padding:50px 0 70px 0;
}
.support_box{
	padding:60px 0 100px 0;
}
.contact_box{
	padding:100px 0 0 0;
}

/* ------------------------------------------------------
conversion
------------------------------------------------------ */
.conversion_area {
	position: fixed;
	right: -82px;
	top: 120px;
	bottom: 0;
	z-index: 10;
	margin: auto;
}
.conversion_area.on {
	right: 0;
	transition: 0.7s ease 0.3s;
}
.conversion_area li a {
	font-size:2.2rem;
	font-weight: 600;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 82px;
	border-radius: 10px 0 0 10px;
	color: #fff;
	text-align: center;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;	
	right: -15px;
	transition: right 0.3s ease, background 0.3s ease;	
	height: 210px;
	text-decoration: none;
}
.conversion_area a i{
	margin:0 0 10px 0;
}
.conversion_area li{
    margin:0 0 20px 0;
}

.conversion_area li:nth-child(1) a{
   	background: #dd0b0b;
	border-bottom:6px solid #b50a0a; 
    height: 420px;
}
.conversion_area li:nth-child(2) a{
   	background: #16bf46;
	border-bottom:6px solid #0c9c35; 
}
@media all and (-ms-high-contrast: none) {
	.faa-bounce.animated,
	.faa-bounce.animated-hover:hover,
	.faa-parent.animated-hover:hover > .faa-bounce{
		animation: none !important;
	}
	.conversion_area a i{
		margin:0 0 5px 0;
		-ms-transform: rotate(-90deg);		
	}
}
.conversion_area a:hover {
	right: 0;
	transition: 0.3s ease;
}

/* ------------------------------------------------------
header
------------------------------------------------------ */
header{
	margin:50px;
	background: #1d99e9 url("../img/bg_010.gif") repeat;
	border-radius: 20px;
	text-align: center;
	color:#fff;
}
header .inner{
	padding:64px 0 120px 0;
}
header h1{
	margin:40px 0 24px 0;
	position: relative;
}
header h1:before,
header h1:after,
header .text_area:before{
	content: '';
	display: inline-block;
	position: absolute;	
	background-size: contain;
	vertical-align: middle;
}
header h1:before{
	width: 226px;
	height: 487px;
	left:0;
	top:50px;
	background-image:url("../img/img_header_010.png");
}
header h1:after{
	width: 204px;
	height: 254px;
	right:0;
	bottom:-140px;
	background-image:url("../img/img_header_020.png");
}
header h2{
	font-size:40px;
}
header .text_area{
	font-size:22px;
	font-weight: 700;
	position: relative;
	letter-spacing: 0.2rem;
}
header .text_area:before{
	width: 271px;
	height: 153px;
	right: 10px;
    bottom: -20px;
	background-image:url("../img/img_header_030.png");
}
header .text_area span{
	font-size:18px;
	font-weight: 300;
	letter-spacing: 0rem;
	border:1px solid #fff;
	padding:4px 10px;
	border-radius: 2px;
	display: inline-block;
}

header .text_area em{
	display: block;
	margin: 14px 0 0 0;
	font-style: normal;
}

/* ------------------------------------------------------
about_box
------------------------------------------------------ */
.about_box h2{
	position: relative
}
.about_box h2:before,
.about_box h2:after{
	content: '';
	display: inline-block;
	position: absolute;	
	background-size: contain;
	vertical-align: middle;	
}
.about_box h2:before{
	width: 142px;
	height: 214px;
	left: 50px;
    bottom: -20px;
	background-image:url("../img/img_about_010.png");
}
.about_box h2:after{
	width: 148px;
	height: 224px;
	right: 50px;
    bottom: -20px;
	background-image:url("../img/img_about_020.png");
}
.about_box .lp_area{
	margin-bottom:54px;
}
.about_box .lp_area h3,
.about_box .ma_area h3{
	font-size:4.8rem;
	text-align: center;
	margin:-64px -50px 40px -50px;
	padding:16px 0;
	border-radius: 20px 20px 0 0;
}
.about_box .lp_area h3{
	color:#1696e8;
	background: #ecf8ff;
}
.about_box .lp_area h4{
	font-size:3.0rem;
	line-height: 4.8rem;
	margin-bottom:20px;
}
.about_box .lp_area p{
	font-size:16px;
	margin-bottom:24px;
	letter-spacing: -0.1rem;
}
.about_box .lp_area div::after {
	display: block;
	clear: both;
	content: "";
}
.about_box .lp_area figure{
	margin-left:70px;
	float:right;
}
.about_box .ma_area h3{
	color:#fbc60e;
	background: #fefaea;
	position: relative;
}
.about_box .ma_area h3:after{
	content: '';
	display: inline-block;
	position: absolute;	
	background-size: contain;
	vertical-align: middle;	
	width: 102px;
	height: 102px;
	left: 45%;
    bottom: 100px;
	background-image:url("../img/icon_x_010.png");
}
.about_box .ma_area h4{
	font-size:2.4rem;
	line-height: 4.4rem;
	margin-bottom:40px;
	font-weight: 300;
}
.about_box .ma_area h4 span{
	font-weight: 600;
}
.about_box .ma_area ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 4px;
}
.about_box .ma_area ul li{
	width:258px;
	border:dotted 2px #fbc60e;
	padding:130px 0 36px 0;
	font-size:1.8rem;
	line-height: 2.2rem;
	text-align: center;
	font-weight: 500;
	border-radius: 10px;	
	display: flex;
	justify-content: center;
	align-items: center;
}
.about_box .ma_area ul li:nth-child(1){
	background: url("../img/img_about_030.png") top 30px center no-repeat;
}
.about_box .ma_area ul li:nth-child(2){
	background: url("../img/img_about_040.png") top 30px center no-repeat;
}
.about_box .ma_area ul li:nth-child(3){
	background: url("../img/img_about_050.png") top 30px center no-repeat;
}
.about_box .ma_area ul li:nth-child(4){
	background: url("../img/img_about_060.png") top 30px center no-repeat;
}

/* ------------------------------------------------------
answer_box
------------------------------------------------------ */
.answer_box h2{
	position: relative;
	font-size:4.0rem;
	line-height: 5.4rem
}
.answer_box h2:after{
	content: '';
	display: inline-block;
	position: absolute;	
	background-size: contain;
	vertical-align: middle;	
	width: 256px;
	height: 150px;
	left: 39%;
    bottom: 125px;
	background-image:url("../img/icon_answer_010.png");
}
.answer_box h3{
	font-size:2.4rem;
	border-radius: 50px;
	text-align: center;
	display: inline;
	margin:0 0 20px 0;
	padding:0 40px;
}
.answer_box .general_lp h3{	
	background:#f0f0f0;		
}
.answer_box .lp_ma h3{
	background:#000;
	color:#fff;
}
.answer_box .text_area {
	font-size:16px;
	text-align: center;
	margin:0 0 50px 0;
}
.answer_box .text_area span{
	color:#e02f1f;
	font-weight: 600;
}
.answer_box .subtext_area{
	font-size:1.4rem;
	width:943px;
	font-weight: 300;
	margin: 20px auto 0 auto;
    text-align: left;
}
.answer_box ul{
	display: flex;
   justify-content: space-between;
    flex-wrap: wrap;
	width:943px;
	margin:0 auto;
}
.answer_box ul li{
	width:460px;
	text-align: center;
	padding:30px;	
}
.answer_box ul li figure{
	margin:20px 0 0 0;
}
/* ------------------------------------------------------
use_box
------------------------------------------------------ */
.use_box h2{
	position: relative
}
.use_box h2:before,
.use_box h2:after{
	content: '';
	display: inline-block;
	position: absolute;	
	background-size: contain;
	vertical-align: middle;
}
.use_box h2:before{
	width: 148px;
	height: 216px;
	left: 80px;
    top: -20px;
	background-image:url("../img/img_use_010.png");
}
.use_box h2:after{
	width: 178px;
	height: 214px;
	right:70px;
	top:-20px;
	background-image:url("../img/img_use_020.png");
}
.use_box ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 4px;
}
.use_box ul li{
	width:384px;
	margin-bottom:20px;
	padding:24px 16px 32px 16px;
	text-align: center;
	font-size:2.4rem;
	line-height: 2.4rem;
	font-weight: 600;
	background: #d4ecfd;
	border-radius: 20px;
	list-style-type: none;
}
.use_box ul li span{
	color:#1696e8;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
}
.use_box ul p{
	margin-top:10px;
	line-height: 2.8rem;	    
}
/* ------------------------------------------------------
intro_box
------------------------------------------------------ */
.intro_box h3{	
	margin:16px 0 30px 0;
	font-size:48px;
	line-height: 5.8rem;
	z-index: 2;
}
.intro_box .text_area{
	font-size:16px;
	z-index: 2;
	letter-spacing: -0.1rem;
}
.intro_box .point_area{
	margin:32px 0 0 0;
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
	width:617px;
}
.intro_box .point_area li{
    font-weight: 600;
    text-align: center;
    width: 194px;
    height: 194px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
	flex-wrap: wrap;
}
.intro_box .tact_area,
.intro_box .bownow_area{
	width:1151px;
}
/*tact_area*/
.intro_box .tact_area{
	position: relative;
	z-index: 1;
	margin:0 auto 54px auto;	
}
.intro_box .tact_area:before{
	display: inline-block;
	position: absolute;	
	background-size: contain;
	vertical-align: middle;
	content: 'LP';
	font-weight: 800;
    right: 80px;
    top: -140px;
	font-size:340px;
	color:#cdebfc;
	z-index: -1;
}
.intro_box .tact_area h3:after{
	display: inline-block;
	position: absolute;	
	background-size: contain;
	vertical-align: middle;
	content: '';
	width: 168px;
	height: 474px;
	right: 60px;
    top: 45px;
	background-image:url("../img/img_intro_010.png");
}
.intro_box .case_area{
	background: #ecf8ff;
	margin:50px -50px 50px -50px;
	padding:40px 48px 48px 48px;
}
.case_area h4{
	font-size:24px;
	font-weight: 600;
	margin:0 0 16px 0;
}
.case_area h4 {
	display: flex;
	align-items: center;
}
.case_area h4:after {
	content: "";
	flex-grow: 1;
	border-top: 2px dotted #000;
	display: block;
}
.case_area h4:after {
	margin-left: .4em;
}
.intro_box .tact_area .point_area li{
	border:2px dotted #1696e8;
    color: #1696e8;
}
.intro_box .tact_area .point_area li .num{
	font-size: 5.4rem;
	font-family: 'Open Sans', sans-serif;
	font-weight: 800;
	line-height: 5.0rem;
	letter-spacing: -0.2rem;
}
.intro_box .tact_area .point_area li .text_010{
	font-size:2.4rem;
	font-weight: 600;
	line-height: 2.6rem;
}
.intro_box .tact_area .point_area li .text_020{
	font-size:1.8rem;
	font-weight: 600;
	line-height: 2.2rem;
}
.intro_box .tact_area .point_area li .text_030{
	font-size: 1.4rem;
	line-height: 1.6rem;	
	font-weight:500;
	display: block;
	margin: 0 0 10px 0;
}
.intro_box .tact_area .point_area li .sub{
	font-size:2.0rem;
	font-weight: 600;
}
/*bownow_area*/
.intro_box .bownow_area{
	position: relative;
	z-index: 1;
	margin:0 auto 54px auto;	
}
.intro_box .bownow_area:before{
	display: inline-block;
	position: absolute;	
	background-size: contain;
	vertical-align: middle;
	content: 'MA';
	font-weight: 800;
    right: 120px;
    top: -120px;
	font-size:340px;
	color:#fef3db;
	z-index: -1;
}
.intro_box .bownow_area:after{
	content: '';
    display: inline-block;
    position: absolute;
    background-size: contain;
    vertical-align: middle;
    width: 102px;
    height: 102px;
    left: 45%;
    top: -74px;
    background-image: url(../img/icon_x_010.png);
}
.intro_box .bownow_area h3:after{
	display: inline-block;
	position: absolute;	
	background-size: contain;
	vertical-align: middle;
	content: '';
	width: 462px;
	height: 530px;
	right: 40px;
    top: 48px;
	background-image:url("../img/img_intro_030.png");
}
.intro_box .bownow_area .point_area li{
	border:2px dotted #d7af0c;
    color: #d7af0c;
}
.intro_box .bownow_area .point_area li p{
	font-size: 2.4rem;
   line-height: 2.8rem;	
}
.intro_box .bownow_area .point_area li span{
	 font-size: 1.8rem;
	display: block;	
}

/*compny_area*/
.intro_box .company_area{
    border:1px dotted #000;
    background: #fff;  
    margin:40px 0 0 0;
    padding:32px;
}
.intro_box .company_area{
    text-align: center;
    font-size:2.0rem;
}
.intro_box .company_area .btn{
    font-size: 2.4rem;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    margin:24px 0 0 0;
    padding: 8px 0;
}
.intro_box .company_area .btn i{
    margin:0 10px 0 0;
}
.intro_box .tact_area .company_area .btn{
    background: #1696e8;
    border-bottom: 6px solid #0f7dc4;
}
.intro_box .bownow_area .company_area .btn{
    background: #dd0b0b;
    border-bottom: 6px solid #b50a0a;    
}

/* ------------------------------------------------------
price_box
------------------------------------------------------ */
.price_box .cost_area {
    margin: 0 auto 32px auto;
	padding:24px 0 10px 0;
	position: relative;
	display: flex;
    justify-content: center;
    flex-wrap: wrap;
	width: 510px;
}
.price_box .cost_area::before,
.price_box .cost_area::after {
	content: '';
	width: 15px;
	height: 100%;
	position: absolute;
}
.price_box .cost_area::before {
	border-left: solid 1px #000000;
	border-top: solid 1px #000000;
	border-bottom: solid 1px #000000;
	top: 0;
	left: 0;
}
.price_box .cost_area::after {
	border-right: solid 1px #000000;
	border-top: solid 1px #000000;
	border-bottom: solid 1px #000000;
	top: 0;
	right: 0;
}
.price_box figure{
	margin:0 auto;
	text-align: center;
}
.price_box .cost_area .set{
	font-size:2.4rem;
	padding:0 20px 0 0;
}
.price_box .cost_area .num{
	font-family: 'Montserrat', sans-serif;
	font-weight: 800;
	font-size:5.8rem;
	line-height: 4rem;
}
.price_box .cost_area .yen{
	font-size:3.0rem;
	font-weight: 800;
}
.price_box .cost_area .tax{
	font-size:1.8rem;
	line-height: 5.8rem;
}
.price_box .contents_area{
	width:974px;
	margin:0 auto 32px auto;
}
.price_box .contents_area ul.contents_inner{
	 display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
	margin:0 0 32px 0;
}
.price_box .contents_area ul.contents_inner li{
	background: #ecf8ff;
	font-size:2.0rem;
	line-height: 2.4rem;
	font-weight: 600;
	color:#1696e8;
	text-align: center;
	width:178px;
	height:178px;
	border-radius: 50%;	
	display: flex;
	justify-content: center;
	align-items: center;
}
.price_box .annotation_area{
	color:#757575;
	font-size:1.6rem;
}
.price_box h3{
	font-size:24px;
	font-weight: 600;
	text-align: center;
	margin:64px 0 24px 0;
}
.price_box .option_area ul{
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.price_box .option_area ul li{
	background: #f9f9f9;
	width:538px;
	text-align: center;
	margin:0 0 20px 0;
	padding:32px;
}
.price_box .option_area ul li h4{
	font-size:20px;
}
.price_box .option_price_area{
	line-height:3.4rem;
	margin:0 0 10px 0;
}
.price_box .option_price_area span{
	font-size:3.0rem;
	font-family: 'Montserrat', sans-serif;
	font-weight: 800;
}
.price_box .option_price_area em{
	font-size:1.8rem;
	font-style: normal;
}
.price_box .text_area{
	line-height:2.2rem;
}
.price_box .option_area .annotation_area{
	font-size:1.4rem;
}
/* ------------------------------------------------------
support_box
------------------------------------------------------ */
.support_box h2{
	position: relative;
}
.support_box h2:after{
	content: '';
	display: inline-block;
	position: absolute;	
	background-size: contain;
	vertical-align: middle;
	width: 210px;
	height: 110px;
	left: 50px;
    top: -50px;
	background-image:url("../img/img_support_020.png");
}
.support_box h3{ 
    font-size: 29px;
    letter-spacing: -0.05em;
	line-height: 4.8rem;
    margin-bottom: 20px;
}
.support_box .text_area{ 
	font-size:1.8rem;
}
.support_box ul{
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
	margin:20px 0 0 0;
}
.support_box li{
	display: flex;
    justify-content: flex-start;
    align-items: center;
	width:536px;
	background: #fefaea;
	margin:0 0 20px 0;
	padding:26px 24px;
}
.support_box li span{
	font-size:24px;
	color:#fbc60e;
	font-family: 'Montserrat', sans-serif;
    font-weight: 600;
	border-right:dotted 2px #fbc60e;
	margin:0 24px 0 0;
	padding:0 24px 0 0;
}
.support_box li p{
	font-size:20px;
	font-weight: 600;
	line-height: 2.4rem;
}
.support_box .free_area:after{
	display: block;
    clear: both;
    content: "";
}
.support_box .free_area figure{
	 margin-left: 32px;
    float: right;
}
/* ------------------------------------------------------
flow_box
------------------------------------------------------ */
.flow_box figure{
	text-align: center;
	margin:48px 0 0 0;
}
/* ------------------------------------------------------
contact_box
------------------------------------------------------ */
.contact_box .inner{
	margin-bottom:0;
}
.contact_box .subtext_area{
	margin-bottom:50px;
}
.contact_box .tel_area a[href*="tel:"] {
	pointer-events: none;
	cursor: default;
	text-decoration: none;
	color:#000;
	margin:0 auto 60px auto;
	width:839px;
	background: #ecf8ff;
	text-align: center;
	border-radius: 50px;
	display: block;	
}
.contact_box .tel_area span{
	font-size:36px;
	font-weight: 600;
	padding:0 30px 0 0;
}
.contact_box .tel_area em{
	font-size:20px;
	font-weight: 600;
	font-style: normal;
}
.contact_box .tel_area i{
	font-size:3.0rem;
	transform: scale(-1, 1);
	padding: 0 0 0 10px;
}
.thanks_area{
	width:1200px;
	margin:0 auto;
}
.thanks_area header{
	border-radius: 150px;
}
.thanks_area h1{

	margin: 20px 50px;
}
.thanks_area h1:after,
.thanks_area h1:before{
	display: none
}
.thanks_area p{
	font-size:1.6rem;
	text-align: center;
}
/* ------------------------------------------------------
footer
------------------------------------------------------ */
footer{
	text-align: center;
	padding:48px 0;
}
footer figure{
	margin:0 0 22px 0;
}
footer small{
	font-size:1.4rem;
	color:#9a9a9a;
}

@media screen and (max-width: 1080px) {	

}

@media screen and (max-width:768px) {
	/* ------------------------------------------------------
	common
	------------------------------------------------------ */	
	.pc_block{
		display: none;
	}
	.sp_block{
		display: block;
	}
	main h2{
		margin-bottom:20px;
	}
	main h2 em {
		font-size: 1.6rem;
   		line-height: 2rem;
		margin-bottom:0;
	}	
	main h2 span{
		font-size:2.4rem;
		line-height: 3.0rem;
		padding: 20px 20px;
		display: block;
	}
	.about_box, .use_box, .intro_box, .price_box, .flow_box, .contact_box {
		padding: 50px 0;
	}
	.about_box{
		padding-bottom:40px;
	}
	.answer_box{
		padding:25px 0 35px 0;
	}
	.support_box{
		padding:30px 0 50px 0;
	}	
	.inner{
		width:100%;
		margin:0 auto;
		padding: 0 20px;
	}	
	.bg_shadow {
		padding:32px 25px;
	}
	.subtext_area {
		font-size:1.8rem;
		line-height: 1.4;
	}
	#btn_area {
		position: fixed;
		bottom: 0;
		right: 0;
		z-index: 100; 
		width: 100%;
        display: flex;
	}
     #btn_area li{
         width:50%;
	}
	 #btn_area li a{
		text-align: center;		
		font-size:1.6rem;
		font-weight: 600;
		color:#fff;
		text-decoration: none;
		height: 80px;
		line-height: 1.8rem;
		display: block;
        padding: 15px 10px 10px 10px;

	}
    #btn_area li:nth-child(1) a{
        background: #dd0b0b;
    }
     #btn_area li:nth-child(2) a{
        background: #16bf46;
    }
	#btn_area li i{
		padding:0;
        display: block;
	}
	/* ------------------------------------------------------
	header
	------------------------------------------------------ */
	header {
    	margin: 20px;
		padding:20px;
	}
	header .inner{
		margin: 20px auto;
		padding:0;
		width:auto;
	}
	header h1 {
    	margin: 20px 0 5px 0;
	}
	header h1 img{
		width:100%;
	}
	header h1:before{
		width: 75px;
		height: 162px;
		left: -15px;
    	top: 135px;
		background-image:url("../img/img_header_010.png");
		background-size:75px 162px;
	}
	header h1:after{
		width: 102px;
		height: 127px;
	 	right: -32px;
    	bottom: -135px;
		background-image:url("../img/img_header_020.png");
		background-size:102px 127px;
	}
	header .text_area:before{
		width: 123px;
		height: 77px;
		right: -30px;
    	top: -55px;
		background-image: url(../img/img_header_030_sp.png);
	}
	header .text_area {
		font-size: 1.3rem;
		line-height: 1.4;
		letter-spacing: 0rem;
	}
	header .text_area span {
		font-size: 1.2rem;
		line-height: 1.4;		
	}
	header .text_area em{
		margin: 5px 0 0 0;
	}
	header h2 {
		font-size: 2.4rem;
		line-height: 1.2;
	}
	/* ------------------------------------------------------
	about_box
	------------------------------------------------------ */	
	.about_box .lp_area h3,
	.about_box .ma_area h3{
		margin: -32px -25px 20px -25px;
		font-size: 2.4rem;
		line-height: 3rem;
		padding:16px 20px;
	}
	.about_box .ma_area h3:after {
		width: 51px;
		height: 51px;
		left: 42%;
		bottom: 80px;
		background-size:51px 51px;
	}
	.about_box .lp_area {
		margin-bottom: 27px;
	}
	
	.about_box .lp_area h4 {
    	font-size: 2.0rem;
    	line-height: 2.8rem;
	}
	.about_box .lp_area p {
		font-size: 1.4rem;
		margin-bottom: 22px;
		 margin-bottom: 10px;
	}	
	.about_box .ma_area h4 {
		font-size: 1.8rem;
		line-height: 2.4rem;
		margin-bottom: 20px;
	}
	.about_box .ma_area ul li{
		width:100%;
		margin:0 0 10px 0;
		text-align: left;
		justify-content: left;
	}	
	.about_box .ma_area ul li:nth-child(1),
	.about_box .ma_area ul li:nth-child(2),
	.about_box .ma_area ul li:nth-child(3),
	.about_box .ma_area ul li:nth-child(4){
		background-size:44px 44px;
		background-position: left 20px center;
		padding:20px 20px 20px 80px;
	}	
	.about_box h2:before {
		width: 71px;
		height: 107px;
		left: 10px;
		bottom: -15px;
		background-size:71px 107px;
	}
	.about_box h2:after {
		width: 74px;
		height: 112px;
		right: 10px;
		bottom: -15px;
		background-size:74px 112px;
	}
	.about_box .lp_area div{
		display:flex;
		flex-wrap:wrap;
	}
	.about_box .lp_area figure {
		margin-left: 0;
		float: none;
		order: 3;
	}
	.about_box .lp_area figure img{
		width:100%;
	}	
	.about_box .lp_area h4{
		 order: 1;
	}
	.about_box .lp_area p{
		 order: 1;
	}	
	/* ------------------------------------------------------
	answer_box
	------------------------------------------------------ */
	.answer_box h2{
		font-size: 2.3rem;
    	line-height: 3rem;
		margin: 0 0 15px 0;
	}
	.answer_box h2:after {
		width: 128px;
		height: 75px;
		left: 30%;
		top: -85px;
		background-size:128px 75px;
	}	
	.answer_box ul{
		width:100%;
	}
	.answer_box ul li{		
		padding:15px;
	}	
	.answer_box .general_lp{
		width:43%;
	}
	.answer_box .lp_ma{
		width:53%;
	}	
	.answer_box h3 {
		font-size: 1.6rem;
		padding: 2px 15px 4px 15px;
	}	
	.answer_box .text_area {
		font-size: 1.4rem;
		font-weight: 600;
		text-align: center;
		margin: 0 0 25px 0;
		line-height: 1.8rem;
	}
	.answer_box .general_lp figure img,
	.answer_box .lp_ma figure img{
		width:100%;
	}
	.answer_box .subtext_area{
		font-size: 1.2rem;
		width:100%;
	}
	.case_area figure img{
		width:100%;
	}
	.intro_box h3{
		font-size: 2.0rem;
    	line-height: 2.8rem;
		margin: 3px 0 5px 0;
	}
	.case_area h4 {
		font-size: 1.6rem;
		margin: 0 0 12px 0;
	}
	.intro_box .tact_area{
		margin: 0 auto 20px auto;
	}
	.intro_box .tact_area:before {
    	right: 80px;
    	top: -10px;
		font-size: 12.0rem;
	}	
	.intro_box .tact_area h3:after{
		width: 84px;
		height: 237px;
		right: 20px;
		top: 15px;
		background-image: url(../img/img_intro_010.png);
		background-size:84px 237px;
	}
	.intro_box .logo{
		width:50%;
	}
	.intro_box .logo img{
		width:50%;
	}
	.intro_box .text_area {
		font-size: 1.4rem;
	}
	.intro_box .point_area{
		width:100%;
		margin: 20px 0 0 0;
	}	
	.intro_box .point_area li{
		width:100%;
		border-radius: 10px;
		display: block;
		height:auto;
		margin:0 0 10px 0;
		padding:16px;
	}	
	.intro_box .tact_area .point_area li .num{
		 font-size: 3.4rem;
		line-height: 3.4rem;
		letter-spacing: -0.05rem;
	}
	.intro_box .tact_area .point_area li .text_010{
		font-size:1.8rem;
		line-height: 1.3rem;
	}
	.intro_box .tact_area .point_area li .text_020{
		font-size:1.4rem;
		font-weight: 600;
		line-height: 1.1rem;
	}
	.intro_box .tact_area .point_area li .text_030{
		font-size:1.4rem;
		line-height: 1.4rem;
	}
	.intro_box .tact_area .point_area li .sub{
		font-size:1.4rem;
		font-weight: 600;
	}	
	.intro_box .bownow_area:before {
    	right: 80px;
    	top: -10px;
		font-size: 120px;
	}
	.intro_box .bownow_area h3:after {
		width: 185px;
		height: 150px;
		right: 10px;
    	top: 24px;
		background-image: url(../img/img_intro_030_sp.png);
		background-size:185px 150px;
	}
	.intro_box .bownow_area .point_area li span {
		font-size: 1.6rem;
		display: inline;
	}
	.intro_box .bownow_area:after{
		width: 51px;
		height: 51px;
		left: 42%;
		top: -40px;
		background-size: 51px 51px;
	}	
	.intro_box .bownow_area figure.sp_block img{
		width:100%;
	}
    /*compny_area*/
    .intro_box .company_area{
        margin:20px 0 0 0;
        padding:18px;
    }
       .intro_box .company_area p{ 
        line-height: 2.2rem;
        text-align: left;
    }
    .intro_box .company_area .btn{
        font-size: 1.8rem;
        line-height: 2.0rem;
        padding: 12px 14px;
        text-align: left;        
    }
    .intro_box .company_area .btn i{
        margin:0 10px 0 0;
    }

	
	/* ------------------------------------------------------
	use_box
	------------------------------------------------------ */
	.use_box h2:before{
		width: 74px;
		height: 108px;
		left: 10px;
   		top: 30px;
		background-size:74px 108px;
	}
	.use_box h2:after{
		width: 89px;
		height: 107px;
		right: 4px;
	    top: 30px;
		background-size:89px 107px;
	}

	.use_box ul li {
		text-align: left;
		font-size:1.8rem;
		padding: 10px 20px;
		margin-bottom: 10px;
	}
	.use_box ul p {
    	margin-top: 5px;
    	line-height: 2.4rem;
		margin-left:10px;
		display: inline;
	}
    .use_box figure img{
        width:100%;
    }

	/* ------------------------------------------------------
	intro_box
	------------------------------------------------------ */
	.intro_box .tact_area,
	.intro_box .bownow_area{
		width:100%;
	}
	.intro_box .bownow_area{
		margin:0 auto;
	}	    
	.intro_box .case_area {
		margin: 25px -25px 25px -25px;
		padding: 20px 24px 24px 24px;
	}
	/* ------------------------------------------------------
	price_box
	------------------------------------------------------ */
	.price_box .contents_area{
		width:100%;
	}
	.price_box .annotation_area {
    	font-size: 1.4rem;
    	line-height: 2rem;
	}	
	.price_box figure{
		text-align: center;
	}
	.price_box figure img{
		width:100%;
	}
	.price_box .cost_area{
		width:100%;		
		padding: 15px 0 15px 0;
	}
	.price_box .cost_area .num{
		font-size:3.7rem;
	}
	.price_box .cost_area .tax {
		line-height: 1.2rem;
	}
	.price_box .cost_area .yen {
    	font-size: 2.4rem;
	}
	.price_box .contents_area ul.contents_inner {
		margin: 0 0 10px 0;
	}
	.price_box .contents_area ul.contents_inner li{
		font-size: 1.6rem;
    	line-height: 2rem;
		width:100%;
		height: auto;
		padding:15px;
		border-radius: 10px;
		margin-bottom:10px;
		text-align: left;
	}
	.price_box h3 {
		margin: 32px 0 8px 0;
	}
	.price_box .option_area ul li h4 {
		line-height: 2.2rem;
	}
	.price_box .option_area ul li{
		padding: 24px;
	}
	.price_box .option_price_area {
		margin: 5px 0 10px 0;
	}
	.price_box .option_price_area span {
		font-size: 2.4rem;
	}
	/* ------------------------------------------------------
	support_box
	------------------------------------------------------ */
	.support_box h2:after{
		width: 105px;
		height: 55px;
		left: 0px;
    	top: -40px;
		background-size:105px 55px;
	}
	.support_box h3{
		font-size: 2.2rem;
		line-height: 2.8rem;
	}
	.support_box li {
		width: 100%;
		margin: 0 0 10px 0;
		padding: 14px 24px;
	}
	.support_box .text_area {
    	font-size: 1.6rem;
		line-height: 2rem;
	}
	.support_box li p {
		font-size: 1.6rem;
		line-height: 2.0rem;
	}
	/* ------------------------------------------------------
	flow_box
	------------------------------------------------------ */
	.flow_box figure{
		margin:0;
	}
	.flow_box figure img{
		width:100%;
		margin:24px 0 0 0;
	}
	/* ------------------------------------------------------
	contact_box
	------------------------------------------------------ */
	.contact_box .tel_area a[href*="tel:"] {
		pointer-events: auto;
		width:100%;
		border-radius: 10px;
		margin:0;
		padding:20px 0;
	}
	.contact_box .subtext_area{
		margin-bottom:20px;
	}	
	.contact_box .tel_area span {
		font-size: 2.6rem;
		font-weight: 600;
		margin-bottom:0;
		margin:0;
		padding: 0 0 0 0;
		display: block;
	}
	.contact_box .tel_area i {
		font-size: 2.4rem;
		padding: 0 0 0 7px;
	}
	.thanks_area{
		width:90%;
		margin:30px auto 0 auto;
		text-align: left;
	}
    .thanks_area .inner{
        padding:0;
    }
	.thanks_area header{
		border-radius: 10px;
		margin:0;
	}
	.thanks_area h1{
		font-size:2.4rem;
		line-height: 3rem;
		margin:0;
	}
	.thanks_area h1:after,
	.thanks_area h1:before{
		display: none
	}
	.thanks_area p{ 
		margin: 20px 0 0 0;
		font-size:1.8rem;
		text-align: center;
	}
	/* ------------------------------------------------------
	footer
	------------------------------------------------------ */
	footer{
		padding: 32px 0 100px 0;
	}
	footer figure {
		margin:0;
	}
	footer figure img{
		width:87px;
		height:21px;
	}
}
@media screen and (max-width:375px) {
	.text_area:before {
    	right: -38px;
	}
	header h1:after {
    	right: -45px;
	}
	header h1:before {
		left: -28px;
    	top: 110px;
	}
	.about_box h2:before {
		left: -8px;
	}
	.about_box h2:after {
		right: -8px;
	}
	.intro_box .tact_area h3:after {
		right: -18px;	
	}
	.intro_box .bownow_area h3:after {
		right: -18px;
		top: 18px;
	}
	.price_box .cost_area .set {
		font-size: 2.2rem;
		padding: 0 10px 0 0;
	}
}