@charset "utf-8";

body{
 float: center; 
 color: #222;
 line-height: 1.5;
 font-size: 14px;
 background-color: #000000;
 text-align: center;
 font-family: sans-serif;
 margin-top: 0px;
 margin-left: auto;
 margin-right: auto;
 margin-bottom: 0px;
 padding: 0;
}

/* リンク色 */
a:link { color: #0b318f }
a:active { color: #a154d8 }
a:hover { color: #a154d8 }
a:visited { color: #0b318f }

/* 画像 */
img { border: 0px }

/* リスト */
ul {
  list-style-type: circle;
  color: #222;
  line-height: 1.5;
  font-size: 14px;
  text-align: left;
  }


.container {
 max-width: 1000px;
 padding: 0px;
 float: center; 
 margin-left: auto;
 margin-right: auto;
 }

.header {   
 width: 100%;
 height: 900px;
 background-repeat: no-repeat;
 }

.header_logo {
 text-align: left;
 padding: 26px 0px 0px 46px;
 }

.contribution {
 float: center;
 padding: 40px 100px;
 background-color: #222;
 margin: 30px 0px; 
 }

.contri_h {
 font-size: 24px;
 font-family: serif;
 color: #fff;
 line-height: 2;
 text-align: center;
 font-weight: bold;
 }

.contri_t {
 font-size: 14px;
 color: #fff;
 line-height: 2;
 text-align: center;
 }



.sub {   
 float: center; 
 display: flex;
 flex-wrap: wrap;
 width: 100%;
 margin-top: 0px;
 padding: 0px;
}

.sub_card01 {
 width: 25%;
 padding: 0px;
 }

.sub_card02 {
 width: 35%;
 background-color: #fff;  
 }

.sub_card03 {
 width: 40%;
 padding: 0px;
 }

.sub_txt {
 text-align: left;
 font-size: 16px;
 line-height: 1.5;
 font-weight: bold;
 padding: 20px 20px;
 background-color: #FFFFFF;
}

.sub_txt2 {
 color: #fff;
 text-align: left;
 font-size: 16px;
 line-height: 1.5;
 font-weight: bold;
 padding: 20px;
 background-color: #ee0000;
 margin: 20px 0px;
}

.sub2 {
 color: #222;
 text-align: left;
 font-size: 16px;
 line-height: 1.5;
 font-weight: bold;
 padding: 16px;
 background-color: #ffe900;
 margin: 20px 0px;
}

.box {   
 float: center;
 flex-wrap: wrap;
 width: 100%;
 margin-top: 0px;
}

.container_c {
 max-width: 100%;
 padding: 0px; 
 margin-left: auto;
 margin-right: auto;
 }

.box-left {
 float: left;
 text-align: left;
 }

.box-right {
 float: right;
 text-align: right;
 }

.clear {
 clear: both;
 }

.messe {
 float: center; 
 display: flex;
 flex-wrap: wrap;
 width: 100%;
 margin-bottom: 10px; 
}

.messe03 {
 float: center; 
 display: flex;
 flex-wrap: wrap;
 width: 100%;
 height: 310px;
 background-image: url("images/messe12.jpg");
 background-repeat: no-repeat;
 margin-bottom: 10px; 
}


.messe04 {
 float: center; 
 display: flex;
 flex-wrap: wrap;
 width: 100%;
 height: 740px;
 text-align: left;
 background-image: url("images/messe17-2.jpg");
 background-repeat: no-repeat;
 margin-bottom: 10px; 
}



 
.messe_card {
 width: 33%;
 }

.messe_card2 {
 width: 50%;
 }

.messe_card3 {
 width: 75%;
 }

.messe_card4 {
 width: 35%;
 }

.messe_card5 {
 width: 25%;
 }

.messe_card_inner {
 padding: 0px 12px;
 }

.messe04_card_inner {
 padding: 160px 0px 20px 240px;
 }

.messe04_card_inner2 {
 padding: 160px 200px 20px 40px;
 }

.messe04_card_inner3 {
 padding: 20px 40px 20px 20px;
 }



.messe02 {
 float: center; 
 display: flex;
 flex-wrap: wrap;
 width: 100%;
 height: 440px; 
 background-image: url("images/messe05.png");
 background-repeat: no-repeat;
}

.messe02_card {
 width: 25%;
 padding-top: 210px;
 padding-left: 10px;
 }

.messe02_card2 {
 width: 30%;
 margin-top: -10px;
 padding-left: 180px;
 }

.line {
 float: center; 
 display: flex;
 flex-wrap: wrap;
 width: 100%;
 border-bottom: 1px solid #222;
 margin: 20px 0px 10px 0px; 
}


h1 {
 color: #ee0000;
 font-size: 28px;
 line-height: 1.5;
 text-align: left;
 font-weight: bold;
 border-bottom: 2px solid #ee0000;
 margin: 40px 0px 10px 0px;
 }

.txt_r {
 color: #ee0000;
 font-size: 20px;
 line-height: 1.5;
 font-weight: bold;
 text-align: left;
 margin: 0px;
}


h2 {
 color: #222;
 font-size: 24px;
 line-height: 1.2;
 font-weight: bold;
 text-align: left;
 border-left: 10px solid #ee0000;
 padding-left: 10px;
 margin-top: 20px;
}

h3 {
 color: #222;
 font-size: 14px;
 line-height: 1.5;
 font-weight: bold;
 text-align: left;
 border-left: 1px solid #222;
 padding-left: 10px;
}

h4 {
 color: #222;
 font-size: 16px;
 line-height: 1.5;
 text-align: left;
}

h5 {
 color: #ee0000;
 font-size: 20px;
 line-height: 1.2;
 font-weight: bold;
 text-align: left;
}


.txt {
 color: #222;
 font-size: 14px;
 line-height: 1.5;
 text-align: left;
}

.txt_b {
 color: #222;
 font-size: 14px;
 line-height: 1.5;
 font-weight: bold;
 text-align: left;
}

.messe_txt {
 color: #222;
 font-size: 12px;
 line-height: 1.5;
 text-align: left;
}

.messe02_txt {
 color: #222;
 font-size: 12px;
 line-height: 1.5;
 font-weight: bold;
 text-align: left;
}



.messe03_txt {
 height: 280px;
 color: #222;
 font-size: 12px;
 line-height: 1.5;
 font-weight: bold;
 text-align: left;
 border-left: 1px solid #222;
 padding: 16px 0px 0px 16px; 
 background-image: url("images/messe10.png");
 background-repeat: no-repeat;
}






.toform a:link {
  border: 1px solid #a60032;
  display: block;
  color: #a60032;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  width: 100%;
  background-color: #fff;
  padding: 10px;
}

.toform a:active {
 color: #fff;
 background-color: #a60032;
 }

.toform a:hover {
 color: #fff;
 background-color: #a60032;
 }

.toform2 a:link {
  border: 1px solid #a60032;
  display: block;
  color: #a60032;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  width: 60%;
  background-color: #fff;
  padding: 10px;
}

.toform2 a:active {
 color: #fff;
 background-color: #a60032;
 }

.toform2 a:hover {
 color: #fff;
 background-color: #a60032;
 }





/* ページトップへのリンク*/

div#to_top {
 position: fixed;
 bottom: 20px;
 right: 20px;
 }

/* フッター*/

div#footer {
 width: 100%;
 background-color: #000;
 padding: 20px 0px 80px 0px;
 border-top: 1px solid #fff;
 }


.footer_txt {
 color: #dfdfdf;
 font-size: 12px;
 line-height: 1.5;
 text-align: right;
 }

.footer_txt a:link {
 color: #ffffff;
 }

.footer_txt a:active {
 color: #E26ED3;
 }

.footer_txt a:hover {
 color: #E26ED3;
 }

.footer_txt a:visited {
 color: #ffffff;
 }





.green {
 color: #277439;
}

.red {
 color: #ee0000;
}

.br {
 color: #ee0000;
 font-weight: bold; 
}

.center {
 float: center; 
}

.left {
 float: left; 
}

.right {
 float: right; 
}

.s{ 
 font-size: 10px;
 line-height: 1.5;
}

.m{ 
 font-size: 14px;
 line-height: 1.5;
 }

.mb{ 
 font-size: 14px;
 line-height: 1.5;
 font-weight: bold; 
}

.mbr{ 
 color: #ee0000;
 font-size: 14px;
 line-height: 1.5;
 font-weight: bold; 
}

.l{ 
 font-size: 16px;
 line-height: 1.5;
 }

.lb{ 
 font-size: 16px; 
 line-height: 1.5;
 font-weight: bold;
 }

.lbr{ 
 color: #ee0000;
 font-size: 16px;
 line-height: 1.5;
 font-weight: bold; 
}

.xl{ 
 font-size: 26px;
 font-weight: bold;
 }

.b{ 
 font-weight: bold;
 }