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


/* Champaign2025 */

#news-detail{
width: 100%;
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
margin: 0 auto 0 auto;
padding: 110px 0 0px 0;
}

#wrap-mv{
width: 100%;
margin: 0 auto;
}

#wrap-mv img{
width: 100%;
margin: 0;
}

#wrap01{
width: 100%;
margin: 0 auto;
padding: 0px 0 0px 0;
}

#contents01{
width: 100%;
margin: 0 auto;
}

#contents01 img{
width: 100%;
}



#wrap02{
position: relative;
width: 100%;
background: #370100;
margin: 0 auto;
padding: 100px 0 100px 0;
}

#contents02{
width: 961px;
margin: 0 auto;
padding: 0px 0 0px 0;
box-sizing: border-box;
}

#contents02 img{
width: 225px;
margin: 0 auto 80px auto;
}

#contents02 p.main{
font-size: 14px;
font-family: "zen-old-mincho", sans-serif;
font-weight: 700;
font-style: normal;
color: #FFFFFF;
text-align: center;
letter-spacing: 0.08em;
margin: 0 auto 40px auto;
}

#contents02 p.main span{
font-size: 20px;
}

#contents02 p.sub{
font-size: 16px;
font-family: "zen-old-mincho", sans-serif;
font-weight: 400;
font-style: normal;
color: #FFFFFF;
text-align: center;
letter-spacing: 0.08em;
margin: 0 auto 0px auto;
}

#img01{
position: absolute;
width: 23.61%;
top: 12.85%;
left: 0;
}

#img02{
position: absolute;
width: 26.38%;
top: 15.03%;
right: 0;
}

#img03{
position: absolute;
width: 26.38%;
bottom: -30px;
right: 5.55%;
}

#img01 img{
width: 100%;
max-height: 660px;
object-fit: cover;
}

#img02 img{
width: 100%;
max-height: 280px;
object-fit: cover;
}

#img03 img{
width: 100%;
max-height: 250px;
object-fit: cover;
}


#wrap03{
width: 100%;
background: #FFFFFF;
margin: 0 auto;
padding: 100px 0 100px 0;
}

#contents03{
width: 961px;
margin: 0 auto;
padding: 0px 0 0px 0;
box-sizing: border-box;
}

#contents03 h2{
width: 100%;
text-align: center;
font-size: 32px;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  letter-spacing: 0.2em;
color: #8B8154;
margin: 0 0 80px 0;
padding: 0 0 0 0;
}

#contents03 h2 span{
display: block;
font-size: 12px;
font-family: "zen-old-mincho", sans-serif;
font-weight: 400;
font-style: normal;
color: #8B8154;
letter-spacing: 0.08em;
background: none;
margin: 0 0 13px 0;
padding: 0 0 0 0;
}

#contents03 img{
width: 100%;
margin: 0 0 40px 0;
}

#contents03 p.for{
font-size: 14px;
font-family: "zen-kaku-gothic-antique", sans-serif;
font-weight: 400;
font-style: normal;
color: #BC926D;
text-align: center;
letter-spacing: 0.08em;
margin: 0 auto 20px auto;
}

#contents03 h3{
width: 100%;
text-align: center;
font-size: 22px;
font-family: "zen-old-mincho", sans-serif;
font-weight: 400;
font-style: normal;
color: #380508;
letter-spacing: 0.05em;
margin: 0 0 20px 0;
padding: 0 0 0 0;
}

#contents03 p.detail{
width: 633px;
font-size: 16px;
font-family: "zen-kaku-gothic-antique", sans-serif;
font-weight: 400;
font-style: normal;
color: #380508;
text-align: left;
letter-spacing: 0.05em;
margin: 0 auto 11px auto;
}

#contents03 p.size{
width: 633px;
font-size: 14px;
font-family: "zen-kaku-gothic-antique", sans-serif;
font-weight: 400;
font-style: normal;
color: #747474;
text-align: left;
letter-spacing: 0.05em;
margin: 0 auto 80px auto;
}

#contents03 p.size_last{
width: 633px;
font-size: 14px;
font-family: "zen-kaku-gothic-antique", sans-serif;
font-weight: 400;
font-style: normal;
color: #747474;
text-align: left;
letter-spacing: 0.05em;
margin: 0 auto 0px auto;
}



#wrap04{
width: 100%;
background: #F8F5ED;
margin: 0 auto;
padding: 100px 0 100px 0;
}

#contents04{
width: 961px;
margin: 0 auto;
padding: 0px 0 0px 0;
box-sizing: border-box;
}

#contents04-flex{
display: flex;
justify-content: space-around;
width: 100%;
}

#contents04-flex div{
width: calc((100% - 40px)/3);
}

#contents04-flex div img{
width: 100%;
}

#contents04 h2{
width: 100%;
text-align: center;
font-size: 32px;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  letter-spacing: 0.2em;
color: #8B8154;
margin: 0 0 40px 0;
padding: 0 0 0 0;
}

#contents04 h2 span{
display: block;
font-size: 12px;
font-family: "zen-old-mincho", sans-serif;
font-weight: 400;
font-style: normal;
color: #8B8154;
letter-spacing: 0.08em;
background: none;
margin: 0 0 13px 0;
padding: 0 0 0 0;
}



#wrap05{
width: 100%;
background: #FFFFFF;
margin: 0 auto;
padding: 100px 0 100px 0;
}

#contents05{
width: 732px;
margin: 0 auto;
padding: 0px 0 0px 0;
box-sizing: border-box;
}

#contents05 img{
width: 100%;
}

#contents05 h2{
width: 100%;
text-align: center;
font-size: 32px;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  letter-spacing: 0.2em;
color: #8B8154;
margin: 0 0 40px 0;
padding: 0 0 0 0;
}

#contents05 h2 span{
display: block;
font-size: 12px;
font-family: "zen-old-mincho", sans-serif;
font-weight: 400;
font-style: normal;
color: #8B8154;
letter-spacing: 0.08em;
background: none;
margin: 0 0 13px 0;
padding: 0 0 0 0;
}



#champaign_about-wrap{
width: 100%;
background-image: url("images/con3-bg.jpg");
background-repeat: no-repeat;
background-size: cover;
background-position: center top;
margin: 0 auto;
padding: 130px 0 130px 0;
}

#champaign_about{
display: flex;
justify-content: space-between;
align-items: center;
width: 961px;
margin: 0 auto;
}

#champaign_about-left{
width: 290px;
}

#champaign_about h2{
font-size: 24px;
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
text-align: left;
font-weight: 700;
line-height: 1.83;
text-align: left;
letter-spacing: 0.17em;
color: #ffffff;
margin: 0 auto 35px auto;
padding: 0;
}

#champaign_about-left img{
width: 220px;
}

#champaign_about-right{
width: 491px;
}

#champaign_about-right p{
font-size: 16px;
text-align: left;
color: #ffffff;
letter-spacing: 0.05em;
margin: 0 auto 0px auto;
}




#guideline_wrap{
width: 100%;
background: #F7F7F7;
margin: 0 auto;
padding: 100px 0 86px 0;
}

#guideline{
width: 1000px;
margin: 0 auto;
}

#guideline h2{
font-size: 24px;
font-family: "zen-kaku-gothic-antique", sans-serif;
font-weight: 400;
font-style: normal;
color: #333333;
letter-spacing: 0.17em;
margin: 0 auto 15px auto;
padding: 0 0 0 0;
}

#guideline-flex{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin: 0 auto 25px auto;
}

#guideline-flex div{
width: 127px;
border-bottom: 1px solid #BFBFBF;
padding: 35px 0;
}

#guideline-flex div p{
font-size: 16px;
font-family: "zen-kaku-gothic-antique", sans-serif;
font-weight: 400;
font-style: normal;
color: #8B8B8B;
margin: 0;
}

#guideline-flex div:nth-child(2n){
width: 873px;
border-bottom: 1px solid #BFBFBF;
padding: 35px 0;
box-sizing: border-box;
}

#guideline-flex div:nth-child(2n) p{
font-size: 16px;
font-weight: 400;
color: #333333;
margin: 0;
}

#guideline-flex div img{
width: 100%;
}

#guideline p{
font-size: 14px;
color: #312C2C;
margin: 0 auto 50px auto;
}

.entry{
width: 288px;
margin: 64px auto 0 auto;
}

.entry img{
width: 100%;
}

#float-banner{
position: fixed;
width: 288px;
right: 20px;
bottom: 5%;
z-index: 1000000;
}

#float-banner img{
width: 100%;
}

.hidden {
    animation: fade .2s ease-in-out forwards;
    pointer-events:none;/* 重要 */
}

@keyframes fade {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.visible {
    animation: fadeOut .2s ease-in-out forwards;
    pointer-events:all;/* 重要 */
}

@keyframes fadeOut {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}




@media screen and (max-width: 425px) {


#news-detail{
width: 100%;
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
margin: 0 auto 0 auto;
padding: 67px 0 0px 0;
}

#slide-mv{
width: 100%;
margin: 0 auto;
}

#slide-mv img{
width: 100%;
margin: 0;
}

#wrap01{
width: 100%;
margin: 0 auto;
padding: 0px 0 0px 0;
position: relative;
z-index: 10000;
}

#contents01{
width: 100%;
margin: -66px auto 0 auto;
}

#contents01 img{
width: 100%;
}



#wrap02{
position: relative;
width: 100%;
background: #370100;
margin: 0 auto;
padding: 40px 0 0px 0;
}

#contents02{
width: 100%;
margin: 0 auto;
padding: 0px 0 0px 0;
box-sizing: border-box;
}

#contents02 img{
width: 170px;
margin: 0 auto 40px auto;
}

#contents02 p.main{
font-size: 14px;
font-family: "zen-old-mincho", sans-serif;
font-weight: 700;
font-style: normal;
color: #FFFFFF;
text-align: center;
letter-spacing: 0.08em;
margin: 0 auto 20px auto;
padding: 0 6.93%;
box-sizing: border-box;
}

#contents02 p.main span{
font-size: 14px;
}

#contents02 p.sub{
font-size: 12px;
font-family: "zen-old-mincho", sans-serif;
font-weight: 400;
font-style: normal;
color: #FFFFFF;
text-align: center;
line-height: 1.83;
letter-spacing: 0.05em;
margin: 0 auto 40px auto;
padding: 0 6.93%;
box-sizing: border-box;
}

#img01{
position: absolute;
width: 23.61%;
top: 12.85%;
left: 0;
}

#img02{
position: absolute;
width: 26.38%;
top: 15.03%;
right: 0;
}

#img03{
position: absolute;
width: 26.38%;
bottom: -30px;
right: 5.55%;
}

#img01 img{
width: 100%;
max-height: 660px;
object-fit: cover;
}

#img02 img{
width: 100%;
max-height: 280px;
object-fit: cover;
}

#img03 img{
width: 100%;
max-height: 250px;
object-fit: cover;
}

#img00 img{
width: 100%;
}



#wrap03{
width: 100%;
background: #FFFFFF;
margin: 0 auto;
padding: 40px 0 40px 0;
}

#contents03{
width: 100%;
margin: 0 auto;
}

#contents03 h2{
width: 100%;
text-align: center;
font-size: 32px;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  letter-spacing: 0.2em;
color: #8B8154;
margin: 0 0 80px 0;
padding: 0 0 0 0;
}

#contents03 h2 span{
display: block;
font-size: 12px;
font-family: "zen-old-mincho", sans-serif;
font-weight: 400;
font-style: normal;
color: #8B8154;
letter-spacing: 0.08em;
background: none;
margin: 0 0 13px 0;
padding: 0 0 0 0;
}

#contents03 img{
width: 100%;
margin: 0 0 20px 0;
}

#contents03 p.for{
font-size: 14px;
font-family: "zen-kaku-gothic-antique", sans-serif;
font-weight: 400;
font-style: normal;
color: #BC926D;
letter-spacing: 0.08em;
text-align: center;
margin: 0 auto 20px auto;
}

#contents03 h3{
width: 100%;
text-align: center;
font-size: 22px;
font-family: "zen-old-mincho", sans-serif;
font-weight: 400;
font-style: normal;
color: #380508;
letter-spacing: 0.05em;
margin: 0 0 32px 0;
padding: 0 0 0 0;
}

#contents03 p.detail{
width: 100%;
font-size: 14px;
font-family: "zen-kaku-gothic-antique", sans-serif;
font-weight: 400;
font-style: normal;
color: #380508;
text-align: left;
letter-spacing: 0.05em;
margin: 0 auto 11px auto;
padding: 0 3.2%;
box-sizing: border-box;
}

#contents03 p.size{
width: 100%;
font-size: 14px;
font-family: "zen-kaku-gothic-antique", sans-serif;
font-weight: 400;
font-style: normal;
color: #747474;
text-align: left;
letter-spacing: 0.05em;
margin: 0 auto 40px auto;
padding: 0 3.2%;
box-sizing: border-box;
}

#contents03 p.size_last{
width: 100%;
font-size: 14px;
font-family: "zen-kaku-gothic-antique", sans-serif;
font-weight: 400;
font-style: normal;
color: #747474;
text-align: left;
letter-spacing: 0.05em;
margin: 0 auto 0px auto;
padding: 0 3.2%;
box-sizing: border-box;
}



#wrap04{
width: 100%;
background: #F8F5ED;
margin: 0 auto;
padding: 40px 0 20px 0;
}

#contents04{
width: 100%;
margin: 0 auto;
padding: 0 6.93%;
box-sizing: border-box;
}

#contents04-flex{
display: flex;
flex-direction: column;
width: 100%;
}

#contents04-flex div{
width: 100%;
margin: 0 0 20px 0;
}

#contents04-flex div img{
width: 100%;
}

#contents04 h2{
width: 100%;
text-align: center;
font-size: 32px;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  letter-spacing: 0.2em;
color: #8B8154;
margin: 0 0 20px 0;
padding: 0 0 0 0;
}

#contents04 h2 span{
display: block;
font-size: 12px;
font-family: "zen-old-mincho", sans-serif;
font-weight: 400;
font-style: normal;
color: #8B8154;
letter-spacing: 0.08em;
background: none;
margin: 0 0 13px 0;
padding: 0 0 0 0;
}



#wrap05{
width: 100%;
background: #FFFFFF;
margin: 0 auto;
padding: 40px 0 40px 0;
}

#contents05{
width: 100%;
margin: 0 auto;
padding: 0 6.93%;
box-sizing: border-box;
}

#contents05 img{
width: 63.2%;
margin: 0 auto;
}

#contents05 h2{
width: 100%;
text-align: center;
font-size: 32px;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  letter-spacing: 0.2em;
color: #8B8154;
margin: 0 0 20px 0;
padding: 0 0 0 0;
}

#contents05 h2 span{
display: block;
font-size: 12px;
font-family: "zen-old-mincho", sans-serif;
font-weight: 400;
font-style: normal;
color: #8B8154;
letter-spacing: 0.08em;
background: none;
margin: 0 0 13px 0;
padding: 0 0 0 0;
}



#champaign_about-wrap{
width: 100%;
background-image: url("images/con3-bg.jpg");
background-repeat: no-repeat;
background-size: cover;
background-position: center top;
margin: 0 auto;
padding: 70px 0 40px 0;
}

#champaign_about{
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
margin: 0 auto;
padding: 0 6.93%;
box-sizing: border-box;
}

#champaign_about-left{
width: 100%;
}

#champaign_about h2{
font-size: 24px;
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
text-align: left;
font-weight: 700;
line-height: 1.83;
text-align: left;
letter-spacing: 0.17em;
color: #ffffff;
margin: 0 auto 35px auto;
padding: 0;
}

#champaign_about-left img{
width: 100%;
}

#champaign_about-right{
width: 100%;
}

#champaign_about-right img{
width: 220px;
}

#champaign_about-right p{
font-size: 14px;
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
text-align: left;
font-weight: 400;
line-height: 1.83;
color: #ffffff;
margin: 0 auto 32px auto !important;
}




#guideline_wrap{
width: 100%;
background: #F7F7F7;
margin: 0 auto;
padding: 70px 0 50px 0;
}

#guideline{
width: 100%;
margin: 0 auto;
padding: 0 6.93%;
box-sizing: border-box;
}

#guideline h2{
font-size: 24px;
font-family: "zen-kaku-gothic-antique", sans-serif;
font-weight: 400;
font-style: normal;
color: #333333;
letter-spacing: 0.17em;
margin: 0 auto 15px auto;
padding: 0 0 0 0;
}

#guideline-flex{
display: flex;
flex-direction: column;
flex-wrap: wrap;
margin: 0 auto 25px auto;
}

#guideline-flex div{
width: 100%;
border-bottom: none;
padding: 24px 0 0 0;
}

#guideline-flex div p{
font-size: 14px;
font-family: "zen-kaku-gothic-antique", sans-serif;
font-weight: 400;
font-style: normal;
color: #8B8B8B;
margin: 0;
}

#guideline-flex div:nth-child(2n){
width: 100%;
border-bottom: 1px solid #BFBFBF;
padding: 13px 0;
box-sizing: border-box;
}

#guideline-flex div:nth-child(2n) p{
font-size: 14px;
font-weight: 400;
color: #333333;
margin: 0;
}

#guideline-flex div img{
width: 100%;
}

#guideline p{
font-size: 12px;
color: #312C2C;
margin: 0 auto 50px auto;
}

.entry{
width: 288px;
margin: 64px auto 0 auto;
}

.entry img{
width: 100%;
}

#float-banner{
position: fixed;
width: 100%;
right: 0;
left: 0;
bottom: 3%;
margin: auto;
}

#float-banner img{
width: 94.13%;
margin: 0 auto;
}


}