/*--------------------
Reset
--------------------*/
@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;500;600;700;800&display=swap');
@import url(https://fonts.googleapis.com/css?family=Hind:500);
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@900&display=swap');

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


li {
  list-style: none;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, main {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  color: #2a2a2a;
  text-decoration: none;
}

img, video {
  vertical-align: bottom;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #2a2a2a;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #2a2a2a;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

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

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

input, button, select, textarea {
  vertical-align: middle;
  font-family: inherit;
  font-size: inherit;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

/*--------------------
common
--------------------*/
body {
  font-family: "Shippori Mincho", serif;
  font-weight: 400;
  font-size:18px;
  color: #2a2a2a;
}

main {
  width: 100%;
}

.container {
  width: 100%;
  margin: 0 auto;
}

.inner{
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  line-height: 2;
  padding:1rem;
}

header {
  width: 100%;
  height: 4rem;
  position: fixed;
  top: 0;
  left: 0;
  /* border-bottom: 1px solid; */
  transition: ease 0.3s;
  z-index: 99;
}

.Nav-Item {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  flex: none;
  height: 100%;
  letter-spacing: 0.05em;
  font-size: 1rem;
  font-weight: 500;
}

.Nav-Item-Link {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.Nav-Item-Link span {
  font-size: 1.5rem;
  padding-left: 0.5rem
}

.Nav-Item-Link:hover {}

.Nav-Item-Sub {
  position: absolute;
  top: 4rem;
  left: -0.5rem;
  display: none;
  padding: 0rem;
  width: 188px;
  background: rgba(239, 239, 239, 0.95);
}

.Nav-Item-Sub li{
    padding: 1rem 0 0.5rem 1rem;
    text-align: left;
    font-size: 0.9rem;
}

.Nav-Item-Sub li:last-child{
    background: none !important;
    /* color: #000000; */
    padding: 1rem !important;
    margin-top: 0 !important;
}

.Nav-Item-Sub li:last-child a{
    color: #2a2a2a !important;
}

.Nav-Item-bg {
  background: none !important;
  padding: 0 !important;
}

.Nav-Item-Sub-Item {
  letter-spacing: 0.05em;
}

.Nav-Item-Sub-Item:hover {
  color: #0fbfae;
}

.Nav-Item-Sub-Item-Link {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.Nav-Item.isParent:hover .Nav-Item-Sub {
  display: block;
}

.sp-sub {
  padding-left: 1rem;
}


.sp-sub-wrap li{
  padding:1rem 0;
}

.sp-sub-wrap li a {
    display: flex;
    align-items: center;
}

.sp-sub-wrap li a span{
    font-size: 12px;
}
.navicon{
  padding-left: 0.25rem;
}

/* ---------------------------- */
/* --- それ以外 --- */
/* ---------------------------- */
a {
  display: block;
  text-decoration: none;
  color: inherit;
}

footer {
  width: 100%;
  background: #F0F0F0;

  padding: 1rem 0;
}

footer li {
  position: relative;

  padding: 0.5rem 1rem;
        display: flex;
}

footer li a {

  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
}

.footer-wrap {
  width: 90%;
  margin: 0 auto;
}

.f-icon {
}

.footer-logo {
  width: 85%;
  padding: 2rem 0;
  margin: 0 auto;
}

.footer-logo img {
  width: 100%;
}

.footer-menu {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  font-size: 1rem;
  margin: 1rem auto;
    letter-spacing: 2px;
}



.tel-hours {
  width: 50%;
  text-align: center;

}

.tel-hours li.organization_name {
  flex-wrap: wrap;
}

.tel-hours li.organization_name span {
  display: block;
  width: 100%;
}
.tel-hours li.organization_name span:nth-of-type(1) {
  font-size: 1rem;
}
.tel-hours li.organization_name span:nth-of-type(2) {
  font-size: 0.5rem;
}
.tel-hours li a {

}

.tel-hours li {
 font-size: 0.9rem;
    padding: 0;
    line-height: 1.6;
    display: flex;
    letter-spacing: 1px;
    margin: 0 auto;
    width: fit-content;
}
.tel-hours li a,
.tel-hours li:not(.adress,.organization_name) {
  font-size: 0.85rem;
  white-space: nowrap;
  padding: 0;
}
.adress{
  padding: 0.5rem 0!important;
}
.iso-area-img .iso_logo {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-top: 2rem;
  justify-content: center;
}

.iso-area-img img {
  width: 23.3%;
  padding: 0.5rem;
}

.iso-text, .copy-right {
  text-align: center;
  font-size: 0.75rem;
}

.copy-right {
  margin-top: 2rem;
}

.iso-text {
  padding-bottom: 4rem;
  margin: 0 auto;
}

.logo-area {

    height: auto;
    position: absolute;
    z-index: 9;
    order: 1;
    top: 13px;
    left: 0.5rem;
}

.logo-area a {
}

.container {
  width: 100%;
  margin: 0 auto;
}

.swiper {
  width: 100%;
}

.swiper img {
  width: 100%;
}


.mainvisual {
  width: 100%;
  margin-top: 5rem;
}

.top-image {
  width: 100%;
}

.top-image img {
  width: 100%;
}

.top-message {
  width: 100%;
  background: -webkit-linear-gradient(75deg, #0753DB 30%, #07B3DB 90%);
  padding: 2rem 1rem;
  display: flex;
  flex-wrap: wrap;
  align-content: space-around;
}

.top-text {
  font-size: 0.8rem;
  color: #fff;
}

.top-text-bold {
  font-size: 1.5rem;
  font-weight: 500;
}

.top-message h3 {
  font-size: 1.5rem;
  color: #fff;
  font-weight: 500;
  padding-bottom: 0.5rem;
}

.top-text {
  color: transparent;
  animation: blur 10s ease-out forwards;
  -webkit-animation: blur 10s ease-out forwards;
  /* animation-iteration-count: 1; */
  animation-fill-mode: forwards;
}

.top-text:nth-child(1) {
  animation-delay: 0.1s;
  -webkit-animation-delay: 0.1s;
}

.top-text:nth-child(2) {
  animation-delay: 0.2s;
  -webkit-animation-delay: 0.2s;
}

.top-text:nth-child(3) {
  animation-delay: 0.3s;
  -webkit-animation-delay: 0.3s;
}

.top-text:nth-child(4) {
  animation-delay: 0.4s;
  -webkit-animation-delay: 0.4s;
}

.top-text:nth-child(5) {
  animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
}

.top-text:nth-child(6) {
  animation-delay: 0.6s;
  -webkit-animation-delay: 0.6s;
}

.top-text:nth-child(7) {
  animation-delay: 0.7s;
  -webkit-animation-delay: 0.7s;
}

@keyframes blur {
  0% {
    text-shadow: 0 0 100px #fff;
    opacity: 0;
    color: transparent;
  }

  5% {
    text-shadow: 0 0 90px #fff;
  }

  15% {
    opacity: 1;
    color: transparent;
  }

  20% {
    text-shadow: 0 0 0px #fff;
  }

  80% {
    text-shadow: 0 0 0px #fff;
  }

  100% {
    opacity: 1;
    color: #fff;
  }

  /* 95%		{text-shadow:  0 0 90px #fff;}
	100%	{text-shadow:  0 0 100px #fff; opacity:0;} */
}

@-webkit-keyframes blur {
  0% {
    text-shadow: 0 0 100px #fff;
    opacity: 0;
  }

  5% {
    text-shadow: 0 0 90px #fff;
  }

  15% {
    opacity: 1;
  }

  20% {
    text-shadow: 0 0 0px #fff;
  }

  80% {
    text-shadow: 0 0 0px #fff;
  }

  100% {
    opacity: 1;
    color: #fff;
  }

  /* 95%		{text-shadow:  0 0 90px #fff;}
	100%	{text-shadow:  0 0 100px #fff; opacity:0;} */
}

.title {
  text-align: center;
  padding: 0rem 0 1rem;
}

.title-border {
  width: 5rem;
  height: 0.4rem;
  background: #000;
  margin: 0.75rem auto 0.5rem;
}

.title h2 {
  font-size: 1.5rem;
  font-weight: 600;
}

.title p {
  letter-spacing: 8px;
}

.survice-image img {
  width: 100%;
}

.survice-box-column {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0 1rem;
}

.survice-box {
  width: 48%;
  padding-bottom: 2rem;
}

.survice-title {
  font-size: 1.2rem;
  font-weight: bold;
  padding: 0.5rem 0;
}

.survice-box p {
  font-size: 0.75rem;
  padding-bottom: 1rem;
}

.btn {
    width: 100%;
    border-radius: 4px;
    text-align: center;
    position: relative;
    font-size: 0.9rem;
    padding: 0.4rem 0.7rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
}

.btn a {
  width: 100%;
  color: #fff;
  font-size: 0.75rem;
}

.btn span{
    font-size: 16px;
}


.container {
  width: 100%;
  margin: 0 auto;
}

.media-box-column {
  padding: 0 1rem;
}

.media-box {
  width: 100%;
  padding: 1rem 0;
  display: flex;
  justify-content: space-between;
  position: relative;
  border-bottom: 1px dotted #2a2a2a;
}

.media-box:last-child {
  border-bottom: none;
}

.media-image {
  width: 30%;
}

.media-text-wrap {
  width: 65%;
  display: flex;
  flex-direction: column;
}

.media-image img {
  width: 100%;
}

.media-text {
  display: none;
}

.media-box .date {
  /* position: absolute; */
  /* bottom: 0.5rem; */
  padding-top: 0.5rem;
}

.news-box-column {
  padding:0 1rem 0;
}

.news-box {
  /* border-bottom: 1px dotted #2a2a2a; */
  padding: 1rem 0;
}

.news-box:last-child {
  /* border-bottom: none; */
}

.news-title {
  padding: 0.25rem 0;
  font-size:1.2rem;
  font-weight: bold;
  padding-left: 138px;
}

.news-column .date {
font-size: 1rem;
font-weight:bold;
}
.news-column li{
  /* background: linear-gradient(#E15471, #E56A60); */
color: #fff;
padding: 0rem 0.5rem;
letter-spacing: 2px;
font-size: 1rem;
font-weight: 100;
margin-right: 1rem;
/* width: 100px; */
text-align: center;
word-break: keep-all;
}
.news-column-tag-event{
  background: linear-gradient(#E15471, #E56A60);
}
.news-column-tag-news{
  background: linear-gradient(#51B344, #A3CB25);
}
.news-column-b{
}
.news-text{
  /* padding-left:138px ; */
}
.news-text img{
  width: 100%;
height: 100%;
/* margin: 2rem 0; */
}
.archive-news .news-text{
  padding-top:0.5rem;
  padding-bottom: 0.5rem;
}
.archive-news-box {
    padding: 1rem 2rem;
}
.title img{
  width:100%;
  padding: 1rem;
}
.more {
    margin: 0 auto;
    width: 80%;
    padding: 0 0 60px;
}

.ttl-img{
  width:100%;
  max-width: 1000px;
  margin: 0 auto 1rem;
}
.ttl-img img{
  width:100%;
}

.h2-s{
  width: 30.5%;
}
.greeting-box {
  padding: 0 0 2rem;
}

.greeting-box img {
  width: 100%;
}

.greeting-box-wrap {
  padding: 1rem;
}

.greeting-text {
  padding-bottom: 2rem;
}

.group-text {
  font-size: 0.8rem !important;
}

.group-box {
  width: 100%;
  padding: 0 0.5rem;
}

.group-box .survice-image {
  padding: 0.5rem;

}

.under-box .survice-title {
  padding: 2rem 1rem 1rem;
}

.catch-bold {}

.swiper--wrapper {
  /* wrapperのサイズを調整 */
  width: 100%;
  height: 300px;
}

.swiper-slide {
  /* スライドのサイズを調整、中身のテキスト配置調整、背景色 */
  color: #ffffff;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 300px;
}

.swiper-slide:nth-child(3n + 1) {
  /*1、4、7、3n+1枚目の背景色 */
  background-color: #de4439;
}

.swiper-slide:nth-child(3n + 2) {
  /*2、5、8、3n+2枚目の背景色 */
  background-color: #fcd500;
}

.swiper-slide:nth-child(3n + 3) {
  /*3、6、9、3n+3枚目の背景色 */
  background-color: #53c638;
}

/*--------------------
Menu
--------------------*/
#navi-menu {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  /* background: #fff; */
  position: relative;
  padding-top: 1rem;
}

#nav-toggle {
  /* background-color: #fff; */
  width: 3.5rem;
  height: 3.5rem;
  position: absolute;
  z-index: 3;
  order: 3;
  cursor: pointer;
  right: 3.5rem;
}

#nav-toggle span {
  width: 50%;
  height: 2px;
  background: #ccc;
  position: absolute;
  left: calc(55% - 1rem);
  transition: 0.5s ease;
  filter: drop-shadow(1px 1px 1px #fff);
}

.contact-btn {
  width: 3.5rem;
  height: 3.5rem;
  background-color: #0753DB;
  position: absolute;
  top: 0;
  right: 0;
  margin: auto;
}

.contact-btn a {
  display: block;
  width: 50%;
  height: 3.5rem;
  margin: 1rem auto 0;
  background: url(../img/mail-icon.png);
  background-repeat: no-repeat;
  background-size: 100%;
}

#nav-toggle span:nth-of-type(1) {
  top: calc(50% - 9px);
}

#nav-toggle span:nth-of-type(2) {
  top: calc(50% - 1px);
}

#nav-toggle span:nth-of-type(3) {
  top: calc(50% + 8px);
}

#nav-toggle+nav {
  display: none;
}

nav {
  width: 310px;
  height: 100vh;
  /* background: #fff; */
  position: fixed;
  top: 3.5rem;
  right: 0;
  display: none;
  border-radius: 0 0 0 36px;
}

nav>div ul li {
  padding: 0.25rem 0;
  vertical-align: bottom;
  font-size: 13px;
  font-weight:100;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;

}

nav>div ul li.service{
    padding: 1.4rem 0 0 0;
}

nav>div ul li+li {
  border-top: 1px solid #bababa;
}

nav>ul li a {
  display: block;
  /*line-height: 1.2;*/
  position: relative;
}

nav>ul li a .badge {
  color: #f00;
  font-size: 0.5rem;
  display: inline;
  vertical-align: middle;
  padding-right: 0.5rem;
}

.navi-contact {
  text-align: center;
  font-size: 0.75rem;
  line-height: 1.2;
  z-index: 2;
  order: 2;
}

.navi-contact a {
  font-size: 1rem;
}

.navi-flame {
  margin: 16px 36px 0 36px;
}

.navi-str2 {
  font-size: 6.5px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
}

.navimask {
  width: 310px;
  height: 524px;
  visibility: hidden;
  opacity: 0;
  position: fixed;
  top: 3.5rem;
  right: 0;
  z-index: -1;
  transition: ease 0.3s;
  transition-delay: 0.2s;
}

.open #nav-toggle span:nth-of-type(1) {
  top: calc(50% - 1px);
  transform: rotate(135deg);
}

.open #nav-toggle span:nth-of-type(2) {
  transform: rotate(-135deg);
}

.open #nav-toggle span:nth-of-type(3) {
  opacity: 0;
}

.open .navimask {
  visibility: visible;
  opacity: 1;
}

#facility {
  cursor: pointer;
}

.nav-child {
  background: #fff;
  padding: 1rem 2rem;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1;
}

.nav-child-wrap {
  width: 100%;
}

.nav-child-wrap .ttl {
  border: 1px solid #3a3a3a;
}

.nav-child-wrap .ttl p {
  font-size: 0.75rem;
}

/*--------------------
Other
--------------------*/
.sp {
  display: block;
  width: 100%;
}

.pc {
  display: none;
}

.flex {
  display: flex;
  align-items: center;
}

/*--------------------
  Slider
  --------------------*/
.sliderArea {
  max-width: 100%;
  margin: 0 auto;
  padding: 0 25px;
}

.sliderArea.w300 {
  max-width: 300px;
}

.slick-slide {
  margin: 0 5px;
}

.slick-slide img {
  width: 100%;
  height: auto;
}

.slick-prev, .slick-next {
  z-index: 1;
}

.slick-prev:before, .slick-next:before {
  color: #2a2a2a;
}

.slick-slide {
  transition: all ease-in-out .3s;
  opacity: .2;
  margin: 0;
}

.slick-active {
  opacity: 1;
}

.slick-current {
  opacity: 1;
}

.thumb {
  margin: 20px 0 0;
}

.thumb .slick-slide {
  cursor: pointer;
}

.thumb .slick-slide:hover {
  opacity: .7;
}

/*--------------------
Greeting-main  共通下層フレーム
--------------------*/
.mainvisual-under {
  /* padding-top: 7rem; */
}

.main-under-wrap {
  padding-bottom: 4rem;
}

.title {}

.main-under-wrap .under-box {
  position: relative;
  overflow: hidden;
}

.under-box-wrap-left {
  /* background: #fff; */
  position: absolute;
  top: 5rem;
  height: 250px;
  width: 65%;
  padding: 2rem;
}

.under-box-wrap-text {
    width: 90%;
    margin: 0 auto;
    max-width: 1200px;
	padding:1rem 0;
}

.under-box-wrap-text p{
        padding: 1.5rem 0 0 0;
    line-height: 1.8;
    font-size: 0.9rem;
}

.company {
  font-size: 0.75rem;
  font-weight: bold;
  border-bottom: 1px solid #2a2a2a;
  padding-bottom: 0.25rem;
}

.name {
  font-size: 1.8rem;
  padding-top: 0.5rem;
}

.name2 {
  font-size: 1.2rem;
}

.under-box-img {
  width:120%;
  margin-left: 20%;
}

.under-box-img img {
  width: 140%;
}

.under-box-text {
  padding: 1rem;
  line-height: 1.8;
}

.under-box-text a {
  text-decoration: underline;
  font-weight: bold;
}

/*--------------------
Survice1
--------------------*/
.catch-wrap {
  width: 75%;
  padding: 1rem;
  top: 3rem;
  background: rgba(255, 255, 255, 0.7);
  line-height: 1.5;
}

.catch-wrap-system {
  width: 84%;
  height: auto;
  top: 2em;
}

.catch {
  font-weight: bold;
  line-height: 1.8;
  font-size: 1rem;
}

.under-box-img2 {
  width: 100%;
  margin-left: 0;
  padding: 0 1rem;
}

.under-box-img2 img {
  width: 100%;
}

.table {
  margin-bottom: 40px;
  border-top: 1px solid #cdcdcd;
  border-right: 1px solid #cdcdcd;
  width: 90%;
  margin: 2rem auto 0;
}

.table tr {
    display: flex;
    flex-wrap: wrap;
}

.table th {
        width: 100%;
    vertical-align: top;
    /* color: #fff; */
    border-bottom: 1px solid #cdcdcd;
    border-left: 1px solid #cdcdcd;
    background: #EFEFEF;
    font-weight: normal;
    padding: 10px;
    text-align: left;
}

.table td {
  border-bottom: 1px solid #cdcdcd;
    border-left: 1px solid #cdcdcd;
    background: #fff;
    padding: 10px;
    width: 100%;
}

.table td ul {
  margin-bottom: 0 !important;
}

.tbl02 {
  font-size: 90%;
  width: 100%;
  margin-bottom: 40px;
  border-top: 1px solid #cdcdcd;
}

.tbl02 tr:nth-child(2n) {
  background: #dcdcdc;
}

.tbl02 tr:nth-child(2n+1) {
  background: #fff;
}

.tbl02 th {
  vertical-align: middle;
  color: #060606;
  border-bottom: 1px solid #cdcdcd;
  background: none;
}

.box .tbl02 th {
  background: #f4f4f4;
}

.box .tbl02 tr:nth-child(2n) {
  background: #fff;
}

.box p+.tbl02 {
  margin-top: 20px;
  margin-bottom: 0;
}

.tbl02 td {
  border-bottom: 1px solid #cdcdcd;
  background: none;
}

.tbl02 td ul {
  margin-bottom: 0 !important;
}

.bg-color {
  /* background: #F2F7FD; */
}

.flow-tag {
  position: relative;
  display: inline-block;
  padding: 0.3rem 0.5rem 0.25rem 0.5rem;
  line-height: 1;
  font-size: 1rem;
  color: #fff;
  text-decoration: none;
  background: -webkit-linear-gradient(75deg, #0753DB 30%, #07B3DB 90%);
  height: 1.8rem;
  border-radius: 4px;
}

/* .flow-tag:before {
    position: absolute;
    top: 0;
    right: -1.2rem;
    content: '';
    border-width: 0.8rem 0;
    border-style: solid;
    border-top: 2.5rem solid transparent;
    border-left: 1.2rem solid #0753DB;
    border-bottom: 0rem solid transparent;
    width: 0;
    height: 0;
}
.flow-tag:after {
	position: absolute;
	top: center;
	left: 0;
	content: '';
	color: #fff;
} */
.flow-text-title {
  /* border:2px solid #d5d5d5; */
  margin-left: 0.5rem;
  font-size: 1.2rem;
  line-height: 1.6;
  font-weight: 600;
}

.flow-card {
  width: 90%;
  margin: 0 auto;
  height: 240px;
  padding: 1rem;
  background-color: #fff;
  border: 1px solid #bababa;
  border-radius: 4px;
}

.flow-text {
  padding: 1rem 0;
}

.card-title-wrap {
  display: flex;
}

.triangle {
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #2a2a2a;
  margin: 1rem auto;
}
.vision-under-wrap{
   width:100%;
   display: flex;
   flex-wrap: wrap;
   flex-direction: column-reverse;
}

.vision-under-wrap img{
  width:100%;
  padding: 0 1rem;
}
.vision-under-wrap .under-box-wrap{
  width:100% !important;
}
.vision-catch{
  padding: 1rem;
}
  .survice-wrap{
  }
  .survice-wrap img{
   width:100%;
  }
.survice-catch-wrap{
  padding: 2rem 1rem;
  background: rgba(0,0,0,0.1)
}
.survice-image{
  width:100%;
}
.survice-image img{
  width:100%;
  margin: auto;
  display: block;
}
.survice-image-top-group{
  width:100%;
  /* height:80px; */
  padding-top:1rem;
}


/*パンくず*/

.breadcrumb {
    width: 100%;
    margin: 20px auto 0;
    display: flex;
    max-width: 1200px;
    font-size: 14px;
    flex-wrap: wrap;
}

.breadcrumb span {
    margin: 0 5px;
    display: block;
}




div#toc_container {
    margin: 30px auto 60px;
    padding: 25px 50px;
}

#toc_container.no_bullets li, #toc_container.no_bullets ul, #toc_container.no_bullets ul li, .toc_widget_list.no_bullets, .toc_widget_list.no_bullets li {
    background: 0 0;
    list-style-type: none;
    list-style: none;
    padding: 5px 0;
}




/*contact*/


.ccb-lower {
    width: 90%;
    margin: 20px auto;
    font-size: 14px;
    line-height: 1.8;
    height: 200px;
    overflow: auto;
    border: 1px solid #CCC;
    padding: 10px;
}

.contact td input[type="text"] ,.contact td input[type="email"] {
	width:70%;
    padding: 5px;
    font-size: 16px;
    box-sizing: border-box;
}

.contact td textarea{
    width:100%;
    padding: 5px;
    font-size: 16px;
    box-sizing: border-box;
}


.contact td dl.address {
    display: flex;
    flex-wrap: wrap;
}

.contact td dl.address dt {
    width: 30%;
    padding: 0 0 10px 0;
}

.contact td dl.address dd {
    width: 70%;
    padding: 0 0 10px 0;
}

.contact td dd.postal input[type="text"] {
    width: 100px;
}

.contact td span.mwform-tel-field input[type="text"]{
    width: 100px;
}


.form-submission {
    text-align: center;
    line-height: 5;
}

.contact span.required-label {
    font-size: 12px;
    color: red;
    margin: 0 0 0 10px;
}

.ttl-img-flex {
  display: flex;
  /* flex-direction: row; */
  flex-wrap: wrap;
}
@media screen and (min-width: 640px) {
  .ttl-img-flex{
    display: flex;
    width: 100%;
    max-width: 1200px;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 auto;
  }
  .sp {
    display: none;
  }

  .pc {
    display: block;
    width: 100%;
  }

  main {
    width: 100%;
    margin: 0 auto;
  }

  header {
    /* background: #fff; */
    height: 10rem;
    width: 100%;
    position: relative;
  }

  .mainvisual {
    width: 100%;
    padding: 0;
    height: auto;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0;
  }

  .top-message {
    width: 100%;
    background: -webkit-linear-gradient(75deg, #0753DB 30%, #07B3DB 90%);
    padding: 2rem 1rem;
    display: flex;
    flex-wrap: wrap;
    align-content: space-around;
  }

  .top-image {
    width: 100%;
  }

  .top-message {
    width: 50%;
  }

  .top-image img {
    width: 100%;
  }

  .top-message-wrap {
    width: 80%;
    margin: 0 auto;
  }

  .top-message h3 {
    font-size: 42px;
    padding-bottom: 1rem;
  }

  .top-text {
    font-size: 24px;
  }

  .top-text-bold {
    font-size: 40px;
    font-weight: 500;
  }

  .title {
        padding: 4rem 0 1rem;
  }

  .title h2 {
    font-size: 2rem;
    font-weight: 500;
    letter-spacing: 1px;
  }

  .survice-box-column {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0;
    padding-bottom: 4rem;
  }

  .survice-box {
    padding: 2rem 1rem;
  }

  .survice-title {
    font-size: 1.2rem;
    padding: 1rem 0;
    font-weight: bold;
  }

  .survice-box p {
    font-size: 1rem;
    padding-bottom: 2rem;
  }

  .media-box-column {
    width: 1100px;
    margin: 0 auto;
    /* padding: 0 4rem; */
  }

  .media-box {
    padding: 2rem 0;
  }

  .media-text-wrap {
    justify-content: center;
    flex-direction: column;
  }

  .media-title {
    font-size: 1.2rem;
    padding-bottom: 1rem;
  }

  .media-text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
  }

  .media-box .date {
    padding-top: 1rem;
  }

  .news-box-column {
    max-width: 980px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .news-box {
    width:24%;
    padding: 0.1rem 0 4rem;
  }
.news-column{
  /* display: flex; */
}
.icon-date-wrap{
  display: flex;
  margin-top: 0.5rem;
  margin-bottom: 0.25rem;
}
.news-link{
font-size: 0.75rem;

padding-top: 0.5rem;
}

  .greeting-box {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    align-items: center;
    padding: 0 0 4rem;
  }

  .greeting-box-wrap {
    width: 1100px;
    margin: 0 auto;
  }

  .greeting-box img {
    width: 40%;
  }

  .greeting-box-wrap {
    justify-content: center;
    flex-direction: column;
    align-items: center;
    width: 40%;
  }



  .greeting-text {
    font-size: 1rem;
    padding-bottom: 4rem
  }

  .messege-wrap {
    width: 1100px;
    padding: 0 1rem;
  }

    .greeting-box-wrap a .btn {
    width: 300px;
}

  .btn {
    font-size: 1rem;
    align-items: center;
    height: auto;
    padding: 0.4rem 1rem 0.6rem;
  }



  .more {
    margin: 40px auto 0;
    width: 100%;
    max-width: 980px;
    padding: 0 0 80px 0;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-start;
  }
  .more a {
    width: 100%;
  }
  .more .btn {
    justify-content: right !important;
  }


  footer {}

  .footer-wrap {
    width: 100%;
    max-width: 1200px;
  }
.footer-menu ul{
  display: flex;
    flex-wrap: nowrap;
    justify-content: center;
}
  .footer-logo {
    width: 100%;
    margin: 1rem auto 2rem;
    display: flex;
    /* flex-wrap: wrap; */
    justify-content: center;

  }

  .footer-logo img {
    margin: 1rem 0 2rem;
    width:380px;
  }

  .tel-hours {
    display: block;
  }

  .tel-hours ul {
    padding-left: 2rem;
    text-align: left;
  }

  .tel-hours li {
    margin: 0;
    width: 100%;
    align-items: center;
    font-size: 0.75rem;
  }
  .tel-hours li.organization_name {
    flex-wrap: nowrap;
  }
  .tel-hours li.organization_name span {
    display: contents;
  }
  .tel-hours li.organization_name span:nth-of-type(2) {
    padding-left: 1rem;

  }
  .tel-hours li.adress {
    padding: 0.25rem 0!important;
  }
  footer  .tel-hours li a {
    padding: 0;
  }
  .tel-hours li br.sp {
    display: none;
  }

  .footer-menu {
    display: block;
    width: 100%;
    align-items: center;
    padding: 2rem 0;
    font-size: 13px;
  }

  .iso-area-img {
    width: 40%;
    align-items: flex-start;
  }

  .iso-text {
    padding-bottom: 4rem;
    display: block;
  }

  .copy-right {
    margin-top: 4rem;
  }

  .group-box-column {
    display: flex;
    flex-wrap: nowrap;
  }

  .group-box {

  }

  .group-text {
    font-size: 1rem !important;
  }
  .vision-under-wrap img{
    padding-top: 4rem;
  }
  .vision-under-wrap .under-box-wrap{
    width:50% !important;
    display: flex;
    flex-flow: column;
    flex-wrap: nowrap;
    justify-content:center;
  }
  .survice-wrap {
      display: flex;
      /* flex-wrap: wrap; */
      flex-direction: row-reverse;
  }
  .survice-catch-wrap{
    width:50%;
    padding: 2rem;
    display: flex;
    flex-flow: column;
    flex-wrap: nowrap;
    justify-content: space-evenly;
  }
  .survice-image{
    width:50%;
  }
  .survice-image-top{
    width:100%;
  }
  .survice-image img{
    width:100%;
    height:400px;
    object-fit: cover;
  }
  .survice-image-top-group{
      /* height:150px; */
  }
  .survice-image-top-group img{
    width: 100%;
    height: 95px;
    object-fit: contain;
    }
  /*--------------------
Greeting-main  共通下層フレーム  PC
--------------------*/
  .main-under-wrap {
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 10rem;
  }

  .under-box-wrap-left {
    width: 60%;
  }

  .main-under-wrap .under-box {
    width: 100%;
    display: block;
  }

  .under-box-img {
    width: 100%;
    margin-left: 40%;
  }

  .under-box-img img {
    width: 60%;
  }

  .profile {
    top: 10rem;
    height: 250px;
    width: 50%;
    padding: 2rem;
  }

  .company {
    font-size: 1.4rem;
    font-weight: bold;
    border-bottom: 1px solid #2a2a2a;
    padding-bottom: 0.25rem;
  }

  .name {
    font-size: 2.4rem;
    padding-top: 0.5rem;
  }

  .name2 {
    font-size: 1.8rem;
    padding-top: 0.5rem;
  }

  .main-under-wrap .under-box-wrap {
    width: 100%;
  }
  .vision-under-wrap {
      flex-wrap: nowrap;
      flex-direction: initial;
  }
  .main-under-wrap .under-box-img {
    margin-bottom: 4rem;
  }

  .main-under-wrap .under-box-text {
    font-size: 1rem;
  }

  /*--------------------
Survice1 PC
--------------------*/
  .catch-wrap {
    width: 62%;
    height: 398px;
    padding: 4rem;
    top: 3rem;
    background: rgba(255, 255, 255, 0.7);
  }

  .catch {
    font-weight: bold;
    font-size: 1.4rem;
  }

  .under-box-img2 {
    width: 100%;
    margin-left: 0;
    padding: 0 1rem;
  }

  .under-box-img2 img {
    width: 100%;
  }



  .flow-card {
    width: 30%;
    margin-bottom: 2rem;
  }

  .survice-title-wrap {
    width: 90%;
  }

  .flex-wrap {
    display: flex;
    flex-wrap: wrap;
  }

  .triangle {
    transform: rotate(-90deg);
    width: 30px;
    height: 15px;
    margin: auto;
  }

  .flow-text-title {
    font-size: 1.2rem;
  }

  /*--------------------
  PC Menu
  --------------------*/
  #navi-menu {
    display: none;
  }

  #navi-menu-pc {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: 0 auto;
    /* background: #fff; */
    /* height: 12rem; */
  }
  #navi-menu-pc nav ul {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    text-align: center;
    padding: 0;
    padding-left: 8%;
}
.btn-head{
  width: 94%;
  padding-left: 15%;
  display: flex;
  justify-content: center;
  margin-top: 1.8%;
}
.membership img {
  width: 100%;
  height: 100%;
}
.membership {
  text-align: center;
  font-weight: bold;
  width: 49%;
  max-width: 400px;
}
.membership .membership-child {
  background: #ffff00;
  border-radius: 50px;
  font-size: 1.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  line-height: 1;
  width: 100%;
  white-space: nowrap;
}
.membership .membership-child span {
  font-size: 2rem;
  margin-left: 0.5rem;
  line-height: 1;
  position: unset;
  display: block;
  width: unset;
}
.btn-head a{
width:49%;
max-width: 400px;
/* margin: 0 auto; */
}
.btn-head img{
  width: 100%;
  height: 100%;
}
.btn-head-under{
  width: 70%;
margin: 1rem auto;
padding-left: 38%;
display: flex;
justify-content: space-between;
}
.btn-head-under img {
    width: 90%!important;
}
  #navi-menu-pc a {
    color: #2a2a2a;
  }
  #navi-menu-pc .navi-flame li a {
    /* font-size: 1rem; */
  }
  #navi-menu-pc .navimask {
    background: rgba(0, 0, 0, 0.0);
    top: 3.5rem;
  }

  #navi-menu-pc.open .navimask {
    background: rgba(0, 0, 0, 0.0);
  }

  .logo-area {
    top: 1.7rem;
    bottom: 0;
    left: 5%;
    width: 24%;
    display: flex;
    align-items: center;
  }
.logo-area img{
  width:98%!important;
}
  .navi-flame {
    width: 95%;
    margin: 0;
    padding-left: 7%;
  }

  #navi-menu-pc .tel-hours li a {
    /* font-size:1rem; */
  }

  .tel-hours {
    position: relative;
  }

  .tel-hours .material-icons {
    color: #0753DB;
  }

  .tel-hours .f-icon {
    color: #fff;
  }

  .tel-hours .h-icon {
    color: #0753DB;
  }

  #navi-menu-pc .tel-hours {
    width: 20%;
    padding: 15px 0 0 0;
  }

  .pc-contact {
    width: 10%;
  }

  #navi-menu-pc .tel-hours ul {
    display: block;
  }

  .contact-btn, #nav-toggle {
    display: none;
  }

  /* #navi-menu-pc .navi-flame li:last-child {
    /* border: 1px solid #0753DB; */
    background: linear-gradient(25deg, #0753DB, #07B3DB);
    margin-top:0.5rem;
    padding: 0.5rem 3rem 0.5rem 3rem;
    position: relative;
    border-radius: 4px;
  } */

    #navi-menu-pc .navi-flame li:last-child a{
        color: #FFF;
        display: flex;
    align-items: center;
    }

    #navi-menu-pc .navi-flame li:last-child a span{
        margin: 0 5px 0 0;
    }

  #navi-menu-pc .navi-flame li a:last-child {
    font-weight: 700;
    letter-spacing: 2px;
  }

  #navi-menu-pc .navi-flame li a {
    color: #fff;
      display: flex;
      align-items: center;
  }

    #navi-menu-pc .navi-flame .Nav-Item-Sub li a span{
        font-size: 12px;
        margin: 0 10px 0 0;
    }


  nav {
    /* background: #fff; */
    top: 0;
    position: absolute;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%;
    height: 5rem;
    border-radius: 0;
    padding-left: 20%;
    /* padding-right: 1rem; */
    transition: 0.5s ease;
  }

  nav ul {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    text-align: center;
  }

  nav>div ul li+li {
    border: none;
  }


    nav>ul li {
      padding: 0 0.5rem;
    }

    nav>ul li+li {
      border: none;
    }

    nav>ul li a {
      color: #5d4f47;
    }

    nav>ul li a .badge {
      position: absolute;
      top: -12px;
      left: 0;
      right: 0;
      display: block;
      padding: 0;
      white-space: nowrap;
    }

    .pc-nav {
      display: flex;
      align-items: stretch;
      height: 100%;
    }

    .pc-nav li {
      color: #fff;
      padding: 0 0.75rem;
    }

    .pc-nav li.act {
      border-bottom: 3px solid #5d4f47;
    }

    .pc-nav li a {
      font-size: 14px;
      width: 100%;
      height: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center;
    }

    .pc-nav li a span {
      color: #5d4f47;
      font-size: 10px;
      line-height: 1;
      display: block;
    }

    .pc-nav li .phone {
      background: #5d4f47;
      padding: 0.5rem;
      text-align: center;
    }

    .phone span,
    .phone small {
      font-size: 12px;
      display: block;
    }

    .phone small {
      font-size: 10px;
    }

    .navi-flame {
      display: block;
    }

    .navi-menu-pc .tel-hours {
      font-size: 10rem;
    }

    #nav-toggle {
      width: 4rem;
      height: 3.5rem;
      top: 0.25rem;
      right: 0.25rem;
    }


    .breadcrumb {
    margin: 50px auto 0;
}



    .under-box-wrap-text {
    width: 87%;
	padding: 3rem 0;
}


    /*table*/

    .table th {
    width: 30%;
}

    .table td {
    width: 70%;
}


  }
  @media screen and (max-width: 1320px) {
    #navi-menu-pc .tel-hours {
      display: none;
    }

    .navi-flame {
      width: 100%;
    }

    .top-message {}

    .top-text {
      font-size: 18px;
    }
    .top-text br{
      display: none;
    }

    .top-text-bold {
      font-size: 28px;
    }
  }

  .logo-area img{
   width:420px;
   filter: drop-shadow(0px 0px 6px #fff);
  }

@media screen and (max-width: 640px) {
  .main-under-wrap {
    padding:0 1rem!important;
}
  .archive-news-box{
    padding: 1rem 0;
  }
  .news-title{
    padding-left: 0;
    padding-top: 1rem;
  }
  .news-column li{
    margin-right: 0.5rem;
    font-size: 0.75rem;
  }
  .news-column .date{
    padding-left: 0;
        font-size: 0.75rem;
  }
  .mainvisual-under h2{
    width:100%;
    overflow: hidden;
  }
  .mainvisual-under h2 img{
    width:200%;
        transform: translate(-25%, 0%);
  }
  .logo-area{
    width:150px;
  }
  .logo-area img{
    width: 95%;
  }
  .column-box.sp.open .navi-flame li{
    font-size: 1.2rem;
    line-height: 2.5;
  }
  .column-box.sp.open nav ul{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    text-align: center;
    flex-direction: column;
  }
  .column-box.sp.open .navi-flame{
    width: 100%;
  }
  .column-box.sp.open nav{
    height:100vh;
    padding: 0;
    padding-top: 6rem;

  }
.news-box-column{
  display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.news-box{
  width:49%;
}
.news-box:nth-of-type(4),
.news-box:nth-of-type(3){
 /* display: none; */
}


  .news-text{
    padding-left: 0;
  }
  .news-column{
    /* display: flex; */
  }
  .sp-size{
    width:100%;

    overflow: hidden;
  }
  .sp-size img{
    width:185%;
    transform: translate(-23%, 0%);
  }
  .h2-s{
    width:100%;

  }
  .h2-s img{
    width:100%;
    margin-bottom: 1rem;
  }
  .title img{
    width:90%;
    margin: 0 auto;
        margin-bottom: 1rem!important;
        /* padding: 0; */
  }
  .tel-hours{
    width:100%;
  }
  .tel-hours li{
    font-size: 12px;
  }
  .footer-menu{
    font-size: 14px;
  }
  .footer-menu ul{
    display: flex;
    width: 100%;
    flex-wrap: wrap;
  }
  .footer-menu ul li{
    width:50%;
    text-align: center;
    display: flex;
justify-content: center;
  }
  .footer-menu ul li a{
    text-align: center;
  }
  .footer-logo img{
    margin-bottom: 2rem;
  }
}
.slick-next{
  right:0!important;
  display: none!important;
}
.slick-dots .slick-active button:before{
  color:#EB7A79!important;
}
.btn-head{
  position: relative;
  filter: drop-shadow(2px 4px 6px black);
}
.btn-head span{
  position: fixed;
  top:8rem;
  right:7%;
  width:170px;
}
.btn-head span img{
  width:138%;
}
.btn-head-under img{
width:65%;
}
.top-scroll{
  position: relative;
}
.top-scroll img{
  position: absolute;
  bottom:-1rem;;
  right:0;
  width: 60px;
}
h1,h2,h3{
  font-family: unset;
  font-weight: 400;
}
.book-box h3{
  font-size: 1.8rem;
text-align: center;
padding: 1rem 0 0.5rem;
}
.book-box p{
  text-align: center;
}
.book-box{
  width:49%;
  border: 1px solid #000;
  padding: 1rem;
  margin-bottom: 1rem;
}
.book-box-wrap{
  display: flex;
padding: 1rem;
justify-content: space-between;
}
.book-box-text{
  width:58%;
  font-size: 1rem;
}
.book-box-image{
  width:40%;
}
.book-box-image img{
  width:100%;
}
.book-under-wrap{
  display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 4rem;
}
@media screen and (max-width: 640px){
  nav ul{
    display: none;
    position: absolute;
    top: 7rem;
    left: 0;
    width: 100%;
  }

  .book-under-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: column;
    padding: 0 1rem;
    margin-top: 1rem;
}
.book-box{
  width:100%;
      padding: 0;
}
}

.under-box h3{
  font-family: unset;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: 2px;
  border-bottom: 1px solid #000;
  line-height: 1.6;
  margin-bottom: 1rem;
  margin-top: 4rem;
  text-align: center;
}

.head-text{
  width:100%;
  max-width: 1000px;
  margin: 2rem auto;
  font-size: 0.95rem;
}
.head-text img{
  width: 100%;
  margin-top: 0;
}
.under-box{
  width:100%;
  max-width: 1000px;
  margin: 2rem auto;
}
.under-box dl{
  font-size: 1rem;
}
.under-box dt{
  margin-top: 1rem;
}
@media screen and (min-width: 640px) {
  .head-text{
    font-size: 1.1rem;
  }
.under-box dl{
  display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 1rem 0;
    line-height: 2;
    font-size: 1.1rem;
}
.under-box dt{
  width:20%;
  margin-top: 0;
}
.under-box dd{
  width:80%;
}
}

.ttt{
  margin: 2rem 0 1rem;
}
.mainvisual-under img{
  width:100%;
}
.breadcrumb{
  margin: 0 auto;
  width:100%;
  max-width: 1400px;
  padding-top: 1rem;
  font-size: 1.1rem;
}
.main-under-wrap{
  padding:0 1rem;
  width:100%;
  max-width: 1400px;
}
.main-under-wrap-s{
  max-width: 1200px;
  padding-bottom: 5rem;
}
.founder-top{
  padding: 0 0 4rem;
}
.founder-top h3{
font-size: 1.8rem;
text-align: center;
padding: 2rem 0;
line-height: 1.5;
}
.founder-bottom h3{
font-size: 1.2rem;
width: 100%;
max-width: 600px;
margin: 0 auto;
text-align: center;
padding: 1rem 0;
}
.founder-bottom-image{
  text-align: center;
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
}
.founder-text{
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 0 2rem;
  line-height: 1.8;
  font-size: 1.2rem;
}
.founder-bottom .founder-text{
  max-width: 600px;
}
.nyukai-first{

margin-bottom: 1rem;

width: auto;
}
.nyukai-first-t{
    border: 1px solid #000;
    font-size: 1.2rem!important;
    padding: 0.2rem 0.5rem;
}
.nyukai-first-d{
  font-size: 1rem!important;
}
.nyukaibox{
  display: flex;
      width: 100%;
      flex-wrap: wrap;
      margin-bottom: 2rem;text-align: left;
}
.nyukaibox ul{
  padding: 1rem 0;
  width:43%;
  font-size: 1.4rem;
  margin: 0 auto;
}
.nyukaibox li span{
font-size:8px;
}
.kome{
font-size:1rem;
margin-top: 0.5rem;
}
@media screen and (max-width: 640px) {
  .under-box h3{
    margin-top: 1rem;
  }
  .nyukaibox ul{
    width:100%;
    font-size: 1.2rem;
    text-align: center;
  }
  .nyukai-first{
    border: 1px solid #000;
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
  margin-bottom: 1rem;
  text-align: center;
  }
}

.regist-width{
  max-width: 1500px;
}
 .main-under-wrap-s h3{
   text-align: center;
   font-size: 1.8rem;
   font-weight: 500;
   margin-top: 4rem;
 }
 .regist-area{
   width:100%;
   display: flex;
   justify-content: space-between;
   margin-top: 1rem;
 }
.regist-box{
  background: #fff;
  filter: drop-shadow(2px 4px 6px #666);
  text-align: center;
  padding: 1.5rem 1rem;
  border-radius: 10px;
  width: 30%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;

}
.sankaku{
  padding: 1rem;
  display: flex;
      align-items: center;
}
.sankaku img{
  width: 21px;
height: 53px;
margin-right: -0.25rem;
}
.regist-box-tt{
  border:1px solid #000;
}
.regist-bold{
  font-weight:bold;
  font-size:1.2rem;
  padding: 1rem 0;
}
.regist-bold2{
  display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-direction: column;
    height: 11rem;
}
.regist-bold2 span{
  font-weight: 400;
    font-size: 1.1rem;
}
.regist-bold3{
  padding: 2rem 0 0;
}
.regist-box-wrap-bottom{
  width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    line-height: 1.4;
}
.regist-box-wrap-bottom2{
  display: flex;
    align-content: space-between;
    align-items: center;
    justify-content: space-between;
    height: 9rem;
    flex-direction: column-reverse;
}
}

.regist-box-wrap-bottom .regist-tt{
  width:100%;
  padding-bottom: 0.5rem;
}

.regist-box-wrap-bottom .regist-bg1{
  width:49%;
  background: #D2DCFF;
  border-radius: 10px;
  padding:1rem 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.regist-box-wrap-bottom .regist-bg2{
  width:49%;
  background: #E8E3E5;
  border-radius: 10px;
  padding: 1rem 0;
  display: flex;
    justify-content: center;
}
.regist-box-wrap-bottom2 .regist-bg1,
.regist-box-wrap-bottom2 .regist-bg2{
  width:100%;
  padding: 1rem 0;
  height: 100%;
}
.regist-box-wrap-bottom .regist-bg1.regist-order2{
  width:100%;
}
 .conbini{
   text-align: center;
   font-size: 16px;
   margin-top: 4rem;
 }
@media screen and (max-width: 640px) {
  .mainvisual-under {
    padding-top: 4.5rem;
}
  .breadcrumb{
    font-size:1rem;
  }
  .inner{
    padding: 0 1rem;
  }
  .regist-area {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-top: 2rem;
  }
  .regist-box{
    width: 90%;
    height: 27rem;
    margin: 0 auto;
}
.sankaku {
    display: flex;
    flex-direction: column;
    padding: 0;
}
.sankaku img {
    width: 21px;
    height: 53px;
    margin-right: 0;
    transform: rotate(90deg);
}
.under-body-bt{
  padding: 2rem 0!important;
}
.main-under-wrap-s{
  padding-bottom: 1rem;
}
.main-under-wrap-s h3 {
    margin-top: 0;
    font-size: 1.4rem;
}
}


@media screen and (min-width: 640px) {
  .title img {
    width: 55%;
    padding: 1rem;
}
  .title.under-body-bt{
    padding: 4rem 0 4rem;
    width: 78%;
    margin: 0 auto;
}
  .form-btn{
    width:60%;
    margin: 0 auto;
  }
.sitemap{
  margin-top: 5rem;
}
.sitemap-wrap{
  width: 100%;
    max-width: 980px;
    margin: 0 auto;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
}
.bg-black{
  position: relative;
  background: #000;
  width:10rem;
  text-align: center;
  color:#fff;
      padding: 0.5rem 1rem;
}
.bg-black::after {
  content: "";
  position: absolute;
  top: 1.35rem;
right: -5rem;
width: 5rem;
  height: calc(100% + 0.25rem);
  border-top: 1px solid #000;
}
.sitemap ul li ul {
  margin-top: -2.9rem;
    /* margin-bottom: 3rem; */
    margin-left: 19rem;
}
.sitemap ul li ul li {
  margin-bottom: 2rem;
  position: relative;
  background: #F0F0F0;
  width:100%;
  text-align: center;
  padding: 0.5rem 1rem;
}

.sitemap ul li ul li::before {
  content: "";
  position: absolute;
  top: 1.45rem;
left: -5rem;
width: 5rem;
  height: calc(100% + 2rem);
  border-top: 1px solid #000;
  border-left: 1px solid #000;

}

.sitemap ul li ul li ul{
  content: "";
  position: absolute;
  top: 2rem;
left: -4rem;
width: 3rem;
  height: calc(100% + 0.25rem);
  /* border-top: 1px solid #000; */
}
.sitemap ul li ul li ul li {
  margin-bottom: 0.25rem;
  position: relative;
  background: #F0F0F0;
  width:10rem;
  text-align: center;
  padding: 0.5rem 1rem;
  margin-left: -1rem;
  margin-top: 1rem;
}
.sitemap ul li ul li ul li::before {
  content: "";
  position: absolute;
  top: 1.25rem;
left: -4rem;
width: 4rem;
  height: calc(100% + 0.25rem);
  border-top: 1px solid #000;
}
.sitemap ul li ul li:last-child::before {
  height: calc(1em + .25em);
  border-left:none;
}
}
@media screen and (max-width: 1100px) {
  .chairman-right > h4 {
    margin-top: 1rem;
  }

  .chairman ul {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
}
.chairman li{
  width:100%!important;
}
}
span.founder-word {
  display: inline-block;
}
@media screen and (max-width: 640px) {
  .chairman {
    padding-top: 0 !important;
  }


  .founder-text {

    font-size: 0.5rem;
}
  .contact-wrap{
    padding: 0rem 1rem!important;
  }
  .regist-width p {
    text-align: center;
        padding: 2rem 1rem 0rem!important;
    font-size: 1rem;
    font-weight: 500;
}
  .sitemap{
    padding: 2rem 1rem;
  }
  .sp-width{
    padding-right: 1rem;
  }
  .bg-black{
    position: relative;
    background: #000;
    width:100%;
    text-align: center;
    color:#fff;
        padding: 0.5rem 1rem;
        margin-bottom: 2rem;
  }
  .sitemap ul li ul li {
    margin-bottom: 3rem;
    position: relative;
    background: #F0F0F0;
    width:80%;
    text-align: center;
    padding: 0.5rem 1rem;
    margin-left: 20%;
  }
  .sitemap ul li ul li::after {
    content: "";
    position: absolute;
    top: 1.25rem;
  left: -2rem;
  width: 2rem;
    height: calc(100% + 2rem);
    border-top: 1px solid #000;
  }
  .sitemap ul li ul li::before {
    content: "";
position: absolute;
top: -4.5rem;
left: -2rem;
width: 5rem;
height: calc(100% + 3rem);
border-left: 1px solid #000;
  }
.ul-last{
margin-top: 1rem;
}
.li-only{
  height:3rem;
}
.li-bg-none{
background: none!important;
font-size:1rem;
/* padding: 0.2rem 1rem 0.25rem!important; */
}
.li-bg-none::before{
height: calc(100% + -1rem)!important;
  top:-0.2rem!important;
}
.li-bg-none::after{
top: 1rem!important;
}
.li-bg-none a{
  margin-left: -1rem;
  margin-top: -0.4rem;
}
}
table {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.contact-wrap .mailform-tbl tr {
    display: flex;
    flex-direction: column;
    padding: 1rem 0;
}

.contact-wrap .mailform-tbl tr td input{
  width: 100%!important;
    height: 3rem;
    border-radius: 0.3rem;
    border: 1px solid #454545;
}
#inquiry{
width:100%!important;
height: 600px;
border-radius: 0.3rem;
border: 1px solid #454545;
}
.contact-wrap .mailform-tbl th{
font-weight: 400;
    text-align: left;
    border-radius: 0.3rem;
    padding-bottom: 0.5rem;
    width: 100%;
    padding: 0 0 0.5rem;
    color: #2a2a2a;
    font-size: 1.2rem;
  }
  .contact-wrap .mailform-tbl td {
    padding: 0;
  }
.contact-wrap{
  width:100%;
  max-width: 1200px;
  background: #F5F5F5;
  margin: 0 auto;
  padding: 5rem 1rem;
      margin-bottom: 5rem;
}
#submit-button{
  margin: 0 auto;
}
#submit-button input{
  background: #000;
  color:#fff;
  margin-bottom: 1rem;

}
.contact-bt{
margin: 0 auto;
width:50%!important;
}
.regist-width p{
text-align: center;
  padding: 2rem 1rem 4rem;
  font-size:1rem;
}
.about-wrap{
  padding: 1rem;
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
}

.regist-form {
    font-size: 16px;
    display: block;
    width:100%;
}
.bg-gray{
  background: #E6E6E6;
}
table {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
        display: block;
}
.regist-form tr{
  display: flex;
    flex-direction: row;
    width: 100%;
    flex-wrap: wrap;
    border-bottom:1px solid #fff;
    padding: 2rem 0;

}
.regist-form th{
  width:15% !important;
  font-size:1.1rem;
  font-weight:500;
  color: #2a2a2a;
}
.regist-form th{
  width:15%;
}
/* .regist-form td{
  width:85%;
} */
.regist-form td {
    width: 85%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
}
.attention{
  display: block;
  color:red;
  font-size:16px;
  padding-left: 18%;
  font-weight: 500;
  margin-top: 0.5rem;
}
.other-area{
  padding-left: 15%;
  width:100%!important;
}
 .other-areatext{
   padding: 1rem 0;
   padding-left: 15%;
   width:100%!important;
 }

.contact_form td {
    text-align: left;
    border-bottom: 1px dotted #B4B4B5;
    padding: 15px;
    font-weight: normal;
    font-size: 13px;
    padding-left: 22%;
}
.regist-form input{
  padding: 0.4rem 1rem;
  border-radius: 4px;
border: 1px solid #999;
}
.regist-form select{
  width: 75%;
  padding: 0.4rem 1rem;
  border-radius: 4px;
  border: 1px solid #999;
}
.name-box input {
    width: 12rem!important;
    padding: 0.4rem 1rem;
}
.name-box select{
  width: 12rem!important;
}
.pass-box input {
    width: 30%!important;
    padding: 0.4rem 1rem;
}
.pass-box{

}
.w50 input{
width: 1.25rem!important;
height: 1.25rem!important;
}
.regist-form .mwform-radio-field input {
    margin-right: 5px;
    margin-bottom: 4px;
}
.address{
  line-height: 3;
}
.address input{
  width:75%;
}
.address-num input{
  width:10%!important;
}
.address-bottom input{
  width:55%;
}
.num-area input{
width:55%;
}
.w40{
  width: 72%!important;
}
#submit-button{
  /* width: 60%; */
  margin: 0 auto;
}
#submit-button input {
    width: 100%!important;
    height: 3rem;
    border-radius: 0.3rem;
    border: 1px solid #454545;
}
.regist-tt{
  font-size: 1.2rem;
  margin-top: 0.5rem;
  width: 100%;
  text-align: center;
  padding-bottom: 0.5rem;
}
.regist-form-btn{
  width: 100%;
}
.sp-only{
  display: none;
}
@media screen and (max-width: 640px) {
  header {
    /* padding-top: 1rem; */
  }
.membership {
  position: absolute;
  top: 0;
  right: 15%;
  width: 160px;
}
.membership img {
  max-width: 100%;
}
.membership {
  text-align: center;
}
.membership .membership-child {
  background: #ffff00;
  border-radius: 50px;
  font-size: 0.75rem;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 20px;
  margin-top: 8px;
}
.membership .membership-child span {
  font-size: 1.25rem;
  margin-left: 0.25rem;
  line-height: 1;
}
.sp-only{
  width: 88%;
  display: flex;
  padding-top: 0.5rem;
  padding-right: 2.5%;
  justify-content: flex-end;
  align-items: center;
}
.sp-only a {
  display: flex;
  flex-direction: column;
}
.sp-only img{
  width: 4.9rem;
  margin-right: 2px;
}
.regist-form tr {
    display: flex;
    flex-direction: column;
    width: 100%;
    flex-wrap: wrap;
    border-bottom: 1px solid #bbb;
    padding: 2rem 0;
}
.regist-form th{
  width: 100% !important;
  text-align: left;
  color: #2a2a2a;
}
.regist-form td {
    width: 100%;
    /* display: block; */

}


.attention{
  display: block;
  color:red;
  font-size:14px;
  padding-left: 0;
  font-weight: 500;
  margin-top: 1rem;
}
.other-area{
  padding-left: 0;
  width:100%!important;
}
 .other-areatext{
   padding: 1rem 0;
   padding-left: 0;
   width:100%!important;
 }

.contact_form td {
    text-align: left;
    border-bottom: 1px dotted #B4B4B5;
    padding: 15px;
    font-weight: normal;
    font-size: 13px;
    padding-left: 0;
}
.name-box input {
    width: 40%!important;
    padding: 0.4rem 1rem;
    margin-top: -0.5rem;
}
.name-box select{
  width: 100%!important;
}
.pass-box input {
  padding: 0.4rem 1rem;
  margin-bottom: 0.5rem;
  margin-top: 0.25rem;
}
.bg-gray{
  background: none;
}
.other-area textarea{
  width: 100%;
display: block;
height: 176px;
}
.regist-form th{
  margin-bottom: 1rem;
}
.regist-form th br{
  display: none;
}
.w40{
  width: 100%!important;
}
.mw_wp_form .horizontal-item + .horizontal-item {
    margin-left: 0!important;
    margin-bottom: 4px;

    line-height: 2;
}
.mw_wp_form .horizontal-item{
  margin-left: 0!important;
}
.regist-form .mwform-radio-field input {
    margin-right: 0;
    margin-bottom: 5px;
}
.birth{
  display: flex;
  flex-wrap: nowrap;
  padding: 1rem 0rem 1rem!important;
}
.birth input{
  height: 2.5rem;
  width: 22%!important;
  margin-top: -1rem;
}
.name-box{
  display: flex!important;

}
.address-num input {
    width: 36%!important;
}
.address {
    line-height: 2;
    display: flex;
    flex-direction: column;
}
.mwform-checkbox-field input, .mwform-radio-field input{
  margin-right: 0!important;
margin-bottom: 4px;
}
.regist-form input {
    width: 100%;
    padding: 0.4rem 1rem;
    border-radius: 4px;
    border: 1px solid #999;
}
}


.more {
  margin: 0 auto 1rem;
  width: 100%;
  padding: 0 1rem;
}
.more a {
  padding: 0 0 0.5rem;
  border-bottom: 1px dotted #000;
  text-align: center;
  display: flex;
  justify-content: center;
}
.more .btn {
    width: 100%;
    border-radius: 4px;
    text-align: center;
    position: relative;
    font-size: 0.9rem;
    padding: 0.4rem 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}
.founder-wrapper{
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
}
.founder-wrapper > h3{
  font-size: 1rem;
}
.founder-wrapper:nth-of-type(1){
  /* width:85%; */
}
.founder-wrapper:nth-of-type(2){
  border-top: 1px solid #dcdcdc;
}
.founder-title{
  font-family: unset;
    font-size: 1.6rem;
    font-weight: 400;
    letter-spacing: 2px;
    /* border-bottom: 1px solid #000; */
    line-height: 1.6;
    margin-bottom: 1rem;
    margin-top: 4rem;
    text-align: left;
    padding: 4rem 0 1rem!important;
}
.founder-name{
    font-size: 1.2rem;
    text-align: center;
    display: flex;
    width: 100%;
    /* justify-content: center; */
    font-weight: bold;
}
.founder-name-tt{
    padding-top: 1rem;
    font-size: 0.85rem;
    text-align: center;
    display: flex;
    width: 100%;
    justify-content: center;
}
.founder-name-title,
.founder-name-b{
  font-size: 0.5rem;
  margin: 0.5rem 0;
  text-align: left;
}
.founder-position .founder-name-title,
.founder-position .founder-name-b{
  margin: 0;
}
.chairman-img .founder-name{
  margin: 0.5rem 0 1rem;
}

.founder-dd{
  font-size: 0.5rem;
}
.founder-textkeep{
  word-break: keep-all;
}
.founder-bold{
font-weight: bold;
/* margin-bottom: 0.5rem; */
text-shadow: 0px 0px 0px BLACK;
font-size: 0.5rem;
}
.founder-name + p,
.founder-bold + p{
  font-size: 0.5rem;
  word-break: keep-all;
}

.founder-mark{
  font-weight: 500;
  text-align: left;
  font-size: 0.5rem;
  /* margin-top: 2rem; */
}
.founder-position {
  display: flex;
  align-items: center;
}
.founder-position-all {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 1rem 0 !important;
}
.founder-position-all .founder-mark {
  width: 100%;
  font-weight: bold;
}
.founder-position-all .founder-position-member {
  margin: 0;
}
.founder-position-all .founder-position-member .founder-name-b {
  margin-bottom: 0;
}
.founder-position-all .founder-position-member .founder-name-title {
  margin-top: 0;
}
.founder-position .founder-mark {
  min-width: 3rem;
}
.founder-position .founder-name-b {
}
.performance-top-text{
/* font-size: 1.5rem; */
text-align: left;
line-height: 1.2;
padding: 6rem 0 6rem;
width: 100%;
max-width: 1000px;
margin: 0 auto;
}
.contact-width{
  width:100%;
  max-width: 1000px;
  margin: 0 auto;
}
.contact-wrap #mw_wp_form_mw-wp-form-460,
.contact-wrap #mw_wp_form_mw-wp-form-43{
  margin: 0 auto;
width: 100%;
max-width: 800px;
}
.tt-read{
  letter-spacing:0!important;
}
.founder-wrapper-prof {
  width: 95%;
}
@media screen and (min-width: 640px) {
  .regist-form tr{
    padding: 2rem 1rem 1rem 10rem;
  }
  .chairman li{
    padding-left: 2%;
  }
  .founder-name + p, .founder-bold + p {
    font-size: 0.85rem;
  }
  .founder-bold {
    font-size: 0.85rem;
  }
  .founder-wrapper > h3 {
    font-size: 1.5rem;
  }
  .founder-text {
    font-size: 0.9rem;
  }
  .founder-wrapper-bottom .founder-name {
    font-size: 1rem !important;
  }
  .founder-dd {
    font-size: 0.85rem !important;
  }
  .founder-name-b,
  .founder-name-title,
  .founder-mark {
    font-size: 1rem;
  }

 .founder-position .founder-mark {
      min-width: 5rem;
  }
 .founder-position-all {
    align-items: baseline;
    margin: 0 !important;
  }
 .founder-position-all .founder-mark {
    min-width: 6rem;
    width: unset;
  }
  .founder-position-all .founder-position-member {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% - 6rem);
  }
  .founder-position-all .founder-position-member .founder-name-b {
    min-width: 6rem;
    margin: 0;
  }
  .founder-position-all .founder-position-member .founder-name-title {
    width: calc(100% - 6rem);
    margin: 0;
  }
  .founder-wrapper-bottom {
    justify-content: space-between;
  }
  .founder-prof {
    width: 33% !important;
  }
}
.founder-name img{
  width: 2rem;
    vertical-align: top;
    margin-top: 0.3rem;
    margin-left: 0.5rem;
}
.news-text.top-news{
display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.4;
    height: 3rem;
  }
  .chairman{
    width:100%;
    /* border-bottom: 1px solid #000; */
    padding: 4rem 0;
  }
  .chairman ul{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
  }
  .chairman li{
    /* width: 70%; */
    /* padding-left: 2%; */
    line-height: 1.5;
  }
  .chairman-right{
    font-size:16px;;
  }
  .chairman-img{
      width:30%!important;

    /* padding-left: 0!important; */
  }
.chairman img{
  width:100%;
  /* margin-bottom: 1rem;; */
}
.chairman span{

}
.chairman-pro{
  font-size:1rem;;
}
/* .mainvisual .slick-track li  img{
  width: 217%!important;
  padding-top: 1rem;
  padding-bottom: 5.25rem;
  transform: translate(-20%, 0%);
  height: 500px;

} */
@media screen and (max-width: 640px) {
/* .mainvisual{
  display: none;;
} */
.base{
  font-size: 1.2rem;
}
.performance-top-text{
  font-size: 0.95rem;
  padding: 3rem 0 2rem;
}
.ttl-img-flex h2{
  width: 30%;
  margin-bottom: 3rem;
  margin-right: 0!important;
}
.news-text.top-news{
      height:3rem;
    }
.main-sp img{
  width:100%;
  margin-top: 5rem;
}
.slider-pc{
  display: none!important;
}
.slider-sp{
  display: block!important;
}
.ttl-img-flex h2{
  width: 48%!important;
  margin-bottom: 0!important;
}
.ttl-img-flex {
  display: flex;
  /* flex-direction: row; */
  flex-wrap: wrap;
  justify-content: space-around;
  padding: 0 0.5rem;
}
}
@media screen and (min-width: 640px) {
  .slider-sp{
    display: none!important;
  }
  .slider-pc{
    display: block!important;
  }
  .navi-flame {
    padding-top: 3rem;
}
}
.head-text{
  margin-bottom:2rem ;
}

.ttl-img-flex h2{
  width: 30%;
  margin-bottom: 1.2rem;
  margin-right: 10px;
}
.book-pdf-box iframe{
width:100%;
}
/* .jiji .date{
 display: none;
} */
.post-57 .date{
  display:none;
}
.post-60 .date{
  display:none;
}
.post-62 .date{
  display:none;
}
 .top-menu{
margin-left: 0.55rem;
 }
 .padding{
  margin-right: -1.1rem;
 }
 .founder-wrapper-bottom{
  text-align: center;
  padding: 4rem 0 0;;
  line-height: 1.6;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
 }
.founder-prof {
  width: 49%;
  display: flex;
  margin: 0 0 2rem;
  justify-content: space-between;
}
.founder-prof span {
  font-size: 0.5rem;
  font-weight: bold;
}

.founder-img {
  width: 47%;
}
.founder-img img{
  width:100%;
}
.founder-proftext {
  width: 49%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  flex-wrap: wrap;
  padding: 0.1rem;
}
.founder-wrapper-bottom .founder-name {
  font-size: 0.5rem;
}
.founder-wrapper-bottom .founder-dd {
  font-size: 0.5rem;
  text-align: left;
  /* padding-bottom: 1rem; */
  width: 100%;
 }
 .read{
  margin-bottom:2rem;
}
.head-bt-only{
  position: absolute;
  top: 3.75rem;
  right: 0.5rem;
  width:5rem;
}
.head-bt-only img{
  width:100%;
}
.founder-demo-pc img{
width:100%;

}
.founder-demo-sp{
  padding: 3rem 0 3rem 1rem;
}
.founder-demo-sp img{
width:100%;
}
.founder-demo-pc{
  display: none;
}
@media screen and (min-width: 640px) {
  .founder-demo-sp{
    display: none;
  }
  .founder-demo-pc{
    display: block;
    padding: 1rem 0;
  }
}
.open nav>div ul li{
  font-size:16px;
}
.book-ttl{
  text-align: center;
    font-size: 1.9rem;
    font-weight: 500;
    padding: 5rem 0 1rem;
    /* width: 12rem; */
    margin: 0 auto;
    /* word-break: keep-all; */
    display: flex;
    justify-content: center;
    position: relative;
}
.book-ttl:before {
  content: '';
  display: block;
  width: 12rem;
  height: 100%;
  border-bottom: 1px solid #000;
  position: absolute;
  bottom: 0;

}
.book-pdf-box-wrap {
    display: flex;
    align-content: center;
    justify-content: space-around;
    padding-top: 2rem;
      flex-wrap: wrap;
}
.book-pdf-box {
  margin: 2rem auto;
  display: flex;
flex-direction: column;
align-content: center;
align-items: center;
text-align: center;
width:18%;
/* width:100%; */
}
.book-pdf-image img{
  width:100%;
}
@media screen and (max-width: 640px) {
  .book-pdf-title br{
display: none;
  }
  .book-pdf-image {
    height: 262px!important;
  }
  .book-pdf-box {
    display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
  text-align: center;
  width:48%;
  /* width:100%; */
  margin: 0 auto 1rem;
  }
  .book-pdf-box:nth-child(even){
    margin-left: 0.5rem;
  }
  .book-pdf-box-wrap {
    display: flex;
    align-content: flex-start;
    justify-content: flex-start;
    padding-top:0;
    flex-wrap: wrap;
    flex-direction: row;
}
.book-pdf-title{
  font-size: 13px;
}
.book-ttl{
    padding: 3rem 0 1rem;
    width: 100%;

}
}


.postid-57 .date{
  display: none;
}
.postid-60 .date{
  display: none;
}
.postid-62 .date{
  display: none;
}
.postid-82 .date{
  display: none;
}
.postid-82 .news-title{
  display: none;
}
.postid-82 .news-text p{
  text-align: center!important;
  font-weight: 500;
  font-size: 1.4rem;
}
.postid-82 .news-text{
  padding-left: 0;
}
.postid-82 .main-under-wrap {
    padding: 0!important;
}
.postid-82 .inner{
  padding: 0!important;
}
.archive-news .news-text{
  padding-left: 0;
}
.archive-news .news-title{
  padding-left: 0;
}
.book-pdf-image {
    height: 360px;
    display: flex;
    align-content: center;
    align-items: center;
}
.book-pdf-title{
  font-size:1rem;;
}
.book-pdf-title:before {
  content: "出典先：";
  display: block;
}
.regist-h3{
  margin-top: 1rem!important;
}
.privilege{
  border: 1px solid #000;
  display: flex;
    flex-wrap: wrap;
    font-size: 1rem;
    margin-top: 1rem;
    padding-bottom: 1rem;
}
.privilege span{
  text-align: center;
  border-bottom: 1px solid #000;
  width:100%;
  padding: 0.25rem 0;
  font-weight: bold;
}
.privilege div{
  padding: 0.2rem 0.75rem 0.5rem 1.25rem;
line-height: 1.2;
text-indent: -1em;
font-size:0.9rem;
    text-align: left;
}
.privilege .privilege-topdiv{
  padding-top: 1rem;
}
@media screen and (max-width: 640px) {
.nyukai-first-t{
  border:none;
      width: auto;
  font-size:0.7rem;
}
.nyukai-first-d{
  font-size:0.9rem!important;
}
}
.head-text-border{
  border: 1px solid #000;
  padding:2rem 1rem ;
}
.head-text div{
  margin: 3rem 0;
}
.head-text-border span{
  font-size: 110%;

}
.head-text-border p{
  margin-top: 0.5rem;
}
.under-title-aa{

  text-align: center;
    font-size: 1.8rem;
    font-weight: 500;

    border-bottom: 1px solid #000;
    padding: 4rem 0 1rem!important;
        letter-spacing: 2px;
        width: 100%;
    max-width: 1000px;
    margin: 4rem auto 0;
}
.member:nth-of-type(1){
  width:100%;
}
table , td, th {
	border: 1px solid #595959;
	border-collapse: collapse;
  background: #fff;
}
td, th {
	padding: 0.5rem;
  font-size: 0.9rem;
}
th{
  background: #949495;
  color:#fff;
}
th:nth-child(1){
  width:2%;
}
th:nth-child(2){
  width:10%;
}
th:nth-child(3){
  width:30%;
}
th:nth-child(4){
  width:8%;
  text-align: center;
}
th:nth-child(5){
  width:35%;
}
th:nth-child(6){
  width:11%;

}

td:nth-child(1){
  background: #e1e1e1;
      text-align: center;
}
td:nth-child(2){

}
td:nth-child(2){

}
td:nth-child(3){

}
td:nth-child(4){
text-align: center;
}
td:nth-child(5){

}
td:nth-child(6){
  text-align: center;
}


@media screen and (max-width: 640px){
  .founder-title{
    margin-top: 0rem;
    padding-top: 2rem!important;
  }
  .member{
    padding: 0!important;
    width:100%!important;
  }
tbody{
  font-size: 0.5rem;
}
thead{
  font-size: 0.5rem;
  /* position: relative!important; */
  /* background: #aaaadc; */
}
.pcthead{
  display: none;
}
.tbl-r05{
    /* position: relative!important; */
}
.tbl-r05 thead tr{
    position: relative!important;
}
th:nth-child(1){
  width:5%;
}
th:nth-child(2){
  width:17%;
}
th:nth-child(3){
  width:36%;
  left:30%;
  top:0;
  border: none;
  border-bottom:1px solid #595959;
  border-left: 1px solid #595959;

}
th:nth-child(4){
  left:23%;
  bottom: 1px;
  z-index: 1;
  border: none;
  border-right: 1px solid #595959;
}
th:nth-child(5){
right: 1px;
top: 0;
height: 54px;
border: none;
    width: 22%;
}
th:nth-child(6){
    width:5%;
}
.under-section2{
width:93%;
margin: 0 auto;
}

.under-section2 th{
  position: unset;
  width:33%;
  border: 1px solid #595959;
    border-collapse: collapse;
}
td, th{
    padding:1rem 0.25rem;
    font-size:0.75rem;
}
}
@media screen and (min-width: 640px){
.spthead {
    display: none;
}
}
.under-text{
  text-align: right;
  font-size:0.9rem;
}
.archive-news-box{
  width:100%!important;
}
.news-column-img{
  text-align: center;
  padding-bottom: 2rem;
}
.news-tt{
  text-align: center;
  font-size: 1.4rem;
}
.news-column-img img{
  width: 100%;
}
@media screen and (min-width: 640px){
.top-sp{
  display: none;
}
.top-pc{

}
}
@media screen and (max-width: 640px){
  .top-sp{

  }
  .top-pc{
    display: none;
  }
  .top-tt{
    margin-top: 2rem;
  }
.news-column-archive {
    display: unset;
}
.under-title-aa {
    padding: 2rem 0 1rem!important;
    margin: 0rem auto 0;
}
}
.icon-date-wrap{
  display: flex;
}
.news-link{
  font-size:0.75rem;
  padding-top: 1rem;
}
.news-column img{
  width: 100%;
    /* height: auto; */
    height: 160px;
    object-fit: cover;
    aspect-ratio:unset;
    /* aspect-ratio: 3/2; */
    aspect-ratio: 227/160;
    height: 100%;
}
.news-box-wrap {
  display: flex;
  flex-wrap:wrap;
  justify-content:space-between;
}
#sidebar {
  padding: 2rem 0 4rem;
  width: 100%;
}
#sidebar .side-title {
  background: #808080;
  color: #fff;
  padding: 0.4rem;
  font-size: 1.25rem;
  margin-top: 1rem;
}
#sidebar {
  padding: 2rem 0 4rem;
}
.side-ranking,
.side-category {
  background: #e8e8e8;
}
#sidebar ul {
  padding: 1rem 0.75rem;
}
#sidebar .side-category  ul > li {
  background: #fff;
  padding: 0.25rem 0.5rem;
  font-size: 1rem;
  display: flex;
  border-bottom: 2px solid #e8e8e8;
}
#sidebar .side-category ul > li:before {
  content: ">";
  display: block;
  margin-right: 0.25rem;
}
#sidebar .side-ranking  ul > li {
  background: #fff;
  padding: 1rem 0.75rem 0;
  font-size: 1rem;
  display: flex;
  margin-bottom: 1rem;
}
#sidebar .side-ranking  ul > li .news-column {
  position: relative;
}
#sidebar .side-ranking .rank-icon {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: linear-gradient(to bottom, #db665c, #fdd92d);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.1rem;
  font-weight: bold;
  color: #fff;
  line-height: 3;
  position: absolute;
  left: -20px;
  top: -20px;
}
#sidebar .side-ranking .rank-icon-inner {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.1rem;
  font-weight: bold;
  color: #fff;
  border: 2px solid #fff;
}
#sidebar .side-ranking span {
    display: block;
    font-size:1.25rem;
}
#sidebar .side-ranking  ul > li .news-column-img {
  padding-bottom: 0.5rem;
  width: 60%;
  margin: auto;
}
#sidebar .side-ranking  ul > li .news-column-img img {
  aspect-ratio: 4/3;
}
#sidebar #form {
  position: relative;
  background: #e8e8e8;
  padding: 0.5rem;
  width: 100%;
  display: block;
}
#sidebar #s {
  height: 40px;
  /* padding: 0 10px; */
  border-radius: 2px;
  border: solid 3px #eaeaea;
  outline: 0;
  width: 100%;
  padding-left: 0.5rem;
  padding-right: 56px;
  font-size: 1rem;
}
#sidebar #s-btn-area {
  height: 100%;
  position: absolute;
  right: 0.25rem;
  top: 10px;
  background: none;
  color: #666;
  border: none;
  font-size: 20px;
  outline: 0;
  padding: 0;
  margin-right: 0.5rem;
}
#sidebar #s-btn {
  background-color: black;
  width: 54px;
  height: 34px;
  position: relative;
  right: 0;
  bottom: 10px;
  font-size: 16px;
  color: #fff;
  line-height: 31px;
}
@media screen and (min-width: 640px) {
  #sidebar section:first-child .side-title {
    margin-top: 0;
  }
  .news-box-wrap {
    width: 1200px;
    margin: 0 auto;
  }
  .news-box-wrap .archive-news-box,
  .news-box-wrap .news-box-column {
    width: 72% !important;
    align-self: baseline;
  }
  #sidebar {
    width: 24%;
  }
  .news-box-wrap .news-box {
    width: 32%;
  }
  .link-p{
    flex-wrap: wrap;
    justify-content: center;
  }
  .group-box {
    width: 30%;
}
.survice-box{
  padding: 0rem 1rem;
}
}



@media screen and (max-width: 810px) {
  .mainvisual {
      /* overflow: hidden;
      height:60vh; */
  }
  .top_mov {
    width: 100%;
  }
}
.top_mov video{
  width:100%;
}
.mov_frame{
  position: absolute;
z-index: 1;
/* background-color: linear-gradient(to top, rgba(248, 248, 248, 1) 0%, rgba(248, 248, 248, 0) 50%); */
background-image: url(../img/wave2.png);
background-size: 26%;
background-position: center top;
background-repeat: no-repeat;
width: 100%;
height: 12rem;
bottom: -7rem;
left: -16%;
}


@media screen and (min-width: 810px) {
  .top_mov {
    width: 244%;
    /* max-width: 1100px; */
    margin: 0 auto;
    /* padding: 0 0 20px 0; */
    position: relative;
    z-index: 1;
    /* height: 110vh; */
    top: 0;
    left: -75%;
}
.mov_frame {
  background-size: 91%;
  background-position: top left;
  /* bottom: -1rem!important; */
height: 17rem!important;
left:unset;
bottom: -6rem;
}
.top-massege{
  background: none;
}
.top-a-top{
  line-height: 1.35;
}
.top-a{
  top: 29%!important;
  padding: 1.5rem 2rem 1rem;
}
}
@media screen and (max-width: 768px) {
  .mov_frame {
      /* height: 11rem; */
      display: none;
  }
}
.mainvisual .mainlogo {
  position: absolute;
  width: 80%;
  max-width: 800px;
  z-index: 4;
  margin: 0 auto;
  left: 0;
  right: 0;
  /* top: 120px !important; */
  /* top: 16% !important; */
  opacity: 1;
  /* margin-left: 10%; */
  color: #fff;
  text-shadow: 0px 0px 8px #fff;
  font-size: 35px;
  text-align: center;
  filter: drop-shadow(0px 0px 1px #fff);
  opacity: 0;
  visibility: hidden;
  transition: 2000ms;
}
.mainlogo.show {
  opacity: 1;
  visibility: visible;
}
.mainlogo.top-maintext {
  top: 120px !important;
}
.mainlogo.top-logo {
  top: 135px !important;
}
.mainvisual img {
  width: 100%;
  /* filter: drop-shadow(0px 0px 5px #fff); */
}

@media screen and (min-width: 640px) {
  .mainvisual {
    margin-top: -10rem;
  }

  .mainvisual .mainlogo br{
    display: none;
  }

  .top_mov {
    width: 100%;
    /* height: 81vh; */
    /* top: -150px; */
    left: 0;
  }

  .mainvisual .mainlogo {
    font-size: 3.8rem;
    top: unset !important;

  }


}

/* members-ship */
.oraganization-tbl,
.members-tbl {
  max-width: unset;
  width: 100% !important;
  display: table;
}
h4.members-ship-title,
h3.members-ship-title {
  font-family: 'Roboto', sans-serif;
  text-align: left;
  padding: 0;
}
h4.members-ship-title span,
h3.members-ship-title span {
  margin-left: 0.5rem;
  font-family: "Shippori Mincho", serif;
  white-space: nowrap;
}
h3.members-ship-title {
  font-size: 2.25rem;
  /* line-height: 0.5; */
  margin: 2rem 0 0;
  position: relative;
}
h4.members-ship-title {
  font-size: 1.5rem;
  margin: 0 0 0.25rem;
}
h3.members-ship-title span{
  font-size: 1rem;
}
h3.members-ship-title span.wrapping{

}
h4.members-ship-title span{
  font-size: 0.5rem;
}
h3.members-ship-title {
  font-size: 2rem;
}
h3.members-ship-title span {

}

h4.members-ship-title + a img {
  width: 100%;
  max-width: 100%;
  margin: auto;
  display: block;
}
.oraganization-tbl {
  border: 0;
}
.oraganization-tbl th,
.oraganization-tbl td {
  vertical-align: middle;
}
.oraganization-tbl th {
  width: 20%;
}
.oraganization-tbl td {
  padding: 1rem;
}
.oraganization-tbl td span {
    font-size: 0.5rem;
}
.members-tbl {
  border: none;
  margin: 0 0 2rem;
}
.members-tbl th {
  text-align: center !important;
}
.members-tbl th,
.members-tbl td {
  font-size: 0.5rem;
  font-size: 0.5rem;
  border: 0;
  border: 1px solid #595959;
  vertical-align: middle;
}
.members-tbl th:nth-child(1),
.members-tbl td:nth-child(1) {
  width: 3%;
}
.members-tbl th:nth-child(2),
.members-tbl td:nth-child(2) {
  width: 10%;
  text-align: center;
}
.members-tbl th:nth-child(3),
.members-tbl td:nth-child(3) {
  width: 16%;
}
.members-tbl th:nth-child(4),
.members-tbl td:nth-child(4) {
  width: 21%;
  text-align: left;
}
.members-tbl th:nth-child(5),
.members-tbl td:nth-child(5) {
  width: 10%;
  text-align: center;
}
.members-tbl th:nth-child(6),
.members-tbl td:nth-child(6) {
  width: 28%;
  text-align: left;
}
.members-tbl th:nth-child(7),
.members-tbl td:nth-child(7) {
  width: 12%;
  text-align: center;
}
/* .members-tbl.director th:nth-child(3),
.members-tbl.director td:nth-child(3) {
  width: 8%;
  text-align: center;
} */
.members-tbl.director th:nth-child(4),
.members-tbl.director td:nth-child(4) {
  width: 71%;
  /* text-align: center; */
}
@media screen and (min-width: 810px) {

  h3.members-ship-title {
    font-size: 3rem;
  }
  h3.members-ship-title span {
    font-size: 1rem;
  }
  h4.members-ship-title {
    font-size: 2.75rem;
    margin: 3rem 0 0.5rem;
  }
  h4.members-ship-title span {
    font-size: 1rem;
  }
  .members-tbl th, .members-tbl td {
    font-size: 0.75rem;
  }
  .oraganization-tbl th, .oraganization-tbl td {
    font-size: 0.75rem;
  }

}
.members-ship-wrapping > div {
  /* line-height: 1; */
  position: absolute;
  left: 0;
  bottom: -1rem;
  display: flex;
  align-items: baseline;
}
.members-ship-wrapping > div span {
  margin: 0;
}
.members-ship-wrapping > div span:nth-of-type(2) {
  font-size: 0.5rem;
}
.breakdown {

}
.breakdown ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.breakdown ul li {
  width: 40%;
  font-family: 'Roboto', sans-serif;
  text-align: center;
  margin: 2rem 0 2rem 1rem;
}
.breakdown-num {
  font-size: 5rem;
  text-align: left;
  display: block;
  margin: auto;
  line-height: 1;
  text-align: left;
}
.breakdown-title {
  display: flex;
  flex-wrap: wrap;
  /* width: 60%; */
  margin: auto;
  font-size: 1rem;
  text-align: left;
}
.breakdown-title-child {

}
.breakdown-title-child:nth-of-type(1) {
  width: 100%;
}
.breakdown-title-child:nth-of-type(2) {

}
.breakdown-title-total:nth-of-type(2) {
  margin-left: 0.5rem;
  font-family: "Shippori Mincho", serif;
}
.breakdown-title-child:nth-of-type(3) {
  font-family: "Shippori Mincho", serif;
  margin-left: 0.25rem;
  font-size: 0.9rem;
  width: 80%;
  display: block;
  white-space: nowrap;
}
@media screen and (min-width: 809px) {
  /* img.breakdown-pc {
    display: block;
    width: 80%;
    margin: 3rem auto 6rem;
  }
  img.breakdown-sp {
    display: none;
  } */
  .founder-wrapper.member {
    max-width: 1250px;
  }
  .breakdown ul {
    justify-content: center;
  }
  .breakdown ul li {
    width: 25%;
  }
  .members-ship-wrapping {
    display: flex;
    align-items: center;
  }
  .members-ship-wrapping > div {
    position: unset;
    flex-wrap: wrap;
    margin-left: 1rem;
  }
  .members-ship-wrapping > div span {
    width: 100%;
  }
  .members-ship-wrapping > div span:nth-of-type(2) {

  }
}
@media screen and (max-width: 809px) {
  /* img.breakdown-pc {
    display: none;
  }
  img.breakdown-sp {
    display: block;
    width: 88%;
    max-width: 100%;
    margin: 1rem auto;
  } */
  .members-ship-wrapping {
    margin-bottom: 2.5rem !important;
  }

}
.contact-wrap table,
.contact-wrap td,
.contact-wrap th,
#mw_wp_form_mw-wp-form-50 table,
#mw_wp_form_mw-wp-form-50 td,
#mw_wp_form_mw-wp-form-50 th {
  border: 0;
  background: none;
}
.contact-wrap tbody {
  display: block;
}
.members-tbl.理事 th:nth-child(4),
.members-tbl.理事 td:nth-child(4) {
  width: 71%;
}

@media screen and (max-width: 640px) {
  .news-column img {
    /* height: 124px; */
  }
}
.special-colum.book-pdf-box {
  width: 100%;
}
span.head-bt-only,
.btn-head > span {
  display: none;
}
.members-tbl th,
.members-tbl td {
  font-size: 0.6rem;
}
.members-tbl th:nth-child(1),
.members-tbl td:nth-child(1) {
  width: 3%;
}
.members-tbl th:nth-child(2),
.members-tbl td:nth-child(2) {
  width: 8%;
  text-align: center;
}
.members-tbl th:nth-child(3),
.members-tbl td:nth-child(3) {
  width: 8%;
}
.members-tbl th:nth-child(4),
.members-tbl td:nth-child(4) {
  width: 26%;
  text-align: left;
}
.members-tbl th:nth-child(5),
.members-tbl td:nth-child(5) {
  width: 9%;
  text-align: center;
}
.members-tbl th:nth-child(6),
.members-tbl td:nth-child(6) {
  width: 35%;
  text-align: left;
}
.members-tbl th:nth-child(7),
.members-tbl td:nth-child(7) {
  width: 7%;
  text-align: center;
}

.founder-title.organization-list {
  text-align: left;
  font-size: 1rem;
  margin-bottom: 0.5rem !important;
  padding-bottom: 0 !important;
}
@media screen and (max-width: 640px) {
  .founder-title.organization-list {
    font-size: 0.5rem;
  }
}
@media screen and (min-width: 1101px) {
  .chairman ul {
    width: 100%;
    display: flex;
    justify-content: center;
  }
  .chairman-img {
    width: 30%;
    min-width: 440px;
  }
  .chairman-right {
    width: 70%;
    max-width: 570px;
  }
  /* .chairman-img {
    min-width: 420px !important;
  } */
  .main-under-wrap.fou {
    max-width: unset;
  }
  .chairman-img .founder-name + p,
  .chairman-img .founder-bold + p {
    font-size: 0.85rem;
    overflow-wrap: anywhere;
    word-break: break-all;
  }

}
.under-box.regist-under-box {
}
.under-box.regist-under-box h3 {
  text-align: left;
  font-size: 1.2rem;
  font-weight: normal;
  border: none;
  margin-bottom: 0;
}
.under-box.regist-under-box h4 {
  font-size: 1.2rem;
  font-weight: 400;

}
.under-box.regist-under-box .typebox ul {
  margin-bottom: 2rem;
  font-size: 1.2rem;
}
.under-box.regist-under-box dt {
  font-size: 1.2rem;
  width: 100%;
}
.under-box.regist-under-box dl:nth-of-type(1) dt {
  margin: 0;
}
.under-box.regist-under-box dd {
  width: 100%;
}
.under-box.regist-under-box .nyukaibox ul {
  margin-right: 0;
}

@media screen and (min-width: 640px) {
  .under-box.regist-under-box dt,
  .under-box.regist-under-box .typebox ul,
  .under-box.regist-under-box h3,
  .under-box.regist-under-box h4 {
    font-size: 1.8rem;
  }
  .under-box.regist-under-box dl {
    padding: 0;
    margin-bottom: 2rem;
  }
  .under-box.regist-under-box dl:nth-of-type(1) {
    margin-top: -1rem;
  }
  .under-box.regist-under-box dt {
    padding: 0;
    width: 30%;
  }
  .under-box.regist-under-box dd {
    width: 70%;
  }
  .under-box.regist-under-box .nyukaibox ul {
    padding: 0;
    width: 50%;
    min-width: 350px;
  }
}
.chairman-right > p {
  display: flex;
  flex-wrap: wrap;
}
.chairman-right > p > span {
    width: calc(100% - 95px);
}
.chairman-right > p > span.founder-bold-date {
  display: inline-block;
  width: 95px;
}
@media screen and (min-width: 640px) {
  .chairman-right > p > span {
    width: calc(100% - 121px);
}
.chairman-right > p > span.founder-bold-date {
  width: 121px;
}
.navi-flame ul li {
  border-right: 1px solid #fff !important;
  padding: 0 0.5rem;
}
.navi-flame ul li:nth-last-of-type(1) {
  border-right: 0 !important;
}
@media screen and (min-width: 1100px) {
  .chairman-right > p > span {
    white-space: nowrap;
  }
}
}
.youtube-column-tag-new {
  background: #8f8cf3;
}

.sticky-banner {
  position: fixed;
  top: 82%;
  left: 0.3rem;
  z-index: 9999;
  width: 100vw;
  }

  .sticky-banner img{
    width: 250px;
    }


    @media screen and (min-width: 640px) {
      .sticky-banner {
        position: fixed;
        top: 75%;
        left: 0.3rem;
        z-index: 9999;
        width: 100vw;
    }

        .sticky-banner img{
          width: 300px;
          }
        }

        .regist-bold img {

        }


        /* 20240665kaida */
        .news-column-img{
display: none;
        }
        @media screen and (max-width: 640px) {
          .news-box {
              width: 100%;border-bottom: 1px dotted #000;
          }
          .more a{
            border: none;
            margin-top: 1rem;
          }
      }
      @media screen and (max-width: 640px) {
        .news-text.top-news {
            height: unset;
            font-size: 1rem;
        }
        .news-link{
          padding-top: 0.5rem;
        }
        .bg-black::after{
          border-bottom: 1px solid #000;
        }
    }
    .bold{
font-weight: bold;
    }
    @media screen and (max-width: 640px) {
      .top-ttl.ttl-img-flex h2 {
          width: 32% !important;
          margin-bottom: 0 !important;
      }
      .top_mov {
        width: 100%;
        overflow: hidden;
        margin-top: -5rem;
    }

      .top_mov video {
        width: 300%;
    }
    .mainvisual img{
      margin-top: 10.5rem;
    }
    #navi-menu{
      /* background: rgba(255, 255, 255, 0.8); */
      -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    }
    .news-text.top-news {
      font-size: 0.75rem;
      font-weight: bold;
      margin-top: 0.25rem;
  }
  nav {
    background: #fff;
    top: 0;
    position: absolute;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%;
    height: 5rem;
    border-radius: 0;
    padding-left: 20%;
    /* padding-right: 1rem; */
    transition: 0.5s ease;
}
  }

  .container-list {
    position: relative; /* 親要素を基準に配置 */
    width: 31%;
    padding: 0 0.5%;
  }
  
  .container-list img {
    width: 100%; /* 画像の幅を親要素に合わせる */
    /* height: 80px; */
  }
  
  .container-list p {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 15%);
    color: white;
    font-size: 1.25rem;
    /* text-shadow: 0px 0px 4px #fff; */
    white-space: nowrap;
    text-align: center;
    width: 100%;
    line-height: 1;
  }

  @media screen and (max-width: 640px) {
    .container-list p {
      position: absolute; /* 親要素を基準に絶対配置 */
      top: 50%; /* 上から50%の位置 */
      left: 50%; /* 左から50%の位置 */
      transform: translate(-50%, 15%); /* 中央に配置 */
      /* 必要に応じて文字のスタイルを設定 */
      color: white;
      font-size: 1.3rem;

    }

    .container-list {
      position: relative;
      width: 100%;
      padding: 2px 0 0.4rem;
      /* height: 50%; */
  }
/* 
    .container-list {
      position: relative;
      width: 33%;
      padding: 0 0%;
  } */
  
 }

 /*委員追加*/
.iin-box{
  margin: 0 auto;
  width: 800px;
}

 .iin-box table, td, th {
  border: 0px solid #595959;
  border-collapse: collapse;
  background: #fff;
}

.iin-box th {
  color: #212121;
}

.iin-box td {
  color: #212121;
  width: 64%;
  text-align: left;
}


.iin-box th:nth-child(1) {
  width: 35%;
}

@media screen and (max-width: 640px) {
  .iin-box th:nth-child(1) {
      width: 23%;
  }
  .iin-box td {
    color: #212121;
    width: 76%;
    text-align: left;
  }
  .top-sp p {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 0%);
    color: white;
    font-size: 0.85rem;
}
}


.m-menu{
padding: 0 0.5rem;
}
@media screen and (min-width: 640px) {
  .m-menu{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
    }
    .m-menu .container-list{
      margin-bottom: 0.5rem;
    }
}