@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@900&display=swap');
.pc {
  display: block !important;
}
.sp {
  display: none !important;
}
html {
  scroll-behavior: smooth;
}
#DtArea {
  margin-left: auto;
  margin-right: auto;
}
#DtArea #sec-1 {
  background-color: #121b3c;
}
/**/
#kuji #Tomica-wrapper {
  background-color: #fff;
}
#Tomica-wrapper {
  background-color: #fff;
}
.kuji-wrapper {
  width: 100%;
}
.container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  height: 100%;
  overflow: visible;
}
.box {
  flex: 1;
  flex-basis: 900px;
}
.box-inner {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.indigo_box {
  height: 176px;
  position: relative;
  background-color: #121b3c;
}
.gold_box {
  height: 9px;
  position: relative;
  background-image: linear-gradient(180deg, rgba(244, 209, 107, 1) 10%, rgba(223, 187, 99, 1) 68%, rgba(237, 190, 86, 1) 90%);
}
.box1 {
  height: 745px;
  position: relative;
  background-image: linear-gradient(180deg, rgba(60, 105, 170, 1) 10%, rgba(16, 22, 36, 1) 68%, rgba(6, 9, 18, 1) 90%);
}
.box2 {
  height: auto;
  position: relative;
  background-size: auto auto;
  background-color: rgba(13, 7, 34, 1);
  background-image: repeating-linear-gradient(135deg, transparent, transparent 9px, rgba(18, 21, 56, 1) 9px, rgba(18, 21, 56, 1) 12px);
  padding-bottom: 30px;
}
.container2 {
  margin: 0;
  background-repeat: repeat;
  background-size: cover;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.wide_box {
  flex: 1;
  flex-basis: 100%;
}
.box3 {
  background-size: cover;
}
/*ボタン*/
.indigo_box_btn {
  height: auto;
  position: relative;
  background-color: #121b3c;
}
.btn_sp {
	width: 700px;
  padding: 20px 0px;
}
/*トップコピー*/
.txt_copy {
  padding: 15px 0 50px 0;
}