@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/*  
THE PACK LP CSS for SP
2022.12
*/


/* ==========================
style.css の上書き
============================= */
/* 247 headerの高さと同じに */
main { margin-top: 80px; }
/* 261 */
.wrap { width: 100%; }
/* 417 */
.sec01 .wrap { width: 94%; margin-left: auto; margin-right: auto; }
/* 335 */
.sec01 .wrap.bk_image{
background: url("assets/image/point_bg.jpg") no-repeat top center;
background-size: 100% 100%;
width: 100%;
height: auto;
min-height: 42vh;
position: relative;
}
.sec01 .wrap.bk_image:before{
content: "";
position: absolute;
width: 12.5vw;
height: 17.5vw;
background: url(assets/image/img_fv_point.png) no-repeat bottom center;
background-size: 94% 94%;
top: -5%;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}
.sec01 .wrap.bk_image ol{
display: flex;
flex-direction: row;
justify-content: center;
flex-wrap: wrap;
width: 98%;
margin: 40px auto 0;
padding: 5.208333333vw 0 0;
}
.sec01 .wrap.bk_image li{
width: 33%;
padding: 0 0.78125vw;
text-align: center;
margin-bottom: 1em;
}
.sec01 .wrap.bk_image li.long{
width: 50%;
}
.sec01 .wrap.bk_image li span{
display: inline-block;
width: 100%;
margin: 0 auto;
padding: 0.5208333333vw;
background: #FFF;
border: 2px solid #000;
border-radius: 1.5em; /* 50px */
box-shadow: 4px 8px 0 var(--green);
font-weight: bolder;
font-size: 12px;
}
.sec01 .wrap.bk_image h3{
text-align: center;
font-size: 16px;
color: #FFF;
margin-bottom: 10px;
line-height: 1.25;
font-weight: 600;
}


























/*------------------------------------------------------------
	header - nav
------------------------------------------------------------ */
header { position: fixed; width: 100%; padding: 0; border: 0; background-color: #fff; top:0; z-index: 9999; opacity: 1.0; }
.inner { width: 90%; height: 80px; margin: 0 auto; padding: 0; display: flex; align-items: center; }
header h1 { position: relative; font-size: 1em; line-height:1; }
header h1 a { display: block; }
header img { width: 20vw; max-width: 240px; margin: 0; }
#mobile-head { margin-right: auto; align-items: center; z-index: 999; }
#mobile-head h1 { margin-bottom: 0; }
/* navi  */
header nav ul { display: flex; align-items: center; }
header nav li { position: relative; padding: 0; margin-left: 1.75em; isplay: block; text-decoration: none; font-size: 14px; font-weight: 500; font-family: 'Poppins', 'Noto Sans JP', sans-serif; color: #fff; }
header nav a { color: #000; text-decoration: none; }
header nav a:hover { color: #018043; text-decoration: underline; }
/*------------------------------------------------------------
	header - nav-toggle (SP)
------------------------------------------------------------ */
header { position:fixed; top:0; left:0; margin:0; }
header, .inner { width: 100%; padding: 0; height:80px; }
header h1 { margin:0; width: 40%; position: relative; z-index: 1111;}
header img { width: 100%; margin: 0; }
#mobile-head { width: 90%; margin:0 auto; padding:0; position: relative; display: flex; flex-direction: row; align-items: center; }
header .logo { position: absolute; left: 0; top: 10px; }
#nav-toggle { display: none; position: relative; width:30px; height:24px; cursor: pointer; z-index: 999; margin-left:auto; }
#nav-toggle div { position: relative; }
#nav-toggle span { display: block; position: absolute; height:2px; width: 100%; background: #999; left: 0; transition: .35s ease-in-out; border-radius: 20px; }
#nav-toggle span:nth-child(1) { top: 0; }
#nav-toggle span:nth-child(2) { top: 11px; }
#nav-toggle span:nth-child(3) { top: 22px; }

header nav {
position: absolute;
/* 開いてないときは画面外に配置 */
top:0;
left:-100vw;
background: #fff;
width: 100%;
height:100vh;
text-align: center;
padding:0;
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
transition: .25s ease-in-out;
z-index: 998;
overflow:scroll;
-webkit-overflow-scrolling: touch;
}
header nav ul {
list-style: none;
position: static;
right: 0;
bottom: 0;
font-size: 14px;
align-items: flex-start;
width:100%;
}
header nav > ul {
width: 100%;
padding:79px 0 0;
margin-left: auto;
overflow:scroll;
-webkit-overflow-scrolling: touch;
}
header nav ul li {
position: relative;
padding: .8em 1em;
min-height:auto;
text-align:left;
font-size: 1.6rem;
font-weight:normal;
display:block;
width:100%;
border-bottom:1px solid #999;
}
header nav ul li:first-child { border-top:1px solid #999; }
header nav ul li a,
header.fixed nav ul li a {
text-align:left;
font-size: 14px;
}
/* #nav-toggle 切り替えアニメーション */
header.open #nav-toggle span:nth-child(1) {
top: 11px;
-webkit-transform: rotate(315deg);
-moz-transform: rotate(315deg);
transform: rotate(315deg);
}
header.open #nav-toggle span:nth-child(2) {
width: 0;
left: 50%;
}
header.open #nav-toggle span:nth-child(3) {
top: 11px;
-webkit-transform: rotate(-315deg);
-moz-transform: rotate(-315deg);
transform: rotate(-315deg);
}
/* nav スライドアニメーション */
header.open nav {
/* nav top + #mobile-head height */
-moz-transform: translateX(100vw);
-webkit-transform: translateX(100vw);
transform: translateX(calc(100vw));
}
header nav ul { flex-direction:column;}
header nav li { margin-left:0;}
header nav a:before, header nav a:after, header nav a.on:before, header nav a.on:after { display:none; }
#nav-toggle { display: block; }


/* header内 問い合わせボタン  */
a.contact-btn { display: inline-block; margin: 0 0 0 10px; padding: 0.4em 1em 0.5em 2em; border-radius: 1.2em; font-size: 12px; font-weight: 600; line-height: 1.2; text-align: center; text-decoration: none; color: #fff; background: url(assets/image/img_contact_arrow.png) 7% 50% no-repeat #018043; background-size: 10px 10px; }


/* ページr内 問い合わせボタン  */
a.contact-btn2 { display: block; margin: 0 auto 40px; padding: 1em 1em 1em 1.5em; border-radius: 1.5em; font-size: 16px; font-weight: 600; line-height: 1.2; text-align: center; text-decoration: none; color: #fff; background: /*url(assets/image/img_contact_arrow.png) 14% 50% no-repeat */var(--lightgreen); /*background-size: 14px 14px; width: 90%;*/ box-shadow: 4px 8px 0 rgba(5, 5, 5, .5); }
a.contact-btn2:hover { background-color: var(--orange); }
a.contact-btn2 img { width: 24px; height: auto; padding-right: 0.5em; padding-bottom: 0.2em; }

/* ページr内 問い合わせボタン2  */
a.contact-btn3 { display: block; margin: 0 auto; padding: 1em 1em 1em 1.5em; border-radius: 1.5em; font-size: 16px; font-weight: 600; line-height: 1.2; text-align: center; text-decoration: none; color: #000; background: /*url(assets/image/img_contact_arrow.png) 14% 50% no-repeat*/ var(--yellow); /*background-size: 14px 14px;*/ width: 100%; }
a.contact-btn3:hover { background-color: var(--orange); }
a.contact-btn3 img { width: 24px; height: auto; padding-right: 0.5em; padding-bottom: 0.2em; }

/* ページr内 問い合わせボタン4  */
a.contact-btn4 { display: block; margin: 0 auto 40px; padding: 1em 1em 1em 1.5em; border-radius: 1.5em; font-size: 16px; font-weight: 600; line-height: 1.2; text-align: center; text-decoration: none; color: #fff; background: /*url(assets/image/img_contact_arrow.png) 14% 50% no-repeat */var(--green); /*background-size: 14px 14px; width: 90%;*/ box-shadow: 4px 8px 0 rgba(5, 5, 5, .5); }
a.contact-btn4:hover { background-color: var(--orange); }
a.contact-btn4 img { width: 24px; height: auto; padding-right: 0.5em; padding-bottom: 0.2em; }




/* section01 */
.section01 { margin: 20px auto 40px; width: 100%; display: flex; flex-direction: column; }
.section01 h1,
.section01 h2,
.section01 h3,
.section01 p { display: block; margin: 0; line-height: 1.25; text-align: center; letter-spacing: 0; }
.section01 h1 {  margin: 0 0 0.7em 0.5em; font-size: 48px; font-weight: 900; line-height: 1.1; color: #000; }
.section01 p { display: block; margin: 0 0 1em; font-size: 16px; font-weight: 800; color: #ccc; font-family: 'Poppins', sans-serif; }
.section01 p.read { margin: 0 auto 1em; font-size: 14px; font-weight: 600; color: #000; line-height: 1.7; }
.section01 h2 { display: inline-block; margin: 0 auto 1.5em; padding: 0.5em 0.25em 0.5em 0.75em; font-size: 16px; font-weight: 700; color: #fff; background-color: var(--orange); }
.section01 h3 { margin: 0 auto 1em; padding: 0; font-size: 20px; font-weight: 800; color:var(--orange); }

.wrap.bk_image h3 { padding-left: 1em; }

/* section02 */
.section02 { position: relative; display: flex; flex-direction: column; justify-content: center!important; margin: 0 auto; padding: 40px 5%; background-color: var(--orange); width: 100%; }
.section02 img { width: 100%; }
.section02 h2,
.section02 h3,
.section02 p { display: block; margin: 0 auto 1em; padding: 0; border: 0; font-family: var(--font_jp); color: #fff; line-height: 1.5; font-weight: 500; text-align: center; text-decoration: none; }
.section02 h2 { display: inline-block; margin-bottom: 1em; padding-bottom: 0.25em; font-size: 12px; font-family: 'Poppins', sans-serif; font-weight: 700; }
.section02 h2::after {
content: '';
display: block;
position: absolute;
left: 50%; /* 位置調整 */
transform: translate(-50%); /* 位置調整 */
bottom: 0px; /* 下線の上下位置調整 */
width: 100%; /* 下線の幅 */
height: 3px; /* 下線の太さ */
background-color: #fff; /* 下線の色 */
}
.section02 h3 { margin-bottom: 0.75em; font-size: 23px; font-weight: 600; }
.section02 p { margin-bottom: 2em; font-size: 14px; color: #000; text-align: left; line-height: 1.7; width: 90%; }


/* section03 */
.section03 { position: relative; margin: 0 auto; padding: 40px 5%; background-color: var(--lightgray); width: 100%; text-align: center; }
.section03 h2,
.section03 h3,
.section03 h4,
.section03 p { display: block; margin: 0 auto 1em; padding: 0; border: 0; font-family: var(--font_jp); color: #000; line-height: 1.5; font-weight: 500; text-align: center; text-decoration: none; }
.section03 h2 { display: inline-block; margin-bottom: 1em; padding-bottom: 0.25em; font-size: 12px; font-family: 'Poppins', sans-serif; font-weight: 700; }
.section03 h2::after {
content: '';
display: block;
position: absolute;
left: 50%; /* 位置調整 */
transform: translate(-50%); /* 位置調整 */
bottom: 0px; /* 下線の上下位置調整 */
width: 100%; /* 下線の幅 */
height: 3px; /* 下線の太さ */
background-color: #000; /* 下線の色 */
}
.section03 h3 { margin-bottom: 0.75em; font-size: 23px; font-weight: 600; }
.section03 h4 { font-size: 18px; color: var(--green); }
.section03 ul { display:  flex; flex-direction: row; flex-wrap: wrap; align-items: stretch; }
.section03 ul > li { display: flex; align-items: center; }
.section03 ul li { margin: 0 1% 10px; padding: 10px; padding-left: 10%; border-radius: 10px; width: 48%; height: 6em; font-size: 12px; font-weight: 600; line-height: 1.5; color: #fff; text-align: left; background: url(assets/image/icon_check_orange.png) no-repeat 8% 50% var(--gray); background-size: 15px 15px; }


/* section04 */
.section04 { position: relative; margin: 0 auto; padding: 40px 5%; background-color: var(--palegreen); width: 100%; text-align: center; }
.section04:before{
content: "";
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
border-top: 32px solid var(--lightgray);
border-left: 25px solid transparent;
border-right: 25px solid transparent;
}
.section04 h2,
.section04 h3,
.section04 h4,
.section04 p { display: block; margin: 0 auto 1em; padding: 0; border: 0; font-family: var(--font_jp); color: #000; line-height: 1.5; font-weight: 500; text-align: center; text-decoration: none; }
.section04 h2 { display: inline-block; margin-bottom: 1em; padding-bottom: 0.25em; font-size: 12px; font-family: 'Poppins', sans-serif; font-weight: 700; }
.section04 h2::after {
content: '';
display: block;
position: absolute;
left: 50%; /* 位置調整 */
transform: translate(-50%); /* 位置調整 */
bottom: 0px; /* 下線の上下位置調整 */
width: 100%; /* 下線の幅 */
height: 3px; /* 下線の太さ */
background-color: #000; /* 下線の色 */
}
.section04 h3 { margin-bottom: 0.75em; font-size: 23px; font-weight: 600; }
.section04 h3 span { padding: 0em 0.5em 0.1em; background-color: var(--yellow); }
.section04 h4 { font-size: 18px; font-weight: 600; color: #fff; }
.section04 p { font-size: 18px; font-weight: 600;  }


/* section05 */
.section05 { position: relative; margin: 0 auto; padding: 40px 5%; background-color: #fff; width: 100%; text-align: center; background: #FFF url("assets/image/reason_bg.jpg") no-repeat bottom center; background-size: contain; }
.section05:before{
content: "";
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
border-top: 32px solid var(--palegreen);
border-left: 25px solid transparent;
border-right: 25px solid transparent;
}
.section05 h2,
.section05 h3,
.section05 h4,
.section05 p { display: block; margin: 0 auto 1em; padding: 0; border: 0; font-family: var(--font_jp); color: #000; line-height: 1.5; font-weight: 500; text-align: center; text-decoration: none; }
.section05 h2 { display: inline-block; margin-bottom: 1em; padding-bottom: 0.25em; font-size: 12px; font-family: 'Poppins', sans-serif; font-weight: 700; }
.section05 h2::after {
content: '';
display: block;
position: absolute;
left: 50%; /* 位置調整 */
transform: translate(-50%); /* 位置調整 */
bottom: 0px; /* 下線の上下位置調整 */
width: 100%; /* 下線の幅 */
height: 3px; /* 下線の太さ */
background-color: #000; /* 下線の色 */
}
.section05 h3 { margin-bottom: 0.75em; font-size: 24px; font-weight: 600; color: #000; }
.section05 h3 span { background: linear-gradient(transparent 60%, var(--yellow) 0%); }
.section05 h3.green { margin-bottom: 0.75em; font-size: 19px; font-weight: 600; color: #018043; }
.section05 h4 { font-size: 18px; font-weight: 600; color: #fff; }
.section05 p { margin: 40px auto 110px; font-size: 14px; font-weight: 500; text-align: left; line-height: 1.7; width: 90%; }



/* section06-more */
.section06-more { margin: 0 auto; padding: 40px 5%; background-color: #fff; width: 100%; text-align: center; }
.section06-more img { margin: 0 auto 10px; width: 14%; height: auto; }
.section06-more h4 { margin: 0; font-size: 24px; font-weight: 600; text-align: center; color: var(--orange); }


/* section06 */
.section06 { position: relative; margin: 0 auto; padding: 40px 5%; background-color: var(--paleorange); width: 100%; text-align: center; }
.section06 h2,
.section06 h3,
.section06 h4,
.section06 p { display: block; margin: 0 auto 1em; padding: 0; border: 0; font-family: var(--font_jp); color: #000; line-height: 1.5; font-weight: 500; text-align: center; text-decoration: none; }
.section06 h2 { display: inline-block; margin-bottom: 1em; padding-bottom: 0.25em; font-size: 12px; font-family: 'Poppins', sans-serif; font-weight: 700; }
.section06 h2::after {
content: '';
display: block;
position: absolute;
left: 50%; /* 位置調整 */
transform: translate(-50%); /* 位置調整 */
bottom: 0px; /* 下線の上下位置調整 */
width: 100%; /* 下線の幅 */
height: 3px; /* 下線の太さ */
background-color: #000; /* 下線の色 */
}
.section06 h3 { margin-bottom: 0.75em; font-size: 22px; font-weight: 600; }
.section06 h3 span { background: linear-gradient(transparent 0%, var(--yellow) 0%); }
.section06 h4 { font-size: 18px; font-weight: 600; color: #000; }
.section06 p { margin: 40px auto 0px; font-size: 16px; font-weight: 500; text-align: left; line-height: 1.7; width: 90%; }
.section06 img { margin: 0 auto 10px; width: 100%; height: auto; }



/* section06-box */
.section06-box { position: relative; margin: 0 auto; padding: 40px 5%; background-color: var(--orange); width: 100%; text-align: center; }
.section06-box ul { display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; }
.section06-box ul li { margin: 0 0.5% 10px; width: 32%; }
.section06-box ul li img { margin: 0; width: 100%; }
.section06-box h5 { font-size: 22px; font-weight: 600; color: #fff; text-align: center; text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 2px; /* 線の太さ */}




/* section07 */
.section07 { position: relative; margin: 0 auto; padding: 40px 5%; background-color: #fff; width: 100%; text-align: center; }
.section07 h2,
.section07 h3,
.section07 h4,
.section07 p { display: block; margin: 0 auto 1em; padding: 0; border: 0; font-family: var(--font_jp); color: #000; line-height: 1.5; font-weight: 500; text-align: center; text-decoration: none; }
.section07 h2 { display: inline-block; margin-bottom: 1em; padding-bottom: 0.25em; font-size: 12px; font-family: 'Poppins', sans-serif; font-weight: 700; }
.section07 h2::after {
content: '';
display: block;
position: absolute;
left: 50%; /* 位置調整 */
transform: translate(-50%); /* 位置調整 */
bottom: 0px; /* 下線の上下位置調整 */
width: 100%; /* 下線の幅 */
height: 3px; /* 下線の太さ */
background-color: #000; /* 下線の色 */
}
.section07 h3 { margin-bottom: 0.75em; font-size: 26px; font-weight: 600; }
.section07 h3 span { background: linear-gradient(transparent 0%, var(--yellow) 0%); }
.section07 h4 { font-size: 18px; font-weight: 600; color: #000; }
.section07 p { margin: 40px 0; font-size: 14px; font-weight: 700; color: var(--green); }
/* スライダー部 */
.section07 .slider{
margin: 0 auto 60px;
padding: 0;
width: 100%;
/*overflow: hidden;*/
}
.section07 .slider > ul{
margin: 0 auto;
padding: 0;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
width: 100%;
}
.section07 .slider > ul > li{
width: auto;
}
.section07 .slider .flex.col{
display: block;
margin: 0 auto;
width: 84%; /* 画像ボックスの幅はここで調整 */
height: auto;
}
.section07 .slider .flex.col img {
display: block;
margin: 0 auto;
width: 100%;
height: auto;
}
.section07 .slider button.slick-arrow {
position: absolute;
top: 50%;
z-index: 101;
display: block;
width: 24px;
height: 32px;
text-indent: -9999px;
cursor: pointer;
}
.section07 .slider button.slick-next.slick-arrow{
background: url(assets/image/img_slide_next.png) no-repeat left center;
background-size: contain;
right: -2%;
}
.section07 .slider button.slick-prev.slick-arrow{
background: url(assets/image/img_slide_prev.png) no-repeat left center;
background-size: contain;
left: 0;
}
.section07 .slider .slick-dots{
position: absolute;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
width: 62.91666667vw;
height: 2vw;
bottom: -10px;
display: flex;
flex-direction: row;
justify-content: center;
}
.section07 .slider .slick-dots > li{
position: relative;
width: 20px;
height: 20px;
padding: 0;
}
.section07 .slider .slick-dots > li > button{
margin: 0 auto;
padding: 0;
background: none;
border: none;
border-radius: 0;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
position: relative;
top: 0;
text-indent: -9999px;
cursor: pointer;
}
.section07 .slider .slick-dots > li > button::before{
content: '';
display: block;
margin: 0 auto;
width: 10px;
height: 10px;
background: #CCC;
border-radius: 50%;
text-indent: 0px;
position: absolute;
top: 0;
left: 0;
right: 0;
}
.section07 .slider .slick-dots li.slick-active > button::before{
background: #666;
}



/* section08 */
.section08 { position: relative; margin: 0 auto; padding: 20px 5% 60px; width: 100%; text-align: center; background: url("assets/image/section08bg.jpg") no-repeat bottom center #fff; }
.section08 h4,
.section08 h5,
.section08 p { display: block; margin: 0 auto 1em; padding: 0; border: 0; font-family: var(--font_jp); color: #000; line-height: 1.5; font-weight: 500; text-align: center; text-decoration: none; }
.section08 h4 { font-size: 23px; font-weight: 600; color: #000; }
.section08 h4.green { font-size: 19px; color: var(--green); }
.section08 h5 { display: inline-block; margin: 0 0 1em; padding: 0.25em 0.5em; background-color: #000; font-size: 15px; font-weight: 600; color: #fff; }
.section08 p { margin: 0 0 1em; font-size: 15px; font-weight: 600;  }
/* section08_gr */
.section08_gr { position: relative; margin: 0 auto; padding: 20px 5% 10px; width: 100%; text-align: center;  background-color: #f0f2f6; }
.section08_gr h2,
.section08_gr h3,
.section08_gr h4,
.section08_gr h5,
.section08_gr p { display: block; margin: 0 auto 1em; padding: 0; border: 0; font-family: var(--font_jp); color: #000; line-height: 1.5; font-weight: 500; text-align: center; text-decoration: none; }
.section08_gr h2 { display: inline-block; margin-bottom: 1em; padding-bottom: 0.25em; font-size: 16px; font-family: 'Poppins', sans-serif; font-weight: 700; color: #444; }
.section08_gr h2::after {
content: '';
display: block;
position: absolute;
left: 50%; /* 位置調整 */
transform: translate(-50%); /* 位置調整 */
bottom: 0px; /* 下線の上下位置調整 */
width: 100%; /* 下線の幅 */
height: 3px; /* 下線の太さ */
background-color: #444; /* 下線の色 */
}
.section08_gr h3 { font-size: 28px; font-weight: 600; color: #444; }
.section08_gr p { margin: 1em auto 1em; font-size: 14px; font-weight: 600; color: #444; text-align: left; line-height: 1.9; width: 88%; }
.section08_gr img { margin: 0 auto 20px; width: 100%; height: auto; }
/* 枠線のボックス */
.sec08wrap { margin: 60px 0 0; padding: 0 20px 20px; border: 2px solid #999; }
.sec08wrap h2,
.sec08wrap h3,
.sec08wrap h4,
.section08_gr h5,
.sec08wrap p { display: block; margin: 0 auto 1em; padding: 0; border: 0; font-family: var(--font_jp); color: #000; line-height: 1.5; font-weight: 500; text-align: center; text-decoration: none; }
.sec08wrap h5 { display: inline-block; margin-bottom: 1.5em; padding-bottom: 0.25em; font-size: 16px; font-family: 'Poppins', sans-serif; font-weight: 600; color: #666; }
.sec08wrap h5::after {
content: '';
display: block;
position: absolute;
left: 50%; /* 位置調整 */
transform: translate(-50%); /* 位置調整 */
bottom: 0px; /* 下線の上下位置調整 */
width: 100%; /* 下線の幅 */
height: 2px; /* 下線の太さ */
background-color: #666; /* 下線の色 */
}
.sec08wrap p { margin: 0 auto 1.5em; width: 90%; font-size: 16px; line-height: 1.5; text-align: left; color: #666; }
.sec08wrap p span { padding-left: 1em; }
.sec08wrap img.arr { margin: 0 auto 40px; width: 30%; }
.sec08wrap img.creative { margin: 0 auto 40px; width: 50%; }
.sec08wrap h3 { margin: -30px auto 20px; text-align: center; width: 75%; }
.sec08wrap h3 img { margin: 0; width: 100%; }
.sec08wrap h4 { margin-bottom: 1.5em; font-size: 20px; font-weight: 600; color: #917ba7; }
.sec08wrap ol.circle { margin: 0 0 40px; display: flex; flex-direction: row;  justify-content: space-between;  flex-wrap: wrap; width: 100%; }
.sec08wrap ol.circle li { margin: 0 0 20px; width: 38vw; height: 38vw; background-color: #c3b3ce; border-radius: 50%; overflow: hidden; }
.sec08wrap ol.circle li h5 { display: inline-block; margin: 1.5em auto 0.1em; padding: 0; font-size: 16px; font-family: 'Poppins', sans-serif; font-weight: 600; color: #fff; text-align: center; }
.sec08wrap ol.circle li h5.short { margin-bottom: 0.5em; }
.sec08wrap ol.circle li h5::after { display: none; border: none; position: relative; }
.sec08wrap ol.circle li p { display: inline-block; margin: 0 auto; font-size: 16px; font-weight: 600; color: #666; text-align: center; }
/* スライダー部 */
.sec08wrap .slider{
margin: 0 auto 40px;
padding: 0;
width: 100%;
/*overflow: hidden;*/
}
.sec08wrap .slider > ol{
margin: 0 auto;
padding: 0;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
width: 100%;
}
.sec08wrap .slider > ol > li{
width: auto;
}
.sec08wrap .slider .flex.col{
display: block;
margin: 0 auto;
width: 84%; /* 画像ボックスの幅はここで調整 */
height: auto;
}
.sec08wrap .slider .flex.col img {
display: block;
margin: 0 auto 20px;
width: 100%;
height: auto;
}
.sec08wrap .slider button.slick-arrow {
position: absolute;
top: 30%;
z-index: 101;
display: block;
width: 24px;
height: 32px;
text-indent: -9999px;
cursor: pointer;
}
.sec08wrap .slider button.slick-next.slick-arrow{
background: url("assets/image/img_slide_next02.png") no-repeat left center;
background-size: contain;
right: -2%;
}
.sec08wrap .slider button.slick-prev.slick-arrow{
background: url("assets/image/img_slide_prev02.png") no-repeat left center;
background-size: contain;
left: 0;
}
.sec08wrap .slider h6,
.sec08wrap .slider p { margin: 0 0 1em; line-height: 1.25; font-weight: 500; font-family:'Noto Sans JP', sans-serif; text-align: left; }
.sec08wrap .slider h6 { margin: 1em 0 1em; padding: 0.75em; border: 1px solid #444; font-family: 'Poppins'; font-size: 20px; color: #777; }
.sec08wrap .slider p { margin-bottom: 0; font-size: 12px; color: #555; font-weight: 400; }



/* section09 */
/*.section09 { position: relative; margin: 0 auto; padding: 150px 5% 40px; width: 100%; text-align: center; 
background-image: url("assets/image/sec09bg_arr.png"),url("assets/image/sec09bg.jpg");
background-position: center top, center bottom;
background-size: contain contain;
background-repeat: no-repeat, no-repeat;
}*/
.section09 { position: relative; margin: 0 auto; padding: 0px 0 40px; width: 100%; text-align: center; 
background: url("assets/image/sec09bg.jpg?1.1.3") center bottom no-repeat;
background-size: contain;
}
.section09 h2,
.section09 h3,
.section09 h5,
.section09 p { display: block; margin: 0 auto 1em; padding: 0; border: 0; font-family: var(--font_jp); color: #000; line-height: 1.5; font-weight: 500; text-align: center; text-decoration: none; }
.section09 h3 { display: inline-block; margin: 0 auto 0.25em; padding: 0.25em 0.5em 0.4em; font-size: 22px; font-weight: 700; line-height: 1.1; color: #fff; background-color: var(--green); }

.section09 img { margin: 0 0 20px; padding: 0; width: 100%; }
.sec09container { margin: 0 auto; padding: 0; width: 90%; }
.whitebox { margin: 0; padding: 40px; background-color: rgba(255,255,255,0.5); }
.whitebox h4 { display: inline-block; margin-bottom: 1.5em; padding-bottom: 0.25em; font-size: 16px; font-family: 'Poppins', sans-serif; font-weight: 600; color: var(--green); }
.whitebox h4::after {
content: '';
display: block;
position: absolute;
left: 50%; /* 位置調整 */
transform: translate(-50%); /* 位置調整 */
bottom: 0px; /* 下線の上下位置調整 */
width: 100%; /* 下線の幅 */
height: 2px; /* 下線の太さ */
background-color:  var(--green); /* 下線の色 */
}
.whitebox h2 { margin-bottom: 1em; border: 0; font-size: 22px; font-weight: 600; line-height: 1.5; color: var(--green); }
.whitebox h2::after { display: none; }
.whitebox p { margin-bottom: 0; font-size: 14px; font-weight: 500; color: #000; line-height: 1.8; text-align: left; }
.whitebox h5 { margin-bottom: 1em; font-size: 16px; font-weight: 600; }
img.forest { margin: 0; width: 100%; }
.greenbox { margin: 0; padding: 35px; background-color: var(--green); }
.greenbox p { margin: 0; font-size: 14px; font-weight: 500; color: #fff; line-height: 1.8; }



/* section10 */
.section10 { position: relative; margin: 0 auto; padding: 40px 5%; background-color: #fff; width: 100%; text-align: center; }
.section10 h2,
.section10 h3,
.section10 h4,
.section10 p { display: block; margin: 0 auto 1em; padding: 0; border: 0; font-family: var(--font_jp); color: #000; line-height: 1.5; font-weight: 500; text-align: center; text-decoration: none; }
.section10 h2 { display: inline-block; margin-bottom: 1em; padding-bottom: 0.25em; font-size: 12px; font-family: 'Poppins', sans-serif; font-weight: 700; }
.section10 h2::after {
content: '';
display: block;
position: absolute;
left: 50%; /* 位置調整 */
transform: translate(-50%); /* 位置調整 */
bottom: 0px; /* 下線の上下位置調整 */
width: 100%; /* 下線の幅 */
height: 3px; /* 下線の太さ */
background-color: #000; /* 下線の色 */
}
.section10 h3 { margin-bottom: 0.75em; font-size: 24px; font-weight: 600; }
.section10 h4 { margin-bottom: 0em; padding-left: 1em; font-size: 18px; font-weight: 600; color: var(--orange); }
.section10 p { margin: 40px 0 0 0.75em; font-size: 14px; font-weight: 500; text-align: left; }
.section10 img { margin: 0 auto 10px; width: 100%; height: auto; }
/* step */
.step { position: relative; display: flex; flex-direction: column; align-items: center; margin: 50px auto 20px; padding: 40px 20px 20px; border: 3px solid var(--green); border-radius: 20px; text-align: center; width: 90%; }
.step h5 { position: absolute; left: -5%; top: -10%; margin: 0; }
.step h5 img { width: 30%; }
.step h6 { display: inline-block; margin-bottom: 0.5em; padding-bottom: 0.25em; border: 0; font-size: 22px; font-weight: 700; line-height: 1.25; text-align: center; text-decoration: none; }
.step h6::after {
content: '';
display: block;
position: absolute;
left: 50%; /* 位置調整 */
transform: translate(-50%); /* 位置調整 */
bottom: 0px; /* 下線の上下位置調整 */
width: 100%; /* 下線の幅 */
height: 3px; /* 下線の太さ */
background-color: var(--green); /* 下線の色 */
}
.step p { margin: 1em 0 1em; font-size: 16px; font-weight: 500; text-align: left; line-height: 1.8; }
.step img { width: 100%; }



/* section11 */
.section11 { position: relative; margin: 0 auto; padding: 40px 5%; background-color: #fff; width: 100%; text-align: center; }
.section11 h2,
.section11 h3
 { display: block; margin: 0 auto 1em; padding: 0; border: 0; font-family: var(--font_jp); color: #000; line-height: 1.5; font-weight: 500; text-align: center; text-decoration: none; }
.section11 h2 { display: inline-block; margin-bottom: 1em; padding-bottom: 0.25em; font-size: 12px; font-family: 'Poppins', sans-serif; font-weight: 700; }
.section11 h2::after {
content: '';
display: block;
position: absolute;
left: 50%; /* 位置調整 */
transform: translate(-50%); /* 位置調整 */
bottom: 0px; /* 下線の上下位置調整 */
width: 100%; /* 下線の幅 */
height: 3px; /* 下線の太さ */
background-color: #000; /* 下線の色 */
}
.section11 h3 { margin-bottom: 1.25em; font-size: 22px; font-weight: 600; }
.section11 img { margin: 0 auto 10px; width: 100%; height: auto; }








/* section12 */
.section12 { position: relative; margin: 0 auto; padding: 40px 5%; background-color: var(--green); width: 100%; text-align: center; }
.section12 h2,
.section12 h3
 { display: block; margin: 0 auto 1em; padding: 0; border: 0; font-family: var(--font_jp); color: #fff; line-height: 1.5; font-weight: 500; text-align: center; text-decoration: none; }
.section12 h2 { display: inline-block; margin-bottom: 0.5em; padding-bottom: 0.25em; font-size: 24px; font-family: 'Poppins', sans-serif; font-weight: 700; }
.section12 h2::after {
content: '';
display: block;
position: absolute;
left: 50%; /* 位置調整 */
transform: translate(-50%); /* 位置調整 */
bottom: 0px; /* 下線の上下位置調整 */
width: 100%; /* 下線の幅 */
height: 3px; /* 下線の太さ */
background-color: #fff; /* 下線の色 */
}
.section12 h3 { margin-bottom: 1.5em; font-size: 18px; font-weight: 500; color: #fff; }
/* FAQアコーディオン */
dl.toggle_contents {
margin: 0 auto 20px;
background-color: #fff;
border: 2px solid #fff;
border-radius: 20px;
width: 100%;
}
dt.toggle_title {
position: relative;
padding: 2em 3em 2em 3em;
cursor: pointer;
font-size: 16px;
font-weight: 600;
text-align: left;
line-height: 1.4;
color: var(--green);
background: url("assets/image/faq-q.svg") 4% 50% no-repeat;
background-size: 20px 20px;
}
dt.toggle_title img {
width: 16px;
margin-right: 5px;
}
.toggle_btn {
position: absolute;
top: 50%;
right: 20px;
transform: translateY(-50%);
background: #fff;
display: block;
width: 24px;
height: 24px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
border-radius: 50%;
}
.toggle_btn:before, .toggle_btn:after {
display: block;
content: '';
background-color: var(--green);
position: absolute;
width: 16px;
height: 3px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.toggle_btn:before {
width: 3px;
height: 16px;
}
.toggle_title.selected .toggle_btn:before {
content: normal;
}
.toggle_contents dd {
display: none;
padding: 1em 1em 1em 3em;
border-top: 1px solid var(--green);
cursor: pointer;
font-size: 16px;
font-weight: 600;
text-align: left;
line-height: 1.4;
color: var(--orange);
background-color: #fff;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
background: url("assets/image/faq-a.svg") 4% 50% no-repeat;
background-image: url("assets/image/faq-a.svg");
background-size: 20px 20px;
}




/* footer */
footer.sp { position: relative; margin: 0; padding: 30px 10px; width: 100%; height: auto; background-color: #5e5e5e; }
footer.sp address { margin: 0 auto; padding: 0; font-size: 12px; text-align: center; }


























