@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.6em;
}
.btn-area {
	margin-top: 0;
}
.btn-area p:first-child {
	color: #3f92d7;
	font-size: 22px;
	line-height: 31px;
	text-align: center;
	font-weight: bold;
}
.btn-area .btn-planner {
	margin: 30px 0 0 0;
}
.btn-area .btn-camp {
	margin: 40px 0 0 0;
}



/* ==============================================
#shimajiro
============================================== */

#shimajiro h3,#shimajiro h4,#shimajiro h5,#shimajiro h6,#shimajiro p,#shimajiro dt,#shimajiro dd,#shimajiro li {
font-family: 'Noto Sans JP', sans-serif;
font-weight:400;
font-size: 14px;
line-height: 24px;
margin:0;
padding:0;
color:#644646;
}
#shimajiro h3,#shimajiro h4,#shimajiro h5,#shimajiro h6,#shimajiro div,#shimajiro dl,#shimajiro dt,#shimajiro dd,#shimajiro ul,#shimajiro li,#shimajiro p,#shimajiro a,#shimajiro strong,#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;
}
#shimajiro img {
border:none;
vertical-align:middle;
}
#shimajiro ul {
list-style:none;
}
#shimajiro ul:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html #shimajiro ul { display:inline-block; }
*:first-child+html #shimajiro ul { display:inline-block; }

#shimajiro a{
-webkit-transition: 0.2s ease-out;
transition: 0.2s ease-out;
}
#shimajiro a:hover{
opacity: 0.7;
}
#shimajiro .sp{
display:none!important;
}



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

#shimajiro #introduction{
background: #1cb9d1;
border-radius: 20px;
}
#shimajiro #introduction .inner{
padding: 0 0 20px 0;
}
#shimajiro #introduction h3{
padding: 20px 0 0 0;
text-align: center;
}
#shimajiro #introduction h3 img{
padding: 0 23px;
}
#shimajiro #introduction ul{
padding: 30px 0 0 0;
}
#shimajiro #introduction ul li{
width: 33.3333333333%;
float: left;
background: url("../image_202104/smjr_intr_dln.png") right repeat-y;
}
#shimajiro #introduction ul li:last-child{
background: none;
}
#shimajiro #introduction ul li a{
display: block;
font-size: 15px;
line-height: 24px;
text-align: center;
color: #FFF;
text-decoration: none;
padding: 65px 0 0 0;
}
#shimajiro #introduction ul li:nth-child(1) a{
background: url("../image_202104/smjr_intr_icn_01.png") center top no-repeat;
}
#shimajiro #introduction ul li:nth-child(2) a{
background: url("../image_202104/smjr_intr_icn_02.png") center top no-repeat;
}
#shimajiro #introduction ul li:nth-child(3) a{
background: url("../image_202104/smjr_intr_icn_03.png") center top no-repeat;
}
#shimajiro #introduction ul li a img{
display: block;
margin: 20px auto 0 auto;
}



/* #concept
---------------------------------------------- */

#shimajiro #concept{
background: #fff;
border: solid 8px #1cb9d1;
border-radius: 20px;
padding: 4px;
margin: 40px 0 0 0;
}
#shimajiro #concept .inner{
border: solid 2px #1cb9d1;
border-radius: 12px;
padding: 0 0 40px 0;
}
#shimajiro #concept h4{
text-align: center;
padding: 30px 0 0 0;
}
#shimajiro #concept h4 img{
}
#shimajiro #concept p{
text-align: center;
padding: 30px 0 0 0;
}
#shimajiro #concept p img{
}



/* #project
---------------------------------------------- */

#shimajiro #project{
border: solid 8px #f3ecd0;
border-radius: 20px;
background: #fffae6;
margin: 40px 0 0 0;
}
#shimajiro #project .inner{
width: 650px;
margin: auto;
}
#shimajiro #project h4{
text-align: center;
}
#shimajiro #project h4 img{
}




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

#shimajiro #map{
background: url("../image_202104/smjr_prj_bg.png");
}
#shimajiro #map h5{
}
#shimajiro #map h5 img{
}
#shimajiro #map p{
font-size: 15px;
text-align: center;
padding: 15px 0 0 0;
}
#shimajiro #map .image{
padding: 20px 0 0 0;
}
#shimajiro #map .image img{
}




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

#shimajiro #news{
height: 340px;
background: #FFF;
overflow:auto;
}
#shimajiro #news::-webkit-scrollbar{
width:10px;
}
#shimajiro #news::-webkit-scrollbar-thumb{
background: #1cb9d1;
}
#shimajiro #news::-webkit-scrollbar-track-piece:start{
background: #f4ebd0;
}
#shimajiro #news::-webkit-scrollbar-track-piece:end{
background: #f4ebd0;
}
#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;
}
#shimajiro #news dl{
float: left;
width: 200px;
margin: 0 0 0 20px;
position: relative;
}
#shimajiro #news dl dt{
line-height: 22px;
font-weight: 700;
padding: 160px 0 0 0;
}
#shimajiro #news dl dt img{
display: inline-block;
vertical-align: middle;
margin: -3px 0 0 5px;
}
#shimajiro #news dl dd{
line-height: 22px;
}
#shimajiro #news dl dd img{
display: block;
position: absolute;
top:0;
left: 0;
}
#shimajiro #news div:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html #shimajiro #news div { display:inline-block; }
*:first-child+html #shimajiro #news div { display:inline-block; }



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

#shimajiro #history{
padding: 0 0 35px 0;
}
#shimajiro #history .note{
font-size: 12px;
line-height: 12px;
text-align: right;
padding: 20px 0 0 0;
margin: 0 0 -25px 0;
}
#shimajiro #history h6{
font-size: 14px;
line-height: 14px;
font-weight: 700;
background: url("../image_202104/smjr_nws_sttl.png") top left no-repeat;
padding: 0 0 4px 22px;
margin: 15px 0 0 0;
}
#shimajiro #history p{
padding: 5px 0 0 0;
font-size: 10px;
line-height: 15px;
}



/* #report
---------------------------------------------- */

#shimajiro #report{
background: #1cb9d1;
border-radius: 20px;
padding: 4px;
margin: 40px 0 0 0;
}
#shimajiro #report .inner{
width: 680px;
margin: auto;
}
#shimajiro #report h4{
text-align: center;
padding: 35px 0 0 0;
}
#shimajiro #report h4 img{
}



#shimajiro #report-2021{
background: #FFF;
margin: 40px 0 0 0;
padding: 0 23px 60px 23px;
}
#shimajiro #report-2021 h5{
text-align: center;
padding: 40px 0 0 0;
font-size: 30px;
line-height: 40px;
letter-spacing: 2px;
}
#shimajiro #report-2021 h5 span{
display: block;
font-size: 14px;
line-height: 24px;
letter-spacing: 0;
margin: auto;
}
#shimajiro #report-2021 h5 span::before{
content: "";
display: inline-block;
width: 30px;
height: 1px;
background: #644646;
vertical-align: middle;
margin: -4px 10px 0 0;
}
#shimajiro #report-2021 h5 span::after{
content: "";
display: inline-block;
width: 30px;
height: 1px;
background: #644646;
vertical-align: middle;
margin: -4px 0 0 5px;
}
#shimajiro #report-2021 p{
line-height: 28px;
background: url("../image_202104/smjr_rpt_ln.png") bottom;
padding: 0 0 2px 0;
margin: 25px 10px 0 10px;
position: relative;
}
#shimajiro #report-2021 p::after{
content: "";
display: block;
width: 100%;
height: 1px;
background: #FFF;
position: absolute;
top:1px;
left: 0;
}
#shimajiro #report-2021 .image{
text-align: center;
margin: 0;
padding: 40px 0 0 0;
background: none;
clear: both;
}
#shimajiro #report-2021 .image img{
}
#shimajiro #report-2021 .image-l{
padding: 60px 20px 0 0;
margin: 0;
background: #FFF;
float: left;
position: relative;
z-index: 100;
}
#shimajiro #report-2021 .image-l img{
}
#shimajiro #report-2021 h6{
padding: 40px 0 0 0;
text-align: center;
}
#shimajiro #report-2021 h6 img{
}



#shimajiro #report-01{
background: #FFF;
margin: 40px 0 0 0;
padding: 0 23px 60px 23px;
}
#shimajiro #report-01 h5{
text-align: center;
padding: 40px 0 0 0;
font-size: 30px;
line-height: 40px;
letter-spacing: 2px;
}
#shimajiro #report-01 h5 span{
display: block;
font-size: 14px;
line-height: 24px;
letter-spacing: 0;
margin: auto;
}
#shimajiro #report-01 h5 span::before{
content: "";
display: inline-block;
width: 30px;
height: 1px;
background: #644646;
vertical-align: middle;
margin: -4px 10px 0 0;
}
#shimajiro #report-01 h5 span::after{
content: "";
display: inline-block;
width: 30px;
height: 1px;
background: #644646;
vertical-align: middle;
margin: -4px 0 0 5px;
}
#shimajiro #report-01 p{
line-height: 28px;
background: url("../image_202104/smjr_rpt_ln.png") bottom;
padding: 0 0 2px 0;
margin: 25px 10px 0 10px;
position: relative;
font-size: 10px;
}
#shimajiro #report-01 p::after{
content: "";
display: block;
width: 100%;
height: 1px;
background: #FFF;
position: absolute;
top:1px;
left: 0;
}
#shimajiro #report-01 .image{
text-align: center;
margin: 0;
padding: 40px 0 0 0;
background: none;
clear: both;
}
#shimajiro #report-01 .image img{

}

#shimajiro #report-01 .image-l{
padding: 60px 20px 0 0;
margin: 0;
background: #FFF;
float: left;
position: relative;
z-index: 100;
}
#shimajiro #report-01 .image-l img{
width: 320px
}
#shimajiro #report-01 h6{
padding: 40px 0 0 0;
text-align: center;
}
#shimajiro #report-01 h6 img{
width: 260px;
}
#shimajiro #report-02{
background: #FFF;
margin: 40px 0 0 0;
padding: 0 23px 20px 23px;
}
#shimajiro #report-02:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html #shimajiro #report-02 { display:inline-block; }
*:first-child+html #shimajiro #report-02 { display:inline-block; }
#shimajiro #report-02 h5{
text-align: center;
padding: 40px 0 0 0;
font-size: 30px;
line-height: 40px;
letter-spacing: 2px;
}
#shimajiro #report-02 h5 span{
display: block;
font-size: 14px;
line-height: 24px;
letter-spacing: 0;
margin: auto;
}
#shimajiro #report-02 h5 span::before{
content: "";
display: inline-block;
width: 30px;
height: 1px;
background: #644646;
vertical-align: middle;
margin: -4px 10px 0 0;
}
#shimajiro #report-02 h5 span::after{
content: "";
display: inline-block;
width: 30px;
height: 1px;
background: #644646;
vertical-align: middle;
margin: -4px 0 0 5px;
}
#shimajiro #report-02 p{
line-height: 28px;
background: url("../image_202104/smjr_rpt_ln.png") bottom;
padding: 0 0 2px 0;
margin: 25px 10px 40px 10px;
position: relative;
font-size: 10px;
}
#shimajiro #report-02 p::after{
content: "";
display: block;
width: 100%;
height: 1px;
background: #FFF;
position: absolute;
top:1px;
left: 0;
}
#shimajiro #report-02 .image{
text-align: center;
margin: 0;
padding: 40px 0 0 0;
background: none;
clear: both;
}
#shimajiro #report-02 .image img{
}
#shimajiro #report-02 .image-l{
padding: 60px 20px 0 0;
margin: 0;
background: #FFF;
float: left;
position: relative;
z-index: 100;
}
#shimajiro #report-02 .image-l img{
width: 320px;
}
#shimajiro #report-02 .image-r{
padding: 30px 0 0 20px;
margin: 0;
background: #FFF;
float: right;
position: relative;
z-index: 100;
}
#shimajiro #report-02 .image-r img{
width: 330px;
}
#shimajiro #report-02 h6{
padding: 40px 0 0 0;
text-align: center;
}
#shimajiro #report-02 h6 img{
width: 260px;
}



#shimajiro #report-03{
}
#shimajiro #report-03 p{
padding: 25px 0;
}
#shimajiro #report-03 p img{
}



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

#shimajiro #message{
height: 480px;
background: url("../image_202104/smjr_msg_bg.png") left top no-repeat;
margin: 40px 0 0 0;
}
#shimajiro #message .inner{
}
#shimajiro #message h4{
text-align: right;
padding: 55px 50px 0 0;
}
#shimajiro #message h4 img{
width: 330px;
}
#shimajiro #message p{
font-size: 16px;
line-height: 24px;
padding: 35px 0 0 350px;
}