@charset "UTF-8";
/*
Theme Name:TokyodomeSports管理施設
Template:businesspress
Version: 1.0.0
*/
@font-face {
  font-family: "tdsicon";
  src: url("/wp-content/themes/tokyodome-shisetsu/fonts/tds.eot?4zlf4d");
  src: url("/wp-content/themes/tokyodome-shisetsu/fonts/fonts/tds.eot?4zlf4d#iefix") format("embedded-opentype"), url("/wp-content/themes/tokyodome-shisetsu/fonts/tds.ttf?4zlf4d") format("truetype"), url("/wp-content/themes/tokyodome-shisetsu/fonts/tds.woff?4zlf4d") format("woff"), url("/wp-content/themes/tokyodome-shisetsu/fonts/tds.svg?4zlf4d#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.icon-twitter:before {
  content: "";
}

.icon-insta:before {
  content: "";
}

.icon-fb:before {
  content: "";
}

.icon-mail:before {
  content: "";
}

.icon-arrow-line:before {
  content: "";
}

.icon-arrow-yt:before {
  content: "";
}

.icon-arrow-l:before {
  content: "";
}

.icon-arrow-b:before {
  content: "";
}

.icon-arroow-r:before {
  content: "";
}

.icon-arrow-t:before {
  content: "";
}

html:lang(ja) {
  font-size: 62.5%;
}

body:lang(ja) {
  font-family: Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-size: 1.6em;
  line-height: 1.8;
}

ul {
  margin: 0;
}
ul li {
  list-style: none;
}

.top-bar {
  display: none;
}

.site-header {
  margin: 0 auto;
  max-width: 100%;
  border: none;
}

.main-header {
  max-width: 1312px;
  margin: 0 auto;
}
@media screen and (min-width: 782px) {
  .main-header {
    padding-top: 25px;
    padding-bottom: 20px;
  }
}
.main-header.main-header-original .headerUtility, .main-header.main-header-clone .headerUtility {
  display: none;
}
@media screen and (min-width: 980px) {
  .main-header.main-header-original .headerUtility, .main-header.main-header-clone .headerUtility {
    position: absolute;
    top: 36px;
    right: 0;
    display: flex;
  }
  .main-header.main-header-original .headerUtility li, .main-header.main-header-clone .headerUtility li {
    width: 10em;
  }
  .main-header.main-header-original .headerUtility li a, .main-header.main-header-clone .headerUtility li a {
    color: white;
    display: block;
    text-align: center;
    text-decoration: none;
    font-weight: 600;
    line-height: 26px;
  }
  .main-header.main-header-original .headerUtility li.recruit, .main-header.main-header-clone .headerUtility li.recruit {
    background: #00A0E9;
  }
  .main-header.main-header-original .headerUtility li.contact, .main-header.main-header-clone .headerUtility li.contact {
    background: #004bb2;
  }
  .main-header.main-header-original .headerUtility li.contact a::before, .main-header.main-header-clone .headerUtility li.contact a::before {
    content: "";
    font-family: "tdsicon";
    padding-right: 5px;
    font-size: 1.5em;
    line-height: 26px;
    vertical-align: bottom;
  }
}
@media screen and (min-width: 980px) {
  .main-header.main-header-original {
    position: relative;
  }
}
.main-header.main-header-clone {
  max-width: 100%;
}
@media screen and (min-width: 980px) {
  .main-header.main-header-clone .headerUtility {
    display: none;
  }
}

.main-header-content {
  align-items: start;
}
@media screen and (min-width: 1312px) {
  .main-header-content {
    padding-left: 0;
    padding-right: 0;
    max-width: 1248px !important;
  }
}

.drawer-hamburger {
  width: 32px;
  position: relative;
}
.drawer-hamburger .drawer-hamburger-menu {
  color: #5A5A5A;
  font-size: 9px;
  padding-top: 10px;
  display: block;
  text-align: center;
  white-space: nowrap;
  width: 100%;
  overflow: visible;
}
.drawer-hamburger .drawer-hamburger-icon {
  height: 0;
}
.drawer-hamburger .drawer-hamburger-icon:before, .drawer-hamburger .drawer-hamburger-icon:after {
  height: 3px;
  background: #5A5A5A;
}
.drawer-hamburger .drawer-hamburger-icon:after {
  top: 3px;
}

.drawer-opened .drawer-hamburger-menu {
  display: none;
}
.drawer-opened .drawer-hamburger-icon:before,
.drawer-opened .drawer-hamburger-icon:after {
  top: 1px;
  background: white;
}

.drawer-navigation {
  background: rgba(0, 27, 64, 0.95);
}
.drawer-navigation ul {
  margin-bottom: 0;
}
.drawer-navigation .headerUtility {
  display: block !important;
}
.drawer-navigation .main-navigation li,
.drawer-navigation .headerUtility li {
  border-bottom: 1px solid #4B6A93;
}
.drawer-navigation .main-navigation a,
.drawer-navigation .headerUtility a {
  color: white;
  line-height: 1;
}
.drawer-navigation .main-navigation a:before,
.drawer-navigation .headerUtility a:before {
  font-family: "tdsicon";
  content: "";
  font-size: 24px;
  color: white;
  display: inline-block;
  margin-right: 10px;
  position: relative;
  top: -1px;
  transition: color 0.2s ease-in-out;
  vertical-align: middle;
}
.drawer-navigation .main-navigation .current_page_item > a, .drawer-navigation .main-navigation .current-menu-item > a {
  color: white;
}

.site-description {
  font-size: 1.8rem;
  margin-bottom: 0;
}

.site-title {
  color: #004bb2;
  font-size: 2rem;
  line-height: 1.3;
}
@media screen and (min-width: 980px) {
  .site-title {
    font-size: 3.3rem;
    padding-right: 270px;
  }
}
.site-title a {
  color: #004bb2;
}

.site-description {
  color: #004bb2;
  font-weight: 600;
}

.main-navigation {
  margin-left: auto;
}
@media screen and (min-width: 980px) {
  .main-navigation {
    line-height: 1.2;
    width: 100%;
    text-align: right;
  }
}
.main-navigation a {
  color: #004bb2;
}

.wp-block-button__link {
  color: white;
  text-align: center;
  background: #A7A49E;
  font-size: 1.8rem;
  margin-top: -1em;
  z-index: 5;
  position: relative;
  border-radius: 0;
  min-width: 13em;
  padding: 5px 1em;
}
.wp-block-button__link::after {
  content: "";
  font-family: "tdsicon";
}
.wp-block-button__link:hover {
  background: black;
}
@media screen and (min-width: 980px) {
  .wp-block-button__link {
    padding: 5px 1.5em;
  }
}

@media screen and (min-width: 782px) {
  .top-bar-content, .main-header-content, .home-header-content, .site-bottom-content {
    max-width: 1112px;
  }
}
.main-navigation .current_page_item > a, .main-navigation .current-menu-item > a {
  color: #004bb2;
}

.jumbotron {
  background: #004bb2;
  margin-bottom: 2em;
}
.jumbotron .jumbotron-overlay {
  background: none;
}
.jumbotron .jumbotron-content {
  padding-top: 20px;
  padding-bottom: 10px;
  text-align: left;
  color: white;
  position: relative;
  overflow: hidden;
  max-width: 1248px;
}
.jumbotron .jumbotron-title {
  text-shadow: none;
  font-size: 2rem;
}
@media screen and (min-width: 980px) {
  .jumbotron .jumbotron-title {
    font-size: 2.8rem;
  }
}
.jumbotron .jumbotron-title::after {
  position: absolute;
  content: "";
  width: 67px;
  height: 100px;
  top: -10px;
  right: 0;
  background: #00A0E9;
  display: block;
}
@media screen and (min-width: 980px) {
  .jumbotron .jumbotron-title::after {
    width: 167px;
  }
}
.jumbotron a {
  text-decoration: none;
  color: white;
}

.full-width {
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
}

.top-bar-content, .main-header-content, .featured-entry-content, .home-header-content, .site-content, .container-content, .footer-widget-content, .site-bottom-content {
  max-width: 1112px;
}

.post-thumbnail {
  margin-bottom: 1em;
}
.post-thumbnail .thumbnail {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.post-thumbnail .thumbnail::before {
  padding-top: 68.75%;
  content: "";
  display: block;
}
.post-thumbnail .thumbnail img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) !important;
}
.post-thumbnail.noimage {
  background: #d3edfa;
  position: relative;
  width: 100%;
  padding-top: 68.75%;
}
.post-thumbnail.noimage a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.post-thumbnail.noimage .noimage-txt {
  position: absolute;
  color: #34373c;
  font-size: 1.5em;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
  line-height: 1.5;
}
.post-thumbnail a {
  position: relative;
  display: block;
}
.post-thumbnail a::after {
  font-family: tdsicon;
  content: "";
  width: 24px;
  height: 24px;
  font-size: 20px;
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  background: #004bb2;
  color: white;
  text-align: center;
  line-height: 24px;
}

.home .post-thumbnail.noimage {
  padding: 0;
}

@media screen and (max-width: 539px) {
  .two-column .loop-wrapper, .three-column .loop-wrapper {
    display: block;
  }
}

.no-sidebar .entry-header .post-thumbnail {
  max-width: 860px;
  margin-left: auto;
  margin-right: auto;
}

.lower .site-main h2:not(.entry-title) {
  font-size: 2.2rem;
  border-top: 1px solid #004bb2;
  position: relative;
  text-align: left;
  margin-left: -20px;
  margin-right: -20px;
  padding-top: 3px;
  color: #004bb2;
  padding-left: 20px;
}
@media screen and (min-width: 782px) {
  .lower .site-main h2:not(.entry-title) {
    margin-left: -40px;
    margin-right: -40px;
    padding-left: 10px;
  }
}
@media screen and (min-width: 1248px) {
  .lower .site-main h2:not(.entry-title) {
    padding-left: 0;
  }
}
@media screen and (min-width: 1312px) {
  .lower .site-main h2:not(.entry-title) {
    margin-left: -68px;
    margin-right: -68px;
    font-size: 2.8rem;
  }
}
.lower .site-main h2:not(.entry-title)::before {
  position: absolute;
  content: "";
  display: block;
  width: 1.5em;
  border-top: 4px solid #004bb2;
  top: -3px;
  left: 0;
}
.lower .site-main h2:not(.entry-title).news-title {
  border-top: 0;
  border-bottom: 1px solid #004bb2;
  padding: 0.5em 0;
  margin-bottom: 1em;
  margin-top: 0;
  padding-left: 20px;
}
.lower .site-main h2:not(.entry-title).news-title::before {
  display: none;
}
@media screen and (min-width: 782px) {
  .lower .site-main h2:not(.entry-title).news-title {
    padding-left: 40px;
  }
}
@media screen and (min-width: 1248px) {
  .lower .site-main h2:not(.entry-title).news-title {
    padding-left: 0;
  }
}
.lower .site-main h3 {
  background: #004bb2;
  font-size: 2rem;
  color: white;
  padding: 2px 1em;
  margin-bottom: 2em;
  margin-top: 2em;
  text-align: center;
  line-height: 1.3;
  box-sizing: border-box;
}
.lower .site-main h3.has-text-align-left {
  text-align: left;
}
.lower .site-main h3.has-text-align-center {
  text-align: center;
}
.lower .site-main h3.has-text-align-right {
  text-align: right;
}
.lower .site-main h4 {
  font-size: 1.8rem;
  color: #004bb2;
  margin-bottom: 0.5em;
}
@media screen and (min-width: 782px) {
  .lower .site-main h4 {
    font-size: 1.8rem;
  }
}
.lower .category_description {
  color: #004bb2;
  text-align: center;
  font-weight: 600;
  max-width: 860px;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.8rem;
}

.category-equipment .entry-summary {
  display: none;
}

.entry-header-outline {
  background: #004bb2;
}
.entry-header-outline .post-thumbnail {
  margin: 0;
}
.entry-header-outline .post-thumbnail img {
  width: 100%;
}
.entry-header-outline .entry-header-outline-title {
  color: white;
  text-align: left;
}
.entry-header-outline .entry-header-outline-title .title {
  border-bottom: 1px solid white;
  padding: 10px 15px;
  margin: 0;
  color: white;
  font-size: 2rem;
}
.entry-header-outline .entry-header-outline-title .outline {
  padding: 10px 15px;
}
@media screen and (min-width: 980px) {
  .entry-header-outline {
    display: flex;
  }
  .entry-header-outline .entry-header-outline-title {
    flex: 1;
  }
  .entry-header-outline .entry-header-outline-title .title {
    padding: 20px 25px;
    font-size: 3.1rem;
  }
  .entry-header-outline .entry-header-outline-title .outline {
    padding: 20px 25px;
  }
  .entry-header-outline .post-thumbnail {
    width: 55%;
  }
}

.category_top table,
.entry-content table {
  border-collapse: collapse;
}
.category_top table th, .category_top table td,
.entry-content table th,
.entry-content table td {
  border: 2px solid white;
  padding: 1em 1.5em;
  color: #626262;
}
.category_top table th p, .category_top table td p,
.entry-content table th p,
.entry-content table td p {
  margin: 0;
}
.category_top table th,
.entry-content table th {
  background: #AFDFF4;
  text-align: center;
}
.category_top table td,
.entry-content table td {
  background: #F0F0F0;
}
.category_top .wp-block-button__link,
.entry-content .wp-block-button__link {
  background: #00A0E9;
}

.scroll {
  overflow: auto;
  white-space: nowrap;
}
.scroll table {
  width: 100%;
}

.scroll::-webkit-scrollbar {
  height: 15px;
}

.scroll::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.scroll::-webkit-scrollbar-thumb {
  background: #bbb;
}

hr.wp-block-separator {
  border-top: 1px solid #A8A8A8;
  max-width: 100%;
}

.sns-area {
  margin-bottom: 30px;
}
@media screen and (min-width: 980px) {
  .sns-area {
    margin-bottom: 60px;
  }
}

.sns-icon {
  text-align: center;
}
.sns-icon li {
  display: inline-block;
  margin: 0 5px;
  width: 36px;
  height: 36px;
}
@media screen and (min-width: 980px) {
  .sns-icon li {
    margin: 0 10px;
    width: 46px;
    height: 46px;
  }
}
.sns-icon li a {
  width: 36px;
  height: 36px;
  display: block;
  position: relative;
  overflow: hidden;
}
.sns-icon li a span {
  text-indent: 100%;
  display: block;
  white-space: nowrap;
}
@media screen and (min-width: 980px) {
  .sns-icon li a {
    width: 46px;
    height: 46px;
  }
}
.sns-icon li ::before {
  font-family: "tdsicon";
  font-size: 36px;
  line-height: 1;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
}
@media screen and (min-width: 980px) {
  .sns-icon li ::before {
    left: 0;
    font-size: 46px;
  }
}
.sns-icon li.instagram ::before {
  content: "";
  color: #B93DC9;
}
.sns-icon li.line ::before {
  content: "";
  color: #00c300;
}
.sns-icon li.fb ::before {
  content: "";
  color: #004BB2;
}
.sns-icon li.yt ::before {
  content: "";
  color: #ff0000;
}
.sns-icon li.tw ::before {
  content: "";
  color: #5DCDFF;
}

.line-friend {
  text-align: center;
  margin: 20px 0;
}
@media screen and (min-width: 980px) {
  .line-friend {
    margin: 40px 0;
  }
}
.line-friend img {
  max-width: 140px;
}

.site-footer .site-bottom {
  background: #004bb2;
  color: white;
  position: relative;
  padding-top: 20px;
  padding-bottom: 30px;
}
.site-footer .site-bottom a {
  color: white;
}
.site-footer .site-bottom .site-bottom-content {
  position: relative;
}
.site-footer .footer-navigation {
  font-size: 1.4rem;
}
.site-footer .footer-navigation ul {
  margin-bottom: 10px;
}
@media screen and (min-width: 782px) {
  .site-footer .footer-navigation {
    float: none;
    text-align: left;
  }
  .site-footer .footer-navigation ul {
    margin-bottom: 10px;
  }
}
.site-footer .footer-copyright {
  font-size: 1rem;
  font-weight: 200;
}
.site-footer .footer-copyright .footer-name {
  font-size: 1.2em;
  display: block;
  line-height: 1.4;
}
@media screen and (min-width: 782px) {
  .site-footer .footer-copyright {
    text-align: left;
  }
}
.site-footer .footer-logo-area {
  margin: 0 auto;
  text-align: center;
  margin-bottom: 20px;
}
@media screen and (min-width: 782px) {
  .site-footer .footer-logo-area {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translate(0, -50%);
    max-width: 50%;
  }
}
@media screen and (min-width: 980px) {
  .site-footer .footer-logo-area {
    display: flex;
    align-items: center;
  }
  .site-footer .footer-logo-area > div {
    margin: 5px;
  }
}
@media screen and (min-width: 1248px) {
  .site-footer .footer-logo-area {
    right: 0;
  }
}
.site-footer .footer-logo-area button, .site-footer .footer-logo-area input[type=button], .site-footer .footer-logo-area input[type=reset], .site-footer .footer-logo-area input[type=submit] {
  padding: 1em 1.5em;
  background: #999;
}
.site-footer .footer-logo-area input[type=text], .site-footer .footer-logo-area input[type=email], .site-footer .footer-logo-area input[type=url], .site-footer .footer-logo-area input[type=password], .site-footer .footer-logo-area input[type=search], .site-footer .footer-logo-area textarea {
  padding: 0.4em;
}
.site-footer .footer-logo {
  width: 120px;
  margin: 0 auto;
}
@media screen and (min-width: 782px) {
  .site-footer .footer-logo {
    width: 175px;
  }
}

.home .site-main h3 {
  background: #004bb2;
  font-size: 2rem;
  color: white;
  padding: 2px 1em;
  margin-left: -20px;
  margin-right: -20px;
  margin-bottom: 2em;
  margin-top: 2em;
  text-align: center;
  line-height: 1.3;
  box-sizing: border-box;
}
@media screen and (min-width: 782px) {
  .home .site-main h3 {
    margin-left: -40px;
    margin-right: -40px;
  }
}
@media screen and (min-width: 1312px) {
  .home .site-main h3 {
    margin-left: -68px;
    margin-right: -68px;
  }
}
.home .site-main h3.has-text-align-left {
  text-align: left;
}
.home .site-main h3.has-text-align-center {
  text-align: center;
}
.home .site-main h3.has-text-align-right {
  text-align: right;
}
.home .site-main h3.news-ttl {
  margin: 0;
}
@media screen and (min-width: 980px) {
  .home .site-main h3.news-ttl {
    padding: 20px;
    text-align: right;
  }
}
.home .site-main h4 {
  font-size: 1.8rem;
  color: #004bb2;
  margin-bottom: 0.5em;
}
@media screen and (min-width: 782px) {
  .home .site-main h4 {
    font-size: 1.8rem;
  }
}
.home .site-main table:not(.xo-month) th {
  font-weight: normal;
  white-space: nowrap;
  background: none;
}
.home .site-main table:not(.xo-month) th, .home .site-main table:not(.xo-month) td {
  border-bottom: 1px solid #A8A8A8;
  border-left: none;
  border-right: none;
  border-top: none;
}
.home .site-main table:not(.xo-month) tr:last-child th, .home .site-main table:not(.xo-month) tr:last-child td {
  border: none;
}
.home .site-main table.xo-month {
  border-collapse: collapse;
}
.home .site-main table.xo-month table {
  border-color: #ccc !important;
}
.home .site-main table.xo-month table th,
.home .site-main table.xo-month table td {
  border-bottom: 1px solid #ccc !important;
  border-left: 1px none;
  border-right: 1px solid #ccc !important;
  border-top: 1px solid #ccc !important;
}
.home .site-main table.xo-month table.month-event {
  border: none !important;
}
.home .site-main table.xo-month table.month-event td {
  border: none !important;
}
.home .site-main table.xo-month table.month-event a {
  text-decoration: none;
}
.home .site-content {
  max-width: 1112px;
  z-index: 2;
  position: relative;
}
.home .important-area {
  background: #004bb2;
  min-height: 20px;
}
.home .important-area.post {
  background: #C63742;
  color: white;
  padding-top: 6px;
  padding-bottom: 6px;
}
.home .important-area.post a {
  color: white;
  text-decoration: underline;
}
.home .important-area.post .inner {
  margin: 0 auto;
  max-width: 1248px;
  box-sizing: border-box;
  padding: 0 10px;
  position: relative;
}
@media screen and (min-width: 980px) {
  .home .important-area.post .inner {
    display: flex;
    align-items: center;
  }
}
.home .important-area.post .important-ttl {
  margin: 0;
  color: white;
  font-weight: normal;
  font-size: 18px;
  line-height: 1.2;
  font-weight: 600;
  padding: 0.4em 0;
}
.home .important-area.post ul {
  flex: 1;
  padding: 0;
  line-height: 1.4;
}
@media screen and (min-width: 980px) {
  .home .important-area.post ul {
    border-left: 1px solid white;
    padding-left: 1em;
    margin-left: 1em;
  }
}
.home .important-area.post ul li {
  margin: 0;
  font-size: 16px;
  display: flex;
}
.home .important-area.post ul li .important-date {
  margin-right: 0.5em;
}
.home .important-area.post ul li .important-txt {
  margin-right: 0.5em;
  flex: 1;
}
.home .important-area.post ul li .important-link {
  margin-left: auto;
}
.home .important-area.post ul li .important-link::after {
  content: "";
  font-family: "tdsicon";
}
.home .home-header-wrapper {
  position: relative;
  max-width: 1312px;
  margin: 0 auto;
}
@media screen and (min-width: 980px) {
  .home .home-header-wrapper::before {
    content: "";
    background: #00A0E9;
    width: 100%;
    height: 100px;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 1;
  }
}
@media screen and (min-width: 1312px) {
  .home .home-header-wrapper::before {
    width: 1312px;
  }
}
.home .home-header {
  overflow: hidden;
  position: relative;
  background-size: cover;
  z-index: 0;
  overflow: hidden;
}
.home .home-header .home-header-overlay {
  z-index: 2;
  position: relative;
  background-color: rgba(15, 55, 82, 0.7);
}
.home .home-header::before {
  content: "";
  position: absolute;
  top: -5px;
  bottom: -5px;
  left: -5px;
  right: -5px;
  background: inherit;
  filter: blur(10px);
  z-index: -1;
}
.home .home-header .home-header-content {
  padding: 20px;
  box-sizing: border-box;
}
@media screen and (min-width: 980px) {
  .home .home-header .home-header-content {
    max-width: 283px;
    padding: 30px 15px 15px 30px;
  }
}
@media screen and (min-width: 980px) {
  .home .home-header .home-header-flex {
    display: flex;
    flex-direction: row-reverse;
  }
}
.home .home-header .home-header-flex .home-header-sub {
  display: none;
  position: relative;
  width: 100px;
}
@media screen and (min-width: 980px) {
  .home .home-header .home-header-flex .home-header-sub {
    display: block;
  }
}
.home .home-header .home-header-flex .home-header-img {
  flex: 1;
}
.home .home-header .home-header-flex .home-header-img img {
  width: 100%;
}
.home .home-header .home-header-flex .home-header-title {
  width: 400px;
  transform: rotate(90deg);
  font-size: 15px;
  position: absolute;
  top: 259px;
  height: 1em;
  left: -220px;
  width: 500px;
  letter-spacing: 0.01em;
}
.home .home-header .home-header-text {
  margin-top: 0;
  font-size: 1.5rem;
  margin-bottom: 2em;
}
.home .home-header .home-header-pict {
  margin-right: -2%;
}
.home .home-header .home-header-pict li {
  display: inline-block;
  margin-right: 1%;
  width: 18%;
  margin-bottom: 10px;
}
@media screen and (min-width: 782px) {
  .home .home-header .home-header-pict li {
    width: 12%;
  }
}
@media screen and (min-width: 980px) {
  .home .home-header .home-header-pict li {
    width: 22%;
  }
}
.home .home-header .home-header-pict li img {
  width: 100%;
}

.news-date {
  display: none;
}

.news-area {
  position: relative;
  z-index: 3;
  margin-top: -1px;
  margin-bottom: 4em;
}
.news-area a {
  text-decoration: none;
}
.news-area .news-cont {
  position: relative;
  z-index: 3;
}
@media screen and (min-width: 980px) {
  .news-area .news-cont {
    display: flex;
  }
}
.news-area .news-ttl {
  background: #004bb2;
  color: white;
  margin: 0;
  text-align: center;
  margin-left: -20px;
  margin-right: -20px;
  font-size: 2rem;
}
@media screen and (min-width: 782px) {
  .news-area .news-ttl {
    margin-left: 0;
    margin-right: 0;
  }
}
@media screen and (min-width: 980px) {
  .news-area .news-ttl {
    font-size: 24px;
    padding: 20px;
    text-align: right;
    box-sizing: border-box;
    width: 20.4081632653%;
  }
}
@media screen and (min-width: 1112px) {
  .news-area .news-ttl {
    width: 250px;
  }
}
.news-area .news-list {
  background: #F0F0F0;
  font-size: 1.6rem;
  padding: 1em 1.5em 2.5em;
  box-sizing: border-box;
  line-height: 1.6;
  margin-left: -20px;
  margin-right: -20px;
}
@media screen and (min-width: 782px) {
  .news-area .news-list {
    margin-left: 0;
    margin-right: 0;
  }
}
@media screen and (min-width: 980px) {
  .news-area .news-list {
    flex: 1;
  }
}
.news-area .news-list li {
  margin-bottom: 0.5em;
}
.news-area .news-list a {
  color: #626262;
}
.news-area .news-list a::after {
  content: "";
  font-family: "tdsicon";
}
.news-area .news-list a:hover {
  text-decoration: underline;
}
.news-area .news-list .news-date {
  font-weight: normal;
  padding: 0 1em 0 0;
}
.news-area .news-archiveLink {
  width: 15em;
  margin: 0 auto;
}
.news-area .news-archiveLink a {
  display: block;
  color: white;
  text-align: center;
  background: #A7A49E;
  font-size: 1.8rem;
  margin-top: -1em;
  z-index: 5;
  position: relative;
}
.news-area .news-archiveLink a::after {
  content: "";
  font-family: "tdsicon";
}
.news-area .news-archiveLink a:hover {
  background: black;
}

.news-single .news-post {
  margin: 5vw 0 10vw 0;
}
@media screen and (min-width: 980px) {
  .news-single .news-post {
    margin: 80px;
  }
}

.lower .news-list {
  max-width: 860px;
  margin: 0 auto;
}
.lower .news-list li {
  margin-bottom: 40px;
}
.lower .news-list li a {
  color: #626262;
  text-decoration: none;
}
.lower .news-list li a:hover {
  text-decoration: underline;
}
.lower .news-list li a::after {
  font-family: "tdsicon";
  content: "";
}

.pagination {
  text-align: center;
}

.pickup {
  position: relative;
}
.pickup a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.pickup.post-grid {
  margin-bottom: 2em;
}
.pickup .pickup-img {
  position: relative;
}
.pickup .pickup-img img {
  width: 100%;
}
.pickup .pickup-img::after {
  font-family: tdsicon;
  content: "";
  width: 24px;
  height: 24px;
  font-size: 20px;
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  background: #004bb2;
  color: white;
  text-align: center;
  line-height: 24px;
}
.pickup .pickup-title {
  margin-top: 0.5em;
  font-weight: 500;
  color: #626262;
}

.news-single [class^=icon-], .news-single [class*=" icon-"],
.news-list [class^=icon-],
.news-list [class*=" icon-"],
.pickup [class^=icon-],
.pickup [class*=" icon-"] {
  width: 6em;
  display: inline-block;
  text-align: center;
  color: white;
  font-size: 0.9em;
  line-height: 1.5;
  margin-right: 80%;
}
@media screen and (min-width: 782px) {
  .news-single [class^=icon-], .news-single [class*=" icon-"],
.news-list [class^=icon-],
.news-list [class*=" icon-"],
.pickup [class^=icon-],
.pickup [class*=" icon-"] {
    margin-right: 1em;
  }
}
.news-single .icon-school,
.news-list .icon-school,
.pickup .icon-school {
  background: #4FC745;
}
.news-single .icon-event,
.news-list .icon-event,
.pickup .icon-event {
  background: #DC000C;
}
.news-single .icon-program,
.news-list .icon-program,
.pickup .icon-program {
  background: #5DCDFF;
}
.news-single .icon-info,
.news-list .icon-info,
.pickup .icon-info {
  background: #F79800;
}
.news-single .icon-blue,
.news-list .icon-blue,
.pickup .icon-blue {
  background: #002e99;
}
.news-single .icon-yellow,
.news-list .icon-yellow,
.pickup .icon-yellow {
  background: #ccb900;
}
.news-single .icon-pink,
.news-list .icon-pink,
.pickup .icon-pink {
  background: #ed6699;
}
.news-single .icon-red,
.news-list .icon-red,
.pickup .icon-red {
  background: #DC000C;
}
.news-single .icon-green,
.news-list .icon-green,
.pickup .icon-green {
  background: #4FC745;
}
.news-single .icon-orange,
.news-list .icon-orange,
.pickup .icon-orange {
  background: #F79800;
}
.news-single .icon-lightblue,
.news-list .icon-lightblue,
.pickup .icon-lightblue {
  background: #5DCDFF;
}

.news-single [class^=icon-], .news-single [class*=" icon-"],
.news-list [class^=icon-],
.news-list [class*=" icon-"] {
  border-radius: 50px;
}

.news-single [class^=icon-], .news-single [class*=" icon-"] {
  font-size: 1em;
  width: 8em;
}
@media screen and (min-width: 1248px) {
  .news-single [class^=icon-], .news-single [class*=" icon-"] {
    margin-left: -40px;
  }
}
@media screen and (min-width: 1312px) {
  .news-single [class^=icon-], .news-single [class*=" icon-"] {
    margin-left: -68px;
  }
}

.pickup [class^=icon-], .pickup [class*=" icon-"] {
  position: absolute;
  top: 0;
  left: 0;
  padding-left: 1em;
  text-align: left;
  width: 8em;
  z-index: 2;
}

.home-contact {
  max-width: 930px;
  border: 1px solid #004bb2;
  padding: 0 20px 20px 20px;
  text-align: center;
  margin: 0 auto 30px;
}
.home-contact .home-contact-title {
  margin-top: -1em !important;
  max-width: 612px;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 20px !important;
}
.home-contact .home-contact-tel {
  color: #004bb2;
  font-size: 3rem;
  line-height: 1.2;
}
@media screen and (min-width: 782px) {
  .home-contact .home-contact-tel {
    font-size: 4.5rem;
  }
}
.home-contact .home-contact-time {
  font-size: 1.6rem;
  color: #004bb2;
  margin-bottom: 1em;
}
.home-contact .home-contact-link a {
  background: #00A0E9;
  color: white;
  margin: 0 auto;
  display: block;
  font-size: 1.5rem;
  text-decoration: none;
  padding: 0.3em 2em;
  border-radius: 5px;
}
@media screen and (min-width: 782px) {
  .home-contact .home-contact-link a {
    width: 15em;
    font-size: 1.8rem;
  }
}
.home-contact .home-contact-link a::after {
  content: "";
  font-family: "tdsicon";
  padding-right: 5px;
  font-size: 1.2em;
  line-height: 26px;
  vertical-align: middle;
}
.home-contact .home-contact-link a::before {
  content: "";
  font-family: "tdsicon";
  padding-right: 5px;
  font-size: 1.6em;
  line-height: 26px;
  vertical-align: middle;
}
@media screen and (min-width: 782px) {
  .home-contact .home-contact-link a::before {
    font-size: 1.2em;
    font-size: 2em;
  }
}

.wpcf7 {
  max-width: 830px;
  margin: 0 auto;
}
.wpcf7 input[type=tel] {
  border: solid 1px #e6e6e6;
  color: #777;
  margin-top: 0.6em;
  padding: 0.6em;
}
.wpcf7 input[type=tel].wpcf7c-conf {
  border: none;
}
.wpcf7 input[type=email].wpcf7c-conf,
.wpcf7 .wpcf7c-conf {
  background: none;
  border: none;
}
.wpcf7 .wpcf7-form.sent dl,
.wpcf7 .wpcf7-form.sent .form-acceptance,
.wpcf7 .wpcf7-form.sent .form-submit,
.wpcf7 .wpcf7-form.sent .form-requirTxt,
.wpcf7 .wpcf7-form.sent .form-attention,
.wpcf7 .wpcf7-form.sent .form-attention-read {
  display: none;
}
.wpcf7 .wpcf7-form.sent .wpcf7-response-output {
  text-align: center;
  padding: 5em 0;
  border: none;
}
.wpcf7 input[type=radio].wpcf7c-conf:checked::after {
  background-color: #004bb2;
  border-radius: 50%;
  content: "";
  display: block;
  position: absolute;
  top: 6px;
  left: 4px;
  width: 10px;
  height: 10px;
}
.wpcf7 .custom-wpcf7c-confirmed .wpcf7-radio .wpcf7-list-item {
  display: none;
}
.wpcf7 .custom-wpcf7c-confirmed .wpcf7-radio .wpcf7-list-item.wpcf7c-conf-checked {
  display: block;
  margin-left: 0;
}
.wpcf7 .custom-wpcf7c-confirmed input[type=radio].wpcf7c-conf,
.wpcf7 .custom-wpcf7c-confirmed input[type=checkbox].wpcf7c-conf {
  display: none;
}
.wpcf7 .custom-wpcf7c-confirmed select {
  -webkit-appearance: none;
  /* ベンダープレフィックス(Google Chrome、Safari用) */
  /* ベンダープレフィックス(Firefox用) */
  appearance: none;
  /* 標準のスタイルを無効にする */
}
.wpcf7 .wpcf7c-elm-step3 {
  text-align: center;
  padding: 50px 0;
}
.wpcf7 span.wpcf7-list-item {
  position: relative;
  padding-right: 1em;
}
.wpcf7 input[type=text], .wpcf7 input[type=email], .wpcf7 input[type=url], .wpcf7 input[type=password], .wpcf7 input[type=search], .wpcf7 input[type=tel], .wpcf7 textarea {
  margin: 0.5em 0;
  width: 100%;
}
.wpcf7 input[type=text].recruit-birth-y, .wpcf7 input[type=email].recruit-birth-y, .wpcf7 input[type=url].recruit-birth-y, .wpcf7 input[type=password].recruit-birth-y, .wpcf7 input[type=search].recruit-birth-y, .wpcf7 input[type=tel].recruit-birth-y, .wpcf7 textarea.recruit-birth-y {
  width: 5em;
}
.wpcf7 input[type=text].recruit-yubin, .wpcf7 input[type=email].recruit-yubin, .wpcf7 input[type=url].recruit-yubin, .wpcf7 input[type=password].recruit-yubin, .wpcf7 input[type=search].recruit-yubin, .wpcf7 input[type=tel].recruit-yubin, .wpcf7 textarea.recruit-yubin {
  width: 8em;
}
.wpcf7 button, .wpcf7 input[type=button], .wpcf7 input[type=reset], .wpcf7 input[type=submit] {
  padding: 1em 0;
  width: 8em;
  background: #00A0E9;
  text-align: center;
  margin: 0 10px;
}
@media screen and (min-width: 782px) {
  .wpcf7 button, .wpcf7 input[type=button], .wpcf7 input[type=reset], .wpcf7 input[type=submit] {
    width: 18em;
  }
}
.wpcf7 button:disabled, .wpcf7 input[type=button]:disabled, .wpcf7 input[type=reset]:disabled, .wpcf7 input[type=submit]:disabled {
  background: #ccc;
}
.wpcf7 input.back {
  background: #999;
}
.wpcf7 dl {
  margin: 0 0 2em;
}
.wpcf7 dl dt, .wpcf7 dl dd {
  margin: 0;
  font-weight: normal;
  padding: 5px 15px;
  box-sizing: border-box;
}
.wpcf7 dl dt {
  background: #D2ECF7;
}
.wpcf7 dl dd {
  background: #F2F2F2;
}
@media screen and (min-width: 782px) {
  .wpcf7 dl {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 2em;
  }
  .wpcf7 dl dt, .wpcf7 dl dd {
    padding: 10px 20px;
    border-bottom: 1px dotted #A8A8A8;
  }
  .wpcf7 dl dt {
    width: 15em;
  }
  .wpcf7 dl dd {
    width: calc(100% - 15em);
    margin: 0;
  }
}
.wpcf7 .form-attention-read {
  margin-bottom: 0.5em;
}
.wpcf7 .form-attention {
  border: 1px solid #D1D1D1;
  padding: 20px 30px;
  margin-bottom: 20px;
}
@media screen and (min-width: 782px) {
  .wpcf7 .form-attention {
    padding: 20px 60px;
  }
}
.wpcf7 .form-attention h4 {
  font-size: 1.8rem;
  margin-bottom: 0.5em;
  margin-top: 0;
}
.wpcf7 .form-attention h5 {
  font-size: 1.6rem;
}
.wpcf7 .form-attention p {
  font-size: 1.5rem;
  margin: 0;
}
.wpcf7 .form-attention .form-privacy {
  position: relative;
}
@media screen and (min-width: 782px) {
  .wpcf7 .form-attention .form-privacy p {
    margin-right: 180px;
  }
}
.wpcf7 .form-attention .form-privacy .form-privacy-mark {
  text-align: center;
}
.wpcf7 .form-attention .form-privacy .form-privacy-mark img {
  max-width: 110px;
}
@media screen and (min-width: 782px) {
  .wpcf7 .form-attention .form-privacy .form-privacy-mark {
    position: absolute;
    right: 0;
    top: 20px;
  }
  .wpcf7 .form-attention .form-privacy .form-privacy-mark img {
    max-width: 130px;
  }
}
.wpcf7 .form-signature {
  color: #666;
  margin-top: 2em;
}
.wpcf7 .form-signature p {
  font-size: 1.4rem;
  line-height: 1.4;
}
.wpcf7 .form-acceptance,
.wpcf7 .form-submit {
  text-align: center;
}
.wpcf7 .form-acceptance .wpcf7 span.wpcf7-list-item,
.wpcf7 .form-submit .wpcf7 span.wpcf7-list-item {
  margin-left: 0;
}
.wpcf7 .form-acceptance {
  padding-right: 1em;
}
.wpcf7 .sp-inline-block {
  display: inline-block;
}
@media screen and (min-width: 782px) {
  .wpcf7 .sp-inline-block {
    display: inline-;
  }
}
.wpcf7 .notice {
  font-size: 1.3rem;
}

.has-text-color.has-tds-color-1-color {
  color: #004bb2;
}
.has-text-color.has-tds-color-2-color {
  color: #00a0e9;
}
.has-text-color.has-tds-color-3-color {
  color: #f0f0f0;
}
.has-text-color.has-red-color {
  color: #dc000c;
}

.search .ani {
  margin-bottom: 1.5em;
  padding-bottom: 1.5em;
  border-bottom: 1px solid #ccc;
}

.header-widget {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  width: 30%;
  max-width: 200px;
  right: 10px;
  transform: translate(0, -50%);
}

/* footer logo追加 */
.site-footer .footer-logo-area { display:block !important;}

.site-footer .footer-logo__mitsui {
  text-align:center;
  margin-top:20px !important;
}
.site-footer .footer-logo__mitsui img {
  width: 180px !important;
  }
.site-footer .footer-logo__left {
  width: 60%;
  margin: 20px auto 30px;
  text-align:center;
}
.site-footer .footer-logo__mitsui.is-pc {
display:none;
}
.site-footer .footer-logo__mitsui.is-sp {
display:block
}
@media screen and (min-width: 782px) {
.site-footer .footer-logo__mitsui {
    text-align:right;
}
.site-footer .footer-logo__mitsui img {
  width: 220px !important;
}

  .site-footer .footer-logo__left {
    width: 175px;
    margin: 15px 0 30px;
    text-align:left;
  }
.site-footer .footer-logo__mitsui.is-pc {
display:block;
}
.site-footer .footer-logo__mitsui.is-sp {
display:none;
}
}

.site-footer .footer-copyright .footer-name {
display: inline-block;
}
.site-footer .footer-copyright .footer-name::after {
content:"|";
padding-right:0.8em;
padding-left:0.8em;
}

/* 問い合わせ */
.form-privacy-mark p { margin:0 !important;}