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

/*----------------------------------------------------------------------------
 ***                                                        breadcrumbArea
----------------------------------------------------------------------------*/
#breadcrumbArea{}
#breadcrumbArea .breadcrumbInner{max-width: 1100px;padding:0.5em 0; width: 90%; margin:0em auto;}
#breadcrumbArea .breadcrumbInner li{font-size: 13px;}
#breadcrumbArea .breadcrumbInner li a{color: #231815;}
#breadcrumbArea .breadcrumbInner li:not(:last-child):after{
	content: "";
    display: inline-block;
    border: 0.4em solid transparent;
    border-left: 9px solid #00A199;
    border-right: 0em solid transparent;
    width: 0;
    height: 0;
    margin: 0 0.8em 0 1em;
}
/*-------------content-----------------*/
#img_top{
    margin-top: 2em;
}
#img_top .titleBox{}
#img_top .titleBox h2{
    font-size: 30px;
    font-weight: bold;
}
#img_top .titleBox .english{
	margin:0;
	padding:0;
	font-size: 13px;
	margin-bottom:5%;
	text-align: center;
	font-weight: bold;
}
#img_top .img_top{
		width:100%;
	height:auto;
	margin:0; padding:0;
}

#img_top .ele-back{
    font-size: 14px;
    background:url(/elementary/images/img_back_ele.jpg) no-repeat;
    background-size: 100% auto;
    width: 100%;
    padding: 4% 6em 4% 6%;
    margin: 0% auto 2em
}

#img_top .junior-back{
    font-size: 14px;
    background:url(/junior/images/img_back_junior.jpg) no-repeat;
    background-size: 100% auto;
    width: 100%;
    padding: 4% 6em 4% 6%;
    margin: 0% auto 2em
}

#img_top .highschool-back{
    font-size: 14px;
    background:url(/highschool/images/img_back_highschool.jpg) no-repeat;
    background-size: 100% auto;
    width: 100%;
    padding: 4% 6em 4% 6%;
    margin: 0% auto 2em
}
/*----------------------------------------------------------------------------
 ***                                                         contents_jump_box
----------------------------------------------------------------------------*/
#contents_jump_box{
    width: 90%;
    padding: 0% 0 6%;
    margin: 0% auto;
    /* flex-wrap: wrap; */
}
#contents_jump_box ul{
    display: flex;
    flex-wrap: wrap;
    gap: 5px 0;
    padding: 0;
    list-style: none;
    }

#contents_jump_box ul li{
	width: 49%;
	border: 2px solid #922b5e;
	border-radius: 9px;
	box-sizing: border-box;
	position: relative;
	text-align: center;
	border-radius: 9px;
	}
#contents_jump_box ul li a{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.8em 2em;
    color: #922b5e;
    font-size: 19px;
    font-weight: bold;
    text-decoration: none;
    width: 100%;
    box-sizing: border-box;
    }
#contents_jump_box ul li::after {
    content: "";
    position: absolute;
    display: block;
    CONTAIN-INTRINSIC-BLOCK-SIZE: AUTO 100PX;
    width: 0.7em;
    height: 0.7em;
    border-right: 4px solid #c894ae;
    border-bottom: 4px solid #c894ae;
    transform-origin: center;
    opacity: 1;
    transform: rotate(45deg);
    right: 18px;
    top: 17px;
}
/*----------------------------------------------------------------------------
 ***                                                        seisekiUp
----------------------------------------------------------------------------*/
#seisekiUp{
	background-color:#c7b299;
}
#seisekiUp .sectionInner{
    width: 90%;
    padding: 6% 0 6%;
    margin: 0% auto;
}
#seisekiUp ul{ padding:2% 0 3%;}

#seisekiUp ul.kodawari li img{
	width:100%;
}
#seisekiUp ul li img{
	width:3%;
	margin-bottom:1%;
}
#seisekiUp .seisekibox li{
	padding-left: 2em;
	/* padding: 1%; */
	position: relative;
	font-size: 16px;
}
#seisekiUp .seisekibox li::before {
	content: "";
	position: absolute;
	width: 18px;
	height: 20px;
	background-image: url(/elementary/images/icon_check.png);
	left: 0em;
	top: 0em;
}
.kodawari{
	width:90%;
	margin:auto;
	padding-bottom:5%;
	display:flex;
}

#seisekiUp ul.kodawari li{
	margin:0; padding:0;
	display:inline-block;
	margin-right:auto;
	width:calc(94% / 6);
}
#seisekiUp ul.kodawari li:last-child{ margin-right:0;}


#seisekiUp ul.kodawari_p li img{
	width:100%;
	height: auto;
}


#seisekiUp ul.kodawari_p li{
	margin:0; padding:0;
	display:inline-block;
	margin-right:auto;
	width:calc( 87% / 5);
}
#seisekiUp ul.kodawari_p li:last-child{ margin-right:0;}

/*----------------------------------------------------------------------------
 ***                                                        #tokutyou
----------------------------------------------------------------------------*/
#tokutyou{
    box-shadow: 0 9px 16px -6px rgba(0, 0, 0, 0.1);
}
#tokutyou .sectionInner{}
#tokutyou .sectionInner .titleBox{
    display: flex;
    justify-content: center;
}
#nagareSec .sectionInner .titleBox h2,
#planSec h2,
#tokutyou .sectionInner .titleBox h2{
    font-size: 30px;
    font-weight: bold;
    color: var(--COLOR-RED);
    position: relative;
    display: inline-block;
    text-align: center;
    margin: 0 auto;
    padding-left: 1.1em;
}
#nagareSec .sectionInner .titleBox h2::before,
#planSec h2::before,
#tokutyou .sectionInner .titleBox h2::before {
    content: "";
    position: absolute;
    width: 31px;
    height: 41px;
    background-image: url(/elementary/images/img_aR01.png);
    left: 0em;
    top: 0em;
}
#tokutyou .sectionInner .tokutyouBox{}
#tokutyou .sectionInner .tokabout .tok-txt{}
#tokutyou .sectionInner .tokabout .supimg{
    margin: 1em 0em 1em 0em;
}
#tokutyou .sectionInner .tokabout .supimg img{}
#tokutyou .sectionInner .tokabout .moji{}
#tokutyou .sectionInner .tokabout .syohyo{}
#tokutyou .sectionInner .tokabout .syohyo img{}

/*----------------------------------------------------------------------------
 ***                                                       共通
-------------------------------------------------------------------*/
.tokabout .point h3{position:relative;padding-left: 1em;font-size: 20px;font-weight: bold;}

.tokabout .point h3 span{
    font-size: 14px;
    padding-left: 1em;
}
.tokabout .point h3::before{content: "■";position:absolute;left: 0;color: var(--COLOR-RED);}


/*----------------------------------------------------------------------------
 ***                                                       #kankyou
----------------------------------------------------------------------------*/
#tokutyou .tokutyouBox .SupportBox{border-top:none;padding: 1em 0 3em;}
#tokutyou .tokabout{
    padding: 2em 0 3em;
    border-top: #666 dashed 2px;
}
#tokutyou .tokabout .kankyouabout{
    margin-bottom: 1em;
}
#tokutyou .tokabout .kankyouabout .moji{}
#tokutyou .tokabout .kankyouabout img{
    width: 100%;
    height: auto;
}
#tokutyou .tokabout .jisyu{
    background: #d9f1f0;
    padding: 3% 4%;
    border-radius: 1em;
}
#tokutyou .tokabout .jisyu .jisyuttl{
    position: relative;
    padding-left: 1em;
    font-size: 19px;
    font-weight: bold;
}
#tokutyou .tokabout .jisyu .jisyuttl::before {
    content: "▶";
    position: absolute;
    left: 0;
    color: #3b93a2;
}
#tokutyou .tokabout .jisyu .jisyutxt{}
#tokutyou .tokabout .jisyu .jisyutxt span{color: #3b93a2;font-weight: bold;}
#tokutyou .tokabout .jisyu ul{}
#tokutyou .tokabout .jisyu ul li{}
#tokutyou .tokabout .jisyu ul li img{}
#tokutyou .tokabout .jisyu ul li img{
	width:100%;
	padding-left:2%;
}
#tokutyou .tokabout .jisyu ul li{
	display:inline-block;
	margin-right:1%;
	width:31%;
}

#tokutyou .tokabout .testttl{
    background: #e2ecee;
    padding: 3% 4%;
    border-radius: 1em;
}

#tokutyou .tokabout .testttl .testtxt span{color: #3b93a2;font-weight: bold;}

/*----------------------------------------------------------------------------
 ***                                                       kankyou
----------------------------------------------------------------------------*/

#koushi{
	margin-bottom:5%;
	border-top:#666 dashed 2px;
	margin:auto;
}
#tokutyou .tokabout .subttl-Box .subtxt{}
#tokutyou .tokabout .ssbox{
    background: #efdfe7;
    padding: 3% 4%;
    border-radius: 1em;
}

#tokutyou .tokabout .ssbox .ssttl{
    position: relative;
    padding-left: 1em;
    font-size: 19px;
    font-weight: bold;
    }
#tokutyou .tokabout .ssbox .ssttl::before {
    content: "▶";
    position: absolute;
    left: 0;
    color: var(--COLOR-RED);
}
#tokutyou .tokabout .ssbox .ssaboutbox{}
#tokutyou .tokabout .ssbox .ssaboutbox .moji{}
#tokutyou .tokabout .ssbox .ssaboutbox img{
    width: 100%;
    height: auto;
}

#tokutyou .tokabout .ssbox .ssaboutbox .ssleft{
    width: 45%;
}
#tokutyou .tokabout .ssbox .ssaboutbox .moji2{
    width: 70%;
    padding-left: 1em;
}
#tokutyou .tokabout .ssbox .ssaboutbox .sstxt.{}
/*----------------------------------------------------------------------------
 ***                                                       system
----------------------------------------------------------------------------*/
#system{
	width:90%;
	margin:auto;
	border-top:#666 dashed 2px;
}
#tokutyou .tokabout .sectionInner{}
#tokutyou .tokabout .titleBox{}
#tokutyou .tokabout .titleBox h2{}
#tokutyou .tokabout .systemBox{}
#tokutyou .tokabout .systemBox .systemtxt{}
#tokutyou .tokabout .systemBox img{}

/*----------------------------------------------------------------------------
 ***                                                         planSec
----------------------------------------------------------------------------*/
#planSec{
    padding: 0% 0% 5% 0%;
    box-shadow: 0 9px 16px -6px rgba(0, 0, 0, 0.1);
}
#planSec .titleBox{
    flex-wrap: wrap;
    display: flex;
    width: 90%;
    margin: 0% auto;
}

#planSec h2{
}
#planSec h3{ font-size: 200%;}
#planSec h4 {font-size: 167.5%;margin-bottom: 0em;/* padding-left: 1em; */position: relative;}

#planSec .sectionInner{
    width: 100%;
}
#planSec .sectionInner .SoloBox{
    width: 90%;
    margin: 0% auto;
}
#planSec .RoonBox h3,
#planSec .sectionInner .SoloBox h3{
    padding: 6px 8px;
    background: #403957;
    color:
    #fff;
    font-size: 25px;
    margin-bottom: 1em;
    text-align: center;
    font-weight: bold;
}
#planSec .sectionInner .SoloBox 
#planSec .sectionInner{}
#planSec .sectionInner {
}
#planSec p.floatR {float: right;width: 42%;margin-left: 3%;}
#planSec dl {/* margin-bottom: 5%; */}

#planSec .priceDetail dl{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

#planSec dt {font-size: 120%;font-weight: bold;margin-bottom: 1%;}

#planSec .priceBox{margin: 2% 0% 0% 0%;align-items: baseline;}
#planSec .priceMember{
    font-size: 100%;
}
#planSec .pricePrice{
    font-size: 120%;
}
#planSec .pricePrice span{
    font-size: 70%;
}
#planSec dd {line-height: 1.6em;}
#planSec dd.floatL {float: left;margin-right: 3%;width: 20%;}
#planSec #standard {margin-bottom: 8%;}
#planSec #free {}
#planSec #free .spacing {}
#planSec .priceTtlBox {
    border: 1px solid #c9caca;
    background: -o-linear-gradient(bottom, rgba(254, 254, 254, 1) 0%, rgba(231, 231, 231, 1) 100%);
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(254, 254, 254, 1)), to(rgba(231, 231, 231, 1)));
    background: linear-gradient(0deg, rgba(254, 254, 254, 1) 0%, rgba(231, 231, 231, 1) 100%);
    padding: 3%;
    border-radius: 5px;
}

#planSec .jmk .priceTtlBox {
    margin-bottom: 1em;
}
#planSec .priceTtlBox .priceTtlBoxInner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
#planSec .priceTtlBox h4 {font-weight: bold;font-size: 160%;line-height: 1.2em;color: #3e3a39;border-bottom: 1px solid #CCC;}
#planSec .priceTtlBox h4 span {color: #e61673;font-size: 65%;font-weight: normal;}
#planSec .priceTtlBox .priceTime {margin: 0.5em 0 0;}
#planSec .priceTtlBox .priceTime * {line-height: 1.2em;font-size: 90%;color: #3e3a39;font-weight: normal;text-align: center;}
#planSec .priceTtlBox .priceTime dt {
    margin-right: 0.3em;
}
#planSec .priceTtlBox .priceTime dd::before {content: '/';display: inline-block;width: 20px;}

#planSec .priceTtlBox .priceTime dd:nth-of-type(1)::before {
    content: normal;
    display: inline-block;
    width: 1em;
}
#planSec .priceTtlBox .priceDetail {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0.4em 0;
    -webkit-box-orient: inherit;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0.6em 0 0.4em;
    gap: 6px 1em;
}

#planSec .priceTtlBox .priceDetail dt {background: #e61673;color: #FFF;padding: 0.2em 0.5em 0;margin-right: 0.5em;font-weight: normal;line-height: 1.4em;font-size: 85%;}
#planSec .priceTtlBox .priceDetail dd {color: #3e3a39;font-size: 85%;padding: 0 0.5em;}
#planSec .priceTtlBox .priceDetail dl:last-child { margin: 0;}
#planSec #frPlan h4 span {color: #2271bc;letter-spacing: -0.03em;}
#planSec #frPlan .priceDetail dt { background: #2271bc;}
#planSec #frPlan .priceDetail dd {letter-spacing: -0.03em;}

#planSec .priceTtlBox .priceDetail dl dt{text-align: center;margin-right: 0;padding: 0.2em 0.5em 0;}

#Room {
    margin: 3em auto 0em;
    width: 90%;
}

#planSec .RoonBox .regularBox{}

#Room h4{position: relative;padding-left: 1em;}
#Room h4::before {content: "■";position:absolute;left: 0em;}

#planSec .RoonBox .regularBox h4 span,
#planSec .RoonBox .regularBox h4{
    color: #d3684e;
}
#planSec .RoonBox .premiumBox h4 span,
#planSec .RoonBox .premiumBox h4{
    color: #533767;
}
#planSec .RoonBox .lightBox h4 span,
#planSec .RoonBox .lightBox h4{
    color: #999899;
}

#planSec .RoonBox .regularBox h4 span{}
#planSec .RoonBox p{}

#planSec .RoonBox .pre-txt{font-weight: bold;padding-left: 0.25em;}
#planSec .RoonBox .pre-txt .preBox{display: flex;}
#planSec .RoonBox .pre-txt .preBox{margin:0;}
#planSec .RoonBox .pre-txt .preBox .preMember,
#planSec .RoonBox .pre-txt .preBox .prePrice{
    font-size: 1.7em;
    line-height: 1.2;
}
#planSec .RoonBox .pre-txt .preBox .prePrice span{
    font-size: 70%;
}


#planSec .RoonBox .content{
    display: flex;
}
#planSec .RoonBox .content{width:100%;margin-top: 2em;}
#planSec .RoonBox .content li{width: 30%;font-size: 100%;}
#planSec .RoonBox .freeBase .content .contentList{justify-content:center}

#planSec .RoonBox .freeBase .content{margin: 1.5em 0 0.9em;}
#planSec .schoolList a::after {
  content: "";
  position: absolute;
  top: calc(50% - 2px);
  right: 3%;
  width: 12px;
  height: 3px;
  border-radius: 9999px;
  background-color: #ffffff;
  transform-origin: calc(100% - 2px) 50%;
}

#planSec .greadBox  .priceList .content li{
    width: 25%;
    line-height: 1;
    margin: 0 0.1em;
    padding: 0.5em 0.5em 0.5em 0.6em;
    text-align: center;
    color: #fff;
    border-radius: 0.4em;
    display: flex;
    align-items: center;
    display: grid;
    /* font-size: 0.5em; */
}
#planSec .greadBox  .priceList .content .freeBase{
    background-color: #eb5757;
}
#planSec .greadBox  .priceList .content .management{
    background-color: #f2c94c;
}
#planSec .greadBox  .priceList .content .class{
    background-color: #00a199;
}
#planSec .greadBox  .priceList .content .video{
background-color: #4e4c6c;
}
#planSec .RoonBox .content{
    margin: 0.6em 0 1em;
}
#planSec .RoonBox .freeBase .content{
    margin: 1.4em 0 1em;
}
#planSec .RoonBox .content div{
    width: 30%;
    /* font-size: 93%; */
    line-height: 1;
    font-weight: bold;
    margin: 0 0.1em;
    padding: 0.5em 0.5em 0.5em 0.6em;
    text-align: center;
    border-radius: 0.4em;
    display: flex;
    align-items: center;
    display: grid;
    /* font-size: 0.5em; */
}

#planSec .RoonBox .content div{
    width: 23%;
    line-height: 1;
    padding: 0.7em 0em;
}
#planSec .RoonBoxg .content .times{
    width: 3%;
    padding: 0;
}

#planSec .RoonBox .content .freeBase{
    background-color: rgb(235,87,87,0.15);
    border: 2px solid #eb5757;
    color: #eb5757;
    /* font-size: 95%; */
    line-height: 0.5;
}
#planSec .RoonBox .content .times{
    width: 2.66%;
    padding:0;
    text-align: center;
    margin: 0 0em;
}
#planSec .RoonBox .content .management{
    background-color: #f2c94c;
}
#planSec .RoonBox .content .class{
    background-color: rgb(0,161,153,0.15);
    border: 2px solid #00a199;
    color: #00a199;
}
#planSec .RoonBox .content .test{
    background-color: rgb(249,172,0,0.15);
    color: #f9ac00;
    border: 2px solid #f9ac00;
    margin: 0;
}
#planSec .RoonBox .content .special{
    background-color: rgb(237,127,79,0.15);
    border: 2px solid #ed7f4f;
    color: #ed7f4f;
    margin: 0;
    margin-left: -0.1em;
    border-radius: 0 0.4em 0.4em 0;
    width: 20%;
}

#planSec .RoonBox .content .reservedBase{
    color: #9c4e9a;
    border: 2px solid #9c4e9a;
    margin: 0;
    background-image: url(../schools/kousha/openlp/images/img_res_back.png);
    /* width: 25%; */
    height: auto;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}

#planSec .RoonBox .content .reservedBase .title .res01{
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    
     /* 文字の紫フチ */
    -webkit-text-stroke: 3px #9c4e9a;
    paint-order: stroke fill;

    /* 角を少し丸く見せる */
    text-shadow:
         1px  1px 0 #9c4e9a,
        -1px  1px 0 #9c4e9a,
         1px -1px 0 #9c4e9a,
        -1px -1px 0 #9c4e9a;
    
    margin-right: 2px;
}





#planSec .RoonBox .content .reservedBase .title .res02{
    color: #9c4e9a;
    font-size: 12px;
}

#planSec .RoonBox .content .video{background-color: rgb(91,132,81,0.15);border: 2px solid #5b8451;color: #5b8451;}
#planSec .RoonBox .content .solopl{background-color: rgb(78,76,108,0.15);border: 2px solid #4e4c6c;color: #4e4c6c;}
#planSec .RoonBox .content .content-off{
    background-color: #e6e6e6;
}
#planSec .content .test span{
    margin:0;
    padding:0;
    margin-bottom:0.2em;
    color: #f9ac00;
}
#planSec .content p{text-align: center;line-height: 1.2em;margin: 0em 0 0em 0;}
#planSec .content .title{
    font-size: 15px;
}
#planSec .content .title span{color: #d3684e;}
#planSec .content .badge{
    border-radius: 25px;
    background: #ffffff;
    padding: 0.4em 0em;
    font-size: 11px;
}
#planSec .content .badge02{
    border-radius: 25px;
    background: #9c4e9a;
    padding: 0.4em 0em;
    font-size: 12px;
    color: #ffffff;
}
#planSec .content .badge02 span{
    font-size: 10px;
    color: #ffffff;
    margin-left: 1px;
}


#planSec .content .video .title{color: #598150;}
#planSec .content .test .title{color: #ed6b1a;}
#planSec .content .solopl .title{color: #6677a3;}

#planSec .content .tub{color: #598150;}
#planSec .content .drink{color: #d3684e;}
#planSec .content .drink02{color: #9c4e9a;}

#planSec .lightBox{}

#planSec .lightBox .lightFixedBox{
    justify-content: space-around;
}
#planSec .lightBox .FixedBox{
    width: 46%;
}
#planSec .lightBox .FixedBox .MonthlyFe{
    border: 2px solid #999899;
    /* text-align: center; */
}
#planSec .lightBox .FixedBox .MonthlyFe .title{
    font-size: 17px;
    text-align: center;
    font-weight: bold;
    color: #999899;
    border-bottom: 2px solid #999899;
    margin: 0.3em 0 0em 0;
}
#planSec .lightBox .FixedBox .MonthlyFe .title span{
    color: #00aca4;
}
#planSec .lightBox .FixedBox .MonthlyFe .about .Monttl{
    background-color: #999899;
    margin: 0em 0 0em 0;
    padding: 1.5em 0.5em 1.5em 0.5em;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
}
#planSec .lightBox .FixedBox .MonthlyFe .about{
    justify-content: space-between;
    /* gap: 0px; */
    /* padding: 0.5em 0.5em 0.5em 0.5em; */
    align-items: center;
}
#planSec .lightBox .FixedBox .MonthlyFe .about .Monpraice{
    font-size: 16px;
    font-weight: bold;
    padding: 0em 0.5em 0em 0em;
    margin: 0em 0 0em 0;
}
#planSec .lightBox .FixedBox .MonthlyFe .about .Monpraice span{
    font-size: 23px;
}
#planSec .RoonBox .lightBox .content div {
    width: 48%;
    line-height: 1;
    padding: 0.7em 0em;
}
#planSec .RoonBox .lightBox .content .times {
    width: 6.66%;
}


#plan h3 img{
	width:60%;
}

#optSec{
    background: #94295d;
    margin: 1em 0em 2em 0em;
}
#optSec .sectionInner{
    padding: 4% 2% 3% 2%;
}
#optSec .optbox{
    justify-content: center;
    gap: 4%;
    align-items: center;
}
#optSec .optbox .opt-left{}
#optSec .optbox .opt-left img{
    width: 100%;
    height: auto;
}
#optSec .optbox .opt-right{
    width: 72%;
}
#optSec .optbox .opt-right p{
    color: #fff;
    font-family: "Meiryo", "メイリオ", sans-serif;
}
#optSec .optbox .opt-right .opttxt01{
    font-weight: bold;
    font-size: 19px;
    line-height: 1.2em;
}
#optSec .optbox .opt-right .opttxt01 span{
    color: #fff;
    font-size: 86%;
}
#optSec .optbox .opt-right .opttxt02{
    margin: 0.3em 0 0em 0;
}



	/*----------------------------------------------------------------------------
 ***                                                         areaRyoukinSec
----------------------------------------------------------------------------*/
#areaRyoukinSec{
    box-shadow: 0 9px 16px -6px rgba(0, 0, 0, 0.1);
}
#areaRyoukinSec .sectionInner{
    /* border-top: #999 dotted 1px; */
}
#areaRyoukinSec .sectionInner .titleBox{
    text-align: center;
}
#areaRyoukinSec .sectionInner .titleBox h2{
    color: #882963;
    padding: 0em 0em;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    font-size: 32px;
    align-items: normal;
}
#areaRyoukinSec .sectionInner .titleBox h2::before{
    content: "";
    position: static;
    width: 31px;
    height: 41px;
    background: url(/elementary/images/img_aR01.png);
    }
#areaRyoukinSec .sectionInner .titleBox .description{font-weight: bold;margin: 0.3em 0 2em 0;}
#areaRyoukinSec .sectionInner .titleBox .aRbtn{}
#areaRyoukinSec .sectionInner .titleBox .aRbtn a{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    width: auto;
    background: #882963;
    margin: auto 2%;
    border-radius: 12px;
    padding: 0.5em 3.8em;
    color: #FFF;
    font-weight: 700;
    font-size: 140%;
    text-decoration: none;
}
#areaRyoukinSec .sectionInner .titleBox .aRbtn a::before{
    content: "";
    width: 19px;
    height: 18px;
    background: url(/elementary/images/img_aR02.png) no-repeat;
    background-size: contain;
    flex-shrink: 0;
    }

	/*----------------------------------------------------------------------------
 ***                                                         nagare
----------------------------------------------------------------------------*/
#nagareSec{}
#nagareSec .sectionInner{}
#nagareSec .sectionInner .titleBox{
    flex-wrap: wrap;
    display: flex;
}
#nagareSec .sectionInner .titleBox h2{
}
#nagareSec .sectionInner .titleBox p{}

#nagareSec .nagarebox{border-bottom: #999 dotted 3px;padding: 1em 0em;gap: 2%;}
#nagareSec .nagarebox .nagare-left{
    width: 10%;
}
#nagareSec .nagarebox .nagare-left img{}
#nagareSec .nagarebox .nagare-right{
    width: 88%;
}
#nagareSec .nagarebox .nagare-right h3{
    font-size: 16px;
    font-weight: bold;
}
#nagareSec .nagarebox .nagare-right p{}
#nagareSec .nagarebox .nagare-right .right-txt{
    width: 65%;
}
#nagareSec .nagarebox .nagare-right .right-img{
    width: 30%;
}
#nagareSec .nagarebox .nagare-right ul{}
#nagareSec .nagarebox .nagare-right .nagareform{
    gap: 4%;
}
#nagareSec .nagarebox .nagare-right .nagareform li{
    text-align: center;
}
#nagareSec .nagarebox .nagare-right .nagareform li a{}
#nagareSec .nagarebox .nagare-right .nagareform li img{}

#nagareSec .nagarebox .nagare-right .rightbox{
    gap: 5%;
}
#nagareSec .nagarebox .nagare-right .rightbox li{}
#nagareSec .nagarebox .nagare-right .rightbox li a{}
#nagareSec .nagarebox .nagare-right .rightbox li img{
    width: 100%;
    height: auto;
}

	/*----------------------------------------------------------------------------
	 ***                                                         prefListSec
----------------------------------------------------------------------------*/
.prefListSec{background: #e6e6e6;}
.prefListSec .prefBtn a{background: #ffffff;}