@charset "UTF-8";
/*===============================
色設定
================================*/
.gray1 {
  color: rgb(245, 245, 245);
}

.bg_gray1 {
  background-color: rgb(245, 245, 245);
}

.bd_gray1 {
  border-color: rgb(245, 245, 245);
}

.nav_pc.gray1 {
  border-bottom: 10px solid rgb(245, 245, 245);
}

.nav_sp.gray1 {
  border-bottom: 10px solid rgb(245, 245, 245);
}

.gray2 {
  color: rgb(220, 220, 220);
}

.bg_gray2 {
  background-color: rgb(220, 220, 220);
}

.bd_gray2 {
  border-color: rgb(220, 220, 220);
}

.nav_pc.gray2 {
  border-bottom: 10px solid rgb(220, 220, 220);
}

.nav_sp.gray2 {
  border-bottom: 10px solid rgb(220, 220, 220);
}

.gray3 {
  color: rgb(100, 100, 100);
}

.bg_gray3 {
  background-color: rgb(100, 100, 100);
}

.bd_gray3 {
  border-color: rgb(100, 100, 100);
}

.nav_pc.gray3 {
  border-bottom: 10px solid rgb(100, 100, 100);
}

.nav_sp.gray3 {
  border-bottom: 10px solid rgb(100, 100, 100);
}

.gray4 {
  color: rgb(50, 50, 50);
}

.bg_gray4 {
  background-color: rgb(50, 50, 50);
}

.bd_gray4 {
  border-color: rgb(50, 50, 50);
}

.nav_pc.gray4 {
  border-bottom: 10px solid rgb(50, 50, 50);
}

.nav_sp.gray4 {
  border-bottom: 10px solid rgb(50, 50, 50);
}

.blue1 {
  color: rgb(209, 222, 235);
}

.bg_blue1 {
  background-color: rgb(209, 222, 235);
}

.bd_blue1 {
  border-color: rgb(209, 222, 235);
}

.nav_pc.blue1 {
  border-bottom: 10px solid rgb(209, 222, 235);
}

.nav_sp.blue1 {
  border-bottom: 10px solid rgb(209, 222, 235);
}

.blue2 {
  color: rgb(147, 195, 231);
}

.bg_blue2 {
  background-color: rgb(147, 195, 231);
}

.bd_blue2 {
  border-color: rgb(147, 195, 231);
}

.nav_pc.blue2 {
  border-bottom: 10px solid rgb(147, 195, 231);
}

.nav_sp.blue2 {
  border-bottom: 10px solid rgb(147, 195, 231);
}

.blue3 {
  color: rgb(84, 163, 213);
}

.bg_blue3 {
  background-color: rgb(84, 163, 213);
}

.bd_blue3 {
  border-color: rgb(84, 163, 213);
}

.nav_pc.blue3 {
  border-bottom: 10px solid rgb(84, 163, 213);
}

.nav_sp.blue3 {
  border-bottom: 10px solid rgb(84, 163, 213);
}

.blue4 {
  color: rgb(0, 140, 201);
}

.bg_blue4 {
  background-color: rgb(0, 140, 201);
}

.bd_blue4 {
  border-color: rgb(0, 140, 201);
}

.nav_pc.blue4 {
  border-bottom: 10px solid rgb(0, 140, 201);
}

.nav_sp.blue4 {
  border-bottom: 10px solid rgb(0, 140, 201);
}

.blue4a {
  color: rgba(0, 140, 201, 0.7);
}

.bg_blue4a {
  background-color: rgba(0, 140, 201, 0.7);
}

.bd_blue4a {
  border-color: rgba(0, 140, 201, 0.7);
}

.nav_pc.blue4a {
  border-bottom: 10px solid rgba(0, 140, 201, 0.7);
}

.nav_sp.blue4a {
  border-bottom: 10px solid rgba(0, 140, 201, 0.7);
}

.blue5 {
  color: rgb(18, 120, 187);
}

.bg_blue5 {
  background-color: rgb(18, 120, 187);
}

.bd_blue5 {
  border-color: rgb(18, 120, 187);
}

.nav_pc.blue5 {
  border-bottom: 10px solid rgb(18, 120, 187);
}

.nav_sp.blue5 {
  border-bottom: 10px solid rgb(18, 120, 187);
}

.pink1 {
  color: rgb(240, 210, 220);
}

.bg_pink1 {
  background-color: rgb(240, 210, 220);
}

.bd_pink1 {
  border-color: rgb(240, 210, 220);
}

.nav_pc.pink1 {
  border-bottom: 10px solid rgb(240, 210, 220);
}

.nav_sp.pink1 {
  border-bottom: 10px solid rgb(240, 210, 220);
}

.pink2 {
  color: rgb(230, 140, 160);
}

.bg_pink2 {
  background-color: rgb(230, 140, 160);
}

.bd_pink2 {
  border-color: rgb(230, 140, 160);
}

.nav_pc.pink2 {
  border-bottom: 10px solid rgb(230, 140, 160);
}

.nav_sp.pink2 {
  border-bottom: 10px solid rgb(230, 140, 160);
}

.pink2a {
  color: rgba(230, 140, 160, 0.7);
}

.bg_pink2a {
  background-color: rgba(230, 140, 160, 0.7);
}

.bd_pink2a {
  border-color: rgba(230, 140, 160, 0.7);
}

.nav_pc.pink2a {
  border-bottom: 10px solid rgba(230, 140, 160, 0.7);
}

.nav_sp.pink2a {
  border-bottom: 10px solid rgba(230, 140, 160, 0.7);
}

.yellow1 {
  color: rgb(235, 225, 135);
}

.bg_yellow1 {
  background-color: rgb(235, 225, 135);
}

.bd_yellow1 {
  border-color: rgb(235, 225, 135);
}

.nav_pc.yellow1 {
  border-bottom: 10px solid rgb(235, 225, 135);
}

.nav_sp.yellow1 {
  border-bottom: 10px solid rgb(235, 225, 135);
}

.yellow2 {
  color: rgb(220, 170, 0);
}

.bg_yellow2 {
  background-color: rgb(220, 170, 0);
}

.bd_yellow2 {
  border-color: rgb(220, 170, 0);
}

.nav_pc.yellow2 {
  border-bottom: 10px solid rgb(220, 170, 0);
}

.nav_sp.yellow2 {
  border-bottom: 10px solid rgb(220, 170, 0);
}

.yellow2a {
  color: rgba(220, 170, 0, 0.7);
}

.bg_yellow2a {
  background-color: rgba(220, 170, 0, 0.7);
}

.bd_yellow2a {
  border-color: rgba(220, 170, 0, 0.7);
}

.nav_pc.yellow2a {
  border-bottom: 10px solid rgba(220, 170, 0, 0.7);
}

.nav_sp.yellow2a {
  border-bottom: 10px solid rgba(220, 170, 0, 0.7);
}

.bg_art1 {
  background-color: mediumseagreen;
}

.bga_art1 {
  background-color: rgba(60, 179, 113, 0.8);
}

.bg_art2 {
  background-color: royalblue;
}

.bga_art2 {
  background-color: rgba(65, 105, 225, 0.8);
}

.bg_hit1 {
  background-color: orange;
}

.bga_hit1 {
  background-color: rgba(255, 165, 0, 0.8);
}

.bg_hit2 {
  background-color: mediumorchid;
}

.bga_hit2 {
  background-color: rgba(186, 85, 211, 0.8);
}

.bg_life1 {
  background-color: cadetblue;
}

.bga_life1 {
  background-color: rgba(95, 158, 160, 0.8);
}

.bg_life2 {
  background-color: yellowgreen;
}

.bga_life2 {
  background-color: rgba(154, 205, 50, 0.8);
}

.bg_para1 {
  background-color: crimson;
}

.bga_para1 {
  background-color: rgba(220, 20, 60, 0.8);
}

.bg_para2 {
  background-color: deepskyblue;
}

.bga_para2 {
  background-color: rgba(0, 191, 255, 0.8);
}

.bg_work1 {
  background-color: goldenrod;
}

.bga_work1 {
  background-color: rgba(218, 165, 32, 0.8);
}

.bg_work2 {
  background-color: tomato;
}

.bga_work2 {
  background-color: rgba(255, 99, 71, 0.8);
}

.bg_work3 {
  background-color: mediumturquoise;
}

.bga_work3 {
  background-color: rgba(72, 209, 204, 0.8);
}

.bg_work4 {
  background-color: firebrick;
}

.bga_work4 {
  background-color: rgba(178, 34, 34, 0.8);
}

.bg_work5 {
  background-color: peru;
}

.bga_work5 {
  background-color: rgba(205, 133, 63, 0.8);
}

.bg_para3 {
  background-color: dodgerblue;
}

.bga_para3 {
  background-color: rgba(30, 144, 255, 0.8);
}

.bg_life3 {
  background-color: mediumseagreen;
}

.bga_life3 {
  background-color: rgba(60, 179, 113, 0.8);
}

.bg_hit3 {
  background-color: saddlebrown;
}

.bga_hit3 {
  background-color: rgba(139, 69, 19, 0.8);
}

.bg_work6 {
  background-color: midnightblue;
}

.bga_work6 {
  background-color: rgba(25, 25, 112, 0.8);
}

.bg_life4 {
  background-color: teal;
}

.bga_life4 {
  background-color: rgba(0, 128, 128, 0.8);
}

.bg_hit4 {
  background-color: plum;
}

.bga_hit4 {
  background-color: rgba(221, 160, 221, 0.8);
}

.bg_work7 {
  background-color: indigo;
}

.bga_work7 {
  background-color: rgba(75, 0, 130, 0.8);
}

.bg_para4 {
  background-color: navy;
}

.bga_para4 {
  background-color: rgba(0, 0, 128, 0.8);
}

.bg_life5 {
  background-color: #0c5b97;
}

.bga_life5 {
  background-color: rgba(12, 91, 151, 0.8);
}

.bg_para5 {
  background-color: darkkhaki;
}

.bga_para5 {
  background-color: rgba(189, 183, 107, 0.8);
}

.bg_work8 {
  background-color: seagreen;
}

.bga_work8 {
  background-color: rgba(46, 139, 87, 0.8);
}

.bg_life6 {
  background-color: #333333;
}

.bga_life6 {
  background-color: rgba(51, 51, 51, 0.8);
}

.bg_life7 {
  background-color: forestgreen;
}

.bga_life7 {
  background-color: rgba(34, 139, 34, 0.8);
}

.bg_work9 {
  background-color: goldenrod;
}

.bga_work9 {
  background-color: rgba(218, 165, 32, 0.8);
}

.bg_work10 {
  background-color: darkturquoise;
}

.bga_work10 {
  background-color: rgba(0, 206, 209, 0.8);
}

.bg_life8 {
  background-color: steelblue;
}

.bga_life8 {
  background-color: rgba(70, 130, 180, 0.8);
}

/*===============================
メディアクエリ
================================*/
/*===============================
入力省略
================================*/
.bnr {
  cursor: pointer;
  position: relative;
}
.bnr .bnr-title {
  color: rgb(50, 50, 50);
  background-color: rgb(235, 225, 135);
  padding: 0.25em 0.5em;
  /*display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  align-items: center;*/
}
.bnr .bnr-title.line2 {
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
.bnr .bnr-title .bnr-city {
  color: rgb(50, 50, 50);
  text-align: right;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  position: absolute;
  right: 0.2rem;
  bottom: 0.1rem;
  font-size: 0.9em;
}

.modal-window {
  -webkit-transform: translate(0, 100%);
  -moz-transform: translate(0, 100%);
  -o-transform: translate(0, 100%);
  -ms-transform: translate(0, 100%);
  transform: translate(0, 100%);
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  line-height: 1.3;
  display: none;
  text-align: center;
}
.modal-window.show, .modal-window:target {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  display: block;
}

.is-active.modal-window {
  display: block\9 ;
}

.modal-window:target {
  display: block\9 ;
}
.modal-window .modal-outer {
  position: absolute;
  top: calc(50% - 15px);
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  width: 90%;
  max-width: 1000px;
  max-height: 80vh;
  background-color: #fff;
}
.modal-window .modal-inner {
  max-height: inherit;
  border-radius: 0 2px 2px 2px;
  padding: 20px;
  z-index: 11;
  background-color: #fff;
  border: 10px solid rgb(235, 225, 135);
  overflow: auto;
}

.modal-inner img {
  height: auto;
  width: 100%;
}

.modal-window .modal-inner p {
  padding: 0 20px;
}
.modal-window .modal-close {
  display: block;
  text-indent: -100px;
  overflow: hidden;
}
.modal-window .modal-close:hover {
  opacity: 1 !important;
}

/*
.modal-window .modal-close:before {
    content: '';
*/
#modal-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 200;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAEElEQVR42gEFAPr/AAAAAMwA0QDNTiUx4gAAAABJRU5ErkJggg==");
  -webkit-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  transition: opacity 0.4s;
  opacity: 0;
}
#modal-overlay.show {
  display: block;
  opacity: 1;
}

.modal-window {
  -webkit-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  transition: opacity 0.4s;
}
.modal-window .modal-close {
  cursor: pointer;
  position: absolute;
  top: -30px;
  right: 0px;
  z-index: 20;
  width: 30px;
  height: 30px;
  /*margin-left: 285px;*/
  background: #fff;
  border-radius: 2px 2px 0 0;
  font-size: 1.2em;
  text-decoration: none;
  text-indent: 0;
  line-height: 1.5;
}

.modal-mover {
  display: none;
}
.modal-mover.show {
  display: block;
  color: #fff;
  font-size: 4rem;
  position: absolute;
  bottom: -120px;
  left: 60px;
  z-index: 12;
  transform: translate(-110%, -50%);
  cursor: pointer;
}
.modal-mover.modal-next.show {
  left: auto;
  right: 60px;
  transform: translate(110%, -50%);
}