@charset "UTF-8";

@media screen and (max-width: 768px) {
.sp { display:block; }
.pc { display:none; }

body {
	font-size:13px;
	-webkit-text-size-adjust: 100%;
	line-height:1.7;
}

.img80 { width:80%; }

.fl, .fr { float:none; }

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

.inner {
	width:94%;
}

#main, #sub {
	width:100%;
	float:none;
}

#header {
	padding:5px 0 10px 0;
	position:relative;
}
#header h1 {
	font-size:10px;
	font-weight:normal;
	color:#838383;
	margin-bottom:10px;
}
#header .logo {
	float:none;
	text-align:center;
	width:80%;
}
#header .right {
	float:none;
	width:100%;
	text-align:center;
	margin-top:10px;
}
#header .right .sp {
	display:inline-block !important;
	letter-spacing:-.4em;
}
#header .right .sp img {
	width:100%;
}

#header .right .tel {
	width:12%;
}
#header .right ul {
	margin-top:0;
	width:70%;
}
#header .right li {
	display:inline-block;
	letter-spacing:normal;
	margin-left:5%;
	width:45%;
}
#header .right li:first-child {
	margin-left:0;
}
#header #menu_btn {
	position:absolute;
    right: 10px;
    bottom: 30px;
	z-index:9999;
}

#header .hamburger {
	padding:0;
}
#mainimage {
	margin-bottom:20px;
}


#gnavi {
	position:absolute;
	top:0;
	left:0;
	display:none;
	width:100%;
	background:#FFF;
}
#gnavi li {
	text-align:center;
}
#sub .nav01#gnavi a {
	padding:15px 0;
	font-size:14px;
	display:block;
}
#sub .title {
	background:none;
	text-indent:inherit;
	background: -moz-linear-gradient(top, #1c5295, #70b6e2);
	background: -webkit-gradient(linear, left top, left bottom, from(#1c5295), to(#70b6e2));
	background: linear-gradient(to bottom, #1c5295, #70b6e2);
}
#sub .ttl01,
#sub .ttl02,
#sub .ttl03 {
	display:block;
	height:auto;
	background:none;
	padding:10px 3%;
	font-size:15px;
	color:#FFF;
}
#sub img, #sub p {
	max-width:100%;
	text-align:center;
}
#sub .tel {
	padding:15px 3%;
}

#sub .nav01 a {
	padding:12px 5px;
	font-size:14px;
}

#container {
	padding:20px 0;
}


#main .title01 {
	background: -moz-linear-gradient(top, #1c5295, #70b6e2);
	background: -webkit-gradient(linear, left top, left bottom, from(#1c5295), to(#70b6e2));
	background: linear-gradient(to bottom, #1c5295, #70b6e2);
}
#main .title01 span {
	display:block;
	text-indent:inherit;
}
#main .block {
	margin-top:10px;
}
#main .block .box {
	font-size:14px;
	padding:10px 2%;
}
#main .block .box .fr {
	margin-top:10px;
}
#main .contact {
	margin-bottom:30px;
}
#main .contact .arrow {
	text-align:center;
	margin:10px 0 25px 0;
}
#main .contact .arrow img {
	width:60%;
}

#main .contact ul {
	text-align:center;
	letter-spacing:-.4em;
	background:#f2f2f2;
	padding:20px 0;
}
#main .contact ul li {
	letter-spacing:normal;
	display:inline-block;
	margin:0 2%;
	width:45%;
}
#main .contact ul li.full {
	width:100%;
	margin:0 0 15px 0;
}


#footer {
	border-top:10px solid #F2F2F2;
}
#footer .top {
	padding:10px 0;
}
#footer .top .left {
	text-align:center;
	padding-bottom:15px;
	width:100%;
}
#footer .logo {
	float:none;
	text-align:center;
}
#footer .left ul {
	width:100%;
	letter-spacing:-.4em;
}
#footer .left ul li {
	width:30%;
	letter-spacing:normal;
	vertical-align:top;
	margin-left:2%;
	float:none;
	display:inline-block;
}
#footer .left ul li:first-child {
	margin-left:0;
}
#footer .info {
	width:100%;
	float:none;
	padding-left:0;
	font-size:14px;
}

#footer .bottom {
	background:#666;
	color:#FFF;
	padding:15px 0;
	text-align:center;
}
#footer .bottom .f_nav {
	display:none;
}

#footer .bottom a {
	color:#FFF;
}
#footer .bottom .copy {
	margin-top:0;
}



#main .title01 .ttl01,
#main .title01 .ttl02,
#main .title01 .ttl03,
#main .title01 .ttl04,
#main .title01 .ttl05,
#main .title01 .ttl06,
#main .title01 .ttl07,
#main .title01 .ttl08,
#main .title01 .ttl09,
#main .title01 .ttl10,
#main .title01 .ttl11,
#main .title01 .ttl12,
#main .title01 .ttl13,
#main .title01 .ed_ttl01,
#main .title01 .ed_ttl02,
#main .title01 .ed_ttl03,
#main .title01 .ed_ttl04,
#main .title01 .ed_ttl05,
#main .title01 .ed_ttl06,
#main .title01 .ed_about_ttl01,
#main .title01 .ed_about_ttl02,
#main .title01 .online_ttl01,
#main .title01 .online_ttl02 {
	background:none;
	padding:15px 5px;
	height:auto;
	color:#FFF;
	font-size:15px;
}

#main .block .box .arrow01 {
	background-size:auto 1em;
	padding-left:1.2em;
	font-size:15px;
}

#main .aid .box {
	background:#f4fbec;
	border:3px solid #FFF;
	padding:0 3% 20px 3%;
	font-size:13px;
}
#main .aid .box .ttl {
	font-size:15px;
	color:#195092;
	margin-top:15px;
}

.top_txt {
	font-size:13px;
	padding:10px 3%;
}
#main .block .box .flow .img01 {
	position:static;
}

#main .block .box .flow dd .no07 {
	background:none;
}

#spNavi {
	display:block;
}

#spNavi {
	position:absolute;
	top:0;
	left:0;
	display:none;
	width:100%;
	background:#FFF;
	z-index:4000;
}
#spNavi li {
	text-align:center;
}
#spNavi li a {
	padding:10px 0;
	border-bottom:1px solid #000;
	display:block;
	text-decoration:none;
}
#footer .content {
	background-color: rgba(51,51,51,0.6);
	padding: 10px 0 7px 0;
	text-align: center;
	font-size: 13px;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	max-height: 100vh;
	overflow-y: scroll;
}
.spfooter {
}
.spfooter .form,
.spfooter .tel {
	letter-spacing: -.4em;
	text-align: center;
}
.spfooter .tel {
	margin-top: 10px;
}
.spfooter .form li {
	display: inline-block;
	letter-spacing: normal;
	margin: 0 3%;
	width: 40%;
	vertical-align: middle;
}
.spfooter .form li.mb20 {
	margin-bottom: 0;
}
.spfooter .tel li {
	letter-spacing: normal;
	display: inline-block;
	width: 15%;
	margin: 0 2%;
}
.spfooter .tel li img {
	max-width: 70px;
	width: 100%;
}

	/************************************************
spfooter_modal
************************************************ */
	#footer .content a {
		display: block;
	}
#spfooter_modal {
	display: none;
	width: 74vw;
	background: rgba(255, 255, 255, 0.8);
	margin: 30px auto;
	padding: 40px 0;
	box-sizing: border-box;
	position: relative;
}
#spfooter_modal > .modal_close {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 40px;
	color: #333;
	line-height: 1;
}
#spfooter_modal .modal_tel_list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 185px;
	/*	max-width: 85%;*/
	margin: 0 auto;
	color: #144da1;
}
#spfooter_modal .modal_tel_list dt {
	width: 32px;
	margin-top: 10px
}
#spfooter_modal .modal_tel_list dt span {
	font-size: 10px !important;
	font-weight: 600 !important;
	-webkit-text-stroke: 0.3px #144da1; /* 視認性が悪いのでさらに太く */
}
#spfooter_modal .modal_tel_list dd {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: calc(100% - 34px);
	font-size: 22px;
	font-weight: 600;
	margin-top: 10px;
	letter-spacing: 0.01em;
}
#spfooter_modal .modal_tel_list dd a {
	text-decoration: none;
	color: inherit;
	font-size: 18px;
}
#spfooter_modal .modal_tel_list > dt:not(:first-of-type),
#spfooter_modal .modal_tel_list > dd:not(:first-of-type) {
	margin-top: 30px;
}
#ignition_modal_btn {
	position: relative;
}
#ignition_modal_btn.active::after {
	content: '';
	position: absolute;
	bottom: -31px;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10px 17.3px 10px;
	border-color: transparent transparent rgba(0, 0, 0, 0.2) transparent;
}
}

@media screen and (max-width: 640px) {
	.price, .price2 {
		font-size: 13px;
	}
}

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

.spfooter {
	width: 100%;
}
.spfooter ul.form {
	width: 100%;
	margin: 0;
}
.spfooter ul.tel {
	width: 100%;
	margin: 0;
}
}
#pankuzu{
font-size:12px;
color:#999;
padding-bottom: 0.3em;
}