@charset "utf-8";
/* CSS Document */
html{
	font-size:3.8vmin;
}


body{
	overflow-x: hidden;
	max-width:100%;
	line-height:1.5;
	font-family: 'Noto Sans JP', sans-serif;
}



img{
	width:100%;
}
.inner{
	padding:0 5%;
}

p{
	word-break:keep-all;
}





.headline_wrap{
	text-align:center;
	margin-bottom:3rem;
}
.headline_wrap h2{
	padding-bottom: 1.5rem;
	font-size: 1.8rem;
	text-align: center;
	background-image: linear-gradient(90deg, #ffffff 0%, #ffffff 40%, #00B900 40%, #00B900 60%, #ffffff 60%, #ffffff 100%);
	background-size: 100% 5px;
	background-repeat: no-repeat;
	background-position: center bottom;
	display:inline-block;
		font-weight:700;

}


header img{
	width:50%;
	padding:0.5rem 0;
}

.mv{
	background:#ffffff;
	padding:1rem 5% 3rem;
	overflow:hidden;
}

.mv_main_copy{
	font-size:1.1rem;
	font-weight:500;
	line-height:1.6;
	white-space:pre-wrap;
	margin-bottom:0.2rem;
}

.mv_main_copy2{
	font-size:1.4rem;
	font-weight:700;
	line-height:1.6;
	white-space:pre-wrap;
	margin-bottom:0.2rem;
}

.mv_main{
	font-size:2rem;
	font-weight:900;
	margin-bottom:0.3rem;
	color:#00B900;

}
.mv_copy2{
	margin-bottom:0.5rem;
	font-size:1.1rem;
}
.mv_inner .mb2{
	margin-bottom:2rem;
}


.mv_bar{
	background:#0096df;
	color:#ffffff;
	text-align:center;
	font-size:1.3rem;
	font-weight:500;
	padding:1rem 0;
}
.mv_image{
	text-align:center;
	margin-bottom:1rem;
}
.mv_image img{
	width:80%;
}
.mv_box{
	display:flex;
	flex-wrap:wrap;
	flex-direction: column-reverse;
}

.mv_btn{
	margin-bottom:2rem;
}
.mv_btn img{
	width:100%;
}

.sec1 ul{
	display:flex;
	justify-content:left;
	flex-wrap:wrap;
}
.sec1 li{
	width:50%;
	text-align:center;
	font-size:0.8rem;
	padding:0.2rem;
	box-sizing:border-box;
}


.sec1 li span{
	font-size:0.9rem;
	display:block;
	margin-bottom:1.5rem;
}
.sec1 li img{
	width:100%;
	margin-bottom:0.5rem;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
}

h2.balloon_title{
	margin-bottom:3rem;
	text-align:center;
}
h2.balloon_title img{
	width:50%;
}
.bl {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 1rem 0;
  width: 100%;
  color: #000;
  font-size: 16px;
  background: #FFF;
  border: solid 3px #000;
  box-sizing: border-box;
  border-radius:10px;
}

.bl:before {
  content: "";
  position: absolute;
  top: -24px;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-bottom: 12px solid #FFF;
  z-index: 2;
}

.bl:after {
  content: "";
  position: absolute;
  top: -30px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-bottom: 14px solid #000;
  z-index: 1;
}

.bl p {
  font-size:1.2rem;
	white-space:pre-wrap;
	font-weight:700;
}
.sec2 .worry_item{
	background:#f4f8ff;
	border:3px solid #dae7ff;
	border-radius:10px;
	text-align:center;
	position:relative;
	font-weight:700;
	margin-bottom:3rem;
	padding-bottom:2rem;
	
}
.sec2 .worry_item h3.worry_head{
	background:#293241;
	color:#fff000;
	font-size:1.3rem;
	width:5rem;
	height:5rem;
	border-radius:100%;
	line-height:5rem;
	display:inline-block;
	text-align:center;
	margin-top:-2.5rem;
	margin-bottom:1rem;
	font-weight:700;
}
.sec2 .w_st1 img{
	width:25%;
}
.sec2 .w_st2 img{
	width:25%;
}
.arrow img{
	width:6%;
}
.worry_text{
	font-size:1.2rem;
	white-space:pre-wrap;
	line-height:1.5;
	margin-bottom:0.5rem;
}
.arrow{
	padding:0.5rem 0 0;
}




.yerrow_bar{
	border-radius:50px;
	border:3px solid #000000;
	text-align:center;
	padding:0.5rem 0;
	background:#fff000;
	font-size:1.3rem;
	font-weight:700;
	word-break:keep-all;
	margin:0 5% 1rem;
}
.yellow_bar_under{
	text-align:center;
	font-size:1.2rem;
	margin-bottom:3rem;
	font-weight:500;
}



.sec3 h2{
	margin-bottom:3rem;
}



.sec3 .acomplain{
	background:#f8f7f3;
	padding:1rem 5%;
}
.sec3 .acomplain figure{
	text-align:center;
}
.sec3 .acomplain img{
	width:80%;
}


.sec4 .green_bar{
	text-align:center;
	padding:1rem;
	font-size:1.2rem;
	color:#ffffff;
	background:#00B900;
	font-weight:700;
	margin-bottom:3rem;
	word-break:keep-all;
}
.sec4 figure{
	text-align:center;
	margin-bottom:1rem;
}
.sec4 img.w50{
	width:80%;
}
.sec4 img.w60{
	width:80%;
}



.balloon{
  position: relative;
  display: inline-block;
  padding: 1rem 3rem;
  width: 100%;
  color: #000;
  font-size: 1.2rem;
  font-weight:700;
  background: #FFF;
  border: solid 4px #00B900;
  box-sizing: border-box;
  border-radius:20px;
  text-align:center;
  margin-bottom:3rem;
}

.balloon:before {
  content: "";
  position: absolute;
  bottom: -27px;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #FFF;
  z-index: 2;
}

.balloon:after {
  content: "";
  position: absolute;
  bottom: -34px;
  left: 50%;
  margin-left: -17px;
  border: 17px solid transparent;
  border-top: 17px solid #00B900;
  z-index: 1;
}

.balloon p {
  margin: 0;
  padding: 0;
}


.sec5_item{
	border-bottom:1px solid #eee;
	padding-bottom:2rem;
	margin-bottom:2rem;
}
.sec5_item:last-child{
	border-bottom:none;
}
.sec5_item figure{
	text-align:center;
	margin-bottom:1rem;
}
.sec5_item figure img{
	width:30%;
}

.sec5_item_text{
	text-align:center;
}
.sec5_item_para1{
	font-size:1rem;
	margin-bottom:0.5rem;
	font-weight:500;
}

.sec5_item_para2{
	font-size:1.5rem;
	font-weight:700;
	line-height:1.2;
	
}




.form{
	background:#f4f8ff;
	padding:3rem 0 5rem;
}
.form_inner{
	padding:0 5%;
	margin-bottom:1rem;
	
}
.form h2{
	margin-bottom:2rem;
}
.form h2 img{
	width:80%;
}

.form_copy{
	font-size:1.1rem;
	line-height:1.5;
	margin-bottom:2rem;
	font-weight:500;
	margin-bottom:1rem;
	word-break:normal;
	text-align:justify;
}
.auther{
	display:block;
	text-align:right;
	margin-bottom:3rem;
}
.form_inner figure{
	text-align:center;
	
}
.form_inner figure img{
	width:80%;
}
.form_btn{
	text-align:center;
	padding:0 5%;
	margin-bottom:0.5rem;
}
.form_btn a{
	display:inline-block;
	background:#00B900;
	padding:1.5rem 6rem;
	border-radius:50px;
	margin-bottom:0.5rem;
	color:#ffffff;

}
.btn_aside{
	text-align:center;
}
.btn_aside a{
	color:#000000;
	text-decoration:underline;
}



.sec6 .inner{
	padding:0;
	margin:0 5% 2rem;
	border:3px solid #e41178;
	text-align:center;
	font-weight:700;
}
.sec6 .inner h2{
	background:#e41178;
	color:#ffffff;
	font-size:1.5rem;
	word-break:keep-all;
	font-weight:700;
	
	padding:0.5rem 0;
	margin-bottom:1rem;
}

.sec6_type_effect1{
	font-size:1.2rem;
	line-height:1.8;
	color:#293241;
}
.sec6_type_effect2{
	font-size:1.5rem;
	line-height:1.8;
	margin-bottom:1.5rem;
	color:#293241;
	font-weight:900;
}



.sec7 .point_box{
	margin-bottom:4rem;
}
.sec7 h3{
	text-align:center;
	margin-bottom:1rem;
}
.sec7 h3 img{
	width:25%;
}
.sec7 h4{
	box-shadow: 3px 3px;
	border:3px solid #000000;
	padding:0.5rem 0;
	text-align:center;
	font-size:1.3rem;
	margin-bottom:1rem;
}
.point_box{
	margin:0 5%;
}
.point_box figure{
	text-align:center;
	margin:1rem;
}
.point_box figure img{
	width:25%;
}
.point_box p{
	font-size:1rem;
	word-break:keep-all;
	margin-bottom:1rem;
}
.voice_box{
	margin-bottom:3rem;
}
.voice_box h3{
	text-align:center;
	font-size:1.2rem;
	font-weight:700;
	background:#00B900;
	color:#ffffff;
	padding:0.5rem 0;
}
	
.voice_box .headline{
	border-bottom:2px dotted #cccccc;
	padding:2rem 0 1rem;
}
.voice_box .headline figure{
	text-align:center;
	margin-bottom:1rem;
}

.voice_box .headline figure img{
	width:80%;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
}

.voice_box .headline p{
	text-align:center;
	font-size:1.2rem;
	font-weight:700;
	word-break:keep-all;
	padding: 0 1rem;
}

.voice_box_text{
	padding:1rem 0;
}

.voice_box_text p{
	margin-bottom:1rem;
	font-size:1rem;
	white-space:normal;
	word-break:normal;
	text-align:justify;
}
.sec9 h2{
	text-align:center;
	margin-bottom:5rem;
}
.sec9 h2 img{
	width:60%;
}
.sec9 dt{
	border-top:1px solid #e41178;
	border-bottom:1px solid #e41178;
	color:#e41178;
	font-size:1rem;
	padding:0.5rem 0;
	margin-bottom:1rem;
	padding-left:1.5rem;
	text-indent:-0.7rem;


}
.sec9 dt span{
	display:inline-block;
	margin-right:0.5rem;
}
.sec9 dd{
	padding:0 ;
	margin-bottom:3rem;
	font-size:1rem;
	
}
.sec9 dd p{
	white-space:pre-wrap;
}

.plans{
}
.plan{
	width:100%;
	margin-bottom:3rem;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
}
.plan h3{
	background:#283140;
	color:#fff000;
	font-size:1.3rem;
	font-weight:700;
	padding:0.5rem 1rem;
	position:relative;
}
.plan h3 .plan_icon{
	position:absolute;
	right:0;
	top:-1.2rem;
}
.plan h3 .plan_icon img{
	width:80%;
}

.plan h3 .plan_caut{
	position:absolute;
	right:1rem;
	top:0.5rem;
	font-size:0.8rem;
	font-weight:500;
	line-height:1.5;
}
.plan_content{
	background:#f4f8ff;
	padding:2rem 5%;
}
.plan_content .price{
	font-size:1.8rem;
	font-weight:700;
	color:#00B900;
	text-align:center;
	margin-bottom:3rem;
	position:relative;
}
	
.plan_content .price span.month{
	font-size:1.5rem;
}
.plan_content .price span.minimum{
	position:absolute;
	right:1rem;
	bottom:-1.5rem;
	font-size:1rem;
	color:#000000;
	font-weight:500;
}
.plan_content li{
	list-style:outside disc;
	margin-left:2rem;
	margin-bottom:0.3rem;
	font-size:1rem;
}
	
.plan_text{
	padding:0;
	font-size:1rem;
	white-space:pre-wrap;
}	
	

.marker {
  background-image: linear-gradient(rgba(0 0 0 / 0) 70%, #fff000 70%);
  margin-right:0.5rem;	
}
.circ_mark {
  text-emphasis: filled #f55000;
  -webkit-text-emphasis: filled #f55000;
}
.emphasis{
	font-weight:700;
	
}
.orange{
	color:#e41178;
}
.white{
	color:#ffffff;
}


.yellow{
	color:#fffc00;
}
.green{
	color:#00c2bb;
}
.pink{
	color:ff0066;
}
.light_blue{
	color:#00a2ff;
}
.small{
	font-size:0.9rem;
	color:#666;
}


.big{
	font-size:1.5rem;
	font-weight:500;
}
.mid{
	font-size:1.5rem;
}
.center{
	text-align:center;
}
.serif{
	font-family: 'Noto Serif JP', serif;
}

.pre{
	white-space:pre-wrap;
}
.main_paragraph{
	font-weight:500;
	font-size:1rem;
	margin-bottom:1rem;
	line-height:2;
	word-break:keep-all;
}

.mb1{
margin-bottom:0.5rem;
}
.mb2{
margin-bottom:1rem;
}
.mb3{
margin-bottom:2rem;
}

.mb5{
margin-bottom:3rem;
}

.mb8{
margin-bottom:5rem;
}
.pd1{
padding:1rem 0;
}

.pd2{
padding:1rem 0;
}

.pd3{
padding:2rem 0;
}

.pd5{
padding:3rem 0;
}
.pd8{
padding:5rem 0;
}

.psz18{
	font-size:0.9rem;
}
.psz24{
	font-size:1.2rem;
}
.psz26{
	font-size:1.2rem;
}
.psz30{
	font-size:1.3rem;
}
.psz36{
	font-size:1.4rem;
}


footer{
	font-size:14px;
	text-align:center;
	background:#000000;
	color:#ffffff;
}
footer .transaction{
	padding:5px 0;
	background:#f4f4f4;
}
footer .transaction a{
	color:#000000;
}

.contact_sp{
	position:fixed;
	bottom:0;
	text-align:center;
}
.contact_sp img{
	width:100%;
}
.contact_sp_brah img{
	width:100%;
}
.contact_pc{
	display:none;
}