/* login */
.loginBox {
}
.head {
}
.cont {
}
.loginBtn {
}
.errorMsg {
}
.logoutBtn {
}
.loginBox .cmt {
}
.loginBox .active {
}

.top_branchmenu {
}
.top_branchmenu ul {
  display : -webkit-flex;
  display : -moz-flex;
  display : -ms-flex;
  display : -o-flex;
  display : flex;
}
.page_cont .topMenu ul li {
  list-style-type : none;
}
.page_cont .topMenu ul li:before {
  content : none;
}

.pageDetail
.photo {
}

.topicsList
.post {
}

.breadcrumbs {
}

.catpageList {
}
.catpageList_date {
}
.catpageList_post {
}

.gNavLower {
}
.gNavLower .nodisp {
}
.gNavLower .menu {
}

.formBox {
}
.formBox .head {
}
.formBox .head_check {
}
.formBox .cmt {
}
.formBox .cmt_check {
}
.formBox .btn {
}
.formBox .btn_check {
}
.formBox .btn_submit {
}
.formBox .error {
}
.formBox .complete {
}

.iframe-wrapper {
  position : relative;
  padding-bottom : 56.25%;
  height : 0;
  overflow : hidden;
}
.iframe-wrapper iframe {
  position : absolute;
  top : 0;
  left : 0;
  width : 100%;
  height : 100%;
}

.pdf-tate-wrap {
  position : relative;
  padding-bottom : calc( 100vh * ( 3 / 4 ) );
  /*     padding-bottom: calc((9/16)*100%); アスペクト比 3:4の場合の縦幅*/
  height : 0;
  overflow : hidden;
}
.pdf-tate-wrap iframe {
  position : absolute;
  top : 0;
  left : 0;
  width : 100%;
  height : 100%;
}

.movie-wrap {
  position : relative;
  padding-bottom : 56.25%;
  /*アスペクト比 16:9の場合の縦幅*/
  height : 0;
  overflow : hidden;
}
.movie-wrap iframe {
  position : absolute;
  top : 0;
  left : 0;
  width : 100%;
  height : 100%;
}

.sitemapList {
}
.sitemap1 {
}
.sitemap2 {
}

.menuBlockList {
}

.table {
  width : 100%;
  text-align : center;
}
.table td {
  border : solid 1px black;
  margin-left : auto;
  margin-right : auto;
  padding-top : 5px;
  padding-bottom : 5px;
  padding-left : 5px;
  padding-right : 5px;
}

.textbox01 {
  background-color : #A1FCFF;
  box-shadow : 10px 10px 10px rgba(128, 77, 247, 0.5);
  -moz-box-shadow : 10px 10px 10px rgba(128, 77, 247, 0.5);
  -webkit-box-shadow : 10px 10px 10px rgba(128, 77, 247, 0.5);
  -o-box-shadow : 10px 10px 10px rgba(128, 77, 247, 0.5);
  -ms-box-shadow : 10px 10px 10px rgba(128, 77, 247, 0.5);
  border-radius : 10px;
  -moz-border-radius : 10px;
  -webkit-border-radius : 10px;
  -o-border-radius : 10px;
  -ms-border-radius : 10px;
}

.textbox02 {
  padding-bottom : 10px;
  padding-left : 10px;
  padding-right : 10px;
  box-shadow : 15px 15px 40px #FFF58E;
  -moz-box-shadow : 15px 15px 40px #FFF58E;
  -webkit-box-shadow : 15px 15px 40px #FFF58E;
  -o-box-shadow : 15px 15px 40px #FFF58E;
  -ms-box-shadow : 15px 15px 40px #FFF58E;
  background-color : #F7CFF5;
  padding-top : 10px;
  border-radius : 10px;
  -moz-border-radius : 10px;
  -webkit-border-radius : 10px;
  -o-border-radius : 10px;
  -ms-border-radius : 10px;
  margin-right : 20px;
}

.textbox03 {
  background-position : left top;
  margin-bottom : 20px;
  padding-bottom : 10px;
  padding-right : 10px;
  box-shadow : 30px 30px 30px rgba(124, 206, 247, 0);
  -moz-box-shadow : 30px 30px 30px rgba(124, 206, 247, 0);
  -webkit-box-shadow : 30px 30px 30px rgba(124, 206, 247, 0);
  -o-box-shadow : 30px 30px 30px rgba(124, 206, 247, 0);
  -ms-box-shadow : 30px 30px 30px rgba(124, 206, 247, 0);
  background-color : rgba(243, 152, 0, 0.2);
  margin-top : 20px;
  margin-right : auto;
  margin-left : 0px;
  padding-top : 10px;
  padding-left : 25px;
  border-radius : 10px;
  -moz-border-radius : 10px;
  -webkit-border-radius : 10px;
  -o-border-radius : 10px;
  -ms-border-radius : 10px;
}
.textbox05 {
}

.textbox04 {
  box-shadow : 0px 0px 0px rgba(65, 43, 207, 0);
  -moz-box-shadow : 0px 0px 0px rgba(65, 43, 207, 0);
  -webkit-box-shadow : 0px 0px 0px rgba(65, 43, 207, 0);
  -o-box-shadow : 0px 0px 0px rgba(65, 43, 207, 0);
  -ms-box-shadow : 0px 0px 0px rgba(65, 43, 207, 0);
  border-radius : 10px;
  -moz-border-radius : 10px;
  -webkit-border-radius : 10px;
  -o-border-radius : 10px;
  -ms-border-radius : 10px;
  padding-top : 10px;
  padding-bottom : 10px;
  padding-left : 25px;
  padding-right : 10px;
  text-align : left;
  background-color : rgba(0, 117, 193, 0.2);
  margin-left : 0px;
  margin-right : auto;
  margin-top : 20px;
  margin-bottom : 20px;
}

.formcompleteMsg {
}

.topNews .newsList {
  overflow : scroll;
  height : 600px;
}

.textbox06 {
  background-color : #F6D4FF;
  border-radius : 10px;
  -moz-border-radius : 10px;
  -webkit-border-radius : 10px;
  -o-border-radius : 10px;
  -ms-border-radius : 10px;
  padding-top : 20px;
  padding-bottom : 20px;
  padding-left : 20px;
  padding-right : 20px;
}

/* リスト装飾 */
.ul_arrowList {
}

.box4 {
  padding : 8px 19px;
  margin : 2em 0;
  color : #2c2c2f;
  background : #cde4ff;
  border-top : solid 5px #5989cf;
  border-bottom : #5989CF solid 5px;
}
.box4 p {
  margin : 0;
  padding : 0;
}

.box12 {
  padding : 0.5em 1em;
  margin : 2em 0;
  color : #5989cf;
  background : #c6e4ff;
  border-bottom : #AAC5DE solid 6px;
  border-radius : 9px;
  margin-top : 10px;
  margin-bottom : 10px;
  margin-left : auto;
  margin-right : auto;
  padding-top : 10px;
  padding-bottom : 10px;
  padding-left : 10px;
  padding-right : 10px;
}
.box12 p {
  margin : 0;
  padding : 0;
}

.box11 {
  padding : 0.5em 1em;
  margin : 2em 0;
  color : #5d627b;
  background : white;
  border-top : solid 10px #5d627b;
  box-shadow : 0null 3px 5px rgba(0, 0, 0, 0.2);
}
.box11 p {
  margin : 0;
  padding : 0;
}

.box29 {
  margin : 2em 0;
  background : #dcefff;
}
.box29 .box-title {
  font-size : 1.2em;
  background : #5fb3f5;
  padding : 4px;
  text-align : center;
  color : #FFF;
  font-weight : bold;
  letter-spacing : 0.05em;
}
.box29 p {
  padding : 15px 20px;
  margin : 0;
}

.box19 {
  position : relative;
  padding : 0.25em 1em;
}
.box19:before,.box19:after {
  content : '';
  width : 20px;
  height : 30px;
  position : absolute;
  display : inline-block;
}
.box19:before {
  border-left : solid 3px #5767bf;
  border-top : solid 3px #5767bf;
  top : 0;
  left : 0;
}
.box19:after {
  border-right : solid 3px #5767bf;
  border-bottom : solid 3px #5767bf;
  bottom : 0;
  right : 0;
}
.box19 p {
  margin : 0;
  padding : 0;
}

.box7 {
  padding : 0.5em 1em;
  margin : 2em 0;
  color : #474747;
  background : whitesmoke;
  /*背景色*/
  border-left : double 7px #4ec4d3;
  /*左線*/
  border-right : #4EC4D3 double 7px;
  /*右線*/
}
.box7 p {
  margin : 0;
  padding : 0;
}

.box17 {
  margin : 2em 0;
  position : relative;
  padding : 0.5em 1.5em;
  border-top : solid 2px black;
  border-bottom : solid 2px black;
}
.box17:before, .box17:after {
  content : '';
  position : absolute;
  top : -10px;
  width : 2px;
  height : -webkit-calc(100% + 20px);
  height : calc(100% + 20px);
  background-color : black;
}
.box17:before {
  left : 10px;
}
.box17:after {
  right : 10px;
}
.box17 p {
  margin : 0;
  padding : 0;
}

.balloon1-right {
  position : relative;
  display : inline-block;
  margin : 1.5em 15px 1.5em 0;
  padding : 7px 10px;
  min-width : 120px;
  max-width : 100%;
  color : #555555;
  font-size : 16px;
  background : #d5f7d5;
}
.balloon1-right:before {
  content : "";
  position : absolute;
  top : 50%;
  left : 100%;
  margin-top : -15px;
  border : 15px solid transparent;
  border-left : 15px solid #d5f7d5;
}
.balloon1-right p {
  margin : 0;
  padding : 0;
}

.box9 {
  padding : 0.5em 1em;
  margin : 2em 0;
  color : #000000;
  background : ;
  border-top : #0075C1 solid 10px;
}
.box9 p {
  margin : 0;
  padding : 0;
}

.example {
  box-shadow : 10px 10px 15px -10px;
}

.button03 a {
  display : flex;
  justify-content : space-between;
  align-items : center;
  margin : 0 auto;
  padding : 1em 2em;
  width : 300px;
  color : #2285b1;
  font-weight : 700;
  border : #2285B1 solid 2px;
  font-size : 16px;
}
.button03 a::after {
  content : '';
  width : 5px;
  height : 5px;
  border-top : 3px solid #2285b1;
  border-right : 3px solid #2285b1;
  transform : rotate(45deg);
}
.button03 a:hover {
  color : #333333;
  text-decoration : none;
  background-color : #a0c4d3;
}
.button03 a:hover::after {
  border-top : 3px solid #333333;
  border-right : 3px solid #333333;
}

.button005 {
  display : inline-block;
  padding : 10px;
  font-size : 16px;
  border-radius : 50px;
  background-color : pink;
  color : white;
  text-align : center;
  transition : all 0.3s ease;
  box-shadow : 2px 2px 4px rgba(0, 0, 0, 0.3);
}
.button:hover {
  transform : scale(1.2);
}

.button10 a {
  display : flex;
  justify-content : space-between;
  align-items : center;
  margin : 0 auto;
  padding : 1em 2em;
  width : 150px;
  color : #2285b1;
  font-size : 13px;
  font-weight : 500;
  border : #2285B1 solid 2px;
  text-align : center;
}
.button10 a::after {
  content : '';
  width : 3px;
  height : 3px;
  border-top : 3px solid #2285b1;
  border-right : 3px solid #2285b1;
  transform : rotate(45deg);
}
.button10 a:hover {
  color : #333333;
  text-decoration : none;
  background-color : #a0c4d3;
}
.button10 a:hover::after {
  border-top : 3px solid #333333;
  border-right : 3px solid #333333;
}

.button11 a {
  display : flex;
  justify-content : space-between;
  align-items : center;
  margin : 0 auto;
  padding : 1em 2em;
  width : 250px;
  color : #2285b1;
  font-size : 18px;
  font-weight : 700;
  border : #2285B1 solid 2px;
  text-align : center;
}
.button10 a::after {
  content : '';
  width : 5px;
  height : 5px;
  border-top : 3px solid #2285b1;
  border-right : 3px solid #2285b1;
  transform : rotate(45deg);
}
.button10 a:hover {
  color : #333333;
  text-decoration : none;
  background-color : #a0c4d3;
}
.button10 a:hover::after {
  border-top : 3px solid #333333;
  border-right : 3px solid #333333;
}

hr.line1 {
  border : none;
  border-top : 1px dotted #999;
}

.link1 a {
  text-decoration : none;
}
.link1 a:hover {
  text-decoration : underline;
}

.blink {
  -webkit-animation : blink 1s ease infinite;
  animation : blink 1s ease infinite;
}
@-webkit-keyframes blink {
  0% {opacity : 0;
}
100% {
  opacity : 1;
}
}
@keyframes blink {
  0% {opacity : 0;
}
100% {
  opacity : 1;
}
} {
}

.balloon1 {
  position : relative;
  display : inline-block;
  margin : 1.5em 0;
  padding : 7px 10px;
  min-width : 120px;
  max-width : 100%;
  color : #555;
  font-size : 16px;
  background : #e0edff;
  border-radius : 15px;
}
.balloon1:before {
  content : "";
  position : absolute;
  top : 100%;
  left : 50%;
  margin-left : -15px;
  border : 15px solid transparent;
  border-top : 15px solid #e0edff;
}
.balloon1 p {
  margin : 0;
  padding : 0;
}

.box_06 {
  border : #27ACD9 solid 3px;
  padding : 0;
}
.box_06_txt {
  border : solid 10px #eaf5f9;
  padding : 1em;
  margin : 0;
}

.text_blink {
  display : inline-block;
  animation : animation_text_blink 1s linear 0s infinite normal both;
}
@keyframes animation_text_blink {
  0% {        opacity : 0;
}
50% {
  opacity : 1;
}
100% {
  opacity : 1;
}
} {
}

.btn-sticky {
  display : inline-block;
  padding : 0.5em 1em;
  text-decoration : none;
  background : #f7f7f7;
  border-left : solid 6px #8698ff;
  color : #8698ff;
  font-weight : bold;
  box-shadow : 0px 2px 2px rgba(0, 0, 0, 0.29);
}
.btn-sticky:active {
  box-shadow : inset 0 0 2px rgba(128, 128, 128, 0.1);
  transform : translateY(2px);
}

.button10 b {
  display : flex;
  justify-content : space-between;
  align-items : center;
  margin : 1 auto;
  padding : 1em 2em;
  color : #2285b1;
  font-size : 13px;
  font-weight : 500;
  border : #2285B1 solid 6px;
  text-align : center;
  width : 600px;
  margin-top : 1px;
  margin-bottom : 1px;
  margin-left : 1px;
  margin-right : 1px;
  padding-top : 1px;
  padding-bottom : 1px;
  padding-left : 1px;
  padding-right : 1px;
}
.button10 b::after {
  content : '';
  width : 6px;
  height : 6px;
  border-top : 6px solid #2285b1;
  border-right : 6px solid #2285b1;
  transform : rotate(45deg);
}
.button10 b:hover {
  color : #333333;
  text-decoration : none;
  background-color : #a0c4d3;
}
.button10 b:hover::after {
  border-top : 6px solid #333333;
  border-right : 6px solid #333333;
}

.flex-box-horizontal {
  ｝.flex-box-horizontal ul{   display : -webkit-box;
  display : -moz-box;
  display : -webkit-flexbox;
  display : -moz-flexbox;
  display : -ms-flexbox;
  display : -webkit-flex;
  display : -moz-flex;
  display : flex;
  -webkit-box-direction : normal;
  -moz-box-direction : normal;
  box-direction : normal;
  -webkit-box-orient : horizontal;
  -moz-box-orient : horizontal;
  box-orient : horizontal;
  -ms-flex-direction : row;
  -webkit-flex-direction : row;
  -moz-flex-direction : row;
  flex-direction : row;
}
.page_cont .flex-box-horizontal ul li {
  list-style-type : none;
}
.page_cont .flex-box-horizontal ul li:before {
  content : none;
}

.sample_box8 {
  padding : 1em 1.5em;
  margin : 2em 0;
  background-color : #f4f9ff;
  /*背景色*/
  border : 1px solid #84c1ff;
  /*枠線*/
  box-shadow : 0 2px 6px rgba(0, 0, 0, 0.3);
  /*影*/
  color : #000000;
  /*文字色*/
}
.sample_box8 p {
  margin : 0;
  padding : 0;
}

hr.line2 {
  border : none;
  border-top : 1px dotted #999;
}

.centering_parent {
  padding : 20px;
  /* 余白指定 */
  /* 背景色指定 */
  background-color    height : 　　　     150px;
  /* 高さ指定 */
}
.centering_item {
  /* 背景色指定 */
  background-color    width : 　　　   200px;
  /* 幅指定 */
  height : 90px;
  /* 高さ指定 */
  margin : 0 auto;
  /* 中央寄せ */
}

yohaku {
  margin-top : 20px;
  margin-bottom : 20px;
  margin-left : 20px;
  margin-right : 20px;
  text-align : left;
  padding-top : 10px;
  padding-bottom : 10px;
  padding-left : 10px;
  padding-right : 10px;
  width : 20px;
}

.button-grid {
  ...  margin : auto;
  padding : 16px;
  margin-bottom : 24px;
  /* ← 追加した部分 */
}