@charset "utf-8";

/*-----------------------------------------------
    body
-----------------------------------------------*/
body{
    padding: 0;
}
@media only screen and (max-width:767px){
    body{
        padding: 0;
    }
}

/*-----------------------------------------------
    header
-----------------------------------------------*/
/* header */
.topHeader {
    position: fixed;
    top: 20px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 10;
    min-width: 1366px;
}
.topHeader .headerIn{
    padding: 19px 30px 18px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0px 0px 4.75px 0.25px rgba(0, 0, 0, 0.35);
}
.topHeader .headerContWrap{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
}
.topHeader .secHLogo{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex: 1;
    flex: 1;
}
.topHeader .secHLogo .boxHLogoTxt{
    font-size: 10px;
    font-weight: 500;
    line-height: 1.8;
    letter-spacing: 0.5px;
    margin-left: 15px;
}
.topHeader .secGMenu{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}
.topHeader .secGMenu .gNav{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 6px;
}
.topHeader .secGMenu .gNavItem{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 1.5em;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.7px;
    border-left: 1px solid #172654;
}
.topHeader .secGMenu .gNavItem:first-child{
    border-left: none;
}
.topHeader #boxBtnMenu{
    display: inline-block;
    text-align: center;
    position: relative;
    top: 3px;
}
.topHeader #boxBtnMenu .boxBarWrap{
    width: 26px;
    height: 23px;
    display: inline-block;
    position: relative;
}
.topHeader #boxBtnMenu .boxBarWrap .bar{
    width: 100%;
    height: 3px;
    background :#172654;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.topHeader #boxBtnMenu .boxBarWrap .bar:nth-child(1){ 
    top: 0;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.topHeader #boxBtnMenu .boxBarWrap .bar:nth-child(2){ 
    top: 10px;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.topHeader #boxBtnMenu .boxBarWrap .bar:nth-child(3){ 
    bottom: 0;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.topHeader #boxBtnMenu.opened .boxBarWrap .bar:nth-child(1){ 
    top: 10px;
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
}
.topHeader #boxBtnMenu.opened .boxBarWrap .bar:nth-child(2){ 
    opacity: 0;
}
.topHeader #boxBtnMenu.opened .boxBarWrap .bar:nth-child(3){ 
    bottom: 10px;
    -webkit-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg);
}
.topHeader #boxBtnMenu .txt{
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1.8px;
    text-align: center;
    margin-top: 7px;
}
.topHeader #boxBtnMenu .txt .closeTxt{ display: inline;}
.topHeader #boxBtnMenu .txt .openTxt{ 
    display: none;
    letter-spacing: 0.9px;
}
.topHeader #boxBtnMenu.opened .txt .closeTxt{ display: none;}
.topHeader #boxBtnMenu.opened .txt .openTxt{ display: inline;}
@media only screen and (max-width:767px){
    .topHeader {
        top: 15px;
        min-width: 0;
    }
    .topHeader .headerIn{
        padding: 6px 12px;
        max-height: calc(100vh - 30px);
        overflow: hidden;
    }
    .topHeader .secHLogo{
        display: block;
        padding-right: 10px;
    }
    .topHeader .secHLogo .boxHLogo{
        width: 165px;
        display: block;
    }
    .topHeader .secHLogo .txtArea{
        font-size: 10px;
        font-weight: 500;
        line-height: 1.4;
        margin-top: 4px;
    }
    .topHeader .gNav.spNone{
        display: none;
    }
    .topHeader #boxBtnMenu{
        top: 3px;
    }
    .topHeader #boxBtnMenu .boxBarWrap{
        width: 20px;
        height: 21px;
    }
    .topHeader #boxBtnMenu .boxBarWrap .bar{
        width: 100%;
        height: 3px;
    }
    .topHeader #boxBtnMenu .boxBarWrap .bar:nth-child(2){ top: 9px;}
    .topHeader #boxBtnMenu.opened .boxBarWrap .bar:nth-child(1){ 
        top: 9px;
    }
    .topHeader #boxBtnMenu.opened .boxBarWrap .bar:nth-child(3){ 
        bottom: 9px;
    }
    .topHeader #boxBtnMenu .txt{
        font-size: 10px;
        letter-spacing: 1.5px;
        margin-top: 4px;
    }
    .topHeader #boxBtnMenu .txt .openTxt{ 
        letter-spacing: 0.77px;
    }
}

/* secBNav */
.topHeader .bMenu{
    padding: 45px 10px;
    display: none;
}
.topHeader .secBNav{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
.topHeader .secBNav .bNavBox{
    width: 17.391%;
}
.topHeader .secBNav .bNavBox .boxTit{
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: 3px;
    text-align: left;
}
.topHeader .secBNav .bNavBox .listWrap{
    margin-top: 25px;
}
.topHeader .secBNav .bNavBox .listWrap .linkList:first-child{
    border-top: 1px solid rgba(23,38,84,0.2);
    padding-top: 9px;
    position: relative;
}
.topHeader .secBNav .bNavBox .listWrap .linkList:first-child::after{
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    width: 30px;
    height: 1px;
    background: rgba(23,38,84,0.4);
}
.topHeader .secBNav .bNavBox .listWrap .linkList .linkItem{
    padding-left: 20px;
    position: relative;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0.3px;
    margin-top: 14px;
}
.topHeader .secBNav .bNavBox .listWrap .linkList .linkItem::after{
    content: "";
    position: absolute;
    width: 10px;
    height: 1px;
    background: rgba(23,38,84,0.2);
    top: 8px;
    left: 0;
}
@media only screen and (max-width:767px){
    .topHeader .bMenu{
        padding: 16px 0 26px;
        max-height: calc(100vh - 15px - 64px);
        overflow: scroll;
    }
    .topHeader .secBNav{
        display: block;
    }
    .topHeader .secBNav .bNavBox{
        width: 100%;
        margin-top: 24px;
    }
    .topHeader .secBNav .bNavBox:first-child{
        margin-top: 0;
    }
    .topHeader .secBNav .bNavBox:first-child{
        margin-top: 20;
    }
    .topHeader .secBNav .bNavBox .boxTit{
        font-size: 13px;
        font-weight: 500;
        line-height: 1.4;
        letter-spacing: 0.2px;
    }
    .topHeader .secBNav .bNavBox .listWrap{
        margin-top: 13px;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
    }
    .topHeader .secBNav .bNavBox .listWrap .linkList:first-child,
    .topHeader .secBNav .bNavBox .listWrap .linkList{
        width: 47.887%;
        border-top: 1px solid rgba(23,38,84,0.2);
        padding-top: 9px;
        position: relative;
    }
    .topHeader .secBNav .bNavBox .listWrap .linkList:nth-child(2n){
        margin-left: 4.226%;
    }
    .topHeader .secBNav .bNavBox .listWrap .linkList:first-child::after,
    .topHeader .secBNav .bNavBox .listWrap .linkList::after{
        content: "";
        position: absolute;
        top: -1px;
        left: 0;
        width: 30px;
        height: 1px;
        background: rgba(23,38,84,0.4);
    }
    .topHeader .secBNav .bNavBox .listWrap .linkList .linkItem{
        padding-left: 17px;
        font-size: 11px;
        line-height: 1.6;
        letter-spacing: 0;
        margin-top: 5px;
    }
    .topHeader .secBNav .bNavBox .listWrap .linkList .linkItem::after{
        top: 8px;
    }
    .topHeader .secBNav .bNavBox .listWrap .linkList .linkItem .txtAdj{
        letter-spacing: -3px;
    }
}

/*-----------------------------------------------
    main
-----------------------------------------------*/
.main{
    overflow: hidden;
}

/* secTopHero */
.secTopHero{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    max-width: 1920px;
    max-height: 900px;
    margin: 0 auto 43px;
}
.secTopHero .secHeroSliderWrap{
    width: 66.667%;
    height: 0;
    padding-top: calc(70.3125% * 0.66667);
    position: relative;
}
@media only screen and (max-width:767px){
    .secTopHero{
        display: block;
        max-width: none;
        max-height: none;
        /* margin: 0 auto 43px; */
    }
    .secTopHero .secHeroSliderWrap{
        width: 100%;
        height: 0;
        padding-top: 133.33333%;
        /* position: relative; */
    }
}

/* #secTopHeroSlider */
/* スライダーの大枠に関わる部分 */
#secTopHeroSlider {
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    object-fit:cover;
    font-family:'object-fit:cover;';
}
#secTopHeroSlider .swiper-container {
    overflow: hidden;
    width: 100%;
}
.wrapPaination{
    position: relative;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
    width: 100vw;
    min-width: 1400px;
    max-width: 1920px;
}
.boxPagination{
    position: absolute;
    right: 0;
    left: 0;
    bottom: -43px;
    margin: auto;
    height: 43px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}
#secTopHeroSlider .swiper-button-next,
#secTopHeroSlider .swiper-button-prev {
    background: url(../img/common/iconArrow38_38.gif) center / cover no-repeat;
    width: 19px;
    height: 19px;
    position: static;
    margin-top: 0;
}
#secTopHeroSlider .swiper-button-prev {
    -webkit-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
}
#secTopHeroSlider .swiper-pagination {
    margin: 0 15px;
    position: static;
}
#secTopHeroSlider .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 100%;
    background: #172654;
    opacity: 1;
    margin: 0 5px;
}
#secTopHeroSlider .swiper-pagination-bullet-active {
    opacity: 1;
    background: #ffcc00;
}

/* 中身に関わる部分 */
#secTopHeroSlider .swiper-slide .boxImg {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 70.3125%;
    display: block;
}
#secTopHeroSlider .swiper-slide a.boxImg {
    cursor: pointer;
}
@media only screen and (max-width:767px){
    /* スライダーの大枠に関わる部分 */
    #secTopHeroSlider .swiper-container,
    #secTopHeroSlider .swiper-slide {
        width: 100%;
    }
    #secTopHeroSlider .wrapPaination{
        position: relative;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        height: auto;
        min-width: 0;
    }
    #secTopHeroSlider .boxPagination{
        position: static;
        min-height: 40px;
        height: auto;
    }
    #secTopHeroSlider .swiper-button-next,
    #secTopHeroSlider .swiper-button-prev {
        background: url(../img/common/iconArrow38_38.gif) center / cover no-repeat;
        width: 19px;
        height: 19px;
        border-radius: 0;
        margin-top: 0;
        box-shadow: none;
    }
    #secTopHeroSlider .swiper-pagination {
        margin: 0 15px;
        position: static;
    }
    #secTopHeroSlider .swiper-pagination-bullet{
        width: 10px;
        height: 10px;
        display: inline-block;
        border-radius: 100%;
        background: #172654;
        opacity: 1;
        margin: 0 5px;
    }
    #secTopHeroSlider .swiper-pagination-bullet-active {
        opacity: 1;
        background: #ffcc00;
    }
    
    /* 中身に関わる部分 */
    #secTopHeroSlider .swiper-slide .boxImg {
        padding-top: 133.333%;
    }
}



/* secHeroRight */
.secTopHero .secHeroRight{
    width: 33.333%;
    height: 0;
    padding-top: calc(140.625% * 0.33333);
    position: relative;
}
.secTopHero .secAreaSearch{
    width: 100%;
    height: calc(480 / 900 * 100% + 100px);
    position: absolute;
    top: 0;
    padding-top: 100px;
}
.secTopHero .secAreaSearch.lazyloaded{
    background: url(../img/index/bgHeroAreaSearch.jpg) center / cover no-repeat;
}
.secTopHero .secAreaSearch .inner{
    width: 84.375%;
    margin: 0 auto;
    padding-top: 5.469%;
}
.secTopHero .secAreaSearch .tit{
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 1.2px;
    padding-left: 48px;
    position: relative;
}
.secTopHero .secAreaSearch .tit::before{
    content: "";
    width: 42px;
    height: 38px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}
.secTopHero .secAreaSearch.lazyloaded .tit::before{
    background: url(../img/index/iconAreaSearch.png) center / contain no-repeat;
}
.secTopHero .secAreaSearch .boxMap{
    width: 540px;
    margin-top: 4.687%;
    position: relative;
}
.secTopHero .secAreaSearch .boxMap .boxTxt{
    position: absolute;
    left: 0;
    bottom: 0;
    display: inline-block;
    padding: 15px;
}
.secTopHero .secAreaSearch .boxMap .boxTxt .txt{
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0.9px;
}
.secTopHero .secAreaSearch .boxMap .boxTxt .txt .num{
    font-size: 70px;
    line-height: 25px;
    color: #e02c09;
}
.secTopHero .secAreaSearch .boxMap .boxTxt .txt .ulY{
    background: -webkit-gradient(linear, left bottom, left top, color-stop(5%, transparent), color-stop(5%, #ffff00), color-stop(30%, #ffff00), color-stop(30%, transparent));
    background: -o-linear-gradient(bottom, transparent 5%, #ffff00 5%, #ffff00 30%, transparent 30%);
    background: linear-gradient(to top, transparent 5%, #ffff00 5%, #ffff00 30%, transparent 30%);
}
.secTopHero .secAreaSearch .img1920{
    display: block;
}
.secTopHero .secAreaSearch .img374,
.secTopHero .secAreaSearch .img767,
.secTopHero .secAreaSearch .img1400,
.secTopHero .secAreaSearch .img1620{
    display: none;
}
@media only screen and (max-width:1920px){
    .secTopHero .secAreaSearch .boxMap{
        width: 440px;
    }
    .secTopHero .secAreaSearch .img1620{
        display: block;
    }
    .secTopHero .secAreaSearch .img1920{
        display: none;
    }
    .secTopHero .secAreaSearch .boxMap .boxTxt{
        padding: 10px;
    }
    .secTopHero .secAreaSearch .boxMap .boxTxt .txt{
        font-size: 16px;
    }
    .secTopHero .secAreaSearch .boxMap .boxTxt .txt .num{
        font-size: 60px;
        line-height: 22px;
    }
}
@media only screen and (max-width:1620px){
    .secTopHero .secAreaSearch .boxMap{
        width: 390px;
    }
    .secTopHero .secAreaSearch .img1400{
        display: block;
    }
    .secTopHero .secAreaSearch .img1620{
        display: none;
    }
    .secTopHero .secAreaSearch .boxMap .boxTxt .txt{
        font-size: 14px;
    }
    .secTopHero .secAreaSearch .boxMap .boxTxt .txt .num{
        font-size: 50px;
        line-height: 19px;
    }
}
@media only screen and (max-width:767px){
    .secTopHero .secAreaSearch .boxMap{
        width: 325px;
    }
    .secTopHero .secAreaSearch .img767{
        display: block;
    }
    .secTopHero .secAreaSearch .img1400{
        display: none;
    }
    .secTopHero .secAreaSearch .boxMap .boxTxt{
        padding: 9px;
    }
    .secTopHero .secAreaSearch .boxMap .boxTxt .txt{
        font-size: 10px;
        line-height: 1.4;
        letter-spacing: 1.4px;
        display: block;
    }
    .secTopHero .secAreaSearch .boxMap .boxTxt .txt .num{
        font-size: 34px;
        line-height: 14px;
    }
    .secTopHero .secAreaSearch .boxMap .boxTxt .txt.txtS{
        font-size: 10px;
        line-height: 1.4;
        letter-spacing: 0.9px;
    }
}
@media only screen and (max-width:374px){
    .secTopHero .secAreaSearch .boxMap{
        width: 280px;
    }
    .secTopHero .secAreaSearch .img374{
        display: block;
    }
    .secTopHero .secAreaSearch .img767{
        display: none;
    }
    .secTopHero .secAreaSearch .boxMap .boxTxt{
        padding: 6px;
    }
    .secTopHero .secAreaSearch .boxMap .boxTxt .txt .num{
        font-size: 28px;
    }
}
.secTopHero .secFlyer{
    width: 100%;
    height: calc(320 / 900 * 100%);
    position: absolute;
    bottom: 0;
    background: #172654;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}
.secTopHero .secFlyer .inner{
    width: 84.375%;
    margin: 0 auto;
}
.secTopHero .secFlyer .tit{
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 1.2px;
    padding-left: 48px;
    position: relative;
    color: #FFCC00;
}
.secTopHero .secFlyer .tit::before{
    content: "";
    width: 43px;
    height: 27px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}
.secTopHero .secFlyer.lazyloaded .tit::before{
    background: url(../img/index/iconFlyer.png) center / contain no-repeat;
}
.secTopHero .secFlyer .boxPeriod{
    width: 280px;
    height: 92px;
    position: relative;
    margin-top: 25px;
}
.secTopHero .secFlyer .boxPeriod::before{
    content: "";
    width: 120px;
    height: 1px;
    background: #fff;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg);
    position: absolute;
    left: 0;
    bottom: 0;
}
.secTopHero .secFlyer .boxPeriod .txtMonth{
    font-size: 40px;
    font-weight: 700;
    letter-spacing: 0;
    color: #FFCC00;
    position: absolute;
    top: 0;
    left: 0;
}
.secTopHero .secFlyer .boxPeriod .boxDate{
    position: absolute;
    bottom: -5px;
    right: 0;
}
.secTopHero .secFlyer .boxPeriod .boxDate .txtDate{
    width: 215px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    position: absolute;
    bottom: 0;
    right: 0;
}
.secTopHero .secFlyer .boxPeriod .boxDate .txtDate01{
    width: 170px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    position: absolute;
    bottom: 0;
    right: 40px;
}
.secTopHero .secFlyer .boxPeriod .boxDate .txtNum{
    font-size: 60px;
    font-weight: 700;
    letter-spacing: 0;
    color: #FFCC00;
    position: relative;
}
.secTopHero .secFlyer .boxPeriod .boxDate .txtNum .txtSub{
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1.4px;
    color: #fff;
}
.secTopHero .secFlyer .boxPeriod .boxDate .txtNum.txtDateEnd::before{
    content: "～";
    position: absolute;
    top: 15px;
    left: -37px;
    color: #fff;
    font-size: 25px;
    font-weight: 500;
}
.secTopHero .secFlyer .txtMsg{
    position: absolute;
    top: -3px;
    right: 10px;
}
.secTopHero .secFlyer .txtMsg .txt{
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.7px;
    color: #172653;
    background: #FFCC00;
    display: inline-block;
    width: 170px;
    padding: 11px 0;
    text-align: center;
    border-radius: 18px;
    position: relative;
}
.secTopHero .secFlyer .txtMsg .txt::after{
    content: "";
    width:0;
    height:0;
    border-style:solid;
    border-width: 8px 5px 0 5px;
    border-color: #FFCC00 transparent transparent transparent;
    position: absolute;
    bottom: -7px;
    left: 0;
    right: 0;
    margin: auto;
}
.secTopHero .secFlyer .txtMsg02{
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1.4px;
    color: #fff;
    display: inline-block;
    position: absolute;
    bottom: -2em;
    right: 0;
}






.secTopHero .secFlyer .boxPeriod01{
    width: 340px;
    height: 92px;
    position: relative;
    margin-top: 25px;
}

.secTopHero .secFlyer .boxPeriod01 .txtMonth01{
    font-size: 40px;
    font-weight: 700;
    letter-spacing: 0;
    color: #FFCC00;
    position: absolute;
    top: 55px;
    left: 0;
}
    .secTopHero .secFlyer .boxPeriod01 .txtMonth01 .txtSlash{
        color: #fff;
        display: inline-block;
        font-size: 24px;
        font-weight: 400;
        padding-left: 5px;
        vertical-align: 2px;
    }
.secTopHero .secFlyer .boxPeriod01 .boxDate01{
    position: absolute;
    bottom: -5px;
    right: 104px;
}
.secTopHero .secFlyer .boxPeriod01 .boxDate01 .txtDate{
    width: 190px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    position: absolute;
    bottom: 0;
    right: 0;
}
.secTopHero .secFlyer .boxPeriod01 .boxDate01 .txtNum{
    font-size: 60px;
    font-weight: 700;
    letter-spacing: 0;
    color: #FFCC00;
    position: relative;
}
.secTopHero .secFlyer .boxPeriod01 .boxDate01 .txtNum .txtSub{
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1.4px;
    color: #fff;
}

.secTopHero .secFlyer .boxPeriod01 .txtMonth02{
    font-size: 40px;
    font-weight: 700;
    letter-spacing: 0;
    color: #FFCC00;
    position: absolute;
    top: 55px;
    left: 48%;
}
    .secTopHero .secFlyer .boxPeriod01 .txtMonth02 .txtSlash{
        color: #fff;
        display: inline-block;
        font-size: 24px;
        font-weight: 400;
        padding-left: 5px;
        vertical-align: 2px;
    }
.secTopHero .secFlyer .boxPeriod01 .boxDate02{
    position: absolute;
    bottom: -5px;
    right: -156px;
}
.secTopHero .secFlyer .boxPeriod01 .boxDate02 .txtDate{
    width: 225px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    position: absolute;
    bottom: 0;
    right: 60px;
}
.secTopHero .secFlyer .boxPeriod01 .boxDate02 .txtNum{
    font-size: 60px;
    font-weight: 700;
    letter-spacing: 0;
    color: #FFCC00;
    position: relative;
}
.secTopHero .secFlyer .boxPeriod01 .boxDate02 .txtNum .txtSub{
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1.4px;
    color: #fff;
}
.secTopHero .secFlyer .txtMsg01{
    position: absolute;
    top: -3px;
    right: 32px;
}
.secTopHero .secFlyer .txtMsg01 .txt{
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.7px;
    color: #172653;
    background: #FFCC00;
    display: inline-block;
    width: 170px;
    padding: 11px 0;
    text-align: center;
    border-radius: 18px;
    position: relative;
}
.secTopHero .secFlyer .txtMsg01 .txt::after{
    content: "";
    width:0;
    height:0;
    border-style:solid;
    border-width: 8px 5px 0 5px;
    border-color: #FFCC00 transparent transparent transparent;
    position: absolute;
    bottom: -7px;
    left: 0;
    right: 0;
    margin: auto;
}
.secTopHero .secFlyer .txtMsg03{
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1.4px;
    color: #fff;
    display: inline-block;
    position: absolute;
    bottom: -2em;
    right: 0;
}



.secTopHero .secFlyer .boxPeriod02{
    width: 320px;
    height: 92px;
    position: relative;
    margin-top: 25px;
}
.secTopHero .secFlyer .boxPeriod02::before{
    content: "";
    width: 120px;
    height: 1px;
    background: #fff;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg);
    position: absolute;
    left: 0;
    bottom: 0;
}
.secTopHero .secFlyer .boxPeriod02 .txtMonth{
    font-size: 40px;
    font-weight: 700;
    letter-spacing: 0;
    color: #FFCC00;
    position: absolute;
    top: 0;
    left: 0;
}
.secTopHero .secFlyer .boxPeriod02 .boxDate{
    position: absolute;
    bottom: -5px;
    right: 52px;
    z-index: 1;
}
.secTopHero .secFlyer .boxPeriod02 .boxDate .txtDate{
    width: 260px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    position: absolute;
    bottom: 0;
    right: -38px;
}
.secTopHero .secFlyer .boxPeriod02 .boxDate .txtDate02{
    width: 220px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    position: absolute;
    bottom: 0;
    right: 0;
}
.secTopHero .secFlyer .boxPeriod02 .boxDate .txtNum{
    font-size: 50px;
    font-weight: 700;
    letter-spacing: 0;
    color: #FFCC00;
    position: relative;
}
.secTopHero .secFlyer .boxPeriod02 .boxDate .txtNum02{
    font-size: 48px;
    font-weight: 700;
    letter-spacing: 0;
    color: #FFCC00;
    position: relative;
}
.secTopHero .secFlyer .boxPeriod02 .boxDate .txtNum .txtSub{
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1.4px;
    color: #fff;
}
.secTopHero .secFlyer .boxPeriod02 .boxDate .txtNum02 .txtSub02{
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1.4px;
    color: #fff;
}
.secTopHero .secFlyer .boxPeriod02 .boxDate .txtNum.txtDateStart::before{
    content: "・";
    position: absolute;
    top: 16px;
    left: 60px;
    color: #fff;
    font-size: 24px;
    font-weight: 500;
}
.secTopHero .secFlyer .boxPeriod02 .boxDate .txtNum02.txtDateStart02::before{
    content: "・";
    position: absolute;
    top: 16px;
    left: 40px;
    color: #fff;
    font-size: 24px;
    font-weight: 500;
}

.secTopHero .secFlyer .boxPeriod03{
    width: 320px;
    height: 92px;
    position: relative;
    margin-top: 25px;
}
.secTopHero .secFlyer .boxPeriod03::before{
    content: "";
    width: 54px;
    height: 1px;
    background: #fff;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg);
    position: absolute;
    left: 18px;
    bottom: 45px;
}
.secTopHero .secFlyer .boxPeriod03 .txtMonth{
    font-size: 40px;
    font-weight: 700;
    letter-spacing: 0;
    color: #FFCC00;
    position: absolute;
    top: 0;
    left: 0;
}
.secTopHero .secFlyer .boxPeriod03 .boxDate{
    position: absolute;
    bottom: -5px;
    right: 52px;
    z-index: 1;
}
.secTopHero .secFlyer .boxPeriod03 .boxDate .txtDate{
    width: 260px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    position: absolute;
    bottom: 0;
    right: -38px;
}
.secTopHero .secFlyer .boxPeriod03 .boxDate .txtDate02{
    width: 285px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    position: absolute;
    bottom: 0;
    right: 0;
}
.secTopHero .secFlyer .boxPeriod03 .boxDate .txtNum{
    font-size: 50px;
    font-weight: 700;
    letter-spacing: 0;
    color: #FFCC00;
    position: relative;
}
.secTopHero .secFlyer .boxPeriod03 .boxDate .txtNum02{
    font-size: 48px;
    font-weight: 700;
    letter-spacing: 0;
    color: #FFCC00;
    position: relative;
}
.secTopHero .secFlyer .boxPeriod03 .boxDate .txtNum .txtSub{
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1.4px;
    color: #fff;
}
.secTopHero .secFlyer .boxPeriod03 .boxDate .txtNum02 .txtSub02{
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1.4px;
    color: #fff;
}
.secTopHero .secFlyer .boxPeriod03 .boxDate .txtNum.txtDateStart::before{
    content: "・";
    position: absolute;
    top: 16px;
    left: 50px;
    color: #fff;
    font-size: 24px;
    font-weight: 500;
}
.secTopHero .secFlyer .boxPeriod03 .boxDate .txtNum02.txtDateStart02::before{
    content: "・";
    position: absolute;
    top: 16px;
    left: 40px;
    color: #fff;
    font-size: 24px;
    font-weight: 500;
}

.secTopHero .secFlyer .txtMsg04{
    position: absolute;
    top: -3px;
    right: 10px;
}
.secTopHero .secFlyer .txtMsg04 .txt{
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.7px;
    color: #172653;
    background: #FFCC00;
    display: inline-block;
    width: 170px;
    padding: 11px 0;
    text-align: center;
    border-radius: 18px;
    position: relative;
}
.secTopHero .secFlyer .txtMsg04 .txt::after{
    content: "";
    width:0;
    height:0;
    border-style:solid;
    border-width: 8px 5px 0 5px;
    border-color: #FFCC00 transparent transparent transparent;
    position: absolute;
    bottom: -7px;
    left: 0;
    right: 0;
    margin: auto;
}
.secTopHero .secFlyer .txtMsg04_01{
    position: absolute;
    top: -3px;
    right: 10px;
}
.secTopHero .secFlyer .txtMsg04_01 .txt{
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.7px;
    color: #172653;
    background: #FFCC00;
    display: inline-block;
    width: 170px;
    padding: 11px 0;
    text-align: center;
    border-radius: 18px;
    position: relative;
}
.secTopHero .secFlyer .txtMsg04_01 .txt::after{
    content: "";
    width:0;
    height:0;
    border-style:solid;
    border-width: 8px 5px 0 5px;
    border-color: #FFCC00 transparent transparent transparent;
    position: absolute;
    bottom: -7px;
    left: 0;
    right: 0;
    margin: auto;
}

.secTopHero .secFlyer .txtMsg04_02{
    position: absolute;
    top: -3px;
    right: 47px;
}
.secTopHero .secFlyer .txtMsg04_02 .txt{
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.7px;
    color: #172653;
    background: #FFCC00;
    display: inline-block;
    width: 206px;
    padding: 11px 0;
    text-align: center;
    border-radius: 18px;
    position: relative;
}
.secTopHero .secFlyer .txtMsg04_02 .txt::after{
    content: "";
    width:0;
    height:0;
    border-style:solid;
    border-width: 8px 5px 0 5px;
    border-color: #FFCC00 transparent transparent transparent;
    position: absolute;
    bottom: -7px;
    left: 0;
    right: 0;
    margin: auto;
}

.secTopHero .secFlyer .txtMsg05{
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1.4px;
    color: #fff;
    display: inline-block;
    position: absolute;
    bottom: -2em;
    right: 0;
}





.secTopHero .secFlyer .areaList{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    align-items: center;
    max-width: 500px;
    margin: 40px auto 0 0;
    position: relative;
}
.secTopHero .secFlyer .areaList::after{
    content: "";
    background: url(../img/index/imgFlyer01.png) center / contain no-repeat;
    width: 230px;
    height: 197px;
    position: absolute;
    top: -192px;
    right: -45px;
}
.secTopHero .secFlyer.lazyloaded .areaList::after{
    background: url(../img/index/imgFlyer01.png) center / contain no-repeat;
}
.secTopHero .secFlyer .areaItem{
    width: 32%;
    height: 70px;
    background: #FFCC00;
    margin-left: 2%;
    color: #172653;
    position: relative;
    z-index: 1;
}
.secTopHero .secFlyer .areaItem:first-child{
    margin-left: 0;
}
.secTopHero .secFlyer .areaItem .aBtnLink{
    width: 100%;
    height: 100%;
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
}
.secTopHero .secFlyer .areaItem .aBtnLink::after{
    content: "";
    background: url(../img/common/iconArrow16_28.png) center / contain no-repeat;
    width: 8px;
    height: 14px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    margin: auto;
}
@media only screen and (max-width:1730px){
    .secTopHero .secFlyer .boxPeriod {
        width: 238px;
        height: 60px;
    }
    .secTopHero .secFlyer .boxPeriod::before{
        width: 76px;
    }
    .secTopHero .secFlyer .boxPeriod .boxDate .txtDate{
        width: 194px;
    }
    .secTopHero .secFlyer .boxPeriod .txtMonth{
        font-size: 26px;
    }
    .secTopHero .secFlyer .boxPeriod .boxDate .txtNum{
        font-size: 40px;
    }
    .secTopHero .secFlyer .boxPeriod .boxDate .txtNum.txtDateEnd::before{
        top: 10px;
    }
    .secTopHero .secFlyer .txtMsg{
        top: -14px;
    }
    .secTopHero .secFlyer .txtMsg .txt{
        font-size: 12px;
        width: 154px;
        padding: 9px 0;
    }
    .secTopHero .secFlyer .areaList::after{
        width: 182px;
        height: 192px;
        top: -170px;
        right: -20px;
    }
    .secTopHero .secFlyer .areaItem{
        height: 46px;
        font-size: 12px;
    }
    .secTopHero .secFlyer .areaItem .aBtnLink{
        font-size: 14px;
    }
}
@media only screen and (max-width:1500px){
    .secTopHero .secAreaSearch .tit{
        font-size: 20px;
    }
    .secTopHero .secFlyer .tit{
        font-size: 20px;
    }
    .secTopHero .secFlyer .areaList::after{
        right: -30px;
    }
    .secTopHero .secFlyer .areaItem .aBtnLink{
        font-size: 12px;
    }
}
@media only screen and (max-width:767px){
    .secTopHero .secHeroRight{
        width: 100%;
        height: auto;
        padding-top: 40px;
    }
    .secTopHero .secAreaSearch{
        width: 100%;
        height: auto;
        position: static;
        padding-top: 0;
    }
    .secTopHero .secAreaSearch .inner{
        width: 87%;
        padding: 22px 0 25px;
    }
    .secTopHero .secAreaSearch .tit{
        font-size: 12px;
        padding-left: 28px;
    }
    .secTopHero .secAreaSearch .tit::before{
        width: 25px;
        height: 20px;
    }
    .secTopHero .secAreaSearch .boxMap{
        margin: 20px auto 0;
    }
    .secTopHero .secFlyer{
        width: 100%;
        height: auto;
        position: static;
        padding: 17px 0;
    }
    .secTopHero .secFlyer .inner{
        width: 87%;
    }
    .secTopHero .secFlyer .tit{
        font-size: 15px;
        letter-spacing: 0.6px;
        padding-left: 25px;
    }
    .secTopHero .secFlyer .tit::before{
        width: 22px;
        height: 14px;
    }
    .secTopHero .secFlyer .boxPeriod{
        width: auto;
        height: auto;
        margin-top: 11px;
        display: inline-block;
    }
    .secTopHero .secFlyer .boxPeriod::before{
        display: none;
    }
    .secTopHero .secFlyer .boxPeriod .txtMonth{
        font-size: 29px;
        position: static;
        display: inline-block;
    }
    .secTopHero .secFlyer .boxPeriod .txtMonth .txtSlash{
        color: #fff;
        display: inline-block;
        font-size: 24px;
        font-weight: 400;
        padding-left: 5px;
        vertical-align: 2px;
    }
    .secTopHero .secFlyer .boxPeriod .boxDate{
        position: static;
        display: inline-block;
        margin-left: 2px;
    }
    .secTopHero .secFlyer .boxPeriod .boxDate .txtDate{
        width: 115px;
        position: static;
    }
    .secTopHero .secFlyer .boxPeriod .boxDate .txtDate01{
        width: 98px;
        position: static;
    }
    .secTopHero .secFlyer .boxPeriod .boxDate .txtNum{
        font-size: 29px;
        white-space: nowrap;
    }
    .secTopHero .secFlyer .boxPeriod .boxDate .txtNum .txtSub{
        font-size: 10px;
        letter-spacing: 1.2px;
    }
    .secTopHero .secFlyer .boxPeriod .boxDate .txtNum.txtDateEnd::before{
        top: 5px;
        left: -21px;
        font-size: 14px;
    }
    .secTopHero .secFlyer .txtMsg{
        position: absolute;
        top: 3px;
        right: -7px;
        z-index: 1;
    }
    .secTopHero .secFlyer .txtMsg .txt{
        font-size: 10px;
        letter-spacing: 0;
        width: 110px;
        padding: 6px 0px;
        border-radius: 11px;
        -webkit-transform: translate(100%);
        transform: translate(100%);
    }
    .secTopHero .secFlyer .txtMsg .txt::after{
        display: none;
    }
    .secTopHero .secFlyer .txtMsg02{
        font-size: 10px;
        letter-spacing: 0;
        bottom: -10px;
        right: -7px;
        -webkit-transform: translate(100%);
        transform: translate(100%);
    }
    .secTopHero .secFlyer .areaList{
        margin: 19px auto 0 0;
    }
    .secTopHero .secFlyer .areaList::after{
        width: 99px;
        height: 84px;
        top: -82px;
        right: -39px;
    }
    .secTopHero .secFlyer .areaItem{
        width: 31.385%;
        height: 35px;
        margin-left: 2.9225%;
    }
    .secTopHero .secFlyer .areaItem .aBtnLink{
        font-size: 10px;
        font-weight: 700;
        letter-spacing: 0.3px;
    }
    .secTopHero .secFlyer .areaItem .aBtnLink::after{
        width: 5px;
        height: 9px;
        right: 4px;
    }
}






@media only screen and (max-width:1730px){
    .secTopHero .secFlyer .boxPeriod01 {
        width: 255px;
        height: 60px;
    }
    .secTopHero .secFlyer .boxPeriod01 .boxDate01{
        bottom: -6px;
        right: 60px;
    }
    .secTopHero .secFlyer .boxPeriod01 .boxDate01 .txtDate{
        width: 160px;
    }
    .secTopHero .secFlyer .boxPeriod01 .txtMonth01{
        font-size: 26px;
		top: 39px;
    }
    .secTopHero .secFlyer .boxPeriod01 .boxDate01 .txtNum{
        font-size: 40px;
    }
    .secTopHero .secFlyer .boxPeriod01 .boxDate02{
        bottom: -7px;
        right: -173px;
    }
    .secTopHero .secFlyer .boxPeriod01 .boxDate02 .txtDate{
        width: 194px;
    }
    .secTopHero .secFlyer .boxPeriod01 .txtMonth02{
        font-size: 26px;
		top: 39px;
		/*left: 185px;*/
    }
    .secTopHero .secFlyer .boxPeriod01 .boxDate02 .txtNum{
        font-size: 40px;
    }
    .secTopHero .secFlyer .txtMsg01{
        top: -14px;
    }
    .secTopHero .secFlyer .txtMsg01 .txt{
        font-size: 12px;
        width: 154px;
        padding: 9px 0;
    }
}
@media only screen and (max-width:767px){
    .secTopHero .secFlyer .boxPeriod01{
        width: auto;
        height: auto;
        margin-top: 11px;
        display: inline-block;
    }
    .secTopHero .secFlyer .boxPeriod01 .txtMonth01{
        font-size: 29px;
        position: static;
        display: inline-block;
    }
    .secTopHero .secFlyer .boxPeriod01 .txtMonth01 .txtSlash{
        color: #fff;
        display: inline-block;
        font-size: 24px;
        font-weight: 400;
        padding-left: 5px;
        vertical-align: 2px;
    }
    .secTopHero .secFlyer .boxPeriod01 .boxDate01{
        position: static;
        display: inline-block;
        margin-left: 2px;
    }
    .secTopHero .secFlyer .boxPeriod01 .boxDate01 .txtDate{
        width: auto;
        position: static;
    }
    .secTopHero .secFlyer .boxPeriod01 .boxDate01 .txtNum{
        font-size: 29px;
        white-space: nowrap;
    }
    .secTopHero .secFlyer .boxPeriod01 .boxDate01 .txtNum .txtSub{
        font-size: 10px;
        letter-spacing: 1.2px;
    }
    .secTopHero .secFlyer .boxPeriod01 .txtMonth02{
        font-size: 29px;
        position: static;
        display: inline-block;
    }
    .secTopHero .secFlyer .boxPeriod01 .txtMonth02 .txtSlash{
        color: #fff;
        display: inline-block;
        font-size: 24px;
        font-weight: 400;
        padding-left: 5px;
        vertical-align: 2px;
    }
    .secTopHero .secFlyer .boxPeriod01 .boxDate02{
        position: static;
        display: inline-block;
        margin-left: 2px;
    }
    .secTopHero .secFlyer .boxPeriod01 .boxDate02 .txtDate{
        width: auto;
        position: static;
    }
    .secTopHero .secFlyer .boxPeriod01 .boxDate02 .txtNum{
        font-size: 29px;
        white-space: nowrap;
    }
    .secTopHero .secFlyer .boxPeriod01 .boxDate02 .txtNum .txtSub{
        font-size: 10px;
        letter-spacing: 1.2px;
    }
    .secTopHero .secFlyer .txtMsg01{
    position: absolute;
    top: -26px;
    right: 10px;
    z-index: 1;
    }
    .secTopHero .secFlyer .txtMsg01 .txt{
        font-size: 10px;
        letter-spacing: 0;
        width: 110px;
        padding: 6px 0px;
        border-radius: 11px;
        -webkit-transform: translate(100%);
        transform: translate(100%);
    }
    .secTopHero .secFlyer .txtMsg01 .txt::after{
        display: none;
    }		
    .secTopHero .secFlyer .txtMsg03{
        font-size: 10px;
        letter-spacing: 0;
        bottom: -10px;
        right: 19px;
        -webkit-transform: translate(100%);
        transform: translate(100%);
    }
}


@media only screen and (max-width:1730px){
    .secTopHero .secFlyer .boxPeriod02 {
        width: 230px;
        height: 60px;
    }
    .secTopHero .secFlyer .boxPeriod02::before{
        width: 76px;
    }
    .secTopHero .secFlyer .boxPeriod02 .boxDate .txtDate{
        width: 165px;
    }
    .secTopHero .secFlyer .boxPeriod02 .boxDate .txtDate02{
        right: -100px;
    }	
    .secTopHero .secFlyer .boxPeriod02 .txtMonth{
        font-size: 26px;
    }
    .secTopHero .secFlyer .boxPeriod02 .boxDate .txtNum{
        font-size: 30px;
    }
    .secTopHero .secFlyer .boxPeriod02 .boxDate .txtNum.txtDateStart::before{
        top: 9px;
        left: 49px;
        font-size: 18px;
    }

    .secTopHero .secFlyer .boxPeriod03 {
        width: 230px;
        height: 60px;
    }
    .secTopHero .secFlyer .boxPeriod03::before{
        width: 76px;
    }
    .secTopHero .secFlyer .boxPeriod03 .boxDate .txtDate{
        width: 200px;
    }
    .secTopHero .secFlyer .boxPeriod03 .boxDate .txtDate02{
        right: -93px;
    }	
    .secTopHero .secFlyer .boxPeriod03 .txtMonth{
        font-size: 26px;
    }
    .secTopHero .secFlyer .boxPeriod03 .boxDate .txtNum{
        font-size: 30px;
    }
    .secTopHero .secFlyer .boxPeriod03 .boxDate .txtNum.txtDateStart::before{
        top: 9px;
        left: 57px;
        font-size: 18px;
    }
	
    .secTopHero .secFlyer .txtMsg04{
        top: -14px;
    }
    .secTopHero .secFlyer .txtMsg04 .txt{
        font-size: 12px;
        width: 154px;
        padding: 9px 0;
    }
    .secTopHero .secFlyer .txtMsg04_01{
        top: -16px;
        right: -97px;
        z-index: 100;
    }
    .secTopHero .secFlyer .txtMsg04_01 .txt{
        font-size: 12px;
        width: 150px;
        padding: 6px 0;
    }
    .secTopHero .secFlyer .txtMsg04_02{
    top: -16px;
    right: -69px;
    z-index: 100;
    }
    .secTopHero .secFlyer .txtMsg04_02 .txt{
        font-size: 12px;
        width: 150px;
        padding: 6px 0;
    }

}
@media only screen and (max-width:767px){
    .secTopHero .secFlyer .boxPeriod02{
        width: auto;
        height: auto;
        margin-top: 11px;
        display: inline-block;
    }
    .secTopHero .secFlyer .boxPeriod02::before{
        display: none;
    }
    .secTopHero .secFlyer .boxPeriod02 .txtMonth{
        font-size: 29px;
        position: static;
        display: inline-block;
    }
    .secTopHero .secFlyer .boxPeriod02 .txtMonth .txtSlash{
        color: #fff;
        display: inline-block;
        font-size: 24px;
        font-weight: 400;
        padding-left: 5px;
        vertical-align: 2px;
    }
    .secTopHero .secFlyer .boxPeriod02 .boxDate{
        position: static;
        display: inline-block;
        margin-left: 2px;
    }
    .secTopHero .secFlyer .boxPeriod02 .boxDate .txtDate{
        width: 115px;
        position: static;
    }
    .secTopHero .secFlyer .boxPeriod02 .boxDate .txtDate02{
        width: 115px;
        position: static;
    }
    .secTopHero .secFlyer .boxPeriod02 .boxDate .txtNum{
        font-size: 29px;
        white-space: nowrap;
    }
    .secTopHero .secFlyer .boxPeriod02 .boxDate .txtNum02{
        font-size: 29px;
        white-space: nowrap;
	    margin: 0 7px 0 0;
    }
    .secTopHero .secFlyer .boxPeriod02 .boxDate .txtNum .txtSub{
        font-size: 10px;
        letter-spacing: 1.2px;
    }
    .secTopHero .secFlyer .boxPeriod02 .boxDate .txtNum02 .txtSub02{
        font-size: 10px;
        letter-spacing: 1.2px;
    }
    .secTopHero .secFlyer .boxPeriod02 .boxDate .txtNum.txtDateStart::before{
    top: 8px;
    left: 35px;
    font-size: 12px;
    }
    .secTopHero .secFlyer .boxPeriod02 .boxDate .txtNum02.txtDateStart02::before{
        top: 8px;
        left: 33px;
        font-size: 12px;
    }
	
    .secTopHero .secFlyer .boxPeriod03{
        width: auto;
        height: auto;
        margin-top: 11px;
        display: inline-block;
    }
    .secTopHero .secFlyer .boxPeriod03::before{
        display: none;
    }
    .secTopHero .secFlyer .boxPeriod03 .txtMonth{
        font-size: 29px;
        position: static;
        display: inline-block;
    }
    .secTopHero .secFlyer .boxPeriod03 .txtMonth .txtSlash{
        color: #fff;
        display: inline-block;
        font-size: 24px;
        font-weight: 400;
        padding-left: 5px;
        vertical-align: 2px;
    }
    .secTopHero .secFlyer .boxPeriod03 .boxDate{
        position: static;
        display: inline-block;
        margin-left: 2px;
    }
    .secTopHero .secFlyer .boxPeriod03 .boxDate .txtDate{
        width: 115px;
        position: static;
    }
    .secTopHero .secFlyer .boxPeriod03 .boxDate .txtDate02{
        width: 115px;
        position: static;
    }
    .secTopHero .secFlyer .boxPeriod03 .boxDate .txtNum{
        font-size: 29px;
        white-space: nowrap;
    }
    .secTopHero .secFlyer .boxPeriod03 .boxDate .txtNum02{
        font-size: 29px;
        white-space: nowrap;
	    margin: 0 7px 0 0;
    }
    .secTopHero .secFlyer .boxPeriod03 .boxDate .txtNum .txtSub{
        font-size: 10px;
        letter-spacing: 1.2px;
    }
    .secTopHero .secFlyer .boxPeriod03 .boxDate .txtNum02 .txtSub02{
        font-size: 10px;
        letter-spacing: 1.2px;
    }
    .secTopHero .secFlyer .boxPeriod03 .boxDate .txtNum.txtDateStart::before{
    top: 10px;
    left: 30px;
    font-size: 12px;
    }
    .secTopHero .secFlyer .boxPeriod03 .boxDate .txtNum02.txtDateStart02::before{
        top: 8px;
        left: 33px;
        font-size: 12px;
    }
	
    .secTopHero .secFlyer .txtMsg04{
        position: absolute;
    top: -24px;
    right: -21px;
    z-index: 1;
    }
    .secTopHero .secFlyer .txtMsg04 .txt{
        font-size: 10px;
        letter-spacing: 0;
        width: 110px;
        padding: 6px 0px;
        border-radius: 11px;
        -webkit-transform: translate(100%);
        transform: translate(100%);
    }
    .secTopHero .secFlyer .txtMsg04 .txt::after{
        display: none;
    }
    .secTopHero .secFlyer .txtMsg04_01{
        position: absolute;
        top: -31px;
        right: -28px;
        z-index: 1;
    }
    .secTopHero .secFlyer .txtMsg04_01 .txt{
        font-size: 10px;
        letter-spacing: 0;
        width: 110px;
        padding: 6px 0px;
        border-radius: 11px;
        -webkit-transform: translate(100%);
        transform: translate(100%);
    }
    .secTopHero .secFlyer .txtMsg04_01 .txt::after{
        display: none;
    }
	
    .secTopHero .secFlyer .txtMsg04_02{
    position: absolute;
    top: -31px;
    right: -10px;
    z-index: 1;
    }
    .secTopHero .secFlyer .txtMsg04_02 .txt{
    font-size: 10px;
    letter-spacing: 0;
    width: 136px;
    padding: 6px 0px;
    border-radius: 11px;
    -webkit-transform: translate(100%);
    transform: translate(100%);
    }
    .secTopHero .secFlyer .txtMsg04_02 .txt::after{
        display: none;
    }
	
    .secTopHero .secFlyer .txtMsg05{
        font-size: 10px;
    letter-spacing: 0;
    bottom: -11px;
    right: -13px;
    -webkit-transform: translate(100%);
    transform: translate(100%);
    z-index: 10;
    }
	

}



@media only screen and (max-width:359px){
    .secTopHero .secFlyer .areaList::after{
        top: -114px;
    }
}

/* secInfo */
.secInfo{
    margin-top: 96px;
}
.secInfo .infoIn{
    width: 1080px;
    margin: 0 auto;
    border: 1px solid #095f8d;
    position: relative;
    padding: 28px 0 5px;
    display: block;
    cursor: pointer;
}
.secInfo .tit{
    width: 500px;
    height: 60px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 2.2px;
    color: #fff;
    position: absolute;
    top: -30px;
    left: 0;
    right: 0;
    margin: auto;
}
.secInfo.lazyloaded .tit{
    background: url(../img/index/bgInfo.gif) center / 500px auto no-repeat;
}
.secInfo .boxTxt{
    font-size: 13px;
    font-weight: 400;
    line-height: 2.308;
    letter-spacing: 0.65px;
    text-align: center;
}
.secInfo .boxTxt .txt01{
    padding: 25px 0 20px;
}
.secInfo .boxTxt .txt02{
    display: none;
}
.secInfo .boxBtn{
    width: 29px;
    height: 29px;
    position: absolute;
    top: -14px;
    right: 10px;
}
.secInfo .boxBtn .circle{
    width: 100%;
    height: 100%;
    background: #172654;
    border-radius: 50%;
    display: block;
    position: relative;
}
.secInfo .boxBtn .bar{
    width: 17px;
    height: 1px;
    background: #fff;
    display: block;
    position: absolute;
    top: 14px;
    left: 6px;
}
.secInfo .boxBtn .bar:nth-child(1){
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
}
.secInfo .boxBtn .bar:nth-child(2){
    -webkit-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg);
}
.secInfo .closed .boxTxt .txt02{
    display: block;
}
.secInfo .closed .boxBtn{
    display: none;
}
@media only screen and (max-width:767px){
    .secInfo{
        margin-top: 47px;
    }
    .secInfo .infoIn{
        width: 94.667%;
        padding: 18px 0 5px;
    }
    .secInfo .tit{
        width: 240px;
        max-width: calc(100% - 20px);
        height: 36px;
        font-size: 13px;
        letter-spacing: 1px;
        top: -18px;
        padding-bottom: 2px;
    }
    .secInfo.lazyloaded .tit{
        background: url(../img/index/bgInfo_sp.gif) center / contain no-repeat;
    }
    .secInfo .boxTxt{
        font-size: 11px;
        line-height: 2.091;
        letter-spacing: 0.2px;
    }
    .secInfo .boxTxt .txt01{
        padding: 20px 0 16px;
    }
    .secInfo .boxBtn{
        width: 26px;
        height: 26px;
        top: 0;
        right: 0;
    }
    .secInfo .boxBtn .circle {
        border-radius: 0;
    }
    .secInfo .boxBtn .bar {
        top: 12px;
        left: 5px;
    }
}
@media only screen and (max-width:359px){
    .secInfo .boxTxt{
        font-size: 10px;
        letter-spacing: 0;
    }
}

/* secSearchEstate  */
.secSearchEstate{
    margin-top: 80px;
}
.secSearchEstate .tit{
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 390px;
    display: inline-block;
}
.secSearchEstate .tit img{
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
@media only screen and (max-width:767px){
    .secSearchEstate{
        margin-top: 10px;
    }
    .secSearchEstate .tit{
        overflow: visible;
        position: static;
        height: auto;
        display: block;
    }
    .secSearchEstate .tit img{
        position: static;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

/* secSearchHouse */
.secSearchHouse .boxBody{
    margin-top: 100px;
    overflow: hidden;
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    position: relative;
}
.secSearchHouse .boxPanel{
    padding: 150px 50px 20px;
    width: 930px;
}
.secSearchHouse .boxPanel:nth-child(2){
    margin-left: 60px;
}
.secSearchHouse.lazyloaded .boxModel{
    background: url(../img/index/imgSearchHouse02.jpg) right top no-repeat;
}
.secSearchHouse.lazyloaded .boxEstate{
    background: url(../img/index/imgSearchHouse03.jpg) left top no-repeat;
}
.secSearchHouse .aBoxLink{
    display: block;
    padding: 36px 0 20px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    align-items: center;
    width: 450px;
    background: #fff;
}
.secSearchHouse .boxModel .aBoxLink{
    margin-right: auto;
}
.secSearchHouse .boxEstate .aBoxLink{
    margin-left: auto;
}
.secSearchHouse .aBoxLink .txt{
    -webkit-order: 1;
    order: 1;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
}
.secSearchHouse .aBoxLink .subTit{
    -webkit-order: 2;
    order: 2;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0;
    margin-top: 14px;
}
.secSearchHouse .aBoxLink .boxNum{
    -webkit-order: 3;
    order: 3;
    margin-top: 13px;
    position: relative;
}
.secSearchHouse .aBoxLink .boxNum .num{
    font-size: 90px;
    font-weight: 700;
    letter-spacing: 0;
}
.secSearchHouse .aBoxLink .boxNum .txtSub{
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 0;
    position: absolute;
    bottom: 13px;
    right: -6px;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    white-space: nowrap;
}
.secSearchHouse .aBoxLink .boxBtn{
    -webkit-order: 4;
    order: 4;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 2px;
    border: 2px solid #0b202f;
    background: #ffcc00;
    position: relative;
    margin-top: 25px;
    width: 350px;
    height: 60px;
}
.secSearchHouse .aBoxLink .boxBtn::after{
    content: "";
    background: url(../img/common/iconArrow50_22.png) center / contain no-repeat;
    width: 25px;
    height: 11px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 22px;
    margin: auto;
}
@media only screen and (max-width:767px){
    .secSearchHouse .boxBody{
        margin-top: 1px;
        overflow: visible;
        display: block;
    }
    .secSearchHouse .boxPanel{
        padding: 130px 0 0;
        width: 100%;
    }
    .secSearchHouse .boxPanel:nth-child(2){
        margin-left: 0;
        margin-top: 10px;
    }
    .secSearchHouse.lazyloaded .boxModel{
        background: url(../img/index/imgSearchHouse02_sp.jpg) center top / contain no-repeat;
    }
    .secSearchHouse.lazyloaded .boxEstate{
        background: url(../img/index/imgSearchHouse03_sp.jpg) center top / contain no-repeat;
    }
    .secSearchHouse .aBoxLink{
        /* display: block; */
        padding: 26px 0 20px;
        /* display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-align-items: center;
        align-items: center; */
        width: 84%;
        /* background: #fff; */
    }
    .secSearchHouse .boxModel .aBoxLink,
    .secSearchHouse .boxEstate .aBoxLink{
        margin: 0 auto;
    }
    .secSearchHouse .aBoxLink .txt{
        font-size: 13px;
    }
    .secSearchHouse .aBoxLink .subTit{
        font-size: 22px;
        margin-top: 3px;
    }
    .secSearchHouse .aBoxLink .boxNum{
        margin-top: 6px;
    }
    .secSearchHouse .aBoxLink .boxNum .num{
        font-size: 60px;
    }
    .secSearchHouse .aBoxLink .boxNum .txtSub{
        font-size: 15px;
        bottom: 9px;
        white-space: nowrap;
    }
    .secSearchHouse .aBoxLink .boxBtn{
        font-size: 13px;
        letter-spacing: 0.5px;
        margin-top: 10px;
        width: 245px;
        height: 42px;
    }
    .secSearchHouse .aBoxLink .boxBtn::after{
        width: 18px;
        height: 6px;
        right: 22px;
    }
}

/* secSearchMansion */
.secSearchMansion .mansionList{
    margin-top: 100px;
}
.secSearchMansion .mansionItem{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    box-shadow: 0px 0px 4.75px 0.25px rgba(0, 0, 0, 0.35);
    margin-top: 20px;
    padding: 20px;
}
.secSearchMansion .mansionItem:first-child{
    margin-top: 0;
}
.secSearchMansion .mansionItem .boxImg{
    width: 432px;
    height: 0;
    padding-top: calc(432px * 0.5);
}
.secSearchMansion .mansionItem .boxTxt{
    width: calc(100% - 782px);
    padding: 0 34px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}
.secSearchMansion .mansionItem .boxTxt .labelArea{
    -webkit-order: 1;
    order: 1;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.65px;
    display: inline-block;
    padding: 8px 10px;
    border: 1px solid #172654;
}
.secSearchMansion .mansionItem .boxTxt .subTit{
    -webkit-order: 2;
    order: 2;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 1px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 16px;
}
.secSearchMansion .mansionItem .boxTxt .location{
    -webkit-order: 3;
    order: 3;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 1.95px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 20px;
}
/* .secSearchMansion .mansionItem .boxTxt .price{
    -webkit-order: 4;
    order: 4;
    font-size: 26px;
    font-weight: 700;
    letter-spacing: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 24px;
} */
.secSearchMansion .mansionItem .boxTxt .price .unit{
    font-size: 16px;
    letter-spacing: 1.28px;
}
.secSearchMansion .mansionItem .boxBtn{
    width: 350px;
}
.secSearchMansion .mansionItem .boxBtn .aBtnLink{
    width: 100%;
    height: 50px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    color: #fff;
    margin-top: 10px;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 1.28px;
}
.secSearchMansion .mansionItem .boxBtn .aBtnLink:first-child{
    margin-top: 0;
}
.secSearchMansion .mansionItem .boxBtn .aBtnLink:nth-child(1){ background: #172654;}
.secSearchMansion .mansionItem .boxBtn .aBtnLink:nth-child(2){ background: #0a5eb4;}
.secSearchMansion .mansionItem .boxBtn .aBtnLink:nth-child(3){ 
    background: #ffde00;
    color: #000;
}
.secSearchMansion .boxBtnDetails{
    margin-top: 50px;
}
.secSearchMansion .boxBtnDetails .aBtnLink{
    width: 600px;
    height: 70px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    border: 2px solid #0b202f;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1px;
    position: relative;
    margin: 0 auto;
}
.secSearchMansion .boxBtnDetails .aBtnLink::after{
    content: "";
    background: url(../img/common/iconArrow50_22.png) center / contain no-repeat;
    width: 25px;
    height: 11px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 32px;
    margin: auto;
}
@media only screen and (max-width:767px){
    .secSearchMansion .mansionList{
        margin-top: 20px;
    }
    .secSearchMansion .mansionItem{
        display: block;
        margin-top: 10px;
        padding: 0 0 20px;
    }
    .secSearchMansion .mansionItem .boxImg{
        width: 100%;
        padding-top: 50%;
    }
    .secSearchMansion .mansionItem .boxTxt{
        width: 100%;
        padding: 14px 14px;
    }
    .secSearchMansion .mansionItem .boxTxt .labelArea{
        letter-spacing: 0.3px;
        padding: 7px 9px;
    }
    .secSearchMansion .mansionItem .boxTxt .subTit{
        font-size: 16px;
        margin-top: 16px;
    }
    .secSearchMansion .mansionItem .boxTxt .location{
        font-size: 12px;
        letter-spacing: 0.6px;
        margin-top: 14px;
    }
    .secSearchMansion .mansionItem .boxTxt .price{
        margin-top: 13px;
    }
    .secSearchMansion .mansionItem .boxBtn{
        max-width: none;
        width: 91.549%;
        margin: 0 auto;
    }
    .secSearchMansion .mansionItem .boxBtn .aBtnLink{
        width: 100%;
        height: 40px;
        margin-top: 10px;
        font-size: 16px;
        letter-spacing: 1.12px;
    }
    .secSearchMansion .boxBtnDetails{
        margin-top: 30px;
    }
    .secSearchMansion .boxBtnDetails .aBtnLink{
        max-width: 355px;
        width: 94.367%;
        height: 60px;
        font-size: 13px;
        letter-spacing: 0.65px;
    }
    .secSearchMansion .boxBtnDetails .aBtnLink::after{
        right: 15px;
    }
}
@media only screen and (max-width:350px){
    .secSearchMansion .boxBtnDetails .aBtnLink::after{
        right: 10px;
        width: 20px;
    }
}

/* secSearchBnrs */
.secSearchBnrs{
    margin-top: 120px;
}
.secSearchBnrs .searchBnrsIn{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    padding-bottom: 125px;
}
.secSearchBnrs .searchBnrItem{
    width: 31.159%;
    margin-left: 3.2615%;
}
.secSearchBnrs .searchBnrItem:first-child{
    margin-left: 0;
}
.secSearchBnrs .searchBnrItem .aBnrLink{
    display: block;
    width: 100%;
    position: relative;
}
.secSearchBnrs .searchBnrItem .boxTxt{
    min-width: 77.907%;
    padding: 35px 10px 39px 35px;
    background: #172654;
    color: #fff;
    position: absolute;
    bottom: -125px;
    left: -15px;
}
.secSearchBnrs .searchBnrItem .boxTxt .tit{
    font-size: 28px;
    font-weight: 700;
}
.secSearchBnrs .searchBnrItem .boxTxt .txt{
    font-size: 16px;
    font-weight: 700;
    line-height: 1.875;
    margin-top: 26px;
}
.secSearchBnrs .searchBnrItem .boxTxt .link{
    font-size: 14px;
    letter-spacing: 2px;
    margin-top: 24px;
    position: relative;
    display: inline-block;
    padding-right: 36px;
}
.secSearchBnrs .searchBnrItem .boxTxt .link::after{
    content: "";
    background: url(../img/common/iconArrow50_22_w.png) center / contain no-repeat;
    width: 25px;
    height: 11px;
    position: absolute;
    top: 7px;
    bottom: 0;
    right: 0;
    margin: auto;
}
.secSearchBnrs .searchBnrItem .boxTxt .link::before{
    content: "";
    background: #fff;
    width: calc(100% - 36px);
    height: 1px;
    position: absolute;
    bottom: -7px;
    left: 0;
}
@media only screen and (max-width:767px){
    .secSearchBnrs{
        margin-top: 50px;
    }
    .secSearchBnrs .searchBnrsIn{
        display: block;
        padding-bottom: 0;
    }
    .secSearchBnrs .searchBnrItem{
        width: 100%;
        margin: 30px 0 0;
    }
    .secSearchBnrs .searchBnrItem:first-child{
        margin: 0;
    }
    .secSearchBnrs .searchBnrItem .boxTxt{
        width: 100%;
        padding: 28px 12px 30px;
        position: relative;
        bottom: auto;
        left: auto;
    }
    .secSearchBnrs .searchBnrItem .boxTxt .tit{
        position: absolute;
        top: -20px;
        left: 0;
        display: inline-block;
        padding: 14px;
        font-size: 20px;
        min-width: 180px;
        background: #172654;
    }
    .secSearchBnrs .searchBnrItem .boxTxt .txt{
        font-size: 13px;
        line-height: 1.692;
        margin-top: 0;
    }
    .secSearchBnrs .searchBnrItem .boxTxt .link{
        font-size: 13px;
        letter-spacing: 2px;
        margin-top: 12px;
        padding-right: 32px;
    }
    .secSearchBnrs .searchBnrItem .boxTxt .link::after{
        top: 5px;
    }
    .secSearchBnrs .searchBnrItem .boxTxt .link::before{
        width: calc(100% - 32px);
    }
}

/* secNews */
.secNews{
    margin-top: 120px;
}
.secNews .boxTit{
    text-align: center;
}
.secNews .boxTit .tit{
    font-size: 26px;
    letter-spacing: 8px;
}
.secNews .boxTit .sub{
    font-size: 20px;
    letter-spacing: 3px;
    margin-top: 16px;
}
.secNews .newsList{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 50px;
}
.secNews .newsItem{
    width: 48.551%;
    margin-left: 2.898%;
    border-bottom: 1px solid #cfcfcf;
}
.secNews .newsItem:nth-child(2n+1){
    margin-left: 0;
}
.secNews .newsItem:nth-child(-n+2){
    border-top: 1px solid #cfcfcf;
}
.secNews .newsItem .aBoxLink{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    align-items: center;
    padding: 27px 0;
}
.secNews .newsItem .infoWrap{
    -webkit-order: 1;
    order: 1;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
.secNews .newsItem .date{
    -webkit-order: 1;
    order: 1;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 1px;
}
.secNews .newsItem .category{
    -webkit-order: 2;
    order: 2;
    display: inline-block;
    margin-left: 14px;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 1px;
    /*border: 1px solid #031440;*/
    padding: 4px 5px 5px;
    min-width: 75px;
    text-align: center;
	color: #FFF;
}
.secNews .newsItem .color01{
    background-color: rgba(255,153,0);
}
.secNews .newsItem .color02{
    background-color: rgba(51,153,153);
}
.secNews .newsItem .color03{
    background-color: rgba(255,102,153);
}
.secNews .newsItem .color04{
    background-color: rgba(0,96,174);
}
.secNews .newsItem .tit{
    -webkit-order: 2;
    order: 2;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 2.25px;
    line-height: 1.6;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: 15px;
    -webkit-flex: 1;
    flex: 1;
}
@media only screen and (max-width:767px){
    .secNews{
        margin-top: 50px;
    }
    .secNews .boxTit .tit{
        font-size: 26px;
        letter-spacing: 7.8px;
    }
    .secNews .boxTit .sub{
        font-size: 16px;
        letter-spacing: 2.4px;
        margin-top: 15px;
    }
    .secNews .newsList{
        display: block;
        margin-top: 17px;
    }
    .secNews .newsItem{
        width: 100%;
        margin-left: 0;
    }
    .secNews .newsItem:nth-child(-n+2){
        border-top: none;
    }
    .secNews .newsItem:first-child{
        border-top: 1px solid #cfcfcf;
    }
    .secNews .newsItem .aBoxLink{
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        padding: 16px 0 11px;
    }
    .secNews .newsItem .tit{
        font-size: 13px;
        letter-spacing: 0.65px;
        margin-top: 7px;
        margin-left: 0;
        width: 100%;
    }
}

.secNews .btnList{
    width: 960px;
    margin: 50px auto 0;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
}
.secNews .btnList .aBtnLink{
    width: 300px;
    height: 70px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    border: 2px solid #0b202f;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 1px;
    position: relative;
    margin-left: 30px;
}
.secNews .btnList .aBtnLink:first-child{
    margin-left: 0;
}
.secNews .btnList .aBtnLink::after{
    content: "";
    background: url(../img/common/iconArrow50_22.png) center / contain no-repeat;
    width: 25px;
    height: 11px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    margin: auto;
}
@media only screen and (max-width:767px){
    .secNews .btnList{
        width: 100%;
        margin: 20px auto 0;
    }
    .secNews .btnList .aBtnLink{
        width: 30.704%;
        height: 60px;
        font-size: 13px;
        line-height: 1.292;
        letter-spacing: 0.5px;
        margin-left: 3.944%;
        text-align: center;
    }
    .secNews .btnList .aBtnLink::after{
        display: none;
    }
}
@media only screen and (max-width:359px){
    .secNews .btnList .aBtnLink{
        font-size: 12px;
        letter-spacing: 0;
    }
}

/* secRelatedLinks */
.secRelatedLinks{
    margin-top: 120px;
    padding: 109px 0 100px;
}
.secRelatedLinks.lazyloaded{
    background: url(../img/index/bgRelated.jpg) center / cover no-repeat;
}
.secRelatedLinks .boxTit{
    text-align: center;
}
.secRelatedLinks .boxTit .tit{
    font-size: 45px;
    letter-spacing: 2.25px;
    color: #fff;
}
.secRelatedLinks .boxTit .sub{
    font-size: 18px;
    letter-spacing: 2px;
    color: #fff;
    margin-top: 39px;
}
.secRelatedLinks .boxImgAward{
    margin-top: 54px;
    text-align: center;
}
.secRelatedLinks .boxBnrLinks{
    margin-top: 49px;
}
.secRelatedLinks .bnrList{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.secRelatedLinks .bnrList.mt50{ margin-top: 50px;}
.secRelatedLinks .bnrList.mt60{ margin-top: 60px;}
.secRelatedLinks .bnrList.row4 .bnrItem{ width: 300px;}
.secRelatedLinks .bnrList.row3 .bnrItem{ width: 420px;}
.secRelatedLinks .bnrList.row2 .bnrItem{ width: 660px;margin: 0 auto;}
.secRelatedLinks .bnrList.bShadow .bnrItem{ box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4);}
.secRelatedLinks .bnrList.spOnly{ display: none !important;}
.secRelatedLinks .bnrItem .aBnrLink{
    display: block;
    width: 100%;
}
@media only screen and (max-width:767px){
    .secRelatedLinks{
        margin-top: 50px;
        padding: 52px 0 25px;
    }
    .secRelatedLinks.lazyloaded{
        background: url(../img/index/bgRelated_sp.jpg) top center / 100% auto no-repeat #1e587c;
    }
    .secRelatedLinks .boxTit .tit{
        font-size: 26px;
        letter-spacing: 1px;
    }
    .secRelatedLinks .boxTit .sub{
        font-size: 15px;
        line-height: 2;
        letter-spacing: 2.25px;
        margin-top: 16px;
    }
    .secRelatedLinks .boxImgAward{
        margin: 20px auto 0;
        max-width: 317px;
    }
    .secRelatedLinks .boxBnrLinks{
        margin-top: 39px;
    }
    .secRelatedLinks .bnrList{
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .secRelatedLinks .bnrList.mt50,
    .secRelatedLinks .bnrList.mt60{ margin-top: 0;}
    .secRelatedLinks .bnrList.mt15sp{ margin-top: 15px;}
    .secRelatedLinks .bnrList.mt20sp{ margin-top: 20px;}
    .secRelatedLinks .bnrList.row4 .bnrItem{
        width: 47.887%;
        margin-left: 4.226%;
    }
    .secRelatedLinks .bnrList.row4 .bnrItem:nth-child(2n+1){
        margin-left: 0;
    }
    .secRelatedLinks .bnrList.row4 .bnrItem:nth-child(n+3){
        margin-top: 15px;
    }
    .secRelatedLinks .bnrList.row3{
        display: block;
    }
    .secRelatedLinks .bnrList.row3 .bnrItem{
        width: 100%;
    }
    .secRelatedLinks .bnrList.row3 .bnrItem:nth-child(n+2){
        margin-top: 20px;
    }
    .secRelatedLinks .bnrList.row2 .bnrItem{
        width: 47.887%;
        margin-left: 4.226%;
    }
    .secRelatedLinks .bnrList.row2 .bnrItem:nth-child(2n+1){
        /*margin-left: 0;*/
		margin: 0 auto;
    }
    .secRelatedLinks .bnrList.row2 .bnrItem:nth-child(n+3){
        margin-top: 15px;
    }
    .secRelatedLinks .bnrList.bShadow .bnrItem{ box-shadow: none;}
    .secRelatedLinks .bnrList.spOnly{ display: flex !important;}
    .secRelatedLinks .bnrList.spNone{ display: none !important;}
    .secRelatedLinks .bnrItem .aBnrLink{
        display: block;
        width: 100%;
    }
}

.archive_list {
	width: 1000px;
    margin: 40px auto 50px;
}
.list_title {
    width: 100%;
    background-image: linear-gradient(90deg, #172654, #FFF);
    color: #FFF;
    font-size: 16px;
    padding: 8px 16px 10px;
    letter-spacing: 0.2em;
    margin: 0 0 16px;
}
.list01 {
    width: 100%;
    margin: 0 auto;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.list_b {
	width: 228px;
    margin: 0 0 10px;
}
.list_name01 {
    font-size: 11px;
    text-align: center;
    padding: 6px 0 6px;
}
.list02 {
    width: 100%;
    margin: 0 auto;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    column-gap: 28.5px;
}
.list_s {
	width: 100px;
    margin: 0 0 8px;
}

.list_name02 {
    font-size: 8px;
    text-align: center;
    padding: 5px 0 5px;
    line-height: 1.2em;
}
.arrow01 {
  position: relative;
  display: inline-block;
  width: 7.7px;
  height: 13.3px;
    margin: 0 6px 0 0;
}

.arrow01::before,
.arrow01::after {
  content: "";
  position: absolute;
  top: calc(50% - 1px);
  right: 0;
  width: 10px;
  height: 2px;
  border-radius: 9999px;
  background-color: #ffffff;
  transform-origin: calc(100% - 1px) 50%;
}

.arrow01::before {
  transform: rotate(45deg);
}

.arrow01::after {
  transform: rotate(-45deg);
}
.arrow02 {
  position: relative;
  display: inline-block;
  width: 13.3px;
  height: 7.7px;
    margin: 0 6px 0 0;
}

.arrow02::before,
.arrow02::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: calc(50% - 1px);
  width: 2px;
  height: 10px;
  border-radius: 9999px;
  background-color: #000000;
  transform-origin: 50% calc(100% - 1px);
}

.arrow02::before {
  transform: rotate(45deg);
}

.arrow02::after {
  transform: rotate(-45deg);
}
.archive {
    width: 1000px;
    margin: 60px auto 0;
    text-align: center;
}
.archive_tit01 {
    font-family: 'Noto Serif Japanese', serif;
    font-size: 24px;
    letter-spacing: 0.05em;
    opacity: 0.4;
}
.archive_tit02 {
	font-family: 'Noto Serif Japanese', serif;
    font-size: 50px;
    letter-spacing: 0.4em;
    text-decoration: underline solid #172654;
    text-underline-offset: 0.8rem;
    text-decoration-thickness: 1px;
    margin: 12px 0 40px;
}
.archive_txt01 {
	font-size: 16px;
    color: #303030;
    line-height: 2.2em;
    margin: 0 0 50px;
}
.txtB {
	color: #ba0000;
    font-size: 2.2rem;
    letter-spacing: -0.1em;
}
.archive_link {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.archive_link li {
    font-size: 16px;
    letter-spacing: 0.2em;
}

.topImg01 {
    max-width: 1920px;
    margin: 80px auto 0;
}
.topBox01 {
	height: 390px;
    overflow: hidden;
    position: relative;
}
.topBox01 img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1920px;
    height: 390px;
    transform: translate(-50%, -50%);
}
.topBox02 {
    margin: 0 auto;
    background: #172654;
    mix-blend-mode: multiply;
    position: absolute;
    top: 190px;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    width: 700px;
    height: 180px;
}
.topBox03 {
    position: absolute;
    top: 188px;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    font-family: 'Noto Serif Japanese', serif;
    color: #FFF;
    text-align: center;
}
.top_tit01 {
    font-size: 26px;
    letter-spacing: 0.2em;
    margin: 0 auto 16px;
}
.top_tit02 {
    font-size: 44px;
    letter-spacing: 0.2em;
    margin: 0 auto 22px;
}
.top_tit03 {
    font-size: 18px;
    letter-spacing: 0.2em;
    margin: 0 auto;
}
.item {
    width: 100%;
    background-color: #e2ecf9;
}
.itemIn {
    width: 1000px;
    margin: 70px auto 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 50px 0;
}
.itemBox01 {
    padding: 20px 20px;
    background-color: #FFF;
    border: solid 1px #182755;
}
.itemTit01 {
    font-size: 20px;
    letter-spacing: 0.05em;
    margin: 0 0 14px;
}
.itemBox01 img {
}
.itemTxt01 {
    font-size: 16px;
    letter-spacing: 0.1em;
	margin: 12px 0 0;
}
.itemTxt01::before{
  content: "";
  display: inline-block;  
  background-image: url('../top/icomap.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  width: 1em;
  height: 1em;
  
}

.series {
    width: 1000px;
    margin: 50px auto 0;
    position: relative;
}
.seriesTxt01 {
    position: absolute;
    bottom: 3px;
    right: 0;
    left: 0;
    text-align: center;
    font-size: 13.4px;
    line-height: 2.4em;
    letter-spacing: 0.05em;
    font-family: 'Noto Serif Japanese', serif;
    color: #000;
}
.txtO {
    color: #a0632b;
    font-weight: 700;
    font-size: 1.1em;
}
a.anchor{
    display: block;
    padding-top: 120px;
    margin-top: -120px;
}
@media only screen and (max-width:767px){
.archive_list {
width: 96%;
        margin: 4% auto 5%;
}
.list_title {
        font-size: 3.2vw;
        margin: 0 0 3%;
        padding: 1.6% 3% 2%;
}
.list01 {
}
.list_b {
	width: 31%;
	        margin: 0 0 1%;
}
.list_name01 {
	font-size: 2.6vw;
        padding: 3% 0 3%;
        line-height: 1.2em;
}
.list02 {
        column-gap: 3.5%;
}
.list_s {
	width: 17.1%;
        margin: 0 0 2%
}
.list_name02 {
        font-size: 1.8vw;
        line-height: 1.2em;
        padding: 4% 0 1%;
}
.arrow01 {
}
.arrow01::before,
.arrow01::after {
        width: 0.7em;
        height: 0.2em;
        top: calc(50% - 0px);
}
.arrow01::before {
}
.arrow01::after {
}
.arrow02 {
}
.arrow02::before,
.arrow02::after {
        width: 0.2em;
        height: 0.7em;
        left: calc(50% - 0px);
        bottom: 15%;
}
.arrow02::before {
}
.arrow02::after {
}
.archive {
    width: 92%;
    margin: 14% auto 0;
}
.archive_tit01 {
	font-size: 5.2vw;
}
.archive_tit02 {
	font-size: 9.6vw;
        margin: 6% 0 10%;
}
.archive_txt01 {
        font-size: 3.2vw;
        margin: 0 0 8%;
}
.txtB {
	font-size: 1.4rem;
}
.archive_link {
}
.archive_link li {
        font-size: 3.0vw;
        line-height: 6vw;
}
.topImg01 {
        max-width: 100%;
        margin: 12vw auto 0;
}
.topBox01 {
        height: 40vw;
}
.topBox01 img {
        height: 100%;
        width: 100%;
        position: static;
        transform: none;
        object-fit: cover;
}
.topBox02 {
        width: 80%;
        height: 24.2vw;
        top: 54%;
}
.topBox03 {
        width: 80%;
        top: 54%;
}	
.top_tit01 {
        font-size: 4.2vw;
        margin: 0 auto 3%;
}
.top_tit02 {
        font-size: 5.4vw;
        margin: 0 auto 3%;
}
.top_tit03 {
        font-size: 2.2vw;
}
.item {

}
.itemIn {
        width: 92%;
        padding: 5vw 0 10vw;
        margin: 10% auto 0;
}
.itemBox01 {
        padding: 4vw 4vw;
        margin: 6vw 0 0;
}
.itemTit01 {
        font-size: 4.0vw;
        margin: 0 0 3.8%;
}
.itemBox01 img {
}
.itemTxt01 {
        font-size: 3.2vw;
        margin: 3% 0 0;
}
.itemTxt01::before{
	margin: 0 0.8% 0 0;
}
.series {
        width: 98%;
        margin: 10% auto 0;
        position: static;
}
.seriesTxt01 {
        position: static;
        font-size: 2.8vw;
        margin: 2% 0 0;
}
.txtO {
}
a.anchor{
    display: block;
    padding-top: 70px;
    margin-top: -70px;
}
}


* {
  box-sizing: border-box;
}
.sliderArea {
  max-width: 1200px;
  margin: 50px auto 100px;
  padding: 0 25px;
}
.sliderArea.w300 {
  max-width: 300px;
}
.slick-slide {
  margin: 0 5px;
}
.slick-slide img {
  width: 100%;
  height: auto;
}
.slick-prev, .slick-next {
  z-index: 1;
}
.slick-prev:before, .slick-next:before {
  color: #000;
}
.slick-slide {
  transition: all ease-in-out .3s;
  opacity: .2;
}
.slick-active {
  opacity: 1;
}
.slick-current {
  opacity: 1;
}
.thumb {
  margin: 20px 0 0;
}
.thumb .slick-slide {
  cursor: pointer;
}
.thumb .slick-slide:hover {
  opacity: .7;
}

@media only screen and (max-width:767px){
.sliderArea {
max-width: 100%;
        margin: 5% auto 10%;
        padding: 0 3%;
}
.sliderArea.w300 {

}
.slick-slide {

}
.slick-slide img {

}
.slick-prev, .slick-next {

}
.slick-next {
        right: -2%;
}
.slick-prev {
        left: -2%;
	
}
.slick-prev:before, .slick-next:before {

}
.slick-slide {

}
.slick-active {
 
}
.slick-current {
 
}
.thumb {

}
.thumb .slick-slide {
 
}
.thumb .slick-slide:hover {
 
}
.slick-dots {
	bottom: -10%;
}
.slick-dots li  {
	width: 14px;
    height: 14px;
}
}