@charset "euc-jp";
/* CSS Document */

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

/*==========================
　　　　　  Common
==========================*/
.w10,.w20,.w30,.w40,.w50,.w60,.w70,.w80,.w90 {width: 100%;}
.left_clm  {float: left;}
.right_clm {float: right;}



/*==========================
　　　　　　Header
==========================*/
.header_logo {
	margin-left: 16px;
	width: 160px;
}
.header_contact_btn a {
	width: auto;
}
.header_tel .telnum {
    font-size: 2.2rem;
}


/*==========================
　　　　　　Main
==========================*/
.mv_catch {
	font-size: 2rem;
	padding-top: 17px;
}
.mv_logo {
	max-width: 480px;
}
#topMv .outer {
	margin-bottom: 120px;
}
#topMv .outer:before {
	width: 420px;
	height: 320px;
	transform: translate(-90%,-50%);
}
.cv_wrap .inner {
	display: block;
}
.cv_wrap .left_box, .cv_wrap .right_box {
	width: 100%;
}
.cv_wrap .left_box {
	max-width: 500px;
	margin: 0 auto;
}
.cv_wrap .right_box {
	margin-top: 48px;
}
.plans_wrap {
	flex-wrap: wrap;
	justify-content: center;
}
.plan_tb {
	width: 48.5%;
}
.plan_tb:nth-child(even) {
	margin-left: 3%;
}
.plan_tb:last-child {
	width: 100%;
}
.plan_tb:not(:nth-child(-n+2)) {
	margin-top: 3%;
}
.plan_tb:last-child tbody tr:nth-child(2) {
	min-height: auto;
}
.tel_wrap .tel {
	font-size: 3.2rem;
	letter-spacing: 0;
}
.edocManual__bnr {
	max-width: 670px;
	margin:30px auto 0;
	.manualLink {
		padding:20px 40px;
	}
	.subcaption {
		font-size:1.2rem;
		padding:4px 12px;
	}
	.caption {
		font-size:2.6rem;
	}
	.fig {
		img {
			width:148px;
		}
	}
	.manualBtn {
		margin: 20px auto 0;
		width: 240px;
		font-size: 1.2rem;
		height: 40px;
	}
}

}





@media screen and (min-width:769px){
.sp-only { display: none; }
.telnum {pointer-events: none;}
}



@media screen and (max-width:768px){
.pc-only { display: none; }
#wrapper {
	margin-top: 56px;
}
.header_inner {
	padding: 8px 24px;
}
.header_logo,
.header_tel {
	margin: 0;
}
.header_contact {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
}
.header_contact_btn {
	width: 50%;
}
.header_contact_btn a {
    width: 100%;
}
#topMv  {
	height: auto;
	padding-bottom: 180px;
	display: block;
}
#topMv .outer {
	padding-top: 0;
	text-align: center;
	margin-bottom: 0;
	margin-top: 32px;
}
#topMv .outer:before {
	bottom: auto;
	width: 370px;
    height: 280px;
	top: 80px;
	left: 50%;
	transform: translateX(-50%);
}
.mv_catch {
	padding: 17px 24px;
	margin-bottom: 320px;
}
.mv_logo {
	margin: 0 auto;
}
.mv_result{
	justify-content: center;
}
.mv_result_logo img{
	width: 36px;
}
.topsc {
	padding: 56px 0;
}
.ready_ex {
	padding: 48px 24px;
}
.ready_ex_list {
	display: block;
}
.ready_ex_list li {
	width: calc(100% - 80px);
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin: 0 auto;
}
.ready_ex_list li .content {
	width: 100%;
	display: block;
	padding: 24px;
	padding-left: 56px;
}
.ready_ex_list li .content br {
	display: none;
}
.ready_ex_list li .illust {
	top: 50%;
	left: 0;
	transform: translate(-50%,-50%);
}
.ready_ex_list li + li {
	margin: 3% auto 0;
}
.ready_solution .catch {
	letter-spacing: 0;
	font-size: 2.2rem;
}
.ready_solution .catch img {
	width: 320px;
}
.ready_solution .catch .marker {
	font-size: 3.2rem;
}
.ready_solution {
	padding-top: 72px;
}
.fuki_label:after {
    border: 30px solid transparent;
    border-top: 20px solid #fff;
}
.fuki_label.blue:after {
	border-top: 20px solid #4a67a8;
}
.ready_head {
	display: block;
}
.ready_head .right_box,
.ready_head .left_box {
	padding: 0;
	margin: 0 auto;
	width: 100%;
	text-align: center;
}
.ready_head .left_box {
	margin-top: 32px;
}
.ready_title span {
	padding: 0 32px;
}
.edocManual__bnr {
	border-radius: 8px;
	margin: 72px auto 0;
	position: relative;
	max-width: 480px;
	.manualLink {
		padding: 12px 16px 46px;
		justify-content: center;
	}
	.fig {
		margin-right: 8px;
		max-width:100px;
		img {
			width: 100%;
		}
	}
	.subcaption {
		position: absolute;
		left: 0;
		top: -3em;
		width: 100%;
		font-size: 1.3rem;
		background-color: unset;
		padding: 0;
	}
	.caption {
		font-size: 1.8rem;
		margin-top:0;
		small {
			font-size: 1.6rem;
		}
	}
	.manualBtn {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		margin: 0;
		border-radius: 0 0 8px 8px;
		height: 36px;
	}
}

.solution_list > li {
	margin-top: 80px;
}
.solution_list > li .if_title {
	margin-top: 24px;
	margin-bottom: 16px;
}
.reason_inner_clm {
	display: block;
	margin-top: 88px;
}
.reason_inner_clm.clm2 > li,
.reason_inner_clm.clm3 > li {
	width: 100%;
	margin-top: 64px;
}
.step_list {
	display: block;
	margin-top: 88px;
}
.step_list li  {
	width: 100%;
	margin: 0;
}
.step_list li + li {
	margin: 64px auto 0;
}
.step_list li + li:before {
	top: auto;
	bottom: 100%;
	right: auto;
	left: 50%;
	transform: translate(-50%,-40%) rotate(90deg);
}
.btm_contact {
	display: block;
}
.btm_contact .right_box {
	margin: 48px auto 0;
}
#topContact .inner:before {
	right: auto;
	left: 0;
}
.reason_list .fuki_label {
	font-size: 2.2rem;
}
.c-title01 {
	font-size: 2.8rem;
}
.solution_list > li .title {
	padding: 0 40px;
	font-size: 1.9rem;
}
.solution_list > li .title .image {
	width: 88px;
}
#footer {
	margin-bottom: 75px;
}
#topFlow .btn_wrap {
	display: block;
}
#topFlow .btn_wrap .btn_inner {
	margin: 0 auto;
}
#topFlow .btn_wrap .btn_inner + .btn_inner {
	margin: 40px auto 0;
}

}


@media screen and (max-width:560px){
body {
	font-size: 1.3rem;
}
#wrapper {
	margin-top: 51px;
}
.header_inner {
	padding: 8px 16px;
}
.header_logo {
	width: 120px;
}
.header_tel {
	text-align: right;
}
.header_tel .telnum {
    font-size: 1.8rem;
    padding-left: 24px;
}
.telnum:before {
	width: 20px;
	height: 20px;
	background-size: 10px;
}
.mv_catch {
	font-size: 1.7rem;
	height: 72px;
	padding: 12px 20px;
	width: calc(100% - 64px);
	margin: 0 auto 280px;
}
.mv_catch:after {
	width: 66px;
	height: 72px;
	transform: translateX(-1px);
}
#topMv .outer:before {
	top: 84px;
}
.mv_result{
	justify-content: inherit;
	margin-top: 32px;
}
.mv_txt {
	font-size: 1.3rem;
	margin-top: 20px;
	line-height: 1.8;
	text-align: left;
}
.mv_txt + .attent {
	display: block;
	text-align: left;
}
#topMv .outer:before {
	width: 320px;
	height: 256px;
}
.cv_wrap .inner {
	padding: 24px;;
}
.cv_wrap .left_box {
	display: block;
}
.cv_wrap .left_box li {
	width: 100%;
}
.cv_wrap .left_box li + li {
	margin-top: 8px;
}
.cv_wrap .left_box li figure {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.cv_wrap .left_box li figure .image {
	display: block;
	width: 56px;
}
.cv_wrap .left_box li figure .caption {
	width: calc(100% - 56px);
	text-align: left;
	margin: 0;
	padding-left: 8px;
}
.cv_wrap .left_box li figure .caption br {
	display: none;
}
.cv_wrap .right_box .price {
	font-size: 1.6rem;
}
.cv_wrap .right_box .price .eng {
	font-size: 4.8rem;
}
.c-btn01 .btn:after {
	right: 16px;
}
.cv_wrap .right_box .fuki {
	font-size: 1.1rem;
	margin-bottom: 0;
}
.cv_wrap .right_box {
	margin-top: 24px;
}
.ready_title {
	font-size: 2.2rem;
}
.ready_title span {
	padding: 0 16px;
}
.ready_title span:before, .ready_title span:after {
	width: 24px;
	height: 24px;
	top: auto;
	bottom: 0;
}
.ready_head .right_box {
	font-size: 1.7rem;
}
.ready_head .left_box {
	padding: 0 48px;
}
.ready_ex {
	padding: 48px 24px 48px 48px;
}
.ready_ex_list li {
	width: 100%;
}
.ready_ex_list li .illust {
	width: 64px;
}
.ready_ex_list li .content {
	padding: 16px;
	padding-left: 40px;
	font-size: 1.5rem;
	text-align: left;
}
.ready_ex:after {
	border: 40px solid transparent;
	border-top: 25px solid #eef6f7;
}
.ready_solution {
	padding-top: 40px;
}
.fuki_label {
	font-size: 2.2rem;
	padding: 16px 24px;
}
.fuki_subtitle {
	font-size: 1.6rem;
}
.fuki_subtitle + .txt {
	text-align: left;
	font-size: 1.4rem;
}
.about_strage {
	padding: 32px 24px;
	margin-top: 32px;
}
.about_strage .title {
	margin-bottom: 16px;
	font-size: 1.6rem;
}
.about_strage .txt_red {
	margin-top: 24px;
	line-height: 1.6;
}
#topAbout {
	padding-bottom: 56px;
}
.c-title01 {
	font-size: 1.8rem;
	margin-bottom: 24px;
}
.c-catch01 {
	font-size: 1.4rem;
	margin-bottom: 32px;
}
.solution_list > li .title .image {
	width: 64px;
}
.solution_list {
	width: calc(100% - 32px);
}
.solution_list > li {
	margin-top: 64px;
}
.solution_list > li .title {
	font-size: 1.5rem;
	padding: 0 24px;
}
.solution_list > li .title br {
	display: none;
}
.check_list > li {
	font-size: 1.5rem;
	padding-left: 25px;
	background: url(../img/ico_check.svg) no-repeat top 4px left / 16px;
	line-height: 1.5;
}
.solution_list > li .if_title span {
	font-size: 1.2rem;
}
#topSolution .c-btn01 {
	margin-top: 40px;
}
#topReason .c-btn01 {
	margin-top: 24px;
}
#topReason {
	padding: 56px 32px;
}
.reason_num {
	width: 64px;
	height: 64px;
	border-width: 3px;
}
.reason_num .reason {
	font-size: 1rem;
	letter-spacing: 0;
}
.reason_list .fuki_label {
    font-size: 1.7rem;
    padding: 16px 24px;
}
.fuki_label.blue:after {
	border: 20px solid transparent;
    border-top: 15px solid #4a67a8;
}
.reason_clm {
	display: block;
	margin-bottom: 32px;
}
.reason_clm .image,
.reason_clm .content {
	width: 100%;
	padding: 0;
	margin: 0;
}
.reason_clm .image {
	text-align: center;
}
.reason_clm .content {
	margin-top: 32px;
}
.reason_clm .content .catch {
	font-size: 1.6rem;
}
.plans_wrap {
	display: block;
}
.plan_tb {
	width: 100%;
}
	.plan_tb:nth-child(even) {
		margin: 3% auto 0;
	}
.plan_tb tbody tr {
	padding: 12px 0;
	min-height: auto;
}
.plan_tb tbody tr:nth-child(2) {
	min-height: auto;
}
.plan_tb .price .price_off {
	top: -50%;
}
.c-title02 {
	font-size: 1.4rem;
	margin-bottom: 16px;
}
.c-title02 span {
	padding: 0 16px;
}
.reason_list .sub_content {
	margin-top: 32px;
}
.reason_list > li {
	margin-top: 48px;
}
.reason_inner_clm {
	margin-top: 64px;
}
.reason_inner_clm > li {
	padding: 48px 24px 32px;
	margin-top: 40px;
}
.reason_inner_clm > li .reason_ico {
	width: 64px;
}
.reason_inner_clm > li .content .title {
	font-size: 1.5rem;
	margin-bottom: 24px;
}
.reason_inner_clm > li .content .txt {
	font-size: 1.3rem;
}
.c-btn01 .btn {
	font-size: 1.4rem;
}
.reason_inner_clm.clm2 > li,
.reason_inner_clm.clm3 > li {
	margin-top: 48px;
}
.tel_wrap .tel {
	font-size: 2.2rem;
}
.reason_inner_clm .telnum {
	padding-left: 32px;
}
.reason_inner_clm .telnum:before {
	width: 24px;
	height: 24px;
	background-size: 12px;
}
.reason_list .fuki_label br,
.reason_clm .content .catch br {
	display: none;
}
.reason_list > li:nth-child(3) .reason_inner_clm > li .content .title {
	min-height: auto;
	margin-bottom: 16px;
}
#topFlow {
	padding-bottom: 56px;
}
.step_list + .c-btn01 {
	margin-top: 32px;
}
#topCv,
#topContact {
	padding: 40px 24px;
}
.reason_list > li .inner {
	padding-bottom: 40px;
}
.contact_fuki {
	padding: 16px;
	font-size: 1.6rem;
	margin-bottom: 40px;
}
.btm_contact .tel_wrap .telnum {
	font-size: 3.8rem;
}
.btm_contact .right_box {
	width: 100%;
	margin-top: 32px;
}
#topContact .inner:before {
	display: none;
}
#footer_nav ul {
	display: block;
}
#footer_nav ul li {
	width: 100%;
	margin: 0;
}
#footer_nav ul li a {
	display: block;
	padding: 16px 0;
	text-align: center;
}
#footer_nav ul li + li {
	border-top: 1px solid #f6f6f6;
}
.header_contact_btn a {
	padding: 8px 12px;
}
.header_contact_btn .sub {
	font-size: 1rem;
	margin-bottom: 2px;
}
.header_tel .hour {
	padding-left: 12px;
}
#topFlow .btn_wrap {
	margin-top: 40px;
}
#topFlow .btn_wrap .fuki {
	font-size: 1.2rem;
	margin-bottom: 8px;
}
#topFlow .btn_wrap .btn_inner + .btn_inner {
	margin-top: 28px;
}

}

/*==========================
　　　　表示・非表示設定
==========================*/

/*SP*/
@media only screen and (min-width: 0) and (max-width: 767px) {
	.visibleM {
		display: none;
	}
	.visibleL {
		display: none;
	}
	.hiddenS {
		display: none;
	}
}

/*Tab*/
@media only screen and (min-width: 768px) and (max-width: 999px) {
	.visibleS {
		display: none;
	}
	.visibleL {
		display: none;
	}
	.hiddenM {
		display: none;
	}
}

/*PC*/
@media only screen and (min-width: 1000px) {
	.visibleS {
		display: none;
	}
	.visibleM {
		display: none;
	}
	.hiddenL {
		display: none;
	}
}