@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;
}
.no-ok768{
display: none;
}
/* （1110以上）1110以上無・1109以下あり */
.triggerBtn{
display: none;
}
/* （1110以上）1110以上無・1109以下あり・768以下無 */
.tit1109{
display: none;
}
/* （1110以上）1110以上無・1109以下無・768以下あり */
.tit768{
display: none;
}

/* （1110px以上）1110px以上flex横並び・1109px以下縦並び */
.thed-con,
.tmenu,
.tmain-con,
.tmain1,
.twar-con,
.fnavi,
.flink,
.fcopy,
.sheader-con,
.shnavi,
.mes-main,
.mem-main-dl,
.sp-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以上）全て横並び */
.flink1{
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: flex-start;
margin-bottom: 20px;
}
/* （1110px以上）1110px以上flex横並び・1109px以下横並び・768px縦並び */
.mem-addcha,
.officer-con-area{
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;
}
/* （1110px以上）1110px以上flex横並び・1109px以下横並び・768px縦並び */
.newco-2column{
  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: #C30D23;
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以上）フッター ----------*/
footer{
background:#bbb;
}
/*---------- （1110以上）メニュー（フッター） ----------*/
.fnavi{
font-size: 1.3rem;
width: 1110px;
margin: 0 auto ;
padding-top: 40px;
padding-bottom: 20px;
}
.fnavi li{
padding-right: 30px;
}
.fnavi li a{
color: #fff;
transition: 0.4s;
}
.fnavi li a:hover{
color: #78000a;
}
/*---------- （1110以上）リンク（フッター） ----------*/
.flink{
width: 1110px;
margin: 0 auto;
padding-bottom: 30px;
}
.flink1{
width: 100%;
}
.flink1 a{
margin-right: 15px;
width: 180px;
height: auto;
}
.flink1 a img{
transition: 0.4s;
width: 100%;
}
.flink1 a:last-child{
margin-right: 0px;
}
.flink1 img:hover{
 opacity : 0.7;
}
/*---------- （1110以上）PAGE TOP（フッター） ----------*/
.flink2{
padding: 4px 10px;
background-color:rgba(0, 0, 0, 1);
margin-top:15px;
margin-right: 0;
margin-bottom: 0;
margin-left: auto;
color:#fff;
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;
}
.flink2:hover{
background-color:#78000a;
}
/*---------- （1110以上）コピー（フッター） ----------*/
.fcopy{
width: 1110px;
margin: 0 auto;
color:#fff;
}
.fcopy1{
text-align: left;
font-size: 1.4rem;
}
.fcopy1 a{
color:#fff;
transition: 0.4s;
}
.fcopy1 a:hover{
color:#78000a;
}
.fcopy2{
text-align: right;
margin-left: auto;
font-size: 1rem;
line-height: 12px;
}
/*---------- （1110以上）モバイルメニュー（非表示） ----------*/
#cover{
display: none;
}
#menu768 {
display: none;
}
/*---------- （1110以上）テキスト設定（共通） ----------*/
.soon-txt{
font-size: 1.6rem;
line-height: 1.6rem;
}
/* （1110以上）役員サブタイトル直下の文字 */
.com-ttl{
font-size: 1.6rem;
line-height: 1.7rem;
color: #000;
margin-bottom: 15px;
}
.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: #C30D23;
}
/* （1110以上）※の文字 */
.note{
font-size: 1.3rem;
color: #C30D23;
padding-top: 5px;
}
.note-link{
text-decoration: underline;
color: #C30D23;
}
/*---------- （1110px以上）小見出し　紺縦（共通）  ----------*/
.subheading-h3{
padding: 0.5rem 1rem;
border-left: 10px solid #9b001b;
font-size: 1.8rem;
line-height: 1.9rem;
color:#9b001b;
margin-bottom: 20px;
font-weight: 800;
}
.subheading-h3-con{
width: 80%;
margin: 0 auto;
}
/*---------- （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 #78000a;
background: #78000a;
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 #C30D23;
text-align:center;
}
.table-a thead tr,
.table-a tbody tr{
vertical-align: middle;
}
.table-a thead tr th{
padding: 10px;
color: #fff;
background: #C30D23;
border-right: solid 1px #C0D9F1;
}
.table-a thead tr th:last-child{
 border-right: solid 1px #C30D23;
}
.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 #C30D23;
text-align:center;
}
.table-b thead tr,
.table-b tbody tr{
vertical-align: middle;
}
.table-b thead tr th{
padding: 10px;
color: #fff;
background: #C30D23;
border-right: solid 1px #e76c7a;
}
.table-b thead tr th:last-child{
border-right: solid 1px #e76c7a;
}
.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 #C30D23;
text-align:center;
}
.table-c thead tr,
.table-c tbody tr{
vertical-align: middle;
}
.table-c thead tr th{
padding: 10px;
color: #fff;
background: #C30D23;
}
.table-c tbody tr td{
padding: 10px 0px;
font-size: 1.4rem;
}

/*---------- （1110以上）テーブルd（共通）  ----------*/
.table-d{
border-collapse: collapse;
width: 100%;
font-size: 1.4rem;
margin-bottom: 30px;
}
.table-d thead tr th,
.table-d tbody tr td {
border: solid 1px #CCD3D3;
text-align:center;
}
.table-d thead tr,
.table-d tbody tr{
vertical-align: middle;
}
.table-d thead tr th{
padding: 10px;
color: #000;
background: #CCD3D3;
}
.table-d tbody tr td{
padding: 7px 0px;
}
/*---------- （1110以上）テーブルe（共通）  ----------*/
.table-e{
border-collapse: collapse;
width: 100%;
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 #C30D23;
text-align:center;
}
.table-renraku thead tr,
.table-renraku tbody tr{
vertical-align: middle;
}
.table-renraku thead tr th{
padding: 10px;
color: #fff;
background: #C30D23;
}
.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（共通）  ----------*/
.dl-a{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 80px;
}
.dl-a dt {
    display: flex;
    align-items: center;
    padding: 32px 0;
    width: 180px;
    font-weight: 700;
    font-size:1.4rem;
    line-height: 1.75;
    border-bottom: 1px solid #1e366a;
}
.dl-a dt:first-of-type{
    border-top: 1px solid #1e366a;
}
.dl-a dd {
    display: flex;
    align-items: center;
    padding: 32px 0;
    width: calc(100% - 180px);
    line-height: 1.75;
    font-size:1.6rem;
    border-bottom: 1px solid #CCD3D3;
}
.dl-a dd:first-of-type{
    border-top: 1px solid #CCD3D3;
}
/*---------- （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 #78000a;
background: #78000a;
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;
}
/*---------- （1110以上）ヘッダー（TOP） ----------*/
.thead{
width: 100%;
height: 55vw;
min-height: 600px;
background-image: url("../img/kou.jpg");
background-position:top center;
background-repeat: no-repeat;
background-size:cover;
position:relative;
}
.thed-con{
width: 1110px;
margin: 0 auto;
padding-top: 40px;
}
.memship-btn{
box-sizing: border-box;
text-align: center;
border-radius: 40px;
background: #C30D23;
color: #fff;
display:block;
position: absolute;
top:160px;
left: calc(50% - 555px);
font-size: 1.6rem;
padding: 13px 50px;
transition: 0.4s;
}
.memship-btn:hover{
background: #e76c7a;
}
/*---------- （1110以上）タイトル（TOP） ----------*/
.ttit1{
width: 700px;
height: 100px;
text-align: center;
background-image: url(../img/tit-back.gif);
background-repeat:repeat;
mix-blend-mode: multiply;
position: absolute;
top:40px;
left: calc(50% - 555px);
}
.ttit2{
width: 700px;
height: 100px;
text-align: center;
background-image: url(../img/t-title2.png);
background-size:650px auto;
background-repeat:no-repeat;
background-position: center;
position: absolute;
top:40px;
left: calc(50% - 555px);
}
.thed1 img{
width: 640px;
padding: 30px 30px;
}
/*---------- （1110以上）サブメニュー（TOP） ----------*/
.thed2{
margin-left: auto;
}
.subnavi{
display: inline-block;
margin-left: auto;
}
.subnavi li{
display: inline-block;
color: #78000a;
font-size: 1.6rem;
text-align: right;
vertical-align: baseline;
cursor: pointer;
}
.subnavi li:last-child{
margin-left: 22px;
}
.sb-arow{
padding-left:22px;
background: url(../img/sm-arow.png) left center/14px auto no-repeat;
}
.sb-arow a{
position: relative;
display: inline-block;
text-decoration: none;
color:#78000a;
}
.sb-arow a::after {
position: absolute;
bottom: -10px;
left: 0;
content: '';
width: 100%;
height: 2px;
background: #78000a;
transform: scale(0, 1);
transform-origin: right top;
transition: transform .3s;
}
.sb-arow a:hover::after{
transform-origin: left top;
transform: scale(1, 1);
}
/*---------- （1110以上）メニュー ----------*/
.tmenu{
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
width: 1110px;
}
.tmenu li{
margin-right: 3px;
text-align: center;
transition: .4s;
color:#fff;
}
.tmenu li:last-child{
margin-right: 0px;
}
.tmenu li a{
display: block;
width: 182px;
padding: 13px 0;
background-color:#9a001b;
color:#fff;
transition: .4s;
font-size: 1.6rem;
}
.tmenu li .tmenu-a{
display: block;
width: 182px;
padding: 13px 0;
background-color:#9a001b;
color:#fff;
transition: .4s;
font-size: 1.3rem;
}
.tmenu li a:hover,.tmenu li .tmenu-a:hover{
background-color: #fff;
color: #333;
}
/*---------- （1110以上）メイン（TOP） ----------*/
.tmain-con{
width: 1110px;
margin: 50px auto 0;
}

/*---------- （1110以上）ニュース（TOP） ----------*/
.tmain1{
width: 540px;
}
.twntit{
width: 70px;
height: 70px;
box-sizing: border-box;
}
.twntit img{
width: 100%;
border-radius: 50%;
}
.twn{
width: 460px;
margin-left: 10px;
box-sizing: border-box;
font-size: 1.5rem;
border-top: 1px dashed #aaa;
border-collapse:collapse;
}
.twn tbody tr td{
border-bottom: 1px dashed #aaa;
line-height:2rem;
letter-spacing: 0.01rem;
display: table-cell;
}
.twn tbody tr td a{
padding: 10px 10px;
display: block;
box-sizing: border-box;
transition: 0.4s;
}
.twn tbody tr td a:hover{
background: #eee;
}
.twn tbody tr td a time{
display:block;
font-weight: 700;
font-size: 1.4rem;
}
/* （1110以上）TOPニュースMOREボタン */
.twn-more{
margin: 18px 0 0 auto;
text-align: right;
}
.twn-more a{
padding: 5px 20px;
border-radius: 14px;
background-color:rgba(0, 0, 0, 1);
color:#fff;
text-align: center;
box-sizing: border-box;
width: 100px;
font-size: 1.2rem;
cursor: pointer;
cursor: hand;
transition: 0.4s;
}
.twn-more a:hover{
background-color: #78000a;
}
/*---------- （1110以上）画像（TOP） ----------*/
.tmain2{
width: 540px;
margin-left: 30px;
box-sizing: border-box;
}
.tmain2 img{
width: 540px;
}
/*---------- （1110以上）ご注意（TOP） ----------*/
.twar-con{
border:2px solid rgba(230, 0, 18, 1);
width: 1110px;
margin: 50px auto 50px;
box-sizing: border-box;
}
.twartit{
background-color:rgba(230, 0, 18, 1);
color: #fff;
padding-top: 65px;
padding-bottom: 65px;
width: 70px;
text-align: center;
box-sizing: border-box;
font-size: 1.4rem;
line-height: 1.4rem;
}
.war{
padding: 18px;
font-size: 1.3rem;
width: 1026px;
box-sizing: border-box;
line-height: 1.4rem;
}
/*---------- （1110以上）Newアイコン（TOP）  ----------*/
.new-icon-home{
font-size: 10px;
color:#fff;
background: #C30D23;
border-radius: 10px;
display: inline-block;
padding: 3px 10px;
margin-left: 5px;
position: absolute;
bottom: 34px;
--widthA: calc(100% - 1110px);
--widthB: calc(var(--widthA) / 2);
--widthC: calc(var(--widthB) + 20px);
right:var(--widthC);
}
.new-icon-home2{
font-size: 10px;
color:#fff;
background: #C30D23;
border-radius: 10px;
display: inline-block;
padding: 3px 10px;
margin-left: 5px;
position: absolute;
bottom: 34px;
--widthA: calc(100% - 1110px);
--widthB: calc(var(--widthA) / 2);
--widthC: calc(var(--widthB) + 20px);
--widthD: calc(var(--widthC) + 182px);
right:var(--widthD);
}
.new-icon-home3{
font-size: 10px;
color:#fff;
background: #C30D23;
border-radius: 10px;
display: inline-block;
padding: 3px 10px;
margin-left: 5px;
position: absolute;
bottom: 34px;
--widthA: calc(100% - 1110px);
--widthB: calc(var(--widthA) / 2);
--widthC: calc(var(--widthB) + 20px);
--widthD: calc(var(--widthC) + 546px);
right:var(--widthD);
}
/*---------------------------------
他ページ共通(TOP以外)      <1110以上
---------------------------------*/
/*---------- （1110以上）ヘッダー（TOP以外） ----------*/
.shead{
position:relative;
}
.shead-con{
width: 100%;
background: #C30D23;
}
.sheader-con{
width: 1110px;
margin: 0 auto 0;
justify-content: space-between;
padding: 20px 0 20px;
}
.shed1{
text-align: left;
}
.shed1 img{
width: 500px;
}
.shed2{
text-align: right;
margin-top: auto;
}
/* （1110以上）サブメニュー(TOP以外) */
.shsubmenu li{
display: inline-block;
font-size: 14px;
line-height: 14px;
vertical-align: bottom;
margin-right: 10px;
cursor: pointer;
cursor: hand;
}
.shsubmenu li:last-child{
margin-right: 0px;
}
/* （1110以上）メニュー(TOP以外) */
.shnavi{
width: 1110px;
margin: 0 auto;
padding-bottom: 15px;
}
.shnavi li {
margin-right: 3px;
text-align: center;
transition: .4s;
color:#fff;
background:  #78000a;
padding-top: 7px;
padding-bottom: 7px;
}
.shnavi li:last-child{
margin-right: 0px;
}
.shnavi li:hover{
background:  rgba(255, 255, 255, 0.5);
}
.shnavi li a{
display: block;
width: 182px;
color:#fff;
font-size:1.5rem;
}
.shnavi li .shnavi-a{
  display: block;
  width: 182px;
  color:#fff;
  font-size:1.2rem;
}
.sh-sb-arow{
padding-left:20px;
background: url(../img/sm-arow-w.png) left center/14px auto no-repeat;
color:#fff;
transition: .4s;
}
.sh-sb-arow a{
display: inline-block;
text-decoration: none;
color:#fff;
transition: 0.4s;
font-size: 1.3rem;
}
.sh-sb-arow a:hover{
color:#78000a;
}
/*---------- （1110以上）ヘッダー ----------*/
/*---------- （1110以上）メイン背景３カラム ----------*/
.sp-main{
width: 100%;
}
.sp-main-con-lef{
width: calc( (100% - 1110px) / 2 + 210px);
background-color:#fff;
background-image: url("../img/img.jpg");
background-position:top right;
background-repeat: no-repeat;
background-size:contain;
}
.sp-main-con-cen{
width: 900px;
}
.sp-main-con-rig{
width: calc((100% - 1110px) / 2);
background-color:#fff;
}
/* （1110以上）他ページサブタイトル */
.sp-tit{
color:#78000a;
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以上）文章中のタイトル ３カラム ----------*/
.sp-subtit-3c{
width: 100%;
text-align: center;
font-size: 2.0rem;
line-height: 2.4rem;
font-family: serif;
background: #eee;
padding: 10px;
box-sizing: border-box;
margin: 0 auto 23px;
}
.sp-subtit-3c2{
width: 100%;
text-align: center;
font-size: 2.0rem;
line-height: 2.4rem;
font-family: serif;
background: #eee;
padding: 10px;
box-sizing: border-box;
margin: 60px auto 23px;
}
.sp-subtit-1c{
width: 100%;
text-align: center;
font-size: 2.0rem;
line-height: 2.4rem;
font-family: serif;
background: #eee;
padding: 10px;
box-sizing: border-box;
margin: 0 auto 23px;
}
/*---------------------------------
会長挨拶      <1110以上
---------------------------------*/
.mes{
background-image: url("../img/mes-back.jpg");
background-size:cover;
background-position: bottom;
padding-bottom: 300px;
}
.mes-main-con{
width: 100%;
}
.mes-main{
width: 800px;
margin: 0 auto;
}

.mes-main-box{
width: 800px;
margin: 0 auto;
}
.mes-main1{
margin-right: 30px;
box-sizing: border-box;
}
.mes-main1 img{
width: 140px;
}
.mes-main1 h5{
text-align: center;
font-size: 1.8rem;
font-weight: 500;
font-family: serif;
padding-top:8px;
}

.mes-main1-imgarea{
 float:left;
margin-right: 30px;
margin-bottom: 30px;
box-sizing: border-box;
}
.mes-main1-imgarea img{
width: 140px;
}
.mes-main1-imgarea h5{
text-align: center;
font-size: 1.8rem;
font-weight: 500;
font-family: serif;
padding-top:8px;
}

.mes-main2{
font-size: 15px;
line-height: 29px;
}
/* （1110以上）文章中のタイトル 会長挨拶 */
.mes-sp-subtit{
width: 630px;
text-align: center;
font-size: 1.8rem;
font-family: serif;
background: #eee;
padding: 3px;
margin-bottom: 23px;
box-sizing: border-box;
}
.mes-main2 p{
font-family: serif;
width: 630px;
}
.mes-main2 .maintxt{
font-family: serif;
width: 100%;
}
.mes-main-day{
display: block;
text-align: right;
font-size: 15px;
font-family: serif;
font-weight: 400;
padding-top: 12px;
}
.mes-main-day1{
display: block;
text-align: right;
font-size: 15px;
font-family: serif;
font-weight: 400;
}
.mem-addcha a{
display: block;
width: calc( 100% - 20px );
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;
}
.mem-addcha a:last-child{
margin-left: 20px;
}
.mem-addcha a:hover{
border: 2px solid #9b001b;
background: #9b001b;
color:#fff;
}
.pdf-icon::before{
content:"";
display:inline-block;
width:37px;
height:32px;
background:url(../img/pdficon.png) no-repeat;
background-size:contain;
padding-right: 5px;
vertical-align:middle;
}
.excel-icon::before{
content:"";
display:inline-block;
width:37px;
height:32px;
background:url(../img/excelicon.png) no-repeat;
background-size:contain;
padding-right: 5px;
vertical-align:middle;
}
.word-icon::before{
content:"";
display:inline-block;
width:37px;
height:32px;
background:url(../img/wordicon.png) no-repeat;
background-size:contain;
padding-right: 5px;
vertical-align:middle;
}
/*---------------------------------
同窓会の歴史      <1110以上
---------------------------------*/
.his-backcolor{
background-color: #fff6d5;
}
.his-main-con{
width: 90%;
margin: 0 auto 50px;
font-size: 13px;
line-height: 21.4px;
font-weight: 800;
}
.his-dl{
display:flex;
flex-wrap: wrap;
}
.his-dl dt{
text-align: right;
font-weight: inherit;
width: calc(15% - 10px);
text-align: right;
margin-right: 10px;
}
.his-dl dd{
text-align: left;
font-weight: inherit;
width: 85%;
}
/*---------------------------------
総会・支部長会議      <1110以上
---------------------------------*/
.meet-main-con{
width: 90%;
margin: 0 auto 500px;
font-size: 13px;
line-height: 21.4px;
}
/*---------------------------------
役員・部会・委員会      <1110以上
---------------------------------*/
.offi-main-con{
width: 90%;
margin: 0 auto 50px;
font-size: 13px;
line-height: 21.4px;
}
.officer-subtit-h3{
font-size: 2.0rem;
font-weight: 500;
margin-bottom: 60px;
text-align: center;
line-height: 2.0rem;
}
.officer-h3{
font-size:1.8rem ;
color:#9b001b;
margin-bottom: 20px;
font-weight: 600;
text-align: center;
padding-top: 60px;
}
.officer-h4{
font-size:1.6rem ;
color:#9b001b;
margin-bottom: 20px;
}
.officer-con1{
width: calc( ( 100% - 15px ) / 2 );
box-sizing: border-box;
}
.officer-con2{
box-sizing: border-box;
margin-left: 30px;
width: calc( ( 100% - 30px ) / 2 );
}

/*---------------------------------
会員のご案内      <1110以上
---------------------------------*/
.mem-main-con{
width: 90%;
margin: 0 auto 50px;
font-size: 1.6rem;
line-height: 21.4px;
}
.mem-main1{
font-size: 1.6rem;
line-height: 1.7rem;
}
.mem-main-li{
list-style-type: disc;
color: #9b001b;
border-top: solid #9b001b 1px;/*上のボーダー*/
border-bottom: solid #9b001b 1px;/*下のボーダー*/
padding: 0.5em 0 0.5em 1.5em;
margin-bottom: 30px;
}
.mem-main-li li{
line-height: 1.5;
padding: 0.5em 0;
}
.mem-main-dl{
width: 100%;
font-size: 1.6rem;
line-height: 1.6rem;
}
.mem-main-dl dd,.mem-main-dl dt{
vertical-align: top;
padding-top: 5px;
padding-bottom: 5px;
box-sizing: border-box;
}
.mem-main-dl dt{
width: 100px;
}
.mem-main-dl dd{
padding-left: 10px;
width: calc(100% - 100px);
}
.note2{
font-size: 1.6rem;
}
.note2 li{
padding: 2px 0;
}
.note2 li p{
font-size: 1.2rem;
color:#000;
}
.note3{
font-size: 1.2rem;
color:#777;
text-indent: -1em;
padding-left: 1em;
}
.note4{
text-indent: -1em;
padding-left: 1em;
}
.licon-dl{
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items:stretch;
flex-basis: auto;
align-self: auto;
}
.licon-dl dt{
width:initial!important;
padding: 0;
}
.licon-dl dd{
padding: 0;
padding-left: 0!important;
width:initial!important;
}
.mem-submenu{
width: 100%;
border: 2px solid #9b001b;
padding: 15px 10px 0 10px;
box-sizing: border-box;
margin-bottom: 20px;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.mem-submenu a{
  /* display: inline-block; */
  font-size: 1.6rem;
  margin-right: 25px;
  margin-bottom: 15px;
  text-align: center;
  border-bottom: 1px solid #333;
}
.mem-submenu a:nth-of-type(3){
  margin-right: 0px;
}
/*---------- （1110以上）リスト　夜間（時間外）・休日・病児保育への保育料補助制度（会員へのご案内） ----------*/


/*---------------------------------
同窓会新聞      <1110以上
---------------------------------*/
.adv-main-con{
width: 90%;
margin: 0 auto 50px;
font-size: 13px;
line-height: 21.4px;
}
/*---------- （1110以上）Newアイコン2（同窓会新聞） ----------*/
.new-icon2{
font-size: 10px;
color:#fff;
background: #C30D23;
border-radius: 10px;
display: inline-block;
padding: 5px 10px;
margin-left: 10px;
}
/*---------- （1110以上）新聞エリア（同窓会新聞） ----------*/
.newspaper-area{
width: 80%;
margin: 0 auto;
}
.newspaper-area a img{
width: 100%;
border: 1px #eee solid;
transition: 0.4s;
}
.newspaper-area a img:hover{
border: 1px #78000a solid;
}
.newsp-note{
font-size: 14px;
}
/*---------------------------------
アクセス・サイトマップ・お知らせ一覧・お知らせ・個人情報保護      <1110以上
---------------------------------*/
.main-1c-con{
width: 100%;
}
/*---------------------------------
アクセス      <1110以上
---------------------------------*/
.acc-area{
width: 1110px;
margin: 0px auto 50px;
font-size: 1.6rem;
}
/*---------- （1110以上）アクセス（タイトルと画像） ----------*/
.acc-area-imgcon{
text-align: center;
margin-bottom: 50px;
}
.seimon{
width: 700px;
}
.acc-area-imgcon p{
margin-top: 10px;
font-size: 1.8rem;
line-height: 1.8rem;
}
/*---------- （1110以上）アクセスマップ（タイトルと画像） ----------*/
.p-map-google{
margin-bottom: 50px;
}
.p-map-google iframe {
height: 500px;
display: block;
margin-bottom: 20px;
}
.p-map-google p{
margin: 5px auto 0;
font-size: 1.6rem;
line-height: 2rem;
}

.acc-link-b{
  border-bottom: 1px solid #78000a;
  color:#78000a;
}
/*---------- （1110以上）連絡先（お問合せフォーム） ----------*/
/* （1110以上）必須 */
.require {
font-style: normal;
padding: 3px 5px;
color: #fafafa;
font-size: 9px;
letter-spacing: 1px;
margin: 0 0 0 5px;
line-height: 9px;
border-radius: 2px;
zoom: normal;
background: #c9171e;
}
.formwrap p{
margin: 20px auto;
}
/* （1110以上）お問い合わせ */
.acc-form{
max-width: 80%;
margin: 0 auto;
}
.formTable{
margin-bottom: 20px;
width: 100%;
margin: 0 auto 20px;
border-collapse: collapse;
border-spacing: 0;
}
.formTable td, .formTable th {
padding: 10px 0;
vertical-align: top;
border: 0;
text-align: left;
color: #111;
font-size: 1.6rem;
}
.formTable td{
width: 70%;
}
.formTable input, .formTable textarea {
padding: 10px 15px;
font-size: 1.6rem;
box-sizing: border-box;
width: 100%;
}
.formTable textarea{
height: 160px;
}
/*---------------------------------
サイトマップ      <1110以上
---------------------------------*/
.sitem-area{
width: 1110px;
margin: 0px auto 50px;
font-size: 1.4rem;
}
.sitem-li-con{
width: 80%;
margin: 0 auto;
font-size: 1.8rem;
}
.sitem-li-con ul {
border-bottom: 1px dashed #bbb;
}
.sitem-li{
border-top: 1px dashed #bbb;
text-align: center;
}
.sitem-li-box{
padding: 15px 30px;
position: relative;
-webkit-transition: all .3s ease;
transition: all .3s ease;
display: flex;
font-size: 1.5rem;
line-height: 180%;
vertical-align: baseline;
}
.sitem-li-box:hover{
background: #eee;
}
/*---------- （1110以上）矢印（サイトマップ） ----------*/
.sitem-li-box::before {
font-family: "Font Awesome 5 Free";
content: "\f061";
font-weight: 900;
right: 30px;
color: #9b001b;
position: absolute;
}
/*---------------------------------
お知らせ一覧     <1110以上
---------------------------------*/
.news-area{
width: 1110px;
margin: 50px auto;
}
.news_table{
border-top: 1px dashed #bbb;
width: 100%;
border-spacing: 0px;
}
.news_table td{
border-bottom: 1px dashed #bbb;
display: table-cell;
box-sizing: border-box;
transition: 0.4s;
}
.news_box{
padding: 15px 40px;
position: relative;
-webkit-transition: all .3s ease;
transition: all .3s ease;
display: flex;
font-size: 1.5rem;
line-height: 180%;
vertical-align: baseline;
}
.news_table td:hover{
background: #eee;
}
.news_box::before {
font-family: "Font Awesome 5 Free";
content: "\f061";
font-weight: 900;
right: 30px;
color: #9b001b;
position: absolute;
}
.news_box time {
margin-right: 50px;
}
.cat {
display: block;
padding: 0px 20px;
color: #fff;
background: #383838;
border-radius: 5px;
margin-right: 30px;
width: 60px;
height: 27px;
}
/* .news_box .title {
position: relative;
} */
/*---------------------------------
お知らせ     <1110以上
---------------------------------*/
.newco-area{
width: 1110px;
margin: 50px auto 50px;
font-size: 1.6rem;
}
/*---------- （1110以上）パンくず（お知らせ） ----------*/
.news-bread-con{
margin: 0 auto 0;
width: 100%;
background: #eee;
}
.news-bread{
width: 1110px;
margin: 0 auto 0;
padding: 10px 0;
font-size: 1.6rem;
line-height: 1.8rem;
display: block;
box-sizing: border-box;
}
.news-bread a{
color:#78000a;
}
.newco-con{
width: 80%;
margin: 0 auto;
}
/*---------- （1110以上）タグ（お知らせ） ----------*/
.newco-cat{
display: inline-block;
padding: 0 20px;
color: #fff;
background: #383838;
border-radius: 5px;
font-size: 1.5rem;
line-height: 180%;
margin-left: 20px;
}
/*---------- （1110以上）記事タイトル（お知らせ） ----------*/
.newco-tit{
padding: 20px 0;
border-bottom: 1px solid #bbb;
box-sizing: border-box;
font-size: 2.4rem;
line-height: 2.6rem;
}
/*---------- （1110以上）記事本文（お知らせ） ----------*/
.newco-body{
margin-top: 50px;
line-height: 2.4rem;
}
.newco-body-cen{
text-align: center;
}
.newco-body-rig,.newco-body-rig2{
text-align: right;
}
.newco-body-tab60{
margin: 0 auto;
width: 60%;
}
.newco-body-tab80{
margin: 0 auto;
width: 80%;
}
.newco-body-tab80-note{
margin: 0 auto;
width: 80%;
}
.newco-body-tab100,
.newco-body-tab100-2{
margin: 0 auto;
width: 100%;
}
.newco-body-tab100-trun20px{
  margin: 0 auto;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0px 20px;
}
.newco-body-tab60 tbody tr td,
.newco-body-tab80 tbody tr td,
.newco-body-tab100 tbody tr td,
.newco-body-tab100-2 tbody tr td,
.newco-body-tab100-3 tbody tr td,
.newco-body-tab100-trun20px tbody tr td{
vertical-align: top;
}
.newco-body-fb{
font-weight: 800;
font-size: 1.8rem;
line-height: 2rem;
}
.wi60px1110-768{
width: 60px;
}
.wi80px{
width: 80px;
}
.wi100px{
width: 100px;
}
.wi120px{
width: 120px;
}
.wi140px{
width: 140px;
}
.wi160px{
width: 160px;
}
.wi100p{
width: 100%;
}
.wi160px{
width: 160px;
}
/*---------- （1110以上）急募（お知らせ） ----------*/
.news-kyubo{
  width: 50%;
  font-size: 3rem;
  line-height: 3rem;
  font-family: serif;
  color: #C30D23;
  padding: 20px;
  background-color:#fff;
  margin: 50px auto 0;
  text-align: center;
  border: 3px solid #C30D23;
  border-radius: 5px;
  box-sizing: border-box;
}
/*---------- ここから（1110以上）2022.01.17-3候補者届テーブル（お知らせ） ----------*/
.newtbl1 {
  margin:auto;
  width: 100%;
  table-layout: fixed;
 border-spacing: 0;
}
.newtbl1 .newthead th{
  padding: 20px 0;
  background: #78000a;
  color: #fff;
  font-size: 1.6rem;
}
.newtbl1 tr td{
  border: 5px;
  padding: 20px;
  box-sizing: border-box;
  text-align: center;
  border-bottom: solid 2px #ddd;
font-size: 1.4rem;
transition: 0.2s;
}
.newtbl1 tr td:hover{
  background: rgba(222,236, 246, 1);
  transition: 0.2s;
}
.newtbl1 tr td a{
  width: 100%;
}
.newtbl1 td:first-child,
.newtbl1 td:first-child:hover{
  border-bottom: solid 2px #78000a;
  background: #fff;
}
.newtbl1 tr td a img{
  width: 50px;
  margin: auto;
  display: block;
}
.newtbl1-noimg:hover{
background:#fff!important;
}
/*---------- ここまで（1110以上）2022.01.17-3候補者届テーブル（お知らせ） ----------*/
/*---------- （1110以上）20220216ホテルニューオータニ画像（お知らせ） ----------*/
.hotel20220216{
margin: auto;
}
.hotel20220216 img{
  border: 1px #333 solid;
  box-sizing: border-box;
}
/*---------- （1110以上）画像幅50％-1109px以下80％（お知らせ） ----------*/
.newimg-wi50p-1109wi80p{
  width: 50%;
  margin: auto;
}
/*---------- （1110以上）画像幅50％-1109px以下80％（お知らせ） ----------*/
.newimg-wi100p{
  width: 100%;
}
/*---------- （1110以上）画像幅30％-1109px以下50％（お知らせ） ----------*/
.newimg-wi20p-1109wi40p{
  width: 20%;
  margin: auto;
}
/*---------- （1110以上）記事本文　写真と文章　2カラム（お知らせ） ----------*/
.newco-2column-photo{
  width: 30%;
  margin: 0 5% 0 0;
  text-align: center;
}
.newco-2column-photo img{
  width: 100%;
}
.newco-2column-text{
width: 65%;
}
/*---------- （1110以上）記事本文　写真　2カラム（お知らせ） ----------*/
.newco-2column2{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  justify-content: space-between;
  }
.newco-2column-photo2 {
    display: block;
    width: calc(50% - 10px);
    box-sizing: border-box;
    text-align: left;
    font-size: 1.6rem;
}
.newco-2column-photo2 img{
  width: 100%;
}
/*---------------------------------
個人情報保護      <1110以上
---------------------------------*/
.priv-area{
width: 1110px;
margin: 50px auto 50px;
font-size: 1.6rem;
line-height:2rem;
}
.priv-body{
width: 90%;
margin: 0 auto 50px;
}
/*---------------------------------
お問い合わせサンクスページ     <1110以上
---------------------------------*/
.thank-area{
width: 1110px;
margin: 50px auto 50px;
font-size: 1.4rem;
}
.thank-con{
width:100%;
text-align: center;
margin:0 auto 200px;
font-size:1.6rem;
line-height: 1.8rem;
height: 200px;
}
.thank-con2{
width:100%;
text-align: center;
margin:0 auto 200px;
font-size:1.6rem;
line-height: 1.8rem;
height: 500px;
}
.thank-btn{
background: #78000a;
border: 0;
padding: 20px 0;
color:#fff;
margin: 0 auto;
text-align: center;
display: block;
width: 300px;
}
/*---------------------------------
1109px以下　ここから
---------------------------------*/
@media screen and (max-width: 1109px){
/* （1109以下）1110以上あり・1109以下無 */
.sheader-con,
.shnavi,
.fnavi,
.thed-con,
.memship-btn,
.ttit1,
.ttit2,
.tmenu,
.no1109{
display: none;
}
/* （1109以下）1110px以上flex横並び・1109px以下縦並び */
.thed-con,
.tmenu,
.tmain-con,
.tmain1,
.twar-con,
.fnavi,
.flink,
.fcopy,
.sheader-con,
.shnavi,
.mes-main,
.mem-main-dl{
flex-direction: column;
}
/* （1109以下）1110以上無・1109以下あり */
.triggerBtn{
display: block;
}
/* （1109以下）1110以上無・1109以下あり・768以下無 */
.tit1109{
display: block;
}

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

.thead{
background-image: url("../img/kou-m.jpg");
height:calc(70vh - 60px);
background-position:center center;
margin-top: 60px;
min-height: 500px;
}
.news_box .title{
position: relative;
}
/*---------- （1109以下）モバイルヘッダー高 ----------*/
.mes{
padding-top: 60px;
}
/*---------- （1109以下）モバイルサブタイトル　マージン高 ----------*/
.sp-tit{
padding-top:40px;
padding-bottom: 40px;
}
/*---------- （1109以下）モバイルメニュー（ハンバーガーアイコン） ----------*/
.triggerBtn {
width: 60px;

height: 60px;
display: block;
position: fixed;
top: 0;
right: 0;
z-index: 10;
background: none;
}
#menuTrigger{
position: absolute;
top: 0;
left: 0;
width: 60px;
height: 60px;
background-color: #C30D23;
text-align: center;
}
#menuTrigger,#menuTrigger span{
display: inline-block;
box-sizing: border-box;
transition: all .4s;
}
#menuTrigger span{
width: 20px;
height: 2px;
position: absolute;
border-radius: 4px;
background-color: #FFFFFF;
left: 18px;
}
#menuTrigger span:nth-of-type(1){
top: 20px;
}
#menuTrigger span:nth-of-type(2){
top: 25px;
}
#menuTrigger span:nth-of-type(3){
top: 30px;
}
#menuTrigger p {
position: absolute;
bottom: 5px;
left: 0;
text-align: center;
font-size: 11px;
font-weight: bold;
color: #FFF;
right: 0px;
}
#menuTrigger.active span:nth-of-type(1) {
-webkit-transform: translateY(2px) rotate(-45deg);
transform: translateY(2px) rotate(-45deg);
}
#menuTrigger.active span:nth-of-type(2) {
opacity: 0;
}
#menuTrigger.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;
}
#menu768 {
position: fixed;
top: 0;
right: -400px;
width: 400px;
background: #fff;
padding: 0px;
box-sizing: border-box;
min-height: 100%;
transition: .4s;
display: block;
color:#78000a;
overflow-y: scroll;
background: #fff;
}
.menu-mob-tit{
line-height: 60px;
color: #78000a;
background: #f5f5f5;
padding: 0px 0px 0px 30px;
font-size: 14px;
font-weight: bold;
}
.menu768ul{
padding-top:20px;
padding-bottom: 15px;
box-sizing: border-box;
background: #fff;
}
.menu768ul li a{
padding: 15px 10px 15px 30px;
display: block;
color: #78000a;
text-decoration: none;
background: #FFF;
font-size: 1.4rem;
line-height: 1.4rem;
background: #fff;
}
.menu768ul 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-mob-botm{
width: 100%;
height: calc( 100vh - 396px );
}
.menu-mob-clo{
margin: 0 20px 20px;
padding: 10px;
text-align: center;
background: #78000a;
color:#fff;
font-size: 1.4rem;
}
body.menu768-open {
overflow-y: hidden;
}
body.menu768-open #cover {
display: block;
}
body.menu768-open #menu768 {
right: 0;
}
/*---------- （1109以下）モバイルメニュー（ここまで） ----------*/
/*---------- （1109以下）タイトル ----------*/
.tit1109{
width: 100%;
background: #fff;
height: 60px;
position:fixed;
top: 0;
left: 0;
}
.tit1109 img{
padding: 10px 0 10px 15px ;
width: 490px;
}
/*---------- （1109以下）リンク（フッター） ----------*/
.flink{
width: 95%;
padding-top: 30px;
padding-bottom: 30px;
}
.flink1 a{
width: calc( ( 100% - 45px ) / 5 );
}
/*---------- （1109以下）コピー（フッター） ----------*/
.fcopy{
width: 95%;
}
.fcopy1{
text-align: center;
margin-bottom: 8px;
}
.fcopy2{
text-align: center;
width: 100%;
}
/*---------------------------------
他ページ共通(TOP以外)      <1109px以下
---------------------------------*/
/*---------- （1109以上）メイン背景３カラム ----------*/
.sp-main{
width: 95%;
margin: 60px auto 0;
}
.sp-main-con-lef{
width: 0;
background-image: initial;
}
.sp-main-con-cen{
width: 100%;
}
.sp-main-con-rig{
width: 0;
}
/*---------------------------------
TOP     <1109px以下
---------------------------------*/
/*---------- （1109以下）メイン（TOP） ----------*/
.tmain-con{
width: 100%;
margin: 50px auto 0;
}
/*---------- （1109以下）ニュース（TOP） ----------*/
.tmain1{
width: 95%;
margin: 0 auto;
}
.twntit{
margin: 0 auto;
}
.twn{
width: 100%;
margin-left: 0px;
padding-top: 0px;
margin-top: 20px;
}
/*---------- （1109以下）画像（TOP） ----------*/
.tmain2{
margin-top: 50px;
width: 100%;
margin-left: 0px;
}
.tmain2 img{
width: 100%;
}
/*---------- （1109以下）ご注意（TOP） ----------*/
.twar-con{
width: 95%;
}
.twartit{
padding-top: 5px;
padding-bottom: 5px;
width: 100%;
font-size: 14px;
}
.war{
padding: 10px;
font-size: 12px;
width: 100%;
line-height: 14px;
}
.new-icon-home,.new-icon-home2,.new-icon-home3{
display: none;
}
/*---------------------------------
会長挨拶     <1109px以下
---------------------------------*/
.mes{
background-image: url("../img/mes-back-mobi.jpg");
background-size:cover;
background-repeat: no-repeat;
padding-bottom: 180px;
background-color: #fcfafb;
width: 100%;
}
.mes-main-con{
width: 95%;
margin: 0 auto;
}
.mes-main{
width:90%;
text-align: center;
}

.mes-main-box{
width:90%;
text-align: center;
}

.mes-main1{
margin: 0 auto;
}
.mes-main1 h5{
padding-bottom: 30px;
}

.mes-main1-imgarea{
margin: 0 auto;
float: none;
text-align: center;
}
.mes-main1-imgarea img{
  margin: auto;
}

.mes-main2{
font-size: 14px;
line-height: 2;
}
.mes-main2{
text-align: left;
}
/* （1109以下）文章中のタイトル */
.mes-sp-subtit{
width: 100%;
margin-bottom: 23px;
box-sizing: border-box;
}
.mes-main2 p{
width: 100%;
}
.mes-main2 .maintxt{
width: 100%;
}
/*---------------------------------
同窓会の歴史     <1109px以下
---------------------------------*/

/*---------------------------------
総会・支部長会議     <1109px以下
---------------------------------*/

/*---------------------------------
役員・部会・委員会     <1109px以下
---------------------------------*/

/*---------------------------------
会員のご案内     <1109px以下
---------------------------------*/
.mem-main-dl dt{
width: 100%;
}
.mem-main-dl dd{
padding-left: 20px;
width: 100%;
}
.mem-main-dl dt span{
background-color: #eee;
padding: 5px 8px;
display: block;
text-align: left;
}
.mem-main-con{
width: 95%;
}
.mem-submenu a{
  font-size: 1.4rem;
}
.mem-submenu a:nth-of-type(3){
  margin-right: 25px;
}
/*---------------------------------
同窓会新聞     <1109px以下
---------------------------------*/
/*---------------------------------
アクセス・サイトマップ・お知らせ一覧・お知らせ     <1109px以下
---------------------------------*/
.main-1c{
margin-top: 60px;
}
.main-1c-con{
width: 95%;
margin: 60px auto 0;
}
/*---------------------------------
アクセス     <1109px以下
---------------------------------*/
.acc-area{
width: 95%;
}
.seimon{
width: 80%;
}
/*---------- （1109以下）連絡先（お問合せフォーム） ----------*/
.acc-form{
max-width: 100%;
}
.formTable td, .formTable th {
display: block;
}
.formTable td{
width: 100%;
}
.formTable input, .formTable textarea {
width: 100%;
}

/*---------------------------------
サイトマップ     <1109px以下
---------------------------------*/
.sitem-area{
width: 95%;
}

/*---------------------------------
お知らせ一覧     <1109px以下
---------------------------------*/
.news-area{
width: 100%;
}
.news_box{
display: block;
padding: 15px 20px;
}
.news_box time {
margin-right: 20px;
}
.news_box .title{
display: block;
padding-top: 10px;
line-height: 1.6rem;
/* position: relative; */
}
.cat {
display: inline-block;
}
.news_box::before {
content: "";
}
/*---------------------------------
お知らせ     <1109px以下
---------------------------------*/
.newco-area{
width: 95%;
}
.news-bread-con{
width: 100%;
}
.news-bread{
width: 100%;
padding: 10px 10px;
}
.newco-con{
width: 100%;
}
/*---------- （1109px以下）画像幅50％-1109px以下80％（お知らせ） ----------*/
.newimg-wi50p-1109wi80p{
  width: 80%;
}
/*---------- （1110以上）画像幅30％-1109px以下50％（お知らせ） ----------*/
.newimg-wi20p-1109wi40p{
  width: 40%;
}
/*---------------------------------
個人情報保護      <1109px以下
---------------------------------*/
.priv-area{
width: 95%;
}
/*---------------------------------
お問い合わせサンクスページ     <1109px以下
---------------------------------*/
.thank-area{
width: 100%;
}
}

/*---------------------------------
768px以下　ここから
---------------------------------*/
@media screen and (max-width: 768px){
/*---------------------------------
共通     <768px以下
---------------------------------*/
.no-ok768{
display: block;
}
/* （768px以下）1110以上無・1109以下あり・768以下無  */
.tit1109{
display: none;
}
/* （768px以下）768以下あり */
.tit768{
display: block;
}
/* （768px以上）1110px以上flex横並び・1109px以下横並び・768px縦並び */
.mem-addcha,
.newco-2column,
.officer-con-area{
flex-direction: column;
justify-content: center;
}

/*---------- （768px以下）モバイルタイトル ----------*/
.tit768{
width: 100%;
background: #fff;
height: 60px;
position:fixed;
top: 0;
left: 0;
}
.tit768 img{
padding: 15px 0 15px 15px ;
width: 280px;
}
/*---------- （768px以下）リンク（フッター） ----------*/
.flink1{
flex-wrap: wrap;
width: initial;
}
.flink1 a{
padding-bottom: 15px;
padding-right: 15px;
margin-right: initial;
align-self: flex-start;
width: calc( ( 100% - 15px ) / 2 );
height: auto;
}
.flink1 a img{
width: 100%;
}
.flink1 a:last-child{
margin-right: initial;
}
.flink1 a:nth-child(2n){
padding-right: 0;
}
.flink1 a:nth-child(1),
.flink1 a:nth-child(2){
padding-bottom: 15px;
}
/*---------- （768px以下）コピー（フッター） ----------*/
.fcopy1{
text-align: center;
}
/*---------- （768以下）モバイルメニュー（ここから） ----------*/
#menu768 {
right: -100%;
width: 100%;
}
/*---------- （768px以下）テーブルb（共通） ----------*/
.table-b{
font-size: 1.3rem;
line-height: 1.35rem;
}
/*---------- （768px以下）テーブルd（共通） ----------*/
.table-d{
font-size: 1.3rem;
line-height: 1.35rem;
}
/*---------- （768px以下）ボタンa（共通）  ----------*/
.botn-a a,
.botn-b a{
width: 100%;
}

/*---------------------------------
他ページ共通(TOP以外)      <768px以下
---------------------------------*/

/*---------------------------------
TOP     <768px以下
---------------------------------*/
.thead{
height:300px;
min-height: initial;
}
.tmain-con{
margin: 30px auto 0;
}
/*---------------------------------
会長挨拶     <768px以下
---------------------------------*/

/*---------------------------------
同窓会の歴史     <768px以下
---------------------------------*/
.his-main-con{
font-size: 12px;
line-height: 19px;
}
.his-dl dt{
width: calc(25% - 10px);
}
.his-dl dd{
text-align: left;
font-weight: inherit;
width: 75%;
}
/*---------------------------------
総会・支部長会議     <768px以下
---------------------------------*/
.meet-main-con{
width: 95%;
margin: 0 auto 40vh;
}
/*---------------------------------
役員・部会・委員会     <768px以下
---------------------------------*/
.offi-main-con{
width: 95%;
font-size: 1.3rem;
line-height: 1.35rem;
}

.officer-con1{
width: 100%;
}

.officer-con2{
margin-left: 0px;
width: 100%!important;
}

/*---------------------------------
会員のご案内     <768px以下
---------------------------------*/
.mem-addcha a{
width: 100%;
}
.mem-addcha a:last-child{
margin-left: 0px;
margin-top: 10px;
}
.mem-submenu a{
  font-size: 1.1rem;
}
.mem-submenu a{
  margin-right: 5px;
}
.mem-submenu a:nth-of-type(3){
  margin-right: 5px;
}
/*---------------------------------
同窓会新聞     <768px以下
---------------------------------*/
.adv-main-txt{
margin: 50px auto 80hv;
}
/*---------- （768px以下）Newアイコン2（同窓会新聞） ----------*/
.new-icon2{
margin-left: 0px;
}
.newspaper-area{
width: 100%;
}


/*---------------------------------
サイトマップ     <768px以下
---------------------------------*/

/*---------------------------------
お知らせ    <768px以下
---------------------------------*/
.newco-body-tab60,
.newco-body-tab80{
width: 100%;
}
.newco-body-tab80 tbody tr th,
.newco-body-tab80 tbody tr td{
width: 100%;
display:block;
text-align: left;
}
.newco-body-tab80-note{
width: 100%;
}
.wi60px{
width: 60px;
}
.newco-body-tab100 tbody tr td,
.newco-body-tab100-2 tbody tr td,
.newco-body-tab100-3 tbody tr td,
.newco-body-tab100-trun20px tbody tr td{
width:100%;
display:block;
}
.newco-body-tab100,
.newco-body-tab100-2,
.newco-body-tab100-3{
width: 100%;
}
.newco-body-tab100-trun20px{
width: 100%;
border-spacing: 0px 0px;
}
.newco-body-tab100 tbody tr,
.newco-body-tab100-2 tbody tr,
.newco-body-tab100-trun20px tbody tr{
border-bottom: 1px solid #eee;
}
.mob-pad-lef tbody tr td{
padding-left: 20px;
}
.newco-body-tab100 tbody tr td:first-child,
.newco-body-tab100-2 tbody tr td:first-child,
.newco-body-tab100-3 tbody tr td:first-child,
.newco-body-tab100-trun20px tbody tr td:first-child{
padding-left: 0;
}
.newco-body-tab100 tbody tr td:last-child,
.newco-body-tab100-trun20px tbody tr td:last-child{
padding-bottom: 20px;
}
.newco-body-tab100-3 tbody tr td:last-child{
padding-bottom: 0px;
}
.mob-lef200px tbody tr td:first-child{
width: 100px;
}
/*---------- （768px以下）記事タイトル（お知らせ） ----------*/
.newco-tit{
font-size: 1.6rem;
line-height: 2rem;
}
.newco-body,.newco-body-rig2{
line-height: 2rem;
font-size: 1.4rem;
}
/*---------- ここから（768以下）2022.01.17-3候補者届テーブル（お知らせ） ----------*/
.newtbl1 {
/* width: 80%; */
margin: auto;
table-layout: initial;
}
.newtbl1 .newthead {
display: none;
}
.newtbl1 tr {
width: 100%;
}
.newtbl1 td {
display: block;
width: 100%;
text-align: right;
}
.newtbl1 td:first-child,
.newtbl1 td:first-child:hover{
background: #78000a;
color: #fff;
font-weight: bold;
text-align: center;
padding: 20px 0;
}
.newtbl1 td:before {
  content: attr(data-label);
  float: left;
  font-weight: bold;
  margin-right: 10px;
}
.newtbl1 tr td a img{
margin:initial;
display: initial;
}
.newtbl1-img-sp1{
padding-right: 28px;
}
.newtbl1-img-sp2{
padding-left: 18px;
}
.newtbl1-noimg,
.newtbl1-noimg:hover{
background:#fff!important;
border-bottom: solid 0px #FFF!important;
padding: 0!important;
}
/*---------- ここまで（768以下）2022.01.17-3候補者届テーブル（お知らせ） ----------*/
/*---------- （768以下）記事本文　写真と文章　2カラム（お知らせ） ----------*/
.newco-2column-photo{
  width: 60%;
  margin: 0 auto 50px;
}
.newco-2column-photo img{
  width: 100%;

}
.newco-2column-text{
width:100%;
}

/*---------------------------------
個人情報保護      <768px以下
---------------------------------*/
.priv-body{
width: 100%;
}

/*---------------------------------
お問い合わせサンクスページ     <768px以下
---------------------------------*/
.font-s768{
font-size: 1.8rem;
}
}

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

/*---------------------------------
共有     <1400px以上
---------------------------------*/
.sp-main-con-lef-1400cover{
background-image: url("../img/img2.jpg");
}
}

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

/*---------------------------------
共有     <1600px以上
---------------------------------*/
.sp-main-con-lef-1600cover{
background-image: url("../img/img2.jpg");
}

/*---------------------------------
TOP     <1600px以上
---------------------------------*/
.thead{
height: 100vh;
}

/*---------------------------------
会長挨拶     <1600px以上
---------------------------------*/
.mes{
padding-bottom: 300px;
background-position:bottom;
}
}

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

.sp-main-con-lef-1400cover{
background-image: url("../img/img3.jpg");
}
}
/*---------- （1110以上）display:none;（共通） ----------*/
.dis-non{
display: none;
}