@charset "utf-8";

/*---------------------------------
共通      <1110以上
---------------------------------*/
body,div,img,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ul,li,table,tr,td{
margin: 0;
padding: 0;
border: 0;
font-weight: normal;
margin-inline-start: 0;
/* vertical-align: baseline; */
}
ol{
margin: 0;
padding: 0 0 0 2rem;
border: 0;
font-weight: normal;
}
ol li{
padding: 1rem;
}
.ol-pad4r{
padding: 0 0 0 4rem;
}
html{
font-size: 62.5%;
}
body{
font-family:
sans-serif,
'メイリオ',
Meiryo,
'ＭＳ Ｐゴシック',
sans-serif;
letter-spacing: -0.2px;
font-weight: 400;
line-height: 160%;
}
.font-eng{
font-family:'Shin Go Regular','新ゴ R','arial',sans-serif;
}
.tex-cen{
text-align: center;
}
a {
text-decoration: none;
color:#000;
}
img,iframe{
vertical-align: bottom;
}
ul{
list-style: none;
}

/* モバイルメニュー（ハンバーガーアイコン） */
.hum_Btn{
display: none;
}
/* モバイルメニュー（ハンバーガーアイコン） */
.tit-area1109{
display: none;
}
/* （1110以上）1110以上無・1109以下無・768以下あり */
.tit-area768{
display: none;
}

/* （1110px以上）1110px以上flex横並び*/
.foot-nav,
.foot-nav3,
.top-menu1,
.top-main-area,
.top-main-tokuten-kiji,
.sub-header-con,
.sub-head-menu-main{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
flex-wrap: wrap;
align-items: stretch;
}

/* （1110px以上）1110px以上flex横並び・中央寄せ */
.top-menu1{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  align-items: stretch;
  justify-content: center;
  }
.h988{
display: block;
}
.pad-top10 {
padding-top: 10px;
}
.pad-top30 {
padding-top: 30px;
}
.pad-top40 {
padding-top: 40px;
}
.pad-top50 {
padding-top: 50px;
}
.pad-top60 {
padding-top: 60px;
}
.pad-top70 {
padding-top: 70px;
}
.pad-top80 {
padding-top: 80px;
}
.pad-top90 {
padding-top: 90px;
}
.pad-top100 {
padding-top: 100px;
}
.pad-btm10{
padding-bottom: 10px;
}
.pad-btm20{
padding-bottom: 20px;
}
.pad-btm30{
padding-bottom: 30px;
}
.pad-btm50{
padding-bottom: 50px;
}
.pad-btm60{
padding-bottom: 60px;
}
.mar-btm10{
margin-bottom: 10px;
}
.mar-btm20{
margin-bottom: 20px;
}
.mar-btm30{
margin-bottom: 30px;
}
.mar-btm50{
margin-bottom: 50px;
}
.mar-btm60{
margin-bottom: 60px;
}
.mar-btm100{
margin-bottom: 100px;
}
.pad-lef20{
padding-left: 20px;
}
.mar-top10{
  margin-top: 10px;
}
.mar-top20{
  margin-top: 20px;
}
.mar-top60{
  margin-top: 60px;
}
.tex-al-le{
text-align: left;
}

.wi80p-1109wi100p{
width: 80%;
margin: 0 auto;
}

/*---------- （1110以上）Newアイコン（共通） ----------*/
.new-icon{
font-size: 10px;
color:#fff;
background: #9b001b;
border-radius: 10px;
display: inline-block;
padding: 2px 10px;
margin-left: 10px;
}
/*---------- （1110以上）iphoneフォームデザインリセット ----------*/
input[type="submit"], input[type="button"], input[type="reset"] { -webkit-appearance: none; }

/*---------- （1110以上）モバイルメニュー（非表示） ----------*/
#cover{
display: none;
}
#menu_768 {
display: none;
}
/*---------- （1110以上）テキスト設定（共通） ----------*/
.soon-txt{
font-size: 1.6rem;
line-height: 1.6rem;
}

.com-txt{
font-size: 1.3rem;
color: #000;
margin-bottom: 15px;
}
.com-txt2{
  font-size: 1.3rem;
  color: #000;
}
/* 下線、太字 */
.unline_bold{
  text-decoration: underline;
  font-weight: 800;
}
/* 下線 */
.unline{
  text-decoration: underline;
}
/* 太字 */
.font_bold{
  font-weight: 800;
}
/* 取り消し線 */
.line-through{
text-decoration: line-through;
}
/* （1110以上）※ */
.note-icon{
font-size: 1.3rem;
color: #9b001b;
}
/* （1110以上）※の文字 */
.note{
font-size: 1.3rem;
color: #9b001b;
padding-top: 5px;
}
.note-link{
text-decoration: underline;
color: #9b001b;
}

/*---------- （1110以上）ボタン幅100％（共通） ----------*/
.botm100p a{
display: block;
width: 100%;
border: 2px solid #eee;
box-sizing: border-box;
text-align: center;
padding: 10px 0;
font-size: 1.6rem;
line-height: 1.0rem;
transition: 0.4s;
}
.botm100p a:hover{
border: 2px solid #9b001b;
background: #9b001b;
color:#fff;
}/*---------- （1110以上）ボタン幅100％　アイコンなし（共通） ----------*/
.botm100p2 a{
display: block;
width: 100%;
border: 2px solid #eee;
box-sizing: border-box;
text-align: center;
padding: 15px 0;
font-size: 1.6rem;
line-height: 1.6rem;
transition: 0.4s;
}
.botm100p2 a:hover{
border: 2px solid #9b001b;
background: #9b001b;
color:#fff;
}
.botm100p3{
display: block;
width: 100%;
border: 2px solid #eee;
box-sizing: border-box;
text-align: center;
padding: 15px 0;
font-size: 1.6rem;
line-height: 1.6rem;
transition: 0.4s;
}
/*---------- （1110以上）テーブルa（共通）  ----------*/
.table-a{
border-collapse: collapse;
width: 100%;
font-size: 1.6rem;
line-height: 1.8rem;
}
.table-a thead tr th,
.table-a tbody tr td {
border: solid 1px #84BAE5;
text-align:center;
}
.table-a thead tr,
.table-a tbody tr{
vertical-align: middle;
}
.table-a thead tr th{
padding: 10px;
color: #fff;
background: #84BAE5;
border-right: solid 1px #C0D9F1;
}
.table-a thead tr th:last-child{
 border-right: solid 1px #84BAE5;
}
.table-a tbody tr td{
padding: 10px 0px;
font-size: 1.4rem;
}
/*---------- （1110以上）テーブルb（共通）  ----------*/
.table-b{
border-collapse: collapse;
width: 100%;
font-size: 1.4rem;
}
.table-b thead tr th,
.table-b tbody tr td {
border: solid 1px #84BAE5;
text-align:center;
}
.table-b thead tr,
.table-b tbody tr{
vertical-align: middle;
}
.table-b thead tr th{
padding: 10px;
color: #fff;
background: #84BAE5;
border-right: solid 1px #C0D9F1;
}
.table-b thead tr th:last-child{
border-right: solid 1px #84BAE5;
}
.table-b tbody tr td{
padding: 7px 0px;
}
/*---------- （1110以上）テーブルc（共通）  ----------*/
.table-c{
border-collapse: collapse;
width: 100%;
font-size: 1.6rem;
line-height: 1.8rem;
}
.table-c thead tr th,
.table-c tbody tr td {
border: solid 1px rgba(46, 167, 224, 1);
text-align:center;
}
.table-c thead tr,
.table-c tbody tr{
vertical-align: middle;
}
.table-c thead tr th{
padding: 10px;
color: #fff;
background: #84BAE5;
}
.table-c tbody tr td{
padding: 10px 0px;
font-size: 1.4rem;
}


/*---------- （1110以上）テーブル連絡会（共通）  ----------*/
.table-renraku{
border-collapse: collapse;
width: 100%;
font-size: 1.4rem;
}
.table-renraku thead tr th,
.table-renraku tbody tr td {
border: solid 1px rgba(46, 167, 224, 1);
text-align:center;
}
.table-renraku thead tr,
.table-renraku tbody tr{
vertical-align: middle;
}
.table-renraku thead tr th{
padding: 10px;
color: #fff;
background: #84BAE5;
}
.table-renraku tbody tr td{
padding: 3px 5px;
}
.table-renraku tbody tr td:first-child{
min-width: 7em;
}
.table-renraku tbody tr td:nth-child(2),
.table-renraku tbody tr td:nth-child(3),
.table-renraku tbody tr td:nth-child(4){
min-width: 5em;
}
.table-renraku tbody tr td:nth-child(5){
min-width: 8em;
}
.table-renraku tbody tr td:nth-child(6){
text-align: left;
}
/*---------- （1110以上）テーブルwordpress css削除（共通）  ----------*/
.wp-block-table thead {
    border-bottom: unset!important;
}
/*---------- （1110以上）ボタンa（共通）  ----------*/
.botn-a a{
display: block;
width: 80%;
border: 2px solid #eee;
box-sizing: border-box;
text-align: center;
padding: 20px 0;
font-size: 1.6rem;
line-height: 1.0rem;
transition: 0.4s;
margin: 0 auto;
}
.botn-a a:hover,
.botn-b a:hover{
border: 2px solid #9b001b;
background: #9b001b;
color:#fff;
}
.botn-b a{
display: block;
width: 80%;
border: 2px solid #eee;
box-sizing: border-box;
text-align: center;
padding: 30px 0;
font-size: 1.6rem;
line-height: 1.0rem;
transition: 0.4s;
margin: 0 auto;
}

/*---------------------------------
フッター     <1100px以上
---------------------------------*/
/*---------- （1110以上）フッター ----------*/
footer{
background:#9b001b;
}
/*---------- （1110以上）メニュー（フッター） ----------*/
.foot-nav{
width: 1110px;
margin: 0 auto;
padding-top: 30px;
padding-bottom: 20px;
}
.foot-nav1{
display: block;
box-sizing: border-box;
width: 25%;
padding:10px;
}
.foot-nav2{
display: block;
box-sizing: border-box;
width: 55%;
padding:10px;
}
.foot-nav1 li a,
.foot-nav2 li a{
font-size: 1.4rem;
color: #fff;
transition: 0.4s;
width: 100%;
height: auto;
}
.foot-nav1 li a:hover,
.foot-nav2 li a:hover{
color: #B5001F;
}
.foot-nav1 li,
.foot-nav2 li{
margin-bottom: 5px;
}
.foot-nav1 li:last-child,
.foot-nav2 li:last-child{
margin-bottom: 0px;
}
 
/*---------- （1110以上）リンク（フッター） ----------*/
.foot-nav3{
width: 20%;
text-align: left;
}
.foot-nav3 a{
display: block;
width: 100%;
margin-bottom: 10px;
}
.foot-nav3 a img{
transition: 0.4s;
width: 100%;
}
.foot-nav3 a img:hover{
opacity : 0.7;
color: #777;
}

/*---------- （1110以上）PAGE TOP（フッター） ----------*/
.foot-up-btn-area{
width: 1110px;
margin: auto 0;
}
.foot-up-btn{
padding: 4px 10px;
background-color:#fff;
margin-top:15px;
margin-bottom:15px;
margin-right: 0;
margin-left: auto;
color:#9b001b;
width: 100px;
font-size: 1.2rem;
border-radius: 14px;
display: block;
box-sizing: border-box;
text-align: center;
cursor: pointer;
cursor: hand;
transition: 0.4s;
}
.foot-up-btn:hover{
background-color:#777;
}
/*---------- （1110以上）コピー（フッター） ----------*/
.foot-copy{
width: 100%;
margin: 0 auto;
color:#fff;
text-align: center;
font-size: 1.4rem;
}

/*---------------------------------
ヘッダー（TOP）    <1100px以上
---------------------------------*/
.top-body{
  background-color: #eee;
}
.header-area{
  background-image:url("../img/top-header-backimg.jpg");
  background-size:cover;
}
.header-area-img{
  margin: 0 auto;
  position:relative;
  width: 60%;
}
.header-area-img>img{
  margin: 0 auto;
  width: 100%;
  display: block;
}
/*---------- （1110以上）タイトル（ヘッダー（TOP）） ----------*/
.top-tit{
position: absolute;
top:30px;
left: 40px;
}
.top-tit1{
background-color: #9b001b;
padding:10px 14px;
}
.top-tit1 img{
  width:260px;
}
.top-tit2{
background-color: #d5bf20;
  padding: 6px 14px;
  color: #FFF;
  font-size: 1.2rem;
  line-height: 1.6rem;
}

/*---------- （1110以上）PCメニュー（ヘッダー（TOP）） ----------*/
.top-menu1-area{
  width: 100%;
  background-color: #9b001b;
}
.top-menu1-item1,
.top-menu1-item2,
.top-menu1-item3,
.top-menu1-item4{
/* width: 200px; */
color:#FFF;
padding: 3px 6px 3px 6px;
box-sizing: border-box;
}
.top-menu1-item1 span,
.top-menu1-item2 span,
.top-menu1-item3 span,
.top-menu1-item4 span{
width: 100%;
display: block;
}
.top-menu1 li{
  border-right:3px double #FFF;
} 
.top-menu1 li:first-child{
  border-left:1px solid #FFF;
} 
.top-menu1 li:last-child{
  border-right:1px solid #FFF;
} 
/* TOPヘッダー　メニューアイコン */
.top-menu1-btn{
  display: block;
  /* アイコンのスペースを確保したpadding-leftを設定する */
  padding: 16px 16px 16px 70px;
  position: relative;
  background-color:#9b001b;
  transition: 0.2s;
  /* 折り返しの対応 */
  overflow-wrap: break-word;
  &::before {
    content: "";
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    left: 16px;
    /* top: 50%;と、transform: translateY(-50%) で上下中央に配置 */
    top: 50%;
    transform: translateY(-50%);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
  &.menu1-aisatu::before{
    background-image: url("../img/top-menu-icon1.png");
  }
  &.menu1-kaigi::before {
    background-image: url("../img/top-menu-icon2.png");
  }
  &.menu1-annai::before {
    background-image: url("../img/top-menu-icon3.png");
  }
  &.menu1-senyou::before {
    background-image: url("../img/top-menu-icon4.png");
  }
}
.top-menu1-btn:hover{
background-color:#B5001F;
transition: 0.2s;
}
.top-menu1-btn span:first-child{
font-size: 1.4rem;
line-height: 2.2rem;
}
.top-menu1-btn span:last-child{
font-size: 1rem;
}

/*---------------------------------
メイン（TOP）    <1100px以上
---------------------------------*/

/*---------- （1110以上）メイン（TOP） ----------*/
.top-main-area{
width: 1110px;
margin: 50px auto 50px;
}
/*---------- （1110以上）メイン左側（TOP） ----------*/
.top-main-le{
width: 30%;
margin-right: 30px;
}
.top-main-le-nav{
  padding:16px 18px;
  margin-bottom: 2px;
  color:#FFF;
  background-color:#78000a;
border-left: 12px solid #d5bf20;
box-sizing: border-box;
font-size: 1.6rem;
}
.top-menu2 li{
  margin-bottom: 2px;
  background-color:#9b001b;
}
.top-menu2 li:hover{
  background-color:#B5001F;
}
.top-menu2 li a{
  width: 100%;
  padding:14px 14px 14px 32px;
  color:#FFF;
  box-sizing: border-box;
font-size: 1.4rem;
display: block;
}
.top-menu2 li:last-child{
  margin-bottom: 14px;
}
/* リンク */
.top-main-le-link-area{
  margin-bottom: 30px;
}
.top-main-le-link{
border-left: 12px solid #d5bf20;
  padding:16px 18px;
  margin-bottom: 6px;
  color: #777;
  font-size: 1.6rem;
}
.top-menu3 li:first-child{
border-top:2px solid #FFF;
}
.top-menu3 li{
border-bottom: 2px solid #FFF;
}
.top-menu3 li a{
padding: 14px 14px 14px 28px;
font-size: 1.4rem;
  color: #777;
  box-sizing: border-box;
  display: block;
}
.top-menu3 li a:hover{
  background-color: #FFF;
}
/*---------- （1110以上）メイン右側（TOP） ----------*/
.top-main-rig{
width: calc( 70% - 30px );
}
/*---------- （1110以上）ニュース（TOP） ----------*/
.top-main-rig-news{
  padding:16px 16px 16px 28px;
  margin-bottom: 8px;
  color:#FFF;
  background-color:#78000a;
box-sizing: border-box;
font-size: 1.6rem;
}
.top-news-table{
width: 100%;
box-sizing: border-box;
font-size: 1.4rem;
border-collapse:collapse;
}
.top-news-table tbody tr td{
border-bottom: 1px dashed #aaa;
line-height:2rem;
letter-spacing: 0.01rem;
display: table-cell;
}
.test1{
border-bottom: none!important;
}
.top-news-table tbody tr td a{
padding: 10px 10px;
display: block;
box-sizing: border-box;
transition: 0.2s;
}
.top-news-table tbody tr td a:hover{
background: #fff;
transition: 0.2s;
}
.top-news-table tbody tr td a time{
display:block;
font-weight: 700;
font-size: 1.4rem;
color:#9b001b;
margin-bottom: 5px;
}
.top-news-table tbody tr td a span{
  margin-bottom: 5px;
  display: block;
}
/* （1110以上）TOPニュースMOREボタン */
.top-news-table-more{
margin: 20px 0 60px auto;
text-align: center;
}
.top-news-table-more a{
padding: 8px 48px;
border-radius: 24px;
background-color:#777;
color:#fff;
text-align: center;
box-sizing: border-box;
width: 100px;
font-size: 1.4rem;
cursor: pointer;
cursor: hand;
transition: 0.4s;
}
.top-news-table-more a:hover{
background-color:#9b001b;
}
/*---------- （1110以上）会員の特典（TOP） ----------*/
.top-main-rig-tokuten{
  padding:16px 16px 16px 28px;
  margin-bottom: 18px;
  color:#FFF;
  background-color:#78000a;
box-sizing: border-box;
font-size: 1.6rem;
}
.top-main-rig-hotel{
    padding:16px 16px 16px 28px;
  margin-bottom: 16px;
  color:#78000a;
  background-color:#FFF;
box-sizing: border-box;
font-size: 1.6rem;
}
.top-main-tokuten-kiji{
  margin-bottom: 30px;
}
.top-main-tokuten-kiji img{
width:calc( 30% - 20px );
margin-right: 20px;
}
.top-main-tokuten-kiji div{
width: 70%;
font-size: 1.4rem;
line-height: 2.2rem;
}
/*---------------------------------
他ページ共通(TOP以外)      <1110以上
---------------------------------*/
/*---------- （1110以上）他ページ共通(TOP以外)   ----------*/
/*---------- （1110以上）他ページ共通(TOP以外) ヘッダー   ----------*/
.sub-head{
position:relative;
}
.sub-head-con{
width: 100%;
background: #eee;
}
.sub-header-con{
width: 1110px;
margin: 0 auto 0;
justify-content: space-between;
padding: 20px 0 20px;
}
.sub-head1{
text-align: left;
}
.sub-head1 img{
width: 500px;
}
.sub-head2{
text-align: right;
margin-top: auto;
}
/* （1110以上）サブメニュー(TOP以外) */
.sub-head-menu li{
display: inline-block;
font-size: 14px;
line-height: 14px;
vertical-align: bottom;
margin-right: 10px;
cursor: pointer;
cursor: hand;
}
.sub-head-menu li:last-child{
margin-right: 0px;
}
/* （1110以上）サブメニュー　矢印　(TOP以外) */

.sub-head-menu-arow{
padding-left:20px;
background: url(../img/sm-arow-w.png) left center/14px auto no-repeat;
color:#fff;
transition: .4s;
}
.sub-head-menu-arow a{
display: inline-block;
text-decoration: none;
color:#78000a;
transition: 0.4s;
font-size: 1.3rem;
}
.sub-head-menu-arow a:hover{
color:#B5001F;
}

/* （1110以上）メニュー(TOP以外) */
.sub-head-menu-main{
width: 1110px;
margin: 0 auto;
padding-bottom: 15px;
}
.sub-head-menu-main li {
margin-right: 3px;
text-align: center;
transition: .4s;
color:#fff;
background:#78000a;
padding-top: 7px;
padding-bottom: 7px;
}
.sub-head-menu-main li:last-child{
margin-right: 0px;
}
.sub-head-menu-main li:hover{
background:#B5001F;
}
.sub-head-menu-main li a{
display: block;
width: 156px;
color:#fff;
font-size:1.5rem;
}
.sub-head-menu-main li .sub-head-menu-main-a{
  display: block;
  color:#fff;
  font-size:1.2rem;
}

/*---------- （1110以上）他ページ共通(TOP以外) メイン   ----------*/
.main-1column-con{
width: 100%;
}

/*---------- （1110以上）他ページ共通(TOP以外) タイトル   ----------*/
.sp-tit{
color:#9b001b;
font-size: 2.6rem;
line-height: 2.6rem;
margin: 0 auto;
padding-top:80px;
padding-bottom: 50px;
font-family: Ryumin Bold KL,'リュウミン B-KL',serif;
font-weight: 600;
display: block;
width: 100%;
text-align: center;
box-sizing: border-box;
}

/*---------------------------------
歴代同窓会長      <1110以上
---------------------------------*/
.cha-main-con{
width: 60%;
margin: 0 auto 50px;
font-size: 13px;
line-height: 21.4px;
}
.cha-card {
  display: flex;
  align-items: flex-start;
  gap: 30px;
  color: #333333;
  margin-bottom: 60px;
}

/* 左側：画像部分 */
.cha-image {
  width: 150px;
  height: 173px;
  border: 2px solid #8f9298; /* グレーの枠線 */
  box-sizing: border-box;
  flex-shrink: 0;
}

.cha-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* 右側：テキスト情報 */
.cha-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 4px;
}

/* 「初代」ラベルバッジ */
.cha-badge {
  background-color: #c08d37; /* 茶ゴールド系 */
  color: #ffffff;
  font-size: 14px;
  padding: 3px 12px;
  display: inline-block;
  margin-bottom: 12px;
  font-family: sans-serif;
}

/* 氏名 */
.cha-name {
  font-size: 22px;
  font-weight: bold;
  margin: 0 0 10px 0;
  letter-spacing: 0.1em;
}

/* 役職 */
.cha-title {
  font-size: 14px;
  margin: 0 0 6px 0;
  color: #333333;
}

/* 在任期間 */
.cha-term {
  font-size: 13.5px;
  margin: 0;
  color: #333333;
  letter-spacing: 0.05em;
}

/*---------------------------------
アクセス      <1110以上
---------------------------------*/
/*---------- （1110以上）連絡先（タイトルと画像） ----------*/
.acc-table{
margin: 0 auto 50px;
width: 80%;
border-collapse: collapse;
}
.acc-table th{
position: relative;
text-align: left;
width: 30%;
background-color:#CCD3D3;
color: #000;
text-align: center;
padding: 15px 0;
}
.acc-table th,.acc-table td{
  border: solid 1px #999;
}
.acc-table tbody tr td{
text-align: center;
width: 70%;
text-align: center;
padding: 15px 10px;
}
.acc-link{
border-bottom: 1px #000;
}

/* （1110以上）メールフォームボタン（確認） */
.acc-form-btn-s{
background: #9b001b;
border: 0;
padding: 15px 50px;
color:#fff;
margin-right: 20px;
font-size: 1.6rem;
}
/* （1110以上）メールフォームボタン（クリア） */
.acc-form-btn-c{
background:#e44963;
border: 0;
padding: 15px 50px;
color:#fff;
font-size: 1.6rem;
}

/*---------------------------------
1109px以下　ここから
---------------------------------*/
@media screen and (max-width: 1109px){
/* 1109以下無 */
.no1109,
.top-tit,
.top-menu1-area,
.top-main-le,
.sub-head{
display: none;
}
/* （1109以下）1109px以下縦並び */
.sub-header-con{
flex-direction: column;
}
/* モバイルメニュー（ハンバーガーアイコン） */
.hum_Btn{
display: block;
}
/* （1109以下）1110以上無・1109以下あり・768以下無 */
.tit-area1109{
display: block;
}

.wi80p-1109wi100p{
width: 100%;
}

.news_box .title{
position: relative;

}

/*---------- （1109以下）モバイルメニュー（ハンバーガーアイコン） ----------*/
.hum_Btn {
width: 60px;
height: 60px;
display: block;
position: fixed;
top: 0;
right: 0;
z-index: 10;
background: none;
}
#menuTrig{
position: absolute;
top: 0;
left: 0;
width: 60px;
height: 60px;
background-color: #9b001b;
text-align: center;
}
#menuTrig,#menuTrig span{
display: inline-block;
box-sizing: border-box;
transition: all .4s;
}
#menuTrig span{
width: 20px;
height: 2px;
position: absolute;
border-radius: 4px;
background-color: #FFFFFF;
left: 18px;
}
#menuTrig span:nth-of-type(1){
top: 20px;
}
#menuTrig span:nth-of-type(2){
top: 25px;
}
#menuTrig span:nth-of-type(3){
top: 30px;
}
#menuTrig p {
position: absolute;
bottom: 5px;
left: 0;
text-align: center;
font-size: 11px;
font-weight: bold;
color: #FFF;
right: 0px;
}
#menuTrig.active span:nth-of-type(1) {
-webkit-transform: translateY(2px) rotate(-45deg);
transform: translateY(2px) rotate(-45deg);
}
#menuTrig.active span:nth-of-type(2) {
opacity: 0;
}
#menuTrig.active span:nth-of-type(3) {
-webkit-transform: translateY(-8px) rotate(45deg);
transform: translateY(-8px) rotate(45deg);
}
/*---------- （1109以下）モバイルメニュー（ここから） ----------*/
.wrapper{
overflow-y: hidden;
min-height: 100vh;
position: relative;
-webkit-overflow-scrolling:touch;
}
#cover{
background: #000;
opacity: 0.6;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
display: none;
}
#menu_768 {
position: fixed;
top: 0;
right: -400px;
width: 400px;
background: #fff;
padding: 0px;
box-sizing: border-box;
min-height: 100%;
transition: .4s;
display: block;
color:blue;
overflow-y: scroll;
background: #fff;
}
.menu-mobile-tit{
line-height: 60px;
color:#9b001b;
background: #f5f5f5;
padding: 0px 0px 0px 30px;
font-size: 14px;
font-weight: bold;
}
.menu_768ul{
padding-top:20px;
padding-bottom: 15px;
box-sizing: border-box;
background: #fff;
}
.menu_768ul li a{
padding: 10px 10px 10px 30px;
display: block;
color: #9b001b;
text-decoration: none;
background: #FFF;
font-size: 1.4rem;
line-height: 1.4rem;
background: #fff;
}
.menu_768ul li a .fa{
margin: 0px 5px 0px 0px;
font-size: 10px
}
.fa{
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.menu-mobile-botm{
width: 100%;
height: calc( 100vh - 396px );
}
.menu-mobile-clo{
margin: 0 20px 20px;
padding: 10px;
text-align: center;
background: rgb(50, 130, 200);
color:#fff;
font-size: 1.4rem;
}
body.menu_768-open {
overflow-y: hidden;
}
body.menu_768-open #cover {
display: block;
}
body.menu_768-open #menu_768 {
right: 0;
}
/*---------- （1109以下）モバイルメニュー（ここまで） ----------*/
/*---------- （1109以下）タイトル ----------*/
.tit-area1109{
width: 100%;
background: #fff;
height: 60px;
position:fixed;
top: 0;
left: 0;
}
.tit-area1109 img{
padding: 10px 0 10px 15px ;
width: 400px;
}
/*---------------------------------
フッター     <1109px以下
---------------------------------*/
/*---------- （1109以下）リンク（フッター） ----------*/
.foot-nav{
width: 95%;
padding-top: 30px;
padding-bottom: 30px;
}
.foot-nav1,
.foot-nav2{
  width: 95%;
  margin: 0 auto;
}
.foot-nav1{
 padding:10px 0 0 0;
}
.foot-nav2{
 padding:0 0 20px 0;
}
.foot-nav1 li:last-child{
margin-bottom: 5px;
}
/*---------- （1109以下）リンク（フッター） ----------*/
.foot-nav3{
width: 20%;
}

/*---------- （1109以下）コピー（フッター） ----------*/
.foot-copy{
width: 95%;
}

/*---------------------------------
ヘッダー（TOP）    <1109px以下
---------------------------------*/
.header-area{
  margin-top: 60px;
}
.header-area-img{
  width: 100%;
}

/*---------------------------------
メイン（TOP）    <1109px以下
---------------------------------*/
/*---------- （1109以下）メイン（TOP） ----------*/


/*---------------------------------
他ページ共通(TOP以外)      <1109px以下
---------------------------------*/
/*---------- （1109以下）他ページ共通(TOP以外) メイン   ----------*/
.main-1column{
margin-top: 60px;
}
.main-1column-con{
width: 95%;
margin: 60px auto 0;
}

/*---------- （1109以下）他ページ共通(TOP以外) タイトル   ----------*/
.sp-tit{
padding-top:40px;
padding-bottom: 40px;
}
/*---------------------------------
TOP     <1109px以下
---------------------------------*/
/*---------- （1109以下）メイン（TOP） ----------*/
.top-main-area{
width: 95%;
margin: 50px auto 0px;
}

.top-main-le{
width: 100%;
}
.top-main-rig{
  width: 100%;
}

/*---------- （1109以下）ニュース（TOP） ----------*/
.top-news-table{
width: 100%;
}

/*---------------------------------
アクセス     <1109px以下
---------------------------------*/
/* （1109以下）メールフォームボタン（確認） */
.acc-form-btn-s{
width: 100%;
margin-bottom: 10px;
margin-right: 0px;
}
/* （1109以下）メールフォームボタン（クリア） */
.acc-form-btn-c{
width: 100%;
}

}

/*---------------------------------
768px以下　ここから
---------------------------------*/
@media screen and (max-width: 768px){
/*---------------------------------
共通     <768px以下
---------------------------------*/
/* （768px以下）768以下無  */
.tit-area1109{
display: none;
}
/* （768px以下）768以下あり */
.tit-area768{
display: block;
}
/* （768px以上）768px縦並び */
.top-main-area{
flex-direction: column;
justify-content: center;
}

/*---------- （768px以下）モバイルタイトル ----------*/
.tit-area768{
width: 100%;
background: #fff;
height: 60px;
position:fixed;
top: 0;
left: 0;
}
.tit-area768 img{
padding: 15px 0 15px 15px ;
width: 220px;
}
/*---------- （768px以下）リンク（フッター） ----------*/
.foot-nav3{
width: 60%;
text-align: center;
margin: 0 auto;
}
/*---------- （768以下）モバイルメニュー（ここから） ----------*/
#menu_768 {
right: -100%;
width: 100%;
}
/*---------- （768px以下）テーブルb（共通） ----------*/
.table-b{
font-size: 1.3rem;
line-height: 1.35rem;
}

/*---------- （768px以下）ボタンa（共通）  ----------*/
.botn-a a,
.botn-b a{
width: 100%;
}

/*---------------------------------
メイン（TOP）    <768px以下
---------------------------------*/
/*---------- （768px以下）メイン（TOP） ----------*/
/*---------------------------------
他ページ共通(TOP以外)      <768px以下
---------------------------------*/
/*---------- （<768px以下）他ページ共通(TOP以外) タイトル   ----------*/
.sp-tit{
  font-size: 1.8rem;
}
/*---------------------------------
TOP     <768px以下
---------------------------------*/

.top-main-area{
margin: 30px auto 0;
}

/*---------------------------------
歴代同窓会長      <768px以下
---------------------------------*/
.cha-main-con{
width: 95%;
font-size: 1.3rem;
line-height: 1.35rem;
}
/*---------------------------------
アクセス     <768px以下
---------------------------------*/
.acc-table tbody tr td{
text-align: left;
}


}

/*---------------------------------
1400px以上　ここから
---------------------------------*/
@media screen and (min-width:1400px){

/*---------------------------------
共有     <1400px以上
---------------------------------*/

}

/*---------------------------------
1600px以上　ここから
---------------------------------*/
@media screen and (min-width:1600px){

/*---------------------------------
共有     <1600px以上
---------------------------------*/


/*---------------------------------
TOP     <1600px以上
---------------------------------*/

}


/*---------------------------------
1700px以上　ここから
---------------------------------*/
@media screen and (min-width:1700px){

}
/*---------- （1110以上）display:none;（共通） ----------*/
.dis-non{
display: none;
}