@charset "utf-8";
.huwa{
	animation-name: huwa;
}
.animation{
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-duration: 1.5s;
}
@keyframes huwa{
	0% {
    transform: translate(0, 0px);
	}
	100% {
    transform: translate(0, 20px);
	}
}
/* TOP
-------------------------------------------------------------------*/
.slick-initialized{
    opacity: 1
}

.mv{
	position:relative;
	background:#3D99E0;
	padding:0 0 100px 0;
}

.mv:after{
	content:"";
	height:358px;
	width:100%;
	position:absolute;
	left:0;
	top:0;
	background:url(../img/mv_bg.jpg) no-repeat center center;
	background-size:cover;
}

.mv h1{
	position:relative;
	z-index:2;
	padding:30px 0 0 0;
}

.area01{
	background:url(../img/area01_bg.jpg) no-repeat center center;
	background-size:cover;
}

.area01 h2{
	position:relative;
	z-index:2;
	top:-94px;
}

.area02{
	padding:40px 0;
	background:#CEF1FC;
}

.area03{
	padding:55px 0 95px 0;
}

.btn_area{
	position:relative;
	padding:37px 0 30px 0;
	background:#3D99E0;
}

.btn_area:after{
	content:"";
	height:400px;
	width:100%;
	position:absolute;
	left:0;
	top:0;
	background:#CEF1FC;
}

.btn_area h2{
	position:relative;
	z-index:2;
}

.area04{
	padding:110px 0 60px 0;
	background:#F4F1F0;
}

.area04 ul{
	padding:60px 0 0 0;
}

.area04 ul li{
	padding:20px 15px 20px 75px;
	background:url(../img/area04_ico.png) no-repeat 15px center;
	border-top:2px dotted #C1B392;
	color:#666666;
	font-size:24px;
	text-align:left;
	font-weight:bold;
	line-height:1.6em;
}

.area04 ul li:last-child{
	border-bottom:2px dotted #C1B392;
}

.area05{
	background:#F87770;
}

.area05 h2{
	padding:55px 0;
}

.area05 ul li{
	padding:20px 15px 20px 75px;
	background:url(../img/area05_ico.png) no-repeat left center;
	border-top:2px dotted #EFFF00;
	color:#fff;
	font-size:30px;
	text-align:left;
	font-weight:bold;
	line-height:1.6em;
}

.area05 ul li:last-child{
	border-bottom:2px dotted #EFFF00;
}

.area05 .arrow02{
	padding:10px 0 20px 0;
}

.area05 .box{
	background:#3D99E0;
}

.area05 .box h3{
	margin:0 0 -20px 0;
	padding:10px 0 0 0;
}

.area06{
	background:url(../img/area06_bg.jpg) no-repeat top center #D8F4FD;
	background-size:cover;
	padding:0 20px 125px 20px;
}

.area06 h2{
	padding:200px 0 100px 0;
}

.area06 .slider{
	max-width:1160px;
	margin:0 auto;
}

.area06 .slider li .num{
	text-align:left;
	padding:0 0 0 60px;
	margin-bottom:-5px;
}

.area06 .slider .box{
	background:#fff;
	border-radius:16px;
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);
	text-align:left;
	padding:65px 90px;
	display:flex;
	position:relative;
	align-items:center;
}

.area06 .slider li .photo{
	min-width:400px;
	padding:0 50px 0 0;
}

.area06 .slider li h3{
	font-size:27px;
	font-weight:bold;
	line-height:1.3em;
	color:#F87770;
	padding:0 0 30px 0;
}

.area06 .slider li h4{
	font-size:18px;
	font-weight:bold;
	line-height:1.4em;
}

.area06 .slider li dl dt{
	font-size:27px;
	font-weight:bold;
	line-height:1.4em;
	padding:10px 0;
}

.area06 .slider li dl dt span{
	font-size:20px;
}

.area06 .slider li dl dd{
	font-size:16px;
	font-weight:bold;
	line-height:1.6em;
	text-align:justify;
}

.area07{
	padding:100px 0 90px 0;
	background:#CEF1FC;
}

.area07 .txt{
	width:660px;
	margin:0 auto;
	font-size:20px;
	line-height:1.8em;
	text-align:justify;
	font-weight:bold;
	padding:55px 0 80px 0;
}

.area07 .txt span{
	background: linear-gradient(to top, #EFFF00 0% 60%, rgba(0,0,0,0) 60% 100%);
	font-size:24px;
	color:#F87770;
}

.area08{
	padding:100px 20px 0 20px;
}

.area08 .txt{
	width:660px;
	margin:0 auto;
	font-size:20px;
	line-height:1.8em;
	text-align:justify;
	font-weight:bold;
	padding:55px 0 80px 0;
}

.area08 .txt .sub01{
	font-size:24px;
	color:#F87770;
}

.area08 .txt .sub02{
	background: linear-gradient(to top, #FEE4E2 0% 60%, rgba(0,0,0,0) 60% 100%);
	font-size:24px;
}

.area09 .box{
	padding:220px 0 0 0;
	width:760px;
	margin:0 auto;
	position:relative;
	text-align:left;
}

.area09 .sub{
	padding:20px 0 70px 0;
	font-weight:bold;
	line-height:1.8em;
}

.area09 .photo{
	position:absolute;
	right:-160px;
	bottom:0;
}

.area09 .box02{
	background:#F7F4EC;
	text-align:left;
	font-weight:bold;
	border-radius: 8px;
	padding:0 0 90px 0;
}

.area09 .box02 h3{
	position:relative;
	top:-40px;
	width:780px;
	margin:0 auto -10px;
}

.area09 .box02 .box_in{
	width:700px;
	margin:0 auto;
}

.area09 .box02 .box_in ul li{
	font-size:18px;
	line-height:1.8em;
	color:#3D99E0;
}

.area09 .box02 .box_in ul li span{
	color:#EFFF00;
}

.area09 .box02 .box_in dl{
	padding:25px 0 0 0;
	font-size:18px;
}

.area09 .box02 .box_in dl dt{
	font-size:20px;
	text-align:center;
	width: 240px;
	line-height:40px;
	height: 40px;
	color:#3D99E0;
	border-radius: 0px 0px 8px 8px;
	background: linear-gradient(#efff00 0%, #ffd831 100%);
}

.area09 .box02 .box_in dl dd{
	padding:20px 0 0 0;
}

.faq{
	padding:80px 0;
}

.faq h2 {
  margin: 0 auto 20px;
  text-align: center;
	font-size:4.5rem;
	position: relative;
}

.faq .box{
	font-weight:bold;
}

.faq .box dl{
	padding:10px 0;
	text-align:left;
}

.faq .box dl dt{
	position: relative;
    margin: 0;
    padding: 20px 20px 20px 70px;
    background: #d9dbdd;
		border-radius: 10px;
}

.faq .box dl dt::before {
    font-size: 30px;
    line-height: 38px;
    position: absolute;
    top: 17px;
    left: 20px;
    display: block;
    content: 'Q';
    color: #0078d7;
		background: #fff;
		border-radius: 50%;
		padding:0px 8px;
}

.faq .box dl dd{
	font-size:18px;
	line-height:1.6em;
	padding:20px 110px 20px 70px;
	position:relative;
	text-align:justify;
}

.faq .box dl dd::before {
	font-size: 30px;
	line-height: 38px;
	position: absolute;
	top: 17px;
	left: 20px;
	display: block;
	content: 'A';
	color: #0078d7;
	background: #99cff9;
	border-radius: 50%;
	padding:0px 8px;
}

.movie h2{
	padding:0 0 40px 0;
}

.line_area{
	padding:120px 20px;
}

.line_area .box{
	max-width:1120px;
	margin:0 auto;
}

.line_area .box h2{
	height: 120px;
	line-height:120px;
	font-size:40px;
	color:#fff;
	background: #06c755;
	font-weight:bold;
	letter-spacing:0.1em;
	border-radius:16px 16px 0 0;
}

.line_area .box .box_in{
	border-radius:0 0 16px 16px;
	background: #e4f5fb;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
	padding:0 0 115px 0;
}

.line_area .box .box_in .txt{
	font-size:36px;
	font-weight:bold;
	padding:30px 0 40px 0;
	line-height:1.6em;
	color:#3D99E0;
}

.line_area .box .box_in ul{
	display:flex;
	justify-content:center;
}

.line_area .box .box_in ul li{
	width:350px;
	padding:0 15px;
	position:relative;
}

.line_area .box .box_in ul li .ico{
	height:38px;
}

.line_area .box .box_in ul li dl{
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
	position:relative;
}

.line_area .box .box_in ul li dl dt{
	height: 60px;
	line-height:60px;
	font-size:24px;
	font-weight:bold;
	color:#fff;
	margin:13px 0 0 0;
	border-radius: 8px 8px 0px 0px;
	background: #f87770;
}

.line_area .box .box_in ul li dl .mintxt{
	font-size:17px;
	font-weight:bold;
	line-height:1.6em;
	padding:15px;
	background:#EAE7E3;
	position:relative;
}

.line_area .box .box_in ul li dl .mintxt:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -10px;
	border: 10px solid transparent;
	border-top: 8px solid #EAE7E3;
}

.line_area .box .box_in ul li dl .btn{
	height: 252px;
	border-radius: 0px 0px 8px 8px;
	background: #fff;
	display:flex;
	align-items:center;
	justify-content:center;
}

.line_area .box .box_in ul li .img{
	position:absolute;
	right:-50px;
	bottom:40px;
}

@media screen and (max-width: 800px) {
.mv{
	padding:0 0 60px 0;
}

.mv:after{
	display:none;
}

.mv h1{
	padding:0;
}

.area01{
	background:url(../img/area01_bg.jpg) no-repeat center center;
	background-size:cover;
}

.area01 .ico{
	width:100px;
	margin:-50px auto 0;
	position:relative;
	z-index:2;
}

.area01 h2{
	position:relative;
	z-index:2;
	top:auto;
	padding:20px 0 30px 0;
}

.area02{
	padding:40px 0;
	background:#CEF1FC;
}

.area03{
	padding:40px 20px 50px 20px;
}

.btn_area{
	padding:0 0 20px 0;
}

.btn_area:after{
	display:none;
}

.area04{
	padding:80px 20px 60px 20px;
}

.area04 ul{
	padding:30px 0 0 0;
}

.area04 ul li{
	padding:15px 15px 15px 55px;
	background:url(../img/area04_ico.png) no-repeat 10px center;
	background-size:30px;
	font-size:18px;
}

.area05{
	padding:0 20px;
}

.area05 .arrow{
	width:70%;
	margin:0 auto;
}

.area05 h2{
	padding:40px 0;
}

.area05 ul li{
	padding:15px 15px 15px 55px;
	background:url(../img/area05_ico.png) no-repeat left center;
	background-size:40px;
	font-size:18px;
}

.area05 .arrow02{
	padding:10px 0 20px 0;
	width:130px;
	margin:0 auto;
}

.area05 .box{
	margin:0 -20px;
}

.area05 .box h3{
	margin:0 0 -10px 0;
}

.area06{
	background:url(../img/sp/area06_bg.jpg) no-repeat top center #D8F4FD;
	padding:0 20px 80px 20px;
}

.area06 h2{
	padding:100px 0 30px 0;
	width:70%;
	margin:0 auto;
}

.area06 .slider{
	max-width:inherit;
}

.area06 .slider li .num{
	text-align:center;
	padding:0;
	width:180px;
	margin:0 auto -3px;
}

.area06 .slider .box{
	padding:40px 30px;
	display:block;
}

.area06 .slider li .photo{
	min-width:inherit;
	width:80%;
	margin:0 auto;
	padding:0 0 30px 0;
}

.area06 .slider li h3{
	font-size:18px;
	text-align:center;
	line-height:1.6em;
	padding:0 0 10px 0;
}

.area06 .slider li h4{
	font-size:16px;
	text-align:center;
	line-height:1.6em;
}

.area06 .slider li dl dt{
	font-size:20px;
	line-height:1.6em;
	padding:5px 0 10px 0;
	text-align:center;
}

.area06 .slider li dl dt span{
	font-size:16px;
}

.area06 .slider li dl dd{
	font-size:14px;
	line-height:1.8em;
}

.area07{
	padding:60px 0 60px 0;
}

.area07 .txt{
	width:100%;
	margin:0 auto;
	font-size:16px;
	padding:40px 20px 0 20px;
	box-sizing:border-box;
}

.area07 .txt span{
	background: linear-gradient(to top, #EFFF00 0% 60%, rgba(0,0,0,0) 60% 100%);
	font-size:18px;
}

.area08{
	padding:60px 20px 0 20px;
}

.area08 .txt{
	width:100%;
	font-size:16px;
	padding:40px 0 20px 0;
}

.area08 .txt .sub01{
	font-size:18px;
}

.area08 .txt .sub02{
	font-size:18px;
}

.area09 .box{
	padding:100px 0 0 0;
	width:100%;
}

.area09 .box h2{
	padding:0 20px 0 0;
}

.area09 .sub{
	padding:30px 20px;
	background:#CEF1FC;
}

.area09 .box02{
	padding:0 20px 60px 20px;
}

.area09 .box02 h3{
	position:relative;
	top:-5px;
	width:100%;
	margin:0 auto;
}

.area09 .box02 .box_in{
	width:100%;
}

.area09 .box02 .box_in ul li{
	font-size:16px;
	line-height:1.6em;
	padding:10px 0 0 0;
}

.area09 .box02 .box_in dl{
	padding:20px 0 0 0;
	font-size:16px;
}

.area09 .box02 .box_in dl dt{
	font-size:18px;
	text-align:center;
	width: 220px;
	line-height:35px;
	height: 35px;
	margin:0 auto;
}

.area09 .box02 .box_in dl dd{
	padding:10px 0 0 0;
	text-align:justify;
}

.faq{
	padding:30px 0px;
}

.faq h2{
	width:60%;
	margin:0px auto 20px auto;
	font-size: 3rem;
}

.faq .box dl dt{
	font-size:18px;
	line-height:1.6em;
	padding:20px 70px;
}

.faq .box dl dd {
    padding: 20px 30px 20px 70px;
}

.movie{
	padding:0 20px;
}

.movie h2{
	padding:0 0 30px 0;
}

.line_area{
	padding:60px 0;
}

.line_area .box{
	max-width:inherit;
}

.line_area .box h2{
	height: 80px;
	line-height:80px;
	font-size:24px;
	border-radius:0;
}

.line_area .box .box_in{
	border-radius:0;
	padding:0 20px 60px 20px;
}

.line_area .box .box_in .txt{
	font-size:20px;
	font-weight:bold;
	padding:30px 0 30px 0;
}

.line_area .box .box_in ul{
	display:block;
}

.line_area .box .box_in ul li{
	width:100%;
	padding:0 0 30px 0;
}

.line_area .box .box_in ul li .ico{
	height:auto;
}

.line_area .box .box_in ul li dl dt{
	height: 50px;
	line-height:50px;
	font-size:18px;
	margin:13px 0 0 0;
}

.line_area .box .box_in ul li dl .mintxt{
	font-size:15px;
	padding:15px;
}

.line_area .box .box_in ul li dl .btn{
	height: 200px;
}

.line_area .box .box_in ul li dl .btn01 img{
	width:80%;
	max-width:350px;
}

.line_area .box .box_in ul li .img{
	display:none;
}
}



/* 関根追記241227
-------------------------------------------------------------------*/


.about .inner .about-under-img{
	width:60%;
	margin: 50px auto 0px;
}

.about .inner .about-under-img img{

}

@media screen and (max-width: 800px) {
.about .inner .about-under-img{
	width:90%;
}
}
