@charset "utf-8";
/*------------------------------------------------------------
	トップページ
------------------------------------------------------------*/

.index {
	overflow: hidden;
}
.index .main_img {position: relative; margin-bottom: 44px;}
.index .main_img:before {
    content: "";
    position: absolute;
    top: 81%;
    left: calc(50% - 38.7%);
    transform: translateX(-50%);
    width: 200px;
    height: 850px;
    background: url("../img/index/txt-bg-deco.svg")no-repeat top left;
    background-size: 100% 100%;
    z-index: -1;
}
.index .main_img img.main-img {width:100%;}

/* 実績 */
.index .recordSec {
    position: relative;
    margin-bottom: 98px;
    z-index: 2;
}
.index .recordSec .eventBox {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 35px;
}
.index .recordSec .eventBox .pTxt {
    width: 355px;
    margin-right: 33px;
}
.index .recordSec .eventBox .btnBox {
    display: flex;
    justify-content: center;
    align-items: center;
}
.index .recordSec .eventBox .btnBox .btn {
    margin-left: 9px;
}
.index .recordSec .eventBox .btnBox .btn.pdf-dl a {
    padding-left: 55px;
}
.index .recordSec .eventBox .btnBox .btn.pdf-reco a {
    background: #fff;
    color: #ea6000;
}

.index .recordSec .recordBox {
    display: flex;
    justify-content: center;
    align-items: center;
}
.index .recordSec .recordBox .conBox {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3px 30px 5px;
    border-left: 1px solid #50a035;
}
.index .recordSec .recordBox .conBox:first-child {
    border-left: none;
}
.index .recordSec .recordBox .conBox .icon {
    display: block;
}
.index .recordSec .recordBox .conBox .txt-img {
    display: block;
    margin-left: 18px;
}

.index .recordSec .recordBox .conBox.visitorsCon {
}
.index .recordSec .recordBox .conBox.visitorsCon .icon {
    width: 40px;
}
.index .recordSec .recordBox .conBox.visitorsCon .txt-img {
    width: 118px;
}

.index .recordSec .recordBox .conBox.companyCon {
}
.index .recordSec .recordBox .conBox.companyCon .icon {
    width: 51px;
}
.index .recordSec .recordBox .conBox.companyCon .txt-img {
    width: 172px;
}

.index .recordSec .recordBox .conBox.exhibitorCon {
}
.index .recordSec .recordBox .conBox.exhibitorCon .icon {
    width: 64px;
}
.index .recordSec .recordBox .conBox.exhibitorCon .txt-img {
    width: 101px;
}

.index .recordSec .recordBox .conBox.calendarCon {
}
.index .recordSec .recordBox .conBox.calendarCon .icon {
    width: 67px;
}
.index .recordSec .recordBox .conBox.calendarCon .txt-img {
    width: 117px;
}

/*OLEとは*/
.index .aboutoleSec {
    position: relative;
    margin-bottom: 150px;
    padding: 0 25px;
    z-index: 1;
}
.index .aboutoleSec .inBox {
    max-width: 1008px;
    margin: 0 auto;
}
.index .aboutoleSec .headline01 {
    margin-bottom: 34px;
}
.index .aboutoleSec .aboutBox {
    margin-bottom: 136px;
}
.index .aboutoleSec .aboutBox .conBox {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.index .aboutoleSec .aboutBox .conBox:nth-child(2n) {
    justify-content: flex-end;
}
.index .aboutoleSec .aboutBox .conBox .txtBox {
    display: inline-block;
    padding: 30px 22px 27px;
    background: rgba(255,255,255,0.7);
    border: 1px solid #50a035;
    border-radius: 5px;
}
.index .aboutoleSec .aboutBox .conBox .txtBox .num {
    margin-bottom: 17px;
}
.index .aboutoleSec .aboutBox .conBox .txtBox .headline02 {
    margin-bottom: 13px;
    font-size: 2.6rem;
    line-height: 1.5;
}
.index .aboutoleSec .aboutBox .conBox .imgBox {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}

.index .aboutoleSec .aboutBox .conBox.con01 {
    margin-bottom: 59px;
}
.index .aboutoleSec .aboutBox .conBox.con01 .txtBox {
}
.index .aboutoleSec .aboutBox .conBox.con01 .txtBox .pTxt {
    max-width: 590px;
}
.index .aboutoleSec .aboutBox .conBox.con01 .txtBox .num {
    width: 22px;
}
.index .aboutoleSec .aboutBox .conBox.con01 .imgBox {
    width: 537px;
    top: 43%;
    left: calc(50% + 393px);
}

.index .aboutoleSec .aboutBox .conBox.con02 {
    margin-bottom: 86px;
}
.index .aboutoleSec .aboutBox .conBox.con02 .txtBox {
}
.index .aboutoleSec .aboutBox .conBox.con02 .txtBox .pTxt {
    max-width: 497px;
}
.index .aboutoleSec .aboutBox .conBox.con02 .txtBox .num {
    width: 26px;
}
.index .aboutoleSec .aboutBox .conBox.con02 .imgBox {
    width: 399px;
    top: 43%;
    left: calc(50% - 353px);
}

.index .aboutoleSec .aboutBox .conBox.con03 {
    justify-content: center;
    margin-bottom: 93px;
    margin-right: 16%;
}
.index .aboutoleSec .aboutBox .conBox.con03 .txtBox {
}
.index .aboutoleSec .aboutBox .conBox.con03 .txtBox .pTxt {
    max-width: 473px;
}
.index .aboutoleSec .aboutBox .conBox.con03 .txtBox .num {
    width: 26px;
}
.index .aboutoleSec .aboutBox .conBox.con03 .imgBox {
    width: 399px;
    top: 68%;
    left: calc(50% + 445px);
}

.index .aboutoleSec .aboutBox .conBox.con04 {
    justify-content: center;
    margin-left: 22%;
}
.index .aboutoleSec .aboutBox .conBox.con04 .txtBox {
}
.index .aboutoleSec .aboutBox .conBox.con04 .txtBox .pTxt {
    max-width: 392px;
}
.index .aboutoleSec .aboutBox .conBox.con04 .txtBox .num {
    width: 26px;
}
.index .aboutoleSec .aboutBox .conBox.con04 .imgBox {
    width: 399px;
    top: 48%;
    left: calc(50% - 368px);
}

.index .aboutoleSec .recBox {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px 27px;
    background: #eae4d1;
    border-radius: 10px;
    box-sizing: border-box;
}
.index .aboutoleSec .recBox .txtBox {
    color: #ea6000;
}
.index .aboutoleSec .recBox .txtBox .headline02 {
    font-size: 2.6rem;
}
.index .aboutoleSec .recBox .txtBox .pTxt {
}
.index .aboutoleSec .recBox .btnBox {
    margin-left: 57px;
}
.index .aboutoleSec .recBox .btnBox .btn a {
    padding-left: 62px;
}


/*4つの特徴*/
.index .featuresSec {
    margin-bottom: 160px;
}
.index .featuresSec .headline01 {
    max-width: 946px;
    margin: 0 auto 34px;
}
.index .featuresSec .featuresBox {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 45px;
}
.index .featuresSec .featuresBox .conBox {
    position: relative;
    width: 385px;
}
.index .featuresSec .featuresBox .conBox .featCon img {
    display: block;
    width: 100%;
}
.index .featuresSec .featuresBox .conBox .featCon.con01 {
    margin-bottom: 18px;
}
.index .featuresSec .featuresBox .conBox .featCon.con02 {
}
.index .featuresSec .featuresBox .conBox .featCon.con03 {
    margin-bottom: 18px;
}
.index .featuresSec .featuresBox .conBox .featCon.con04 {
}
/*
.index .featuresSec .featuresBox .conBox .featCon {
    position: relative;
    min-height: 290px;
    margin-bottom: 18px;
    padding: 58px 23px 22px;
    box-sizing: border-box;
}
.index .featuresSec .featuresBox .conBox .featCon:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% + 32px);
    height: 100%;
    background: url("../img/index/features-bg01.svg")no-repeat;
    background-size: 100%;
    z-index: -1;
}
.index .featuresSec .featuresBox .conBox .featCon .num {
    position: absolute;
    top: 25px;
    left: 29px;
}
.index .featuresSec .featuresBox .conBox .featCon .icon {
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
}
.index .featuresSec .featuresBox .conBox .featCon .headline02 {
    font-size: 1.9rem;
    letter-spacing: -0.12rem;
    margin-bottom: 9px;
    line-height: 1.6;
    white-space: nowrap;
}
.index .featuresSec .featuresBox .conBox .featCon .headline02 .kagi {
    font-size: 2rem;
    margin-left: -9px;
}

.index .featuresSec .featuresBox .conBox .featCon.con01 .num {
    width: 22px;
}
.index .featuresSec .featuresBox .conBox .featCon.con01 .icon {
    top: 14px;
    right: 14px;
    width: 58px;
}
.index .featuresSec .featuresBox .conBox .featCon.con01:before {
    background-position: bottom left;
}

.index .featuresSec .featuresBox .conBox .featCon.con02 .num {
    width: 26px;
}
.index .featuresSec .featuresBox .conBox .featCon.con02 .icon {
    top: 15px;
    right: 21px;
    width: 59px;
}
.index .featuresSec .featuresBox .conBox .featCon.con02:before {
    background-image: url("../img/index/features-bg02.svg");
}

.index .featuresSec .featuresBox .conBox .featCon.con03 .icon {
    top: 18px;
    right: 19px;
    width: 74px;
}
.index .featuresSec .featuresBox .conBox .featCon.con03 .num {
    width: 27px;
}
.index .featuresSec .featuresBox .conBox .featCon.con03:before {
    left: auto;
    right: 0;
    background-image: url("../img/index/features-bg03.svg");
}

.index .featuresSec .featuresBox .conBox .featCon.con04 .num {
    width: 27px;
}
.index .featuresSec .featuresBox .conBox .featCon.con04 .icon {
    top: 10px;
    right: 36px;
    width: 58px;
}
.index .featuresSec .featuresBox .conBox .featCon.con04:before {
    left: auto;
    right: 0;
    background-image: url("../img/index/features-bg04.svg");
}
*/


.index .featuresSec .featuresBox .logoBox {
    width: 302px;
}
.index .featuresSec .featuresBox .logoBox .logo {
    display: block;
    width: 205px;
    margin: 0 auto;
}

.index .featuresSec .imgList {
    display: flex;
    justify-content: center;
    align-items: center;
}
.index .featuresSec .imgList img {
    display: block;
    width: 282px;
    margin: 0 22px;
}

/*コンセプト*/
.index .conceptSec {
    position: relative;
    margin-bottom: 261px;
}
.index .conceptSec:before {
    content: "";
    position: absolute;
    top: 12.3%;
    left: 22.4%;
    width: 100%;
    height: 100%;
    background: url("../img/index/bg-01.svg")no-repeat top left;
    z-index: -1;
}
.index .conceptSec .headline01 {
    max-width: 946px;
    margin: 0 auto 69px;
}
.index .conceptSec .conceptBox {
}
.index .conceptSec .conceptBox .conBox {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.index .conceptSec .conceptBox .conBox .txtBox {
}
.index .conceptSec .conceptBox .conBox .txtBox .txt-img {
    margin-bottom: 18px;
}
.index .conceptSec .conceptBox .conBox .txtBox .headline02 {
    font-size: 2rem;
}
.index .conceptSec .conceptBox .conBox .imgBox {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}
.index .conceptSec .conceptBox .conBox .imgBox img {
}

.index .conceptSec .conceptBox .conBox.con01 {
    margin-bottom: 108px;
}
.index .conceptSec .conceptBox .conBox.con01 .txtBox {
    margin-right: 27%;
}
.index .conceptSec .conceptBox .conBox.con01 .txtBox .txt-img {
    width: 317px;
}
.index .conceptSec .conceptBox .conBox.con01 .txtBox .pTxt {
    width: 317px;
}
.index .conceptSec .conceptBox .conBox.con01 .imgBox {
    top: 24%;
    left: calc(50% + 167px);
    width: 399px;
}

.index .conceptSec .conceptBox .conBox.con02 {
    margin-bottom: 34px;
}
.index .conceptSec .conceptBox .conBox.con02 .txtBox {
    margin-left: -5%;
}
.index .conceptSec .conceptBox .conBox.con02 .txtBox .txt-img {
    width: 381px;
}
.index .conceptSec .conceptBox .conBox.con02 .txtBox .pTxt {
    width: 381px;
}
.index .conceptSec .conceptBox .conBox.con02 .imgBox {
    left: calc(50% - 372px);
    width: 248px;
}

.index .conceptSec .conceptBox .conBox.con03 {
    margin-bottom: 58px;
}
.index .conceptSec .conceptBox .conBox.con03 .txtBox {
    margin-left: 21%;
}
.index .conceptSec .conceptBox .conBox.con03 .txtBox .txt-img {
    width: 250px;
}
.index .conceptSec .conceptBox .conBox.con03 .txtBox .pTxt {
    width: 280px;
}
.index .conceptSec .conceptBox .conBox.con03 .imgBox {
    top: 53.5%;
    left: calc(50% + 416px);
    width: 248px;
}

.index .conceptSec .conceptBox .conBox.con04 {
    margin-bottom: 196px;
}
.index .conceptSec .conceptBox .conBox.con04 .txtBox {
    margin-right: 40%;
}
.index .conceptSec .conceptBox .conBox.con04 .txtBox .txt-img {
    width: 357px;
}
.index .conceptSec .conceptBox .conBox.con04 .txtBox .pTxt {
    width: 284px;
}
.index .conceptSec .conceptBox .conBox.con04 .imgBox {
    top: 65%;
    left: calc(50% + 68px);
    width: 248px;
}

.index .conceptSec .conceptBox .conBox.con05 .txtBox {
    margin-left: 35.3%;
}
.index .conceptSec .conceptBox .conBox.con05 .txtBox .txt-img {
    width: 336px;
}
.index .conceptSec .conceptBox .conBox.con05 .txtBox .pTxt {
    width: 284px;
}
.index .conceptSec .conceptBox .conBox.con05 .imgBox {
    top: 53%;
    left: calc(50% - 175px);
    width: 399px;
}


/*出展ジャンル*/
.index .categoriesSec {
    position: relative;
    padding-bottom: 180px;
}
.index .categoriesSec:before {
    content: "";
    position: absolute;
    top: 18.7%;
    right: 0;
    width: 100%;
    height: 100%;
    background: url(../img/index/bg-02.svg) no-repeat top left;
    z-index: -1;
}
.index .categoriesSec .headline01 {
    max-width: 946px;
    margin: 0 auto 69px;
}
.index .categoriesSec .headline01 .en-img {
    display: inline-block;
    width: 96px;
    vertical-align: middle;
    margin: 0 8px 6px;
}
.index .categoriesSec .cateBox {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    max-width: calc(977px + 76px);
    margin: 0 auto;
}
.index .categoriesSec .cateBox .cateCon {
    position: relative;
    width: 275px;
    margin: 0 38px 43px;
}
.index .categoriesSec .cateBox .cateCon:before {
    content: "";
    position: absolute;
    top: -19px;
    left: -40px;
    width: 144px;
    height: 144px;
    border-radius: 200px;
    opacity: 0.3;
    z-index: -1;
}
.index .categoriesSec .cateBox .cateCon .ttl {
    margin-bottom: 7px;
    font-size: 1.8rem;
    white-space: nowrap;
    line-height: 1.4;
}
.index .categoriesSec .cateBox .cateCon .ttl .serif-txt {
    font-family: "Shippori Mincho B1", serif;
    font-size: 1.7rem;
    letter-spacing: -0.15rem;
    margin-left: -8px;
}
.index .categoriesSec .cateBox .cateCon .ttl .img-en {
    display: block;
    margin-bottom: 4px;
    vertical-align: baseline;
}
.index .categoriesSec .cateBox .cateCon .imgBox {
    margin-bottom: 8px;
}
.index .categoriesSec .cateBox .cateCon .pTxt {
    letter-spacing: -0.1rem;
}
.index .categoriesSec .cateBox .cateCon .pTxt .color {
    display: inline-block;
    margin-left: -1rem;
    font-family: "Shippori Mincho B1", serif;
    font-size: 1.65rem;
    font-weight: 700;
    text-align: left;
    letter-spacing: -0.15rem;
}

.index .categoriesSec .cateBox .cateCon.food .img-en {
    width: 144px;
    margin-bottom: 10px;
}
.index .categoriesSec .cateBox .cateCon.food:before {
    background-image: linear-gradient(90deg, #f29739cc, #ec6d34cc);
}
.index .categoriesSec .cateBox .cateCon.food .pTxt .color {
    color: #ec6d34;
}

.index .categoriesSec .cateBox .cateCon.beauty .img-en {
    width: 173px;
}
.index .categoriesSec .cateBox .cateCon.beauty:before {
    background-image: linear-gradient(90deg, #f09dc1cc, #eb6d80cc);
}
.index .categoriesSec .cateBox .cateCon.beauty .pTxt .color {
    color: #eb6d80;
}

.index .categoriesSec .cateBox .cateCon.lifestyle .img-en {
    width: 197px;
}
.index .categoriesSec .cateBox .cateCon.lifestyle:before {
    background-image: linear-gradient(90deg, #cd91becc, #a574afcc);
}
.index .categoriesSec .cateBox .cateCon.lifestyle .pTxt .color {
    color: #a574af;
}

.index .categoriesSec .cateBox .cateCon.community .img-en {
    width: 242px;
}
.index .categoriesSec .cateBox .cateCon.community:before {
    background-image: linear-gradient(90deg, #7dccf3cc, #1dade5cc);
}
.index .categoriesSec .cateBox .cateCon.community .pTxt .color {
    color: #1dade5;
}

.index .categoriesSec .cateBox .cateCon.energy .img-en {
    width: 172px;
}
.index .categoriesSec .cateBox .cateCon.energy:before {
    background-image: linear-gradient(90deg, #aacc03cc, #61aa31cc);
}
.index .categoriesSec .cateBox .cateCon.energy .pTxt .color {
    color: #61aa31;
}

.index .categoriesSec .cateBox .cateCon.business .img-en {
    width: 194px;
    margin-bottom: 10px;
}
.index .categoriesSec .cateBox .cateCon.business:before {
    background-image: linear-gradient(90deg, #b2a493cc, #897962cc);
}
.index .categoriesSec .cateBox .cateCon.business .pTxt .color {
    color: #887862;
}

.index .categoriesSec .cateBox .cateCon.youth .img-en {
    width: 161px;
    margin-bottom: 10px;
}
.index .categoriesSec .cateBox .cateCon.youth:before {
    background-image: linear-gradient(90deg, #fccf00cc, #f7b400cc);
}
.index .categoriesSec .cateBox .cateCon.youth .pTxt .color {
    color: #e4b100;
}




/*開催概要*/
.index .overviewSec {
    position: relative;
    margin-bottom: 273px;
}
.index .overviewSec:before {
    content: "";
    position: absolute;
    top: 12.3%;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("../img/index/bg-03.svg")no-repeat top left;
    z-index: -1;
}
.index .overviewSec .inBox {
    max-width: 946px;
    margin: 0 auto;
}
.index .overviewSec .headline01 {
    margin-bottom: 24px;
}
.index .overviewSec .tableBox {
    position: relative;
}
.index .overviewSec .tableBox table {
    width: 100%;
    border-top: 1px solid #000;
}
.index .overviewSec .tableBox table tr {
}
.index .overviewSec .tableBox table th {
    width: 127px;
    padding: 10px 0;
    background: rgba(241,241,241,0.8);
    border-bottom: 1px solid #000;
}
.index .overviewSec .tableBox table td {
    width: calc(100% - 127px);
    padding: 10px 0 10px 14px;
    background: rgba(255,255,255,0.8);
    border-bottom: 1px solid #000;
}

.index .overviewSec .tableBox .ove-img {
    position: absolute;
    transform: translate(-50%, -50%);
    z-index: -1;
}
.index .overviewSec .tableBox .img01 {
    top: calc(50% - 58.2%);
    left: calc(50% + 31.8%);
    width: 290px;
}
.index .overviewSec .tableBox .img02 {
    top: calc(50% + 2.8%);
    left: calc(50% + 52.1%);
    width: 218px;
}
.index .overviewSec .tableBox .img03 {
    top: calc(50% + 22%);
    left: calc(50% - 51.8%);
    width: 290px;
}
.index .overviewSec .tableBox .img04 {
    top: calc(50% + 53.3%);
    left: calc(50% + 14.6%);
    width: 218px;
}


/*アクセス*/
.index .accessSec {
    margin-bottom: 152px;
}
.index .accessSec .inBox {
    max-width: 946px;
    margin: 0 auto;
}
.index .accessSec .headline01 {
    margin-bottom: 26px;
}
.index .accessSec .accessCon {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 47px;
}
.index .accessSec .accessCon .txtBox {
    width: 433px;
}
.index .accessSec .accessCon .txtBox table {
    width: 100%;
    border-top: 1px solid #000;
}
.index .accessSec .accessCon .txtBox table tr {
}
.index .accessSec .accessCon .txtBox table th {
    width: 100px;
    padding: 10px 0;
    background: rgba(241,241,241,0.8);
    border-bottom: 1px solid #000;
}
.index .accessSec .accessCon .txtBox table td {
    width: calc(100% - 127px);
    padding: 10px 0 10px 14px;
    border-bottom: 1px solid #000;
}
.index .accessSec .accessCon .txtBox table td .bold {
    font-weight: 700;
}
.index .accessSec .accessCon .txtBox table td .bold .icon.train {
    width: 20px;
    padding: 0px 4px 10px 0;
    padding-bottom: 5px;
    vertical-align: middle;
}
.index .accessSec .accessCon .txtBox table td .bold .icon.bus {
    width: 18px;
    padding: 0px 4px 10px 0;
    padding-bottom: 5px;
    vertical-align: middle;
}
.index .accessSec .accessCon .txtBox table td .bold .icon.taxi {
    width: 21px;
    padding: 0px 4px 10px 0;
    padding-bottom: 5px;
    vertical-align: middle;
}
.index .accessSec .accessCon .imgBox {
    width: 473px;
    text-align: right;
}
.index .accessSec .accessCon .imgBox .accTxt {
    display: inline-block;
    margin-top: 25px;
    text-align: justify;
}
.index .accessSec .accessCon .imgBox .accTxt .big {
    font-size: 1.8rem;
}


.index .relatedSec {
}
.index .relatedSec .inBox {
    max-width: 946px;
    margin: 0 auto;
}
.index .relatedSec .headline01 {
    margin-bottom: 22px;
}
.index .relatedSec .bannerBox {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}
.index .relatedSec .bannerBox .banner {
    width: 439px;
    margin-bottom: 41px;
}
.index .relatedSec .bannerBox .banner img {
    display: block;
    width: 100%;
}



/* 下からフェードイン */
.slide-bottom {
	opacity: 0;
	transform: translate(0, 10px);
	transition: all .7s ease-out;
 }




@media all and (max-width: 834px) {

    .index .main_img {margin-bottom: 25px;}
    .index .main_img:before {
        top: 81%;
        left: calc(50% - 38.7%);
        width: 46%;
        height: 850px;
    }

    /* 実績 */
    .index .recordSec {
        margin-bottom: 78px;
    }
    .index .recordSec .inBox {
        width: 86%;
        margin: 0 auto;
    }
    .index .recordSec .eventBox {
        flex-flow: column;
        margin-bottom: 35px;
    }
    .index .recordSec .eventBox .pTxt {
        width: 100%;
        margin-right: 0;
        margin-bottom: 24px;
    }
    .index .recordSec .eventBox .btnBox {
        flex-flow: column;
        width: 100%;
    }
    .index .recordSec .eventBox .btnBox .btn {
        width: 100%;
        margin-left: 0;
        margin-bottom: 25px;
        text-align: center;
    }
    .index .recordSec .eventBox .btnBox .btn:last-child {
        margin-bottom: 0;
    }
    .index .recordSec .eventBox .btnBox .btn a {
        padding: 21px 5%;
    }
    .index .recordSec .eventBox .btnBox .btn.pdf-dl a {
        padding: 11px 0;
        line-height: 1.3;
    }

    .index .recordSec .recordBox {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
    }
    .index .recordSec .recordBox .conBox {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 50%;
        margin-bottom: 20px;
        padding: 16px 2%;
        box-sizing: border-box;
    }
    .index .recordSec .recordBox .conBox:first-child {
        border-left: 1px solid #50a035;
    }
    .index .recordSec .recordBox .conBox:nth-child(2n) {
        border-right: 1px solid #50a035;
    }
    .index .recordSec .recordBox .conBox .txt-img {
        display: block;
        margin-left: 4.5%;
    }

    .index .recordSec .recordBox .conBox.visitorsCon .icon {
        width: 20.4%;
    }
    .index .recordSec .recordBox .conBox.visitorsCon .txt-img {
        width: 60.6%;
    }

    .index .recordSec .recordBox .conBox.companyCon .icon {
        width: 23.8%;
    }
    .index .recordSec .recordBox .conBox.companyCon .txt-img {
        width: 61.4%;
    }

    .index .recordSec .recordBox .conBox.exhibitorCon .icon {
        width: 26.3%;
    }
    .index .recordSec .recordBox .conBox.exhibitorCon .txt-img {
        width: 47.8%;
    }

    .index .recordSec .recordBox .conBox.calendarCon .icon {
        width: 26.8%;
    }
    .index .recordSec .recordBox .conBox.calendarCon .txt-img {
        width: 60.8%;
    }

    /*OLEとは*/
    .index .aboutoleSec {
        margin-bottom: 73px;
        padding: 0;
    }
    .index .aboutoleSec .headline01 {
        width: 90%;
        margin: 0 auto 16px;
    }
    .index .aboutoleSec .aboutBox {
        width: 90%;
        margin: 0 auto 54px;
    }
    .index .aboutoleSec .aboutBox .conBox:nth-child(2n) {
        justify-content: flex-end;
    }
    .index .aboutoleSec .aboutBox .conBox .txtBox {
        display: inline-block;
        padding: 9px 5% 14px;
    }
    .index .aboutoleSec .aboutBox .conBox .txtBox .num {
        margin-bottom: 7px;
    }
    .index .aboutoleSec .aboutBox .conBox .txtBox .headline02 {
        margin-bottom: 6px;
        font-size: 1.8rem;
    }

    .index .aboutoleSec .aboutBox .conBox.con01 {
        width: 76%;
        margin-bottom: 36px;
    }
    .index .aboutoleSec .aboutBox .conBox.con01 .txtBox .pTxt {
        width: 100%;
    }
    .index .aboutoleSec .aboutBox .conBox.con01 .txtBox .num {
        width: 19px;
    }
    .index .aboutoleSec .aboutBox .conBox.con01 .imgBox {
        width: 82%;
        top: -23%;
        left: calc(50% + 47%);
    }

    .index .aboutoleSec .aboutBox .conBox.con02 {
        width: 76%;
        margin-left: auto;
        margin-bottom: 27px;
    }
    .index .aboutoleSec .aboutBox .conBox.con02 .txtBox .pTxt {
        width: 100%;
    }
    .index .aboutoleSec .aboutBox .conBox.con02 .txtBox .num {
        width: 23px;
    }
    .index .aboutoleSec .aboutBox .conBox.con02 .imgBox {
        width: 57.5%;
        top: 13.5%;
        left: calc(50% - 60%);
    }

    .index .aboutoleSec .aboutBox .conBox.con03 {
        justify-content: center;
        width: 76%;
        margin-bottom: 25px;
        margin-right: 0;
    }
    .index .aboutoleSec .aboutBox .conBox.con03 .txtBox .pTxt {
        width: 100%;
    }
    .index .aboutoleSec .aboutBox .conBox.con03 .txtBox .num {
        width: 23px;
    }
    .index .aboutoleSec .aboutBox .conBox.con03 .imgBox {
        width: 67.7%;
        top: 79%;
        left: calc(50% + 58.3%);
    }

    .index .aboutoleSec .aboutBox .conBox.con04 {
        width: 76%;
        justify-content: center;
        margin-left: auto;
    }
    .index .aboutoleSec .aboutBox .conBox.con04 .txtBox .pTxt {
        width: 100%;
    }
    .index .aboutoleSec .aboutBox .conBox.con04 .txtBox .num {
        width: 23px;
    }
    .index .aboutoleSec .aboutBox .conBox.con04 .imgBox {
        width: 69%;
        top: 71%;
        left: calc(50% - 53.3%);
    }

    .index .aboutoleSec .recBox {
        flex-flow: column;
        justify-content: center;
        align-items: center;
        padding: 24px 5% 28px;
        border-radius: 0;
        text-align: center;
    }

    .index .aboutoleSec .recBox .txtBox .headline02 {
        margin-bottom: 7px;
        font-size: 1.9rem;
        line-height: 1;
    }
    .index .aboutoleSec .recBox .txtBox .pTxt {
        margin-bottom: 16px;
        text-align: center;
    }
    .index .aboutoleSec .recBox .btnBox {
        margin-left: 0;
        width: 80%;
    }
    .index .aboutoleSec .recBox .btnBox .btn a {
        width: 100%;
        padding-left: 10%;
    }
    .index .aboutoleSec .recBox .btnBox .btn.pdf-dl .pdf {
        left: 3.2%;
    }


    /*4つの特徴*/
    .index .featuresSec {
        margin-bottom: 80px;
    }
    .index .featuresSec .headline01 {
        width: 90%;
        margin: 0 auto 19px;
    }
    .index .featuresSec .featuresBox {
        display: flex;
        flex-flow: column;
        justify-content: center;
        align-items: center;
        width: 90%;
        margin: 0 auto 17px;
    }
    .index .featuresSec .featuresBox .conBox {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        max-width: 100%;
        width: 100%;
    }
    .index .featuresSec .featuresBox .conBox .featCon {
        width: 48%;
    }
    .index .featuresSec .featuresBox .conBox .featCon.con01 {
        margin-bottom: 18px;
    }
    .index .featuresSec .featuresBox .conBox .featCon.con02 {
    }
    .index .featuresSec .featuresBox .conBox .featCon.con03 {
        margin-bottom: 18px;
    }
    .index .featuresSec .featuresBox .conBox .featCon.con04 {
    }
/*
    .index .featuresSec .featuresBox .conBox .featCon {
        min-height: 100%;
        margin-bottom: 18px;
        padding: 58px 23px 22px;
        box-sizing: border-box;
    }
    .index .featuresSec .featuresBox .conBox .featCon:before {
        width: 100%;
        height: 100%;
        background: url("../img/index/sp-features-bg01.svg")no-repeat;
        background-size: 100%;
    }
    .index .featuresSec .featuresBox .conBox .featCon .num {
        position: absolute;
        top: 25px;
        left: 29px;
    }
    .index .featuresSec .featuresBox .conBox .featCon .icon {
        position: absolute;
        top: 0;
        right: 0;
        width: 20px;
    }
    .index .featuresSec .featuresBox .conBox .featCon .headline02 {
        font-size: 1.9rem;
        letter-spacing: -0.12rem;
        margin-bottom: 9px;
        line-height: 1.6;
        white-space: nowrap;
    }
    .index .featuresSec .featuresBox .conBox .featCon .headline02 .kagi {
        font-size: 2rem;
        margin-left: -9px;
    }

    .index .featuresSec .featuresBox .conBox .featCon.con01 .num {
        width: 22px;
    }
    .index .featuresSec .featuresBox .conBox .featCon.con01 .icon {
        top: 14px;
        right: 14px;
        width: 58px;
    }
    .index .featuresSec .featuresBox .conBox .featCon.con01:before {
        background-position: bottom left;
    }

    .index .featuresSec .featuresBox .conBox .featCon.con02 .num {
        width: 26px;
    }
    .index .featuresSec .featuresBox .conBox .featCon.con02 .icon {
        top: 15px;
        right: 21px;
        width: 59px;
    }
    .index .featuresSec .featuresBox .conBox .featCon.con02:before {
        background-image: url("../img/index/sp-features-bg02.svg");
    }

    .index .featuresSec .featuresBox .conBox .featCon.con03 .icon {
        top: 18px;
        right: 19px;
        width: 74px;
    }
    .index .featuresSec .featuresBox .conBox .featCon.con03 .num {
        width: 27px;
    }
    .index .featuresSec .featuresBox .conBox .featCon.con03:before {
        left: auto;
        right: 0;
        background-image: url("../img/index/sp-features-bg03.svg");
    }

    .index .featuresSec .featuresBox .conBox .featCon.con04 .num {
        width: 27px;
    }
    .index .featuresSec .featuresBox .conBox .featCon.con04 .icon {
        top: 10px;
        right: 36px;
        width: 58px;
    }
    .index .featuresSec .featuresBox .conBox .featCon.con04:before {
        left: auto;
        right: 0;
        background-image: url("../img/index/sp-features-bg04.svg");
    }
*/
    .index .featuresSec .featuresBox .logoBox {
        width: 50%;
    }
    .index .featuresSec .featuresBox .logoBox .logo {
        display: block;
        width: 149px;
        margin: -15px auto 10px;
    }

    .index .featuresSec .imgList img {
        width: calc(100% / 2.8);
        margin: 0;
    }

    /*コンセプト*/
    .index .conceptSec {
        width: 90%;
        margin: 0 auto 157px;
    }
    .index .conceptSec:before {
        top: 13.7%;
        left: 10.4%;
        background: url("../img/index/sp-bg-01.svg")no-repeat top left;
    }
    .index .conceptSec .headline01 {
        max-width: 946px;
        margin: 0 auto 25px;
    }
    .index .conceptSec .conceptBox .conBox {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .index .conceptSec .conceptBox .conBox .txtBox .txt-img {
        margin-bottom: 4px;
    }
    .index .conceptSec .conceptBox .conBox .txtBox .headline02 {
        font-size: 1.7rem;
    }

    .index .conceptSec .conceptBox .conBox.con01 {
        margin-bottom: 58px;
    }
    .index .conceptSec .conceptBox .conBox.con01 .txtBox {
        width: 54%;
        margin-right: auto;
    }
    .index .conceptSec .conceptBox .conBox.con01 .txtBox .txt-img {
        width: 90%;
    }
    .index .conceptSec .conceptBox .conBox.con01 .txtBox .pTxt {
        width: 100%;
    }
    .index .conceptSec .conceptBox .conBox.con01 .imgBox {
        top: 37%;
        left: calc(50% + 31%);
        width: 67%;
    }

    .index .conceptSec .conceptBox .conBox.con02 {
        margin-bottom: 34px;
    }
    .index .conceptSec .conceptBox .conBox.con02 .txtBox {
        width: 65.5%;
        margin-left: auto;
    }
    .index .conceptSec .conceptBox .conBox.con02 .txtBox .txt-img {
        width: 90%;
    }
    .index .conceptSec .conceptBox .conBox.con02 .txtBox .pTxt {
        width: 100%;
    }
    .index .conceptSec .conceptBox .conBox.con02 .imgBox {
        top: 48%;
        left: calc(50% - 40.2%);
        width: 38.1%;
    }

    .index .conceptSec .conceptBox .conBox.con03 {
        margin-bottom: 58px;
    }
    .index .conceptSec .conceptBox .conBox.con03 .txtBox {
        width: 62.4%;
        margin-right: auto;
        margin-left: 0;
    }
    .index .conceptSec .conceptBox .conBox.con03 .txtBox .txt-img {
        width: 64.5%;
    }
    .index .conceptSec .conceptBox .conBox.con03 .txtBox .pTxt {
        width: 100%;
    }
    .index .conceptSec .conceptBox .conBox.con03 .imgBox {
        top: 46%;
        left: calc(50% + 32%);
        width: 38.3%;
    }

    .index .conceptSec .conceptBox .conBox.con04 {
        margin-bottom: 46px;
    }
    .index .conceptSec .conceptBox .conBox.con04 .txtBox {
        width: 63.5%;
        margin-right: 21%;
    }
    .index .conceptSec .conceptBox .conBox.con04 .txtBox .txt-img {
        width: 88%;
    }
    .index .conceptSec .conceptBox .conBox.con04 .txtBox .pTxt {
        width: 91.5%;
    }
    .index .conceptSec .conceptBox .conBox.con04 .imgBox {
        top: 65%;
        left: calc(50% + 39%);
        width: 40.4%;
    }

    .index .conceptSec .conceptBox .conBox.con05 .txtBox {
        width: 53%;
        margin-left: auto;
    }
    .index .conceptSec .conceptBox .conBox.con05 .txtBox .txt-img {
        width: 93%;
    }
    .index .conceptSec .conceptBox .conBox.con05 .txtBox .pTxt {
        width: 100%;
    }
    .index .conceptSec .conceptBox .conBox.con05 .imgBox {
        top: 76.8%;
        left: calc(50% - 32.9%);
        width: 58.5%;
    }


    /*出展ジャンル*/
    .index .categoriesSec {
        padding-bottom: 72px;
    }
    .index .categoriesSec:before {
        content: "";
        position: absolute;
        top: 22.3%;
        right: 0;
        width: 100%;
        height: 100%;
        background: url(../img/index/sp-bg-02.svg) no-repeat top left;
        z-index: -1;
    }
    .index .categoriesSec .headline01 {
        width: 90%;
        margin: 0 auto 25px;
    }
    .index .categoriesSec .headline01 .en-img {
        width: 60px;
        margin: 0 6px 3px;
    }
    .index .categoriesSec .cateBox {
        max-width: calc(90% + 2%);
    }
    .index .categoriesSec .cateBox .cateCon {
        width: 46%;
        margin: 0 2% 28px;
    }
    .index .categoriesSec .cateBox .cateCon:before {
        top: -10px;
        left: -20px;
        width: 126px;
        height: 126px;
    }
    .index .categoriesSec .cateBox .cateCon .ttl {
        margin-bottom: 5px;
        font-size: 1.4rem;
        white-space: nowrap;
    }
    .index .categoriesSec .cateBox .cateCon .ttl .img-en {
        display: block;
        vertical-align: baseline;
    }
    .index .categoriesSec .cateBox .cateCon .ttl .serif-txt {
        font-size: 1.4rem;
        letter-spacing: -0.15rem;
        margin-left: -8px;
    }
    .index .categoriesSec .cateBox .cateCon .imgBox {
        margin-bottom: 5px;
    }
    .index .categoriesSec .cateBox .cateCon .pTxt {
        font-size: 1.3rem;
        letter-spacing: -0.15rem;
    }
    .index .categoriesSec .cateBox .cateCon .pTxt .color {
        font-size: 1.4rem;
    }
    
    .index .categoriesSec .cateBox .cateCon.food .img-en {
        width: 99px;
        margin-bottom: 7px;
    }
    .index .categoriesSec .cateBox .cateCon.beauty .img-en {
        width: 117px;
    }
    .index .categoriesSec .cateBox .cateCon.lifestyle .img-en {
        width: 135px;
    }
    .index .categoriesSec .cateBox .cateCon.community .img-en {
        width: 163px;
    }
    .index .categoriesSec .cateBox .cateCon.energy .img-en {
        width: 117px;
    }
    .index .categoriesSec .cateBox .cateCon.business .img-en {
        width: 131px;
        margin-bottom: 7px;
    }
    .index .categoriesSec .cateBox .cateCon.youth .img-en {
        width: 110px;
    }


    /*開催概要*/
    .index .overviewSec {
        margin-bottom: 225px;
    }
    .index .overviewSec .inBox {
        max-width: 946px;
        margin: 0 auto;
    }
    .index .overviewSec .headline01 {
        width: 90%;
        margin: 0 auto 24px;
    }
    .index .overviewSec .tableBox {
        position: relative;
        width: 90%;
        margin: 0 auto;
    }
    .index .overviewSec .tableBox table {
        width: 100%;
        border-top: 1px solid #000;
    }
    .index .overviewSec .tableBox table tr {
    }
    .index .overviewSec .tableBox table th {
        width: 127px;
        padding: 10px 0;
        background: rgba(241,241,241,0.8);
        border-bottom: 1px solid #000;
    }
    .index .overviewSec .tableBox table td {
        width: calc(100% - 127px);
        padding: 10px 0 10px 14px;
        background: rgba(255,255,255,0.8);
        border-bottom: 1px solid #000;
    }

    .index .overviewSec .tableBox .ove-img {
        position: absolute;
        transform: translate(-50%, -50%);
        z-index: -1;
    }
    .index .overviewSec .tableBox .img01 {
        top: calc(50% - 55%);
        left: calc(50% + 29%);
        width: 53%;
    }
    .index .overviewSec .tableBox .img02 {
        top: calc(50% - 18.2%);
        left: calc(50% + 33.5%);
        width: 42%;
    }
    .index .overviewSec .tableBox .img03 {
        top: calc(50% + 53.3%);
        left: calc(50% - 33%);
        width: 56.7%;
    }
    .index .overviewSec .tableBox .img04 {
        top: calc(50% + 51.7%);
        left: calc(50% + 29.3%);
        width: 36.6%;
    }


    /*アクセス*/
    .index .accessSec {
        margin-bottom: 78px;
    }
    .index .accessSec .inBox {
        max-width: 946px;
        margin: 0 auto;
    }
    .index .accessSec .headline01 {
        width: 90%;
        margin: 0 auto 13px;
    }
    .index .accessSec .accessCon {
        flex-flow: column;
        justify-content: center;
        align-items: center;
        width: 90%;
        margin: 0 auto 47px;
    }
    .index .accessSec .accessCon .txtBox {
        order: 2;
        width: 100%;
    }
    .index .accessSec .accessCon .txtBox table {
        width: 100%;
        border-top: 1px solid #000;
    }
    .index .accessSec .accessCon .txtBox table tr {
    }
    .index .accessSec .accessCon .txtBox table th {
        width: 100px;
        padding: 10px 0;
        background: rgba(241,241,241,0.8);
        border-bottom: 1px solid #000;
    }
    .index .accessSec .accessCon .txtBox table td {
        width: calc(100% - 127px);
        padding: 10px 0 10px 14px;
        border-bottom: 1px solid #000;
    }
    .index .accessSec .accessCon .txtBox table td .bold {
    }
    .index .accessSec .accessCon .txtBox table td .bold .icon.train {
        width: 20px;
        padding: 0px 4px 10px 0;
        padding-bottom: 5px;
        vertical-align: middle;
    }
    .index .accessSec .accessCon .txtBox table td .bold .icon.bus {
        width: 18px;
        padding: 0px 4px 10px 0;
        padding-bottom: 5px;
        vertical-align: middle;
    }
    .index .accessSec .accessCon .txtBox table td .bold .icon.taxi {
        width: 21px;
        padding: 0px 4px 10px 0;
        padding-bottom: 5px;
        vertical-align: middle;
    }
    .index .accessSec .accessCon .imgBox {
        order: 1;
        width: 100%;
        margin-bottom: 23px;
    }
    .index .accessSec .accessCon .imgBox .accTxt {
        display: block;
        margin-top: 13px;
        text-align: center;
    }
    .index .accessSec .accessCon .imgBox .accTxt .big {
        font-size: 1.8rem;
    }

    .index .relatedSec .inBox {
        max-width: 946px;
        width: 90%;
        margin: 0 auto;
    }
    .index .relatedSec .headline01 {
        margin-bottom: 18px;
    }
    .index .relatedSec .bannerBox {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-wrap: wrap;
    }
    .index .relatedSec .bannerBox .banner {
        width: 100%;
        margin-bottom: 20px;
    }

}