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

html{
	font-size: 62.5%;
	scroll-behavior: smooth; 
}
*{
    box-sizing:border-box; 
}
body{
	color: #3e3a39;
	background-size:cover;
	background-color:#f7f5ef;
	font-size: 1.4rem;
	font-family: "M PLUS Rounded 1c", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding: 0;
	margin: 0;
	line-height:2.1rem;
	display: flex; 
    flex-direction: column; 
    min-height: 100vh; 
}
main {
    flex: 1;
}
img{
	width:100%;　
}

a{
	text-decoration:none;
	color:#333;
	font-size:1.6rem;
}
p{
	font-size:1.6rem;
	line-height:2.6rem;
}

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

/*common--------*/
h2{font-size:3rem; line-height: 1.5; margin-top:52px; letter-spacing:2px;}
h2 span{font-size:1.6rem; display:block;}
.h2_bottom{width:90%; margin:52px auto 0;}
.figure_area{position:relative; top:-50px; height:15vh;}
.figure_area02{position:relative; top:30px;}
.flex_contents{width:100%; max-width:1080px; margin:0 auto; display:flex; justify-content:space-around;}
.figure_area02{position:relative; top:30px;}
.flex_contents{width:100%; max-width:1080px; margin:0 auto; display:flex; justify-content:space-around;}
.marker_o{background: linear-gradient(transparent 70%,#ee7c1a78 70%);}
.marker_b{background: linear-gradient(transparent 70%,#71c7d49c 70%); box-decoration-break: clone;}
.marker_g{background: linear-gradient(transparent 70%,#8fc321a1 70%);}
.marker_y{background: linear-gradient(transparent 70%,#efea3a94 70%);}
.marker_p{background: linear-gradient(transparent 70%,#e852827a 70%);}
.green_under{text-decoration: underline #8fc321 2px; text-underline-offset: 4px;}
.orange_under{text-decoration: underline #ee7c1a 2px; text-underline-offset: 4px;}
.pink_under{text-decoration: underline #e85282 2px; text-underline-offset: 4px;}



/*header--------*/
header{display:flex; justify-content: space-between; margin-top:32px;}
.sp_header{display:none;}
h1{width:20%; max-width:300px; min-width:120px; margin:12px 12px 12px 30px; display:inline-block;}
.nav_area{background:#fff; display:flex; justify-content: space-between; width:75%; max-width:1000px; padding:10px 1%; border-radius:10px; border-top-right-radius:0; border-bottom-right-radius:0; s}
.nav_area nav{width:100%;}
nav ul{display:flex; width:100%; max-width:665px; justify-content: space-around;}
nav ul li{margin:20px 0; font-weight:500;}
nav ul li a{vertical-align:text-top;}
header .btn{background:#71c7d4; color:#fff; padding:12px 10px; border-radius:5px; display:inline-block; width:100%; max-width:214px; text-align:center; font-weight:500; font-size: 1.4rem; line-height: 1.3;}


/*.mainV--------*/
.mainV{width:100%; display: flex; flex-direction: column; align-items: center;}
.mainV img{width:50%; max-width:800px; margin:50px auto; padding: 4vh 0; display: block; z-index:2; position: relative; }
.bg_yellow{background:#efea3a2b; width:100%; background-size: 10px 10px; background-position: 0 0, 5px 5px; background-image: linear-gradient(45deg, #fdfbc1 25%, #fdfbc1 25%, transparent 25%, transparent 75%, #fdfbc1 75%, #fdfbc1 75%), linear-gradient(-135deg, #fdfbc1 25%, #fdfbc1 25%, transparent 25%, transparent 75%, #fdfbc1 75%, #fdfbc1 75%);}
.mainV .main_text{width:80%; max-width:1080px; margin:0 auto 40px; position:relative; z-index:1;}
.main_text::after{content: ""; display: block; width:80%; height:80%; position: absolute; background-image: url(../img/twon.svg); background-size: contain; background-repeat: no-repeat; background-position:center bottom; left: 50%; transform: translateX(-50%); bottom: 100%;  z-index: 1; margin-bottom: 20px;}
.mainV h2{font-size:4.2rem; line-height:1.2; margin-bottom:10px; margin-top:20px; text-align:center;}
.mainV h2 .font-s{font-size:2.4rem;; display:inline-block;}
.mainV h2 .font-b{font-size:6rem; font-weight:700;}
.mainV h2 .orange{color:#ee7c1a; font-weight:600; display:inline; font-size:4.2rem;}
.mainV p{text-align:center; font-weight:bold;}
.linear{width: 100%; height: 12px; background: repeating-linear-gradient(/* カラフルな斜線*/-45deg, #e85282, #e85282 20px, #8fc321 20px, #8fc321 40px, #e61e67 40px,  #e61e67 60px, #ee7c1a 60px, #ee7c1a 80px, #efea3a 80px, #efea3a 100px, #71c7d4 100px, #71c7d4 120px, #3e3a39 120px, #3e3a39 140px);}


/*section1--------*/
#section1{width:100%; text-align:center; padding:10vh 0; margin-top:20px; background:url(../img/icon_star1.svg) no-repeat 50% 0;}
#section1 .img_logo{width:100%; max-width:380px; margin:60px auto;}
#section1 p{font-size:1.9rem; font-weight:500; line-height:3;}
#section1 .text_area::after{content: ""; display: block; width:15%; min-width:150px; height:15%; position: absolute; background-image: url(../img/kaigo.png); background-size: contain; background-repeat: no-repeat; background-position:center bottom; left: 50%; transform: translateX(-50%); z-index: 1; margin-top:50px;}

/*section2--------*/
#section2{width:100%; text-align:center; padding:80px 0; margin-top:20px; background:#FFF;}
#section2 .contents{width:95%; max-width:1080px; margin:60px auto; display:flex; justify-content:space-around; }
#section2 .contents .box{max-width:300px; position:relative;}
#section2 .contents .box::after{ content: ""; display: block; width: 100px; height: 100px; background-image: url(../img/icon_star3.svg); background-size: contain; background-repeat: no-repeat; background-position: center; position: absolute; top: 40px; left: 30px; transform: translate(-50%, -50%); z-index: 1; }
#section2 .contents .box:nth-child(2)::after{background-image: url(../img/icon_star2.svg);}
#section2 .contents .box:nth-child(3)::after{background-image: url(../img/icon_star4.svg);}
#section2 .contents .box::before{ content: "01"; display: flex; justify-content: center; align-items: center; font-size: 2rem; font-weight: 800; color: #fff; position: absolute; top: 40px; left: 30px; transform: translate(-50%, -50%); z-index: 2; }
#section2 .contents .box:nth-child(2)::before{content: "02";}
#section2 .contents .box:nth-child(3)::before{content: "03";}
#section2 .contents .box h3{font-size:2.0rem; font-weight:500; line-height:1.5; margin:8px auto; letter-spacing:2px;}
#section2 .contents .box h3 .green{color:#8fc321;}
#section2 .contents .box h3 .orange{color:#ee7c1a;}
#section2 .contents .box h3 .pink{color:#e85282;}

/*section3--------*/
#section3{width:100%; text-align:center;}
#section3 h2{margin-top:0;}
#section3 .contents{width:95%; max-width:1080px; margin:60px auto 0; display:flex; justify-content:space-around; }
#section3 .contents .box{width:calc(100%/3); max-width:300px; position:relative;}
#section3 .contents .circle{background:#fff; width:300px; height:300px; border-radius:50%; display:flex; flex-direction:column; justify-content:center; align-items:center;}
#section3 .contents .circle h3{font-size:2.2rem; font-weight:500; line-height:1.5; letter-spacing:2px; position:relative; top:-50px;}
#section3 .contents .circle p{font-size:1.8rem; font-weight:500; line-height:1.5; margin:8px auto; letter-spacing:1px; width:115%; position:absolute; left:50%; transform:translateX(-50%); top:30%;}
#section3 .contents .circle::before{content: "1"; display:flex; justify-content:center; align-items:center; font-size:6rem; font-weight:900; color:#8fc321; position:absolute; top:-10px; left:42%;}
#section3 .contents .box:nth-of-type(2) .circle::before {content: "2"; color:#ee7c1a;}
#section3 .contents .box:nth-of-type(3) .circle::before {content: "3"; color:#e85282;}
#section3 .contents .circle::after{content: ""; display: block; width: 100px; height: 100px; background-image: url(../img/icon01.svg); background-size: contain; background-repeat:no-repeat; background-position:center; position:absolute; bottom:100px; left:50%; transform: translate(-50%, -50%);}
#section3 .contents .box .text{margin-top:80px; text-align:left; letter-spacing:1px;}
#section3 .contents .box:nth-of-type(2) .circle::after {background-image: url(../img/icon02.svg); width:80px; height:80px; bottom:120px;}
#section3 .contents .box:nth-of-type(3) .circle::after {background-image: url(../img/icon03.svg); width:80px; height:80px; bottom:120px; }

/*section4--------*/
#section4{width:100%; text-align:center; padding:10vh 0; background:#FFF; letter-spacing:1px;}
#section4 h2{margin-top:20px;}
#section4 .contents{width:95%; max-width:1080px; margin:0 auto;}
#section4 .content01{width:100%; background:#efea3a85; border-radius:50%; margin:40px auto; padding:50px;}
#section4 .content01 h3{font-size:2.5rem; display:inline-block; line-height: 1.4;}
#section4 .content01 h3 .marker_blue {background: linear-gradient(transparent 70%, #71c7d49c 70%); font-weight:500; color: #3e3a39;}
#section4 .content01 p{line-height:2; margin:30px auto 15px; font-weight:500;}
#section4 .content01 span,
#section4 .content02 span{color:#ee7c1a; font-weight:600;}
#section4 .content02 h3{font-size:2rem; margin-bottom:20px;}
#section4 .content02 h3::before,
#section4 .content02 h3::after {content: ' 〜'; }
#section4 .content02 .box{width:100%; border:3px dotted #71c7d4; padding:20px 40px; text-align:left; margin-bottom:20px;}
#section4 .content02 .box h4{font-size:2.2rem; display:flex; align-items: center;}
#section4 .content02 .box h4::before{content: ""; display:inline-block; width:39px; height:30px; background-image:url(../img/icon_star5.svg); background-size:contain; background-repeat:no-repeat; }
#section4 .content02 .box p{margin-left:38px; margin-top:8px;}
#section4 .form_erea p{margin:40px auto 20px; font-size:1.8rem;}
#section4 .form_erea p::before{content: '\005C '; }
#section4 .form_erea p::after {content: ' /'; }

#section4 .form_erea .btn{background:#71c7d4; padding:16px 20px; border-radius:5px; display:inline-block; width:300px; text-align:center; font-weight:500; font-size: 1.8rem; line-height:1.5;}
#section4 .content03{display:flex; margin-top:60px; justify-content:center;}
#section4 .content03 .box{width:45%; padding:30px 30px 0;}
#section4 .content03 .box:nth-of-type(1){border:14px solid #f7f5ef;} 
#section4 .content03 .box h4{font-size:2.6rem; margin-bottom:30px; line-height:1.2;}
#section4 .content03 .box h4 span{color:#ee7c1a; font-weight:600; font-size:1.6rem; display:block;}
#section4 .content03 .box:nth-of-type(2) h4::before{content: ""; display:block; width:72px; height:72px; background-image:url(../img/logo2.svg); background-size:contain; background-repeat:no-repeat; margin: 0 auto 10px;}
#section4 .content03 .box dl{text-align:left; font-weight:500; font-size:1.7rem; line-height:1.5;}
#section4 .content03 .box dt{letter-spacing:2px; font-weight: 600; font-size:1.8rem;}
#section4 .content03 .box dt::before{content: "●"; color:#8fc321; display:inline-block; width:20px; height:20px;}
#section4 .content03 .box dt:nth-of-type(2)::before{color:#efea3a;}
#section4 .content03 .box dt:nth-of-type(3)::before{color:#71c7d4;}
#section4 .content03 .box dt:nth-of-type(4)::before{color:#e61e67;}
#section4 .content03 .box dt:nth-of-type(5)::before{color:#ee7c1a;}
#section4 .content03 .box dd{margin:0 0 20px 20px;}
#section4 .content03 .box dd:nth-of-type(5){margin:0 0 0 20px;}
#section4 .content03 .box .flow{text-align:center;}
#section4 .content03 .box .flow p{width:100%; max-width:340px; padding:10px 20px; background:#f7f5ef; margin:14px auto; font-size:1.7rem; font-weight:500; line-height:1.5;}
#section4 .content03 .box .flow p span{font-size:1.4rem;}

/*section5--------*/
#section5{width:100%; text-align:center; padding:10vh 0; letter-spacing:1px;}
#section5 .contents{display:flex; justify-content:center; width:95%; max-width:1080px; margin:100px auto; position:relative;}
#section5 .contents img{width:30%; max-width:200px;}
#section5 .contents .text{text-align:left; width:62%; margin-left:80px;}
#section5 .contents .text p{font-size:1.7rem; font-weight:400; line-height:2; margin-bottom:44px;}
#section5 .contents .text p:last-child{margin-bottom:0;}

/*section6--------*/
#section6{width:100%; letter-spacing:1px;}
#section6 .contents{display:flex; justify-content:center; width:95%; max-width:1080px; margin:100px auto; background:#fff; position:relative; }
#section6 .contents::before{content: ""; display:block; width:100%; height:130px; background-image:url(../img/logo1.svg); background-size:100%; background-position: bottom; background-repeat:no-repeat; position:absolute; top:-103px; left:0; filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(84deg) brightness(500%) contrast(107%);}
#section6 .contents .box{margin:40px 30px; width:30%; max-width:324px;}
#section6 .contents .box h2{font-size:2rem; margin:0 0 16px;}
#section6 .contents .box h3{font-size:1.4rem; display:inline-block; font-weight:500;}
#section6 .contents .box p{font-size:1.4rem; display:inline-block;}
#section6 .contents .box .line{display:flex; align-items:flex-end; margin-top:12px;}
#section6 .contents .box .line img{width:100px; transition-duration:.4s;}
#section6 .contents .box .line img:hover{cursor:pointer; transform:scale(1.1);}
#section6 .contents .box .line p{line-height:1.5; margin:0 0 8px 8px; font-weight:500;}

/*section7--------*/
#section7{width:100%; letter-spacing:1px;}
#section7 .contents{width:95%; max-width:1080px; margin:100px auto;}
#section7 .contents::before{content: ""; display:block; width:100%; height:124px; background-image:url(../img/logo1.svg); background-size:30%; background-repeat:no-repeat; background-position:center; border-top:1px solid #D3D2D4;}

#section7 .contents ul{display:flex; justify-content: space-around; width:50%; flex-wrap: wrap; margin:0 auto;}
#section7 .contents ul li{text-align:center; margin:0 0 12px 0;}
#section7 .contents ul li a{font-size:1.4rem; font-weight:500;}

/*footer--------*/
footer{text-align:center;}
footer p{font-size:1.2rem;}





@media only screen and (max-width: 1024px) {
/*common--------*/	
.h2_bottom{margin: 20px auto 0; text-align:left;}
	
/*header--------*/
.nav_area{display:none;}
h1{margin:0 12px 12px 30px;}
/*hamburger*/
.sp_header {display:inherit;/* position: relative;*/}
.hamburger {position:fixed; top:20px; right:10px; z-index:100000; width:48px; height:48px; border:none; background:#f7f5ef; cursor:pointer;}
.hamburger__line { position: absolute; left: 11px; width: 26px; height: 2px; background-color: #333;transition: all .4s;}
.hamburger__line:nth-of-type(1) {top: 14px;}
.hamburger__line:nth-of-type(2) {top: 23px;}
.hamburger__line:nth-of-type(3) {top: 32px;}
/* hamburger menu_open */
.hamburger.active .hamburger__line:nth-of-type(1) {transform: translateY(9px) rotate(-45deg);}
.hamburger.active .hamburger__line:nth-of-type(2) {opacity: 0;}
.hamburger.active .hamburger__line:nth-of-type(3) {transform: translateY(-9px) rotate(45deg);}
.nav { position: fixed; top: 0; left: 0; width: 300px; height: 100vh; background-color: #fff; box-shadow: 2px 0 4px rgba(0,0,0,.1); transform: translateX(-100%); transition: transform .4s; z-index:99999;}
.nav.active {transform: translateX(0);}
.nav__list { margin: 0; padding: 100px 0 0; list-style: none;}
.nav__item { padding: 0 20px;}
.nav__link { display: block; padding: 15px 0; color: #333; text-decoration: none;border-bottom: 1px solid #eee;}
.sp_btn{display:block; text-align: center; margin:15px auto;}


/*.mainV--------*/
.mainV img{margin: 0 auto; width:80%; max-width:500px;}
.mainV h2{font-size:3rem;}
.mainV h2 .orange{font-size:3rem;}
.mainV h2 .font-s{line-height:1.4; font-size: 1.6rem; margin:20px 0 14px 0;}
.mainV h2 .font-b{font-size:5rem; font-weight:600; line-height: 1.4;}
.mainV .main_text{width:90%;}

/*section1--------*/
#section1{background-size: contain; padding:0; width:95%; margin:0 auto; padding: 0 0 10vh;}
#section1 .img_logo{width:50%; margin:4% auto;}
#section1 p{font-size:1.6rem; line-height: 2.6;}

/*section2--------*/
#section2 .contents{display:block; margin:6% auto;}
#section2 .contents .box{margin:0 auto 10%;}
#section2 .contents .box:nth-of-type(3){margin:0 auto 0;}

/*section3--------*/
#section3 .contents{display:block;}
#section3 .contents .box{width:95%; max-width:none; margin:0 auto 8%;}
#section3 .contents .circle{width:100%;}
#section3 .contents .circle::before{left:auto;}
#section3 .contents .circle::after{bottom:10%;}
#section3 .contents .box:nth-of-type(2) .circle::after,
#section3 .contents .box:nth-of-type(3) .circle::after{bottom:15%;}
#section3 .contents .circle h3{top:-80px;}
#section3 .contents .circle p{width:100%;}
#section3 .contents .box .text{margin-top:20px; letter-spacing: 0;}

/*section4--------*/
#section4{padding: 10vh 0 5vh;}
#section4 .content01{padding:8% 16%;}
#section4 .content01 h3{font-size:2rem;}
#section4 .content01 p{text-align:left; margin: 15px auto 15px; letter-spacing: 0; line-height: 1.7;}
#section4 .content02 h3{font-size:1.8rem; display: flex; flex-direction: column; align-items: center; text-align: center; position: relative; width: 300px; margin: 0 auto;}
#section4 .content02 h3::before{position: absolute; top: 24px; left: -13px}
#section4 .content02 h3::after{position: relative; top: -41px; left: 155px;}
#section4 .content02 .box{padding:20px;}
#section4 .content02 .box p{margin-left:0; letter-spacing: 0}
#section4 .content02 .box h4{font-size:1.6rem;}
#section4 .content03{display:block;}
#section4 .content03 .box{width:100%; padding:4%; margin:40px auto;}
#section4 .content03 .box dl{max-width:660px; margin:0 auto;}
#section4 .content03 .box dd,
#section4 .content03 .box dd:nth-of-type(5){margin:0 0 20px 0px; font-size: 1.6rem; letter-spacing: 0;}
#section4 .form_erea p::before{position: relative; top: 10px; left: -30px;}
#section4 .form_erea p::after{position: relative; top: -10px; left: 30px;}
#section4 .content03 .box dt,
#section4 .content03 .box .flow p{letter-spacing:0;}

/*section5--------*/
#section5{padding: 5vh 0 10vh;}
#section5 .contents{display:block; margin: 20px auto;}
#section5 .contents img{max-width:100px;}
#section5 .contents .text{width:84%; max-width:620px; margin:20px auto 0; letter-spacing: 0;}

/*section6--------*/
#section6{margin-top:10vh;}
#section6 .contents{margin: 0 auto; display:block; padding:10px;}
#section6 .contents .box{width:90%; margin:10px auto;}
#section6 .contents .box h3{display:block;}

/*section7--------*/
#section7 .contents{margin:40px auto;}
#section7 .contents ul{display:block; width:100%;}
#section7 .contents::before{background-size: 300px;}

}

@media only screen and (max-width: 425px) {
h2{font-size:2.5rem;}
h2 span{font-size:1.4rem;}

/*.mainV--------*/
.mainV h2{font-size:2.8rem;}
.mainV h2 .orange{font-size:2.7rem;}

/*section3--------*/
#section3 .contents .circle h3{font-size:2rem; top:-64px;}
#section3 .contents .box{width:100%; max-width:300px; margin: 0 auto 10%;}
#section3 .contents .circle p{font-size: 1.6rem;}
#section3 .contents .circle::after,
#section3 .contents .box:nth-of-type(2) .circle::after,
#section3 .contents .box:nth-of-type(3) .circle::after{bottom:20%;}
#section3 .contents .box .text{margin-top:54px;}

/*section6--------*/    
#section6 .contents::before{top:-113px;}

/*section7--------*/
#section7 .contents::before{background-size:200px;}
}