@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');



#benesse.index #contents .ttl-bg-blue {
	margin-bottom: 0.3em;
}
.btn-area {
	width: 81.33vw;
	margin: 10vw auto 0;
}
.btn-area p:first-child {
	color: #3f92d7;
	font-size: 1.08em;
	letter-spacing: -0.05em;
	line-height: 1.2;
	text-align: center;
	font-weight: bold;
}
.btn-area .btn-planner {
	margin: 5vw 0 0 0;
}
.btn-area .btn-telno {
	margin: 5vw 0 0 0;
}
.btn-area .btn-camp {
	margin: 5vw 0 0 0;
}



/* ==============================================
#sp_shimajiro
============================================== */

#sp_shimajiro h3,#sp_shimajiro h4,#sp_shimajiro h5,#sp_shimajiro h6,#sp_shimajiro p,#sp_shimajiro dt,#sp_shimajiro dd,#sp_shimajiro li {
font-family: 'Noto Sans JP', sans-serif;
font-weight:400;
font-size: 1.1em;
line-height: 1.4em;
margin:0;
padding:0;
color:#644646;
}
#sp_shimajiro h3,#sp_shimajiro h4,#sp_shimajiro h5,#sp_shimajiro h6,#sp_shimajiro div,#sp_shimajiro dl,#sp_shimajiro dt,#sp_shimajiro dd,#sp_shimajiro ul,#sp_shimajiro li,#sp_shimajiro p,#sp_shimajiro a,#sp_shimajiro strong,#sp_shimajiro span {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
#sp_shimajiro img {
width: 100%;
height: auto;
border:none;
vertical-align:middle;
}
#sp_shimajiro ul {
list-style:none;
}
#sp_shimajiro ul:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html #sp_shimajiro ul { display:inline-block; }
*:first-child+html #sp_shimajiro ul { display:inline-block; }

#sp_shimajiro .pc{
display:none!important;
}



/* #introduction
---------------------------------------------- */

#sp_shimajiro #introduction{
background: #1cb9d1;
margin: -4% 0 0 0;
}
#sp_shimajiro #introduction .inner{
padding: 0 4% 5% 4%;
}
#sp_shimajiro #introduction h3{
padding: 5% 0 0 0;
}
#sp_shimajiro #introduction h3 img{
}
#sp_shimajiro #introduction ul{
padding: 3% 0 0 0;
}
#sp_shimajiro #introduction ul li{
background: url("../image_202104_sp/smjr_intr_dln.png") bottom left repeat-x;
background-size: auto 2px;
}
#sp_shimajiro #introduction ul li:last-child{
background: none;
}
#sp_shimajiro #introduction ul li a{
display: block;
color: #FFF;
text-decoration: none;
padding: 3% 0 4.2% 20%;
position: relative;
}
#sp_shimajiro #introduction ul li:nth-child(1) a{
background: url("../image_202104_sp/smjr_intr_icn_01.png") left no-repeat;
background-size: 17% auto;
}
#sp_shimajiro #introduction ul li:nth-child(2) a{
background: url("../image_202104_sp/smjr_intr_icn_02.png") left no-repeat;
background-size: 17% auto;
}
#sp_shimajiro #introduction ul li:nth-child(3) a{
background: url("../image_202104_sp/smjr_intr_icn_03.png") left no-repeat;
background-size: 17% auto;
}
#sp_shimajiro #introduction ul li a img{
position: absolute;
top:5px;
right: 0;
width: 33%;
margin: 3% 0 0 0;
}



/* #sp_concept
---------------------------------------------- */

#sp_shimajiro #sp_concept{
border: solid 4px #1cb9d1;
border-radius: 12px;
padding: 2px;
margin: 3% 3% 0 3%;
}
#sp_shimajiro #sp_concept .inner{
border: solid 1px #1cb9d1;
border-radius: 6px;
padding: 0 0 10% 0;
}
#sp_shimajiro #sp_concept h4{
text-align: center;
padding: 8% 0 0 0;
}
#sp_shimajiro #sp_concept h4 img{
width: 70%;
}
#sp_shimajiro #sp_concept p{
text-align: center;
padding: 9% 0 0 0;
}
#sp_shimajiro #sp_concept p img{
width: 88%;
}



/* #sp_project
---------------------------------------------- */

#sp_shimajiro #sp_project{
border-top: solid 4px #f3ecd0;
background: #fffae6;
margin: 3% 0 0 0;
}
#sp_shimajiro #sp_project .inner{
}
#sp_shimajiro #sp_project h4{
text-align: center;
}
#sp_shimajiro #sp_project h4 img{
}




/* #map
---------------------------------------------- */

#sp_shimajiro #map{
background: url("../image_202104_sp/smjr_prj_bg.png");
background-size: 2.5% auto;
}
#sp_shimajiro #map h5{
}
#sp_shimajiro #map h5 img{
}
#sp_shimajiro #map p{
font-size: 1.15em;
line-height: 1.6em;
text-align: center;
padding: 4% 0 0 0;
}
#sp_shimajiro #map .image{
padding: 8% 0 0 0;
}
#sp_shimajiro #map .image img{
}




/* #news
---------------------------------------------- */

#sp_shimajiro #news{
height: 340px;
background: #FFF;
overflow:auto;
}
#sp_shimajiro #news::-webkit-scrollbar{
width:10px;
}
#sp_shimajiro #news::-webkit-scrollbar-thumb{
background: #1cb9d1;
}
#sp_shimajiro #news::-webkit-scrollbar-track-piece:start{
background: #f4ebd0;
}
#sp_shimajiro #news::-webkit-scrollbar-track-piece:end{
background: #f4ebd0;
}
#sp_shimajiro #news div{
width: 15420px;
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
padding: 20px 0 0 0;
}
#sp_shimajiro #news dl{
float: left;
width: 200px;
margin: 0 0 0 20px;
position: relative;
}
#sp_shimajiro #news dl dt{
line-height: 22px;
font-weight: 700;
padding: 160px 0 0 0;
}
#sp_shimajiro #news dl dt img{
width: 40px;
display: inline-block;
vertical-align: middle;
margin: -3px 0 0 5px;
}
#sp_shimajiro #news dl dd{
line-height: 22px;
}
#sp_shimajiro #news dl dd img{
display: block;
position: absolute;
top:0;
left: 0;
}
#sp_shimajiro #news div:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html #sp_shimajiro #news div { display:inline-block; }
*:first-child+html #sp_shimajiro #news div { display:inline-block; }



/* #history
---------------------------------------------- */

#sp_shimajiro #history{
padding: 0 4% 8% 4%;
}
#sp_shimajiro #history .note{
font-size: 0.8em;
line-height: 0.8em;
text-align: right;
padding: 4% 0 0 0;
margin: 0 -3% -5% 0;
}
#sp_shimajiro #history h6{
font-size: 1.2em;
line-height: 1.2em;
font-weight: 700;
background: url("../image_202104_sp/smjr_nws_sttl.png") top 36% left no-repeat!important;
background-size: 5% auto!important;
padding: 0 0 1% 6%!important;
margin: 4% 0 0 0;
}
#sp_shimajiro #history p{
font-size: 0.8em;
line-height: 1.4em;
padding: 1% 0 0 0;
}



/* #sp_report
---------------------------------------------- */

#sp_shimajiro #sp_report{
background: #1cb9d1;
}
#sp_shimajiro #sp_report .inner{
}
#sp_shimajiro #sp_report h4{
text-align: center;
padding: 8% 0 0 0;
}
#sp_shimajiro #sp_report h4 img{
}



#sp_shimajiro #sp_report-2021{
background: #FFF;
margin: 8% 4% 0 4% ;
padding: 0 0 8% 0;
}
#sp_shimajiro #sp_report-2021 h5{
text-align: center;
padding: 10% 0 0 0;
font-size: 1.6em;
line-height: 1.8em;
letter-spacing: 2px;
}
#sp_shimajiro #sp_report-2021 h5 span{
display: block;
font-size: 0.6em;
line-height: 0.6em;
letter-spacing: 0;
margin: auto;
}
#sp_shimajiro #sp_report-2021 h5 span::before{
content: "";
display: inline-block;
width: 30px;
height: 1px;
background: #644646;
vertical-align: middle;
margin: -4px 7px 0 0;
}
#sp_shimajiro #sp_report-2021 h5 span::after{
content: "";
display: inline-block;
width: 30px;
height: 1px;
background: #644646;
vertical-align: middle;
margin: -4px 0 0 0;
}
#sp_shimajiro #sp_report-2021 p{
clear: both;
font-size: 1.1em;
line-height: 1.7em;
background: url("../image_202104_sp/smjr_rpt_ln.png") bottom;
background-size: 117% auto;
padding: 0 0 0.5% 0;
margin: 4% 4% 0 4%;
position: relative;
}
#sp_shimajiro #sp_report-2021 p::after{
content: "";
display: block;
width: 100%;
height: 2px;
background: #FFF;
position: absolute;
top:0;
left: 0;
}
#sp_shimajiro #sp_report-2021 .image{
text-align: center;
padding: 8% 4% 0 4%;
margin: 0;
background: none;
}
#sp_shimajiro #sp_report-2021 .image-l{
text-align: center;
padding: 8% 4% 0 4%;
margin: 0;
background: none;
}
#sp_shimajiro #sp_report-2021 h6{
padding: 4% 0 0 0!important;
background: none!important;
}
#sp_shimajiro #sp_report-2021 h6 img{
}



#sp_shimajiro #sp_report-01{
background: #FFF;
margin: 8% 4% 0 4% ;
padding: 0 0 8% 0;
}
#sp_shimajiro #sp_report-01 h5{
text-align: center;
padding: 10% 0 0 0;
font-size: 1.6em;
line-height: 1.8em;
letter-spacing: 2px;
}
#sp_shimajiro #sp_report-01 h5 span{
display: block;
font-size: 0.6em;
line-height: 0.6em;
letter-spacing: 0;
margin: auto;
}
#sp_shimajiro #sp_report-01 h5 span::before{
content: "";
display: inline-block;
width: 30px;
height: 1px;
background: #644646;
vertical-align: middle;
margin: -4px 7px 0 0;
}
#sp_shimajiro #sp_report-01 h5 span::after{
content: "";
display: inline-block;
width: 30px;
height: 1px;
background: #644646;
vertical-align: middle;
margin: -4px 0 0 0;
}
#sp_shimajiro #sp_report-01 p{
clear: both;
font-size: 1.1em;
line-height: 1.7em;
background: url("../image_202104_sp/smjr_rpt_ln.png") bottom;
background-size: 117% auto;
padding: 0 0 0.5% 0;
margin: 4% 4% 0 4%;
position: relative;
}
#sp_shimajiro #sp_report-01 p::after{
content: "";
display: block;
width: 100%;
height: 2px;
background: #FFF;
position: absolute;
top:0;
left: 0;
}
#sp_shimajiro #sp_report-01 .image{
text-align: center;
padding: 8% 4% 0 4%;
margin: 0;
background: none;
}
#sp_shimajiro #sp_report-01 .image-l{
display: none;
}
#sp_shimajiro #sp_report-01 h6{
padding: 4% 0 0 0!important;
background: none!important;
}
#sp_shimajiro #sp_report-01 h6 img{
}



#sp_shimajiro #sp_report-02{
background: #FFF;
margin: 8% 4% 0 4% ;
padding: 0 0 8% 0;
}
#sp_shimajiro #sp_report-02 h5{
text-align: center;
padding: 10% 0 0 0;
font-size: 1.6em;
line-height: 1.8em;
letter-spacing: 2px;
}
#sp_shimajiro #sp_report-02 h5 span{
display: block;
font-size: 0.6em;
line-height: 0.6em;
letter-spacing: 0;
margin: auto;
}
#sp_shimajiro #sp_report-02 h5 span::before{
content: "";
display: inline-block;
width: 30px;
height: 1px;
background: #644646;
vertical-align: middle;
margin: -4px 7px 0 0;
}
#sp_shimajiro #sp_report-02 h5 span::after{
content: "";
display: inline-block;
width: 30px;
height: 1px;
background: #644646;
vertical-align: middle;
margin: -4px 0 0 0;
}
#sp_shimajiro #sp_report-02 p{
clear: both;
font-size: 1.1em;
line-height: 1.7em;
background: url("../image_202104_sp/smjr_rpt_ln.png") bottom;
background-size: 117% auto;
padding: 0 0 0.5% 0;
margin: 4% 4% 0 4%;
position: relative;
}
#sp_shimajiro #sp_report-02 p::after{
content: "";
display: block;
width: 100%;
height: 2px;
background: #FFF;
position: absolute;
top:0;
left: 0;
}
#sp_shimajiro #sp_report-02 .image-l,
#sp_shimajiro #sp_report-02 .image-r{
text-align: center;
padding: 8% 4% 0 4%;
margin: 0;
background: none;
}
#sp_shimajiro #sp_report-02 .image-l::after{
display: none;
}
#sp_shimajiro #sp_report-02 .image-r::after{
display: none;
}
#sp_shimajiro #sp_report-02 h6{
padding: 4% 0 0 0!important;
background: none!important;
}
#sp_shimajiro #sp_report-02 h6 img{
}



#sp_shimajiro #sp_report-03{
}
#sp_shimajiro #sp_report-03 p{
padding: 4.4% 0 0 0;
}
#sp_shimajiro #sp_report-03 p img{
}



/* #message
---------------------------------------------- */

#sp_shimajiro #message{
background: url("../image_202104_sp/smjr_msg_bg.png") center top no-repeat;
background-size: 100% auto;
margin: 4% 0 0 0;
}
#sp_shimajiro #message .inner{
}
#sp_shimajiro #message h4{
padding: 5% 0 0 0;
}
#sp_shimajiro #message h4 img{
}
#sp_shimajiro #message p{
font-size: 1.1em;
line-height: 1.6em;
text-align: center;
padding: 16% 0 0 0;
}