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

/*PC*/
@media print, screen and (min-width: 769px) {

#eden_hed { background: url("../images/afterschooldayservice/main_img.jpg") center center; background-size: cover; position: relative; height: 800px;   }

	.detail_box{width: 1200px;margin: 0 auto;}
.mori_logo { position: absolute; width: 300px; bottom: 160px; right: 30px; }
.mori_logo img { width: 100%; height: auto; }

.eden_logo { position: absolute; width: 300px; bottom: 30px; right: 30px; }
.eden_logo img { width: 100%; height: auto; }

.main_icon { width: 350px; position: absolute; top: 30px; right: 30px; }
.main_icon img { width: 100%; height: auto; }

.main_title { width: 220px; position: absolute; top: 30px; left: 250px; }
.main_title img { width: 100%; height: auto; }

.main_txt { font-size: 65px; font-weight: bold; position: absolute; bottom: 30px; left: 50px; text-shadow: #fff 2px 0px, #fff -2px 0px, #fff 0px -2px, #fff 0px 2px, #fff 2px 2px, #fff -2px 2px, #fff 2px -2px, #fff -2px -2px, #fff 1px 2px, #fff -1px 2px, #fff 1px -2px, #fff -1px -2px, #fff 2px 1px, #fff -2px 1px, #fff 2px -1px, #fff -2px -1px;  }

	
#icon { display: block; position: fixed; bottom: 150px; right: 10px; z-index: 2000; }
#icon a { display: block; margin: 10px 0; width: 40px; height: 40px; }
#icon a img { width: 100%; height: auto; }


#bg_border {
background-image: -webkit-repeating-linear-gradient( 
140deg , #ffffff 0px, #ffffff 436px, #f0f0f0 436px, #f0f0f0 1136px);
background-image: -o-repeating-linear-gradient(140deg, #ffffff 0px, #ffffff 436px, #f0f0f0 436px, #f0f0f0 1136px);
background-image: repeating-linear-gradient( 
-50deg , #f0f0f0 0px, #f0f0f0 300px, #fff 300px, #fff 800px, #f0f0f0 800px, #f0f0f0 1400px,#fff 1400px, #fff 2000px);
background-position: 50% 0;
padding: 100px 0px; 
}

#box { margin-bottom: 100px; position: relative; padding: 50px 0px; }
	

.banner{ border: 3px solid #f29b00; width: 960px; margin: 0 auto; }
.banner img { width: 100%; height: auto; }


.box_tit { width: 700px; margin: 0 auto; font-size: 40px; font-weight: bold; text-align: center; margin-bottom: 50px; }
.box_tit img { width: 100%; height: auto; }
/*.box_tit span {  background: #20961c; color: #fff; padding: 5px 15px;   }*/
.box_txt { text-align: center; line-height: 2em; font-weight: bold; font-size: 18px; }

/*.box { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; position: relative; }
.boxL { flex-basis: 48%; max-width: 48%; }
.boxR { flex-basis: 48%; max-width: 48%; }*/

.pop_box01 { position: absolute; top: 150px; left: 0px; width: 260px; transition-duration: 0.3s; }
.pop_box01:hover { position: absolute; top: 155px; left: 5px; width: 250px; transition-duration: 0.3s; }
.pop_box02 { position: absolute; right: 0; bottom: 0; width: 260px; transition-duration: 0.3s; }
.pop_box02:hover { position: absolute; right: 5px; bottom: 5px; width: 250px; transition-duration: 0.3s; }
.pop_box01 img,.pop_box02 img { width: 100%; height: auto; }
/*.pop_box_txt { text-align: center; color: #fff; font-size: 22px; font-weight: bold; line-height: 1.8em; }*/
.pop_box_subtxt { text-align: center; margin-top: 20px; font-weight: bold; }

.open {
	cursor:pointer; /* マウスオーバーでカーソルの形状を変えることで、クリックできる要素だとわかりやすいように */
}
#pop-up {
	display: none; /* label でコントロールするので input は非表示に */
}
.overlay {
	display: none; /* input にチェックが入るまでは非表示に */
}
#pop-up:checked + .overlay {
	display: block;
	z-index: 9999;
	background-color: #00000070;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
}
.window {
	width: 1000px;
	padding: 30px;
	background-color: #ffffff;
	border-radius: 6px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 5%;
	left: 50%;
	transform: translate(-50%, 0%);
}


.window::-webkit-scrollbar {
height: 5px;
}

.window::-webkit-scrollbar-track {
border-radius: 0px;
background: #EEEEEE;
}

.window::-webkit-scrollbar-thumb {
border-radius: 5px;
background: #666666;
}

.text {
	font-size: 18px;
	margin: 0;
	overflow-y: scroll;
	scrollbar-width: thin;
	max-height: 85vh;
}
.close {
	cursor:pointer;
	position: absolute;
	top: 4px;
	right: 4px;
	font-size: 30px;
}

.pop_txt { line-height: 1.8em; margin-top: 15px; }



#pop-up02,#pop-up03,#pop-up04,#pop-up05,#pop-up06,#pop-up07 { display: none; }
#pop-up02:checked + .overlay,#pop-up03:checked + .overlay,#pop-up04:checked + .overlay,#pop-up05:checked + .overlay,#pop-up06:checked + .overlay,#pop-up07:checked + .overlay {	display: block;
	z-index: 9999;
	background-color: #00000070;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;}

.pop_img { width: 90%; margin: 15px auto;}
.pop_img img { width: 100%; height: auto; }

.pop_txt span { font-weight: bold; }

#service { margin-bottom: 100px; }
.service_tit { width: 650px; margin: 0 auto 50px; }
.service_tit img { width: 100%; height: auto; }

.service_list { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; }
.service_list li { flex-basis: 48%; max-width: 48%; list-style: none; box-sizing: border-box; padding: 15px; border: 3px solid #f29b00; position: relative; padding-left: 80px;  background: #fff; }
.service_list li a { color: #333; }
.service_list li:nth-child(n+3) { margin-top: 50px; }
.service_list li:nth-of-type(5) { flex-basis: 100%; max-width: 100%; }
.service_list li:nth-of-type(5):hover { flex-basis: 100%; max-width: 100%; border: 3px solid #4c9b48; transition-duration: 0.3s; }
.service_list_num { padding: 10px; background: #f29b00; color: #fff; text-align: center; font-size: 18px; font-weight: bold; line-height: 1.5em;   box-sizing: border-box; height: 100%;  position: absolute; left: 0; top: 0; display: flex; align-items: center; }
.service_list li:nth-of-type(5):hover .service_list_num { padding: 10px; background: #4c9b48; color: #fff; text-align: center; font-size: 18px; font-weight: bold; line-height: 1.5em;   box-sizing: border-box; height: 100%;  position: absolute; left: 0; top: 0; display: flex; align-items: center; transition-duration: 0.3s; }
.service_list_num span { display: block; font-size: 26px; }
.service_list_tit { font-weight: bold; font-size: 18px; line-height: 2em; margin-bottom: 10px; }
.service_list_tit span { display: block; font-size: 36px; }

.service_list_point { position: absolute; top: 10px; right: 10px; width: 120px;  }
.service_list_point img { width: 100%; height: auto; }

.service_list_txt { font-size: 16px; font-weight: bold; }

.service_box05 { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; }
.service_box05L { flex-basis: 60%; max-width: 60%; }
.service_box05R { flex-basis: 35%; max-width: 35%; }
.service_box05_img { width: 100%; margin: 0 auto; }
.service_box05_img img { width: 100%; height: auto; }

#charm { margin-bottom: 80px; }

.charm_tit { width: 560px; margin: 0 auto 50px; }
.charm_tit img { width: 100%; height: auto; }


.charm_logo_list { width: 80%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: center; margin-top: 50px; align-items: center; }
.charm_logo_list li { margin-right: 30px; list-style: none; }

.charm_list { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; margin-top: 50px; justify-content: space-between; } 
.charm_list li { flex-basis: 48%; max-width: 48%; list-style: none; padding: 25px; box-sizing: border-box; background: #f29b00; }
.charm_list li:nth-child(n+3) { margin-top: 30px; }
.charm_list_tit { font-size: 18px; font-weight: bold; color: #fff; margin-bottom: 15px; }
.charm_list_tit span { padding: 5px; background: #fff; color: #f29b00; margin-right: 10px; }
.charm_list_txt { color: #fff; line-height: 1.8em; }


.charm_list_link { width: 300px; margin-top: 10px; }
.charm_list_link a { display: block; }
.charm_list_link img { width: 100%; height: auto; }


.detail_box { margin-bottom: 50px; }
.detail_tit { font-size: 20px; text-align: center; color: #fff; padding: 3px 8px; border-radius: 10px; background: #4c9b48; font-weight: bold; margin-bottom: 30px;  }

.detail_txt { font-size: 16px; font-weight: 500; }

.text .detail_txt{ font-size: 22px; color: #e89612; }

.detail_subtit { font-size: 22px; font-weight: bold; color: #e89612; margin-bottom: 15px; line-height: 1em; border-left: 3px solid #e89612; padding: 3px; padding-left: 10px; }



.stay_list { width: 100%; margin: 50px auto 30px; display: flex; flex-wrap: wrap; justify-content: space-between; }
.stay_list li { flex-basis: 48%; max-width: 48%; list-style: none; box-sizing: border-box; padding: 15px; border: 1px solid #e89612; }
.stay_list li .stay_list_tit { font-size: 18px; font-weight: bold; margin-bottom: 10px; color: #e89612; }
.stay_list li .stay_list_txt { line-height: 1.8em; }



.detail_table { width: 100%; margin: 0 auto; }

.detail_table {
width: 100%;
background: #fff;
margin-top: 30px;
margin-bottom: 30px;
border-left: 1px solid #ededed;
border-right: 1px solid #ededed; 
} 
.detail_table .thead {
background: rgba(242,155,0,0.7);
color: #fff;
padding: 10px; 
}
.detail_table .thead th:nth-of-type(2) { border-left: 1px solid #fff; }
.detail_table th { padding: 10px; text-align: left; border-right: 1px solid #ededed; border-bottom: 1px solid #ededed; }
.detail_table th span { background: #e89612; color: #fff; margin-right: 10px; display: inline-block; width: 30px; height: 30px; border-radius: 30px; text-align: center; box-sizing: border-box; line-height: 30px;  }
.detail_table td { padding: 10px; border-bottom: 1px solid #ededed; text-align: right; }
	
.detail_table.stay_table th { text-align: center; border: 1px solid #ccc; }
.detail_table.stay_table td { text-align: center; padding: 10px; border: 1px solid #ccc; }


.detail_cap { color: #ff0000; font-weight: bold; }

.detail_txt span { font-size: 20px; font-weight: bold; }
	
	
.detail_box06 { margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 15px; border: 3px solid #f29b00; }
.detail_box06L { flex-basis: 43%; max-width: 43%; }
.detail_box06R { flex-basis: 55%; max-width: 55%; }
.detail_box06_img { width: 100%; margin: 0 auto; }
.detail_box06_img img { width: 100%; height: auto; }

	
.highlight-text{ background: linear-gradient(transparent 75%,#f29b00 0); }


.support_list { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; }
.support_list li { flex-basis: 48%; max-width: 48%; list-style: none; box-sizing: border-box; padding: 15px; border: 1px solid #e89612; }
.support_list_tit { font-size: 18px; font-weight: bold; margin-bottom: 10px; color: #e89612; }
.support_list_txt { line-height: 1.8em; }



.flow {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: space-between;
-ms-flex-pack: space-between;
justify-content: space-between;
}
.flow > li {
-ms-flex-preferred-size: 17.5%;
flex-basis: 17.5%;
list-style: none;
}
.flow > li .icon {
font-family: 'Montserrat', sans-serif;
font-size: 18px;
line-height: 50px;
width: 50px;
color: #fff;
background: #e89612;
margin: 0 auto 20px;
display: block;
border-radius: 50%;
text-align: center;
position: relative;
letter-spacing: 2px;
}
.flow > li .icon::before {
content: "";
border: solid transparent;
border-width: 8px;
border-top-color: #e89612;
position: absolute;
top: calc(100% - 2px);
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.flow > li dl {
padding: 30px 20px;
margin: 0;
border: 3px solid #e89612;
position: relative;
}
.flow > li:not(:last-child) dl::before {
content: "";
width: 14px;
height: 14px;
margin-right: 10px;
display: inline-block;
border-top: 4px solid #e89612;
border-right: 4px solid #e89612;
position: absolute;
top: calc(50% - 14px);
left: 104%;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.flow > li dl dt {
font-size: 45px;
font-weight: 600;
color: #e89612;
line-height: 1em; 
margin-bottom: 10px;
text-align: center;
}

.flow > li dl dd { text-align: center; font-size: 14px; font-weight: bold; }


.flow.stay_flow > li {
-ms-flex-preferred-size: 12%;
flex-basis: 12%;
list-style: none;
position: relative;
}
.flow.stay_flow > li dl {
border: none;
position: relative;
padding: 10px;
}
.flow.stay_flow > li:not(:last-child) dl::before {
content: "";
width: 10px;
height: 10px;
margin-right: 10px;
display: inline-block;
border-top: 4px solid #e89612;
border-right: 4px solid #e89612;
position: absolute;
top: 70px;
left: 95%;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.flow.stay_flow > li dl dt {
font-size: 18px;
font-weight: 600;
color: #e89612;
line-height: 1em;
margin-bottom: 10px;
text-align: center;
padding: 10px;
border: 3px solid #e89612;
position: relative;
border-radius: 50%;
height: 100px;
width: 100px;
vertical-align: middle;
display: table-cell;
}

.flow.stay_flow > li dl dd { text-align: center; font-size: 16px; font-weight: bold; }


.flow2 {
padding-left: 120px;
position: relative;
}
.flow2::before {
content: "";
width: 15px;
height: 100%;
background: #eee;
margin-left: -8px;
display: block;
position: absolute;
top: 0;
left: 120px;
}
.flow2 > li {
position: relative;
list-style: none;
}
.flow2 > li:not(:last-child) {
margin-bottom: 30px;
}
.flow2 > li .icon2 {
font-size: 13px;
color: #fff;
font-weight: bold;
background: #e89612;
padding: 8px 20px;
display: block;
position: absolute;
top: 0;
left: -120px;
z-index: 100;
}
.flow2 > li .icon2::after {
content: "";
border-style: solid;
border-width: 5px 0 5px 10px;
border-color: transparent transparent transparent #e89612;
position: absolute;
top: 50%;
left: 100%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.flow2 > li dl {
padding-left: 70px;
position: relative;
}
.flow2 > li dl::before,
.flow2 > li dl::after {
content: "";
display: block;
position: absolute;
top: 15px;
}
.flow2 > li dl::before {
width: 7px;
height: 7px;
margin-top: -3px;
background: #e89612;
border-radius: 50%;
left: -4px;
}
.flow2 > li dl::after {
width: 50px;
border-bottom: 1px dashed #999;
position: absolute;
left: 5px;
}
.flow2 > li dl dt {
font-size: 20px;
font-weight: 600;
color: #e89612;
margin-bottom: 1vh;
}


.flow_box { padding: 30px; background: #fff; }


.flow3 {
border: 3px solid #4c9b48;
background: #fff;
margin-top: 50px;
margin-bottom: 30px;
}
.flow3 > li {
padding: 30px;
list-style: none;
}
.flow3 > li:not(:last-child) {
border-bottom: 3px solid #4c9b48;
position: relative;
}
.flow3 > li:not(:last-child)::before,
.flow3 > li:not(:last-child)::after {
content: "";
border: solid transparent;
position: absolute;
top: 100%;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.flow3 > li:not(:last-child)::before {
border-width: 22px;
border-top-color: #4c9b48;
}
.flow3 > li:not(:last-child)::after {
border-width: 18px;
border-top-color: #fff;
}
.flow3 > li dl {
margin: 0;

}
.flow3 > li dl dt {
font-size: 22px;
font-weight: 600;
color: #4c9b48;
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
margin-right: 1vw;
text-align: center;
}
.step { width: 80%; margin: 0 auto; margin-top: 30px; }
.step li { background: rgba(242,155,0,0.7); color: #fff; border-radius: 15px; text-align: center; font-size: 16px; font-weight: bold; position: relative; box-sizing: border-box; padding: 10px;  }
.step li:nth-child(n+2) { margin-top: 30px; }
.step li::before {
font-family: "Font Awesome 5 Free";
content: "\f078";
display: block;
left: 0;
right: 0;
margin: auto;
position: absolute;
bottom: -30px; 
color: #e89612;
}
.step li:nth-of-type(3)::before { display: none; }

/*------よくあるご質問-------*/



.accordionbox {
margin: 0 auto 40px;
width: 100%;
}

.accordionbox{
width: 100%;
margin:0 auto 40px;
font-size:1em;
}
.accordionlist dt {
display:block;
background: rgba(242,155,0,0.7);
font-weight: bold; 
padding: 10px 0 10px 5px;
border-top: 1px solid #DFDFDF;
color:#FFFFFF;
}
.accordionlist dt:first-child{
border-top: none !important;
}
.accordionlist dt .title{
padding-left: 10px;
float: left;
}
.accordionlist dd{
display:none;
background: #fff;
padding:20px;
}
.accordionlist dd a{
color: #f30000;
}
.accordionlist dd span{
color: #e89612;
}
.accordion_icon,
.accordion_icon span {
display: inline-block;
transition: all .4s;
box-sizing: border-box;
}
.accordion_icon {
position: relative;
width: 30px;
float: right;
margin-right: 5px;
margin-top: 10px;
}
.accordion_icon span {
position: absolute;
left: 6px;
width: 50%;
height: 2px;
background-color: #FFFFFF;
border-radius: 4px;
-webkit-border-radius: 4px;
-ms-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
}
.accordion_icon span:nth-of-type(1) {
top: 5px;
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
}
.accordion_icon span:nth-of-type(2) {
top: 5px;
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
}
/*繝ｻ荵敖€繝ｻ・ｼ讎翫・郢ｧ鬆大ｴ帷ｸｺ・ｽ*/
.accordion_icon.active span:nth-of-type(1) {
display:none;
}
.accordion_icon.active span:nth-of-type(2) {
top: 5px;
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
}

.accordionlist dd ul {
width:100%;
margin:20px 0 0;
padding:0;
list-style-type:none;
}

.accordionlist dd ul li {
width:14%;
float:left;
margin-right:3.2%;
margin-bottom:3.2%;
}

.accordionlist dd ul li p {
font-size:1em;
text-align:center;
padding:5px 0;
}

.accordionlist dd ul li:nth-child(6n+6) {
margin-right:0;
}







}


/*sp*/
@media only screen and (max-width: 768px) {

	
#eden_hed { background: url("../images/afterschooldayservice/main_img.jpg") center center; background-size: cover; position: relative; height: 500px;   }

	
.mori_logo { position: absolute; width: 140px; bottom: 80px; right: 20px; }
.mori_logo img { width: 100%; height: auto; }

.eden_logo { position: absolute; width: 140px; bottom: 20px; right: 20px; }
.eden_logo img { width: 100%; height: auto; }

.main_icon { width: 160px; position: absolute; bottom: 140px; right: 10px; }
.main_icon img { width: 100%; height: auto; }

.main_title { width: 100px; position: absolute; top: 220px; left: 30px; }
.main_title img { width: 100%; height: auto; }

.main_txt { font-size: 45px; font-weight: bold; position: absolute; top: 0px; left: 20px; text-shadow: #fff 2px 0px, #fff -2px 0px, #fff 0px -2px, #fff 0px 2px, #fff 2px 2px, #fff -2px 2px, #fff 2px -2px, #fff -2px -2px, #fff 1px 2px, #fff -1px 2px, #fff 1px -2px, #fff -1px -2px, #fff 2px 1px, #fff -2px 1px, #fff 2px -1px, #fff -2px -1px;  }

	
#icon { display: block; position: fixed; bottom: 100px; right: 5px; z-index: 2000; }
#icon a { display: block; margin: 10px 0; width: 40px; height: 40px; }
#icon a img { width: 100%; height: auto; }


#bg_border {
background-image: -webkit-repeating-linear-gradient( 
140deg , #ffffff 0px, #ffffff 436px, #f0f0f0 436px, #f0f0f0 1136px);
background-image: -o-repeating-linear-gradient(140deg, #ffffff 0px, #ffffff 436px, #f0f0f0 436px, #f0f0f0 1136px);
background-image: repeating-linear-gradient( 
-50deg , #f0f0f0 0px, #f0f0f0 300px, #fff 300px, #fff 800px, #f0f0f0 800px, #f0f0f0 1400px,#fff 1400px, #fff 2000px);
background-position: 50% 0;
padding: 80px 0px; 
}

#box { margin-bottom: 50px; position: relative; }
	

.banner{ border: 3px solid #f29b00; margin: 0 auto; }
.banner img { width: 100%; height: auto; }


.box_tit { width: 90%; margin: 0 auto; font-weight: bold; text-align: center; margin-bottom: 30px; }
.box_tit img { width: 100%; height: auto; }
/*.box_tit span {  background: #20961c; color: #fff; padding: 5px 15px;   }*/
.box_txt { text-align: center; line-height: 2em; font-weight: bold; font-size: 14px; }

/*.box { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; position: relative; }
.boxL { flex-basis: 48%; max-width: 48%; }
.boxR { flex-basis: 48%; max-width: 48%; }*/

.boxR { display: flex; justify-content: space-around; margin-top: 20px; }
.pop_box01 { width: 160px; }
.pop_box02 { width: 160px; }
.pop_box01 img,.pop_box02 img { width: 100%; height: auto; }
/*.pop_box_txt { text-align: center; color: #fff; font-size: 22px; font-weight: bold; line-height: 1.8em; }*/
.pop_box_subtxt { text-align: center; margin-top: 20px; font-weight: bold; }

.open {
	cursor:pointer; /* マウスオーバーでカーソルの形状を変えることで、クリックできる要素だとわかりやすいように */
}
#pop-up {
	display: none; /* label でコントロールするので input は非表示に */
}
.overlay {
	display: none; /* input にチェックが入るまでは非表示に */
}
#pop-up:checked + .overlay {
	display: block;
	z-index: 9999;
	background-color: #00000070;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
}
.window {
	width: 85%;
	padding: 30px 10px;
	background-color: #ffffff;
	border-radius: 6px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}


.window::-webkit-scrollbar {
height: 5px;
}

.window::-webkit-scrollbar-track {
border-radius: 0px;
background: #EEEEEE;
}

.window::-webkit-scrollbar-thumb {
border-radius: 5px;
background: #666666;
}

.text {
	font-size: 14px;
	margin: 0;
	overflow-y: scroll;
	scrollbar-width: thin;
	max-height: 80vh;
}
.close {
	cursor:pointer;
	position: absolute;
	top: -10px;
	right: 4px;
	font-size: 30px;
}

.pop_txt { line-height: 1.8em; margin-top: 15px; }



#pop-up02,#pop-up03,#pop-up04,#pop-up05,#pop-up06,#pop-up07 { display: none; }
#pop-up02:checked + .overlay,#pop-up03:checked + .overlay,#pop-up04:checked + .overlay,#pop-up05:checked + .overlay,#pop-up06:checked + .overlay,#pop-up07:checked + .overlay {	display: block;
	z-index: 9999;
	background-color: #00000070;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;}

.pop_img { width: 90%; margin: 15px auto;}
.pop_img img { width: 100%; height: auto; }

.pop_txt span { font-weight: bold; }

#service { margin-bottom: 50px; }
.service_tit { width: 90%; margin: 0 auto 30px; }
.service_tit img { width: 100%; height: auto; }

.service_list { width: 100%; margin: 0 auto; }
.service_list li { list-style: none; box-sizing: border-box; padding: 10px; border: 3px solid #f29b00; position: relative; margin-top: 20px; padding-left: 50px; background: #fff; }
.service_list li a { color: #333; }
.service_list_num { padding: 5px; background: #f29b00; color: #fff; text-align: center; font-size: 16px; font-weight: bold; line-height: 1.5em;   box-sizing: border-box; height: 100%;  position: absolute; left: 0; top: 0; display: flex; align-items: center; }
.service_list_num span { display: block; font-size: 20px; }
.service_list_tit { font-weight: bold; font-size: 16px; line-height: 2em; margin-bottom: 10px; }
.service_list_tit span { display: block; font-size: 26px; }

.service_list_point { width: 90px; margin: 0 0 0 auto; }
.service_list_point img { width: 100%; height: auto; }

.service_list_txt { font-size: 14px; font-weight: bold; }

.service_box05 { width: 100%; margin: 0 auto; }
.service_box05L {  }
.service_box05R {  }
.service_box05_img { width: 100%; margin: 0 auto; }
.service_box05_img img { width: 100%; height: auto; }

#charm { margin-bottom: 50px; }

.charm_tit { width: 90%; margin: 0 auto 30px; }
.charm_tit img { width: 100%; height: auto; }


.charm_logo_list { width: 80%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 30px; align-items: center; }
.charm_logo_list li { width: 30%; list-style: none; }

.charm_list { width: 100%; margin: 0 auto; margin-top: 30px; } 
.charm_list li { list-style: none; margin-top: 20px; padding: 15px; box-sizing: border-box; background: #f29b00; }
.charm_list_tit { font-size: 16px; font-weight: bold; color: #fff; margin-bottom: 15px; }
.charm_list_tit span { padding: 5px; background: #fff; color: #f29b00; margin-right: 10px; }
.charm_list_txt { color: #fff; line-height: 1.8em; }


.charm_list_link { margin-top: 10px; }
.charm_list_link a { display: block; }
.charm_list_link img { width: 100%; height: auto; }


.detail_box { margin-bottom: 50px; }
.detail_tit { font-size: 16px; text-align: center; color: #fff; padding: 0px 8px; border-radius: 10px; background: #4c9b48; font-weight: bold; margin-bottom: 20px;  }

.detail_txt { font-size: 14px; font-weight: 500; }

.text .detail_txt{ font-size: 16px; color: #e89612; }

.detail_subtit { font-size: 18px; font-weight: bold; color: #e89612; margin-bottom: 15px; line-height: 1em; border-left: 3px solid #e89612; padding: 3px; padding-left: 10px; }


.stay_box .detail_txt { margin: 0 auto 50px; }

.stay_list { width: 100%; margin: 50px auto 30px; }
.stay_list li { list-style: none; box-sizing: border-box; margin-top: 20px; padding: 10px; border: 1px solid #e89612; }
.stay_list li .stay_list_tit { font-size: 16px; font-weight: bold; margin-bottom: 10px; color: #e89612; }
.stay_list li .stay_list_txt { line-height: 1.8em; }



.detail_table { width: 100%; margin: 0 auto; }

.detail_table {
width: 100%;
background: #fff;
margin-top: 30px;
margin-bottom: 30px;
border-left: 1px solid #ededed;
border-right: 1px solid #ededed; 
} 
.detail_table .thead {
background: rgba(242,155,0,0.7);
color: #fff;
padding: 10px; 
}
.detail_table .thead th:nth-of-type(2) { border-left: 1px solid #fff; }
.detail_table th { padding: 10px; text-align: left; border-right: 1px solid #ededed; border-bottom: 1px solid #ededed; }
.detail_table th span { background: #e89612; color: #fff; margin-right: 10px; display: inline-block; width: 30px; height: 30px; border-radius: 30px; text-align: center; box-sizing: border-box; line-height: 30px;  }
.detail_table td { padding: 10px; border-bottom: 1px solid #ededed; text-align: right; }
	
.detail_table.stay_table th { text-align: center; border: 1px solid #ccc; }
.detail_table.stay_table td { text-align: center; padding: 10px; border: 1px solid #ccc; }


.detail_cap { color: #ff0000; font-weight: bold; }

.detail_txt span { font-size: 20px; font-weight: bold; }
	
	
.detail_box06 { margin: 0 auto; padding: 10px; border: 2px solid #f29b00; }
.detail_box06L {  }
.detail_box06R {  }
.detail_box06_img { width: 100%; margin: 0 auto; }
.detail_box06_img img { width: 100%; height: auto; }

	
.highlight-text{ background: linear-gradient(transparent 75%,#f29b00 0); }


.support_list { width: 100%; margin: 0 auto; }
.support_list li { list-style: none; box-sizing: border-box; margin-top: 20px; padding: 10px; border: 1px solid #e89612; }
.support_list_tit { font-size: 16px; font-weight: bold; margin-bottom: 10px; color: #e89612; }
.support_list_txt { line-height: 1.8em; }



.flow {

}
.flow > li {
width: 100%;
list-style: none;
}
.flow > li .icon {
font-family: 'Montserrat', sans-serif;
font-size: 18px;
line-height: 50px;
width: 50px;
color: #fff;
background: #e89612;
margin: 0 auto 20px;
display: block;
border-radius: 50%;
text-align: center;
position: relative;
letter-spacing: 2px;
}
.flow > li .icon::before {
content: "";
border: solid transparent;
border-width: 8px;
border-top-color: #e89612;
position: absolute;
top: calc(100% - 2px);
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.flow > li dl {
padding: 25px 10px;
margin: 10px;
border: 3px solid #e89612;
position: relative;
}
.flow > li:not(:last-child) dl::before {
content: "";
width: 10px;
height: 10px;
display: inline-block;
border-bottom: 4px solid #e89612;
border-right: 4px solid #e89612;
position: absolute;
bottom: 10px;
left: 0;
right: 0;
margin: auto;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.flow > li dl dt {
font-size: 35px;
font-weight: 600;
color: #e89612;
line-height: 1em; 
margin-bottom: 10px;
text-align: center;
}

.flow > li dl dd { text-align: center; font-size: 12px; font-weight: bold; }


.flow.stay_flow {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
.flow.stay_flow > li {
-ms-flex-preferred-size: 40%;
flex-basis: 40%;
list-style: none;
position: relative;
}
.flow.stay_flow > li dl {
border: none;
position: relative;
padding: 10px;
}
.flow.stay_flow > li:not(:last-child) dl::before {
content: "";
width: 10px;
height: 10px;
display: inline-block;
border-bottom: 4px solid #e89612;
border-right: 4px solid #e89612;
position: absolute;
top: 70px;
bottom: 0;
left: 95%;
margin: 0 5px 0 0;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.flow.stay_flow > li dl dt {
font-size: 18px;
font-weight: 600;
color: #e89612;
line-height: 1em;
margin-bottom: 10px;
text-align: center;
padding: 10px;
border: 3px solid #e89612;
position: relative;
border-radius: 50%;
height: 100px;
width: 100px;
vertical-align: middle;
display: table-cell;
}

.flow.stay_flow > li dl dd { text-align: center; font-size: 16px; font-weight: bold; }


.flow2 {
position: relative;
}
.flow2::before {
content: "";
width: 15px;
height: 100%;
background: #eee;
margin-left: -8px;
display: block;
position: absolute;
top: 0;
left: 10px;
}
.flow2 > li {
position: relative;
list-style: none;
}
.flow2 > li:not(:last-child) {
margin-bottom: 30px;
}
.flow2 > li .icon2 {
font-size: 13px;
color: #fff;
font-weight: bold;
background: #e89612;
padding: 5px 10px;
display: block;
z-index: 100;
}
.flow2 > li dl {
padding-left: 50px;
position: relative;
}
.flow2 > li dl::before,
.flow2 > li dl::after {
content: "";
display: block;
position: absolute;
top: 15px;
}
.flow2 > li dl::before {
width: 7px;
height: 7px;
margin-top: -3px;
background: #e89612;
border-radius: 50%;
left: 5px;
}
.flow2 > li dl::after {
width: 40px;
border-bottom: 1px dashed #999;
position: absolute;
left: 5px;
}
.flow2 > li dl dt {
font-size: 16px;
font-weight: 600;
color: #e89612;
margin-bottom: 1vh;
}


.flow_box { padding: 10px; background: #fff; }


.flow3 {
border: 3px solid #4c9b48;
background: #fff;
margin-top: 50px;
margin-bottom: 10px;
}
.flow3 > li {
padding: 15px;
list-style: none;
}
.flow3 > li:not(:last-child) {
border-bottom: 3px solid #4c9b48;
position: relative;
}
.flow3 > li:not(:last-child)::before,
.flow3 > li:not(:last-child)::after {
content: "";
border: solid transparent;
position: absolute;
top: 100%;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.flow3 > li:not(:last-child)::before {
border-width: 17px;
border-top-color: #4c9b48;
}
.flow3 > li:not(:last-child)::after {
border-width: 13px;
border-top-color: #fff;
}
.flow3 > li dl {
margin: 0;

}
.flow3 > li dl dt {
font-size: 18px;
font-weight: 600;
color: #4c9b48;
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
text-align: center;
}
.step { margin: 0 auto; margin-top: 10px; }
.step li { background: rgba(242,155,0,0.7); color: #fff; border-radius: 15px; text-align: center; font-size: 16px; font-weight: bold; position: relative; box-sizing: border-box; padding: 10px;  }
.step li:nth-child(n+2) { margin-top: 30px; }
.step li::before {
font-family: "Font Awesome 5 Free";
content: "\f078";
display: block;
left: 0;
right: 0;
margin: auto;
position: absolute;
bottom: -30px; 
color: #e89612;
}
.step li:nth-of-type(3)::before { display: none; }

/*------よくあるご質問-------*/



.accordionbox {
margin: 0 auto 40px;
width: 100%;
}

.accordionbox{
width: 100%;
margin:0 auto 40px;
font-size:1em;
}
.accordionlist dt {
display:block;
background: rgba(242,155,0,0.7);
font-weight: bold; 
padding: 10px 0 10px 5px;
border-top: 1px solid #DFDFDF;
color:#FFFFFF;
}
.accordionlist dt:first-child{
border-top: none !important;
}
.accordionlist dt .title{
padding-left: 10px;
float: left;
}
.accordionlist dd{
display:none;
background: #fff;
padding: 10px 20px;
}
	
.accordionlist dd a{
color: #f30000;
}
.accordionlist dd span{
color: #e89612;
}

.accordion_icon,
.accordion_icon span {
display: inline-block;
transition: all .4s;
box-sizing: border-box;
}
.accordion_icon {
position: relative;
width: 30px;
float: right;
margin-right: 5px;
margin-top: 5px;
}
.accordion_icon span {
position: absolute;
left: 6px;
width: 50%;
height: 2px;
background-color: #FFFFFF;
border-radius: 4px;
-webkit-border-radius: 4px;
-ms-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
}
.accordion_icon span:nth-of-type(1) {
top: 5px;
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
}
.accordion_icon span:nth-of-type(2) {
top: 5px;
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
}
/*繝ｻ荵敖€繝ｻ・ｼ讎翫・郢ｧ鬆大ｴ帷ｸｺ・ｽ*/
.accordion_icon.active span:nth-of-type(1) {
display:none;
}
.accordion_icon.active span:nth-of-type(2) {
top: 5px;
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
}

.accordionlist dd ul {
width:100%;
margin:20px 0 0;
padding:0;
list-style-type:none;
}

.accordionlist dd ul li {
width:14%;
float:left;
margin-right:3.2%;
margin-bottom:3.2%;
}

.accordionlist dd ul li p {
font-size:1em;
text-align:center;
padding:5px 0;
}

.accordionlist dd ul li:nth-child(6n+6) {
margin-right:0;
}


}