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

@import "history.css";
@import "staff.css";
@import "colorbox.css";

html, body,
h1, h2, h3, h4, h5, h6,
a, p, span,
em, small, strong,
sub, sup,
mark, del, ins, strike,
abbr, dfn,
blockquote, q, cite,
code, pre,
ol, ul, li, dl, dt, dd,
div, section, article,
main, aside, nav,
header, hgroup, footer,
img, figure, figcaption,
address, time,
audio, video,
canvas, iframe,
details, summary,
fieldset, form, label, legend,
table, caption,
tbody, tfoot, thead,
tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
}
.wrap_original {
overflow: hidden;
}
body {
	font-size:110%;
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', YuGothic, 'Yu Gothic Medium', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
    background-color:#fff;
    text-align:justify;
}
a {
    color:#fff;
}
a.text:hover {
    opacity: 0.6;
}
a.mynavi {
    color:#000;
}
a.mynavi:hover {
    color:#ff8c00;
    opacity:1;
}
/* フォントサイズ */
h1 {
	font-size:200%;
    line-height:80px;
	font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
    color:#fff;
}
h2 {
    font-size:200%;
    color:#000;
    font-weight:600;
    line-height:150px;
}
h2.copy {
	font-size:220%;
    line-height:60px;
    font-weight:600;
	font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
    color:#000;
    text-shadow: 2px 2px 10px #fff ,
-2px 2px 10px #fff ,
2px -2px 10px #fff ,
-2px -2px 10px #fff;
}
.small_txt {
	font-size:80%;
}
.br-sp {
	display:none; 
}
.br-pc {
	display:block; 
}
.header {
    width:100%;
    height:80px;
    background-color:#000;
}
.head_wrap {
    width:1100px;
    height:80px;
    margin:0 auto;
    overflow:hidden;
    position:relative;
}
.main_bg {
    width:100%;
	height:914px;
    background-color:#18458b;
    position:relative;
    margin-bottom:80px;
    background-image: url(../images/main_bg.jpg);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center center;
}
.main_wrap {
	width:1100px;
	height:914px;
    margin:0 auto;
    overflow:hidden;
    position:relative;
}
.mark {
    width:300px;
    position:absolute;
    top:5%;
    left:0;
}
.mark img {
    width:100%;
}
.copy_wrap {
    width:100%;
    height:60px;
    position:absolute;
    top:58%;
}
.copy_box {
    width:1100px;
    height:60px;
    line-height:60px;
    text-align:center;
    margin:0 auto;
}
.main_bt_box {
    width:100%;
    height:80px;
    position:absolute;
    bottom:0;
    right:0;
    overflow:hidden;
    background-color:#18458b;
}
.main_bt_wrap {
    width:1100px;
    margin:0 auto;
}
.bt_1 {
    width:366px;
    float:left;
}
.bt_2 {
    width:366px;
    float:left;
}
.bt_3 {
    width:366px;
    float:left;
}
.bt_1 img, .bt_2 img, .bt_3 img {
    width:100%;
}
/* aタグのリセットCSS（不要な場合、セレクタごと削除してください） */
a.main_bt {
  color: inherit;
  text-decoration: none;
}

/* buttonタグのリセットCSS（不要な場合、セレクタごと削除してください） */
button {
  padding: 0;
  font-family: inherit;
  appearance: none;
  cursor: pointer;
  background-color: transparent;
  border: none;
}
.pc_txt_r {
	text-align:center;
}

.president_name {
    width:70%;
    margin:0 auto;
}
.president_name img {
    width:100%;
}

/*
 * 角度の値を保持するCSS変数を定義
 * 対応ブラウザ: https://caniuse.com/?search=%40property
 */
@property --angle {
  syntax: "<angle>";
  inherits: false;
  initial-value: 0deg;
}

.buttonOutlineGlow {
  position: relative;
  display: block;
  width: 100%;
  max-width: 250px;
  height: 50px;
  padding: 2px;
  font-family: sans-serif;
  font-size: 16px;
  color: #fff;
  text-align: center;
  overflow-wrap: anywhere;
  background-color: #fff;
  border-radius: 32px; /* (buttonの高さ / 2) の値 */
    margin-top:14px;
}

.buttonOutlineGlow_bg {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: conic-gradient(from var(--angle), #0098a1, #fff, #0098a1, #fff, #0098a1);
  border-radius: 32px; /* (buttonの高さ / 2) の値 */
  opacity: 0;
  animation: gradient-spin 3s linear 0s infinite;
}

.buttonOutlineGlow_2 {
  position: relative;
  display: block;
  width: 100%;
  max-width: 250px;
  height: 50px;
  padding: 2px;
  font-family: sans-serif;
  font-size: 16px;
  color: #fff;
  text-align: center;
  overflow-wrap: anywhere;
  background-color: #fff;
  border-radius: 32px; /* (buttonの高さ / 2) の値 */
    margin-top:14px;
}

.buttonOutlineGlow_bg_2 {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: conic-gradient(from var(--angle), #2a1e9e, #fff, #2a1e9e, #fff, #2a1e9e);
  border-radius: 32px; /* (buttonの高さ / 2) の値 */
  opacity: 0;
  animation: gradient-spin 3s linear 0s infinite;
}

.buttonOutlineGlow_3 {
  position: relative;
  display: block;
  width: 100%;
  max-width: 250px;
  height: 50px;
  padding: 2px;
  font-family: sans-serif;
  font-size: 16px;
  color: #fff;
  text-align: center;
  overflow-wrap: anywhere;
  background-color: #fff;
  border-radius: 32px; /* (buttonの高さ / 2) の値 */
    margin-top:14px;
}

.buttonOutlineGlow_bg_3 {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: conic-gradient(from var(--angle), #ff8000, #fff, #ff8000, #fff, #ff8000);
  border-radius: 32px; /* (buttonの高さ / 2) の値 */
  opacity: 0;
  animation: gradient-spin 3s linear 0s infinite;
}

@keyframes gradient-spin {
  0% {
    --angle: 0deg;
  }

  100% {
    --angle: 360deg;
  }
}

.buttonOutlineGlow_item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: #0098a1;
  border-radius: 32px; /* (buttonの高さ / 2) の値 */
    color:#fff;
}
.buttonOutlineGlow_item_2 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: #2a1e9e;
  border-radius: 32px; /* (buttonの高さ / 2) の値 */
    color:#fff;
}
.buttonOutlineGlow_item_3 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: #ff8000;
  border-radius: 32px; /* (buttonの高さ / 2) の値 */
    color:#fff;
}

@media (any-hover: hover) {
  .buttonOutlineGlow .buttonOutlineGlow_bg {
    transition: opacity 0.3s;
  }
.buttonOutlineGlow_2 .buttonOutlineGlow_bg_2 {
    transition: opacity 0.3s;
  }
.buttonOutlineGlow_3 .buttonOutlineGlow_bg_3 {
    transition: opacity 0.3s;
  }
  .buttonOutlineGlow:hover {
    background-color: #939393;
  }
  .buttonOutlineGlow_2:hover {
    background-color: #939393;
  }
  .buttonOutlineGlow_3:hover {
    background-color: #939393;
  }
  .buttonOutlineGlow:hover .buttonOutlineGlow_bg {
    opacity: 1;
  }
  .buttonOutlineGlow_2:hover .buttonOutlineGlow_bg_2 {
    opacity: 1;
  } 
  .buttonOutlineGlow_3:hover .buttonOutlineGlow_bg_3 {
    opacity: 1;
  }
}

.containner_1 {
    width:100%;
    margin:50px auto;
    overflow:hidden;
    background-image: url(../images/bg.png);
    background-repeat:no-repeat;
    background-size: 2560px auto;
    background-position: center center;
}

.wrap {
    width:1100px;
    margin:0 auto 100px;
    overflow:hidden;
}
.wrap_2 {
	width:1100px;
	margin:30px auto;
	overflow:hidden;
}
.ttl_box_1 {
    width:100%;
    height:150px;
    background-image: url(../images/ttl_1.png);
    background-repeat:no-repeat;
    background-position: left center;
    background-size: auto 100%;
    margin-bottom:50px;
}
.ttl_box_2 {
    width:100%;
    height:150px;
    background-image: url(../images/ttl_2.png);
    background-repeat:no-repeat;
    background-position: left center;
    background-size: auto 100%;
    margin-bottom:50px;
}
.ttl_box_3 {
    width:100%;
    height:150px;
    background-image: url(../images/ttl_3.png);
    background-repeat:no-repeat;
    background-position: left center;
    background-size: auto 100%;
    margin-bottom:50px;
}
.message_box {
    width:70%;
    margin:0 auto;
    font-size:110%;
    line-height:40px;
    overflow:hidden;
}
.mynavilink_box {
    width:100%;
    margin-top:30px;
    padding:10px;
    font-size:100%;
    line-height:30px;
    box-sizing:border-box;
    background-color:#e6e6fa;
    border-radius:10px;
}
.mynavilink_box:hover {
    background-color:#ffffe0;
}
.president_photo {
    width:300px;
    float:right;
}
.president_photo img {
    width:100%;
}
.movie_line {
    width:100%;
    height:88px;
    margin-bottom:20px;
}
.movie_line img {
    width:100%;
    height:100%;
}
.general_box {
	width:100%;
	margin-bottom:100px;
	overflow:hidden;
}
.event {
	width:100%;
	min-width:1250px;
	background-color:#d8f3ff;
	overflow:hidden;
}
.footer_wrap {
	width:1100px;
	margin:0 auto;
	padding:30px 0;
	background: linear-gradient(to left, #d8f3ff, #00aeff, #d8f3ff);
	/*background-image:url(../images/footer_bg_2.jpg);
	background-size:contain;*/
}
.footer_ttl {
	text-align:center;
	font-size:200%;
	line-height:40px;
	color:#fff;
	margin-bottom:30px;
}

.event_info_box {
    width:100%;
	overflow:hidden;
}

.event_info_box:last-child {
    width:100%;
	overflow:hidden;
	margin-bottom:0px;
}

.ymd_area {
	width:180px;
	background-color:#fff;
	border-radius:10px;
	padding:10px;
	float:left;
	font-size:100%;
	text-align:center;
}

.event_body_area {
	width:870px;
	float:right;
	color:#fff;
	font-size:100%;
	line-height:30px;
}
.footer_line {
	width:100%;
	height:1px;
	border-bottom:1px solid #fff;
	margin:50px 0;
}
#footer {
	width:100%;
	padding:30px 0;
	background-color:#010121;
}
.copyright_wrap {
    width:1100px;
    height:auto;
    margin:0 auto;
    text-align:right;
    color:#fff;
    font-size:80%;
}










h3 {
    font-size:200%;
    color:#fadb00;
    font-weight:600;
    text-align:center;
    margin-bottom:30px;
}
h4 {
    font-size:130%;
    text-align:center;
    margin-bottom:30px;
}
h5 {
    font-size:130%;
    font-weight:600;
    margin-bottom:20px;
}
.small {
    font-size:90%;
}
.middle {
    font-size:130%;
    margin-bottom:10px;
}
.logo_btn {
    width:400px;
    height:24px;
    position:absolute;
    top:30px;
    right:0;
}
.logo_btn img {
    width:100%;
    height:auto;
}



.containner_info {
    width:700px;
    margin:50px auto;
    overflow:hidden;
}
.containner_info img {
    width:100%;
    height:auto;
}
.wrap_1 {
    width:100%;
    overflow:hidden;
    margin-bottom:50px;
}
.wrap_1 img {
    width:100%;
    height:auto;
}

.wrap_3 {
    width:100%;
    height:auto;
    overflow:hidden;
    box-sizing:border-box;
    border-radius:10px;
    border:2px solid #a89a62;
    background-color:#e3e9ff;
    position:relative;
    margin-bottom:30px;
    padding:30px;
}
.wrap_3_l {
    width:40%;
    float:left;
    position:relative;
}
.wrap_3_l_txt {
    width:40%;
    float:left;
    position:absolute;
   top: 50%;
   left: 0%;
   transform: translateY(-50%);
   padding:30px;
    color:#000;
}
.wrap_3_r {
    width:50%;
    float:right;
        padding:30px;
}
.wrap_3_r img {
    width:100%;
    height:auto;
}
.ttl_wrap {
    width:100%;
    height:50px;
    text-align:center;
    background-image: -webkit-linear-gradient(left, transparent, #e8c84d 25%, #e8c84d 75%, transparent);
    background-image: linear-gradient(to right, transparent, #e8c84d 25%, #e8c84d 75%, transparent);
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom:20px;
    line-height:50px;
}
.half_wrap_l {
    width:50%;
    float:left;
    overflow:hidden;
    padding-right:50px;
    box-sizing:border-box;
}
.half_wrap_r {
    width:50%;
    float:right;
    overflow:hidden;
}
.half_wrap_r img {
    width:100%;
}
.half_wrap_l_2 {
    width:50%;
    float:left;
    overflow:hidden;
    padding-right:50px;
    box-sizing:border-box;
}
.half_wrap_r_2 {
    width:50%;
    float:right;
    overflow:hidden;
    margin-top:40px;
}
.half_wrap_r_3 {
    width:50%;
    float:right;
    overflow:hidden;
    margin-top:75px;
}
.half_wrap_l_2 img {
    width:100%;
}
.content_l {
    width:8%;
    float:left;
    font-weight:600;
}
.content_r {
    width:92%;
    float:right;
}

.copyright_wrap {
    width:1100px;
    height:auto;
    margin:0 auto;
    text-align:right;
    color:#fff;
    font-size:80%;
}
.copyright_wrap img {
    width:209px;
    height:auto;
}
.table {
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  width: 1100px;
  border-spacing: 0;
  margin: 0 auto;
    color:#000;
}
.table th, .table td {
  border-bottom: 1px solid #000;
  border-left: 1px solid #000;
  text-align: center;
  padding: 10px;
}
.table th, .table td {
  background: #e2dedf;
}
.table th.wifi7 {
  background: #f7a082;
}
.table td.wifi7 {
  background: #fcdfd4;
}
.table td.bold {
  color:#e83828;
    font-weight:600;
}
.table_left {
    float:left;
    width:10%;
}
.table_left_2 {
    float:left;
    width:90%;
}