@charset "shift_jis";
/*------------------------------
PC
------------------------------*/
@media screen and (min-width: 769px) {
/*content820pxReset*/
#main{
width:820px;
}
.contents_bg{
max-width: 1120px;
margin: 0 auto;
}
body.min{
min-width: 1120px;
}
/*chikazawaWrap****************************************************/
.chikazawaWrap{
width:100%;
max-width:820px;
margin: 0 auto;
}
.chikazawaWrap img{
vertical-align:top;
}
.chikazawaWrap a{
display: block;
}

.contentBlock{
background-image: url(/contents/0018/img/event/020001211/chikazawa_bg_001_241022.jpg);
background-position: center;
background-size: cover;
min-height: 1069px;
text-align: center;
}
.contentBlock .sub{
padding-top: 122px;
}
.contentBlock .txtArea{
margin-top: 100px;
}
.contentBlock .txt{
margin-top: 10px;
line-height: 1.45;
font-size: 0.98rem;
}
.contentBlock .img{
margin-top: 23px;
}
.contentBlock .btn{
margin-top: 17px;
}
.contentBlock .btn a{
display: inline-block;
}
.mt65{
  margin-top: 65px;
}

/* 286バナー 4カラム */
.bannerWrap {
margin: 30px auto;
}
.titleBlock-h2 {
text-align: center;
font-size: 32px;
font-weight: bold;
}
.bannerList {
margin-top: 30px;
margin-inline: auto;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.justify-content-center .bannerList {
justify-content: center !important;
}
.bannerWrap .bannerItem img {
width: 100%;
}
.col4-286_286 .bannerList {
width: 750px;
--gap: 20px;
gap: var(--gap);
}
.col4-286_286 .bannerItem {
width: calc(25% - var(--gap) * 3 / 4);
}

.bannerTitle{
margin: 40px 0;
}
}


/*------------------------------
SP（スマートフォン）
------------------------------*/
@media screen and (max-width: 768px) {
/* h1 and h2 */
#main h1 img,#main div[id^="h2_0"] img{
zoom:1;
display:block;
max-width:750px;
width:100%;
height:auto;
margin:auto;
}
/*chikazawaWrap****************************************************/
.chikazawaWrap{
max-width:750px;
width:100%;
margin:0 auto;
-webkit-text-size-adjust:100%;
background: #ffffff;
}
.chikazawaWrap img{
vertical-align: top;
width: 100%;
height: auto;
zoom: 1 !important;
}
.chikazawaWrap a{
display: block;
}

body{
border-bottom: none;
}

.contentBlock{
background-image: url(/contents/0018/img/event/020001211/chikazawa_sp_bg_001_241022.jpg);
aspect-ratio: 750 / 1419;
background-size: cover;
text-align: center;
margin-top: 40px;
}

.contentBlock .sub{
margin: 0 auto;
padding-top: 100px;
max-width: 491px;
}

.contentBlock .txtArea{
margin: 110px auto 0;
width: 79%;
}

.contentBlock .txt{
margin-top: 15px;
line-height: 1.53;
font-size: 1.7rem;
}

.contentBlock .img{
margin: 30px auto;
max-width: 522px;
}

.contentBlock .btn{
margin: 0 auto;
}
.contentBlock .btn a{
display: inline-block;
}

/* 286バナー 2カラム */
.bannerWrap {
margin: calc(50 / 750 * 100%) auto;
}
.titleBlock-h2 {
text-align: center;
font-size: 16px;
font-weight: bold;
}
.bannerList {
margin-top: calc(60 / 750 * 100%);
margin-inline: auto;
width:calc(690 / 750 * 100%);
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.justify-content-center .bannerList {
justify-content: center !important;
}
.col2-286_286 .bannerList {
--gap: 20px;
gap: var(--gap);
}
.col2-286_286 .bannerItem {
width: calc(50% - var(--gap) / 2);
}
/* 286バナー 3カラム */
.col3-286_286 .bannerList {
--gap: 10px;
gap: var(--gap);
}
.col3-286_286 .bannerItem {
width: calc((100% / 3) - var(--gap) * 2 / 3);
}

.bannerTitle{
  margin: calc(50 / 750* 100%) auto;
}
.bannerTitle h2{
  background-color: #fff;
}
}

/*------------------------------
SP（スマートフォン）only
------------------------------*/
@media only screen and (max-width: 768px){
.contentBlock .sub{
padding-top: 14vw;
width: calc( 491 / 750 * 100% );
}
.contentBlock .txtArea{
margin-top: 14vw;
width: 77vw;
}
.contentBlock .txt{
line-height: 1.55;
font-size: 3.5vw;
}
.contentBlock .img{
margin: 4vw auto;
width: calc( 522 / 750 * 100% );
}
.contentBlock .btn{
width: calc( 590 / 750 * 100% );
}
}