@media only screen and (max-width: 769px) {
/* 共通 */

html {
	font-size:4vw;
}

body {
	min-height: 100vh;
	min-width: 100%;
}

.wrap {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	max-width: 100%;
	width: 96%;
}

.sp_off {
	display: none !important;
}


/* sec1 */
#sec1 {
	text-align:center;
}
#sec1 img {
	width: 100%;
}


/* sec2 */
#sec2 {
	padding: 25px 0 0 0;
	background-color: #B9CFD4;
}
#sec2 h2 {
	text-align: center;
	position: sticky;
}
#sec2 figure {
	text-align: center;
}

/* sec3 */
#sec3 {
	padding: 25px 0 0 0;
	background-color: #F0F0F0;
}
#sec3 .wrap {
	border: 4px solid #00A0FF;
	border-bottom: 0;
	padding: 25px;
	background-color: #FFF;
}
#sec3 .arrow {
	text-align: center;
	margin-bottom: 25px;
}
#sec3 .arrow img {
	width: 50%;
}
#sec3 h3 {
	font-size: 1.25rem;
	text-align: center;
	line-height: 1.5;
	margin-bottom: 25px;
}
#sec3 h3 b {
	color: #9b4422;
	font-size: 1.25rem;
}
#sec3 .text {
	text-align: center;
	line-height: 1.5;
	margin-bottom: 25px;
}
#sec3 .text2 {
	color: #9b4422;
	font-size: 1.25rem;
	line-height: 1.5;
	text-align: center;
}

/* sec4 */
#sec4 {
	background-color: #F0F0F0;
}
#sec4 .wrap {
	border-left: 4px solid #00A0FF;
	border-right: 4px solid #00A0FF;
	padding: 25px;
	background-color: #FFF;
}
#sec4 h2 {
	text-align: center;
}
#sec4 h2 img {
	width: 100%;
}
#sec4 h2.wrap {
	padding: 0;
	border: 0;
}
#sec4 .text1 {
	color: #df0000;
	line-height: 2;
	text-align: center;
	margin-bottom: 25px;
}
#sec4 .text2 {
	line-height: 1.5;
	text-align: center;
	margin-bottom: 25px;
}
#sec4 .text2 b {
	color: #0064ff;
}
#sec4 .text3 {
	line-height: 1.5;
	text-align: center;
	font-size: 1.25rem;
}


/* popup_group-planning */
#popup_group-planning .group {
	display: block !important;
}



/* sec5 */
#sec5 {
	background-color: #F0F0F0;
}
#sec5 .wrap {
	border-left: 4px solid #00A0FF;
	border-right: 4px solid #00A0FF;
	padding: 25px;
	background-color: #FFF;
}
#sec5 h2 {
	text-align: center;
}
#sec5 h2 img {
	width: 100%;
}
#sec5 h2.wrap {
	padding: 0;
	border: 0;
}
#sec5 .image {
	text-align: center;
	margin-bottom: 25px;
}
#sec5 .image img {
	width: 80%;
}
#sec5 .text {
	line-height: 1.5;
}

/* sec6 */
#sec6 {
	background-color: #F0F0F0;
}
#sec6 .wrap {
	border-left: 4px solid #00A0FF;
	border-right: 4px solid #00A0FF;
	padding: 25px;
	background-color: #FFF;
}
#sec6 h2 {
	text-align: center;
}
#sec6 h2 img {
	width: 100%;
}
#sec6 h2.wrap {
	padding: 0;
	border: 0;
}
#sec6 .box1 {
	margin-bottom: 25px;
}
#sec6 .image {
	text-align: center;
	margin-bottom: 25px;
}
#sec6 .image img {
	width: 80%;
}
#sec6 .text {
	line-height: 1.5;
}
#sec6 .box2 {
	margin-bottom: 25px;
	text-align: center;
}
#sec6 .box2 img {
	width: 100%;
}
#sec6 .box3 {
	margin-bottom: 25px;
}
#sec6 .box3 .left {
	margin-bottom: 25px;
}
#sec6 .box3 .right {
}
#sec6 .box3 li figure {
	text-align: center;
	margin-bottom: 25px;
}
#sec6 .box3 li figure img {
	width: 80%;
}
#sec6 .box3 li h4 {
	text-align: center;
	margin-bottom: 25px;
	font-weight: 600;
	font-size: 1.25rem;
}
#sec6 .box3 li p {
	line-height: 1.5;
}
#sec6 .box4 {
	margin-bottom: 25px;
	text-align: center;
}
#sec6 .box5 {
	margin-bottom: 25px;
}
#sec6 .box5 .left {
	border: 5px solid #00A0FF;
	color: #00A0FF;
	font-weight: 600;
	line-height: 1.5;
	padding: 10px;
	font-size: 1.25rem;
}
#sec6 .box5 .arrow {
	padding: 10px 0;
	text-align: center;
}
#sec6 .box5 .right {
	background-color: #00A0FF;
	color: #FFF;
	font-weight: 600;
	line-height: 1.5;
	padding: 10px;
	font-size: 1.25rem;
}
#sec6 .box6 {
	text-align: center;
	margin-bottom: 25px;
}
#sec6 .box7 {
	margin-bottom: 25px;
}
#sec6 .box7 h3 {
	font-size: 1.25rem;
	font-weight: 600;
	color: #FE2E2E;
	margin-bottom: 25px;
}
#sec6 .box7 p {
	line-height: 1.5;
}
#sec6 .box8 h3 {
	font-size: 1.25rem;
	font-weight: 600;
	color: #FE2E2E;
	margin-bottom: 25px;
}
#sec6 .box8 .image {
	margin-bottom: 25px;
}
#sec6 .box8 .image img {
	width: 80%;
}
#sec6 .box8 .text2 {
	line-height: 1.5;
}


/* sec7 */
#sec7 {
	background-color: #F0F0F0;
}
#sec7 .wrap {
	border-left: 4px solid #00A0FF;
	border-right: 4px solid #00A0FF;
	padding: 25px;
	background-color: #FFF;
}
#sec7 h2 {
	text-align: center;
}
#sec7 h2 img {
	width: 100%;
}
#sec7 h2.wrap {
	padding: 0;
	border: 0;
}
#sec7 .text1 {
	line-height: 1.5;
	margin-bottom: 25px;
}
#sec7 .text2 {
	line-height: 1.5;
}
#sec7 .list {
	margin-bottom: 25px;
}
#sec7 .list li {
	margin-bottom: 25px;
	padding: 1% 0 1% 10%;
	background-image: url('../images/sec7b.png');
	background-position: center left;
	background-repeat: no-repeat;
	background-size: 5%;
}
#sec7 .list li:last-child {
	margin-bottom: 0;
}

/* sec8 */
#sec8 {
	background-color: #F0F0F0;
}
#sec8 .wrap {
	border-left: 4px solid #00A0FF;
	border-right: 4px solid #00A0FF;
	padding: 25px;
	background-color: #FFF;
}
#sec8 h2 {
	text-align: center;
}
#sec8 h2 img {
	width: 100%;
}
#sec8 h2.wrap {
	padding: 0;
	border: 0;
}
#sec8 .text1 {
	line-height: 1.5;
	margin-bottom: 25px;
}
#sec8 .image1 {
	margin-bottom: 25px;
	text-align: center;
}
#sec8 .image2 {
	margin-bottom: 25px;
	text-align: center;
}
#sec8 h3 {
	margin-bottom: 25px;
}
#sec8 .box figure {
	margin-bottom: 25px;
	text-align: center;
}
#sec8 .box figure img {
	width: 80%;
}
#sec8 .box p {
	line-height: 1.5;
}

/* sec9 */
#sec9 {
	background-color: #F0F0F0;
}
#sec9 .wrap {
	border-left: 4px solid #00A0FF;
	border-right: 4px solid #00A0FF;
	padding: 25px;
	background-color: #FFF;
}
#sec9 h2 {
	text-align: center;
}
#sec9 h2 img {
	width: 100%;
}
#sec9 h2.wrap {
	padding: 0;
	border: 0;
}
#sec9 .index {
	margin-bottom: 25px;
}
#sec9 .index li {
	margin-bottom: 25px;
	line-height: 1.5;
	font-size: 0.6rem;
}
#sec9 .index li:nth-child(1) {
}
#sec9 .index li.left {
}
#sec9 .index li.right {
}
#sec9 .image {
	text-align: center;
}

/* sec10 */
#sec10 {
	background-color: #F0F0F0;
}
#sec10 .wrap {
	border-left: 4px solid #00A0FF;
	border-right: 4px solid #00A0FF;
	padding: 25px;
	background-color: #FFF;
}
#sec10 h2 {
	text-align: center;
}
#sec10 h2 img {
	width: 100%;
}
#sec10 h2.wrap {
	padding: 0;
	border: 0;
}
#sec10 .box1 li {
	margin-bottom: 25px;
}
#sec10 .box1 li:last-child {
	margin-bottom: 0;
}
#sec10 .box1 li h3 {
	margin-bottom: 25px;
}
#sec10 .box1 li .text {
	padding: 10px;
	background-color: #EDF3F9;
	line-height: 1.5;
}

/* sec11 */
#sec11 {
	background-color: #F0F0F0;
}
#sec11 .wrap {
	border-left: 4px solid #00A0FF;
	border-right: 4px solid #00A0FF;
	padding: 25px;
	background-color: #FFF;
}
#sec11 h2 {
	text-align: center;
}
#sec11 h2 img {
	width: 100%;
}
#sec11 h2.wrap {
	padding: 0;
	border: 0;
}
#sec11 .text {
	line-height: 1.5;
	margin-bottom: 25px;
	font-size: 1.25;
	text-align: center;
}

/* sec12 */
#sec12 {
	background-color: #F0F0F0;
}
#sec12 .wrap {
	border-left: 4px solid #00A0FF;
	border-right: 4px solid #00A0FF;
	padding: 25px;
	background-color: #FFF;
}
#sec12 h2 {
	text-align: center;
}
#sec12 h2 img {
	width: 100%;
}
#sec12 h2.wrap {
	padding: 0;
	border: 0;
}
#sec12 .image {
	text-align: center;
	margin-bottom: 25px;
}
#sec12 .text {
	text-align: center;
	line-height: 1.5;
}

/* sec13 */
#sec13 {
	background-color: #F0F0F0;
}
#sec13 .wrap {
	border-left: 4px solid #00A0FF;
	border-right: 4px solid #00A0FF;
	padding: 25px;
	background-color: #FFF;
}
#sec13 h2 {
	text-align: center;
}
#sec13 h2 img {
	width: 100%;
}
#sec13 h2.wrap {
	padding: 0;
	border: 0;
}
#sec13 .faq li {
	margin-bottom: 25px;
}
#sec13 .faq li:last-child {
	margin-bottom: 0;
}
#sec13 .faq h3 {
	margin-bottom: 25px;
	font-size: 1.25rem;
}
#sec13 .faq h3 .left {
	width: 18.5%;
	float: left;
	padding: 5px;
	font-weight: 900;
	background-color: #005AFF;
	color: #FFF;
	text-align: center;
}
#sec13 .faq h3 .right {
	width: 81%;
	float: right;
	padding: 5px;
	font-weight: 900;
	color: #005AFF;
}
#sec13 .faq .ans {
	padding: 25px;
	background-color: #EDF3F9;
	line-height: 1.5;
}

/* sec14 */
#sec14 {
	background-color: #F0F0F0;
}
#sec14 .wrap {
	border-left: 4px solid #00A0FF;
	border-right: 4px solid #00A0FF;
	padding: 25px;
	background-color: #FFF;
}
#sec14 h2 {
	text-align: center;
}
#sec14 h2 img {
	width: 100%;
}
#sec14 h2.wrap {
	padding: 0;
	border: 0;
}
#sec14 .text {
	background-image: url('../images/sec14b.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	line-height: 1.5;
	padding: 10px;
	text-align: center;
}

/* sec15 */
#sec15 {
	background-color: #F0F0F0;
	padding-bottom: 25px;
}
#sec15 .wrap {
	border-left: 4px solid #00A0FF;
	border-right: 4px solid #00A0FF;
	border-bottom: 4px solid #00A0FF;
	padding: 25px;
	background-color: #FFF;
}
#sec15 h2 {
	text-align: center;
}
#sec15 h2 img {
	width: 100%;
}
#sec15 h2.wrap {
	padding: 0;
	border: 0;
}
#sec15 .text1 {
	line-height: 2;
	text-align: center;
	margin-bottom: 25px;
}
#sec15 .text2 {
	line-height: 1.5;
	text-align: left;
	margin-bottom: 25px;
	padding: 10px;
	border: 2px solid #D3D3D3;
}
#sec15 .image1 {
	text-align: center;
	margin-bottom: 25px;
}
#sec15 h3 {
	font-size: 1.65rem;
	text-align: justify;
	margin-bottom: 25px;
	color: #FFF;
	font-weight: 600;
	padding: 10px 0;
	background-color: #FF2500;
	letter-spacing: -1px;
}

#sec15 .box li {
	border: 2px solid #00A0FF;
	margin-bottom: 25px;
}
#sec15 .box li:last-child {
	margin-right: 0;
}
#sec15 .box li h4 {
	background-color: #00A0FF;
	padding: 10px;
	color: #FFF;
}
#sec15 .box li h4 b {
	padding: 5px;
	background-color: #FF6600;
	display: inline-block;
	margin-bottom: 10px;

}
#sec15 .box li .inbox{
	padding: 10px;
	background-color: #F4F4F4;
}
#sec15 .box li .info {
	margin-bottom: 25px;
	line-height: 2;
	font-size: 0.6rem;
}
#sec15 .box li .plan {
	padding: 5px;
	background-color: #FF2500;
	color: #FFF;
	margin-bottom: 10px;
	display: inline-block;
	font-size: 0.8rem;
}
#sec15 .box li .price {
	color: #FF2500;
	font-weight: 600;
	font-size: 1.5rem;
	letter-spacing: -0.05em;
	margin-bottom: 10px;
}
#sec15 .box li .price b {
	font-size: 2.5rem;
	font-weight: 600;
}
#sec15 .box li .notice {
	padding: 5px;
	border: 1px solid #FF2500;
	line-height: 2;
	font-size: 0.6rem;
	background-color: #FFF;
	margin-bottom: 25px;
}
#sec15 .box li .btn {
	display: block;
	text-align: center;
}

/* お客様の声 */
#sec16 {
	background-color: #F0F0F0;
}
#sec16 .wrap {
	border-left: 4px solid #00A0FF;
	border-right: 4px solid #00A0FF;
	padding: 25px;
	background-color: #FFF;
}
#sec16 h2 {
	text-align: center;
}
#sec16 h2 img {
	width: 100%;
}
#sec16 h2.wrap {
	padding: 0;
	border: 0;
}
#sec16 .box li {
	margin-bottom: 25px;
}
#sec16 .box li:last-child {
	margin-bottom: 0;
}
#sec16 .box li h3 {
	font-size: 1.25rem;
	font-weight: 600;
	color: #0045ff;
	margin-bottom: 25px;
}
#sec16 .box li h4 {
	margin-bottom: 25px;
}
#sec16 .box li p {
	line-height: 1.5;
	padding: 25px;
	background-color: #F0F2F4;
}
}