@charset "UTF-8";
/* common
**********************************/
.sp_blc, .sp_inblc {
  /*display: none;*/
}

#contents .btnList_rsp {
  display: flex;
  flex-wrap: wrap;
}

#contents .btnList_rsp li {
  position: relative;
  width: 31%;
  margin: 0 2% 0 0;
  background: url(/common/images/btn_base02_rsp.png);
  border-radius: 2px;
  box-shadow: 0 2px 2px #b2b3b2;
}

#contents .btnList_rsp li a {
  display: flex;
  align-items: center;
  width: 88%;
  height: auto;
  padding: 20px 6%;
  font-size: 1.6rem;
  color: #333;
  font-weight: bold;
  text-decoration: none;
  line-height: 1.2;
  /*white-space: nowrap;*/
}

#contents .btnList_rsp li:after {
  position: absolute;
  display: block;
  content: "";
  right: 8px;
  bottom: 8px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 8px 8px;
  border-color: transparent transparent #007bff transparent;
  border-bottom-width: 8px;
  border-bottom-color: #379bbd;
}

#contents .print_btn,
#wide_contents .print_btn {
  text-align: right;
}

#contents .print_btn button,
#wide_contents .print_btn button {
  padding: 10px 20px;
  font-size: 1.4rem;
  cursor: pointer;
}

/* footer
**********************************/
#footer_n {
  display: block;
  width: 100%;
  background: url(/common/images/bg_navi.jpg) repeat;
}

#footer_n.third {
  background: none;
}

#footer_n .pagetop {
  width: 110px;
  margin: 30px auto 0;
  padding: 0 0 10px;
  text-align: center;
  background: url(/common/images/footer.gif) no-repeat center bottom;
}

#footer_n #footer_location {
  width: 100%;
  padding: 40px 0 50px;
  background-color: #333;
}

#footer_n .footer_wrapper {
  width: 1000px;
  margin: 0 auto 30px auto;
  overflow: hidden;
}

#footer_n .footer_wrapper .left {
  float: left;
}

#footer_n .footer_wrapper .right {
  float: right;
}

#footer_n .footer_wrapper ul {
  overflow: hidden;
}

#footer_n .footer_wrapper ul li {
  float: left;
}

#footer_n .footer_wrapper a,
#footer_n .footer_wrapper ul li {
  font-size: 1.4rem;
  color: #fff;
  text-decoration: none;
}

#footer_n .footer_wrapper a {
  display: inline-block;
  padding: 0 6px;
}

#footer_n .footer_wrapper .foot_navi.area {
  margin-right: 0;
  margin-left: auto;
  display: inline;
  display: table;
  text-align: right;
}

#footer_n .footer_wrapper .foot_navi.gray li {
  float: none;
  color: #999;
}

#footer_n .footer_wrapper .foot_navi.gray li.contact,
#footer_n .footer_wrapper .foot_navi.gray li.contact a {
  text-align: right;
  font-size: 1.4rem;
  line-height: 2.52;
}

#footer_n .footer_wrapper .foot_navi.sns li {
  margin: 0 12px;
}

#footer_n .footer_wrapper .foot_navi.sns li a {
  display: block;
  width: 32px;
  height: 32px;
  padding: 0;
}

#footer_n .footer_wrapper .foot_navi.sns li .thumb {
  display: inline-block;
  background: no-repeat center center;
  background-size: cover;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

#footer_n .footer_wrapper .copy {
  display: block;
  margin-top: 20px;
  text-align: right;
  font-size: 1rem;
  color: #999;
}

#footer_n.third .footer_wrapper .copy {
  margin-top: 0;
}

/* smp_navi
**********************************/
#header .head_smpnavi {
  position: fixed;
  display: none;
  top: 0;
  right: 0;
}

@media only screen and (max-width: 999px) {
  #header li a {
    border-right: none;
  }
  #header .header_inner {
    width: 100%;
  }
}
/* toppage
**********************************/
#visualSection .top_slide {
  /*display: none;*/
}

#visualSection .top_slide::after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(/images/catch.png) center center no-repeat;
  visibility: inherit !important;
  pointer-events: none;
}

#visualSection .top_slide .slick-dots {
  position: absolute;
  left: calc(50% - 60px);
  bottom: 15px;
  width: auto !important;
  padding-left: 10px;
}

#visualSection .top_slide .slick-dots li {
  display: inline-block;
}

#visualSection .top_slide .slick-dots button {
  background-color: inherit;
  border-radius: 5px;
  border: 1px solid #fff !important;
  cursor: pointer;
  height: 10px;
  line-height: 1;
  padding: 0;
  width: 10px;
  vertical-align: middle;
  text-indent: -9999px;
}

#visualSection .top_slide .slick-dots .slick-active button {
  background-color: #fff !important;
}

#visualSection .wideslider {
  /*display: none;*/
}

.tabNavi .sp_blc {
  display: none;
}

/* learning
**********************************/
#learning .index_list {
  width: 1000px;
  margin: 0 auto;
}

#learning .index_list div {
  float: left;
  width: 320px;
  margin-right: 20px;
  margin-bottom: 20px;
}

#learning .index_list div:nth-child(3) {
  margin-right: 0;
}

/*#learning .index_list.first div:last-child {
	display: none;
}*/
#learning .index_list div > img, #learning .index_list div > img {
  display: block;
}

/* movie modal
**********************************/
.moviebox span {
  color: #3979A5;
  text-decoration: underline;
  cursor: pointer;
}

.moviebox img {
  margin-top: 8px;
  cursor: pointer;
}

#overlay_mov {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 30001;
  background-color: rgba(0, 0, 0, 0.75);
}

#overlay_mov .close_nav {
  position: absolute;
  top: 22px;
  right: 22px;
  width: 22px;
  height: 22px;
  cursor: pointer;
  background: url(../images/icon_close.svg) no-repeat;
  background-size: 22px;
  cursor: pointer;
}

#overlay_mov .inner {
  position: absolute;
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}

#overlay_mov .inner .box {
  padding: 20px;
  background-color: #fff;
  text-align: center;
}

#overlay_mov .inner .box {
  width: 80%;
  padding: 20px;
  background-color: #fff;
  text-align: center;
}

#overlay_mov .inner .box video {
  max-width: 100%;
  height: auto;
}

@media only screen and (max-width: 999px) { /* --------- Responsive Portrait --------- */
  img {
    max-width: 100%;
    height: auto;
  }
  #wrapper *, #wrapper *:before, #wrapper *:after {
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .sp_blc {
    display: block !important;
  }
  .sp_inblc {
    display: inline-block !important;
  }
  #wrapper, #header, #page_wrapper, #contents, #index_list, #wide_contents {
    width: 100% !important;
  }
  #head_right, #header .head_gnavi, #sub_contents ul, #sub_side ul {
    display: none !important;
  }
  #header .head {
    margin-top: 15px;
    margin-left: 3%;
  }
  #header .head img {
    max-width: 315px;
  }
  #sub_contents {
    min-width: inherit;
  }
  #page_wrapper {
    display: flex !important;
    flex-direction: column-reverse;
  }
  #sub_side, #contents {
    float: none;
  }
  #sub_side h3 {
    width: 30vw;
    min-width: 140px;
    background: none !important;
  }
  #sub_side h4,
  #sub_side .imgCenter {
    display: none;
  }
  #contents {
    margin-top: -10vw;
    padding: 0 2vw;
  }
  #contents #sub_head {
    float: right;
  }
  #contents #sub_head + p {
    clear: both;
  }
  #wide_contents {
    padding: 0 2vw 50px 2vw;
    overflow: hidden;
  }
  #wide_contents .search_result_foot {
    width: 100%;
  }
  .cel03 {
    width: 100%;
    margin: 0;
  }
  /* smp_navi
  **********************************/
  #header .head_smpnavi {
    display: block;
    width: 44px;
    height: 44px;
    overflow: hidden;
    /*pointer-events: auto;*/
    z-index: 10;
  }
  #header .head_smpnavi .inner {
    background-color: #fff;
    opacity: 0;
    transition: 0.2s;
    pointer-events: none;
  }
  #header .head_smpnavi.menu-is-open {
    width: 100vw;
    height: auto;
  }
  #header .head_smpnavi.menu-is-open .inner {
    opacity: 0.95;
    pointer-events: auto;
  }
  #header .head_smpnavi:before, #header .head_smpnavi:after, #header .head_smpnavi div:before, #header .head_smpnavi div:after, #header .head_smpnavi ul:before, #header .head_smpnavi ul:after {
    display: none;
  }
  #header .head_smpnavi .smp_nav {
    position: fixed;
    display: block;
    top: 8px;
    right: 8px;
    width: 44px;
    height: 44px;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    z-index: 10;
  }
  #header .head_smpnavi .smp_nav span {
    position: absolute;
    display: block;
    width: 30px;
    height: 2px;
    background: #070203;
    top: 50%;
    margin-top: -1px;
    left: 50%;
    margin-left: -15px;
    transition: background 0.3s;
  }
  #header .head_smpnavi .smp_nav span::before, #header .head_smpnavi .smp_nav span::after {
    content: "";
    position: absolute;
    left: 0;
    background: inherit;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    transform: translateZ(0);
    backface-visibility: hidden;
    transition: transform 0.3s, background 0s;
  }
  #header .head_smpnavi .smp_nav span::before {
    top: -10px;
    transform: rotate(0);
  }
  #header .head_smpnavi .smp_nav span::after {
    bottom: -10px;
    transform: rotate(0);
  }
  #header .head_smpnavi .smp_nav.menu-is-open {
    transform: rotate(180deg);
    background-color: #2d2d2d;
  }
  #header .head_smpnavi .smp_nav.menu-is-open span {
    background: transparent;
  }
  #header .head_smpnavi .smp_nav.menu-is-open span::before, #header .head_smpnavi .smp_nav.menu-is-open span::after {
    background: #fff;
  }
  #header .head_smpnavi .smp_nav.menu-is-open span::before {
    top: 0;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
  }
  #header .head_smpnavi .smp_nav.menu-is-open span::after {
    bottom: 0;
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -o-transform: rotate(225deg);
  }
  #header .title {
    padding: 0vw 0 5px 2vw;
    border-bottom: 2px solid #030000;
  }
  #header .title img {
    width: 63%;
  }
  #header .smp_gnav,
  #header .smp_subnav {
    width: 100vw;
    overflow: hidden;
  }
  #header .smp_gnav li {
    display: block;
    float: left;
    width: 20%;
    height: auto;
    margin: 0;
    padding: 0;
    background: none;
  }
  #header .smp_gnav li:nth-child(1) {
    width: 100%;
  }
  #header .smp_gnav li a {
    display: block;
    font-size: 16px;
    line-height: 50px;
    padding: 0 0 0 38px;
    position: relative;
    color: #030000;
    border-bottom: 1px solid #030000;
    border-right: 1px solid #030000;
  }
  #header .smp_gnav li a::before {
    content: "";
    left: -10px;
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: 6px;
    border-style: solid;
    border-width: 6px 0 6px 12px;
    border-color: transparent transparent transparent #030000;
  }
  #header .smp_subnav {
    margin-top: 20px;
    padding-bottom: 20px;
    border-bottom: 2px solid #030000;
  }
  #header .smp_subnav li {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    background: none;
  }
  #header .smp_subnav li a {
    display: block;
    font-size: 16px;
    line-height: 44px;
    padding: 0 0 0 38px;
    position: relative;
    color: #030000;
  }
  #header .smp_subnav li a::before {
    content: "";
    left: -10px;
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: 6px;
    border-style: solid;
    border-width: 6px 0 6px 12px;
    border-color: transparent transparent transparent #030000;
  }
  /* footer
  **********************************/
  #photo {
    min-width: inherit !important;
  }
  .photo_warpper {
    width: 100% !important;
  }
  .photo_warpper ul {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
  }
  .photo_warpper ul li {
    width: 184px;
    height: 80px;
    display: inline;
    margin: 20px 0 0 2vw !important;
    float: none;
  }
  /*#footer {
  	min-width:inherit;
  }
  #footer_3rd {
  	min-width:inherit;
  }
  #footer a, #footer_3rd a {
  	padding: 0 6px;
  }
  #footer_location {
  	background-color:#333!important;
  	width:100%;
  	min-width:inherit;
  }
  .footer_wrapper {
  	width:94vw;
  	padding: 0 3vw;
  }*/
  #footer_n #footer_location {
    background-color: #333 !important;
    width: 100%;
    min-width: inherit;
  }
  #footer_n .footer_wrapper {
    width: 94vw;
    margin: 0;
    padding: 0 3vw;
  }
  #footer_n .footer_wrapper .left,
  #footer_n .footer_wrapper .right {
    float: none;
    margin-bottom: 20px;
  }
  #footer_n .footer_wrapper .foot_navi.area {
    width: 100%;
  }
  #footer_n .footer_wrapper .foot_navi.gray li.contact,
  #footer_n .footer_wrapper .foot_navi.gray li.contact a {
    text-align: left;
  }
  #footer_n .footer_wrapper .copy {
    margin-top: 20px;
    text-align: left;
  }
  /* toppage
  **********************************/
  #visualSection .wideslider {
    display: none;
  }
  #visualSection .top_slide {
    position: relative;
    height: 42vw;
    overflow: hidden;
    display: block;
  }
  #visualSection .top_slide .slick-slide {
    position: relative;
    margin: 0 0 !important;
    width: 100vw !important;
  }
  #visualSection .top_slide .slick-slide a {
    display: block;
  }
  #visualSection .top_slide .slick-slide img {
    width: 100%;
    height: auto;
  }
  #visualSection .top_slide.slick-dotted.slick-slider {
    margin-bottom: 0 !important;
  }
  #wrapper .navi {
    width: 96vw !important;
    margin: 0 auto 30px !important;
    display: flex;
    justify-content: space-between;
  }
  .navi li {
    width: 18.4vw !important;
    min-width: 140px;
    text-align: center;
    display: inline;
    margin: 0 0 0 2px !important;
    padding: 8px 0;
    float: none;
    display: block;
  }
  #tabcontainer {
    width: 100% !important;
    height: auto !important;
    margin: 0 auto 0px;
    padding: 12vw 0 0;
    background: none !important;
    background-size: 105% !important;
  }
  /* category common
  **********************************/
  /* publication
  **********************************/
  /* kenchiku
  **********************************/
  /*受賞作品検索窓*/
  /* about
  **********************************/
  /* publication
  **********************************/
  /* search */
  /* learning
  **********************************/
  /* iinkai
  **********************************/
  /* rss
  **********************************/
}
@media only screen and (max-width: 999px) and (max-width: 999px) {
  #tabcontainer tr {
    padding-right: 0;
  }
  #tabcontainer table {
    width: 100%;
  }
  #tabcontainer #tab-1 table th,
  #tabcontainer #tab-8 table th {
    background-size: 10.8vw !important;
  }
}
@media only screen and (max-width: 999px) {
  #tabcontainer .tabNavi {
    top: 0;
    left: 0vw;
    width: 100vw;
    padding: 0 3vw;
    display: flex;
    justify-content: space-between;
    border-bottom: 2px solid #2d2d2d;
    align-items: flex-end;
  }
  #tabcontainer .tabNavi::before, #tabcontainer .tabNavi::after {
    display: none;
  }
}
@media only screen and (max-width: 999px) {
  #tabcontainer .tabNavi li {
    float: left;
    display: none;
    float: none;
  }
}
@media only screen and (max-width: 999px) {
  #tabcontainer .tabNavi li:nth-child(1),
  #tabcontainer .tabNavi li:nth-child(7),
  #tabcontainer .tabNavi li:nth-child(8) {
    display: block;
    width: 30vw;
    text-align: center;
    margin-bottom: 0 !important;
  }
}
@media only screen and (max-width: 999px) {
  #tabcontainer .tabNavi li:nth-child(1) a,
  #tabcontainer .tabNavi li:nth-child(7) a,
  #tabcontainer .tabNavi li:nth-child(8) a {
    display: block;
    line-height: 30px;
    background-color: #e4e5e4;
    text-decoration: none;
    margin-bottom: -2px;
  }
}
@media only screen and (max-width: 999px) {
  #tabcontainer .tabNavi li a:hover,
  #tabcontainer .tabNavi li a.selected {
    background-color: #379cbe;
    color: #fff;
  }
}
@media only screen and (max-width: 999px) {
  #tabcontainer .tabNavi li:nth-child(1) img,
  #tabcontainer .tabNavi li:nth-child(7) img,
  #tabcontainer .tabNavi li:nth-child(8) img {
    display: none;
  }
}
@media only screen and (max-width: 999px) {
  #tabContainer {
    position: relative;
    left: 3vw !important;
    top: 0vw !important;
    width: 93vw !important;
    height: auto !important;
    padding-top: 0;
    background-color: #fff;
    background: none;
    margin-bottom: 25px;
  }
}
@media only screen and (max-width: 999px) {
  #tab-1, #tab-2, #tab-3, #tab-4, #tab-5, #tab-6, .inner, #tab-7, #tab-8 {
    position: relative !important;
    width: 100% !important;
    left: 0 !important;
    padding-right: 0;
    padding-left: 0;
  }
}
@media only screen and (max-width: 999px) {
  #tabContainer table th.new:before, .tabNavi li.new:before {
    display: none;
  }
}
@media only screen and (max-width: 999px) {
  #wrapper .topics {
    width: 100% !important;
    margin: 20px auto !important;
    padding-top: 20px;
  }
}
@media only screen and (max-width: 999px) {
  #contents #index_text {
    clear: both;
    text-align: center;
  }
}
@media only screen and (max-width: 999px) {
  #index_list {
    padding: 0 4vw 0 0;
  }
}
@media only screen and (max-width: 999px) {
  #contents .btnList01 li,
  #contents .btnList02 li {
    width: 44vw;
    margin: 0 2vw 17px 2vw;
  }
}
@media only screen and (max-width: 999px) {
  #index_list .btnList02 li {
    width: 44vw;
    margin: 0 0 17px 4vw;
  }
}
@media only screen and (max-width: 999px) {
  #contents .btnList01 li a {
    display: block;
    position: relative;
    width: 100%;
    height: 56px;
    background: url(/common/images/btn_base02_rsp.png);
    border-radius: 5px;
    box-shadow: 0 2px 2px #b2b3b2;
  }
}
@media only screen and (max-width: 999px) {
  #index_list .btnList02 li a,
  #contents .btnList02 li a {
    display: block;
    position: relative;
    width: 100%;
    height: 66px;
    background: url(/common/images/btn_base02_rsp.png);
    border-radius: 5px;
    box-shadow: 0 2px 2px #b2b3b2;
  }
}
@media only screen and (max-width: 999px) {
  #contents .btnList01 li a:after,
  #index_list .btnList02 li a:after,
  #contents .btnList02 li a:after {
    position: absolute;
    display: block;
    content: "";
    right: 8px;
    bottom: 8px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 8px 8px;
    border-color: transparent transparent #007bff transparent;
    border-bottom-width: 8px;
    border-bottom-color: #379bbd;
  }
}
@media only screen and (max-width: 999px) {
  .pdf_container p {
    float: none;
    width: 100%;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.6;
  }
}
@media only screen and (max-width: 999px) {
  .pdf_container div {
    float: none;
    width: 158px;
    margin: 10px auto 0 auto;
  }
}
@media only screen and (max-width: 999px) {
  h3.h3_type02, h3.h3_type02 {
    width: 100%;
  }
}
@media only screen and (max-width: 999px) {
  #contents .cel02 {
    width: 100%;
  }
}
@media only screen and (max-width: 999px) {
  .bg_greyace .left,
  .bg_greyace03 .left02 {
    float: left;
    width: 220px;
    padding-right: 5%;
  }
}
@media only screen and (max-width: 999px) {
  .bg_greyace .rightLink,
  .bg_greyace .rightLink02,
  .bg_greyace03 .rightLink03 {
    width: calc(100% - 220px);
    float: left;
  }
}
@media only screen and (max-width: 999px) {
  .bg_greyace03 .bg_dotted {
    width: 100%;
    border-bottom: 1px dotted #333333;
    margin-bottom: 20px;
    padding: 0 0 20px;
  }
}
@media only screen and (max-width: 999px) {
  #kenchiku .container01 .photo {
    width: 100%;
    text-align: center;
  }
}
@media only screen and (max-width: 999px) {
  #kenchiku .container01 p {
    width: 100%;
    float: left;
  }
}
@media only screen and (max-width: 999px) {
  #kenchiku .container02 .person {
    width: 45%;
    height: 340px;
    margin-right: 2%;
  }
}
@media only screen and (max-width: 999px) {
  #kenchiku #search_how_container li {
    padding: 25px 15px;
    display: block;
    height: 100px;
  }
}
@media only screen and (max-width: 999px) {
  #kenchiku #search_how_container li.map {
    width: 25%;
    min-width: 175px;
  }
}
@media only screen and (max-width: 999px) {
  #kenchiku #search_how_container li.year {
    width: 25%;
  }
}
@media only screen and (max-width: 999px) {
  #kenchiku #search_how_container li.word {
    width: 50%;
    line-height: 1.8;
  }
}
@media only screen and (max-width: 999px) {
  #kenchiku #search_how_container li.word .word_input {
    width: 220px;
  }
}
@media only screen and (max-width: 999px) {
  #kenchiku #search_how_container li.word .btn_submit {
    margin: 0;
    padding: 0;
  }
}
@media only screen and (max-width: 999px) {
  #kenchiku #result_year_list li {
    margin: 0 3% 20px 0;
    width: 30%;
  }
}
@media only screen and (max-width: 999px) {
  #kenchiku .search_result_foot,
  #kenchiku #result_word_tbl {
    width: 100%;
  }
}
@media only screen and (max-width: 999px) {
  #about #index_list {
    padding-left: 4vw;
  }
}
@media only screen and (max-width: 999px) {
  .publication #contents #sub_head {
    margin-top: -80px;
    margin-bottom: 13vw;
  }
}
@media only screen and (max-width: 999px) {
  .publication #sub_side {
    position: relative;
  }
}
@media only screen and (max-width: 999px) {
  .publication #sub_side ul {
    position: absolute;
    display: flex !important;
    width: 94vw;
    margin: -40px 3vw 0 3vw;
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 999px) {
  .publication #sub_side ul li {
    width: auto;
    margin: 0 15px 3px 0;
  }
}
@media only screen and (max-width: 999px) {
  .publication #contents {
    padding-top: 60px;
  }
}
@media only screen and (max-width: 999px) {
  #publication #search_form .text_input {
    display: inline-block;
    width: 50%;
    height: 24px;
    padding: 7px 0 7px 0;
  }
}
@media only screen and (max-width: 999px) {
  #publication #search_box {
    width: 100%;
  }
}
@media only screen and (max-width: 999px) {
  #publication #search_form {
    clear: both;
  }
}
@media only screen and (max-width: 999px) {
  #publication #search_form #submit {
    margin: 0 auto;
  }
}
@media only screen and (max-width: 999px) {
  #publication #search_form,
  #publication #search_form tbody,
  #publication #search_form tr {
    display: block;
    width: 100%;
    text-align: center;
  }
}
@media only screen and (max-width: 999px) {
  #publication #search_form td {
    display: flex;
    width: 100%;
    text-align: center;
  }
}
@media only screen and (max-width: 999px) {
  #publication #search_form td span {
    display: inline;
    width: 5em;
  }
}
@media only screen and (max-width: 999px) {
  #publication .search_result dl.listBGwhite dt {
    display: block;
    float: left;
  }
}
@media only screen and (max-width: 999px) {
  #publication .search_result dl.listBGwhite .cel1,
  #publication .search_result dl.listBGwhite .cel2 {
    width: 6%;
  }
}
@media only screen and (max-width: 999px) {
  #publication .search_result dl.listBGwhite .cel3 {
    width: 75%;
    padding-bottom: 8px;
  }
}
@media only screen and (max-width: 999px) {
  #publication .search_result dl.listBGwhite .cel4 {
    width: 50%;
  }
}
@media only screen and (max-width: 999px) {
  #learning .index_list {
    display: flex;
    flex-wrap: wrap;
    width: 94vw;
    justify-content: space-center;
  }
}
@media only screen and (max-width: 999px) {
  #learning .index_list div {
    float: none;
    width: 320px;
  }
}
@media only screen and (max-width: 999px) {
  #learning .index_list div {
    margin: auto;
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 999px) {
  #learning .index_list div:nth-child(3) {
    margin-right: auto;
  }
}
@media only screen and (max-width: 999px) {
  .iinkai #page_wrapper {
    flex-direction: row-reverse !important;
  }
}
@media only screen and (max-width: 999px) {
  .iinkai #sub_side {
    width: 21vw !important;
  }
}
@media only screen and (max-width: 999px) {
  .iinkai #sub_side ul {
    display: block !important;
  }
}
@media only screen and (max-width: 999px) {
  .iinkai #contents {
    width: 77vw !important;
    margin-top: 0 !important;
  }
}
@media only screen and (max-width: 999px) {
  body.rss.topics {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
}
@media only screen and (max-width: 999px) {
  .rss #contents #sub_head {
    margin-top: -90px;
    margin-bottom: 13vw;
  }
}
@media only screen and (max-width: 999px) {
  .rss #sub_side {
    position: relative;
  }
}
@media only screen and (max-width: 999px) {
  .rss #sub_side p.mb10 {
    position: absolute;
    margin: -50px 0 0 3vw;
  }
}
@media only screen and (max-width: 999px) {
  .rss #sub_side ul {
    position: absolute;
    display: flex !important;
    width: 94vw;
    margin: -25px 3vw 0 3vw;
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 999px) {
  .rss #sub_side ul li {
    display: inline-block;
    width: auto;
    margin: 0 15px 3px 0 !important;
  }
}
@media only screen and (max-width: 999px) {
  .rss #contents {
    padding-top: 60px;
  }
}
@media only screen and (max-width: 650px) {
  /* header
  **********************************/
  #header .smp_gnav li {
    width: 33%;
  }
  #header .smp_gnav li:nth-child(4) {
    width: 34%;
  }
  #header .smp_gnav li:nth-child(1) a,
  #header .smp_gnav li:nth-child(4) a {
    border-right: none;
  }
  /* footer
  **********************************/
  #footer .left, #footer_3rd .left {
    float: none;
    /*	width:663px;*/
  }
  #footer .right, #footer_3rd .right {
    /*position:relative;
    display:block;*/
    float: none;
    /*	width:337px;*/
    width: 100%;
    padding-top: 10px;
  }
  #footer .right .foot_navi3, #footer_3rd .right .foot_navi3 {
    float: none;
  }
  /*#footer .right .foot_navi3 li,#footer_3rd .right .foot_navi3 li {
  	width: 20%;
  	display: inline-block;
  }*/
  #footer ul.foot_navi1,
  #footer ul.foot_navi2 {
    margin-left: 10px;
  }
  #footer ul.foot_navi1, #footer ul.foot_navi2, #footer ul.foot_navi3, #footer_3rd ul.foot_navi1, #footer_3rd ul.foot_navi3 {
    padding-bottom: 10px;
  }
  /* toppage
  **********************************/
  #visualSection .top_slide::after {
    background: url(/images/catch.png) center center no-repeat;
    background-size: 94%;
  }
  /* category common
  **********************************/
  #wrapper .left {
    float: none;
  }
  #index_list {
    padding: 0 4vw;
  }
  #contents .btnList01 li,
  #index_list .btnList02 li {
    width: 92vw;
    margin: 0 0 12px 0;
  }
  #contents .btn_container02 {
    padding: 20px 3vw 10px 3vw;
  }
  #contents .btnList02 li {
    width: 100%;
    margin: 0 0 12px 0;
  }
  #contents .btnList01 li a {
    display: block;
    width: 100%;
    height: 56px;
  }
  #index_list .btnList02 li a,
  #contents .btnList02 li a {
    display: block;
    width: 100%;
    height: 66px;
  }
  #form_name table, #form_name h4 {
    width: 100%;
  }
  #form_name table td {
    display: block;
    width: 100% !important;
    padding-bottom: 10px;
    text-align: center;
  }
  #form_name table td #word_input {
    width: 80%;
  }
  #search-option-table tbody {
    display: block;
    width: 100%;
  }
  #search-option-table tr,
  #search-option-table th,
  #search-option-table td {
    display: block;
    width: 100%;
    text-align: center;
  }
  .search_result_foot .pagination,
  .search_result_foot .pagination ul {
    width: 100%;
  }
  .search_result_foot .pagination ul li {
    margin-bottom: 10px;
  }
  #sub_head .pan li {
    white-space: inherit;
  }
  /* publication
  **********************************/
  .bg_greyace .left {
    float: none;
    width: 100%;
    padding: 0;
    text-align: center;
  }
  .bg_greyace img.left {
    width: 240px;
    display: block;
    margin: 0 auto;
  }
  .bg_greyace .rightLink,
  .bg_greyace .rightLink02 {
    width: 100%;
    float: none;
    padding: 20px 0 0 0;
  }
  .bg_greyace .rightLink02 dl.col1,
  .bg_greyace .rightLink02 dl.col2 {
    width: 50%;
  }
  /* doboku
  **********************************/
  #doboku #civil_mov,
  #doboku #civil_mov tbody,
  #doboku #civil_mov tr,
  #doboku #civil_mov td {
    display: block;
    width: 100% !important;
    height: auto !important;
    text-align: center;
  }
  #doboku #civil_mov td iframe {
    display: block;
    margin: 0 auto;
  }
  /* kenchiku
  **********************************/
  #kenchiku #search_how_container li {
    padding: 25px 15px;
    display: block;
    float: left;
    height: 100px;
  }
  #kenchiku #search_how_container li.map {
    width: 50%;
    min-width: 175px;
    border-bottom: 1px solid #b2b3b2;
  }
  #kenchiku #search_how_container li.year {
    width: 50%;
    border-bottom: 1px solid #b2b3b2;
    border-right: none;
  }
  #kenchiku #search_how_container li.word {
    width: 100%;
    height: auto;
  }
  #kenchiku #search_how_container #frm_word {
    display: flex;
    align-items: center;
  }
  #kenchiku #search_how_container li.word .word_input {
    width: 80%;
  }
  #kenchiku #search_how_container li.word .btn_submit {
    margin: 5px;
    padding: 0;
  }
  #kenchiku #search_map_container {
    width: 100% !important;
  }
  #kenchiku #search_map,
  #kenchiku #detail_map {
    width: 100% !important;
  }
  #kenchiku #result_year_list li {
    margin: 0 3% 20px 0 !important;
    width: 47%;
  }
  #kenchiku .detail_container .leftBox {
    width: 100%;
    float: none;
    text-align: center;
  }
  #kenchiku .detail_container .rightBox {
    width: 100%;
    float: none;
  }
  #kenchiku .sketch.nav {
    width: 100%;
    margin: 50px auto;
  }
  #kenchiku .sketch.nav li {
    width: 90%;
  }
  #kenchiku .links_bgGray03col table tbody,
  #kenchiku .links_bgGray03col table tr,
  #kenchiku .links_bgGray03col table td {
    display: inline-block;
    width: 100%;
  }
  /* about
  **********************************/
  .sibu .tablearea {
    width: 100%;
    float: none;
    margin-right: 0px;
  }
  .sibu .rightImg {
    width: 210px;
    margin: 0 auto 20px auto;
  }
  .sibu .rightImg,
  .sibu .rightTxt {
    float: none;
    text-align: center;
  }
  .sibu .rightImg + div.mb50 {
    width: 235px;
    margin: 0 auto 50px auto;
  }
  .sibu .btnList_shibu li:nth-child(3n) {
    margin-right: 14px;
  }
  /* #publication
  **********************************/
  #contents .contents470 {
    width: 100% !important;
    float: none;
    padding: 0;
  }
  #contents #publication_detail {
    width: 100% !important;
  }
  #contents .h3_type01 + img {
    display: block;
    margin: 10px auto;
    width: 240px;
  }
  /* rss
  **********************************/
  .rss #contents #sub_head {
    margin-top: -21vw;
    margin-bottom: 13vw;
  }
}
@media only screen and (max-width: 999px) { /* --------- Responsive Smart Phone --------- */
  /* iOSでのデフォルトスタイルをリセット */
  input[type=submit],
  input[type=button] {
    border-radius: 0;
    -webkit-box-sizing: content-box;
    -webkit-appearance: button;
    -moz-appearance: button;
         appearance: button;
    border: none;
    box-sizing: border-box;
    cursor: pointer;
  }
  input[type=submit]::-webkit-search-decoration,
  input[type=button]::-webkit-search-decoration {
    display: none;
  }
  input[type=submit]::focus,
  input[type=button]::focus {
    outline-offset: -2px;
  }
  #wrapper .scroll {
    width: 100%;
    overflow-x: scroll;
  }
  #wrapper .scroll img {
    max-width: inherit;
  }
  #wrapper .scroll::-webkit-scrollbar { /* スクロールバー本体 */
    width: 5px;
    height: 16px;
    background: #9aadfc;
  }
  #wrapper .scroll::-webkit-scrollbar:horizontal { /* 横方向のスクロールバー本体 */
    width: 5px;
    background: #b7e7eb;
  }
  #wrapper .scroll::-webkit-scrollbar-thumb { /* スクロールバーの動く部分 */
    background: #0241c2;
    border-radius: 8px;
  }
  #wrapper .scroll::-webkit-scrollbar-thumb:horizontal { /* 横方向のスクロールバーの動く部分 */
    background: #0166c2;
    border-radius: 8px;
  }
  #wrapper .scroll::-webkit-scrollbar-track-piece:start { /* スクロールバーの動く部分の前 */
    background: #88acf7;
  }
  #wrapper .scroll::-webkit-scrollbar-track-piece:end { /* スクロールバーの動く部分の後ろ */
    background: #56a4da;
  }
  #wrapper .scroll::-webkit-scrollbar-corner { /* スクロールバー角 */
    background: transparent;
  }
  #search_container .box_inner {
    padding: 8px;
  }
  #search_container h3 span {
    display: block;
    padding-top: 10px;
  }
  #search_container form table td {
    display: block;
    width: 100% !important;
    font-size: 1.5rem;
  }
  .flexbox {
    flex-direction: column;
  }
  .flexbox .box {
    width: 100%;
  }
  .flexbox .box ol {
    font-size: 1.4rem !important;
  }
  #wrapper {
    overflow: hidden;
  }
  /* header
  **********************************/
  #header {
    border-bottom: none;
  }
  #header .head {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0vw 0 5px 2vw;
  }
  #header .head img {
    width: 63%;
    height: auto;
  }
  #header .head_smpnavi .inner {
    height: 100vh;
  }
  /* footer
  **********************************/
  .photo_warpper ul li {
    width: 46vw;
    max-width: 184px;
    height: auto;
    display: inline;
    margin: 4vw auto 0 auto !important;
  }
  #footer {
    overflow: hidden;
  }
  #footer_location {
    padding: 20px 0;
  }
  #footer ul.foot_navi1, #footer ul.foot_navi2, #footer ul.foot_navi3:nth-child(2),
  #footer_3rd ul.foot_navi1, #footer_3rd ul.foot_navi2, #footer_3rd ul.foot_navi3:nth-child(2) {
    display: none;
  }
  #footer .left ul.foot_navi1, #footer .left ul.foot_navi2,
  #footer_3rd .left ul.foot_navi1, #footer_3rd .left ul.foot_navi2 {
    display: block;
    width: 100%;
  }
  #footer .left ul.foot_navi1 li a, #footer .left ul.foot_navi2 li a {
    padding: 0 5px;
  }
  #footer ul.foot_navi3, #footer_3rd ul.foot_navi1, #footer_3rd ul.foot_navi3 {
    padding-bottom: 10px;
  }
  #footer li, #footer_3rd li {
    float: none;
    white-space: inherit;
  }
  #footer .right .foot_navi3, #footer_3rd .right .foot_navi3 {
    width: 80%;
    margin: 0 auto;
  }
  #footer .right .foot_navi3 div {
    padding-top: 5px;
    text-align: center;
  }
  #footer_3rd ul.foot_navi3 li {
    font-size: 13px;
    width: 20%;
  }
  #footer .copy, #footer_3rd .copy {
    text-align: center;
    float: none;
  }
  /* toppage
  **********************************/
  #visualSection .top_slide .slick-dots {
    bottom: 6px;
  }
  .navi li {
    width: 18.4vw !important;
    min-width: auto;
    text-align: center;
    display: inline;
    margin: 0 0 0 2px !important;
    padding: 2px 0 !important;
    float: none;
    display: block;
  }
  #tabcontainer .tabNavi li:nth-child(1),
  #tabcontainer .tabNavi li:nth-child(7),
  #tabcontainer .tabNavi li:nth-child(8) {
    width: 30vw;
    margin: 0 1px;
  }
  #tabContainer td, #tabContainer th {
    display: block;
    text-align: left;
  }
  #tabContainer th {
    margin-top: 12px !important;
    padding: 0 !important;
    font-size: 12px;
    line-height: 20px;
  }
  #tabContainer td {
    border-bottom: 1px solid #acacac;
    padding-bottom: 10px;
    font-size: 13px;
    margin-top: 5px;
  }
  #tabContainer td a, #tabContainer td a {
    color: #666;
  }
  #tabcontainer #tab-1 table th.icon1,
  #tabcontainer #tab-1 table th.icon2,
  #tabcontainer #tab-1 table th.icon3,
  #tabcontainer #tab-1 table th.icon4,
  #tabcontainer #tab-1 table th.icon5,
  #tabcontainer #tab-1 table th.icon6,
  #tabcontainer #tab-1 table th.icon7,
  #tabcontainer #tab-8 table th.branch1,
  #tabcontainer #tab-8 table th.branch2,
  #tabcontainer #tab-8 table th.branch3,
  #tabcontainer #tab-8 table th.branch4,
  #tabcontainer #tab-8 table th.branch5,
  #tabcontainer #tab-8 table th.branch6,
  #tabcontainer #tab-8 table th.branch7,
  #tabcontainer #tab-8 table th.branch8,
  #tabcontainer #tab-8 table th.branch9 {
    padding-left: 15vw !important;
    background-position: 2vw;
  }
  /* category common
  **********************************/
  #sub_contents {
    height: 100px;
  }
  #sub_side {
    margin-top: -100px;
    pointer-events: none;
  }
  #sub_side h3 {
    width: 30vw;
    min-width: 100px;
    padding-bottom: 30px;
  }
  #contents {
    margin-top: -14vw;
    margin-top: -10vw;
  }
  #contents #sub_head {
    max-width: 60vw;
    margin-top: -40px;
    margin-bottom: 30px;
  }
  #contents #sub_head ul li {
    font-size: 1.4rem;
    line-height: 2.2rem;
  }
  #contents #sub_head ul li a {
    display: inline-block;
    line-height: 2.2rem;
  }
  #contents #index_text {
    margin-bottom: 30px;
  }
  .cel02,
  .cel02b {
    width: 100%;
    height: auto;
  }
  .houkoku01 .col1 {
    width: 100%;
  }
  .houkoku01 .col2 {
    float: none;
    margin: 0 auto;
  }
  /* kenchiku
  **********************************/
  #kenchiku .contents500,
  #kenchiku .contents477 {
    width: 100%;
    float: none;
  }
  .contents477 + h3.h3_type01 {
    margin-top: 30px;
  }
  /* publication
  **********************************/
  .bg_greyace03 .left02 {
    float: none;
    width: 100%;
    margin-bottom: 40px;
    padding-right: 0px;
    text-align: center;
  }
  .bg_greyace03 .left02 p {
    text-align: left;
  }
  .bg_greyace03 .rightLink03 {
    width: 100%;
    float: none;
  }
  .bg_greyace03 .bg_dotted {
    width: 100%;
    border-bottom: 1px dotted #333333;
    margin-bottom: 20px;
    padding: 0 0 20px;
  }
  .bg_greyace .rightLink02 dl.col1,
  .bg_greyace .rightLink02 dl.col2 {
    width: 100%;
  }
  #doboku #civil_mov td iframe {
    width: 90vw;
    height: 74vw;
  }
  #t_and_i_mov iframe {
    display: block;
    margin: 0 auto;
    width: 90vw;
    height: 50.6vw;
  }
  /* anzen
  **********************************/
  /*画像 右配置*/
  #anzen .imgRight {
    display: block;
    width: 100%;
    margin: 5px 0 20px 0;
    float: none;
    text-align: center;
  }
  /*画像 並び配置*/
  #anzen .imgCol {
    display: block;
    width: 100%;
    margin: 5px 0 20px 0;
    float: none;
    text-align: center;
  }
  /* about
  **********************************/
  #about #index_list {
    margin: 0 auto;
  }
  /* news
  **********************************/
  #news .tablearea dt.cel01,
  #news .tablearea dd.cel2b {
    display: block;
    width: 100%;
  }
  #news #contents #sub_head {
    margin-top: -50px;
  }
  /* publication
  **********************************/
  .publication #contents {
    /*pointer-events: none;*/
  }
  .publication #contents #sub_head {
    margin-top: -115px;
    margin-bottom: 35vw;
    pointer-events: inherit;
  }
  .publication #sub_side {
    width: 30vw;
    pointer-events: inherit;
  }
  .publication #sub_side ul {
    position: absolute;
    display: flex !important;
    width: 94vw;
    margin: -30px 3vw 0 3vw;
    flex-wrap: wrap;
    z-index: 1;
    pointer-events: inherit;
  }
  .publication.ACe.ce #sub_side ul {
    margin-top: -5px;
  }
  .publication #sub_side ul li {
    width: 50%;
    margin: 0;
    margin-bottom: 3px;
    font-size: 1.3rem;
  }
  #publication #search_form .text_input {
    width: 60%;
  }
  #publication .search_result dl.listBGwhite .cel1,
  #publication .search_result dl.listBGwhite .cel2 {
    width: 6%;
  }
  #publication .search_result dl.listBGwhite .cel3,
  #publication .search_result dl.listBGwhite .cel4,
  #publication .search_result dl.listBGwhite .cel5 {
    width: 100%;
    padding-bottom: 8px;
  }
  #publication .search_result_foot {
    width: 100%;
  }
  /* ページネーション */
  #publication .pagination {
    width: 100%;
  }
  /* iinkai
  **********************************/
  .iinkai #page_wrapper {
    flex-direction: column-reverse !important;
  }
  .iinkai #sub_side {
    width: 30vw !important;
    padding: 0 2vw;
    pointer-events: inherit;
  }
  .iinkai #sub_side ul {
    position: absolute;
    display: flex !important;
    width: 94vw;
    margin: -40px 3vw 0 3vw;
    flex-wrap: wrap;
    z-index: 1;
    pointer-events: inherit;
  }
  .iinkai #sub_side ul li {
    width: 50%;
    margin: 0;
    margin-bottom: 3px;
    font-size: 1.3rem;
  }
  .iinkai #sub_side ul li ul {
    display: none !important;
  }
  .iinkai #contents {
    width: 100% !important;
    margin-top: 0 !important;
  }
  .iinkai #contents #sub_head {
    margin-top: -105px;
    margin-bottom: 35vw;
    pointer-events: inherit;
  }
  /* rss
  **********************************/
  .rss #sub_side {
    width: 30vw !important;
    padding: 0 2vw;
    pointer-events: inherit;
  }
  .rss #contents #sub_head {
    margin-top: -33vw;
    margin-bottom: 30vw;
  }
  .rss #sub_side p.mb10 {
    margin: -40px 0 0 3vw;
    white-space: nowrap;
  }
  .rss #sub_side ul {
    margin: -15px 3vw 0 3vw;
    pointer-events: inherit;
  }
  .rss.topics_list #sub_side ul {
    margin-top: -35px;
    font-size: 1.2rem;
  }
}
/*
/////////////////////////////////////////////////////////////////////////////////////////
//tabcontainer
/////////////////////////////////////////////////////////////////////////////////////////
*/
@media only screen and (max-width: 999px) {
  #visualSection {
    width: 96vw;
    margin: 2vw auto 4vw;
  }
  #visualSection .visualSection_listWrap {
    padding-top: 0;
    width: 96vw;
    margin: 0 auto;
    justify-content: center;
  }
  #visualSection .visualSection_listWrap .visualSection_list {
    width: 46.6vw;
    margin: 0 0 1.73vw 0;
  }
  #visualSection .visualSection_listWrap .visualSection_list:nth-child(odd) {
    margin-right: 1.73vw;
  }
  .tabcontainer_ttl {
    width: 96vw;
    margin: 0 auto 25px;
    text-align: center;
    font-size: 30px;
  }
  #tabcontainer a.selected, #tabcontainer li:hover a {
    z-index: 1;
    position: relative;
  }
  #tabContainer .go_listPageBtn {
    width: 191px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    background-color: #2d2d2d;
    text-decoration: none;
    color: #fff;
    margin: 10px auto 0;
  }
  #tabContainer .go_listPageBtn::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    margin-left: 7px;
    border-width: 5px 0 5px 10px;
    border-color: transparent transparent transparent #fff;
  }
  #tabcontainer .tabNavi li a {
    height: 11.86vw;
    background-size: cover;
  }
  #tabcontainer .tabNavi li:nth-child(1) a {
    background-image: url(/images/tab1_sp.png);
  }
  #tabcontainer .tabNavi li:nth-child(1) a.selected {
    background-image: url(/images/tab1_on_sp.png);
  }
  #tabcontainer .tabNavi li:nth-child(7) a {
    background-image: url(/images/tab7_sp.png);
  }
  #tabcontainer .tabNavi li:nth-child(7) a.selected {
    background-image: url(/images/tab7_on_sp.png);
  }
  #tabcontainer .tabNavi li:nth-child(8) a {
    background-image: url(/images/tab8_sp.png);
  }
  #tabcontainer .tabNavi li:nth-child(8) a.selected {
    background-image: url(/images/tab8_on_sp.png);
  }
  #tabContainer td {
    color: #2d2d2d;
  }
  .all_newsBtn {
    margin-right: 0;
    margin-left: auto;
    display: flex;
    font-size: 14px;
    width: 160px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #333333;
    text-decoration: none !important;
  }
  .all_newsBtn::after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 5px;
    border-style: solid;
    border-width: 10px 6px 0 6px;
    border-color: #333333 transparent transparent transparent;
  }
  #tabContainer table th, #tabContainer table td {
    padding-left: 2vw !important;
    padding-right: 2vw !important;
  }
  /*
  /////////////////////////////////////////////////////////////////////////////////////////
  //contents_navWrap
  /////////////////////////////////////////////////////////////////////////////////////////
  */
  #wrapper .contents_navWrap {
    width: 96vw;
    margin: 0 auto;
    margin: 0 auto 6vw;
  }
  #wrapper .contents_navWrap .contents_nav {
    display: block;
    margin-bottom: 2.6vw;
  }
  #wrapper .contents_navWrap .contents_nav:last-child {
    margin-bottom: 0;
  }
  #wrapper .contents_navWrap .contents_navImg {
    margin: 0 auto 0;
    position: relative;
  }
  #wrapper .contents_navWrap .contents_navImg:hover img {
    transform: scale(1);
  }
  #wrapper .contents_navWrap .contents_navImg a {
    pointer-events: none;
  }
  #wrapper .contents_navWrap .contents_navImg::after, #wrapper .contents_navWrap .contents_navImg::before {
    content: "";
    display: block;
    position: absolute;
    position: absolute;
    top: 50%;
    right: 3%;
    transform: translate(0%, -50%);
  }
  #wrapper .contents_navWrap .contents_navImg::after {
    width: 9.3vw;
    height: 9.3vw;
    background-color: #2d2d2d;
    z-index: 1;
  }
  #wrapper .contents_navWrap .contents_navImg::before {
    width: 0;
    height: 0;
    border-style: solid;
    right: 5.8%;
    z-index: 10;
    border-width: 0 2.13vw 3.46vw 2.13vw;
    border-color: transparent transparent #fff transparent;
    transition: all 0.6s;
  }
  #wrapper .contents_navWrap .contents_navContent {
    width: 100%;
  }
  #wrapper .contents_navContent {
    overflow: hidden;
    max-height: 0;
    transition: all 0.6s ease-out;
    flex-wrap: wrap;
    padding: 0 8vw;
    padding-top: 7px;
  }
  #wrapper .contents_navContent .contents_navContentList {
    width: 100%;
    font-size: 13px;
    padding-left: 1em;
    text-indent: -0.75em;
    line-height: 1.4;
    margin-bottom: 1em;
  }
  #wrapper .contents_navContent .contents_navContentList a {
    text-decoration: none;
    color: #333333;
  }
  #wrapper .contents_navContent .contents_navContentList a::before {
    display: inline-block;
    content: "";
    width: 0;
    height: 0;
    margin-right: 3px;
    border-style: solid;
    border-width: 5px 0 5px 7px;
  }
  #wrapper .contents_nav.active .contents_navImg::before {
    border-width: 3.46vw 2.13vw 0 2.13vw;
    border-color: #fff transparent transparent transparent;
  }
  #wrapper .contents_nav.active .contents_navContent {
    max-height: 1000px;
    transition: all 0.6s ease-in;
    padding-top: 15px;
  }
  /*
  /////////////////////////////////////////////////////////////////////////////////////////
  //foot_contentList
  /////////////////////////////////////////////////////////////////////////////////////////
  */
  #wrapper .foot_content {
    padding: 10px 0;
    background-color: #f7fbfb;
  }
  #wrapper .foot_content .foot_contentListWrap {
    width: 100%;
    margin: 0 auto;
    padding: 0 3.33vw;
    justify-content: space-between;
  }
  #wrapper .foot_content .foot_contentListWrap::before, #wrapper .foot_content .foot_contentListWrap::after {
    display: none;
  }
  #wrapper .foot_content .foot_contentList {
    width: 44.8vw;
    margin-right: 0;
    margin-bottom: 3.5vw;
  }
  #wrapper .foot_content .foot_contentList:nth-child(3n) {
    margin-right: 0;
  }
  #wrapper .foot_content .foot_contentListImg {
    margin-bottom: 8px;
  }
  #wrapper .foot_content .foot_contentListImg img {
    width: 100%;
  }
  #wrapper .foot_content .foot_contentListTtl {
    padding-left: 0.6em;
    text-indent: -0.6em;
    line-height: 1.14;
    font-size: 14px;
    margin-bottom: 4px;
  }
  #wrapper .foot_content .foot_contentListTtl::before {
    content: "";
    margin-right: 3px;
    border-width: 5px 0 5px 8px;
  }
  #wrapper .foot_content .foot_contentListTxt {
    font-size: 12px;
    line-height: 1.42;
  }
  /*
  /////////////////////////////////////////////////////////////////////////////////////////
  //bottom_nav
  /////////////////////////////////////////////////////////////////////////////////////////
  */
  #wrapper .bottom_nav {
    padding: 20px 0 0;
  }
  #wrapper .bottom_nav .bottom_navListWrap {
    width: 100%;
    margin: 0 auto;
    padding: 0 3.33vw;
    justify-content: space-between;
  }
  #wrapper .bottom_nav .bottom_navListWrap::after, #wrapper .bottom_nav .bottom_navListWrap::before {
    display: none;
  }
  #wrapper .bottom_nav .bottom_navListWrap::after {
    content: "";
    display: block;
    width: 30.66vw;
  }
  #wrapper .bottom_nav .bottom_navListWrap .bottom_navList {
    width: 30.66vw;
    margin-bottom: 4px;
  }
}/*# sourceMappingURL=rsp.css.map */