* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;

}




html {
  /* font-size: 62.5%; */
  /* font-family: "游ゴシック","Yu Gothic",YuGothic,"Hiragino Kaku Gothic ProN",sans-serif; */
  /* font-family: 'Noto Serif JP', serif; */
  font-family: 'Noto Sans JP', sans-serif;
}

body {
  margin: 0;
  padding: 0;


  /* font-family: 'Sawarabi Gothic', sans-serif; */
}



small {
  font-size: 75%;
}


p {

  font-size: 14px;
  line-height: 24px;
}


li {
  list-style: none;
}

button {
  border: none;
  border-radius: 0;
  cursor: pointer;
}

a {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}

img {
  max-width: 100%;
  border-style: none;
  height: auto;
}

.subtitle {
  text-align: center;
  margin: 0;
  /* margin-bottom: 50px; */
  font-size: 11px;
}


.prc p {
  border-bottom: 1px solid white;
  color: white;
  display: inline;
}




#video-area {
  /*headerを全画面で見せる*/
  width: 100%;
  height: 100vh;
  position: relative;

}

#header:before {
  /*headerの疑似要素に背景画像を指定*/
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100vh;
  /* background-image: url(images/Anti\ War.jpeg); */
  background-size: cover;

}


#nav_header_content {
  border-top: 8px solid #03a9f4;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 1000;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  display: flex;
  align-items: center;
  justify-content: space-around;
  background-color: transparent;
  color: white;
  width: 100%;

}

.win-btm {
  width: 100%;
  height: 8px;
  background: #03a9f4;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 301;
}


#nav_header_content.change-color {
  color: black;
}


#video-area {
  position: relative;
  width: 100%;
  height: 100vh;
  /* background-color: rgba(0,0,0,0.4); */
}



video {
  width: 100%;
  filter: brightness(60%);
}


#nav_header_content .title-link {
  /* float: left; */
  /* display: block; */
  opacity: 1;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#nav_header_content .title {
  width: 250px;
  height: 55px;
  background-image: url(images/IMG_9010-01.png);
  background-image: url(images/名称未設定-2_アートボード\ 1.png);
  background-repeat: no-repeat;
  background-size: 250px 55px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  margin: 0;
}

#nav_header_content #menu {
  float: right;
  margin: 0;
}

#nav_header_content #menu .item {
  display: inline-block;
  padding-left: 24px;
  font-size: 1.1rem;
  opacity: 1;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#nav_header_content #menu .item .a_header_content {

  padding: 5px 10px;


}

/* main {
    padding-top: 100vh;
} */

.a_header_content span {
  font-weight: 900;
  font-size: 16px;

}

#menu-toggle-btn {
  display: none;
  position: absolute;
  top: 21px;
  right: 20px;
  width: 24px;
  height: 15px;
  cursor: pointer;
}

#menu-toggle-btn {
  cursor: pointer;
}



#menu-toggle-btn span {
  top: 7px;
  position: absolute;
  display: inline-block;
  left: 0;
  height: 1px;
  width: 24px;
  background: #bfbfbf;
}


.top_btn {
  position: absolute;
  top: 60%;
  left: 0%;
  right: 0%;
  bottom: 30vh;
  margin: auto;
  width: 200px;
  height: 50px;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 1px;
  text-align: center;
  color: white;
  background: #00000052;
  border: 2px solid white;
  padding: 10px 25px;
  border-radius: 30px;
}


.my-bold {
  margin: 20px 0;
}


.title-link {
  width: 190px;
  height: auto;
  padding-top: 5px;
}

.title-link img {
  width: 150px;
  /* height: 75px; */
}



#menu li a {
  /*背景色の基点とするためrelativeを指定*/
  position: relative;
  /*アニメーションの指定*/
  transition: all .7s;
}

#menu li a::after {
  content: '';
  /*絶対配置で線の位置を決める*/
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: 0;
  /*背景の形状*/
  width: 0;
  height: 1px;
  background: black;
  opacity: 0;
  /*はじめは透過を0に*/
}

/*現在地とhoverの設定*/
/* #menu li.item a::after, */
#menu li a:hover::after {
  /*背景の形状*/
  width: 100%;
  opacity: 1;
  /*アニメーションの指定*/
  animation: bgappear 0.5s forwards;
}

/*アニメーションで線を伸ばして背景をつける*/
@keyframes bgappear {
  0% {
    width: 0%;
    height: 1px;
  }

  50% {
    width: 100%;
    height: 1px;
  }

  100% {
    width: 100%;
    height: 100%;
    background: white;
  }
}

/*現在地とhoverの設定*/
/* #menu li.item a, */

.a_header_content span:hover {
  color: black;
  /*テキストを最前面へ*/
  z-index: 1;
}

/* ヘッダー終了 */


@media (min-width: 769px) {
  .m-dataList_dataInner p {
    font-size: 16px;
  }

}






.openbtn1 {
  display: none;
}

#g-nav {
  display: none;
}

/* スマホ版のヘッダー */

/*========= ナビゲーションのためのCSS ===============*/

@media (max-width: 768px) {

  /* #header {

        background-image: url(images/名称未設定-11_アートボード\ 1.png);
        background-size: cover;
        background-position: center;
    } */


  .topFvCopy {
    position: absolute;
    left: 10px;
    bottom: 98px;
    z-index: 10;
    line-height: 1.02;
    padding: 0 20px;
  }

  .split-word.bgextend {
    font-size: 102px;
    font-size: 9.0vw;
    letter-spacing: -0.16em;
    font-weight: 600;
    position: relative;
    left: -4px;
    top: 7px;
    line-height: 40px;
    color: white;
  }




  .header_content {
    display: none;
  }

  #nav_header_content {
    display: none;
  }

  .openbtn1 {
    display: block;
  }


  .mobileheader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    /* background-color: #fff; */
    padding: 10px 10px;
    /* border-bottom: 1
px
 solid #ededed; */
    height: 60px;
    box-sizing: border-box;
    overflow: hidden;
    z-index: 1000;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* background-color: black; */
    /* background-color: #00000026; */
    background: #f0f0ee;
    background: #01015a;
  }


  .topgazo {
    position: fixed;
    z-index: 999;
    top: 10px;
    /* background:white; */
  }

  #g-nav {
    display: block;
    /*position:fixed;にし、z-indexの数値を大きくして前面へ*/
    position: fixed;
    z-index: 999;
    /*ナビのスタート位置と形状*/
    top: 0;
    right: -120%;
    width: 100%;
    height: 100vh;
    /*ナビの高さ*/
    background: #d9d7d7;
    background: #f0f0ee;
    /*動き*/
    transition: all 0.6s;
  }

  /*アクティブクラスがついたら位置を0に*/
  #g-nav.panelactive {
    right: 0;
  }

  /*ナビゲーションの縦スクロール*/
  #g-nav.panelactive #g-nav-list {
    /*ナビの数が増えた場合縦スクロール*/
    position: fixed;
    z-index: 999;
    width: 100%;
    height: 100vh;
    /*表示する高さ*/
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }

  /*ナビゲーション*/
  #g-nav ul {
    /*ナビゲーション天地中央揃え*/
    position: absolute;
    z-index: 999;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 0;
  }

  /*リストのレイアウト設定*/

  #g-nav li {
    list-style: none;
    text-align: center;
  }

  #g-nav li a {
    color: #333;
    text-decoration: none;
    padding: 10px;
    display: block;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-weight: bold;
  }

  /*========= ボタンのためのCSS ===============*/
  .openbtn1 {
    position: fixed;
    z-index: 9999;
    /*ボタンを最前面に*/
    top: 10px;
    right: 10px;
    cursor: pointer;
    width: 50px;
    height: 50px;
  }

  /*×に変化*/
  .openbtn1 span {
    display: inline-block;
    transition: all .4s;
    position: absolute;
    left: 14px;
    height: 3px;
    border-radius: 2px;
    background-color: white;
    width: 45%;
  }

  .openbtn1 span:nth-of-type(1) {
    top: 15px;
  }

  .openbtn1 span:nth-of-type(2) {
    top: 23px;
  }

  .openbtn1 span:nth-of-type(3) {
    top: 31px;
  }

  .openbtn1.active span:nth-of-type(1) {
    top: 18px;
    left: 18px;
    transform: translateY(6px) rotate(-45deg);
    width: 30%;
  }

  .openbtn1.active span:nth-of-type(2) {
    opacity: 0;
  }

  .openbtn1.active span:nth-of-type(3) {
    top: 30px;
    left: 18px;
    transform: translateY(-6px) rotate(45deg);
    width: 30%;
  }


  .topgazo h1 {
    width: 250px;
    height: 50px;
    /* background-image: url(images/名称未設定-2_アートボード\ 1.png);
        background-repeat: no-repeat;
        background-size: 250px 50px;
        overflow: hidden;
        text-indent: 100%;
        white-space: nowrap;
        margin: 0; */
  }



  /* スマホ版のヘッダー終了 */

}




/* トップキャッチコピー */

main {
  /* background: linear-gradient(279deg, rgba(255, 191, 191, 1) 0%, rgba(255, 234, 234, 1) 25%, rgba(255, 255, 255, 1) 63%, rgba(255, 255, 255, 1) 100%); */
  background: linear-gradient(279deg, rgb(189 234 255) 0%, rgb(232 248 255) 25%, rgb(255 255 255) 63%, rgba(255, 255, 255, 1) 100%);
  margin-top: -15px;
}

.aaa {
  padding-bottom: 100px;
  /* background: linear-gradient(279deg, rgba(255, 75, 75, 1) 0%, rgba(255, 143, 143, 1) 25%, rgba(255, 216, 216, 1) 63%, rgba(255, 255, 255, 1) 100%); */

  background:
    linear-gradient(279deg, #03a9f4 0%, rgb(177 231 255) 25%, rgb(224 245 255) 63%, rgba(255, 255, 255, 1) 100%);
}

.slide-in {
  overflow: hidden;
  display: inline-block;
}

.slide-in_inner {
  display: inline-block;

}

/*左右のアニメーション*/
.leftAnime {
  opacity: 0;
  /*事前に透過0にして消しておく*/
}

.slideAnimeLeftRight {
  animation-name: slideTextX100;
  animation-duration: 1.8s;
  animation-fill-mode: forwards;
  opacity: 0;
}

@keyframes slideTextX100 {
  from {
    transform: translateX(-100%);
    /*要素を左の枠外に移動*/
    opacity: 0;
  }

  to {
    transform: translateX(0);
    /*要素を元の位置に移動*/
    opacity: 1;
  }
}

.slideAnimeRightLeft {
  animation-name: slideTextX-100;
  animation-duration: 1.8s;
  animation-fill-mode: forwards;
  opacity: 0;
}


@keyframes slideTextX-100 {
  from {
    transform: translateX(100%);
    /*要素を右の枠外に移動*/
    opacity: 0;
  }

  to {
    transform: translateX(0);
    /*要素を元の位置に移動*/
    opacity: 1;
  }
}




.catchcopy {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  padding-top: 150px;
}

.vvv {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}

.catchcopy h1 {
  font-size: 100px;
  font-weight: bold;
  /* font-family: 'Sawarabi Gothic', sans-serif; */
}

.catchcopy__p {
  font-size: 20px;
  font-weight: bold;
  line-height: 40px;
  /* font-family: 'Sawarabi Gothic', sans-serif; */
}


.catchcopy__h1 {
  margin-top: -50px;
}

.btn_company {
  padding: 10px 40px;
  background-color: #03a9f4;
  color: white;
  margin-top: 25px;
  font-size: 18px;
}


/* トピックス */

@media print,
screen and (min-width: 768px) {
  .topics .m-categorySectionInner {
    padding-top: 108px;
  }

  .m-categorySectionInner {
    padding-top: 78px;
    padding-bottom: 126px;
  }




  .m-categorySection_heading {
    margin-bottom: 50px;
  }

  .m-categorySection_heading_en {
    font-size: 5.2rem;
  }

  .m-categorySection_heading_ja {
    font-size: 1.8rem;
  }

  .m-cardGroup {
    margin: 0 auto;
    width: 651px;
    justify-content: flex-start;
  }

  .m-cardGroup .m-card:nth-child(-n+2) {
    margin-top: 0;
  }

  .m-cardGroup .m-card {
    margin-right: 31px;
    width: 310px;
  }

  .m-cardGroup.js-inview .m-card.is-inview:before {
    opacity: 1;
    transform: scale(1);
  }

  .m-cardGroup.js-inview .m-card:before {
    opacity: 0;
    transform: scale(0.6);
  }

  .m-cardGroup.js-inview .m-card.is-inview .m-card_img {
    opacity: 1;
    transform: scale(1);
  }

  .m-cardGroup.js-inview .m-card.is-inview .m-card_body {
    opacity: 1;
    transform: translateY(0);
  }

  .m-card_body {
    padding: 30px 30px 45px;
  }

  .m-card_meta {
    margin-bottom: 16px;
  }

  .m-card_text {
    font-size: 1.4rem;
  }

  .m-cardGroup .m-card:nth-child(2n) {
    margin-right: 0;
  }

  .m-cardGroup .m-card:nth-child(-n+2) {
    margin-top: 0;
  }
}


@media print,
screen and (min-width: 1032px) {

  .m-container {
    margin-right: auto;
    margin-left: auto;
    padding-right: 0;
    padding-left: 0;
    max-width: 1000px;
  }

  .m-cardGroup {
    width: 100%;
  }

  .m-cardGroup .m-card:nth-child(-n+3) {
    margin-top: 0;
  }

  .m-cardGroup .m-card:nth-child(2n) {
    margin-right: 31px;
  }

  .m-cardGroup .m-card:nth-child(-n+3) {
    margin-top: 0;
  }

  .m-cardGroup .m-card:nth-child(3n) {
    margin-right: 0;
  }


}


.topics .m-categorySectionInner {
  padding-top: 56px;
  padding-left: 0;
  padding-right: 0;
}

.m-categorySectionInner {
  padding-top: 36px;
  padding-bottom: 78px;
}

.m-container {
  padding: 0 20px;
}

.m-containerr {
  padding: 0 20px;
}

.m-categorySection_heading {
  margin: 0 0 24px;
  text-align: center;
  line-height: 1.2;
}

.m-categorySection_heading_en {
  font-size: 32px;
  font-size: 3.2rem;
}

.m-categorySection_heading_ja {
  margin: 6px 0 0;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: bold;
}

.m-cardGroup {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
}

.m-card {
  position: relative;
  width: 100%;
  max-width: 400px;
}

.m-card:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  border-radius: 20px;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.58, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.58, 1);
  background: #fff;
  will-change: transform;
}

.m-card>a {
  display: block;
  position: relative;
  height: 100%;
  text-decoration: none;
  color: inherit;
}

.m-card_img {
  overflow: hidden;
  position: relative;
  border-radius: 20px 20px 0 0;
}

.m-card_imgWrapper img {
  display: block;
  border-radius: 20px 20px 0 0;
  width: 100%;
}

.m-card_body {
  position: relative;
  padding: 25px 25px 30px;
}

.m-card_meta {
  margin: 0 0 10px;
  font-size: 12px;
  font-size: 1.2rem;
}

.m-card_badge {
  display: inline-block;
  /* float:left; */
  padding: 0 0.6em;
  border-radius: 20px;
  background: #2d8c3c;
  color: #fff;
  font-weight: bold;
}

.m-card_badge+.m-card_date {
  float: right;
}

.m-card_meta:after {
  content: "";
  display: block;
  clear: both;
}

/* トピックス終了 */


/* footer */


.l-footer {
  min-height: 0%;
  background: white;
  text-align: center;
  color: #fff;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}

.l-footer_nav_item a {
  font-size: 16px;
}

.l-footer_function_row p {
  padding-top: 10px;
  color: #a5a5a5;
}



@media print,
screen and (min-width: 1032px) {
  .m-container {
    margin-right: auto;
    margin-left: auto;
    padding-right: 0;
    padding-left: 0;
    max-width: 1000px;
  }

  .m-containerr {
    margin-right: auto;
    margin-left: auto;
    padding-right: 0;
    padding-left: 0;
    max-width: 1300px;
  }

}


@media print,
screen and (min-width: 768px) {



  .l-footer_logo {
    padding-top: 75px;
  }

  .l-footer_logo img {
    width: 250px;
  }

  .l-footer_function {
    margin-right: 0;
    margin-left: 0;
    padding-bottom: 28px;
  }

  .l-footer_function_row-01 {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }

  .l-footer_function_row-01 {
    margin-top: 24px;
  }

  .l-footer_nav_item {
    margin: 0 1em;
    font-size: 1.2rem;
  }

  .l-footer_function_row-02 {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .l-footer_function_row-02 {
    margin-top: 40px;
  }

  .l-footer_function_row-02 {
    margin: 20px 0 0;
  }

  .l-footer_service_item {
    margin: 0 9px;
    width: 40px;
  }

  /* .l-footer_service_item .m-iconBadge {
        width: 40px;
        height: 40px;
    } */

  .m-iconBadge {
    width: 42px;
    height: 42px;
    font-size: 2.4rem;
  }

  .l-footer_lang {
    margin-left: 30px;
  }

  .l-footer_lang a {
    padding: 10px 18px 9px;
  }

  .l-footer_lang a {
    display: inline-block;
    position: relative;
    z-index: 1;
    padding: 8px 18px 7px;
    border: 3px solid #fff;
    border-radius: 30px;
    -webkit-transition: background-color 0.1s 0.15s cubic-bezier(0.23, 1, 0.58, 1);
    transition: background-color 0.1s 0.15s cubic-bezier(0.23, 1, 0.58, 1);
    background: #000;
  }

  .l-footer_copyright {
    padding-top: 36px;
    padding-bottom: 36px;
    font-size: 1.5rem;
    background-color: #03a9f4;
  }


}


.m-container {
  padding: 0 20px;
}

.m-containerr {
  padding: 0 20px;
}

.l-footer_logo {
  padding: 42px 0 0;
}

.l-footer a {
  text-decoration: none;
  color: black;
}

.l-footer_logo img {
  width: 140px;
}

.l-footer_function {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-right: -20px;
  margin-left: -20px;
}

.l-footer_function_row-01 {
  margin: 29px 0 0;
}

.l-footer_nav {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.l-footer_nav_item {
  font-weight: bold;
}

.l-footer_nav a {
  display: block;
}

.l-footer a {
  text-decoration: none;
  color: black;
}

.l-footer_service {
  display: flex;
  justify-content: center;
}


.l-footer_service {
  display: flex;
  justify-content: center;
}

/* .l-footer_service_item .m-iconBadge {
    width: 34px;
    height: 34px;
    background-color: #fff;
} */





.m-icon {
  position: relative;
  width: 1em;
  height: 1em;
  letter-spacing: -1em;
  line-height: 0;
}



.m-icon:before,
.m-icon:after {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: text-top;
  letter-spacing: normal;
}


.m-icon:after {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}

.m-icon:after {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: text-top;
  letter-spacing: normal;
}

.l-footer_lang {
  line-height: 1;
}

.l-footer_lang a:before {
  content: "";
  display: block;
  opacity: 1;
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  border-radius: 30px;
  transform: scale(1);
  background: #000;
  will-change: transform;
}

.l-footer_copyright {
  padding: 28px 0;
  font-size: 11px;
  font-size: 1.1rem;
}

.l-footer_copyright small {
  font-size: 100%;
}

.l-footer_copyright small [lang="en"] {
  font-family: monospace;
}

.l-footer_copyright {
  background-color: #03a9f4;
}





/* company.html */

.sb_title {
  background-color: white;
}

.l-pageHeader {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  background: #fff;
  text-align: left;
}

.l-pageHeader_title {
  position: relative;
  padding: 0 0 16px;
  font-size: 20px;
  font-size: 3.0rem;
  line-height: 1.6;
}



.l-pageBody {
  position: relative;
  z-index: 1;
  background: #f0f0ee;
}

.m-pageBodyInner {
  padding-top: 28px;
  padding-bottom: 56px;
}

.m-container {
  padding: 0 20px;
}

.m-containerr {
  padding: 0 20px;
}

.m-roundBox-min-md {
  margin-right: -20px;
  margin-left: -20px;
  padding-top: 42px;
  padding-bottom: 42px;
  border-radius: 0;
}

.m-roundBox {
  position: relative;
  padding: 20px 20px;
  border-radius: 20px 20px;
  background: #fff;
}

.m-section:first-child {
  margin-top: 0;
}

.m-section {
  position: relative;
  margin: 56px 0;
}

.m-section_figure:first-child {
  margin-top: 0;
}

.m-section_figure {
  margin: 2em auto;
  max-width: 824px;
}

.m-section_figure img {
  width: 100%;
}

.m-roundImg-border {
  border: 2px solid #f0f0ee;
}

.m-roundImg {
  border-radius: 20px 20px;
}

.m-dataList_title {
  padding: 16px 20px 0 10px;
  font-weight: bold;
}

.m-dataList_data {
  padding: 0 0 0 20px;
  border-bottom: 2px solid #f0f0ee;
}

.m-dataList_dataInner {
  padding: 0 0 16px;
}

.m-dataList_dataInner ul {
  padding: 0;
}



.m-roundBox {
  position: relative;
  padding: 20px 20px;
  border-radius: 20px 20px;
  background: #fff;
}

.l-footer-map {
  margin-top: 20px;
}

.l-footer-map iframe {
  width: 100%;
}

@media print,
screen and (min-width: 1032px) {

  .m-container {
    margin-right: auto;
    margin-left: auto;
    padding-right: 0;
    padding-left: 0;
    max-width: 1000px;
  }

  .m-containerr {
    margin-right: auto;
    margin-left: auto;
    padding-right: 0;
    padding-left: 0;
    max-width: 1300px;
  }

}

@media print,
screen and (min-width: 768px) {
  .l-pageHeader {
    padding-top: 116px;
    padding-bottom: 60px;
  }

  .l-pageHeader_title {
    padding-bottom: 20px;
    font-size: 3.0rem;
  }

  .l-pageHeader_title:after {
    width: 60px;
  }

  .m-pageBodyInner {
    padding-top: 56px;
    padding-bottom: 84px;
  }






  .m-roundBox-min-md {
    margin-right: auto;
    margin-left: auto;
    padding-top: 84px;
    padding-bottom: 84px;
    border-radius: 20px 20px;
  }

  .m-roundBox {
    padding: 5.645% 8.468%;
  }

  .m-section {
    margin-top: 84px;
    margin-bottom: 84px;
  }

  .m-dataList_item {
    display: flex;
  }

  .m-dataList_title {
    padding-top: 24px;
    padding-bottom: 24px;
    border-bottom: 2px solid #d7d7d5;
    width: 220px;
  }

  .m-dataList_data {
    padding: 0;
    flex: 1;
  }

  .m-dataList_dataInner {
    padding: 24px 20px 24px 10px;
  }

  .m-roundBox {
    padding: 5.645% 8.468%;
  }

}




/* メンバー */

.c-list-member {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding: 0;
}

.c-list-member>li {
  width: 50%;
  padding: 13px 7.5px;
}


.c-item-member_image_wrap {
  border-radius: 50%;
  height: 0;
  width: 100%;
  padding-top: 100%;
  overflow: hidden;
  position: relative;
  z-index: 0;
}

.c-item-member_image {
  background-color: #f5f6f7;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  transition: transform .2s;
  transform: scale(1.001);
  background-image: url(https://cuebic.co.jp/wp-content/uploads/yoichihidehito_01.jpg);
}


.c-item-member_content {
  margin-top: 12px;
}


.c-item-member_name {
  font-size: 1.0rem;
  line-height: 1.5;
  color: #0e182b;
  font-weight: 700;
}


.c-item-member_occupation {
  font-size: 0.8rem;
  line-height: 1.5;
  margin-top: 3px;
}

.c-item-member_title {
  font-size: 1.0rem;
  line-height: 1.5;
  color: #888f9d;
  font-weight: 700;
  margin-top: 3px;
}

@media screen and (min-width: 769px) {

  .c-list-member>li {
    width: 25%;
    padding: 17px 14px;
  }

  .c-item-member_name {
    font-size: 1.2rem;
    line-height: 1.3;
  }

  .c-item-member_occupation {
    font-size: 1.2rem;
    line-height: 1.5;
    margin-top: 5px;
  }

  .c-item-member_title {
    font-size: 1.2rem;
    line-height: 1.5;
    margin-top: 5px;
  }

}


/* お知らせページ */

p {
  margin: 0;

}

.news__top {
  display: flex;
  justify-content: center;
  margin-top: 40px;

}

.news__top--article {
  width: 100%;
}


.news__top--article:nth-child(2) {
  margin: 0 30px;
}

.news__top--txt {
  display: flex;
  justify-content: start;
  margin-top: 20px;
}

.news {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}


.p_sub {
  padding: 3px 14px;
  border-radius: 5px;
  background: black;
  color: white;
  font-size: 12px;
}

.p_time {
  margin-left: 10px;
}


/* サービス */

.space {
  padding: 100px 0;
}

.service {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}


.service-head {
  display: flex;
  justify-content: space-between;
}

.service-head .service-ttl {
  width: 30%;
}

.service-head .service-copy {
  width: 70%;
}

.head-2 {
  margin-bottom: 20px;
  font-weight: bold;
  position: relative;
}


.lan-jp.bubble span {
  font-size: 16px;
  color: black;
}

.lan-en.bubble span {
  color: black;
}

.lan-en.bubble span {
  font-size: 50px;
}

.service-copy.js-area-l .ttl {
  font-size: 25px;
  font-weight: bold;
}

.tx {
  margin-top: 20px;
  font-size: 14px;
}


.service__list {
  margin-top: 40px;
  display: flex;
  flex-wrap: wrap;
}

.service__list .list-box {
  width: 50%;
  background: #000;
  position: relative;
}



.service__list .list-copy {
  width: 100%;
  padding: 20px;
  color: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
}

.ss .lan-en.bubble span {
  font-size: 35px;
  color: white;
}

.ss .lan-jp.bubble span {
  color: white;
}

.service__list .list-copy .copy-tx p {
  width: calc(100% - 56px);
  padding-right: 20px;
}

.service__list .list-copy .copy-tx {
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}


.circle-arr.arr-2 {
  border-color: #fff;
}

.circle-arr {
  width: 56px;
  height: 56px;
  border-radius: 100%;
  border: 1px solid #0d0100;
  position: relative;
}

.fa-solid {
  position: absolute;
  top: 36%;
  left: 44%;
}

.circle-arr.arr-2:after {
  color: #fff;
}

.circle-arr:after {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: "";
  color: #0d0100;
  font-family: "webicon" !important;
  font-size: 1.5rem;
}

.service-list .list-link {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
}


/* スライドショー */


.aiueo {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}

.slider img {
  width: 100%;
  /*スライダー内の画像を横幅100%に*/
  height: auto;
}

/*slickのJSで書かれるタグ内、スライド左右の余白調整*/

.slider .slick-slide {
  margin: 0px;
  /*スライド左右の余白調整*/
}


.sliderr img {
  width: 100%;
  /*スライダー内の画像を横幅100%に*/
  height: auto;
}

/*slickのJSで書かれるタグ内、スライド左右の余白調整*/

.sliderr .slick-slide {
  margin: 0px;
  /*スライド左右の余白調整*/
}


.sliderr li {
  margin-left: 40px;
  padding-left: 40px;
}


/* メンバー */

.member {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}


.member_photo {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 400px;
  box-sizing: border-box;
  background-color: transparent;
  -webkit-transition: .7s;
  -moz-transition: .7s;
  -o-transition: .7s;
  transition: .7s;
  background: url(images/teemu-paananen-bzdhc5b3Bxs-unsplash.jpg) center 0 no-repeat;
  background-position: center;
  background-size: cover;
  /* background-color: black; */

}




a.more {
  background-color: #080808;
  text-align: center;
  width: 360px;
  line-height: 60px;
  /* display: block; */
  margin: auto;
  position: relative;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 600;
  border: 1px solid #fff;
  overflow: hidden;
  /* border-radius: 10px; */


  /*アニメーションの起点とするためrelativeを指定*/
  /* position: relative; */
  /* overflow: hidden; */
  /*ボタンの形状*/
  text-decoration: none;
  display: inline-block;
  /* border: 1px solid #555;ボーダーの色と太さ */
  /* padding: 10px 30px; */
  /* text-align: center; */
  outline: none;
  /*アニメーションの指定*/
  transition: ease .2s;

}

a.more span {
  position: relative;
  z-index: 10;
  color: #c1c1c1;
  letter-spacing: .1em;
  font-size: 1.7rem;
}

a.more:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: #fff;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
  opacity: 0;
}


/* イベント */

.sliderr {
  padding-top: 50px;
}

.event {
  padding: 100px 0;
  /* background-color: #03a9f4; */
}

.event__space {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  color: white;
}

.event__text h2 {
  color: black;
  padding-top: 100px;
  font-size: 25px;
  padding-bottom: 20px;
}

.event__text {
  width: 100%;
  max-width: 1000px;
  margin: 10px auto;


}

.event__text p {
  font-size: 16px;
  color: black;
}

.fa-brands {
  color: #03a9f4;
}

.top_btn .fa-brands {
  color: white;
}

.news_space {
  padding: 100px 0;
}

.m-iconBadge:before {
  display: none;
}



/* .m-iconBadge {
    display: inline-block;
    position: relative;
    border: 0;
    border-radius: 50%;
    width: 38px;
    height: 38px;
    background: white;
    vertical-align: middle;
    font-size: 20px;
    font-size: 2rem;
    -webkit-appearance: none;
}

.m-iconBadge:before {
    content: "";
    display: block;
    opacity: 1;
    position: absolute;
    top: 3px;
    right: 3px;
    bottom: 3px;
    left: 3px;
    margin: auto;
    border-radius: 50%;
    transform: scale(1);
    background: #fff;
    will-change: transform;
}

.m-iconBadge .m-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
} */

.slider .slick-list.draggable {
  height: 220px;
}

/* .slick-list {
    height: 250px;
} */


/* モバイル版 */

@media screen and (max-width: 768px) {


  #video-area {
    height: 50vh;
  }

  main {
    padding-top: 50vh;
  }

  .top_btn {
    left: 16%;
    top: 10%;
    font-size: 10px;
    padding: 5px 20px;
  }

  .catchcopy h1 {
    font-size: 34px;
  }


  .catchcopy__h1 {
    padding-top: 30px;
  }

  .catchcopy__p {
    font-size: 16px;
    line-height: 27px;
  }

  .service-head {
    display: block;
  }

  .service__list .list-copy {
    padding: 0;
  }

  .ss .lan-en.bubble span {
    font-size: 16px;
  }

  .circle-arr {
    width: 35px;
    height: 35px;
  }

  .service__list .list-copy .copy-tx p {
    width: calc(100% - 48px);
    padding-right: 0px;
    font-size: 10px;
  }

  .catchcopy {
    padding-top: 50px;
  }

  .aaa {
    padding-bottom: 50px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .news__top {
    justify-content: start;
    margin: 0 auto;
    width: 95%;
    flex-wrap: wrap;
  }

  .news__top--article:nth-child(2) {
    margin: 10px;
    width: 42.5%;
  }



  .news__top--ttl p {
    font-size: 10px;
  }

  .p_sub {
    padding: 1px 5px;
    border-radius: 0px;
  }

  .news__top--txt {
    margin-top: 0;
  }

  .news__top--article {
    width: 42.5%;
    margin: 10px 10px;
  }

  .service-head .service-copy {
    width: 90%;
  }

  .service-copy.js-area-l .ttl {
    font-size: 22px;
  }

  .tx {
    font-size: 16px;
  }

  .lan-en.bubble span {
    font-size: 40px;
  }

  .sliderr img {
    width: 1000px;
    /*スライダー内の画像を横幅100%に*/
    height: auto;
  }

  .slick-slide {
    width: 100%;
  }

  #video-area {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
  }

  video {
    position: absolute;
    top: 50%;
    left: 50%;
    object-fit: cover;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
  }



  .space {
    padding: 50px 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .member_space {
    padding-left: 20px;
    padding-right: 20px;
  }

  .news_space {
    padding: 50px 0;
  }

  .service-head {
    padding-left: 20px;
    padding-right: 20px;
  }

  .event {
    padding: 50px 0;
  }

  .event__text h2 {
    padding-top: 50px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 20px;
  }

  .event__text p {
    padding-left: 20px;
    padding-right: 20px;
  }

  .service-copy.js-area-l .ttl {
    font-size: 20px;
  }

  .news__top--txt {
    margin-top: 5px;
  }

  .head-2 {
    margin-bottom: 0;
  }

  .service__list .list-copy .copy-tx p {
    display: none;
  }

  .service__list .list-copy {
    display: flex;
    justify-content: space-between;
  }

  .lan-jp.bubble span {
    font-size: 10px;
  }

  .ss .lan-en.bubble span {
    font-size: 10px;
  }

  .lan-en.bubble {
    font-size: 10px;
  }

  .fa-solid {
    top: 23%;
  }

  .circle-arr {
    width: 30px;
    height: 30px;
  }

  .top_btn {
    padding: 10px 30px;
    left: 5%;
    /* top: 500px */
  }

  .l-footer_nav {
    display: none;
  }

  .l-footer_function_row p {
    padding: 0;
  }

  .l-footer_copyright {
    padding: 10px 0;
    font-size: 10px;
  }

  .l-footer_function {
    padding-top: 20px;
  }

  .l-footer_logo img {
    width: 120px;
  }

  .lan-jp.bubble.title_jp span {
    font-size: 16px;
  }

  .service-head .service-ttl {
    width: auto;
  }


  .l-footer_service_item {
    margin: 0 9px;
    width: 30px;
  }

  .top_btn a {
    font-size: 16px;
  }

  .fa-brands {
    font-size: 30px;
  }

  .top_btn .fa-brands {
    font-size: 16px;
  }

  .sliderr img {
    width: auto;

  }

}



/* 別ページサービス */


#mv {
  width: 100%;
  min-height: 100vh;
  background: url("images/_DSC5568.jpg");
  background-size: cover;
  background-position: center;
}

#mv::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  min-height: 100vh;
  background: rgba(0, 0, 0, .5);
}

.topbz_text {
  font-size: 5rem;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: left;
  width: 100%;
  padding: 0 40px;
  transform: translateY(-50%) translateX(-50%);
}


.topbz_text h1 {
  font-size: 50px;
  letter-spacing: 20px;
}

.topbz_text h3 {
  font-size: 25px;
}

.topbz_text p {
  font-size: 16px;
}


.blk_02 {
  position: relative;
  width: 460px;
  padding: 60px;
}

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

}

.blk_01 {
  position: relative;
  overflow: hidden;
  width: -webkit-calc(100% - 460px);
}


/* .ul_service {
    width: auto;
    margin: 0;
    padding: 101px 80px 0;
    display: flex;
    flex-wrap: wrap;
} */

.service_block:nth-child(even) .blk_01 {
  order: 2;
}

.service_block_1 {
  margin-bottom: 40px;
}

.blk_02 p {
  margin-top: 15px;
}

.service_more {
  display: inline-block;
}

.blk_02 button {
  color: white;
  padding: 5px 10px;
  background-color: #03a9f4;
  margin-left: 30px;
}


.blk_02 {
  background-color: #f8f9fa;
}




@media screen and (max-width: 768px) {

  .blk_02 {
    width: auto;
    padding: 20px;
  }

  .service_block_1 {
    display: block;
  }

  .blk_01 {
    width: auto;
  }

  .blk_02 p {
    font-size: 11px;
    line-height: 22px;
  }

  .topbz_text h3 {
    font-size: 24px;
  }

  .topbz_text h1 {
    font-size: 30px;
  }

  br {
    display: none;
  }

  .topbz_text p {
    font-size: 14px;
  }

  .slider .slick-list.draggable {
    height: 130px;
  }


}






/*まずはお決まりのボックスサイズ算出をborer-boxに */
*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* font-size: 62.5%; */
  /*rem算出をしやすくするために*/
}

.btn,
a.btn,
button.btn {

  position: relative;
  display: inline-block;
  cursor: pointer;
  /* -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; */
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}

/*その他と主な共通部分は省略*/

a.btn-flat {
  overflow: hidden;
  padding: 10px 40px;
  color: #fff;
  border-radius: 0;
  background: #000;
  margin-top: 25px;
}

a.btn-flat span {
  position: relative;
}

a.btn-flat:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  height: 100px;
  content: '';
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  -webkit-transform: translateX(-80%) translateY(-25px);
  transform: translateX(-80%) translateY(-25px);

  border-radius: 50%;
  background: #03a9f4;
}

a.btn-flat:hover:before {
  width: 400px;
  height: 400px;

  -webkit-transform: translateX(-1%) translateY(-175px);

  transform: translateX(-1%) translateY(-175px);
}

a.btn-flat span {
  font-size: 18px;
}





a.btn-flat_service {
  overflow: hidden;
  color: #fff;
  border-radius: 0;
  background: #03a9f4;
  padding: 5px 10px;
  margin-left: 30px;
}

a.btn-flat_service span {
  position: relative;
}

a.btn-flat_service:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;

  content: '';
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  -webkit-transform: translateX(-80%) translateY(-25px);
  transform: translateX(-80%) translateY(-25px);

  border-radius: 50%;
  background: #000;
}

a.btn-flat_service:hover:before {
  width: 400px;
  height: 400px;
  -webkit-transform: translateX(-1%) translateY(-175px);

  transform: translateX(-1%) translateY(-175px);
}

a.btn-flat_service span {
  font-size: 14px;
}





@media screen and (max-width: 768px) {

  a.btn-flat {
    padding: 8px 30px;
    color: white;
    margin-top: 13px;
    font-size: 14px;
  }

  .top_btn {
    left: 0;
    top: 60vh;
    width: 180px;
    height: 40px;
    padding: 5px 15px;
  }

  .head-2.ss {
    padding-left: 5px;
    padding-bottom: 5px;
  }

}



.service__list .list-img {
  opacity: .92;
  position: relative;
}

.service__list .list-img:before {
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 1%, black 100%);
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
}


/*　画像の拡大　*/

.service__list .list-img img {
  transform: scale(1);
  transition: 0.8s ease-in-out;
  /*移り変わる速さを変更したい場合はこの数値を変更*/
}

.service__list a:hover img {
  /*hoverした時の変化*/
  transform: scale(1.2);
  /*拡大の値を変更したい場合はこの数値を変更*/
}

/*　画像のマスク　*/

.mask {
  display: block;
  line-height: 0;
  /*行の高さを0にする*/
  overflow: hidden;
  /*拡大してはみ出る要素を隠す*/
}



/*　画像の拡大　*/

.service_block_1 img {
  transform: scale(1);
  transition: 0.8s ease-in-out;
  /*移り変わる速さを変更したい場合はこの数値を変更*/
}

.service_block_1 a:hover img {
  /*hoverした時の変化*/
  transform: scale(1.2);
  /*拡大の値を変更したい場合はこの数値を変更*/
}

/*　画像のマスク　*/

.mask {
  display: block;
  line-height: 0;
  /*行の高さを0にする*/
  overflow: hidden;
  /*拡大してはみ出る要素を隠す*/
}





.topgazo {
  display: none;
}


@media (max-width: 768px) {

  /*========= ナビゲーションのためのCSS ===============*/

  #g-nav {
    /*position:fixed;にし、z-indexの数値を大きくして前面へ*/
    position: fixed;
    z-index: 999;
    /*ナビのスタート位置と形状*/
    top: 0;
    right: -120%;
    width: 100%;
    height: 100vh;
    /*ナビの高さ*/
    background: #999;
    /*動き*/
    transition: all 0.6s;
  }

  /*アクティブクラスがついたら位置を0に*/
  #g-nav.panelactive {
    right: 0;
  }

  /*ナビゲーションの縦スクロール*/
  #g-nav.panelactive #g-nav-list {
    /*ナビの数が増えた場合縦スクロール*/
    position: fixed;
    z-index: 999;
    width: 100%;
    height: 100vh;
    /*表示する高さ*/
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }

  /*ナビゲーション*/
  #g-nav ul {
    /*ナビゲーション天地中央揃え*/
    position: absolute;
    z-index: 999;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  /*リストのレイアウト設定*/

  #g-nav li {
    list-style: none;
    text-align: center;
  }

  #g-nav li a {
    color: #333;
    text-decoration: none;
    padding: 10px;
    display: block;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-weight: bold;
  }

  /*========= ボタンのためのCSS ===============*/
  .openbtn1 {
    position: fixed;
    z-index: 9999;
    /*ボタンを最前面に*/
    top: 10px;
    right: 10px;
    cursor: pointer;
    width: 50px;
    height: 50px;
  }

  /*×に変化*/
  .openbtn1 span {
    display: inline-block;
    transition: all .4s;
    position: absolute;
    left: 14px;
    height: 3px;
    border-radius: 2px;
    background-color: #666;
    width: 45%;
  }

  .openbtn1 span:nth-of-type(1) {
    top: 15px;
  }

  .openbtn1 span:nth-of-type(2) {
    top: 23px;
  }

  .openbtn1 span:nth-of-type(3) {
    top: 31px;
  }

  .openbtn1.active span:nth-of-type(1) {
    top: 18px;
    left: 18px;
    transform: translateY(6px) rotate(-45deg);
    width: 30%;
  }

  .openbtn1.active span:nth-of-type(2) {
    opacity: 0;
  }

  .openbtn1.active span:nth-of-type(3) {
    top: 30px;
    left: 18px;
    transform: translateY(-6px) rotate(45deg);
    width: 30%;
  }

  .topgazo {
    display: block;
  }


  .topgazo {
    top: 5px;
  }


  .mobileheader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    /* background-color: #fff; */

    /* border-bottom: 1
		px
		solid #ededed; */
    height: 60px;
    box-sizing: border-box;
    overflow: hidden;
    z-index: 1000;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* background-color: black; */
    /* background-color: #00000026; */
    background: #03a9f4;
    background-color: transparent;
  }


  .topgazo h1 {
    width: 100px;
    height: auto;
  }

  .title-link {
    width: 100%;
    height: auto;
  }

  .title-link img {

    width: 100%;
    height: auto;
  }

  .openbtn1 span {
    background-color: white;
  }

  #g-nav.panelactive #g-nav-list {
    background: #03a9f4;

  }

  #g-nav li a {
    color: white;
  }

}





/* 夏祭りページ */

.blue_background {

  background: linear-gradient(279deg, #03a9f4 0%, rgb(177 231 255) 25%, rgb(224 245 255) 63%, rgba(255, 255, 255, 1) 100%);
}



.view_top {
  background-color: #ebebeb;
  margin-top: 50px;
  background-color: #ebebeb;
  margin-top: 50px;
  border-radius: 30px;
  margin-left: 30px;
  margin-right: 30px;
  margin-bottom: 50px;
}

.view {
  padding-top: 50px;
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  padding-bottom: 50px;
}

.table_2 {
  line-height: 35px;
}

.view h2 {
  margin-bottom: 20px;
}

tr {
  border-bottom: 1px solid black;
}

.tbody_1 {
  display: grid;
}

th {
  width: 10.125rem;
  text-align: left;
  padding: 15px 0px;
}

.top_text {
  padding-top: 50px;
}

.top_text h2 {
  text-align: center;
  margin-bottom: 20px;
  font-size: 30px;
}

.top_text p {

  text-align: center;
  font-size: 18px;

}

.contents_summer_1 {
  display: flex;
  justify-content: center;
}


.top_top_top {
  background-image: url(images/top_top_top.jpg) !important;
}

@media (max-width: 768px) {

  .top_text {
    padding-top: 30px;
    padding-right: 20px;
    padding-left: 20px;
  }

  .top_text h2 {
    font-size: 20px;
  }

  .top_text p {
    font-size: 13px;
  }

  th {
    font-size: 13px;
    width: 7.125rem;
    padding-left: 10px;
  }

  td {
    font-size: 13px;
    line-height: 20px;
  }

  .view {
    padding-top: 30px;
    padding-bottom: 30px;
  }


  .view_top {
    margin-left: 10px;
    margin-right: 10px;
  }

  .table_2 {
    margin-left: 10px;
    margin-right: 10px;
  }
}