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


/* Champaign2025 */

#news-detail{
width: 100%;
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%;
background: #ffffff;
margin: 0 auto;
padding: 100px 10.06% 100px 10.06%;
box-sizing: border-box;
}

#wrap01 h2{
font-size: 50px;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
line-height: 1;
text-align: left;
color: #000000;
letter-spacing: 0.04em;
margin: 0 auto 40px auto;
}

#wrap01 h2 span{
display: block;
font-size: 16px;
font-family: "zen-kaku-gothic-antique", sans-serif;
font-weight: 500;
font-style: normal;
letter-spacing: 0.02em;
margin: 10px 0 0 0;
}

#contents01{
width: 984px;
margin: 0 auto 0px auto;
}

#contents01 img{
width: 860px;
margin: 0 auto 0px auto;
}

#contents01 h3{
font-size: 50px;
font-family: "zen-kaku-gothic-antique", sans-serif;
font-weight: 400;
font-style: normal;
text-align: left;
color: #000000;
letter-spacing: 0.04em;
margin: 0 auto 40px auto;
}

#contents01 h4{
font-size: 21px;
font-family: "zen-kaku-gothic-antique", sans-serif;
font-weight: 700;
font-style: normal;
text-align: left;
color: #000000;
letter-spacing: 0em;
margin: 0 auto 40px auto;
}

#contents01 p{
font-size: 14px;
font-family: "zen-kaku-gothic-antique", sans-serif;
font-weight: 500;
font-style: normal;
text-align: left;
color: #000000;
letter-spacing: 0.05em;
margin: 0 auto 0px auto;
}

#bottom{
display: flex;
justify-content: space-between;
align-items: flex-start;
width: 984px;
margin: -44px 0 0 0;
z-index: 10000;
}

#text{
width: 482px;
}

#img_right{
width: 324px;
}

#img_right img{
width: 100%;
margin: 144px auto 0px auto;
}




#wrap02{
width: 100%;
background: #F2F4F5;
margin: 0 auto;
padding: 100px 10.06% 100px 10.06%;
box-sizing: border-box;
}

#wrap02 h2{
font-size: 50px;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
line-height: 1;
text-align: left;
color: #233446;
letter-spacing: 0.04em;
margin: 0 auto 80px auto;
}

#wrap02 h2 span{
display: block;
font-size: 16px;
font-family: "zen-kaku-gothic-antique", sans-serif;
font-weight: 500;
font-style: normal;
letter-spacing: 0.02em;
margin: 10px 0 0 0;
}

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

#detail{
display: flex;
flex-direction: column;
align-items: center;
border-bottom: 1px solid #707070;
margin: 0 0 78px 0;
padding: 0 0 54px 0;
}

#detail h3{
font-size: 34px;
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
text-align: left;
line-height: 2;
color: #233446;
letter-spacing: 0.06em;
margin: 0 0 0px 0;
}

#detail h3 span.title{
font-size: 24px;
margin: 0 27px 0 0;
}

#detail h3 span.sub{
font-size: 27px;
}

#contents02 p{
font-size: 14px;
line-height: 2;
color: #ffffff;
margin: 0 auto 0px auto;
}

#contents02-flex{
display: flex;
justify-content: space-between;
align-items: flex-start;
margin: 0 auto 18px auto;
}

#contents02-flex div:nth-child(1){
width: 181px;
height: 398px;
}

#contents02-flex div:nth-child(3){
width: 228px;
height: 398px;
}

#contents02-flex div:nth-child(5){
width: 250px;
height: 398px;
}

.border{
display: inline-flex;
width: 1px;
height: 398px;
background: #CBCBCB;
}

#contents02-flex div img{
width: 100%;
height: auto;
}


#wrap03{
width: 100%;
background-image: url("images/con03_bg.jpg");
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
margin: 0 auto;
padding: 115px 0 99px 0;
box-sizing: border-box;
}

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

#con3-left{
width: 256px;
}

#contents03 h2{
font-size: 28px;
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
text-align: left;
line-height: 1.6;
color: #ffffff;
margin: 0 auto 52px auto;
}

#con3-left img{
width: 219px;
}

#con3-right{
width: 485px;
}

#contents03 p{
font-size: 14px;
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
text-align: left;
line-height: 2;
color: #ffffff;
margin: 0 auto 0px auto;
}

#wrap04{
width: 100%;
background: #233446;
margin: 0 auto;
padding: 80px 0 90px 0;
}

#contents04{
width: 964px;
margin: 0 auto;
}

#contents04 h2{
font-size: 31px;
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
font-weight: 700;
font-style: normal;
line-height: 100%;
letter-spacing: 0.02em;
text-align: center;
color: #ffffff;
margin: 0 auto 17px auto;
}

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

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

#contents04-flex div p{
font-size: 20px;
font-weight: 700;
margin: 0;
}

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

#contents04-flex div:nth-child(2n) p{
font-size: 18px;
font-weight: 700;
margin: 0;
}

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

#contents04 p{
font-size: 14px;
color: #ffffff;
margin: 0 auto 50px auto;
}

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

.entry img{
width: 100%;
margin: 0 0 0 0 !important;
}

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

#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;
}

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

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



#wrap01{
width: 100%;
background: #ffffff;
margin: 0 auto;
padding: 40px 0% 40px 0%;
box-sizing: border-box;
}

#wrap01 h2{
font-size: 29px;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
line-height: 1;
text-align: left;
color: #000000;
letter-spacing: 0.04em;
margin: 0 auto 40px auto;
padding: 0 6.93%;
box-sizing: border-box;
}

#wrap01 h2 span{
display: block;
font-size: 12px;
font-family: "zen-kaku-gothic-antique", sans-serif;
font-weight: 500;
font-style: normal;
letter-spacing: 0.02em;
margin: 10px 0 0 0;
}

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

#contents01 img{
width: 72%;
margin: 0 auto 0px auto;
}

#contents01 h3{
font-size: 32px;
font-family: "zen-kaku-gothic-antique", sans-serif;
font-weight: 400;
font-style: normal;
text-align: left;
color: #000000;
letter-spacing: 0.04em;
margin: 0 auto 40px auto;
}

#contents01 h4{
font-size: 18px;
font-family: "zen-kaku-gothic-antique", sans-serif;
font-weight: 700;
font-style: normal;
text-align: left;
color: #000000;
letter-spacing: 0em;
margin: 0 auto 40px auto;
}

#contents01 p{
font-size: 14px;
font-family: "zen-kaku-gothic-antique", sans-serif;
font-weight: 500;
font-style: normal;
text-align: left;
color: #000000;
letter-spacing: 0.05em;
margin: 0 auto 0px auto;
}

#bottom{
width: 100%;
margin: -24px 0 0 0;
padding: 0 0 0 5.06%;
box-sizing: border-box;
z-index: 10000;
}

#text{
position: relative;
width: 100%;
}

.text_p{
padding: 0 5.06% 0 0;
box-sizing: border-box;
}

#img_right{
position: absolute;
width: 32%;
right: 0;
top: 55px;
}

#img_right img{
width: 100%;
margin: 0 auto 0px auto;
}




#wrap02{
width: 100%;
background: #F2F4F5;
margin: 0 auto;
padding: 40px 5.06% 40px 5.06%;
box-sizing: border-box;
}

#wrap02 h2{
font-size: 29px;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
line-height: 1;
text-align: left;
color: #233446;
letter-spacing: 0.04em;
margin: 0 auto 32px auto;
}

#wrap02 h2 span{
display: block;
font-size: 12px;
font-family: "zen-kaku-gothic-antique", sans-serif;
font-weight: 500;
font-style: normal;
letter-spacing: 0.02em;
margin: 10px 0 0 0;
}

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

#detail{
display: flex;
flex-direction: column;
align-items: center;
border-bottom: 1px solid #707070;
margin: 0 0 20px 0;
padding: 0 0 20px 0;
}

#detail h3{
font-size: 19px;
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
text-align: left;
line-height: 2;
color: #233446;
letter-spacing: 0.06em;
margin: 0 0 0px 0;
}

#detail h3 span.title{
font-size: 13px;
margin: 0 7px 0 0;
}

#detail h3 span.sub{
font-size: 15px;
}

#contents02 p{
font-size: 14px;
line-height: 2;
color: #ffffff;
margin: 0 auto 0px auto;
}

#contents02-flex{
display: flex;
flex-direction: column;
margin: 0 auto 18px auto;
}

#contents02-flex div:nth-child(1){
width: 181px;
height: auto;
margin: 0 auto 20px auto;
}

#contents02-flex div:nth-child(3){
width: 228px;
height: auto;
margin: 0 auto 20px auto;
}

#contents02-flex div:nth-child(5){
width: 235px;
height: auto;
margin: 0 auto;
}

.border{
display: inline-flex;
width: 100%;
height: 1px;
background: #CBCBCB;
margin: 0 auto 20px auto;
}

#contents02-flex div img{
width: 100%;
height: auto;
}



#wrap03{
width: 100%;
background-image: url("images/con03_bg.jpg");
background-repeat: no-repeat;
background-size: cover;
margin: 0 auto;
padding: 40px 0 40px 0;
box-sizing: border-box;
}

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

#con3-left{
width: 100%;
}

#contents03 h2{
font-size: 24px;
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
text-align: left;
line-height: 1.66;
color: #ffffff;
margin: 0 auto 30px auto;
}

#con3-right{
width: 100%;
}

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

#con3-right img{
width: 219px;
}



#wrap04{
width: 100%;
background: #233446;
margin: 0 auto;
padding: 46px 0 59px 0;
}

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

#contents04 h2{
font-size: 20px;
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
font-weight: 700;
font-style: normal;
line-height: 100%;
letter-spacing: 0.02em;
text-align: left;
color: #ffffff;
letter-spacing: 0.17em;
margin: 0 auto 0px auto;
}

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

#contents04-flex div{
width: 100%;
border-bottom: none;
padding: 27px 8px 0px 8px;
box-sizing: border-box;
}

#contents04-flex div p{
font-size: 14px;
font-weight: 700;
margin: 0;
}

#contents04-flex div:nth-child(2n){
width: 100%;
border-bottom: 1px solid #ffffff;
padding: 0px 8px 14px 8px;
box-sizing: border-box;
}

#contents04-flex div:nth-child(2n) p{
font-size: 14px;
font-weight: 700;
margin: 0;
}

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

#contents04 p{
font-size: 12px;
color: #ffffff;
margin: 0 auto 47px auto;
}

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

.entry img{
width: 100%;
margin: 0 0 0 0 !important;
}

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

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





}