/*
Theme Name:Nagasaki Chuokai Design
*/

@charset "UTF-8";

/*================================================
 reset CSS
==================================================*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,
p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,
dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,
var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,
details,embed,figure,figcaption,footer,header,hgroup,menu,nav,
output,ruby,section,summary,time,mark,audio,video,textarea {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  background: transparent;
}

/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

input,
select {
  vertical-align: middle;
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

/*================================================
 style CSS
==================================================*/
/*================================================
 共通
==================================================*/
body {
  font-size: medium;
  line-height: 160%;
  font-family: 'メイリオ', Meiryo, "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
  /* 文字設定 */
  -webkit-text-size-adjust: 100%;
}

.disp_pc {
  display: block;
}

.disp_sp {
  display: none;
}

sup {
  vertical-align: super;
  font-size: smaller;
}

textarea {
  resize: none;
}

.text_center {
  text-align: center;
}

.text_right {
  text-align: right;
}

.text_left {
  text-align: left;
}

.font_bold {
  font-weight: bold;
}

.text_emphasis {
  font-size: 1.2em;
}

.vertical_top {
  vertical-align: top;
}

.vertical_middle {
  vertical-align: middle;
}

.vertical_bottom {
  vertical-align: bottom;
}

.disp_tbl {
  display: table;
}

.disp_tblcell {
  display: table-cell;
}

.disp_inline_block {
  display: inline-block;
}

.disp_inline_tbl {
  display: inline-table;
}

.border_black {
  border: 1px solid black;
  display: inline-block;
  padding: 5px;
}

.notice_list_disc {
  list-style-type: disc;
}

.notice_adjustment_top_bottom {
  margin: 20px 0px;
}

.notice_adjustment_left {
  margin-left: 20px;
}

A:link {
  COLOR: #0000ff;
  text-decoration: none;
}

A:visited {
  COLOR: #800080;
  text-decoration: none;
}

A:active {
  COLOR: #ff0000;
  text-decoration: none;
}

A:hover {
  COLOR: #ff0000;
  text-decoration: underline;
}

/*** 点滅 ***/
.blinking {
  -webkit-animation: blink 0.8s ease-in-out infinite alternate;
  -moz-animation: blink 0.8s ease-in-out infinite alternate;
  animation: blink 0.8s ease-in-out infinite alternate;
  color: #ff0000;
}

@-webkit-keyframes blink {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-moz-keyframes blink {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes blink {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.click_here {
  font-size: 0.6em;
  color: #858585;
  text-align: left;
}

.link_jump_title {
  margin-top: 20px;
  font-weight: bold;
}

.link_jump_style {
  text-align: center;
  margin: 20px 0;
}

.link_jump {
  display: inline-block;
  margin-right: 20px;
}

.link_jump ol {
  list-style-type: decimal;
}

.link_jump ol li {
  float: left;
  text-align: left;
  margin: 0px 30px;
}

img.max_width_600 {
  max-width: 600px;
}

img.max_width_580 {
  max-width: 580px;
}

img.max_width_560 {
  max-width: 560px;
}

img.max_width_550 {
  max-width: 550px;
}

img.max_width_480 {
  max-width: 480px;
}

img.max_width_356 {
  max-width: 356px;
}

img.max_width_275 {
  max-width: 275px;
}

.blinking2 {
  -webkit-animation: blink2 0.6s ease-in-out infinite alternate;
  -moz-animation: blink2 0.6s ease-in-out infinite alternate;
  animation: blink2 0.6s ease-in-out infinite alternate;
}

@-webkit-keyframes blink2 {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-moz-keyframes blink2 {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes blink2 {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

img.alignright {
  display: block;
  margin: 0 0 0 auto;
}

img.alignleft {
  display: block;
  margin: 0 auto 0 0;
}

img.aligncenter {
  display: block;
  margin: 0 auto;
}

h2 {
  font-size: 1.2em;
  text-align: left;
  border-bottom: 1px dotted #ccc;
  margin: 10px 0px 10px;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  /* font-weight:bold mac対策 */
  -moz-osx-font-smoothing: grayscale;
  /* font-weight:bold mac対策 */
  overflow: hidden;
}

h2 span.style1 {
  padding: 10px 10px 10px;
  border-left: 4px solid #0095d1;
  display: inline-block;
  margin: 5px 0px;
}

h2 span.info_topics {
  border-left: 4px solid #fba7a7;
}

h2 span.info_katudo {
  border-left: 4px solid #ec9f54;
}

/*
h2 span.top_link{
  border-left:4px solid #f3a32c;
}*/
h2 span.top_link {
  border-left: 4px solid #43c4cc;
}

h2 span.style2 {
  float: right;
  font-size: 0.6em;
  font-weight: normal;
  border: 1px solid #7e7a7a;
  padding: 2px 10px;
  margin-top: 10px;
  margin-right: 5px;
  background-color: #fff;
  color: #000;
}

h2 span.style2>span {
  font-size: 1.5em;
  margin-left: 7px;
  vertical-align: middle;
}

section h2 span.style2:hover {
  opacity: 0.7;
}

/*================================================
 ヘッダー
==================================================*/
header {
  /*  background:url("./images/header_bg.png") repeat-x -20px 36px / 560px;*/
  background:url("./images/header_bg.png") repeat-x -20px 33px / 600px;
}

.outbox_header {
  width: 100%;
  min-width: 1000px;
  overflow: hidden;
}

.box_header {
  width: 1000px;
  margin: 0px auto;
  overflow: hidden;
}

/** タイトルロゴ **/
.box_header_title {
  float: left;
  overflow: hidden;
  text-align: center;
}

.box_header_title img {
  float: left;
  width: 400px;
  margin-top: 7px;
}

/** ヘッダーメニュー **/
.box_header_right {
  float: right;
  overflow: hidden;
  padding: 0px 0px;
}

.h_menu {
  font-size: 0.8em;
  margin: 10px 5px;
  overflow: hidden;
}

.h_menu ul {}

.h_menu ul a {
  color: #000;
}

.h_menu ul a:hover li {
  color: #00f;
  text-decoration: underline;
}

.h_menu ul a:hover img {
  opacity: 0.8;
}

.h_menu ul li {
  display: inline-block;
  padding: 0px 5px;
}

.h_menu ul li img {
  width: 20px;
  vertical-align: middle;
  margin-right: 5px;
}

.h_search {
  margin: 10px 5px;
  text-align: right;
}

.h_search img {
  width: 20px;
  margin-right: 3px;
  vertical-align: middle;
}

.h_search input[type="text"] {
  padding: 3px;
  width: 200px;
}

/*================================================
 フッター
==================================================*/
footer {
  clear: both;
  margin: 40px 0px 0px;
  color: #000;
  overflow: hidden;
  min-width: 1000px;
  box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.4);
  background: -moz-linear-gradient(top, #fff, #ececec);
  background: -webkit-linear-gradient(top, #fff, #ececec);
  background: linear-gradient(to bottom, #fff, #ececec);
}

.box_footer_logo {
  text-align: center;
}

.footer_logo {
  float: left;
  width: 50%;
}

.footer_logo img {
  width: 380px;
  padding: 15px 0px 0px;
}

.corporate_number {
  text-align: center;
  font-size: 0.8em;
  padding: 0px 0px 10px;
}

/* 働きやすい職場づくり */
.hatarakiyasui {
  float: left;
  width: 50%;
  text-align: center;
}

.hatarakiyasui img {
  width: 120px;
  width: 70px;
  padding: 10px 0px 0px;
}

.hatarakiyasui>div {
  text-align: center;
  padding: 0px 10px 0px;
  font-size: 0.8em;
}

.box_footer_address {
  clear: both;
  margin: 0px auto 0px;
  padding: 10px 0px 20px;
  overflow: hidden;
  font-size: 0.85em;
}

.box_footer_address2 {
  float: left;
  width: 50%;
}

.box_footer_address2:nth-child(2) {
  width: 45%;
}

.box_footer_address2:nth-child(3) {
  width: 55%;
}

.box_footer_address2 .footer_coname {
  font-weight: bold;
  font-size: 1.1em;
}

.box_footer_address2 .footer_address {
  margin-left: 10px;
}

.box_footer_address2 .footer_tel {
  margin-left: 10px;
}

.box_footer_address2 .footer_e-mail {
  margin-left: 10px;
}

.box_footer_address2 .footer_e-mail_comment {
  margin-left: 10px;
}

.out_box_footer {
  color: #fff;
  /*border-top:1px solid #0d6fb8;*/
  background-color: #000;
}

#copyright {
  font-size: 0.75em;
  padding: 10px 10px;
  margin: 0px;
  text-align: center;
  line-height: 130%;
  background: -moz-linear-gradient(top, #5797df, #3971af);
  background: -webkit-linear-gradient(top, #5797df, #3971af);
  background: linear-gradient(to bottom, #5797df, #3971af);
  color: #fff;
}

/*================================================
 メニュー
==================================================*/
.outbox_menu {
  width: 100%;
  min-width: 1000px;
  color: #fff;
  height: 41px;
  /*background-color:#0095d1;*/
  background: -moz-linear-gradient(top, #5797df, #3971af);
  background: -webkit-linear-gradient(top, #5797df, #3971af);
  background: linear-gradient(to bottom, #5797df, #3971af);
  border-bottom: 1px solid #fff;
}

.box_menu {
  width: 1000px;
  min-width: 1000px;
  margin: auto;
  background-color: #fff;
}

.box_menu>ul>li {
  float: left;
  /*width: 25%;*/
  /* グローバルナビ4つ */
  /*width: 16.6%;*/
  /* グローバルナビ4つ */
  width: 20.0%;
  /* グローバルナビ5つ */
  height: 40px;
  line-height: 40px;
  text-align: center;
  position: relative;
  border-right: 1px solid #fff;
  font-size: 0.9em;
}

.box_menu>ul>li>a>span {
  display: none;
}

/* 概要 */
.box_menu>ul>li:nth-child(1) {
  background: -moz-linear-gradient(top, #387de1, #0d25a3);
  background: -webkit-linear-gradient(top, #387de1, #0d25a3);
  background: linear-gradient(to bottom, #387de1, #0d25a3);
}

/* あゆみ */
.box_menu>ul>li:nth-child(2) {
  background: -moz-linear-gradient(top, #6ecb85, #0f9741);
  background: -webkit-linear-gradient(top, #6ecb85, #0f9741);
  background: linear-gradient(to bottom, #6ecb85, #0f9741);
}

/* 青年部をつくるには */
.box_menu>ul>li:nth-child(3) {
  background: -moz-linear-gradient(top, #eb6060, #b92525);
  background: -webkit-linear-gradient(top, #eb6060, #b92525);
  background: linear-gradient(to bottom, #eb6060, #b92525);
}

/* 組織 */
.box_menu>ul>li:nth-child(4) {
  background: -moz-linear-gradient(top, #ebe038, #bca500);
  background: -webkit-linear-gradient(top, #ebe038, #bca500);
  background: linear-gradient(to bottom, #ebe038, #bca500);
}

/* 活動レポート */
.box_menu>ul>li:nth-child(5) {
  background: -moz-linear-gradient(top, #4bdce5, #20a1a7);
  background: -webkit-linear-gradient(top, #4bdce5, #20a1a7);
  background: linear-gradient(to bottom, #4bdce5, #20a1a7);
}

/* リンク */
/*.box_menu > ul > li:nth-child(6) {
  background: -moz-linear-gradient(top, #ec9f54, #cd6c50);
  background: -webkit-linear-gradient(top, #ec9f54, #cd6c50);
  background: linear-gradient(to bottom, #ec9f54, #cd6c50);
}*/

.box_menu>ul>li:first-child {
  border-left: 1px solid #fff;
}

.box_menu>ul>li:hover {
  background-color: #2a81c2;
  color: #fff;
}

.box_menu>ul>li a {
  display: block;
  color: #fff;
  text-decoration: none;
}

.box_menu>ul>li a:hover,
.box_menu>ul>li a:active {
  color: #fff;
  text-decoration: none;
}

/* drop down
-----------------------------------------*/
/* link */
.mod_dropnavi ul li a {
  transition-property: border;
  transition-duration: 0.5s;
  transition-timing-function: ease;
  transition-delay: 0s;
}

.mod_dropnavi ul li a:link {
  text-decoration: none;
}

.mod_dropnavi ul li a:visited {
  text-decoration: none;
}

.mod_dropnavi ul li a:hover {
  text-decoration: none;
  color: #fff;
}

.mod_dropnavi ul li a:active {
  text-decoration: none;
  color: #fff;
}

/* sub-menu */
.mod_dropnavi ul.sub-menu {
  display: none;
  position: absolute;
  top: 40px;
  left: 0px;
  z-index: 99;
  padding: 5px;
  /* min-width: 25%; */
  /* min-width: 165px; */
  min-width: 198px;
  font-size: 0.9em;
}

.box_menu>ul>li ul.sub-menu li span {
  color: rgba(255, 255, 255, 1);
}

/* 概要 */
.box_menu>ul>li:nth-child(1) ul.sub-menu {
  background-color: rgb(109 155 202 / 98%);
}

.box_menu>ul>li:nth-child(1) ul.sub-menu li span {
  /*  color:rgba(16,15,151,1);*/
}

/* あゆみ */
.box_menu>ul>li:nth-child(2) ul.sub-menu {
  background-color: rgba(172, 110, 203, 0.98);
}

.box_menu>ul>li:nth-child(2) ul.sub-menu li span {
  /*  color:rgba(105,15,151,1);*/
}

/* 青年部をつくるには */
.box_menu>ul>li:nth-child(3) ul.sub-menu {
  background-color: rgba(180, 202, 110, 0.98);
}

.box_menu>ul>li:nth-child(3) ul.sub-menu li span {
  /*  color:rgba(117,151,16,1);*/
}

/* 組織 */
.box_menu>ul>li:nth-child(4) ul.sub-menu {
  background-color: rgb(202 202 110 / 98%);
}

.box_menu>ul>li:nth-child(4) ul.sub-menu li span {
  /*  color:rgba(117,151,16,1);*/
}

/* 活動レポート */
.box_menu>ul>li:nth-child(5) ul.sub-menu {
  background-color: rgba(180, 202, 110, 0.98);
}

.box_menu>ul>li:nth-child(5) ul.sub-menu li span {
  /*  color:rgba(117,151,16,1);*/
}

/* リンク */
.box_menu>ul>li:nth-child(6) ul.sub-menu {
  background-color: rgba(223, 110, 146, 0.98);
}

.box_menu>ul>li:nth-child(6) ul.sub-menu li span {
  /*  color:rgba(182,34,80,1);*/
}

.mod_dropnavi ul.sub-menu li {
  line-height: 1.3;
  text-align: left;
  display: block;
  padding: 20px 20px 0px;
  position: relative;
  white-space: nowrap;
}

.mod_dropnavi ul.sub-menu li span {
  font-size: 1.3em;
  padding-right: 10px;
  color: #00b0ec;
}

.mod_dropnavi ul.sub-menu li:last-child {
  padding: 20px 20px 20px;
}

.mod_dropnavi ul.sub-menu li a {
  display: block;
}

.mod_dropnavi ul.sub-menu li a:link {
  color: #fff;
  text-decoration: none;
}

.mod_dropnavi ul.sub-menu li a:visited {
  color: #fff;
  text-decoration: none;
}

.mod_dropnavi ul.sub-menu li a:hover {
  color: #fff;
  text-decoration: none;
  opacity: 0.8;
}

.mod_dropnavi ul.sub-menu li a:active {
  color: #fff;
  text-decoration: none;
}

/*================================================
 ページトップアイコン用CSS
==================================================*/
#page-top {
  position: fixed;
  right: 50px;
  z-index: 10000;
}

#page-top img {
  width: 55px;
}

/*================================================
 パンくず
==================================================*/
/*================================================
 ボタン
==================================================*/
.box_btn_style1 {
  text-align: center;
  margin: 20px auto 0px;
}

button.btn_style1 {
  border: 1px solid #7e7a7a;
  padding: 10px 20px;
  background-color: #fff;
  cursor: pointer;
}

button.btn_style1>span {
  float: right;
  font-size: 1.3em;
  margin-left: 7px;
  vertical-align: middle;
}

button.btn_style1:hover {
  opacity: 0.7;
}

/*================================================
 テーブル
==================================================*/
table {
  width: 100%;
  background-color: #fff;
}

table caption {
  text-align: left;
  font-size: 1.2em;
  padding: 5px;
  font-weight: bold;
}

/*================================================
 ページ共通
==================================================*/
/*** 各セクション外枠 ***/
.inner {
  width: 1000px;
  min-width: 1000px;
  margin: 0 auto;
  padding: 10px 20px 0px;
  overflow: hidden;
  box-sizing: border-box;
}

/*
.inner .inner {
  padding:10px 20px 0px;
}
*/
section {
  clear: both;
}

section.top_section {
  padding: 0px 0px 20px;
  overflow: hidden;
}

.content_width {
  width: 950px;
  margin: 0 auto;
}

/*** 下層親タイトル ***/
.kasou_parent {
  width: 100%;
  min-width: 1000px;
  padding: 10px 15px 15px;
  text-align: center;
  font-weight: bold;
  font-size: 1.2em;
  border-bottom: 1px solid #ddd;
  background: -moz-linear-gradient(top, #fff, #ececec);
  background: -webkit-linear-gradient(top, #fff, #ececec);
  background: linear-gradient(to bottom, #fff, #ececec);
}

.kasou_parent span {
  padding: 0px 10px 1px;
  border-bottom: 4px solid #6ecb85;
}

/*================================================
 各ページ
==================================================*/
/*================================================
 トップページ
==================================================*/
/*** スライダー部分 ***/
/* skippr用 */
#container {
  width: 100%;
  height: 250px;
  height: 150px;
  min-width: 1000px;
}

.top_img_moji1 {
  text-align: center;
  width: 980px;
  margin: 75px auto 10px;
  margin: 30px auto 10px;
  color: #000;
  font-size: 1.8em;
  font-weight: bold;
  line-height: 1.5em;
  text-shadow: 1px 0 0 #1f2024, 1px 1px 0 #1f2024, 0 1px 0 #1f2024, -1px 1px 0 #1f2024, -1px 0 0 #1f2024, -1px -1px 0 #1f2024, 0 -1px 0 #1f2024, 1px -1px 0 #1f2024;
  text-shadow: 0px 0px 6px #fff, 4px 4px 6px #fff, -4px -4px 6px #fff, 4px 0px 6px #fff, 0px 4px 6px #fff, -4px 0px 6px #fff, 0px -4px 6px #fff;
}

.top_img_moji1 span {
  color: #0095d1;
}

.top_img_moji2 {
  text-align: center;
  width: 980px;
  margin: 10px auto;
  color: #fff;
  font-size: 1.3em;
  font-weight: bold;
  line-height: 1.3em;
  text-shadow: 2px 0 0 #1f2024, 2px 2px 0 #1f2024, 0 2px 0 #1f2024, -2px 2px 0 #1f2024, -2px 0 0 #1f2024, -2px -2px 0 #1f2024, 0 -2px 0 #1f2024, 2px -2px 0 #1f2024;
}

/** お知らせ情報 **/
.info_topi {
  width: 50%;
  float: left;
  margin: 0px 0px;
  padding: 0px 15px 10px 10px;
}

.info_chuo {
  width: 50%;
  float: left;
  margin: 0px 0px;
  padding: 0px 10px 10px 15px;
}

.top_infolist {
  margin: 10px 0px 0px;
  max-height: 400px;
  overflow-y: auto;
}

.top_infolist>ul {}

.top_infolist>ul a {
  text-decoration: none;
  color: #000;
}

.top_infolist>ul a:hover {
  text-decoration: none;
  color: #00f;
}

.top_infolist>ul li {
  border-bottom: 1px solid #ddd;
  padding: 7px 5px;
  font-size: 0.95em;
  line-height: 1.5em;
}

.top_infolist>ul a li>div:first-child {
  color: #000;
}

.top_infolist>ul li>div:first-child img {
  vertical-align: middle;
  margin-right: 7px;
  width: 15px;
}

.top_infolist>ul li>div:first-child>span {
  background-color: #f00;
  color: #fff;
  padding: 2px 5px;
  font-size: 0.7em;
  vertical-align: middle;
  margin: 0px 10px;
}

.top_infolist>ul li>div:last-child {
  padding-left: 25px;
}

.top_infolist>ul a:hover li>div:last-child {
  text-decoration: underline;
}

/** リンク **/
.box_toplink {
  /*
  width:30%;
  float:left;
  text-align:center;
*/
  padding: 0px 10px 10px 10px;
}

.box_toplink img {
  margin-bottom: 5px;
  margin-left: 0px;
  margin-right: 0px;
  vertical-align: top;
}

.box_toplink .toplink_content {
  display: inline-block;
  vertical-align: top;
  margin: 10px;
}

.toplink_content>a {
  display: flex;
  align-items: center;
  height: 100%;
}

.box_top50anniversary {
  padding: 0px 10px 10px 10px;
}

.box_top50anniversary h2 {
  width: fit-content;
}

.anniv_50 {
  display: block;
  font-size: 1.5em;
}

.top50anniv_flex {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  flex-wrap: wrap;
}

.box_top50anniversary span.style2 {
  font-size: 0.6em;
  font-weight: normal;
  border: 1px solid #7e7a7a;
  padding: 8px 10px;
  margin-top: 10px;
  margin-right: 5px;
  background-color: #fff;
  color: #000;
}

.box_top50anniversary a:hover {
  text-decoration: none;
}

.box_top50anniversary span.style2:hover {
  opacity: 0.7;
}

.box_top50anniversary span.style2>span {
  font-size: 1.5em;
  margin-left: 7px;
  vertical-align: middle;
}

h2 span.top_anniv {
  border-left: 4px solid #0099ff;
}

.anniv_title {
  width: 255px;
  text-align: center;
}

.top50anniv_content img {
  width: 200px;
  margin-left: 55px;
}

.kinenshi_comment {
  padding-top: 15px;
  width: 100%;
  max-width: 510px;
}

/*===============================================
 概要
==================================================*/
.kasou_parent_information span {
  border-bottom: 4px solid #4949b6;
}

.information_title {
  font-size: 1.2em;
  text-align: left;
  border-bottom: 1px dotted #ccc;
  margin: 10px 0px 10px;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  /* font-weight:bold mac対策 */
  -moz-osx-font-smoothing: grayscale;
  /* font-weight:bold mac対策 */
  overflow: hidden;
}

.information_title span {
  padding: 10px 10px 10px;
  border-left: 4px solid #4949b6;
  display: inline-block;
  margin: 5px 0px;
}

.information_explanation {
  border: 5px solid;
  border-color: rgb(102, 102, 255);
  margin: 20px 0px 20px 0px;
  padding: 10px;
}

/***********************
  概要
************************/
.gaiyou_title {
  padding: 7px 15px;
  font-weight: normal;
  background-color: #7ba1d8;
  color: #fff;
  -moz-border-radius: 5px;
  /* Firefox */
  -webkit-border-radius: 5px;
  /* Safari and Chrome */
  border-radius: 5px;
  margin-top: 15px;
}

.gaiyou_content {
  padding: 20px 20px 15px;
}

/*===============================================
 あゆみ
==================================================*/
.step_title {
  font-size: 1.2em;
  text-align: left;
  border-bottom: 1px dotted #ccc;
  margin: 10px 0px 10px;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  /* font-weight:bold mac対策 */
  -moz-osx-font-smoothing: grayscale;
  /* font-weight:bold mac対策 */
  overflow: hidden;
}

.step_title span {
  padding: 10px;
  border-left: 4px solid #6ecb85;
  display: inline-block;
  margin: 5px 0px;
}

.step_table tr {
  border: 2px solid #0f9741;
  border-bottom: none;
  border-collapse: collapse;
}

.step_table tr:last-child {
  border: 2px solid #0f9741;
}

.step_year {
  vertical-align: middle;
  padding: 5px 0;
  width: 20%;
  border-bottom: 2px solid #ffffff;
  border-collapse: collapse;
  background-color: #0f9741;
  color: #ffffff;
}

.step_table tr:last-child .step_year {
  border: 0;
}

.step_event {
  width: 80%;
  padding: 5px 15px;
}
.step_event > ul {
  list-style: disc;
  padding-left: 20px;
}
.step_event li > div {
  display: flex;
}
.step_event li > div > div:first-child {
  padding-left: 30px;
}
.step_event li > div > div > ul > li > span {
  display: inline-block;
  vertical-align: top;
}

/*===============================================
 青年部をつくるには
==================================================*/
.kasou_parent_create span {
  border-bottom: 4px solid #eb6060;
}

.create_title {
  font-size: 1.2em;
  text-align: left;
  border-bottom: 1px dotted #ccc;
  margin: 10px 0px 10px;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  /* font-weight:bold mac対策 */
  -moz-osx-font-smoothing: grayscale;
  /* font-weight:bold mac対策 */
  overflow: hidden;
}

.create_title span {
  padding: 10px 10px 10px;
  border-left: 4px solid #eb6060;
  display: inline-block;
  margin: 5px 0px;
}

.tejun_content {
  /* width: 940px; */
  margin: 0 auto;
  padding: 20px;
}

.tejun_title {
  padding: 7px 15px;
  font-weight: normal;
  background-color: #eb6060;
  color: #ffffff;
  -moz-border-radius: 5px;
  /* Firefox */
  -webkit-border-radius: 5px;
  /* Safari and Chrome */
  border-radius: 5px;
  margin: 15px auto 0;
}

.create_procedure {
  display: flex;
  width: 100%;
  /* align-items: center; */
  justify-content: left;
  flex-wrap: wrap;
  background-color: #ffffff;
  margin-top: 20px;
}

.create_procedure_title {
  text-align: center;
  width: 15%;
  border-radius: 8px;
  border: 4px solid #eb6060ff;
  margin: 0px 20px 15px 0px;
  padding: 5px 0;
}

.create_procedure_explanation {
  width: 80%;
  margin-right: 2%;
}

.create_order {
  color: #b92525;
  margin-left: 65px;
}

/*===============================================
 組織
==================================================*/
.kasou_parent_organization span {
  border-bottom: 4px solid #ebe038;
}

.organization_title {
  font-size: 1.2em;
  text-align: left;
  border-bottom: 1px dotted #ccc;
  margin: 10px 0px 10px;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  /* font-weight:bold mac対策 */
  -moz-osx-font-smoothing: grayscale;
  /* font-weight:bold mac対策 */
  overflow: hidden;
}

.organization_title span {
  padding: 10px 10px 10px;
  border-left: 4px solid #ebe038;
  display: inline-block;
  margin: 5px 0px;
}

.organization_content p {
  padding: 1rem 20px;
}

.organization_right {
  display: flex;
  justify-content: flex-end;
}

.organization_table tr {
  border-right: 2px solid #ebe038;
  border-left: 2px solid #ebe038;
  border-collapse: collapse;
}

.organization_table th {
  text-align: center;
  background-color: #ebe038;
  color: #ffffff;
  border-right: 1px solid #ffffff;
  border-collapse: collapse;
  padding: 5px;
  font-weight: 700;
}

.organization_table td {
  border-right: 1px solid #ebe038;
  border-left: 1px solid #ebe038;
  border-bottom: 2px solid #ebe038;
  border-collapse: collapse;
  padding: 5px;
}

#organization_no {
  max-width: 70px;
}

#organization_position {
  max-width: 200px;
}

#organization_name {
  max-width: 200px;
}

#organization_affiliation {
  max-width: 500px;
}

.organization_no {
  text-align: center;
}

.organization_position {
  text-align: center;
}

.organization_name {
  text-align: center;
}

.organization_affiliation {
  text-align: left;
}

/*===============================================
 リンク
==================================================*/
.kasou_parent_link {}

.kasou_parent_link span {
  border-bottom: 4px solid #43c4cc;
}

.link_title {
  /*background-color: #FFD2E1;
  font-size: 1.2em;
  margin: 10px 0px 20px;
  font-weight: bold;
  padding: 10px;*/
  font-size: 1.2em;
  text-align: left;
  border-bottom: 1px dotted #ccc;
  margin: 10px 0px 10px;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  /* font-weight:bold mac対策 */
  -moz-osx-font-smoothing: grayscale;
  /* font-weight:bold mac対策 */
  overflow: hidden;
}

.link_title span {
  padding: 10px 10px 10px;
  border-left: 4px solid #43c4cc;
  display: inline-block;
  margin: 5px 0px;
}

.link_content {
  border-bottom: 1px solid #858585;
  margin-top: 50px;
}

.link_content:first-child {
  margin-top: 30px;
}

.link_content:last-child {
  border-bottom: 0px;
}

.link_content>div {
  margin-bottom: 50px;
}

.link_content:last-child>div {
  margin-bottom: 0px;
}

.link_column_5 {
  display: inline-block;
  min-width: 160px;
  width: calc((100% - 30px) / 5);
}

.link_column_4 {
  display: inline-block;
  min-width: 207px;
  width: calc((100% - 30px) / 4);
}

.link_column_3 {
  display: inline-block;
  min-width: 285px;
  width: calc((100% - 30px) / 3);
}

.link_column_2 {
  display: inline-block;
  min-width: 304px;
  width: calc((100% - 30px) / 2);
}

.link_radius_title {
  padding: 5px;
  background-color: rgb(255, 179, 203);
  border-radius: 15px 15px 0px 0px;
}

.link_radius_title span {
  font-weight: bold;
  margin-left: 15px;
}

.link_radius_content {
  border: 1px solid rgb(255, 179, 203);
  padding: 15px;
}

/*===============================================
 関係機関・団体へのリンク集
==================================================*/
.link_collection {
  margin: 0px auto;
  width: 90%;
}

.link_collection>div {
  display: inline-block;
  min-width: 170px;
  width: calc((100% - 20px) / 4);
  padding-left: 20px;
  text-align: left;
}

.kokyo_municipalities {
  margin: 5px 0px;
}

.kokyo_municipalities>div:first-child {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  width: 90px;
  background-color: rgb(255, 179, 203);
}

.kokyo_municipalities>div:last-child {
  display: table-cell;
  padding: 10px;
}

.kokyo_municipalities_column_7 {
  display: inline-block;
  width: 110px;
}

.kokyo_municipalities_column_2 {
  display: inline-block;
  width: 401px;
}

/*===============================================
 全国・各県中小企業団体中央会へのリンク集
==================================================*/
.link_chuokai {
  text-align: center;
  border-bottom: 1px solid #858585;
}

.link_chuokai div:nth-child(2) {
  margin-bottom: 20px;
}

.link_nationwide {
  margin-top: 30px;
}

.link_nationwide:last-child>div {
  margin-top: 50px;
}

.link_nationwide:last-child>div:first-child {
  margin-top: 0px;
}

/*===============================================
 全国・各県中小企業青年中央会へのリンク集
==================================================*/
.links_title {
  padding: 7px 15px;
  font-weight: normal;
  background-color: #43c4cc;
  color: #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.links_content {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 20px;
  flex-wrap: wrap;
}

.links_content p {
  text-align: left;
  width: 370px;
  margin: 2px 0;
}

.links_content .link_only {
  width: 960px;
}

.links_content .link_over {
  width: 640px;
}

/*================================================
 お知らせ・活動レポート一覧ページ
==================================================*/
section.sinfo_infolist {
  /*  padding:10px 0px 0px;*/
}

.infolist {
  margin: 0px 0px;
  padding: 0px 30px 10px 30px;
}

.info_infolist {
  margin: 10px 0px 0px;
}

.info_infolist>ul {}

.info_infolist>ul a {
  text-decoration: none;
}

.info_infolist>ul li {
  border-bottom: 1px solid #ddd;
  padding: 7px 5px;
}

.info_infolist>ul a li>div:first-child {
  color: #000;
}

.info_infolist>ul li>div:first-child img {
  vertical-align: middle;
  margin-right: 7px;
  width: 15px;
}

.info_infolist>ul li>div:first-child>span {
  background-color: #f00;
  color: #fff;
  padding: 2px 5px;
  font-size: 0.7em;
  vertical-align: middle;
  margin: 0px 10px;
}

.info_infolist>ul li>div:last-child {
  padding-left: 25px;
}

.info_infolist>ul a:hover li>div:last-child {
  text-decoration: underline;
}

.nothing_info {
  padding: 5px 10px;
}

/*** ページナビ ***/
.pagenavi {
  color: #0095d1;
  margin: 20px auto 0px;
  line-height: 2em;
  text-align: center;
  clear: both;
}

.pagenavi a {
  text-decoration: none;
}

.pagenavi a.page-numbers,
.pagenavi .current {
  color: #00019b;
  padding: 3px 7px;
  border: solid 1px #ccc;
  text-decoration: none;
  font-size: 12px;
}

.pagenavi a.page-numbers:hover {
  color: #fff;
  background: #0095d1;
  border-color: #0095d1;
}

.pagenavi .current {
  color: white;
  background: #0095d1;
  border-color: #0095d1;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  /* font-weight:bold mac対策 */
  -moz-osx-font-smoothing: grayscale;
  /* font-weight:bold mac対策 */
}

.pagenavi .next,
.pagenavi .prev {
  border: 0 none;
  background: transparent;
  text-decoration: none;
  font-size: 13px;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  /* font-weight:bold mac対策 */
  -moz-osx-font-smoothing: grayscale;
  /* font-weight:bold mac対策 */
}

/*================================================
 お知らせ・活動レポート詳細ページ
==================================================*/
section.sinfo_infodetail {
  /*  padding:10px 0px 40px;*/
}

.infodetail {
  margin: 0px 0px;
  padding: 0px 30px 10px 30px;
}

.style1.info_seinenbu {
  border-left: 4px solid #fba7a7;
}

.style1.katudoreport {
  border-left: 4px solid #ec9f54;
}

.infodetail_date {
  display: inline-block;
  padding: 0px 10px;
  font-size: 0.8em;
  background-color: #0d6fb8;
  color: #fff;
}

.infodetail_date.info_seinenbu {
  background-color: #fba7a7;
}

.infodetail_date.katudoreport {
  background-color: #ec9f54;
}

.infodetail_title {
  font-weight: bold;
  line-height: 1.5em;
  font-size: 1.2em;
  text-align: center;
  padding: 20px 0px 20px;
}

.infodetail_content {
  margin: 0px 20px 30px;
  word-break: break-all;
}

.infodetail_content img {
  max-width: 100%;
  height: auto;
}

.infodetail ul {
  margin: 1em 0;
  padding-left: 40px;
  list-style-type: disc;
}

.infodetail ol {
  margin: 1em 0;
  padding-left: 40px;
  list-style-type: decimal;
}

/*================================================
 活動レポート詳細ページ
==================================================*/
.report_content {
  margin-bottom: 50px;
}

.report_text {
  width: 100%;
  margin-bottom: 50px;
}

.report_bills {
  width: auto;
  border-radius: 8px;
  border: 4px solid #0d25a3;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 10px;
}

.report_bill {
  display: flex;
}

.report_bill_title {
  width: 85px;
  margin-right: 40px;
}

.report_border {
  font-weight: bold;
  border-bottom: double 6px;
  line-height: 2em;
}

.report_images {
  display: flex;
  justify-content: space-around;
}

.report_image {
  width: 50%;
  margin-right: 20px;
  margin-left: 20px;
}

.report_image p {
  text-align: center;
}

.report_images1 {
  width: 100%;
  display: flex;
  justify-content: center;
}

.report_images1 .report_image {
  width: 50%;
  margin-right: 20px;
  margin-left: 20px;
}

.report_images1 .report_image p {
  text-align: center;
}

.report_images_position {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 40px;
}

.report_image1 {
  width: 40%;
  margin-right: 20px;
  margin-left: 20px;
}

.report_image1 p {
  text-align: center;
}

.report_image2 {
  width: 60%;
  margin-right: 20px;
  margin-left: 20px;
}

.report_image2 p {
  text-align: center;
}

.report_events {
  padding: 20px 2em;
  border-radius: 25px;
  border: 1px solid #0d25a3;
  margin-bottom: 50px;
}

.report_events.event_flex {
  display: flex;
}

.report_events_title {
  font-weight: bold;
}

.report_event:not(:last-of-type) {
  margin-bottom: 20px;
}

.report_event_title {
  font-weight: bold;
}

.event_flex .report_event_img {
  margin-left: 10px;
}

/*================================================
 エラーページ（404 NOTFOUND）
==================================================*/
section.s_notfound {
  padding: 10px 0px 40px;
}

.notfound {
  margin: 0px 0px;
  padding: 0px 30px 10px 30px;
}

.notfound>div:first-child {
  text-align: center;
  font-size: 1.8em;
  padding: 60px 10px 30px;
}

.notfound>div:nth-child(2) {
  text-align: center;
  margin-top: 5px;
  font-size: 0.9em;
}

/*----------------------------------------
●角丸用css
----------------------------------------*/
.radius_5 {
  -moz-border-radius: 5px;
  /* Firefox */
  -webkit-border-radius: 5px;
  /* Safari and Chrome */
  border-radius: 5px;
}

.radius_10 {
  -moz-border-radius: 10px;
  /* Firefox */
  -webkit-border-radius: 10px;
  /* Safari and Chrome */
  border-radius: 10px;
}

/* 上角のみ */
.radius_top_5 {
  /* firefox */
  -moz-border-radius-topleft: 5px;
  /* 左上 */
  -moz-border-radius-topright: 5px;
  /* 右上 */
  -moz-border-radius-bottomright: 0px;
  /* 右下 */
  -moz-border-radius-bottomleft: 0px;
  /* 左下 */
  /* safari and chrome */
  -webkit-border-top-left-radius: 5px;
  /* 左上 */
  -webkit-border-top-right-radius: 5px;
  /* 右上 */
  -webkit-border-bottom-right-radius: 0px;
  /* 右下 */
  -webkit-border-bottom-left-radius: 0px;
  /* 左下 */

  border-top-left-radius: 5px;
  /* 左上 */
  border-top-right-radius: 5px;
  /* 右上 */
  border-bottom-right-radius: 0px;
  /* 右下 */
  border-bottom-left-radius: 0px;
  /* 左下 */
}

/* 下角のみ */
.radius_bottom_5 {
  /* firefox */
  -moz-border-radius-topleft: 0px;
  /* 左上 */
  -moz-border-radius-topright: 0px;
  /* 右上 */
  -moz-border-radius-bottomright: 5px;
  /* 右下 */
  -moz-border-radius-bottomleft: 5px;
  /* 左下 */
  /* safari and chrome */
  -webkit-border-top-left-radius: 0px;
  /* 左上 */
  -webkit-border-top-right-radius: 0px;
  /* 右上 */
  -webkit-border-bottom-right-radius: 5px;
  /* 右下 */
  -webkit-border-bottom-left-radius: 5px;
  /* 左下 */

  border-top-left-radius: 0px;
  /* 左上 */
  border-top-right-radius: 0px;
  /* 右上 */
  border-bottom-right-radius: 5px;
  /* 右下 */
  border-bottom-left-radius: 5px;
  /* 左下 */
}

@media only screen and (max-width: 1000px) {
  /* 画面サイズが1000pxより小さい場合はここを読み込む */

}

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

  /* 画面サイズが800pxより小さい場合はここを読み込む */
  /*================================================
   共通
  ==================================================*/
  body {
    min-width: 100%;
  }

  .disp_pc {
    display: none;
  }

  .disp_sp {
    display: block;
  }

  /*================================================
   ヘッダー
  ==================================================*/
  header {
    /* background:url("./images/header_bg.png") repeat-x -20px 62px / 560px; */
  }

  .outbox_header {
    min-width: 100%;
    min-height: 60px;
    border-bottom: 1px solid #c6c6c6;
  }

  .box_header {
    width: calc(100% - 56px);
    /* 56pxは、MENUボタン幅 */
    margin: 0px;
  }

  .box_header_title {
    width: 100%;
    text-align: center;
  }

  .box_header_title img {
    float: none;
    margin: 10px 0px 5px 0px;
    width: 95%;
    max-width: 300px;
  }

  .box_header_right {
    float: none;
    overflow: visible;
    padding: 0px 0px;
    display: block;
    margin: 0px auto;
  }

  .h_search {
    margin: 10px 5px;
    text-align: center;
  }

  /*================================================
   フッター
  ==================================================*/
  footer {
    min-width: 100%;
  }

  .footer_logo img {
    width: 90%;
    max-width: 380px;
  }

  .box_footer_address {
    margin: 10px auto 0px;
  }

  .box_footer_address2 {
    float: none;
    width: 100%;
    margin-top: 10px;
  }

  .box_footer_address2:nth-child(2) {
    width: 100%;
  }

  .box_footer_address2:nth-child(3) {
    width: 100%;
  }

  /*================================================
   メニュー
  ==================================================*/
  .outbox_menu {
    display: none;
  }

  .box_menu {
    width: 100%;
  }

  /*================================================
   ページトップアイコン用CSS
  ==================================================*/
  /*================================================
   パンくず
  ==================================================*/

  /*================================================
   ページ共通
  ==================================================*/
  /*** 各セクション外枠 ***/
  .inner {
    width: 100%;
    min-width: 100%;
    margin: 0 auto;
    overflow: hidden;
  }

  .content_width {
    width: calc(100% - 20px);
  }

  /*** 下層親タイトル ***/
  .kasou_parent {
    min-width: 100%;
  }

  /*================================================
   各ページ
  ==================================================*/
  /*================================================
   トップページ
  ==================================================*/
  /*** スライダー部分 ***/
  /* skippr用 */
  #container {
    min-width: 100%;
  }

  .top_img_moji1 {
    width: 98%;
    line-height: 1.3em;
  }

  .top_img_moji2 {
    width: 98%;
    font-size: 1.2em;
  }

  /** お知らせ情報 **/
  .info_topi {
    width: 100%;
    float: none;
    padding: 0px 15px 10px 10px;
  }

  .info_chuo {
    width: 100%;
    float: none;
  }

  /** リンク **/
  .box_toplink {
    width: 100%;
    float: none;
  }

  .box_toplink .toplink_content {
    margin: 0;
    width: 45%;
  }

  .anniv_title.disp_pc {
    display: block;
  }

  .anniv_title.disp_sp {
    display: none;
  }

  .top50anniv_flex {
    justify-content: flex-start;
  }

  .top50anniv_content img {
    margin-left: 30px;
  }

  /*===============================================
  あゆみ
  ==================================================*/
  .step_table {
    width: auto;
    overflow: scroll;
  }

  .step_table table {
    width: 870px;
  }

  /*===============================================
  青年部をつくるには
  ==================================================*/
  .create_procedure {
    justify-content: center;
    flex-direction: column;
  }

  .create_procedure_title {
    width: 165px;
    margin: 15px 0 0;
  }

  .create_procedure_explanation {
    width: 100%;
    margin-right: 5px 0 10px;
  }

  .create_order {
    font-size: 35px;
    text-align: center;
    margin-left: 0;
  }

  /*===============================================
  組織
  ==================================================*/
  .organization_right {
    text-align: right;
    float: none;
    width: 100%;
  }

  .organization_table {
    width: auto;
    overflow: scroll;
  }

  .organization_table table {
    min-width: 810px;
  }

  #organization_no {
    width: 70px;
  }

  #organization_position {
    width: 140px;
  }

  #organization_name {
    width: 160px;
  }

  #organization_affiliation {
    width: 440px;
  }

  /***********************
    関係機関・団体へのリンク集
  ************************/
  .link_collection>div {
    width: 180px;
  }

  .kokyo_municipalities_column_2 {
    width: 250px;
  }

  /*================================================
  活動レポート詳細ページ
  ==================================================*/
  .report_contents {
    width: 100%;
    margin-bottom: 20px;
  }

  .report_bill {
    justify-content: center;
    flex-direction: column;
    margin-bottom: 15px;
  }

  .report_bill_title {
    width: 100%;
    margin-right: 0;
  }

  .report_images {
    width: 100%;
    flex-direction: column;
  }

  .report_image {
    width: 70%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 30px;
  }

  .report_images1 .report_image {
    width: 70%;
    margin-right: 20px;
    margin-left: 20px;
  }

  .report_images_position {
    width: 100%;
    flex-direction: column;
  }

  .report_image1 {
    width: 50%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 30px;
  }

  .report_image2 {
    width: 70%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 30px;
  }

  .report_events.event_flex {
    display: block;
  }

  .event_flex .report_event_img {
    margin: none;
    margin-top: 20px;
    text-align: center;
  }
}

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

  /* 画面サイズが700pxより小さい場合はここを読み込む */
  /*================================================
   各ページ
  ==================================================*/
  /*================================================
   トップページ
  ==================================================*/
  .box_toplink .toplink_content {
    width: 100%;
  }

  /** イベント **/
  /*================================================
  活動レポート詳細ページ
  ==================================================*/
  .report_image {
    width: 80%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 30px;
  }

  .report_images1 .report_image {
    width: 100%;
    margin-right: 20px;
    margin-left: 20px;
  }

  .report_image1 {
    width: 70%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 30px;
  }

  .report_image2 {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 30px;
  }
}

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

  /* 画面サイズが500pxより小さい場合はここを読み込む */
  /*================================================
   各ページ
  ==================================================*/
  /*================================================
   トップページ
  ==================================================*/
  .top50anniv_flex {
    flex-wrap: wrap
  }

  .anniv_title.disp_pc {
    display: none;
  }

  .anniv_title.disp_sp {
    display: block;
    width: 100%;
  }

  .box_top50anniversary h2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: auto;
    font-size: 1.1em;
  }

  .box_top50anniversary span.style2 {
    font-size: 0.6em;
    padding: 2px 10px;
    margin-top: 10px;
    margin-right: 5px;
    white-space: nowrap;
  }

  .anniv_img {
    margin: auto;
  }

  .top50anniv_content img {
    margin: auto;
  }
}

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

  /* 画面サイズが480pxより小さい場合はここを読み込む */
  /*================================================
   共通
  ==================================================*/
  body {
    font-size: small;
  }

  .link_jump_style {
    margin: 0;
  }

  /*================================================
   ヘッダー
  ==================================================*/
  header {
    background: url("./images/header_bg.png") repeat-x -20px 62px / 450px;
  }

  .box_header_title {
    text-align: left;
    margin-left: 10px;
  }

  .box_header_title img {
    max-width: 250px;
  }

  /*================================================
   フッター
  ==================================================*/
  .footer_logo {
    float: none;
    width: 100%;
  }

  /*================================================
   ページトップアイコン用CSS
  ==================================================*/
  #page-top {
    right: 15px;
  }

  #page-top img {
    width: 40px;
  }

  /*================================================
   ページ共通
  ==================================================*/
  .content_width {
    width: calc(100% - 5px);
  }

  /*================================================
   各ページ
  ==================================================*/
  /*================================================
   トップページ
  ==================================================*/
  /*** スライダー部分 ***/
  /* skippr用 */
  #container {
    width: 100%;
    height: 140px;
    min-width: 100%;
  }

  .top_img_moji1 {
    text-align: center;
    width: 90%;
    margin: 20px auto 10px;
    color: #000;
    font-size: 3.0em;
    font-size: 6vw;
    font-weight: bold;
    line-height: 1.5em;
    text-shadow: 2px 0 0 #fff, 2px 2px 0 #fff, 0 2px 0 #fff, -2px 2px 0 #fff, -2px 0 0 #fff, -2px -2px 0 #fff, 0 -2px 0 #fff, 2px -2px 0 #fff;
  }

  .top_img_moji2 {
    text-align: left;
    width: 90%;
    margin: 10px auto;
    color: #fff;
    font-size: 1.5em;
    font-size: 4.375vw;
    font-weight: bold;
    line-height: 1.5em;
    text-shadow: 1px 0 0 #1f2024, 1px 1px 0 #1f2024, 0 1px 0 #1f2024, -1px 1px 0 #1f2024, -1px 0 0 #1f2024, -1px -1px 0 #1f2024, 0 -1px 0 #1f2024, 1px -1px 0 #1f2024;
  }

  /** リンク **/
  .box_toplink {
    text-align: center;
  }

  .box_toplink img {
    max-width: 228px;
    margin: 0px auto 10px;
    display: block;
  }

  /*===============================================
  組織
  ==================================================*/
  .organization_table table {
    min-width: 640px;
  }

  #organization_no {
    width: 70px;
  }

  #organization_position {
    width: 100px;
  }

  #organization_name {
    width: 120px;
  }

  #organization_affiliation {
    width: 350px;
  }

  /*================================================
   リンク
  ==================================================*/
  .link_radius_content {
    padding: 10px;
  }

  /*================================================
   お知らせ・活動レポート一覧ページ
  ==================================================*/
  section.sinfo_infolist {
    padding: 0px 0px 0px;
  }

  .infolist {
    margin: 0px 0px;
    padding: 0px 0px 10px 0px;
  }

  /*================================================
   お知らせ・活動レポート詳細ページ
  ==================================================*/
  section.sinfo_infodetail {
    padding: 10px 0px 20px;
  }

  .infodetail {
    margin: 0px 0px;
    padding: 0px 15px 10px 15px;
    padding: 0px 0px 10px 0px;
  }

  .infodetail_content {
    margin: 0px 10px 30px;
  }
}