@charset "utf-8";
/* CSS Document */

body{
	font-size:16px;
	line-height:1.8;
	font-family: 'Noto Sans JP', sans-serif;
	
}

.inner{
	width:960px;
	margin:0 auto;
}


.headline_wrap{
	text-align:center;
	margin-bottom:5rem;
}
.headline_wrap h2{
	padding-bottom: 1.5rem;
	font-size: 2.25rem;
	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;

}


.spbr{
	display:none;
}

header .inner{
	padding:1rem;
}
.mv{
	background:#ffffff url(../images/mv_bg.png) left center no-repeat;
	padding:1% 0 5%;
	position:relative;
	overflow:hidden;
	min-width:960px;
}

.mv_inner{
	width:960px;
	margin:0 auto;
	background:rgba(255,255,255,0.8);
}
.mv_text_area{
	width:490px;
}

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

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

}
.mv_copy2{
	font-size:1.1rem;
	margin-bottom:1rem;
	font-weight:500;
	line-height:1.6;
}

.mv_image{
	position:absolute;
	top: 8%;
    left: 53%;
    
}

.mv_bar{
	background:#0096df;
	color:#ffffff;
	text-align:center;
	font-size:2rem;
	font-weight:500;
	padding:1rem 0;
}

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


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


h2.balloon_title{
	display:flex;
	justify-content:space-between;
	margin-bottom:8rem;
}

.bl {
  position: relative;
  display: inline-block;
  width: 70%;
  height:200px;
  margin:1rem 0;
  border-radius:10px;
  background: #FFF;
  border: solid 5px #000000;
  box-sizing: border-box;
  padding:30px 50px;
}

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

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

.bl p {
	font-size:2.25rem;
	white-space:pre-wrap;
	font-weight:700;
	
}




.sec2 .worry_item{
	background:#f4f8ff;
	border:5px solid #dae7ff;
	border-radius:10px;
	text-align:center;
	position:relative;
	font-weight:700;
	margin-bottom:5rem;
	padding-bottom:2rem;
	
}
.sec2 .worry_item h3.worry_head{
	background:#293241;
	color:#fff000;
	font-size:2.25rem;
	width:100px;
	height:100px;
	border-radius:100%;
	line-height:98px;
	display:inline-block;
	text-align:center;
	margin-top:-3.5rem;
	margin-bottom:1rem;
	font-weight:900;
}

.worry_text{
	font-size:1.625rem;
	white-space:pre-wrap;
	line-height:1.5;
	margin-bottom:2rem;
}
.arrow{
	padding:1rem 0;
}




.yerrow_bar{
	width:960px;
	margin:0 auto;
	border-radius:50px;
	border:5px solid #000000;
	text-align:center;
	padding:1rem 0;
	background:#fff000;
	font-size:2rem;
	font-weight:700;
	margin-bottom:2rem;
}
.yellow_bar_under{
	text-align:center;
	font-size:1.5rem;
	margin-bottom:8rem;
	font-weight:500;
}



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



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


.sec4 .green_bar{
	text-align:center;
	padding:1rem;
	font-size:2.25rem;
	color:#ffffff;
	background:#1f9a9a;
	font-weight:700;
	white-space:pre-wrap;
	margin-bottom:3rem;
}
.sec4 figure{
	text-align:center;
	margin-bottom:3rem;
}
.sec4 img.w50{
	width:450px;
}
.sec4 img.w60{
	width:600px;
}



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

.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{
	display:flex;
	width:80%;
	margin:0 10% 3rem;
	border-bottom:1px solid #eee;
	padding-bottom:3rem;
}
.sec5_item:last-child{
	border-bottom:none;
}
.sec5_item figure{
	padding:0.5rem 0;
}

.sec5_item_text{
	padding:0 3rem;
}
.sec5_item_para1{
	font-size:1.8rem;
	margin-bottom:0.5rem;
	font-weight:500;
}

.sec5_item_para2{
	font-size:2.6rem;
	font-weight:700;
	line-height:1.2;
	white-space:pre-wrap;
	
}




.form{
	background:#f4f8ff;
	padding:8rem 0;
}
.form_inner{
	width:960px;
	margin:0 auto;
	display:flex;
	margin-bottom:5rem;
	justify-content:space-between;
	flex-wrap:wrap;
	
}
.form h2{
	margin-bottom:2rem;
}


.form_copy{
	font-size:1.2rem;
	line-height:1.5;
	margin-bottom:2rem;
	font-weight:500;
	width:420px;
	text-align:justify;
	margin-bottom:1rem;
}
.auther{
	display:block;
	text-align:right;
}
.form_btn{
	text-align:center;
}
.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{
	border:5px solid #e41178;
	text-align:center;
	font-weight:700;
	
}
.sec6 .inner h2{
	background:#e41178;
	color:#ffffff;
	font-size:2.25rem;
	
	padding:0.5rem 0;
	margin-bottom:3rem;
}

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

.sec7 .inner{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.sec7 .point_box{
	width:45%;
	margin-bottom:3rem;
}
.sec7 h3{
	text-align:center;
	margin-bottom:1rem;
}
.sec7 h4{
	box-shadow: 3px 3px;
	border:3px solid #000000;
	padding:0.5 1rem;
	text-align:center;
	font-size:1.8rem;
	margin-bottom:2rem;
}
.point_box figure{
	text-align:center;
	margin:1rem;
}
.point_box figure img{
	width:100px;
}
.point_box p{
	font-size:1.2rem;
	word-break:keep-all;
	margin-bottom:1rem;
}
.voice_box{
	margin-bottom:5rem;
}
.voice_box h3{
	text-align:center;
	font-size:1.5rem;
	font-weight:700;
	background:#00B900;
	color:#ffffff;
	padding:1rem 0;
}
	
.voice_box .headline{
	display:flex;
	align-items:center;
	border-bottom:2px dotted #cccccc;
	padding:2rem 0;
}
.voice_box .headline figure{
	width:50%;
	text-align:center;
}

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

.voice_box .headline p{
	width:50%;
	text-align:center;
	white-space:pre-wrap;
	font-size:2.25rem;
	font-weight:700;
}

.voice_box_text{
	padding:2rem 2%;
}

.voice_box_text p{
	margin-bottom:1rem;
	white-space:pre-wrap;
	font-size:1.2rem;
}
.sec9 h2{
	text-align:center;
	margin-bottom:5rem;
}
.sec9 dt{
	border-top:1px solid #e41178;
	border-bottom:1px solid #e41178;
	color:#e41178;
	font-size:1.5rem;
	padding:0.5rem 0;
	margin-bottom:2rem;


}
.sec9 dt span{
	display:inline-block;
	
	width:2rem;
}
.sec9 dd{
	padding:0 2rem;
	margin-bottom:4rem;
	font-size:1.2rem;
}
.sec9 dd p{
	white-space:pre-wrap;
}

.plans{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	
}
.plan{
	width:49%;
	margin-bottom:5rem;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
}
.plan h3{
	background:#283140;
	color:#fff000;
	font-size:1.5rem;
	font-weight:700;
	padding:1rem 2rem;
	position:relative;
}
.plan h3 .plan_icon{
	position:absolute;
	right:1rem;
	top:-0.8rem;
}

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

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

.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:#fff000;
}
.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;
}

.main_paragraph{
	font-weight:500;
	font-size:1.5rem;
	white-space:pre-wrap;
	margin-bottom:2rem;
	line-height:2;
	padding:0 1.5rem;
	
}

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

.mb5{
margin-bottom:5rem;
}

.mb8{
margin-bottom:8rem;
}
.mb12{
margin-bottom:12rem;
}
.pd1{
padding:1rem 0;
}

.pd2{
padding:2rem 0;
}

.pd3{
padding:3rem 0;
}

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

.psz18{
	font-size:1.125rem;
}
.psz24{
	font-size:1.5rem;
}
.psz26{
	font-size:1.625rem;
}
.psz30{
	font-size:1.875rem;
}
.psz36{
	font-size:2.25rem;
}