@charset "UTF-8";
/*------------------------------------------------------------------

                           サーラeエナジーとは

--------------------------------------------------------------------*/
/* intro*/
.intro{
    background-image: url(/src/img/ejan/ejanMain.jpg);
    background-repeat: no-repeat;
    background-position:center;
    background-size:cover;
    margin-top:150px;
}


.introInner{
    max-width:1024px;
    padding-bottom: 280px;
    margin:0 auto;
    position:relative;
}

.intro h1{
    width:40%;
    position:absolute;
    color:#fff;
    top: 50%;
    -webkit-transform: translateY(-50%); /* Safari用 */
    transform: translateY(-50%);
    right:auto;
    text-align:center;
    font-size: 2.2rem;
}

/* 2022.02.16 add ブレス浜松注記 */
.introNteBlk{
  position: absolute;
  top: calc(100% - 4rem);
}
.introNte{
  color: rgba(255, 255, 255, 1);
  font-size: 1.125rem;
  line-height: 1.3;
}
/* 2022.02.16 add ブレス浜松注記 Fin */



/*------------------------------------------------------------------
                           共通
--------------------------------------------------------------------*/

.ejanInner{
    width:90%;
    max-width:1024px;
    margin:0 auto;
    padding:1rem 0;
}

.ejanInner h2{
    font-size:2.1rem;
    color:#47bd80;
    font-weight:bold;
    text-align:center;
    line-height:1.7;
}

.titleEn{
    font-family: 'Quicksand', sans-serif;
    font-size:1rem;
    font-weight:bold;
    color:#febf00;
    letter-spacing:0.14em;
    margin-top:0;
}

.ejanInner p{
    line-height:1.9;
}

.ejanInner dl{
    border-top: 2px solid #dcddd8;
    padding:2rem;
    font-size: 1.1rem;
}

.ejanInner dl.last{
    border-bottom: 2px solid #dcddd8;
}

.ejanInner dt{
    display:inline-block;
    width:25%;
    color: #8c8307;
    text-align:left;
    margin-bottom:0;
    vertical-align:middle;
    font-weight: 800;
}

.ejanInner dd{
    display:inline-block;
    width: 73%;
    text-align:left;
    vertical-align:middle;
    line-height: 1.5;
    font-size: 1rem;
}

.btn{
    display:block;
    text-align:center;
}

.btn a{
    background-color: #396ebe;
    display: inline-block;
    border: #5380c4 3px solid;
    color: #fff;
    font-size: 1.1rem;
    padding: 1.2rem 4rem;
    border-radius: 10px;
    position: relative;
    z-index: 1;
}

.btn a::after{
    display: inline-block;
    content: '';
    vertical-align: middle;
    width: 10px;
    height: 10px;
    border-top: 3px solid #fcda02;
    border-right: 3px solid #fcda02;
    margin-right: 0.5rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    right: 1rem;
}

.text_box{
    background: #fff;
    border-radius: 10px;
    padding:2rem;
    margin: 2rem auto;
}

.text_box02{
    background: #fcfad9;
    border-radius: 10px;
    padding: 1rem 2rem 1.5rem;
    margin: 2rem auto;
}

.text_box02 h3{
    color: #988a40;
    font-size: 1.5rem;
    text-align: center;
    font-weight: bold;
    line-height: 1.2;
    padding: 0.5rem 0;
    letter-spacing: 1px;
}

.text_box02 em{
    color:#f38402;
    font-size: 1.2em;
    font-weight:bold;
}

.text_box02 em.yen{
    display:inline-block;
}

.margin{
    padding-bottom:15rem;
}

.box{
    letter-spacing:-0.5rem;
}

.left,.right{
    display:inline-block;
    width:48%;
    vertical-align:top;
    letter-spacing:0;
    text-align:left;
    margin:0 0.7%;
}

.sp{display:none;}

/*------------------------------------------------------------------
                           eじゃんプラスとは
--------------------------------------------------------------------*/
/* ejanAbout*/
.ejanAbout{
    background:#e6f8d1;
}

.ejanAbout h2{
    padding-bottom: 1rem;
    border-bottom: 3px dotted #c2ca70;
    margin-bottom: 1.7rem;
    position: relative;
    letter-spacing: 2px;
    font-size: inherit;
}

.ejanAbout p {
    font-weight: 600;
    font-size: 1rem;
	text-align: justify;
}

.ejanAbout .photo {
	margin: 1.7rem 0;
}

/*------------------------------------------------------------------
                           申込み
--------------------------------------------------------------------*/
/* entry*/
.entry{
    text-align:center;
    background-image: url(/src/img/ejan/entryBg.jpg);
}

.entry .ejanInner{
    width:100%;
    padding:2rem 0 3rem 0;
}

.entry h2{
    color:#0177c5;
    padding:1rem 0;
}

.entry h2::before{
    display:inline-block;
    content: '';
    background-image: url(/src/img/ejan/iconMemo.png);
    width: 50px;
    height: 48px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    vertical-align:middle;
    margin-right:0.7rem;
}

.entry .btn a{
    width:100%;
    height:112px;
    color: #f39002;
    background: #fff;
    border: 4px solid #fcda02;
    box-sizing: border-box;
    border-radius: 15px;
    position: relative;
    text-align: center;
    text-align:left;
    line-height:1.3;
    padding:1.2rem 2rem;
    font-size: 1.3rem;
}

.entry .btn a em{
    font-size:1.5rem;
    padding-right: 0.2rem;
}

.entry .btn a::after{
    border-top: 3px solid #bc9b19;
    border-right: 3px solid #bc9b19;
}

.btnArea{
    letter-spacing:-0.5rem;
}

.entry .right .btn a{
    text-align:center;
    padding:2.4rem 0;
}

.definition{
    display: flex;
    justify-content: center;
    }
.definitionInnerd{}

.ejanPdf{
    display: flex;
    align-items: center;
    margin-top:1.5rem;
	font-weight: 600;
}
.ejanPdf::before{
    content: '';
    background-image: url(/src/img/ejan/iconPdf.png);
    background-repeat: no-repeat;
    vertical-align: middle;
    width: 40px;
    background-position: center;
    height: 40px;
    margin-right: 5px;
    background-size: 35px;
}
.ejanPdf a {display: block;}
.ejanPdfText{
    display: block;
    color:#3e3e3e;
    text-decoration:underline;
	font-weight: 600;
    text-align: left;
    line-height: 1.4;
    }
.ejanPdf a:hover .ejanPdfText{text-decoration: none;}
.ejanPdf .ejanPdfNote{
    display: block;
    color:#3e3e3e;
    margin-bottom: -1.5em;
    text-align: left;
    line-height: 1.4;
}


/*------------------------------------------------------------------
                           メリット
--------------------------------------------------------------------*/
/* ejanMerit*/
.ejanMerit{
    padding:90px 0;
    background-image: url(/src/img/ejan/merit01Bg.png);
    background-repeat: no-repeat;
    background-position:bottom right;
    background-size:contain;}

.ejanMerit h2{
    background: #41be7e;
    color: #fff;
    font-size: 2.1rem;
    font-weight: bold;
    text-align: center;
    letter-spacing: 0.04em;
    padding: 1.2rem;
    border-radius: 50px;
    margin-bottom: 1em;
    position:relative;
}

.ejanMerit h2::before{
    content: '';
    background-image: url(/src/img/ejan/iconMerit01.png);
    background-repeat: no-repeat;
    background-size:contain;
    width: 93px;
    height: 113px;
    position:absolute;
    bottom:0;
    left:2rem;
}

.ejanMerit01{
    padding-bottom:20rem;
}

.ejanMerit02 h2 .br{
    display:none;
}

.ejanMerit02 h2::before{
    background-image: url(/src/img/ejan/iconMerit02.png);
}

.ejanMerit p{
    font-size: 1rem;
    font-weight:bold;
}

.ejanMerit .disc{
    width:90%;
    margin:0 auto;
}
.ejanMerit .disc span {
    display: block;
    font-size: 0.9rem;
    font-weight: normal;
}
.ejanMerit .disc span {
    font-size: 14px;
    margin-top: 0.5rem;
}

.ejanMerit p.small{
    font-size: 15px;
    font-weight:normal;
    line-height: 1.8;
}

.ejanMerit p a{
    color:#1c5bba;
    text-decoration:underline;
}

.ejanMerit em{
    color:#fe842a;
}

.flow{
    letter-spacing:-0.5rem;
    margin-top:2rem;
    text-align:center;
}
.flow li{
    letter-spacing:0;
    display:inline-block;
    width:25%;
    margin-right:6%;
    position:relative;
    vertical-align:top;
    text-align:center;
    line-height:1.5;
    font-weight:bold;
}

.flow li div{
    display:inline-block;
    content: '';
    width:100%;
    height:250px;
    background-image:url(/src/img/ejan/merit0101.png);
    background-repeat: no-repeat;
    background-position:center;
    background-size:contain;
    margin-bottom:1rem;
}

.flow li .photo02{
    background-image:url(/src/img/ejan/meirt0102.png);
}

.flow li .photo03{
    background-image:url(/src/img/ejan/merit0103.png);
}

.flow li::after{
    display:block;
    content: '';
    width: 0;
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-left: 30px solid #ffd700;
    text-align: center;
    margin: 1rem auto;
    position:absolute;
    top:5.5rem;
    right:-3rem;
}

.flow li.last{
    width:27.1%;
    margin-right:0;
}

.flow li.last::after{
    display:none;
}

.ejanMerit .text_box02{
    border:4px solid #edebc3;
    padding:1.5rem 2rem 3rem 2rem;
    position:relative;
}

.ejanMerit h3 em{
    font-size:1.2em;
    color:#988a40;
    padding-right:0.5rem;
}

.ejanMerit h4{
    color:#41be7e;
    font-size:1.3rem;
    margin-top:2rem;
    margin-bottom:1rem;
}
.ejanMerit h4 br {/* display: none; */}

.biomas h3{
    padding-bottom:1rem;
}

.biomasImg{
    position:absolute;
    width:30%;
    bottom:2rem;
    right:2rem;
}

.ejanMerit02{
    background-image: url(/src/img/ejan/merit02Bg.png);
    background-repeat: no-repeat;
    background-position:bottom left;
    background-size:contain;
}


.presentmenu{
    margin-top: 35px;
    padding-top: 20px;
    padding-right: 70px;
    padding-bottom: 30px;
    padding-left: 70px;
    border-radius: 10px;
    background-image: url(/src/img/ejan/meritTitBg.jpg);
    }
    .presentmenu h3{
        margin-bottom: 20px;
        background-image: url(/src/img/ejan/meritTitBg.jpg);
        color: #f39002;
        font-size: 2.3rem;
        position: relative;
        text-align: center;
        letter-spacing: 2px;
        }
    .presentmenuInner{display: flex;}
        .presentmenuItem{
            width: calc((100% - 50px) / 2);
            background-color: #fff;
            border-radius: 10px;
        }
        .presentmenuItem:not(:last-of-type){margin-right: 50px;}
            .presentmenuLink{
                display: flex;
                flex-direction: column;
                align-items: center;
                width: 100%;
                height: 100%;
                padding-top: 15px;
                padding-bottom: 15px;
                position: relative;
                }
                .presentmenuLogo{
                    display: flex;
                    align-items: center;
                    height: 146px;
                    transition: .3s;
                    }
                    .presentmenuLink:hover .presentmenuLogo{opacity: .7;}
                    .presentmenuLogo img{display: block;}
                        .presentmenuNeofenix img{width: 228px;}
                        .presentmenuBreathhamamatsu img{width: 124px;}
                .presentmenuTeamname{
                    display: block;
                    font-size: 1.3em;
                    font-weight: bold;
                    color: #3e3e3e;
                    transition: .3s;
                    }
                    .presentmenuLink:hover .presentmenuTeamname{opacity: .7;}
                .presentmenuArrow{
                    width: 40px;
                    height: 40px;
                    background-color: #f39002;
                    border-radius: 50%;
                    position: absolute;
                    right: 17px;
                    bottom: 12px;
                    transition: .3s;
                    }
                    .presentmenuLink:hover .presentmenuArrow{opacity: .7;}
                    .presentmenuArrow::before{
                        content: "";
                        width: 10px;
                        height: 10px;
                        border-top: 3px solid #fcda02;
                        border-right: 3px solid #fcda02;
                        position: absolute;
                        top: 46%;
                        left: 50%;
                        transform: translate(-50%, -50%) rotate(135deg);
                        }

.present{margin-top: -80px;}
    .presentneofenix.present{padding-top: 165px;}
    .breathhamamatsu.present{padding-top: 260px;}

    
.presentInner{
    padding-top: 3em;
    background: #fff;
    border: 3px solid #fbdf6f;
    border-radius: 10px;
    text-align: center;
    position: relative;
    z-index: 1;
    }

.clubLogoInner{
  padding-top: 2em;
}

.present h3{
    color: #f39002;
    font-size: 1.6rem;
    padding: 1rem;
    line-height: 1.2;
    border-radius: 8px 8px 0 0;
    position: relative;
    text-align: center;
    letter-spacing: 2px;
    }
    .present h3 span{font-size: 1.2rem;}

    .presentLogo{
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        }
        .presentneofenix .presentLogo{
            width: 190px;
            top: -62px;
            }
        .breathhamamatsu .presentLogo{
            width: 140px;
            top: -100px;
            }


.tokuten{
    background:#fcfad9;
    margin:1rem;
    border-radius:5px;
    text-align:left;
    padding: 1.5rem 2rem;
    padding-left:8rem;
    position:relative;
    padding-right: 5rem;
}
.mem_photo {
    width: 93%;
    margin: 0.8rem auto 1rem;
    border-radius: 10px;
    overflow: hidden;
}
.clubLogo{
  padding: 1rem 0;
}
.clubLogoFig{
  margin: 0 auto;
  width: 40%;
}

.tokuten02 h4 + p + p {
    margin-top: 1rem;
}

.tokuten04 {
    padding-top: 2.5rem;
    padding-bottom: 3rem;
}

.tokuten::before{
    content: '';
    background-image: url(/src/img/ejan/iconTokuten01.png);
    background-repeat: no-repeat;
    background-size:contain;
    width: 64px;
    height: 95px;
    position:absolute;
    top: 50%;
    transform:translateY(-50%);
    left:1.5rem;
}

.tokuten02::before{
    background-image: url(/src/img/ejan/iconTokuten02.png);}

.tokuten03::before{
    background-image: url(/src/img/ejan/iconTokuten03.png);}

.tokuten04::before{
    background-image: url(/src/img/ejan/iconTokuten04.png);}

.tokuten05::before{
    background-image: url(/src/img/ejan/iconTokuten05.png);}

.tokutenNumNone::before{
    background-image: url(/src/img/ejan/iconTokuten.png);}

.time{
    color:#41be7e;
    display: block;
    font-size: 1.2rem;
}
.tokuten01 .time span {
    font-weight: 600;
    width: auto;
    margin-top: -0.2rem;
}
.tokuten02 .time span {
    font-weight: 600;
    width: auto;
    margin-top: -0.2rem;
}

.tokuten h4{
    color:#8e7c3a;
    margin:0;
    font-size:1.4rem;
    margin-bottom: 0.5rem;
}

.tokuten em{
    color:#f39002;
    font-size:1.3em;
}

.tokuten .presentRrequirement{
    margin-top: 0;
    font-size:1.1em;
    font-weight: bold;
    color: #36b172;
    }

.tokuten .small{
    text-indent:-1rem;
    padding-left:1rem;
    line-height:1.5;
}

.tokuten .tokutenFig{}
.tokuten .tokutenFigImage{
  text-align: center;
}

.ejanInner .tokuten03 dt, .tokuten03 dl dd {
    font-size: 15px;
}

.tokuten04 .small{
   /* text-indent:0;
    padding-left:0;*/
}

.tokuten01 .small{
    margin-top:0;
}

/*.tokuten03 .meritGoods {
    top: 3rem;
}*/
/*.tokuten04 .meritGoods {
    top: 3rem;
}*/

.meritGoods{
    width: 20%;
    position:absolute;
    top:0.5rem;
    right: 1rem;
    z-index:1;
}
.presentneofenix .tokuten01 .meritGoods {
    top: 1rem;
}
.presentneofenix .tokuten02 .meritGoods {
    top: 6rem;
  width: 37%;
}
.presentneofenix .tokuten02 .meritGoodsCaption {
  display: block;
  font-weight: 400;
  text-align: right;
}

.breathhamamatsu .tokuten01 .meritGoods {
    width: auto;
    top: 34%;
    right: 3.5em;
}

.breathhamamatsu .tokuten02 .meritGoods {
    width: auto;
    top: 50%;
    right: 2em;
    transform: translateY(-50%);
}




.text_box02.neofenix{
    margin: 1rem;
    background:#edf4fe;
    border: 0;
}

.aboutTeam h3{color: #8e7c3a;}

.neofenix .btn a{
    padding:1.2rem 4rem;
}

.neofenix p{
    font-size:1rem;
    display:inline-block;
    width:65%;
    vertical-align: middle;
    text-align: left;
}

.neofenix p.logo{
    display:inline-block;
    width:23%;
    margin-left: 11%;
}


.ejanInner .tokuten dl {
    border-top: none;
    padding: 0.5rem 0;
    font-size: 0.95rem;
}

.ejanInner .tokuten dt {
    width: auto;
    vertical-align: top;
    color: #3e3e3e;
}

.ejanInner .tokuten dd {line-height: 1.6;}

.presentList{
    max-width: 670px;
    margin-top: 50px;
    }
    .presentListItem{
        padding-top: 25px;
        padding-bottom: 25px;
        /*padding-top: 15px;
        padding-bottom: 15px;*/
        padding-left: 40px;
        background-color: #fff;
        border: 2px solid #beebf8;
        border-radius: 10px;
        position: relative;
        }
        .presentListItem:not(:last-of-type){
          margin-bottom: 35px;
          /*margin-bottom: 15px;*/
          }

    .presentList .presentListGoods{
        font-size: 1.6em;
        color: #00b0e4;
        line-height: 1.4;
        }
    .presentList .presentListNop{
        font-size: 1.7em;
        font-weight: bold;
        color: #f39004;
        line-height: 1.4;
        }
    .presentListImg{
        position: absolute;
        }
        .uniform .presentListImg{
            top: 54%;
            right: 0;
            transform: translateY(-50%)
            }
        .ball .presentListImg{
            top: 9%;
            right: -1%;
            }
        .mug .presentListImg{
            top: 5%;
            right: -15px;
            }   
        .towel .presentListImg{
            right: -30px;
            bottom: -19px;
            }

/*------------------------------------------------------------------
                           SDGs
--------------------------------------------------------------------*/
.SDGs{
    margin-top: 2em;
    background:#e5f6ff;
    border:3px solid #dbf3ff;
    border-radius: 10px;
    }
.SDGsInner{
    display: none;
    padding-top: .5em;
    }

.SDGs h2{
    margin-bottom: 0;
    padding: 0;
    background: none;
    }
.SDGs h2::before{display: none;}

.SDGs h2 a{
    color:#0e9bf8;
    border-bottom: #0e9bf8 1px solid;
}
.SDGsHopelink{
    text-align: center;
    padding-right: 15px;
    padding-left: 15px;
    }
    .ejanMerit .SDGsHopelink a{
        color: #3e3e3e;;
        text-decoration: underline;
        }
        .ejanMerit .SDGsHopelink a:hover{text-decoration: none;}

.SDGsButton{
    width: 100%;
    padding-top: 1.8em;
    padding-bottom: 1.8em;
    padding-left: 1.8em;
    border: 0;
    background:#e5f6ff;
    
    font-size: 2em;
    color:#0e9bf8;
    text-align: left;
    position: relative;
    }
    .SDGsButtonArrow{
        width: 40px;
        height: 40px;
        background-color: #0e9bf8;
        border-radius: 50%;
        position: absolute;
        top: 50%;
        right: 30px;
        transform: translateY(-50%);
        transition: .3s;
        }
        .-open .SDGsButtonArrow{transform: translateY(-50%) rotate(180deg);}
        .SDGsButtonArrow::before{
            content: "";
            width: 10px;
            height: 10px;
            border-top: 3px solid #fcda02;
            border-right: 3px solid #fcda02;
            position: absolute;
            top: 46%;
            left: 50%;
            transform: translate(-50%, -50%) rotate(135deg);
            }

.SDGs small {
    font-size: 14px;
    text-align: center;
    display: block;
    margin-top: 0.5rem;
}

.SDGs h2 a:hover {
    border-bottom: none;
}

.SDGs .text_box{
    background:#e5f6ff;
}

.SDGs p{
    margin:1rem auto;
    font-weight:bold;
}

.SDGs h3{
    border-bottom: 3px dotted #c2ca70;
    color: #988a40;
    font-size: 1.5rem;
    text-align: center;
    font-weight: bold;
    line-height: 1.2;
    padding: 2.5rem 0 0.5rem 0;
}

.SDGs h3:first-child{
    padding-top:0.5rem;
}

.SDGs .left,.SDGs .right{
    vertical-align:top;
}

.SDGs .left{
    width:49%;
}

.SDGs .right{
    width:43%;
    margin-left:4%;
}

.SDGs .br{
        display:none;
    }

.SDGsImg{
    background:#fff;
    padding:1rem;
    border-radius:8px;
    text-align:center;
    margin-bottom:1rem;
    letter-spacing:-0.5rem;
}

.SDGsImg + .btn{
    margin-bottom:1rem;
}

.SDGsImg p{
    width:30%;
    margin:0 auto 0.5rem auto;
}

.SDGsImg li{
    display:inline-block;
    width:48%;
    margin:7px;
    margin-bottom:10px;
    letter-spacing:0;
}

.SDGs .btn a em{
    font-size:1.3em;
}

.SDGs em{color: #fff;}


/*------------------------------------------------------------------

                           1800px

--------------------------------------------------------------------*/
/* @media screen and (min-width: 1800px) {
.ejanMerit {
    background-size: cover;
}
} */

/*------------------------------------------------------------------

                           1024px

--------------------------------------------------------------------*/
@media screen and (min-width: 1025px) {
.btn a:hover {
    -webkit-transform: translateY(-1px);
    -ms-transform: translateY(-1px);

    transform: translateY(-1px);
    -webkit-box-shadow: 0 4px 18px rgba(0, 0, 0, 0.2);
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.2);
}
}

@media screen and (max-width: 1024px) {
    .pageMenu{
        width:97%;
    }
    .intro {
        background-position: center right -14rem;
        margin-top: 140px;
    }
    .intro h1 {
        left: 10%;
    }
    /* 2022.02.16 add ブレス浜松注記 */
    .introNteBlk{
      left: 10%;
      top: calc(100% - 4rem);
    }
    .introNte{
      font-size: 1.8vw;
    }
    /* 2022.02.16 add ブレス浜松注記 Fin */
    .text_box02 {
		padding: 1rem;
	}
    .ejanAbout h2 div{
        width: 50%;
        margin:0 auto;
    }
    .entry h2 {
        font-size: 1.9rem;
    }

    .entry h2::before {
        background-size: 40px;
    }
    .entry .ejanInner {
        width: 97%;
    }

    .entry .btn a{
        padding: 1.2rem;
        font-size: 1rem;
        height: 100px;
    }
    .entry .btn a em{
        font-size: 1.2rem;
    }
    .entry .right .btn a{
        padding: 2rem 1.8rem;
    }
    .ejanInner .btnArea p {
        font-size: 14px;
        line-height: 1.5;
        margin-top: 0.2rem;
    }
    .tokuten h4 br {
    display: none;
    }

    .ejanMerit{
        padding: 2rem 0 8rem 0;
    }
    .ejanMerit01{
        padding-bottom:15rem;
    }
    .ejanMerit h2{
        font-size:1.8rem;
    }
    .ejanMerit .disc {
        width: 95%;
    }
    .ejanMerit p, .ejanMerit p.small, .ejanAbout p {
        font-size: 15px;
    }

    .ejanInner dd {
    width: 60%;
}
    .meritGoods {
    /*right: -1rem;*/
}
    .ejanMerit p.small br {display: none;}
    .tokuten {
        padding: 1.2rem 1.5rem 1.2rem 8rem;
    }
    .tokuten04 .small {
    width: 65%;
}
    .tokuten h4 {
        font-size: 1.3rem;
        margin-bottom: 0.5rem;
        width: 100%;
    }
    .tokuten03 p.small {
    width: 80%;
}

/*.tokuten03 .meritGoods {
    top: inherit;
    bottom: 1rem;
    width: 18%;
}*/
/*.tokuten04 .meritGoods {
    top: inherit;
    bottom: 1rem;
    width: 18%;
}*/
.presentneofenix .tokuten02 .meritGoods {
  margin: 0 auto;
  padding: 2rem 0 0;
  position: relative;
  top: inherit;
  width: 60%;
}

    .flow li div{
        height:210px;
    }
    .flow li::after{
        top:4rem;
        right:-2.5rem;
        border-top: 25px solid transparent;
        border-bottom: 25px solid transparent;
        /* border-left: 25px solid #ffd700; */
    }


.presentmenu{
    margin-top: 20px;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    }
    .presentmenu h3{
        margin-bottom: 15px;
        font-size: 1.8rem;
        }
    .presentmenuItem{width: calc((100% - 20px) / 2);}
    .presentmenuItem:not(:last-of-type){margin-right: 20px;}
    .presentmenuLogo{height: 116px;}
    .presentmenuNeofenix img{width: 182px;}
    .presentmenuBreathhamamatsu img{width: 99px;}
    .presentmenuTeamname{font-size: 1.1rem;}
    .presentmenuArrow{
        width: 30px;
        height: 30px;
        }
    .presentmenuArrow::before{
        width: 8px;
        height: 8px;
        top: 46%;
        left: 50%;
        }

.SDGsButton{
    padding-top: 1.2em;
    padding-bottom: 1.2em;
    padding-left: 1.2em;
    font-size: 1.6em;
    }

.present h3{font-size: 1.4rem;}
    .present h3 span{font-size: 1rem;}

.breathhamamatsu .tokuten01 .meritGoods {
    width: 12%;
    top: 37%;
    right: 1.5em;
}
.breathhamamatsu .tokuten02 .meritGoods {
    width: 11%;
    top: 50%;
    right: 1em;
}

.breathhamamatsu .tokuten01 .presentRrequirement,
.breathhamamatsu .tokuten02 .presentRrequirement{
    width: 80%;
    }

.tokuten .tokutenFig{}
.tokuten .tokutenFigImage{}

.presentList{margin-top: 20px;}
    .presentListItem{
        padding-top: 23px;
        padding-bottom: 23px;
        /*padding-top: 15px;
        padding-bottom: 15px;*/
        padding-left: 20px;
        }
    .presentList .presentListGoods{font-size: 1.4em;}
    .presentList .presentListNop{font-size: 1.5em;}
    .presentListImg{position: absolute;}
        .uniform .presentListImg{width: 71px;}
        .ball .presentListImg{ width: 84px;}
        .mug .presentListImg{width: 90px;}   
        .towel .presentListImg{
            width: 154px;
            bottom: -17px;
            }



}

@media screen and (max-width: 900px) {
	.SDGsImg li { width: 100%; }

  .presentneofenix .tokuten01 .meritGoods {
    margin: 0 auto;
    padding: 1rem 0 0;
    position: relative;
    top: inherit;
    width: 50%;
  }
}
/*------------------------------------------------------------------

                           750px


--------------------------------------------------------------------*/
@media screen and (max-width: 750px) {
    .pc{display:none;}
    .sp{display:block;}
    .intro {
        margin-top: 102px;
    }
    .introInner {padding-bottom: 180px;width: 100%;}
    .intro h1{
        width:50%;
        left:10%;
        font-size: 1.6rem;
        right:auto;
    }
    /* 2022.02.16 add ブレス浜松注記 */
    .introNteBlk{
      top: calc(100% - 2.5rem);
    }
    .introNte{
      font-size: 0.875rem;
    }
    /* 2022.02.16 add ブレス浜松注記 Fin */

    .btn a{
        font-size:1rem;
        padding:1rem 4rem;
    }
    .ejanMerit h2 {
        font-size: 1.6rem;
        border-radius:10px;
        /* padding: 1rem 0; */
        line-height: 1.3;
    }
    .ejanInner {
        width:95%;
        padding: 30px 0;
    }
    .ejanMerit01{
        padding-bottom:10rem;
    }
    .ejanAbout .ejanInner{
        padding:1rem 0;
    }
    .ejanAbout h2 div{
        width:60%;
    }

    .text_box,
    .ejanMerit .text_box02{
        padding: 1.5rem 1rem;
    }
    .SDGs h3 {
    font-size: 1.3rem;
}
    .text_box02 h3{
        font-size: 1.2rem;
    }
    .text_box02 .br{
        display:none;
    }

    .entry .ejanInner{
        width:90%;
        padding: 2rem 0;
    }
    .entry .left,.entry .right{
        display:block;
        width:100%;
        margin:1rem auto;
        text-align:center;
    }
    .entry .btn a{
        height:auto;
        text-align:center;
        padding:1rem;
    }
    .entry h2{
        padding:0;
        font-size: 1.57rem;
    }
    .entry h2::before{
        margin-right:0.5rem;
    }
    .entry .btn a em{
        font-size: 1.2rem;
    }
    .entry .right .btn a{
        padding:1.7rem 1.8rem;
    }
    .entry .btn + p{
        font-size:14px;
        text-align: left;
    }
    .ejanPdf::before {
        background-size: 30px;
    }

    .biomasImg{
        position:static;
        width:100%;
        margin:1rem auto;
        text-align:center;
    }
  
    .clubLogo{}
  
    .clubLogoFig{
      width: 50%;
      }

    .tokuten03 p.small{
        width: 100%;
    }
    .ejanMerit .br{
        display:none;
    }
    .ejanMerit h2::before{
        width:70px;
        height:85px;
    }
    .ejanMerit p{
        font-size:15px;
    }
    .ejanMerit .tokuten p {
    font-size: 14px;
    line-height: 1.7;
    }
    .ejanInner .tokuten dl {
    padding-top: 0;
}
    .ejanInner .tokuten03 dt, .tokuten03 dl dd {
    font-size: 14px;
    }
    .ejanInner dd {
    width: 73%;
}
  .presentneofenix .tokuten01 .meritGoods {
    width: 60%;
    /*top: inherit;*/
    }
  .presentneofenix .tokuten02 .meritGoods {
    width: 60%;
    }
    /*.tokuten03 .meritGoods {
    width: 50%;
    bottom: 0;
    }*/
    /*.tokuten04 .meritGoods {
    width: 50%;
    bottom: 0;
    }*/
    .ejanMerit h4{
        font-size: 1.18rem;
        margin-bottom:0.5rem;

    }
    .ejanMerit .biomas h4{
     
        text-align: center;
    }

    .flow li,.flow li.last{
        display:block;
        width:90%;
        text-align:center;
        margin:0 auto 5rem auto;
    }
    .flow li.last{
        margin-bottom:3rem;
    }
    .flow .br{
        display:none;
    }
    .flow li div{
        background-image:url(/src/img/ejan/merit0101Sp.png);
        background-size:cover;
        height:150px;
        border-radius:10px;
        margin-bottom: 0.5rem;
    }
    .flow li .photo02{
        background-image:url(/src/img/ejan/merit0102Sp.png);
        background-size:80%;
        border:3px solid #d0d4d8;
    }
    .flow li .photo03{
        background-image:url(/src/img/ejan/merit0103Sp.png);
        background-position:top;
    }
    .flow li::after{
        top:auto;
        bottom:-6rem;
        left:50%;
        right:auto;
        transform:translateX(-50%);
        border-left: 30px solid transparent;
        border-right: 30px solid transparent;
        border-top: 30px solid #ffd700;
    }
    .neofenix p{
        display:block;
        width:100%;
    }
    .neofenix .btn a{
        padding: 0.8rem 4rem;
    }
    .btn a::after {
    width: 7px;
    height: 7px;
    border-width: 2px;
    right: 0.5rem;
}

    .ejanMerit02 h2 .br{
        display:block;
    }
    .meritGoods {
        position: relative;
        width: auto;
        margin: 1rem auto;
        text-align: center;
    }

    .present h3{font-size: 1.3rem;}
        .present h3 span{font-size: 1rem;}
    
    .tokuten{
        padding:1rem;
    }
    .tokuten .time,
    .ejanAbout p {
        line-height: 1.8;
    }

    .text_box02 em {
        font-size: 16px;
    }

    .tokuten h4:before {
        content: '';
        background-image: url(/src/img/ejan/iconTokuten01.png);
        background-repeat: no-repeat;
        background-size: contain;
        width: 40px;
        height: 50px;
        display: inline-block;
        vertical-align: middle;
        margin-right: 0.5rem;
    }
    .tokuten02 h4:before {
        background-image: url(/src/img/ejan/iconTokuten02.png);
    }
    .tokuten03 h4:before {
        background-image: url(/src/img/ejan/iconTokuten03.png);
    }
    .tokuten04 h4:before {
        background-image: url(/src/img/ejan/iconTokuten04.png);
    }
    .tokuten05 h4:before {
        background-image: url(/src/img/ejan/iconTokuten05.png);
    }
    .tokutenNumNone h4:before{
      background-image: url(/src/img/ejan/iconTokuten.png);}

    .tokuten h4 span {
        display: inline-block;
        vertical-align: middle;
        width: 85%;
    }
    .tokuten::before{
        content: none;
        position: inherit;
        display: inline-block;
        vertical-align: middle;
    }
    .tokuten02 h4 span,
    .tokuten04 h4 span,
    .breathhamamatsu .tokuten03 h4 span{
        padding-top: 1rem;
    }
    .tokuten03{
        /* padding-bottom:3rem; */
    }
    .tokuten04 .small{
        width: 100%; 
    }

    .neofenix p.logo{
        width:100%;
        text-align:center;
        margin: 0 auto 1rem auto;
    }
    .neofenix p.logo img{
        width:35%;
    }

    .SDGs{
        padding-top:0;
    }
    .SDGs .ejanInner{
        padding-top:50px;
    }
    .SDGs .ejanInner h2{
        font-size:1.5rem;
        line-height: 1.5;
    }
    .SDGs .left,.SDGs .right{
        display:block;
        width:100%;
    }
    .SDGs .right p {
        width: 90%;
    }
    .SDGs .right{
        text-align:center;
        float: none;
        margin-left: 0;
    }
    .SDGs p{width: 100%;font-size: 14px;}
    .SDGsImg li{
        display:block;
        width:100%;
    }
    .SDGs .br{
        display:block;
    }
	.SDGs small {
    font-size: 13px;
	}

.presentmenu{
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    }
    .presentmenu h3{
        margin-bottom: 15px;
        font-size: 1.4rem;
        }
    .presentmenuInner{flex-direction: column;}
    .presentmenuItem{width: 100%;}
    .presentmenuItem:not(:last-of-type){
        margin-right: 0;
        margin-bottom: 20px;
        }
    .presentmenuLogo{height: auto;}
    .presentmenuNeofenix img{width: 145px;}
    .presentmenuBreathhamamatsu img{width: 79px;}
    .presentmenuTeamname{font-size: .9rem;}
    .presentmenuArrow{
        width: 25px;
        height: 25px;
        right: 10px;
        bottom: 10px;
        }

        .breathhamamatsu .tokuten01 .meritGoods {
            width: auto;
            top: auto;
            right: auto;
        }
        
        .breathhamamatsu .tokuten02 .meritGoods {
            width: auto;
            top: auto;
            right: auto;
            transform: none;
        }

.present{margin-top: -45px;}
    .presentneofenix.present{padding-top: 130px;}
    .breathhamamatsu.present{padding-top: 160px;}

.presentListItem{
    padding-top: 20px;
    padding-bottom: 20px;
    /*padding-top: 10px;
    padding-bottom: 10px;*/
    padding-left: 15px;
    }
    .ejanMerit .presentList .presentListGoods{
        margin-bottom: 0;
        font-size: 1.1em;
        }
    .ejanMerit .presentList .presentListNop{
        font-size: 1.2em;
        margin-bottom: 0;
        }
    .presentListImg{position: absolute;}
        .uniform .presentListImg{
            width: 68px;
            top: 54%;
            right: 0;
            transform: translateY(-50%)
            }
        .ball .presentListImg{
            width: 75px;
            top: 9%;
            right: -2%;
            }
        .mug .presentListImg{
            width: 81px;
            top: 5%;
            right: -25px;
            }   
        .towel .presentListImg{
            width: 138px;
            right: -30px;
            bottom: -17px;
            }

.SDGsButton{
    width: 100%;
    padding-top: 1em;
    padding-right: 60px;
    padding-bottom: 1em;
    padding-left: 1em;
    font-size: 1.4em;
    }
    .SDGsButtonArrow{
        width: 30px;
        height: 30px;
        right: 15px;
        }
    .SDGsButtonArrow::before{
        width: 8px;
        height: 8px;
        }


}

@media screen and (min-width: 481px) {
	.presentListGoods br{display: none;}
    .SDGsButton br{display: none;}
}
/*------------------------------------------------------------------

                           480px

--------------------------------------------------------------------*/
@media screen and (max-width: 480px) {

    .sp{display:block;}

    .intro h1{
        width: 75%;
        left: 5%;
        font-size: 1.4rem;
    }
    /* 2022.02.16 add ブレス浜松注記 */
    .introNteBlk{
      left: 5%;
      top: calc(100% - 2.5rem);
    }
    .introNte{
      font-size: 0.875rem;
    }
    /* 2022.02.16 add ブレス浜松注記 Fin */
    .btn a{
        padding:1.2rem 2.5rem;
    }
    .margin{
        padding-bottom:8rem;
    }

    .ejanInner {
        width:95%;
        padding: 0;
    }
    .ejanMerit {
    padding-bottom: 6rem;
}
    .ejanMerit01{
        padding-bottom: 8rem;
        background-size: 150%;
    }

    .text_box02 em{
        font-size:1.1em;
    }

    .ejanAbout .ejanInner{
        padding:0.5rem 0;
    }
    .ejanAbout h2 div{
        width: 75%;
    }
    .ejanMerit h2::before{
        width:50px;
        height:61px;
        left:0.5rem;
    }
    .ejanMerit h2{
        font-size: 1.3rem;
    }
    .ejanMerit h4{
        font-size: 16px;
    }
    .ejanMerit h4 br { display: block;}
    .ejanMerit02 h2{
        padding:0.7rem;
    }
    .meritGoods{
        width: 70%;
        /* bottom: -3.5rem; */
        right: 0;
    }
    .tokuten03{
        padding-bottom:4rem;
    }
    .tokuten03 .small{
        width:100%;
    }

    .tokuten::before{
        top:1.5rem;
    }

    .entry .ejanInner{
        width:95%;
    }
    .entry .btn a{
        text-align:left;
        /* font-size:0.8rem; */
    }
    .entry .btn a em{
        font-size:1.1rem;
    }
    .entry .right .btn a{
        padding:1.7rem;
    }
    .ejanAbout h2 {
    margin-bottom: 0.5rem;
}

.text_box {
    padding: 1.5rem 1rem;
}

.tokuten .time, .ejanAbout p {
    font-size: 14px;
}

.text_box02 {
    padding: 1rem;
}

.text_box02 h3 {
    font-size: 1.1rem;
}

.entry h2 {
    font-size: 1.4rem;
}

.entry h2::before {
    background-size: 35px;
    width: 40px;
    margin-right: 0.2rem;
}

.entry .left, .entry .right {
    margin: 0 0 0.5rem;
}
.ejanMerit .present p {
    font-size: 14px;
    margin-bottom: 0.5rem;
}

.flow {
    margin-top: 1rem;
}

.flow li::after {bottom: -5rem;border-width: 25px;}

.flow li, .flow li.last {
    margin-bottom: 3rem;
    font-size: 14px;
}

.flow li div {
    margin-bottom: 0;
}

.flow li .photo02 {
    background-size: 50%;
    height: 100px;
}

.ejanMerit .text_box02 {
    border-width: 3px;
    padding: 1rem;
}

.biomas h3 {
    font-size: 1rem;
}

.biomasImg {
    width: 80%;
}

.present h3 {
    font-size: 1.25rem;
    padding: 0.8rem;
}

.tokuten h4 span {
    width: 80%;
}


.ejanMerit p.small {
    font-size: 13px;
}


.neofenix p {
    font-size: 14px;
    line-height: 1.75;
}

.neofenix p.logo img {
    width: 50%;
}

.neofenix p.logo {
    margin-top: 1rem;
}

.SDGs .text_box {
    margin-top: 1rem;
    padding: 1rem;
}

.SDGs h3 {
    font-size: 1.2rem;
}

.SDGs .btn a {
    padding: 1rem 2.5rem 1rem 2.5rem;
    font-size: 15px;
}

.ejanAbout h2 {
    margin-bottom: 0.5rem;
}

.text_box {
    padding: 1.5rem 0.5rem 1rem;
}

.ejanMerit p, .ejanMerit p.small, .ejanAbout p {
    font-size: 14px;
}
.ejanInner .tokuten03 dt, .tokuten03 dl dd {
    font-size: 13px;
}

.text_box02 {
    padding: 1rem 0.8rem;
}

.text_box02 h3 {
    font-size: 1.1rem;
}

.entry h2 {
    font-size: 1.4rem;
}

.entry h2::before {
    background-size: 35px;
    width: 40px;
    margin-right: 0.2rem;
}

.entry .left, .entry .right {
    margin: 0 0 0.3rem;
}



.ejanMerit .present p {
    font-size: 14px;
    margin-bottom: 0.5rem;
}

.flow {
    margin-top: 1rem;
}

.flow li::after {bottom: -5rem;border-width: 25px;}

.flow li, .flow li.last {
    font-size: 14px;
}

.flow li div {
    margin-bottom: 0;
}

.flow li .photo02 {
    background-size: 50%;
    height: 100px;
}



.ejanMerit .text_box02 {
    border-width: 3px;
    padding: 1rem 0.7rem;
}

.biomas h3 {
    font-size: 1rem;
}

.biomasImg {
    width: 80%;
}

.present h3 {
    font-size: 1.25rem;
    padding: 0.8rem;
}

.tokuten h4 span {
    width: 82%;
}

.ejanMerit p.small {
    font-size: 13px;
}

.neofenix p {
    font-size: 14px;
    line-height: 1.75;
}

.neofenix p.logo img {
    width: 50%;
}

.neofenix p.logo {
    margin-top: 1rem;
}

.SDGs .text_box {
    margin-top: 1rem;
    padding: 1rem;
}

.SDGs h3 {
    font-size: 1.2rem;
    border-width: 2px;
}

.SDGs .btn a {
    padding: 1rem 2.5rem 1rem 1rem;
    font-size: 15px;
}

.entry .btn + p {
    font-size: 13px;
}

.ejanPdf a {
    font-size: 14px;
}

.neofenix .btn a {
    padding: 0.6rem 4rem;
}

.SDGs .ejanInner h2 {
    font-size: 1.4rem;
}
.SDGs .ejanInner {
    padding-top: 40px;
}
.ejanMerit p {
    font-size: 14px;
}
.ejanMerit .disc span {
    font-size: 13px;
}


.tokuten {
    padding: 0.8rem;
}

.ejanMerit .text_box02 h3 {
    font-size: 1rem;
}


.ejanAbout p.text {
    width: 95%;
    margin: 0 auto 1rem;
}
.ejanAbout p.text br { display: none;}

.breathhamamatsu .tokuten01 .presentRrequirement,
.breathhamamatsu .tokuten02 .presentRrequirement{
    width: 100%;
    }


.presentmenu{padding-top: 10px;}
    .presentmenu h3{
        margin-bottom: 10px;
        font-size: 1.2rem;
        }
    .presentmenuItem:not(:last-of-type){
        margin-right: 0;
        margin-bottom: 15px;
        }

.presentneofenix .presentLogo{
    width: 152px;
    top: -45px;
    }
.breathhamamatsu .presentLogo{
    width: 112px;
    top: -80px;
    }
    .ejanMerit .breathhamamatsu .presentListImg{margin-bottom: 0;}
.uniform .presentListImg{
    width: 61px;
    top: 54%;
    right: -10px;
    }
.ball .presentListImg{
    width: 67px;
    right: -3%;
    }
.mug .presentListImg{
    top: 16%;
    right: -25px;
    }   

.SDGsButton{
    width: 100%;
    padding-top: .8em;
    padding-right: 60px;
    padding-bottom: .8em;
    padding-left: 1em;
    font-size: 1.2em;
    }
    .SDGsButtonArrow{
        width: 30px;
        height: 30px;
        right: 15px;
        }
    .SDGsButtonArrow::before{
        width: 8px;
        height: 8px;
        }



}