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


/*　全体
---------------------------------------------------------------------------*/


a.pdf::after {
display: inline-block;
color: #ff3500;
font-size: 1em;
text-decoration: none;
font-family: FontAwesome;
content: '\f1c1';
top: 0;
padding: 0 0 0 0.3em;
}

.fa-phone::before {
display: inline-block;
color: #000000;
font-size: 1em;
text-decoration: none;
font-family: FontAwesome;
content: '\f095';
top: 0;
padding: 0 0rem 0 0.5rem;
}

.fa-envelope::before{
display: inline-block;
color: #000000;
font-size: 1em;
text-decoration: none;
font-family: FontAwesome;
content: '\f0e0';
padding: 0 0.5em 0 0;
}

.material-symbols-outlined{
vertical-align: sub;
}

.br-sp {
display: none;
}

.br-sp2 {
display: none;
}

.br-sp3{
display: block;
}

.br-sp4{
display: none;
}



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

.br-sp {
display: block;
}

.br-sp2 {
display: block;
}

.br-sp3{
display: none;
}

.br-sp4{
display: none;
}

}

@media screen and (max-width: 430px) {
.br-sp2 {
display: none;
}

.br-sp3{
display: none;
}

.br-sp4{
display: block;
}

}




/*　囲み
---------------------------------------------------------------------------*/

body{
background-color: aliceblue;
font-family: 'Noto Sans JP', sans-serif;
overflow: hidden;
}

.container{
max-width: 1200px;
/*text-align: center;*/
margin: 0 auto;
font-family: 'Noto Sans JP', sans-serif;
}

/*#main-wrapper{
}*/

/*　ヘッダーとメインビジュアル
---------------------------------------------------------------------------*/

header{
text-align: left;
}

header img{
position: relative;
width: 75%;
margin: 0.7rem auto 0.7rem;
vertical-align: top;
z-index: 99;
}

.pc-mv{
position: relative;
text-align: center;
margin: 0 auto;
}

.pc-mv img{
max-width: 100%;
height: auto;
vertical-align: top;
}

.pc-mv .pc-haguruma img{
position: absolute;
top: 36%;
left: 70%;
transform: translate(-50%,-50%);
width: 40%;
}

.pc-mv .theme img{
position: absolute;
top: 35%;
left: 35%;
transform: translate(-50%,-50%);
width: 57%;
}

.pc-mv .date img{
position: absolute;
top: 32%;
left: 25%;
transform: translate(-50%, -50%);
width: 25%;
}

.pc-mv .place img{
position: absolute;
top: 64%;
left: 25.5%;
transform: translate(-50%, -50%);
width: 23%;
}

.pc-mv .calling-ex img{
position: absolute;
top: 75%;
left: 69%;
transform: translate(-50%, -50%);
transition: all 0.5s ease-in-out;

}

.pc-mv .calling-ex img:hover{
transform: translate(-50%, -50%) scale(1.1, 1.1);
}

.pc-mv .app-btn img{
position: fixed;
top: 1%;
right: 5%;
width: 300px;
filter: drop-shadow(5px 5px 5px #333333);
transition: all 1s ease-in-out;
z-index: 100;
}

.pc-mv .app-btn img:hover{
transform: scale(1.1, 1.1);
}

/**/

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

.pc-mv .app-btn img{
width: 270px;
right: 1%;
}

}

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

header img{
z-index: auto;
}

}

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





/*　thanks
---------------------------------------------------------------------------*/
.thanks2023-pc img{
vertical-align: top;
}

@media screen and (max-width: 600px){
.thanks2023-pc img {
display: none;
}
}


.thanks2023-mobile img{
display: none;
}

@media screen and (max-width: 600px){
.thanks2023-mobile img {
display: block;
max-width: 100%;
}
}


/*　モーダル
---------------------------------------------------------------------------*/

.result2025{
position: relative;
}

.result2025 .modal-open img{
    position: absolute;
    width: 235px;
    transform: translate(-50%, -50%);
    filter: drop-shadow(5px 5px 5px #333333);
    z-index: 50;
    left: 88%;
    top: 295px;
}

/*infoエリアをはじめは非表示*/
#info{
display: none;
}

/*モーダルの横幅を変更したい場合*/
.modaal-container{
max-width: 800px;
}

/*モーダルのボタンの色を変更したい場合*/
.modaal-close:after, 
.modaal-close:before{
background:#ffcc00;	
}

.modaal-close:focus:after,
.modaal-close:focus:before,
.modaal-close:hover:after,
.modaal-close:hover:before{
background:#ffcc00;
}

.result2024-modal-text{
padding-bottom: 1rem;
}

.result2025-modal-text h2{
text-align: center;
font-size: 1.5rem;
font-weight: bold;
padding-bottom: 1rem;
padding-top: 1rem;
}

.result2025-modal-text p{
font-size: 1rem;
text-align: justify;
padding: 0.25rem 2.5rem;
}

.result2025-modal-img{
display: flex;
flex-wrap: wrap;
justify-content: center;
}

.result2025-modal-img img{
padding: 0.5rem;
width: 350px;
}

.modaal-close {
right: 40px;
}

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

.result2025 .modal-open img{
top: 283px;
left: 47%;
width: 250px;
}

}

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

.result2025 .modal-open img{
    top: 175px;
    left: 27%;
    width: 250px;
}

.result2025-modal-text p{
font-size: 1.1rem;
text-align: justify;
padding: 0.25rem 0rem;
}

.result2025-modal-img img{
padding: 0.5rem 0;
width: 95%;
}

.modaal-content-container {
padding: 25px;
}


}

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

.result2025 .modal-open img{
top: 115px;
left: 28%;
width: 175px;
}

.result2025-modal-text h2{
text-align: center;
font-size: 1.2rem;
font-weight: bold;
padding-bottom: 0.5rem;
padding-top: 0.5rem;
}

.result2025-modal-text{
padding-bottom: 1rem;
}

.result2024-modal-text p{
font-size: 0.9rem;
text-align: justify;
padding: 0.25rem 0rem;
}

.result2025-modal-img{
display: flex;
flex-wrap: wrap;
justify-content: center;
}

.result2025-modal-img img{
padding: 0.25rem 0;
width: 100%;
}

.modaal-content-container {
padding: 20px;
}

}


.sp-mv{
display: none;
}


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

.sp-mv{
display: none;
}
}

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

header{
/*text-align: center;*/
text-align: left;
}

header img{
width: 80%;
vertical-align: top;
margin-left: 1rem;
margin-top: 1.3rem;
/*margin: 0.7rem auto;*/
}

/*　ハンバーガーメニューボタン　*/
.hamburger {
position: relative;/*ボタン内側の基点となるためrelativeを指定*/
background: #0F2540;
cursor: pointer;
width: 5rem;
height: 5rem;
/*border-radius: 5px;*/
float: right;
z-index : 12;
}


.hamburger span {
display: inline-block;
transition: all .4s;/*アニメーションの設定*/
position: absolute;
left: 20px;
height: 4px;
border-radius: 5px;
background: #FFE100;
width: 55%;
}

.hamburger span:nth-child(1) {
  top: 20px;
}
.hamburger span:nth-child(2) {
  top: 33px;
}
.hamburger span:nth-child(3) {
  top: 45px;
}

/*メニュー背景*/
.hamburger span:nth-of-type(3)::after {
content:"Menu";/*3つ目の要素のafterにMenu表示を指定*/
position: absolute;
top: 7px;
left: -2px;
color: #fff;
font-size: 1rem;
text-transform: uppercase;
}

/* スマホメニューを開いてる時のボタン */
.hamburger.active span:nth-child(1) {
top : 25px;
left: 18px;
transform: translateY(6px) rotate(-45deg);
width: 55%;
}

.hamburger.active span:nth-child(2){
opacity: 0;
}

.hamburger.active span:nth-child(3) {
top: 37px;
left: 18px;
transform: translateY(-6px) rotate(45deg);
width: 55%;
}

.hamburger.active span:nth-of-type(3)::after {
content:"Close";/*3つ目の要素のafterにClose表示を指定*/
transform: translateY(0) rotate(-45deg);
top: 10px;
left: 15px;
}



.pc-mv{
display: none;
position: relative;
text-align: center;
margin: 0 auto;
}

.sp-mv{
display: block;
position:relative;
}

.sp-mv img{
max-width: 100%;
height: auto;
vertical-align: top;
}

.sp-mv .theme img{
position: absolute;
top: 8%;
left: 50%;
transform: translate(-50%,-50%);
width: 90%;
}

.sp-mv .date img{
position: absolute;
top: 53%;
left: 37%;
transform: translate(-50%, -50%);
width: 70%;
}

.sp-mv .place img{
position: absolute;
top: 78%;
left: 38%;
transform: translate(-50%, -50%);
width: 68%;
}

.sp-mv .calling-ex img{
position: absolute;
top: 90%;
left: 50%;
transform: translate(-50%, -50%);
transition: all 1s ease;
}

.sp-mv .calling-ex img:hover{
transform: translate(-50%, -50%) scale(1.1, 1.1);
}

.sp-mv .app-btn img{
position: fixed;
top: 23%;
right: 21%;
width: 37%;
transform: translate(50%,-50%);
filter: drop-shadow(5px 5px 5px #333333);
z-index: 12;
}

.globalMenuSp .material-symbols-outlined {
color: #ff3500;
vertical-align: baseline;
}

}

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

header img{
width: 77%;
margin-left: 0.5rem;}

.sp-mv .app-btn img{
top: 20%;
}

.sp-mv .theme img{
top: 10%;
}


.sp-mv .date img{
top: 54%;
}

.sp-mv .place img {
top: 79%;
}

.sp-mv .app-btn img{
top: 25%;/*アップしてから要確認*/
right: 25%;
width: 43%;
}

.sp-mv .calling-ex img{
width: 90%;
}

.sp-mv .calling-ex img:hover{
transform: translate(-50%, -50%) scale(1.1, 1.1);
}



.hamburger {
width: 4rem;
height: 4rem;
}

.hamburger span {
left: 16px;
}

.hamburger span:nth-child(1) {
  top: 15px;
}
.hamburger span:nth-child(2) {
  top: 27px;
}
.hamburger span:nth-child(3) {
  top: 39px;
}

/*メニュー背景*/
.hamburger span:nth-of-type(3)::after {
top: 3px;
left: -1px;
color: #fff;
font-size: 0.8rem;
}

}



/*　ナビ
---------------------------------------------------------------------------*/

.globalMenuSp{
display: none;
}

.pc-nav nav{
border-top: 8px solid #ffe100;
display: block;
}

.pc-nav nav ul{
display: flex;
flex-direction: row;
justify-content: space-around;
margin: 0 auto;
}

.pc-nav nav li{
/* 各メニュー幅を均等 */
flex: 1; 
border-right: 1px solid #ffffff;
display: block;
}

.pc-nav nav li:last-child{
border-right: none;
}

.pc-nav nav li a{
background-color: #0F2540;
color: #ffffff;
text-align: center;
}

.pc-nav nav a{
display: block;
padding: 1.3rem 0;
width: 100%;
font-size: 1.25rem;
font-weight: 400;
transition: background-color 0.5s ease 0s;
}

.pc-nav nav a:hover{
background-color: #ffe100;
color: #000000;
font-weight: 500;
}

.pc-nav nav li a.current{
background-color: #ffe100;
color: #000000;
font-weight: 500;
}

.pc-nav .guidebook-br{
display: none;
}

.pc-nav .material-symbols-outlined{
color: #ff3500;
vertical-align: baseline;
}


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

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

.pc-nav{
display: none;
}

/* メニュー背景　*/

nav.globalMenuSp {
position: fixed;
z-index : 10;
top  : 0;
left : 0;
color: #fff;
background: #0F2540;
/*text-align: center;*/
width: 100%;
opacity: 0;
display: none;
transition: opacity .6s ease, visibility .6s ease;
}

nav.globalMenuSp ul {
margin: 0 auto;
padding: 0;
width: 100%;
}

nav.globalMenuSp .active-headerimg{
width: 70%;
margin: 0rem auto;
}

nav.globalMenuSp .sp-menu-theme{
width: 80%;
margin: 3rem 0;
}

nav.globalMenuSp ul li {
list-style-type: none;
padding: 0;
width: 100%;
transition: .4s all;
border-bottom: 1px solid #ffffff;
}

nav.globalMenuSp ul li:last-child {
padding-bottom: 0;
border-bottom: none;
}
nav.globalMenuSp ul li a:hover{
  background : #FFC408;
  color: #000000;
  font-weight: 500;
}

nav.globalMenuSp ul li a {
    display: block;
    color: #fff;
    padding: 2rem 6rem;
    text-decoration: none;
    font-size: 1.5rem;
    text-align: right;
}

nav .globalMenuSp li a .current{
background-color: #FFC408;
color: #000000;
font-weight: 500;
}

/* クリックでjQueryで追加・削除 */
nav.globalMenuSp.active {
  display: block;
  opacity: 0.95;
}

nav.globalMenuSp .sp-menu-theme{
margin: 2rem 0;
}


}

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

nav a{
font-size: 0.8rem;
}

nav.globalMenuSp .active-headerimg{
width: 85%;
}

nav.globalMenuSp ul li a {
padding: 1.5rem 4rem;
font-size: 1.2rem;
}

.guidebook-br{
display: block;
}

.guidebook-li{
padding: 0.92rem 0;
}

}


/* パンくずリスト
----------------------------------------------------------------------------*/
.pankuzu{
position: relative;
width: 1150px;
margin: 0 auto;
padding: 0.5rem 1rem 0;
}

.pankuzu li{
color: #666;
display: inline-block;
position: relative;
padding-right: 1.5em;
}

.pankuzu li a{
color: #666;
vertical-align: top;
}

.pankuzu li:not(:last-child):after{
font-size: 10px;
line-height: 1em;
color: #666;
position: absolute;
top: 0.9em;
right: 0.7em;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
content: "\f105";
}

.pankuzu li a:hover{
text-decoration: underline;
}





/* スマホ・タブレット用のナビ
----------------------------------------------------------------------------*/

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

.sp-nav{
display: none;
}

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

.sp-nav{
display: block;
text-align: center;
margin-top: 3rem;
margin-bottom: 1rem;
}

.sp-nav p{
font-size: 2.5rem;
font-family: 'Noto Sans JP';
font-weight: 900;
}

}

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

.sp-nav{
margin-top: 2rem;
}

.sp-nav p{
font-size: 2rem;
}

}



/*　YouTube
---------------------------------------------------------------------------*/
.kako-douga-01{
position: relative;
margin: 0 auto;
}

.kako-douga-01 h2{
display: block;
font-size: 3rem;
font-weight: 900;
color: #ffffff;
padding: 0.5rem 0rem;
margin: 0;
background-color: #0f2540;
text-shadow: 2px 2px 3px #333333;
letter-spacing: 0.7rem;
}

.kako-douga-02{
position: relative;
margin: 0 auto;
}

.kako-douga-02 h2{
display: block;
font-size: 30px;
font-weight: 900;
color: #ffffff;
padding: 0.5rem 0rem;
margin: 0;
background-color: #0f2540;
text-shadow: 2px 2px 3px #333333;
letter-spacing: 9px;
}

.youtube-archive2024{
text-align: center;
margin: 0 auto;
margin-top: 2rem;
width: 50%;
aspect-ratio: 16 / 9;
}

.youtube-archive2024 iframe{
width: 100%;
height: 100%;
}

.youtube-archive2024 .archive2024 img{
width: 60%;
margin-top: 1rem;
/*border-radius: 1rem;*/
border: 1px solid #999;
}

.youtube-archive2024 a{
font-size: 20px;
line-height: 1.0;
letter-spacing: 1px;
font-weight: bold;
text-decoration: underline;
}

.archive2024 p{
margin-top: -5px;
}


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

@media screen and (max-width: 600px) {
.youtube-archive2024{
width: 100%;
}

.kako-douga-01 h2 {
font-size: 3rem;
}

.youtube-archive2024 .archive2024 img{
width: 70%;
border-radius: 0.7rem;
}

}

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

.kako-douga-01 h2 {
    font-size: 2rem;
    letter-spacing: 0.5rem;
}

.youtube-archive2024 .archive2024 img{
width: 85%;
border-radius: 0.5rem;
}

.youtube-archive2024 a{
font-size: 18px;
}

}


/*メリットのヒュッ
----------------------------------------------------------------------------*/

/* 縮小 */
.merit-zoomOut{
  animation-name:zoomOutAnime;
  animation-duration:2.0s;
  animation-fill-mode:forwards;
}



@keyframes zoomOutAnime{
  from {
  transform: scale(3.5) translateY(-5rem);
  }

  to {
      transform:scale(1);
  }
}


/*========= メリットボックスのためのCSS ===============*/

.merit-box{
text-align: center;
display: block;
margin-top: 2rem;
}

/* 
.box{
margin-top: 1rem;
display: inline-block;
width: 65%;
padding: 0.55rem;
background: #031D44;
color: #fff;
border-radius: 1rem;
}
*/

/*
.box p{
text-align: center;
padding: 1rem 0;
background: #FD5000;
background-image: linear-gradient( 180deg, #FDD819 0%, #E80505 100%);
border-radius: 0.5rem;
color: #fefefe;
text-shadow: 2px 2px 3px #333333;
font-family: "Zen Kaku Gothic New", sans-serif;
font-weight: 900;
-webkit-text-stroke: 0.08rem #000000;
}

.box a{
font-size: 2.7rem;
font-weight: 900;
letter-spacing: 0.2rem;
line-height: 1.3;
color: #fefefe;
text-shadow: 2px 2px 3px #333333;
}

*/

/**/

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

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

.merit-box{
margin-top: 1rem;
}


.box{
margin-top: 1.5rem;
display: inline-block;
width: 95%;
padding: 0.5rem;
border-radius: 1rem;
}

/*
.box p{
padding: 1rem 0;
background: #FD5000;
background-image: linear-gradient( 180deg, #FDD819 0%, #E80505 100%);
border-radius: 0.5rem;
color: #fefefe;
text-shadow: 2px 2px 3px #333333;
font-family: "Zen Kaku Gothic New", sans-serif;
-webkit-text-stroke: 0.08rem #000000;
}

.box a{
font-size: 2.8rem;
letter-spacing: 0.1rem;
line-height: 1.6;
}
*/

.merit-box img{
max-width: 100%;
}

}

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

/*
.box a{
font-size: 1.8rem;
letter-spacing: 0rem;
line-height: 1.5;
}
*/

}


/* SNSのロゴ
----------------------------------------------------------------------------*/

.sns-logo{
margin: 2rem auto 2rem;
display: flex;
justify-content: center;
}

.sns-logo img{
margin: 0 2rem;
width: 70px;
}



/* プレゼン動画　トップページ
----------------------------------------------------------------------------*/

.presen-tokudashi{
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-evenly;
row-gap: 25px;
margin-bottom: 5rem;
}

.presen-tokudashi h2{
display: block;
width: 100%;
text-align: center;
color: #fff;
background: #0f2540;
padding: 0.5rem 0rem;
font-size: 30px;
font-weight: 900;
text-shadow: 2px 2px 3px #333333;
letter-spacing: 9px;
}

.presen-tokudashi h4{
font-weight: bold;
font-size: 1rem;
display: inline-block;
width: 100%;
margin: 0 auto;
text-align: center;
}

.presen-youtube{
display: inline-block;
width: 32%;
aspect-ratio: 16 / 9;
}

.presen-youtube iframe{
width: 100%;
height: 100%;
}


/**/

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

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

.presen-tokudashi h2{
font-size: 25px;
padding: 1.5rem 0;
margin-bottom: -2rem;
margin-top: 2rem;
}

.presen-tokudashi{
row-gap: 66px;
flex-direction: column;
flex-wrap: nowrap;
align-items: center;
}

.presen-tokudashi h4{
font-size: 18px;
}

.presen-youtube{
width: 90%;
}

}



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

.presen-tokudashi{
row-gap: 50px;
}

.presen-tokudashi h2{
font-size: 20px;
line-height: 1.5;
padding: 1rem 0;
}


.presen-tokudashi h4{
font-size: 15px;
}

.presen-youtube{
width: 95%;
}



}






/*　来場メリット
---------------------------------------------------------------------------*/

.merit{
margin: 2rem auto 2rem;
}

.merit ul{
display: flex;
justify-content: center;
}

.merit li{
position: relative;
margin: 0 1.5rem;
color: #333333;
width: 25%;
}

.merit li p{
display: block;
border: 3px solid #660000;
box-shadow: 0px 0px 10px 1px #333333;
border-radius: 1.5rem;
top: 25%;
padding: 1rem 1rem 1.2rem;
background-color: #ffcc00;
font-size: 3rem;
font-weight: 900;
color: #ffffff;
text-shadow: 2px 2px 3px #333333;
font-family: "Zen Kaku Gothic New", sans-serif;
-webkit-text-stroke: 0.08rem #000000;
}

.merit li span{
position: absolute;
top: 68%;
transform: translate(-50%, -50%);
font-size: 1.8rem;
font-weight: 700;
width: 90%;
color: #000;
}


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

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

.merit ul {
display: flex;
flex-direction: column;
align-items: center;
margin: 1rem 3rem;
}

.merit li{
position: relative;
color: #333333;
width: 100%;
margin: 1rem 0;
}

}

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

.merit ul {
margin: 1rem 2rem;
}

.merit li p {
font-size: 2rem;
padding: 1rem 1rem 5rem;
}

.merit li span {
top: 65%;
font-size: 1.5rem;
}

}



/*　スリックスライダー
---------------------------------------------------------------------------*/

.product{
margin: 0 auto 7rem;
}

.slider ul{
text-align: center;
margin: 0 auto;
}

.slider li{
margin: 0 1rem;
}

.slider img{
width: 100%;
object-fit: cover;
display: block;
box-shadow: 0px 0px 15px 2px #777777;
}


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

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

.product{
margin: 0 3rem 3rem;
}

}

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

.product{
margin: 0 1.5rem 3rem;
}

}



/*　トップページの特別講演
---------------------------------------------------------------------------*/

/*上部*/

.top-tokubetsu{
position: relative;
margin: 5rem 3rem 2rem;
text-align: center;
}

.top-tokubetsu .freetojoin{
position: absolute;
background-color: red;
padding: 1.2rem;
border-radius: 50%;
font-size: 1.55rem;
font-weight: 700;
line-height: 1.15;
letter-spacing: 0.2rem;
color: #ffffff;
z-index: 5;
top: 6.25%;
left: 30%;
transform: translate(-50%,-50%);
text-shadow: 1px 1px 5px #999999;
}

.top-kouen{
position: relative;
margin: 0 auto;
}

.top-kouen h2{
display: block;
font-size: 3rem;
font-weight: 900;
color: #ffffff;
padding: 0.3rem 0rem 3rem;
margin: 0;
background-color: #003399;
text-shadow: 2px 2px 3px #333333;
letter-spacing: 0.7rem;
}

.top-kouen .capa p{
position: absolute;
bottom: 25%;
left: 50%;
transform: translate(-50%, 50%);
font-size: 1.3rem;
font-weight: 400;
letter-spacing: 0.2rem;
background-color: transparent;
color: #ffffff;
}

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

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

.top-tokubetsu {
margin: 5rem 0rem 0rem;
}

.top-kouen h2 {
display: block;
font-size: 2rem;
padding: 1.5rem 0rem 3.5rem;
margin: 0;
background-color: #003399;
text-shadow: 2px 2px 3px #333333;
letter-spacing: 0.7rem;
}

.top-tokubetsu .freetojoin{
top: 3%;
left: 13%;
}

.top-kouen .capa p {
bottom: 33%;
}

}

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

.top-tokubetsu {
margin: 5rem 0rem 0rem;
}

.top-tokubetsu .freetojoin {
padding: 0.9rem;
font-size: 1.2rem;
top: 4%;
left: 11%;
}

.top-kouen h2 {
padding: 1.5rem 0rem 3rem;
}

.top-kouen .capa p{
bottom: 35%;
font-size: 1rem;
width: 100%;
letter-spacing: 0.1rem;
}

}



/*コピー*/

.top-tokubetsu .copy p{
font-weight: 700;
font-size: 2.2rem;
color: #000099;
text-shadow: 1px 1px 2px #0099cc;
}



/*講演内容*/

.top-tokubetsu .detail-kouen{
margin: 1rem auto 5rem;
}

.top-tokubetsu .detail-kouen ul{
display: flex;
flex-direction: row;
justify-content: space-around;
max-width: 100%;
}

.top-tokubetsu .detail-kouen li{
object-fit: cover;
max-width: 45%;
}

.top-tokubetsu .detail-kouen li img{
width: 75%;
box-shadow: 0px 0px 15px 2px #777777;
}

.top-tokubetsu .nishijima-ename{
font-size: 2rem;
font-weight: 700;
color: #003399;
margin-bottom: 0;
text-shadow: 1px 1px 5px #999999;
}

.top-tokubetsu .nishijima-time{
font-size: 1.2rem;
font-weight: 700;
color: aliceblue;
padding: 0.2rem 0;
background: #003399;
letter-spacing: 0.2rem;
display: block;
}

.top-tokubetsu .nishijima-theme{
margin-top: 0.3rem;
margin-left: 0.3rem;
margin-bottom: 0rem;
font-size: 1.9rem;
text-align: left;
font-weight: 700;
line-height: 1.3;
}

.top-tokubetsu .nishijima-theme .eandf{
font-size: 1.1rem;
display: block;
letter-spacing: 1px;
padding-top: 0;
font-weight: bold;
}

.top-tokubetsu .nishijima-theme .kome{
font-size: 1rem;
font-weight: bold;
color: #ff1200;
}

.top-tokubetsu .nishijima-katagaki{
margin-top: 0.8rem;
margin-left: 0.3rem;
text-align: left;
font-weight: 500;
line-height: 1.4;
font-size: 1.1rem;
}

.top-tokubetsu .nishijima-name{
font-size: 2.3rem;
font-weight: 900;
text-align: right;
margin-top: -0.5rem;
margin-left: 0.3rem;
margin-bottom: 0.5rem;
padding-right: 1.5rem;
}


.top-tokubetsu .nishijima-app{
display: inline-block;
padding: 1.2rem 1.5rem;
margin-top: 1rem;
border: 7px solid #003399;
border-radius: 15px;
background-color: aliceblue;
color: #003399;
font-size: 1.5rem;
font-weight: 700;
box-shadow: 0px 0px 8px 1px #777777;
transition: all 0.7s;
}

.top-tokubetsu .nishijima-app:hover{
background:#003399;
color: aliceblue;
}

.top-tokubetsu .kawano-ename{
font-size: 2rem;
font-weight: 700;
color: #003399;
margin-bottom: 0rem;
text-shadow: 1px 1px 5px #999999;
}

.top-tokubetsu .kawano-time{
font-size: 1.2rem;
font-weight: 700;
color: aliceblue;
padding: 0.2rem 0;
background: #003399;
letter-spacing: 0.2rem;
display: block;
}

.top-tokubetsu .topkawano-theme{
margin-top: 0.3rem;
margin-left: 0.3rem;
margin-bottom: 0rem;
font-size: 1.9rem;
text-align: left;
font-weight: 700;
line-height: 1.3;
line-height: 1.4;
}

.top-tokubetsu .topkawano-katagaki{
margin-top: 1.8rem;
margin-left: 0.3rem;
text-align: left;
font-weight: 500;
line-height: 1.4;
font-size: 1.1rem;
}

.top-tokubetsu .kawano-name{
font-size: 2.3rem;
font-weight: 900;
text-align: right;
margin-top: 1.3rem;
margin-right: 0.3rem;
margin-bottom: 0.5rem;
padding-right: 1.5rem;
}

.top-tokubetsu .topkawano-app{
display: inline-block;
padding: 1.2rem 1.5rem;
margin-top: 0.8rem;
border: 7px solid #003399;
border-radius: 15px;
background-color: aliceblue;
color: #003399;
font-size: 1.5rem;
font-weight: 700;
box-shadow: 0px 0px 8px 1px #777777;
transition: all 0.7s;
}

.top-tokubetsu .topkawano-app:hover{
background: #003399;
color: aliceblue;
}




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

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

.top-tokubetsu .detail-kouen {
margin: 1rem auto 1rem;
}

.top-tokubetsu .detail-kouen ul {
display: flex;
flex-direction: column;
max-width: 100%;
align-items: center;
}

.top-tokubetsu .detail-kouen li {
object-fit: cover;
max-width: 85%;
margin-bottom: 3rem;
padding-bottom: 3rem;
border-bottom: 5px dotted #003399;
}

.top-tokubetsu .detail-kouen li img{
width: 100%;
}

.top-tokubetsu .detail-kouen li:last-child{
border-bottom: none;
}

.top-tokubetsu .kawano-app{
margin-top: 2.5rem;
}

}

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

.top-tokubetsu .detail-kouen li {
max-width: 95%;
}

.top-tokubetsu .detail-kouen li img {
width: 90%;
}

.top-tokubetsu .nishijima-theme {
font-size: 1.4rem;
}

.top-tokubetsu .nishijima-katagaki {
font-size: 0.9rem;
}

.top-tokubetsu .nishijima-name{
font-size: 1.8rem;
padding-top: 1.3rem;
}

.top-tokubetsu .nishijima-app{
font-size: 1.3rem;
}

.top-tokubetsu .nishijima-ename {
font-size: 1.8rem;
}

.top-tokubetsu .topkawano-theme {
font-size: 1.4rem;
letter-spacing: -1px;
}

.top-tokubetsu .topkawano-katagaki {
margin-top: 0.3rem;
font-size: 0.9rem;
}

.top-tokubetsu .kawano-name{
font-size: 1.8rem;
}

.top-tokubetsu .topkawano-app{
font-size: 1.3rem;
}

.top-tokubetsu .kawano-ename {
font-size: 1.8rem;
}


}


/*　特別講演のページ
---------------------------------------------------------------------------*/

/*上部*/

.tokubetsu{
position: relative;
margin: 1.5rem 3rem 10rem;
text-align: center;
}

.tokubetsu .freetojoin{
position: absolute;
background-color: red;
padding: 1.2rem;
border-radius: 50%;
font-size: 1.8rem;
font-weight: 700;
line-height: 1.1;
letter-spacing: 0.1rem;
color: #ffffff;
z-index: 5;
top: 6.5%;
left: 25%;
transform: translate(-50%,-50%);
text-shadow: 1px 1px 5px #999999;
}

.kouen{
position: relative;
margin: 0 auto;
}

.kouen h2{
display: block;
font-size: 3rem;
font-weight: 900;
color: #ffffff;
padding: 0.5rem 0rem 3rem;
margin: 0;
background-color: #003399;
text-shadow: 2px 2px 3px #333333;
letter-spacing: 0.7rem;
}

.kouen .capa p{
position: absolute;
bottom: 25%;
left: 50%;
transform: translate(-50%, 50%);
font-size: 1.3rem;
font-weight: 400;
letter-spacing: 0.2rem;
background-color: transparent;
color: #ffffff;
}

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

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

.tokubetsu {
margin: 5rem 0rem 0rem;
}

.kouen h2 {
display: block;
font-size: 2rem;
padding: 1.5rem 0rem 3.5rem;
margin: 0;
background-color: #003399;
text-shadow: 2px 2px 3px #333333;
letter-spacing: 0.7rem;
}

.tokubetsu .freetojoin{
top: 2.5%;
left: 13%;
}

.kouen .capa p {
bottom: 33%;
}

}

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

.tokubetsu {
margin: 1rem 0rem 0rem;
}

.tokubetsu .freetojoin {
padding: 0.9rem;
font-size: 1.2rem;
top: 3%;
left: 11%;
}

.kouen h2 {
padding: 1.5rem 0rem 3rem;
}

.kouen .capa p{
bottom: 35%;
font-size: 1rem;
width: 100%;
letter-spacing: 0.1rem;
}

}



/*コピー*/

.tokubetsu .copy p{
font-weight: 700;
font-size: 2.2rem;
color: #000099;
text-shadow: 1px 1px 2px #0099cc;
}



/*講演内容*/

.tokubetsu .detail-kouen{
margin: 1rem auto 0;
}

.tokubetsu .detail-kouen ul{
display: flex;
flex-direction: row;
justify-content: space-around;
max-width: 100%;
}

.tokubetsu .detail-kouen li{
object-fit: cover;
max-width: 45%;
}

.tokubetsu .detail-kouen li img{
width: 75%;
box-shadow: 0px 0px 15px 2px #777777;
}

.tokubetsu .nishijima-ename{
font-size: 2rem;
font-weight: 700;
color: #003399;
margin-bottom: 0;
text-shadow: 1px 1px 5px #999999;
}

.tokubetsu .nishijima-time{
font-size: 1.2rem;
font-weight: 700;
color: aliceblue;
padding: 0.2rem 0;
background: #003399;
letter-spacing: 0.2rem;
display: block;
}

.tokubetsu .nishijima-theme .eandf{
font-size: 1.1rem;
display: block;
letter-spacing: 1px;
padding-top: 0;
font-weight: bold;
}

.tokubetsu .nishijima-theme .kome{
font-size: 1rem;
font-weight: bold;
color: #ff1200;
}

.tokubetsu .nishijima-theme{
margin-top: 0.3rem;
margin-left: 0.3rem;
margin-bottom: 0rem;
font-size: 1.9rem;
text-align: left;
font-weight: 700;
line-height: 1.3;
}

.tokubetsu .nishijima-katagaki{
margin-top: 0.5rem;
margin-left: 0.3rem;
text-align: left;
font-weight: 500;
line-height: 1.4;
font-size: 18px;
}

.tokubetsu .nishijima-name{
font-size: 2.3rem;
font-weight: 900;
text-align: right;
margin-top: 0rem;
margin-left: 0.3rem;
margin-bottom: 0.5rem;
padding-right: 3rem;
}

.tokubetsu .nishijima-gaiyou{
font-size: 0.95rem;
padding: 0.5rem;
text-align: justify;
border-top: 2px solid #003399;
line-height: 1.4;
}

.tokubetsu .nishijima-app{
display: inline-block;
padding: 1.2rem 1.5rem;
margin-top: 0.7rem;
border: 7px solid #003399;
border-radius: 15px;
background-color: aliceblue;
color: #003399;
font-size: 1.5rem;
font-weight: 700;
box-shadow: 0px 0px 8px 1px #777777;
transition: all 0.7s;
}

.tokubetsu .nishijima-app:hover{
background:#003399;
color: aliceblue;
}

.tokubetsu .kawano-ename{
font-size: 2rem;
font-weight: 700;
color: #003399;
margin-bottom: 0rem;
text-shadow: 1px 1px 5px #999999;
}

.tokubetsu .kawano-time{
font-size: 1.2rem;
font-weight: 700;
color: aliceblue;
padding: 0.2rem 0;
background: #003399;
letter-spacing: 0.2rem;
display: block;
}

.tokubetsu .kawano-theme{
margin-top: 0.3rem;
margin-left: 0.3rem;
margin-bottom: 0rem;
font-size: 1.9rem;
text-align: left;
font-weight: 700;
line-height: 1.4;
}

.tokubetsu .kawano-katagaki{
margin-top: 1.6rem;
margin-left: 0.3rem;
text-align: left;
font-weight: 500;
line-height: 1.4;
font-size: 18px;
}

.tokubetsu .kawano-name{
font-size: 2.3rem;
font-weight: 900;
text-align: right;
margin-top: 1.5rem;
margin-left: 0.3rem;
margin-bottom: 0.5rem;
padding-right: 3rem;
}

.tokubetsu .kawano-gaiyou{
font-size: 0.95rem;
padding: 0.5rem;
text-align: justify;
border-top: 2px solid #003399;
line-height: 1.4;
}

.tokubetsu .kawano-app{
display: inline-block;
padding: 1.2rem 1.5rem;
margin-top: 1.05rem;
border: 7px solid #003399;
border-radius: 15px;
background-color: aliceblue;
color: #003399;
font-size: 1.5rem;
font-weight: 700;
box-shadow: 0px 0px 8px 1px #777777;
transition: all 0.7s;
}

.tokubetsu .kawano-app:hover{
background: #003399;
color: aliceblue;
}



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

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

.tokubetsu .detail-kouen ul {
display: flex;
flex-direction: column;
max-width: 100%;
align-items: center;
}

.tokubetsu .detail-kouen li {
object-fit: cover;
max-width: 85%;
margin-bottom: 3rem;
padding-bottom: 3rem;
border-bottom: 5px dotted #003399;
}

.tokubetsu .detail-kouen li img{
width: 100%;
}

.tokubetsu .detail-kouen li:last-child{
border-bottom: none;
}

.tokubetsu .nishijima-name{
padding-right: 1rem;
}

.tokubetsu .kawano-name{
padding-right: 1rem;
}

.tokubetsu .kawano-app{
margin-top: 2.5rem;
}

}

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

.tokubetsu .detail-kouen li {
max-width: 95%;
}

.tokubetsu .detail-kouen li img {
width: 90%;
}

.tokubetsu .nishijima-theme {
font-size: 1.5rem;
}

.tokubetsu .nishijima-katagaki {
font-size: 0.9rem;
}

.tokubetsu .nishijima-name{
font-size: 1.8rem;
padding-top: 1.3rem;
}

.tokubetsu .nishijima-app{
font-size: 1.3rem;
}

.tokubetsu .nishijima-ename {
font-size: 1.8rem;
}

.tokubetsu .kawano-theme {
font-size: 1rem;
}

.tokubetsu .kawano-katagaki {
font-size: 0.9rem;
}

.tokubetsu .kawano-name{
font-size: 1.8rem;
}

.tokubetsu .kawano-app{
font-size: 1.3rem;
}

.tokubetsu .kawano-ename {
font-size: 1.8rem;
}


}



/* トップページ　プレゼンテーション案内
----------------------------------------------------------------------------*/

.presen-bg-toppage{
position: relative;
margin: 5rem 3rem 8rem;
text-align: center;
}

.presen-bg-toppage .freetojoin{
position: absolute;
background-color: red;
padding: 1.2rem;
border-radius: 50%;
font-size: 1.8rem;
font-weight: 700;
line-height: 1.1;
letter-spacing: 0.1rem;
color: #ffffff;
z-index: 5;
top: 21%;
left: 10%;
transform: translate(-50%,-50%);
text-shadow: 1px 1px 5px #999999;
}

.presen-text{
position: relative;
margin: 0 auto;
}

.presen-text h2{
display: block;
font-size: 3rem;
font-weight: 900;
color: #ffffff;
padding: 1rem 0rem 3.5rem;
margin: 3rem 0 1rem;
background-color: #003399;
text-shadow: 2px 2px 3px #333333;
letter-spacing: 0.5rem;
}

.presen-text .presen-place p{
position: absolute;
top: 75%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 1.5rem;
font-weight: 400;
letter-spacing: 0.2rem;
background-color: transparent;
color: #ffffff;
white-space: nowrap;
}

.presen-time{
font-size: 1.8rem;
font-weight: 700;
}

.presen-gaiyo{
font-size: 2.2rem;
font-weight: 900;
padding-bottom: 1rem;
}

.presen-page a{
display: inline-block;
padding: 1rem 2.4rem 1.2rem;
background: red;
border-radius: 0.8rem;
width: 45%;
color: #f5f5f5;
font-size: 1.5rem;
font-weight: 700;
margin-top: 1.5rem;
transition: all 0.7s;
}

.presen-page a:hover{
opacity: 0.5;
display: inline-block;
}

.presen-page .material-symbols-outlined{
vertical-align: sub;
}


/**/

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



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

.presen-bg-toppage{
margin: 1rem 0 0;
}

.presen-bg-toppage .freetojoin {
top: -3%;
left: 10%;
}

.presen-text h2{
font-size: 2rem;
padding: 2.5rem 0rem 3.5rem;
margin: 0;
letter-spacing: 0.35rem;
}

.presen-text .presen-place p{
font-size: 1.2rem;
}

.presen-time{
font-size: 1.5rem;
font-weight: 700;
padding-top: 1rem;
}

.presen-gaiyo{
font-size: 2rem;
}

.presen-page a{
width: 57%;
}

}

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

.presen-text h2{
font-size: 1.5rem;
letter-spacing: 0.2rem;
padding: 2.1rem 0rem 3rem;
}

.presen-text .presen-place p{
font-size: 1rem;
letter-spacing: 0;
}

.presen-bg-toppage .freetojoin{
font-size: 1.5rem;
left: 15%;
}

.presen-time{
font-size: 1.3rem;
padding-bottom: 0.5rem;
}

.presen-gaiyo{
font-size: 1.4rem;
}

.presen-page a{
padding: 1rem 1.5rem 1.2rem;
width: 75%;
font-size: 1.2rem;
padding: 0.8rem 1.5rem;
}

}


/* 出展者プレゼン
----------------------------------------------------------------------------*/

.presen-bg{
position: relative;
margin: 1rem 3rem;
text-align: center;
}

.presen-bg .freetojoin{
position: absolute;
background-color: red;
padding: 1.2rem;
border-radius: 50%;
font-size: 1.8rem;
font-weight: 700;
line-height: 1.1;
letter-spacing: 0.1rem;
color: #ffffff;
z-index: 5;
top: 50%;
left: 10%;
transform: translate(-50%,-50%);
text-shadow: 1px 1px 5px #999999;
}

.presen-text{
position: relative;
margin: 0 auto;
}

.presen-text h2{
display: block;
font-size: 2.5rem;
font-weight: 900;
color: #ffffff;
padding: 0.8rem 0rem 3.5rem;
margin: 3rem 0 1rem;
background-color: #003399;
text-shadow: 2px 2px 3px #333333;
letter-spacing: 0.5rem;
}

.presen-text .presen-place p{
position: absolute;
top: 75%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 1.5rem;
font-weight: 400;
letter-spacing: 0.2rem;
background-color: transparent;
color: #ffffff;
white-space: nowrap;
}



/*　時間割　*/

.presen-overview{
display: block;
padding: 0 0 1rem;
border: 1px solid #999;
width: 85%;
text-align: center;
margin: 1rem auto;
background: #ffffff;
}

.presen-sche{
text-align: center;
}

.presen-sche p{
padding: 0.75rem 1.5rem;
background: #001A59;
display: block;
font-size: 1.5rem;
font-weight: bold;
color: #f5f5f5;
margin: 0 auto 0.8rem;
}

.presen-sche02 p{
padding: 0.75rem 1.5rem;
background: #E87A90;
display: block;
font-size: 1.5rem;
font-weight: bold;
color: #f5f5f5;
margin: 0 auto 0.8rem;
}

.presen-overview .p-company{
font-weight: bold;
font-size: 2rem;
margin-bottom: 1rem;
}

.presen-overview .p-img{
width: 150px;
}

.presen-overview .p-theme{
font-size: 1.5rem;
font-weight: bold;
margin-bottom: 0.5rem;
margin-top: 1rem;
}

.presen-overview .p-content{
display: block;
padding: 0rem 5rem;
text-align: justify;
font-size: 1rem;
}

.presen-overview .p-content02{
display: block;
padding: 0rem 5rem;
font-size: 1rem;
}

/**/

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



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

.presen-bg{
margin: 1rem 0 0;
}

.presen-bg .freetojoin {
top: -10%;
left: 10%;
}

.presen-text h2{
font-size: 2rem;
padding: 1.5rem 0rem 3.5rem;
margin: 0;
letter-spacing: 0.35rem;
margin-bottom: 2rem;
}

.presen-text .presen-place p{
font-size: 1.2rem;
top: 67%;
}

.presen-overview{
width: 95%;
}

.presen-overview .p-company{
font-size: 2rem;
}

.presen-overview .p-theme {
    font-size: 1.25rem;
    text-align: justify;
    text-indent: -5rem;
    padding-left: 7rem;
    padding-right: 1rem;
}

.presen-overview .p-content{
padding: 0 2rem;
}

.presen-overview .p-content02{
padding: 0 2rem;
text-align: justify;
}

}

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

.presen-text h2{
font-size: 1.5rem;
letter-spacing: 0.2rem;
padding: 2.1rem 0rem 3rem;
}

.presen-text .presen-place p{
font-size: 1rem;
letter-spacing: 0;
}

.presen-bg .freetojoin{
font-size: 1.5rem;
left: 15%;
}

.presen-sche p{
font-size: 1rem;
padding: 0.75rem 0;
}

.presen-sche02 p{
font-size: 1rem;
padding: 0.75rem 0;
}

.presen-overview .p-company{
font-size: 1.35rem;
}

.presen-overview .p-theme {
    font-size: 1rem;
    text-align: justify;
    text-indent: -4.5rem;
    padding-left: 5.5rem;
    padding-right: 1rem;
}

.presen-overview .p-content{
padding: 0 1rem;
line-height: 1.3;
margin-top: 1rem;
font-size: 0.9rem;
}

.presen-overview .p-content02{
padding: 0 1rem;
line-height: 1.35;
margin-top: 1rem;
text-align: justify;
}

}




/*　その他の展示
---------------------------------------------------------------------------*/

.tenji-1{
position: relative;
margin: 3rem 3rem 8rem;
text-align: center;
}

.no-app{
position: absolute;
background-color: #FFCC00;
padding: 1.2rem;
border-radius: 50%;
font-size: 1.8rem;
font-weight: 700;
line-height: 1.1;
letter-spacing: 0.1rem;
color: #ffffff;
z-index: 5;
top: 9.5%;
left: 15%;
transform: translate(-50%, -50%);
text-shadow: 1px 1px 5px #999999;
}

.suiso p{
display: block;
font-size: 2.2em;
font-weight: 700;
color: #ffffff;
padding: 0.8rem 1.4rem;
margin: 0 auto 2rem;
background-color: #003399;
text-shadow: 2px 2px 3px #333333;
letter-spacing: 0.7rem;
}

.hatsuden{
display: none; 
/*601px以上では改行タグを無効に*/
}

.hydro{
display: none; 
/*601px以上では改行タグを無効に*/
}


.tenji-1 ul{
display: flex;
margin: 0 auto;
flex-direction: column;
}

.tenji-1 li img{
box-shadow: 0px 0px 15px 2px #777777;
width: 50%;
}

.tenji-1 .hanshin-kiki-company a{
font-size: 1rem;
font-weight: 500;
text-decoration: underline;
}

.suiso-intro{
font-size: 1.35rem;
text-align: justify;
margin: 1rem 10rem;
line-height: 1.5;
font-weight: 500;
}

.suiso-cancel{
font-size: 1.2rem;
line-height: 1.5;
color: #cc3300;
font-weight: bold;
}

/*雨天用css*/
.hanshin-kiki-note{
font-size: 1rem;
margin: 0.5rem;
font-weight: 400;
/*text-decoration: line-through;*/
}

.hanshin-kiki-company{
font-size: 1.1rem;
font-weight: 500;
}




.hanshin-kiki a{
font-size: 1rem;
font-weight: 500;
text-decoration: underline;
}




.tenji-2{
margin: 3rem 3rem 8rem;
text-align: center;
}

.forum p{
display: block;
font-size: 2.2rem;
font-weight: 700;
color: #ffffff;
padding: 0.8rem 1.4rem 1.1rem;
margin: 0 auto 0.5rem;
background-color: #003399;
text-shadow: 2px 2px 3px #333333;
letter-spacing: 0.7rem;
}

.tenji-2 .intro{
display: inline-block;
font-size: 1.7rem;
font-weight: 500;
text-align: center;
margin: 0 auto;
}

.tenji-2 .explanation{
font-size: 1.2rem;
font-weight: 500;
margin-top: 0.5rem;
}

.tenji-2 .kobe-kousen{
font-size: 1.1rem;
font-weight: 500;
margin-top: 2rem;
}

.tenji-2 .kobe-kousen a{
font-size: 1rem;
font-weight: 500;
text-decoration: underline;
}

.gijutsu {
display: none; 
/*601px以上では改行タグを無効に*/
}

.monoten {
display: none; 
/*601px以上では改行タグを無効に*/
}

.kousen-poster {
display: none; 
/*601px以上では改行タグを無効に*/
}

.kousen-poster-2{
display: none;
}

.kousen-email{
display: none;
}




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

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

.tenji-1{
margin: 7rem 0rem;
}

.no-app {
top: 10%;
left: 12%;
}

.suiso p{
display: block;
font-size: 1.5rem;
line-height: 1.3;
padding: 1rem 1.4rem; 
}

.hatsuden {
display: block; 
/*600px以下で改行タグを有効に*/
}

.hydro{
display: block; 
/*600px以下で改行タグを有効に*/
}

.tenji-1 li img{
width: 90%;
}

.suiso-intro{
font-size: 1.3rem;
text-align: justify;
margin: 1rem 2rem;
}

.suiso-cancel{
font-size: 1rem;
}

.hanshin-kiki-note{
margin: 1rem 2rem;
text-indent: -1rem;
padding: 0 0 0 1rem;
text-align: justify;
}

.hanshin-kiki-tel{
display: block;
}

.tenji-2{
margin: 3rem 0rem;
}

.forum p{
display: block;
font-size: 1.5rem;
line-height: 1.3;
}

.gijutsu {
display: block; 
/*600px以下で改行タグを有効に*/
}

.monoten {
display: block; 
/*600px以下で改行タグを有効に*/
}

.tenji-2 .intro{
font-size: 1.3rem;
margin: 1rem 2rem 0;
}

.kousen-poster {
display: block; 
/*600px以下で改行タグを有効に*/
}

.kousen-tel{
display: block;
/*600px以下で改行タグを有効に*/
}

}

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

.no-app {
padding: 0.9rem;
font-size: 1.3rem;
}

.suiso p {
font-size: 1.2rem;
letter-spacing: 0.4rem;
line-height: 1.3;
}

.suiso-intro {
font-size: 1rem;
margin: 1rem 1rem 0;
}

.suiso-cancel{
font-size: 0.8rem;
}

.hanshin-kiki-note {
font-size: 0.9rem;
margin: 0.5rem 1rem;
}

.hanshin-kiki-company {
font-size: 0.9rem;
}

.forum p {
font-size: 1.2rem;
letter-spacing: 0.4rem;
}

.tenji-2 .intro {
font-size: 1.1rem;
margin: 0.75rem 1rem 0;
}

.tenji-2 .explanation {
font-size: 1rem;
}

.kousen-poster-2{
display: block;
}

.tenji-2 .kobe-kousen {
font-size: 0.9rem;
margin-top: 1rem;
}

.tenji-2 .kobe-kousen a {
font-size: 0.9rem;
}

.kousen-email{
display: block;
}

}





/*　昨年度のようす
---------------------------------------------------------------------------*/

.archive2022{
margin: 3rem 3rem 5rem;
}

.youtube-title p{
display: block;
font-size: 3rem;
font-weight: 700;
color: #ffffff;
padding: 1.5rem 1.4rem;
margin: 0 auto 2rem;
background-color: #003399;
text-shadow: 2px 2px 3px #333333;
letter-spacing: 0.7rem;
}

.youtube {
text-align: center;
margin: 0 auto;
width: 80%;
aspect-ratio: 16 / 9;
}

.youtube iframe {
width: 100%;
height: 100%;
}


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

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

.archive2022 {
margin: 5rem 0rem 5rem;
}

.youtube-title p{
font-size: 2rem;
padding: 2.5rem 0;
}

.youtube {
width: 95%;
}

}

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

.youtube-title p {
letter-spacing: 0.4rem;
}

}

/*　出展について
---------------------------------------------------------------------------*/

.about-exhibit{
width: 75%;
text-align: center;
margin: 5rem auto 5rem;
padding: 0;
background-color: #ffffff;
border: 3px solid #000000;
}

.about-exhibit h1{
text-align: center;
font-size: 2.5rem;
font-weight: 700;
padding: 1rem 2rem;
background-color: #0f2540;
color: #ffffff;
letter-spacing: 3px;
}

.about-exhibit ul{
padding: 1.5rem 2rem 0.5rem 5rem;
text-align: left;
}

.about-exhibit li{
list-style-type: disc;
font-size: 1.3rem;
line-height: 1.8; 
padding: 0.3rem 0;
text-align: justify;
}

.about-exhibit li::marker{
color: #ffcc00;
}

.about-exhibit .hr1{
margin-inline-start: 3rem;
margin-inline-end: 3rem;
border-top: 5px dotted #666;
}

.about-exhibit p{
text-align: justify;
padding: 0.5rem 5rem 0.5rem 5rem;
text-indent: -1rem;
line-height: 1.7;
}

.about-exhibit .syosai-kochira{
text-align: justify;
padding: 0.5rem 5rem 2.5rem 5rem;
}

.syosai-kochira a{
text-decoration: underline;
}

.syosai-kochira .material-symbols-outlined{
color: #FF0000;
vertical-align: sub;

}

/**/

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

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

.about-exhibit{
width: 95%;
margin: 5rem auto 5rem;
}

.about-exhibit ul{
padding: 2.5rem 2rem 1.5rem 3rem;
}

.about-exhibit li{
line-height: 1.6; 
}

.about-exhibit p{
padding: 1.5rem 3rem;
}

.about-exhibit .syosai-kochira{
padding: 0.5rem 3rem 3rem 3rem;
}

.about-exhibit .hr1 {
margin-inline-start: 1.5rem;
margin-inline-end: 1.5rem;
}


}

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

.about-exhibit h1{
padding: 0.7rem 2rem;
font-size: 2rem;
}

.about-exhibit ul{
padding: 2rem 2rem 2.5rem 2.5rem;
}

.about-exhibit li{
font-size: 0.9rem;
line-height: 1.5; 
}

.about-exhibit p{
padding: 1.5rem 2.5rem;
font-size: 0.9rem;
}

.about-exhibit .syosai-kochira{
padding: 0.5rem 2.5rem 3rem 2.5rem;
}

}


/*　出展のメリット
---------------------------------------------------------------------------*/

.exhibition-merit{
width: 75%;
text-align: center;
margin: 5rem auto 10rem;
padding: 0;
background-color: #ffffff;
border: 3px solid #000000;
}

.exhibition-merit h1{
text-align: center;
font-size: 2.5rem;
font-weight: 700;
padding: 1rem 2rem;
background-color: #0f2540;
color: #ffffff;
letter-spacing: 3px;
}

.exhibition-merit ul{
padding: 1.5rem 2rem 1.5rem 5rem;
text-align: left;
}

.exhibition-merit li{
list-style-type: disc;
font-size: 1.3rem;
line-height: 1.8; 
padding: 0.3rem 0;
text-align: justify;
}

.exhibition-merit li::marker{
color: #ffcc00;
}

/**/

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

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

.exhibition-merit{
width: 95%;
margin: 5rem auto 5rem;
}

.exhibition-merit ul{
padding: 2.5rem 2rem 2.5rem 3rem;
}

.exhibition-merit li{
line-height: 1.6; 
}


}

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

.exhibition-merit h1{
padding: 0.7rem 2rem;
font-size: 2rem;
}

.exhibition-merit ul{
padding: 2rem 2rem 2.5rem 2.5rem;
}

.exhibition-merit li{
font-size: 0.9rem;
line-height: 1.45; 
}

}





/*　ご来場のみなさまへ　ほか
---------------------------------------------------------------------------*/

.pointbox_m{
width: 74%;
text-align: center;
margin: 3rem auto 0;
padding: 0;
background-color: #ffffff;
border: 3px solid #000000;
}

.pointbox_m a {
text-decoration: underline;
}

.pointbox_m h1{
text-align: center;
font-size: 1.5rem;
font-weight: 700;
padding: 1rem 2rem;
background-color: #ffcc00;
}

.pointbox_m ul{
padding: 1.5rem 3rem 1.5rem 5rem;
text-align: left;
}

.pointbox_m li{
list-style-type: disc;
font-size: 1.3rem;
line-height: 1.5; 
padding: 0.3rem 0;
text-align: justify;
}

.pointbox_m li::marker{
color: #ffcc00;
}


.pointbox_m2{
width: 60%;
text-align: center;
margin: 2rem auto 0;
padding: 0;
background-color: #ffffff;
border: 3px solid #000000;
}

.pointbox_m2 h1{
text-align: center;
font-size: 1.5rem;
font-weight: 700;
padding: 1rem 2rem;
background-color: #BDBDBD;
}

.pointbox_m2 ul{
padding: 1.5rem 5rem 1.5rem 7rem;
text-align: left;
}

.pointbox_m2 li{
list-style-type: disc;
font-size: 1.3rem;
line-height: 1.5;
padding: 0.3rem 0;
text-align: justify;
}

.pointbox_m2 li::marker{
color: #757575;
}

.pointbox_m2 a{
text-decoration: underline;
}

.pointbox_m2 a:hover{
background-color: #757575;
color: #ffffff;
}



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

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

.pointbox_m{
width: 90%;
}

.pointbox_m2{
width: 90%
}

}

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

.pointbox_m h1 {
font-size: 1.25rem;
padding: 1rem 1rem;
}

.pointbox_m ul {
padding: 1rem 1rem 1rem 2rem;
}

.pointbox_m li {
font-size: 1rem;
padding: 0.2rem 0;
}

.pointbox_m2 h1 {
font-size: 1rem;
}

.pointbox_m2 ul {
padding: 1rem 1rem 1rem 2rem;
}

.pointbox_m2 li {
font-size: 0.9rem;
}

}






/*　同時開催
---------------------------------------------------------------------------*/

.douji-kaisai{
margin: 5rem auto;
transition: all 0.7s;
text-align: center;
}

.douji-kaisai:hover{
opacity: 0.8;
}

.douji-kaisai img{
width: 80%;
box-shadow: 0px 0px 8px 1px #777777;
}

.douji-kaisai h1{
text-align: center;
margin: 0 auto 0.5rem;
font-size: 2.5rem;
font-weight: 700;
letter-spacing: 0.5rem;
}


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

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

.douji-kaisai img{
width: 90%;
}

.douji-kaisai h1 {
letter-spacing: 0.25rem;
font-size: 2.3rem;
}

}

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

.douji-kaisai {
margin: 5rem auto 7rem;
}

.douji-kaisai h1 {
font-size: 1.8rem;
letter-spacing: 0.1rem;
}

}






/*　主催、事務局
---------------------------------------------------------------------------*/

.secretariat{
margin: 5rem auto 7.5rem;
}

.secretariat ul{
display: flex;
justify-content: space-around;
margin: 0 5rem;
}

.secretariat li h2{
display: block;
padding: 0.25rem 1.5rem 0.5rem;
border-left: solid 10px #E87A90;
font-size: 2rem;
font-weight: 700;
}

.secretariat li h2 a{
font-weight: 700;
text-decoration: underline;
}

.niro-address{
position: relative;
}

.niro-address p{
position: absolute;
font-size: 1.2rem;
text-align: left;
margin: 0.8rem auto 5rem;
letter-spacing: 1px;
padding-left: 2rem;
}

.niro-address p a{
text-decoration: underline;
}



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

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


.secretariat ul {
flex-direction: column;
align-items: flex-start;
margin: 0 2rem;
}

.secretariat li h2{
font-size: 1.8rem;
}

.secretariat li{
margin: 0 0 1.5rem;
}

}

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

.secretariat ul {
margin: 0 1.5rem;
}

.secretariat li h2 {
font-size: 1.1rem;
padding: 0.25rem 1.5rem 0.5rem 1rem;
}

.niro-address p {
font-size: 0.85rem;
word-break: break-all;
}


}




/*　特別講演
---------------------------------------------------------------------------*/



/*　出展者一覧
---------------------------------------------------------------------------*/

.companybox-first{
width: 75%;
margin: 5rem auto 0;
display: block;
background-color: #ffffff;
padding: 1.5rem 3rem;
box-shadow: 0px 0px 8px 1px #777777;
}

.companybox-first h2{
text-align: center;
display: inline-block;
font-size: 1.8rem;
font-weight: 700;
margin-bottom: 1rem;
padding: 0 5rem 0.5rem 5rem;
border-left: 10px solid #5C6BC0;
border-bottom: 2px solid #5C6BC0;
text-shadow: 1px 1px 0.5px #777777;
}

.companybox-first ul{
margin: 0;
}

.companybox-first li{
font-size: 1.2rem;
margin-bottom: 0.5rem;
}

.companybox{
width: 75%;
margin: 2rem auto 1rem;
display: block;
background-color: #ffffff;
padding: 1.5rem 3rem;
box-shadow: 0px 0px 8px 1px #777777;
}

.companybox h2{
display: inline-block;
font-size: 1.8rem;
font-weight: 700;
margin-bottom: 1rem;
padding: 0 5rem 0.5rem 5rem;
border-left: 10px solid #003399;
border-bottom: 2px solid #003399;
text-shadow: 1px 1px 0.5px #777777;
}

.companybox ul{
margin: 0;
}

.companybox li{
font-size: 1.2rem;
margin-bottom: 0.5rem;
}


.companybox-last{
width: 75%;
margin: 2rem auto 5rem;
display: block;
background-color: #ffffff;
padding: 1.5rem 3rem;
box-shadow: 0px 0px 8px 1px #777777;
}

.companybox-last h2{
display: inline-block;
font-size: 1.8rem;
font-weight: 700;
margin-bottom: 1rem;
padding: 0 5rem 0.5rem 5rem;
border-left: 12px solid #003399;
border-bottom: 2px solid #003399;
text-shadow: 1px 1px 0.5px #777777;
}


.companybox-last li{
font-size: 1.2rem;
margin-bottom: 0.5rem;
}

.chiikikyoudo{
display: none;
}

.suisocluster{
display: none;
}

.iryokaihatsu{
display: none;
}

.kan{
display: none;
}


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

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

.companybox-first {
width: 80%;
padding: 1.5rem 2rem;
}

.companybox-first h2 {
font-size: 1.3rem;
margin-bottom: 1rem;
padding: 0 4rem 0.5rem 4rem;
}

.companybox-first li {
font-size: 1rem;
}

.companybox {
width: 80%;
padding: 1.5rem 2rem;
}
.companybox h2 {
font-size: 1.3rem;
margin-bottom: 1rem;
padding: 0 4rem 0.5rem 4rem;
}

.companybox li {
font-size: 1rem;
}

.companybox-last {
width: 80%;
padding: 1.5rem 2rem;
}
.companybox-last h2 {
font-size: 1.3rem;
margin-bottom: 1rem;
padding: 0 4rem 0.5rem 4rem;
}

.companybox-last li {
font-size: 1rem;
}

.chiikikyoudo{
display: block;
}



}

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

.companybox-first {
width: 80%;
padding: 1.5rem 1rem;
}

.companybox-first h2 {
font-size: 1.1rem;
margin-bottom: 1rem;
padding: 0 0.5rem 0.5rem 0.5rem;
}

.companybox-first li {
font-size: 0.8rem;
}

.companybox {
width: 80%;
padding: 1.5rem 1rem;
}

.companybox h2 {
font-size: 1.1rem;
margin-bottom: 1rem;
padding: 0 3rem 0.5rem 3rem;
}

.companybox li {
font-size: 0.8rem;
}

.companybox-last {
width: 80%;
padding: 1.5rem 1rem;
}

.companybox-last h2 {
font-size: 1.1rem;
margin-bottom: 1rem;
padding: 0 3rem 0.5rem 3rem;
}

.companybox-last li {
font-size: 0.8rem;
}

.suisocluster{
display: block;
}

.iryokaihatsu{
display: block;
}

.kan{
display: block;
}


}


/*　出展者一覧 改訂
---------------------------------------------------------------------------*/

.exhibitor{
text-align: center;
}

.exhibitor_list{
display: inline-block;
background: #ffffff;
text-align: center;
margin: 2rem auto;
padding: 1.5rem 3rem;
box-shadow: 0px 0px 8px 1px #777777;
max-width: 1000px;
}

.exhibitor_list h2{
text-align: center;
display: inline-block;
font-size: 1.8rem;
font-weight: bold;
margin-top: 1rem;
margin-bottom: 2.5rem;
padding: 0.25rem 5rem 0.5rem 5rem;
border-left: 10px solid #5C6BC0;
border-bottom: 2px solid #5C6BC0;
text-shadow: 1px 1px 0.5px #777777;
}

.exhibitor_list dl{
padding: 2rem 0 1rem;
border-bottom: 1px solid #ccc;
display: block;
overflow: hidden;
}

.exhibitor_list dd{
margin-left: 0;
}

.exhibitor_list dd, dt{
line-height: 1.5;
margin-bottom: 0.5rem;
}

.exhibitor_list dd.photo{
float: left;
width: 200px;
}

.exhibitor_list .thumbnail{
border: none;
margin: 0;
display: inline;
max-width: 100%;
height: auto;
}

.exhibitor_list .thumbnail-2{
width: 200px;
}

.exhibitor_list dt, .exhibitor_list dd:not(.photo){
padding-left: 250px;
text-align: left;
}

.exhibitor_list dt{
font-size: 1.5rem;
margin-bottom: 0.5rem;
}

.exhibitor_new{
    color: #E91E63;
    font-weight: bold;
    display: inline-block;
    padding: 0px 8px 1px;
    font-size: 16px;
    border: 1px solid #E91E63;
    border-radius: 5px;
    line-height: 1.5;
    vertical-align: middle;
    margin-left: 1rem;
    margin-bottom: 5px;
}

.exhibitor_list .photo{
text-align: center;
}

.exhibitor_list .btn {
display: inline-block;
margin-bottom: 0;
font-weight: 400;
text-align: center;
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
border: 1px solid transparent;
white-space: nowrap;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857;
border-radius: 0.8rem;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.exhibitor_list .btn.btn-outline.blue {
border-color: #34a5da;
color: #34a5da;
background: 0 0;
}

.exhibitor_list .btn.btn-outline.blue:hover {
border-color: #34a5da;
background-color: #34a5da;
transition: all .3s;
}

.exhibitor_list .btn.btn-outline.blue:hover{
color: #FFF;
transition: all .3s;
}

.area-number{
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    border-radius: 0.8rem;
    user-select: none;
    border-color: #34a5da;
    color: #ffffff;
    background: #0f2540;
}

.exhibitor_list .btn-line{
display: flex;
justify-content: flex-start;
}



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

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


.exhibitor_list h2 {
    font-size: 28px;
    margin-top: 2rem;
    margin-bottom: 2rem;
    padding: 0 4rem 0.5rem 4rem;
    letter-spacing: 1px;
}

.exhibitor_list dd.photo {
    float: none;
    width: 70%;
    display: inline-block;
    margin-bottom: 1rem;
}

.exhibitor_list dt{
font-size: 20px;
}

.exhibitor_list dt, .exhibitor_list dd:not(.photo) {
padding-left: 0;
}

}

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

.exhibitor_list{
padding: 1.5rem 1.5rem;
}

.exhibitor_list h2 {
font-size: 20px;
padding: 0 0.5rem 0.5rem 0.5rem;
}

.exhibitor_list dt{
font-size: 1.2rem;
margin-bottom: 0.5rem;
}

.exhibitor_list dd{
font-size: 0.9rem;
}

.exhibitor_list .btn-line{
flex-direction: column;
}

.exhibitor_new{
font-size: 12px;
}

.area-number{
padding: 4px 8px;
font-size: 12px;
border-radius: 0.4rem;
}

}







/*　アクセス
---------------------------------------------------------------------------*/
.sanbo-access{
margin: 3rem auto;
}

.sanbo-access ul{
display: flex;
justify-content: space-evenly;
}

.sanbo-access li .access-1{
text-align: left;
font-size: 1.1rem;
line-height: 2.5;
max-width: 100%;
}

.sanbo-access li .access-2{
text-align: left;
font-size: 1rem;
font-weight: 500;
line-height: 1.2;
max-width: 100%;
margin-top: 1rem;
}

.sanbo-access .google-map iframe {
width: 100%;
aspect-ratio: 1/1; 
/*アスペクト比（縦横比）を指定*/
}




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

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

.sanbo-access{
margin: 1rem auto;
}

.sanbo-access ul {
display: flex;
justify-content: space-evenly;
flex-direction: column;
align-items: center;
}

.sanbo-access li{
margin-bottom: 2rem;
}

.google-map {
width: 100%;
}

}

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

.sanbo-access{
margin: 1rem 1rem;
}

.sanbo-access li{
margin-bottom: 0rem;
}

.sanbo-access li .access-1 {
font-size: 0.9rem;
line-height: 1.7;
padding-top: 2rem;
}

.sanbo-access li .access-2 {
font-size: 0.8rem;
line-height: 1.7;
}



}





/*　お問合せボタン
----------------------------------------------------------------------------*/
.contact-form{
text-align: center;
}


/*
.contact-form a {
display: inline-block;
text-align: center;
background-image: linear-gradient(to right, #f46b45 0%, #eea849  51%, #f46b45  100%);
margin: 1rem 0 2rem;
padding: 1.5rem 3.5rem;
text-transform: uppercase;
transition: 0.5s;
background-size: 200% auto;
border-radius: 1rem;
color: #fefefe; 
font-size: 1.8rem;
font-weight: 500;
box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
}
*/


/* 
.contact-form a:hover {
background-position: right center; /* change the direction of the change here */
/*color: #fff;
text-decoration: none;
}
*/

.contact-form a  {
display: inline-block;
padding: 1rem 3rem;
margin-top: 4.7rem;
border: 7px solid #003399;
border-radius: 30px;
background-color: aliceblue;
color: #003399;
font-size: 25px;
font-weight: 700;
box-shadow: 0px 0px 8px 1px #777777;
transition: all 0.7s;
line-height: 1.4;
}

.contact-form a:hover{
background: #003399;
color: aliceblue;
}

.contact-form .material-symbols-outlined{
vertical-align: sub;
}



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

.contact-form a  {
font-size: 1.3rem;
}


}





/*　フッター
---------------------------------------------------------------------------*/

footer{
background-color: #000066;
text-align: center;
margin: 5rem 0 1rem;
padding: 2rem 2rem 2rem;
}

.footer-img{
width: 100%;
margin-bottom: 0.5rem;
margin-left: 0;
}

.footer-img img{
width: 35%;
}



/*
.q-btn01{
text-align: center;
margin: 1.5rem 0 5rem;
}

.q-btn01 a{
padding: 2rem 5rem;
color: aliceblue;
font-size: 1.8rem;
background-image: radial-gradient( circle farthest-corner at 10% 20%,  rgba(37,145,251,0.98) 0.1%, rgba(0,7,128,1) 99.8% );
}
*/        

         
.footer-org{
max-width: 1000px;
padding: 1.5rem 5rem;
margin: 0 auto;
text-align: center;
display: block;
border: dotted 3px #ffffff;
border-radius: 1rem
}

.footer-org h2{
font-size: 2rem;
color: aliceblue;
font-weight: 500;
margin-bottom: 2rem;
text-align: center;
}

.footer-org h3{
font-size: 1.1rem;
text-align: justify;
font-weight: 400;
color: aliceblue;
text-indent: -3.5rem;
padding-left: 3.6rem;
margin-bottom: 1rem;
}

.footer-menu{
text-align: center;
margin: 0rem auto 2rem;
width: 70%;
}

.footer-menu ul{
display: flex;
justify-content: space-evenly;
align-items: center;
}

.footer-menu li a{
font-size: 1.2rem;
color: #ffffff;
text-decoration: underline;
display: inline-block;
padding: 0.5rem 0;
}

.footer-menu .material-symbols-outlined{
color: #ff3500;
vertical-align: baseline;
}


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

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

footer {
padding: 2.5rem 0rem;
}

.footer-img img{
width: 80%;
}

.footer-menu {
width: 100%;
}

.footer-menu ul{
flex-direction: column;
}

.footer-org{
padding: 2rem 2rem;
margin: 0 1rem;
}

.footer-org h3 {
font-size: 1rem;
}

}

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

.footer-img{
margin-bottom: 0.5rem;
margin-left: 0;
}

.footer-img img{
width: 90%;
}

.footer-menu ul {
gap: 0;
}

.footer-menu li a{
font-size: 1rem;
}

.btn-grad a {
padding: 1.5rem 3rem;
font-size: 1.3rem;
letter-spacing: 0.1rem;
}

.footer-org {
padding: 2rem 1rem;
}

.footer-org h2 {
font-size: 1.5rem;
margin-bottom: 1rem;
}

.footer-org h3 {
font-size: 0.8rem;
text-indent: -2rem;
padding-left: 2rem;
text-align: justify;
}
}





/*　ページトップへのボタン
---------------------------------------------------------------------------*/

#page-top{
  width: 75px;
  height: 75px;
  position: fixed;
  right: 0.1rem;
  bottom: 0.1rem;
  opacity: 0.6;
}
#page-top a{
  width: 75px;
  height: 75px;
  text-decoration: none;
}

#page-top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f139';
  font-size: 70px;
  color: #DF0003;
}




/* コピーライト　
---------------------------------------------------------------------------*/

.copyright{
text-align: center;
margin: 0 auto 1rem;
}

.copyright p{
display: inline-block;
font-size: 1.2rem;
letter-spacing: 0.1rem;
}




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

@media screen and (max-width: 600px) {
.copyright{
margin: 2rem auto 5rem;
}

}

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

.copyright p {
font-size: 0.9rem;
}
}






/*

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

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

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

*/