@charset "UTF-8";

body, h1, h2, h3, h4, ul, ol, dl, li, dt, dd, p, div, span, img, a, table, tr, th, td {margin: 0;padding: 0;border: 0;font-weight: normal;font-size: 100%;vertical-align:baseline;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
article, header, footer, aside, figure, figcaption, nav, section {display:block;}
ul{list-style: none;}
p{line-height: 200%;}

body{background-image: url(../img/LWBEXPO23_website_design_back_230117.png);
background-color: #FFFAF1;}

.wrapper{position: relative; min-height: 100vh;}
.wrap{width:1000px; margin: 0 auto; box-sizing: border-box;}

.header_bg{filter:drop-shadow(0px 4px 2px rgba(102,102,102,0.4)); background-color: #fff; position: fixed; top:0; left:0; width:100%; z-index: 100;}
.header{display: flex; justify-content: space-between; align-items: center; height:50px;}
.header a img{height:auto; width:200px;}
.navi ul{display: flex; justify-content: flex-end;}
.navi li{ width:123px; margin-left: 10px; text-align: center;}
.navi li a{
  background-color: #3B9753; color: #fff; text-decoration: none; font-size: 12px; display: block; border-radius: 6px; padding: 5px;}
.navi li a:hover{background-color: #cae4c0; color:#000;}


.contents_head{ margin-top: 60px;}
.contents_head .wrap{display: flex; justify-content: center;}
.contents_head img{vertical-align:top;}
.contents_head .wrap p:nth-of-type(2){background-color: #ed7d31; width: 500px; display: flex; justify-content: center; align-items: center;}
.contents_head .wrap p:nth-of-type(2) a{display: block;}

.content_sub{margin: 80px 0 0px 0;}

.article_title{text-align: center;}
.zabuton{background-color: #fff; padding: 10px; width:450px; height: 150px; margin: 40px auto 0px; display: flex; justify-content: center; align-items: center;}
.article{background-color: #cae4c0; padding: 40px 50px;}
.article p{font-size: 16px;}
.post_title{font-size:22px !important; font-weight: bold; margin-bottom: 20px;}
.post{display: flex;}
.post p:nth-of-type(1) span:nth-of-type(1){display: block; font-size: 12px;}
.post p:nth-of-type(1) span:nth-of-type(2){font-size: 11px;}
.post p:nth-of-type(2){margin-left: 20px; line-height: 200%;}

/*パネルディスカッション　写真*/
.panel_discussion{ position: relative;}
.panel_discussion .post{margin-bottom: 20px;}
.panel_discussion div{display: flex; justify-content: space-around; z-index: 10;}
.background_line{width: 100%; height:60px; position: absolute; bottom:150px; background:repeating-linear-gradient(-45deg, #fff,#fff 1px,#cae4c0 0,#cae4c0 4px);}
.panel_discussion div div{display: block;}
.panel_discussion div p:nth-of-type(1){width: 180px; height: 180px; overflow: hidden;}
.panel_discussion div div p:nth-of-type(2){font-size: 16px; margin-top: 10px;}
.panel_discussion div div p:nth-of-type(3){font-size: 12px;}
/*青木 裕子*/
.panel_discussion div div:nth-of-type(1) img{width:240px; object-fit: cover; object-position: -10px 0px;}
/*青野 慶久*/
.panel_discussion div div:nth-of-type(2) img{width:480px; object-fit: cover; object-position: -150px 0px;}
/*及川 美紀*/
.panel_discussion div div:nth-of-type(3) img{width:320px; object-fit: cover; object-position: -70px 0px;}
/*エハラマサヒロ*/
.panel_discussion div div:nth-of-type(4) img{width:320px; object-fit: cover; object-position: -60px 0px;}
/*青木・青野の間隔*/
.panel_discussion div div:nth-of-type(1){margin-left: 30px;}
.panel_discussion div div:nth-of-type(2){margin-left: 80px;}
/*サークル文字*/
.panel_discussion div div{position: relative;}
.panel_discussion div div span{position: absolute; top:30px; left:-40px; font-size: 12px; background-color:#15542d; color: #fff; width:85px; height:85px; border-radius: 50%; display: flex; justify-content: center; align-items: center; z-index: 20;}


.article02{background-color: #eaf2fa; width: 1000px; padding: 50px 80px; margin: 0 auto;}
.article02 div .g-txt{margin-bottom: 20px;}
.article02 div .marking{width: 162px; background-color: #ecb200; text-align: center; font-size: 14px; font-weight: bold; margin-top: 10px;}
.article02 div p:nth-of-type(11) span{font-weight: bold;}
.article03{background-color: #eaf2fa; width: 1000px; padding: 50px 80px; margin: 0 auto; margin-bottom: 100px;}

.map{text-align: center; padding: 40px;}


/*コンテンツ一覧*/
.contents_front{margin: 120px auto 40px; width: 800px; background-color: rgba(255, 255, 255, 0.9);}
.cont_btn{display: flex; justify-content: right; width: 800px; margin: 0 auto 40px;}
.cont_btn a{display: block; text-decoration: none; color: #000; background-color: #ed7d31; width: 135px; height:28px; font-size: 12px; text-align: center; padding: 4px; border-radius: 6px; margin-left: 10px;}
.contents .article_title{margin-bottom: 40px;}
.article03{background-color: #fff;}
.article04{width: 100%; background-color: #cae4c0; padding: 40px 50px; margin: 0 auto;}
.cont_name{line-height: 120%;}
.panel_block{margin-bottom: 40px;}
.article05{margin: 80px auto; text-align: center;}
/*コンテンツ一覧  パネルディスカッション　写真*/
.contents .panel_discussion{ position: relative;}
.contents .panel_discussion .post{margin-bottom: 20px;}
.contents .panel_discussion div{display: flex; justify-content: space-around; z-index: 10;}
.contents .background_line{width: 100%; height:60px; position: absolute; bottom:150px; background:repeating-linear-gradient(-45deg, #fff,#fff 1px,#cae4c0 0,#cae4c0 4px);}
.contents .panel_discussion div div{display: block;}
.contents .panel_discussion div p:nth-of-type(1){width: 140px; height: 140px; overflow: hidden;}
.contents .panel_discussion div div p:nth-of-type(2){font-size: 16px; margin-top: 10px;}
.contents .panel_discussion div div p:nth-of-type(3){font-size: 12px;}
/*青木 裕子*/
.contents .panel_discussion div div:nth-of-type(1) img{width:180px; object-fit: cover; object-position: -10px 0px;}
/*青野 慶久*/
.contents .panel_discussion div div:nth-of-type(2) img{width:380px; object-fit: cover; object-position: -110px 0px;}
/*及川 美紀*/
.contents .panel_discussion div div:nth-of-type(3) img{width:260px; object-fit: cover; object-position: -50px 0px;}
/*エハラマサヒロ*/
.contents .panel_discussion div div:nth-of-type(4) img{width:260px; object-fit: cover; object-position: -45px 0px;}
/*エハラマサヒロ*/
.contents .panel_discussion div div:nth-of-type(5) img{width:260px; object-fit: cover; object-position: -45px 0px;}
/*青木・青野の間隔*/
.contents .panel_discussion div div:nth-of-type(1){margin-left: 30px;}
.contents .panel_discussion div div:nth-of-type(2){margin-left: 80px;}
/*サークル文字*/
.contents .panel_discussion div div{position: relative;}
.contents .panel_discussion div div span{position: absolute; top:30px; left:-40px; font-size: 12px; background-color:#15542d; color: #fff; width:85px; height:85px; border-radius: 50%; display: flex; justify-content: center; align-items: center; z-index: 20;}



/*プレスの方へ*/
.press .press_txt{margin-bottom: 40px;}
.press_dl{text-align: center;}
.press_application_btn a{background-color: #00b050; color:#fff; width: 300px; height: 60px; display: block; display: flex; justify-content: center; align-items: center; border-radius: 6px; font-size: 18px; margin: 40px auto 0; text-decoration: none;}
.dl_item{margin-bottom: 40px;}



/*展示会規約*/
.kiyaku .kiyaku_title{
  /* font-size: 24px;  */
  font-weight: bold;
  margin-bottom: 10px;
}
.kiyaku ol{margin-left: 40px; margin-bottom: 40px;}
.kiyaku ol li{margin-bottom: 20px; line-height: 180%;}
.kiyaku .kiyaku_txt{margin-left: 20px; margin-bottom: 40px; line-height: 180%;}

/*プライバシーポリシー*/
.privacy_front{margin-bottom: 40px;}
.privacy_title{
  /* font-size: 24px;  */
  font-weight: bold;
  margin-bottom: 20px;
}
.privacy_txt{margin-bottom: 40px; margin-left: 40px; line-height: 180%;}

/*コロナ対策*/
.corona_txt{margin-bottom: 20px;}
.corona_txt_small{font-size: 13px; margin-bottom: 40px;}

/*フッター*/
.footer{background-color: #fef7ec; padding: -20px 0 80px 0; margin:-30px 0 0 0;}
.footer .wrap div p:nth-of-type(1) img{height:auto; width:200px;}
.footer .wrap{display: flex; justify-content: space-between; tex}
.footer .footer_name{font-weight: bold;}
.footer .footer_txt{font-size: 12px;}
.footer li a{
  color:#000;
  /* font-size: 14px; */
  text-decoration: none;
}
.footer li a:hover{color:#3B9753;}

/*フッター固定領域*/
.footer_fixed{ position: fixed; bottom: 0; width: 100%; height:50px; background-color: #f3d922; color: #fff; display: flex; justify-content: center; align-items: center; z-index: 50; filter:drop-shadow(0px -4px 2px rgba(40, 39, 39, 0.6));}
/* .footer_fixed a{display: block; text-decoration: none; background-color: #C00000; color: #fff; padding: 0px 30px; border-radius: 20px;}
.footer_fixed a:hover{background-color: #fff; color: #C00000; font-weight: bold;} */



/* タイトル装飾 h2 */
h2{width:350px;display: block;margin: 0 auto;font-size: 24px;font-weight: bold;padding:10px;padding-left: 30px;position: relative;background-color: #3cb035;color:#fff;}
/* h2:after {position: absolute;content: '';top: 0;left: 0;border-width: 0 0 20px 20px;border-style: dashed;border-color: #fff #fff #ffe100;} */
/* タイトル装飾 h3 */
h3 {min-width: 350px;display: block;margin: 0 auto; font-size:24px; font-weight: bold; position: relative;background-color: #009AD0;color: #fff;padding: 15px;text-align: center;}
h3::before {border: none;border-top: solid 15px transparent;content: '';position: absolute;bottom:100%;}
h3::after {border: none;border-bottom: solid 15px transparent;content: '';position: absolute;top: 100%;}
h3::before {border-right: solid 40px #0070C0;left: 0;}
h3::after {border-left: solid 40px #0070C0;right: 0;}

/* ページトップへ戻る */
#page_top{width: 50px;height: 50px;position: fixed;right: 20px;bottom: 20px;background: #000;opacity: 0.6; z-index: 100;}
#page_top a{position: relative;display: block;width: 50px;height: 50px;text-decoration: none;}
#page_top a::before{font-family: 'Font Awesome 5 Free';font-weight: 900;content: '\f106';font-size: 25px;color: #fff;position: absolute;width: 25px;height: 25px;top: 0;bottom: 0;right: 0;
left: 0;margin: auto;text-align: center;}




.footer_menu_3 {
    margin: 2em auto;
    text-align: center;
}


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

    .wrap,.article02,.article03{width: 100%;}
    .wrap,.header.post{display: block !important;}
    .contents_head .wrap p:nth-of-type(2){background-color: #ed7d31; width: 100%; display: flex; justify-content: center; align-items: center; padding: 10px;}
    p img{max-width: 100% !important;}
    .map{height: 0; overflow: hidden; padding-bottom: 56.25%; position: relative;}
    .map iframe{width: 100% !important; height: 100%; position: absolute; left: 0; top:0;}
    h2,h3{width: 100% !important;}

    /* 2022/12/12追加_azuma */
    .mypage_btn {
        display: none;
    }
    .drawer {
        top: -10px;
    }
    .footer_menu_1{
        margin: 0 1.5rem;
    }
    .footer_menu_2{
        margin: 0.5rem  1.5rem;
    }
    p.g-txt {
        line-height: 1.5rem;
        font-size: 0.8rem;
    }
    .article02 {
        line-height: 1.5rem;
        padding: 10px 15px 30px 15px;
        font-size: 0.8rem;
    }
    body{background-image: none;}
    .footer_menu_3 {
        margin: 0.2em auto;
        text-align: center;
    }
    .goudou_img img {
        width: 300px;
    }

}




.navi_menu {
    list-style-type: none;
    margin: 30px;
    justify-content: end;
    width: 100%;
}
.navi_menu>li {
    display: inline-block;
    border: 0px none;
    position: relative;
    margin: 10px;
}
.navi_menu>li>ul {
    display: none;
}
.navi_menu>li:hover ul {
    display: block;
    position: absolute;
    padding: 0;
    margin: 0;
    top: 30px;
    left: 0;
    list-style-type: none;
    /* border:1px solid #fefefe; */
}
.navi li {
    width: 170px;
    margin-left: 0px;
}
.navi a {
    height: 30px;
}
.navi_sub_menu {
    /* border-bottom: 1px solid #333; */
}
.navi_sub_menu li {
    /* text-align: left;
    border-top: 1px solid #333;
    border-left: 1px solid #333;
    border-right: 1px solid #333; */
}
.navi_sub_menu li a {
    background-color: #fefefe;
    color: #222;
    border-radius: 0%;
}
.accordion {
    margin: 3em auto;
    /* max-width: 60vw; */
}
.toggle {
    display: none;
}
.option {
    position: relative;
    margin-bottom: 1em;
}
.kaisaigaiyou_taitle,
.kaisaigaiyou_content {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateZ(0);
    transition: all 0.3s;
    background-color: #eaf2fa;
}
.kaisaigaiyou_taitle {
    border: solid 1px #ccc;
    padding: 0.5em;
    display: block;
    color: #333;
    font-weight: bold;
    text-align: center;
    font-size: 1.5rem;
    background-color: #009AD0;
    color: #fefefe;
}

.kaisaigaiyou_taitle::after,
.kaisaigaiyou_taitle::before {
    content: "";
    position: absolute;
    right: 1.25em;
    top: 0.8em;
    width: 3px;
    height: 0.75em;
    background-color: #fefefe;
    transition: all 0.3s;
}

.kaisaigaiyou_taitle::after {
    transform: rotate(90deg);
}

.kaisaigaiyou_content {
    max-height: 0;
    overflow: hidden;
}

.kaisaigaiyou_content p {
    margin: 0;
    /* padding: 0.5em 1em 1em; */
    /* font-size: 0.9em; */
    /* line-height: 200; */
}

.toggle:checked+.kaisaigaiyou_taitle+.kaisaigaiyou_content {
    max-height: 2500px;
    transition: all 0.5s;
}

.toggle:checked+.kaisaigaiyou_taitle::before {
    transform: rotate(90deg) !important;
}

.kaisaigaiyou_box {
    margin: 30px 30px;
}

.marking {
    width: 300px;
    background-color: #ecb200;
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    margin-top: 10px;
}

.g-txt {
    margin-bottom: 20px;
}

.kaisaigaiyou_taitle2 {
    border: solid 1px #ccc;
    padding: 0.5em;
    display: block;
    color: #333;
    font-weight: bold;
    text-align: center;
    font-size: 1.5rem;
    background-color: #009AD0;
    color: #fefefe;
    margin: 0 0 70px 0;
}


.mypage_btn a {
    position: fixed;
    top: 3.8rem;
    right: 1rem;
    background-color: #223377;
    color: #fefefe;
    text-decoration: none;
    font-size: 12px;
    display: block;
    border-radius: 6px;
    padding: 8px;
    width: 150px;
    text-align: center;
}

.drawer {
    margin-top: -8px;
}

.sub_title_bg{

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

    .goudou_img img {
        width: 300px;
        height: auto;
    }
}